/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
@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-400: oklch(.704 .191 22.216);
    --color-blue-600: oklch(.546 .245 262.881);
    --color-gray-500: oklch(.551 .027 264.364);
    --color-white: #fff;
    --spacing: .25rem;
    --default-font-family: var(--font-sans);
    --default-font-feature-settings: var(--font-sans--font-feature-settings);
    --default-font-variation-settings: var(--font-sans--font-variation-settings);
    --default-mono-font-family: var(--font-mono);
    --default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
    --default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
  }
}

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

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

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, 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;
  }

  body {
    line-height: inherit;
  }

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

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

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

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

  b, strong {
    font-weight: bolder;
  }

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

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

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

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

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

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

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

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

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

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

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

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

  ::placeholder {
    opacity: 1;
    color: color-mix(in oklab, currentColor 50%, transparent);
  }

  textarea {
    resize: vertical;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@layer components;

@layer utilities {
  .visible {
    visibility: visible;
  }

  .static {
    position: static;
  }

  .row-start-3 {
    grid-row-start: 3;
  }

  .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;
    }
  }

  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }

  .me-2 {
    margin-inline-end: calc(var(--spacing) * 2);
  }

  .icon-\[ep--info-filled\] {
    width: 1em;
    height: 1em;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='1024' height='1024'%3E%3Cpath fill='black' d='M512 64a448 448 0 1 1 0 896.064A448 448 0 0 1 512 64m67.2 275.072c33.28 0 60.288-23.104 60.288-57.344s-27.072-57.344-60.288-57.344c-33.28 0-60.16 23.104-60.16 57.344s26.88 57.344 60.16 57.344M590.912 699.2c0-6.848 2.368-24.64 1.024-34.752l-52.608 60.544c-10.88 11.456-24.512 19.392-30.912 17.28a12.99 12.99 0 0 1-8.256-14.72l87.68-276.992c7.168-35.136-12.544-67.2-54.336-71.296c-44.096 0-108.992 44.736-148.48 101.504c0 6.784-1.28 23.68.064 33.792l52.544-60.608c10.88-11.328 23.552-19.328 29.952-17.152a12.8 12.8 0 0 1 7.808 16.128L388.48 728.576c-10.048 32.256 8.96 63.872 55.04 71.04c67.84 0 107.904-43.648 147.456-100.416z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .icon-\[fa6-solid--wheat-awn\] {
    width: 1em;
    height: 1em;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='black' d='M505 41c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L383 95c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l88-88zM305.5 27.3c-6.2-6.2-16.4-6.2-22.6 0l-11.4 11.3c-37.5 37.5-37.5 98.3 0 135.8l10.4 10.4l-30.5 30.5c-3.4-27.3-15.5-53.8-36.5-74.8l-11.3-11.3c-6.2-6.2-16.4-6.2-22.6 0l-11.3 11.3c-37.5 37.5-37.5 98.3 0 135.8l10.4 10.4l-30.5 30.5c-3.4-27.3-15.5-53.8-36.5-74.8L101.8 231c-6.2-6.2-16.4-6.2-22.6 0l-11.3 11.3c-37.5 37.5-37.5 98.3 0 135.8l10.4 10.4l-68.9 68.9c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l68.9-68.9l12.2 12.2c37.5 37.5 98.3 37.5 135.8 0l11.3-11.3c6.2-6.2 6.2-16.4 0-22.6l-11.3-11.3c-21.8-21.8-49.6-34.1-78.1-36.9l31.9-31.9l12.2 12.2c37.5 37.5 98.3 37.5 135.8 0l11.3-11.3c6.2-6.2 6.2-16.4 0-22.6L373.4 299c-21.8-21.8-49.6-34.1-78.1-36.9l31.9-31.9l12.2 12.2c37.5 37.5 98.3 37.5 135.8 0l11.3-11.4c6.2-6.2 6.2-16.4 0-22.6L475.2 197c-5.2-5.2-10.6-9.8-16.4-13.9L505 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-59.4 59.4c-20.6-4.4-42-3.7-62.3 2.1c6.1-21.3 6.6-43.8 1.4-65.3L409 41c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-46 45.8c-3.7-5-7.8-9.8-12.4-14.3z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .icon-\[fluent-emoji-high-contrast--people-hugging\] {
    width: 1em;
    height: 1em;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cpath fill='black' d='M29 19a7.96 7.96 0 0 0-.985-3.85q.125-.185.213-.394a2.21 2.21 0 0 0-2.292-3.048q.252-.508.4-1.06l.734-2.727a5.42 5.42 0 0 0-9.844-4.371A4.419 4.419 0 0 0 9.443 7.5H7.152c-3.958 0-5.512 5.133-2.219 7.328l1.94 1.294L5.52 21.43a4.29 4.29 0 0 0 .77 3.74a4.34 4.34 0 0 0 2.09 1.468V30a1 1 0 0 0 1 1H28a1 1 0 0 0 1-1zm-14 7.85h2.72a2.21 2.21 0 0 0 2.21-2.17a2.25 2.25 0 0 0-2.26-2.25H15v-2.759a1 1 0 0 0-.445-.832l-8.513-5.675C4.396 12.066 5.173 9.5 7.152 9.5H9.99l.24.89a4.67 4.67 0 0 0 3.66 3.38a4.16 4.16 0 0 0 3.232-.784q.083.014.17.014H21q.575.001 1.12.104l-2.51.966a2.21 2.21 0 0 0 .79 4.27c.274 0 .545-.051.8-.15l5.119-1.97c.435.83.681 1.777.681 2.78v10H15zM18.605 11q.057-.148.105-.3a4.65 4.65 0 0 0 .051-2.59l-.448-1.621l.24-.894l.006-.024a3.42 3.42 0 1 1 6.6 1.764l-.007.022l-.747 2.775a3.7 3.7 0 0 1-.68 1.344A8 8 0 0 0 21 11z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .icon-\[healthicons--diabetes-outline-24px\] {
    width: 1em;
    height: 1em;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12.5 14.125h3a1 1 0 1 1 0 2h-4v.75h2a1 1 0 1 1 0 2H8a6 6 0 0 1-6-6a5 5 0 0 1 2.864-4.522a1 1 0 0 1 .242-.147l7-3a1 1 0 1 1 .788 1.838l-1.25.536l-.07.043c-.296.148-.36.394-.307.574c.049.164.249.424.82.428H21a1 1 0 1 1 0 2h-.057a.6.6 0 0 0 .057-.25c0-.414-.448-.75-1-.75s-1 .336-1 .75q0 .133.057.25H12.5v.75H16a1 1 0 1 1 0 2h-3.5z'/%3E%3Cpath fill='black' d='m20 11.897l-.177.176l-.001.002l-.003.003l-.012.012a4 4 0 0 0-.19.206a7 7 0 0 0-.446.565c-.317.448-.671 1.078-.671 1.687c0 .811.68 1.452 1.5 1.452s1.5-.64 1.5-1.452c0-.609-.354-1.239-.67-1.687a7 7 0 0 0-.637-.771l-.012-.012l-.003-.003l-.002-.002z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .icon-\[healthicons--pharmacy-24px\] {
    width: 1em;
    height: 1em;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M9 5c0-.406.152-.747.356-.884c.15-.1.713-.336 2.19.416a1 1 0 0 0 .908-1.782c-1.723-.877-3.16-1-4.21-.296C7.248 3.121 7 4.274 7 5H5c-.552 0-1.008.45-.919.996a6.3 6.3 0 0 0 .528 1.683c.402.85.991 1.62 1.734 2.27a8.2 8.2 0 0 0 2.596 1.518c.66.24 1.354.4 2.061.478V15h2v-3.055a9 9 0 0 0 1.934-.433a2 2 0 0 1-.934 1.22v2.142c1.725-.444 3-2.01 3-3.874a1 1 0 0 0-.111-.459q.405-.274.768-.591a7 7 0 0 0 1.734-2.271a6.4 6.4 0 0 0 .528-1.683C20.009 5.45 19.552 5 19 5z'/%3E%3Cpath fill='black' d='M9.5 13h.5v2h-.5a.5.5 0 0 0 0 1h4.338a2.162 2.162 0 0 1 1.14 4H17v2H7v-2h4a1 1 0 0 1 .183-.577a1 1 0 0 1 .523-.379l2.183-.728a.162.162 0 0 0-.051-.316H9.5a2.5 2.5 0 0 1 0-5'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .icon-\[healthicons--physical-therapy\] {
    width: 1em;
    height: 1em;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cdefs%3E%3Cpath id='healthiconsPhysicalTherapy0' fill='black' d='M23.916 27h6.078h-.04c-2.044-.048-3.635-.408-4.981-1.62a7.7 7.7 0 0 1-.993-1.104l-1.247 1.557z'/%3E%3Cpath id='healthiconsPhysicalTherapy1' fill='black' d='M9 6a3 3 0 0 0-3 3v30a3 3 0 0 0 3 3h30a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3zm18.5 11a3.5 3.5 0 1 0 0-7a3.5 3.5 0 0 0 0 7m-7.252 12h-2.935l3.147 3.018l-.693 2.335q-.076.258-.218.486L17.9 37.5a2 2 0 0 1-3.4-2.11l1.509-2.43l1.025-3.46l.127-.5H14a2 2 0 0 0-2 2v7h-2v-7a4 4 0 0 1 4-4h3.645a2 2 0 0 1-.09-.177c-.952-2.107-.277-4.354.482-5.823a9.6 9.6 0 0 1 1.422-2.055c.446-.485 1.142-1.124 1.99-1.367a8 8 0 0 1 .931-.226c.337-.053.893-.097 1.494.153c.598.249.953.67 1.14.923c.155.21.31.465.424.657l.04.066l.462.772c.332.557.602 1.008.863 1.41c.364.558.621.872.846 1.074c.318.286.772.556 2.397.593a2 2 0 0 1-.038 4H34a4 4 0 0 1 4 4v7h-2v-7a2 2 0 0 0-2-2h-8.057l1.254 1.238a2 2 0 0 1 .43.627l2.075 4.784a2 2 0 0 1-3.67 1.591l-1.92-4.428z'/%3E%3C/defs%3E%3Cuse href='%23healthiconsPhysicalTherapy0'/%3E%3Cuse href='%23healthiconsPhysicalTherapy1' fill-rule='evenodd' clip-rule='evenodd'/%3E%3Cuse href='%23healthiconsPhysicalTherapy0'/%3E%3Cuse href='%23healthiconsPhysicalTherapy1' fill-rule='evenodd' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .icon-\[healthicons--viral-lung-infection\] {
    width: 1em;
    height: 1em;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='black' fill-rule='evenodd' d='M24.012 14.503a10 10 0 0 0 0 .977l-.006 7.014c-.002 1.397.562 1.941 1 2.198q.07.04.139.073l.002-.306q0-.32-.005-.7c-.01-1.07-.024-2.467.134-3.868A10 10 0 0 0 34 25a10 10 0 0 0 3.713-.712c2.263 6.996 3.076 15.228 1.401 16.618c-2.998 2.488-8.988.99-11.982-2.002c-2.406-2.403-2.205-8-2.052-12.043a4.3 4.3 0 0 1-1.083-.442a3.8 3.8 0 0 1-.994-.835c-.297.352-.64.625-.996.833a4.3 4.3 0 0 1-1.081.44c.145 4.019.322 9.543-2.064 11.919c-2.983 2.971-8.947 4.453-11.926 1.973S8.945 13.986 15.9 13.99c5.078.005 5.004 6.422 4.966 9.717a68 68 0 0 0-.003 1.054q.069-.034.137-.073c.44-.256 1.003-.8 1.005-2.197V6.001l1-.001h1v2h.011v.005zm12.745 4.669A5 5 0 0 1 35 19.9V21a1 1 0 1 1 0 2h-2a1 1 0 1 1 0-2v-1.1a5 5 0 0 1-1.757-.728l-.829.828A1 1 0 0 1 29 21.414L27.586 20A1 1 0 0 1 29 18.586l.828-.829A5 5 0 0 1 29.1 16H28a1 1 0 1 1-2 0v-2a1 1 0 1 1 2 0h1.1c.13-.638.38-1.233.728-1.757L29 11.414A1 1 0 0 1 27.586 10l.698-.698l.009-.01l.01-.008l.697-.698A1 1 0 0 1 30.414 10l.829.828A5 5 0 0 1 33 10.1V9a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2v1.1c.638.13 1.233.38 1.757.728l.829-.828A1 1 0 0 1 39 8.586L40.414 10A1 1 0 1 1 39 11.414l-.828.829c.347.524.598 1.119.728 1.757H40a1 1 0 1 1 2 0v2a1 1 0 1 1-2 0h-1.1a5 5 0 0 1-.728 1.757l.828.829A1 1 0 1 1 40.414 20L39 21.414A1 1 0 0 1 37.586 20z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .icon-\[icon-park-solid--nurse-cap\] {
    width: 1em;
    height: 1em;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cdefs%3E%3Cmask id='ipSNurseCap0'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Cpath fill='%23fff' stroke='%23fff' d='M24 10c-11.257 0-18.015 6.748-19.625 8.558a.92.92 0 0 0-.148.982l7.326 17.397c.236.561.917.794 1.467.532C14.824 36.608 18.876 35 24 35s9.176 1.608 10.98 2.47c.55.261 1.231.028 1.467-.533l7.326-17.397a.92.92 0 0 0-.148-.982C42.015 16.748 35.257 10 24 10'/%3E%3Cpath stroke='%23000' d='M20 24.001h8M24 20v8'/%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Cpath fill='black' d='M0 0h48v48H0z' mask='url(%23ipSNurseCap0)'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .icon-\[material-symbols--psychology-alt-rounded\] {
    width: 1em;
    height: 1em;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7 22q-.425 0-.712-.288T6 21v-3.3q-1.425-1.3-2.212-3.037T3 11q0-3.75 2.625-6.375T12 2q3.125 0 5.538 1.838t3.137 4.787l1.3 5.125q.125.475-.175.863T21 15h-2v3q0 .825-.587 1.413T17 20h-2v1q0 .425-.288.713T14 22zm5-6q.425 0 .713-.288T13 15t-.288-.712T12 14t-.712.288T11 15t.288.713T12 16m.025-3.2q.275 0 .513-.187t.312-.513q.075-.3.238-.587t.512-.663q.8-.875 1.05-1.325T14.9 8.5q0-1.05-.812-1.775T12.075 6q-.8 0-1.512.388T9.425 7.45q-.15.25-.012.525t.412.4t.538.038t.462-.363q.25-.3.575-.462t.675-.163q.55 0 .913.3t.362.775q0 .4-.212.763t-.838 1.012q-.475.5-.687.888t-.288.887q-.05.3.163.525t.537.225'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .icon-\[material-symbols--sports-handball\] {
    width: 1em;
    height: 1em;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m9.2 23.9l-1.75-1l3-5.2l-1.7-1l-1.5 2.6l-1.75-1l5.15-8.9q-.95-.975-1.425-2.225T8.75 4.6q0-.9.225-1.787T9.7 1.1l1.7 1q-.35.575-.5 1.188t-.15 1.262q0 1.325.65 2.488T13.25 8.9l2.25 1.3q1.55.9 2.275 2.588t.725 3.162q0 .95-.25 1.85t-.7 1.7l-1.75-1q.35-.6.5-1.225T16.45 16q0-.8-.225-1.55t-.725-1.4zM16 9q-.825 0-1.412-.587T14 7t.588-1.412T16 5t1.413.588T18 7t-.587 1.413T16 9m-2.5-5q-.65 0-1.075-.45T12 2.5q0-.65.45-1.075T13.5 1q.65 0 1.075.45T15 2.5q0 .65-.45 1.075T13.5 4'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .icon-\[material-symbols--stethoscope-rounded\] {
    width: 1em;
    height: 1em;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M13.5 22q-2.7 0-4.6-1.9T7 15.5v-.575q-2.15-.35-3.575-2.013T2 9V4q0-.425.288-.712T3 3h2q0-.425.288-.712T6 2t.713.288T7 3v2q0 .425-.288.713T6 6t-.712-.288T5 5H4v4q0 1.65 1.175 2.825T8 13t2.825-1.175T12 9V5h-1q0 .425-.288.713T10 6t-.712-.288T9 5V3q0-.425.288-.712T10 2t.713.288T11 3h2q.425 0 .713.288T14 4v5q0 2.25-1.425 3.913T9 14.925v.575q0 1.875 1.313 3.188T13.5 20t3.188-1.312T18 15.5v-1.675q-.875-.325-1.437-1.088T16 11q0-1.25.875-2.125T19 8t2.125.875T22 11q0 .975-.562 1.738T20 13.825V15.5q0 2.7-1.9 4.6T13.5 22'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .icon-\[mdi--lightning-alert\] {
    width: 1em;
    height: 1em;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M5 2v11h3v9l7-12h-4l4-8m2 13h2v2h-2zm0-8h2v6h-2z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .icon-\[mdi--speak\] {
    width: 1em;
    height: 1em;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M9 5a4 4 0 0 1 4 4a4 4 0 0 1-4 4a4 4 0 0 1-4-4a4 4 0 0 1 4-4m0 10c2.67 0 8 1.34 8 4v2H1v-2c0-2.66 5.33-4 8-4m7.76-9.64c2.02 2.2 2.02 5.25 0 7.27l-1.68-1.69c.84-1.18.84-2.71 0-3.89zM20.07 2c3.93 4.05 3.9 10.11 0 14l-1.63-1.63c2.77-3.18 2.77-7.72 0-10.74z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .icon-\[solar--bone-bold-duotone\] {
    width: 1em;
    height: 1em;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M13.29 5.79c-.28-1.014.104-2.309.847-3.052A2.519 2.519 0 0 1 17.7 6.3a2.519 2.519 0 0 1 3.562 3.563c-.743.743-2.038 1.128-3.052.848c-.536-.149-1.185-.173-1.579.22L13.07 7.37c.393-.394.369-1.043.22-1.58m-5.921 7.279c-.394.393-1.043.369-1.58.22c-1.013-.28-2.308.105-3.051.848A2.519 2.519 0 0 0 6.3 17.7a2.519 2.519 0 0 0 3.563 3.562c.743-.743 1.128-2.038.848-3.052c-.149-.536-.173-1.185.22-1.579z' clip-rule='evenodd'/%3E%3Cpath fill='black' d='m10.932 16.631l5.7-5.7l-3.563-3.562l-5.7 5.7z' opacity='.5'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .icon-\[vaadin--user-card\] {
    width: 1em;
    height: 1em;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='black' d='M15 3v10H1V3zm1-1H0v12h16z'/%3E%3Cpath fill='black' d='M8 5h6v1H8zm0 2h6v1H8zm0 2h3v1H8zM5.4 7H5v-.1c.6-.2 1-.8 1-1.4C6 4.7 5.3 4 4.5 4S3 4.7 3 5.5c0 .7.4 1.2 1 1.4V7h-.4C2.7 7 2 7.7 2 8.6V11h5V8.6C7 7.7 6.3 7 5.4 7'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .flex {
    display: flex;
  }

  .hidden {
    display: none;
  }

  .inline-block {
    display: inline-block;
  }

  .table {
    display: table;
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .content-center {
    align-content: center;
  }

  .items-center {
    align-items: center;
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .text-gray-500 {
    color: var(--color-gray-500);
  }

  .text-red-400 {
    color: var(--color-red-400);
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    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, );
  }

  @media (hover: hover) {
    .hover\:rotate-6:hover {
      rotate: 6deg;
    }

    .hover\:text-blue-600:hover {
      color: var(--color-blue-600);
    }
  }
}

html, body {
  box-sizing: border-box;
  height: 100vh;
  margin: 0;
  padding: 0;
}

.app-grid {
  box-sizing: border-box;
  grid-template-rows: 9rem 1fr 2rem;
  grid-template-columns: 1fr 400px;
  height: 100%;
  display: grid;
}

.left-side {
  box-sizing: border-box;
  grid-area: 1 / 2 / 4;
  grid-template-rows: auto 1fr;
  height: 100%;
  display: grid;
  overflow: hidden;
}

.right-side {
  box-sizing: border-box;
  grid-area: 2 / 1;
  height: 100%;
  overflow: hidden;
}

body {
  direction: rtl;
  background: #f5f7fe;
  padding: 2px;
  font-family: Arial, sans-serif;
}

.card {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
  max-width: 600px;
  margin: 0 auto .5rem;
  padding: 4px;
}

.card-header {
  border-bottom: 1px solid #e3e2e2;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 6px;
  display: flex;
}

.card-header #id-number {
  color: #666;
  font-size: 16px;
}

.card-header .name-wrapper {
  align-items: center;
  gap: 10px;
  display: flex;
}

.card-header img {
  object-fit: cover;
  border-style: solid;
  border-width: thin;
  border-radius: 50%;
  width: 50px;
  height: 50px;
}

.card-header #patient-name {
  margin: 0 0 .3rem;
  font-size: 20px;
  font-weight: bold;
}

.attributes {
  margin-bottom: 8px;
}

.attributes .title {
  color: #888;
  margin-bottom: 6px;
}

.attribute-row {
  justify-content: flex-start;
  margin-top: .3rem;
  margin-bottom: .5rem;
  display: flex;
}

.attribute-label {
  width: 70px;
  font-weight: bold;
}

.attribute-value {
  color: green;
}

.attribute-row.red, .attribute-row.red .attribute-value {
  color: red;
}

.reception {
  justify-content: stretch;
  align-items: center;
  gap: .5rem;
  margin-bottom: .7rem;
  display: flex;
}

.reception .toggle-status {
  text-align: center;
  flex-grow: 1;
  padding: .2rem;
  display: block;
}

.assessment {
  flex-wrap: wrap;
  grid-template-columns: repeat(3, 1fr);
  justify-content: space-between;
  gap: .4rem;
  display: grid;
}

.toggle-status {
  border: 1px solid #ccc;
  border-radius: .3rem;
  align-content: center;
  padding: 0 .5rem 0 .4rem;
  position: relative;
}

.toggle-status.red {
  color: gray;
  background: #f0f0f0;
}

.toggle-status.half {
  background-color: #ffa;
}

.toggle-status.green {
  background-color: #afa;
}

.toggle-status.half:before {
  content: "✖";
  color: #888;
  margin-left: .5rem;
}

.toggle-status.red:before {
  content: "✖";
  color: gray;
  margin-left: .5rem;
}

.toggle-status.green:before {
  content: "✔";
  color: green;
  margin-left: .5rem;
}

fieldset {
  border: none;
  border-radius: .5rem;
  padding: .5rem;
}

legend {
  margin-top: .5rem;
}

#sections {
  background-color: #f0f0f0;
  overflow-y: scroll;
}

#sections fieldset {
  grid-template-columns: repeat(2, 1fr);
  gap: .3rem;
  margin-bottom: .5rem;
  padding: .3rem;
  display: grid;
}

#sections fieldset a {
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: #f5f7fe;
  border-radius: .2rem;
  margin: 0;
  padding: .2rem;
  text-decoration: none;
  overflow: hidden;
}

#sections fieldset a:hover {
  background: #d4ddff;
}

