/* src/main.css */
/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root,
  :host {
    --font-sans:
      ui-sans-serif,
      system-ui,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol",
      "Noto Color Emoji";
    --font-mono:
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace;
    --color-red-50: #FFF3F1;
    --color-red-100: #FFEDEA;
    --color-red-400: oklch(70.4% 0.191 22.216);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-700: #C60F0F;
    --color-orange-400: oklch(75% 0.183 55.934);
    --color-orange-500: oklch(70.5% 0.213 47.604);
    --color-green-400: #A8E6CE;
    --color-green-500: #4FA800;
    --color-blue-50: #E9F7FF;
    --color-blue-400: oklch(70.7% 0.165 254.624);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-neutral-50: #FAFBFC;
    --color-neutral-100: #F0F2F7;
    --color-neutral-200: #D3D5DB;
    --color-neutral-300: #B7B9BE;
    --color-neutral-400: #9FA1A6;
    --color-neutral-500: #6E7073;
    --color-neutral-600: #58595C;
    --color-neutral-700: #47484A;
    --color-neutral-800: #363738;
    --color-neutral-900: #1C1E22;
    --spacing: 12px;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --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);
    --animate-jump: jump 0.5s ease;
    --color-neutral-0: #FFFFFF;
    --color-neutral-150: #DCDFE5;
    --color-primary: #009DFF;
    --color-primary-80: #0877C5;
    --color-primary-60: #0D649B;
    --color-on-primary: #FFFFFF;
    --color-surface: #1d1b20;
    --color-on-surface: #1d1b20;
    --color-surface-variant: var(--color-surface-variant);
    --color-on-surface-variant: #49454f;
    --color-surface-avatar: var(--color-surface-avatar);
    --color-on-surface-avatar: var(--color-on-surface-avatar);
    --color-selected-group: var(--color-selected-group);
    --color-selected-item: var(--color-selected-item);
    --color-selected-item-hover: var(--color-selected-item-hover);
    --color-on-selected-item: var(--color-on-selected-item);
    --color-surface-container: var(--color-surface-container);
    --color-surface-logo: var(--color-surface-logo);
    --font-avenir: "Avenir";
    --font-roman: "Roman";
    --text-headline-large: 36px;
    --text-headline: 32px;
    --text-title-large: 26px;
    --text-title: 24px;
    --text-title-small: 20px;
    --text-body-large: 18px;
    --text-body: 16px;
    --text-body-small: 14px;
    --text-label: 12px;
    --text-label-small: 8px;
    --font-weight-heavy: 700;
    --scale-original: 1;
    --scale-medium: 0.75;
    --scale-small: 0.625;
    --scale-xsmall: 0.5;
  }
}
@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)) {
       {
        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;
  }
  :-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 {
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-\[-18px\] {
    right: -18px;
  }
  .right-\[24px\] {
    right: 24px;
  }
  .bottom-\[-22px\] {
    bottom: -22px;
  }
  .bottom-\[36px\] {
    bottom: 36px;
  }
  .bottom-\[48px\] {
    bottom: 48px;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-3 {
    grid-column: span 3 / span 3;
  }
  .row-start-2 {
    grid-row-start: 2;
  }
  .row-start-3 {
    grid-row-start: 3;
  }
  .row-start-4 {
    grid-row-start: 4;
  }
  .row-start-5 {
    grid-row-start: 5;
  }
  .container {
    width: 100%;
  }
  @media (width >= 40rem) {
    .container {
      max-width: 40rem;
    }
  }
  @media (width >= 48rem) {
    .container {
      max-width: 48rem;
    }
  }
  @media (width >= 64rem) {
    .container {
      max-width: 64rem;
    }
  }
  @media (width >= 80rem) {
    .container {
      max-width: 80rem;
    }
  }
  @media (width >= 96rem) {
    .container {
      max-width: 96rem;
    }
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .list-item {
    display: list-item;
  }
  .table {
    display: table;
  }
  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
  .size-\[12px\] {
    width: 12px;
    height: 12px;
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .h-\[384px\] {
    height: 384px;
  }
  .h-full {
    height: 100%;
  }
  .w-\[119px\] {
    width: 119px;
  }
  .w-\[174px\] {
    width: 174px;
  }
  .w-\[255px\] {
    width: 255px;
  }
  .w-\[282px\] {
    width: 282px;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .max-w-\[50\%\] {
    max-width: 50%;
  }
  .grow {
    flex-grow: 1;
  }
  .scale-medium {
    --tw-scale-x: var(--scale-medium);
    --tw-scale-y: var(--scale-medium);
    --tw-scale-z: var(--scale-medium);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-small {
    --tw-scale-x: var(--scale-small);
    --tw-scale-y: var(--scale-small);
    --tw-scale-z: var(--scale-small);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-xsmall {
    --tw-scale-x: var(--scale-xsmall);
    --tw-scale-y: var(--scale-xsmall);
    --tw-scale-z: var(--scale-xsmall);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-\[0\.75\] {
    scale: 0.75;
  }
  .scale-\[0\.96\] {
    scale: 0.96;
  }
  .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-jump {
    animation: var(--animate-jump);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .grid-flow-row {
    grid-auto-flow: row;
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-\[4px\] {
    gap: 4px;
  }
  .gap-\[8px\] {
    gap: 8px;
  }
  .gap-\[12px\] {
    gap: 12px;
  }
  .gap-\[20px\] {
    gap: 20px;
  }
  .gap-\[24px\] {
    gap: 24px;
  }
  .gap-\[32px\] {
    gap: 32px;
  }
  .gap-x-0\.5 {
    column-gap: calc(var(--spacing) * 0.5);
  }
  .gap-x-\[20px\] {
    column-gap: 20px;
  }
  .gap-x-\[30px\] {
    column-gap: 30px;
  }
  :where(.space-x-0\.5 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-x-reverse)));
  }
  .gap-y-\[20px\] {
    row-gap: 20px;
  }
  .self-end {
    align-self: flex-end;
  }
  .self-start {
    align-self: flex-start;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-\[12px\] {
    border-radius: 12px;
  }
  .rounded-\[24px\] {
    border-radius: 24px;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-neutral-200 {
    border-color: var(--color-neutral-200);
  }
  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }
  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }
  .bg-neutral-0 {
    background-color: var(--color-neutral-0);
  }
  .bg-neutral-50 {
    background-color: var(--color-neutral-50);
  }
  .fill-blue-500 {
    fill: var(--color-blue-500);
  }
  .fill-neutral-300 {
    fill: var(--color-neutral-300);
  }
  .fill-neutral-500 {
    fill: var(--color-neutral-500);
  }
  .object-cover {
    object-fit: cover;
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-\[24px\] {
    padding: 24px;
  }
  .pt-\[24px\] {
    padding-top: 24px;
  }
  .pr-\[12px\] {
    padding-right: 12px;
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .font-avenir {
    font-family: var(--font-avenir);
  }
  .font-roman {
    font-family: var(--font-roman);
  }
  .text-body-large {
    font-size: var(--text-body-large);
  }
  .text-body-small {
    font-size: var(--text-body-small);
  }
  .text-label {
    font-size: var(--text-label);
  }
  .text-title-small {
    font-size: var(--text-title-small);
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-heavy {
    --tw-font-weight: var(--font-weight-heavy);
    font-weight: var(--font-weight-heavy);
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .\!text-neutral-500 {
    color: var(--color-neutral-500) !important;
  }
  .text-blue-500 {
    color: var(--color-blue-500);
  }
  .text-blue-600 {
    color: var(--color-blue-600);
  }
  .text-green-500 {
    color: var(--color-green-500);
  }
  .text-neutral-50 {
    color: var(--color-neutral-50);
  }
  .text-neutral-400 {
    color: var(--color-neutral-400);
  }
  .text-neutral-500 {
    color: var(--color-neutral-500);
  }
  .text-neutral-600 {
    color: var(--color-neutral-600);
  }
  .text-neutral-900 {
    color: var(--color-neutral-900);
  }
  .text-orange-500 {
    color: var(--color-orange-500);
  }
  .text-primary {
    color: var(--color-primary);
  }
  .text-red-500 {
    color: var(--color-red-500);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .ring {
    --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);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition {
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to,
      opacity,
      box-shadow,
      transform,
      translate,
      scale,
      rotate,
      filter,
      -webkit-backdrop-filter,
      backdrop-filter,
      display,
      visibility,
      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));
  }
  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  @media (hover: hover) {
    .hover\:bg-neutral-100:hover {
      background-color: var(--color-neutral-100);
    }
  }
  .disabled\:text-neutral-200:disabled {
    color: var(--color-neutral-200);
  }
  @media (hover: hover) {
    .disabled\:hover\:bg-transparent:disabled:hover {
      background-color: transparent;
    }
  }
}
.button {
  min-height: calc(var(--spacing) * 2);
  min-width: calc(var(--spacing) * 0.25);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1);
  border-radius: calc(infinity * 1px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  column-gap: calc(var(--spacing) * 0.5);
  font-size: var(--text-body);
  --tw-font-weight: var(--font-weight-heavy);
  font-weight: var(--font-weight-heavy);
  cursor: pointer;
  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,
    visibility,
    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));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
@media (hover: hover) {
  .button:hover {
    --tw-shadow: 0 0 6px var(--tw-shadow-color, #0000001f);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
}
.button:active {
  --tw-shadow: 0 0 #0000;
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
}
.button:disabled {
  cursor: default;
}
.button .button__spinner {
  --tw-scale-x: var(--scale-small);
  --tw-scale-y: var(--scale-small);
  --tw-scale-z: var(--scale-small);
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.button .button__prefix-icon {
  --tw-scale-x: var(--scale-medium);
  --tw-scale-y: var(--scale-medium);
  --tw-scale-z: var(--scale-medium);
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.button.button--small {
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * 0.5);
  font-size: var(--text-body-small);
  --tw-font-weight: var(--font-weight-heavy);
  font-weight: var(--font-weight-heavy);
}
.button.button--small .button__prefix-icon {
  --tw-scale-x: var(--scale-small);
  --tw-scale-y: var(--scale-small);
  --tw-scale-z: var(--scale-small);
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
:is(.button, .icon-button).button--filled {
  background-color: var(--color-primary);
  color: var(--color-neutral-0);
}
@media (hover: hover) {
  :is(.button, .icon-button).button--filled:hover {
    background-color: var(--color-primary-80);
  }
}
:is(.button, .icon-button).button--filled:active {
  background-color: var(--color-primary-60);
}
@media (hover: hover) {
  :is(.button, .icon-button).button--filled:disabled:hover {
    --tw-shadow: 0 0 #0000;
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
}
:is(.button, .icon-button).button--filled:disabled {
  background-color: var(--color-neutral-200);
}
:is(.button, .icon-button).button--filled:disabled:active {
  background-color: var(--color-neutral-200);
}
:is(.button, .icon-button).button--filled:disabled {
  color: var(--color-neutral-400);
}
:is(.button, .icon-button).button--outlined {
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-primary);
  background-color: var(--color-neutral-0);
  color: var(--color-primary);
}
@media (hover: hover) {
  :is(.button, .icon-button).button--outlined:hover {
    border-color: var(--color-primary-80);
  }
}
:is(.button, .icon-button).button--outlined:active {
  border-color: var(--color-primary-60);
}
@media (hover: hover) {
  :is(.button, .icon-button).button--outlined:hover {
    color: var(--color-primary-80);
  }
}
:is(.button, .icon-button).button--outlined:active {
  color: var(--color-primary-60);
}
@media (hover: hover) {
  :is(.button, .icon-button).button--outlined:disabled:hover {
    --tw-shadow: 0 0 #0000;
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
}
:is(.button, .icon-button).button--outlined:disabled {
  border-color: var(--color-neutral-400);
}
:is(.button, .icon-button).button--outlined:disabled {
  background-color: var(--color-neutral-50);
}
:is(.button, .icon-button).button--outlined:disabled:active {
  border-color: var(--color-neutral-400);
}
:is(.button, .icon-button).button--outlined:disabled {
  color: var(--color-neutral-400);
}
:is(.button, .icon-button).button--outlined.button--alert {
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-red-700);
  background-color: var(--color-neutral-0);
  background-color: var(--color-neutral-0);
  color: var(--color-red-700);
}
@media (hover: hover) {
  :is(.button, .icon-button).button--outlined.button--alert:hover {
    border-color: var(--color-red-700);
  }
}
:is(.button, .icon-button).button--outlined.button--alert:active {
  border-color: var(--color-red-700);
}
@media (hover: hover) {
  :is(.button, .icon-button).button--outlined.button--alert:hover {
    background-color: var(--color-red-100);
  }
}
:is(.button, .icon-button).button--outlined.button--alert:active {
  background-color: var(--color-red-50);
}
@media (hover: hover) {
  :is(.button, .icon-button).button--outlined.button--alert:hover {
    color: var(--color-red-700);
  }
}
:is(.button, .icon-button).button--outlined.button--alert:active {
  color: var(--color-red-700);
}
:is(.button, .icon-button).button--standard {
  background-color: var(--color-neutral-0);
  color: var(--color-primary);
}
@media (hover: hover) {
  :is(.button, .icon-button).button--standard:hover {
    background-color: var(--color-neutral-100);
  }
}
:is(.button, .icon-button).button--standard:active {
  background-color: var(--color-neutral-50);
}
@media (hover: hover) {
  :is(.button, .icon-button).button--standard:disabled:hover {
    background-color: var(--color-neutral-0);
  }
}
@media (hover: hover) {
  :is(.button, .icon-button).button--standard:disabled:hover {
    --tw-shadow: 0 0 #0000;
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
}
:is(.button, .icon-button).button--standard:disabled:active {
  background-color: var(--color-neutral-0);
}
:is(.button, .icon-button).button--standard:disabled {
  color: var(--color-neutral-500);
}
:is(.button, .icon-button).button--standard.button--alert {
  background-color: var(--color-neutral-0);
  color: var(--color-red-700);
}
@media (hover: hover) {
  :is(.button, .icon-button).button--standard.button--alert:hover {
    background-color: var(--color-red-100);
  }
}
:is(.button, .icon-button).button--standard.button--alert:active {
  background-color: var(--color-red-50);
}
:is(.button, .icon-button).button--standard.button--alert:disabled {
  background-color: var(--color-neutral-50);
}
:is(.button, .icon-button).button--standard.button--alert:disabled {
  color: var(--color-neutral-400);
}
.icon-button {
  padding: calc(var(--spacing) * 0);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  cursor: pointer;
  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,
    visibility,
    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));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
@media (hover: hover) {
  .icon-button:hover {
    --tw-shadow: 0 0 6px var(--tw-shadow-color, #0000001f);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
}
.icon-button:active {
  --tw-shadow: 0 0 #0000;
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
}
.icon-button:disabled {
  cursor: default;
}
.icon-button .button__prefix-icon {
  --tw-scale-x: var(--scale-medium);
  --tw-scale-y: var(--scale-medium);
  --tw-scale-z: var(--scale-medium);
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.icon-button.button--small {
  min-height: calc(var(--spacing) * 2);
  min-width: calc(var(--spacing) * 2);
}
.icon-button.button--small .button__prefix-icon {
  --tw-scale-x: var(--scale-small);
  --tw-scale-y: var(--scale-small);
  --tw-scale-z: var(--scale-small);
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.icon-button.button--medium {
  min-height: calc(var(--spacing) * 3);
  min-width: calc(var(--spacing) * 3);
}
.icon-button.button--medium .button__prefix-icon {
  --tw-scale-x: var(--scale-small);
  --tw-scale-y: var(--scale-small);
  --tw-scale-z: var(--scale-small);
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.icon-button.button--large {
  min-height: calc(var(--spacing) * 4);
  min-width: calc(var(--spacing) * 4);
}
.icon-button.button--large .button__prefix-icon {
  --tw-scale-x: var(--scale-original);
  --tw-scale-y: var(--scale-original);
  --tw-scale-z: var(--scale-original);
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.dropdown {
  position: relative;
  display: inline-flex;
  width: 100%;
  flex-direction: column;
  gap: calc(var(--spacing) * 0.5);
}
.dropdown .dropdown__label {
  font-size: var(--text-label);
}
.dropdown .dropdown__label.dropdown__label--required::after {
  content: var(--tw-content);
  color: var(--color-red-700);
}
.dropdown .dropdown__label.dropdown__label--required::after {
  content: var(--tw-content);
  --tw-content: "*";
  content: var(--tw-content);
}
.dropdown .dropdown__inner {
  padding: calc(var(--spacing) * 1);
  border-radius: 6px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-neutral-200);
  background-color: var(--color-neutral-0);
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--spacing) * 1);
  cursor: default;
}
.dropdown .dropdown__inner .dropdown__selection {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dropdown .dropdown__inner .dropdown__suffix-icon {
  --tw-scale-x: var(--scale-small);
  --tw-scale-y: var(--scale-small);
  --tw-scale-z: var(--scale-small);
  scale: var(--tw-scale-x) var(--tw-scale-y);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.dropdown .dropdown__inner.dropdown__inner--selectable {
  cursor: pointer;
}
.dropdown .dropdown__options {
  position: absolute;
  top: 100%;
  left: calc(var(--spacing) * 0);
  z-index: 50;
  max-height: calc(var(--spacing) * 0);
  width: 100%;
  border-radius: 6px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-neutral-200);
  background-color: var(--color-neutral-0);
  --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);
  visibility: hidden;
  overflow: hidden;
  scroll-behavior: smooth;
  opacity: 0%;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.dropdown .dropdown__options .dropdown__option {
  padding: calc(var(--spacing) * 1);
  cursor: pointer;
}
.dropdown .dropdown__options .dropdown__option:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.dropdown .dropdown__options .dropdown__option:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
@media (hover: hover) {
  .dropdown .dropdown__options .dropdown__option:hover {
    background-color: var(--color-neutral-100);
  }
}
.dropdown .dropdown__options .dropdown__option.dropdown__option--selected {
  background-color: var(--color-neutral-100);
}
.dropdown .dropdown__options.dropdown__options--expanded {
  max-height: 156px;
  visibility: visible;
  overflow-y: auto;
  opacity: 100%;
}
.dropdown[organization],
.dropdown[practice] {
  width: 288px;
  max-width: 147px;
  padding-inline: calc(var(--spacing) * 1.75);
  padding-block: calc(var(--spacing) * 0.75);
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-neutral-0);
  background-color: var(--color-blue-500);
}
@media (width >= 64rem) {
  .dropdown[organization],
  .dropdown[practice] {
    max-width: none;
  }
}
@media (width >= 64rem) {
  .dropdown[organization],
  .dropdown[practice] {
    padding-inline: calc(var(--spacing) * 3);
  }
}
@media (width >= 64rem) {
  .dropdown[organization],
  .dropdown[practice] {
    padding-block: calc(var(--spacing) * 1);
  }
}
:is(.dropdown[organization], .dropdown[practice]) .dropdown__selection {
  font-size: var(--text-body-small);
  --tw-font-weight: var(--font-weight-heavy);
  font-weight: var(--font-weight-heavy);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
@media (width >= 64rem) {
  :is(.dropdown[organization], .dropdown[practice]) .dropdown__selection {
    font-size: var(--text-body-large);
  }
}
:is(.dropdown[organization], .dropdown[practice]) .dropdown__label {
  font-family: var(--font-roman);
  font-size: var(--text-label-small);
  color: var(--color-neutral-0);
}
@media (width >= 64rem) {
  :is(.dropdown[organization], .dropdown[practice]) .dropdown__label {
    font-size: var(--text-label);
  }
}
:is(.dropdown[organization], .dropdown[practice]) .dropdown__inner {
  height: calc(var(--spacing) * 2);
  padding: calc(var(--spacing) * 0);
  gap: calc(var(--spacing) * 0.5);
  border-radius: 0;
  border-style: var(--tw-border-style);
  border-width: 0px;
  border-color: transparent;
  background-color: transparent;
  font-size: var(--text-body-large);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-neutral-0);
}
@media (width >= 64rem) {
  :is(.dropdown[organization], .dropdown[practice]) .dropdown__inner {
    gap: calc(var(--spacing) * 1);
  }
}
:is(.dropdown[organization], .dropdown[practice]) .dropdown__inner .dropdown__spinner {
  --tw-scale-x: var(--scale-medium);
  --tw-scale-y: var(--scale-medium);
  --tw-scale-z: var(--scale-medium);
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.avatar-dropdown {
  position: relative;
  align-self: stretch;
  display: inline-flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 0.5);
}
.avatar-dropdown .avatar__inner {
  height: 100%;
  padding-inline: calc(var(--spacing) * 1);
  padding-block: calc(var(--spacing) * 0.5);
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-neutral-0);
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--spacing) * 1);
  font-size: var(--text-body);
  --tw-font-weight: var(--font-weight-heavy);
  font-weight: var(--font-weight-heavy);
  color: var(--color-neutral-0);
  cursor: default;
}
.avatar-dropdown .avatar__inner .avatar__initials {
  width: calc(var(--spacing) * 4);
  height: calc(var(--spacing) * 4);
  border-radius: calc(infinity * 1px);
  background-color: var(--color-green-500);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.avatar-dropdown .avatar__inner .dropdown__suffix-icon {
  --tw-scale-x: var(--scale-small);
  --tw-scale-y: var(--scale-small);
  --tw-scale-z: var(--scale-small);
  scale: var(--tw-scale-x) var(--tw-scale-y);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.avatar-dropdown .avatar__inner.dropdown__inner--selectable {
  cursor: pointer;
}
.avatar-dropdown .dropdown__options {
  position: absolute;
  top: 100%;
  left: -84px;
  z-index: 50;
  max-height: calc(var(--spacing) * 0);
  border-radius: 6px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-neutral-200);
  background-color: var(--color-neutral-0);
  --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);
  visibility: hidden;
  overflow: hidden;
  scroll-behavior: smooth;
  opacity: 0%;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.avatar-dropdown .dropdown__options .dropdown__option {
  width: 192px;
  padding: calc(var(--spacing) * 1);
  display: inline-flex;
  align-items: center;
  gap: calc(var(--spacing) * 1);
  cursor: pointer;
}
.avatar-dropdown .dropdown__options .dropdown__option:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.avatar-dropdown .dropdown__options .dropdown__option:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
@media (hover: hover) {
  .avatar-dropdown .dropdown__options .dropdown__option:hover {
    background-color: var(--color-neutral-100);
  }
}
.avatar-dropdown .dropdown__options .dropdown__option.dropdown__option--selected {
  background-color: var(--color-neutral-100);
}
.avatar-dropdown .dropdown__options.dropdown__options--expanded {
  max-height: 194px;
  visibility: visible;
  overflow-y: auto;
  opacity: 100%;
}
segmented-button button.segment {
  min-height: calc(var(--spacing) * 2);
  min-width: calc(var(--spacing) * 0.25);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * 0.5);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  column-gap: calc(var(--spacing) * 0.5);
  font-size: var(--text-body);
  --tw-font-weight: var(--font-weight-heavy);
  font-weight: var(--font-weight-heavy);
  color: var(--color-primary);
}
segmented-button button.segment:first-child {
  border-top-left-radius: calc(infinity * 1px);
  border-bottom-left-radius: calc(infinity * 1px);
}
segmented-button button.segment:last-child {
  border-top-right-radius: calc(infinity * 1px);
  border-bottom-right-radius: calc(infinity * 1px);
}
segmented-button button.segment.active {
  background-color: var(--color-primary);
  color: var(--color-neutral-0);
}
.notification {
  position: relative;
  display: inline-flex;
  width: 68px;
  height: 68px;
  flex-direction: column;
  gap: calc(var(--spacing) * 0.5);
}
.notification .notification__count {
  min-height: 18px;
  min-width: 18px;
  padding: 2px;
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-red-500);
  font-size: 10px;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-neutral-50);
}
.notification .notification__inner {
  width: 100%;
  height: 100%;
  padding: calc(var(--spacing) * 1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-neutral-200);
  cursor: pointer;
}
.notification .notification__inner .notification__icon {
  --tw-scale-x: var(--scale-small);
  --tw-scale-y: var(--scale-small);
  --tw-scale-z: var(--scale-small);
  scale: var(--tw-scale-x) var(--tw-scale-y);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.notification .notification__inner.notification__inner--selectable {
  cursor: pointer;
}
.notification .notification__options {
  max-height: calc(var(--spacing) * 0);
  min-height: 158px;
  width: 370px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  position: absolute;
  top: 100%;
  right: calc(var(--spacing) * 0);
  z-index: 50;
  border-radius: 16px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-neutral-200);
  background-color: var(--color-neutral-0);
  --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);
  visibility: hidden;
  overflow: hidden;
  scroll-behavior: smooth;
  opacity: 0%;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.notification .notification__options .notification__options__list {
  padding-inline: 20px;
  overflow-y: auto;
}
.notification .notification__options .notification__options__list .notification__option {
  min-height: 80px;
  padding-block: 6px;
  display: grid;
  grid-template-columns: auto 30px;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-neutral-200);
}
.notification .notification__options .notification__options__list .notification__option:hover {
  background-color: var(--color-neutral-100);
}
.notification .notification__options .notification__options__list .notification__option:hover .notification__remove {
  background-color: var(--color-neutral-100);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-neutral-0);
}
.notification .notification__options .notification__options__list .notification__option .notification__details {
  display: inline-flex;
  flex-direction: column;
  gap: 9px;
}
.notification .notification__options .notification__options__list .notification__option .notification__details .label {
  overflow: hidden;
  font-size: var(--text-body);
  --tw-font-weight: var(--font-weight-heavy);
  font-weight: var(--font-weight-heavy);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-word;
}
.notification .notification__options .notification__options__list .notification__option .notification__details .date {
  font-size: var(--text-label);
  color: var(--color-neutral-500);
}
.notification .notification__options .notification__options__list .notification__option .notification__remove {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 0ms;
  transition-duration: 0ms;
}
.notification .notification__options .notification__options__list .notification__option .notification__remove:hover {
  background-color: var(--color-neutral-0);
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.notification .notification__options .notification__options__list .notification__option .notification__remove svg {
  --tw-scale-x: var(--scale-small);
  --tw-scale-y: var(--scale-small);
  --tw-scale-z: var(--scale-small);
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.notification .notification__options .notification__options__list .notification__option .notification__remove svg path {
  fill: var(--color-primary);
}
.notification .notification__options .notification__options__list .notification__option.notification__option--general .label {
  color: var(--color-blue-500);
}
.notification .notification__options .notification__options__list .notification__option.notification__option--important .label {
  color: var(--color-orange-500);
}
.notification .notification__options .notification__options__list .notification__option.notification__option--urgent .label {
  color: var(--color-red-500);
}
.notification .notification__options .notification__options__header {
  width: 100%;
  padding: 20px 20px 8px 20px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-neutral-200);
}
.notification .notification__options.notification__options--expanded {
  max-height: 300px;
  visibility: visible;
  overflow-y: auto;
  opacity: 100%;
}
.notification .notification__spinner {
  --tw-scale-x: var(--scale-medium);
  --tw-scale-y: var(--scale-medium);
  --tw-scale-z: var(--scale-medium);
  scale: var(--tw-scale-x) var(--tw-scale-y);
  color: var(--color-neutral-50);
}
.spinner__icon {
  width: calc(var(--spacing) * 2);
  height: calc(var(--spacing) * 2);
  animation: var(--animate-spin);
}
.spinner__icon .icon__track {
  opacity: 25%;
}
.spinner__icon .icon__indicator {
  opacity: 75%;
}
.toast {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 50;
  width: fit-content;
  max-width: 550px;
  margin: auto;
  gap: calc(var(--spacing) * 1);
  padding: 8px 16px;
  display: inline-flex;
  border-radius: var(--radius-lg);
  background-color: var(--color-blue-500);
  color: var(--color-neutral-0);
}
.toast .toast__content {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
}
.toast .toast__content .toast__header {
  display: inline-flex;
  justify-content: space-between;
}
.toast .toast__content .toast__header .toast__heading {
  --tw-leading: 22px;
  line-height: 22px;
}
.toast .toast__icon {
  display: flex;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
}
.toast .toast__close {
  display: flex;
  align-self: center;
  background-color: var(--color-blue-500);
}
@media (hover: hover) {
  .toast .toast__close:hover {
    background-color: var(--color-blue-400);
  }
}
.toast .toast__close svg {
  --tw-scale-x: var(--scale-xsmall);
  --tw-scale-y: var(--scale-xsmall);
  --tw-scale-z: var(--scale-xsmall);
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.toast .toast__close svg path {
  fill: var(--color-neutral-0);
}
.toast .toast__label {
  font-size: var(--text-body);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.toast.toast--success {
  background-color: var(--color-green-500);
  color: var(--color-neutral-0);
}
.toast.toast--success .toast__close {
  background-color: var(--color-green-500);
}
@media (hover: hover) {
  .toast.toast--success .toast__close:hover {
    background-color: var(--color-green-400);
  }
}
.toast.toast--error {
  background-color: var(--color-red-500);
  color: var(--color-neutral-0);
}
.toast.toast--error .toast__close {
  background-color: var(--color-red-500);
}
@media (hover: hover) {
  .toast.toast--error .toast__close:hover {
    background-color: var(--color-red-400);
  }
}
.toast.toast--warning {
  background-color: var(--color-orange-500);
  color: var(--color-neutral-0);
}
.toast.toast--warning .toast__close {
  background-color: var(--color-orange-500);
}
@media (hover: hover) {
  .toast.toast--warning .toast__close:hover {
    background-color: var(--color-orange-400);
  }
}
.tooltip {
  position: relative;
}
.tooltip .tooltip__content {
  position: absolute;
  padding-inline: calc(var(--spacing) * 1);
  padding-block: calc(var(--spacing) * 0.5);
  display: inline-flex;
  flex-direction: column;
  border-radius: 4px;
  background-color: var(--color-neutral-0);
  --tw-shadow: 0 0 6px var(--tw-shadow-color, #0000001f);
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
  font-family: var(--font-avenir);
  font-size: var(--text-body-small);
  visibility: hidden;
  opacity: 0%;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.tooltip .tooltip__arrow {
  position: absolute;
  right: 24px;
  bottom: -22px;
}
.tooltip:hover .tooltip__content {
  visibility: visible;
  opacity: 100%;
}
panel {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  display: inline-flex;
  flex-direction: column;
}
:where(panel > :not(:last-child)) {
  --tw-divide-y-reverse: 0;
  border-bottom-style: var(--tw-border-style);
  border-top-style: var(--tw-border-style);
  border-top-width: calc(1px * var(--tw-divide-y-reverse));
  border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
}
:where(panel > :not(:last-child)) {
  border-color: var(--color-neutral-200);
}
panel header.panel__header {
  height: calc(var(--spacing) * 6);
  width: 100%;
  padding-block: calc(var(--spacing) * 2);
  padding-right: calc(var(--spacing) * 0.5);
  padding-left: calc(var(--spacing) * 4);
  display: grid;
  align-items: center;
  gap: calc(var(--spacing) * 1);
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  background-color: var(--color-neutral-50);
}
panel section.panel__group {
  height: fit-content;
  width: 100%;
  display: inline-flex;
  flex-direction: column;
}
panel section.panel__group:last-child {
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
}
panel section.panel__group header.group__header {
  height: fit-content;
  width: 100%;
  padding-inline: calc(var(--spacing) * 0.5);
  padding-block: calc(var(--spacing) * 1);
  display: grid;
  align-items: center;
  gap: calc(var(--spacing) * 1);
  cursor: pointer;
}
panel section.panel__group header.group__header arrow-dropdown-icon {
  margin-left: calc(var(--spacing) * 0.5);
  rotate: calc(90deg * -1);
  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));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
panel section.panel__group main.group__main {
  max-height: calc(var(--spacing) * 0);
  width: 100%;
  overflow-y: hidden;
  border-top-style: var(--tw-border-style);
  border-top-width: 0px;
  border-color: var(--color-neutral-0);
  display: inline-flex;
  flex-direction: column;
  transition-property: max-height, border-color;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
:where(panel section.panel__group main.group__main > :not(:last-child)) {
  --tw-divide-y-reverse: 0;
  border-bottom-style: var(--tw-border-style);
  border-top-style: var(--tw-border-style);
  border-top-width: calc(1px * var(--tw-divide-y-reverse));
  border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
}
:where(panel section.panel__group main.group__main > :not(:last-child)) {
  border-color: var(--color-neutral-200);
}
panel section.panel__group main.group__main article.group__item {
  width: 100%;
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
  display: grid;
  align-items: center;
  gap: calc(var(--spacing) * 1);
}
panel section.panel__group.panel__group--expanded header.group__header arrow-dropdown-icon {
  rotate: 0deg;
  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));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
panel section.panel__group.panel__group--expanded main.group__main {
  max-height: 280px;
  overflow-y: auto;
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-neutral-200);
}
panel spinner {
  height: 100%;
  align-content: center;
  justify-items: center;
}
panel.panel--benefit-summary header.panel__header {
  grid-template-columns: 276px 156px 204px 168px 1fr;
}
panel.panel--benefit-summary header.group__header {
  grid-template-columns: 30px 276px 156px 204px 168px 168px 1fr;
}
panel.panel--benefit-summary header.group__header span.label--accepted {
  color: var(--color-green-500);
}
panel.panel--benefit-summary header.group__header span.label--declined {
  color: var(--color-red-500);
}
panel.panel--benefit-summary header.group__header span.label--pending {
  color: var(--color-orange-500);
}
panel.panel--benefit-summary article.group__item {
  grid-template-columns: 276px, 1fr;
}
panel.panel--codes-membership header.panel__header {
  grid-template-columns: 271px 1fr 310px;
}
panel.panel--codes-membership header.group__header {
  grid-template-columns: auto 1fr;
}
panel.panel--codes-membership article.group__item {
  grid-template-columns: 271px 1fr 275px;
  border-color: var(--color-neutral-200);
}
.list {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  display: inline-flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 2);
}
.list .list__inner {
  width: 100%;
  padding: calc(var(--spacing) * 2);
  border-radius: 12px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-neutral-200);
  background-color: var(--color-neutral-0);
}
.list .list__item {
  display: grid;
  grid-template-columns: 1fr, auto;
  align-items: center;
  gap: calc(var(--spacing) * 1);
}
.dashboard-iframe {
  width: inherit;
  height: inherit;
}
.dashboard-iframe #report-iframe {
  padding-left: 100px;
  height: inherit;
}
@media (width >= 64rem) {
  .dashboard-iframe #report-iframe {
    padding-left: calc(var(--spacing) * 0);
  }
}
.iframe-container {
  position: relative;
  width: 100%;
  padding-top: calc(var(--spacing) * 0);
  padding-top: 50%;
  overflow: hidden;
}
.iframe-container .responsive-iframe {
  position: absolute;
  inset: calc(var(--spacing) * 0);
  width: 100%;
  height: 100%;
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.checkbox {
  position: relative;
  padding-left: calc(var(--spacing) * 1);
  cursor: pointer;
}
.checkbox .checkbox__input {
  position: absolute;
  inset: calc(var(--spacing) * 0);
  opacity: 0%;
  cursor: pointer;
}
.checkbox .checkbox__mark {
  position: absolute;
  top: 5px;
  left: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 1);
  height: calc(var(--spacing) * 1);
  border-radius: 3px;
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
  outline-style: var(--tw-outline-style);
  outline-width: 1.5px;
  outline-color: var(--color-neutral-900);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.checkbox .checkbox__mark svg {
  fill: var(--color-neutral-0);
}
.checkbox .checkbox__label {
  padding-left: calc(var(--spacing) * 0.5);
  font-size: var(--text-body);
  color: var(--color-neutral-900);
}
.checkbox.checkbox--disabled {
  cursor: default;
}
.checkbox.checkbox--disabled .checkbox__input:disabled {
  cursor: default;
}
.checkbox .checkbox__input:checked ~ .checkbox__mark {
  background-color: var(--color-primary);
  --tw-outline-style: none;
  outline-style: none;
}
.checkbox .checkbox__input:checked ~ .checkbox__mark svg {
  fill: var(--color-neutral-0);
}
.checkbox .checkbox__input:checked:disabled ~ .checkbox__mark {
  background-color: var(--color-neutral-400);
  --tw-outline-style: none;
  outline-style: none;
}
.checkbox .checkbox__input:checked:disabled ~ .checkbox__mark svg {
  fill: var(--color-neutral-0);
}
.checkbox .checkbox__input:indeterminate ~ .checkbox__mark {
  outline-color: var(--color-primary);
}
.checkbox .checkbox__input:indeterminate ~ .checkbox__mark svg {
  fill: var(--color-primary);
}
.checkbox .checkbox__input:indeterminate:disabled ~ .checkbox__mark {
  outline-color: var(--color-neutral-400);
}
.checkbox .checkbox__input:indeterminate:disabled ~ .checkbox__mark svg {
  fill: var(--color-neutral-400);
}
.checkbox .checkbox__input:disabled ~ .checkbox__mark {
  cursor: default;
  outline-color: var(--color-neutral-500);
}
.checkbox .checkbox__label.checkbox__label--disabled {
  color: var(--color-neutral-600);
}
.chip {
  height: 32px;
  max-width: 210px;
  min-width: 94px;
  padding-inline: 16px;
  padding-block: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 4px;
  font-size: var(--text-body-small);
  --tw-font-weight: var(--font-weight-heavy);
  font-weight: var(--font-weight-heavy);
}
.chip .chip__label {
  font-size: var(--text-body-small);
  --tw-leading: 120%;
  line-height: 120%;
  --tw-font-weight: var(--font-weight-heavy);
  font-weight: var(--font-weight-heavy);
}
.chip.chip--accent {
  background-color: var(--color-blue-500);
  color: var(--color-neutral-0);
}
.chip.chip--error {
  background-color: var(--color-red-700);
  color: var(--color-neutral-0);
}
.chip.chip--error-alt {
  background-color: #A800000F;
  color: var(--color-red-700);
}
.chip.chip--info {
  background-color: var(--color-neutral-100);
  color: var(--color-neutral-600);
}
.chip.chip--success {
  background-color: var(--color-green-500);
  color: var(--color-neutral-0);
}
.chip.chip--warning {
  background-color: var(--color-orange-500);
  color: var(--color-neutral-0);
}
.chip.chip--warning-alt {
  background-color: #A85A000F;
  color: var(--color-orange-500);
}
.chip--rounded {
  border-radius: calc(infinity * 1px);
}
.radio {
  width: 100%;
  display: inline-flex;
  align-items: center;
  gap: calc(var(--spacing) * 0.5);
}
.radio.radio--disabled {
  cursor: default;
}
.radio.radio--disabled .radio__label {
  color: var(--color-neutral-500);
}
.radio .radio__inner {
  position: relative;
  cursor: pointer;
}
.radio .radio__inner .radio__input {
  width: calc(var(--spacing) * 1);
  height: calc(var(--spacing) * 1);
  appearance: none;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-primary);
  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,
    visibility,
    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));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  cursor: pointer;
}
.radio .radio__inner .radio__input:disabled {
  border-color: var(--color-neutral-400);
}
.radio .radio__inner .radio__input:disabled {
  cursor: default;
}
.radio .radio__inner .radio__mark {
  position: absolute;
  top: 8px;
  left: calc(var(--spacing) * 0.25);
  width: calc(var(--spacing) * 0.5);
  height: calc(var(--spacing) * 0.5);
  border-radius: calc(infinity * 1px);
  background-color: transparent;
  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,
    visibility,
    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));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  pointer-events: none;
}
.radio__input:checked ~ :is(.radio .radio__inner .radio__mark) {
  background-color: var(--color-primary);
}
.radio .radio__label {
  width: 100%;
  cursor: pointer;
}
.switch {
  display: inline-flex;
  align-items: center;
}
.switch button.switch__control {
  height: 24px;
  width: 36px;
  padding: calc(var(--spacing) * 0);
  position: relative;
  display: inline-block;
  border-radius: var(--radius-xl);
  background-color: var(--color-neutral-300);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 500ms;
  transition-duration: 500ms;
  border-style: var(--tw-border-style);
  border-width: 0px;
  border-color: transparent;
  --tw-outline-style: none;
  outline-style: none;
  cursor: pointer;
}
.switch button.switch__control:focus {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
}
.switch button.switch__control:focus {
  --tw-outline-style: none;
  outline-style: none;
}
.switch button.switch__control:focus-visible {
  --tw-outline-style: none;
  outline-style: none;
}
.switch button.switch__control .switch__slider {
  width: 16px;
  height: 16px;
  position: absolute;
  top: calc(1/2 * 100%);
  left: 4px;
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  border-radius: calc(infinity * 1px);
  background-color: var(--color-neutral-0);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 500ms;
  transition-duration: 500ms;
  --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);
}
.switch button.switch__control:hover:not(.switch--disabled) .switch__slider {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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);
  --tw-ring-color: color-mix(in srgb, #D3D5DB 80%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .switch button.switch__control:hover:not(.switch--disabled) .switch__slider {
    --tw-ring-color: color-mix(in oklab, var(--color-neutral-200) 80%, transparent);
  }
}
.switch button.switch__control.switch--checked {
  background-color: var(--color-primary);
}
.switch button.switch__control.switch--checked .switch__slider {
  --tw-translate-x: 12px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.switch button.switch__control.switch--disabled {
  cursor: default;
  background-color: var(--color-neutral-100);
}
.field .field__label {
  font-size: var(--text-label);
}
.field .field__label.field__label--required::after {
  content: var(--tw-content);
  color: var(--color-red-500);
}
.field .field__label.field__label--required::after {
  content: var(--tw-content);
  --tw-content: "*";
  content: var(--tw-content);
}
.field .field__inner {
  width: 100%;
  border-radius: 6px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-neutral-200);
  background-color: var(--color-neutral-0);
  position: relative;
  display: inline-flex;
  align-items: center;
  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));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.field .field__inner:focus-within {
  border-color: var(--color-primary);
}
.field .field__inner.field__inner--error {
  border-color: var(--color-red-500);
}
.field .field__inner.field__inner--error:focus-within {
  border-color: var(--color-red-500);
}
.field .field__inner .prefix-icon {
  margin-left: calc(var(--spacing) * 1);
}
.field .field__inner .field__input {
  width: 100%;
  flex-grow: 1;
  padding: calc(var(--spacing) * 1);
  background-color: transparent;
  border-radius: 6px;
  --tw-border-style: none;
  border-style: none;
  --tw-outline-style: none;
  outline-style: none;
}
.field .field__inner .field__suffix-icon {
  width: 48px;
  height: 48px;
  padding-inline: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.field .field__messages {
  margin-top: calc(var(--spacing) * 0.25);
  max-height: calc(var(--spacing) * 0);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.field .field__messages.field__messages--error {
  max-height: calc(var(--spacing) * 2);
}
.field .field__messages .field__message {
  font-size: var(--text-body-small);
  color: var(--color-red-500);
}
.field.field--disabled {
  color: var(--color-neutral-500);
}
.field.field--disabled .field__inner {
  background-color: var(--color-neutral-50);
}
.field.field--disabled .field__inner .prefix-icon {
  margin-left: calc(var(--spacing) * 1);
}
.wf-date-picker-field .field__inner {
  width: 100%;
}
.wf-date-picker-field .field__inner.field__inner--error {
  border-color: var(--color-red-500);
}
.wf-date-picker-field .field__inner.field__inner--error:focus-within {
  border-color: var(--color-red-500);
}
.wf-date-picker-field .field__inner .button {
  min-height: 30px;
  min-width: 30px;
}
.wf-date-picker-field .field__inner .button .icon {
  color: var(--color-neutral-900);
}
.wf-date-picker-field .field__inner .mat-mdc-text-field-wrapper {
  padding: calc(var(--spacing) * 0);
}
.wf-date-picker-field .field__inner .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix {
  min-height: 48px;
  width: auto;
  padding: calc(var(--spacing) * 0);
  padding-right: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.wf-date-picker-field .field__inner .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .field__input::placeholder {
  color: var(--color-on-surface-variant);
}
.wf-date-picker-field .field__inner .mat-mdc-text-field-wrapper .mat-datepicker-toggle button {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wf-date-picker-field .field__inner .mat-mdc-text-field-wrapper .mat-datepicker-toggle button:hover {
  --tw-shadow: 0 0 #0000;
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
}
.wf-date-picker-field .field__inner .mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay,
.wf-date-picker-field .field__inner .mat-mdc-text-field-wrapper .mat-mdc-form-field-icon-suffix {
  display: none;
}
.wf-date-picker-field .field__inner .mat-mdc-form-field-subscript-wrapper,
.wf-date-picker-field .field__inner .mdc-line-ripple {
  display: none;
}
.wf-date-picker-field .field--disabled .field__inner .mat-mdc-text-field-wrapper {
  cursor: not-allowed;
  opacity: 60%;
}
.wf-date-picker-field .field--disabled .field__inner .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .field__input {
  cursor: not-allowed;
}
.mat-datepicker-popup {
  padding-top: 1px;
}
.mat-datepicker-popup .mat-datepicker-content .mat-calendar {
  border-radius: 6px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-neutral-200);
}
.mat-datepicker-popup .mat-datepicker-content .mat-calendar .mat-calendar-body-cell-container .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover .mat-calendar-body-cell-content.mat-focus-indicator {
  background-color: var(--color-primary-60);
  color: var(--color-on-primary);
}
.mat-datepicker-popup .mat-datepicker-content .mat-calendar .mat-calendar-body-cell-container .mat-calendar-body-active .mat-calendar-body-today {
  border-color: var(--color-primary-80);
  background-color: var(--color-primary);
  color: var(--color-on-primary);
}
.textarea {
  width: 100%;
  text-align: left;
}
.textarea .textarea__label {
  font-size: var(--text-body-large);
  --tw-font-weight: var(--font-weight-heavy);
  font-weight: var(--font-weight-heavy);
}
.textarea .textarea__label.textarea__label--required::after {
  content: var(--tw-content);
  color: var(--color-red-500);
}
.textarea .textarea__label.textarea__label--required::after {
  content: var(--tw-content);
  --tw-content: "*";
  content: var(--tw-content);
}
.textarea .textarea__inner {
  border-radius: 6px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-neutral-200);
}
.textarea .textarea__inner:focus-within {
  border-color: var(--color-primary);
}
.textarea .textarea__inner .textarea__input {
  width: 100%;
  padding: 10px 12px;
  --tw-border-style: none;
  border-style: none;
  background-color: transparent;
  --tw-outline-style: none;
  outline-style: none;
  font-size: var(--text-body-large);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.textarea .textarea__inner .textarea__input::placeholder {
  color: var(--color-neutral-400);
}
.tabs {
  height: calc(var(--spacing) * 5);
  display: inline-flex;
  align-items: center;
}
span.tab {
  height: 100%;
  width: fit-content;
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * 1);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-neutral-200);
  cursor: pointer;
  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));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  font-size: var(--text-body-large);
}
span.tab.tab--active {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 3px;
  border-color: var(--color-primary);
  font-size: var(--text-body-large);
  --tw-font-weight: var(--font-weight-heavy);
  font-weight: var(--font-weight-heavy);
  color: var(--color-primary);
}
layout.layout {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: auto 1fr;
}
layout.layout.layout--xs-padding main.layout__main main.page__content {
  padding-right: calc(var(--spacing) * 1);
  padding-bottom: calc(var(--spacing) * 2);
  padding-left: 120px;
}
@media (width >= 64rem) {
  layout.layout.layout--xs-padding main.layout__main main.page__content {
    padding: calc(var(--spacing) * 3);
  }
}
layout.layout.layout--no-padding main.layout__main main.page__content {
  padding: calc(var(--spacing) * 0);
}
layout.layout main.layout__main {
  overflow: hidden;
}
@media (width >= 64rem) {
  layout.layout main.layout__main {
    display: grid;
  }
}
@media (width >= 64rem) {
  layout.layout main.layout__main {
    grid-template-columns: auto 1fr;
  }
}
layout.layout main.layout__main router-outlet {
  display: none;
}
.island {
  border-radius: 24px;
  background-color: var(--color-neutral-0);
  --tw-shadow: 0 0 6px var(--tw-shadow-color, #0000001f);
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
}
header.layout__header {
  height: calc(var(--spacing) * 8);
  width: 100%;
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1);
  background-color: var(--color-primary);
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}
header.layout__header section.header__controls {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
}
header.layout__header section.header__dropdowns {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--spacing) * 1);
}
.navigation-drawer {
  position: absolute;
  z-index: 50;
  height: calc(100% - 96px);
  width: 324px;
  padding: 20px;
  overflow-x: hidden;
  overflow-y: auto;
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-color: var(--color-neutral-150);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--color-surface-container);
  transition-property: transform width;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  --tw-ease: var(--ease-in);
  transition-timing-function: var(--ease-in);
}
@media (width >= 64rem) {
  .navigation-drawer {
    position: relative;
  }
}
@media (width >= 64rem) {
  .navigation-drawer {
    z-index: 0;
  }
}
@media (width >= 64rem) {
  .navigation-drawer {
    height: 100%;
  }
}
.navigation-drawer .navigation-group .navigation-items {
  display: grid;
  grid-template-rows: 0fr;
  transition-property: grid-template-rows;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.navigation-drawer .navigation-group .navigation-items .navigation-item {
  padding-block: calc(var(--spacing) * 0);
  padding-right: 76px;
  padding-left: 20px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.navigation-drawer .navigation-group.navigation-group--expanded summary.navigation-item {
  font-size: var(--text-body);
  --tw-font-weight: var(--font-weight-heavy);
  font-weight: var(--font-weight-heavy);
}
.navigation-drawer .navigation-group.navigation-group--expanded summary.navigation-item .prefix-icon {
  rotate: 180deg;
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.navigation-drawer .navigation-group.navigation-group--expanded .navigation-items {
  grid-template-rows: 1fr;
}
.navigation-drawer .navigation-group.navigation-group--selected summary.navigation-item {
  background-color: var(--color-selected-group);
  font-size: var(--text-body);
  --tw-font-weight: var(--font-weight-heavy);
  font-weight: var(--font-weight-heavy);
}
.navigation-drawer .navigation-item {
  height: 60px;
  width: 100%;
  min-width: 60px;
  padding-inline: 17px;
  display: grid;
  grid-template-columns: 24px 1fr 24px;
  align-items: center;
  column-gap: 12px;
  border-radius: calc(infinity * 1px);
  font-size: var(--text-body);
  cursor: pointer;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
@media (hover: hover) {
  .navigation-drawer .navigation-item:hover {
    background-color: var(--color-selected-item-hover);
  }
}
.navigation-drawer .navigation-item.navigation-item--active {
  background-color: var(--color-selected-item);
  font-size: var(--text-body);
  --tw-font-weight: var(--font-weight-heavy);
  font-weight: var(--font-weight-heavy);
  color: var(--color-on-selected-item);
}
.navigation-drawer .navigation-item .navigation-item__icon {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.navigation-drawer .navigation-item .navigation-item__label {
  width: max-content;
}
.navigation-drawer footer {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  padding-top: 20px;
}
.navigation-drawer footer .footer__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-surface-logo);
}
.navigation-drawer footer .footer__content {
  max-height: 100%;
  row-gap: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  opacity: 100%;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
}
.navigation-drawer footer .footer__content svg rect {
  fill: var(--color-surface-logo);
}
.navigation-drawer footer .footer__content * {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
}
.navigation-drawer.navigation-drawer--collapsed {
  width: 100px;
  position: absolute;
}
@media (width >= 64rem) {
  .navigation-drawer.navigation-drawer--collapsed {
    position: relative;
  }
}
.navigation-drawer.navigation-drawer--collapsed .navigation-item .navigation-item__label,
.navigation-drawer.navigation-drawer--collapsed .navigation-item .prefix-icon {
  opacity: 0%;
}
.navigation-drawer.navigation-drawer--collapsed .navigation-group--selected summary.navigation-item {
  background-color: var(--color-selected-item);
}
.navigation-drawer.navigation-drawer--collapsed .navigation-group--selected summary.navigation-item .suffix-icon {
  color: var(--color-on-selected-item);
}
.navigation-drawer.navigation-drawer--collapsed .footer {
  gap: calc(var(--spacing) * 0);
}
.navigation-drawer.navigation-drawer--collapsed .footer .footer__content {
  max-height: calc(var(--spacing) * 0);
  opacity: 0%;
}
.navigation-drawer.navigation-drawer--collapsed .footer .footer__content * {
  height: 0px;
}
page.login {
  width: 100%;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-neutral-50);
}
page.login .login__wrapper {
  height: 924px;
  width: 576px;
  padding-inline: 36px;
  padding-block: 24px;
  display: inline-flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  gap: 24px;
  border-radius: 24px;
  background-color: var(--color-neutral-0);
  --tw-shadow: 0px 0px 119px 16px var(--tw-shadow-color, #1C1E2229);
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
}
@media (width >= 64rem) {
  page.login .login__wrapper {
    height: 816px;
  }
}
@media (width >= 64rem) {
  page.login .login__wrapper {
    width: 1140px;
  }
}
@media (width >= 64rem) {
  page.login .login__wrapper {
    padding-inline: 24px;
  }
}
@media (width >= 64rem) {
  page.login .login__wrapper {
    flex-direction: row;
  }
}
page.login .login__wrapper .login__inner {
  width: 100%;
  height: 100%;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 36px;
}
@media (width >= 64rem) {
  page.login .login__wrapper .login__inner {
    padding: 24px;
  }
}
@media (width >= 64rem) {
  page.login .login__wrapper .login__inner {
    justify-content: center;
  }
}
@media (width >= 64rem) {
  page.login .login__wrapper .login__inner {
    gap: 60px;
  }
}
page.login .login__wrapper .login__aside {
  position: relative;
  height: 288px;
  width: 100%;
  padding-inline: 36px;
  padding-block: 24px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 36px;
  border-radius: 24px;
  background-color: var(--color-blue-500);
}
@media (width >= 64rem) {
  page.login .login__wrapper .login__aside {
    height: 100%;
  }
}
@media (width >= 64rem) {
  page.login .login__wrapper .login__aside {
    min-width: 672px;
  }
}
@media (width >= 64rem) {
  page.login .login__wrapper .login__aside {
    padding-block: 84px;
  }
}
page.login .login__wrapper .login__aside .aside__image {
  scale: 0.6;
}
@media (width >= 64rem) {
  page.login .login__wrapper .login__aside .aside__image {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
}
page.login .login__wrapper .login__aside .aside__text {
  display: none;
  text-align: center;
  font-size: var(--text-title-large);
  --tw-font-weight: var(--font-weight-heavy);
  font-weight: var(--font-weight-heavy);
  color: var(--color-neutral-0);
}
@media (width >= 64rem) {
  page.login .login__wrapper .login__aside .aside__text {
    display: block;
  }
}
page.login .login__wrapper .login__aside .aside__logo {
  position: absolute;
  right: -84px;
  bottom: -84px;
  scale: 0.6;
}
@media (width >= 64rem) {
  page.login .login__wrapper .login__aside .aside__logo {
    right: calc(var(--spacing) * 0);
  }
}
@media (width >= 64rem) {
  page.login .login__wrapper .login__aside .aside__logo {
    bottom: -123px;
  }
}
@media (width >= 64rem) {
  page.login .login__wrapper .login__aside .aside__logo {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
}
form.login__form {
  width: 100%;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 60px;
}
form.login__form .form__header .form__title {
  text-align: center;
  font-size: var(--text-headline);
}
form.login__form .form__header .form__subtitle {
  text-align: center;
  font-family: var(--font-roman);
  font-size: var(--text-body);
}
form.login__form .form__body {
  width: 100%;
  display: inline-flex;
  flex-direction: column;
  gap: 24px;
}
form.login__form .form__body password-field {
  height: 95px;
}
:root {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba( 63, 81, 181, 0.4 );
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-toggle-active-state-icon-color: #3f51b5;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(63, 81, 181, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba( 249, 171, 0, 0.2 );
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
body {
  height: 100vh;
  margin-inline: auto;
  font-family: var(--font-avenir);
  color: var(--color-neutral-900);
}
.initial * {
  transition: none !important;
}
* {
  scrollbar-color: #DCDFE5 transparent;
}
.icon--amex {
  min-height: 32px;
  min-width: 32px;
  display: inline-flex;
  background-image: url(/american-express.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.icon--discovery {
  min-height: 32px;
  min-width: 32px;
  display: inline-flex;
  background-image: url(/discovery.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.icon--mastercard {
  min-height: 32px;
  min-width: 32px;
  display: inline-flex;
  background-image: url(/mastercard.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.icon--visa {
  min-height: 32px;
  min-width: 32px;
  display: inline-flex;
  background-image: url(/visa.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.icon--other {
  min-height: 32px;
  min-width: 32px;
  display: inline-flex;
  background-image: url(/other.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@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; }
@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-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-blur { syntax: "*"; inherits: false; }
@property --tw-brightness { syntax: "*"; inherits: false; }
@property --tw-contrast { syntax: "*"; inherits: false; }
@property --tw-grayscale { syntax: "*"; inherits: false; }
@property --tw-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-invert { syntax: "*"; inherits: false; }
@property --tw-opacity { syntax: "*"; inherits: false; }
@property --tw-saturate { syntax: "*"; inherits: false; }
@property --tw-sepia { syntax: "*"; inherits: false; }
@property --tw-drop-shadow { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
@property --tw-ease { syntax: "*"; inherits: false; }
@property --tw-duration { syntax: "*"; inherits: false; }
@property --tw-content { syntax: "*"; initial-value: ""; inherits: false; }
@property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
@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; }
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes jump {
  0%, 100% {
    transform: scale(1);
  }
  10% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1.2);
  }
}
@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-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-ease: initial;
      --tw-duration: initial;
      --tw-content: "";
      --tw-divide-y-reverse: 0;
      --tw-outline-style: solid;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
    }
  }
}

/* dist/plans-marketplace/public/styles/main.css */
/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root,
  :host {
    --font-sans:
      ui-sans-serif,
      system-ui,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol",
      "Noto Color Emoji";
    --font-mono:
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace;
    --color-red-50: #FFF3F1;
    --color-red-100: #FFEDEA;
    --color-red-400: oklch(70.4% 0.191 22.216);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-700: #C60F0F;
    --color-orange-400: oklch(75% 0.183 55.934);
    --color-orange-500: oklch(70.5% 0.213 47.604);
    --color-green-400: #A8E6CE;
    --color-green-500: #4FA800;
    --color-blue-50: #E9F7FF;
    --color-blue-400: oklch(70.7% 0.165 254.624);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-neutral-50: #FAFBFC;
    --color-neutral-100: #F0F2F7;
    --color-neutral-200: #D3D5DB;
    --color-neutral-300: #B7B9BE;
    --color-neutral-400: #9FA1A6;
    --color-neutral-500: #6E7073;
    --color-neutral-600: #58595C;
    --color-neutral-700: #47484A;
    --color-neutral-800: #363738;
    --color-neutral-900: #1C1E22;
    --spacing: 12px;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --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);
    --animate-jump: jump 0.5s ease;
    --color-neutral-0: #FFFFFF;
    --color-primary: #009DFF;
    --color-primary-80: #0877C5;
    --color-primary-60: #0D649B;
    --color-on-primary: #FFFFFF;
    --color-surface: #1d1b20;
    --color-on-surface: #1d1b20;
    --color-surface-variant: var(--color-surface-variant);
    --color-on-surface-variant: #49454f;
    --color-surface-avatar: var(--color-surface-avatar);
    --color-on-surface-avatar: var(--color-on-surface-avatar);
    --color-selected-group: var(--color-selected-group);
    --color-selected-item: var(--color-selected-item);
    --color-selected-item-hover: var(--color-selected-item-hover);
    --color-on-selected-item: var(--color-on-selected-item);
    --color-surface-container: var(--color-surface-container);
    --color-surface-logo: var(--color-surface-logo);
    --font-avenir: "Avenir";
    --font-roman: "Roman";
    --text-headline-large: 36px;
    --text-title: 24px;
    --text-title-small: 20px;
    --text-body-large: 18px;
    --text-body: 16px;
    --text-body-small: 14px;
    --text-label: 12px;
    --text-label-small: 8px;
    --font-weight-heavy: 700;
    --scale-original: 1;
    --scale-medium: 0.75;
    --scale-small: 0.625;
    --scale-xsmall: 0.5;
  }
}
@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)) {
       {
        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;
  }
  :-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 {
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-\[-18px\] {
    right: -18px;
  }
  .right-\[24px\] {
    right: 24px;
  }
  .bottom-\[-22px\] {
    bottom: -22px;
  }
  .bottom-\[36px\] {
    bottom: 36px;
  }
  .bottom-\[48px\] {
    bottom: 48px;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-3 {
    grid-column: span 3 / span 3;
  }
  .row-start-2 {
    grid-row-start: 2;
  }
  .row-start-3 {
    grid-row-start: 3;
  }
  .row-start-4 {
    grid-row-start: 4;
  }
  .row-start-5 {
    grid-row-start: 5;
  }
  .container {
    width: 100%;
  }
  @media (width >= 40rem) {
    .container {
      max-width: 40rem;
    }
  }
  @media (width >= 48rem) {
    .container {
      max-width: 48rem;
    }
  }
  @media (width >= 64rem) {
    .container {
      max-width: 64rem;
    }
  }
  @media (width >= 80rem) {
    .container {
      max-width: 80rem;
    }
  }
  @media (width >= 96rem) {
    .container {
      max-width: 96rem;
    }
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .list-item {
    display: list-item;
  }
  .table {
    display: table;
  }
  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
  .size-\[12px\] {
    width: 12px;
    height: 12px;
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .h-\[384px\] {
    height: 384px;
  }
  .h-full {
    height: 100%;
  }
  .w-\[119px\] {
    width: 119px;
  }
  .w-\[174px\] {
    width: 174px;
  }
  .w-\[255px\] {
    width: 255px;
  }
  .w-\[282px\] {
    width: 282px;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .max-w-\[50\%\] {
    max-width: 50%;
  }
  .grow {
    flex-grow: 1;
  }
  .scale-medium {
    --tw-scale-x: var(--scale-medium);
    --tw-scale-y: var(--scale-medium);
    --tw-scale-z: var(--scale-medium);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-small {
    --tw-scale-x: var(--scale-small);
    --tw-scale-y: var(--scale-small);
    --tw-scale-z: var(--scale-small);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-xsmall {
    --tw-scale-x: var(--scale-xsmall);
    --tw-scale-y: var(--scale-xsmall);
    --tw-scale-z: var(--scale-xsmall);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-\[0\.75\] {
    scale: 0.75;
  }
  .scale-\[0\.96\] {
    scale: 0.96;
  }
  .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-jump {
    animation: var(--animate-jump);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .grid-flow-row {
    grid-auto-flow: row;
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-\[4px\] {
    gap: 4px;
  }
  .gap-\[8px\] {
    gap: 8px;
  }
  .gap-\[12px\] {
    gap: 12px;
  }
  .gap-\[20px\] {
    gap: 20px;
  }
  .gap-\[24px\] {
    gap: 24px;
  }
  .gap-\[32px\] {
    gap: 32px;
  }
  .gap-x-0\.5 {
    column-gap: calc(var(--spacing) * 0.5);
  }
  .gap-x-\[20px\] {
    column-gap: 20px;
  }
  .gap-x-\[30px\] {
    column-gap: 30px;
  }
  :where(.space-x-0\.5 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-x-reverse)));
  }
  .gap-y-\[20px\] {
    row-gap: 20px;
  }
  .self-end {
    align-self: flex-end;
  }
  .self-start {
    align-self: flex-start;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-\[12px\] {
    border-radius: 12px;
  }
  .rounded-\[24px\] {
    border-radius: 24px;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-neutral-200 {
    border-color: var(--color-neutral-200);
  }
  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }
  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }
  .bg-neutral-0 {
    background-color: var(--color-neutral-0);
  }
  .bg-neutral-50 {
    background-color: var(--color-neutral-50);
  }
  .fill-blue-500 {
    fill: var(--color-blue-500);
  }
  .fill-neutral-300 {
    fill: var(--color-neutral-300);
  }
  .fill-neutral-500 {
    fill: var(--color-neutral-500);
  }
  .object-cover {
    object-fit: cover;
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-\[24px\] {
    padding: 24px;
  }
  .pt-\[24px\] {
    padding-top: 24px;
  }
  .pr-\[12px\] {
    padding-right: 12px;
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .font-avenir {
    font-family: var(--font-avenir);
  }
  .font-roman {
    font-family: var(--font-roman);
  }
  .text-body-large {
    font-size: var(--text-body-large);
  }
  .text-body-small {
    font-size: var(--text-body-small);
  }
  .text-label {
    font-size: var(--text-label);
  }
  .text-title-small {
    font-size: var(--text-title-small);
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-heavy {
    --tw-font-weight: var(--font-weight-heavy);
    font-weight: var(--font-weight-heavy);
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .\!text-neutral-500 {
    color: var(--color-neutral-500) !important;
  }
  .text-blue-500 {
    color: var(--color-blue-500);
  }
  .text-blue-600 {
    color: var(--color-blue-600);
  }
  .text-green-500 {
    color: var(--color-green-500);
  }
  .text-neutral-50 {
    color: var(--color-neutral-50);
  }
  .text-neutral-400 {
    color: var(--color-neutral-400);
  }
  .text-neutral-500 {
    color: var(--color-neutral-500);
  }
  .text-neutral-600 {
    color: var(--color-neutral-600);
  }
  .text-neutral-900 {
    color: var(--color-neutral-900);
  }
  .text-orange-500 {
    color: var(--color-orange-500);
  }
  .text-primary {
    color: var(--color-primary);
  }
  .text-red-500 {
    color: var(--color-red-500);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .ring {
    --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);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition {
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to,
      opacity,
      box-shadow,
      transform,
      translate,
      scale,
      rotate,
      filter,
      -webkit-backdrop-filter,
      backdrop-filter,
      display,
      visibility,
      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));
  }
  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  @media (hover: hover) {
    .hover\:bg-neutral-100:hover {
      background-color: var(--color-neutral-100);
    }
  }
  .disabled\:text-neutral-200:disabled {
    color: var(--color-neutral-200);
  }
  @media (hover: hover) {
    .disabled\:hover\:bg-transparent:disabled:hover {
      background-color: transparent;
    }
  }
}
widget {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: var(--font-avenir);
  color: var(--color-neutral-900);
}
widget page {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: calc(var(--spacing) * 3);
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(var(--spacing) * 2);
  background-color: var(--color-neutral-0);
}
widget page h1.page__headline {
  font-size: var(--text-headline-large);
  --tw-font-weight: var(--font-weight-heavy);
  font-weight: var(--font-weight-heavy);
}
widget page h3.page__title {
  font-size: var(--text-title);
  --tw-font-weight: var(--font-weight-heavy);
  font-weight: var(--font-weight-heavy);
}
@font-face {
  font-family: Avenir;
  font-weight: 400;
  src: url(/fonts/light.otf) format("opentype");
}
@font-face {
  font-family: Avenir;
  font-weight: 500;
  src: url(/fonts/medium.otf) format("opentype");
}
@font-face {
  font-family: Avenir;
  font-weight: 700;
  src: url(/fonts/heavy.otf) format("opentype");
}
@font-face {
  font-family: Roman;
  font-weight: 500;
  src: url(/fonts/roman.otf) format("opentype");
}
.button {
  min-height: calc(var(--spacing) * 2);
  min-width: calc(var(--spacing) * 0.25);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1);
  border-radius: calc(infinity * 1px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  column-gap: calc(var(--spacing) * 0.5);
  font-size: var(--text-body);
  --tw-font-weight: var(--font-weight-heavy);
  font-weight: var(--font-weight-heavy);
  cursor: pointer;
  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,
    visibility,
    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));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
@media (hover: hover) {
  .button:hover {
    --tw-shadow: 0 0 6px var(--tw-shadow-color, #0000001f);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
}
.button:active {
  --tw-shadow: 0 0 #0000;
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
}
.button:disabled {
  cursor: default;
}
.button .button__spinner {
  --tw-scale-x: var(--scale-small);
  --tw-scale-y: var(--scale-small);
  --tw-scale-z: var(--scale-small);
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.button .button__prefix-icon {
  --tw-scale-x: var(--scale-medium);
  --tw-scale-y: var(--scale-medium);
  --tw-scale-z: var(--scale-medium);
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.button.button--small {
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * 0.5);
  font-size: var(--text-body-small);
  --tw-font-weight: var(--font-weight-heavy);
  font-weight: var(--font-weight-heavy);
}
.button.button--small .button__prefix-icon {
  --tw-scale-x: var(--scale-small);
  --tw-scale-y: var(--scale-small);
  --tw-scale-z: var(--scale-small);
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
:is(.button, .icon-button).button--filled {
  background-color: var(--color-primary);
  color: var(--color-neutral-0);
}
@media (hover: hover) {
  :is(.button, .icon-button).button--filled:hover {
    background-color: var(--color-primary-80);
  }
}
:is(.button, .icon-button).button--filled:active {
  background-color: var(--color-primary-60);
}
@media (hover: hover) {
  :is(.button, .icon-button).button--filled:disabled:hover {
    --tw-shadow: 0 0 #0000;
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
}
:is(.button, .icon-button).button--filled:disabled {
  background-color: var(--color-neutral-200);
}
:is(.button, .icon-button).button--filled:disabled:active {
  background-color: var(--color-neutral-200);
}
:is(.button, .icon-button).button--filled:disabled {
  color: var(--color-neutral-400);
}
:is(.button, .icon-button).button--outlined {
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-primary);
  background-color: var(--color-neutral-0);
  color: var(--color-primary);
}
@media (hover: hover) {
  :is(.button, .icon-button).button--outlined:hover {
    border-color: var(--color-primary-80);
  }
}
:is(.button, .icon-button).button--outlined:active {
  border-color: var(--color-primary-60);
}
@media (hover: hover) {
  :is(.button, .icon-button).button--outlined:hover {
    color: var(--color-primary-80);
  }
}
:is(.button, .icon-button).button--outlined:active {
  color: var(--color-primary-60);
}
@media (hover: hover) {
  :is(.button, .icon-button).button--outlined:disabled:hover {
    --tw-shadow: 0 0 #0000;
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
}
:is(.button, .icon-button).button--outlined:disabled {
  border-color: var(--color-neutral-400);
}
:is(.button, .icon-button).button--outlined:disabled {
  background-color: var(--color-neutral-50);
}
:is(.button, .icon-button).button--outlined:disabled:active {
  border-color: var(--color-neutral-400);
}
:is(.button, .icon-button).button--outlined:disabled {
  color: var(--color-neutral-400);
}
:is(.button, .icon-button).button--outlined.button--alert {
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-red-700);
  background-color: var(--color-neutral-0);
  background-color: var(--color-neutral-0);
  color: var(--color-red-700);
}
@media (hover: hover) {
  :is(.button, .icon-button).button--outlined.button--alert:hover {
    border-color: var(--color-red-700);
  }
}
:is(.button, .icon-button).button--outlined.button--alert:active {
  border-color: var(--color-red-700);
}
@media (hover: hover) {
  :is(.button, .icon-button).button--outlined.button--alert:hover {
    background-color: var(--color-red-100);
  }
}
:is(.button, .icon-button).button--outlined.button--alert:active {
  background-color: var(--color-red-50);
}
@media (hover: hover) {
  :is(.button, .icon-button).button--outlined.button--alert:hover {
    color: var(--color-red-700);
  }
}
:is(.button, .icon-button).button--outlined.button--alert:active {
  color: var(--color-red-700);
}
:is(.button, .icon-button).button--standard {
  background-color: var(--color-neutral-0);
  color: var(--color-primary);
}
@media (hover: hover) {
  :is(.button, .icon-button).button--standard:hover {
    background-color: var(--color-neutral-100);
  }
}
:is(.button, .icon-button).button--standard:active {
  background-color: var(--color-neutral-50);
}
@media (hover: hover) {
  :is(.button, .icon-button).button--standard:disabled:hover {
    background-color: var(--color-neutral-0);
  }
}
@media (hover: hover) {
  :is(.button, .icon-button).button--standard:disabled:hover {
    --tw-shadow: 0 0 #0000;
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
}
:is(.button, .icon-button).button--standard:disabled:active {
  background-color: var(--color-neutral-0);
}
:is(.button, .icon-button).button--standard:disabled {
  color: var(--color-neutral-500);
}
:is(.button, .icon-button).button--standard.button--alert {
  background-color: var(--color-neutral-0);
  color: var(--color-red-700);
}
@media (hover: hover) {
  :is(.button, .icon-button).button--standard.button--alert:hover {
    background-color: var(--color-red-100);
  }
}
:is(.button, .icon-button).button--standard.button--alert:active {
  background-color: var(--color-red-50);
}
:is(.button, .icon-button).button--standard.button--alert:disabled {
  background-color: var(--color-neutral-50);
}
:is(.button, .icon-button).button--standard.button--alert:disabled {
  color: var(--color-neutral-400);
}
.icon-button {
  padding: calc(var(--spacing) * 0);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  cursor: pointer;
  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,
    visibility,
    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));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
@media (hover: hover) {
  .icon-button:hover {
    --tw-shadow: 0 0 6px var(--tw-shadow-color, #0000001f);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
}
.icon-button:active {
  --tw-shadow: 0 0 #0000;
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
}
.icon-button:disabled {
  cursor: default;
}
.icon-button .button__prefix-icon {
  --tw-scale-x: var(--scale-medium);
  --tw-scale-y: var(--scale-medium);
  --tw-scale-z: var(--scale-medium);
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.icon-button.button--small {
  min-height: calc(var(--spacing) * 2);
  min-width: calc(var(--spacing) * 2);
}
.icon-button.button--small .button__prefix-icon {
  --tw-scale-x: var(--scale-small);
  --tw-scale-y: var(--scale-small);
  --tw-scale-z: var(--scale-small);
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.icon-button.button--medium {
  min-height: calc(var(--spacing) * 3);
  min-width: calc(var(--spacing) * 3);
}
.icon-button.button--medium .button__prefix-icon {
  --tw-scale-x: var(--scale-small);
  --tw-scale-y: var(--scale-small);
  --tw-scale-z: var(--scale-small);
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.icon-button.button--large {
  min-height: calc(var(--spacing) * 4);
  min-width: calc(var(--spacing) * 4);
}
.icon-button.button--large .button__prefix-icon {
  --tw-scale-x: var(--scale-original);
  --tw-scale-y: var(--scale-original);
  --tw-scale-z: var(--scale-original);
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.dropdown {
  position: relative;
  display: inline-flex;
  width: 100%;
  flex-direction: column;
  gap: calc(var(--spacing) * 0.5);
}
.dropdown .dropdown__label {
  font-size: var(--text-label);
}
.dropdown .dropdown__label.dropdown__label--required::after {
  content: var(--tw-content);
  color: var(--color-red-700);
}
.dropdown .dropdown__label.dropdown__label--required::after {
  content: var(--tw-content);
  --tw-content: "*";
  content: var(--tw-content);
}
.dropdown .dropdown__inner {
  padding: calc(var(--spacing) * 1);
  border-radius: 6px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-neutral-200);
  background-color: var(--color-neutral-0);
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--spacing) * 1);
  cursor: default;
}
.dropdown .dropdown__inner .dropdown__selection {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dropdown .dropdown__inner .dropdown__suffix-icon {
  --tw-scale-x: var(--scale-small);
  --tw-scale-y: var(--scale-small);
  --tw-scale-z: var(--scale-small);
  scale: var(--tw-scale-x) var(--tw-scale-y);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.dropdown .dropdown__inner.dropdown__inner--selectable {
  cursor: pointer;
}
.dropdown .dropdown__options {
  position: absolute;
  top: 100%;
  left: calc(var(--spacing) * 0);
  z-index: 50;
  max-height: calc(var(--spacing) * 0);
  width: 100%;
  border-radius: 6px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-neutral-200);
  background-color: var(--color-neutral-0);
  --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);
  visibility: hidden;
  overflow: hidden;
  scroll-behavior: smooth;
  opacity: 0%;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.dropdown .dropdown__options .dropdown__option {
  padding: calc(var(--spacing) * 1);
  cursor: pointer;
}
.dropdown .dropdown__options .dropdown__option:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.dropdown .dropdown__options .dropdown__option:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
@media (hover: hover) {
  .dropdown .dropdown__options .dropdown__option:hover {
    background-color: var(--color-neutral-100);
  }
}
.dropdown .dropdown__options .dropdown__option.dropdown__option--selected {
  background-color: var(--color-neutral-100);
}
.dropdown .dropdown__options.dropdown__options--expanded {
  max-height: 156px;
  visibility: visible;
  overflow-y: auto;
  opacity: 100%;
}
.dropdown[organization],
.dropdown[practice] {
  width: 288px;
  max-width: 147px;
  padding-inline: calc(var(--spacing) * 1.75);
  padding-block: calc(var(--spacing) * 0.75);
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-neutral-0);
  background-color: var(--color-blue-500);
}
@media (width >= 64rem) {
  .dropdown[organization],
  .dropdown[practice] {
    max-width: none;
  }
}
@media (width >= 64rem) {
  .dropdown[organization],
  .dropdown[practice] {
    padding-inline: calc(var(--spacing) * 3);
  }
}
@media (width >= 64rem) {
  .dropdown[organization],
  .dropdown[practice] {
    padding-block: calc(var(--spacing) * 1);
  }
}
:is(.dropdown[organization], .dropdown[practice]) .dropdown__selection {
  font-size: var(--text-body-small);
  --tw-font-weight: var(--font-weight-heavy);
  font-weight: var(--font-weight-heavy);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
@media (width >= 64rem) {
  :is(.dropdown[organization], .dropdown[practice]) .dropdown__selection {
    font-size: var(--text-body-large);
  }
}
:is(.dropdown[organization], .dropdown[practice]) .dropdown__label {
  font-family: var(--font-roman);
  font-size: var(--text-label-small);
  color: var(--color-neutral-0);
}
@media (width >= 64rem) {
  :is(.dropdown[organization], .dropdown[practice]) .dropdown__label {
    font-size: var(--text-label);
  }
}
:is(.dropdown[organization], .dropdown[practice]) .dropdown__inner {
  height: calc(var(--spacing) * 2);
  padding: calc(var(--spacing) * 0);
  gap: calc(var(--spacing) * 0.5);
  border-radius: 0;
  border-style: var(--tw-border-style);
  border-width: 0px;
  border-color: transparent;
  background-color: transparent;
  font-size: var(--text-body-large);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-neutral-0);
}
@media (width >= 64rem) {
  :is(.dropdown[organization], .dropdown[practice]) .dropdown__inner {
    gap: calc(var(--spacing) * 1);
  }
}
:is(.dropdown[organization], .dropdown[practice]) .dropdown__inner .dropdown__spinner {
  --tw-scale-x: var(--scale-medium);
  --tw-scale-y: var(--scale-medium);
  --tw-scale-z: var(--scale-medium);
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
segmented-button button.segment {
  min-height: calc(var(--spacing) * 2);
  min-width: calc(var(--spacing) * 0.25);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * 0.5);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  column-gap: calc(var(--spacing) * 0.5);
  font-size: var(--text-body);
  --tw-font-weight: var(--font-weight-heavy);
  font-weight: var(--font-weight-heavy);
  color: var(--color-primary);
}
segmented-button button.segment:first-child {
  border-top-left-radius: calc(infinity * 1px);
  border-bottom-left-radius: calc(infinity * 1px);
}
segmented-button button.segment:last-child {
  border-top-right-radius: calc(infinity * 1px);
  border-bottom-right-radius: calc(infinity * 1px);
}
segmented-button button.segment.active {
  background-color: var(--color-primary);
  color: var(--color-neutral-0);
}
.notification {
  position: relative;
  display: inline-flex;
  width: 68px;
  height: 68px;
  flex-direction: column;
  gap: calc(var(--spacing) * 0.5);
}
.notification .notification__count {
  min-height: 18px;
  min-width: 18px;
  padding: 2px;
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-red-500);
  font-size: 10px;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-neutral-50);
}
.notification .notification__inner {
  width: 100%;
  height: 100%;
  padding: calc(var(--spacing) * 1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-neutral-200);
  cursor: pointer;
}
.notification .notification__inner .notification__icon {
  --tw-scale-x: var(--scale-small);
  --tw-scale-y: var(--scale-small);
  --tw-scale-z: var(--scale-small);
  scale: var(--tw-scale-x) var(--tw-scale-y);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.notification .notification__inner.notification__inner--selectable {
  cursor: pointer;
}
.notification .notification__options {
  max-height: calc(var(--spacing) * 0);
  min-height: 158px;
  width: 370px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  position: absolute;
  top: 100%;
  right: calc(var(--spacing) * 0);
  z-index: 50;
  border-radius: 16px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-neutral-200);
  background-color: var(--color-neutral-0);
  --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);
  visibility: hidden;
  overflow: hidden;
  scroll-behavior: smooth;
  opacity: 0%;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.notification .notification__options .notification__options__list {
  padding-inline: 20px;
  overflow-y: auto;
}
.notification .notification__options .notification__options__list .notification__option {
  min-height: 80px;
  padding-block: 6px;
  display: grid;
  grid-template-columns: auto 30px;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-neutral-200);
}
.notification .notification__options .notification__options__list .notification__option:hover {
  background-color: var(--color-neutral-100);
}
.notification .notification__options .notification__options__list .notification__option:hover .notification__remove {
  background-color: var(--color-neutral-100);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-neutral-0);
}
.notification .notification__options .notification__options__list .notification__option .notification__details {
  display: inline-flex;
  flex-direction: column;
  gap: 9px;
}
.notification .notification__options .notification__options__list .notification__option .notification__details .label {
  overflow: hidden;
  font-size: var(--text-body);
  --tw-font-weight: var(--font-weight-heavy);
  font-weight: var(--font-weight-heavy);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-word;
}
.notification .notification__options .notification__options__list .notification__option .notification__details .date {
  font-size: var(--text-label);
  color: var(--color-neutral-500);
}
.notification .notification__options .notification__options__list .notification__option .notification__remove {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 0ms;
  transition-duration: 0ms;
}
.notification .notification__options .notification__options__list .notification__option .notification__remove:hover {
  background-color: var(--color-neutral-0);
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.notification .notification__options .notification__options__list .notification__option .notification__remove svg {
  --tw-scale-x: var(--scale-small);
  --tw-scale-y: var(--scale-small);
  --tw-scale-z: var(--scale-small);
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.notification .notification__options .notification__options__list .notification__option .notification__remove svg path {
  fill: var(--color-primary);
}
.notification .notification__options .notification__options__list .notification__option.notification__option--general .label {
  color: var(--color-blue-500);
}
.notification .notification__options .notification__options__list .notification__option.notification__option--important .label {
  color: var(--color-orange-500);
}
.notification .notification__options .notification__options__list .notification__option.notification__option--urgent .label {
  color: var(--color-red-500);
}
.notification .notification__options .notification__options__header {
  width: 100%;
  padding: 20px 20px 8px 20px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-neutral-200);
}
.notification .notification__options.notification__options--expanded {
  max-height: 300px;
  visibility: visible;
  overflow-y: auto;
  opacity: 100%;
}
.notification .notification__spinner {
  --tw-scale-x: var(--scale-medium);
  --tw-scale-y: var(--scale-medium);
  --tw-scale-z: var(--scale-medium);
  scale: var(--tw-scale-x) var(--tw-scale-y);
  color: var(--color-neutral-50);
}
.spinner__icon {
  width: calc(var(--spacing) * 2);
  height: calc(var(--spacing) * 2);
  animation: var(--animate-spin);
}
.spinner__icon .icon__track {
  opacity: 25%;
}
.spinner__icon .icon__indicator {
  opacity: 75%;
}
.toast {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 50;
  width: fit-content;
  max-width: 550px;
  margin: auto;
  gap: calc(var(--spacing) * 1);
  padding: 8px 16px;
  display: inline-flex;
  border-radius: var(--radius-lg);
  background-color: var(--color-blue-500);
  color: var(--color-neutral-0);
}
.toast .toast__content {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
}
.toast .toast__content .toast__header {
  display: inline-flex;
  justify-content: space-between;
}
.toast .toast__content .toast__header .toast__heading {
  --tw-leading: 22px;
  line-height: 22px;
}
.toast .toast__icon {
  display: flex;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
}
.toast .toast__close {
  display: flex;
  align-self: center;
  background-color: var(--color-blue-500);
}
@media (hover: hover) {
  .toast .toast__close:hover {
    background-color: var(--color-blue-400);
  }
}
.toast .toast__close svg {
  --tw-scale-x: var(--scale-xsmall);
  --tw-scale-y: var(--scale-xsmall);
  --tw-scale-z: var(--scale-xsmall);
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.toast .toast__close svg path {
  fill: var(--color-neutral-0);
}
.toast .toast__label {
  font-size: var(--text-body);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.toast.toast--success {
  background-color: var(--color-green-500);
  color: var(--color-neutral-0);
}
.toast.toast--success .toast__close {
  background-color: var(--color-green-500);
}
@media (hover: hover) {
  .toast.toast--success .toast__close:hover {
    background-color: var(--color-green-400);
  }
}
.toast.toast--error {
  background-color: var(--color-red-500);
  color: var(--color-neutral-0);
}
.toast.toast--error .toast__close {
  background-color: var(--color-red-500);
}
@media (hover: hover) {
  .toast.toast--error .toast__close:hover {
    background-color: var(--color-red-400);
  }
}
.toast.toast--warning {
  background-color: var(--color-orange-500);
  color: var(--color-neutral-0);
}
.toast.toast--warning .toast__close {
  background-color: var(--color-orange-500);
}
@media (hover: hover) {
  .toast.toast--warning .toast__close:hover {
    background-color: var(--color-orange-400);
  }
}
.tooltip {
  position: relative;
}
.tooltip .tooltip__content {
  position: absolute;
  padding-inline: calc(var(--spacing) * 1);
  padding-block: calc(var(--spacing) * 0.5);
  display: inline-flex;
  flex-direction: column;
  border-radius: 4px;
  background-color: var(--color-neutral-0);
  --tw-shadow: 0 0 6px var(--tw-shadow-color, #0000001f);
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
  font-family: var(--font-avenir);
  font-size: var(--text-body-small);
  visibility: hidden;
  opacity: 0%;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.tooltip .tooltip__arrow {
  position: absolute;
  right: 24px;
  bottom: -22px;
}
.tooltip:hover .tooltip__content {
  visibility: visible;
  opacity: 100%;
}
panel {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  display: inline-flex;
  flex-direction: column;
}
:where(panel > :not(:last-child)) {
  --tw-divide-y-reverse: 0;
  border-bottom-style: var(--tw-border-style);
  border-top-style: var(--tw-border-style);
  border-top-width: calc(1px * var(--tw-divide-y-reverse));
  border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
}
:where(panel > :not(:last-child)) {
  border-color: var(--color-neutral-200);
}
panel header.panel__header {
  height: calc(var(--spacing) * 6);
  width: 100%;
  padding-block: calc(var(--spacing) * 2);
  padding-right: calc(var(--spacing) * 0.5);
  padding-left: calc(var(--spacing) * 4);
  display: grid;
  align-items: center;
  gap: calc(var(--spacing) * 1);
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  background-color: var(--color-neutral-50);
}
panel header.panel__header span {
  font-size: var(--text-body-large);
  --tw-font-weight: var(--font-weight-heavy);
  font-weight: var(--font-weight-heavy);
}
panel section.panel__group {
  height: fit-content;
  width: 100%;
  display: inline-flex;
  flex-direction: column;
}
panel section.panel__group:last-child {
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
}
panel section.panel__group header.group__header {
  height: fit-content;
  width: 100%;
  padding-inline: calc(var(--spacing) * 0.5);
  padding-block: calc(var(--spacing) * 1);
  display: grid;
  align-items: center;
  gap: calc(var(--spacing) * 1);
  cursor: pointer;
  background-color: var(--color-neutral-0);
}
panel section.panel__group header.group__header span {
  font-size: var(--text-body-large);
  --tw-font-weight: var(--font-weight-heavy);
  font-weight: var(--font-weight-heavy);
}
panel section.panel__group header.group__header arrow-dropdown-icon {
  margin-left: calc(var(--spacing) * 0.5);
  rotate: calc(90deg * -1);
  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));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
panel section.panel__group main.group__main {
  max-height: calc(var(--spacing) * 0);
  width: 100%;
  overflow-y: hidden;
  border-top-style: var(--tw-border-style);
  border-top-width: 0px;
  border-color: var(--color-neutral-0);
  display: inline-flex;
  flex-direction: column;
  transition-property: max-height, border-color;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
:where(panel section.panel__group main.group__main > :not(:last-child)) {
  --tw-divide-y-reverse: 0;
  border-bottom-style: var(--tw-border-style);
  border-top-style: var(--tw-border-style);
  border-top-width: calc(1px * var(--tw-divide-y-reverse));
  border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
}
:where(panel section.panel__group main.group__main > :not(:last-child)) {
  border-color: var(--color-neutral-200);
}
panel section.panel__group main.group__main article.group__item {
  width: 100%;
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
  display: grid;
  align-items: center;
  gap: calc(var(--spacing) * 1);
}
panel section.panel__group.panel__group--expanded header.group__header arrow-dropdown-icon {
  rotate: 0deg;
  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));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
panel section.panel__group.panel__group--expanded main.group__main {
  max-height: 280px;
  overflow-y: auto;
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-neutral-200);
}
panel spinner {
  height: 100%;
  align-content: center;
  justify-items: center;
}
panel.panel--benefit-summary header.panel__header {
  grid-template-columns:
    276px,
    156px,
    204px,
    168px,
    1fr;
}
panel.panel--benefit-summary header.group__header {
  grid-template-columns:
    30px,
    276px,
    156px,
    204px,
    168px,
    168px,
    1fr;
}
panel.panel--benefit-summary header.group__header span.label--accepted {
  color: var(--color-green-500);
}
panel.panel--benefit-summary header.group__header span.label--declined {
  color: var(--color-red-500);
}
panel.panel--benefit-summary header.group__header span.label--pending {
  color: var(--color-orange-500);
}
panel.panel--benefit-summary article.group__item {
  grid-template-columns: 276px, 1fr;
}
panel.panel--codes-membership header.panel__header {
  grid-template-columns:
    271px,
    1fr,
    310px;
}
panel.panel--codes-membership header.group__header {
  grid-template-columns: auto, 1fr;
}
panel.panel--codes-membership article.group__item {
  grid-template-columns:
    271px,
    1fr,
    275px;
  border-color: var(--color-neutral-200);
}
.list {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  display: inline-flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 2);
}
.list .list__inner {
  width: 100%;
  padding: calc(var(--spacing) * 2);
  border-radius: 12px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-neutral-200);
  background-color: var(--color-neutral-0);
}
.list .list__item {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: calc(var(--spacing) * 1);
}
.table {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: 1fr auto;
  border-radius: 24px;
  background-color: var(--color-neutral-0);
  text-align: left;
}
:where(.table > :not(:last-child)) {
  --tw-divide-y-reverse: 0;
  border-bottom-style: var(--tw-border-style);
  border-top-style: var(--tw-border-style);
  border-top-width: calc(0px * var(--tw-divide-y-reverse));
  border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
}
:where(.table > :not(:last-child)) {
  border-color: var(--color-neutral-0);
}
.table .table__content {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  display: inline-flex;
  flex-direction: column;
}
.table .table__content .table__header {
  max-width: 100%;
  min-width: fit-content;
  padding: calc(var(--spacing) * 2);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: calc(var(--spacing) * 2);
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  background-color: var(--color-neutral-50);
}
.table .table__content .table__header .table__column {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.table .table__content .table__header .table__column .column__label {
  display: inline-flex;
  flex-direction: column;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.table .table__content .table__header .table__column .column__icon {
  margin: calc(var(--spacing) * 0.25);
}
.table .table__content .table__body {
  max-width: 100%;
  min-width: fit-content;
  flex-grow: 1;
}
:where(.table .table__content .table__body > :not(:last-child)) {
  --tw-divide-y-reverse: 0;
  border-bottom-style: var(--tw-border-style);
  border-top-style: var(--tw-border-style);
  border-top-width: calc(1px * var(--tw-divide-y-reverse));
  border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
}
:where(.table .table__content .table__body > :not(:last-child)) {
  border-color: var(--color-neutral-200);
}
.table .table__content .table__body .table__row {
  max-width: 100%;
  min-width: fit-content;
  padding: calc(var(--spacing) * 2);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: calc(var(--spacing) * 2);
}
.table .table__content .table__body .table__row .row__label {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.table .table__footer {
  max-width: 100%;
  min-width: fit-content;
  padding: calc(var(--spacing) * 2);
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
  background-color: var(--color-neutral-0);
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: calc(var(--spacing) * 2);
  font-size: var(--text-body-small);
}
.table .table__footer .table__actions {
  display: inline-flex;
  align-items: center;
}
.table.table--empty,
.table.table--loading {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}
:is(.table.table--empty, .table.table--loading) .table__content {
  align-items: center;
  justify-content: center;
}
.dialog__outer {
  position: absolute;
  inset: calc(var(--spacing) * 0);
  z-index: 51;
  width: 100%;
  height: 100%;
  display: inline-flex;
  align-items: center;
  background-color: color-mix(in srgb, #363738 70%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .dialog__outer {
    background-color: color-mix(in oklab, var(--color-neutral-800) 70%, transparent);
  }
}
.dialog__outer .dialog {
  height: fit-content;
  width: 744px;
  justify-self: center;
  display: grid;
  grid-template-rows: auto 1fr auto;
  border-radius: 24px;
  background-color: var(--color-neutral-0);
  animation: var(--animate-jump);
}
.dialog__outer .dialog .dialog__header {
  padding: 26px 40px;
}
.dialog__outer .dialog .dialog__body {
  padding: 10px 40px;
}
.dialog__outer .dialog .dialog__footer {
  padding-inline: 40px;
  padding-bottom: 32px;
}
.dialog__outer .dialog.dialog--alert .dialog__body {
  padding-inline: calc(var(--spacing) * 3);
  padding-top: calc(var(--spacing) * 5);
  padding-bottom: calc(var(--spacing) * 1);
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--spacing) * 4);
}
.dialog__outer .dialog.dialog--alert .dialog__footer {
  display: grid;
  grid-auto-flow: row;
  gap: calc(var(--spacing) * 2);
}
.dialog__outer .dialog.dialog--form .dialog__header {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-primary);
}
.dialog__outer .dialog.dialog--form .dialog__header .title {
  font-size: var(--text-title);
}
.dialog__outer .dialog.dialog--form .dialog__body {
  display: inline-flex;
  flex-direction: column;
  gap: 24px;
}
.dialog__outer .dialog.dialog--form .dialog__footer {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(var(--spacing) * 2);
}
.dialog__outer .dialog.dialog--form .dialog__footer .button:first-child {
  order: 1;
}
.benefit-summary.benefit-summary-section {
  display: inline-flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  gap: calc(var(--spacing) * 2);
}
.benefit-summary .benefit-summary-header {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--spacing) * 2);
}
.benefit-summary .benefit-summary-actions {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--spacing) * 1);
}
.benefit-summary .benefit-summary-content {
  display: grid;
  flex-grow: 1;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: calc(var(--spacing) * 2);
}
.benefit-summary .benefit-summary-panel-header span {
  font-size: 18px;
  --tw-leading: 21px;
  line-height: 21px;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.benefit-summary .benefit-summary-status {
  display: inline-flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 2);
  padding: calc(var(--spacing) * 2);
}
.benefit-summary .benefit-summary-status-article {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--spacing) * 2);
  border-radius: 12px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-neutral-200);
  padding: calc(var(--spacing) * 2);
}
.benefit-summary .benefit-summary-pending-text {
  font-size: 18px;
  --tw-leading: 21px;
  line-height: 21px;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-orange-500);
}
.benefit-summary .benefit-summary-declined-text {
  font-size: 18px;
  --tw-leading: 21px;
  line-height: 21px;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-red-500);
}
.dialog--auto-renewal .dialog__body {
  margin-block: 32px;
}
.dialog--auto-renewal .dialog__body .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  text-align: center;
}
section.benefit-summary__section .section-title {
  font-family: var(--font-roman);
  font-size: 26px;
  --tw-leading: 26px;
  line-height: 26px;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
component.edit-member__form {
  width: 100%;
  padding: 24px;
  display: inline-flex;
  align-items: center;
  border-radius: 24px;
  background-color: var(--color-neutral-0);
  box-shadow: 0 0 6px #0000001f;
}
component.edit-member__form .form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
component.edit-member__form .form .form__body {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(5, minmax(0, 1fr));
  gap: 20px;
}
component.edit-member__form .form .form__actions {
  display: inline-flex;
  gap: 24px;
}
page.edit-member-page {
  width: 100%;
  height: 100%;
  padding: 36px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  background-color: var(--color-neutral-0);
}
page.edit-member-page .page__header {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
page.edit-member-page .page__header .page__headline {
  font-size: 36px;
  --tw-leading: 43px;
  line-height: 43px;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
page.edit-member-page .page__island {
  padding: 24px;
  border-radius: 24px;
  background-color: var(--color-neutral-0);
  box-shadow: 0 0 6px #0000001f;
}
.dialog--remove-member .dialog__body {
  margin-block: 32px;
}
.dialog--remove-member .dialog__body .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  text-align: center;
}
.dialog--remove-member .dialog__body .content .note {
  font-size: 18px;
  --tw-leading: 21px;
  line-height: 21px;
  color: var(--color-primary);
}
.dialog--remove-member .dialog__body .content .note-description {
  max-width: 407px;
  font-size: 16px;
  --tw-leading: 19px;
  line-height: 19px;
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-neutral-600);
}
.dialog--cancel-plan .dialog__body {
  margin-block: 32px;
}
.dialog--cancel-plan .dialog__body .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  text-align: center;
}
.dialog--cancel-plan .dialog__body .content .note-root {
  display: flex;
  gap: 8px;
  text-align: left;
}
.dialog--cancel-plan .dialog__body .content .note-root .note {
  font-size: 18px;
  --tw-leading: 21px;
  line-height: 21px;
  color: var(--color-primary);
}
.dialog--cancel-plan .dialog__body .content .note-root .note-description {
  display: inline-flex;
  max-width: 407px;
  flex-direction: column;
  font-size: 16px;
  --tw-leading: 19px;
  line-height: 19px;
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-neutral-600);
}
section.overview__section {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
section.overview__section .headline {
  font-size: 18px;
  --tw-leading: 21px;
  line-height: 21px;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
section.overview__section .title {
  font-size: 24px;
  --tw-leading: 28px;
  line-height: 28px;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
section.overview__section .overview-header {
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  padding-top: 20px;
}
section.overview__section .overview-header .payment-due {
  padding: 14px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: calc(infinity * 1px);
}
section.overview__section .overview-body {
  width: 100%;
}
section.overview__section .overview-body .patient-details {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
section.overview__section .overview-body .patient-details .patient-info {
  grid-column: span 2 / span 2;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
@media (width >= 64rem) {
  section.overview__section .overview-body .patient-details .patient-info {
    grid-column: span 1 / span 1;
  }
}
section.overview__section .overview-body .patient-details .patient-info .patient-info-data {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
section.overview__section .overview-body .patient-details .patient-info .patient-info-data .patient-info-data__header {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-items: center;
}
section.overview__section .overview-body .patient-details .patient-info .patient-info-data .patient-info-data__header .patient-info__action {
  display: flex;
  justify-content: flex-end;
}
section.overview__section .overview-body .patient-details .patient-info .patient-info-data .patient-info-data__body {
  width: 100%;
}
section.overview__section .overview-body .patient-details .patient-info .patient-info-data .patient-info-data__body .patient-additional-info__list {
  display: grid;
  grid-template-columns: 140px, 1fr;
  gap: 8px;
}
@media (width >= 64rem) {
  section.overview__section .overview-body .patient-details .patient-info .patient-info-data .patient-info-data__body .patient-additional-info__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (width >= 64rem) {
  section.overview__section .overview-body .patient-details .patient-info .patient-info-data .patient-info-data__body .patient-additional-info__list {
    gap: 12px;
  }
}
section.overview__section .overview-body .patient-details .patient-info .patient-info-data .patient-info-data__body .patient-additional-info__list .value {
  padding-left: calc(var(--spacing) * 2);
  font-size: 18px;
  --tw-leading: 21px;
  line-height: 21px;
}
@media (width >= 64rem) {
  section.overview__section .overview-body .patient-details .patient-info .patient-info-data .patient-info-data__body .patient-additional-info__list .value {
    padding-left: calc(var(--spacing) * 0);
  }
}
section.overview__section .overview-body .patient-details .patient-info .patient-info-data .patient-info-data__body .tooltip {
  display: inline-block;
  width: 100%;
  min-width: calc(var(--spacing) * 0);
}
section.overview__section .overview-body .patient-details .patient-info .patient-info-data .patient-info-data__body .tooltip .value {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
section.overview__section .overview-body .patient-details .patient-info .patient-info-data .patient-info-data__body .tooltip .tooltip__content {
  right: calc(var(--spacing) * 0);
  bottom: 36px;
  display: inline-block;
  width: 100%;
  overflow-x: auto;
  padding-right: calc(var(--spacing) * 1);
}
section.overview__section .overview-body .patient-details .patient-dental-plan {
  width: 100%;
  grid-column: span 2 / span 2;
  display: inline-flex;
  flex-direction: column;
  gap: 32px;
}
@media (width >= 64rem) {
  section.overview__section .overview-body .patient-details .patient-dental-plan {
    grid-column: span 1 / span 1;
  }
}
section.overview__section .overview-body .patient-details .patient-dental-plan .patient-dental-plan__header {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
section.overview__section .overview-body .patient-details .patient-dental-plan .patient-dental-plan__header .auto-renewal {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  --tw-leading: 19px;
  line-height: 19px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
section.overview__section .overview-body .patient-details .patient-dental-plan .patient-dental-plan__body {
  width: 100%;
}
section.overview__section .overview-body .patient-details .patient-dental-plan .patient-dental-plan__body .patient-dental-plan-info__list {
  display: grid;
  grid-template-columns: 140px, 1fr;
  gap: 8px;
}
@media (width >= 64rem) {
  section.overview__section .overview-body .patient-details .patient-dental-plan .patient-dental-plan__body .patient-dental-plan-info__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (width >= 64rem) {
  section.overview__section .overview-body .patient-details .patient-dental-plan .patient-dental-plan__body .patient-dental-plan-info__list {
    gap: 12px;
  }
}
section.overview__section .overview-body .patient-details .patient-dental-plan .patient-dental-plan__body .patient-dental-plan-info__list .value {
  font-size: 18px;
  --tw-leading: 21px;
  line-height: 21px;
}
section.overview__section .overview-body .patient-details .patient-dental-plan .patient-dental-plan__footer {
  height: 30px;
  width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 32px;
}
section.overview__section .overview-body .patient-details .patient-members {
  width: 100%;
  height: 100%;
  grid-column: span 2 / span 2;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
section.overview__section .overview-body .patient-details .patient-members .patient-members__header {
  width: 100%;
}
section.overview__section .overview-body .patient-details .patient-members .patient-members__body {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
section.overview__section .overview-body .patient-details .patient-members .patient-members__body .patient-members-description {
  width: 100%;
  display: flex;
  flex-direction: column;
}
section.overview__section .overview-body .patient-details .patient-members .patient-members__body .patient-members-description {
  width: 100%;
  display: flex;
  flex-direction: column;
}
section.overview__section .overview-body .patient-details .patient-members .patient-members__body .patient-members-actions {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
section.overview__section .overview-body .patient-details .patient-members .patient-members__body .patient-members-actions .member {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  border-radius: 12px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-neutral-200);
}
section.overview__section .overview-body .patient-details .patient-members .patient-members__body .patient-members-actions .member .member__info {
  display: flex;
  align-items: center;
  gap: 12px;
}
section.overview__section .overview-body .patient-details .patient-members .patient-members__body .patient-members-actions .member .member__actions {
  display: flex;
  gap: 18px;
}
section.overview__section .island {
  padding: 24px;
  background-color: var(--color-neutral-0);
  border-radius: 24px;
  box-shadow: 0 0 6px #0000001f;
}
.dialog--manage-due-date .dialog__body {
  margin-block: 32px;
}
.dialog--manage-due-date .dialog__body .radio-group {
  width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 24px;
}
.dialog--manage-due-date .dialog__body .radio-group .radio {
  width: fit-content;
}
.dialog--manage-due-date .dialog__body .note {
  font-size: 20px;
  --tw-leading: 20px;
  line-height: 20px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-neutral-900);
}
.text-body-large-heavy {
  font-size: 18px;
  --tw-leading: 21px;
  line-height: 21px;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.text-headline-large-medium {
  font-size: 36px;
  --tw-leading: 43px;
  line-height: 43px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.overview-page .page__header {
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.overview-page .payment-form__button {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
}
.overview-page .payment-form__button span {
  --tw-leading: 1;
  line-height: 1;
}
section.payment-arrangement-plans {
  width: 100%;
  height: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  gap: calc(var(--spacing) * 2);
  padding: calc(var(--spacing) * 1);
}
@media (width >= 64rem) {
  section.payment-arrangement-plans {
    overflow: visible;
  }
}
@media (width >= 64rem) {
  section.payment-arrangement-plans {
    padding: calc(var(--spacing) * 0);
  }
}
section.payment-arrangement-plans form.payment-arrangement-plans__payment-form {
  width: 100%;
  padding: calc(var(--spacing) * 2);
  display: inline-flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 2);
  order: 2;
}
@media (width >= 64rem) {
  section.payment-arrangement-plans form.payment-arrangement-plans__payment-form {
    width: auto;
  }
}
@media (width >= 64rem) {
  section.payment-arrangement-plans form.payment-arrangement-plans__payment-form {
    flex-grow: 1;
  }
}
@media (width >= 64rem) {
  section.payment-arrangement-plans form.payment-arrangement-plans__payment-form {
    order: 1;
  }
}
section.payment-arrangement-plans form.payment-arrangement-plans__payment-form .payment-form__button {
  width: fit-content;
}
section.payment-arrangement-plans component.payment-arrangement-plans__payment-summary {
  height: fit-content;
  width: 100%;
  display: inline-flex;
  flex-direction: column;
  box-shadow: 0 0 6px #0000001f;
  order: 1;
}
@media (width >= 64rem) {
  section.payment-arrangement-plans component.payment-arrangement-plans__payment-summary {
    width: 480px;
  }
}
@media (width >= 64rem) {
  section.payment-arrangement-plans component.payment-arrangement-plans__payment-summary {
    order: 2;
  }
}
section.payment-arrangement-plans component.payment-arrangement-plans__payment-summary .payment-summary__header {
  padding: calc(var(--spacing) * 2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  background-color: #E9F7FF;
  font-size: 24px;
  --tw-leading: 28px;
  line-height: 28px;
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: #003657;
}
section.payment-arrangement-plans component.payment-arrangement-plans__payment-summary .payment-summary__items {
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * 3);
  display: inline-flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 3);
}
section.payment-arrangement-plans component.payment-arrangement-plans__payment-summary .payment-summary__items .payment-summary__item {
  display: inline-flex;
  justify-content: space-between;
  font-size: 16px;
  --tw-leading: 19px;
  line-height: 19px;
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}
section.payment-arrangement-plans component.payment-arrangement-plans__payment-summary .payment-summary__footer {
  padding-top: calc(var(--spacing) * 2);
  display: inline-flex;
  justify-content: space-between;
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-neutral-200);
  font-size: 18px;
  --tw-leading: 21px;
  line-height: 21px;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.dialog--manage-due-date .dialog__body {
  margin-block: 32px;
}
.dialog--manage-due-date .dialog__body .radio-group {
  width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 24px;
}
.dialog--manage-due-date .dialog__body .radio-group .radio {
  width: fit-content;
}
.dialog--manage-due-date .dialog__body .note {
  font-size: 20px;
  --tw-leading: 20px;
  line-height: 20px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-neutral-900);
}
section.manage-payments__section {
  width: 100%;
  height: 100%;
  padding-top: 20px;
  display: flex;
  flex-direction: column;
}
section.manage-payments__section .title {
  font-size: 24px;
  --tw-leading: 28px;
  line-height: 28px;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
section.manage-payments__section .manage-payments-body {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
section.manage-payments__section .manage-payments-body .manage-due-date {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
section.manage-payments__section .manage-payments-body .manage-due-date .manage-due-date__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
section.manage-payments__section .manage-payments-body .manage-due-date .manage-due-date__body {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
section.manage-payments__section .manage-payments-body .payment-methods {
  overflow: unset;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
section.manage-payments__section .manage-payments-body .payment-methods .payment-methods__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
section.manage-payments__section .manage-payments-body .payment-methods .payment-methods__body {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
section.manage-payments__section .island {
  padding: 24px;
  background-color: var(--color-neutral-0);
  box-shadow: 0 0 6px #0000001f;
  border-radius: 24px;
}
.payment-method .payment-method-details {
  display: flex;
  align-items: center;
  gap: 30px;
}
.payment-method .payment-method-details .payment-method-image-wrapper {
  max-height: 32px;
  max-width: 32px;
}
.payment-method .payment-method-details .payment-method-profile {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.payment-method .payment-method-details .payment-method-profile .payment-method-name {
  font-size: 18px;
  --tw-leading: 21px;
  line-height: 21px;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.payment-method .payment-method-details .payment-method-profile .payment-method-last-four {
  font-size: 18px;
  --tw-leading: 21px;
  line-height: 21px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-neutral-500);
}
.payment-method .payment-method-details .payment-method-profile .payment-method-expiration-date {
  font-size: 16px;
  --tw-leading: 19px;
  line-height: 19px;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.payment-method .payment-method-details .payment-method-profile .payment-method-primary {
  font-size: 18px;
  --tw-leading: 21px;
  line-height: 21px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-green-500);
}
.dialog--update-payment-account .dialog__payment-form {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  padding: calc(var(--spacing) * 2);
}
section.payment-arrangement-plans {
  width: 100%;
  height: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  gap: calc(var(--spacing) * 2);
  padding: calc(var(--spacing) * 1);
}
@media (width >= 64rem) {
  section.payment-arrangement-plans {
    overflow: visible;
  }
}
@media (width >= 64rem) {
  section.payment-arrangement-plans {
    padding: calc(var(--spacing) * 0);
  }
}
section.payment-arrangement-plans form.payment-arrangement-plans__payment-form {
  width: 100%;
  padding: calc(var(--spacing) * 2);
  display: inline-flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 2);
  order: 2;
}
@media (width >= 64rem) {
  section.payment-arrangement-plans form.payment-arrangement-plans__payment-form {
    width: auto;
  }
}
@media (width >= 64rem) {
  section.payment-arrangement-plans form.payment-arrangement-plans__payment-form {
    flex-grow: 1;
  }
}
@media (width >= 64rem) {
  section.payment-arrangement-plans form.payment-arrangement-plans__payment-form {
    order: 1;
  }
}
section.payment-arrangement-plans form.payment-arrangement-plans__payment-form .payment-form__button {
  width: fit-content;
}
section.payment-arrangement-plans component.payment-arrangement-plans__payment-summary {
  height: fit-content;
  width: 100%;
  display: inline-flex;
  flex-direction: column;
  box-shadow: 0 0 6px #0000001f;
  order: 1;
}
@media (width >= 64rem) {
  section.payment-arrangement-plans component.payment-arrangement-plans__payment-summary {
    width: 480px;
  }
}
@media (width >= 64rem) {
  section.payment-arrangement-plans component.payment-arrangement-plans__payment-summary {
    order: 2;
  }
}
section.payment-arrangement-plans component.payment-arrangement-plans__payment-summary .payment-summary__header {
  padding: calc(var(--spacing) * 2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  background-color: #E9F7FF;
  font-size: 24px;
  --tw-leading: 28px;
  line-height: 28px;
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: #003657;
}
section.payment-arrangement-plans component.payment-arrangement-plans__payment-summary .payment-summary__items {
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * 3);
  display: inline-flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 3);
}
section.payment-arrangement-plans component.payment-arrangement-plans__payment-summary .payment-summary__items .payment-summary__item {
  display: inline-flex;
  justify-content: space-between;
  font-size: 16px;
  --tw-leading: 19px;
  line-height: 19px;
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}
section.payment-arrangement-plans component.payment-arrangement-plans__payment-summary .payment-summary__footer {
  padding-top: calc(var(--spacing) * 2);
  display: inline-flex;
  justify-content: space-between;
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-neutral-200);
  font-size: 18px;
  --tw-leading: 21px;
  line-height: 21px;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.checkbox {
  position: relative;
  padding-left: calc(var(--spacing) * 1);
  cursor: pointer;
}
.checkbox .checkbox__input {
  position: absolute;
  inset: calc(var(--spacing) * 0);
  opacity: 0%;
  cursor: pointer;
}
.checkbox .checkbox__mark {
  position: absolute;
  top: 5px;
  left: calc(var(--spacing) * 0);
  width: calc(var(--spacing) * 1);
  height: calc(var(--spacing) * 1);
  border-radius: 3px;
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
  outline-style: var(--tw-outline-style);
  outline-width: 1.5px;
  outline-color: var(--color-neutral-900);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.checkbox .checkbox__mark svg {
  fill: var(--color-neutral-0);
}
.checkbox .checkbox__label {
  padding-left: calc(var(--spacing) * 0.5);
  font-size: var(--text-body);
  color: var(--color-neutral-900);
}
.checkbox.checkbox--disabled {
  cursor: default;
}
.checkbox.checkbox--disabled .checkbox__input:disabled {
  cursor: default;
}
.checkbox .checkbox__input:checked ~ .checkbox__mark {
  background-color: var(--color-primary);
  --tw-outline-style: none;
  outline-style: none;
}
.checkbox .checkbox__input:checked ~ .checkbox__mark svg {
  fill: var(--color-neutral-0);
}
.checkbox .checkbox__input:checked:disabled ~ .checkbox__mark {
  background-color: var(--color-neutral-400);
  --tw-outline-style: none;
  outline-style: none;
}
.checkbox .checkbox__input:checked:disabled ~ .checkbox__mark svg {
  fill: var(--color-neutral-0);
}
.checkbox .checkbox__input:indeterminate ~ .checkbox__mark {
  outline-color: var(--color-primary);
}
.checkbox .checkbox__input:indeterminate ~ .checkbox__mark svg {
  fill: var(--color-primary);
}
.checkbox .checkbox__input:indeterminate:disabled ~ .checkbox__mark {
  outline-color: var(--color-neutral-400);
}
.checkbox .checkbox__input:indeterminate:disabled ~ .checkbox__mark svg {
  fill: var(--color-neutral-400);
}
.checkbox .checkbox__input:disabled ~ .checkbox__mark {
  cursor: default;
  outline-color: var(--color-neutral-500);
}
.checkbox .checkbox__label.checkbox__label--disabled {
  color: var(--color-neutral-600);
}
.chip {
  height: 32px;
  max-width: 210px;
  min-width: 94px;
  padding-inline: 16px;
  padding-block: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 4px;
  font-size: var(--text-body-small);
  --tw-font-weight: var(--font-weight-heavy);
  font-weight: var(--font-weight-heavy);
}
.chip .chip__label {
  font-size: var(--text-body-small);
  --tw-leading: 120%;
  line-height: 120%;
  --tw-font-weight: var(--font-weight-heavy);
  font-weight: var(--font-weight-heavy);
}
.chip.chip--accent {
  background-color: var(--color-blue-500);
  color: var(--color-neutral-0);
}
.chip.chip--error {
  background-color: var(--color-red-700);
  color: var(--color-neutral-0);
}
.chip.chip--error-alt {
  background-color: #A800000F;
  color: var(--color-red-700);
}
.chip.chip--info {
  background-color: var(--color-neutral-100);
  color: var(--color-neutral-600);
}
.chip.chip--success {
  background-color: var(--color-green-500);
  color: var(--color-neutral-0);
}
.chip.chip--warning {
  background-color: var(--color-orange-500);
  color: var(--color-neutral-0);
}
.chip.chip--warning-alt {
  background-color: #A85A000F;
  color: var(--color-orange-500);
}
.chip--rounded {
  border-radius: calc(infinity * 1px);
}
.radio {
  width: 100%;
  display: inline-flex;
  align-items: center;
  gap: calc(var(--spacing) * 0.5);
}
.radio.radio--disabled {
  cursor: default;
}
.radio.radio--disabled .radio__label {
  color: var(--color-neutral-500);
}
.radio .radio__inner {
  position: relative;
  cursor: pointer;
}
.radio .radio__inner .radio__input {
  width: calc(var(--spacing) * 1);
  height: calc(var(--spacing) * 1);
  appearance: none;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-primary);
  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,
    visibility,
    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));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  cursor: pointer;
}
.radio .radio__inner .radio__input:disabled {
  border-color: var(--color-neutral-400);
}
.radio .radio__inner .radio__input:disabled {
  cursor: default;
}
.radio .radio__inner .radio__mark {
  position: absolute;
  top: 7px;
  left: calc(var(--spacing) * 0.25);
  width: calc(var(--spacing) * 0.5);
  height: calc(var(--spacing) * 0.5);
  border-radius: calc(infinity * 1px);
  background-color: transparent;
  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,
    visibility,
    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));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  pointer-events: none;
}
.radio__input:checked ~ :is(.radio .radio__inner .radio__mark) {
  background-color: var(--color-primary);
}
.radio .radio__label {
  width: 100%;
  cursor: pointer;
}
.switch {
  display: inline-flex;
  align-items: center;
}
.switch button.switch__control {
  height: 24px;
  width: 36px;
  padding: calc(var(--spacing) * 0);
  position: relative;
  display: inline-block;
  border-radius: var(--radius-xl);
  background-color: var(--color-neutral-300);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 500ms;
  transition-duration: 500ms;
  border-style: var(--tw-border-style);
  border-width: 0px;
  border-color: transparent;
  --tw-outline-style: none;
  outline-style: none;
  cursor: pointer;
}
.switch button.switch__control:focus {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
}
.switch button.switch__control:focus {
  --tw-outline-style: none;
  outline-style: none;
}
.switch button.switch__control:focus-visible {
  --tw-outline-style: none;
  outline-style: none;
}
.switch button.switch__control .switch__slider {
  width: 16px;
  height: 16px;
  position: absolute;
  top: calc(1/2 * 100%);
  left: 4px;
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  border-radius: calc(infinity * 1px);
  background-color: var(--color-neutral-0);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 500ms;
  transition-duration: 500ms;
  --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);
}
.switch button.switch__control:hover:not(.switch--disabled) .switch__slider {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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);
  --tw-ring-color: color-mix(in srgb, #D3D5DB 80%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .switch button.switch__control:hover:not(.switch--disabled) .switch__slider {
    --tw-ring-color: color-mix(in oklab, var(--color-neutral-200) 80%, transparent);
  }
}
.switch button.switch__control.switch--checked {
  background-color: var(--color-primary);
}
.switch button.switch__control.switch--checked .switch__slider {
  --tw-translate-x: 12px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.switch button.switch__control.switch--disabled {
  cursor: default;
  background-color: var(--color-neutral-100);
}
.field .field__label {
  font-size: var(--text-label);
}
.field .field__label.field__label--required::after {
  content: var(--tw-content);
  color: var(--color-red-500);
}
.field .field__label.field__label--required::after {
  content: var(--tw-content);
  --tw-content: "*";
  content: var(--tw-content);
}
.field .field__inner {
  width: 100%;
  border-radius: 6px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-neutral-200);
  background-color: var(--color-neutral-0);
  position: relative;
  display: inline-flex;
  align-items: center;
  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));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.field .field__inner:focus-within {
  border-color: var(--color-primary);
}
.field .field__inner.field__inner--error {
  border-color: var(--color-red-500);
}
.field .field__inner.field__inner--error:focus-within {
  border-color: var(--color-red-500);
}
.field .field__inner .prefix-icon {
  margin-left: calc(var(--spacing) * 1);
}
.field .field__inner .field__input {
  width: 100%;
  flex-grow: 1;
  padding: calc(var(--spacing) * 1);
  background-color: transparent;
  border-radius: 6px;
  --tw-border-style: none;
  border-style: none;
  --tw-outline-style: none;
  outline-style: none;
}
.field .field__inner .field__suffix-icon {
  width: 48px;
  height: 48px;
  padding-inline: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.field .field__messages {
  margin-top: calc(var(--spacing) * 0.25);
  max-height: calc(var(--spacing) * 0);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.field .field__messages.field__messages--error {
  max-height: calc(var(--spacing) * 2);
}
.field .field__messages .field__message {
  font-size: var(--text-body-small);
  color: var(--color-red-500);
}
.field.field--disabled {
  color: var(--color-neutral-500);
}
.field.field--disabled .field__inner {
  background-color: var(--color-neutral-50);
}
.field.field--disabled .field__inner .prefix-icon {
  margin-left: calc(var(--spacing) * 1);
}
.wf-date-picker-field .field__inner {
  width: 100%;
}
.wf-date-picker-field .field__inner.field__inner--error {
  border-color: var(--color-red-500);
}
.wf-date-picker-field .field__inner.field__inner--error:focus-within {
  border-color: var(--color-red-500);
}
.wf-date-picker-field .field__inner .button {
  min-height: 30px;
  min-width: 30px;
}
.wf-date-picker-field .field__inner .button .icon {
  color: var(--color-neutral-900);
}
.wf-date-picker-field .field__inner .mat-mdc-text-field-wrapper {
  padding: calc(var(--spacing) * 0);
}
.wf-date-picker-field .field__inner .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix {
  min-height: 48px;
  width: auto;
  padding: calc(var(--spacing) * 0);
  padding-right: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.wf-date-picker-field .field__inner .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .field__input::placeholder {
  color: var(--color-on-surface-variant);
}
.wf-date-picker-field .field__inner .mat-mdc-text-field-wrapper .mat-datepicker-toggle button {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wf-date-picker-field .field__inner .mat-mdc-text-field-wrapper .mat-datepicker-toggle button:hover {
  --tw-shadow: 0 0 #0000;
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
}
.wf-date-picker-field .field__inner .mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay,
.wf-date-picker-field .field__inner .mat-mdc-text-field-wrapper .mat-mdc-form-field-icon-suffix {
  display: none;
}
.wf-date-picker-field .field__inner .mat-mdc-form-field-subscript-wrapper,
.wf-date-picker-field .field__inner .mdc-line-ripple {
  display: none;
}
.wf-date-picker-field .field--disabled .field__inner .mat-mdc-text-field-wrapper {
  cursor: not-allowed;
  opacity: 60%;
}
.wf-date-picker-field .field--disabled .field__inner .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .field__input {
  cursor: not-allowed;
}
.mat-datepicker-popup {
  padding-top: 1px;
}
.mat-datepicker-popup .mat-datepicker-content .mat-calendar {
  border-radius: 6px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-neutral-200);
}
.mat-datepicker-popup .mat-datepicker-content .mat-calendar .mat-calendar-body-cell-container .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover .mat-calendar-body-cell-content.mat-focus-indicator {
  background-color: var(--color-primary-60);
  color: var(--color-on-primary);
}
.mat-datepicker-popup .mat-datepicker-content .mat-calendar .mat-calendar-body-cell-container .mat-calendar-body-active .mat-calendar-body-today {
  border-color: var(--color-primary-80);
  background-color: var(--color-primary);
  color: var(--color-on-primary);
}
.textarea {
  width: 100%;
  text-align: left;
}
.textarea .textarea__label {
  font-size: var(--text-body-large);
  --tw-font-weight: var(--font-weight-heavy);
  font-weight: var(--font-weight-heavy);
}
.textarea .textarea__label.textarea__label--required::after {
  content: var(--tw-content);
  color: var(--color-red-500);
}
.textarea .textarea__label.textarea__label--required::after {
  content: var(--tw-content);
  --tw-content: "*";
  content: var(--tw-content);
}
.textarea .textarea__inner {
  border-radius: 6px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-neutral-200);
}
.textarea .textarea__inner:focus-within {
  border-color: var(--color-primary);
}
.textarea .textarea__inner .textarea__input {
  width: 100%;
  padding: 10px 12px;
  --tw-border-style: none;
  border-style: none;
  background-color: transparent;
  --tw-outline-style: none;
  outline-style: none;
  font-size: var(--text-body-large);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.textarea .textarea__inner .textarea__input::placeholder {
  color: var(--color-neutral-400);
}
.tabs {
  height: calc(var(--spacing) * 5);
  display: inline-flex;
  align-items: center;
}
span.tab {
  height: 100%;
  width: fit-content;
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * 1);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-neutral-200);
  cursor: pointer;
  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));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  font-size: var(--text-body-large);
}
span.tab.tab--active {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 3px;
  border-color: var(--color-primary);
  font-size: var(--text-body-large);
  --tw-font-weight: var(--font-weight-heavy);
  font-weight: var(--font-weight-heavy);
  color: var(--color-primary);
}
form.search-patients__form {
  width: 100%;
  overflow: visible;
  padding: calc(var(--spacing) * 2);
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  border-radius: 24px;
  background-color: var(--color-neutral-0);
  --tw-shadow: 0 0 6px var(--tw-shadow-color, #0000001f);
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
}
@media (width >= 64rem) {
  form.search-patients__form {
    align-items: flex-end;
  }
}
@media (width >= 80rem) {
  form.search-patients__form {
    flex-direction: row;
  }
}
form.search-patients__form article.form__body {
  width: 100%;
  flex-grow: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
@media (width >= 64rem) {
  form.search-patients__form article.form__body {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
form.search-patients__form article.form__actions {
  display: inline-flex;
  gap: 24px;
}
widget.manage-patients {
  height: calc(100vh - 96px);
}
widget.manage-patients .dialog__body {
  text-align: center;
}
widget.manage-patients .dialog__body h2 {
  font-size: 32px;
  --tw-leading: 32px;
  line-height: 32px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
widget.manage-patients .dialog__body p {
  margin-top: calc(var(--spacing) * 0.5);
  margin-bottom: calc(var(--spacing) * 2);
  font-family: var(--font-avenir);
  font-size: 20px;
  --tw-leading: 32px;
  line-height: 32px;
}
widget.manage-patients dialog main {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  padding: calc(var(--spacing) * 2);
}
widget.manage-patients dialog credit-card-field,
widget.manage-patients dialog text-field {
  grid-column: span 3 / span 3;
}
section.search-patients__table {
  flex-grow: 1;
  overflow: hidden;
  width: 100%;
  border-radius: 24px;
  background-color: var(--color-neutral-0);
  --tw-shadow: 0 0 6px var(--tw-shadow-color, #0000001f);
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
}
section.search-patients__table table.table--search-patients .table__header {
  display: grid;
  grid-template-columns: 112px 168px 144px 212px 112px 132px 168px 112px;
  gap: calc(var(--spacing) * 2);
}
section.search-patients__table table.table--search-patients .table__body .table__row {
  display: grid;
  grid-template-columns: 112px 168px 144px 212px 112px 132px 168px 112px;
  gap: calc(var(--spacing) * 2);
}
.goal-settings__page {
  height: calc(100vh - 96px);
  display: inline-flex;
  width: 100%;
  flex-direction: column;
  gap: 24px;
  overflow-y: auto;
}
.fee-management__page .table .table__header {
  display: grid;
  grid-template-columns: 181px 181px 185px 227px 185px 159px 120px;
  gap: calc(var(--spacing) * 2);
}
.fee-management__page .table .table__body {
  height: calc(var(--spacing) * 0);
}
.fee-management__page .table .table__body .table__row {
  display: grid;
  grid-template-columns: 181px 181px 185px 227px 185px 159px 120px;
  gap: calc(var(--spacing) * 2);
}
component.edit-plan-fee__form {
  width: 100%;
}
component.edit-plan-fee__form .form {
  width: 100%;
  display: inline-flex;
  flex-direction: column;
  gap: 24px;
}
component.edit-plan-fee__form .form .form__title {
  font-size: 20px;
  --tw-leading: 20px;
  line-height: 20px;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
component.edit-plan-fee__form .form .form__subtitle {
  font-size: var(--text-body-large);
}
component.edit-plan-fee__form .form .form__header {
  width: 100%;
  flex-grow: 1;
  display: grid;
  gap: 24px;
}
component.edit-plan-fee__form .form .form__body {
  max-width: 800px;
  display: inline-flex;
  flex-direction: column;
  gap: 24px;
}
component.edit-plan-fee__form .form .form__body .form__section {
  width: 100%;
  display: grid;
  gap: 24px;
}
component.edit-plan-fee__form .form .form__body .radio-group {
  display: inline-flex;
  justify-content: flex-start;
  gap: 24px;
}
component.edit-plan-fee__form .form .form__body .radio-group .radio {
  width: fit-content;
}
component.edit-plan-fee__form .form .form__actions {
  display: inline-flex;
  gap: 24px;
}
.edit-fee__page {
  height: calc(100vh - 96px);
  display: inline-flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
}
widget.purchase-plans {
  height: calc(100vh - 96px);
}
page.explore-plans main.page__content {
  width: 100%;
  height: 100%;
  border-radius: 24px;
  background-color: var(--color-neutral-0);
  --tw-shadow: 0 0 6px var(--tw-shadow-color, #0000001f);
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 3);
}
page.explore-plans main.page__content component.card {
  min-height: 385px;
  width: 411px;
  padding: calc(var(--spacing) * 2);
  display: inline-flex;
  flex-direction: column;
  border-radius: 24px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-neutral-200);
  background-color: var(--color-neutral-50);
}
page.explore-plans main.page__content component.card section.card__section {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  gap: calc(var(--spacing) * 1);
}
page.explore-plans main.page__content component.card section.card__section h3.card__title {
  text-align: center;
  font-size: var(--text-title);
  --tw-font-weight: var(--font-weight-heavy);
  font-weight: var(--font-weight-heavy);
}
page.explore-plans main.page__content component.card section.card__section p.card__description {
  font-size: var(--text-title-small);
  color: var(--color-neutral-700);
}
page.explore-plans main.page__content component.card hr.card__divider {
  border-color: var(--color-neutral-200);
}
page.explore-plans main.page__content component.card footer.card__footer {
  padding-block: calc(var(--spacing) * 3);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
section.ada-codes {
  width: 100%;
  padding: 24px;
  border-radius: 24px;
  background-color: var(--color-neutral-0);
  --tw-shadow: 0 0 6px var(--tw-shadow-color, #0000001f);
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
  display: inline-flex;
  flex-grow: 1;
  flex-direction: column;
  gap: 24px;
}
section.treatment-summary {
  display: inline-flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 24px;
}
section.treatment-summary section.summary {
  width: 100%;
  max-width: 1010px;
  overflow-y: hidden;
  display: inline-flex;
  flex-direction: column;
}
section.treatment-summary section.summary header.summary__header {
  width: 100%;
  display: grid;
  grid-template-columns: 360px 1fr;
  gap: 20px;
}
section.treatment-summary section.summary header.summary__header div.label-wrapper {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
  border-color: var(--color-neutral-200);
  padding: 8px;
}
section.treatment-summary section.summary header.summary__header div.label-wrapper span.label {
  font-size: var(--text-body-large);
  --tw-font-weight: var(--font-weight-heavy);
  font-weight: var(--font-weight-heavy);
}
section.treatment-summary section.summary .summary__items {
  width: 100%;
  overflow-y: auto;
}
section.treatment-summary section.summary .summary__items .summary__item {
  width: 100%;
  display: grid;
  grid-template-columns: 360px 1fr;
  gap: 20px;
}
section.treatment-summary section.summary .summary__items .summary__item .item-row {
  display: inline-flex;
  flex-direction: column;
  gap: 8px;
  padding: 20px 16px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-neutral-200);
}
section.treatment-summary section.summary .summary__items .summary__item .ucr {
  align-items: center;
  justify-content: center;
  background-color: var(--color-neutral-50);
}
section.treatment-summary section.summary__action {
  width: 100%;
  max-width: 1010px;
  flex-shrink: 0;
  gap: 20px;
  padding-block: 30px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--color-neutral-50);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-neutral-200);
}
section.treatment-summary section.summary__action span.description {
  font-size: var(--text-title);
  --tw-font-weight: var(--font-weight-heavy);
  font-weight: var(--font-weight-heavy);
}
page.revenue-management main.page__content {
  width: 100%;
  height: 100%;
  display: inline-flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 3);
}
component.search-revenue__form {
  width: 100%;
  padding: calc(var(--spacing) * 2);
  display: inline-flex;
  align-items: center;
}
component.search-revenue__form .form {
  width: 100%;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
}
@media (width >= 80rem) {
  component.search-revenue__form .form {
    flex-direction: row;
  }
}
component.search-revenue__form .form .form__body {
  width: 100%;
  flex-grow: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
component.search-revenue__form .form .form__actions {
  display: inline-flex;
  gap: 24px;
}
component.search-revenue__table {
  flex-grow: 1;
  overflow: hidden;
  width: 100%;
}
component.search-revenue__table table.table--search-patients .table__header {
  display: grid;
  grid-template-columns: 227px auto 181px 100px;
  gap: calc(var(--spacing) * 2);
}
component.search-revenue__table table.table--search-patients .table__body .table__row {
  display: grid;
  grid-template-columns: 227px auto 181px 100px;
  gap: calc(var(--spacing) * 2);
}
widget.payment-management {
  width: 100%;
  height: 100%;
  padding: 36px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  background-color: var(--color-neutral-0);
}
widget.payment-management .is-loading {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}
widget.payment-management header.page__header {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
widget.payment-management header.page__header h1.page__headline {
  font-size: var(--text-headline-large);
  --tw-font-weight: var(--font-weight-heavy);
  font-weight: var(--font-weight-heavy);
}
widget.payment-management header.page__header .page__actions {
  display: inline-flex;
  align-items: center;
  gap: 16px;
}
widget.payment-management dialog main {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  padding: calc(var(--spacing) * 2);
}
widget.payment-management dialog .dialog__body section {
  text-align: center;
}
widget.payment-management dialog .dialog__body section h2 {
  font-size: 24px;
  --tw-leading: 28px;
  line-height: 28px;
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}
widget.payment-management dialog .dialog__body section p {
  margin-top: calc(var(--spacing) * 0.5);
  margin-bottom: calc(var(--spacing) * 2);
  font-family: var(--font-avenir);
  font-size: 20px;
  --tw-leading: 32px;
  line-height: 32px;
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}
widget.payment-management dialog .dialog__body article {
  display: flex;
  width: 100%;
  max-width: 600px;
  flex-direction: column;
  gap: 24px;
  align-self: center;
  text-align: center;
  font-size: 20px;
  --tw-leading: 32px;
  line-height: 32px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
widget.payment-management text-field,
widget.payment-management checkbox {
  grid-column: span 1 / span 1;
}
widget.payment-management credit-card-field,
widget.payment-management .credit-card-field {
  grid-column: span 3 / span 3;
}
widget.payment-management .is-loadinng {
  display: inline-flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
widget.payment-management .is-idle,
widget.payment-management .is-empty {
  display: inline-flex;
  width: 100%;
  height: 100%;
  flex-grow: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
:is(widget.payment-management .is-idle, widget.payment-management .is-empty) span {
  font-size: var(--text-title-small);
}
:where(widget.payment-management .payment-method-expiration-date > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-x-reverse)));
}
widget.payment-management .payment-method-expiration-date .payment-method-primary {
  font-size: var(--text-body-large);
  color: var(--color-green-500);
}
widget.payment-management .payment-method-expiration-date .payment-method-warning {
  color: var(--color-red-500);
}
widget.payment-management .payment-method-actions {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--spacing) * 1);
}
widget.payment-management .payment-method-delete-tooltip {
  border-radius: calc(infinity * 1px);
}
widget.payment-management .payment-method-delete-tooltip .tooltip__content {
  right: -18px;
  bottom: 48px;
  width: 255px;
}
widget.payment-management row .row__actions {
  display: inline-flex;
  justify-content: center;
}
widget.payment-management .select-payment-method__label {
  font-size: 20px;
  --tw-leading: 32px;
  line-height: 32px;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
widget.payment-management .transactions__section {
  display: flex;
  width: 100%;
  height: 100%;
  flex-grow: 1;
  flex-direction: column;
  gap: 20px;
}
section.payment-management__widget {
  display: flex;
  width: 100%;
  flex-grow: 1;
  flex-direction: column;
}
component.add-credit-card__form {
  width: 100%;
}
component.add-credit-card__form form.form {
  width: 100%;
  display: inline-flex;
  flex-direction: column;
  gap: 24px;
}
component.add-credit-card__form form.form .form__body {
  width: 100%;
  flex-grow: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
component.add-credit-card__form form.form .form__actions {
  display: inline-flex;
  gap: 24px;
}
component.add-credit-card__form form.form .secure-payment {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: var(--text-body-small);
  --tw-font-weight: var(--font-weight-light);
  font-weight: var(--font-weight-light);
  color: var(--color-neutral-500);
}
section.payment-method {
  width: 100%;
  height: 100%;
  padding-top: 20px;
  display: flex;
  flex-direction: column;
}
section.payment-method .manage-payments-body {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
section.payment-method .manage-payments-body .add-payment-method,
section.payment-method .manage-payments-body .select-payment-method {
  display: inline-flex;
  flex-direction: column;
  gap: 20px;
}
section.payment-method .manage-payments-body .payment-methods {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
section.payment-method .manage-payments-body .payment-methods .payment-methods__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
section.payment-method .manage-payments-body .payment-methods .payment-methods__body {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
section.payment-method .manage-payments-body .payment-methods .payment-methods__footer {
  display: flex;
}
section.payment-method .island {
  padding: 24px;
  background-color: var(--color-neutral-0);
  --tw-shadow: 0 0 6px var(--tw-shadow-color, #0000001f);
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
  border-radius: 24px;
}
list-item {
  grid-template-columns: 1fr auto;
}
list-item .payment-method-details {
  display: flex;
  align-items: center;
  gap: 30px;
}
list-item .payment-method-details .payment-method-image-wrapper {
  max-height: 32px;
  max-width: 32px;
}
list-item .payment-method-details .payment-method-profile {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
list-item .payment-method-details .payment-method-profile .payment-method-name {
  font-size: 18px;
  --tw-leading: 21px;
  line-height: 21px;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
list-item .payment-method-details .payment-method-profile .payment-method-last-four {
  font-size: 18px;
  --tw-leading: 21px;
  line-height: 21px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-neutral-500);
}
list-item .payment-method-details .payment-method-profile .payment-method-expiration-date {
  font-size: 16px;
  --tw-leading: 19px;
  line-height: 19px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
component.search-transactions__form {
  width: 100%;
  overflow-x: hidden;
  padding: 24px;
  display: inline-flex;
  align-items: center;
  border-radius: 24px;
  background-color: var(--color-neutral-0);
  --tw-shadow: 0 0 6px var(--tw-shadow-color, #0000001f);
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
}
component.search-transactions__form .form {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
  gap: 24px;
}
@media (width >= 80rem) {
  component.search-transactions__form .form {
    flex-direction: row;
  }
}
component.search-transactions__form .form .form__body {
  width: 100%;
  flex-grow: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
component.search-transactions__form .form .form__actions {
  display: inline-flex;
  align-items: flex-end;
  gap: 24px;
}
component.search-transactions__form .form .form__actions .button {
  height: 47px;
}
component.search-practice-transaction__table {
  display: inline-flex;
  flex-grow: 1;
}
component.search-practice-transaction__table .table {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: 1fr auto;
  border-radius: 24px;
  background-color: var(--color-neutral-0);
  text-align: left;
  max-height: 50vh;
  min-height: fit-content;
}
:where(component.search-practice-transaction__table .table > :not(:last-child)) {
  --tw-divide-y-reverse: 0;
  border-bottom-style: var(--tw-border-style);
  border-top-style: var(--tw-border-style);
  border-top-width: calc(0px * var(--tw-divide-y-reverse));
  border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
}
:where(component.search-practice-transaction__table .table > :not(:last-child)) {
  border-color: var(--color-neutral-0);
}
component.search-practice-transaction__table .table .table__content {
  width: 100%;
  height: 100%;
  display: inline-flex;
  flex-direction: column;
}
component.search-practice-transaction__table .table .table__content .table__header {
  max-width: 100%;
  min-width: fit-content;
  padding: calc(var(--spacing) * 2);
  display: grid;
  grid-template-columns: 159px 191px 189px 181px 181px 181px 100px;
  gap: calc(var(--spacing) * 2);
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  background-color: var(--color-neutral-50);
}
component.search-practice-transaction__table .table .table__content .table__header .table__column {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
component.search-practice-transaction__table .table .table__content .table__header .table__column .column__label {
  display: inline-flex;
  flex-direction: column;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
component.search-practice-transaction__table .table .table__content .table__header .table__column .column__icon {
  margin: calc(var(--spacing) * 0.25);
}
component.search-practice-transaction__table .table .table__content .table__body {
  max-width: 100%;
  min-width: fit-content;
  overflow-y: auto;
  flex-grow: 1;
}
:where(component.search-practice-transaction__table .table .table__content .table__body > :not(:last-child)) {
  --tw-divide-y-reverse: 0;
  border-bottom-style: var(--tw-border-style);
  border-top-style: var(--tw-border-style);
  border-top-width: calc(1px * var(--tw-divide-y-reverse));
  border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
}
:where(component.search-practice-transaction__table .table .table__content .table__body > :not(:last-child)) {
  border-color: var(--color-neutral-200);
}
component.search-practice-transaction__table .table .table__content .table__body .table__row {
  max-width: 100%;
  min-width: fit-content;
  padding: calc(var(--spacing) * 2);
  display: grid;
  grid-template-columns: 159px 191px 189px 181px 181px 181px 100px;
  gap: calc(var(--spacing) * 2);
}
component.search-practice-transaction__table .table .table__content .table__body .table__row .row__label {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
component.search-practice-transaction__table .table .table__footer {
  max-width: 100%;
  min-width: fit-content;
  padding: calc(var(--spacing) * 2);
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
  background-color: var(--color-neutral-0);
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: calc(var(--spacing) * 2);
  font-size: var(--text-body-small);
}
component.search-practice-transaction__table .table .table__footer .table__actions {
  display: inline-flex;
  align-items: center;
}
component.search-practice-transaction__table .table.table--empty,
component.search-practice-transaction__table .table.table--loading {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}
:is(component.search-practice-transaction__table .table.table--empty, component.search-practice-transaction__table .table.table--loading) .table__content {
  align-items: center;
  justify-content: center;
}
section.transactions {
  width: 100%;
  height: 100%;
  padding-top: 20px;
  display: flex;
  flex-direction: column;
}
section.transactions .practice-transactions-body {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
widget.manage-patients-transactions {
  width: 100%;
  height: 100%;
  padding-top: 20px;
  display: flex;
}
widget.manage-patients-transactions .plan-transactions-body {
  width: 100%;
}
widget.manage-patients-transactions .island {
  background-color: var(--color-neutral-0);
  border-radius: 24px;
}
widget.manage-patients-transactions .payment--accent {
  color: var(--color-blue-500);
}
widget.manage-patients-transactions .payment--success {
  color: var(--color-green-500);
}
widget.manage-patients-transactions .payment--warning {
  color: var(--color-orange-500);
}
section.transactions__section {
  display: flex;
  width: 100%;
  height: 100%;
  flex-grow: 1;
}
section.transactions__section .table .table__content .table__header {
  grid-template-columns: 227px 150px 122px 130px 181px 130px 160px 100px;
}
section.transactions__section .table .table__content .table__body .table__row {
  grid-template-columns: 227px 150px 122px 130px 181px 130px 160px 100px;
}
section.transactions__section .table .table__content .table__body .table__row .row__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
section.transactions__section .table .table__content .table__body .table__row .row__label.row__label-plan-name {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
section.transactions__section .table .table__content .table__body .table__row .row__label.status {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-green-500);
}
section.transactions__section .table .table__content .table__body .table__row .row__icons {
  display: flex;
  align-items: center;
  gap: 10px;
}
section.transactions__section .table .table__content .table__body .table__row .row__icons button {
  color: var(--color-primary);
}
.dialog--email-receipt .dialog__body {
  margin-block: 32px;
}
.dialog--email-receipt .dialog__body .message {
  font-size: 20px;
  --tw-leading: 32px;
  line-height: 32px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.dialog--email-receipt .dialog__body .radio-group {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
component.transactions__table {
  margin-top: calc(var(--spacing) * 2);
}
component.transactions__table .table-loading,
component.transactions__table .table-empty {
  display: inline-flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
:is(component.transactions__table .table-loading, component.transactions__table .table-empty) span {
  font-size: 20px;
  --tw-leading: 32px;
  line-height: 32px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
:root {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba( 63, 81, 181, 0.4 );
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-toggle-active-state-icon-color: #3f51b5;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(63, 81, 181, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba( 249, 171, 0, 0.2 );
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.initial * {
  transition: none !important;
}
* {
  scrollbar-color: #DCDFE5 transparent;
}
.icon--amex {
  min-height: 32px;
  min-width: 32px;
  display: inline-flex;
  background-image: url(/american-express.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.icon--discovery {
  min-height: 32px;
  min-width: 32px;
  display: inline-flex;
  background-image: url(/discovery.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.icon--mastercard {
  min-height: 32px;
  min-width: 32px;
  display: inline-flex;
  background-image: url(/mastercard.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.icon--visa {
  min-height: 32px;
  min-width: 32px;
  display: inline-flex;
  background-image: url(/visa.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.icon--other {
  min-height: 32px;
  min-width: 32px;
  display: inline-flex;
  background-image: url(/other.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@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; }
@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-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-blur { syntax: "*"; inherits: false; }
@property --tw-brightness { syntax: "*"; inherits: false; }
@property --tw-contrast { syntax: "*"; inherits: false; }
@property --tw-grayscale { syntax: "*"; inherits: false; }
@property --tw-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-invert { syntax: "*"; inherits: false; }
@property --tw-opacity { syntax: "*"; inherits: false; }
@property --tw-saturate { syntax: "*"; inherits: false; }
@property --tw-sepia { syntax: "*"; inherits: false; }
@property --tw-drop-shadow { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
@property --tw-ease { syntax: "*"; inherits: false; }
@property --tw-duration { syntax: "*"; inherits: false; }
@property --tw-content { syntax: "*"; initial-value: ""; inherits: false; }
@property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
@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; }
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes jump {
  0%, 100% {
    transform: scale(1);
  }
  10% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1.2);
  }
}
@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-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-ease: initial;
      --tw-duration: initial;
      --tw-content: "";
      --tw-divide-y-reverse: 0;
      --tw-outline-style: solid;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
    }
  }
}

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