.\!sticky {
    position: sticky !important;
  }
  .absolute {
    position: absolute;
  }
  .relative {
    position: relative;
  }
  .\!top-6 {
    top: calc(var(--spacing) * 6) !important;
  }
  .top-\[calc\(100\%\+8px\)\] {
    top: calc(100% + 8px);
  }
  .right-0 {
    right: 0px;
  }
  .z-30 {
    z-index: 30;
  }
  .order-0 {
    order: 0;
  }
  .order-1 {
    order: 1;
  }
  .order-none {
    order: 0;
  }
  .m-0 {
    margin: 0px;
  }
  .\!mt-0 {
    margin-top: 0px !important;
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .\!mb-\[18px\] {
    margin-bottom: 18px !important;
  }
  .\!flex {
    display: flex !important;
  }
  .\!grid {
    display: grid !important;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline-flex {
    display: inline-flex;
  }
  .\!h-4 {
    height: calc(var(--spacing) * 4) !important;
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }
  .\!w-4 {
    width: calc(var(--spacing) * 4) !important;
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .\!min-w-0 {
    min-width: 0px !important;
  }
  .min-w-0 {
    min-width: 0px;
  }
  .min-w-\[200px\] {
    min-width: 200px;
  }
  .flex-1 {
    flex: 1;
  }
  .\!shrink-0 {
    flex-shrink: 0 !important;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .list-none {
    list-style-type: none;
  }
  .\!grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  .\!grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .\!grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .\!grid-cols-\[minmax\(0\,8fr\)_minmax\(0\,4fr\)\] {
    grid-template-columns: minmax(0,8fr) minmax(0,4fr) !important;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-\[minmax\(0\,1\.35fr\)_minmax\(235px\,\.85fr\)\] {
    grid-template-columns: minmax(0,1.35fr) minmax(235px,.85fr);
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-items-center {
    place-items: center;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-stretch {
    align-items: stretch;
  }
  .\!justify-center {
    justify-content: center !important;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .\!gap-1 {
    gap: var(--spacing) !important;
  }
  .\!gap-\[14px\] {
    gap: 14px !important;
  }
  .gap-0 {
    gap: 0px;
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-y-5 {
    row-gap: calc(var(--spacing) * 5);
  }
  .\!rounded-xl {
    border-radius: var(--radius-xl) !important;
  }
  .rounded-\[18px\] {
    border-radius: 18px;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-t-\[18px\] {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
  }
  .\!border {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }
  .\!border-0 {
    border-style: var(--tw-border-style) !important;
    border-width: 0px !important;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .\!border-solid {
    --tw-border-style: solid !important;
    border-style: solid !important;
  }
  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .\!border-\[\#d7d7d7\] {
    border-color: #d7d7d7 !important;
  }
  .border-\[\#00a98f\] {
    border-color: #00a98f;
  }
  .border-\[\#9ee8ef\] {
    border-color: #9ee8ef;
  }
  .border-\[\#d2d2d2\] {
    border-color: #d2d2d2;
  }
  .border-\[\#d7d7d7\] {
    border-color: #d7d7d7;
  }
  .border-\[\#dd1f26\] {
    border-color: #dd1f26;
  }
  .border-\[\#e5e7eb\] {
    border-color: #e5e7eb;
  }
  .\!bg-white {
    background-color: var(--color-white) !important;
  }
  .bg-\[\#dd1f26\] {
    background-color: #dd1f26;
  }
  .bg-\[\#effcff\] {
    background-color: #effcff;
  }
  .bg-\[\#f4f4f4\] {
    background-color: #f4f4f4;
  }
  .bg-\[\#f8fafc\] {
    background-color: #f8fafc;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .\!p-5 {
    padding: calc(var(--spacing) * 5) !important;
  }
  .\!p-\[14px_8px\] {
    padding: 14px 8px !important;
  }
  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-\[22px_20px\] {
    padding: 22px 20px;
  }
  .\!px-1 {
    padding-inline: var(--spacing) !important;
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-\[18px\] {
    padding-inline: 18px;
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .text-left {
    text-align: left;
  }
  .\!text-sm {
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  }
  .\!text-xs {
    font-size: var(--text-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .\!text-\[13px\] {
    font-size: 13px !important;
  }
  .\!text-\[21px\] {
    font-size: 21px !important;
  }
  .\!text-\[24px\] {
    font-size: 24px !important;
  }
  .\!text-\[26px\] {
    font-size: 26px !important;
  }
  .text-\[14px\] {
    font-size: 14px;
  }
  .text-\[34px\] {
    font-size: 34px;
  }
  .text-\[clamp\(13px\,1\.2vw\,18px\)\] {
    font-size: clamp(13px, 1.2vw, 18px);
  }
  .text-\[clamp\(21px\,2vw\,29px\)\] {
    font-size: clamp(21px, 2vw, 29px);
  }
  .text-\[clamp\(24px\,2vw\,32px\)\] {
    font-size: clamp(24px, 2vw, 32px);
  }
  .\!leading-\[1\.2\] {
    --tw-leading: 1.2 !important;
    line-height: 1.2 !important;
  }
  .\!leading-\[1\.3\] {
    --tw-leading: 1.3 !important;
    line-height: 1.3 !important;
  }
  .\!leading-\[1\.4\] {
    --tw-leading: 1.4 !important;
    line-height: 1.4 !important;
  }
  .\!leading-\[1\.18\] {
    --tw-leading: 1.18 !important;
    line-height: 1.18 !important;
  }
  .\!leading-\[1\.28\] {
    --tw-leading: 1.28 !important;
    line-height: 1.28 !important;
  }
  .\!leading-\[1\.35\] {
    --tw-leading: 1.35 !important;
    line-height: 1.35 !important;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .\!whitespace-normal {
    white-space: normal !important;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .text-\[\#008f83\] {
    color: #008f83;
  }
  .text-\[\#333\] {
    color: #333;
  }
  .text-\[\#666\] {
    color: #666;
  }
  .text-\[\#999\] {
    color: #999;
  }
  .text-\[\#303030\] {
    color: #303030;
  }
  .text-\[\#dd1f26\] {
    color: #dd1f26;
  }
  .text-white {
    color: var(--color-white);
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline {
    text-decoration-line: underline;
  }
  .underline-offset-\[3px\] {
    text-underline-offset: 3px;
  }
  .shadow-\[0_8px_25px_rgba\(15\,23\,42\,\.06\)\] {
    --tw-shadow: 0 8px 25px var(--tw-shadow-color, rgba(15,23,42,.06));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_12px_30px_rgba\(0\,0\,0\,\.14\)\] {
    --tw-shadow: 0 12px 30px var(--tw-shadow-color, rgba(0,0,0,.14));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .group-open\:grid:is(:where(.group):is([open], :popover-open, :open) *) {
    display: grid;
  }
  @media (hover: hover) {
    .hover\:bg-\[\#f5f5f5\]:hover {
      background-color: #f5f5f5;
    }
  }
  @media (width < 1024px) {
    .max-\[1024px\]\:order-first {
      order: -9999;
    }
    .max-\[1024px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (width < 900px) {
    .max-\[900px\]\:\!grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
    .max-\[900px\]\:\!p-\[14px\] {
      padding: 14px !important;
    }
    .max-\[900px\]\:p-3\.5 {
      padding: calc(var(--spacing) * 3.5);
    }
  }
  @media (width < 700px) {
    .max-\[700px\]\:\!flex-wrap {
      flex-wrap: wrap !important;
    }
    .max-\[700px\]\:\!gap-2 {
      gap: calc(var(--spacing) * 2) !important;
    }
    .max-\[700px\]\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }
    .max-\[700px\]\:gap-2\.5 {
      gap: calc(var(--spacing) * 2.5);
    }
    .max-\[700px\]\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }
    .max-\[700px\]\:px-2\.5 {
      padding-inline: calc(var(--spacing) * 2.5);
    }
    .max-\[700px\]\:px-\[18px\] {
      padding-inline: 18px;
    }
    .max-\[700px\]\:py-1\.5 {
      padding-block: calc(var(--spacing) * 1.5);
    }
    .max-\[700px\]\:pt-5 {
      padding-top: calc(var(--spacing) * 5);
    }
    .max-\[700px\]\:text-xs {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  @media (width < 480px) {
    .max-\[480px\]\:mt-4 {
      margin-top: calc(var(--spacing) * 4);
    }
    .max-\[480px\]\:gap-x-3 {
      column-gap: calc(var(--spacing) * 3);
    }
    .max-\[480px\]\:gap-y-4 {
      row-gap: calc(var(--spacing) * 4);
    }
    .max-\[480px\]\:p-\[18px_16px\] {
      padding: 18px 16px;
    }
    .max-\[480px\]\:px-2\.5 {
      padding-inline: calc(var(--spacing) * 2.5);
    }
    .max-\[480px\]\:py-2 {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  @media (width >= 48rem) {
    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
    display: none;
  }
  @media (width >= 48rem) {
    .md\:\[\&\>div\:last-child\]\:border-r-0 > div:last-child {
      border-right-style: var(--tw-border-style);
      border-right-width: 0px;
    }
  }
  .\[\&\>div\:nth-child\(2n\)\]\:border-r-0 > div:nth-child(2n) {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
  @media (width >= 48rem) {
    .md\:\[\&\>div\:nth-child\(2n\)\]\:border-r > div:nth-child(2n) {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
  }
  .\[\&\>small\]\:text-\[11px\] > small {
    font-size: 11px;
  }
  .\[\&\>small\]\:text-\[\#64748b\] > small {
    color: #64748b;
  }
  .\[\&\>span\]\:flex > span {
    display: flex;
  }
  .\[\&\>span\]\:items-center > span {
    align-items: center;
  }
  .\[\&\>span\]\:gap-1 > span {
    gap: var(--spacing);
  }
  .\[\&\>span\]\:text-\[12px\] > span {
    font-size: 12px;
  }
  .\[\&\>span\]\:font-medium > span {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .\[\&\>span\]\:text-\[\#64748b\] > span {
    color: #64748b;
  }
  .\[\&\>strong\]\:text-\[16px\] > strong {
    font-size: 16px;
  }
  .\[\&\>strong\]\:font-bold > strong {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .\[\&\>strong\]\:break-words > strong {
    overflow-wrap: break-word;
  }
  .\[\&\>strong\]\:text-\[\#111827\] > strong {
    color: #111827;
  }
  .\[\&\>svg\]\:h-4 > svg {
    height: calc(var(--spacing) * 4);
  }
  .\[\&\>svg\]\:w-4 > svg {
    width: calc(var(--spacing) * 4);
  }
  .\[\&\>svg\]\:shrink-0 > svg {
    flex-shrink: 0;
  }

.\!sticky {
    position: sticky !important;
  }
  .\!top-6 {
    top: calc(var(--spacing) * 6) !important;
  }
  .\!mb-\[18px\] {
    margin-bottom: 18px !important;
  }
  .\!grid {
    display: grid !important;
  }
  .\!min-w-0 {
    min-width: 0px !important;
  }
  .\!grid-cols-\[minmax\(0\,8fr\)_minmax\(0\,4fr\)\] {
    grid-template-columns: minmax(0,8fr) minmax(0,4fr) !important;
  }
  .\!flex-wrap {
    flex-wrap: wrap !important;
  }
  .\!justify-between {
    justify-content: space-between !important;
  }
  .\!gap-2 {
    gap: calc(var(--spacing) * 2) !important;
  }
  .\!rounded-full {
    border-radius: calc(infinity * 1px) !important;
  }
  .\!rounded-none {
    border-radius: 0 !important;
  }
  .\!border-t-0 {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 0px !important;
  }
  .\!border-r-0 {
    border-right-style: var(--tw-border-style) !important;
    border-right-width: 0px !important;
  }
  .\!border-b {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 1px !important;
  }
  .\!border-l-0 {
    border-left-style: var(--tw-border-style) !important;
    border-left-width: 0px !important;
  }
  .\!border-solid {
    --tw-border-style: solid !important;
    border-style: solid !important;
  }
  .\!border-\[\#9ee8ef\] {
    border-color: #9ee8ef !important;
  }
  .\!border-\[\#d7d7d7\] {
    border-color: #d7d7d7 !important;
  }
  .\!bg-\[\#effcff\] {
    background-color: #effcff !important;
  }
  .\!bg-transparent {
    background-color: transparent !important;
  }
  .\!bg-white {
    background-color: var(--color-white) !important;
  }
  .\!p-0 {
    padding: 0px !important;
  }
  .\!px-2 {
    padding-inline: calc(var(--spacing) * 2) !important;
  }
  .\!py-3 {
    padding-block: calc(var(--spacing) * 3) !important;
  }
  .\!pt-4 {
    padding-top: calc(var(--spacing) * 4) !important;
  }
  .\!pb-4 {
    padding-bottom: calc(var(--spacing) * 4) !important;
  }
  .\!text-left {
    text-align: left !important;
  }
  .\!text-\[12px\] {
    font-size: 12px !important;
  }
  .\!text-\[14px\] {
    font-size: 14px !important;
  }
  .\!text-\[\#008f83\] {
    color: #008f83 !important;
  }
  .\!text-\[\#666\] {
    color: #666 !important;
  }
  .\!text-\[\#dd1f26\] {
    color: #dd1f26 !important;
  }
  .\!text-white {
    color: var(--color-white) !important;
  }
  .\!underline {
    text-decoration-line: underline !important;
  }
  .\!underline-offset-\[3px\] {
    text-underline-offset: 3px !important;
  }
  @media (width < 900px) {
    .max-\[900px\]\:\!grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }

/* property compact utilities 20261103 */
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
:root, :host {
  --spacing: .25rem;
  --color-white: #fff;
  --font-weight-normal: 400;
  --font-weight-semibold: 600;
}
.\!relative {
  position: relative !important;
}
.\!sticky {
  position: sticky !important;
}
.\!top-\[140px\] {
  top: 140px !important;
}
.\!order-0 {
  order: 0 !important;
}
.\!order-1 {
  order: 1 !important;
}
.\!m-0 {
  margin: 0px !important;
}
.\!mx-auto {
  margin-inline: auto !important;
}
.\!mt-0 {
  margin-top: 0px !important;
}
.\!mt-3 {
  margin-top: calc(var(--spacing) * 3) !important;
}
.\!mt-4 {
  margin-top: calc(var(--spacing) * 4) !important;
}
.\!mt-5 {
  margin-top: calc(var(--spacing) * 5) !important;
}
.\!mb-2 {
  margin-bottom: calc(var(--spacing) * 2) !important;
}
.\!mb-4 {
  margin-bottom: calc(var(--spacing) * 4) !important;
}
.\!ml-auto {
  margin-left: auto !important;
}
.\!block {
  display: block !important;
}
.\!flex {
  display: flex !important;
}
.\!grid {
  display: grid !important;
}
.\!inline-flex {
  display: inline-flex !important;
}
.\!aspect-\[4\/3\] {
  aspect-ratio: 4/3 !important;
}
.\!h-10 {
  height: calc(var(--spacing) * 10) !important;
}
.\!h-auto {
  height: auto !important;
}
.\!h-fit {
  height: fit-content !important;
}
.\!min-h-0 {
  min-height: 0px !important;
}
.\!w-full {
  width: 100% !important;
}
.\!max-w-\[1280px\] {
  max-width: 1280px !important;
}
.\!min-w-0 {
  min-width: 0px !important;
}
.\!flex-none {
  flex: none !important;
}
.\!grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.\!grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.\!grid-cols-\[minmax\(0\,\.85fr\)_minmax\(0\,1\.15fr\)\] {
  grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr) !important;
}
.\!grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,1fr\)\] {
  grid-template-columns: minmax(0,2fr) minmax(0,1fr) !important;
}
.\!flex-col {
  flex-direction: column !important;
}
.\!flex-row {
  flex-direction: row !important;
}
.\!flex-wrap {
  flex-wrap: wrap !important;
}
.\!content-start {
  align-content: flex-start !important;
}
.\!items-baseline {
  align-items: baseline !important;
}
.\!items-center {
  align-items: center !important;
}
.\!items-start {
  align-items: flex-start !important;
}
.\!items-stretch {
  align-items: stretch !important;
}
.\!justify-between {
  justify-content: space-between !important;
}
.\!justify-center {
  justify-content: center !important;
}
.\!justify-start {
  justify-content: flex-start !important;
}
.\!gap-1 {
  gap: var(--spacing) !important;
}
.\!gap-1\.5 {
  gap: calc(var(--spacing) * 1.5) !important;
}
.\!gap-2 {
  gap: calc(var(--spacing) * 2) !important;
}
.\!gap-3 {
  gap: calc(var(--spacing) * 3) !important;
}
.\!gap-5 {
  gap: calc(var(--spacing) * 5) !important;
}
.\!gap-6 {
  gap: calc(var(--spacing) * 6) !important;
}
.\!gap-x-3 {
  column-gap: calc(var(--spacing) * 3) !important;
}
.\!gap-y-2 {
  row-gap: calc(var(--spacing) * 2) !important;
}
.\!overflow-x-auto {
  overflow-x: auto !important;
}
.\!rounded-\[8px\] {
  border-radius: 8px !important;
}
.\!rounded-\[10px\] {
  border-radius: 10px !important;
}
.\!rounded-\[12px\] {
  border-radius: 12px !important;
}
.\!rounded-full {
  border-radius: calc(infinity * 1px) !important;
}
.\!rounded-none {
  border-radius: 0 !important;
}
.\!border {
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
}
.\!border-0 {
  border-style: var(--tw-border-style) !important;
  border-width: 0px !important;
}
.\!border-t {
  border-top-style: var(--tw-border-style) !important;
  border-top-width: 1px !important;
}
.\!border-b {
  border-bottom-style: var(--tw-border-style) !important;
  border-bottom-width: 1px !important;
}
.\!border-solid {
  --tw-border-style: solid !important;
  border-style: solid !important;
}
.\!border-\[\#9ee8ef\] {
  border-color: #9ee8ef !important;
}
.\!border-\[\#dd1f26\] {
  border-color: #dd1f26 !important;
}
.\!border-\[\#dedede\] {
  border-color: #dedede !important;
}
.\!border-\[\#e5e7eb\] {
  border-color: #e5e7eb !important;
}
.\!bg-\[\#dd1f26\] {
  background-color: #dd1f26 !important;
}
.\!bg-\[\#effcff\] {
  background-color: #effcff !important;
}
.\!bg-\[\#f4f4f4\] {
  background-color: #f4f4f4 !important;
}
.\!bg-\[\#f8fafb\] {
  background-color: #f8fafb !important;
}
.\!bg-transparent {
  background-color: transparent !important;
}
.\!bg-white {
  background-color: var(--color-white) !important;
}
.\!object-cover {
  object-fit: cover !important;
}
.\!p-0 {
  padding: 0px !important;
}
.\!p-0\.5 {
  padding: calc(var(--spacing) * 0.5) !important;
}
.\!p-2 {
  padding: calc(var(--spacing) * 2) !important;
}
.\!p-4 {
  padding: calc(var(--spacing) * 4) !important;
}
.\!px-1 {
  padding-inline: var(--spacing) !important;
}
.\!px-2 {
  padding-inline: calc(var(--spacing) * 2) !important;
}
.\!px-3 {
  padding-inline: calc(var(--spacing) * 3) !important;
}
.\!px-4 {
  padding-inline: calc(var(--spacing) * 4) !important;
}
.\!px-6 {
  padding-inline: calc(var(--spacing) * 6) !important;
}
.\!py-0 {
  padding-block: 0px !important;
}
.\!py-1 {
  padding-block: var(--spacing) !important;
}
.\!py-2 {
  padding-block: calc(var(--spacing) * 2) !important;
}
.\!py-2\.5 {
  padding-block: calc(var(--spacing) * 2.5) !important;
}
.\!pt-0 {
  padding-top: 0px !important;
}
.\!pt-3 {
  padding-top: calc(var(--spacing) * 3) !important;
}
.\!pb-3 {
  padding-bottom: calc(var(--spacing) * 3) !important;
}
.\!pb-4 {
  padding-bottom: calc(var(--spacing) * 4) !important;
}
.\!pb-8 {
  padding-bottom: calc(var(--spacing) * 8) !important;
}
.\!text-\[11px\] {
  font-size: 11px !important;
}
.\!text-\[12px\] {
  font-size: 12px !important;
}
.\!text-\[13px\] {
  font-size: 13px !important;
}
.\!text-\[16px\] {
  font-size: 16px !important;
}
.\!leading-4 {
  --tw-leading: calc(var(--spacing) * 4) !important;
  line-height: calc(var(--spacing) * 4) !important;
}
.\!leading-5 {
  --tw-leading: calc(var(--spacing) * 5) !important;
  line-height: calc(var(--spacing) * 5) !important;
}
.\!font-semibold {
  --tw-font-weight: var(--font-weight-semibold) !important;
  font-weight: var(--font-weight-semibold) !important;
}
.\!whitespace-nowrap {
  white-space: nowrap !important;
}
.\!text-\[\#008f83\] {
  color: #008f83 !important;
}
.\!text-\[\#666\] {
  color: #666 !important;
}
.\!text-\[\#aaa\] {
  color: #aaa !important;
}
.\!text-\[\#dd1f26\] {
  color: #dd1f26 !important;
}
.\!text-white {
  color: var(--color-white) !important;
}
.\!underline {
  text-decoration-line: underline !important;
}
.\!shadow-none {
  --tw-shadow: 0 0 #0000 !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
@media (width < 901px) {
  .max-\[901px\]\:\!hidden {
    display: none !important;
  }
  .max-\[901px\]\:\!grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media (width < 600px) {
  .max-\[600px\]\:\!hidden {
    display: none !important;
  }
  .max-\[600px\]\:\!h-11 {
    height: calc(var(--spacing) * 11) !important;
  }
  .max-\[600px\]\:\!w-full {
    width: 100% !important;
  }
  .max-\[600px\]\:\!flex-1 {
    flex: 1 !important;
  }
  .max-\[600px\]\:\!grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media (width >= 40rem) {
  .sm\:\!p-5 {
    padding: calc(var(--spacing) * 5) !important;
  }
  .sm\:\!px-8 {
    padding-inline: calc(var(--spacing) * 8) !important;
  }
}
.\[\&_\.gallery\]\:\!grid .gallery {
  display: grid !important;
}
.\[\&_\.gallery\]\:\!min-w-0 .gallery {
  min-width: 0px !important;
}
.\[\&_\.gallery\]\:\!grid-cols-1 .gallery {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.\[\&_\.gallery\]\:\!content-start .gallery {
  align-content: flex-start !important;
}
.\[\&_\.gallery\]\:\!gap-2 .gallery {
  gap: calc(var(--spacing) * 2) !important;
}
.\[\&_\.gallery-main\]\:\!block .gallery-main {
  display: block !important;
}
.\[\&_\.gallery-main\]\:\!aspect-\[4\/3\] .gallery-main {
  aspect-ratio: 4/3 !important;
}
.\[\&_\.gallery-main\]\:\!h-auto .gallery-main {
  height: auto !important;
}
.\[\&_\.gallery-main\]\:\!w-full .gallery-main {
  width: 100% !important;
}
.\[\&_\.gallery-main\]\:\!rounded-\[10px\] .gallery-main {
  border-radius: 10px !important;
}
.\[\&_\.gallery-main\]\:\!object-cover .gallery-main {
  object-fit: cover !important;
}
.\[\&_\.gallery-thumbs\]\:\!flex .gallery-thumbs {
  display: flex !important;
}
.\[\&_\.gallery-thumbs\]\:\!gap-2 .gallery-thumbs {
  gap: calc(var(--spacing) * 2) !important;
}
.\[\&_\.gallery-thumbs\]\:\!overflow-x-auto .gallery-thumbs {
  overflow-x: auto !important;
}
.\[\&_\.gallery-thumbs\]\:\!p-0\.5 .gallery-thumbs {
  padding: calc(var(--spacing) * 0.5) !important;
}
.\[\&_form_button\[type\=submit\]\]\:\!h-10 form button[type=submit] {
  height: calc(var(--spacing) * 10) !important;
}
.\[\&_form_button\[type\=submit\]\]\:\!min-h-0 form button[type=submit] {
  min-height: 0px !important;
}
.\[\&_form_button\[type\=submit\]\]\:\!py-0 form button[type=submit] {
  padding-block: 0px !important;
}
.\[\&_form_button\[type\=submit\]\]\:\!text-\[13px\] form button[type=submit] {
  font-size: 13px !important;
}
.\[\&_h1\]\:\!m-0 h1 {
  margin: 0px !important;
}
.\[\&_h1\]\:\!text-\[18px\] h1 {
  font-size: 18px !important;
}
.\[\&_h1\]\:\!leading-\[1\.4\] h1 {
  --tw-leading: 1.4 !important;
  line-height: 1.4 !important;
}
.\[\&_h1\]\:\!font-semibold h1 {
  --tw-font-weight: var(--font-weight-semibold) !important;
  font-weight: var(--font-weight-semibold) !important;
}
.\[\&_h2\]\:\!text-\[18px\] h2 {
  font-size: 18px !important;
}
.\[\&_h2\]\:\!leading-\[1\.3\] h2 {
  --tw-leading: 1.3 !important;
  line-height: 1.3 !important;
}
.\[\&_img\]\:\!h-full img {
  height: 100% !important;
}
.\[\&_img\]\:\!w-full img {
  width: 100% !important;
}
.\[\&_img\]\:\!object-cover img {
  object-fit: cover !important;
}
.\[\&_\.gallery-thumbs\]\:\[\&_img\]\:\!h-full .gallery-thumbs img {
  height: 100% !important;
}
.\[\&_\.gallery-thumbs\]\:\[\&_img\]\:\!w-full .gallery-thumbs img {
  width: 100% !important;
}
.\[\&_\.gallery-thumbs\]\:\[\&_img\]\:\!object-cover .gallery-thumbs img {
  object-fit: cover !important;
}
.\[\&_input\:not\(\[type\=checkbox\]\)\]\:\!h-10 input:not([type=checkbox]) {
  height: calc(var(--spacing) * 10) !important;
}
.\[\&_input\:not\(\[type\=checkbox\]\)\]\:\!min-h-0 input:not([type=checkbox]) {
  min-height: 0px !important;
}
.\[\&_label\]\:\!text-\[12px\] label {
  font-size: 12px !important;
}
.\[\&_select\]\:\!h-10 select {
  height: calc(var(--spacing) * 10) !important;
}
.\[\&_span\]\:\!text-\[11px\] span {
  font-size: 11px !important;
}
.\[\&_strong\]\:\!text-\[13px\] strong {
  font-size: 13px !important;
}
.\[\&_strong\]\:\!leading-5 strong {
  --tw-leading: calc(var(--spacing) * 5) !important;
  line-height: calc(var(--spacing) * 5) !important;
}
.\[\&_strong\]\:\!font-semibold strong {
  --tw-font-weight: var(--font-weight-semibold) !important;
  font-weight: var(--font-weight-semibold) !important;
}
@media (width < 901px) {
  .max-\[901px\]\:\[\&\.is-open\]\:\!block.is-open {
    display: block !important;
  }
}
.\[\&\>a\]\:\!h-10 > a {
  height: calc(var(--spacing) * 10) !important;
}
.\[\&\>a\]\:\!min-h-0 > a {
  min-height: 0px !important;
}
.\[\&\>a\]\:\!px-2 > a {
  padding-inline: calc(var(--spacing) * 2) !important;
}
.\[\&\>a\]\:\!py-0 > a {
  padding-block: 0px !important;
}
.\[\&\>a\]\:\!text-\[12px\] > a {
  font-size: 12px !important;
}
.\[\&\>button\]\:\!h-\[58px\] > button {
  height: 58px !important;
}
.\[\&\>button\]\:\!flex-\[0_0_76px\] > button {
  flex: 0 0 76px !important;
}
.\[\&\>button\]\:\!rounded-\[6px\] > button {
  border-radius: 6px !important;
}
.\[\&_\.gallery-thumbs\]\:\[\&\>button\]\:\!h-\[58px\] .gallery-thumbs > button {
  height: 58px !important;
}
.\[\&_\.gallery-thumbs\]\:\[\&\>button\]\:\!flex-\[0_0_76px\] .gallery-thumbs > button {
  flex: 0 0 76px !important;
}
.\[\&_\.gallery-thumbs\]\:\[\&\>button\]\:\!rounded-\[6px\] .gallery-thumbs > button {
  border-radius: 6px !important;
}
.\[\&\>h2\]\:\!my-2 > h2 {
  margin-block: calc(var(--spacing) * 2) !important;
}
.\[\&\>h2\]\:\!text-\[20px\] > h2 {
  font-size: 20px !important;
}
.\[\&\>h2\]\:\!leading-\[1\.3\] > h2 {
  --tw-leading: 1.3 !important;
  line-height: 1.3 !important;
}
.\[\&\>h2\]\:\!font-semibold > h2 {
  --tw-font-weight: var(--font-weight-semibold) !important;
  font-weight: var(--font-weight-semibold) !important;
}
.\[\&\>p\]\:\!text-\[12px\] > p {
  font-size: 12px !important;
}
.\[\&\>p\]\:\!leading-5 > p {
  --tw-leading: calc(var(--spacing) * 5) !important;
  line-height: calc(var(--spacing) * 5) !important;
}
.\[\&\>small\]\:\!text-\[11px\] > small {
  font-size: 11px !important;
}
.\[\&\>small\]\:\!leading-4 > small {
  --tw-leading: calc(var(--spacing) * 4) !important;
  line-height: calc(var(--spacing) * 4) !important;
}
.\[\&\>small\]\:\!text-\[\#667085\] > small {
  color: #667085 !important;
}
.\[\&\>span\]\:\!m-0 > span {
  margin: 0px !important;
}
.\[\&\>span\]\:\!inline-flex > span {
  display: inline-flex !important;
}
.\[\&\>span\]\:\!items-center > span {
  align-items: center !important;
}
.\[\&\>span\]\:\!gap-1 > span {
  gap: var(--spacing) !important;
}
.\[\&\>span\]\:\!py-1 > span {
  padding-block: var(--spacing) !important;
}
.\[\&\>span\]\:\!text-\[10px\] > span {
  font-size: 10px !important;
}
.\[\&\>span\]\:\!text-\[12px\] > span {
  font-size: 12px !important;
}
.\[\&\>span\]\:\!text-\[13px\] > span {
  font-size: 13px !important;
}
.\[\&\>span\]\:\!leading-4 > span {
  --tw-leading: calc(var(--spacing) * 4) !important;
  line-height: calc(var(--spacing) * 4) !important;
}
.\[\&\>span\]\:\!leading-5 > span {
  --tw-leading: calc(var(--spacing) * 5) !important;
  line-height: calc(var(--spacing) * 5) !important;
}
.\[\&\>span\]\:\!font-normal > span {
  --tw-font-weight: var(--font-weight-normal) !important;
  font-weight: var(--font-weight-normal) !important;
}
.\[\&\>span\]\:\!text-\[\#667085\] > span {
  color: #667085 !important;
}
.\[\&\>strong\]\:\!text-\[13px\] > strong {
  font-size: 13px !important;
}
.\[\&\>strong\]\:\!text-\[22px\] > strong {
  font-size: 22px !important;
}
.\[\&\>strong\]\:\!leading-5 > strong {
  --tw-leading: calc(var(--spacing) * 5) !important;
  line-height: calc(var(--spacing) * 5) !important;
}
.\[\&\>strong\]\:\!leading-\[1\.3\] > strong {
  --tw-leading: 1.3 !important;
  line-height: 1.3 !important;
}
.\[\&\>strong\]\:\!font-semibold > strong {
  --tw-font-weight: var(--font-weight-semibold) !important;
  font-weight: var(--font-weight-semibold) !important;
}
.\[\&\>strong\]\:\!text-\[\#303030\] > strong {
  color: #303030 !important;
}
.\[\&\>summary\]\:\!flex > summary {
  display: flex !important;
}
.\[\&\>summary\]\:\!h-7 > summary {
  height: calc(var(--spacing) * 7) !important;
}
.\[\&\>summary\]\:\!w-7 > summary {
  width: calc(var(--spacing) * 7) !important;
}
.\[\&\>summary\]\:\!cursor-pointer > summary {
  cursor: pointer !important;
}
.\[\&\>summary\]\:\!list-none > summary {
  list-style-type: none !important;
}
.\[\&\>summary\]\:\!items-center > summary {
  align-items: center !important;
}
.\[\&\>summary\]\:\!justify-center > summary {
  justify-content: center !important;
}
.\[\&\>summary\]\:\!text-\[22px\] > summary {
  font-size: 22px !important;
}
.\[\&\>summary\]\:\!leading-none > summary {
  --tw-leading: 1 !important;
  line-height: 1 !important;
}
.\[\&\>svg\]\:\!h-\[18px\] > svg {
  height: 18px !important;
}
.\[\&\>svg\]\:\!w-\[18px\] > svg {
  width: 18px !important;
}
.\[\&\>svg\]\:\!shrink-0 > svg {
  flex-shrink: 0 !important;
}
.\[\&\>svg\]\:\!fill-none > svg {
  fill: none !important;
}
.\[\&\>svg\]\:\!stroke-\[\#666\] > svg {
  stroke: #666 !important;
}
.\[\&\>svg\]\:\!\[stroke-width\:1\.5\] > svg {
  stroke-width: 1.5 !important;
}
@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;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-style: solid;
      --tw-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;
    }
  }
}

@media (width < 360px) {
 .max-\[360px\]\:\!grid-cols-1 {grid-template-columns:repeat(1,minmax(0,1fr)) !important;}
}

.\!absolute{position:absolute!important}.\!top-2{top:calc(var(--spacing)*2)!important}.\!right-2{right:calc(var(--spacing)*2)!important}.\!z-50{z-index:50!important}.\!col-span-full{grid-column:1/-1!important}.\!hidden{display:none!important}.\!h-8{height:calc(var(--spacing)*8)!important}.\!w-8{width:calc(var(--spacing)*8)!important}.\!place-items-center{place-items:center!important}
@media(width < 901px){.max-\[901px\]\:\!grid{display:grid!important}.max-\[901px\]\:\!pr-8{padding-right:calc(var(--spacing)*8)!important}}

.property-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 16px 24px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--line, #e0e6dc);
}

.property-summary-copy {
  flex: 1 1 19rem;
  min-width: 0;
}

.property-summary-status {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
}

.property-summary-status > .badge,
.property-summary-verified {
  padding: 4px 8px;
  border-radius: 5px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;
}

.property-summary-status > .badge {
  border: 1px solid var(--line, #e0e6dc);
}

.property-summary-verified {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #eaf3eb;
  color: var(--green, #245743);
}

.property-summary-available {
  color: var(--green, #245743);
  font-size: 12px;
  font-weight: 500;
}

.property-summary-available::before {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 5px;
  border-radius: 50%;
  background: currentColor;
  content: "";
  vertical-align: 2px;
}

.property-summary h1 {
  margin: 10px 0 0;
  color: var(--ink, #19382e);
  font-size: clamp(20px, 2.2vw, 27px);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.025em;
  overflow-wrap: anywhere;
}

.property-summary .property-location {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 7px 0 0;
  color: var(--muted, #5e6c63);
  font-size: 13px;
}

.property-summary .property-location svg {
  flex: none;
}

.property-summary-aside {
  display: flex;
  flex: 0 1 12.5rem;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  max-width: 100%;
  padding: 11px 12px;
  border: 1px solid var(--line, #e0e6dc);
  border-radius: 9px;
  background: #f5f8f3;
}

.property-summary-price {
  min-width: 0;
}

.property-summary-price strong {
  display: block;
  color: var(--ink, #19382e);
  font-size: clamp(22px, 2.2vw, 28px);
  font-weight: 750;
  line-height: 1.1;
  letter-spacing: -0.035em;
  overflow-wrap: anywhere;
}

.property-summary-price span {
  display: block;
  margin-top: 5px;
  color: var(--muted, #5e6c63);
  font-size: 12px;
  line-height: 1.3;
}

@media (max-width: 720px) {
  .property-summary {
    flex-direction: column;
    align-items: stretch;
  }

  .property-summary-copy,
  .property-summary-aside {
    flex: none;
  }
}

.property-detail .detail-main > .property-photo-panel,
.property-detail .detail-main > .property-photo-panel + .property-highlights {
  margin-block-start: clamp(12px, 2vw, 20px);
}

.property-detail .detail-main > .property-panel > h2 {
  margin-block-end: clamp(12px, 1.5vw, 16px);
}