#sections fieldset a.disabled {
  color: #888;
  cursor: not-allowed;
  background: #e0e0e0;
}

#sections fieldset a.disabled:hover {
  background: #e0e0e0;
}

#sections fieldset legend {
  color: gray;
  border-bottom: 1px solid #ccc;
  width: 100%;
  font-weight: bold;
}

#sections fieldset a:before {
  color: #888;
  padding-left: .5rem;
  padding-right: .5rem;
}

#sections details {
  border: 1px solid #ccc;
  border-top: none;
}

#sections details:first-of-type {
  border-top: 1px solid #ccc;
}

summary {
  cursor: pointer;
  background-color: #f5f7fe;
  align-items: center;
  font-size: 1.2rem;
  font-weight: bold;
  display: flex;
}

summary::marker {
  content: "";
}

summary::-webkit-details-marker {
  display: none;
}

.clickable {
  cursor: pointer;
}

.clickable:hover {
  color: #00008b;
}

#props {
  flex-wrap: wrap;
  gap: .2rem;
  display: flex;
}

#props span {
  color: #333;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: .5rem;
  padding: .2rem .5rem;
  font-size: .8rem;
}

#props span.free-prop {
  background-color: #f0f0f0;
  border: 1px solid #ccc;
}

.loading-patient-data {
  min-width: 15rem;
  animation: 1s infinite loading;
  color: #0000 !important;
}

