@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&family=PT+Serif:ital@1&display=swap");

/* DESIGN - values ​​exported from the Figma or some other design tool */

.hx .gap-outer{
  gap: 1rem;
}

.hx .gap-inner{
  gap: 1rem;
}

.hx .pt-section{
  padding-top: 12px;
}

.hx .pt-outer{
  padding-top: 12px;
}

.hx .pt-inner{
  padding-top: 12px;
}

.hx .spacing-1{
  height: 56px;
}

.hx .text-h1:where(h1,h2,h3,h4,h5), .hx .text-h2:where(h1,h2,h3,h4,h5), .hx .text-h3:where(h1,h2,h3,h4,h5), .hx .text-h4:where(h1,h2,h3,h4,h5), .hx .text-h5:where(h1,h2,h3,h4,h5) {
    /* Montserrat */
    font-family: "Montserrat", serif;
    font-family: Montserrat, SF Pro, system-ui, -apple-system, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  }

/* BASE */

.hx .prose{
  max-width: 100% !important;
}

.hx .prose h1{
  font-size: clamp(1.75rem, 1.532rem + 0.968vw, 2.5rem);
  line-height: 1.1;
  font-weight: bold;
}

.hx .prose h1.vtrim:before{
  display: block;
  margin-top: -0.15em;
  content: "";
}

.hx .prose h1.vtrim:after{
  display: block;
  margin-bottom: -0.15em;
  content: "";
}

.hx .prose h1:where(h1,h2,h3,h4,h5) {
    /* Montserrat */
    font-family: "Montserrat", serif;
    font-family: Montserrat, SF Pro, system-ui, -apple-system, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  }

.hx .prose h2{
  font-size: clamp(1.5rem, 1.355rem + 0.645vw, 2rem);
  line-height: 1.2;
  font-weight: bold;
}

.hx .prose h2.vtrim:before{
  display: block;
  margin-top: -0.2em;
  content: "";
}

.hx .prose h2.vtrim:after{
  display: block;
  margin-bottom: -0.2em;
  content: "";
}

.hx .prose h2:where(h1,h2,h3,h4,h5) {
    /* Montserrat */
    font-family: "Montserrat", serif;
    font-family: Montserrat, SF Pro, system-ui, -apple-system, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  }

.hx .prose h3{
  font-size: clamp(1.375rem, 1.266rem + 0.484vw, 1.75rem);
  line-height: 1.2;
  font-weight: bold;
}

.hx .prose h3.vtrim:before{
  display: block;
  margin-top: -0.2em;
  content: "";
}

.hx .prose h3.vtrim:after{
  display: block;
  margin-bottom: -0.2em;
  content: "";
}

.hx .prose h3:where(h1,h2,h3,h4,h5) {
    /* Montserrat */
    font-family: "Montserrat", serif;
    font-family: Montserrat, SF Pro, system-ui, -apple-system, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  }

.hx .prose h4{
  font-size: clamp(1.25rem, 1.177rem + 0.323vw, 1.5rem);
  line-height: 1.35;
  font-weight: bold;
}

.hx .prose h4.vtrim:before{
  display: block;
  margin-top: -0.27em;
  content: "";
}

.hx .prose h4.vtrim:after{
  display: block;
  margin-bottom: -0.27em;
  content: "";
}

.hx .prose h4:where(h1,h2,h3,h4,h5) {
    /* Montserrat */
    font-family: "Montserrat", serif;
    font-family: Montserrat, SF Pro, system-ui, -apple-system, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  }

.hx .prose-lg ul > li{
  margin-bottom: 18px;
  padding-left: 7px;
}

@media (min-width: 1024px){

  .hx .prose-lg ul > li{
    margin-bottom: 32px;
  }
}

.hx .prose-lg ul > li {

      --tw-prose-bullets: #03AAA3;
    }

.hx .prose-lg ul > li *::marker{
  font-size: 2rem;
}

.hx .prose-lg ul > li::marker{
  font-size: 2rem;
}

.hx .prose p{
  margin-top: 0px;
  margin-bottom: clamp(0.35rem,calc(.28vw + .45vh),0.6rem);
  line-height: 1.7;
}

.hx .prose ol, .hx .prose ul{
  list-style-position: outside;
  padding-left: 0.8rem;
}

.hx .prose ol li, .hx .prose ul li{
  margin: 0px;
}

.hx .prose ol li > ul, .hx .prose ul li > ul{
  margin-top: 4px;
  margin-bottom: 4px;
  list-style-type: circle;
}

.hx .prose ol li > p, .hx .prose ul li > p{
  display: inline;
}

.hx .prose ul{
  list-style-type: disc;
}

.hx .prose-list-outside ul{
  margin-top: 8px;
  margin-bottom: 8px;
  list-style-position: outside;
  padding-left: 15px;
}

.hx .prose ol{
  list-style-type: decimal;
}

.hx .divider-title{
  font-size: clamp(1.125rem, 1.107rem + 0.081vw, 1.1875rem);
  line-height: 1.2;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.hx .divider-title.vtrim:before{
  display: block;
  margin-top: -0.2em;
  content: "";
}

.hx .divider-title.vtrim:after{
  display: block;
  margin-bottom: -0.2em;
  content: "";
}

.hx .divider-title{
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 9px;
}

.hx .divider-title:before, .hx .divider-title:after {
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
  }

.hx .divider-title:before{
  width: 41px;
}

@media (hover:hover){

  .hx .table-booking tr.hover:hover, .hx .table-booking tr.hover:nth-child(even):hover{
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
  }
}

.hx .table-booking{
  position: relative;
  width: 100%;
  border-radius: var(--rounded-box, 1rem);
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.hx .table-booking :where(.table-pin-rows thead tr){
  position: sticky;
  top: 0px;
  z-index: 1;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
}

.hx .table-booking :where(.table-pin-rows tfoot tr){
  position: sticky;
  bottom: 0px;
  z-index: 1;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
}

.hx .table-booking :where(.table-pin-cols tr th){
  position: sticky;
  left: 0px;
  right: 0px;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
}

.hx .table-booking:where([dir="rtl"], [dir="rtl"] *){
  text-align: right;
}

.hx .table-booking :where(th, td){
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  vertical-align: middle;
}

.hx .table-booking tr.active, .hx .table-booking tr.active:nth-child(even){
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
}

.hx .table-booking :where(thead tr, tbody tr:not(:last-child), tbody tr:first-child:last-child){
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
}

.hx .table-booking :where(thead, tfoot){
  white-space: nowrap;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  color: var(--fallback-bc,oklch(var(--bc)/0.6));
}

.hx .table-booking :where(tfoot){
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-top-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
}

.hx .table-booking :not(thead):not(tfoot) tr{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.hx .table-booking :where(th, td){
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.hx .table-booking{
  display: table;
  text-wrap: nowrap;
  --tw-text-opacity: 1;
  color: rgb(84 84 84 / var(--tw-text-opacity, 1));
}

.hx .table-booking.table-bordered :where(td, th){
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(173 194 193 / var(--tw-border-opacity, 1));
  padding: 5.5px 8px;
  font-size: 0.875rem;
}

@media (min-width: 1024px){

  .hx .table-booking{
    table-layout: fixed;
  }
}

/* Reset default border */

.hx .table-booking :where(thead tr, tbody tr:not(:last-child), tbody tr:first-child:last-child){
  border-style: none;
}

.hx .table-booking td, .hx .table-booking th{
  font-size: 20px;
}

.hx .table-booking thead{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212 / var(--tw-border-opacity, 1));
}

.hx .table-booking thead th{
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(38 38 38 / var(--tw-text-opacity, 1));
}

.hx .table-booking th:last-child, .hx .table-booking td:last-child, .hx .table-booking th:nth-last-child(2):not(:first-child), .hx .table-booking td:nth-last-child(2):not(:first-child){
  text-align: right;
}

.hx .table-booking th:first-child, .hx .table-booking td:first-child{
  padding-left: 0px;
}

.hx .table.table-bordered :where(td, th){
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(173 194 193 / var(--tw-border-opacity, 1));
  padding: 5.5px 8px;
  font-size: 0.875rem;
}

/* Checkbox hack dropdown */

.hx input[type="checkbox"] ~ *[data-checkbox-visible], .hx input[type="radio"] ~ *[data-checkbox-visible]{
  display: none;
}

.hx input[type="checkbox"]:checked ~ *[data-checkbox-hidden], .hx input[type="radio"]:checked ~ *[data-checkbox-hidden]{
  display: none;
}

.hx input[type="checkbox"]:checked ~ *[data-checkbox-visible], .hx input[type="radio"]:checked ~ *[data-checkbox-visible]{
  display: block;
}

.hx input[type="checkbox"]:focus-within ~ * label{
  outline: 2px solid transparent;
  outline-offset: 2px;
  outline-width: 1px;
}

/* DAISYUI OVERWRITES */

.hx .badge {
  --rounded-badge: 50px;
  --fallback-bc: #066B67; /* text color */
  --fallback-b1: #F5FAFA; /* background color */
  --fallback-b2: #066B67; /* border color */ white-space: nowrap; font-weight: 400;

  /* Border on after because of the border-width change */

  position: relative;

  border-style: none;
}

.hx .badge:is(a, button):focus-visible{
  outline-width: 0px;
}

.hx .badge:is(a, button):focus-within::after{
  content: var(--tw-content);
  border-width: 2px;
}

.hx .badge:is(a, button):hover::after{
  content: var(--tw-content);
  border-width: 2px;
}

.hx .badge:is(a, button):focus::after{
  content: var(--tw-content);
  border-width: 2px;
}

.hx .badge:after{
  position: absolute;
  inset: 0px;
  border-radius: var(--rounded-badge);
  border-width: 1px;
  border-color: var(--fallback-b2);
  --tw-content: "";
  content: var(--tw-content);
}

.hx img[src=" "].badge:after {
    position: absolute;
  }

.hx .badge.badge-md{
  height: 27px;
  padding: 9px 11px;
  font-size: 16px;
  font-weight: 600;
}

.hx .badge.badge-lg{
  height: 40px;
  padding: 9px 11px;
  font-size: 16px;
  font-weight: 600;
}

.hx .badge.badge-calendar {
    --fallback-b1: #EAF6F6; /* background color */
    --fallback-bc: #000; /* text color */
    --fallback-b2: #C9EDEC; /* border color */ height: auto; padding: 6.5px 11px;
  }

.hx .badge.badge-calendar:hover {
      --fallback-bc: #fff;
      --fallback-b1: #089691;
      --fallback-b2: #089691; /* border color */
    }

.hx .badge.badge-calendar.active {
      --fallback-bc: #fff;
      --fallback-b1: #03AAA3;
      --fallback-b2: #03AAA3; /* border color */
    }

.hx .badge.active {
    --fallback-bc: #fff;
    --fallback-b1: #066B67;
  }

.hx .badge-transparent{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hx .badge-transparent.active{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 107 103 / var(--tw-text-opacity, 1));
}

/* Dark variant */

.hx .badges-dark .badge {
    --fallback-bc: #fff; /* text color */
    --fallback-b1: transparent; /* background color */
    --fallback-b2: #fff;
  }

/* border color */

.hx .badges-dark .badge.active {
      --fallback-bc: #089691; /* text color */
      --fallback-b1: #fff; /* background color */
    }

.hx .badges-dark input:checked ~ .badge {
    --fallback-bc: #089691; /* text color */
    --fallback-b1: #fff; /* background color */
  }

.hx .breadcrumbs{
  --tw-text-opacity: 1;
  color: rgb(6 107 103 / var(--tw-text-opacity, 1));
  margin-top: clamp(1.5rem, 1.355rem + 0.645vw, 2rem);
}

.hx .breadcrumbs > ol > li:not([aria-current="page"]) a, .hx .breadcrumbs > ul > li:not([aria-current="page"]) a{
  position: relative;
  line-height: 1;
}

.hx .breadcrumbs > ol > li:not([aria-current="page"]) a:hover, .hx .breadcrumbs > ul > li:not([aria-current="page"]) a:hover{
  text-decoration-line: none;
}

.hx .breadcrumbs > ol > li:not([aria-current="page"]) a:after, .hx .breadcrumbs > ul > li:not([aria-current="page"]) a:after{
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -2px;
  height: 1.2px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(6 107 103 / var(--tw-bg-opacity, 1));
}

.hx img[src=" "].breadcrumbs > ol > li:not([aria-current="page"]) a:after, .hx img[src=" "] .breadcrumbs > ul > li:not([aria-current="page"]) a:after {
    position: absolute;
  }

@media (min-width: 768px){

  .hx .breadcrumbs > ol > li:not([aria-current="page"]) a:after, .hx .breadcrumbs > ul > li:not([aria-current="page"]) a:after{
    --tw-content: '';
    content: var(--tw-content);
  }
}

.hx .breadcrumbs > ol > li:not([aria-current="page"]) a:hover:after, .hx .breadcrumbs > ul > li:not([aria-current="page"]) a:hover:after {
          content: none;
        }

.hx .breadcrumbs > ol > li + :before, .hx .breadcrumbs > ul > li + :before{
  margin-left: 6px !important;
  margin-right: 6px !important;
  height: auto !important;
  transform: none !important;
  border-style: none !important;
  opacity: 1 !important;
  --tw-content: "/" !important;
  content: var(--tw-content) !important;
}

.hx .breadcrumbs > ol > li a, .hx .breadcrumbs > ul > li a {
      }

@media (min-width: 768px){

  .hx .breadcrumbs > ol > li[data-mobile-only], .hx .breadcrumbs > ul > li[data-mobile-only]{
    display: none;
  }
}

.hx .breadcrumbs > ol > li[data-mobile-only]:before, .hx .breadcrumbs > ul > li[data-mobile-only]:before {
          display: none !important;
        }

.hx .btn{
  font-size: clamp(1.125rem, 1.107rem + 0.081vw, 1.1875rem) !important;
  line-height: 1.2 !important;
}

.hx .btn.vtrim:before{
  display: block !important;
  margin-top: -0.2em !important;
  content: "" !important;
}

.hx .btn.vtrim:after{
  display: block !important;
  margin-bottom: -0.2em !important;
  content: "" !important;
}

.hx .btn{
  min-height: 40px;
  gap: 10px;
  padding-left: 15.75px;
  padding-right: 15.75px;
}

@media (min-width: 768px){

  .hx .btn{
    min-height: 52px;
    padding-left: 27.88px;
    padding-right: 27.88px;
  }
}

@media (min-width: 1024px){

  .hx .btn{
    min-height: 64px;
    padding-left: 36.56px;
    padding-right: 36.56px;
  }
}

.hx .btn{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.hx .btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

.hx .btn:active{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}

.hx .btn[disabled], .hx .btn.disabled{
  --tw-border-opacity: 1;
  border-color: rgb(163 163 163 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
  pointer-events: none;
}

.hx .btn-md-padding{
  padding-top: 24px !important;
  padding-bottom: 24px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  display: flex;
  align-content: center;
}

.hx .btn.btn-wide{
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.hx .btn.btn-sm{
  font-size: clamp(0.875rem, 0.857rem + 0.081vw, 0.9375rem) !important;
  line-height: 1.2 !important;
}

.hx .btn.btn-sm.vtrim:before{
  display: block !important;
  margin-top: -0.2em !important;
  content: "" !important;
}

.hx .btn.btn-sm.vtrim:after{
  display: block !important;
  margin-bottom: -0.2em !important;
  content: "" !important;
}

.hx .btn.btn-sm{
  height: auto;
  min-height: 40px;
  gap: 8px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 18px;
  padding-right: 18px;
}

.hx .btn.btn-sm:has(img,svg){
  padding-left: 12px;
  padding-right: 12px;
}

.hx .btn.btn-md{
  min-height: 40px;
  gap: 10px;
  padding: 12px;
}

/* Primary (blue) */

.hx .btn.btn-primary{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(0 106 224 / var(--tw-bg-opacity, 1));
}

.hx .btn.btn-primary:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 40 85 / var(--tw-bg-opacity, 1));
}

.hx .btn.btn-primary:active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 40 85 / var(--tw-bg-opacity, 1));
}

.hx .btn.btn-primary{
  --tw-border-opacity: 1;
  border-color: rgb(0 106 224 / var(--tw-border-opacity, 1));
}

.hx .btn.btn-primary:hover{
  --tw-border-opacity: 1;
  border-color: rgb(0 40 85 / var(--tw-border-opacity, 1));
}

.hx .btn.btn-primary:active{
  --tw-border-opacity: 1;
  border-color: rgb(0 40 85 / var(--tw-border-opacity, 1));
}

.hx .btn.btn-primary{
  border-radius: 4px;
}

.hx .btn.btn-primary.btn-disabled{
  --tw-border-opacity: 1;
  border-color: rgb(163 163 163 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

/* Secondary (green) */

.hx .btn.btn-secondary{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(8 150 145 / var(--tw-bg-opacity, 1));
}

.hx .btn.btn-secondary:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(4 68 65 / var(--tw-bg-opacity, 1));
}

.hx .btn.btn-secondary:active{
  --tw-bg-opacity: 1;
  background-color: rgb(6 107 103 / var(--tw-bg-opacity, 1));
}

.hx .btn.btn-secondary{
  --tw-border-opacity: 1;
  border-color: rgb(8 150 145 / var(--tw-border-opacity, 1));
}

.hx .btn.btn-secondary:hover{
  --tw-border-opacity: 1;
  border-color: rgb(8 150 145 / var(--tw-border-opacity, 1));
}

.hx .btn.btn-secondary:active{
  --tw-border-opacity: 1;
  border-color: rgb(6 107 103 / var(--tw-border-opacity, 1));
}

.hx .btn.btn-secondary-outline{
  --tw-text-opacity: 1;
  color: rgb(4 68 65 / var(--tw-text-opacity, 1));
  background-color: transparent;
  --tw-border-opacity: 1;
  border-color: rgb(8 150 145 / var(--tw-border-opacity, 1));
}

.hx .btn.btn-secondary-outline:hover{
  --tw-border-opacity: 1;
  border-color: rgb(4 68 65 / var(--tw-border-opacity, 1));
}

.hx .btn.btn-secondary-outline:active{
  --tw-border-opacity: 1;
  border-color: rgb(6 107 103 / var(--tw-border-opacity, 1));
}

/* Neutral (light green) */

.hx .btn.btn-neutral{
  --tw-text-opacity: 1;
  color: rgb(4 68 65 / var(--tw-text-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(201 237 236 / var(--tw-bg-opacity, 1));
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(3 170 163 / var(--tw-border-opacity, 1));
  border-radius: 4px;
}

.hx .btn.btn-neutral:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(140 217 214 / var(--tw-bg-opacity, 1));
}

.hx .btn.btn-neutral:active{
  --tw-bg-opacity: 1;
  background-color: rgb(201 237 236 / var(--tw-bg-opacity, 1));
}

.hx .btn.btn-secondary[disabled], .hx .btn.btn-secondary.disabled{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}

/* Secondary */

.hx .btn.btn-primary-blue{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(0 106 224 / var(--tw-bg-opacity, 1));
}

.hx .btn.btn-primary-blue:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 40 85 / var(--tw-bg-opacity, 1));
}

.hx .btn.btn-primary-blue:active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 40 85 / var(--tw-bg-opacity, 1));
}

.hx .btn.btn-primary-blue{
  --tw-border-opacity: 1;
  border-color: rgb(0 106 224 / var(--tw-border-opacity, 1));
}

.hx .btn.btn-primary-blue:hover{
  --tw-border-opacity: 1;
  border-color: rgb(0 40 85 / var(--tw-border-opacity, 1));
}

.hx .btn.btn-primary-blue:active{
  --tw-border-opacity: 1;
  border-color: rgb(0 40 85 / var(--tw-border-opacity, 1));
}

/* Danger */

.hx .btn.btn-danger{
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hx .btn.btn-danger:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(69 10 10 / var(--tw-bg-opacity, 1));
}

.hx .btn.btn-danger:active{
  --tw-bg-opacity: 1;
  background-color: rgb(153 27 27 / var(--tw-bg-opacity, 1));
}

/* Stepper like on tabs */

.hx .btn.btn-stepper{
  position: relative;
  height: 56px;
  border-width: 0px;
  padding-left: clamp(1.5rem, 1.355rem + 0.645vw, 2rem);
  padding-right: clamp(1.5rem, 1.355rem + 0.645vw, 2rem);
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hx .btn.btn-stepper span{
  z-index: 2;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hx .btn.btn-stepper svg{
  position: absolute;
  inset: 0px;
  z-index: 1;
  height: 100%;
  width: 100%;
}

.hx img[src=" "].btn.btn-stepper svg {
    position: absolute;
  }

.hx .btn.btn-stepper svg path {
      fill: #089691;
      stroke: #089691;
    }

.hx .btn.btn-stepper.btn-disabled{
  pointer-events: none;
}

.hx .btn.btn-stepper.btn-disabled svg path {
      fill: #66666B;
      stroke: #66666B;
    }

.hx .btn.btn-yellow{
  border-radius: 4px;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(255 208 42 / var(--tw-bg-opacity, 1));
}

.hx .btn.btn-yellow:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(230 184 36 / var(--tw-bg-opacity, 1));
}

.hx .btn.btn-yellow {
  box-shadow: 0px 1px 0px #A78208;
}

/* PARTIALS */

.hx .pill{
  border-radius: 50px;
  --tw-bg-opacity: 1;
  background-color: rgb(234 246 246 / var(--tw-bg-opacity, 1));
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(140 217 214 / var(--tw-border-opacity, 1));
  padding: 0.5px 9px;
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgb(6 107 103 / var(--tw-text-opacity, 1));
}

.hx .list{
  list-style-image: none;
}

.hx .list > li{
  display: flex;
}

.hx .list > li > a{
  padding-bottom: 10px;
}

.hx .list > li:before {
      content: "";
      margin-right: 8px;
      display: block;
      height: 7px;
      width: 7px;
      flex-shrink: 0;
      --tw-translate-y: 9px;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      border-radius: 9999px;
      --tw-bg-opacity: 1;
      background-color: rgb(3 170 163 / var(--tw-bg-opacity, 1));
    }

.hx .list.list-lg {
    --tw-prose-bullets: #03AAA3;
  }

.hx .list.list-lg > li::marker{
  font-weight: 2rem;
}

.hx .list.list-lg > li:before{
  margin-right: 20px;
  height: 11px;
  width: 11px;
}

.hx .list-sidebar-tabs {
      filter: drop-shadow(0px 1.00362px 1.00362px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1.00362px 3.01087px rgba(0, 0, 0, 0.2));
      margin-top: clamp(0.75rem, 0.677rem + 0.323vw, 1rem);
      display: flex;
      flex-direction: column;
      border-radius: 8px;
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
      top: calc(var(--header-height) + 20px);
      z-index: 10;
      display: none;
    }

@media (min-width: 1024px){

  .hx .list-sidebar-tabs{
    position: sticky;
    display: block;
  }
}

.hx .list-sidebar-tabs-floating .list-sidebar-tabs{
  max-height: 70vw;
  overflow: auto;
}

.hx .list-sidebar-tabs > li{
  position: relative;
  border-bottom-width: 1px;
}

.hx .list-sidebar-tabs > li:last-child{
  border-bottom-width: 0px;
}

.hx .list-sidebar-tabs > li > div, .hx .list-sidebar-tabs > li a{
  font-size: clamp(1rem, 0.982rem + 0.081vw, 1.0625rem);
  line-height: 1.2;
}

.hx .list-sidebar-tabs > li > div.vtrim:before, .hx .list-sidebar-tabs > li a.vtrim:before{
  display: block;
  margin-top: -0.2em;
  content: "";
}

.hx .list-sidebar-tabs > li > div.vtrim:after, .hx .list-sidebar-tabs > li a.vtrim:after{
  display: block;
  margin-bottom: -0.2em;
  content: "";
}

.hx .list-sidebar-tabs > li > div, .hx .list-sidebar-tabs > li a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
}

.hx .list-sidebar-tabs > li > a:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(234 246 246 / var(--tw-bg-opacity, 1));
}

.hx .list-sidebar-tabs > li:first-child, .hx .list-sidebar-tabs > li:first-child > a{
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.hx .list-sidebar-tabs > li:last-child, .hx .list-sidebar-tabs > li:last-child > a{
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

/* Active li state */

.hx .list-sidebar-tabs > li.active{
  position: relative;
}

.hx .list-sidebar-tabs > li.active:after{
  position: absolute;
  top: 0px;
  left: calc(100% - 1px);
  height: 43px;
  width: 14px;
}

.hx img[src=" "].list-sidebar-tabs > li.active:after {
    position: absolute;
  }

.hx .list-sidebar-tabs > li.active:after{
  background-size: contain;
  background-repeat: no-repeat;
        content: "";
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iNDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjc2NyAyMi4zODUuNSAwdjQ0LjM4bDEzLjI2Ny0yMS45OTVaIiBmaWxsPSIjMDg5NjkxIi8+PC9zdmc+Cg==");
}

.hx .list-sidebar-tabs > li.active > a{
  pointer-events: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(8 150 145 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

/* When list item has children */

.hx .list-sidebar-tabs > li.dropdown{
  display: flex;
  flex-wrap: wrap;
}

.hx .list-sidebar-tabs > li.dropdown > a {
        flex: 1;
      }

.hx .list-sidebar-tabs > li.dropdown > a:after {
        content: "";
        pointer-events: none;
        position: absolute;
        top: 11px;
        left: auto;
        right: 16px;
        margin: auto;
        height: 16px;
        width: 16px;
        --tw-rotate: 90deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }

.hx img[src=" "].list-sidebar-tabs > li.dropdown > a:after {
    position: absolute;
  }

.hx .list-sidebar-tabs > li.dropdown > a:after{
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDggMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDEzLjczODNMNyA3LjczODI4TDAuOTk5OTk5IDEuNzM4MjgiIHN0cm9rZT0iIzA4OTY5MSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
}

.hx .list-sidebar-tabs > li.dropdown.active > a:after{
  --tw-brightness: brightness(0);
  --tw-invert: invert(100%);
  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);
}

/* Dropdown items */

.hx .list-sidebar-tabs > li.dropdown > ul{
  display: none;
  flex: 0 0 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(234 246 246 / var(--tw-bg-opacity, 1));
}

.hx .list-sidebar-tabs > li.dropdown > ul > li:not(:last-child){
  border-bottom-width: 1px;
}

.hx .list-sidebar-tabs > li.dropdown > ul > li > a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  padding-left: 24px;
}

.hx .list-sidebar-tabs > li.dropdown > ul > li > a:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(201 237 236 / var(--tw-bg-opacity, 1));
}

.hx .list-sidebar-tabs > li.dropdown > ul > li > a{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px){

  .hx .list-sidebar-tabs > li.dropdown > ul > li > a{
    --tw-text-opacity: 1;
    color: rgb(123 123 123 / var(--tw-text-opacity, 1));
  }
}

.hx .list-sidebar-tabs > li.dropdown > ul > li.active{
  --tw-bg-opacity: 1;
  background-color: rgb(234 246 246 / var(--tw-bg-opacity, 1));
}

.hx .list-sidebar-tabs > li.dropdown > ul > li.active > a{
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(8 150 145 / var(--tw-text-opacity, 1));
}

.hx .list-sidebar-tabs > li.active > a:after {
        content: "";
        --tw-rotate: -90deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }

.hx .list-sidebar-tabs > li.active > ul{
  display: block;
}

/* Sub menus */

.hx .list-sidebar-tabs > ul{
  display: none;
}

.hx .list-sidebar-tabs > ul > li:not(:last-child){
  border-bottom-width: 1px;
}

.hx .list-sidebar-tabs > ul > li > a{
  --tw-bg-opacity: 1;
  background-color: rgb(201 237 236 / var(--tw-bg-opacity, 1));
}

/* Floating summary and dropdown on mobile resolutions */

.hx .list-sidebar-tabs-floating{
  position: fixed;
  inset: 0px;
  z-index: 10;
  padding-bottom: 10px;
  pointer-events: none;
  display: flex;
  align-items: flex-end;
}

@media (min-width: 1024px){

  .hx .list-sidebar-tabs-floating{
    display: none;
  }
}

.hx .list-sidebar-tabs-floating-details {
      filter: drop-shadow(0px 1.00362px 1.00362px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1.00362px 3.01087px rgba(0, 0, 0, 0.2));
      display: flex;
      height: 54px;
      align-items: center;
      gap: clamp(0.75rem, 0.677rem + 0.323vw, 1rem);
      border-radius: 6px;
      --tw-bg-opacity: 1;
      background-color: rgb(2 39 38 / var(--tw-bg-opacity, 1));
      padding-left: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
      padding-right: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
      padding-top: clamp(0.25rem, 0.177rem + 0.323vw, 0.5rem);
      padding-bottom: clamp(0.25rem, 0.177rem + 0.323vw, 0.5rem);
    }

.hx .list-sidebar-tabs-floating-details:has([data-floating-cruise-price]:not(:empty)){
  border-top-right-radius: 0px;
}

@media not all and (min-width: 1024px){

  .hx.apple:has(.cruise-search-sidebar-dropdown-wrapper[open]) .list-sidebar-tabs-floating{
    display: none;
  }
}

.hx .list-sidebar-tabs-floating > *{
  pointer-events: auto;
}

.hx .list-sidebar-tabs-floating:has(details[open]){
  background-color: rgb(0 0 0 / 0.5);
  --tw-backdrop-blur: blur(1px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.hx .list-sidebar-tabs-floating details[open]{
  background-color: transparent !important;
}

.hx .list-sidebar-tabs-floating .list-sidebar-tabs{
  display: block;
  max-width: 70vw;
}

@media (min-width: 1024px){

  .hx .list-sidebar-tabs-floating .list-sidebar-tabs{
    display: none;
  }
}

.hx .list-sidebar-tabs-floating .list-sidebar-tabs{
  --tw-bg-opacity: 1;
  background-color: rgb(2 39 38 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hx .list-sidebar-tabs-floating .list-sidebar-tabs li{
  border-color: rgb(255 255 255 / 0.1);
}

.hx .list-sidebar-tabs-floating .list-sidebar-tabs li::after{
  --tw-content: none;
  content: var(--tw-content);
}

.hx .list-sidebar-tabs-floating .list-sidebar-tabs li.active > a, .hx .list-sidebar-tabs-floating .list-sidebar-tabs li:hover > a{
  --tw-bg-opacity: 1;
  background-color: rgb(2 39 38 / var(--tw-bg-opacity, 1));
}

.hx .list-sidebar-tabs-floating .list-sidebar-tabs li.dropdown > a:after{
  --tw-brightness: brightness(0);
  --tw-invert: invert(100%);
  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);
}

.hx .list-sidebar-tabs-floating .list-sidebar-tabs li > ul{
  --tw-bg-opacity: 1;
  background-color: rgb(6 107 103 / var(--tw-bg-opacity, 1));
}

.hx .list-sidebar-tabs-floating .list-sidebar-tabs li > ul li{
  border-color: rgb(0 0 0 / 0.6);
}

.hx .list-sidebar-tabs-floating .list-sidebar-tabs li > ul li.active > a, .hx .list-sidebar-tabs-floating .list-sidebar-tabs li > ul li:hover > a{
  --tw-bg-opacity: 1;
  background-color: rgb(2 39 38 / var(--tw-bg-opacity, 1));
}

.hx .list-sidebar-tabs-floating-price{
  position: absolute;
  bottom: 100%;
  right: 0px;
  border-radius: 6px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(2 39 38 / var(--tw-bg-opacity, 1));
  padding-left: clamp(0.75rem, 0.677rem + 0.323vw, 1rem);
  padding-right: clamp(0.75rem, 0.677rem + 0.323vw, 1rem);
  text-align: right;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hx img[src=" "].list-sidebar-tabs-floating-price {
    position: absolute;
  }

.hx .list-sidebar-tabs-floating-price:after {
        content: '';
        --tw-bg-opacity: 1;
        background-color: rgb(2 39 38 / var(--tw-bg-opacity, 1))}

.hx .list-sidebar-tabs-floating-price:before {
        content: '';
        position: absolute;
        bottom: 0px;
        right: 100%
      }

.hx img[src=" "].list-sidebar-tabs-floating-price:before {
    position: absolute;
  }

.hx .list-sidebar-tabs-floating-price:before{
  height: 20px;
  width: 20px;
        right: calc(100% - 5px);
        bottom: -5px;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMyAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNSAxNUw4Ljk3MTMxIDE1LjA0MDVDMTIuMjk2MiAxNS4wNTY1IDE1IDEyLjM2NTYgMTUgOS4wNDA2NkwxNS4wMDAxIDBMMjMgMFYyMkgwLjVWMTVaIiBmaWxsPSIjMDUyODI3Ii8+Cjwvc3ZnPgo=");
}

.hx .list-interests {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  min-width: 1196px;
  gap: clamp(0.75rem, 0.677rem + 0.323vw, 1rem);
}

@media not all and (min-width: 1024px){

  .hx .list-interests{
    padding-right: clamp(0.75rem, 0.677rem + 0.323vw, 1rem);
  }
}

.hx .list-interests > a{
  position: relative;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  border-radius: 8px;
}

.hx .list-interests > a:nth-child(1){
  aspect-ratio: 3/1; grid-area: 1 / 1 / 2 / 3;
}

.hx .list-interests > a:nth-child(2) { grid-area: 1 / 3 / 2 / 4; }

.hx .list-interests > a:nth-child(3) { grid-area: 1 / 4 / 2 / 5; }

.hx .list-interests > a:nth-child(4) { grid-area: 2 / 1 / 3 / 2; }

.hx .list-interests > a:nth-child(5){
  aspect-ratio: 3/1; grid-area: 2 / 2 / 3 / 4;
}

.hx .list-interests > a:nth-child(6) { grid-area: 2 / 4 / 3 / 5; }

.hx .svg-map{
  position: relative;
  display: flex;
  flex-direction: column-reverse;
}

@media not all and (min-width: 1024px){

  .hx .svg-map-inner{
    display: none;
  }
}

.hx .svg-map-card{
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(245 250 250 / var(--tw-bg-opacity, 1));
}

@media (min-width: 1024px) {

.hx .svg-map-card{
    position: absolute;
    z-index: 10;
  }

.hx img[src=" "].svg-map-card {
    position: absolute;
  }

.hx .svg-map-card{
    top: 34px;
    right: 24px;
    bottom: 34px;
    left: 24px;
    width: 40%;
    border-radius: 8px;
  }
    }

@media (min-width: 1280px) {

.hx .svg-map-card{
    width: 452px;
  }
    }

.hx .svg-map-card-inner{
  padding: 12px;
}

@media (min-width: 1024px){

  .hx .svg-map-card-inner{
    padding: 23px;
  }
}

.hx .svg-map-card-inner{
  padding: clamp(1.25rem, 1.177rem + 0.323vw, 1.5rem);
}

.hx .svg-map-card [data-svg-map-target="region"]{
  position: relative;
  overflow: hidden;
  flex: 1 1 0%;
}

@media (min-width: 1024px){

  .hx .svg-map-card [data-svg-map-target="region"]{
    display: none;
  }
}

.hx .svg-map-card [data-svg-map-target="region"] .map{
  --tw-translate-x: 18vw;
  --tw-translate-y: 18vw;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hx .svg-map-card [data-svg-map-target="region"] svg{
  --tw-translate-x: var(--x);
  --tw-translate-y: var(--y);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  position: absolute;
  inset: 0px;
}

.hx img[src=" "].svg-map-card [data-svg-map-target="region"] svg {
    position: absolute;
  }

.hx .svg-map-fg{
  position: absolute;
  inset: 0px;
  z-index: 20;
}

.hx img[src=" "].svg-map-fg {
    position: absolute;
  }

.hx .svg-map-fg{
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 1000ms;

    /* Ugly, but resolves the issue with wrong pin positions */
}

.hx .svg-map:has(svg.animate) .svg-map-fg{
  opacity: 1;
  transition-delay: 700ms;
}

.hx .svg-map-fg{
    top: -22%;
    left: -31%;
    height: 141%;
    width: 145%;
}

.hx .svg-map-bg{
  position: relative;
  z-index: 10;
  height: 100%;
  overflow: hidden;
  border-radius: 0.375rem;
}

.hx .svg-map-bg svg{
  height: auto;
  width: 100%;
  transform-origin: 65% 52%;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 1000ms;
}

.hx .svg-map-bg svg.animate{
  --tw-scale-x: 1.4;
  --tw-scale-y: 1.4;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hx .svg-map-bg svg [class*="region="] {
        transition: 300ms;
      }

.hx .svg-map-bg svg [class*="region="].active{
  fill: #63CBC7;
  stroke: #087976;
          stroke-width: 2;
}

.hx .faq-item{
  border-radius: 8px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}

.hx .faq-item[open]>summary>div{
  font-size: clamp(1.125rem, 1.107rem + 0.081vw, 1.1875rem);
  line-height: 1.2;
  font-weight: 700;
}

.hx .faq-item[open]>summary>div.vtrim:before{
  display: block;
  margin-top: -0.2em;
  content: "";
}

.hx .faq-item[open]>summary>div.vtrim:after{
  display: block;
  margin-bottom: -0.2em;
  content: "";
}

.hx .faq-item[open]>summary>img{
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  filter: none;
}

.hx .faq-item[open]{
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(3 170 163 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(234 246 246 / var(--tw-bg-opacity, 1));
}

.hx .faq-item > summary{
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  gap: clamp(0.25rem, 0.177rem + 0.323vw, 0.5rem);
  padding-left: clamp(0.75rem, 0.677rem + 0.323vw, 1rem);
  padding-right: clamp(0.75rem, 0.677rem + 0.323vw, 1rem);
  padding-top: clamp(0.75rem, 0.677rem + 0.323vw, 1rem);
  padding-bottom: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
}

/* Watermark */

.hx.debug::before{
  pointer-events: none;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9999;
  height: 100%;
  width: 100%;
  opacity: 0.4;
  content: "";
  background-repeat: repeat;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00OS45Mzc3IDE0MS45MUw0OC44MzI4IDE0MC44MDVMNTYuNTQ2NyAxMzMuMDkxTDU3LjY1MTYgMTM0LjE5Nkw1NC40MTc0IDEzNy40M0w2My41OTc3IDE0Ni42MUw2Mi4zNTIyIDE0Ny44NTZMNTMuMTcxOSAxMzguNjc1TDQ5LjkzNzcgMTQxLjkxWk02OC43NTQxIDE0MS40NTRMNTguNDY4OSAxMzEuMTY5TDY0LjY3NjIgMTI0Ljk2MUw2NS43ODExIDEyNi4wNjZMNjAuODE5MyAxMzEuMDI4TDY0LjI5NDUgMTM0LjUwM0w2OC45MzQ5IDEyOS44NjNMNzAuMDM5OCAxMzAuOTY4TDY1LjM5OTQgMTM1LjYwOEw2OC44OTQ3IDEzOS4xMDRMNzMuOTM2OSAxMzQuMDYxTDc1LjA0MTcgMTM1LjE2Nkw2OC43NTQxIDE0MS40NTRaTTc1LjExNzEgMTE5LjY2M0M3NC41NDc5IDExOS4yMTQgNzMuOTA4NCAxMTkuMDY0IDczLjE5ODYgMTE5LjIxMUM3Mi40ODg5IDExOS4zNTggNzEuODIyNiAxMTkuNzQzIDcxLjE5OTkgMTIwLjM2NkM3MC43NDQ1IDEyMC44MjIgNzAuNDE5OCAxMjEuMjk0IDcwLjIyNTYgMTIxLjc4MkM3MC4wMzQ3IDEyMi4yNjggNjkuOTcyOCAxMjIuNzM1IDcwLjAzOTggMTIzLjE4NEM3MC4xMTAxIDEyMy42MjkgNzAuMzA5MyAxMjQuMDE2IDcwLjYzNzQgMTI0LjM0NEM3MC45MTE5IDEyNC42MTggNzEuMjEzMyAxMjQuNzg5IDcxLjU0MTQgMTI0Ljg1NkM3MS44Njk1IDEyNC45MTYgNzIuMjAyNiAxMjQuOTA4IDcyLjU0MDggMTI0LjgzMUM3Mi44NzU2IDEyNC43NSA3My4xOTg2IDEyNC42MzggNzMuNTEgMTI0LjQ5NEM3My44MTggMTI0LjM0NyA3NC4wOTI2IDEyNC4yMDMgNzQuMzMzNiAxMjQuMDYyTDc1LjY1OTUgMTIzLjI5OUM3NS45OTc2IDEyMy4xMDIgNzYuMzkyNyAxMjIuOTAxIDc2Ljg0NDcgMTIyLjY5NkM3Ny4zIDEyMi40ODkgNzcuNzg1NSAxMjIuMzQyIDc4LjMwMTEgMTIyLjI1NEM3OC44MTY3IDEyMi4xNjEgNzkuMzM5IDEyMi4xODEgNzkuODY3OSAxMjIuMzE1QzgwLjM5NjkgMTIyLjQ0OSA4MC45MDI1IDEyMi43NTcgODEuMzg0NiAxMjMuMjM5QzgxLjk0MDQgMTIzLjc5NSA4Mi4yOTcgMTI0LjQ0MiA4Mi40NTQzIDEyNS4xODJDODIuNjE1IDEyNS45MTkgODIuNTQ5NyAxMjYuNjk3IDgyLjI1ODUgMTI3LjUxOEM4MS45NzA1IDEyOC4zMzUgODEuNDMxNSAxMjkuMTM4IDgwLjY0MTMgMTI5LjkyOEM3OS45MDQ4IDEzMC42NjUgNzkuMTQ4MSAxMzEuMTg0IDc4LjM3MTQgMTMxLjQ4NUM3Ny41OTggMTMxLjc4MyA3Ni44NDQ3IDEzMS44NzMgNzYuMTExNCAxMzEuNzU2Qzc1LjM4MTYgMTMxLjYzNiA3NC43MTUzIDEzMS4zMTQgNzQuMTEyNyAxMzAuNzkyTDc1LjM5ODMgMTI5LjUwNkM3NS44MjAyIDEyOS44NjEgNzYuMjcyMSAxMzAuMDUyIDc2Ljc1NDMgMTMwLjA3OUM3Ny4yMzY0IDEzMC4wOTkgNzcuNzE1MiAxMjkuOTk1IDc4LjE5MDYgMTI5Ljc2N0M3OC42NjYgMTI5LjUzMyA3OS4xMDc5IDEyOS4yMTIgNzkuNTE2NCAxMjguODAzQzc5Ljk5MTggMTI4LjMyOCA4MC4zNDE3IDEyNy44MjQgODAuNTY2IDEyNy4yOTJDODAuNzg3IDEyNi43NTYgODAuODY5IDEyNi4yMzkgODAuODEyMSAxMjUuNzRDODAuNzUxOCAxMjUuMjM4IDgwLjUzNDIgMTI0Ljc5OSA4MC4xNTkyIDEyNC40MjRDNzkuODE3NyAxMjQuMDgzIDc5LjQ0NDQgMTIzLjkgNzkuMDM5MyAxMjMuODc3Qzc4LjYzNDIgMTIzLjg1MyA3OC4yMDkgMTIzLjkzIDc3Ljc2MzcgMTI0LjEwOEM3Ny4zMTg0IDEyNC4yODUgNzYuODY0OCAxMjQuNTA0IDc2LjQwMjcgMTI0Ljc2Nkw3NC43NzU2IDEyNS42NjlDNzMuNzQxIDEyNi4yNDIgNzIuNzc1MSAxMjYuNTQ4IDcxLjg3NzggMTI2LjU4OUM3MC45ODA2IDEyNi42MjkgNzAuMTg1NCAxMjYuMzAyIDY5LjQ5MjQgMTI1LjYwOUM2OC45MTY1IDEyNS4wMzMgNjguNTcgMTI0LjM3NSA2OC40NTI4IDEyMy42MzZDNjguMzM1NiAxMjIuODg5IDY4LjQyMjcgMTIyLjEzMiA2OC43MTM5IDEyMS4zNjZDNjkuMDA1MiAxMjAuNTkyIDY5LjQ3OSAxMTkuODc3IDcwLjEzNTIgMTE5LjIyMUM3MC43OTgxIDExOC41NTggNzEuNTA2MiAxMTguMDg4IDcyLjI1OTUgMTE3LjgxQzczLjAwOTUgMTE3LjUyOSA3My43Mzk0IDExNy40NDIgNzQuNDQ5MSAxMTcuNTQ5Qzc1LjE2MjMgMTE3LjY1MyA3NS43ODY3IDExNy45NTYgNzYuMzIyNCAxMTguNDU4TDc1LjExNzEgMTE5LjY2M1pNNzYuNDgxOCAxMTUuMzY1TDc1LjM3NyAxMTQuMjYxTDgzLjA5MDkgMTA2LjU0N0w4NC4xOTU3IDEwNy42NTJMODAuOTYxNSAxMTAuODg2TDkwLjE0MTggMTIwLjA2Nkw4OC44OTY0IDEyMS4zMTJMNzkuNzE2IDExMi4xMzFMNzYuNDgxOCAxMTUuMzY1Wk05Ny4xODY1IDk3LjU5MzZDOTYuNjE3NCA5Ny4xNDUgOTUuOTc3OSA5Ni45OTQzIDk1LjI2ODEgOTcuMTQxNkM5NC41NTgzIDk3LjI4OSA5My44OTIxIDk3LjY3NCA5My4yNjkzIDk4LjI5NjdDOTIuODE0IDk4Ljc1MiA5Mi40ODkyIDk5LjIyNDEgOTIuMjk1IDk5LjcxMjlDOTIuMTA0MiAxMDAuMTk4IDkyLjA0MjMgMTAwLjY2NSA5Mi4xMDkyIDEwMS4xMTRDOTIuMTc5NSAxMDEuNTU5IDkyLjM3ODcgMTAxLjk0NiA5Mi43MDY5IDEwMi4yNzRDOTIuOTgxNCAxMDIuNTQ5IDkzLjI4MjcgMTAyLjcxOSA5My42MTA4IDEwMi43ODZDOTMuOTM4OSAxMDIuODQ3IDk0LjI3MjEgMTAyLjgzOCA5NC42MTAyIDEwMi43NjFDOTQuOTQ1IDEwMi42ODEgOTUuMjY4MSAxMDIuNTY5IDk1LjU3OTUgMTAyLjQyNUM5NS44ODc1IDEwMi4yNzggOTYuMTYyIDEwMi4xMzQgOTYuNDAzMSAxMDEuOTkzTDk3LjcyODkgMTAxLjIzQzk4LjA2NzEgMTAxLjAzMiA5OC40NjIxIDEwMC44MzEgOTguOTE0MSAxMDAuNjI3Qzk5LjM2OTUgMTAwLjQxOSA5OS44NTQ5IDEwMC4yNzIgMTAwLjM3MSAxMDAuMTg1QzEwMC44ODYgMTAwLjA5MSAxMDEuNDA4IDEwMC4xMTEgMTAxLjkzNyAxMDAuMjQ1QzEwMi40NjYgMTAwLjM3OSAxMDIuOTcyIDEwMC42ODcgMTAzLjQ1NCAxMDEuMTY5QzEwNC4wMSAxMDEuNzI1IDEwNC4zNjYgMTAyLjM3MyAxMDQuNTI0IDEwMy4xMTNDMTA0LjY4NCAxMDMuODQ5IDEwNC42MTkgMTA0LjYyOCAxMDQuMzI4IDEwNS40NDhDMTA0LjA0IDEwNi4yNjUgMTAzLjUwMSAxMDcuMDY5IDEwMi43MTEgMTA3Ljg1OUMxMDEuOTc0IDEwOC41OTUgMTAxLjIxOCAxMDkuMTE0IDEwMC40NDEgMTA5LjQxNkM5OS42Njc0IDEwOS43MTQgOTguOTE0MSAxMDkuODA0IDk4LjE4MDkgMTA5LjY4N0M5Ny40NTEgMTA5LjU2NiA5Ni43ODQ4IDEwOS4yNDUgOTYuMTgyMSAxMDguNzIzTDk3LjQ2NzggMTA3LjQzN0M5Ny44ODk2IDEwNy43OTIgOTguMzQxNiAxMDcuOTgzIDk4LjgyMzcgMTA4LjAwOUM5OS4zMDU5IDEwOC4wMjkgOTkuNzg0NiAxMDcuOTI2IDEwMC4yNiAxMDcuNjk4QzEwMC43MzUgMTA3LjQ2NCAxMDEuMTc3IDEwNy4xNDIgMTAxLjU4NiAxMDYuNzM0QzEwMi4wNjEgMTA2LjI1OCAxMDIuNDExIDEwNS43NTQgMTAyLjYzNSAxMDUuMjIyQzEwMi44NTYgMTA0LjY4NiAxMDIuOTM4IDEwNC4xNjkgMTAyLjg4MiAxMDMuNjdDMTAyLjgyMSAxMDMuMTY4IDEwMi42MDQgMTAyLjczIDEwMi4yMjkgMTAyLjM1NUMxMDEuODg3IDEwMi4wMTMgMTAxLjUxNCAxMDEuODMxIDEwMS4xMDkgMTAxLjgwN0MxMDAuNzA0IDEwMS43ODQgMTAwLjI3OCAxMDEuODYxIDk5LjgzMzIgMTAyLjAzOEM5OS4zODc5IDEwMi4yMTYgOTguOTM0MiAxMDIuNDM1IDk4LjQ3MjIgMTAyLjY5Nkw5Ni44NDUgMTAzLjZDOTUuODEwNSAxMDQuMTczIDk0Ljg0NDYgMTA0LjQ3OSA5My45NDczIDEwNC41MTlDOTMuMDUgMTA0LjU1OSA5Mi4yNTQ5IDEwNC4yMzMgOTEuNTYxOCAxMDMuNTRDOTAuOTg2IDEwMi45NjQgOTAuNjM5NCAxMDIuMzA2IDkwLjUyMjMgMTAxLjU2NkM5MC40MDUxIDEwMC44MTkgOTAuNDkyMSAxMDAuMDYzIDkwLjc4MzQgOTkuMjk2MUM5MS4wNzQ3IDk4LjUyMjcgOTEuNTQ4NCA5Ny44MDc5IDkyLjIwNDYgOTcuMTUxN0M5Mi44Njc2IDk2LjQ4ODggOTMuNTc1NyA5Ni4wMTg0IDk0LjMyOSA5NS43NDA1Qzk1LjA3ODkgOTUuNDU5MiA5NS44MDg4IDk1LjM3MjIgOTYuNTE4NiA5NS40NzkzQzk3LjIzMTcgOTUuNTgzMSA5Ny44NTYxIDk1Ljg4NjEgOTguMzkxOCA5Ni4zODgzTDk3LjE4NjUgOTcuNTkzNlpNMTA4LjI5NCAxMDEuOTE0TDk4LjAwODkgOTEuNjI4N0wxMDQuMjE2IDg1LjQyMTRMMTA1LjMyMSA4Ni41MjYyTDEwMC4zNTkgOTEuNDg4TDEwMy44MzQgOTQuOTYzM0wxMDguNDc1IDkwLjMyMjlMMTA5LjU4IDkxLjQyNzhMMTA0LjkzOSA5Ni4wNjgyTDEwOC40MzUgOTkuNTYzNUwxMTMuNDc3IDk0LjUyMTRMMTE0LjU4MiA5NS42MjYyTDEwOC4yOTQgMTAxLjkxNFpNMTE2Ljc0NiA5My40NjE3TDEwNi40NjEgODMuMTc2NUwxMDkuOTM2IDc5LjcwMTNDMTEwLjc0IDc4Ljg5NzcgMTExLjUzNyA3OC4zNzU0IDExMi4zMjcgNzguMTM0NEMxMTMuMTE0IDc3Ljg5IDExMy44NjkgNzcuODgxNiAxMTQuNTkyIDc4LjEwOTNDMTE1LjMxNSA3OC4zMzY5IDExNS45OCA3OC43NTM4IDExNi41ODYgNzkuMzU5OEMxMTcuMTkyIDc5Ljk2NTggMTE3LjYwNSA4MC42MjcgMTE3LjgyNiA4MS4zNDM1QzExOC4wNDcgODIuMDYgMTE4LjAzNSA4Mi44MDgyIDExNy43OTEgODMuNTg4M0MxMTcuNTQzIDg0LjM2NTEgMTE3LjAyMSA4NS4xNTE5IDExNi4yMjQgODUuOTQ4N0wxMTMuNDEyIDg4Ljc2MTFMMTEyLjI4NyA4Ny42MzYxTDExNS4wNTkgODQuODYzOUMxMTUuNjA4IDg0LjMxNDkgMTE1Ljk2OSA4My43OTI2IDExNi4xNDQgODMuMjk3MUMxMTYuMzIxIDgyLjc5ODIgMTE2LjMzOCA4Mi4zMjYxIDExNi4xOTQgODEuODgwOEMxMTYuMDUgODEuNDI4OSAxMTUuNzcyIDgwLjk5NyAxMTUuMzYgODAuNTg1MUMxMTQuOTQ4IDgwLjE3MzMgMTE0LjUxMSA3OS44OTA0IDExNC4wNDkgNzkuNzM2NEMxMTMuNTg3IDc5LjU4MjQgMTEzLjEwNCA3OS41OTA4IDExMi41OTggNzkuNzYxNUMxMTIuMDg5IDc5LjkyODkgMTExLjU1NyA4MC4yOTA1IDExMS4wMDEgODAuODQ2M0wxMDguODExIDgzLjAzNTlMMTE3Ljk5MiA5Mi4yMTYyTDExNi43NDYgOTMuNDYxN1pNMTE2Ljk2NyA4NC4wMDAxTDEyNC4xMTkgODYuMDg5M0wxMjIuNjcyIDg3LjUzNTdMMTE1LjU2MSA4NS40MDYzTDExNi45NjcgODQuMDAwMVpNMTE1LjY5NCA3My45NDM1TDEyNy40MDYgNzkuNTQ4MUwxMjcuNTI2IDc5LjQyNzZMMTIxLjkyMSA2Ny43MTYxTDEyMy4yMjcgNjYuNDEwNEwxMjkuNzM2IDgwLjQ3MjFMMTI4LjQ1IDgxLjc1NzhMMTE0LjM4OCA3NS4yNDkyTDExNS42OTQgNzMuOTQzNVpNMTM1LjExNCA3NS4wOTM1TDEyNC44MjkgNjQuODA4M0wxMzEuMDM3IDU4LjYwMTFMMTMyLjE0MSA1OS43MDU5TDEyNy4xOCA2NC42Njc3TDEzMC42NTUgNjguMTQzTDEzNS4yOTUgNjMuNTAyNkwxMzYuNCA2NC42MDc0TDEzMS43NiA2OS4yNDc4TDEzNS4yNTUgNzIuNzQzMkwxNDAuMjk3IDY3LjcwMUwxNDEuNDAyIDY4LjgwNTlMMTM1LjExNCA3NS4wOTM1Wk0xNDMuNTY3IDY2LjY0MTRMMTMzLjI4MSA1Ni4zNTYyTDEzNi43NTcgNTIuODgwOUMxMzcuNTYgNTIuMDc3NCAxMzguMzU3IDUxLjU1NTEgMTM5LjE0NyA1MS4zMTRDMTM5LjkzNCA1MS4wNjk2IDE0MC42ODkgNTEuMDYxMyAxNDEuNDEyIDUxLjI4ODlDMTQyLjEzNSA1MS41MTY2IDE0Mi44IDUxLjkzMzQgMTQzLjQwNiA1Mi41Mzk0QzE0NC4wMTIgNTMuMTQ1NCAxNDQuNDI1IDUzLjgwNjcgMTQ0LjY0NiA1NC41MjMxQzE0NC44NjcgNTUuMjM5NiAxNDQuODU2IDU1Ljk4NzkgMTQ0LjYxMSA1Ni43NjhDMTQ0LjM2MyA1Ny41NDQ3IDE0My44NDEgNTguMzMxNSAxNDMuMDQ0IDU5LjEyODRMMTQwLjIzMiA2MS45NDA3TDEzOS4xMDcgNjAuODE1OEwxNDEuODc5IDU4LjA0MzZDMTQyLjQyOCA1Ny40OTQ1IDE0Mi43OSA1Ni45NzIyIDE0Mi45NjQgNTYuNDc2N0MxNDMuMTQxIDU1Ljk3NzkgMTQzLjE1OCA1NS41MDU4IDE0My4wMTQgNTUuMDYwNUMxNDIuODcgNTQuNjA4NSAxNDIuNTkyIDU0LjE3NjYgMTQyLjE4IDUzLjc2NDhDMTQxLjc2OSA1My4zNTMgMTQxLjMzMiA1My4wNzAxIDE0MC44NyA1Mi45MTYxQzE0MC40MDggNTIuNzYyMSAxMzkuOTI0IDUyLjc3MDQgMTM5LjQxOCA1Mi45NDEyQzEzOC45MDkgNTMuMTA4NiAxMzguMzc3IDUzLjQ3MDIgMTM3LjgyMSA1NC4wMjZMMTM1LjYzMiA1Ni4yMTU2TDE0NC44MTIgNjUuMzk1OUwxNDMuNTY3IDY2LjY0MTRaTTE0My43ODggNTcuMTc5OEwxNTAuOTM5IDU5LjI2OUwxNDkuNDkzIDYwLjcxNTNMMTQyLjM4MSA1OC41ODZMMTQzLjc4OCA1Ny4xNzk4WiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC4xIi8+Cjwvc3ZnPgo=");
}

/* COMPONENTS */

/* Accessibility helpers */

.hx .link-a11y{
  pointer-events: none;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 51;
  width: 100%;
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(20 184 166 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(245 250 250 / var(--tw-bg-opacity, 1));
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: center;
  font-size: clamp(1rem, 0.982rem + 0.081vw, 1.0625rem);
  font-size: clamp(1.375rem, 1.266rem + 0.484vw, 1.75rem);
  line-height: 1.2;
  font-weight: bold;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(3 170 163 / var(--tw-text-opacity, 1));
  opacity: 0;
}

.hx .link-a11y.vtrim:before{
  display: block;
  margin-top: -0.2em;
  content: "";
}

.hx .link-a11y.vtrim:after{
  display: block;
  margin-bottom: -0.2em;
  content: "";
}

.hx .link-a11y.vtrim:before{
  display: block;
  margin-top: -0.2em;
  content: "";
}

.hx .link-a11y.vtrim:after{
  display: block;
  margin-bottom: -0.2em;
  content: "";
}

.hx .link-a11y:where(h1,h2,h3,h4,h5) {
    /* Montserrat */
    font-family: "Montserrat", serif;
    font-family: Montserrat, SF Pro, system-ui, -apple-system, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  }

.hx .link-a11y:focus-within{
  opacity: 1;
}

.hx .link-a11y:focus{
  pointer-events: auto;
  opacity: 1;
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.hx .card-search-pill{
  position: relative;
  display: block;
  border-radius: 4px;
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 250 / var(--tw-bg-opacity, 1));
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 14px;
}

.hx .card-search-pill:hover{
  text-decoration-line: none;
}

.hx .card-search-pill{
  outline-style: solid;
  outline-color: #d4d4d4;
}

.hx .card-search-pill:hover{
  outline-width: 2px;
  outline-color: #262626;
}

.hx .card-search-pill{
  text-align: center;
}

.hx .card-search-pill svg path{
  stroke: #fff !important;
  --tw-translate-x: -4px;
  --tw-translate-y: -4px;
  --tw-scale-x: 1.4;
  --tw-scale-y: 1.4;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  stroke-width: 2px;
}

.hx .card-search-pill-wrapper{
  position: relative;
  display: flex;
  flex: 1 1 0%;
  gap: 8px;
  overflow: hidden;
  padding-top: 9px;
  padding-right: 9px;
  padding-bottom: 3px;
  padding-left: 4px;
}

.hx .modal .card-search-pill-wrapper{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
  padding: 9px 3px;
}

.hx .modal .card-search-pill-wrapper:not([class*="gap-"]){
  gap: clamp(1.5rem, 1.355rem + 0.645vw, 2rem);
}

@container modalbox (min-width: 400px){

  .hx .modal .card-search-pill-wrapper{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

@container modalbox (min-width: 800px){

  .hx .modal .card-search-pill-wrapper{
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
}

.hx .modal .card-search-pill-wrapper::before{
  --tw-content: none;
  content: var(--tw-content);
}

.hx .modal .card-search-pill-wrapper::after{
  --tw-content: none;
  content: var(--tw-content);
}

.hx .modal .card-search-pill-wrapper{
  gap: 8px !important;
}

.hx .card-search-pill-wrapper:before, .hx .card-search-pill-wrapper:after{
  pointer-events: none;
  position: absolute;
  inset: 0px;
  z-index: 3;
  display: none;
  width: 30px;
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
  --tw-content: '';
  content: var(--tw-content);
}

.hx img[src=" "].card-search-pill-wrapper:before, .hx img[src=" "]
    .card-search-pill-wrapper:after {
    position: absolute;
  }

/* Left overlay */

.hx .card-search-pill-wrapper:before{
  right: auto;
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}

/* Right overlay */

.hx .card-search-pill-wrapper:after{
  left: auto;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

/*
      If 4th or later element is selected put it on the second place and
      put item before in the first place and show left overlay over it
    */

.hx .card-search-pill-wrapper:not(.card-search-pill-wrapper-ships):has(:nth-child(n+4).-selected) .card-search-pill{
  display: none;
}

.hx .card-search-pill-wrapper:not(.card-search-pill-wrapper-ships):has(:nth-child(n+4).-selected) .card-search-pill.-selected, .hx .card-search-pill-wrapper:not(.card-search-pill-wrapper-ships):has(:nth-child(n+4).-selected) .card-search-pill.-selected ~ .card-search-pill{
  display: block;
}

/* If there is more than 4 items show right overlay */

.hx .card-search-pill-wrapper:not(.card-search-pill-wrapper-ships):has(:nth-child(4))::after{
  content: var(--tw-content);
  display: block;
}

/* If any of after fifth element is selected show left overlay */

.hx .card-search-pill-wrapper:not(.card-search-pill-wrapper-ships):has(:nth-child(n+4).-selected)::before{
  content: var(--tw-content);
  display: block;
}

/* Display first item before selected item when the left overlay is visible */

.hx .card-search-pill-wrapper:not(.card-search-pill-wrapper-ships):has(:nth-child(n+4).-selected) .card-search-pill:has(+ .card-search-pill.-selected){
  display: block;
}

/* If any of four latest items has selected class show last five of them and hide right overlay */

.hx .card-search-pill-wrapper:has(:nth-last-child(-n+4).-selected)::after{
  content: var(--tw-content);
  display: none;
}

.hx .card-search-pill-wrapper:has(:nth-last-child(-n+4).-selected) .card-search-pill:nth-last-child(-n+4){
  display: block;
}

/* Display all items inside modal */

.hx .modal .card-search-pill{
  display: block !important;
}

.hx .card-search-pill.-selected{
  outline-width: 2px;
}

/* Success (green) */

.hx .card-search-pill.-success.-selected{
  --tw-bg-opacity: 1;
  background-color: rgb(234 246 246 / var(--tw-bg-opacity, 1));
  outline-color: #089691;
}

.hx .card-search-pill.-success.-selected svg *{
  fill: #089691;
  stroke: #089691;
}

/* Success (green) */

.hx .card-search-pill.-warning{
  --tw-bg-opacity: 1;
  background-color: rgb(252 247 236 / var(--tw-bg-opacity, 1));
  outline-color: #FFB800;
}

.hx .card-search-pill.-warning:hover{
  outline-color: #b6720e;
}

.hx .card-search-pill.-warning svg *{
  fill: #FFB800;
  stroke: #FFB800;
}

/* Success (green) */

.hx .card-search-pill.-danger{
  --tw-bg-opacity: 1;
  background-color: rgb(246 234 234 / var(--tw-bg-opacity, 1));
  outline-style: dashed;
  outline-color: #BB0A21;
}

.hx .card-search-pill.-danger svg *{
  fill: #BB0A21;
  stroke: #BB0A21;
}

.hx .card-search-pill.-hidden{
  display: none !important;
}

.hx .card-search-pill.-discount:before{
  pointer-events: none;
  width: 14px;
  height: 14px;
  --tw-content: '';
  content: var(--tw-content);
  position: absolute;
  left: -5px;
  top: 3px;
}

.hx img[src=" "].card-search-pill.-discount:before {
    position: absolute;
  }

.hx .card-search-pill.-discount:before{
  background-size: contain;
  background-repeat: no-repeat;
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNSAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF83Njg1XzE3ODg5MikiPgo8cGF0aCBkPSJNMS4yMjUxNiAxLjgwNTdDMS4yMjQ4NiAxLjQ0MzMzIDEuNTE4NTMgMS4xNDk0MSAxLjg4MDkgMS4xNDk0MUgxMi4xMjA1QzEyLjYzOTQgMS4xNDk0MSAxMi45NTI4IDEuNzIzNjIgMTIuNjcxOSAyLjE2MDAxTDEwLjI1MjggNS45MTkyMUMxMC4xMTM3IDYuMTM1MzQgMTAuMTEzNyA2LjQxMjc5IDEwLjI1MjggNi42Mjg5MkwxMi42NzE5IDEwLjM4ODFDMTIuOTUyOCAxMC44MjQ1IDEyLjYzOTQgMTEuMzk4NyAxMi4xMjA1IDExLjM5ODdIMS43MzI3OEMxLjQ1NjggMTEuMzk4NyAxLjIzMzAxIDExLjE3NTEgMS4yMzI3OCAxMC44OTkxTDEuMjI1MTYgMS44MDU3WiIgZmlsbD0iI0JCMEEyMSIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfNzY4NV8xNzg4OTIiIHg9IjAuMjQxNDkxIiB5PSIwLjE2NTgwOCIgd2lkdGg9IjE0LjE3NTIiIGhlaWdodD0iMTIuODcyIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQgZHg9IjAuMzI3ODY5IiBkeT0iMC4zMjc4NjkiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMC42NTU3MzgiLz4KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjI1IDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfNzY4NV8xNzg4OTIiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfNzY4NV8xNzg4OTIiIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+Cg==");
}

@media not all and (min-width: 768px){

  .hx .card-cabin{
    padding-top: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
  }

  .hx .card-cabin:first-child{
    padding-top: 0px;
  }
}

.hx .card-cabin~label{
  display: none;
}

.hx .card-cabin[data-people-sum='4'] [data-number-input-target="plus"]{
  pointer-events: none;
  --tw-grayscale: grayscale(100%);
  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);
}

.hx .card-cabin-warning{
  margin-top: clamp(0.25rem, 0.177rem + 0.323vw, 0.5rem);
  display: none;
  flex: 0 0 100%;
  gap: clamp(0.125rem, 0.089rem + 0.161vw, 0.25rem);
  font-size: clamp(0.875rem, 0.857rem + 0.081vw, 0.9375rem);
  line-height: 1.2;
  --tw-text-opacity: 1;
  color: rgb(165 103 11 / var(--tw-text-opacity, 1));
}

.hx .card-cabin-warning.vtrim:before{
  display: block;
  margin-top: -0.2em;
  content: "";
}

.hx .card-cabin-warning.vtrim:after{
  display: block;
  margin-bottom: -0.2em;
  content: "";
}

.hx .card-cabin-warning svg{
  display: inline;
}

.hx .card-cabin[data-people-sum='3'] .card-cabin-warning-sum-3-4, .hx .card-cabin[data-people-sum='4'] .card-cabin-warning-sum-3-4{
  display: block;
}

.hx .card-cabin[data-people-sum='0'] .card-cabin-warning-sum-0{
  display: block;
}

.hx .card-cabin-wrapper{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
}

.hx .card-cabin-wrapper:not([class*="gap-"]){
  gap: clamp(1.5rem, 1.355rem + 0.645vw, 2rem);
}

@media (min-width: 768px){

  .hx .card-cabin-wrapper{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px){

  .hx .card-cabin-wrapper{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* Hide "Add a new cabin" button when the count of cabins is 4 */

.hx .card-cabin-wrapper:has(>div:nth-of-type(4):nth-last-of-type(1))>button{
  display: none;
}

.hx .card-cabin-wrapper ~ .card-cabin-warning-general{
  margin-top: clamp(0.25rem, 0.177rem + 0.323vw, 0.5rem);
  align-items: center;
  gap: clamp(0.125rem, 0.089rem + 0.161vw, 0.25rem);
  --tw-text-opacity: 1;
  color: rgb(165 103 11 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px){

  .hx .card-cabin-wrapper ~ .card-cabin-warning-general{
    max-width: 600px;
  }
}

.hx .card-cabin-wrapper ~ .card-cabin-warning-general{
  display: none;
}

.hx .card-cabin-wrapper ~ .card-cabin-warning-general svg{
  display: inline;
}

.hx .card-cabin-wrapper:has(>.form-field:nth-child(1)):has([data-people-sum='3']):not(:has(>.form-field:nth-child(2))) .card-cabin-warning, .hx .card-cabin-wrapper:has(>.form-field:nth-child(1)):has([data-people-sum='4']):not(:has(>.form-field:nth-child(2))) .card-cabin-warning{
  display: none;
}

.hx .card-cabin-wrapper:has(>.form-field:nth-child(1)):has([data-people-sum='3']):not(:has(>.form-field:nth-child(2))) ~ .card-cabin-warning-general, .hx .card-cabin-wrapper:has(>.form-field:nth-child(1)):has([data-people-sum='4']):not(:has(>.form-field:nth-child(2))) ~ .card-cabin-warning-general{
  display: block;
}

/* Hide delete cabin button if there is only one cabin */

.hx .card-cabin-wrapper > .form-field:only-of-type .btn-danger{
  display: none;
}

.hx input.form-search{
  --tw-bg-opacity: 1;
  background-color: rgb(234 246 246 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 107 103 / var(--tw-text-opacity, 1));
  font-size: clamp(1rem, 0.982rem + 0.081vw, 1.0625rem);
  line-height: 1.2;
}

.hx input.form-search.vtrim:before{
  display: block;
  margin-top: -0.2em;
  content: "";
}

.hx input.form-search.vtrim:after{
  display: block;
  margin-bottom: -0.2em;
  content: "";
}

.hx input.form-search::placeholder{
  color: rgb(6 107 103 / 0.9);
}

.hx input.form-search{
  width: 100%;
  padding: 11.2px 40px 11.2px 13px;
}

@media (min-width: 1024px){

  .hx input.form-search{
    padding: 15px 37px;
  }
}

.hx input.form-search{
  border-radius: 78px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(64 191 186 / var(--tw-border-opacity, 1));
}

.hx input.form-search::placeholder{
  --tw-text-opacity: 1;
  color: rgb(3 170 163 / var(--tw-text-opacity, 1));
}

.hx input.form-search ~ button{
  position: absolute;
  inset: 4px;
  left: auto;
  border-radius: 9999px;
}

.hx img[src=" "]input.form-search ~ button {
    position: absolute;
  }

.hx input.form-search ~ button{
  height: auto;
  min-height: 0px;
}

.hx input.form-search ~ button img{
  height: 28px;
  width: 18px;
  object-fit: contain;
}

.hx input.form-search:focus {
    --tw-ring-color: #03AAA3 !important;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(3 170 163 / var(--tw-border-opacity, 1));
  }

/* Used inside modal */

.hx input.form-search-lg{
  padding: 10px 18px;
  font-size: 18px;
}

.hx input.form-search-lg::placeholder{
  color: rgb(6 107 103 / 0.9);
}

.hx input.form-search-lg{
  width: 100%;
  border-radius: 78px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgb(64 191 186 / var(--tw-border-opacity, 1));
  margin-top: 4px;
}

@media (min-width: 1024px) {

.hx input.form-search-lg{
    padding: 15px 27px;
    padding-right: 150px;
    font-size: 28px;
  }
    }

.hx input.form-search-lg:focus{
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(3 170 163 / var(--tw-border-opacity, 1));
}

.hx input.form-search-lg ~ button{
  position: absolute;
  inset: 8px;
  left: auto;
  border-radius: 78px;
}

.hx img[src=" "]input.form-search-lg ~ button {
    position: absolute;
  }

.hx input.form-search-lg ~ button{
  top: 10px;
}

.hx input.form-search-lg ~ button img{
  height: 18px;
  width: 18px;
  object-fit: contain;
}

@media (min-width: 1024px) {

.hx input.form-search-lg ~ button img{
    height: 28px;
    width: 28px;
  }
        }

.hx input.form-search-compact{
  --tw-bg-opacity: 1;
  background-color: rgb(234 246 246 / var(--tw-bg-opacity, 1));
  padding: 17px 18px;
  padding-right: 23%;
}

.hx input.form-search-compact ~ button{
  margin: 6px;
  display: flex;
  align-items: center;
  gap: 9px;
  border-radius: 78px;
  --tw-bg-opacity: 1;
  background-color: rgb(8 150 145 / var(--tw-bg-opacity, 1));
  padding-left: 14px;
  padding-right: 18px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hx .form-label{
  text-overflow: ellipsis;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / var(--tw-text-opacity, 1));
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  top: 4px;
  z-index: 10;
}

.hx img[src=" "].form-label {
    position: absolute;
  }

.hx .form-label{
  transform-origin: 0;
  --tw-scale-x: .75;
  --tw-scale-y: .75;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  padding-left: 15px;
  padding-right: 15px;
  transition-duration: 300ms;
}

.hx .peer:placeholder-shown ~ .form-label{
  top: 16px;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  font-weight: 400;
}

.hx .peer:focus ~ .form-label{
  top: 4px;
  --tw-scale-x: .75;
  --tw-scale-y: .75;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  padding-left: 15px;
  padding-right: 15px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(3 170 163 / var(--tw-text-opacity, 1));
}

.hx .form-label{
  pointer-events: none;
}

.hx .peer:focus ~ .form-label-donations{
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / var(--tw-text-opacity, 1));
}

.hx .form-field{
  position: relative;
}

.hx .form-select, .hx .form-input, .hx .form-textarea{
  display: block;
  width: 100%;
  appearance: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(201 237 236 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(245 250 250 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.hx .form-select:focus, .hx .form-input:focus, .hx .form-textarea:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.hx .form-select{
  padding: 21px 42px 8px 12px;
}

.hx .form-select:focus{
  --tw-border-opacity: 1;
  border-color: rgb(3 170 163 / var(--tw-border-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.hx .form-select{
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;

  box-shadow: 0px 1px 0px #C9EDEC;
  background-repeat: no-repeat;
  background-position: calc(100% - 1rem) center;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE2IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC4wMjE2NCA4LjczNTk1QzguMTk4OTcgOC43Mjk0NCA4LjM2ODkzIDguNjUyNjkgOC40OTY1NiA4LjUxOTQ3TDE1LjY1NDcgMi4xODkyOUMxNS43OTE3IDIuMDQ2NjYgMTUuODcwMyAxLjg1MTkgMTUuODczNyAxLjY0N0MxNS44NzcgMS40NDIxIDE1LjgwNDUgMS4yNDM3MyAxNS42NzIxIDEuMDk2NzVDMTUuNTM5OCAwLjk0OTA0NyAxNS4zNTkxIDAuODY0MzQgMTUuMTY5IDAuODYxNDQ4QzE0Ljk3ODkgMC44NTc4MjggMTQuNzk0OCAwLjkzNjAyIDE0LjY1ODUgMS4wNzg2Nkw3Ljk5ODcgNi44OTA0MkwxLjMzODQyIDEuMDc4NjZDMS4yMDEzOSAwLjkzNjAyNiAxLjAxODY3IDAuODU3ODM0IDAuODI4NTYgMC44NjE0NDhDMC42Mzg0NTEgMC44NjQzNDQgMC40NTc3NjQgMC45NDkwNTQgMC4zMjU0MTggMS4wOTY3NUMwLjE5MzA4NSAxLjI0MzcyIDAuMTIwNTM4IDEuNDQyMSAwLjEyMzg5MSAxLjY0N0MwLjEyNzI1IDEuODUxOSAwLjIwNTg0MyAyLjA0NjY0IDAuMzQyODczIDIuMTg5MjlMNy41MDA5OSA4LjUxOTQ3QzcuNjQwMDUgOC42NjQyNyA3LjgyODE4IDguNzQyNDYgOC4wMjE2NCA4LjczNTk1WiIgZmlsbD0iI0ExQTFBNiIvPgo8L3N2Zz4K");
}

.hx .form-input{
  display: block;
  width: 100%;
  appearance: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(201 237 236 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(245 250 250 / var(--tw-bg-opacity, 1));
  padding: 21px 12px 8px 12px;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.hx .form-input:focus{
  --tw-border-opacity: 1;
  border-color: rgb(3 170 163 / var(--tw-border-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.hx .form-input-donations{
  border-top-width: 0px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(64 137 199 / var(--tw-border-opacity, 1));
}

.hx .form-input-donations:focus{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(64 137 199 / var(--tw-border-opacity, 1));
}

.hx .form-textarea{
  display: block;
  width: 100%;
  appearance: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(201 237 236 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(245 250 250 / var(--tw-bg-opacity, 1));
  padding: 21px 12px 8px 12px;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.hx .form-textarea:focus{
  --tw-border-opacity: 1;
  border-color: rgb(3 170 163 / var(--tw-border-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.hx .form-expanded{
  display: flex;
  gap: 10px;
}

.hx .form-radio{
  flex-shrink: 0;
  --chkbg: var(--bc);
  height: 1.5rem;
  width: 1.5rem;
  cursor: pointer;
  appearance: none;
  border-radius: 9999px;
  border-width: 1px;
  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
  --tw-border-opacity: 0.2;
}

.hx .form-radio:focus{
  box-shadow: none;
}

.hx .form-radio:focus-visible{
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: var(--fallback-bc,oklch(var(--bc)/1));
}

.hx .form-radio:checked, .hx .form-radio[aria-checked="true"]{
  --tw-bg-opacity: 1;
  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
  background-image: none;
  animation: radiomark var(--animation-input, 0.2s) ease-out;
  box-shadow: 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,
      0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset;
}

.hx .form-radio:disabled{
  cursor: not-allowed;
  opacity: 0.2;
}

/* Opa Chonky style :banana-dance: */

.hx .form-field:has(.form-expanded) .form-radio{
  display: none;
}

.hx .form-field:has(.form-expanded) .form-radio ~ .form-label{
  display: flex;
  flex: 1 1 0%;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(163 163 163 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 12px 21px;
  gap: clamp(0.25rem, 0.177rem + 0.323vw, 0.5rem);
  border-radius: 4px;
  transform: none;
}

.hx .form-field:has(.form-expanded) .form-radio ~ .form-label:before {
        content: "";
        height: 23px;
        width: 23px;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfaV8zMjg4XzExNjg3OSkiPgo8cmVjdCB4PSIwLjY5Mzg0OCIgeT0iMC41IiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHJ4PSIxMCIgZmlsbD0id2hpdGUiLz4KPC9nPgo8cmVjdCB4PSIwLjk0Mzg0OCIgeT0iMC43NSIgd2lkdGg9IjE5LjUiIGhlaWdodD0iMTkuNSIgcng9IjkuNzUiIHN0cm9rZT0iI0M4QzhDQyIgc3Ryb2tlLXdpZHRoPSIwLjUiLz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfaV8zMjg4XzExNjg3OSIgeD0iMC42OTM4NDgiIHk9IjAuNSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIxIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQgZHk9IjEiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMSIvPgo8ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiBrMj0iLTEiIGszPSIxIi8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjI1IDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9InNoYXBlIiByZXN1bHQ9ImVmZmVjdDFfaW5uZXJTaGFkb3dfMzI4OF8xMTY4NzkiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+Cg==")
      }

.hx .form-field:has(.form-expanded) .form-radio:checked ~ .form-label{
  --tw-bg-opacity: 1;
  background-color: rgb(245 250 250 / var(--tw-bg-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(64 191 186 / var(--tw-border-opacity, 1));
}

.hx .form-field:has(.form-expanded) .form-radio:checked ~ .form-label:before {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfaV8zMjg4XzExNjg3NCkiPgo8Y2lyY2xlIGN4PSIxMS4wNzE4IiBjeT0iMTAuODc3OSIgcj0iMTAuMzc3OSIgZmlsbD0iIzQwQkZCQSIvPgo8L2c+CjxjaXJjbGUgY3g9IjExLjA3MTgiIGN5PSIxMC44Nzc5IiByPSIxMC4wMzQ5IiBzdHJva2U9IiMwM0FBQTMiIHN0cm9rZS13aWR0aD0iMC42ODU5NjciLz4KPHBhdGggZD0iTTE2LjY0MTkgNy4xOTUzMUw5LjM3MTA5IDE0LjQ2NjJMNi4wNjYxNiAxMS4xNjEyIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIuMDU3OSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2lfMzI4OF8xMTY4NzQiIHg9IjAuNjkzODQ4IiB5PSIwLjUiIHdpZHRoPSIyMC43NTU5IiBoZWlnaHQ9IjIxLjQ0MzgiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iMC42ODU5NjciLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMC42ODU5NjciLz4KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4yNSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJzaGFwZSIgcmVzdWx0PSJlZmZlY3QxX2lubmVyU2hhZG93XzMyODhfMTE2ODc0Ii8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=")
      }

.hx .form-field:has(.form-expanded){
  display: flex;
  flex-direction: column;
}

.hx .form-field:has(.form-expanded) .form-expanded{
  display: flex;
}

.hx .form-field:has(.form-expanded) .form-label{
  pointer-events: auto;
  position: relative;
  top: 0px;
  order: -1;
}

.hx .form-field:has(.form-expanded) .form-expanded ~ .form-label{
  position: relative;
  order: -1;
  margin-top: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
  margin-bottom: clamp(0.25rem, 0.177rem + 0.323vw, 0.5rem);
  font-size: clamp(1.0625rem, 1.026rem + 0.161vw, 1.1875rem);
  line-height: 1.35;
  font-weight: 600;
  text-transform: capitalize;
}

.hx .form-field:has(.form-expanded) .form-expanded ~ .form-label.vtrim:before{
  display: block;
  margin-top: -0.27em;
  content: "";
}

.hx .form-field:has(.form-expanded) .form-expanded ~ .form-label.vtrim:after{
  display: block;
  margin-bottom: -0.27em;
  content: "";
}

.hx .form-field:has(.form-expanded) .form-expanded ~ .form-label{
  padding: 0px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(43 43 43 / var(--tw-text-opacity, 1));
}

.hx .form-wrapper{
  padding: 12px;
}

@media (min-width: 1024px){

  .hx .form-wrapper{
    padding: 24px;
  }
}

.hx .form-wrapper{
  border-radius: 12px;
  --tw-bg-opacity: 1;
  background-color: rgb(210 240 239 / var(--tw-bg-opacity, 1));
  box-shadow: 8px 8px 0px #87CBC8;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.hx .form-wrapper-inline .form-wrapper {
    all: unset;
  }

.hx .form-wrapper-inline .form-wrapper > h2, .hx .form-wrapper-inline .form-wrapper .btn.btn-neutral{
  display: none;
}

.hx .form-wrapper-donations{
  --tw-bg-opacity: 1;
  background-color: rgb(229 241 255 / var(--tw-bg-opacity, 1));
    box-shadow: 8px 8px 0px #4089C7;
}

.hx .form-checkbox-with-number{
  border-radius: 4px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212 / var(--tw-border-opacity, 1));
}

.hx .form-checkbox-with-number-checkbox{
  height: 20px;
  width: 20px;
  border-radius: 3px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: inset 0px 1px 2px rgba(0,0,0,0.25);
  --tw-shadow-colored: inset 0px 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  display: flex;
  align-items: center;
  justify-content: center;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212 / var(--tw-border-opacity, 1));
  flex-shrink: 0;
}

.hx .form-checkbox-with-number-checkbox img{
  display: none;
}

.hx .form-checkbox-with-number:has(:checked){
  --tw-border-opacity: 1;
  border-color: rgb(64 191 186 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(245 250 250 / var(--tw-bg-opacity, 1));
}

.hx .form-checkbox-with-number:has(:checked) .form-checkbox-with-number-checkbox{
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(3 170 163 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hx .form-checkbox-with-number:has(:checked) .form-checkbox-with-number-checkbox img{
  inset: 0px;
  display: block;
}

.hx .form-checkbox-with-number:has(>input[readonly]):has(:checked){
  --tw-border-opacity: 1;
  border-color: rgb(64 191 186 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(245 250 250 / var(--tw-bg-opacity, 1));
}

.hx .form-checkbox-with-number:has(>input[readonly]) .form-checkbox-with-number-checkbox{
  --tw-bg-opacity: 1;
  background-color: rgb(212 212 212 / var(--tw-bg-opacity, 1));
}

.hx .form-checkbox-with-number:has(>input[readonly]) .form-checkbox-with-number-checkbox img{
  stroke: #000;
}

.hx .form-select[readonly]{
  pointer-events: none;
  cursor: default;
  opacity: 0.7;
}

.hx .pagination{
  padding-top: 24px;
  padding-bottom: 24px;
}

.hx .pagination ul{
  display: flex;
  justify-content: center;
  gap: 3px;
}

@media (min-width: 1024px){

  .hx .pagination ul{
    gap: 0;
  }
}

/* Prev button */

.hx .pagination li:first-child a{
  padding-left: 26px;
  padding-right: 26px;
}

@media (min-width: 1024px){

  .hx .pagination li:first-child a{
    margin-right: 32px;
  }
}

.hx .pagination li:first-child a img{
  --tw-scale-x: -1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hx .pagination li:not(:first-child):not(:last-child) a{
  display: none;
  height: 44px;
  width: 44px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  border-color: transparent;
}

@media (min-width: 1024px){

  .hx .pagination li:not(:first-child):not(:last-child) a{
    display: flex;
  }
}

.hx .pagination li:not(:first-child):not(:last-child) a:hover{
  --tw-border-opacity: 1;
  border-color: rgb(140 217 214 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(245 250 250 / var(--tw-bg-opacity, 1));
}

.hx .pagination li:not(:first-child):not(:last-child).active a{
  --tw-border-opacity: 1;
  border-color: rgb(3 170 163 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(234 246 246 / var(--tw-bg-opacity, 1));
}

/* Next button */

.hx .pagination li:last-child a{
  padding-left: 43px;
  padding-right: 43px;
}

@media (min-width: 1024px){

  .hx .pagination li:last-child a{
    margin-left: 32px;
  }
}

.hx .pagination li.disabled a{
  pointer-events: none;
  opacity: 0.5;
}

.hx .separator{
  position: relative;
  flex: none;
}

.hx .separator:before, .hx .separator:after{
  position: absolute;
  bottom: 1px;
  left: 0px;
  right: 1px;
  height: 1px;
  --tw-content: '';
  content: var(--tw-content);
}

.hx img[src=" "].separator:before, .hx img[src=" "] .separator:after {
    position: absolute;
  }

.hx .separator:before, .hx .separator:after {
    mix-blend-mode: soft-light;
  }

.hx .separator:before{
  background-color: rgb(0 0 0 / 0.6);
}

.hx .separator:after{
  bottom: 0px;
  background-color: rgb(255 255 255 / 0.25);
}

.hx .separator-vertical{
  flex: none;
}

.hx .separator-vertical:before, .hx .separator-vertical:after{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 1px;
  --tw-content: '';
  content: var(--tw-content);
}

.hx img[src=" "].separator-vertical:before, .hx img[src=" "] .separator-vertical:after {
    position: absolute;
  }

.hx .separator-vertical:before, .hx .separator-vertical:after {
      mix-blend-mode: soft-light;
    }

.hx .separator-vertical:before{
  background-color: rgb(0 0 0 / 0.2);
}

.hx .separator-vertical:after{
  left: 1px;
  background-color: rgb(255 255 255 / 0.25);
}

/* NAVIGATION */

.hx .header{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem;
}

@media (min-width: 320px){

  .hx .header{
    max-width: 320px;
  }
}

@media (min-width: 480px){

  .hx .header{
    max-width: 480px;
  }
}

@media (min-width: 768px){

  .hx .header{
    max-width: 768px;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

@media (min-width: 1024px){

  .hx .header{
    max-width: 1024px;
    padding-right: 4rem;
    padding-left: 4rem;
  }
}

@media (min-width: 1280px){

  .hx .header{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){

  .hx .header{
    max-width: 1536px;
    padding-right: 6rem;
    padding-left: 6rem;
  }
}

.hx .header{
  max-width: 100%;
}

@media (min-width: 1280px){

  .hx .header{
    max-width: 1400px;
  }
}

.hx .header{
  font-size: clamp(1rem, 0.982rem + 0.081vw, 1.0625rem);
  line-height: 1.2;
}

.hx .header.vtrim:before{
  display: block;
  margin-top: -0.2em;
  content: "";
}

.hx .header.vtrim:after{
  display: block;
  margin-bottom: -0.2em;
  content: "";
}

/* Unstick header on booking pages */

@media (min-width: 1024px){

  .hx .header:has(+ #single-cruise-booking){
    position: absolute;
  }
}

.hx .header-inner{
  margin-top: 8px;
  display: flex;
  border-radius: 6px;
  background-color: rgb(26 118 115 / 0.9);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-backdrop-blur: blur(10px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

@media (min-width: 1024px){

  .hx .header-inner{
    border-radius: 9px;
    background-color: rgb(17 94 89 / 0.9);
  }
}

.hx .header-inner {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 38px 15px rgba(0, 0, 0, 0.01), 0px 21px 13px rgba(0, 0, 0, 0.05), 0px 9px 9px rgba(0, 0, 0, 0.08);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
  }

.hx .header-inner > div{
  position: relative;
  flex: 1 1 0%;
}

.hx .header-logo{
  display: block;
  padding: 4.7px 14px;
}

@media (min-width: 1024px){

  .hx .header-logo{
    padding: 26px 20px;
  }
}

.hx .header-logo img{
  height: 34.56px;
  width: 55.09px;
}

@media (min-width: 1024px){

  .hx .header-logo img{
    height: 59px;
    width: 94px;
  }
}

.hx .header-topbar{
  position: relative;
  display: flex;
  height: 44px;
  align-items: center;
  justify-content: space-between;
}

.hx .header-topbar > .separator{
  position: absolute;
  bottom: 0px;
  width: 100%;
}

.hx img[src=" "].header-topbar > .separator {
    position: absolute;
  }

.hx .header-topbar a{
  text-underline-offset: 4px;
}

.hx .header-topbar a:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}

.hx .header-topbar-contact{
  display: flex;
}

.hx .header-topbar-contact > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  border-color: rgb(0 0 0 / 0.2);
}

.hx .header-topbar-contact>div:not(:first-child){
  margin-left: 20px;
  padding-left: 20px;
}

.hx .header-topbar-contact>div{
  display: flex;
  align-items: center;
  gap: 8px;
}

.hx .header-dropdown{
  position: relative;
}

/* Currently selected lang */

.hx .header-dropdown details.dropdown summary{
  display: flex;
  align-items: center;
  gap: 9px;
}

@media not all and (min-width: 1024px){

  .hx .header-dropdown details.dropdown summary{
    height: 100%;
    padding-left: 13px;
    padding-right: 13px;
  }
}

.hx .header-dropdown details.dropdown summary > img{
  height: 22px;
  width: 32px;
  object-fit: contain;
}

.hx .header-dropdown details.dropdown summary > img + img{
  height: 6px;
  width: 12px;
  object-fit: contain;
}

@media (min-width: 1024px) {

.hx .header-dropdown details.dropdown summary{
    min-width: 92px;
    padding: 10px 20px;
    background-repeat: no-repeat;
  }
        }

/* Dropdown */

.hx .header-dropdown details.dropdown .dropdown-content{
  display: flex;
  flex-direction: column;
  gap: 8px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 8px;
}

.hx .header-dropdown details.dropdown .dropdown-content ul{
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.hx .header-dropdown details.dropdown .dropdown-content ul li a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 205px;
  border-radius: 4px;
  padding: 13px 8px;
}

.hx .header-dropdown details.dropdown .dropdown-content ul li a:hover{
  background-color: #dbf2f2b8;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.hx .header-dropdown details.dropdown .dropdown-content ul li a.active{
  --tw-bg-opacity: 1;
  background-color: rgb(219 242 242 / var(--tw-bg-opacity, 1));
}

.hx .header-dropdown details.dropdown .dropdown-content ul li a span{
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Debug style */

.hx.debug .header:before {
      content: "Test server";
      margin-bottom: -28px;
      display: block;
      width: 100%;
      border-radius: 9px;
      --tw-bg-opacity: 1;
      background-color: rgb(187 10 33 / var(--tw-bg-opacity, 1));
      padding-top: 3px;
      padding-bottom: 22px;
      text-align: center;
      font-size: 12px;
      font-weight: 700;
      text-transform: uppercase;
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }

.hx .header-desktop{
  display: none;
}

@media (min-width: 1024px){

  .hx .header-desktop{
    display: block;
  }

  .hx .header-desktop .header-inner{
    margin-left: 1px;
    margin-right: 1px;
  }
}

@media (min-width: 1536px){

  .hx .header-desktop .header-inner{
    margin-left: 0px;
    margin-right: 0px;
  }
}

.hx .header-desktop .header-nav-dropdown a:not([data-tabs-hover-trigger]):hover{
  text-decoration-line: underline;
}

.hx .header-desktop .header-nav-dropdown [data-tabs-hover-trigger]{
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 48px;
  gap: 41px;
  font-size: 18px;
  font-weight: 500;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding-top: 10.5px;
  padding-bottom: 10.5px;
  padding-left: 8px;
  padding-right: 8px;
}

.hx .header-desktop .header-nav-dropdown [data-tabs-hover-trigger].active{
  --tw-bg-opacity: 1;
  background-color: rgb(234 246 246 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 107 103 / var(--tw-text-opacity, 1));
}

.hx .header-desktop .header-nav-dropdown [data-tabs-hover-trigger]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(234 246 246 / var(--tw-bg-opacity, 1));
  text-decoration-line: none;
}

.hx .header-desktop .header-nav-dropdown-navigation{
  display: flex;
  flex-direction: column;
  padding: 20px;
}

/* Links */

.hx .header-desktop .header-nav-dropdown-navigation > a{
  font-weight: 500;
  display: block;
  padding: 10.5px 8px;
  width: 191px;
  border-radius: 4px;
}

.hx .header-desktop .header-nav-dropdown-navigation > a:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(234 246 246 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 107 103 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

.hx .header-desktop .header-nav-dropdown-navigation > a[aria-current="page"]{
  --tw-bg-opacity: 1;
  background-color: rgb(234 246 246 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 107 103 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

/* Custom menu items override */

/* Accommodation menu, contains 3 columns */

.hx .header-nav-item.-accommodation .header-nav-dropdown-navigation{
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0px;
}

@media (min-width: 1024px){

  .hx .header-nav-item.-accommodation .header-nav-dropdown-navigation{
    display: grid;
  }
}

/* Land tours menu, contains 2 columns */

.hx .header-nav-item.-landTours .header-nav-dropdown-navigation{
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0px;
}

@media (min-width: 1024px){

  .hx .header-nav-item.-landTours .header-nav-dropdown-navigation{
    display: grid;
  }
}

.hx .header-nav-item.-landTours .header-nav-dropdown-navigation > a{
  width: 100%;
}

.hx .header-desktop .header-nav{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.hx .header-desktop .header-nav > ul{
  display: flex;
  flex: 1 1 0%;
  align-items: center;
  padding-right: clamp(0.75rem, 0.677rem + 0.323vw, 1rem);
}

.hx .header-desktop .header-nav-dropdown{
  display: none;
  position: absolute;
  left: 0px;
  top: 100%;
  width: auto;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.hx img[src=" "].header-desktop .header-nav-dropdown {
    position: absolute;
  }

.hx .header-desktop .header-nav-dropdown-inner{
  border-radius: 9px;
  max-height: 70dvh;
      box-shadow: 0px 8px 11px rgba(0, 0, 0, 0.14), 0px 15px 28px rgba(0, 0, 0, 0.1), 0px 7px 34px rgba(0, 0, 0, 0.08);
}

.hx .header-desktop .header-nav-dropdown-inner:not(.overflow-visible){
  overflow: auto;
}

.hx .header-desktop .header-nav-dropdown-inner > .header-nav-dropdown-detail{
  position: absolute;
  bottom: 100%;
  left: 14px;
  --tw-translate-y: 1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hx img[src=" "].header-desktop .header-nav-dropdown-inner > .header-nav-dropdown-detail {
    position: absolute;
  }

.hx .header-desktop .header-nav-item{
  position: relative;
  display: flex;
  align-items: center;
  gap: 2px;
  padding-right: clamp(1.25rem, 1.177rem + 0.323vw, 1.5rem);
}

.hx .header-desktop .header-nav-item:last-child{
  padding-right: 0px;
}

.hx .header-desktop .header-nav-item > a{
  border-bottom-width: 3px;
  border-color: transparent;
  padding-top: 23px;
  padding-bottom: 20px;
}

.hx .header-desktop .header-nav-item > a[aria-current="page"]{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(153 255 251 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(153 255 251 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

.hx .header-desktop .header-nav-item > a > img{
  --tw-brightness: brightness(0);
  --tw-invert: invert(100%);
  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);
}

.hx .header-desktop .header-nav-item:hover > a{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(153 255 251 / var(--tw-border-opacity, 1));
  text-decoration-line: none;
}

.hx .header-desktop .header-nav-item:hover > a > img{
  filter: none;
}

.hx .header-desktop .header-nav-item:hover > .header-nav-dropdown{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* --------------------------------------------------------------------------
      Custom "menu" item dropdown
      Used to hide centain items in the overflow menu when the screen is too small.
      Currently used between 1024px and 1300px.
    -------------------------------------------------------------------------- */

@media (min-width: 1024px) and (max-width: 1300px) {

.hx .header-desktop .header-nav-item.-isInMenuOverflow{
    display: none;
  }
      }

.hx .header-desktop .header-nav-item.-menuOverflow{
  display: none;
}

@media (min-width: 1024px) and (max-width: 1300px) {

.hx .header-desktop .header-nav-item.-menuOverflow{
    display: flex;
    flex: 1 1 0%;
    justify-content: flex-end;
    gap: 2px;
  }
      }

.hx .header-desktop .header-nav-item.-menuOverflow > a{
  display: flex;
  align-items: center;
  gap: clamp(0.25rem, 0.177rem + 0.323vw, 0.5rem);
}

.hx .header-desktop .header-nav-item.-menuOverflow > a > img{
  flex-shrink: 0;
}

.hx .header-desktop .header-nav-item.-menuOverflow .header-nav-dropdown{
  left: auto;
  right: -20px;
}

.hx .header-desktop .header-nav-item.-menuOverflow .header-nav-dropdown .header-nav-dropdown-detail{
  left: auto;
  right: 15px;
}

.hx .header-desktop .header-nav-item.-menuOverflow .header-nav-dropdown .header-nav-dropdown-navigation > a{
  width: 160px;
}

/* Custom menu items */

.hx .header-desktop .header-nav-item .header-nav-dropdown {
      /* @apply flex flex-col items-start; */
    }

.hx .header-desktop .header-nav .header-search-button{
  position: relative;
  margin: 9px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
  border-radius: 4px;
  --tw-bg-opacity: 1;
  background-color: rgb(4 68 65 / var(--tw-bg-opacity, 1));
  padding: 9px 28px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px){

  .hx .header-desktop .header-nav .header-search-button{
    padding: 9px 18px;
  }
}

@media (min-width: 1280px){

  .hx .header-desktop .header-nav .header-search-button{
    padding: 9px 28px;
  }
}

.hx .header-desktop .header-nav .header-search-button{
  transition-property: background-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.hx .header-desktop .header-nav .header-search-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(2 39 38 / var(--tw-bg-opacity, 1));
}

.hx .header-desktop .header-nav .header-search-button img{
  height: 17px;
  width: 17px;
  object-fit: contain;
  --tw-brightness: brightness(100);
  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);
}

.hx .header-desktop .header-nav .header-search-button[aria-current="page"]{
  margin-right: 22px;
  border-radius: 0px;
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(153 255 251 / var(--tw-border-opacity, 1));
  background-color: transparent;
  padding-left: 0px;
  padding-right: 0px;
  --tw-text-opacity: 1;
  color: rgb(153 255 251 / var(--tw-text-opacity, 1));
}

.hx .header-desktop .header-nav .header-search-button[aria-current="page"] img{
  filter: none;
}

.hx .header{
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 50;
}

@media not all and (min-width: 1024px){

  .hx .header:has([data-mobile-menu-dropdown-trigger].active){
    background-color: rgb(0 0 0 / 0.25);
    height: 100dvh;
    --tw-backdrop-blur: blur(1px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }
}

.hx .header:has([data-cruise-form-filter]:checked){
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

@media (min-width: 1024px){

  .hx .header-mobile{
    display: none;
  }
}

.hx .header-mobile .header-nav[data-mobile-menu-dropdown-target].active{
  display: block;
}

@media (min-width: 768px){

  .hx .header-mobile .header-nav[data-mobile-menu-dropdown-target].active{
    left: var(--dropdown-md-offset);
    width: max-content;
  }
}

.hx .header-mobile .header-nav[data-mobile-menu-dropdown-target].active + [data-mobile-menu-dropdown-trigger]::before{
  content: var(--tw-content);
  opacity: 0;
}

@media not all and (min-width: 768px){

  .hx .header-mobile .header-logo{
    flex: 1 1 0%;
  }
}

.hx .header-mobile .header-inner > [data-mobile-menu-dropdown-trigger]{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding-left: clamp(1.25rem, 1.177rem + 0.323vw, 1.5rem);
  padding-right: clamp(1.25rem, 1.177rem + 0.323vw, 1.5rem);
}

.hx .header-mobile .header-inner > [data-mobile-menu-dropdown-trigger].active:after {
            content: '';
            position: absolute;
            inset: 0px;
            top: 3px;
            z-index: -1;
          }

.hx img[src=" "].header-mobile .header-inner > [data-mobile-menu-dropdown-trigger].active:after {
    position: absolute;
  }

.hx .header-mobile .header-inner > [data-mobile-menu-dropdown-trigger].active:after{
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(4 68 65 / var(--tw-bg-opacity, 1));
}

@media (min-width: 768px) {

.hx .header-mobile .header-inner > [data-mobile-menu-dropdown-trigger]{
    flex: none;
    padding-left: 10px;
    padding-right: 10px;
  }

.hx .header-mobile .header-inner > [data-mobile-menu-dropdown-trigger]:last-of-type{
    padding-right: 16px;
  }
        }

@media not all and (min-width: 768px){

  .hx .header-mobile .header-inner > [data-mobile-menu-dropdown-trigger].hidden-on-mobile{
    display: none;
  }
}

@media (min-width: 768px){

  .hx .header-mobile .header-inner > [data-mobile-menu-dropdown-trigger].hidden-on-mobile .separator-vertical{
    display: none;
  }
}

/* Custom selectors */

@media not all and (min-width: 768px){

  .hx .header-mobile .header-inner > [data-mobile-menu-dropdown-trigger][data-mobile-menu-dropdown-trigger="search"]{
    display: none;
  }
}

.hx .header-mobile .header-inner > [data-mobile-menu-dropdown-trigger][data-mobile-menu-dropdown-trigger="lang"], .hx .header-mobile .header-inner > [data-mobile-menu-dropdown-trigger][data-mobile-menu-dropdown-trigger="search"], .hx .header-mobile .header-inner > [data-mobile-menu-dropdown-trigger][data-mobile-menu-dropdown-trigger="contact"]{
  flex: none;
  gap: 0px;
  padding-left: 13px;
  padding-right: 13px;
}

@media (min-width: 768px){

  .hx .header-mobile .header-inner > [data-mobile-menu-dropdown-trigger][data-mobile-menu-dropdown-trigger="lang"]{
    margin-left: 30px;
  }
}

.hx .header-mobile .header-inner >[data-mobile-menu-dropdown-target="lang"], .hx .header-mobile .header-inner >[data-mobile-menu-dropdown-target="contact"]{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px){

  @media not all and (min-width: 1024px){

    .hx .header-mobile .header-inner >[data-mobile-menu-dropdown-target="default"]{
      right: 0px;
      width: 430px;
      left: auto !important;
    }

    .hx .header-mobile .header-inner >[data-mobile-menu-dropdown-target="cruises"]{
      left: auto !important;
      width: 100% !important;
    }
  }
}

.hx .header-mobile .header-inner >[data-mobile-menu-dropdown-target="lang"]{
  width: max-content;
  border-radius: 4px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 8px;
}

.hx .header-mobile .header-inner >[data-mobile-menu-dropdown-target="lang"] ul{
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.hx .header-mobile .header-inner >[data-mobile-menu-dropdown-target="lang"] ul li a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 205px;
  border-radius: 4px;
  padding: 13px 8px;
}

.hx .header-mobile .header-inner >[data-mobile-menu-dropdown-target="lang"] ul li a:hover{
  background-color: #dbf2f2b8;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.hx .header-mobile .header-inner >[data-mobile-menu-dropdown-target="lang"] ul li a.active{
  --tw-bg-opacity: 1;
  background-color: rgb(219 242 242 / var(--tw-bg-opacity, 1));
}

.hx .header-mobile .header-inner >[data-mobile-menu-dropdown-target="lang"] ul li a span{
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Vertical separator adjust */

.hx .header-mobile .header-inner > [data-mobile-menu-dropdown-trigger]:before {
        content: '';
        position: absolute;
        inset: 0px;
        right: auto;
        width: 1px;
        --tw-bg-opacity: 1;
        background-color: rgb(20 98 96 / var(--tw-bg-opacity, 1));
        transition-property: opacity;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }

.hx img[src=" "].header-mobile .header-inner > [data-mobile-menu-dropdown-trigger]:before {
    position: absolute;
  }

.hx .header-mobile .header-inner > [data-mobile-menu-dropdown-trigger]:before {
        box-shadow: 1px 0px 0 0px rgb(19 173 170 / 23%);
      }

.hx .header-mobile .header-inner > [data-mobile-menu-dropdown-trigger].active::before, .hx .header-mobile .header-inner > [data-mobile-menu-dropdown-trigger].active + [data-mobile-menu-dropdown-trigger]::before, .hx .header-mobile .header-inner > [data-mobile-menu-dropdown-trigger][data-mobile-menu-dropdown-trigger="lang"]::before{
  content: var(--tw-content);
  opacity: 0;
}

@media not all and (min-width: 768px){

  .hx .header-mobile .header-inner > [data-mobile-menu-dropdown-trigger][data-mobile-menu-dropdown-trigger="contact"]::before, .hx .header-mobile .header-inner > [data-mobile-menu-dropdown-trigger][data-mobile-menu-dropdown-trigger="cruises"].active ~ [data-mobile-menu-dropdown-trigger="default"]::before{
    content: var(--tw-content);
    opacity: 0;
  }
}

.hx #mobile-menu-dropdown:checked ~ .header-nav{
  display: block;
}

@media not all and (min-width: 1024px){

  .hx .header-topbar-contact{
    margin-top: clamp(0.75rem, 0.677rem + 0.323vw, 1rem);
    margin-bottom: clamp(0.75rem, 0.677rem + 0.323vw, 1rem);
  }
}

.hx .header-mobile .header-nav{
  position: absolute;
  top: 100%;
  margin-top: 8px;
  display: none;
  width: 100%;
  --tw-text-opacity: 1;
  color: rgb(6 107 103 / var(--tw-text-opacity, 1));
}

.hx img[src=" "].header-mobile .header-nav {
    position: absolute;
  }

.hx .header-mobile .header-nav {

  /* Custom menu items override */
}

.hx .header-mobile .header-nav > ul{
  display: flex;
  flex-direction: column;
}

.hx .header-mobile .header-nav-dropdown{
  display: none;
  position: absolute;
  left: 0px;
  top: 100%;
  width: auto;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.hx img[src=" "].header-mobile .header-nav-dropdown {
    position: absolute;
  }

.hx .header-mobile .header-nav > [data-target-mobile-menu]{
  display: none;
}

.hx .header-mobile .header-nav > [data-target-mobile-menu] > .header-nav-item-group{
  max-height: calc(100dvh - var(--header-height) - 15px);
  overflow: auto;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
      box-shadow: 0px 8px 11px rgba(0, 0, 0, 0.14), 0px 15px 28px rgba(0, 0, 0, 0.1), 0px 7px 34px rgba(0, 0, 0, 0.08);
}

.hx .header-mobile .header-nav > [data-target-mobile-menu] .header-nav-item-group-title ~ .header-nav-item-group{
  max-height: calc(100dvh - var(--header-height) - 65px);
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.hx .header-mobile .header-nav > [data-target-mobile-menu].active{
  display: block;
}

.hx .header-mobile .header-nav-item{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(0.25rem, 0.177rem + 0.323vw, 0.5rem);
  border-bottom-width: 1px;
}

.hx .header-mobile .header-nav-item > a{
  display: flex;
  align-items: center;
  gap: clamp(0.25rem, 0.177rem + 0.323vw, 0.5rem);
}

.hx .header-mobile .header-nav-item.-spo > a{
  --tw-text-opacity: 1;
  color: rgb(187 10 33 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px){

  .hx .header-mobile .header-nav-item.hidden-on-tablet{
    display: none;
  }
}

/* Mobile menu item group title (contains button and div with the actual title) */

.hx .header-mobile .header-nav-item-group-title{
  display: flex;
}

.hx .header-mobile .header-nav-item-group-title > div{
  flex: 1 1 0%;
  border-radius: 6px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: clamp(1.125rem, 1.107rem + 0.081vw, 1.1875rem);
  line-height: 1.2;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(4 68 65 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}

.hx .header-mobile .header-nav-item-group-title > div.vtrim:before{
  display: block;
  margin-top: -0.2em;
  content: "";
}

.hx .header-mobile .header-nav-item-group-title > div.vtrim:after{
  display: block;
  margin-bottom: -0.2em;
  content: "";
}

.hx .header-mobile .header-nav-item-group-title > div{
  --tw-bg-opacity: 1;
  background-color: rgb(234 246 246 / var(--tw-bg-opacity, 1));
  position: relative;
}

.hx .header-mobile .header-nav-item-group-title > button{
  margin-bottom: 4px;
  margin-right: 4px;
  display: grid;
  width: 44px;
  --tw-scale-x: -1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  place-content: center;
  border-radius: 6px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.hx .header-mobile .header-nav-item-group-title > button:not([class*="gap-"]){
  gap: clamp(1.5rem, 1.355rem + 0.645vw, 2rem);
}

.hx .header-mobile .header-nav-item-group-title > button ~ div:after {
        content: '';
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMSAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE0ODhfNjkwMzEpIj4KPHBhdGggZD0iTTYuOTc2OSAtMzNDNi45NzY5IC0zNS4yMDkxIDguNzY3NzYgLTM3IDEwLjk3NjkgLTM3SDI5OEMzMDAuMjA5IC0zNyAzMDIgLTM1LjIwOTEgMzAyIC0zM1YxNEg3LjgwMDQxQzcuMjU3MDkgMTQgNi43MTk0OCAxMy44ODkzIDYuMjIwMzQgMTMuNjc0N0wwIDExQzAgMTEgMi4xNDk2NyAxMC43ODgxIDMuNSAxMC41QzMuNzI2NSAxMC40NTE3IDMuOTcyMTcgMTAuMzkyMyA0LjIyNDY0IDEwLjMyNjlDNS44ODcwNiA5Ljg5NTgxIDYuOTc2OSA4LjM0MzI4IDYuOTc2OSA2LjYyNTg5VjZWLTMzWiIgZmlsbD0iI0VBRjZGNiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzE0ODhfNjkwMzEiPgo8cmVjdCB3aWR0aD0iMTEiIGhlaWdodD0iMTEiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
        position: absolute;
        bottom: 0px;
        left: -7px;
        height: 11px;
        width: 11px;
      }

.hx img[src=" "].header-mobile .header-nav-item-group-title > button ~ div:after {
    position: absolute;
  }

.hx .header-mobile .header-nav-item-group-title > button ~ div:after{
  background-repeat: no-repeat;
}

.hx .header-mobile .header-nav-item-section-title{
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 20px;
  font-size: clamp(1.125rem, 1.107rem + 0.081vw, 1.1875rem);
  line-height: 1.2;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.hx .header-mobile .header-nav-item-section-title.vtrim:before{
  display: block;
  margin-top: -0.2em;
  content: "";
}

.hx .header-mobile .header-nav-item-section-title.vtrim:after{
  display: block;
  margin-bottom: -0.2em;
  content: "";
}

.hx .header-mobile .header-nav-item > a{
  min-height: 54px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 7px;
  padding-bottom: 7px;
}

.hx .header-mobile .header-nav-item > a:first-child{
  display: flex;
  flex: 1 1 0%;
  align-items: center;
}

.hx .header-mobile .header-nav-item > a:not(:first-child){
  display: flex;
  aspect-ratio: 1 / 1;
  height: 54px;
  width: 54px;
  align-items: center;
  justify-content: center;
  border-left-width: 1px;
}

.hx .header-mobile .header-nav-item.active{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(153 255 251 / var(--tw-border-opacity, 1));
}

.hx .header-mobile .header-nav-item.active > a{
  --tw-text-opacity: 1;
  color: rgb(153 255 251 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

.hx .header-mobile .header-nav-item.active > a > img{
  filter: none;
}

.hx .header-mobile .header-nav-item.active > .header-nav-dropdown{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* Cruises menu, contains form and menu */

.hx .header-mobile .header-nav > [data-target-mobile-menu="cruises"]{
  height: 90dvh;
  max-height: 100%;
  overflow: auto;
}

.hx .header-mobile .header-nav > [data-target-mobile-menu="cruises"] form{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.hx .header-mobile .header-nav > [data-target-mobile-menu="cruises"] .header-nav-item-group{
  max-height: 100%;
  overflow: hidden;
}

/* Accommodation menu, contains 2 columns */

.hx .header-mobile .header-nav > [data-target-mobile-menu="accommodation"] .header-nav-item-group ul{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hx .header-mobile .header-nav > [data-target-mobile-menu="accommodation"] .header-nav-item-group ul:not([class*="gap-"]){
  gap: clamp(1.5rem, 1.355rem + 0.645vw, 2rem);
}

.hx .header-mobile .header-nav > [data-target-mobile-menu="accommodation"] .header-nav-item-group ul{
  gap: 0px !important;
}

.hx .header-mobile .header-nav > [data-target-mobile-menu="accommodation"] .header-nav-item-group ul .header-nav-item:nth-child(odd){
  border-right-width: 1px;
}

.hx .tabs-segmented{
  display: inline-flex;
  overflow: auto;
  white-space: nowrap;
  border-radius: 6px;
  --tw-bg-opacity: 1;
  background-color: rgb(6 107 103 / var(--tw-bg-opacity, 1));
  padding: 4px;
  font-size: clamp(1rem, 0.982rem + 0.081vw, 1.0625rem);
  line-height: 1.2;
}

.hx .tabs-segmented.vtrim:before{
  display: block;
  margin-top: -0.2em;
  content: "";
}

.hx .tabs-segmented.vtrim:after{
  display: block;
  margin-bottom: -0.2em;
  content: "";
}

@media (min-width: 768px){

  .hx .tabs-segmented{
    border-radius: 4px;
  }
}

.hx .tabs-segmented:has(:last-child.active) > a:nth-last-child(2)::after{
  --tw-content: none;
  content: var(--tw-content);
}

.hx .tabs-segmented > a{
  position: relative;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 9px;
  padding-right: 9px;
  --tw-text-opacity: 1;
  color: rgb(234 246 246 / var(--tw-text-opacity, 1));
}

.hx .tabs-segmented > a:not(:last-child){
  position: relative;
}

.hx .tabs-segmented > a:not(:last-child):after {
        content: '';
        pointer-events: none;
        position: absolute;
        inset: 0px;
        left: auto;
        margin-left: 9px;
        height: 100%;
        border-right-width: 1px;
        border-color: rgb(255 255 255 / 0.6);
      }

.hx img[src=" "].tabs-segmented > a:not(:last-child):after {
    position: absolute;
  }

.hx .tabs-segmented > a:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(4 68 65 / var(--tw-bg-opacity, 1));
      box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
}

.hx .tabs-segmented > a.active{
  --tw-bg-opacity: 1;
  background-color: rgb(201 237 236 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(2 39 38 / var(--tw-text-opacity, 1));
      box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
}

.hx .tabs-segmented > a.active:after{
  --tw-border-opacity: 1;
  border-color: rgb(6 107 103 / var(--tw-border-opacity, 1));
}

.hx .tabs-segmented > a.active:before {
        content: '';
        pointer-events: none;
        position: absolute;
        inset: 0px;
        left: -1px;
        right: auto;
        height: 100%;
        border-left-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(6 107 103 / var(--tw-border-opacity, 1));
      }

.hx img[src=" "].tabs-segmented > a.active:before {
    position: absolute;
  }

.hx .tabs-arrow-stepper{
  display: flex;
  position: sticky;
  top: var(--header-height);
  z-index: 50;
  padding-top: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
  padding-bottom: clamp(1.25rem, 1.177rem + 0.323vw, 1.5rem);
}

@media (min-width: 1024px){

  .hx .tabs-arrow-stepper{
    top: 0px;
  }
}

@media (max-width: 1024px) {

.hx .tabs-arrow-stepper.stuck{
    border-radius: 6px;
    background-color: rgb(255 255 255 / 0.6);
    padding-top: clamp(0.25rem, 0.177rem + 0.323vw, 0.5rem);
    padding-bottom: clamp(0.25rem, 0.177rem + 0.323vw, 0.5rem);
    --tw-backdrop-blur: blur(2px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
      box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
  }
    }

@media (min-width: 1024px) {

.hx .tabs-arrow-stepper.stuck{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
    }

.hx .tabs-arrow-stepper-item{
  position: relative;
  height: 56px;
  flex: 1 1 0%;
}

.hx .tabs-arrow-stepper-item:not(:first-child){
  margin-left: -10px;
}

.hx .tabs-arrow-stepper-item-bg{
  position: relative;
  z-index: 1;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(6 107 103 / var(--tw-text-opacity, 1));
}

.hx .tabs-arrow-stepper-item-bg > svg:first-child{
  display: none;
}

@media (min-width: 1024px){

  .hx .tabs-arrow-stepper-item-bg > svg:first-child{
    display: block;
  }
}

.hx .tabs-arrow-stepper-item-bg > svg:last-child{
  display: block;
}

@media (min-width: 1024px){

  .hx .tabs-arrow-stepper-item-bg > svg:last-child{
    display: none;
  }
}

.hx .tabs-arrow-stepper-item svg{
  position: absolute;
  inset: 0px;
  height: 100%;
  width: 100%;
}

.hx img[src=" "].tabs-arrow-stepper-item svg {
    position: absolute;
  }

.hx .tabs-arrow-stepper-item svg path {
        fill: #d1dfdf;
        stroke: #d1dfdf;
      }

.hx .tabs-arrow-stepper-item.active > *:not(svg){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hx .tabs-arrow-stepper-item.active svg path {
        fill: #089691;
        stroke: #089691;
      }

.hx .tabs-arrow-stepper-item.active ~ .tabs-arrow-stepper-item > *:not(svg){
  --tw-text-opacity: 1;
  color: rgb(60 66 87 / var(--tw-text-opacity, 1));
}

.hx .tabs-arrow-stepper-item.active ~ .tabs-arrow-stepper-item svg path {
        fill: #fff;
        stroke: #D2D6DC;
      }

.hx .tabs-arrow-stepper-item.active ~ .tabs-arrow-stepper-item.next svg path {
          fill: #fff;
          stroke: #089691;
        }

.hx .tabs-arrow-stepper-item:not(.active):hover > *:not(svg){
  --tw-text-opacity: 1;
  color: rgb(8 150 145 / var(--tw-text-opacity, 1));
}

.hx .tabs-arrow-stepper-item:not(.active):hover svg path {
          fill: #d1dfdf!important;
          stroke: #089691!important;
        }

.hx .tabs-arrow-stepper-item:not(.active):hover:before{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(209 223 223 / var(--tw-bg-opacity, 1)) !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(8 150 145 / var(--tw-border-opacity, 1)) !important;
}

.hx .tabs-arrow-stepper-item > a, .hx .tabs-arrow-stepper-item > label{
  position: absolute;
  inset: 0px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0.125rem, 0.089rem + 0.161vw, 0.25rem);
  font-size: 20px;
  font-weight: 500;
}

.hx img[src=" "].tabs-arrow-stepper-item > a, .hx img[src=" "]
    .tabs-arrow-stepper-item > label {
    position: absolute;
  }

.hx .tabs-arrow-stepper-item > a, .hx .tabs-arrow-stepper-item > label{
  font-size: 24px;
}

@media (min-width: 1024px){

  .hx .tabs-arrow-stepper-item > a, .hx .tabs-arrow-stepper-item > label{
    font-size: 19px;
  }
}

@media not all and (min-width: 1024px){

  .hx .tabs-arrow-stepper-item > a, .hx .tabs-arrow-stepper-item > label {
    font-family: "Montserrat", serif;
    font-family: Montserrat, SF Pro, system-ui, -apple-system, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  }
}

.hx .tabs-arrow-stepper-item > a, .hx .tabs-arrow-stepper-item > label{
  --tw-text-opacity: 1;
  color: rgb(46 105 102 / var(--tw-text-opacity, 1));
}

.hx .tabs-arrow-stepper-item > a > span, .hx .tabs-arrow-stepper-item > label > span{
  display: none;
}

@media (min-width: 1024px){

  .hx .tabs-arrow-stepper-item > a > span, .hx .tabs-arrow-stepper-item > label > span{
    display: block;
  }
}

/* TODO import partials that are needed only! */

/**
 * Swiper 11.2.8
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 23, 2025
 */

@use 'swiper-vars.scss' as vars;

@at-root {
  @font-face {
    font-family: 'swiper-icons';
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA')
      format('woff');
    font-weight: 400;
    font-style: normal;
  }
  :root {
    --swiper-theme-color: #{vars.$themeColor};
    /*
    --swiper-preloader-color: var(--swiper-theme-color);
    --swiper-wrapper-transition-timing-function: initial;
    */
  }
}

.hx :host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.hx .swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.hx .swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.hx .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.hx .swiper-android .swiper-slide, .hx .swiper-ios .swiper-slide, .hx .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.hx .swiper-horizontal {
  touch-action: pan-y;
}

.hx .swiper-vertical {
  touch-action: pan-x;
}

.hx .swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.hx .swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */

.hx .swiper-autoheight, .hx .swiper-autoheight .swiper-slide {
  height: auto;
}

.hx .swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.hx .swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */

.hx .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.hx .swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.hx .swiper-3d {
  perspective: 1200px;
}

.hx .swiper-3d .swiper-slide, .hx .swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
  }

/* CSS Mode */

.hx .swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none;
  }

/* For Internet Explorer and Edge */

.hx .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
      display: none;
    }

.hx .swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }

.hx .swiper-css-mode.swiper-horizontal > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }

.hx .swiper-css-mode.swiper-vertical > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }

.hx .swiper-css-mode.swiper-free-mode > .swiper-wrapper {
      scroll-snap-type: none;
    }

.hx .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }

.hx .swiper-css-mode.swiper-centered > .swiper-wrapper::before {
      content: '';
      flex-shrink: 0;
      order: 9999;
    }

.hx .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }

.hx .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }

.hx .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }

.hx .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }

.hx .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }

/* Slide styles start */

/* 3D Shadows */

.hx .swiper-3d .swiper-slide-shadow, .hx .swiper-3d .swiper-slide-shadow-left, .hx .swiper-3d .swiper-slide-shadow-right, .hx .swiper-3d .swiper-slide-shadow-top, .hx .swiper-3d .swiper-slide-shadow-bottom, .hx .swiper-3d .swiper-slide-shadow, .hx .swiper-3d .swiper-slide-shadow-left, .hx .swiper-3d .swiper-slide-shadow-right, .hx .swiper-3d .swiper-slide-shadow-top, .hx .swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }

.hx .swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }

.hx .swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }

.hx .swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }

.hx .swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }

.hx .swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }

.hx .swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.hx .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .hx .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }

.hx .swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.hx .swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Slide styles end */

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.hx .swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.hx .swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.hx .swiper-pagination-disabled > .swiper-pagination, .hx .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

/* Common Styles */

.hx .swiper-pagination-fraction, .hx .swiper-pagination-custom, .hx .swiper-horizontal > .swiper-pagination-bullets, .hx .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

/* Bullets */

.hx .swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.hx .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.hx .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.hx .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.hx .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.hx .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.hx .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.hx .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.hx .swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

.hx button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  appearance: none;
}

.hx .swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.hx .swiper-pagination-bullet:only-child {
  display: none !important;
}

.hx .swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.hx .swiper-vertical > .swiper-pagination-bullets, .hx .swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.hx .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .hx .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.hx .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .hx .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.hx .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .hx .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform,
        200ms top;
}

.hx .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .hx .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.hx .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .hx .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.hx .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .hx .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
        200ms left;
}

.hx .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
    200ms right;
}

/* Fraction */

.hx .swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

/* Progress */

.hx .swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.hx .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.hx .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.hx .swiper-horizontal > .swiper-pagination-progressbar, .hx .swiper-pagination-progressbar.swiper-pagination-horizontal, .hx .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .hx .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.hx .swiper-vertical > .swiper-pagination-progressbar, .hx .swiper-pagination-progressbar.swiper-pagination-vertical, .hx .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .hx .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.hx .swiper-pagination-lock {
  display: none;
}

.hx .swiper-button-prev, .hx .swiper-button-next{
  z-index: 5;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.hx .swiper-button-prev{
  --tw-scale-x: -1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hx .swiper-button-disabled{
  opacity: 0.7;
}

.hx .swiper-button-circle.INSIDE{
  pointer-events: auto;
  cursor: pointer;
}

.hx .swiper-button-circle.INSIDE > span{
  display: flex;
  height: 30px;
  width: 30px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background-color: rgb(0 0 0 / 0.7);
}

.hx .swiper-button-circle.INSIDE > span > svg{
  pointer-events: none;
  height: 18px;
  width: 18px;
  object-fit: contain;
}

.hx .swiper-button-circle.INSIDE > span > svg > path{
  stroke: #fff;
}

.hx .swiper-button-circle.INSIDE.swiper-button-disabled{
  opacity: 1;
}

.hx .swiper-button-circle.INSIDE.swiper-button-disabled > span{
  background-color: rgb(0 0 0 / 0.3);
  filter: none;
}

.hx .swiper-button-circle.OUTSIDE{
  pointer-events: auto;
  cursor: pointer;
}

@media not all and (min-width: 1024px){

  .hx .swiper-button-circle.OUTSIDE:not(.max-lg\:block){
    display: none;
  }
}

.hx .swiper-button-circle.OUTSIDE > span{
  display: flex;
  height: 40px;
  width: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(8 150 145 / var(--tw-bg-opacity, 1));
    filter: drop-shadow(0px 10px 15px rgba(0, 0, 0, 0.16)) drop-shadow(0px 20px 38px rgba(0, 0, 0, 0.12)) drop-shadow(0px 9px 46px rgba(0, 0, 0, 0.09));
}

.hx .swiper-button-circle.OUTSIDE > span > svg{
  pointer-events: none;
  height: 24px;
  width: 24px;
  object-fit: contain;
}

.hx .swiper-button-circle.OUTSIDE > span > svg > path{
  stroke: #fff;
}

.hx .swiper-button-circle.OUTSIDE.swiper-button-disabled{
  opacity: 1;
}

.hx .swiper-button-circle.OUTSIDE.swiper-button-disabled > span{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
  filter: none;
}

@media (min-width: 1280px){

  .hx [data-to-right]:not(.lg\:max-w-full) .swiper-button-circle.OUTSIDE.swiper-button-next{
    left: auto !important;
    right: 16px !important;
  }
}

@media (min-width: 1024px){

  .hx .swiper-hide-arrows-lg ~ .swiper-button-prev, .hx .swiper-hide-arrows-lg ~ .swiper-button-next{
    display: none !important;
  }
}

.hx .swiper-right-overflow{
  pointer-events: none;
  position: absolute;
  inset: 0px;
  left: auto;
  z-index: 1;
  display: none;
  width: 200px;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.hx img[src=" "].swiper-right-overflow {
    position: absolute;
  }

@media (min-width: 768px){

  .hx [data-to-right] > * > .swiper-right-overflow{
    display: block;
  }
}

@media (min-width: 1024px){

  .hx .lg\:max-w-full[data-to-right] > * > .swiper-right-overflow{
    display: none;
  }
}

/* Swiper height issue fix */

.hx .swiper:not(.swiper-auto-height) .swiper-wrapper .swiper-slide, .hx .swiper-wrapper{
  height: auto;
}

/* Add gap to the last child inside full width slider */

.hx [data-to-right] > * > .carousel > .carousel-item:last-child{
  margin-right: var(--space-between-sm);
}

@media (min-width: 768px){

  .hx [data-to-right] > * > .carousel > .carousel-item:last-child{
    margin-right: var(--space-between-md);
  }
}

@media (min-width: 1024px){

  .hx [data-to-right] > * > .carousel > .carousel-item:last-child{
    margin-right: var(--space-between-lg);
  }
}

@media (min-width: 1280px){

  .hx [data-to-right] > * > .carousel > .carousel-item:last-child{
    margin-right: var(--space-between-xl);
  }
}

@media (min-width: 1024px){

  .hx [data-to-right].lg\:max-w-full > * > .carousel > .carousel-item:last-child{
    margin-right: 0px !important;
  }
}

/* Snap to right disable button and overlay */

/* Generic sections with full width sliders */

.hx [data-to-right]:not([class*="max-w"]):has(> * > .carousel ~ [data-action] > .swiper-button-next.swiper-button-disabled) > * > .carousel ~ [data-action] > .swiper-button-next, .hx [data-to-right]:not([class*="max-w"]):has(> * > .carousel ~ [data-action] > .swiper-button-next.swiper-button-disabled) > * > .carousel ~ [data-action] ~ .swiper-right-overflow{
  pointer-events: none;
  opacity: 0;
}

/* Info slider accommodations/destinations */

.hx [data-to-right]:not([class*="max-w"]):has(> .swiper-button-next.swiper-button-disabled) > .swiper-button-next, .hx [data-to-right]:not([class*="max-w"]):has(> .swiper-button-next.swiper-button-disabled) > .swiper-right-overflow{
  pointer-events: none;
  opacity: 0;
}

.hx [data-to-right]:not([class*="max-w"]):has(> .swiper-button-next.swiper-button-disabled) ~ * .carousel > .carousel-item:last-child{
  margin-right: var(--space-between-sm);
}

@media (min-width: 768px){

  .hx [data-to-right]:not([class*="max-w"]):has(> .swiper-button-next.swiper-button-disabled) ~ * .carousel > .carousel-item:last-child{
    margin-right: var(--space-between-md);
  }
}

@media (min-width: 1024px){

  .hx [data-to-right]:not([class*="max-w"]):has(> .swiper-button-next.swiper-button-disabled) ~ * .carousel > .carousel-item:last-child{
    margin-right: var(--space-between-lg);
  }
}

@media (min-width: 1280px){

  .hx [data-to-right]:not([class*="max-w"]):has(> .swiper-button-next.swiper-button-disabled) ~ * .carousel > .carousel-item:last-child{
    margin-right: var(--space-between-xl);
  }
}

/* Hide arrows when there is only one slide */

.hx .carousel:has(~ [data-native-slider-type-param="prev"]>.swiper-button-prev.swiper-button-disabled):has(~ [data-native-slider-type-param="next"]>.swiper-button-next.swiper-button-disabled) ~ [data-native-slider-type-param="prev"], .hx .carousel:has(~ [data-native-slider-type-param="prev"]>.swiper-button-prev.swiper-button-disabled):has(~ [data-native-slider-type-param="next"]>.swiper-button-next.swiper-button-disabled) ~ [data-native-slider-type-param="next"]{
  display: none;
}

.hx #cc-main {
  /** Change font **/
  --cc-font-family: SF Pro, system-ui, -apple-system, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;

  /** Change button primary color to black **/
  --cc-btn-primary-bg: #03AAA3;
  --cc-btn-primary-border-color: #03AAA3;
  --cc-btn-primary-hover-bg: #044441;
  --cc-btn-primary-hover-border-color: #044441;

  /** Also make toggles the same color as the button **/

  /** Make the buttons a bit rounder **/
}

.hx #cc-main [data-role="necessary"] {
    /* Inside modal */
    --cc-btn-primary-bg: #dc2626;
    --cc-btn-primary-border-color: #dc2626;
    --cc-btn-primary-color: #fff;
    --cc-btn-primary-hover-bg: #450a0a;
    --cc-btn-primary-hover-border-color: #450a0a;

    /* Inside consent */
    --cc-btn-secondary-bg: #dc2626;
    --cc-btn-secondary-border-color: #dc2626;
    --cc-btn-secondary-color: #fff;
    --cc-btn-secondary-hover-color: #fff;
    --cc-btn-secondary-hover-bg: #450a0a;
    --cc-btn-secondary-hover-border-color: #450a0a;
  }

.hx #cc-main{
  --cc-toggle-on-bg: var(--cc-btn-primary-bg);
  --cc-btn-border-radius: 10px;
}

/* TAILWIND */

.hx *, .hx ::before, .hx ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

.hx ::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

.hx *, .hx ::before, .hx ::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

.hx ::before, .hx ::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

.hx, .hx :host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
  tab-size: 4; /* 3 */
  font-family: SF Pro, system-ui, -apple-system, Segoe UI, Helvetica Neue, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

.hx {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

.hx hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

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

/*
Remove the default font size and weight for headings.
*/

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

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

.hx a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

.hx b, .hx strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

.hx code, .hx kbd, .hx samp, .hx pre {
  font-family: SF Mono, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

.hx small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

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

.hx sub {
  bottom: -0.25em;
}

.hx sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

.hx table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

.hx button, .hx input, .hx optgroup, .hx select, .hx textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

.hx button, .hx select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

.hx button, .hx input:where([type='button']), .hx input:where([type='reset']), .hx input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

.hx :-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

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

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

.hx progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

.hx ::-webkit-inner-spin-button, .hx ::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

.hx [type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

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

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

.hx ::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

.hx summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

.hx blockquote, .hx dl, .hx dd, .hx h1, .hx h2, .hx h3, .hx h4, .hx h5, .hx h6, .hx hr, .hx figure, .hx p, .hx pre {
  margin: 0;
}

.hx fieldset {
  margin: 0;
  padding: 0;
}

.hx legend {
  padding: 0;
}

.hx ol, .hx ul, .hx menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

.hx dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

.hx textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

.hx input::placeholder, .hx textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

.hx button, .hx [role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

.hx :disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

.hx img, .hx svg, .hx video, .hx canvas, .hx audio, .hx iframe, .hx embed, .hx object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

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

/* Make elements with the HTML hidden attribute stay hidden by default */

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

:root, .hx [data-theme]{
  background-color: var(--fallback-b1,oklch(var(--b1)/1));
  color: var(--fallback-bc,oklch(var(--bc)/1));
}

@supports not (color: oklch(0% 0 0)){

  :root{
    color-scheme: light;
    --fallback-p: #491eff;
    --fallback-pc: #d4dbff;
    --fallback-s: #ff41c7;
    --fallback-sc: #fff9fc;
    --fallback-a: #00cfbd;
    --fallback-ac: #00100d;
    --fallback-n: #2b3440;
    --fallback-nc: #d7dde4;
    --fallback-b1: #ffffff;
    --fallback-b2: #e5e6e6;
    --fallback-b3: #e5e6e6;
    --fallback-bc: #1f2937;
    --fallback-in: #00b3f0;
    --fallback-inc: #000000;
    --fallback-su: #00ca92;
    --fallback-suc: #000000;
    --fallback-wa: #ffc22d;
    --fallback-wac: #000000;
    --fallback-er: #ff6f70;
    --fallback-erc: #000000;
  }

  @media (prefers-color-scheme: dark){

    :root{
      color-scheme: dark;
      --fallback-p: #7582ff;
      --fallback-pc: #050617;
      --fallback-s: #ff71cf;
      --fallback-sc: #190211;
      --fallback-a: #00c7b5;
      --fallback-ac: #000e0c;
      --fallback-n: #2a323c;
      --fallback-nc: #a6adbb;
      --fallback-b1: #1d232a;
      --fallback-b2: #191e24;
      --fallback-b3: #15191e;
      --fallback-bc: #a6adbb;
      --fallback-in: #00b3f0;
      --fallback-inc: #000000;
      --fallback-su: #00ca92;
      --fallback-suc: #000000;
      --fallback-wa: #ffc22d;
      --fallback-wac: #000000;
      --fallback-er: #ff6f70;
      --fallback-erc: #000000;
    }
  }
}

.hx{
  -webkit-tap-highlight-color: transparent;
}

.hx *{
  scrollbar-color: color-mix(in oklch, currentColor 35%, transparent) transparent;
}

.hx *:hover{
  scrollbar-color: color-mix(in oklch, currentColor 60%, transparent) transparent;
}

.hx{
      }

.hx .bg-secondary{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hx ::selection{
  --tw-bg-opacity: 1;
  background-color: rgb(0 106 224 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hx * {
    scrollbar-color: unset;
  }

.hx .container{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem;
}

@media (min-width: 320px){

  .hx .container{
    max-width: 320px;
  }
}

@media (min-width: 480px){

  .hx .container{
    max-width: 480px;
  }
}

@media (min-width: 768px){

  .hx .container{
    max-width: 768px;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

@media (min-width: 1024px){

  .hx .container{
    max-width: 1024px;
    padding-right: 4rem;
    padding-left: 4rem;
  }
}

@media (min-width: 1280px){

  .hx .container{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){

  .hx .container{
    max-width: 1536px;
    padding-right: 6rem;
    padding-left: 6rem;
  }
}

.hx .prose{
  color: var(--tw-prose-body);
  max-width: 65ch;
}

.hx .prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.hx .prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.hx .prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-links);
  text-decoration: underline;
  font-weight: 500;
}

.hx .prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-bold);
  font-weight: 600;
}

.hx .prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.hx .prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.hx .prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.hx .prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}

.hx .prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-alpha;
}

.hx .prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-alpha;
}

.hx .prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-alpha;
}

.hx .prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-alpha;
}

.hx .prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-roman;
}

.hx .prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-roman;
}

.hx .prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-roman;
}

.hx .prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-roman;
}

.hx .prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: decimal;
}

.hx .prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}

.hx .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
  font-weight: 400;
  color: var(--tw-prose-counters);
}

.hx .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
  color: var(--tw-prose-bullets);
}

.hx .prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.25em;
}

.hx .prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}

.hx .prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-inline-start-width: 0.25rem;
  border-inline-start-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-inline-start: 1em;
}

.hx .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: open-quote;
}

.hx .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: close-quote;
}

.hx .prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}

.hx .prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 900;
  color: inherit;
}

.hx .prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}

.hx .prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 800;
  color: inherit;
}

.hx .prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}

.hx .prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 700;
  color: inherit;
}

.hx .prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}

.hx .prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 700;
  color: inherit;
}

.hx .prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}

.hx .prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}

.hx .prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}

.hx .prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 500;
  font-family: inherit;
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  padding-inline-end: 0.375em;
  padding-bottom: 0.1875em;
  padding-inline-start: 0.375em;
}

.hx .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}

.hx .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: "`";
}

.hx .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: "`";
}

.hx .prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.hx .prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.hx .prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
  font-size: 0.875em;
}

.hx .prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
  font-size: 0.9em;
}

.hx .prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.hx .prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.hx .prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.hx .prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-inline-end: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-inline-start: 1.1428571em;
}

.hx .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

.hx .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: none;
}

.hx .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: none;
}

.hx .prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  width: 100%;
  table-layout: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}

.hx .prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}

.hx .prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}

.hx .prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}

.hx .prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 0;
}

.hx .prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  vertical-align: baseline;
}

.hx .prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}

.hx .prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  vertical-align: top;
}

.hx .prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  text-align: start;
}

.hx .prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}

.hx .prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}

.hx .prose{
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: 17 24 39;
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: 255 255 255;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
}

.hx .prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}

.hx .prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.hx .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.375em;
}

.hx .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.375em;
}

.hx .prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.hx .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
}

.hx .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.25em;
}

.hx .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
}

.hx .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.25em;
}

.hx .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.hx .prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.hx .prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5em;
  padding-inline-start: 1.625em;
}

.hx .prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.hx .prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.hx .prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.hx .prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.hx .prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}

.hx .prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}

.hx .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-top: 0.5714286em;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}

.hx .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}

.hx .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}

.hx .prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}

.hx .prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.hx .prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 0;
}

.hx .prose-lg{
  font-size: 1.125rem;
  line-height: 1.7777778;
}

.hx .prose-lg :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
}

.hx .prose-lg :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1.2222222em;
  line-height: 1.4545455;
  margin-top: 1.0909091em;
  margin-bottom: 1.0909091em;
}

.hx .prose-lg :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.6666667em;
  margin-bottom: 1.6666667em;
  padding-inline-start: 1em;
}

.hx .prose-lg :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 2.6666667em;
  margin-top: 0;
  margin-bottom: 0.8333333em;
  line-height: 1;
}

.hx .prose-lg :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1.6666667em;
  margin-top: 1.8666667em;
  margin-bottom: 1.0666667em;
  line-height: 1.3333333;
}

.hx .prose-lg :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1.3333333em;
  margin-top: 1.6666667em;
  margin-bottom: 0.6666667em;
  line-height: 1.5;
}

.hx .prose-lg :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7777778em;
  margin-bottom: 0.4444444em;
  line-height: 1.5555556;
}

.hx .prose-lg :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em;
}

.hx .prose-lg :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em;
}

.hx .prose-lg :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}

.hx .prose-lg :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em;
}

.hx .prose-lg :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8888889em;
  border-radius: 0.3125rem;
  padding-top: 0.2222222em;
  padding-inline-end: 0.4444444em;
  padding-bottom: 0.2222222em;
  padding-inline-start: 0.4444444em;
}

.hx .prose-lg :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8888889em;
}

.hx .prose-lg :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8666667em;
}

.hx .prose-lg :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.875em;
}

.hx .prose-lg :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8888889em;
  line-height: 1.75;
  margin-top: 2em;
  margin-bottom: 2em;
  border-radius: 0.375rem;
  padding-top: 1em;
  padding-inline-end: 1.5em;
  padding-bottom: 1em;
  padding-inline-start: 1.5em;
}

.hx .prose-lg :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
  padding-inline-start: 1.5555556em;
}

.hx .prose-lg :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
  padding-inline-start: 1.5555556em;
}

.hx .prose-lg :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.6666667em;
  margin-bottom: 0.6666667em;
}

.hx .prose-lg :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.4444444em;
}

.hx .prose-lg :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.4444444em;
}

.hx .prose-lg :where(.prose-lg > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.8888889em;
  margin-bottom: 0.8888889em;
}

.hx .prose-lg :where(.prose-lg > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.3333333em;
}

.hx .prose-lg :where(.prose-lg > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.3333333em;
}

.hx .prose-lg :where(.prose-lg > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.3333333em;
}

.hx .prose-lg :where(.prose-lg > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.3333333em;
}

.hx .prose-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.8888889em;
  margin-bottom: 0.8888889em;
}

.hx .prose-lg :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
}

.hx .prose-lg :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.3333333em;
}

.hx .prose-lg :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.6666667em;
  padding-inline-start: 1.5555556em;
}

.hx .prose-lg :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 3.1111111em;
  margin-bottom: 3.1111111em;
}

.hx .prose-lg :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.hx .prose-lg :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.hx .prose-lg :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.hx .prose-lg :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.hx .prose-lg :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8888889em;
  line-height: 1.5;
}

.hx .prose-lg :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0.75em;
  padding-bottom: 0.75em;
  padding-inline-start: 0.75em;
}

.hx .prose-lg :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}

.hx .prose-lg :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}

.hx .prose-lg :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-top: 0.75em;
  padding-inline-end: 0.75em;
  padding-bottom: 0.75em;
  padding-inline-start: 0.75em;
}

.hx .prose-lg :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}

.hx .prose-lg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}

.hx .prose-lg :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em;
}

.hx .prose-lg :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}

.hx .prose-lg :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8888889em;
  line-height: 1.5;
  margin-top: 1em;
}

.hx .prose-lg :where(.prose-lg > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.hx .prose-lg :where(.prose-lg > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 0;
}

.hx .avatar{
  position: relative;
  display: inline-flex;
}

.hx .avatar > div{
  display: block;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.hx .avatar img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.hx .avatar.placeholder > div{
  display: flex;
  align-items: center;
  justify-content: center;
}

.hx .badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 200ms;
  height: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  width: fit-content;
  padding-left: 0.563rem;
  padding-right: 0.563rem;
  border-radius: var(--rounded-badge, 1.9rem);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
}

.hx .breadcrumbs{
  max-width: 100%;
  overflow-x: auto;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.hx .breadcrumbs > ul, .hx .breadcrumbs > ol{
  display: flex;
  align-items: center;
  white-space: nowrap;
  min-height: min-content;
}

.hx .breadcrumbs > ul > li, .hx .breadcrumbs > ol > li{
  display: flex;
  align-items: center;
}

.hx .breadcrumbs > ul > li > a, .hx .breadcrumbs > ol > li > a{
  display: flex;
  cursor: pointer;
  align-items: center;
}

@media (hover:hover){

  .hx .breadcrumbs > ul > li > a:hover, .hx .breadcrumbs > ol > li > a:hover{
    text-decoration-line: underline;
  }

  .hx .label a:hover{
    --tw-text-opacity: 1;
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
  }

  .hx .menu li > *:not(ul, .menu-title, details, .btn):active, .hx .menu li > *:not(ul, .menu-title, details, .btn).active, .hx .menu li > details > summary:active{
    --tw-bg-opacity: 1;
    background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
    --tw-text-opacity: 1;
    color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));
  }

  .hx .\!tab:hover{
    --tw-text-opacity: 1 !important;
  }

  .hx .tab:hover{
    --tw-text-opacity: 1;
  }

  .hx .table tr.hover:hover, .hx .table tr.hover:nth-child(even):hover{
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
  }
}

.hx .btn{
  display: inline-flex;
  height: 3rem;
  min-height: 3rem;
  flex-shrink: 0;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border-radius: var(--rounded-btn, 0.5rem);
  border-color: transparent;
  border-color: oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1em;
  gap: 0.5rem;
  font-weight: 600;
  text-decoration-line: none;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  border-width: var(--border-btn, 1px);
  transition-property: color, background-color, border-color, opacity, box-shadow, transform;
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline-color: var(--fallback-bc,oklch(var(--bc)/1));
  background-color: oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity));
  --tw-bg-opacity: 1;
  --tw-border-opacity: 1;
}

.hx .btn-disabled, .hx .btn[disabled], .hx .btn:disabled{
  pointer-events: none;
}

.hx .btn-circle{
  height: 3rem;
  width: 3rem;
  border-radius: 9999px;
  padding: 0px;
}

.hx :where(.btn:is(input[type="checkbox"])), .hx :where(.btn:is(input[type="radio"])){
  width: auto;
  appearance: none;
}

.hx .btn:is(input[type="checkbox"]):after, .hx .btn:is(input[type="radio"]):after{
  --tw-content: attr(aria-label);
  content: var(--tw-content);
}

.hx .card{
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: var(--rounded-box, 1rem);
}

.hx .card:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.hx .card-body{
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: var(--padding-card, 2rem);
  gap: 0.5rem;
}

.hx .card-body :where(p){
  flex-grow: 1;
}

.hx .card-actions{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.5rem;
}

.hx .card figure{
  display: flex;
  align-items: center;
  justify-content: center;
}

.hx .card.image-full{
  display: grid;
}

.hx .card.image-full:before{
  position: relative;
  content: "";
  z-index: 10;
  border-radius: var(--rounded-box, 1rem);
  --tw-bg-opacity: 1;
  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
  opacity: 0.75;
}

.hx .card.image-full:before, .hx .card.image-full > *{
  grid-column-start: 1;
  grid-row-start: 1;
}

.hx .card.image-full > figure img{
  height: 100%;
  object-fit: cover;
}

.hx .card.image-full > .card-body{
  position: relative;
  z-index: 20;
  --tw-text-opacity: 1;
  color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));
}

.hx .carousel{
  display: inline-flex;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.hx .carousel-item{
  box-sizing: content-box;
  display: flex;
  flex: none;
  scroll-snap-align: start;
}

.hx .carousel-start .carousel-item{
  scroll-snap-align: start;
}

.hx .carousel-center .carousel-item{
  scroll-snap-align: center;
}

.hx .carousel-end .carousel-item{
  scroll-snap-align: end;
}

.hx .checkbox{
  flex-shrink: 0;
  --chkbg: var(--fallback-bc,oklch(var(--bc)/1));
  --chkfg: var(--fallback-b1,oklch(var(--b1)/1));
  height: 1.5rem;
  width: 1.5rem;
  cursor: pointer;
  appearance: none;
  border-radius: var(--rounded-btn, 0.5rem);
  border-width: 1px;
  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
  --tw-border-opacity: 0.2;
}

.hx .collapse:not(td):not(tr):not(colgroup){
  visibility: visible;
}

.hx .collapse{
  position: relative;
  display: grid;
  overflow: hidden;
  grid-template-rows: max-content 0fr;
  transition: grid-template-rows 0.2s;
  width: 100%;
  border-radius: var(--rounded-box, 1rem);
}

.hx .collapse-title, .hx .collapse > input[type="checkbox"], .hx .collapse > input[type="radio"], .hx .collapse-content{
  grid-column-start: 1;
  grid-row-start: 1;
}

.hx .collapse > input[type="checkbox"], .hx .collapse > input[type="radio"]{
  appearance: none;
  opacity: 0;
}

.hx :where(.collapse > input[type="checkbox"]), .hx :where(.collapse > input[type="radio"]){
  height: 100%;
  width: 100%;
  z-index: 1;
}

.hx .collapse[open], .hx .collapse-open, .hx .collapse:focus:not(.collapse-close){
  grid-template-rows: max-content 1fr;
}

.hx .collapse:not(.collapse-close):has(> input[type="checkbox"]:checked), .hx .collapse:not(.collapse-close):has(> input[type="radio"]:checked){
  grid-template-rows: max-content 1fr;
}

.hx .collapse[open] > .collapse-content, .hx .collapse-open > .collapse-content, .hx .collapse:focus:not(.collapse-close) > .collapse-content, .hx .collapse:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-content, .hx .collapse:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-content{
  visibility: visible;
  min-height: fit-content;
}

.hx .diff{
  position: relative;
  display: grid;
  width: 100%;
  overflow: hidden;
  direction: ltr;
  container-type: inline-size;
  grid-template-columns: auto 1fr;
}

.hx .divider{
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
  margin-top: 1rem;
  margin-bottom: 1rem;
  height: 1rem;
  white-space: nowrap;
}

.hx .divider:before, .hx .divider:after{
  height: 0.125rem;
  width: 100%;
  flex-grow: 1;
  --tw-content: '';
  content: var(--tw-content);
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
}

.hx .dropdown{
  position: relative;
  display: inline-block;
}

.hx .dropdown > *:not(summary):focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.hx .dropdown .dropdown-content{
  position: absolute;
}

.hx .dropdown:is(:not(details)) .dropdown-content{
  visibility: hidden;
  opacity: 0;
  transform-origin: top;
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 200ms;
}

.hx .dropdown-end .dropdown-content{
  inset-inline-end: 0px;
}

.hx .dropdown-left .dropdown-content{
  bottom: auto;
  inset-inline-end: 100%;
  top: 0px;
  transform-origin: right;
}

.hx .dropdown-right .dropdown-content{
  bottom: auto;
  inset-inline-start: 100%;
  top: 0px;
  transform-origin: left;
}

.hx .dropdown-bottom .dropdown-content{
  bottom: auto;
  top: 100%;
  transform-origin: top;
}

.hx .dropdown-top .dropdown-content{
  bottom: 100%;
  top: auto;
  transform-origin: bottom;
}

.hx .dropdown-end.dropdown-right .dropdown-content{
  bottom: 0px;
  top: auto;
}

.hx .dropdown-end.dropdown-left .dropdown-content{
  bottom: 0px;
  top: auto;
}

.hx .dropdown.dropdown-open .dropdown-content, .hx .dropdown:not(.dropdown-hover):focus .dropdown-content, .hx .dropdown:focus-within .dropdown-content{
  visibility: visible;
  opacity: 1;
}

@media (hover: hover){

  .hx .dropdown.dropdown-hover:hover .dropdown-content{
    visibility: visible;
    opacity: 1;
  }

  .hx .btm-nav > *.disabled:hover, .hx .btm-nav > *[disabled]:hover{
    pointer-events: none;
    --tw-border-opacity: 0;
    background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
    --tw-bg-opacity: 0.1;
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
    --tw-text-opacity: 0.2;
  }

  .hx .btn:hover{
    --tw-border-opacity: 1;
    border-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)));
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
  }

  @supports (color: color-mix(in oklab, black, black)){

    .hx .btn:hover{
      background-color: color-mix(
            in oklab,
            oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%,
            black
          );
      border-color: color-mix(
            in oklab,
            oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%,
            black
          );
    }
  }

  @supports not (color: oklch(0% 0 0)){

    .hx .btn:hover{
      background-color: var(--btn-color, var(--fallback-b2));
      border-color: var(--btn-color, var(--fallback-b2));
    }
  }

  .hx .btn.glass:hover{
    --glass-opacity: 25%;
    --glass-border-opacity: 15%;
  }

  .hx .btn-ghost:hover{
    border-color: transparent;
  }

  @supports (color: oklch(0% 0 0)){

    .hx .btn-ghost:hover{
      background-color: var(--fallback-bc,oklch(var(--bc)/0.2));
    }
  }

  .hx .btn-link:hover{
    border-color: transparent;
    background-color: transparent;
    text-decoration-line: underline;
  }

  .hx .btn-outline:hover{
    --tw-border-opacity: 1;
    border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
    --tw-bg-opacity: 1;
    background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
    --tw-text-opacity: 1;
    color: var(--fallback-b1,oklch(var(--b1)/var(--tw-text-opacity)));
  }

  .hx .btn-outline.btn-primary:hover{
    --tw-text-opacity: 1;
    color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
  }

  @supports (color: color-mix(in oklab, black, black)){

    .hx .btn-outline.btn-primary:hover{
      background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
      border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
    }
  }

  .hx .btn-outline.btn-secondary:hover{
    --tw-text-opacity: 1;
    color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
  }

  @supports (color: color-mix(in oklab, black, black)){

    .hx .btn-outline.btn-secondary:hover{
      background-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black);
      border-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black);
    }
  }

  .hx .btn-outline.btn-accent:hover{
    --tw-text-opacity: 1;
    color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)));
  }

  @supports (color: color-mix(in oklab, black, black)){

    .hx .btn-outline.btn-accent:hover{
      background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black);
      border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black);
    }
  }

  .hx .btn-outline.btn-success:hover{
    --tw-text-opacity: 1;
    color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));
  }

  @supports (color: color-mix(in oklab, black, black)){

    .hx .btn-outline.btn-success:hover{
      background-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black);
      border-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black);
    }
  }

  .hx .btn-outline.btn-info:hover{
    --tw-text-opacity: 1;
    color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)));
  }

  @supports (color: color-mix(in oklab, black, black)){

    .hx .btn-outline.btn-info:hover{
      background-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black);
      border-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black);
    }
  }

  .hx .btn-outline.btn-warning:hover{
    --tw-text-opacity: 1;
    color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
  }

  @supports (color: color-mix(in oklab, black, black)){

    .hx .btn-outline.btn-warning:hover{
      background-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black);
      border-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black);
    }
  }

  .hx .btn-outline.btn-error:hover{
    --tw-text-opacity: 1;
    color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));
  }

  @supports (color: color-mix(in oklab, black, black)){

    .hx .btn-outline.btn-error:hover{
      background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);
      border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);
    }
  }

  .hx .btn-disabled:hover, .hx .btn[disabled]:hover, .hx .btn:disabled:hover{
    --tw-border-opacity: 0;
    background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
    --tw-bg-opacity: 0.2;
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
    --tw-text-opacity: 0.2;
  }

  @supports (color: color-mix(in oklab, black, black)){

    .hx .btn:is(input[type="checkbox"]:checked):hover, .hx .btn:is(input[type="radio"]:checked):hover{
      background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
      border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
    }
  }

  .hx .dropdown.dropdown-hover:hover .dropdown-content{
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .hx :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(.active, .btn):hover, .hx :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.active, .btn):hover{
    cursor: pointer;
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  @supports (color: oklch(0% 0 0)){

    .hx :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(.active, .btn):hover, .hx :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.active, .btn):hover{
      background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
    }
  }

  .hx .\!tab[disabled], .hx .\!tab[disabled]:hover{
    cursor: not-allowed !important;
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))) !important;
    --tw-text-opacity: 0.2 !important;
  }

  .hx .tab[disabled], .hx .tab[disabled]:hover{
    cursor: not-allowed;
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
    --tw-text-opacity: 0.2;
  }

  .hx .\!tab[disabled], .hx .\!tab[disabled]:hover{
    cursor: not-allowed !important;
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))) !important;
    --tw-text-opacity: 0.2 !important;
  }
}

.hx .dropdown:is(details) summary::-webkit-details-marker{
  display: none;
}

.hx .footer{
  display: grid;
  width: 100%;
  grid-auto-flow: row;
  place-items: start;
  column-gap: 1rem;
  row-gap: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.hx .footer > *{
  display: grid;
  place-items: start;
  gap: 0.5rem;
}

@media (min-width: 48rem){

  .hx .footer{
    grid-auto-flow: column;
  }

  .hx .footer-center{
    grid-auto-flow: row dense;
  }
}

.hx .label{
  display: flex;
  -webkit-user-select: none;
          user-select: none;
  align-items: center;
  justify-content: space-between;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.hx .\!input{
  flex-shrink: 1 !important;
  appearance: none !important;
  height: 3rem !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  font-size: 1rem !important;
  line-height: 2 !important;
  line-height: 1.5rem !important;
  border-radius: var(--rounded-btn, 0.5rem) !important;
  border-width: 1px !important;
  border-color: transparent !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))) !important;
}

.hx .input{
  flex-shrink: 1;
  appearance: none;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  line-height: 2;
  line-height: 1.5rem;
  border-radius: var(--rounded-btn, 0.5rem);
  border-width: 1px;
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
}

.hx .\!input[type="number"]::-webkit-inner-spin-button{
  margin-top: -1rem !important;
  margin-bottom: -1rem !important;
  margin-inline-end: -1rem !important;
}

.hx .input[type="number"]::-webkit-inner-spin-button, .hx .input-md[type="number"]::-webkit-inner-spin-button{
  margin-top: -1rem;
  margin-bottom: -1rem;
  margin-inline-end: -1rem;
}

.hx .join{
  display: inline-flex;
  align-items: stretch;
  border-radius: var(--rounded-btn, 0.5rem);
}

.hx .join :where(.join-item){
  border-start-end-radius: 0;
  border-end-end-radius: 0;
  border-end-start-radius: 0;
  border-start-start-radius: 0;
}

.hx .join .join-item:not(:first-child):not(:last-child), .hx .join *:not(:first-child):not(:last-child) .join-item{
  border-start-end-radius: 0;
  border-end-end-radius: 0;
  border-end-start-radius: 0;
  border-start-start-radius: 0;
}

.hx .join .join-item:first-child:not(:last-child), .hx .join *:first-child:not(:last-child) .join-item{
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}

.hx .join .dropdown .join-item:first-child:not(:last-child), .hx .join *:first-child:not(:last-child) .dropdown .join-item{
  border-start-end-radius: inherit;
  border-end-end-radius: inherit;
}

.hx .join :where(.join-item:first-child:not(:last-child)), .hx .join :where(*:first-child:not(:last-child) .join-item){
  border-end-start-radius: inherit;
  border-start-start-radius: inherit;
}

.hx .join .join-item:last-child:not(:first-child), .hx .join *:last-child:not(:first-child) .join-item{
  border-end-start-radius: 0;
  border-start-start-radius: 0;
}

.hx .join :where(.join-item:last-child:not(:first-child)), .hx .join :where(*:last-child:not(:first-child) .join-item){
  border-start-end-radius: inherit;
  border-end-end-radius: inherit;
}

@supports not selector(:has(*)){

  .hx :where(.join *){
    border-radius: inherit;
  }
}

@supports selector(:has(*)){

  .hx :where(.join *:has(.join-item)){
    border-radius: inherit;
  }
}

.hx .kbd{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--rounded-btn, 0.5rem);
  border-width: 1px;
  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
  --tw-border-opacity: 0.2;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
  border-bottom-width: 2px;
  min-height: 2.2em;
  min-width: 2.2em;
}

.hx .link{
  cursor: pointer;
  text-decoration-line: underline;
}

.hx .menu{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.5rem;
}

.hx .menu :where(li ul){
  position: relative;
  white-space: nowrap;
  margin-inline-start: 1rem;
  padding-inline-start: 0.5rem;
}

.hx .menu :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)), .hx .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)){
  display: grid;
  grid-auto-flow: column;
  align-content: flex-start;
  align-items: center;
  gap: 0.5rem;
  grid-auto-columns: minmax(auto, max-content) auto max-content;
  -webkit-user-select: none;
          user-select: none;
}

.hx .menu li.disabled{
  cursor: not-allowed;
  -webkit-user-select: none;
          user-select: none;
  color: var(--fallback-bc,oklch(var(--bc)/0.3));
}

.hx .menu :where(li > .menu-dropdown:not(.menu-dropdown-show)){
  display: none;
}

.hx :where(.menu li){
  position: relative;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: stretch;
}

.hx :where(.menu li) .badge{
  justify-self: end;
}

.hx .modal{
  pointer-events: none;
  position: fixed;
  inset: 0px;
  margin: 0px;
  display: grid;
  height: 100%;
  max-height: none;
  width: 100%;
  max-width: none;
  justify-items: center;
  padding: 0px;
  opacity: 0;
  overscroll-behavior: contain;
  z-index: 999;
  background-color: transparent;
  color: inherit;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-property: transform, opacity, visibility;
  overflow-y: hidden;
}

.hx :where(.modal){
  align-items: center;
}

.hx .modal-box{
  max-height: calc(100vh - 5em);
  grid-column-start: 1;
  grid-row-start: 1;
  width: 91.666667%;
  max-width: 32rem;
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-bottom-right-radius: var(--rounded-box, 1rem);
  border-bottom-left-radius: var(--rounded-box, 1rem);
  border-top-left-radius: var(--rounded-box, 1rem);
  border-top-right-radius: var(--rounded-box, 1rem);
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
  padding: 1.5rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 200ms;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.hx .modal-open, .hx .modal:target, .hx .modal-toggle:checked + .modal, .hx .modal[open]{
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}

.hx .modal-action{
  display: flex;
  margin-top: 1.5rem;
  justify-content: flex-end;
}

:root:has(:is(.modal-open, .modal:target, .modal-toggle:checked + .modal, .modal[open])){
  overflow: hidden;
  scrollbar-gutter: stable;
}

.hx .radio{
  flex-shrink: 0;
  --chkbg: var(--bc);
  height: 1.5rem;
  width: 1.5rem;
  cursor: pointer;
  appearance: none;
  border-radius: 9999px;
  border-width: 1px;
  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
  --tw-border-opacity: 0.2;
}

.hx .range{
  height: 1.5rem;
  width: 100%;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  --range-shdw: var(--fallback-bc,oklch(var(--bc)/1));
  overflow: hidden;
  border-radius: var(--rounded-box, 1rem);
  background-color: transparent;
}

.hx .range:focus{
  outline: none;
}

.hx .select{
  display: inline-flex;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  appearance: none;
  height: 3rem;
  min-height: 3rem;
  padding-inline-start: 1rem;
  padding-inline-end: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 2;
  border-radius: var(--rounded-btn, 0.5rem);
  border-width: 1px;
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
  background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),
    linear-gradient(135deg, currentColor 50%, transparent 50%);
  background-position: calc(100% - 20px) calc(1px + 50%),
    calc(100% - 16.1px) calc(1px + 50%);
  background-size: 4px 4px,
    4px 4px;
  background-repeat: no-repeat;
}

.hx .select[multiple]{
  height: auto;
}

.hx .steps{
  display: inline-grid;
  grid-auto-flow: column;
  overflow: hidden;
  overflow-x: auto;
  counter-reset: step;
  grid-auto-columns: 1fr;
}

.hx .steps .step{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-template-columns: auto;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  grid-template-rows: 40px 1fr;
  place-items: center;
  text-align: center;
  min-width: 4rem;
}

.hx .swap{
  position: relative;
  display: inline-grid;
  -webkit-user-select: none;
          user-select: none;
  place-content: center;
  cursor: pointer;
}

.hx .swap > *{
  grid-column-start: 1;
  grid-row-start: 1;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-property: transform, opacity;
}

.hx .swap input{
  appearance: none;
}

.hx .swap .swap-on, .hx .swap .swap-indeterminate, .hx .swap input:indeterminate ~ .swap-on{
  opacity: 0;
}

.hx .swap input:checked ~ .swap-off, .hx .swap-active .swap-off, .hx .swap input:indeterminate ~ .swap-off{
  opacity: 0;
}

.hx .swap input:checked ~ .swap-on, .hx .swap-active .swap-on, .hx .swap input:indeterminate ~ .swap-indeterminate{
  opacity: 1;
}

.hx .tabs{
  display: grid;
  align-items: flex-end;
}

.hx .tabs-lifted:has(.tab-content[class^="rounded-"])
    .\!tab:first-child:not(:is(.tab-active, [aria-selected="true"])), .hx .tabs-lifted:has(.tab-content[class*=" rounded-"])
    .\!tab:first-child:not(:is(.tab-active, [aria-selected="true"])){
  border-bottom-color: transparent !important;
}

.hx .tabs-lifted:has(.tab-content[class^="rounded-"])
    .tab:first-child:not(:is(.tab-active, [aria-selected="true"])), .hx .tabs-lifted:has(.tab-content[class*=" rounded-"])
    .tab:first-child:not(:is(.tab-active, [aria-selected="true"])){
  border-bottom-color: transparent;
}

.hx .tabs-lifted:has(.tab-content[class^="rounded-"])
    .\!tab:first-child:not(:is(.tab-active, [aria-selected="true"])), .hx .tabs-lifted:has(.tab-content[class*=" rounded-"])
    .\!tab:first-child:not(:is(.tab-active, [aria-selected="true"])){
  border-bottom-color: transparent !important;
}

.hx .\!tab{
  position: relative !important;
  grid-row-start: 1 !important;
  display: inline-flex !important;
  height: 2rem !important;
  cursor: pointer !important;
  -webkit-user-select: none !important;
          user-select: none !important;
  appearance: none !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  line-height: 2 !important;
  --tab-padding: 1rem !important;
  --tw-text-opacity: 0.5 !important;
  --tab-color: var(--fallback-bc,oklch(var(--bc)/1)) !important;
  --tab-bg: var(--fallback-b1,oklch(var(--b1)/1)) !important;
  --tab-border-color: var(--fallback-b3,oklch(var(--b3)/1)) !important;
  color: var(--tab-color) !important;
  padding-inline-start: var(--tab-padding, 1rem) !important;
  padding-inline-end: var(--tab-padding, 1rem) !important;
}

.hx .tab{
  position: relative;
  grid-row-start: 1;
  display: inline-flex;
  height: 2rem;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  appearance: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 2;
  --tab-padding: 1rem;
  --tw-text-opacity: 0.5;
  --tab-color: var(--fallback-bc,oklch(var(--bc)/1));
  --tab-bg: var(--fallback-b1,oklch(var(--b1)/1));
  --tab-border-color: var(--fallback-b3,oklch(var(--b3)/1));
  color: var(--tab-color);
  padding-inline-start: var(--tab-padding, 1rem);
  padding-inline-end: var(--tab-padding, 1rem);
}

.hx .\!tab:is(input[type="radio"]){
  width: auto !important;
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.hx .tab:is(input[type="radio"]){
  width: auto;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.hx .\!tab:is(input[type="radio"]):after{
  --tw-content: attr(aria-label) !important;
  content: var(--tw-content) !important;
}

.hx .tab:is(input[type="radio"]):after{
  --tw-content: attr(aria-label);
  content: var(--tw-content);
}

.hx .\!tab:not(input):empty{
  cursor: default !important;
  grid-column-start: span 9999 !important;
}

.hx .tab:not(input):empty{
  cursor: default;
  grid-column-start: span 9999;
}

.hx input.\!tab:checked + .tab-content{
  display: block !important;
}

.hx input.tab:checked + .tab-content, .hx :is(.tab-active, [aria-selected="true"]) + .tab-content{
  display: block;
}

.hx .table{
  position: relative;
  width: 100%;
  border-radius: var(--rounded-box, 1rem);
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.hx .table :where(.table-pin-rows thead tr){
  position: sticky;
  top: 0px;
  z-index: 1;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
}

.hx .table :where(.table-pin-rows tfoot tr){
  position: sticky;
  bottom: 0px;
  z-index: 1;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
}

.hx .table :where(.table-pin-cols tr th){
  position: sticky;
  left: 0px;
  right: 0px;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
}

.hx .textarea{
  min-height: 3rem;
  flex-shrink: 1;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 2;
  border-radius: var(--rounded-btn, 0.5rem);
  border-width: 1px;
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
}

.hx .toggle{
  flex-shrink: 0;
  --tglbg: var(--fallback-b1,oklch(var(--b1)/1));
  --handleoffset: 1.5rem;
  --handleoffsetcalculator: calc(var(--handleoffset) * -1);
  --togglehandleborder: 0 0;
  height: 1.5rem;
  width: 3rem;
  cursor: pointer;
  appearance: none;
  border-radius: var(--rounded-badge, 1.9rem);
  border-width: 1px;
  border-color: currentColor;
  background-color: currentColor;
  color: var(--fallback-bc,oklch(var(--bc)/0.5));
  transition: background,
    box-shadow var(--animation-input, 0.2s) ease-out;
  box-shadow: var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset,
    0 0 0 2px var(--tglbg) inset,
    var(--togglehandleborder);
}

.hx .alert-warning{
  border-color: var(--fallback-wa,oklch(var(--wa)/0.2));
  --tw-text-opacity: 1;
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
  --alert-bg: var(--fallback-wa,oklch(var(--wa)/1));
  --alert-bg-mix: var(--fallback-b1,oklch(var(--b1)/1));
}

.hx .avatar-group :where(.avatar){
  overflow: hidden;
  border-radius: 9999px;
  border-width: 4px;
  --tw-border-opacity: 1;
  border-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-border-opacity)));
}

.hx .btm-nav > *:where(.active){
  border-top-width: 2px;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
}

.hx .btm-nav > *.disabled, .hx .btm-nav > *[disabled]{
  pointer-events: none;
  --tw-border-opacity: 0;
  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
  --tw-bg-opacity: 0.1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
  --tw-text-opacity: 0.2;
}

.hx .btm-nav > * .label{
  font-size: 1rem;
  line-height: 1.5rem;
}

.hx .breadcrumbs > ul > li > a:focus, .hx .breadcrumbs > ol > li > a:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.hx .breadcrumbs > ul > li > a:focus-visible, .hx .breadcrumbs > ol > li > a:focus-visible{
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.hx .breadcrumbs > ul > li + *:before, .hx .breadcrumbs > ol > li + *:before{
  content: "";
  margin-left: 0.5rem;
  margin-right: 0.75rem;
  display: block;
  height: 0.375rem;
  width: 0.375rem;
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0.4;
  border-top: 1px solid;
  border-right: 1px solid;
  background-color: transparent;
}

.hx [dir="rtl"] .breadcrumbs > ul > li + *:before, .hx [dir="rtl"] .breadcrumbs > ol > li + *:before{
  --tw-rotate: -135deg;
}

@media (prefers-reduced-motion: no-preference){

  .hx .btn{
    animation: button-pop var(--animation-btn, 0.25s) ease-out;
  }
}

.hx .btn:active:hover, .hx .btn:active:focus{
  animation: button-pop 0s ease-out;
  transform: scale(var(--btn-focus-scale, 0.97));
}

@supports not (color: oklch(0% 0 0)){

  .hx .btn{
    background-color: var(--btn-color, var(--fallback-b2));
    border-color: var(--btn-color, var(--fallback-b2));
  }

  .hx .btn-primary{
    --btn-color: var(--fallback-p);
  }

  .hx .btn-secondary{
    --btn-color: var(--fallback-s);
  }

  .hx .btn-neutral{
    --btn-color: var(--fallback-n);
  }

  .hx .btn-success{
    --btn-color: var(--fallback-su);
  }

  .hx .btn-warning{
    --btn-color: var(--fallback-wa);
  }

  .hx .btn-error{
    --btn-color: var(--fallback-er);
  }

  .hx .prose :where(code):not(:where([class~="not-prose"] *, pre *)){
    background-color: var(--fallback-b3,oklch(var(--b3)/1));
  }
}

@supports (color: color-mix(in oklab, black, black)){

  .hx .btn-outline.btn-primary.btn-active{
    background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
    border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
  }

  .hx .btn-outline.btn-secondary.btn-active{
    background-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black);
    border-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black);
  }

  .hx .btn-outline.btn-accent.btn-active{
    background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black);
    border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black);
  }

  .hx .btn-outline.btn-success.btn-active{
    background-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black);
    border-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black);
  }

  .hx .btn-outline.btn-info.btn-active{
    background-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black);
    border-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black);
  }

  .hx .btn-outline.btn-warning.btn-active{
    background-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black);
    border-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black);
  }

  .hx .btn-outline.btn-error.btn-active{
    background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);
    border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);
  }
}

.hx .btn:focus-visible{
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
}

.hx .btn-primary{
  --tw-text-opacity: 1;
  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
  outline-color: var(--fallback-p,oklch(var(--p)/1));
}

@supports (color: oklch(0% 0 0)){

  .hx .btn-primary{
    --btn-color: var(--p);
  }

  .hx .btn-secondary{
    --btn-color: var(--s);
  }

  .hx .btn-neutral{
    --btn-color: var(--n);
  }

  .hx .btn-success{
    --btn-color: var(--su);
  }

  .hx .btn-warning{
    --btn-color: var(--wa);
  }

  .hx .btn-error{
    --btn-color: var(--er);
  }
}

.hx .btn-secondary{
  --tw-text-opacity: 1;
  color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
  outline-color: var(--fallback-s,oklch(var(--s)/1));
}

.hx .btn-neutral{
  --tw-text-opacity: 1;
  color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));
  outline-color: var(--fallback-n,oklch(var(--n)/1));
}

.hx .btn-success{
  --tw-text-opacity: 1;
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));
  outline-color: var(--fallback-su,oklch(var(--su)/1));
}

.hx .btn-warning{
  --tw-text-opacity: 1;
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
  outline-color: var(--fallback-wa,oklch(var(--wa)/1));
}

.hx .btn-error{
  --tw-text-opacity: 1;
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));
  outline-color: var(--fallback-er,oklch(var(--er)/1));
}

.hx .btn.glass{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline-color: currentColor;
}

.hx .btn.glass.btn-active{
  --glass-opacity: 25%;
  --glass-border-opacity: 15%;
}

.hx .btn-ghost{
  border-width: 1px;
  border-color: transparent;
  background-color: transparent;
  color: currentColor;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline-color: currentColor;
}

.hx .btn-ghost.btn-active{
  border-color: transparent;
  background-color: var(--fallback-bc,oklch(var(--bc)/0.2));
}

.hx .btn-link{
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)));
  text-decoration-line: underline;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline-color: currentColor;
}

.hx .btn-link.btn-active{
  border-color: transparent;
  background-color: transparent;
  text-decoration-line: underline;
}

.hx .btn-outline{
  border-color: currentColor;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hx .btn-outline.btn-active{
  --tw-border-opacity: 1;
  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
  --tw-text-opacity: 1;
  color: var(--fallback-b1,oklch(var(--b1)/var(--tw-text-opacity)));
}

.hx .btn-outline.btn-primary{
  --tw-text-opacity: 1;
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)));
}

.hx .btn-outline.btn-primary.btn-active{
  --tw-text-opacity: 1;
  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
}

.hx .btn-outline.btn-secondary{
  --tw-text-opacity: 1;
  color: var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity)));
}

.hx .btn-outline.btn-secondary.btn-active{
  --tw-text-opacity: 1;
  color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
}

.hx .btn-outline.btn-accent{
  --tw-text-opacity: 1;
  color: var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity)));
}

.hx .btn-outline.btn-accent.btn-active{
  --tw-text-opacity: 1;
  color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)));
}

.hx .btn-outline.btn-success{
  --tw-text-opacity: 1;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity)));
}

.hx .btn-outline.btn-success.btn-active{
  --tw-text-opacity: 1;
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));
}

.hx .btn-outline.btn-info{
  --tw-text-opacity: 1;
  color: var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity)));
}

.hx .btn-outline.btn-info.btn-active{
  --tw-text-opacity: 1;
  color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)));
}

.hx .btn-outline.btn-warning{
  --tw-text-opacity: 1;
  color: var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity)));
}

.hx .btn-outline.btn-warning.btn-active{
  --tw-text-opacity: 1;
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
}

.hx .btn-outline.btn-error{
  --tw-text-opacity: 1;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity)));
}

.hx .btn-outline.btn-error.btn-active{
  --tw-text-opacity: 1;
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));
}

.hx .btn.btn-disabled, .hx .btn[disabled], .hx .btn:disabled{
  --tw-border-opacity: 0;
  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
  --tw-bg-opacity: 0.2;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
  --tw-text-opacity: 0.2;
}

.hx .btn:is(input[type="checkbox"]:checked), .hx .btn:is(input[type="radio"]:checked){
  --tw-border-opacity: 1;
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
  --tw-text-opacity: 1;
  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
}

.hx .btn:is(input[type="checkbox"]:checked):focus-visible, .hx .btn:is(input[type="radio"]:checked):focus-visible{
  outline-color: var(--fallback-p,oklch(var(--p)/1));
}

@keyframes button-pop{

  0%{
    transform: scale(var(--btn-focus-scale, 0.98));
  }

  40%{
    transform: scale(1.02);
  }

  100%{
    transform: scale(1);
  }
}

.hx .card :where(figure:first-child){
  overflow: hidden;
  border-start-start-radius: inherit;
  border-start-end-radius: inherit;
  border-end-start-radius: unset;
  border-end-end-radius: unset;
}

.hx .card :where(figure:last-child){
  overflow: hidden;
  border-start-start-radius: unset;
  border-start-end-radius: unset;
  border-end-start-radius: inherit;
  border-end-end-radius: inherit;
}

.hx .card:focus-visible{
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.hx .card.bordered{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
}

.hx .card.compact .card-body{
  padding: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.hx .card-title{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
}

.hx .card.image-full :where(figure){
  overflow: hidden;
  border-radius: inherit;
}

.hx .carousel::-webkit-scrollbar{
  display: none;
}

.hx .checkbox:focus{
  box-shadow: none;
}

.hx .checkbox:focus-visible{
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: var(--fallback-bc,oklch(var(--bc)/1));
}

.hx .checkbox:disabled{
  border-width: 0px;
  cursor: not-allowed;
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
  opacity: 0.2;
}

.hx .checkbox:checked, .hx .checkbox[aria-checked="true"]{
  background-repeat: no-repeat;
  animation: checkmark var(--animation-input, 0.2s) ease-out;
  background-color: var(--chkbg);
  background-image: linear-gradient(-45deg, transparent 65%, var(--chkbg) 65.99%),
      linear-gradient(45deg, transparent 75%, var(--chkbg) 75.99%),
      linear-gradient(-45deg, var(--chkbg) 40%, transparent 40.99%),
      linear-gradient(
        45deg,
        var(--chkbg) 30%,
        var(--chkfg) 30.99%,
        var(--chkfg) 40%,
        transparent 40.99%
      ),
      linear-gradient(-45deg, var(--chkfg) 50%, var(--chkbg) 50.99%);
}

.hx .checkbox:indeterminate{
  --tw-bg-opacity: 1;
  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
  background-repeat: no-repeat;
  animation: checkmark var(--animation-input, 0.2s) ease-out;
  background-image: linear-gradient(90deg, transparent 80%, var(--chkbg) 80%),
      linear-gradient(-90deg, transparent 80%, var(--chkbg) 80%),
      linear-gradient(0deg, var(--chkbg) 43%, var(--chkfg) 43%, var(--chkfg) 57%, var(--chkbg) 57%);
}

@keyframes checkmark{

  0%{
    background-position-y: 5px;
  }

  50%{
    background-position-y: -2px;
  }

  100%{
    background-position-y: 0;
  }
}

.hx details.collapse{
  width: 100%;
}

.hx details.collapse summary{
  position: relative;
  display: block;
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.hx details.collapse summary::-webkit-details-marker{
  display: none;
}

.hx .collapse:focus-visible{
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: var(--fallback-bc,oklch(var(--bc)/1));
}

.hx .collapse:has(.collapse-title:focus-visible), .hx .collapse:has(> input[type="checkbox"]:focus-visible), .hx .collapse:has(> input[type="radio"]:focus-visible){
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: var(--fallback-bc,oklch(var(--bc)/1));
}

.hx .collapse:not(.collapse-open):not(.collapse-close) > input[type="checkbox"], .hx .collapse:not(.collapse-open):not(.collapse-close) > input[type="radio"]:not(:checked), .hx .collapse:not(.collapse-open):not(.collapse-close) > .collapse-title{
  cursor: pointer;
}

.hx .collapse:focus:not(.collapse-open):not(.collapse-close):not(.collapse[open]) > .collapse-title{
  cursor: unset;
}

.hx .collapse-title, .hx :where(.collapse > input[type="checkbox"]), .hx :where(.collapse > input[type="radio"]){
  padding: 1rem;
  padding-inline-end: 3rem;
  min-height: 3.75rem;
  transition: background-color 0.2s ease-out;
}

.hx .collapse[open] > :where(.collapse-content), .hx .collapse-open > :where(.collapse-content), .hx .collapse:focus:not(.collapse-close) > :where(.collapse-content), .hx .collapse:not(.collapse-close) > :where(input[type="checkbox"]:checked ~ .collapse-content), .hx .collapse:not(.collapse-close) > :where(input[type="radio"]:checked ~ .collapse-content){
  padding-bottom: 1rem;
  transition: padding 0.2s ease-out,
    background-color 0.2s ease-out;
}

.hx .collapse[open].collapse-arrow > .collapse-title:after, .hx .collapse-open.collapse-arrow > .collapse-title:after, .hx .collapse-arrow:focus:not(.collapse-close) > .collapse-title:after, .hx .collapse-arrow:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-title:after, .hx .collapse-arrow:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-title:after{
  --tw-translate-y: -50%;
  --tw-rotate: 225deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hx .collapse[open].collapse-plus > .collapse-title:after, .hx .collapse-open.collapse-plus > .collapse-title:after, .hx .collapse-plus:focus:not(.collapse-close) > .collapse-title:after, .hx .collapse-plus:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-title:after, .hx .collapse-plus:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-title:after{
  content: "−";
}

.hx .divider:not(:empty){
  gap: 1rem;
}

.hx .dropdown.dropdown-open .dropdown-content, .hx .dropdown:focus .dropdown-content, .hx .dropdown:focus-within .dropdown-content{
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hx .\!input input{
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity))) !important;
  background-color: transparent !important;
}

.hx .input input{
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
  background-color: transparent;
}

.hx .\!input input:focus{
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

.hx .input input:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.hx .\!input[list]::-webkit-calendar-picker-indicator{
  line-height: 1em !important;
}

.hx .input[list]::-webkit-calendar-picker-indicator{
  line-height: 1em;
}

.hx .\!input:focus, .hx .\!input:focus-within{
  box-shadow: none !important;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.2)) !important;
  outline-style: solid !important;
  outline-width: 2px !important;
  outline-offset: 2px !important;
  outline-color: var(--fallback-bc,oklch(var(--bc)/0.2)) !important;
}

.hx .input:focus, .hx .input:focus-within{
  box-shadow: none;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));
}

.hx .\!input:focus, .hx .\!input:focus-within{
  box-shadow: none !important;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.2)) !important;
  outline-style: solid !important;
  outline-width: 2px !important;
  outline-offset: 2px !important;
  outline-color: var(--fallback-bc,oklch(var(--bc)/0.2)) !important;
}

.hx .input-error{
  --tw-border-opacity: 1;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
}

.hx .input-error:focus, .hx .input-error:focus-within{
  --tw-border-opacity: 1;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
  outline-color: var(--fallback-er,oklch(var(--er)/1));
}

.hx .\!input:has(> input[disabled]), .hx .\!input:disabled, .hx .\!input[disabled]{
  cursor: not-allowed !important;
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))) !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))) !important;
  color: var(--fallback-bc,oklch(var(--bc)/0.4)) !important;
}

.hx .input:has(> input[disabled]), .hx .input-disabled, .hx .input:disabled, .hx .input[disabled]{
  cursor: not-allowed;
  --tw-border-opacity: 1;
  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
  color: var(--fallback-bc,oklch(var(--bc)/0.4));
}

.hx .\!input:has(> input[disabled]), .hx .\!input:disabled, .hx .\!input[disabled]{
  cursor: not-allowed !important;
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))) !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))) !important;
  color: var(--fallback-bc,oklch(var(--bc)/0.4)) !important;
}

.hx .\!input:has(> input[disabled])::placeholder, .hx .\!input:disabled::placeholder, .hx .\!input[disabled]::placeholder{
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))) !important;
  --tw-placeholder-opacity: 0.2 !important;
}

.hx .input:has(> input[disabled])::placeholder, .hx .input-disabled::placeholder, .hx .input:disabled::placeholder, .hx .input[disabled]::placeholder{
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
  --tw-placeholder-opacity: 0.2;
}

.hx .\!input:has(> input[disabled])::placeholder, .hx .\!input:disabled::placeholder, .hx .\!input[disabled]::placeholder{
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))) !important;
  --tw-placeholder-opacity: 0.2 !important;
}

.hx .\!input:has(> input[disabled]) > input[disabled]{
  cursor: not-allowed !important;
}

.hx .input:has(> input[disabled]) > input[disabled]{
  cursor: not-allowed;
}

.hx .\!input::-webkit-date-and-time-value{
  text-align: inherit !important;
}

.hx .input::-webkit-date-and-time-value{
  text-align: inherit;
}

.hx .join > :where(*:not(:first-child)){
  margin-top: 0px;
  margin-bottom: 0px;
  margin-inline-start: -1px;
}

.hx .join > :where(*:not(:first-child)):is(.btn){
  margin-inline-start: calc(var(--border-btn) * -1);
}

.hx .link:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.hx .link:focus-visible{
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.hx .loading{
  pointer-events: none;
  display: inline-block;
  aspect-ratio: 1 / 1;
  width: 1.5rem;
  background-color: currentColor;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
}

.hx .loading-spinner{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
}

.hx .loading-dots{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.1s'/%3E%3C/circle%3E%3Ccircle cx='20' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.2s'/%3E%3C/circle%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.1s'/%3E%3C/circle%3E%3Ccircle cx='20' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.2s'/%3E%3C/circle%3E%3C/svg%3E");
}

.hx .loading-ring{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='white'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' dur='1.8s' values='1;20' calcMode='spline' keyTimes='0;1' keySplines='0.165,0.84,0.44,1' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1;0' calcMode='spline' keyTimes='0;1' keySplines='0.3,0.61,0.355,1' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1;20' calcMode='spline' keyTimes='0;1' keySplines='0.165,0.84,0.44,1' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1;0' calcMode='spline' keyTimes='0;1' keySplines='0.3,0.61,0.355,1' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='white'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' dur='1.8s' values='1;20' calcMode='spline' keyTimes='0;1' keySplines='0.165,0.84,0.44,1' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1;0' calcMode='spline' keyTimes='0;1' keySplines='0.3,0.61,0.355,1' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1;20' calcMode='spline' keyTimes='0;1' keySplines='0.165,0.84,0.44,1' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1;0' calcMode='spline' keyTimes='0;1' keySplines='0.3,0.61,0.355,1' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
}

.hx .loading-ball{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='12' cy='5' rx='4' ry='4'%3E%3Canimate attributeName='cy' values='5;20;20.5;20;5' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1'/%3E%3Canimate attributeName='rx' values='4;4;4.8;4;4' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='ry' values='4;4;3;4;4' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='12' cy='5' rx='4' ry='4'%3E%3Canimate attributeName='cy' values='5;20;20.5;20;5' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1'/%3E%3Canimate attributeName='rx' values='4;4;4.8;4;4' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='ry' values='4;4;3;4;4' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3C/svg%3E");
}

.hx .loading-bars{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='9' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3C/rect%3E%3Crect x='17' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3C/rect%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='9' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3C/rect%3E%3Crect x='17' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3C/rect%3E%3C/svg%3E");
}

.hx .loading-infinity{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='shape-rendering:auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cpath fill='none' stroke='black' stroke-width='10' stroke-dasharray='205.271 51.318' d='M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z' stroke-linecap='round' style='transform:scale(0.8);transform-origin:50px 50px'%3E%3Canimate attributeName='stroke-dashoffset' repeatCount='indefinite' dur='2s' keyTimes='0;1' values='0;256.589'/%3E%3C/path%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='shape-rendering:auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cpath fill='none' stroke='black' stroke-width='10' stroke-dasharray='205.271 51.318' d='M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z' stroke-linecap='round' style='transform:scale(0.8);transform-origin:50px 50px'%3E%3Canimate attributeName='stroke-dashoffset' repeatCount='indefinite' dur='2s' keyTimes='0;1' values='0;256.589'/%3E%3C/path%3E%3C/svg%3E");
}

.hx .loading-xs{
  width: 1rem;
}

.hx .loading-sm{
  width: 1.25rem;
}

.hx .loading-md{
  width: 1.5rem;
}

.hx .loading-lg{
  width: 2.5rem;
}

.hx :where(.menu li:empty){
  --tw-bg-opacity: 1;
  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
  opacity: 0.1;
  margin: 0.5rem 1rem;
  height: 1px;
}

.hx .menu :where(li ul):before{
  position: absolute;
  bottom: 0.75rem;
  inset-inline-start: 0px;
  top: 0.75rem;
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
  opacity: 0.1;
  content: "";
}

.hx .menu :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)), .hx .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)){
  border-radius: var(--rounded-btn, 0.5rem);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: start;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 200ms;
  text-wrap: balance;
}

.hx :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(summary, .active, .btn).focus, .hx :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(summary, .active, .btn):focus, .hx :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):is(summary):not(.active, .btn):focus-visible, .hx :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(summary, .active, .btn).focus, .hx :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(summary, .active, .btn):focus, .hx :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):is(summary):not(.active, .btn):focus-visible{
  cursor: pointer;
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.hx .menu li > *:not(ul, .menu-title, details, .btn):active, .hx .menu li > *:not(ul, .menu-title, details, .btn).active, .hx .menu li > details > summary:active{
  --tw-bg-opacity: 1;
  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
  --tw-text-opacity: 1;
  color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));
}

.hx .menu :where(li > details > summary)::-webkit-details-marker{
  display: none;
}

.hx .menu :where(li > details > summary):after, .hx .menu :where(li > .menu-dropdown-toggle):after{
  justify-self: end;
  display: block;
  margin-top: -0.5rem;
  height: 0.5rem;
  width: 0.5rem;
  transform: rotate(45deg);
  transition-property: transform, margin-top;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  content: "";
  transform-origin: 75% 75%;
  box-shadow: 2px 2px;
  pointer-events: none;
}

.hx .menu :where(li > details[open] > summary):after, .hx .menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after{
  transform: rotate(225deg);
  margin-top: 0;
}

.hx .mockup-phone .display{
  overflow: hidden;
  border-radius: 40px;
  margin-top: -25px;
}

.hx .mockup-browser .mockup-browser-toolbar .\!input{
  position: relative !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
  height: 1.75rem !important;
  width: 24rem !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))) !important;
  padding-left: 2rem !important;
  direction: ltr !important;
}

.hx .mockup-browser .mockup-browser-toolbar .input{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: block;
  height: 1.75rem;
  width: 24rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
  padding-left: 2rem;
  direction: ltr;
}

.hx .mockup-browser .mockup-browser-toolbar .\!input:before{
  content: "" !important;
  position: absolute !important;
  left: 0.5rem !important;
  top: 50% !important;
  aspect-ratio: 1 / 1 !important;
  height: 0.75rem !important;
  --tw-translate-y: -50% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  border-radius: 9999px !important;
  border-width: 2px !important;
  border-color: currentColor !important;
  opacity: 0.6 !important;
}

.hx .mockup-browser .mockup-browser-toolbar .input:before{
  content: "";
  position: absolute;
  left: 0.5rem;
  top: 50%;
  aspect-ratio: 1 / 1;
  height: 0.75rem;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 9999px;
  border-width: 2px;
  border-color: currentColor;
  opacity: 0.6;
}

.hx .mockup-browser .mockup-browser-toolbar .\!input:after{
  content: "" !important;
  position: absolute !important;
  left: 1.25rem !important;
  top: 50% !important;
  height: 0.5rem !important;
  --tw-translate-y: 25% !important;
  --tw-rotate: -45deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  border-radius: 9999px !important;
  border-width: 1px !important;
  border-color: currentColor !important;
  opacity: 0.6 !important;
}

.hx .mockup-browser .mockup-browser-toolbar .input:after{
  content: "";
  position: absolute;
  left: 1.25rem;
  top: 50%;
  height: 0.5rem;
  --tw-translate-y: 25%;
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 9999px;
  border-width: 1px;
  border-color: currentColor;
  opacity: 0.6;
}

.hx .modal:not(dialog:not(.modal-open)), .hx .modal::backdrop{
  background-color: #0006;
  animation: modal-pop 0.2s ease-out;
}

.hx .modal-backdrop{
  z-index: -1;
  grid-column-start: 1;
  grid-row-start: 1;
  display: grid;
  align-self: stretch;
  justify-self: stretch;
  color: transparent;
}

.hx .modal-open .modal-box, .hx .modal-toggle:checked + .modal .modal-box, .hx .modal:target .modal-box, .hx .modal[open] .modal-box{
  --tw-translate-y: 0px;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hx .modal-action > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.hx .modal-action:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 1;
}

@keyframes modal-pop{

  0%{
    opacity: 0;
  }
}

@keyframes progress-loading{

  50%{
    background-position-x: -115%;
  }
}

.hx .radio:focus{
  box-shadow: none;
}

.hx .radio:focus-visible{
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: var(--fallback-bc,oklch(var(--bc)/1));
}

.hx .radio:checked, .hx .radio[aria-checked="true"]{
  --tw-bg-opacity: 1;
  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
  background-image: none;
  animation: radiomark var(--animation-input, 0.2s) ease-out;
  box-shadow: 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,
      0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset;
}

.hx .radio:disabled{
  cursor: not-allowed;
  opacity: 0.2;
}

@keyframes radiomark{

  0%{
    box-shadow: 0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset,
      0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset;
  }

  50%{
    box-shadow: 0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset,
      0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset;
  }

  100%{
    box-shadow: 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,
      0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset;
  }
}

.hx .range:focus-visible::-webkit-slider-thumb{
  --focus-shadow: 0 0 0 6px var(--fallback-b1,oklch(var(--b1)/1)) inset, 0 0 0 2rem var(--range-shdw) inset;
}

.hx .range:focus-visible::-moz-range-thumb{
  --focus-shadow: 0 0 0 6px var(--fallback-b1,oklch(var(--b1)/1)) inset, 0 0 0 2rem var(--range-shdw) inset;
}

.hx .range::-webkit-slider-runnable-track{
  height: 0.5rem;
  width: 100%;
  border-radius: var(--rounded-box, 1rem);
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
}

.hx .range::-moz-range-track{
  height: 0.5rem;
  width: 100%;
  border-radius: var(--rounded-box, 1rem);
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
}

.hx .range::-webkit-slider-thumb{
  position: relative;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: var(--rounded-box, 1rem);
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
  appearance: none;
  -webkit-appearance: none;
  top: 50%;
  color: var(--range-shdw);
  transform: translateY(-50%);
  --filler-size: 100rem;
  --filler-offset: 0.6rem;
  box-shadow: 0 0 0 3px var(--range-shdw) inset,
      var(--focus-shadow, 0 0),
      calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size);
}

.hx .range::-moz-range-thumb{
  position: relative;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: var(--rounded-box, 1rem);
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
  top: 50%;
  color: var(--range-shdw);
  --filler-size: 100rem;
  --filler-offset: 0.5rem;
  box-shadow: 0 0 0 3px var(--range-shdw) inset,
      var(--focus-shadow, 0 0),
      calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size);
}

@keyframes rating-pop{

  0%{
    transform: translateY(-0.125em);
  }

  40%{
    transform: translateY(-0.125em);
  }

  100%{
    transform: translateY(0);
  }
}

.hx .select:focus{
  box-shadow: none;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));
}

.hx .select-disabled, .hx .select:disabled, .hx .select[disabled]{
  cursor: not-allowed;
  --tw-border-opacity: 1;
  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
  color: var(--fallback-bc,oklch(var(--bc)/0.4));
}

.hx .select-disabled::placeholder, .hx .select:disabled::placeholder, .hx .select[disabled]::placeholder{
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
  --tw-placeholder-opacity: 0.2;
}

.hx .select-multiple, .hx .select[multiple], .hx .select[size].select:not([size="1"]){
  background-image: none;
  padding-right: 1rem;
}

.hx [dir="rtl"] .select{
  background-position: calc(0% + 12px) calc(1px + 50%),
    calc(0% + 16px) calc(1px + 50%);
}

@keyframes skeleton{

  from{
    background-position: 150%;
  }

  to{
    background-position: -50%;
  }
}

.hx .steps .step:before{
  top: 0px;
  grid-column-start: 1;
  grid-row-start: 1;
  height: 0.5rem;
  width: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
  content: "";
  margin-inline-start: -100%;
}

.hx .steps .step:after{
  content: counter(step);
  counter-increment: step;
  z-index: 1;
  position: relative;
  grid-column-start: 1;
  grid-row-start: 1;
  display: grid;
  height: 2rem;
  width: 2rem;
  place-items: center;
  place-self: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
}

.hx .steps .step:first-child:before{
  content: none;
}

.hx .steps .step[data-content]:after{
  content: attr(data-content);
}

.hx .steps .step-neutral + .step-neutral:before, .hx .steps .step-neutral:after{
  --tw-bg-opacity: 1;
  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
  --tw-text-opacity: 1;
  color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));
}

.hx .steps .step-primary + .step-primary:before, .hx .steps .step-primary:after{
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
  --tw-text-opacity: 1;
  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
}

.hx .steps .step-secondary + .step-secondary:before, .hx .steps .step-secondary:after{
  --tw-bg-opacity: 1;
  background-color: var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)));
  --tw-text-opacity: 1;
  color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
}

.hx .steps .step-accent + .step-accent:before, .hx .steps .step-accent:after{
  --tw-bg-opacity: 1;
  background-color: var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity)));
  --tw-text-opacity: 1;
  color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)));
}

.hx .steps .step-info + .step-info:before{
  --tw-bg-opacity: 1;
  background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
}

.hx .steps .step-info:after{
  --tw-bg-opacity: 1;
  background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
  --tw-text-opacity: 1;
  color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)));
}

.hx .steps .step-success + .step-success:before{
  --tw-bg-opacity: 1;
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
}

.hx .steps .step-success:after{
  --tw-bg-opacity: 1;
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
  --tw-text-opacity: 1;
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));
}

.hx .steps .step-warning + .step-warning:before{
  --tw-bg-opacity: 1;
  background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
}

.hx .steps .step-warning:after{
  --tw-bg-opacity: 1;
  background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
  --tw-text-opacity: 1;
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
}

.hx .steps .step-error + .step-error:before{
  --tw-bg-opacity: 1;
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
}

.hx .steps .step-error:after{
  --tw-bg-opacity: 1;
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
  --tw-text-opacity: 1;
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));
}

.hx .tabs-lifted > .\!tab:focus-visible{
  border-end-end-radius: 0 !important;
  border-end-start-radius: 0 !important;
}

.hx .tabs-lifted > .tab:focus-visible{
  border-end-end-radius: 0;
  border-end-start-radius: 0;
}

.hx .\!tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]), .hx .\!tab:is(input:checked){
  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))) !important;
  --tw-border-opacity: 1 !important;
  --tw-text-opacity: 1 !important;
}

.hx .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]), .hx .tab:is(input:checked){
  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
}

.hx .\!tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]), .hx .\!tab:is(input:checked){
  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))) !important;
  --tw-border-opacity: 1 !important;
  --tw-text-opacity: 1 !important;
}

.hx .\!tab:focus{
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

.hx .tab:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.hx .\!tab:focus-visible{
  outline: 2px solid currentColor !important;
  outline-offset: -5px !important;
}

.hx .tab:focus-visible{
  outline: 2px solid currentColor;
  outline-offset: -5px;
}

.hx .\!tab[disabled]{
  cursor: not-allowed !important;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))) !important;
  --tw-text-opacity: 0.2 !important;
}

.hx .tab-disabled, .hx .tab[disabled]{
  cursor: not-allowed;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
  --tw-text-opacity: 0.2;
}

.hx .tabs-bordered > .\!tab{
  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))) !important;
  --tw-border-opacity: 0.2 !important;
  border-style: solid !important;
  border-bottom-width: calc(var(--tab-border, 1px) + 1px) !important;
}

.hx .tabs-bordered > .tab{
  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
  --tw-border-opacity: 0.2;
  border-style: solid;
  border-bottom-width: calc(var(--tab-border, 1px) + 1px);
}

.hx .tabs-lifted > .\!tab{
  border: var(--tab-border, 1px) solid transparent !important;
  border-width: 0 0 var(--tab-border, 1px) 0 !important;
  border-start-start-radius: var(--tab-radius, 0.5rem) !important;
  border-start-end-radius: var(--tab-radius, 0.5rem) !important;
  border-bottom-color: var(--tab-border-color) !important;
  padding-inline-start: var(--tab-padding, 1rem) !important;
  padding-inline-end: var(--tab-padding, 1rem) !important;
  padding-top: var(--tab-border, 1px) !important;
}

.hx .tabs-lifted > .tab{
  border: var(--tab-border, 1px) solid transparent;
  border-width: 0 0 var(--tab-border, 1px) 0;
  border-start-start-radius: var(--tab-radius, 0.5rem);
  border-start-end-radius: var(--tab-radius, 0.5rem);
  border-bottom-color: var(--tab-border-color);
  padding-inline-start: var(--tab-padding, 1rem);
  padding-inline-end: var(--tab-padding, 1rem);
  padding-top: var(--tab-border, 1px);
}

.hx .tabs-lifted > .\!tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]), .hx .tabs-lifted > .\!tab:is(input:checked){
  background-color: var(--tab-bg) !important;
  border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0 var(--tab-border, 1px) !important;
  border-inline-start-color: var(--tab-border-color) !important;
  border-inline-end-color: var(--tab-border-color) !important;
  border-top-color: var(--tab-border-color) !important;
  padding-inline-start: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px)) !important;
  padding-inline-end: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px)) !important;
  padding-bottom: var(--tab-border, 1px) !important;
  padding-top: 0 !important;
}

.hx .tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]), .hx .tabs-lifted > .tab:is(input:checked){
  background-color: var(--tab-bg);
  border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0 var(--tab-border, 1px);
  border-inline-start-color: var(--tab-border-color);
  border-inline-end-color: var(--tab-border-color);
  border-top-color: var(--tab-border-color);
  padding-inline-start: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));
  padding-inline-end: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));
  padding-bottom: var(--tab-border, 1px);
  padding-top: 0;
}

.hx .tabs-lifted > .\!tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]), .hx .tabs-lifted > .\!tab:is(input:checked){
  background-color: var(--tab-bg) !important;
  border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0 var(--tab-border, 1px) !important;
  border-inline-start-color: var(--tab-border-color) !important;
  border-inline-end-color: var(--tab-border-color) !important;
  border-top-color: var(--tab-border-color) !important;
  padding-inline-start: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px)) !important;
  padding-inline-end: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px)) !important;
  padding-bottom: var(--tab-border, 1px) !important;
  padding-top: 0 !important;
}

.hx .tabs-lifted > .\!tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):before, .hx .tabs-lifted > .\!tab:is(input:checked):before{
  z-index: 1 !important;
  content: "" !important;
  display: block !important;
  position: absolute !important;
  width: calc(100% + var(--tab-radius, 0.5rem) * 2) !important;
  height: var(--tab-radius, 0.5rem) !important;
  bottom: 0 !important;
  background-size: var(--tab-radius, 0.5rem) !important;
  background-position: top left,
        top right !important;
  background-repeat: no-repeat !important;
  --tab-grad: calc(69% - var(--tab-border, 1px)) !important;
  --radius-start: radial-gradient(
        circle at top left,
        transparent var(--tab-grad),
        var(--tab-border-color) calc(var(--tab-grad) + 0.25px),
        var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),
        var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)
      ) !important;
  --radius-end: radial-gradient(
        circle at top right,
        transparent var(--tab-grad),
        var(--tab-border-color) calc(var(--tab-grad) + 0.25px),
        var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),
        var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)
      ) !important;
  background-image: var(--radius-start), var(--radius-end) !important;
}

.hx .tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):before, .hx .tabs-lifted > .tab:is(input:checked):before{
  z-index: 1;
  content: "";
  display: block;
  position: absolute;
  width: calc(100% + var(--tab-radius, 0.5rem) * 2);
  height: var(--tab-radius, 0.5rem);
  bottom: 0;
  background-size: var(--tab-radius, 0.5rem);
  background-position: top left,
        top right;
  background-repeat: no-repeat;
  --tab-grad: calc(69% - var(--tab-border, 1px));
  --radius-start: radial-gradient(
        circle at top left,
        transparent var(--tab-grad),
        var(--tab-border-color) calc(var(--tab-grad) + 0.25px),
        var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),
        var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)
      );
  --radius-end: radial-gradient(
        circle at top right,
        transparent var(--tab-grad),
        var(--tab-border-color) calc(var(--tab-grad) + 0.25px),
        var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),
        var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)
      );
  background-image: var(--radius-start), var(--radius-end);
}

.hx .tabs-lifted > .\!tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):before, .hx .tabs-lifted > .\!tab:is(input:checked):before{
  z-index: 1 !important;
  content: "" !important;
  display: block !important;
  position: absolute !important;
  width: calc(100% + var(--tab-radius, 0.5rem) * 2) !important;
  height: var(--tab-radius, 0.5rem) !important;
  bottom: 0 !important;
  background-size: var(--tab-radius, 0.5rem) !important;
  background-position: top left,
        top right !important;
  background-repeat: no-repeat !important;
  --tab-grad: calc(69% - var(--tab-border, 1px)) !important;
  --radius-start: radial-gradient(
        circle at top left,
        transparent var(--tab-grad),
        var(--tab-border-color) calc(var(--tab-grad) + 0.25px),
        var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),
        var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)
      ) !important;
  --radius-end: radial-gradient(
        circle at top right,
        transparent var(--tab-grad),
        var(--tab-border-color) calc(var(--tab-grad) + 0.25px),
        var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),
        var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)
      ) !important;
  background-image: var(--radius-start), var(--radius-end) !important;
}

.hx .tabs-lifted > .\!tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):first-child:before, .hx .tabs-lifted > .\!tab:is(input:checked):first-child:before{
  background-image: var(--radius-end) !important;
  background-position: top right !important;
}

.hx .tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):first-child:before, .hx .tabs-lifted > .tab:is(input:checked):first-child:before{
  background-image: var(--radius-end);
  background-position: top right;
}

.hx .tabs-lifted > .\!tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):first-child:before, .hx .tabs-lifted > .\!tab:is(input:checked):first-child:before{
  background-image: var(--radius-end) !important;
  background-position: top right !important;
}

.hx [dir="rtl"] .tabs-lifted > .\!tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):first-child:before, .hx [dir="rtl"] .tabs-lifted > .\!tab:is(input:checked):first-child:before{
  background-image: var(--radius-start) !important;
  background-position: top left !important;
}

.hx [dir="rtl"] .tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):first-child:before, .hx [dir="rtl"] .tabs-lifted > .tab:is(input:checked):first-child:before{
  background-image: var(--radius-start);
  background-position: top left;
}

.hx [dir="rtl"] .tabs-lifted > .\!tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):first-child:before, .hx [dir="rtl"] .tabs-lifted > .\!tab:is(input:checked):first-child:before{
  background-image: var(--radius-start) !important;
  background-position: top left !important;
}

.hx .tabs-lifted > .\!tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):last-child:before, .hx .tabs-lifted > .\!tab:is(input:checked):last-child:before{
  background-image: var(--radius-start) !important;
  background-position: top left !important;
}

.hx .tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):last-child:before, .hx .tabs-lifted > .tab:is(input:checked):last-child:before{
  background-image: var(--radius-start);
  background-position: top left;
}

.hx .tabs-lifted > .\!tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):last-child:before, .hx .tabs-lifted > .\!tab:is(input:checked):last-child:before{
  background-image: var(--radius-start) !important;
  background-position: top left !important;
}

.hx [dir="rtl"] .tabs-lifted > .\!tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):last-child:before, .hx [dir="rtl"] .tabs-lifted > .\!tab:is(input:checked):last-child:before{
  background-image: var(--radius-end) !important;
  background-position: top right !important;
}

.hx [dir="rtl"] .tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):last-child:before, .hx [dir="rtl"] .tabs-lifted > .tab:is(input:checked):last-child:before{
  background-image: var(--radius-end);
  background-position: top right;
}

.hx [dir="rtl"] .tabs-lifted > .\!tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):last-child:before, .hx [dir="rtl"] .tabs-lifted > .\!tab:is(input:checked):last-child:before{
  background-image: var(--radius-end) !important;
  background-position: top right !important;
}

.hx .tabs-lifted > .\!tab:is(input:checked) + .tabs-lifted .\!tab:is(input:checked):before{
  background-image: var(--radius-end) !important;
  background-position: top right !important;
}

.hx .tabs-lifted
  > :is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled])
  + .tabs-lifted
  :is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):before, .hx .tabs-lifted > .tab:is(input:checked) + .tabs-lifted .tab:is(input:checked):before{
  background-image: var(--radius-end);
  background-position: top right;
}

.hx .tabs-lifted > .\!tab:is(input:checked) + .tabs-lifted .\!tab:is(input:checked):before{
  background-image: var(--radius-end) !important;
  background-position: top right !important;
}

.hx .tabs-boxed .\!tab{
  border-radius: var(--rounded-btn, 0.5rem) !important;
}

.hx .tabs-boxed .tab{
  border-radius: var(--rounded-btn, 0.5rem);
}

.hx .table:where([dir="rtl"], [dir="rtl"] *){
  text-align: right;
}

.hx .table :where(th, td){
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  vertical-align: middle;
}

.hx .table tr.active, .hx .table tr.active:nth-child(even), .hx .table-zebra tbody tr:nth-child(even){
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
}

.hx .table-zebra tr.active, .hx .table-zebra tr.active:nth-child(even), .hx .table-zebra-zebra tbody tr:nth-child(even){
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
}

.hx .table :where(thead tr, tbody tr:not(:last-child), tbody tr:first-child:last-child){
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
}

.hx .table :where(thead, tfoot){
  white-space: nowrap;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  color: var(--fallback-bc,oklch(var(--bc)/0.6));
}

.hx .table :where(tfoot){
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-top-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
}

.hx .textarea:focus{
  box-shadow: none;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));
}

.hx .textarea-disabled, .hx .textarea:disabled, .hx .textarea[disabled]{
  cursor: not-allowed;
  --tw-border-opacity: 1;
  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
  color: var(--fallback-bc,oklch(var(--bc)/0.4));
}

.hx .textarea-disabled::placeholder, .hx .textarea:disabled::placeholder, .hx .textarea[disabled]::placeholder{
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
  --tw-placeholder-opacity: 0.2;
}

@keyframes toast-pop{

  0%{
    transform: scale(0.9);
    opacity: 0;
  }

  100%{
    transform: scale(1);
    opacity: 1;
  }
}

.hx [dir="rtl"] .toggle{
  --handleoffsetcalculator: calc(var(--handleoffset) * 1);
}

.hx .toggle:focus-visible{
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));
}

.hx .toggle:hover{
  background-color: currentColor;
}

.hx .toggle:checked, .hx .toggle[aria-checked="true"]{
  background-image: none;
  --handleoffsetcalculator: var(--handleoffset);
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
}

.hx [dir="rtl"] .toggle:checked, .hx [dir="rtl"] .toggle[aria-checked="true"]{
  --handleoffsetcalculator: calc(var(--handleoffset) * -1);
}

.hx .toggle:indeterminate{
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
  box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset,
      calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,
      0 0 0 2px var(--tglbg) inset;
}

.hx [dir="rtl"] .toggle:indeterminate{
  box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset,
        calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,
        0 0 0 2px var(--tglbg) inset;
}

.hx .toggle:disabled{
  cursor: not-allowed;
  --tw-border-opacity: 1;
  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
  background-color: transparent;
  opacity: 0.3;
  --togglehandleborder: 0 0 0 3px var(--fallback-bc,oklch(var(--bc)/1)) inset,
      var(--handleoffsetcalculator) 0 0 3px var(--fallback-bc,oklch(var(--bc)/1)) inset;
}

:root .prose{
  --tw-prose-body: var(--fallback-bc,oklch(var(--bc)/0.8));
  --tw-prose-headings: var(--fallback-bc,oklch(var(--bc)/1));
  --tw-prose-lead: var(--fallback-bc,oklch(var(--bc)/1));
  --tw-prose-links: var(--fallback-bc,oklch(var(--bc)/1));
  --tw-prose-bold: var(--fallback-bc,oklch(var(--bc)/1));
  --tw-prose-counters: var(--fallback-bc,oklch(var(--bc)/1));
  --tw-prose-bullets: var(--fallback-bc,oklch(var(--bc)/0.5));
  --tw-prose-hr: var(--fallback-bc,oklch(var(--bc)/0.2));
  --tw-prose-quotes: var(--fallback-bc,oklch(var(--bc)/1));
  --tw-prose-quote-borders: var(--fallback-bc,oklch(var(--bc)/0.2));
  --tw-prose-captions: var(--fallback-bc,oklch(var(--bc)/0.5));
  --tw-prose-code: var(--fallback-bc,oklch(var(--bc)/1));
  --tw-prose-pre-code: var(--fallback-nc,oklch(var(--nc)/1));
  --tw-prose-pre-bg: var(--fallback-n,oklch(var(--n)/1));
  --tw-prose-th-borders: var(--fallback-bc,oklch(var(--bc)/0.5));
  --tw-prose-td-borders: var(--fallback-bc,oklch(var(--bc)/0.2));
  --tw-prose-kbd: var(--fallback-bc,oklch(var(--bc)/0.8));
}

.hx .prose :where(code):not(:where([class~="not-prose"] *, pre *)){
  padding: 1px 8px;
  border-radius: var(--rounded-badge);
  font-weight: initial;
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
}

.hx .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::before, .hx .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::after{
  display: none;
}

.hx .prose pre code{
  border-radius: 0;
  padding: 0;
}

.hx .prose :where(tbody tr, thead):not(:where([class~="not-prose"] *)){
  border-bottom-color: var(--fallback-bc,oklch(var(--bc)/0.2));
}

.hx .glass, .hx .glass.btn-active{
  border: none;
  -webkit-backdrop-filter: blur(var(--glass-blur, 40px));
          backdrop-filter: blur(var(--glass-blur, 40px));
  background-color: transparent;
  background-image: linear-gradient(
        135deg,
        rgb(255 255 255 / var(--glass-opacity, 30%)) 0%,
        rgb(0 0 0 / 0%) 100%
      ),
      linear-gradient(
        var(--glass-reflex-degree, 100deg),
        rgb(255 255 255 / var(--glass-reflex-opacity, 10%)) 25%,
        rgb(0 0 0 / 0%) 25%
      );
  box-shadow: 0 0 0 1px rgb(255 255 255 / var(--glass-border-opacity, 10%)) inset,
      0 0 0 2px rgb(0 0 0 / 5%);
  text-shadow: 0 1px rgb(0 0 0 / var(--glass-text-shadow-opacity, 5%));
}

@media (hover: hover){

  .hx .glass.btn-active{
    border: none;
    -webkit-backdrop-filter: blur(var(--glass-blur, 40px));
            backdrop-filter: blur(var(--glass-blur, 40px));
    background-color: transparent;
    background-image: linear-gradient(
          135deg,
          rgb(255 255 255 / var(--glass-opacity, 30%)) 0%,
          rgb(0 0 0 / 0%) 100%
        ),
        linear-gradient(
          var(--glass-reflex-degree, 100deg),
          rgb(255 255 255 / var(--glass-reflex-opacity, 10%)) 25%,
          rgb(0 0 0 / 0%) 25%
        );
    box-shadow: 0 0 0 1px rgb(255 255 255 / var(--glass-border-opacity, 10%)) inset,
        0 0 0 2px rgb(0 0 0 / 5%);
    text-shadow: 0 1px rgb(0 0 0 / var(--glass-text-shadow-opacity, 5%));
  }
}

.hx .artboard.phone{
  width: 320px;
}

.hx .artboard.phone-1.horizontal, .hx .artboard.phone-1.artboard-horizontal{
  width: 568px;
  height: 320px;
}

.hx .artboard.phone-2.horizontal, .hx .artboard.phone-2.artboard-horizontal{
  width: 667px;
  height: 375px;
}

.hx .artboard.phone-3.horizontal, .hx .artboard.phone-3.artboard-horizontal{
  width: 736px;
  height: 414px;
}

.hx .artboard.phone-4.horizontal, .hx .artboard.phone-4.artboard-horizontal{
  width: 812px;
  height: 375px;
}

.hx .artboard.phone-5.horizontal, .hx .artboard.phone-5.artboard-horizontal{
  width: 896px;
  height: 414px;
}

.hx .artboard.phone-6.horizontal, .hx .artboard.phone-6.artboard-horizontal{
  width: 1024px;
  height: 320px;
}

.hx .badge-md{
  height: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding-left: 0.563rem;
  padding-right: 0.563rem;
}

.hx .badge-lg{
  height: 1.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  padding-left: 0.688rem;
  padding-right: 0.688rem;
}

.hx .btm-nav-xs > *:where(.active){
  border-top-width: 1px;
}

.hx .btm-nav-sm > *:where(.active){
  border-top-width: 2px;
}

.hx .btm-nav-md > *:where(.active){
  border-top-width: 2px;
}

.hx .btm-nav-lg > *:where(.active){
  border-top-width: 4px;
}

.hx .btn-xs{
  height: 1.5rem;
  min-height: 1.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.75rem;
}

.hx .btn-sm{
  height: 2rem;
  min-height: 2rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.875rem;
}

.hx .btn-md{
  height: 3rem;
  min-height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.875rem;
}

.hx .btn-lg{
  height: 4rem;
  min-height: 4rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-size: 1.125rem;
}

.hx .btn-wide{
  width: 16rem;
}

.hx .btn-square:where(.btn-xs){
  height: 1.5rem;
  width: 1.5rem;
  padding: 0px;
}

.hx .btn-square:where(.btn-sm){
  height: 2rem;
  width: 2rem;
  padding: 0px;
}

.hx .btn-square:where(.btn-md){
  height: 3rem;
  width: 3rem;
  padding: 0px;
}

.hx .btn-square:where(.btn-lg){
  height: 4rem;
  width: 4rem;
  padding: 0px;
}

.hx .btn-circle:where(.btn-xs){
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 9999px;
  padding: 0px;
}

.hx .btn-circle:where(.btn-sm){
  height: 2rem;
  width: 2rem;
  border-radius: 9999px;
  padding: 0px;
}

.hx .btn-circle:where(.btn-md){
  height: 3rem;
  width: 3rem;
  border-radius: 9999px;
  padding: 0px;
}

.hx .btn-circle:where(.btn-lg){
  height: 4rem;
  width: 4rem;
  border-radius: 9999px;
  padding: 0px;
}

.hx .card-side{
  align-items: stretch;
  flex-direction: row;
}

.hx .card-side :where(figure:first-child){
  overflow: hidden;
  border-start-start-radius: inherit;
  border-start-end-radius: unset;
  border-end-start-radius: inherit;
  border-end-end-radius: unset;
}

.hx .card-side :where(figure:last-child){
  overflow: hidden;
  border-start-start-radius: unset;
  border-start-end-radius: inherit;
  border-end-start-radius: unset;
  border-end-end-radius: inherit;
}

.hx .card-side figure > *{
  max-width: unset;
}

.hx :where(.card-side figure > *){
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hx .join.join-vertical{
  flex-direction: column;
}

.hx .join.join-vertical .join-item:first-child:not(:last-child), .hx .join.join-vertical *:first-child:not(:last-child) .join-item{
  border-end-start-radius: 0;
  border-end-end-radius: 0;
  border-start-start-radius: inherit;
  border-start-end-radius: inherit;
}

.hx .join.join-vertical .join-item:last-child:not(:first-child), .hx .join.join-vertical *:last-child:not(:first-child) .join-item{
  border-start-start-radius: 0;
  border-start-end-radius: 0;
  border-end-start-radius: inherit;
  border-end-end-radius: inherit;
}

.hx .join.join-horizontal{
  flex-direction: row;
}

.hx .join.join-horizontal .join-item:first-child:not(:last-child), .hx .join.join-horizontal *:first-child:not(:last-child) .join-item{
  border-end-end-radius: 0;
  border-start-end-radius: 0;
  border-end-start-radius: inherit;
  border-start-start-radius: inherit;
}

.hx .join.join-horizontal .join-item:last-child:not(:first-child), .hx .join.join-horizontal *:last-child:not(:first-child) .join-item{
  border-end-start-radius: 0;
  border-start-start-radius: 0;
  border-end-end-radius: inherit;
  border-start-end-radius: inherit;
}

.hx .modal-middle{
  place-items: center;
}

.hx .modal-bottom{
  place-items: end;
}

.hx .steps-horizontal .step{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  place-items: center;
  text-align: center;
}

.hx .steps-vertical .step{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(1, minmax(0, 1fr));
}

.hx .tabs-md :where(.\!tab){
  height: 2rem !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  line-height: 2 !important;
  --tab-padding: 1rem !important;
}

.hx .tabs-md :where(.tab){
  height: 2rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 2;
  --tab-padding: 1rem;
}

.hx .tabs-lg :where(.\!tab){
  height: 3rem !important;
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
  line-height: 2 !important;
  --tab-padding: 1.25rem !important;
}

.hx .tabs-lg :where(.tab){
  height: 3rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 2;
  --tab-padding: 1.25rem;
}

.hx .tabs-sm :where(.\!tab){
  height: 1.5rem !important;
  font-size: 0.875rem !important;
  line-height: .75rem !important;
  --tab-padding: 0.75rem !important;
}

.hx .tabs-sm :where(.tab){
  height: 1.5rem;
  font-size: 0.875rem;
  line-height: .75rem;
  --tab-padding: 0.75rem;
}

.hx .tabs-xs :where(.\!tab){
  height: 1.25rem !important;
  font-size: 0.75rem !important;
  line-height: .75rem !important;
  --tab-padding: 0.5rem !important;
}

.hx .tabs-xs :where(.tab){
  height: 1.25rem;
  font-size: 0.75rem;
  line-height: .75rem;
  --tab-padding: 0.5rem;
}

.hx .tooltip{
  position: relative;
  display: inline-block;
  --tooltip-offset: calc(100% + 1px + var(--tooltip-tail, 0px));
}

.hx .tooltip:before{
  position: absolute;
  pointer-events: none;
  z-index: 1;
  content: var(--tw-content);
  --tw-content: attr(data-tip);
}

.hx .tooltip:before, .hx .tooltip-top:before{
  transform: translateX(-50%);
  top: auto;
  left: 50%;
  right: auto;
  bottom: var(--tooltip-offset);
}

.hx .avatar.online:before{
  content: "";
  position: absolute;
  z-index: 10;
  display: block;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
  outline-style: solid;
  outline-width: 2px;
  outline-color: var(--fallback-b1,oklch(var(--b1)/1));
  width: 15%;
  height: 15%;
  top: 7%;
  right: 7%;
}

.hx .avatar.offline:before{
  content: "";
  position: absolute;
  z-index: 10;
  display: block;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
  outline-style: solid;
  outline-width: 2px;
  outline-color: var(--fallback-b1,oklch(var(--b1)/1));
  width: 15%;
  height: 15%;
  top: 7%;
  right: 7%;
}

.hx .card-compact .card-body{
  padding: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.hx .card-compact .card-title{
  margin-bottom: 0.25rem;
}

.hx .card-normal .card-body{
  padding: var(--padding-card, 2rem);
  font-size: 1rem;
  line-height: 1.5rem;
}

.hx .card-normal .card-title{
  margin-bottom: 0.75rem;
}

.hx .join.join-vertical > :where(*:not(:first-child)){
  margin-left: 0px;
  margin-right: 0px;
  margin-top: -1px;
}

.hx .join.join-vertical > :where(*:not(:first-child)):is(.btn){
  margin-top: calc(var(--border-btn) * -1);
}

.hx .join.join-horizontal > :where(*:not(:first-child)){
  margin-top: 0px;
  margin-bottom: 0px;
  margin-inline-start: -1px;
}

.hx .join.join-horizontal > :where(*:not(:first-child)):is(.btn){
  margin-inline-start: calc(var(--border-btn) * -1);
  margin-top: 0px;
}

.hx .modal-top :where(.modal-box){
  width: 100%;
  max-width: none;
  --tw-translate-y: -2.5rem;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-bottom-right-radius: var(--rounded-box, 1rem);
  border-bottom-left-radius: var(--rounded-box, 1rem);
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.hx .modal-middle :where(.modal-box){
  width: 91.666667%;
  max-width: 32rem;
  --tw-translate-y: 0px;
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-top-left-radius: var(--rounded-box, 1rem);
  border-top-right-radius: var(--rounded-box, 1rem);
  border-bottom-right-radius: var(--rounded-box, 1rem);
  border-bottom-left-radius: var(--rounded-box, 1rem);
}

.hx .modal-bottom :where(.modal-box){
  width: 100%;
  max-width: none;
  --tw-translate-y: 2.5rem;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-top-left-radius: var(--rounded-box, 1rem);
  border-top-right-radius: var(--rounded-box, 1rem);
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.hx .steps-horizontal .step{
  grid-template-rows: 40px 1fr;
  grid-template-columns: auto;
  min-width: 4rem;
}

.hx .steps-horizontal .step:before{
  height: 0.5rem;
  width: 100%;
  --tw-translate-x: 0px;
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  content: "";
  margin-inline-start: -100%;
}

.hx .steps-horizontal .step:where([dir="rtl"], [dir="rtl"] *):before{
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hx .steps-vertical .step{
  gap: 0.5rem;
  grid-template-columns: 40px 1fr;
  grid-template-rows: auto;
  min-height: 4rem;
  justify-items: start;
}

.hx .steps-vertical .step:before{
  height: 100%;
  width: 0.5rem;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  margin-inline-start: 50%;
}

.hx .steps-vertical .step:where([dir="rtl"], [dir="rtl"] *):before{
  --tw-translate-x: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hx .table-sm :not(thead):not(tfoot) tr{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.hx .table-sm :where(th, td){
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.hx .tooltip{
  position: relative;
  display: inline-block;
  text-align: center;
  --tooltip-tail: 0.1875rem;
  --tooltip-color: var(--fallback-n,oklch(var(--n)/1));
  --tooltip-text-color: var(--fallback-nc,oklch(var(--nc)/1));
  --tooltip-tail-offset: calc(100% + 0.0625rem - var(--tooltip-tail));
}

.hx .tooltip:before, .hx .tooltip:after{
  opacity: 0;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-delay: 100ms;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.hx .tooltip:after{
  position: absolute;
  content: "";
  border-style: solid;
  border-width: var(--tooltip-tail, 0);
  width: 0;
  height: 0;
  display: block;
}

.hx .tooltip:before{
  max-width: 20rem;
  white-space: normal;
  border-radius: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  background-color: var(--tooltip-color);
  color: var(--tooltip-text-color);
  width: max-content;
}

.hx .tooltip.tooltip-open:before{
  opacity: 1;
  transition-delay: 75ms;
}

.hx .tooltip.tooltip-open:after{
  opacity: 1;
  transition-delay: 75ms;
}

.hx .tooltip:hover:before{
  opacity: 1;
  transition-delay: 75ms;
}

.hx .tooltip:hover:after{
  opacity: 1;
  transition-delay: 75ms;
}

.hx .tooltip:has(:focus-visible):after, .hx .tooltip:has(:focus-visible):before{
  opacity: 1;
  transition-delay: 75ms;
}

.hx .tooltip:not([data-tip]):hover:before, .hx .tooltip:not([data-tip]):hover:after{
  visibility: hidden;
  opacity: 0;
}

.hx .tooltip:after, .hx .tooltip-top:after{
  transform: translateX(-50%);
  border-color: var(--tooltip-color) transparent transparent transparent;
  top: auto;
  left: 50%;
  right: auto;
  bottom: var(--tooltip-tail-offset);
}

.hx .font-serif {
    font-family: "PT Serif", serif;
    font-weight: 400;
    font-style: italic;
  }

.hx .font-display {
    font-family: "Montserrat", serif;
  }

.hx .shadow-1{
  position: relative;
  z-index: 0;
}

.hx .shadow-1.floating{
  position: absolute !important;
}

.hx img[src=" "].shadow-1.floating {
    position: absolute !important;
  }

.hx .shadow-1-inline {
      filter: drop-shadow(0px 1.00362px 1.00362px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1.00362px 3.01087px rgba(0, 0, 0, 0.2));
    }

.hx .shadow-1:after{
  position: absolute;
  inset: 0px;
  z-index: -1;
  border-radius: 8px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-content: '';
  content: var(--tw-content);
}

.hx img[src=" "].shadow-1:after {
    position: absolute;
  }

.hx .shadow-1:after {
      filter: drop-shadow(0px 1.00362px 1.00362px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1.00362px 3.01087px rgba(0, 0, 0, 0.2));
    }

.hx .shadow-2 {
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15), 0px 6px 10px rgba(0, 0, 0, 0.11), 0px 3px 18px rgba(0, 0, 0, 0.09);
  }

.hx .section-title{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 7px;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 700;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.hx .section-title:before, .hx .section-title:after {
      content: '';
      position: relative;
      height: 1px;
      width: 100%;
      --tw-bg-opacity: 1;
      background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
    }

.hx .-container{
  margin-left: -1rem;
  margin-right: -1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.hx .container{
  max-width: 100%;
}

@media (min-width: 1280px){

  .hx .container{
    max-width: 1400px;
  }
}

.hx .sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.hx .pointer-events-none{
  pointer-events: none;
}

.hx .pointer-events-auto{
  pointer-events: auto;
}

.hx .visible{
  visibility: visible;
}

.hx .collapse{
  visibility: collapse;
}

.hx .static{
  position: static;
}

.hx .fixed{
  position: fixed;
}

.hx .absolute{
  position: absolute;
}

.hx .relative{
  position: relative;
}

.hx .sticky{
  position: sticky;
}

.hx .inset-0{
  inset: 0px;
}

.hx .inset-x-0{
  left: 0px;
  right: 0px;
}

.hx .inset-x-\[1rem\]{
  left: 1rem;
  right: 1rem;
}

.hx .inset-y-\[8px\]{
  top: 8px;
  bottom: 8px;
}

.hx .-bottom-\[15px\]{
  bottom: -15px;
}

.hx .-bottom-\[2px\]{
  bottom: -2px;
}

.hx .-left-\[13px\]{
  left: -13px;
}

.hx .-left-\[14px\]{
  left: -14px;
}

.hx .-left-\[7\.5px\]{
  left: -7.5px;
}

.hx .-left-\[9px\]{
  left: -9px;
}

.hx .-right-\[15px\]{
  right: -15px;
}

.hx .-right-\[45px\]{
  right: -45px;
}

.hx .-right-\[9px\]{
  right: -9px;
}

.hx .-top-\[10px\]{
  top: -10px;
}

.hx .-top-\[15px\]{
  top: -15px;
}

.hx .bottom-0{
  bottom: 0px;
}

.hx .bottom-\[34px\]{
  bottom: 34px;
}

.hx .bottom-\[72px\]{
  bottom: 72px;
}

.hx .bottom-auto{
  bottom: auto;
}

.hx .bottom-full{
  bottom: 100%;
}

.hx .left-0{
  left: 0px;
}

.hx .left-\[-10\%\]{
  left: -10%;
}

.hx .left-\[14px\]{
  left: 14px;
}

.hx .left-\[24px\]{
  left: 24px;
}

.hx .left-\[40\%\]{
  left: 40%;
}

.hx .left-\[54\%\]{
  left: 54%;
}

.hx .left-\[7px\]{
  left: 7px;
}

.hx .left-\[calc\(100\%\+14px\)\]{
  left: calc(100% + 14px);
}

.hx .left-\[calc\(100\%\+87px\)\]{
  left: calc(100% + 87px);
}

.hx .left-\[calc\(100\%-1px\)\]{
  left: calc(100% - 1px);
}

.hx .left-auto{
  left: auto;
}

.hx .left-full{
  left: 100%;
}

.hx .right-0{
  right: 0px;
}

.hx .right-4{
  right: 8px;
}

.hx .right-\[14px\]{
  right: 14px;
}

.hx .right-\[16px\]{
  right: 16px;
}

.hx .right-\[24px\]{
  right: 24px;
}

.hx .right-\[50px\]{
  right: 50px;
}

.hx .right-\[7px\]{
  right: 7px;
}

.hx .right-\[8px\]{
  right: 8px;
}

.hx .right-\[calc\(100\%\+1px\)\]{
  right: calc(100% + 1px);
}

.hx .right-auto{
  right: auto;
}

.hx .right-full{
  right: 100%;
}

.hx .right-spacing4{
  right: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
}

.hx .top-0{
  top: 0px;
}

.hx .top-1\/2{
  top: 50%;
}

.hx .top-4{
  top: 8px;
}

.hx .top-\[-130px\]{
  top: -130px;
}

.hx .top-\[-30\%\]{
  top: -30%;
}

.hx .top-\[-70\%\]{
  top: -70%;
}

.hx .top-\[10px\]{
  top: 10px;
}

.hx .top-\[11px\]{
  top: 11px;
}

.hx .top-\[20px\]{
  top: 20px;
}

.hx .top-\[34px\]{
  top: 34px;
}

.hx .top-\[43px\]{
  top: 43px;
}

.hx .top-\[48vw\]{
  top: 48vw;
}

.hx .top-\[4px\]{
  top: 4px;
}

.hx .top-\[8px\]{
  top: 8px;
}

.hx .top-\[9px\]{
  top: 9px;
}

.hx .top-\[calc\(100\%-1px\)\]{
  top: calc(100% - 1px);
}

.hx .top-\[calc\(var\(--header-height\)\+20px\)\]{
  top: calc(var(--header-height) + 20px);
}

.hx .top-\[calc\(var\(--header-height\)\+2px\)\]{
  top: calc(var(--header-height) + 2px);
}

.hx .top-\[var\(--header-height\)\]{
  top: var(--header-height);
}

.hx .top-auto{
  top: auto;
}

.hx .top-full{
  top: 100%;
}

.hx .-z-1{
  z-index: -1;
}

.hx .-z-10{
  z-index: -10;
}

.hx .-z-\[1\]{
  z-index: -1;
}

.hx .z-0{
  z-index: 0;
}

.hx .z-1{
  z-index: 1;
}

.hx .z-10{
  z-index: 10;
}

.hx .z-2{
  z-index: 2;
}

.hx .z-20{
  z-index: 20;
}

.hx .z-3{
  z-index: 3;
}

.hx .z-5{
  z-index: 5;
}

.hx .z-50{
  z-index: 50;
}

.hx .z-\[0\]{
  z-index: 0;
}

.hx .z-\[11\]{
  z-index: 11;
}

.hx .z-\[15\]{
  z-index: 15;
}

.hx .z-\[1\]{
  z-index: 1;
}

.hx .z-\[2\]{
  z-index: 2;
}

.hx .z-\[3\]{
  z-index: 3;
}

.hx .z-\[40\]{
  z-index: 40;
}

.hx .z-\[4\]{
  z-index: 4;
}

.hx .z-\[5\]{
  z-index: 5;
}

.hx .z-\[9999\]{
  z-index: 9999;
}

.hx .order-1{
  order: 1;
}

.hx .col-span-1{
  grid-column: span 1 / span 1;
}

.hx .col-span-12{
  grid-column: span 12 / span 12;
}

.hx .col-span-2{
  grid-column: span 2 / span 2;
}

.hx .col-span-5{
  grid-column: span 5 / span 5;
}

.hx .col-span-7{
  grid-column: span 7 / span 7;
}

.hx .float-right{
  float: right;
}

.hx .float-left{
  float: left;
}

.hx .m-0{
  margin: 0px;
}

.hx .m-\[1\.5rem_2rem\]{
  margin: 1.5rem 2rem;
}

.hx .m-\[12px\]{
  margin: 12px;
}

.hx .m-\[2px\]{
  margin: 2px;
}

.hx .m-\[3px\]{
  margin: 3px;
}

.hx .m-\[5px\]{
  margin: 5px;
}

.hx .m-\[8px\]{
  margin: 8px;
}

.hx .m-auto{
  margin: auto;
}

.hx .m-spacing3{
  margin: clamp(0.25rem, 0.177rem + 0.323vw, 0.5rem);
}

.hx .m-spacing4{
  margin: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
}

.hx .m-spacing5{
  margin: clamp(0.75rem, 0.677rem + 0.323vw, 1rem);
}

.hx .-mx-\[12px\]{
  margin-left: -12px;
  margin-right: -12px;
}

.hx .-mx-\[1rem\]{
  margin-left: -1rem;
  margin-right: -1rem;
}

.hx .-mx-spacing7{
  margin-left: calc(clamp(1.25rem, 1.177rem + 0.323vw, 1.5rem) * -1);
  margin-right: calc(clamp(1.25rem, 1.177rem + 0.323vw, 1.5rem) * -1);
}

.hx .-my-px{
  margin-top: -1px;
  margin-bottom: -1px;
}

.hx .mx-\[13px\]{
  margin-left: 13px;
  margin-right: 13px;
}

.hx .mx-\[1px\]{
  margin-left: 1px;
  margin-right: 1px;
}

.hx .mx-\[5px\]{
  margin-left: 5px;
  margin-right: 5px;
}

.hx .mx-\[6px\]{
  margin-left: 6px;
  margin-right: 6px;
}

.hx .mx-auto{
  margin-left: auto;
  margin-right: auto;
}

.hx .mx-spacing2{
  margin-left: clamp(0.125rem, 0.089rem + 0.161vw, 0.25rem);
  margin-right: clamp(0.125rem, 0.089rem + 0.161vw, 0.25rem);
}

.hx .mx-spacing3{
  margin-left: clamp(0.25rem, 0.177rem + 0.323vw, 0.5rem);
  margin-right: clamp(0.25rem, 0.177rem + 0.323vw, 0.5rem);
}

.hx .mx-spacing4{
  margin-left: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
  margin-right: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
}

.hx .my-\[10px\]{
  margin-top: 10px;
  margin-bottom: 10px;
}

.hx .my-\[24px\]{
  margin-top: 24px;
  margin-bottom: 24px;
}

.hx .my-\[2px\]{
  margin-top: 2px;
  margin-bottom: 2px;
}

.hx .my-\[38px\]{
  margin-top: 38px;
  margin-bottom: 38px;
}

.hx .my-\[4px\]{
  margin-top: 4px;
  margin-bottom: 4px;
}

.hx .my-\[56px\]{
  margin-top: 56px;
  margin-bottom: 56px;
}

.hx .my-\[5px\]{
  margin-top: 5px;
  margin-bottom: 5px;
}

.hx .my-\[8px\]{
  margin-top: 8px;
  margin-bottom: 8px;
}

.hx .my-sectionSpacing{
  margin-top: clamp(4rem, 3.129rem + 3.871vw, 7rem);
  margin-bottom: clamp(4rem, 3.129rem + 3.871vw, 7rem);
}

.hx .my-spacing10{
  margin-top: clamp(3rem, 2.710rem + 1.290vw, 4rem);
  margin-bottom: clamp(3rem, 2.710rem + 1.290vw, 4rem);
}

.hx .my-spacing2{
  margin-top: clamp(0.125rem, 0.089rem + 0.161vw, 0.25rem);
  margin-bottom: clamp(0.125rem, 0.089rem + 0.161vw, 0.25rem);
}

.hx .my-spacing3{
  margin-top: clamp(0.25rem, 0.177rem + 0.323vw, 0.5rem);
  margin-bottom: clamp(0.25rem, 0.177rem + 0.323vw, 0.5rem);
}

.hx .my-spacing4{
  margin-top: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
  margin-bottom: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
}

.hx .my-spacing5{
  margin-top: clamp(0.75rem, 0.677rem + 0.323vw, 1rem);
  margin-bottom: clamp(0.75rem, 0.677rem + 0.323vw, 1rem);
}

.hx .my-spacing7{
  margin-top: clamp(1.25rem, 1.177rem + 0.323vw, 1.5rem);
  margin-bottom: clamp(1.25rem, 1.177rem + 0.323vw, 1.5rem);
}

.hx .my-spacing8{
  margin-top: clamp(1.5rem, 1.355rem + 0.645vw, 2rem);
  margin-bottom: clamp(1.5rem, 1.355rem + 0.645vw, 2rem);
}

.hx .my-spacing9{
  margin-top: clamp(2rem, 1.710rem + 1.290vw, 3rem);
  margin-bottom: clamp(2rem, 1.710rem + 1.290vw, 3rem);
}

.hx .-mb-4{
  margin-bottom: -8px;
}

.hx .-mb-\[25px\]{
  margin-bottom: -25px;
}

.hx .-mb-\[3px\]{
  margin-bottom: -3px;
}

.hx .-mt-\[45px\]{
  margin-top: -45px;
}

.hx .-mt-\[4px\]{
  margin-top: -4px;
}

.hx .mb-0{
  margin-bottom: 0px;
}

.hx .mb-2{
  margin-bottom: 2px;
}

.hx .mb-3{
  margin-bottom: 4px;
}

.hx .mb-4{
  margin-bottom: 8px;
}

.hx .mb-\[10px\]{
  margin-bottom: 10px;
}

.hx .mb-\[12px\]{
  margin-bottom: 12px;
}

.hx .mb-\[14px\]{
  margin-bottom: 14px;
}

.hx .mb-\[18px\]{
  margin-bottom: 18px;
}

.hx .mb-\[24px\]{
  margin-bottom: 24px;
}

.hx .mb-\[3\.11px\]{
  margin-bottom: 3.11px;
}

.hx .mb-\[30px\]{
  margin-bottom: 30px;
}

.hx .mb-\[4px\]{
  margin-bottom: 4px;
}

.hx .mb-\[5px\]{
  margin-bottom: 5px;
}

.hx .mb-\[6px\]{
  margin-bottom: 6px;
}

.hx .mb-\[9px\]{
  margin-bottom: 9px;
}

.hx .mb-content{
  margin-bottom: clamp(0.35rem,calc(.28vw + .45vh),0.6rem);
}

.hx .mb-inner{
  margin-bottom: clamp(12px,calc(.5vw + 1.25vh),20px);
}

.hx .mb-sectionSpacing{
  margin-bottom: clamp(4rem, 3.129rem + 3.871vw, 7rem);
}

.hx .mb-spacing10{
  margin-bottom: clamp(3rem, 2.710rem + 1.290vw, 4rem);
}

.hx .mb-spacing2{
  margin-bottom: clamp(0.125rem, 0.089rem + 0.161vw, 0.25rem);
}

.hx .mb-spacing3{
  margin-bottom: clamp(0.25rem, 0.177rem + 0.323vw, 0.5rem);
}

.hx .mb-spacing4{
  margin-bottom: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
}

.hx .mb-spacing5{
  margin-bottom: clamp(0.75rem, 0.677rem + 0.323vw, 1rem);
}

.hx .mb-spacing6{
  margin-bottom: clamp(1rem, 0.927rem + 0.323vw, 1.25rem);
}

.hx .mb-spacing7{
  margin-bottom: clamp(1.25rem, 1.177rem + 0.323vw, 1.5rem);
}

.hx .mb-spacing8{
  margin-bottom: clamp(1.5rem, 1.355rem + 0.645vw, 2rem);
}

.hx .mb-spacing9{
  margin-bottom: clamp(2rem, 1.710rem + 1.290vw, 3rem);
}

.hx .ml-\[1px\]{
  margin-left: 1px;
}

.hx .ml-\[4px\]{
  margin-left: 4px;
}

.hx .ml-\[8px\]{
  margin-left: 8px;
}

.hx .ml-auto{
  margin-left: auto;
}

.hx .ml-spacing2{
  margin-left: clamp(0.125rem, 0.089rem + 0.161vw, 0.25rem);
}

.hx .ml-spacing3{
  margin-left: clamp(0.25rem, 0.177rem + 0.323vw, 0.5rem);
}

.hx .ml-spacing4{
  margin-left: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
}

.hx .mr-0{
  margin-right: 0px;
}

.hx .mr-\[10px\]{
  margin-right: 10px;
}

.hx .mr-\[12px\]{
  margin-right: 12px;
}

.hx .mr-\[20px\]{
  margin-right: 20px;
}

.hx .mr-\[5px\]{
  margin-right: 5px;
}

.hx .mr-\[6px\]{
  margin-right: 6px;
}

.hx .mr-\[8px\]{
  margin-right: 8px;
}

.hx .mr-\[var\(--space-between-sm\)\]{
  margin-right: var(--space-between-sm);
}

.hx .mr-spacing3{
  margin-right: clamp(0.25rem, 0.177rem + 0.323vw, 0.5rem);
}

.hx .mr-spacing4{
  margin-right: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
}

.hx .mt-0{
  margin-top: 0px;
}

.hx .mt-8{
  margin-top: 24px;
}

.hx .mt-\[10px\]{
  margin-top: 10px;
}

.hx .mt-\[12px\]{
  margin-top: 12px;
}

.hx .mt-\[150px\]{
  margin-top: 150px;
}

.hx .mt-\[16px\]{
  margin-top: 16px;
}

.hx .mt-\[18px\]{
  margin-top: 18px;
}

.hx .mt-\[20px\]{
  margin-top: 20px;
}

.hx .mt-\[24px\]{
  margin-top: 24px;
}

.hx .mt-\[26\.5px\]{
  margin-top: 26.5px;
}

.hx .mt-\[3\.46px\]{
  margin-top: 3.46px;
}

.hx .mt-\[30px\]{
  margin-top: 30px;
}

.hx .mt-\[4px\]{
  margin-top: 4px;
}

.hx .mt-\[5px\]{
  margin-top: 5px;
}

.hx .mt-\[6px\]{
  margin-top: 6px;
}

.hx .mt-sectionSpacing{
  margin-top: clamp(4rem, 3.129rem + 3.871vw, 7rem);
}

.hx .mt-spacing1{
  margin-top: clamp(0.0625rem, 0.044rem + 0.081vw, 0.125rem);
}

.hx .mt-spacing10{
  margin-top: clamp(3rem, 2.710rem + 1.290vw, 4rem);
}

.hx .mt-spacing3{
  margin-top: clamp(0.25rem, 0.177rem + 0.323vw, 0.5rem);
}

.hx .mt-spacing4{
  margin-top: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
}

.hx .mt-spacing5{
  margin-top: clamp(0.75rem, 0.677rem + 0.323vw, 1rem);
}

.hx .mt-spacing6{
  margin-top: clamp(1rem, 0.927rem + 0.323vw, 1.25rem);
}

.hx .mt-spacing7{
  margin-top: clamp(1.25rem, 1.177rem + 0.323vw, 1.5rem);
}

.hx .mt-spacing8{
  margin-top: clamp(1.5rem, 1.355rem + 0.645vw, 2rem);
}

.hx .mt-spacing9{
  margin-top: clamp(2rem, 1.710rem + 1.290vw, 3rem);
}

.hx .line-clamp-2{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.hx .line-clamp-3{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.hx .line-clamp-4{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.hx .line-clamp-5{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.hx .line-clamp-\[10\]{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
}

.hx .block{
  display: block;
}

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

.hx .inline{
  display: inline;
}

.hx .flex{
  display: flex;
}

.hx .inline-flex{
  display: inline-flex;
}

.hx .table{
  display: table;
}

.hx .grid{
  display: grid;
}

.hx .contents{
  display: contents;
}

.hx .hidden{
  display: none;
}

.hx .aspect-16\/9{
  aspect-ratio: 16 / 9;
}

.hx .aspect-3\/2{
  aspect-ratio: 3 / 2;
}

.hx .aspect-\[16\/8\]{
  aspect-ratio: 16/8;
}

.hx .aspect-\[2\/1\]{
  aspect-ratio: 2/1;
}

.hx .aspect-\[3\/1\]{
  aspect-ratio: 3/1;
}

.hx .aspect-\[3\/2\]{
  aspect-ratio: 3/2;
}

.hx .aspect-\[324\/267\]{
  aspect-ratio: 324/267;
}

.hx .aspect-\[340\/411\]{
  aspect-ratio: 340/411;
}

.hx .aspect-\[4\/2\.3\]{
  aspect-ratio: 4/2.3;
}

.hx .aspect-\[4\/3\]{
  aspect-ratio: 4/3;
}

.hx .aspect-square{
  aspect-ratio: 1 / 1;
}

.hx .aspect-video{
  aspect-ratio: 16 / 9;
}

.hx .size-\[10px\]{
  width: 10px;
  height: 10px;
}

.hx .size-\[20px\]{
  width: 20px;
  height: 20px;
}

.hx .size-\[24px\]{
  width: 24px;
  height: 24px;
}

.hx .size-\[52px\]{
  width: 52px;
  height: 52px;
}

.hx .size-\[60px\]{
  width: 60px;
  height: 60px;
}

.hx .size-\[63px\]{
  width: 63px;
  height: 63px;
}

.hx .size-full{
  width: 100%;
  height: 100%;
}

.hx .h-0{
  height: 0px;
}

.hx .h-1\/2{
  height: 50%;
}

.hx .h-10{
  height: 48px;
}

.hx .h-2{
  height: 2px;
}

.hx .h-\[1\.2px\]{
  height: 1.2px;
}

.hx .h-\[1\.7rem\]{
  height: 1.7rem;
}

.hx .h-\[106px\]{
  height: 106px;
}

.hx .h-\[10px\]{
  height: 10px;
}

.hx .h-\[11px\]{
  height: 11px;
}

.hx .h-\[125px\]{
  height: 125px;
}

.hx .h-\[12px\]{
  height: 12px;
}

.hx .h-\[133px\]{
  height: 133px;
}

.hx .h-\[137px\]{
  height: 137px;
}

.hx .h-\[13px\]{
  height: 13px;
}

.hx .h-\[14px\]{
  height: 14px;
}

.hx .h-\[15px\]{
  height: 15px;
}

.hx .h-\[160px\]{
  height: 160px;
}

.hx .h-\[16px\]{
  height: 16px;
}

.hx .h-\[17px\]{
  height: 17px;
}

.hx .h-\[18px\]{
  height: 18px;
}

.hx .h-\[1em\]{
  height: 1em;
}

.hx .h-\[1rem\]{
  height: 1rem;
}

.hx .h-\[2\.6rem\]{
  height: 2.6rem;
}

.hx .h-\[200px\]{
  height: 200px;
}

.hx .h-\[20px\]{
  height: 20px;
}

.hx .h-\[21px\]{
  height: 21px;
}

.hx .h-\[228\.57px\]{
  height: 228.57px;
}

.hx .h-\[22px\]{
  height: 22px;
}

.hx .h-\[23px\]{
  height: 23px;
}

.hx .h-\[24px\]{
  height: 24px;
}

.hx .h-\[25px\]{
  height: 25px;
}

.hx .h-\[26px\]{
  height: 26px;
}

.hx .h-\[27px\]{
  height: 27px;
}

.hx .h-\[28px\]{
  height: 28px;
}

.hx .h-\[293px\]{
  height: 293px;
}

.hx .h-\[29px\]{
  height: 29px;
}

.hx .h-\[30px\]{
  height: 30px;
}

.hx .h-\[32px\]{
  height: 32px;
}

.hx .h-\[3px\]{
  height: 3px;
}

.hx .h-\[40px\]{
  height: 40px;
}

.hx .h-\[43px\]{
  height: 43px;
}

.hx .h-\[4px\]{
  height: 4px;
}

.hx .h-\[54px\]{
  height: 54px;
}

.hx .h-\[56px\]{
  height: 56px;
}

.hx .h-\[575px\]{
  height: 575px;
}

.hx .h-\[5px\]{
  height: 5px;
}

.hx .h-\[61px\]{
  height: 61px;
}

.hx .h-\[65px\]{
  height: 65px;
}

.hx .h-\[67px\]{
  height: 67px;
}

.hx .h-\[68px\]{
  height: 68px;
}

.hx .h-\[6px\]{
  height: 6px;
}

.hx .h-\[75px\]{
  height: 75px;
}

.hx .h-\[78px\]{
  height: 78px;
}

.hx .h-\[7px\]{
  height: 7px;
}

.hx .h-\[8px\]{
  height: 8px;
}

.hx .h-\[95px\]{
  height: 95px;
}

.hx .h-\[9px\]{
  height: 9px;
}

.hx .h-\[calc\(100\%-20px\)\]{
  height: calc(100% - 20px);
}

.hx .h-\[calc\(var\(--header-height\)\+50px\)\]{
  height: calc(var(--header-height) + 50px);
}

.hx .h-\[var\(--header-height\)\]{
  height: var(--header-height);
}

.hx .h-\[var\(--page-top-offset\)\]{
  height: var(--page-top-offset);
}

.hx .h-auto{
  height: auto;
}

.hx .h-full{
  height: 100%;
}

.hx .h-max{
  height: max-content;
}

.hx .h-px{
  height: 1px;
}

.hx .h-spacing4{
  height: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
}

.hx .h-spacing6{
  height: clamp(1rem, 0.927rem + 0.323vw, 1.25rem);
}

.hx .h-spacing7{
  height: clamp(1.25rem, 1.177rem + 0.323vw, 1.5rem);
}

.hx .max-h-0{
  max-height: 0px;
}

.hx .max-h-\[2\.6rem\]{
  max-height: 2.6rem;
}

.hx .max-h-\[220px\]{
  max-height: 220px;
}

.hx .max-h-\[520px\]{
  max-height: 520px;
}

.hx .max-h-\[70vw\]{
  max-height: 70vw;
}

.hx .max-h-full{
  max-height: 100%;
}

.hx .min-h-\[147px\]{
  min-height: 147px;
}

.hx .min-h-\[300px\]{
  min-height: 300px;
}

.hx .min-h-\[34rem\]{
  min-height: 34rem;
}

.hx .min-h-\[400px\]{
  min-height: 400px;
}

.hx .min-h-\[40px\]{
  min-height: 40px;
}

.hx .min-h-\[45px\]{
  min-height: 45px;
}

.hx .min-h-\[48px\]{
  min-height: 48px;
}

.hx .min-h-\[500px\]{
  min-height: 500px;
}

.hx .min-h-\[55px\]{
  min-height: 55px;
}

.hx .min-h-full{
  min-height: 100%;
}

.hx .w-0{
  width: 0px;
}

.hx .w-1\/2{
  width: 50%;
}

.hx .w-1\/3{
  width: 33.333333%;
}

.hx .w-10{
  width: 48px;
}

.hx .w-2{
  width: 2px;
}

.hx .w-\[0\]{
  width: 0;
}

.hx .w-\[100px\]{
  width: 100px;
}

.hx .w-\[11px\]{
  width: 11px;
}

.hx .w-\[120px\]{
  width: 120px;
}

.hx .w-\[14px\]{
  width: 14px;
}

.hx .w-\[15px\]{
  width: 15px;
}

.hx .w-\[16px\]{
  width: 16px;
}

.hx .w-\[18px\]{
  width: 18px;
}

.hx .w-\[1em\]{
  width: 1em;
}

.hx .w-\[1rem\]{
  width: 1rem;
}

.hx .w-\[200px\]{
  width: 200px;
}

.hx .w-\[203px\]{
  width: 203px;
}

.hx .w-\[20px\]{
  width: 20px;
}

.hx .w-\[21px\]{
  width: 21px;
}

.hx .w-\[22px\]{
  width: 22px;
}

.hx .w-\[23px\]{
  width: 23px;
}

.hx .w-\[24px\]{
  width: 24px;
}

.hx .w-\[25px\]{
  width: 25px;
}

.hx .w-\[28px\]{
  width: 28px;
}

.hx .w-\[300px\]{
  width: 300px;
}

.hx .w-\[30px\]{
  width: 30px;
}

.hx .w-\[32px\]{
  width: 32px;
}

.hx .w-\[400px\]{
  width: 400px;
}

.hx .w-\[40px\]{
  width: 40px;
}

.hx .w-\[41px\]{
  width: 41px;
}

.hx .w-\[452px\]{
  width: 452px;
}

.hx .w-\[45px\]{
  width: 45px;
}

.hx .w-\[4px\]{
  width: 4px;
}

.hx .w-\[520px\]{
  width: 520px;
}

.hx .w-\[560px\]{
  width: 560px;
}

.hx .w-\[6px\]{
  width: 6px;
}

.hx .w-\[76px\]{
  width: 76px;
}

.hx .w-\[78px\]{
  width: 78px;
}

.hx .w-\[7px\]{
  width: 7px;
}

.hx .w-\[883px\]{
  width: 883px;
}

.hx .w-\[95px\]{
  width: 95px;
}

.hx .w-\[99px\]{
  width: 99px;
}

.hx .w-\[calc\(100\%-345px\)\]{
  width: calc(100% - 345px);
}

.hx .w-\[min-content\]{
  width: min-content;
}

.hx .w-\[var\(--slide-width-sm\)\]{
  width: var(--slide-width-sm);
}

.hx .w-auto{
  width: auto;
}

.hx .w-full{
  width: 100%;
}

.hx .w-max{
  width: max-content;
}

.hx .min-w-\[100px\]{
  min-width: 100px;
}

.hx .min-w-\[101px\]{
  min-width: 101px;
}

.hx .min-w-\[1196px\]{
  min-width: 1196px;
}

.hx .min-w-\[201px\]{
  min-width: 201px;
}

.hx .min-w-\[320px\]{
  min-width: 320px;
}

.hx .min-w-\[700px\]{
  min-width: 700px;
}

.hx .max-w-\[100px\]{
  max-width: 100px;
}

.hx .max-w-\[100rem\]{
  max-width: 100rem;
}

.hx .max-w-\[1040px\]{
  max-width: 1040px;
}

.hx .max-w-\[1145px\]{
  max-width: 1145px;
}

.hx .max-w-\[24rem\]{
  max-width: 24rem;
}

.hx .max-w-\[253px\]{
  max-width: 253px;
}

.hx .max-w-\[324px\]{
  max-width: 324px;
}

.hx .max-w-\[32rem\]{
  max-width: 32rem;
}

.hx .max-w-\[364px\]{
  max-width: 364px;
}

.hx .max-w-\[370px\]{
  max-width: 370px;
}

.hx .max-w-\[400px\]{
  max-width: 400px;
}

.hx .max-w-\[42rem\]{
  max-width: 42rem;
}

.hx .max-w-\[45vw\]{
  max-width: 45vw;
}

.hx .max-w-\[490px\]{
  max-width: 490px;
}

.hx .max-w-\[557px\]{
  max-width: 557px;
}

.hx .max-w-\[600px\]{
  max-width: 600px;
}

.hx .max-w-\[64rem\]{
  max-width: 64rem;
}

.hx .max-w-\[652px\]{
  max-width: 652px;
}

.hx .max-w-\[70vw\]{
  max-width: 70vw;
}

.hx .max-w-\[710px\]{
  max-width: 710px;
}

.hx .max-w-\[835px\]{
  max-width: 835px;
}

.hx .max-w-\[950px\]{
  max-width: 950px;
}

.hx .max-w-\[95px\]{
  max-width: 95px;
}

.hx .max-w-\[calc\(100\%-6rem\)\]{
  max-width: calc(100% - 6rem);
}

.hx .max-w-\[calc\(100\%-8px\)\]{
  max-width: calc(100% - 8px);
}

.hx .max-w-full{
  max-width: 100%;
}

.hx .flex-1{
  flex: 1 1 0%;
}

.hx .flex-\[0\]{
  flex: 0;
}

.hx .flex-\[0_0_100\%\]{
  flex: 0 0 100%;
}

.hx .flex-\[1\]{
  flex: 1;
}

.hx .flex-\[3\]{
  flex: 3;
}

.hx .flex-shrink-0{
  flex-shrink: 0;
}

.hx .shrink-0{
  flex-shrink: 0;
}

.hx .flex-grow{
  flex-grow: 1;
}

.hx .table-fixed{
  table-layout: fixed;
}

.hx .border-collapse{
  border-collapse: collapse;
}

.hx .origin-\[0\]{
  transform-origin: 0;
}

.hx .origin-\[65\%_52\%\]{
  transform-origin: 65% 52%;
}

.hx .-translate-x-\[72px\]{
  --tw-translate-x: -72px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hx .-translate-y-1\/2{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hx .-translate-y-\[68\%\]{
  --tw-translate-y: -68%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hx .translate-x-\[10px\]{
  --tw-translate-x: 10px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hx .translate-x-\[8px\]{
  --tw-translate-x: 8px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hx .translate-y-\[10px\]{
  --tw-translate-y: 10px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hx .translate-y-\[8px\]{
  --tw-translate-y: 8px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hx .translate-y-\[9px\]{
  --tw-translate-y: 9px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hx .rotate-90{
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hx .rotate-\[-5deg\]{
  --tw-rotate: -5deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hx .rotate-\[-90deg\]{
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hx .rotate-\[20deg\]{
  --tw-rotate: 20deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hx .scale-105{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hx .scale-75{
  --tw-scale-x: .75;
  --tw-scale-y: .75;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hx .scale-\[1\.4\]{
  --tw-scale-x: 1.4;
  --tw-scale-y: 1.4;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hx .-scale-x-\[1\]{
  --tw-scale-x: -1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hx .scale-x-105{
  --tw-scale-x: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hx .transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hx .transform-none{
  transform: none;
}

.hx .cursor-default{
  cursor: default;
}

.hx .cursor-pointer{
  cursor: pointer;
}

.hx .touch-none{
  touch-action: none;
}

.hx .select-none{
  -webkit-user-select: none;
          user-select: none;
}

.hx .resize{
  resize: both;
}

.hx .snap-x{
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}

.hx .snap-mandatory{
  --tw-scroll-snap-strictness: mandatory;
}

.hx .list-outside{
  list-style-position: outside;
}

.hx .list-\[circle\]{
  list-style-type: circle;
}

.hx .list-disc{
  list-style-type: disc;
}

.hx .list-none{
  list-style-type: none;
}

.hx .appearance-none{
  appearance: none;
}

.hx .grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.hx .grid-cols-12{
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.hx .grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hx .grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.hx .grid-cols-5{
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.hx .grid-cols-8{
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.hx .flex-row{
  flex-direction: row;
}

.hx .flex-col{
  flex-direction: column;
}

.hx .flex-wrap{
  flex-wrap: wrap;
}

.hx .place-items-center{
  place-items: center;
}

.hx .items-start{
  align-items: flex-start;
}

.hx .items-end{
  align-items: flex-end;
}

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

.hx .justify-start{
  justify-content: flex-start;
}

.hx .justify-end{
  justify-content: flex-end;
}

.hx .justify-center{
  justify-content: center;
}

.hx .justify-between{
  justify-content: space-between;
}

.hx .gap-0{
  gap: 0px;
}

.hx .gap-1{
  gap: 1px;
}

.hx .gap-4{
  gap: 8px;
}

.hx .gap-8{
  gap: 24px;
}

.hx .gap-\[\.5em\]{
  gap: .5em;
}

.hx .gap-\[1\.5px\]{
  gap: 1.5px;
}

.hx .gap-\[10px\]{
  gap: 10px;
}

.hx .gap-\[11px\]{
  gap: 11px;
}

.hx .gap-\[14px\]{
  gap: 14px;
}

.hx .gap-\[15px\]{
  gap: 15px;
}

.hx .gap-\[16px\]{
  gap: 16px;
}

.hx .gap-\[1rem\]{
  gap: 1rem;
}

.hx .gap-\[24px\]{
  gap: 24px;
}

.hx .gap-\[2px\]{
  gap: 2px;
}

.hx .gap-\[32px\]{
  gap: 32px;
}

.hx .gap-\[3px\]{
  gap: 3px;
}

.hx .gap-\[41px\]{
  gap: 41px;
}

.hx .gap-\[4px\]{
  gap: 4px;
}

.hx .gap-\[5px\]{
  gap: 5px;
}

.hx .gap-\[6px\]{
  gap: 6px;
}

.hx .gap-\[7px\]{
  gap: 7px;
}

.hx .gap-\[8px\]{
  gap: 8px;
}

.hx .gap-\[9\.75px\]{
  gap: 9.75px;
}

.hx .gap-\[9px\]{
  gap: 9px;
}

.hx .gap-\[var\(--space-between-sm\)\]{
  gap: var(--space-between-sm);
}

.hx .gap-inner{
  gap: clamp(12px,calc(.5vw + 1.25vh),20px);
}

.hx .gap-outer{
  gap: clamp(20px,calc(.75vw + 1.25vh),32px);
}

.hx .gap-spacing1{
  gap: clamp(0.0625rem, 0.044rem + 0.081vw, 0.125rem);
}

.hx .gap-spacing10{
  gap: clamp(3rem, 2.710rem + 1.290vw, 4rem);
}

.hx .gap-spacing2{
  gap: clamp(0.125rem, 0.089rem + 0.161vw, 0.25rem);
}

.hx .gap-spacing3{
  gap: clamp(0.25rem, 0.177rem + 0.323vw, 0.5rem);
}

.hx .gap-spacing4{
  gap: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
}

.hx .gap-spacing5{
  gap: clamp(0.75rem, 0.677rem + 0.323vw, 1rem);
}

.hx .gap-spacing6{
  gap: clamp(1rem, 0.927rem + 0.323vw, 1.25rem);
}

.hx .gap-spacing7{
  gap: clamp(1.25rem, 1.177rem + 0.323vw, 1.5rem);
}

.hx .gap-spacing8{
  gap: clamp(1.5rem, 1.355rem + 0.645vw, 2rem);
}

.hx .gap-spacing9{
  gap: clamp(2rem, 1.710rem + 1.290vw, 3rem);
}

.hx .gap-x-spacing4{
  column-gap: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
}

.hx .gap-y-spacing3{
  row-gap: clamp(0.25rem, 0.177rem + 0.323vw, 0.5rem);
}

.hx .divide-x > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}

.hx .divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.hx .divide-neutral-100 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(245 245 245 / var(--tw-divide-opacity, 1));
}

.hx .divide-neutral-400 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(163 163 163 / var(--tw-divide-opacity, 1));
}

.hx .divide-primary-200 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(201 237 236 / var(--tw-divide-opacity, 1));
}

.hx .divide-primary-800 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(4 68 65 / var(--tw-divide-opacity, 1));
}

.hx .divide-white\/25 > :not([hidden]) ~ :not([hidden]){
  border-color: rgb(255 255 255 / 0.25);
}

.hx .divide-white\/40 > :not([hidden]) ~ :not([hidden]){
  border-color: rgb(255 255 255 / 0.4);
}

.hx .place-self-center{
  place-self: center;
}

.hx .self-center{
  align-self: center;
}

.hx .overflow-auto{
  overflow: auto;
}

.hx .overflow-hidden{
  overflow: hidden;
}

.hx .overflow-visible{
  overflow: visible;
}

.hx .overflow-x-auto{
  overflow-x: auto;
}

.hx .text-ellipsis{
  text-overflow: ellipsis;
}

.hx .whitespace-nowrap{
  white-space: nowrap;
}

.hx .text-wrap{
  text-wrap: wrap;
}

.hx .text-nowrap{
  text-wrap: nowrap;
}

.hx .rounded{
  border-radius: 0.25rem;
}

.hx .rounded-\[10px\]{
  border-radius: 10px;
}

.hx .rounded-\[12px\]{
  border-radius: 12px;
}

.hx .rounded-\[25px\]{
  border-radius: 25px;
}

.hx .rounded-\[2px\]{
  border-radius: 2px;
}

.hx .rounded-\[46px_8px\]{
  border-radius: 46px 8px;
}

.hx .rounded-\[4px\]{
  border-radius: 4px;
}

.hx .rounded-\[50px\]{
  border-radius: 50px;
}

.hx .rounded-\[6\.22px\]{
  border-radius: 6.22px;
}

.hx .rounded-\[6px\]{
  border-radius: 6px;
}

.hx .rounded-\[7\.5px\]{
  border-radius: 7.5px;
}

.hx .rounded-\[7px\]{
  border-radius: 7px;
}

.hx .rounded-\[8px\]{
  border-radius: 8px;
}

.hx .rounded-\[9px\]{
  border-radius: 9px;
}

.hx .rounded-\[var\(--rounded-badge\)\]{
  border-radius: var(--rounded-badge);
}

.hx .rounded-full{
  border-radius: 9999px;
}

.hx .rounded-md{
  border-radius: 0.375rem;
}

.hx .rounded-b-\[8px\]{
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.hx .rounded-b-none{
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.hx .rounded-b-xl{
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}

.hx .rounded-l-\[4px\]{
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.hx .rounded-r-\[8px\]{
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.hx .rounded-r-none{
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.hx .rounded-t-\[8px\]{
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.hx .rounded-bl-\[8px\]{
  border-bottom-left-radius: 8px;
}

.hx .rounded-tl-\[2px\]{
  border-top-left-radius: 2px;
}

.hx .rounded-tl-xl{
  border-top-left-radius: 0.75rem;
}

.hx .rounded-tr-\[2px\]{
  border-top-right-radius: 2px;
}

.hx .rounded-tr-none{
  border-top-right-radius: 0px;
}

.hx .border{
  border-width: 1px;
}

.hx .border-2{
  border-width: 2px;
}

.hx .border-\[2px\]{
  border-width: 2px;
}

.hx .border-\[3px\]{
  border-width: 3px;
}

.hx .border-x-0{
  border-left-width: 0px;
  border-right-width: 0px;
}

.hx .border-b{
  border-bottom-width: 1px;
}

.hx .border-b-\[2px\]{
  border-bottom-width: 2px;
}

.hx .border-r{
  border-right-width: 1px;
}

.hx .border-t{
  border-top-width: 1px;
}

.hx .border-t-0{
  border-top-width: 0px;
}

.hx .border-t-2{
  border-top-width: 2px;
}

.hx .border-solid{
  border-style: solid;
}

.hx .border-dashed{
  border-style: dashed;
}

.hx .border-none{
  border-style: none;
}

.hx .border-\[\#87cbc8\]{
  --tw-border-opacity: 1;
  border-color: rgb(135 203 200 / var(--tw-border-opacity, 1));
}

.hx .border-\[\#ADC2C1\]{
  --tw-border-opacity: 1;
  border-color: rgb(173 194 193 / var(--tw-border-opacity, 1));
}

.hx .border-\[\#D1E4FA\]{
  --tw-border-opacity: 1;
  border-color: rgb(209 228 250 / var(--tw-border-opacity, 1));
}

.hx .border-\[\#D6F1F0\]{
  --tw-border-opacity: 1;
  border-color: rgb(214 241 240 / var(--tw-border-opacity, 1));
}

.hx .border-\[var\(--fallback-b2\)\]{
  border-color: var(--fallback-b2);
}

.hx .border-black{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}

.hx .border-danger{
  --tw-border-opacity: 1;
  border-color: rgb(187 10 33 / var(--tw-border-opacity, 1));
}

.hx .border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}

.hx .border-neutral-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 229 229 / var(--tw-border-opacity, 1));
}

.hx .border-neutral-400{
  --tw-border-opacity: 1;
  border-color: rgb(163 163 163 / var(--tw-border-opacity, 1));
}

.hx .border-primary{
  --tw-border-opacity: 1;
  border-color: rgb(3 170 163 / var(--tw-border-opacity, 1));
}

.hx .border-primary-200{
  --tw-border-opacity: 1;
  border-color: rgb(201 237 236 / var(--tw-border-opacity, 1));
}

.hx .border-primary-300{
  --tw-border-opacity: 1;
  border-color: rgb(140 217 214 / var(--tw-border-opacity, 1));
}

.hx .border-primary-400{
  --tw-border-opacity: 1;
  border-color: rgb(64 191 186 / var(--tw-border-opacity, 1));
}

.hx .border-primary-600{
  --tw-border-opacity: 1;
  border-color: rgb(8 150 145 / var(--tw-border-opacity, 1));
}

.hx .border-primary-700{
  --tw-border-opacity: 1;
  border-color: rgb(6 107 103 / var(--tw-border-opacity, 1));
}

.hx .border-secondary{
  --tw-border-opacity: 1;
  border-color: rgb(0 106 224 / var(--tw-border-opacity, 1));
}

.hx .border-transparent{
  border-color: transparent;
}

.hx .border-warning{
  --tw-border-opacity: 1;
  border-color: rgb(255 184 0 / var(--tw-border-opacity, 1));
}

.hx .border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.hx .border-b-\[\#4089C7\]{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(64 137 199 / var(--tw-border-opacity, 1));
}

.hx .border-b-primary{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(3 170 163 / var(--tw-border-opacity, 1));
}

.hx .border-b-primary-200{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(201 237 236 / var(--tw-border-opacity, 1));
}

.hx .border-r-neutral-300{
  --tw-border-opacity: 1;
  border-right-color: rgb(212 212 212 / var(--tw-border-opacity, 1));
}

.hx .border-t-\[\#DBE7E7\]{
  --tw-border-opacity: 1;
  border-top-color: rgb(219 231 231 / var(--tw-border-opacity, 1));
}

.hx .border-t-primary-300{
  --tw-border-opacity: 1;
  border-top-color: rgb(140 217 214 / var(--tw-border-opacity, 1));
}

.hx .bg-\[\#C9EDEC\]{
  --tw-bg-opacity: 1;
  background-color: rgb(201 237 236 / var(--tw-bg-opacity, 1));
}

.hx .bg-\[\#D8E5E4\]{
  --tw-bg-opacity: 1;
  background-color: rgb(216 229 228 / var(--tw-bg-opacity, 1));
}

.hx .bg-\[\#E5F1FF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(229 241 255 / var(--tw-bg-opacity, 1));
}

.hx .bg-\[\#E8F0EF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(232 240 239 / var(--tw-bg-opacity, 1));
}

.hx .bg-\[\#F2F3F7\]{
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 247 / var(--tw-bg-opacity, 1));
}

.hx .bg-\[\#FFD02A\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 208 42 / var(--tw-bg-opacity, 1));
}

.hx .bg-\[\#FFE455\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 228 85 / var(--tw-bg-opacity, 1));
}

.hx .bg-\[\#eeeeef\]{
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 239 / var(--tw-bg-opacity, 1));
}

.hx .bg-\[\#f5fafa\]{
  --tw-bg-opacity: 1;
  background-color: rgb(245 250 250 / var(--tw-bg-opacity, 1));
}

.hx .bg-black\/20{
  background-color: rgb(0 0 0 / 0.2);
}

.hx .bg-black\/25{
  background-color: rgb(0 0 0 / 0.25);
}

.hx .bg-black\/30{
  background-color: rgb(0 0 0 / 0.3);
}

.hx .bg-black\/40{
  background-color: rgb(0 0 0 / 0.4);
}

.hx .bg-black\/50{
  background-color: rgb(0 0 0 / 0.5);
}

.hx .bg-black\/70{
  background-color: rgb(0 0 0 / 0.7);
}

.hx .bg-black\/80{
  background-color: rgb(0 0 0 / 0.8);
}

.hx .bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.hx .bg-gray-400{
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}

.hx .bg-gray-50{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.hx .bg-gray-500{
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
}

.hx .bg-neutral-600{
  --tw-bg-opacity: 1;
  background-color: rgb(82 82 82 / var(--tw-bg-opacity, 1));
}

.hx .bg-neutral-900\/60{
  background-color: rgb(23 23 23 / 0.6);
}

.hx .bg-primary{
  --tw-bg-opacity: 1;
  background-color: rgb(3 170 163 / var(--tw-bg-opacity, 1));
}

.hx .bg-primary-100{
  --tw-bg-opacity: 1;
  background-color: rgb(234 246 246 / var(--tw-bg-opacity, 1));
}

.hx .bg-primary-200{
  --tw-bg-opacity: 1;
  background-color: rgb(201 237 236 / var(--tw-bg-opacity, 1));
}

.hx .bg-primary-50{
  --tw-bg-opacity: 1;
  background-color: rgb(245 250 250 / var(--tw-bg-opacity, 1));
}

.hx .bg-primary-600{
  --tw-bg-opacity: 1;
  background-color: rgb(8 150 145 / var(--tw-bg-opacity, 1));
}

.hx .bg-primary-700{
  --tw-bg-opacity: 1;
  background-color: rgb(6 107 103 / var(--tw-bg-opacity, 1));
}

.hx .bg-primary-800{
  --tw-bg-opacity: 1;
  background-color: rgb(4 68 65 / var(--tw-bg-opacity, 1));
}

.hx .bg-primary-900{
  --tw-bg-opacity: 1;
  background-color: rgb(2 39 38 / var(--tw-bg-opacity, 1));
}

.hx .bg-primary\/20{
  background-color: rgb(3 170 163 / 0.2);
}

.hx .bg-red-600{
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}

.hx .bg-secondary{
  --tw-bg-opacity: 1;
  background-color: rgb(0 106 224 / var(--tw-bg-opacity, 1));
}

.hx .bg-transparent{
  background-color: transparent;
}

.hx .bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.hx .bg-white\/80{
  background-color: rgb(255 255 255 / 0.8);
}

.hx .bg-white\/90{
  background-color: rgb(255 255 255 / 0.9);
}

.hx .bg-gradient-to-l{
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}

.hx .bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.hx .bg-gradient-to-t{
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.hx .from-black{
  --tw-gradient-from: #000 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hx .from-black\/20{
  --tw-gradient-from: rgb(0 0 0 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hx .from-primary-100{
  --tw-gradient-from: #EAF6F6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(234 246 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hx .from-transparent{
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hx .via-black\/80{
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.8) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.hx .to-transparent{
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.hx .to-white{
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
}

.hx .bg-contain{
  background-size: contain;
}

.hx .bg-no-repeat{
  background-repeat: no-repeat;
}

.hx .fill-\[\#63CBC7\]{
  fill: #63CBC7;
}

.hx .stroke-\[\#087976\]{
  stroke: #087976;
}

.hx .object-contain{
  object-fit: contain;
}

.hx .object-cover{
  object-fit: cover;
}

.hx .object-\[26\%_center\]{
  object-position: 26% center;
}

.hx .object-top{
  object-position: top;
}

.hx .p-0{
  padding: 0px;
}

.hx .p-1{
  padding: 1px;
}

.hx .p-2{
  padding: 2px;
}

.hx .p-4{
  padding: 8px;
}

.hx .p-\[0\.5px_9px\]{
  padding: 0.5px 9px;
}

.hx .p-\[1\.5rem\]{
  padding: 1.5rem;
}

.hx .p-\[10px\]{
  padding: 10px;
}

.hx .p-\[10px_11px\]{
  padding: 10px 11px;
}

.hx .p-\[10px_12px\]{
  padding: 10px 12px;
}

.hx .p-\[10px_14px\]{
  padding: 10px 14px;
}

.hx .p-\[12px\]{
  padding: 12px;
}

.hx .p-\[12px_10px\]{
  padding: 12px 10px;
}

.hx .p-\[12px_16px\]{
  padding: 12px 16px;
}

.hx .p-\[12px_24px\]{
  padding: 12px 24px;
}

.hx .p-\[14px\]{
  padding: 14px;
}

.hx .p-\[16px\]{
  padding: 16px;
}

.hx .p-\[18px\]{
  padding: 18px;
}

.hx .p-\[1px\]{
  padding: 1px;
}

.hx .p-\[1px_2px\]{
  padding: 1px 2px;
}

.hx .p-\[20px\]{
  padding: 20px;
}

.hx .p-\[21px_12px_8px_12px\]{
  padding: 21px 12px 8px 12px;
}

.hx .p-\[24px\]{
  padding: 24px;
}

.hx .p-\[2px_5px\]{
  padding: 2px 5px;
}

.hx .p-\[4px_8px\]{
  padding: 4px 8px;
}

.hx .p-\[5\.5px_8px\]{
  padding: 5.5px 8px;
}

.hx .p-\[6\.5px_11px\]{
  padding: 6.5px 11px;
}

.hx .p-\[6\.5px_8px\]{
  padding: 6.5px 8px;
}

.hx .p-\[8px\]{
  padding: 8px;
}

.hx .p-\[8px_20px\]{
  padding: 8px 20px;
}

.hx .p-\[9\.33px\]{
  padding: 9.33px;
}

.hx .p-\[9\.5px_12\.5px\]{
  padding: 9.5px 12.5px;
}

.hx .p-\[9px\]{
  padding: 9px;
}

.hx .p-\[9px_11px\]{
  padding: 9px 11px;
}

.hx .p-spacing3{
  padding: clamp(0.25rem, 0.177rem + 0.323vw, 0.5rem);
}

.hx .p-spacing4{
  padding: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
}

.hx .p-spacing5{
  padding: clamp(0.75rem, 0.677rem + 0.323vw, 1rem);
}

.hx .p-spacing6{
  padding: clamp(1rem, 0.927rem + 0.323vw, 1.25rem);
}

.hx .p-spacing7{
  padding: clamp(1.25rem, 1.177rem + 0.323vw, 1.5rem);
}

.hx .p-spacing8{
  padding: clamp(1.5rem, 1.355rem + 0.645vw, 2rem);
}

.hx .px-0{
  padding-left: 0px;
  padding-right: 0px;
}

.hx .px-1{
  padding-left: 1px;
  padding-right: 1px;
}

.hx .px-\[10px\]{
  padding-left: 10px;
  padding-right: 10px;
}

.hx .px-\[12px\]{
  padding-left: 12px;
  padding-right: 12px;
}

.hx .px-\[14px\]{
  padding-left: 14px;
  padding-right: 14px;
}

.hx .px-\[15\.75px\]{
  padding-left: 15.75px;
  padding-right: 15.75px;
}

.hx .px-\[15px\]{
  padding-left: 15px;
  padding-right: 15px;
}

.hx .px-\[16px\]{
  padding-left: 16px;
  padding-right: 16px;
}

.hx .px-\[18px\]{
  padding-left: 18px;
  padding-right: 18px;
}

.hx .px-\[1rem\]{
  padding-left: 1rem;
  padding-right: 1rem;
}

.hx .px-\[24px\]{
  padding-left: 24px;
  padding-right: 24px;
}

.hx .px-\[2px\]{
  padding-left: 2px;
  padding-right: 2px;
}

.hx .px-\[4px\]{
  padding-left: 4px;
  padding-right: 4px;
}

.hx .px-\[5px\]{
  padding-left: 5px;
  padding-right: 5px;
}

.hx .px-\[8px\]{
  padding-left: 8px;
  padding-right: 8px;
}

.hx .px-spacing3{
  padding-left: clamp(0.25rem, 0.177rem + 0.323vw, 0.5rem);
  padding-right: clamp(0.25rem, 0.177rem + 0.323vw, 0.5rem);
}

.hx .px-spacing4{
  padding-left: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
  padding-right: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
}

.hx .px-spacing5{
  padding-left: clamp(0.75rem, 0.677rem + 0.323vw, 1rem);
  padding-right: clamp(0.75rem, 0.677rem + 0.323vw, 1rem);
}

.hx .px-spacing6{
  padding-left: clamp(1rem, 0.927rem + 0.323vw, 1.25rem);
  padding-right: clamp(1rem, 0.927rem + 0.323vw, 1.25rem);
}

.hx .px-spacing7{
  padding-left: clamp(1.25rem, 1.177rem + 0.323vw, 1.5rem);
  padding-right: clamp(1.25rem, 1.177rem + 0.323vw, 1.5rem);
}

.hx .px-spacing8{
  padding-left: clamp(1.5rem, 1.355rem + 0.645vw, 2rem);
  padding-right: clamp(1.5rem, 1.355rem + 0.645vw, 2rem);
}

.hx .py-0{
  padding-top: 0px;
  padding-bottom: 0px;
}

.hx .py-\[10\.5px\]{
  padding-top: 10.5px;
  padding-bottom: 10.5px;
}

.hx .py-\[12px\]{
  padding-top: 12px;
  padding-bottom: 12px;
}

.hx .py-\[24px\]{
  padding-top: 24px;
  padding-bottom: 24px;
}

.hx .py-\[4px\]{
  padding-top: 4px;
  padding-bottom: 4px;
}

.hx .py-\[52px\]{
  padding-top: 52px;
  padding-bottom: 52px;
}

.hx .py-\[55px\]{
  padding-top: 55px;
  padding-bottom: 55px;
}

.hx .py-\[56px\]{
  padding-top: 56px;
  padding-bottom: 56px;
}

.hx .py-\[6px\]{
  padding-top: 6px;
  padding-bottom: 6px;
}

.hx .py-\[8px\]{
  padding-top: 8px;
  padding-bottom: 8px;
}

.hx .py-\[9px\]{
  padding-top: 9px;
  padding-bottom: 9px;
}

.hx .py-sectionSpacing{
  padding-top: clamp(4rem, 3.129rem + 3.871vw, 7rem);
  padding-bottom: clamp(4rem, 3.129rem + 3.871vw, 7rem);
}

.hx .py-spacing10{
  padding-top: clamp(3rem, 2.710rem + 1.290vw, 4rem);
  padding-bottom: clamp(3rem, 2.710rem + 1.290vw, 4rem);
}

.hx .py-spacing3{
  padding-top: clamp(0.25rem, 0.177rem + 0.323vw, 0.5rem);
  padding-bottom: clamp(0.25rem, 0.177rem + 0.323vw, 0.5rem);
}

.hx .py-spacing4{
  padding-top: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
  padding-bottom: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
}

.hx .py-spacing5{
  padding-top: clamp(0.75rem, 0.677rem + 0.323vw, 1rem);
  padding-bottom: clamp(0.75rem, 0.677rem + 0.323vw, 1rem);
}

.hx .py-spacing6{
  padding-top: clamp(1rem, 0.927rem + 0.323vw, 1.25rem);
  padding-bottom: clamp(1rem, 0.927rem + 0.323vw, 1.25rem);
}

.hx .py-spacing7{
  padding-top: clamp(1.25rem, 1.177rem + 0.323vw, 1.5rem);
  padding-bottom: clamp(1.25rem, 1.177rem + 0.323vw, 1.5rem);
}

.hx .py-spacing8{
  padding-top: clamp(1.5rem, 1.355rem + 0.645vw, 2rem);
  padding-bottom: clamp(1.5rem, 1.355rem + 0.645vw, 2rem);
}

.hx .py-spacing9{
  padding-top: clamp(2rem, 1.710rem + 1.290vw, 3rem);
  padding-bottom: clamp(2rem, 1.710rem + 1.290vw, 3rem);
}

.hx .pb-3{
  padding-bottom: 4px;
}

.hx .pb-\[10px\]{
  padding-bottom: 10px;
}

.hx .pb-\[18px\]{
  padding-bottom: 18px;
}

.hx .pb-\[24px\]{
  padding-bottom: 24px;
}

.hx .pb-\[3px\]{
  padding-bottom: 3px;
}

.hx .pb-\[8px\]{
  padding-bottom: 8px;
}

.hx .pb-sectionSpacing{
  padding-bottom: clamp(4rem, 3.129rem + 3.871vw, 7rem);
}

.hx .pb-spacing2{
  padding-bottom: clamp(0.125rem, 0.089rem + 0.161vw, 0.25rem);
}

.hx .pb-spacing3{
  padding-bottom: clamp(0.25rem, 0.177rem + 0.323vw, 0.5rem);
}

.hx .pb-spacing4{
  padding-bottom: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
}

.hx .pb-spacing5{
  padding-bottom: clamp(0.75rem, 0.677rem + 0.323vw, 1rem);
}

.hx .pb-spacing6{
  padding-bottom: clamp(1rem, 0.927rem + 0.323vw, 1.25rem);
}

.hx .pb-spacing7{
  padding-bottom: clamp(1.25rem, 1.177rem + 0.323vw, 1.5rem);
}

.hx .pb-spacing8{
  padding-bottom: clamp(1.5rem, 1.355rem + 0.645vw, 2rem);
}

.hx .pb-spacing9{
  padding-bottom: clamp(2rem, 1.710rem + 1.290vw, 3rem);
}

.hx .pl-0{
  padding-left: 0px;
}

.hx .pl-8{
  padding-left: 24px;
}

.hx .pl-\[0\.8rem\]{
  padding-left: 0.8rem;
}

.hx .pl-\[12px\]{
  padding-left: 12px;
}

.hx .pl-\[15px\]{
  padding-left: 15px;
}

.hx .pl-\[20px\]{
  padding-left: 20px;
}

.hx .pl-\[24px\]{
  padding-left: 24px;
}

.hx .pl-\[7px\]{
  padding-left: 7px;
}

.hx .pl-\[8px\]{
  padding-left: 8px;
}

.hx .pl-spacing3{
  padding-left: clamp(0.25rem, 0.177rem + 0.323vw, 0.5rem);
}

.hx .pl-spacing4{
  padding-left: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
}

.hx .pr-0{
  padding-right: 0px;
}

.hx .pr-10{
  padding-right: 48px;
}

.hx .pr-\[10px\]{
  padding-right: 10px;
}

.hx .pr-\[12\.5px\]{
  padding-right: 12.5px;
}

.hx .pr-\[9px\]{
  padding-right: 9px;
}

.hx .pr-spacing3{
  padding-right: clamp(0.25rem, 0.177rem + 0.323vw, 0.5rem);
}

.hx .pr-spacing4{
  padding-right: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
}

.hx .pr-spacing5{
  padding-right: clamp(0.75rem, 0.677rem + 0.323vw, 1rem);
}

.hx .pt-0{
  padding-top: 0px;
}

.hx .pt-4{
  padding-top: 8px;
}

.hx .pt-\[18px\]{
  padding-top: 18px;
}

.hx .pt-\[3px\]{
  padding-top: 3px;
}

.hx .pt-\[9px\]{
  padding-top: 9px;
}

.hx .pt-inner{
  padding-top: clamp(12px,calc(.5vw + 1.25vh),20px);
}

.hx .pt-outer{
  padding-top: clamp(20px,calc(.75vw + 1.25vh),32px);
}

.hx .pt-section{
  padding-top: clamp(46px,6.75vh,80px);
}

.hx .pt-sectionSpacing{
  padding-top: clamp(4rem, 3.129rem + 3.871vw, 7rem);
}

.hx .pt-spacing3{
  padding-top: clamp(0.25rem, 0.177rem + 0.323vw, 0.5rem);
}

.hx .pt-spacing4{
  padding-top: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
}

.hx .pt-spacing5{
  padding-top: clamp(0.75rem, 0.677rem + 0.323vw, 1rem);
}

.hx .pt-spacing6{
  padding-top: clamp(1rem, 0.927rem + 0.323vw, 1.25rem);
}

.hx .pt-spacing7{
  padding-top: clamp(1.25rem, 1.177rem + 0.323vw, 1.5rem);
}

.hx .pt-spacing8{
  padding-top: clamp(1.5rem, 1.355rem + 0.645vw, 2rem);
}

.hx .pt-spacing9{
  padding-top: clamp(2rem, 1.710rem + 1.290vw, 3rem);
}

.hx .text-left{
  text-align: left;
}

.hx .text-center{
  text-align: center;
}

.hx .text-right{
  text-align: right;
}

.hx .text-end{
  text-align: end;
}

.hx .align-top{
  vertical-align: top;
}

.hx .font-display{
  font-family: Montserrat, SF Pro, system-ui, -apple-system, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}

.hx .text-\[0\.875rem\]{
  font-size: 0.875rem;
}

.hx .text-\[0\.9375rem\]{
  font-size: 0.9375rem;
}

.hx .text-\[1\.5rem\]{
  font-size: 1.5rem;
}

.hx .text-\[13px\]{
  font-size: 13px;
}

.hx .text-\[14px\]{
  font-size: 14px;
}

.hx .text-\[15px\]{
  font-size: 15px;
}

.hx .text-\[16px\]{
  font-size: 16px;
}

.hx .text-\[18px\]{
  font-size: 18px;
}

.hx .text-\[20px\]{
  font-size: 20px;
}

.hx .text-\[24px\]{
  font-size: 24px;
}

.hx .text-\[26px\]{
  font-size: 26px;
}

.hx .text-\[9px\]{
  font-size: 9px;
}

.hx .text-body{
  font-size: clamp(1rem, 0.982rem + 0.081vw, 1.0625rem);
  line-height: 1.2;
}

.hx .text-body-large{
  font-size: clamp(1.125rem, 1.107rem + 0.081vw, 1.1875rem);
  line-height: 1.2;
}

.hx .text-h1{
  font-size: clamp(2rem, 1.710rem + 1.290vw, 3rem);
  line-height: 1.1;
  font-weight: bold;
}

.hx .text-h2{
  font-size: clamp(1.75rem, 1.532rem + 0.968vw, 2.5rem);
  line-height: 1.1;
  font-weight: bold;
}

.hx .text-h3{
  font-size: clamp(1.5rem, 1.355rem + 0.645vw, 2rem);
  line-height: 1.2;
  font-weight: bold;
}

.hx .text-h4{
  font-size: clamp(1.375rem, 1.266rem + 0.484vw, 1.75rem);
  line-height: 1.2;
  font-weight: bold;
}

.hx .text-h5{
  font-size: clamp(1.25rem, 1.177rem + 0.323vw, 1.5rem);
  line-height: 1.35;
  font-weight: bold;
}

.hx .text-h6{
  font-size: clamp(1.0625rem, 1.026rem + 0.161vw, 1.1875rem);
  line-height: 1.35;
  font-weight: 600;
}

.hx .text-small{
  font-size: clamp(0.875rem, 0.857rem + 0.081vw, 0.9375rem);
  line-height: 1.2;
}

.hx .font-\[11px\]{
  font-weight: 11px;
}

.hx .font-\[2rem\]{
  font-weight: 2rem;
}

.hx .font-black{
  font-weight: 900;
}

.hx .font-bold{
  font-weight: 700;
}

.hx .font-extrabold{
  font-weight: 800;
}

.hx .font-light{
  font-weight: 300;
}

.hx .font-medium{
  font-weight: 500;
}

.hx .font-normal{
  font-weight: 400;
}

.hx .font-semibold{
  font-weight: 600;
}

.hx .uppercase{
  text-transform: uppercase;
}

.hx .capitalize{
  text-transform: capitalize;
}

.hx .italic{
  font-style: italic;
}

.hx .leading-\[0\.9\]{
  line-height: 0.9;
}

.hx .leading-\[1\.3\]{
  line-height: 1.3;
}

.hx .leading-\[1\.7\]{
  line-height: 1.7;
}

.hx .leading-\[110\%\]{
  line-height: 110%;
}

.hx .leading-\[125\%\]{
  line-height: 125%;
}

.hx .leading-\[14px\]{
  line-height: 14px;
}

.hx .leading-\[1\]{
  line-height: 1;
}

.hx .leading-\[24\.8px\]{
  line-height: 24.8px;
}

.hx .leading-\[25\.2px\]{
  line-height: 25.2px;
}

.hx .leading-\[30\.4px\]{
  line-height: 30.4px;
}

.hx .text-\[\#0071ec\]{
  --tw-text-opacity: 1;
  color: rgb(0 113 236 / var(--tw-text-opacity, 1));
}

.hx .text-\[\#05A9A3\]{
  --tw-text-opacity: 1;
  color: rgb(5 169 163 / var(--tw-text-opacity, 1));
}

.hx .text-\[\#505050\]{
  --tw-text-opacity: 1;
  color: rgb(80 80 80 / var(--tw-text-opacity, 1));
}

.hx .text-\[\#525257\]{
  --tw-text-opacity: 1;
  color: rgb(82 82 87 / var(--tw-text-opacity, 1));
}

.hx .text-\[\#545454\]{
  --tw-text-opacity: 1;
  color: rgb(84 84 84 / var(--tw-text-opacity, 1));
}

.hx .text-\[\#919191\]{
  --tw-text-opacity: 1;
  color: rgb(145 145 145 / var(--tw-text-opacity, 1));
}

.hx .text-\[\#A5670B\]{
  --tw-text-opacity: 1;
  color: rgb(165 103 11 / var(--tw-text-opacity, 1));
}

.hx .text-\[\#FE3B1F\]{
  --tw-text-opacity: 1;
  color: rgb(254 59 31 / var(--tw-text-opacity, 1));
}

.hx .text-accent{
  --tw-text-opacity: 1;
  color: rgb(153 255 251 / var(--tw-text-opacity, 1));
}

.hx .text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.hx .text-danger{
  --tw-text-opacity: 1;
  color: rgb(187 10 33 / var(--tw-text-opacity, 1));
}

.hx .text-gray-300{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}

.hx .text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.hx .text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.hx .text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.hx .text-gray-800{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.hx .text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}

.hx .text-neutral-300{
  --tw-text-opacity: 1;
  color: rgb(212 212 212 / var(--tw-text-opacity, 1));
}

.hx .text-neutral-400{
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
}

.hx .text-neutral-500{
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
}

.hx .text-neutral-600{
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / var(--tw-text-opacity, 1));
}

.hx .text-neutral-700{
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / var(--tw-text-opacity, 1));
}

.hx .text-neutral-800{
  --tw-text-opacity: 1;
  color: rgb(38 38 38 / var(--tw-text-opacity, 1));
}

.hx .text-neutral-900{
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / var(--tw-text-opacity, 1));
}

.hx .text-primary{
  --tw-text-opacity: 1;
  color: rgb(3 170 163 / var(--tw-text-opacity, 1));
}

.hx .text-primary-600{
  --tw-text-opacity: 1;
  color: rgb(8 150 145 / var(--tw-text-opacity, 1));
}

.hx .text-primary-700{
  --tw-text-opacity: 1;
  color: rgb(6 107 103 / var(--tw-text-opacity, 1));
}

.hx .text-primary-800{
  --tw-text-opacity: 1;
  color: rgb(4 68 65 / var(--tw-text-opacity, 1));
}

.hx .text-primary-900{
  --tw-text-opacity: 1;
  color: rgb(2 39 38 / var(--tw-text-opacity, 1));
}

.hx .text-secondary{
  --tw-text-opacity: 1;
  color: rgb(0 106 224 / var(--tw-text-opacity, 1));
}

.hx .text-secondary-300{
  --tw-text-opacity: 1;
  color: rgb(15 93 174 / var(--tw-text-opacity, 1));
}

.hx .text-secondary-700{
  --tw-text-opacity: 1;
  color: rgb(0 40 85 / var(--tw-text-opacity, 1));
}

.hx .text-success{
  --tw-text-opacity: 1;
  color: rgb(0 168 107 / var(--tw-text-opacity, 1));
}

.hx .text-warning{
  --tw-text-opacity: 1;
  color: rgb(255 184 0 / var(--tw-text-opacity, 1));
}

.hx .text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hx .text-white\/80{
  color: rgb(255 255 255 / 0.8);
}

.hx .underline{
  text-decoration-line: underline;
}

.hx .line-through{
  text-decoration-line: line-through;
}

.hx .decoration-primary-300{
  text-decoration-color: #8CD9D6;
}

.hx .decoration-1{
  text-decoration-thickness: 1px;
}

.hx .underline-offset-2{
  text-underline-offset: 2px;
}

.hx .underline-offset-4{
  text-underline-offset: 4px;
}

.hx .opacity-0{
  opacity: 0;
}

.hx .opacity-100{
  opacity: 1;
}

.hx .opacity-30{
  opacity: 0.3;
}

.hx .opacity-50{
  opacity: 0.5;
}

.hx .opacity-70{
  opacity: 0.7;
}

.hx .opacity-80{
  opacity: 0.8;
}

.hx .opacity-90{
  opacity: 0.9;
}

.hx .opacity-\[12\%\]{
  opacity: 12%;
}

.hx .shadow-1{
  --tw-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04), 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 2px 1px -1px rgba(0, 0, 0, 0.08);
  --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color), 0px 1px 1px 0px var(--tw-shadow-color), 0px 2px 1px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hx .shadow-2{
  --tw-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.08), 0px 2px 1px -1px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0px 1px 3px 0px var(--tw-shadow-color), 0px 1px 1px 0px var(--tw-shadow-color), 0px 2px 1px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hx .shadow-\[0px_1px_0px_\#DFDFE6\]{
  --tw-shadow: 0px 1px 0px #DFDFE6;
  --tw-shadow-colored: 0px 1px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hx .shadow-\[0px_5px_8px_rgba\(0\2c 0\2c 0\2c 0\.13\)\2c 0px_10px_17px_rgba\(0\2c 0\2c 0\2c 0\.11\)\2c 0px_5px_22px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{
  --tw-shadow: 0px 5px 8px rgba(0,0,0,0.13),0px 10px 17px rgba(0,0,0,0.11),0px 5px 22px rgba(0,0,0,0.1);
  --tw-shadow-colored: 0px 5px 8px var(--tw-shadow-color), 0px 10px 17px var(--tw-shadow-color), 0px 5px 22px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hx .shadow-\[1px_1px_4px_rgba\(0\2c 0\2c 0\2c 0\.25\)\]{
  --tw-shadow: 1px 1px 4px rgba(0,0,0,0.25);
  --tw-shadow-colored: 1px 1px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hx .shadow-\[8px_8px_0px_\#C9EDEC\]{
  --tw-shadow: 8px 8px 0px #C9EDEC;
  --tw-shadow-colored: 8px 8px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hx .shadow-\[\#4089C7\]{
  --tw-shadow-color: #4089C7;
  --tw-shadow: var(--tw-shadow-colored);
}

.hx .outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.hx .outline{
  outline-style: solid;
}

.hx .ring{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.hx .brightness-0{
  --tw-brightness: brightness(0);
  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);
}

.hx .drop-shadow{
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  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);
}

.hx .grayscale{
  --tw-grayscale: grayscale(100%);
  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);
}

.hx .invert{
  --tw-invert: invert(100%);
  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);
}

.hx .sepia-\[\.15\]{
  --tw-sepia: sepia(.15);
  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);
}

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

.hx .backdrop-blur-\[1px\]{
  --tw-backdrop-blur: blur(1px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.hx .backdrop-blur-\[2px\]{
  --tw-backdrop-blur: blur(2px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.hx .backdrop-blur-md{
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.hx .backdrop-blur-sm{
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.hx .transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.hx .transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.hx .transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.hx .transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.hx .duration-0{
  transition-duration: 0s;
}

.hx .duration-1000{
  transition-duration: 1000ms;
}

.hx .duration-300{
  transition-duration: 300ms;
}

.hx .duration-500{
  transition-duration: 500ms;
}

.hx .content-\[\"\"\]{
  --tw-content: "";
  content: var(--tw-content);
}

.hx .content-\[\"\/\"\]{
  --tw-content: "/";
  content: var(--tw-content);
}

.hx .content-\[\'\'\]{
  --tw-content: '';
  content: var(--tw-content);
}

.hx .text-small.vtrim:before{
  display: block;
  margin-top: -0.2em;
  content: "";
}

.hx .text-small.vtrim:after{
  display: block;
  margin-bottom: -0.2em;
  content: "";
}

.hx .text-body.vtrim:before{
  display: block;
  margin-top: -0.2em;
  content: "";
}

.hx .text-body.vtrim:after{
  display: block;
  margin-bottom: -0.2em;
  content: "";
}

.hx .text-body-large.vtrim:before{
  display: block;
  margin-top: -0.2em;
  content: "";
}

.hx .text-body-large.vtrim:after{
  display: block;
  margin-bottom: -0.2em;
  content: "";
}

.hx .text-h6.vtrim:before{
  display: block;
  margin-top: -0.27em;
  content: "";
}

.hx .text-h6.vtrim:after{
  display: block;
  margin-bottom: -0.27em;
  content: "";
}

.hx .text-h5.vtrim:before{
  display: block;
  margin-top: -0.27em;
  content: "";
}

.hx .text-h5.vtrim:after{
  display: block;
  margin-bottom: -0.27em;
  content: "";
}

.hx .text-h4.vtrim:before{
  display: block;
  margin-top: -0.2em;
  content: "";
}

.hx .text-h4.vtrim:after{
  display: block;
  margin-bottom: -0.2em;
  content: "";
}

.hx .text-h3.vtrim:before{
  display: block;
  margin-top: -0.2em;
  content: "";
}

.hx .text-h3.vtrim:after{
  display: block;
  margin-bottom: -0.2em;
  content: "";
}

.hx .text-h2.vtrim:before{
  display: block;
  margin-top: -0.15em;
  content: "";
}

.hx .text-h2.vtrim:after{
  display: block;
  margin-bottom: -0.15em;
  content: "";
}

.hx .text-h1.vtrim:before{
  display: block;
  margin-top: -0.15em;
  content: "";
}

.hx .text-h1.vtrim:after{
  display: block;
  margin-bottom: -0.15em;
  content: "";
}

.hx .\@container{
  container-type: inline-size;
}

.hx .\@container\/footer{
  container-type: inline-size;
  container-name: footer;
}

.hx .\@container\/main\;{
  container-type: inline-size;
  container-name: main;;
}

.hx .\@container\/map{
  container-type: inline-size;
  container-name: map;
}

.hx .\@container\/modalbox{
  container-type: inline-size;
  container-name: modalbox;
}

.hx .\@container\/search{
  container-type: inline-size;
  container-name: search;
}

.hx .\@container\/ship{
  container-type: inline-size;
  container-name: ship;
}

.hx .\@container\/slider{
  container-type: inline-size;
  container-name: slider;
}

.hx .\[appearance\:textfield\]{
  appearance: textfield;
}

/* Tailwind scrollbar-color caused repainting performance issue so I overriden it by this */

:root {
  --header-height: 45px;
  --page-top-offset: calc(var(--header-height) + 1rem);
}

:root:has([data-mobile-menu-dropdown-trigger].active), :root:has(#cruise-search-mobile-dropdown:checked), :root:has(dialog[open]){
  overflow: hidden;
}

:root body.debug {
    --header-height: 63.34px;
  }

@media (min-width: 1024px) {

:root {
    --header-height: 119px
}

    :root body.debug {
      --header-height: 139px;
    }
  }

.hx {
  background-attachment: fixed;
  font-size: clamp(1rem, 0.982rem + 0.081vw, 1.0625rem);
  line-height: 1.2;
}

.hx.vtrim:before{
  display: block;
  margin-top: -0.2em;
  content: "";
}

.hx.vtrim:after{
  display: block;
  margin-bottom: -0.2em;
  content: "";
}

.hx{
  --tw-bg-opacity: 1;
  background-color: rgb(245 250 250 / var(--tw-bg-opacity, 1));
}

/* Page transitions */

.hx main{
  container-type: inline-size;
  container-name: main;
  overflow: clip;
  transition: 0.4s;
  opacity: 1;
}

.hx.is-animating main {
  opacity: 0;
}

.hx a.link, .hx .prose a{
  outline-color: #089691;
}

.hx a.link:hover, .hx .prose a:hover{
  --tw-text-opacity: 1;
  color: rgb(6 107 103 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}

/* Select field */

.hx select {
  --tw-ring-color: #089691!important;
  --tw-ring-offset-width: 1px!important;
  appearance: none;
  border-style: none;
  background-color: transparent;
  padding-right: 48px;
  padding-left: 20px;
  /* background-image: url("/media/chevron.svg"); */
}

.hx ::selection{
  --tw-bg-opacity: 1;
  background-color: rgb(4 68 65 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hx [hidden]{
  display: none !important;
}

.hx .grid:not([class*="gap-"]){
  gap: clamp(1.5rem, 1.355rem + 0.645vw, 2rem);
}

.hx details:not(.dropdown):not(.faq-item)[open]{
  z-index: 5;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

/* DAISYUI dropdown override */

.hx details.dropdown summary{
  cursor: pointer;
}

.hx details.dropdown .dropdown-content {
      filter: drop-shadow(0px 1.00362px 1.00362px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1.00362px 3.01087px rgba(0, 0, 0, 0.2));
      right: 0px;
      z-index: 50;
      width: max-content;
      overflow: hidden;
      border-radius: 10px;
      background-color: rgb(255 255 255 / 0.9);
      padding: 8px;
      --tw-text-opacity: 1;
      color: rgb(0 0 0 / var(--tw-text-opacity, 1));
      --tw-backdrop-blur: blur(12px);
      -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
      backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    }

.hx details.dropdown .dropdown-content-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.hx * {
  scroll-margin-top: var(--header-height);
}

/* Missing image style */

.hx img[src=" "]{
  position: relative;
  appearance: none;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  --tw-bg-opacity: 1;
  background-color: rgb(234 246 246 / var(--tw-bg-opacity, 1));
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwM0FBQTMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1pbWFnZS1vZmYiPjxsaW5lIHgxPSIyIiB4Mj0iMjIiIHkxPSIyIiB5Mj0iMjIiLz48cGF0aCBkPSJNMTAuNDEgMTAuNDFhMiAyIDAgMSAxLTIuODMtMi44MyIvPjxsaW5lIHgxPSIxMy41IiB4Mj0iNiIgeTE9IjEzLjUiIHkyPSIyMSIvPjxsaW5lIHgxPSIxOCIgeDI9IjIxIiB5MT0iMTIiIHkyPSIxNSIvPjxwYXRoIGQ9Ik0zLjU5IDMuNTlBMS45OSAxLjk5IDAgMCAwIDMgNXYxNGEyIDIgMCAwIDAgMiAyaDE0Yy41NSAwIDEuMDUyLS4yMiAxLjQxLS41OSIvPjxwYXRoIGQ9Ik0yMSAxNVY1YTIgMiAwIDAgMC0yLTJIOSIvPjwvc3ZnPg==");
  background-size: 60px;
}

.hx img[src=" "].absolute {
    position: absolute;
  }

/* Good old clearfix <3 */

.hx .clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.hx [data-gallery-trigger]{
  cursor: pointer;
}

.hx a:focus-visible, .hx button:focus-visible, .hx summary:focus-visible{
  outline-color: #044441;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(4 68 65 / var(--tw-ring-opacity, 1));
}

/* View all button styles mobile/desktop */

.hx .link-view-all{
  cursor: pointer;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(6 107 103 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}

.hx .link-view-all-lg{
  display: none;
  flex-shrink: 0;
  font-size: clamp(1.125rem, 1.107rem + 0.081vw, 1.1875rem);
  line-height: 1.2;
}

.hx .link-view-all-lg.vtrim:before{
  display: block;
  margin-top: -0.2em;
  content: "";
}

.hx .link-view-all-lg.vtrim:after{
  display: block;
  margin-bottom: -0.2em;
  content: "";
}

@media (min-width: 1024px){

  .hx .link-view-all-lg{
    display: flex;
  }
}

.hx .link-view-all-sm{
  margin-top: 26.5px;
  display: flex;
  justify-content: flex-end;
}

@media (min-width: 768px){

  .hx .link-view-all-sm{
    display: none;
  }
}

/* Apple devices: use apple:block class to apply display:block attribute when apple device detected */

.hx.apple .apple\:block{
  display: block;
}

/* Modal */

.hx .modal.modal-action-sheet{
  place-items: end;
  height: 100dvh;
}

.hx .modal.modal-action-sheet .modal-box{
  max-height: 100%;
  width: 100%;
  max-width: 100%;
  padding: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
    transform: translateY(100%)!important;
}

.hx .modal.modal-action-sheet[open] .modal-box {
    transform: translateY(0)!important;
  }

.hx .modal.modal-brochurePreview{
  place-items: center;
}

.hx .modal.modal-brochurePreview :where(.modal-box){
  width: 91.666667%;
  max-width: 32rem;
  --tw-translate-y: 0px;
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-top-left-radius: var(--rounded-box, 1rem);
  border-top-right-radius: var(--rounded-box, 1rem);
  border-bottom-right-radius: var(--rounded-box, 1rem);
  border-bottom-left-radius: var(--rounded-box, 1rem);
}

.hx .modal.modal-brochurePreview{
  transition-duration: 0s;
}

.hx .modal.modal-brochurePreview .modal-box{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem;
}

@media (min-width: 320px){

  .hx .modal.modal-brochurePreview .modal-box{
    max-width: 320px;
  }
}

@media (min-width: 480px){

  .hx .modal.modal-brochurePreview .modal-box{
    max-width: 480px;
  }
}

@media (min-width: 768px){

  .hx .modal.modal-brochurePreview .modal-box{
    max-width: 768px;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

@media (min-width: 1024px){

  .hx .modal.modal-brochurePreview .modal-box{
    max-width: 1024px;
    padding-right: 4rem;
    padding-left: 4rem;
  }
}

@media (min-width: 1280px){

  .hx .modal.modal-brochurePreview .modal-box{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){

  .hx .modal.modal-brochurePreview .modal-box{
    max-width: 1536px;
    padding-right: 6rem;
    padding-left: 6rem;
  }
}

.hx .modal.modal-brochurePreview .modal-box{
  max-width: 100%;
}

@media (min-width: 1280px){

  .hx .modal.modal-brochurePreview .modal-box{
    max-width: 1400px;
  }
}

.hx .modal.modal-brochurePreview .modal-box{
  margin-left: auto;
  margin-right: auto;
}

@media not all and (min-width: 1024px){

  .hx .modal.modal-brochurePreview .modal-box{
    padding: 0px;
  }
}

/* Safari */

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

.hx .carousel-item {
  -webkit-transform: translate3d(0,0,0);
}

@media (min-width: 1024px) {

.hx .stuck .sticky-cruise-legend{
    margin-top: 6px;
    padding: 9.5px 12.5px;
    background-color: rgb(255 255 255 / 0.8);
    --tw-shadow: 0px 5px 8px rgba(0,0,0,0.13),0px 10px 17px rgba(0,0,0,0.11),0px 5px 22px rgba(0,0,0,0.1);
    --tw-shadow-colored: 0px 5px 8px var(--tw-shadow-color), 0px 10px 17px var(--tw-shadow-color), 0px 5px 22px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    border-radius: 8px;
    --tw-backdrop-blur: blur(2px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }
  }

@media not all and (min-width: 1024px){

  .hx .max-lg\:container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  @media (min-width: 320px){
      }

  .hx .max-lg\:container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  @media (min-width: 320px){

    .hx .max-lg\:container{
      max-width: 320px;
    }
  }

  @media (min-width: 480px){
      }

  .hx .max-lg\:container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  @media (min-width: 320px){

    .hx .max-lg\:container{
      max-width: 320px;
    }
  }

  @media (min-width: 480px){

    .hx .max-lg\:container{
      max-width: 480px;
    }
  }

  @media (min-width: 320px){
      }

  @media (min-width: 480px){
      }

  @media (min-width: 768px){
      }

  .hx .max-lg\:container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  @media (min-width: 320px){

    .hx .max-lg\:container{
      max-width: 320px;
    }
  }

  @media (min-width: 480px){

    .hx .max-lg\:container{
      max-width: 480px;
    }
  }

  @media (min-width: 768px){

    .hx .max-lg\:container{
      max-width: 768px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }

  @media (min-width: 320px){
      }

  @media (min-width: 480px){
      }

  @media (min-width: 768px){
      }

  @media (min-width: 1024px){
      }

  .hx .max-lg\:container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  @media (min-width: 320px){

    .hx .max-lg\:container{
      max-width: 320px;
    }
  }

  @media (min-width: 480px){

    .hx .max-lg\:container{
      max-width: 480px;
    }
  }

  @media (min-width: 768px){

    .hx .max-lg\:container{
      max-width: 768px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }

  @media (min-width: 1024px){

    .hx .max-lg\:container{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }

  @media (min-width: 320px){
      }

  @media (min-width: 480px){
      }

  @media (min-width: 768px){
      }

  @media (min-width: 1024px){
      }

  @media (min-width: 1280px){
      }

  .hx .max-lg\:container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  @media (min-width: 320px){

    .hx .max-lg\:container{
      max-width: 320px;
    }
  }

  @media (min-width: 480px){

    .hx .max-lg\:container{
      max-width: 480px;
    }
  }

  @media (min-width: 768px){

    .hx .max-lg\:container{
      max-width: 768px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }

  @media (min-width: 1024px){

    .hx .max-lg\:container{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }

  @media (min-width: 1280px){

    .hx .max-lg\:container{
      max-width: 1280px;
    }
  }

  @media (min-width: 320px){
      }

  @media (min-width: 480px){
      }

  @media (min-width: 768px){
      }

  @media (min-width: 1024px){
      }

  @media (min-width: 1280px){
      }

  @media (min-width: 1536px){
      }

  .hx .max-lg\:container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  @media (min-width: 320px){

    .hx .max-lg\:container{
      max-width: 320px;
    }
  }

  @media (min-width: 480px){

    .hx .max-lg\:container{
      max-width: 480px;
    }
  }

  @media (min-width: 768px){

    .hx .max-lg\:container{
      max-width: 768px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }

  @media (min-width: 1024px){

    .hx .max-lg\:container{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }

  @media (min-width: 1280px){

    .hx .max-lg\:container{
      max-width: 1280px;
    }
  }

  @media (min-width: 1536px){

    .hx .max-lg\:container{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }

  .hx .max-lg\:\!modal-bottom{
    place-items: end !important;
  }

  .hx .max-lg\:\!modal-bottom :where(.modal-box){
    width: 100% !important;
    max-width: none !important;
    --tw-translate-y: 2.5rem !important;
    --tw-scale-x: 1 !important;
    --tw-scale-y: 1 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    border-top-left-radius: var(--rounded-box, 1rem) !important;
    border-top-right-radius: var(--rounded-box, 1rem) !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
  }

  .hx .max-lg\:section-title{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 700;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1));
  }

    .hx .max-lg\:section-title:before, .hx .max-lg\:section-title:after {
      content: '';
    }

  .hx .max-lg\:section-title{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 700;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1));
  }

    .hx .max-lg\:section-title:before, .hx .max-lg\:section-title:after {
      content: '';
    }

  .hx .max-lg\:section-title{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 700;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1));
  }

    .hx .max-lg\:section-title:before, .hx .max-lg\:section-title:after {
      content: '';
      position: relative;
      height: 1px;
      width: 100%;
      --tw-bg-opacity: 1;
      background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
    }

  .hx .max-lg\:section-title{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 700;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1));
  }

    .hx .max-lg\:section-title:before, .hx .max-lg\:section-title:after {
      content: '';
      position: relative;
      height: 1px;
      width: 100%;
      --tw-bg-opacity: 1;
      background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
    }
  .hx .max-lg\:-container{
    margin-left: -1rem;
    margin-right: -1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  @media (min-width: 320px){
      }
  @media (min-width: 480px){
      }
  @media (min-width: 768px){
      }
  @media (min-width: 1024px){
      }
  @media (min-width: 1280px){
      }
  @media (min-width: 1536px){
      }
  .hx .max-lg\:container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 320px){

    .hx .max-lg\:container{
      max-width: 320px;
    }
  }
  @media (min-width: 480px){

    .hx .max-lg\:container{
      max-width: 480px;
    }
  }
  @media (min-width: 768px){

    .hx .max-lg\:container{
      max-width: 768px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 1024px){

    .hx .max-lg\:container{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1280px){

    .hx .max-lg\:container{
      max-width: 1280px;
    }
  }
  @media (min-width: 1536px){

    .hx .max-lg\:container{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
  .hx .max-lg\:container{
    max-width: 100%;
  }
  @media (min-width: 1280px){

    .hx .max-lg\:container{
      max-width: 1400px;
    }
  }
}

@media (min-width: 768px){

  .hx .md\:container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  @media (min-width: 320px){

    .hx .md\:container{
      max-width: 320px;
    }
  }

  @media (min-width: 480px){

    .hx .md\:container{
      max-width: 480px;
    }
  }

  @media (min-width: 768px){

    .hx .md\:container{
      max-width: 768px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }

  @media (min-width: 1024px){

    .hx .md\:container{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }

  @media (min-width: 1280px){

    .hx .md\:container{
      max-width: 1280px;
    }
  }

  @media (min-width: 1536px){

    .hx .md\:container{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }

  .hx .md\:btn-wide{
    width: 16rem;
  }
  .hx .md\:container{
    max-width: 100%;
  }
  @media (min-width: 1280px){

    .hx .md\:container{
      max-width: 1400px;
    }
  }
}

@media (min-width: 1024px){

  .hx .lg\:container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  @media (min-width: 320px){

    .hx .lg\:container{
      max-width: 320px;
    }
  }

  @media (min-width: 480px){

    .hx .lg\:container{
      max-width: 480px;
    }
  }

  @media (min-width: 768px){

    .hx .lg\:container{
      max-width: 768px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }

  @media (min-width: 1024px){

    .hx .lg\:container{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }

  @media (min-width: 1280px){

    .hx .lg\:container{
      max-width: 1280px;
    }
  }

  @media (min-width: 1536px){

    .hx .lg\:container{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }

  .hx .lg\:shadow-1{
    position: relative;
    z-index: 0;
  }

    .hx .lg\:shadow-1.floating{
    position: absolute !important;
  }

.hx img[src=" "].lg\:shadow-1.floating {
    position: absolute !important;
  }

    .hx .lg\:shadow-1-inline {
      filter: drop-shadow(0px 1.00362px 1.00362px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1.00362px 3.01087px rgba(0, 0, 0, 0.2));
    }

    .hx .lg\:shadow-1:after{
    position: absolute;
    inset: 0px;
    z-index: -1;
    border-radius: 8px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-content: '';
    content: var(--tw-content);
  }

.hx img[src=" "].lg\:shadow-1:after {
    position: absolute;
  }

    .hx .lg\:shadow-1:after {
      filter: drop-shadow(0px 1.00362px 1.00362px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1.00362px 3.01087px rgba(0, 0, 0, 0.2));
    }

  .hx .lg\:shadow-2 {
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15), 0px 6px 10px rgba(0, 0, 0, 0.11), 0px 3px 18px rgba(0, 0, 0, 0.09);
  }
  .hx .lg\:container{
    max-width: 100%;
  }
  @media (min-width: 1280px){

    .hx .lg\:container{
      max-width: 1400px;
    }
  }
}

.hx .\*\:pointer-events-none > *{
  pointer-events: none;
}

.hx .\*\:inline > *{
  display: inline;
}

.hx .\*\:stroke-white > *{
  stroke: #fff;
}

.hx .marker\:text-\[2rem\] *::marker{
  font-size: 2rem;
}

.hx .marker\:content-none *::marker{
  --tw-content: none;
  content: var(--tw-content);
}

.hx .marker\:text-\[2rem\]::marker{
  font-size: 2rem;
}

.hx .marker\:content-none::marker{
  --tw-content: none;
  content: var(--tw-content);
}

.hx .backdrop\:bg-\[\#3B3B3BCC\]::backdrop{
  background-color: #3B3B3BCC;
}

.hx .backdrop\:bg-black\/30::backdrop{
  background-color: rgb(0 0 0 / 0.3);
}

.hx .backdrop\:backdrop-blur-\[1px\]::backdrop{
  --tw-backdrop-blur: blur(1px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.hx .backdrop\:backdrop-blur-\[2px\]::backdrop{
  --tw-backdrop-blur: blur(2px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.hx .first\:mt-0:first-child{
  margin-top: 0px;
}

.hx .first\:border-t-0:first-child{
  border-top-width: 0px;
}

.hx .first\:pl-0:first-child{
  padding-left: 0px;
}

.hx .first\:pt-0:first-child{
  padding-top: 0px;
}

.hx .last\:mb-0:last-child{
  margin-bottom: 0px;
}

.hx .last\:mr-0:last-child{
  margin-right: 0px;
}

.hx .last\:border-b-0:last-child{
  border-bottom-width: 0px;
}

.hx .last\:border-r-0:last-child{
  border-right-width: 0px;
}

.hx .last\:pb-0:last-child{
  padding-bottom: 0px;
}

.hx .last\:pr-0:last-child{
  padding-right: 0px;
}

.hx .last\:pt-0:last-child{
  padding-top: 0px;
}

.hx .focus-within\:after\:border-2:focus-within::after{
  content: var(--tw-content);
  border-width: 2px;
}

.hx .hover\:z-\[6\]:hover{
  z-index: 6;
}

.hx .hover\:border-primary-600:hover{
  --tw-border-opacity: 1;
  border-color: rgb(8 150 145 / var(--tw-border-opacity, 1));
}

.hx .hover\:border-primary-800:hover{
  --tw-border-opacity: 1;
  border-color: rgb(4 68 65 / var(--tw-border-opacity, 1));
}

.hx .hover\:border-secondary-700:hover{
  --tw-border-opacity: 1;
  border-color: rgb(0 40 85 / var(--tw-border-opacity, 1));
}

.hx .hover\:bg-\[\#E6B824\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(230 184 36 / var(--tw-bg-opacity, 1));
}

.hx .hover\:bg-gray-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

.hx .hover\:bg-primary-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(234 246 246 / var(--tw-bg-opacity, 1));
}

.hx .hover\:bg-primary-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(201 237 236 / var(--tw-bg-opacity, 1));
}

.hx .hover\:bg-primary-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(4 68 65 / var(--tw-bg-opacity, 1));
}

.hx .hover\:bg-secondary-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 40 85 / var(--tw-bg-opacity, 1));
}

.hx .hover\:text-accent:hover{
  --tw-text-opacity: 1;
  color: rgb(153 255 251 / var(--tw-text-opacity, 1));
}

.hx .hover\:text-primary-700:hover{
  --tw-text-opacity: 1;
  color: rgb(6 107 103 / var(--tw-text-opacity, 1));
}

.hx .hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hx .hover\:underline:hover{
  text-decoration-line: underline;
}

.hx .hover\:no-underline:hover{
  text-decoration-line: none;
}

.hx .hover\:after\:border-2:hover::after{
  content: var(--tw-content);
  border-width: 2px;
}

.hx .focus\:border-primary:focus{
  --tw-border-opacity: 1;
  border-color: rgb(3 170 163 / var(--tw-border-opacity, 1));
}

.hx .focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.hx .focus\:ring-0:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.hx .focus-visible\:outline-primary-800:focus-visible{
  outline-color: #044441;
}

.hx .focus-visible\:ring-2:focus-visible{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.hx .active\:bg-red-800:active{
  --tw-bg-opacity: 1;
  background-color: rgb(153 27 27 / var(--tw-bg-opacity, 1));
}

.hx .group:hover .group-hover\:block{
  display: block;
}

.hx .group\/genericCard:hover .group-hover\/genericCard\:h-full{
  height: 100%;
}

.hx .group:hover .group-hover\:h-full{
  height: 100%;
}

.hx .group\/genericCard:hover .group-hover\/genericCard\:max-h-\[600px\]{
  max-height: 600px;
}

.hx .group\/ship:hover .group-hover\/ship\:max-h-\[200px\]{
  max-height: 200px;
}

.hx .group:hover .group-hover\:max-h-\[300px\]{
  max-height: 300px;
}

.hx .group\/card:hover .group-hover\/card\:scale-\[1\.05\]{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hx .group\/card:hover .group-hover\/card\:scale-\[1\.06\]{
  --tw-scale-x: 1.06;
  --tw-scale-y: 1.06;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hx .group\/ship:hover .group-hover\/ship\:scale-\[1\.06\]{
  --tw-scale-x: 1.06;
  --tw-scale-y: 1.06;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hx .group:hover .group-hover\:scale-\[1\.05\]{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hx .group:hover .group-hover\:scale-\[1\.06\]{
  --tw-scale-x: 1.06;
  --tw-scale-y: 1.06;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hx .group:hover .group-hover\:pb-spacing2{
  padding-bottom: clamp(0.125rem, 0.089rem + 0.161vw, 0.25rem);
}

.hx .group:hover .group-hover\:underline{
  text-decoration-line: underline;
}

.hx .group\/genericCard:hover .group-hover\/genericCard\:opacity-100{
  opacity: 1;
}

.hx .group:hover .group-hover\:opacity-100{
  opacity: 1;
}

.hx .group.stuck .group-\[\.stuck\]\:relative{
  position: relative;
}

.hx .group.stuck .group-\[\.stuck\]\:left-0{
  left: 0px;
}

.hx .group.stuck .group-\[\.stuck\]\:top-0{
  top: 0px;
}

.hx .group.stuck .group-\[\.stuck\]\:hidden{
  display: none;
}

.hx .group.stuck .group-\[\.stuck\]\:w-full{
  width: 100%;
}

.hx .group.active .group-\[\.active\]\:opacity-100{
  opacity: 1;
}

.hx .peer:placeholder-shown ~ .peer-placeholder-shown\:top-\[16px\]{
  top: 16px;
}

.hx .peer:placeholder-shown ~ .peer-placeholder-shown\:scale-100{
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hx .peer:placeholder-shown ~ .peer-placeholder-shown\:font-normal{
  font-weight: 400;
}

.hx .peer:focus ~ .peer-focus\:top-\[4px\]{
  top: 4px;
}

.hx .peer:focus ~ .peer-focus\:scale-75{
  --tw-scale-x: .75;
  --tw-scale-y: .75;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hx .peer:focus ~ .peer-focus\:px-\[15px\]{
  padding-left: 15px;
  padding-right: 15px;
}

.hx .peer:focus ~ .peer-focus\:font-semibold{
  font-weight: 600;
}

.hx .peer:focus ~ .peer-focus\:text-primary{
  --tw-text-opacity: 1;
  color: rgb(3 170 163 / var(--tw-text-opacity, 1));
}

.hx .has-\[details\[open\]\]\:z-\[11\]:has(details[open]){
  z-index: 11;
}

.hx .has-\[details\[open\]\]\:z-\[1\]:has(details[open]){
  z-index: 1;
}

.hx .has-\[\:checked\]\:block:has(:checked){
  display: block;
}

.hx .has-\[\.active\]\:grid:has(.active){
  display: grid;
}

.hx .has-\[\:checked\]\:border-primary:has(:checked){
  --tw-border-opacity: 1;
  border-color: rgb(3 170 163 / var(--tw-border-opacity, 1));
}

.hx .has-\[\:checked\]\:bg-primary-100:has(:checked){
  --tw-bg-opacity: 1;
  background-color: rgb(234 246 246 / var(--tw-bg-opacity, 1));
}

.hx .group\/ship:has(>input[type=radio]:checked) .group-has-\[\>input\[type\=radio\]\:checked\]\/ship\:block{
  display: block;
}

.hx .group\/cruise:has([data-before-discount-price]:not([data-before-discount-price=''])) .group-has-\[\[data-before-discount-price\]\:not\(\[data-before-discount-price\=\'\'\]\)\]\/cruise\:block{
  display: block;
}

.hx .group\/cruise:has([data-cruise-card-target='beforeDiscount']:empty) .group-has-\[\[data-cruise-card-target\=\'beforeDiscount\'\]\:empty\]\/cruise\:block{
  display: block;
}

.hx .group\/buttons:has([data-cruise-card-target=bookingButton].btn-disabled) .group-has-\[\[data-cruise-card-target\=bookingButton\]\.btn-disabled\]\/buttons\:block{
  display: block;
}

.hx .group:has([data-floating-cruise-discount-price]:empty) .group-has-\[\[data-floating-cruise-discount-price\]\:empty\]\:inline{
  display: inline;
}

.hx .group\/cruise:has([data-cruise-card-target='beforeDiscount']:empty) .group-has-\[\[data-cruise-card-target\=\'beforeDiscount\'\]\:empty\]\/cruise\:hidden{
  display: none;
}

.hx .group:has([data-floating-cruise-date]:empty) .group-has-\[\[data-floating-cruise-date\]\:empty\]\:hidden{
  display: none;
}

.hx .group:has([data-floating-cruise-ship]:empty) .group-has-\[\[data-floating-cruise-ship\]\:empty\]\:hidden{
  display: none;
}

.hx .group\/cruise:has([data-before-discount-price]:not([data-before-discount-price=''])) .group-has-\[\[data-before-discount-price\]\:not\(\[data-before-discount-price\=\'\'\]\)\]\/cruise\:pl-\[46px\]{
  padding-left: 46px;
}

@container (min-width: 20rem){

  .hx .\@xs\:flex-row{
    flex-direction: row;
  }
}

@container (min-width: 300px){

  .hx .\@\[300px\]\:flex-row{
    flex-direction: row;
  }
}

@container ship (min-width: 350px){

  .hx .\@\[350px\]\/ship\:flex-\[0_0_100\%\]{
    flex: 0 0 100%;
  }

  .hx .\@\[350px\]\/ship\:flex-row{
    flex-direction: row;
  }
}

@container ship (min-width: 400px){

  .hx .\@\[400px\]\/ship\:flex-auto{
    flex: 1 1 auto;
  }
}

@container (min-width: 400px){

  .hx .\@\[400px\]\:flex-row{
    flex-direction: row;
  }
}

@container (min-width: 440px){

  .hx .\@\[440px\]\:block{
    display: block;
  }

  .hx .\@\[440px\]\:flex{
    display: flex;
  }

  .hx .\@\[440px\]\:hidden{
    display: none;
  }

  .hx .\@\[440px\]\:w-\[110px\]{
    width: 110px;
  }

  .hx .\@\[440px\]\:flex-row{
    flex-direction: row;
  }

  .hx .\@\[440px\]\:items-center{
    align-items: center;
  }

  .hx .\@\[440px\]\:text-right{
    text-align: right;
  }
}

@container map (min-width: 500px){

  .hx .\@\[500px\]\/map\:object-center{
    object-position: center;
  }
}

@container ship (min-width: 500px){

  .hx .\@\[500px\]\/ship\:flex-1{
    flex: 1 1 0%;
  }
}

@container (min-width: 640px){

  .hx .\@\[640px\]\:w-\[180px\]{
    width: 180px;
  }
}

@container footer (min-width: 1320px){

  .hx .\@\[1320px\]\/footer\:mb-0{
    margin-bottom: 0px;
  }

  .hx .\@\[1320px\]\/footer\:flex-row{
    flex-direction: row;
  }
}

@container main (min-width: 1400px){

  .hx .\@\[1400px\]\/main\:flex{
    display: flex;
  }

  .hx .\@\[1400px\]\/main\:hidden{
    display: none;
  }
}

@container (min-width: 2000px){

  .hx .\@\[2000px\]\:rotate-0{
    --tw-rotate: 0deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

@media not all and (min-width: 1024px){

  .hx .max-lg\:fixed{
    position: fixed;
  }

  .hx .max-lg\:inset-0{
    inset: 0px;
  }

  .hx .max-lg\:right-auto{
    right: auto;
  }

  .hx .max-lg\:z-\[50\]{
    z-index: 50;
  }

  .hx .max-lg\:-order-1{
    order: -1;
  }

  .hx .max-lg\:order-1{
    order: 1;
  }

  .hx .max-lg\:my-spacing6{
    margin-top: clamp(1rem, 0.927rem + 0.323vw, 1.25rem);
    margin-bottom: clamp(1rem, 0.927rem + 0.323vw, 1.25rem);
  }

  .hx .max-lg\:mb-\[44px\]{
    margin-bottom: 44px;
  }

  .hx .max-lg\:mt-\[10px\]{
    margin-top: 10px;
  }

  .hx .max-lg\:mt-spacing4{
    margin-top: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
  }

  .hx .max-lg\:mt-spacing7{
    margin-top: clamp(1.25rem, 1.177rem + 0.323vw, 1.5rem);
  }

  .hx .max-lg\:block{
    display: block;
  }

  .hx .max-lg\:flex{
    display: flex;
  }

  .hx .max-lg\:hidden{
    display: none;
  }

  .hx .max-lg\:size-full{
    width: 100%;
    height: 100%;
  }

  .hx .max-lg\:h-\[100dvh\]{
    height: 100dvh;
  }

  .hx .max-lg\:h-\[171px\]{
    height: 171px;
  }

  .hx .max-lg\:h-full{
    height: 100%;
  }

  .hx .max-lg\:max-h-full{
    max-height: 100%;
  }

  .hx .max-lg\:w-full{
    width: 100%;
  }

  .hx .max-lg\:\!max-w-full{
    max-width: 100% !important;
  }

  .hx .max-lg\:max-w-full{
    max-width: 100%;
  }

  .hx .max-lg\:flex-1{
    flex: 1 1 0%;
  }

  .hx .max-lg\:flex-\[0_0_100\%\]{
    flex: 0 0 100%;
  }

  .hx .max-lg\:flex-\[0_0_70vw\]{
    flex: 0 0 70vw;
  }

  .hx .max-lg\:scale-\[0\.5\]{
    --tw-scale-x: 0.5;
    --tw-scale-y: 0.5;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .hx .max-lg\:snap-center{
    scroll-snap-align: center;
  }

  .hx .max-lg\:flex-col{
    flex-direction: column;
  }

  .hx .max-lg\:items-end{
    align-items: flex-end;
  }

  .hx .max-lg\:justify-center{
    justify-content: center;
  }

  .hx .max-lg\:justify-between{
    justify-content: space-between;
  }

  .hx .max-lg\:gap-2{
    gap: 2px;
  }

  .hx .max-lg\:gap-8{
    gap: 24px;
  }

  .hx .max-lg\:gap-\[0\]{
    gap: 0;
  }

  .hx .max-lg\:gap-\[12px\]{
    gap: 12px;
  }

  .hx .max-lg\:gap-\[32px\]{
    gap: 32px;
  }

  .hx .max-lg\:overflow-auto{
    overflow: auto;
  }

  .hx .max-lg\:\!rounded-b-none{
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
  }

  .hx .max-lg\:\!rounded-t-xl{
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }

  .hx .max-lg\:border-b{
    border-bottom-width: 1px;
  }

  .hx .max-lg\:border-t{
    border-top-width: 1px;
  }

  .hx .max-lg\:bg-black\/45{
    background-color: rgb(0 0 0 / 0.45);
  }

  .hx .max-lg\:bg-primary-50{
    --tw-bg-opacity: 1;
    background-color: rgb(245 250 250 / var(--tw-bg-opacity, 1));
  }

  .hx .max-lg\:bg-white{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }

  .hx .max-lg\:p-\[8px\]{
    padding: 8px;
  }

  .hx .max-lg\:p-spacing4{
    padding: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
  }

  .hx .max-lg\:p-spacing7{
    padding: clamp(1.25rem, 1.177rem + 0.323vw, 1.5rem);
  }

  .hx .max-lg\:px-spacing3{
    padding-left: clamp(0.25rem, 0.177rem + 0.323vw, 0.5rem);
    padding-right: clamp(0.25rem, 0.177rem + 0.323vw, 0.5rem);
  }

  .hx .max-lg\:py-\[20px\]{
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .hx .max-lg\:py-spacing4{
    padding-top: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
    padding-bottom: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
  }

  .hx .max-lg\:pt-\[10px\]{
    padding-top: 10px;
  }

  .hx .max-lg\:text-center{
    text-align: center;
  }

  .hx .first\:max-lg\:flex-\[0_0_100\%\]:first-child{
    flex: 0 0 100%;
  }

  .hx .max-lg\:has-\[\#cruise-search-mobile-dropdown\:checked\]\:block:has(#cruise-search-mobile-dropdown:checked){
    display: block;
  }

  .hx .group\/shipCategory:has(>input[type=radio]:checked) .group-has-\[\>input\[type\=radio\]\:checked\]\/shipCategory\:max-lg\:block{
    display: block;
  }

  .hx .group:has(:checked) .group-has-\[\:checked\]\:max-lg\:hidden{
    display: none;
  }

  .hx .group:has(:checked) .group-has-\[\:checked\]\:max-lg\:max-h-\[200px\]{
    max-height: 200px;
  }

  .hx .group:has(:checked) .group-has-\[\:checked\]\:max-lg\:scale-y-\[-1\]{
    --tw-scale-y: -1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .hx .group:has(:checked) .group-has-\[\:checked\]\:max-lg\:pb-spacing2{
    padding-bottom: clamp(0.125rem, 0.089rem + 0.161vw, 0.25rem);
  }
}

@media not all and (min-width: 768px){

  .hx .max-md\:-top-\[8px\]{
    top: -8px;
  }

  .hx .max-md\:left-1\/2{
    left: 50%;
  }

  .hx .max-md\:top-0{
    top: 0px;
  }

  .hx .max-md\:order-1{
    order: 1;
  }

  .hx .max-md\:m-\[7px\]{
    margin: 7px;
  }

  .hx .max-md\:-mx-\[1rem\]{
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .hx .max-md\:mt-\[20px\]{
    margin-top: 20px;
  }

  .hx .max-md\:mt-spacing4{
    margin-top: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
  }

  .hx .max-md\:flex{
    display: flex;
  }

  .hx .max-md\:\!hidden{
    display: none !important;
  }

  .hx .max-md\:hidden{
    display: none;
  }

  .hx .max-md\:h-\[calc\(100dvh-14px\)\]{
    height: calc(100dvh - 14px);
  }

  .hx .max-md\:h-full{
    height: 100%;
  }

  .hx .max-md\:h-screen{
    height: 100vh;
  }

  .hx .max-md\:w-\[91vw\]{
    width: 91vw;
  }

  .hx .max-md\:w-full{
    width: 100%;
  }

  .hx .max-md\:flex-1{
    flex: 1 1 0%;
  }

  .hx .max-md\:-translate-x-1\/2{
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .hx .max-md\:flex-col{
    flex-direction: column;
  }

  .hx .max-md\:items-end{
    align-items: flex-end;
  }

  .hx .max-md\:gap-\[12px\]{
    gap: 12px;
  }

  .hx .max-md\:stroke-black{
    stroke: #000;
  }

  .hx .max-md\:px-spacing3{
    padding-left: clamp(0.25rem, 0.177rem + 0.323vw, 0.5rem);
    padding-right: clamp(0.25rem, 0.177rem + 0.323vw, 0.5rem);
  }

  .hx .max-md\:py-\[17px\]{
    padding-top: 17px;
    padding-bottom: 17px;
  }

  .hx .max-md\:pt-spacing4{
    padding-top: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
  }

  .hx .max-md\:first\:pt-0:first-child{
    padding-top: 0px;
  }
}

@media (max-width: 400px){

  .hx .max-\[400px\]\:hidden{
    display: none;
  }
}

@media (min-width: 480px){

  .hx .sm\:gap-\[6px\]{
    gap: 6px;
  }
}

@media (min-width: 768px){

  .hx .md\:inset-x-\[2rem\]{
    left: 2rem;
    right: 2rem;
  }

  .hx .md\:left-\[55\%\]{
    left: 55%;
  }

  .hx .md\:left-auto{
    left: auto;
  }

  .hx .md\:right-0{
    right: 0px;
  }

  .hx .md\:top-\[25vw\]{
    top: 25vw;
  }

  .hx .md\:order-3{
    order: 3;
  }

  .hx .md\:col-span-12{
    grid-column: span 12 / span 12;
  }

  .hx .md\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .hx .md\:col-span-4{
    grid-column: span 4 / span 4;
  }

  .hx .md\:col-span-5{
    grid-column: span 5 / span 5;
  }

  .hx .md\:col-span-6{
    grid-column: span 6 / span 6;
  }

  .hx .md\:col-span-7{
    grid-column: span 7 / span 7;
  }

  .hx .md\:m-\[2rem\]{
    margin: 2rem;
  }

  .hx .md\:-mr-\[70px\]{
    margin-right: -70px;
  }

  .hx .md\:mb-\[10px\]{
    margin-bottom: 10px;
  }

  .hx .md\:mb-\[42px\]{
    margin-bottom: 42px;
  }

  .hx .md\:mr-\[var\(--space-between-md\)\]{
    margin-right: var(--space-between-md);
  }

  .hx .md\:mt-0{
    margin-top: 0px;
  }

  .hx .md\:mt-8{
    margin-top: 24px;
  }

  .hx .md\:line-clamp-1{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }

  .hx .md\:block{
    display: block;
  }

  .hx .md\:flex{
    display: flex;
  }

  .hx .md\:hidden{
    display: none;
  }

  .hx .md\:aspect-16\/9{
    aspect-ratio: 16 / 9;
  }

  .hx .md\:h-\[237px\]{
    height: 237px;
  }

  .hx .md\:min-h-\[52px\]{
    min-height: 52px;
  }

  .hx .md\:w-1\/2{
    width: 50%;
  }

  .hx .md\:w-\[80\%\]{
    width: 80%;
  }

  .hx .md\:w-\[95px\]{
    width: 95px;
  }

  .hx .md\:w-\[98px\]{
    width: 98px;
  }

  .hx .md\:w-\[var\(--slide-width-md\)\]{
    width: var(--slide-width-md);
  }

  .hx .md\:w-auto{
    width: auto;
  }

  .hx .md\:flex-1{
    flex: 1 1 0%;
  }

  .hx .md\:flex-\[0_0_40vw\]{
    flex: 0 0 40vw;
  }

  .hx .md\:grid-cols-10{
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .hx .md\:grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .hx .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hx .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .hx .md\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .hx .md\:flex-row{
    flex-direction: row;
  }

  .hx .md\:flex-wrap{
    flex-wrap: wrap;
  }

  .hx .md\:items-center{
    align-items: center;
  }

  .hx .md\:justify-end{
    justify-content: flex-end;
  }

  .hx .md\:gap-\[var\(--space-between-md\)\]{
    gap: var(--space-between-md);
  }

  .hx .md\:gap-spacing4{
    gap: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
  }

  .hx .md\:divide-x > :not([hidden]) ~ :not([hidden]){
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }

  .hx .md\:border-l{
    border-left-width: 1px;
  }

  .hx .md\:p-\[20px\]{
    padding: 20px;
  }

  .hx .md\:p-spacing6{
    padding: clamp(1rem, 0.927rem + 0.323vw, 1.25rem);
  }

  .hx .md\:p-spacing7{
    padding: clamp(1.25rem, 1.177rem + 0.323vw, 1.5rem);
  }

  .hx .md\:px-\[12px\]{
    padding-left: 12px;
    padding-right: 12px;
  }

  .hx .md\:px-\[27\.88px\]{
    padding-left: 27.88px;
    padding-right: 27.88px;
  }

  .hx .md\:pl-\[14px\]{
    padding-left: 14px;
  }

  .hx .md\:pr-\[70px\]{
    padding-right: 70px;
  }

  .hx .md\:text-right{
    text-align: right;
  }

  .hx .md\:text-h3{
    font-size: clamp(1.5rem, 1.355rem + 0.645vw, 2rem);
    line-height: 1.2;
    font-weight: bold;
  }

  .hx .md\:text-h5{
    font-size: clamp(1.25rem, 1.177rem + 0.323vw, 1.5rem);
    line-height: 1.35;
    font-weight: bold;
  }

  .hx .md\:content-\[\'\'\]{
    --tw-content: '';
    content: var(--tw-content);
  }

  .hx .md\:text-h5.vtrim:before{
    display: block;
    margin-top: -0.27em;
    content: "";
  }

  .hx .md\:text-h5.vtrim:after{
    display: block;
    margin-bottom: -0.27em;
    content: "";
  }

  .hx .md\:text-h3.vtrim:before{
    display: block;
    margin-top: -0.2em;
    content: "";
  }

  .hx .md\:text-h3.vtrim:after{
    display: block;
    margin-bottom: -0.2em;
    content: "";
  }

  @media not all and (min-width: 1024px){

    .hx .md\:max-lg\:top-\[calc\(var\(--header-height\)\+7px\)\]{
      top: calc(var(--header-height) + 7px);
    }

    .hx .md\:max-lg\:col-span-2{
      grid-column: span 2 / span 2;
    }

    .hx .md\:max-lg\:ml-auto{
      margin-left: auto;
    }

    .hx .md\:max-lg\:max-w-\[330px\]{
      max-width: 330px;
    }

    .hx .md\:max-lg\:max-w-\[420px\]{
      max-width: 420px;
    }

    .hx .md\:max-lg\:flex-\[0_0_100\%\]{
      flex: 0 0 100%;
    }

    .hx .md\:max-lg\:border-l-0{
      border-left-width: 0px;
    }

    .hx .md\:max-lg\:pl-0{
      padding-left: 0px;
    }
  }
}

@media (min-width: 1024px){

  .hx .lg\:sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .hx .lg\:absolute{
    position: absolute;
  }

  .hx .lg\:sticky{
    position: sticky;
  }

  .hx .lg\:left-\[calc\(var\(--modal-offset-left\)-250px\)\]{
    left: calc(var(--modal-offset-left) - 250px);
  }

  .hx .lg\:left-auto{
    left: auto;
  }

  .hx .lg\:right-\[14px\]{
    right: 14px;
  }

  .hx .lg\:right-auto{
    right: auto;
  }

  .hx .lg\:right-full{
    right: 100%;
  }

  .hx .lg\:top-\[19\.3vw\]{
    top: 19.3vw;
  }

  .hx .lg\:top-\[calc\(var\(--header-height\)\+12px\)\]{
    top: calc(var(--header-height) + 12px);
  }

  .hx .lg\:top-\[calc\(var\(--header-height\)\+1rem\)\]{
    top: calc(var(--header-height) + 1rem);
  }

  .hx .lg\:top-\[var\(--header-height\)\]{
    top: var(--header-height);
  }

  .hx .lg\:top-\[var\(--modal-offset-top\)\]{
    top: var(--modal-offset-top);
  }

  .hx .lg\:order-1{
    order: 1;
  }

  .hx .lg\:order-2{
    order: 2;
  }

  .hx .lg\:col-span-1{
    grid-column: span 1 / span 1;
  }

  .hx .lg\:col-span-12{
    grid-column: span 12 / span 12;
  }

  .hx .lg\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .hx .lg\:col-span-3{
    grid-column: span 3 / span 3;
  }

  .hx .lg\:col-span-4{
    grid-column: span 4 / span 4;
  }

  .hx .lg\:col-span-5{
    grid-column: span 5 / span 5;
  }

  .hx .lg\:col-span-6{
    grid-column: span 6 / span 6;
  }

  .hx .lg\:col-span-7{
    grid-column: span 7 / span 7;
  }

  .hx .lg\:col-span-8{
    grid-column: span 8 / span 8;
  }

  .hx .lg\:col-span-9{
    grid-column: span 9 / span 9;
  }

  .hx .lg\:float-left{
    float: left;
  }

  .hx .lg\:my-spacing7{
    margin-top: clamp(1.25rem, 1.177rem + 0.323vw, 1.5rem);
    margin-bottom: clamp(1.25rem, 1.177rem + 0.323vw, 1.5rem);
  }

  .hx .lg\:-mb-\[220px\]{
    margin-bottom: -220px;
  }

  .hx .lg\:-mt-spacing7{
    margin-top: calc(clamp(1.25rem, 1.177rem + 0.323vw, 1.5rem) * -1);
  }

  .hx .lg\:mb-0{
    margin-bottom: 0px;
  }

  .hx .lg\:mb-\[24px\]{
    margin-bottom: 24px;
  }

  .hx .lg\:mb-\[32px\]{
    margin-bottom: 32px;
  }

  .hx .lg\:mb-\[33px\]{
    margin-bottom: 33px;
  }

  .hx .lg\:mb-sectionSpacing{
    margin-bottom: clamp(4rem, 3.129rem + 3.871vw, 7rem);
  }

  .hx .lg\:mb-spacing3{
    margin-bottom: clamp(0.25rem, 0.177rem + 0.323vw, 0.5rem);
  }

  .hx .lg\:mb-spacing4{
    margin-bottom: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
  }

  .hx .lg\:mb-spacing7{
    margin-bottom: clamp(1.25rem, 1.177rem + 0.323vw, 1.5rem);
  }

  .hx .lg\:mb-spacing8{
    margin-bottom: clamp(1.5rem, 1.355rem + 0.645vw, 2rem);
  }

  .hx .lg\:mr-0{
    margin-right: 0px;
  }

  .hx .lg\:mr-\[14px\]{
    margin-right: 14px;
  }

  .hx .lg\:mr-\[24px\]{
    margin-right: 24px;
  }

  .hx .lg\:mr-\[var\(--space-between-lg\)\]{
    margin-right: var(--space-between-lg);
  }

  .hx .lg\:mr-spacing7{
    margin-right: clamp(1.25rem, 1.177rem + 0.323vw, 1.5rem);
  }

  .hx .lg\:mt-0{
    margin-top: 0px;
  }

  .hx .lg\:mt-\[40px\]{
    margin-top: 40px;
  }

  .hx .lg\:mt-spacing8{
    margin-top: clamp(1.5rem, 1.355rem + 0.645vw, 2rem);
  }

  .hx .lg\:block{
    display: block;
  }

  .hx .lg\:flex{
    display: flex;
  }

  .hx .lg\:grid{
    display: grid;
  }

  .hx .lg\:hidden{
    display: none;
  }

  .hx .lg\:aspect-\[3\/1\]{
    aspect-ratio: 3/1;
  }

  .hx .lg\:h-\[21px\]{
    height: 21px;
  }

  .hx .lg\:h-\[24px\]{
    height: 24px;
  }

  .hx .lg\:h-\[32px\]{
    height: 32px;
  }

  .hx .lg\:h-\[33px\]{
    height: 33px;
  }

  .hx .lg\:h-\[605px\]{
    height: 605px;
  }

  .hx .lg\:h-\[84px\]{
    height: 84px;
  }

  .hx .lg\:h-\[var\(--header-height\)\]{
    height: var(--header-height);
  }

  .hx .lg\:h-auto{
    height: auto;
  }

  .hx .lg\:h-full{
    height: 100%;
  }

  .hx .lg\:h-max{
    height: max-content;
  }

  .hx .lg\:h-spacing6{
    height: clamp(1rem, 0.927rem + 0.323vw, 1.25rem);
  }

  .hx .lg\:max-h-\[0\]{
    max-height: 0;
  }

  .hx .lg\:max-h-\[200px\]{
    max-height: 200px;
  }

  .hx .lg\:min-h-\[590px\]{
    min-height: 590px;
  }

  .hx .lg\:min-h-\[64px\]{
    min-height: 64px;
  }

  .hx .lg\:w-\[153px\]{
    width: 153px;
  }

  .hx .lg\:w-\[180px\]{
    width: 180px;
  }

  .hx .lg\:w-\[232px\]{
    width: 232px;
  }

  .hx .lg\:w-\[235px\]{
    width: 235px;
  }

  .hx .lg\:w-\[283px\]{
    width: 283px;
  }

  .hx .lg\:w-\[30\%\]{
    width: 30%;
  }

  .hx .lg\:w-\[327px\]{
    width: 327px;
  }

  .hx .lg\:w-\[328px\]{
    width: 328px;
  }

  .hx .lg\:w-\[425px\]{
    width: 425px;
  }

  .hx .lg\:w-\[483px\]{
    width: 483px;
  }

  .hx .lg\:w-\[528px\]{
    width: 528px;
  }

  .hx .lg\:w-\[560px\]{
    width: 560px;
  }

  .hx .lg\:w-\[870px\]{
    width: 870px;
  }

  .hx .lg\:w-\[95px\]{
    width: 95px;
  }

  .hx .lg\:w-\[calc\(100\%-135px\)\]{
    width: calc(100% - 135px);
  }

  .hx .lg\:w-\[var\(--slide-width-lg\)\]{
    width: var(--slide-width-lg);
  }

  .hx .lg\:w-auto{
    width: auto;
  }

  .hx .lg\:w-full{
    width: 100%;
  }

  .hx .lg\:min-w-\[1500px\]{
    min-width: 1500px;
  }

  .hx .lg\:min-w-\[180px\]{
    min-width: 180px;
  }

  .hx .lg\:min-w-\[300px\]{
    min-width: 300px;
  }

  .hx .lg\:max-w-\[226px\]{
    max-width: 226px;
  }

  .hx .lg\:max-w-\[340px\]{
    max-width: 340px;
  }

  .hx .lg\:max-w-\[377px\]{
    max-width: 377px;
  }

  .hx .lg\:max-w-\[675px\]{
    max-width: 675px;
  }

  .hx .lg\:max-w-\[760px\]{
    max-width: 760px;
  }

  .hx .lg\:max-w-\[calc\(var\(--modal-width\)\+250px\)\]{
    max-width: calc(var(--modal-width) + 250px);
  }

  .hx .lg\:max-w-full{
    max-width: 100%;
  }

  .hx .lg\:flex-1{
    flex: 1 1 0%;
  }

  .hx .lg\:table-fixed{
    table-layout: fixed;
  }

  .hx .lg\:translate-x-\[-72px\]{
    --tw-translate-x: -72px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .hx .lg\:grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .hx .lg\:grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .hx .lg\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hx .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .hx .lg\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .hx .lg\:grid-cols-9{
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .hx .lg\:flex-row{
    flex-direction: row;
  }

  .hx .lg\:flex-col{
    flex-direction: column;
  }

  .hx .lg\:flex-nowrap{
    flex-wrap: nowrap;
  }

  .hx .lg\:items-center{
    align-items: center;
  }

  .hx .lg\:justify-start{
    justify-content: flex-start;
  }

  .hx .lg\:justify-end{
    justify-content: flex-end;
  }

  .hx .lg\:justify-between{
    justify-content: space-between;
  }

  .hx .lg\:gap-\[16px\]{
    gap: 16px;
  }

  .hx .lg\:gap-\[24px\]{
    gap: 24px;
  }

  .hx .lg\:gap-\[32px\]{
    gap: 32px;
  }

  .hx .lg\:gap-\[44px\]{
    gap: 44px;
  }

  .hx .lg\:gap-\[var\(--space-between-lg\)\]{
    gap: var(--space-between-lg);
  }

  .hx .lg\:gap-spacing10{
    gap: clamp(3rem, 2.710rem + 1.290vw, 4rem);
  }

  .hx .lg\:gap-spacing2{
    gap: clamp(0.125rem, 0.089rem + 0.161vw, 0.25rem);
  }

  .hx .lg\:gap-spacing7{
    gap: clamp(1.25rem, 1.177rem + 0.323vw, 1.5rem);
  }

  .hx .lg\:gap-spacing8{
    gap: clamp(1.5rem, 1.355rem + 0.645vw, 2rem);
  }

  .hx .lg\:overflow-visible{
    overflow: visible;
  }

  .hx .lg\:rounded-\[10px\]{
    border-radius: 10px;
  }

  .hx .lg\:rounded-\[12px\]{
    border-radius: 12px;
  }

  .hx .lg\:rounded-\[1rem\]{
    border-radius: 1rem;
  }

  .hx .lg\:rounded-\[8px\]{
    border-radius: 8px;
  }

  .hx .lg\:border{
    border-width: 1px;
  }

  .hx .lg\:border-l{
    border-left-width: 1px;
  }

  .hx .lg\:border-t{
    border-top-width: 1px;
  }

  .hx .lg\:bg-white{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }

  .hx .lg\:bg-white\/20{
    background-color: rgb(255 255 255 / 0.2);
  }

  .hx .lg\:p-\[12px\]{
    padding: 12px;
  }

  .hx .lg\:p-\[12px_12px_12px_24px\]{
    padding: 12px 12px 12px 24px;
  }

  .hx .lg\:p-\[23px\]{
    padding: 23px;
  }

  .hx .lg\:p-\[24px\]{
    padding: 24px;
  }

  .hx .lg\:p-\[44px\]{
    padding: 44px;
  }

  .hx .lg\:p-spacing4{
    padding: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
  }

  .hx .lg\:p-spacing6{
    padding: clamp(1rem, 0.927rem + 0.323vw, 1.25rem);
  }

  .hx .lg\:p-spacing7{
    padding: clamp(1.25rem, 1.177rem + 0.323vw, 1.5rem);
  }

  .hx .lg\:px-\[34px\]{
    padding-left: 34px;
    padding-right: 34px;
  }

  .hx .lg\:px-\[36\.56px\]{
    padding-left: 36.56px;
    padding-right: 36.56px;
  }

  .hx .lg\:px-\[50px\]{
    padding-left: 50px;
    padding-right: 50px;
  }

  .hx .lg\:px-\[60px\]{
    padding-left: 60px;
    padding-right: 60px;
  }

  .hx .lg\:px-spacing4{
    padding-left: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
    padding-right: clamp(0.5rem, 0.427rem + 0.323vw, 0.75rem);
  }

  .hx .lg\:py-\[52px\]{
    padding-top: 52px;
    padding-bottom: 52px;
  }

  .hx .lg\:py-spacing5{
    padding-top: clamp(0.75rem, 0.677rem + 0.323vw, 1rem);
    padding-bottom: clamp(0.75rem, 0.677rem + 0.323vw, 1rem);
  }

  .hx .lg\:py-spacing7{
    padding-top: clamp(1.25rem, 1.177rem + 0.323vw, 1.5rem);
    padding-bottom: clamp(1.25rem, 1.177rem + 0.323vw, 1.5rem);
  }

  .hx .lg\:pb-0{
    padding-bottom: 0px;
  }

  .hx .lg\:pb-12{
    padding-bottom: 100px;
  }

  .hx .lg\:pb-spacing10{
    padding-bottom: clamp(3rem, 2.710rem + 1.290vw, 4rem);
  }

  .hx .lg\:pl-\[12px\]{
    padding-left: 12px;
  }

  .hx .lg\:pt-0{
    padding-top: 0px;
  }

  .hx .lg\:pt-spacing7{
    padding-top: clamp(1.25rem, 1.177rem + 0.323vw, 1.5rem);
  }

  .hx .lg\:text-right{
    text-align: right;
  }

  .hx .lg\:text-\[40px\]{
    font-size: 40px;
  }

  .hx .lg\:font-semibold{
    font-weight: 600;
  }

  .hx .lg\:text-\[\#7B7B7B\]{
    --tw-text-opacity: 1;
    color: rgb(123 123 123 / var(--tw-text-opacity, 1));
  }

  .hx .lg\:text-white{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }

  .hx .lg\:opacity-100{
    opacity: 1;
  }

  .hx .lg\:shadow-1{
    --tw-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04), 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 2px 1px -1px rgba(0, 0, 0, 0.08);
    --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color), 0px 1px 1px 0px var(--tw-shadow-color), 0px 2px 1px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .hx .lg\:shadow-2{
    --tw-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.08), 0px 2px 1px -1px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored: 0px 1px 3px 0px var(--tw-shadow-color), 0px 1px 1px 0px var(--tw-shadow-color), 0px 2px 1px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .hx .lg\:hover\:overflow-visible:hover{
    overflow: visible;
  }

  .hx .group:hover .group-hover\:lg\:hidden{
    display: none;
  }

  .hx .group:hover .lg\:group-hover\:h-auto{
    height: auto;
  }

  .hx .group:hover .group-hover\:lg\:max-h-\[200px\]{
    max-height: 200px;
  }

  .hx .group\/shipCategory:has(>input[type=radio]:checked) .group-has-\[\>input\[type\=radio\]\:checked\]\/shipCategory\:lg\:block{
    display: block;
  }

  @media (max-width: 1300px){

    .hx .lg\:max-\[1300px\]\:line-clamp-4{
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4;
    }
  }

  @media (max-width: 1140px){

    .hx .lg\:max-\[1140px\]\:line-clamp-3{
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
    }
  }
}

@media (min-width: 1280px){

  .hx .xl\:left-\[calc\(100\%\+14px\)\]{
    left: calc(100% + 14px);
  }

  .hx .xl\:left-auto{
    left: auto;
  }

  .hx .xl\:right-6{
    right: 16px;
  }

  .hx .xl\:right-auto{
    right: auto;
  }

  .hx .xl\:top-\[14\.8rem\]{
    top: 14.8rem;
  }

  .hx .xl\:col-span-1{
    grid-column: span 1 / span 1;
  }

  .hx .xl\:mr-\[var\(--space-between-xl\)\]{
    margin-right: var(--space-between-xl);
  }

  .hx .xl\:hidden{
    display: none;
  }

  .hx .xl\:h-\[340px\]{
    height: 340px;
  }

  .hx .xl\:w-\[1018px\]{
    width: 1018px;
  }

  .hx .xl\:w-\[410px\]{
    width: 410px;
  }

  .hx .xl\:w-\[var\(--slide-width-xl\)\]{
    width: var(--slide-width-xl);
  }

  .hx .xl\:max-w-\[1400px\]{
    max-width: 1400px;
  }

  .hx .xl\:max-w-full{
    max-width: 100%;
  }

  .hx .xl\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .hx .xl\:gap-\[var\(--space-between-xl\)\]{
    gap: var(--space-between-xl);
  }
}

@media (min-width: 1536px){

  .hx .\32xl\:h-\[8px\]{
    height: 8px;
  }

  .hx .\32xl\:w-\[calc\(100\%-216px\)\]{
    width: calc(100% - 216px);
  }
}

.hx .\[\&\.active\]\:block.active{
  display: block;
}

.hx .\[\&\.active\]\:bg-primary-100.active{
  --tw-bg-opacity: 1;
  background-color: rgb(234 246 246 / var(--tw-bg-opacity, 1));
}

.hx .\[\&\.active\]\:bg-primary-400.active{
  --tw-bg-opacity: 1;
  background-color: rgb(64 191 186 / var(--tw-bg-opacity, 1));
}

.hx .\[\&\.active\]\:text-primary-700.active{
  --tw-text-opacity: 1;
  color: rgb(6 107 103 / var(--tw-text-opacity, 1));
}

.hx .\[\&\.btn-disabled\]\:hidden.btn-disabled{
  display: none;
}

.hx .\[\&\.disabled\]\:pointer-events-none.disabled{
  pointer-events: none;
}

.hx .\[\&\.disabled\]\:grayscale.disabled{
  --tw-grayscale: grayscale(100%);
  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);
}

.hx .\[\&\.swiper-button-disabled\>div\]\:bg-primary\/40.swiper-button-disabled>div{
  background-color: rgb(3 170 163 / 0.4);
}

.hx .\[\&\.swiper-slide-active\]\:scale-y-110.swiper-slide-active{
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hx .\[\&\.swiper-slide-thumb-active\]\:border-primary.swiper-slide-thumb-active{
  --tw-border-opacity: 1;
  border-color: rgb(3 170 163 / var(--tw-border-opacity, 1));
}

.hx .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{
  appearance: none;
}

.hx .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{
  appearance: none;
}

.hx .\[\&\:checked\~div\]\:block:checked~div{
  display: block;
}

.hx .\[\&\:has\(\:checked\)\>\.not-selected\]\:hidden:has(:checked)>.not-selected{
  display: none;
}

.hx .\[\&\:has\(\:checked\)\>\.selected\]\:flex:has(:checked)>.selected{
  display: flex;
}

@media (min-width: 1024px){

  .hx .\[\&\>\*\:first-child\]\:lg\:flex-1>*:first-child{
    flex: 1 1 0%;
  }
}

.hx .\[\&\>\*\]\:w-full>*{
  width: 100%;
}

.hx .\[\&\>\*\]\:flex-\[1_0_calc\(50\%-8px\)\]>*{
  flex: 1 0 calc(50% - 8px);
}

.hx .\[\&\>\*\]\:flex-\[1_0_var\(--item-flex-grow\)\]>*{
  flex: 1 0 var(--item-flex-grow);
}

@media (min-width: 1024px){

  .hx .\[\&\>\*\]\:lg\:flex-\[1_0_var\(--item-flex-grow\)\]>*{
    flex: 1 0 var(--item-flex-grow);
  }
}

.hx .\[\&\>\.card-body\]\:p-4>.card-body{
  padding: 8px;
}

.hx .\[\&\>\.selected\]\:hidden>.selected{
  display: none;
}

@media (min-width: 1024px){

  .hx .\[\&\>a\:nth-child\(n\+11\)\]\:lg\:hidden>a:nth-child(n+11){
    display: none;
  }
}

.hx .\[\&\>a\:nth-child\(n\+6\)\]\:hidden>a:nth-child(n+6){
  display: none;
}

@media not all and (min-width: 768px){

  .hx .\[\&\>a\:nth-child\(n\+6\)\]\:max-md\:hidden>a:nth-child(n+6){
    display: none;
  }
}

@media (min-width: 768px){

  @media not all and (min-width: 1024px){

    .hx .\[\&\>a\:nth-child\(n\+9\)\]\:md\:max-lg\:hidden>a:nth-child(n+9){
      display: none;
    }
  }
}

.hx .\[\&\>b\]\:text-primary-900>b{
  --tw-text-opacity: 1;
  color: rgb(2 39 38 / var(--tw-text-opacity, 1));
}

.hx .\[\&\>details\:not\(\:first-child\)\]\:border-t>details:not(:first-child){
  border-top-width: 1px;
}

.hx .\[\&\>div\>label\:nth-of-type\(1\)\]\:hidden>div>label:nth-of-type(1){
  display: none;
}

@media (min-width: 1024px){

  .hx .\[\&\>div\>ul\]\:lg\:h-full>div>ul{
    height: 100%;
  }

  .hx .\[\&\>div\]\:lg\:h-full>div{
    height: 100%;
  }
}

.hx .\[\&\>h3\]\:-mt-1>h3{
  margin-top: -1px;
}

.hx .\[\&\>h3\]\:mb-3>h3{
  margin-bottom: 4px;
}

.hx .\[\&\>h3\]\:text-h4>h3{
  font-size: clamp(1.375rem, 1.266rem + 0.484vw, 1.75rem);
  line-height: 1.2;
  font-weight: bold;
}

.hx .\[\&\>h3\]\:font-bold>h3{
  font-weight: 700;
}

.hx .\[\&\>h3\]\:text-h4>h3.vtrim:before{
  display: block;
  margin-top: -0.2em;
  content: "";
}

.hx .\[\&\>h3\]\:text-h4>h3.vtrim:after{
  display: block;
  margin-bottom: -0.2em;
  content: "";
}

.hx .\[\&\>li\:not\(\:last-child\)\]\:border-b>li:not(:last-child){
  border-bottom-width: 1px;
}

.hx .\[\&\>li\:nth-child\(n\+2\)\]\:hidden>li:nth-child(n+2){
  display: none;
}

.hx .\[\&\>li\:nth-child\(n\+5\)\]\:hidden>li:nth-child(n+5){
  display: none;
}

.hx .\[\&\>li\:nth-child\(n\+6\)\]\:hidden>li:nth-child(n+6){
  display: none;
}

.hx .\[\&\>li\>a\]\:block>li>a{
  display: block;
}

.hx .\[\&\>li\>a\]\:p-\[10px_8px\]>li>a{
  padding: 10px 8px;
}

.hx .\[\&\>p\]\:mb-\[10px\]>p{
  margin-bottom: 10px;
}

.hx .\[\&\>path\]\:fill-success>path{
  fill: #00A86B;
}

.hx .\[\&\>path\]\:stroke-success>path{
  stroke: #00A86B;
}

.hx .\[\&\[open\]\>summary\>div\]\:text-body-large[open]>summary>div{
  font-size: clamp(1.125rem, 1.107rem + 0.081vw, 1.1875rem);
  line-height: 1.2;
}

.hx .\[\&\[open\]\>summary\>div\]\:font-bold[open]>summary>div{
  font-weight: 700;
}

.hx .\[\&\[open\]\>summary\>div\]\:text-body-large[open]>summary>div.vtrim:before{
  display: block;
  margin-top: -0.2em;
  content: "";
}

.hx .\[\&\[open\]\>summary\>div\]\:text-body-large[open]>summary>div.vtrim:after{
  display: block;
  margin-bottom: -0.2em;
  content: "";
}

.hx .\[\&\[open\]\>summary\>img\]\:filter-none[open]>summary>img{
  filter: none;
}

.hx .\[\&\[open\]\]\:border-b-2[open]{
  border-bottom-width: 2px;
}

.hx .\[\&\[open\]\]\:border-primary[open]{
  --tw-border-opacity: 1;
  border-color: rgb(3 170 163 / var(--tw-border-opacity, 1));
}

.hx .\[\&\[open\]\]\:bg-primary-100[open]{
  --tw-bg-opacity: 1;
  background-color: rgb(234 246 246 / var(--tw-bg-opacity, 1));
}

.hx .\[\&\[open\]\~\.backdrop\]\:block[open]~.backdrop{
  display: block;
}

.hx .\[\&_\.card-body\]\:p-\[24px\] .card-body{
  padding: 24px;
}

.hx .\[\&_\.carousel-item\:first-child\:has\(\.has-discount\)\>\.cruise-item\]\:ml-\[10px\] .carousel-item:first-child:has(.has-discount)>.cruise-item{
  margin-left: 10px;
}

.hx .\[\&_\.container\]\:mx-0 .container{
  margin-left: 0px;
  margin-right: 0px;
}

.hx .\[\&_\.container\]\:px-0 .container{
  padding-left: 0px;
  padding-right: 0px;
}

.hx .\[\&_\.container\]\:pl-0 .container{
  padding-left: 0px;
}

@media (min-width: 1024px){

  .hx .lg\:\[\&_\.container\]\:px-0 .container{
    padding-left: 0px;
    padding-right: 0px;
  }
}

.hx .\[\&_\.form-field\]\:w-full .form-field{
  width: 100%;
}

.hx .\[\&_\.form-textarea\]\:resize-none .form-textarea{
  resize: none;
}

@media (min-width: 1024px){

  .hx .\[\&_\.form-textarea\]\:lg\:h-\[233px\] .form-textarea{
    height: 233px;
  }
}

.hx .\[\&_\.map\]\:translate-x-\[18vw\] .map{
  --tw-translate-x: 18vw;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hx .\[\&_\.map\]\:translate-y-\[18vw\] .map{
  --tw-translate-y: 18vw;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hx .\[\&_\.swiper-right-overflow\]\:hidden .swiper-right-overflow{
  display: none;
}

@media (min-width: 768px){

  .hx .\[\&_\.swiper-right-overflow\]\:md\:block .swiper-right-overflow{
    display: block;
  }
}

.hx .\[\&_\.swiper-slide\>div\]\:min-h-\[300px\] .swiper-slide>div{
  min-height: 300px;
}

.hx .\[\&_\.swiper\]\:rounded-t-none .swiper{
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.hx .\[\&_circle\]\:fill-primary-600 circle{
  fill: #089691;
}

@media (min-width: 1024px){

  .hx .\[\&_form\>div\]\:lg\:h-full form>div{
    height: 100%;
  }

  .hx .\[\&_form\]\:lg\:h-full form{
    height: 100%;
  }
}

@media not all and (min-width: 768px){

  .hx .\[\&_h1\]\:max-md\:pt-spacing6 h1{
    padding-top: clamp(1rem, 0.927rem + 0.323vw, 1.25rem);
  }
}

.hx .\[\&_input\]\:grayscale input{
  --tw-grayscale: grayscale(100%);
  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);
}

.hx .\[\&_label\]\:hidden label{
  display: none;
}

.hx .\[\&_p\]\:mb-content p{
  margin-bottom: clamp(0.35rem,calc(.28vw + .45vh),0.6rem);
}

.hx .\[\&_p\]\:inline p{
  display: inline;
}

.hx .\[\&_svg\]\:translate-x-\[var\(--x\)\] svg{
  --tw-translate-x: var(--x);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hx .\[\&_svg\]\:translate-y-\[var\(--y\)\] svg{
  --tw-translate-y: var(--y);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hx .\[\&_td\]\:border-collapse td{
  border-collapse: collapse;
}

.hx .\[\&_td\]\:border td{
  border-width: 1px;
}

.hx .\[\&_td\]\:border-\[\#ADC2C1\] td{
  --tw-border-opacity: 1;
  border-color: rgb(173 194 193 / var(--tw-border-opacity, 1));
}

.hx .\[\&_td\]\:p-\[7px_18px\] td{
  padding: 7px 18px;
}

.hx .\[\&_td\]\:px-spacing3 td{
  padding-left: clamp(0.25rem, 0.177rem + 0.323vw, 0.5rem);
  padding-right: clamp(0.25rem, 0.177rem + 0.323vw, 0.5rem);
}

.hx .\[\&_td\]\:py-spacing2 td{
  padding-top: clamp(0.125rem, 0.089rem + 0.161vw, 0.25rem);
  padding-bottom: clamp(0.125rem, 0.089rem + 0.161vw, 0.25rem);
}

.hx .\[\&_textarea\]\:h-full textarea{
  height: 100%;
}

.hx .\[\&_th\]\:border th{
  border-width: 1px;
}

.hx .\[\&_th\]\:border-\[\#ADC2C1\] th{
  --tw-border-opacity: 1;
  border-color: rgb(173 194 193 / var(--tw-border-opacity, 1));
}

.hx .\[\&_th\]\:p-\[7px_18px\] th{
  padding: 7px 18px;
}

.hx .\[\&_th\]\:text-small th{
  font-size: clamp(0.875rem, 0.857rem + 0.081vw, 0.9375rem);
  line-height: 1.2;
}

.hx .\[\&_th\]\:text-small th.vtrim:before{
  display: block;
  margin-top: -0.2em;
  content: "";
}

.hx .\[\&_th\]\:text-small th.vtrim:after{
  display: block;
  margin-bottom: -0.2em;
  content: "";
}

.hx .\[\&_ul\>li\>p\]\:inline ul>li>p{
  display: inline;
}

.hx .\[\&_ul\>li\]\:mb-spacing8 ul>li{
  margin-bottom: clamp(1.5rem, 1.355rem + 0.645vw, 2rem);
}

.hx .\[\&_ul\]\:grid ul{
  display: grid;
}

.hx .\[\&_ul\]\:list-outside ul{
  list-style-position: outside;
}

.hx .\[\&\~label\]\:hidden~label{
  display: none;
}

.hx .-selected .\[\.-selected_\&\]\:block{
  display: block;
}

.hx .container .\[\.container_\&\]\:px-0{
  padding-left: 0px;
  padding-right: 0px;
}

.hx .form-checkbox-with-number:has(:checked) .\[\.form-checkbox-with-number\:has\(\:checked\)_\&\]\:flex{
  display: flex;
}

.hx .stuck .\[\.stuck_\&\]\:opacity-0{
  opacity: 0;
}

.hx .swiper-slide>.\[\.swiper-slide\>\&\]\:h-full{
  height: 100%;
}