@keyframes loading {
  0% {
    background-color: #f0f0f0;
  }

  50% {
    background-color: #e0e0e0;
  }

  100% {
    background-color: #f0f0f0;
  }
}

.right-side {
  flex-direction: column;
  display: block;
}

.filter-container {
  grid-area: 1 / 1;
  height: 100%;
}

.table-container {
  flex-grow: 1;
  grid-area: 2 / 1;
  height: 100%;
  overflow: auto;
}

#patient-list-table thead th {
  color: #fff;
  z-index: 1;
  background: gray;
  position: sticky;
  top: 0;
}

#patient-list-table th.sorted {
  background: #979797;
}

#patient-list-table th.sorted:after {
  content: " ▼";
  color: #fff;
  font-size: .8rem;
}

#patient-list-table th.sorted.reverse:after {
  content: " ▲";
}

#patient-list-table {
  border-collapse: collapse;
  width: 100%;
}

#patient-list-table td {
  border: 1px solid #ddd;
  padding: 6px;
}

#patient-list-table {
  cursor: pointer;
}

#patient-list-table tr:nth-child(2n) {
  background-color: #f2f2f2;
}

#patient-list-table tr {
  cursor: pointer;
}

#patient-list-table tr:hover {
  background-color: #ddd;
}

#patient-list-table tr.selected {
  background-color: #7ebdfb;
}

span.cell-id {
  color: #00f;
  font-size: .8rem;
  display: block;
}

select {
  border: 1px solid #ccc;
  border-radius: .3rem;
  width: 100%;
  padding: .5rem;
  font-size: 1rem;
}

select:focus {
  border-color: #007bff;
  outline: none;
}

#alerts-toolbar {
  background: #f0f0f0;
  border-bottom: 1px solid #ccc;
  align-items: center;
  padding: 0 .5rem;
  display: flex;
}

#alerts-toolbar select {
  width: fit-content;
  margin: .2rem .5rem;
  padding: 0 .5rem;
}

#alerts-toolbar button {
  cursor: pointer;
  background: #f0f0f0;
  border: none;
  border-left: 1px solid #ccc;
  border-radius: 0;
  flex-grow: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 .2rem;
  font-size: 12px;
  display: flex;
}

#alerts-toolbar button:hover {
  background: #e0e0e0;
}

#alerts-toolbar button.disabled {
  color: #888;
}

#alerts-toolbar button.disabled .badget {
  display: none;
}

#alerts-toolbar button:last-child {
  border-left: none;
}

#alerts-toolbar span {
  color: gray;
  font-weight: bold;
}

#static-toolbar {
  gap: .2rem;
  padding: .5rem;
  display: flex;
}

#static-toolbar button {
  cursor: pointer;
  background: #f0f0f0;
  border: 1px solid #ccc;
  border-radius: .3rem;
  padding: .2rem .5rem;
  font-size: 12px;
}

#static-toolbar button:hover {
  background: #e0e0e0;
}

#alerts-toolbar button .badget {
  color: red;
  background: #d6d6d6;
  border-radius: .4rem;
  align-self: flex-start;
  margin: .3rem .2rem;
  padding: .1rem .3rem;
  font-weight: bold;
}

#alerts-toolbar .spinner {
  box-sizing: border-box;
  border: none;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  margin: 8px;
}

#alerts-toolbar .spinner.active {
  border: 3px solid #ccc;
  border-top-color: #007bff;
  animation: 1s linear infinite spin;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.icon-follows {
  text-align: center;
  color: #fff;
  background-color: gray;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  line-height: 24px;
  display: inline-block;
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

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

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@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: 0;
}

@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
}
/* modern input box */
input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    position: relative;
    font-size: 16px;
}

/* focus border */
input:focus {
    border-color: #007bff;
    outline: none;
}


.autocomplete-list {
    position: absolute;
    border: 1px solid #ccc;
    background-color: #fff;
    width: 450px;
    /* להתאים לפי גודל התיבה שלך */
    z-index: 999;
}

.autocomplete-item {
    cursor: pointer;
    border-bottom: 1px solid #ccc;
    height: 37px;
    padding: 0.5rem;
}

.autocomplete-item:hover {
    background-color: #e0e0e0;
}

.autocomplete-item.active {
    background-color: #1e90ff;
    color: #fff;
}

.input-wraper {
    position: relative;
    display: flex;
    align-items: center;
}

.spinner {
    margin: 2px;
    width: 12px;
    height: 12px;
    border: 3px solid #ccc;
    border-top: 3px solid #007bff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-left: 8px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.hidden {
    display: none;
}

.gray-text {
    color: #858585;
}


.items-result-header {
    color: gray;
    font-size: 80%;
    padding: 0.5rem 0.2rem 0 0;
    border-bottom: 1px solid #ddd;
}

.item-result-zero {
    color: gray;
    font-size: 80%;
    padding: 0.5rem;
    text-align: center;
}