/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: "Geist", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-800: oklch(44.4% 0.177 26.899);
    --color-green-50: oklch(98.2% 0.018 155.826);
    --color-green-400: oklch(79.2% 0.209 151.711);
    --color-green-800: oklch(44.8% 0.119 151.328);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-black: #000;
    --color-white: #FFFFFF;
    --spacing: 0.25rem;
    --container-md: 28rem;
    --container-2xl: 42rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-thin: 100;
    --font-weight-extralight: 200;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tighter: -0.05em;
    --tracking-tight: -0.025em;
    --tracking-normal: 0em;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --aspect-video: 16 / 9;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --animate-skeleton: skeleton-shimmer 1.5s ease-in-out infinite;
    --font-geist-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-border: #e5e7eb;
    --color-brand: #14215c;
    --color-actions-lightest: #efe6fd;
    --color-actions-lighter: #ceb0fa;
    --color-actions-primary: #6200ee;
    --color-actions-regular: #721ff0;
    --color-primary: #14215c;
    --color-secondary: #f9f9fb;
    --color-fill-secondary: #626A90;
    --color-background: #ffffff;
    --color-shade-lighter: #14215AFF;
    --color-muted: #FDFDFD;
    --color-muted-foreground: #6b7280;
    --color-tone-darkest: #626A90;
    --color-errors-lightest: #FCECEB;
    --color-errors-light: #FF0000;
    --color-foreground: #222639;
    --color-primary-foreground: #FFFFFF;
    --color-label-action: #626a90;
    --color-label-primary: #121E52;
    --color-label-secondary: #6B7280;
    --color-label-add-default: #6200EE;
    --color-surface-add-default: #FFFFFF00;
    --color-border-add-default: #6200EE;
    --color-surface-add-hover: #EFE6FD;
    --color-border-add-hover: #6200EE;
    --color-label-add-selected: #FFFFFF;
    --color-surface-add-selected: #14215A;
    --color-border-add-selected: #14215A;
  }
}
@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html,
  :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
      -o-tab-size: 4;
         tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    display: block;
    vertical-align: middle;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea,
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::-moz-placeholder {
    opacity: 1;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or
    (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit,
  ::-webkit-datetime-edit-year-field,
  ::-webkit-datetime-edit-month-field,
  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-minute-field,
  ::-webkit-datetime-edit-second-field,
  ::-webkit-datetime-edit-millisecond-field,
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button,
  input:where([type="button"], [type="reset"], [type="submit"]),
  ::file-selector-button {
    -webkit-appearance: button;
       -moz-appearance: button;
            appearance: button;
  }
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .button-secondary {
    display: block;
    min-height: calc(var(--spacing) * 14);
    min-width: calc(var(--spacing) * 14);
    border-radius: var(--radius-lg) !important;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: var(--color-tone-darkest);
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 3.5);
    text-align: center;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-primary-foreground);
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover, &:focus {
      opacity: 90%;
    }
  }
  .pht-skeleton {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .pht-skeleton-bar-lg {
    height: calc(var(--spacing) * 4);
    animation: var(--animate-skeleton);
    border-radius: var(--radius-md);
    background: linear-gradient(
        90deg,
        var(--color-border) 25%,
        var(--color-secondary) 50%,
        var(--color-border) 75%
    );
    background-size: 200% 100%;
    width: 85%;
  }
  .pht-skeleton-bar-md {
    height: calc(var(--spacing) * 4);
    animation: var(--animate-skeleton);
    border-radius: var(--radius-md);
    background: linear-gradient(
        90deg,
        var(--color-border) 25%,
        var(--color-secondary) 50%,
        var(--color-border) 75%
    );
    background-size: 200% 100%;
    width: 65%;
  }
  .pht-skeleton-bar-sm {
    height: calc(var(--spacing) * 4);
    animation: var(--animate-skeleton);
    border-radius: var(--radius-md);
    background: linear-gradient(
        90deg,
        var(--color-border) 25%,
        var(--color-secondary) 50%,
        var(--color-border) 75%
    );
    background-size: 200% 100%;
    width: 55%;
  }
  .w-1\/2 {
    width: calc(1/2 * 100%);
  }
  .w-1\/3 {
    width: calc(1/3 * 100%);
  }
  .w-1\/4 {
    width: calc(1/4 * 100%);
  }
  .w-2\/3 {
    width: calc(2/3 * 100%);
  }
  .w-3\/4 {
    width: calc(3/4 * 100%);
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-none {
    border-radius: 0;
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .text-center {
    text-align: center;
  }
  .text-right {
    text-align: right;
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
  .text-6xl {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  .font-extralight {
    --tw-font-weight: var(--font-weight-extralight);
    font-weight: var(--font-weight-extralight);
  }
  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .font-thin {
    --tw-font-weight: var(--font-weight-thin);
    font-weight: var(--font-weight-thin);
  }
  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .tracking-tighter {
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .normal-case {
    text-transform: none;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .lg\:w-1\/2 {
    @media (width >= 64rem) {
      width: calc(1/2 * 100%);
    }
  }
  .lg\:w-1\/3 {
    @media (width >= 64rem) {
      width: calc(1/3 * 100%);
    }
  }
  .lg\:w-1\/4 {
    @media (width >= 64rem) {
      width: calc(1/4 * 100%);
    }
  }
  .lg\:w-2\/3 {
    @media (width >= 64rem) {
      width: calc(2/3 * 100%);
    }
  }
  .lg\:w-3\/4 {
    @media (width >= 64rem) {
      width: calc(3/4 * 100%);
    }
  }
  .lg\:w-auto {
    @media (width >= 64rem) {
      width: auto;
    }
  }
  .lg\:w-fit {
    @media (width >= 64rem) {
      width: -moz-fit-content;
      width: fit-content;
    }
  }
  .lg\:w-full {
    @media (width >= 64rem) {
      width: 100%;
    }
  }
  .\[zone_id\]\:visible {
    &:is(zone id) {
      visibility: visible;
    }
  }
}
#content {
  max-width: 100%;
  padding-inline: calc(var(--spacing) * 0) !important;
}
.pht-payments {
  display: flex;
  width: 100%;
  max-width: 100%;
  flex-direction: column;
  min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
  background-color: var(--color-background);
}
.pht-component-title {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-foreground);
  margin-bottom: var(--pht-component-title-mb, 1.5rem);
}
.pht-category-title-wrapper,
.pht-component-title-wrapper {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 4);
  margin-bottom: var(--pht-component-title-mb, 1.5rem);
  .pht-category-title-divider,
    .pht-component-title-divider {
    height: 1px;
    flex: 1;
    background-color: var(--color-border);
  }
}
[data-full-width="true"] {
  .pht-component-title {
    margin: calc(var(--spacing) * 0);
    color: var(--color-muted-foreground);
  }
}
.pht-page-title {
  margin-bottom: var(--pht-component-title-mb, 1.5rem);
}
.pht-component.pht-categories.pht-no-choice,
.pht-group.pht-no-choice {
  display: none;
}
body.pht-on-picker .pht-hero {
  display: none;
}
.pht-content-description {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
.pht-booking-snippet {
  .expired {
    border-radius: 0.25rem;
    background-color: var(--color-secondary);
    padding-inline: calc(var(--spacing) * 7.5);
    padding-block: calc(var(--spacing) * 12.5);
    h3 {
      margin-bottom: calc(var(--spacing) * 7.5);
    }
  }
}
.pht-progress[data-show-on-page] {
  display: none;
}
.pht-progress {
  width: 100%;
  @media (width >= 40rem) {
    max-width: 40rem;
  }
  @media (width >= 48rem) {
    max-width: 48rem;
  }
  @media (width >= 64rem) {
    max-width: 64rem;
  }
  @media (width >= 80rem) {
    max-width: 80rem;
  }
  @media (width >= 96rem) {
    max-width: 96rem;
  }
  margin-inline: auto;
  margin-bottom: calc(var(--spacing) * 8);
  padding-inline: calc(var(--spacing) * 4);
  .pht-component-contents {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: calc(var(--spacing) * 2.5);
    overflow-x: auto;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-border);
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 5);
    }
  }
  .pht-progress-step {
    position: relative;
    display: flex;
    cursor: not-allowed;
    align-items: center;
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-decoration-line: none;
    &:last-child {
      border-right-color: transparent;
    }
    .progress-title {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      color: var(--color-muted-foreground);
      text-transform: var(--uppercase-headings, none);
    }
    .progress-number {
      margin-left: calc(var(--spacing) * 2);
      height: calc(var(--spacing) * 5);
      width: calc(var(--spacing) * 5);
      font-size: 0px;
      color: var(--color-muted-foreground);
      @media (width >= 48rem) {
        margin-left: calc(var(--spacing) * 4);
      }
      position: relative;
      &::before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        background-color: currentColor;
        -webkit-mask: url("data:image/svg+xml,%3Csvg%20width%3D'32'%20height%3D'32'%20viewBox%3D'0%200%2032%2032'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M23.1641%2016L16.957%2022.2071L15.5428%2020.7929L20.3356%2016L15.5428%2011.2071L16.957%209.79291L23.1641%2016ZM17.5142%2016L11.3071%2022.2071L9.89288%2020.7929L14.6858%2016L9.89288%2011.2071L11.3071%209.79291L17.5142%2016Z'%20fill%3D'black'/%3E%3C/svg%3E") center/contain no-repeat;
        mask: url("data:image/svg+xml,%3Csvg%20width%3D'32'%20height%3D'32'%20viewBox%3D'0%200%2032%2032'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M23.1641%2016L16.957%2022.2071L15.5428%2020.7929L20.3356%2016L15.5428%2011.2071L16.957%209.79291L23.1641%2016ZM17.5142%2016L11.3071%2022.2071L9.89288%2020.7929L14.6858%2016L9.89288%2011.2071L11.3071%209.79291L17.5142%2016Z'%20fill%3D'black'/%3E%3C/svg%3E") center/contain no-repeat;
      }
    }
    &:last-child {
      .progress-number {
        display: none;
      }
    }
    &.visited {
      cursor: pointer;
    }
    &.active {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 2px;
      border-color: var(--color-primary);
      .progress-title {
        color: var(--color-primary);
      }
    }
  }
  .mobile-progress {
    display: none;
  }
  @media (max-width: 1023px) {
    .pht-component-contents {
      display: none !important;
    }
    .mobile-progress {
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
      border-color: var(--color-border);
      padding-inline: calc(var(--spacing) * 2);
      padding-block: calc(var(--spacing) * 4);
    }
    .mobile-step-name {
      position: relative;
      margin-bottom: calc(var(--spacing) * -4);
      padding-bottom: calc(var(--spacing) * 4);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: var(--color-foreground);
      &::after {
        content: var(--tw-content);
        position: absolute;
      }
      &::after {
        content: var(--tw-content);
        right: calc(var(--spacing) * 0);
      }
      &::after {
        content: var(--tw-content);
        bottom: calc(var(--spacing) * 0);
      }
      &::after {
        content: var(--tw-content);
        left: calc(var(--spacing) * 0);
      }
      &::after {
        content: var(--tw-content);
        z-index: 10;
      }
      &::after {
        content: var(--tw-content);
        height: calc(var(--spacing) * 0.5);
      }
      &::after {
        content: var(--tw-content);
        background-color: var(--color-primary);
      }
    }
    .mobile-step-count {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: var(--color-muted-foreground);
    }
  }
}
.no-price-per-person {
  .total-per-person {
    display: none;
  }
  .pht-billing {
    .deposit-per-person {
      display: none;
    }
  }
}
.no-show-person {
  .sub-totals {
    display: none;
  }
}
.pht-billing .pht-pay-today {
  margin-bottom: calc(var(--spacing) * 4);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-border);
  padding: calc(var(--spacing) * 6);
  background-color: var(--color-secondary);
  padding: calc(var(--spacing) * 4);
  .secure-payment {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-foreground);
    color: var(--color-muted-foreground);
  }
  .pay-today {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-foreground);
  }
}
.pht-billing .pht-pay-today .secure-payment::before {
  content: "";
  height: calc(var(--spacing) * 6);
  width: calc(var(--spacing) * 6);
  background-color: var(--color-muted-foreground);
  display: inline-block;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M8%208L16%206.5V25.5L11%2022.5L8%2019.5V8Z'%20fill='black'%20fill-opacity='0.1'/%3E%3Cpath%20d='M16%205L24.2169%206.82598C24.6745%206.92766%2025%207.33347%2025%207.80217V17.7889C25%2019.795%2023.9974%2021.6684%2022.3282%2022.7812L16%2027L9.6718%2022.7812C8.00261%2021.6684%207%2019.795%207%2017.7889V7.80217C7%207.33347%207.32553%206.92766%207.78307%206.82598L16%205ZM16%207.04879L9%208.60434V17.7889C9%2019.1263%209.6684%2020.3752%2010.7812%2021.1171L16%2024.5963L21.2188%2021.1171C22.3316%2020.3752%2023%2019.1263%2023%2017.7889V8.60434L16%207.04879ZM16%2011C17.1046%2011%2018%2011.8954%2018%2013C18%2013.7398%2017.5983%2014.3858%2017.0011%2014.7318L17%2019H15L14.9999%2014.7324C14.4022%2014.3866%2014%2013.7402%2014%2013C14%2011.8954%2014.8954%2011%2016%2011Z'%20fill='black'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M8%208L16%206.5V25.5L11%2022.5L8%2019.5V8Z'%20fill='black'%20fill-opacity='0.1'/%3E%3Cpath%20d='M16%205L24.2169%206.82598C24.6745%206.92766%2025%207.33347%2025%207.80217V17.7889C25%2019.795%2023.9974%2021.6684%2022.3282%2022.7812L16%2027L9.6718%2022.7812C8.00261%2021.6684%207%2019.795%207%2017.7889V7.80217C7%207.33347%207.32553%206.92766%207.78307%206.82598L16%205ZM16%207.04879L9%208.60434V17.7889C9%2019.1263%209.6684%2020.3752%2010.7812%2021.1171L16%2024.5963L21.2188%2021.1171C22.3316%2020.3752%2023%2019.1263%2023%2017.7889V8.60434L16%207.04879ZM16%2011C17.1046%2011%2018%2011.8954%2018%2013C18%2013.7398%2017.5983%2014.3858%2017.0011%2014.7318L17%2019H15L14.9999%2014.7324C14.4022%2014.3866%2014%2013.7402%2014%2013C14%2011.8954%2014.8954%2011%2016%2011Z'%20fill='black'/%3E%3C/svg%3E");
}
.pht-billing .pht-pay-today .pay-today {
  text-align: right;
  .amount {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-primary);
  }
}
.pht-billing .internal-error {
  margin-top: calc(var(--spacing) * 4);
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 3);
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-errors-light);
  background-color: var(--color-errors-lightest);
  padding: calc(var(--spacing) * 4);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--pht-error-text-color, var(--color-label-primary));
  flex-direction: column;
  align-items: flex-start;
  h3 {
    display: none;
  }
  p {
    margin: 0;
  }
}
.pht-billing .pht-options {
  margin-bottom: calc(var(--spacing) * 8);
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
  p {
    margin-bottom: calc(var(--spacing) * 6);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-foreground);
    color: var(--color-muted-foreground);
  }
}
.pht-billing .billing-options {
  display: flex;
}
.pht-billing .billing-options .pht-payment-option {
  display: flex;
  width: 100%;
  align-items: center;
  gap: calc(var(--spacing) * 3);
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-border);
  background-color: var(--color-secondary);
  padding: calc(var(--spacing) * 4);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-muted-foreground);
    }
  }
}
.pht-billing .pht-payment-option p {
  margin: calc(var(--spacing) * 0);
  padding: calc(var(--spacing) * 0);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-foreground);
  color: var(--color-label-primary);
}
.pht-billing .pht-payment-option .details {
  h2 {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-foreground);
    color: var(--color-label-primary);
  }
  .price {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-foreground);
    color: var(--color-primary);
  }
}
.pht-billing .pht-payment-option .option {
  position: relative;
  display: flex;
  width: 100%;
  cursor: pointer;
  gap: calc(var(--spacing) * 3);
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  input {
    position: absolute;
    height: 10px;
    width: 10px;
    cursor: pointer;
    opacity: 0%;
  }
  .checkmark {
    display: flex;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-muted-foreground);
    background-color: transparent;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  input:checked ~ .checkmark {
    border-color: var(--color-brand);
    background-color: var(--color-brand);
    color: var(--color-primary-foreground);
  }
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  input:checked ~ .checkmark:after {
    display: block;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19.1272%208.677L10.8545%2018.1011L5.71509%2013.2056L7.78491%2011.0332L10.6611%2013.7732L16.8728%206.698L19.1272%208.677Z'%20fill%3D'white'/%3E%3C%2Fsvg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19.1272%208.677L10.8545%2018.1011L5.71509%2013.2056L7.78491%2011.0332L10.6611%2013.7732L16.8728%206.698L19.1272%208.677Z'%20fill%3D'white'/%3E%3C%2Fsvg%3E") center/contain no-repeat;
  }
  .checkmark:after {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    opacity: 100%;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
}
.pht-billing .pht-payment-plan .payment-plan {
  .initial-payment {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-border);
  }
  .payment-plan-row {
    display: flex;
    justify-content: space-between;
  }
  .description {
    font-style: italic;
  }
}
.pht-billing .special-notes {
  label {
    margin-bottom: calc(var(--spacing) * 2);
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-foreground);
  }
  textarea {
    display: block;
    height: calc(var(--spacing) * 14);
    width: 100%;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    background-color: var(--color-secondary);
    padding-inline: calc(var(--spacing) * 4);
    text-align: left;
    color: var(--color-foreground);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:focus {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:focus {
      --tw-ring-color: var(--color-primary);
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
    height: calc(var(--spacing) * 28);
    padding-block: calc(var(--spacing) * 4);
  }
}
.pht-payment-card-selector-wrapper {
  margin-inline: auto;
  margin-bottom: calc(var(--spacing) * 4);
  background-color: var(--color-secondary);
  padding: calc(var(--spacing) * 4);
  label {
    margin-bottom: calc(var(--spacing) * 2);
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-foreground);
  }
}
.pht-payment-card-selector {
  display: block;
  width: 100%;
  border-radius: 0.25rem;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-border);
  background-color: var(--color-background);
  padding: calc(var(--spacing) * 1);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}
.billing-error .pht-guests {
  display: none;
}
.pht-paused-payment .bit-modal-body img {
  margin-bottom: calc(var(--spacing) * 4);
}
.pht-paused-payment .bit-modal-body {
  text-align: center;
}
.pht-paused-payment .bit-modal-footer button.pht-unpause-payment {
  border-radius: 0.25rem;
  --tw-border-style: none;
  border-style: none;
  background-color: var(--color-primary);
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 2);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  color: var(--color-white);
}
.terms {
  margin-block: calc(var(--spacing) * 5);
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
  .form-group {
    label {
      margin-bottom: calc(var(--spacing) * 2);
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: calc(var(--spacing) * 3);
      strong {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        color: var(--color-label-primary);
      }
    }
  }
}
.discount-box {
  margin-bottom: calc(var(--spacing) * 4);
  .form-inline {
    clear: both;
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 5);
  }
  .form-inline .form-group {
    display: inline;
  }
  label {
    margin-bottom: calc(var(--spacing) * 2);
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-foreground);
  }
  input, textarea, .form-control {
    height: calc(var(--spacing) * 14);
    width: 100%;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    background-color: var(--color-secondary);
    padding-inline: calc(var(--spacing) * 4);
    text-align: left;
    color: var(--color-foreground);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:focus {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:focus {
      --tw-ring-color: var(--color-primary);
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .btn-apply-coupon {
    display: block !important;
    min-height: calc(var(--spacing) * 14) !important;
    min-width: calc(var(--spacing) * 14) !important;
    border-radius: var(--radius-lg) !important;
    border-style: var(--tw-border-style) !important;
    border-width: 0px !important;
    background-color: var(--color-tone-darkest) !important;
    padding-inline: calc(var(--spacing) * 8) !important;
    padding-block: calc(var(--spacing) * 3.5) !important;
    text-align: center !important;
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important;
    color: var(--color-primary-foreground) !important;
    text-decoration-line: none !important;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
    &:hover, &:focus {
      opacity: 90% !important;
    }
    width: -moz-max-content;
    width: max-content;
    background-color: var(--pht-enquire-btn-bg, var(--color-tone-darkest)) !important;
    border-radius: var(--pht-btn-radius, var(--radius-lg)) !important;
    text-transform: var(--pht-btn-text-transform, none) !important;
    #pht-payments[data-button-style="clip"] & {
      position: relative;
      isolation: isolate;
      min-height: calc(var(--spacing) * 14);
      border-radius: 0 !important;
      border-style: var(--tw-border-style);
      border-width: 0px;
      background-color: transparent;
      padding-inline: calc(var(--spacing) * 6);
      padding-block: calc(var(--spacing) * 3.5);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: var(--color-foreground);
      --clip-size: 12px;
      --clip-border-width: 2px;
      --clip-border-color: var(--color-tone-darkest);
      --clip-bg: var(--color-secondary);
      --clip-inner-size: max(0px, calc(var(--clip-size) - var(--clip-border-width)));
      transition: all 0.3s ease;
      &::before,
    &::after {
        content: '';
        position: absolute;
        inset: 0;
        pointer-events: none;
        clip-path: polygon(
            var(--clip-size) 0px,
            100% 0px,
            100% calc(100% - var(--clip-size)),
            calc(100% - var(--clip-size)) 100%,
            0px 100%,
            0px var(--clip-size)
        );
      }
      &::before {
        z-index: -1;
        inset: var(--clip-border-width);
        background: var(--clip-bg);
        clip-path: polygon(
            var(--clip-inner-size) 0px,
            100% 0px,
            100% calc(100% - var(--clip-inner-size)),
            calc(100% - var(--clip-inner-size)) 100%,
            0px 100%,
            0px var(--clip-inner-size)
        );
      }
      &::after {
        z-index: -2;
        background: var(--clip-border-color);
      }
      &:hover {
        --clip-bg: var(--color-secondary);
        --clip-border-color: var(--color-white);
      }
      &:focus,
    &:focus-visible,
    &.selected {
        --clip-bg: var(--color-brand);
        --clip-border-color: var(--color-brand);
      }
      background-color: transparent !important;
      --clip-bg: var(--pht-enquire-btn-bg, var(--color-tone-darkest));
      --clip-border-color: var(--pht-enquire-btn-bg, var(--color-tone-darkest));
      color: var(--color-primary-foreground);
      &:hover {
        --clip-bg: var(--pht-enquire-btn-bg, var(--color-tone-darkest));
      }
    }
  }
}
.pht-billing .applied-discount {
  margin-bottom: calc(var(--spacing) * 4);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-border);
  padding: calc(var(--spacing) * 6);
  background-color: var(--color-secondary);
  padding: calc(var(--spacing) * 4);
  .discount-label {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-foreground);
    color: var(--color-muted-foreground);
  }
  .discount-amount {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-foreground);
  }
}
.giftaid-modal {
  position: fixed;
  z-index: 100;
  width: 500px;
  border-radius: 0.25rem;
  background-color: var(--color-background);
  padding: calc(var(--spacing) * 5);
  top: calc(1/2 * 100%);
  left: calc(1/2 * 100%);
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  .giftaid-header {
    padding: calc(var(--spacing) * 5);
    text-align: center;
    img {
      height: 50px;
    }
  }
  .giftaid-footer {
    text-align: center;
    button {
      margin: 10px;
      border-radius: 0.25rem;
      padding-inline: calc(var(--spacing) * 4);
      padding-block: 1px;
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
  }
}
.giftaid-wall {
  position: fixed;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 50;
  height: 100%;
  width: 100%;
  background-color: color-mix(in srgb, #000 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
  }
}
@media screen and (max-width: 767px) {
  .giftaid-modal {
    top: calc(var(--spacing) * 5);
    width: 90%;
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .giftaid-modal .giftaid-contents {
    height: 50vh;
    overflow-y: auto;
  }
  .giftaid-modal .giftaid-footer button {
    margin: calc(var(--spacing) * 0);
    margin-bottom: 10px;
    width: 100%;
  }
}
.pht-category.included {
  display: none;
}
.pht-category {
  .details {
    .name {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .description {
    p,
		li {
      margin-bottom: calc(var(--spacing) * 0);
      padding-bottom: calc(var(--spacing) * 0);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  &.selectable.single {
    .details {
      margin-left: 35px;
    }
  }
}
.pht-category {
  .pht-category-description {
    color: var(--color-muted-foreground);
  }
}
.pht-category {
  .product {
    &.empty {
      color: var(--color-muted-foreground);
    }
    .details {
      margin-left: calc(var(--spacing) * 12.5);
    }
    .checkbox-item {
      margin-right: calc(var(--spacing) * 3.75);
    }
    .image {
      img {
        width: 100%;
      }
    }
    .error-required {
      display: none;
      color: var(--color-red-800);
    }
    &.required {
      .error-required {
        display: block;
      }
    }
  }
}
a.disabled-availability,
.loading-availability a {
  pointer-events: none;
}
.pht-category {
  .pht-sub-product {
    position: relative;
    margin-bottom: calc(var(--spacing) * 3.75);
    border-radius: 0.25rem;
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-secondary);
    padding: calc(var(--spacing) * 3.75);
    .board {
      .name {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
      }
      .price {
        text-align: left;
      }
    }
    .product-name {
      padding-bottom: calc(var(--spacing) * 2.5);
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
    .option {
      display: flex;
      justify-content: space-between;
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
      border-color: var(--color-border);
      padding-top: calc(var(--spacing) * 3.5);
      padding-bottom: calc(var(--spacing) * 2.5);
      &:first-child {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
        border-color: var(--color-foreground);
      }
      div {
        flex: 1;
      }
    }
    .price {
      margin-top: calc(var(--spacing) * 0);
      text-align: right;
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      .checkbox-item {
        margin-left: auto;
      }
    }
    button.remove {
      display: flex !important;
      min-height: calc(var(--spacing) * 14) !important;
      min-width: calc(var(--spacing) * 14) !important;
      flex-shrink: 0 !important;
      align-items: center !important;
      justify-content: center !important;
      border-radius: var(--radius-lg) !important;
      border-style: var(--tw-border-style) !important;
      border-width: 1px !important;
      border-color: var(--color-border) !important;
      background-color: var(--color-actions-lightest) !important;
      font-size: var(--text-2xl) !important;
      line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
      color: var(--color-shade-lighter) !important;
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to !important;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
      transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-actions-lighter) !important;
        }
      }
      span {
        display: flex !important;
        height: 100% !important;
        width: 100% !important;
        align-items: center !important;
        justify-content: center !important;
      }
      height: calc(var(--spacing) * 12.5) !important;
      min-width: calc(var(--spacing) * 12.5) !important;
      min-height: calc(var(--spacing) * 12.5) !important;
      border-radius: calc(infinity * 1px) !important;
    }
    .error {
      margin-bottom: 10px;
      color: var(--color-errors-light);
    }
    .instance {
      position: relative;
      margin-top: calc(var(--spacing) * 3.75);
      border-radius: 0.25rem;
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-border);
      padding: calc(var(--spacing) * 3.75);
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .instance-price {
      display: flex;
      justify-content: space-between;
      border-top-style: var(--tw-border-style);
      border-top-width: 2px;
      border-color: var(--color-border);
      padding-inline: calc(var(--spacing) * 0);
      padding-block: calc(var(--spacing) * 3.75);
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      .price {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
      }
    }
  }
}
.pht-category {
  .product-wrapper {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 5);
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .product-details {
    .product-details {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: var(--color-foreground);
    }
  }
}
#extras {
  .product-wrapper {
    display: grid;
    grid-auto-rows: auto;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    @media (width >= 64rem) {
      grid-template-columns: 1fr auto;
    }
    &:has(.image) {
      @media (width >= 64rem) {
        grid-template-columns: 0.5fr 1fr auto;
      }
    }
    .image {
      aspect-ratio: 1 / 1;
    }
    .image img {
      height: 100%;
      width: 100%;
      border-radius: var(--radius-xl);
      -o-object-fit: cover;
         object-fit: cover;
    }
    .pht-product-name {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: var(--color-foreground);
    }
    .description {
      small {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        color: var(--color-muted-foreground);
      }
    }
    .price {
      margin-top: calc(var(--spacing) * 1);
      min-width: 5ch;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: var(--color-foreground);
      --tw-numeric-spacing: tabular-nums;
      font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    }
    .quantity-selector {
      @media (width >= 64rem) {
        align-items: center;
      }
      @media (width >= 64rem) {
        justify-content: flex-end;
      }
    }
  }
  .quantity-selector {
    .qty-input {
      height: calc(var(--spacing) * 14);
      width: 100%;
      border-radius: var(--radius-lg);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-border);
      background-color: var(--color-secondary);
      padding-inline: calc(var(--spacing) * 4);
      text-align: left;
      color: var(--color-foreground);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:focus {
        --tw-shadow: 0 0 #0000;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
      &:focus {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
      &:focus {
        --tw-ring-color: var(--color-primary);
      }
      &:focus {
        --tw-outline-style: none;
        outline-style: none;
      }
      height: calc(var(--spacing) * 12.5) !important;
      width: calc(var(--spacing) * 12.5) !important;
      text-align: center;
      font-size: var(--text-base) !important;
      line-height: var(--tw-leading, var(--text-base--line-height)) !important;
    }
    .btn-default {
      display: flex;
      min-height: calc(var(--spacing) * 14);
      min-width: calc(var(--spacing) * 14);
      flex-shrink: 0;
      align-items: center;
      justify-content: center;
      border-radius: var(--radius-lg) !important;
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-border);
      background-color: var(--color-actions-lightest);
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      color: var(--color-shade-lighter);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-actions-lighter);
        }
      }
      span {
        display: flex;
        height: 100%;
        width: 100%;
        align-items: center;
        justify-content: center;
      }
      height: calc(var(--spacing) * 12.5);
      min-height: calc(var(--spacing) * 12.5);
      min-width: calc(var(--spacing) * 12.5);
      border-radius: var(--pht-input-selector-btn-radius, var(--radius-lg)) !important;
    }
  }
}
.pht-categories {
  margin-inline: auto;
}
.pht-category-description {
  margin-bottom: calc(var(--spacing) * 2);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-muted-foreground);
}
.pht-component.pht-categories.pht-depend-on-foreign {
  display: none;
}
.categories-contents {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: calc(var(--spacing) * 4);
  @media (width >= 48rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .pht-category.pht-included {
    display: none;
  }
  .pht-category.pht-auto-include {
    display: none;
  }
  .pht-category {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-border);
    background-color: var(--color-secondary);
    text-align: left;
    color: var(--color-foreground);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-white);
      }
    }
    .pht-category-name {
      margin-bottom: calc(var(--spacing) * 3);
    }
    .pht-category-description {
      margin-bottom: calc(var(--spacing) * 3);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      color: var(--color-muted-foreground);
    }
    .pht-category-tag {
      margin-bottom: calc(var(--spacing) * 3);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      color: var(--color-muted-foreground);
    }
    .pht-category-price {
      margin-bottom: calc(var(--spacing) * 3);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: var(--pht-category-price-color, var(--color-foreground));
    }
    .pht-category-details {
      display: flex;
      flex: 1;
      flex-direction: column;
    }
    &.pht-category-imaged {
      .pht-category-details {
        position: relative;
        display: flex;
        cursor: pointer;
        flex-direction: column;
        &:hover {
          .pht-category-image {
            img {
              --tw-scale-x: 105%;
              --tw-scale-y: 105%;
              --tw-scale-z: 105%;
              scale: var(--tw-scale-x) var(--tw-scale-y);
            }
          }
        }
      }
      .pht-category-image {
        display: flex;
        width: 100%;
        flex-shrink: 0;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height));
        img {
          aspect-ratio: var(--aspect-video);
          -o-object-fit: cover;
             object-fit: cover;
          -o-object-position: center;
             object-position: center;
          transition-property: all;
          transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
          transition-duration: var(--tw-duration, var(--default-transition-duration));
          --tw-duration: 300ms;
          transition-duration: 300ms;
        }
      }
      .pht-product.input-selector {
        .quantity-selector {
          margin-left: auto;
          display: flex;
          align-items: center;
          gap: calc(var(--spacing) * 3);
          border-radius: var(--radius-lg);
          .btn-default {
            display: flex;
            min-height: calc(var(--spacing) * 14);
            min-width: calc(var(--spacing) * 14);
            flex-shrink: 0;
            align-items: center;
            justify-content: center;
            border-radius: var(--radius-lg) !important;
            border-style: var(--tw-border-style);
            border-width: 1px;
            border-color: var(--color-border);
            background-color: var(--color-actions-lightest);
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height));
            color: var(--color-shade-lighter);
            transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
            &:hover {
              @media (hover: hover) {
                background-color: var(--color-actions-lighter);
              }
            }
            span {
              display: flex;
              height: 100%;
              width: 100%;
              align-items: center;
              justify-content: center;
            }
            @media (width < 64rem) {
              max-height: calc(var(--spacing) * 12);
            }
            @media (width < 64rem) {
              min-height: calc(var(--spacing) * 12);
            }
            @media (width < 64rem) {
              max-width: calc(var(--spacing) * 12);
            }
            @media (width < 64rem) {
              min-width: calc(var(--spacing) * 12);
            }
            border-radius: var(--pht-input-selector-btn-radius, var(--radius-lg)) !important;
          }
          .qty-input {
            height: calc(var(--spacing) * 14);
            width: 100%;
            border-radius: var(--radius-lg);
            border-style: var(--tw-border-style);
            border-width: 1px;
            border-color: var(--color-border);
            background-color: var(--color-secondary);
            padding-inline: calc(var(--spacing) * 4);
            text-align: left;
            color: var(--color-foreground);
            transition-property: all;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
            &:focus {
              --tw-shadow: 0 0 #0000;
              box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            }
            &:focus {
              --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
              box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            }
            &:focus {
              --tw-ring-color: var(--color-primary);
            }
            &:focus {
              --tw-outline-style: none;
              outline-style: none;
            }
            height: calc(var(--spacing) * 12);
            width: calc(var(--spacing) * 12);
            text-align: center;
            font-size: var(--text-base) !important;
            line-height: var(--tw-leading, var(--text-base--line-height)) !important;
            @media (width >= 64rem) {
              height: calc(var(--spacing) * 14);
            }
            @media (width >= 64rem) {
              width: calc(var(--spacing) * 14);
            }
          }
        }
      }
    }
    img {
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
    }
    .pht-category-select {
      order: 4;
      margin-top: auto;
      display: flex;
      height: calc(var(--spacing) * 10);
      width: 100%;
      align-items: center;
      justify-content: flex-start;
      gap: calc(var(--spacing) * 2);
      border-style: var(--tw-border-style);
      border-width: 2px;
      border-color: var(--color-border-add-default);
      background-color: var(--color-surface-add-default);
      padding-left: calc(var(--spacing) * 3);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: var(--color-label-add-default);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-border-add-hover);
        }
      }
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-surface-add-hover);
        }
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-label-add-default);
        }
      }
      border-radius: var(--pht-btn-radius, var(--radius-lg));
      &:before {
        display: inline-block;
        height: calc(var(--spacing) * 5);
        width: calc(var(--spacing) * 5);
        content: '';
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        background-color: currentColor;
        -webkit-mask: url("data:image/svg+xml,%3Csvg%20width%3D'32'%20height%3D'32'%20viewBox%3D'0%200%2032%2032'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M17%2015H24V17H17V24H15V17H8V15H15V8H17V15Z'%20fill%3D'black'/%3E%3C/svg%3E") center/contain no-repeat;
        mask: url("data:image/svg+xml,%3Csvg%20width%3D'32'%20height%3D'32'%20viewBox%3D'0%200%2032%2032'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M17%2015H24V17H17V24H15V17H8V15H15V8H17V15Z'%20fill%3D'black'/%3E%3C/svg%3E") center/contain no-repeat;
      }
    }
    &.opened {
      .pht-category-select {
        &:before {
          -webkit-mask: url("data:image/svg+xml,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M19.1272%208.677L10.8545%2018.1011L5.71509%2013.2056L7.78491%2011.0332L10.6611%2013.7732L16.8728%206.698L19.1272%208.677Z'%20fill='%23ffffff'/%3E%3C/svg%3E") center/contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M19.1272%208.677L10.8545%2018.1011L5.71509%2013.2056L7.78491%2011.0332L10.6611%2013.7732L16.8728%206.698L19.1272%208.677Z'%20fill='%23ffffff'/%3E%3C/svg%3E") center/contain no-repeat;
        }
      }
    }
    .pht-category-enquire {
      margin-top: auto;
      display: block;
      min-height: calc(var(--spacing) * 14);
      min-width: calc(var(--spacing) * 14);
      border-radius: var(--radius-lg) !important;
      border-style: var(--tw-border-style);
      border-width: 0px;
      background-color: var(--color-tone-darkest);
      padding-inline: calc(var(--spacing) * 8);
      padding-block: calc(var(--spacing) * 3.5);
      text-align: center;
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: var(--color-primary-foreground);
      text-decoration-line: none;
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover, &:focus {
        opacity: 90%;
      }
      display: none;
      background-color: var(--pht-enquire-btn-bg, var(--color-tone-darkest)) !important;
      border-radius: var(--pht-btn-radius, var(--radius-lg)) !important;
      text-transform: var(--pht-btn-text-transform, none) !important;
      #pht-payments[data-button-style="clip"] & {
        position: relative;
        isolation: isolate;
        min-height: calc(var(--spacing) * 14);
        border-radius: 0 !important;
        border-style: var(--tw-border-style);
        border-width: 0px;
        background-color: transparent;
        padding-inline: calc(var(--spacing) * 6);
        padding-block: calc(var(--spacing) * 3.5);
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        color: var(--color-foreground);
        --clip-size: 12px;
        --clip-border-width: 2px;
        --clip-border-color: var(--color-tone-darkest);
        --clip-bg: var(--color-secondary);
        --clip-inner-size: max(0px, calc(var(--clip-size) - var(--clip-border-width)));
        transition: all 0.3s ease;
        &::before,
    &::after {
          content: '';
          position: absolute;
          inset: 0;
          pointer-events: none;
          clip-path: polygon(
            var(--clip-size) 0px,
            100% 0px,
            100% calc(100% - var(--clip-size)),
            calc(100% - var(--clip-size)) 100%,
            0px 100%,
            0px var(--clip-size)
        );
        }
        &::before {
          z-index: -1;
          inset: var(--clip-border-width);
          background: var(--clip-bg);
          clip-path: polygon(
            var(--clip-inner-size) 0px,
            100% 0px,
            100% calc(100% - var(--clip-inner-size)),
            calc(100% - var(--clip-inner-size)) 100%,
            0px 100%,
            0px var(--clip-inner-size)
        );
        }
        &::after {
          z-index: -2;
          background: var(--clip-border-color);
        }
        &:hover {
          --clip-bg: var(--color-secondary);
          --clip-border-color: var(--color-white);
        }
        &:focus,
    &:focus-visible,
    &.selected {
          --clip-bg: var(--color-brand);
          --clip-border-color: var(--color-brand);
        }
        background-color: transparent !important;
        --clip-bg: var(--pht-enquire-btn-bg, var(--color-tone-darkest));
        --clip-border-color: var(--pht-enquire-btn-bg, var(--color-tone-darkest));
        color: var(--color-primary-foreground);
        &:hover {
          --clip-bg: var(--pht-enquire-btn-bg, var(--color-tone-darkest));
        }
      }
    }
    .pht-secondary-selector {
      width: 100%;
      padding: calc(var(--spacing) * 2);
    }
    &.pht-enquiry {
      .pht-category-select {
        display: none;
      }
      .pht-category-enquire {
        display: inline-block;
      }
    }
    .pht-category-products {
      display: none;
      &.single {
        display: none;
      }
    }
    .pht-category-secondary-products {
      display: none;
      h3 {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        color: var(--color-foreground);
      }
    }
    .pht-category-tiered-products,
        .pht-category-products,
        .pht-category-secondary-products {
      display: none;
      border-bottom-right-radius: var(--radius-sm);
      border-bottom-left-radius: var(--radius-sm);
      padding-inline: var(--pht-category-products-px, calc(var(--spacing) * 4));
      padding-bottom: var(--pht-category-products-pb, calc(var(--spacing) * 3));
      h3 {
        margin-bottom: calc(var(--spacing) * 2);
      }
    }
    &.opened {
      border-color: var(--color-brand);
      .pht-category-select {
        border-color: var(--color-border-add-selected);
        background-color: var(--color-surface-add-selected);
        color: var(--color-label-add-selected);
      }
      .pht-category-products {
        display: block;
      }
      .pht-category-secondary-products {
        display: block;
        &.single {
          display: none;
        }
      }
      .pht-category-tiered-products {
        display: block;
        .pht-category-tiered-products-wrapper {
          display: none;
        }
        &.single {
          display: none;
        }
      }
    }
    .pht-errors .error {
      margin-inline: calc(var(--spacing) * 4);
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 3);
      border-radius: var(--radius-lg);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-errors-light);
      background-color: var(--color-errors-lightest);
      padding: calc(var(--spacing) * 4);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: var(--pht-error-text-color, var(--color-label-primary));
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
    &.error, &.min-not-met {
      border-color: var(--color-errors-light) !important;
    }
    &.pht-min-not-met {
      display: none;
      .pht-category-select {
        pointer-events: none;
        cursor: not-allowed;
        opacity: 40%;
      }
    }
  }
  .pht-category-secondary-products.pht-secondary-select {
    .pht-product {
      display: none;
    }
  }
}
.pht-category-details-wrapper {
  display: flex;
  height: 100%;
  flex-direction: column;
  padding: calc(var(--spacing) * 4);
}
.pht-category-id {
  display: none;
}
.pht-category.pht-disabled,
.pht-category .pht-product.pht-disabled,
.pht-category.pht-hide,
.pht-category .pht-product.pht-hide {
  display: none;
}
.pht-category-error-tag {
  position: absolute;
  top: calc(var(--spacing) * 2);
  left: calc(var(--spacing) * 2);
  z-index: 10;
  display: none;
  cursor: pointer;
  align-items: center;
  gap: calc(var(--spacing) * 1.5);
  border-radius: var(--pht-btn-radius,var(--radius-lg));
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-errors-light);
  background-color: var(--color-errors-light);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1.5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-foreground);
  &::before {
    display: inline-block;
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    flex-shrink: 0;
    content: '';
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 2L1 21h22L12 2zm0 3.5L20.5 19h-17L12 5.5zM11 10v4h2v-4h-2zm0 6v2h2v-2h-2z' fill='currentColor'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 2L1 21h22L12 2zm0 3.5L20.5 19h-17L12 5.5zM11 10v4h2v-4h-2zm0 6v2h2v-2h-2z' fill='currentColor'/%3E%3C/svg%3E") center/contain no-repeat;
  }
}
.pht-category.error .pht-category-error-tag {
  display: flex;
}
.pht-min-capacity-note {
  position: absolute;
  top: calc(var(--spacing) * 2);
  right: calc(var(--spacing) * 2);
  z-index: 10;
  border-radius: var(--pht-btn-radius,var(--radius-lg));
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-tone-darkest);
  background-color: var(--color-secondary);
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 1.5);
  text-align: center;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-foreground);
}
.pht-category.pht-inactive {
  position: relative;
  &::before {
    content: '';
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 10;
    height: 100%;
    width: 100%;
    background-color: color-mix(in srgb, #FFFFFF 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }
}
.pht-product.input-selector {
  .quantity-selector {
    display: inline-flex;
    width: 100%;
    max-width: 100%;
    gap: calc(var(--spacing) * 2.5);
    text-align: right;
    .btn-default {
      height: calc(var(--spacing) * 12.5);
      min-width: calc(var(--spacing) * 12.5);
      border-radius: var(--pht-input-selector-btn-radius, var(--radius-lg)) !important;
    }
  }
}
.pht-tiered-category-selector,
.pht-category-products .pht-product,
.pht-category-secondary-products .pht-product {
  position: relative;
  cursor: pointer;
  padding-block: calc(var(--spacing) * 3);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  @media (width >= 64rem) {
    padding: calc(var(--spacing) * 3);
  }
  .pht-category {
    cursor: pointer;
  }
  &:hover {
    @media (width >= 64rem) {
      border-radius: var(--radius-lg);
    }
    @media (width >= 64rem) {
      background-color: var(--color-background);
    }
  }
  &:not(:last-child) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: color-mix(in srgb, #e5e7eb 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 50%, transparent);
    }
  }
  .pht-product-details {
    position: relative;
    display: grid;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    padding-left: calc(var(--spacing) * 8);
    grid-template-columns: 1fr auto;
    grid-auto-rows: auto;
  }
  .pht-tiered-category-details,
    .pht-product-details {
    position: relative;
    padding-left: calc(var(--spacing) * 8);
    .pht-title-price {
      display: grid;
    }
    .pht-category-name,
        .pht-product-name {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: var(--color-foreground);
      text-transform: var(--uppercase-headings, none);
      grid-column: 1;
      grid-row: 1;
    }
    .pht-product-price {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
    .qty.quantity-selector {
      grid-column: 2;
      grid-row: 1;
      justify-self: end;
      align-self: start;
    }
    .message {
      margin-top: calc(var(--spacing) * 3);
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 3);
      border-radius: var(--radius-lg);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-errors-light);
      background-color: var(--color-errors-lightest);
      padding: calc(var(--spacing) * 4);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: var(--pht-error-text-color, var(--color-label-primary));
      &:empty {
        display: none;
      }
      grid-column: 1 / -1;
      grid-row: 3;
    }
    &:before {
      content: '';
      position: absolute;
      top: calc(1/2 * 100%);
      left: calc(var(--spacing) * 0);
      height: calc(var(--spacing) * 5);
      width: calc(var(--spacing) * 5);
      --tw-translate-y: calc(var(--spacing) * -2.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      border-radius: calc(infinity * 1px);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-brand);
    }
  }
  &.selected {
    .pht-tiered-category-details:after,
        .pht-product-details:after {
      content: '';
      position: absolute;
      top: calc(1/2 * 100%);
      left: calc(var(--spacing) * 1);
      height: calc(var(--spacing) * 3);
      width: calc(var(--spacing) * 3);
      --tw-translate-y: calc(var(--spacing) * -1.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      border-radius: calc(infinity * 1px);
      background-color: var(--color-brand);
    }
  }
  .pht-product-details:has(.qty.quantity-selector) {
    &:before,
        &:after {
      display: none;
    }
    padding-left: calc(var(--spacing) * 0);
  }
}
.pht-no-data {
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-border);
  background-color: var(--color-secondary);
  padding: calc(var(--spacing) * 6);
  text-align: center;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-muted-foreground);
}
.pht-summary-contents {
  > * {
    animation: pht-fade-in 0.3s ease;
  }
  .pht-categories-summary {
    display: flex;
    flex-direction: column;
    .zone {
      .title {
        display: flex;
        justify-content: space-between;
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        color: var(--color-label-primary);
      }
      &.zone-no-zone {
        margin-bottom: calc(var(--spacing) * 0);
        padding-top: calc(var(--spacing) * 3.75);
        .title {
          display: flex;
          justify-content: space-between;
          font-size: var(--text-sm);
          line-height: var(--tw-leading, var(--text-sm--line-height));
          --tw-font-weight: var(--font-weight-semibold);
          font-weight: var(--font-weight-semibold);
          color: var(--color-label-primary);
        }
      }
    }
    > div {
      order: 10;
      .zone {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        border-color: var(--color-border);
      }
      &.zone.zone-no-zone {
        order: 1;
      }
    }
  }
  .pht-product-summary {
    .pht-product-title {
      display: flex;
      justify-content: space-between;
      .qty-price {
        display: flex;
        flex-shrink: 0;
        .qty {
          width: calc(var(--spacing) * 15);
          text-align: right;
          &:before {
            content: 'x';
          }
        }
        span.price {
          margin-left: calc(var(--spacing) * 3.75);
          text-align: right;
          white-space: nowrap;
        }
      }
    }
  }
}
@keyframes pht-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media screen and (max-width: 600px) {
  .categories-contents .pht-category {
    width: auto;
  }
}
.pht-categories[data-columns="3"] {
  .categories-contents {
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
}
.pht-categories[data-layout="list_grid"] {
  .pht-product {
    display: flex;
    width: 100%;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-border);
    background-color: var(--color-secondary);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #FFFFFF 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
        }
      }
    }
    &.selected {
      border-color: var(--color-white);
      background-color: color-mix(in srgb, #14215c 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
      }
    }
  }
  .pht-title-price {
    grid-auto-flow: column;
  }
  .pht-product-details {
    width: 100%;
  }
  .pht-product-price {
    margin-block: auto;
    margin-left: auto;
    .price {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: var(--color-foreground);
      color: var(--color-primary);
    }
  }
}
.pht-categories[data-layout="list"] {
  .categories-contents {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 0);
    .pht-category {
      overflow: visible;
      border-radius: 0;
      border-style: var(--tw-border-style);
      border-width: 0px;
      background-color: transparent;
    }
  }
}
.pht-categories[data-layout="list_grid"] {
  .categories-contents {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 0);
    .pht-category {
      overflow: visible;
      border-radius: 0;
      border-style: var(--tw-border-style);
      border-width: 0px;
      background-color: transparent;
    }
  }
  .pht-product-wrapper.pht-category-products {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 3);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
}
.tabulator .tabs-nav {
  margin: calc(var(--spacing) * 0);
  margin-bottom: calc(var(--spacing) * 8);
  display: flex;
  gap: calc(var(--spacing) * 3);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-border);
  padding-bottom: calc(var(--spacing) * 4);
  li {
    display: flex;
    min-height: calc(var(--spacing) * 14);
    min-width: calc(var(--spacing) * 14);
    border-radius: var(--radius-lg) !important;
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-tone-darkest);
    background-color: var(--color-secondary);
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 3.5);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-foreground);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover, &:focus {
      border-color: var(--color-shade-lighter);
      background-color: color-mix(in srgb, #14215AFF 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-shade-lighter) 20%, transparent);
      }
      color: var(--color-brand);
    }
    gap: calc(var(--spacing) * 5);
    padding: calc(var(--spacing) * 0);
    a {
      padding-inline: calc(var(--spacing) * 8);
      padding-block: calc(var(--spacing) * 3.5);
    }
    &.active {
      border-color: var(--color-brand);
      background-color: var(--color-brand);
      a {
        color: var(--color-primary-foreground);
      }
    }
  }
  a {
    text-decoration-line: none;
  }
}
.tabs-content {
  .tab-content {
    .pht-product {
      &:not(:last-child) {
        margin-bottom: calc(var(--spacing) * 5);
      }
    }
  }
}
.qty {
  .qty-input {
    width: 55px;
  }
  button.selector {
    width: auto;
    padding-inline: 15px;
    padding-block: calc(var(--spacing) * 0);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
}
.pht-booking-snippet {
  .category {
    &.dependant {
      .qty {
        display: none;
      }
      .dependant-message {
        margin-inline: calc(var(--spacing) * 0);
        margin-block: 15px;
        display: block;
      }
    }
    .dependant-message {
      display: none;
    }
  }
}
.pht-guests {
  .row {
    gap: calc(var(--spacing) * 4);
    > div {
      flex: 1;
    }
  }
  .guests {
    .guest {
      h2 {
        margin-bottom: calc(var(--spacing) * 6);
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        color: var(--color-foreground);
      }
    }
  }
  .form-group {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    width: 100%;
    flex-direction: column;
    label {
      margin-bottom: calc(var(--spacing) * 2);
      display: block;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: var(--color-foreground);
    }
    input {
      height: calc(var(--spacing) * 14);
      width: 100%;
      border-radius: var(--radius-lg);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-border);
      background-color: var(--color-secondary);
      padding-inline: calc(var(--spacing) * 4);
      text-align: left;
      color: var(--color-foreground);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:focus {
        --tw-shadow: 0 0 #0000;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
      &:focus {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
      &:focus {
        --tw-ring-color: var(--color-primary);
      }
      &:focus {
        --tw-outline-style: none;
        outline-style: none;
      }
    }
  }
  label {
    margin-bottom: calc(var(--spacing) * 2);
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-foreground);
    &:after {
      content: 'Optional';
      float: right;
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      color: var(--color-tone-darkest);
    }
  }
  .required {
    label:after {
      content: '';
    }
  }
  .pht-select-wrapper {
    width: 33.33%;
  }
  .form-group:has(select):not(.col-birthdaypicker),
    .pht-select-wrapper {
    position: relative;
    select {
      background-color: var(--color-secondary);
      width: 100% !important;
    }
    &::after {
      content: '';
      pointer-events: none;
      position: absolute;
      top: calc(1/2 * 100%);
      right: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 1.5);
      width: calc(var(--spacing) * 2.5);
      --tw-translate-y: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      background-color: white;
      mix-blend-mode: difference;
      -webkit-mask: url("data:image/svg+xml,%3Csvg%20width%3D'11'%20height%3D'6'%20viewBox%3D'0%200%2011%206'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M1%201L5.5%205L10%201'%20stroke%3D'%23fff'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;
      mask: url("data:image/svg+xml,%3Csvg%20width%3D'11'%20height%3D'6'%20viewBox%3D'0%200%2011%206'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M1%201L5.5%205L10%201'%20stroke%3D'%23fff'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;
    }
  }
  select {
    height: calc(var(--spacing) * 14);
    width: 100%;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    background-color: var(--color-secondary);
    padding-inline: calc(var(--spacing) * 4);
    text-align: left;
    color: var(--color-foreground);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:focus {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:focus {
      --tw-ring-color: var(--color-primary);
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    padding-right: calc(var(--spacing) * 10);
  }
  fieldset {
    margin: calc(var(--spacing) * 0);
    display: flex;
    gap: calc(var(--spacing) * 3);
    border-style: var(--tw-border-style);
    border-width: 0px;
    padding: calc(var(--spacing) * 0);
  }
  .postcode-finder {
    max-width: 150px;
    border-radius: 0.25rem;
    padding-inline: 10px;
    padding-block: 13px;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
}
.help-block.with-errors,
.payment-error-placeholder,
.discount-message {
  margin-top: calc(var(--spacing) * 4);
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 3);
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-errors-light);
  background-color: var(--color-errors-lightest);
  padding: calc(var(--spacing) * 4);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--pht-error-text-color, var(--color-label-primary));
  &:empty {
    display: none;
  }
}
.postcode-location {
  .lookup-address,
    .manual-address,
    .enable-address-finder {
    display: none;
  }
  &.active {
    .lookup-address {
      display: block;
    }
    .manual-address {
      display: none;
    }
  }
  &.manual {
    .lookup-address {
      display: none;
    }
    .manual-address {
      display: block;
    }
    .enable-address-finder {
      display: block;
    }
    .postcode-finder {
      display: none;
    }
  }
  .enable-address-finder {
    --tw-leading: calc(var(--spacing) * 10);
    line-height: calc(var(--spacing) * 10);
  }
}
.pht-people {
  .pht-component-title {
    display: block;
  }
  .pht-people-selector-button {
    display: none;
  }
  .drop-back {
    position: fixed;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 101;
    height: 100%;
    width: 100%;
    background-color: var(--color-gray-300);
    opacity: 0%;
  }
  .error-placeholder {
    margin-top: calc(var(--spacing) * 4);
  }
  .pht-more-than-notice {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    padding: calc(var(--spacing) * 6);
    border-color: var(--pht-summary-border-color, var(--color-border));
    border-radius: var(--pht-summary-radius, var(--radius-lg));
    h3 {
      margin-top: calc(var(--spacing) * 0);
      margin-bottom: calc(var(--spacing) * 0);
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 3);
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
      border-color: var(--color-border);
      padding-bottom: calc(var(--spacing) * 4);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: var(--color-foreground);
      text-transform: var(--uppercase-headings, none);
      &:before {
        height: calc(var(--spacing) * 6);
        width: calc(var(--spacing) * 6);
        flex-shrink: 0;
        content: '';
        display: inline-block;
        background-color: currentColor;
        -webkit-mask: url("data:image/svg+xml,%3Csvg%20width%3D'32'%20height%3D'32'%20viewBox%3D'0%200%2032%2032'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M14%207H18C22.4183%207%2026%2010.5817%2026%2015C26%2019.4183%2022.4183%2023%2018%2023V26.5C13%2024.5%206%2021.5%206%2015C6%2010.5817%209.58172%207%2014%207ZM16%2021H18C21.3137%2021%2024%2018.3137%2024%2015C24%2011.6863%2021.3137%209%2018%209H14C10.6863%209%208%2011.6863%208%2015C8%2018.61%2010.4621%2020.9656%2016%2023.4798V21Z'%20fill%3D'%23ffffff'/%3E%3C/svg%3E") center/contain no-repeat;
        mask: url("data:image/svg+xml,%3Csvg%20width%3D'32'%20height%3D'32'%20viewBox%3D'0%200%2032%2032'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M14%207H18C22.4183%207%2026%2010.5817%2026%2015C26%2019.4183%2022.4183%2023%2018%2023V26.5C13%2024.5%206%2021.5%206%2015C6%2010.5817%209.58172%207%2014%207ZM16%2021H18C21.3137%2021%2024%2018.3137%2024%2015C24%2011.6863%2021.3137%209%2018%209H14C10.6863%209%208%2011.6863%208%2015C8%2018.61%2010.4621%2020.9656%2016%2023.4798V21Z'%20fill%3D'%23ffffff'/%3E%3C/svg%3E") center/contain no-repeat;
      }
    }
    .pht-more-than-notice-body {
      display: flex;
      flex-direction: column;
      gap: calc(var(--spacing) * 3);
      @media (width >= 64rem) {
        flex-direction: row;
      }
      @media (width >= 64rem) {
        align-items: center;
      }
      @media (width >= 64rem) {
        justify-content: space-between;
      }
      .pht-col[data-width="1/4"] & {
        flex-direction: column;
      }
    }
    p {
      margin-bottom: calc(var(--spacing) * 0);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      color: var(--color-muted-foreground);
    }
    a {
      display: block;
      min-height: calc(var(--spacing) * 14);
      min-width: calc(var(--spacing) * 14);
      border-radius: var(--radius-lg) !important;
      border-style: var(--tw-border-style);
      border-width: 0px;
      background-color: var(--color-tone-darkest);
      padding-inline: calc(var(--spacing) * 8);
      padding-block: calc(var(--spacing) * 3.5);
      text-align: center;
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: var(--color-primary-foreground);
      text-decoration-line: none;
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover, &:focus {
        opacity: 90%;
      }
      width: -moz-fit-content;
      width: fit-content;
      flex-shrink: 0;
      background-color: var(--pht-enquire-btn-bg, var(--color-tone-darkest)) !important;
      border-radius: var(--pht-btn-radius, var(--radius-lg)) !important;
      text-transform: var(--pht-btn-text-transform, none) !important;
      .pht-col[data-width="1/4"] & {
        width: 100%;
      }
      #pht-payments[data-button-style="clip"] & {
        position: relative;
        isolation: isolate;
        min-height: calc(var(--spacing) * 14);
        border-radius: 0 !important;
        border-style: var(--tw-border-style);
        border-width: 0px;
        background-color: transparent;
        padding-inline: calc(var(--spacing) * 6);
        padding-block: calc(var(--spacing) * 3.5);
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        color: var(--color-foreground);
        --clip-size: 12px;
        --clip-border-width: 2px;
        --clip-border-color: var(--color-tone-darkest);
        --clip-bg: var(--color-secondary);
        --clip-inner-size: max(0px, calc(var(--clip-size) - var(--clip-border-width)));
        transition: all 0.3s ease;
        &::before,
    &::after {
          content: '';
          position: absolute;
          inset: 0;
          pointer-events: none;
          clip-path: polygon(
            var(--clip-size) 0px,
            100% 0px,
            100% calc(100% - var(--clip-size)),
            calc(100% - var(--clip-size)) 100%,
            0px 100%,
            0px var(--clip-size)
        );
        }
        &::before {
          z-index: -1;
          inset: var(--clip-border-width);
          background: var(--clip-bg);
          clip-path: polygon(
            var(--clip-inner-size) 0px,
            100% 0px,
            100% calc(100% - var(--clip-inner-size)),
            calc(100% - var(--clip-inner-size)) 100%,
            0px 100%,
            0px var(--clip-inner-size)
        );
        }
        &::after {
          z-index: -2;
          background: var(--clip-border-color);
        }
        &:hover {
          --clip-bg: var(--color-secondary);
          --clip-border-color: var(--color-white);
        }
        &:focus,
    &:focus-visible,
    &.selected {
          --clip-bg: var(--color-brand);
          --clip-border-color: var(--color-brand);
        }
        background-color: transparent !important;
        --clip-bg: var(--pht-enquire-btn-bg, var(--color-tone-darkest));
        --clip-border-color: var(--pht-enquire-btn-bg, var(--color-tone-darkest));
        color: var(--color-primary-foreground);
        &:hover, &:focus {
          --clip-bg: var(--pht-enquire-btn-bg, var(--color-tone-darkest));
        }
      }
    }
  }
}
.pht-dropdown {
  position: absolute;
  z-index: 102;
  width: 350px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  background-color: var(--color-white);
  padding: calc(var(--spacing) * 1);
}
div.pht-people {
  .pht-dropdown {
    display: block !important;
    position: static;
    width: 100%;
    padding: 0px;
    border-width: 0px;
    background: transparent;
  }
  .pht-advanced-contents:has(> :nth-child(2)) {
    display: grid;
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    align-items: start;
  }
}
div.pht-people-group {
  label {
    margin-bottom: calc(var(--spacing) * 2);
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-foreground);
  }
}
div.pht-people {
  .pht-people-group-selector,
    .pht-people-wrapper {
    display: flex;
    gap: calc(var(--spacing) * 3);
  }
  .pht-people-selector-button,
    button.pht-close {
    display: none;
  }
  .pht-people-group-note {
    margin-top: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-muted-foreground);
  }
}
div.pht-people-group-selector,
div.pht-people-wrapper {
  .pht-people-group-input {
    order: 0;
    height: calc(var(--spacing) * 14);
    width: 100%;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    background-color: var(--color-secondary);
    padding-inline: calc(var(--spacing) * 4);
    text-align: left;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:focus {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:focus {
      --tw-ring-color: var(--color-primary);
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
    text-align: center;
    color: var(--color-foreground);
    font-size: 17px;
  }
  .pht-people-selector {
    height: calc(var(--spacing) * 14);
    width: 100%;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    background-color: var(--color-secondary);
    padding-inline: calc(var(--spacing) * 4);
    text-align: left;
    color: var(--color-foreground);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:focus {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:focus {
      --tw-ring-color: var(--color-primary);
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  button.btn-default {
    order: 1;
    #pht-payments[data-button-style="outline"] & {
      display: flex;
      min-height: calc(var(--spacing) * 14);
      min-width: calc(var(--spacing) * 14);
      flex-shrink: 0;
      align-items: center;
      justify-content: center;
      border-radius: var(--radius-lg) !important;
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-border);
      background-color: var(--color-actions-lightest);
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      color: var(--color-shade-lighter);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-actions-lighter);
        }
      }
      span {
        display: flex;
        height: 100%;
        width: 100%;
        align-items: center;
        justify-content: center;
      }
      border-radius: var(--pht-input-selector-btn-radius, var(--radius-lg)) !important;
    }
    #pht-payments[data-button-style="clip"] & {
      position: relative;
      isolation: isolate;
      min-height: calc(var(--spacing) * 14);
      border-radius: 0 !important;
      border-style: var(--tw-border-style);
      border-width: 0px;
      background-color: transparent;
      padding-inline: calc(var(--spacing) * 6);
      padding-block: calc(var(--spacing) * 3.5);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: var(--color-foreground);
      --clip-size: 12px;
      --clip-border-width: 2px;
      --clip-border-color: var(--color-tone-darkest);
      --clip-bg: var(--color-secondary);
      --clip-inner-size: max(0px, calc(var(--clip-size) - var(--clip-border-width)));
      transition: all 0.3s ease;
      &::before,
    &::after {
        content: '';
        position: absolute;
        inset: 0;
        pointer-events: none;
        clip-path: polygon(
            var(--clip-size) 0px,
            100% 0px,
            100% calc(100% - var(--clip-size)),
            calc(100% - var(--clip-size)) 100%,
            0px 100%,
            0px var(--clip-size)
        );
      }
      &::before {
        z-index: -1;
        inset: var(--clip-border-width);
        background: var(--clip-bg);
        clip-path: polygon(
            var(--clip-inner-size) 0px,
            100% 0px,
            100% calc(100% - var(--clip-inner-size)),
            calc(100% - var(--clip-inner-size)) 100%,
            0px 100%,
            0px var(--clip-inner-size)
        );
      }
      &::after {
        z-index: -2;
        background: var(--clip-border-color);
      }
      &:hover {
        --clip-bg: var(--color-secondary);
        --clip-border-color: var(--color-white);
      }
      &:focus,
    &:focus-visible,
    &.selected {
        --clip-bg: var(--color-brand);
        --clip-border-color: var(--color-brand);
      }
      &:focus {
        color: var(--color-primary-foreground);
      }
    }
  }
}
.pht-hero {
  width: 100%;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-border);
  background-color: var(--pht-hero-bg, var(--color-secondary));
  .pht-hero-inner {
    margin-inline: auto;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    padding-block: calc(var(--spacing) * 6);
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 4);
    }
    @media (width >= 96rem) {
      width: 100%;
      @media (width >= 40rem) {
        max-width: 40rem;
      }
      @media (width >= 48rem) {
        max-width: 48rem;
      }
      @media (width >= 64rem) {
        max-width: 64rem;
      }
      @media (width >= 80rem) {
        max-width: 80rem;
      }
      @media (width >= 96rem) {
        max-width: 96rem;
      }
    }
    @media (width >= 96rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .pht-hero-media {
    position: relative;
    img {
      aspect-ratio: var(--aspect-video);
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      @media (width >= 64rem) {
        aspect-ratio: auto;
      }
      @media (width >= 64rem) {
        height: calc(var(--spacing) * 80);
      }
    }
    .pht-hero-fade {
      position: absolute;
      inset: calc(var(--spacing) * 0);
      --tw-gradient-position: to top;
      @supports (background-image: linear-gradient(in lab, red, red)) {
        --tw-gradient-position: to top in oklab;
      }
      background-image: linear-gradient(var(--tw-gradient-stops));
      --tw-gradient-via: transparent;
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
      --tw-gradient-to: transparent;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      @media (width >= 64rem) {
        --tw-gradient-position: to right;
        @supports (background-image: linear-gradient(in lab, red, red)) {
          --tw-gradient-position: to right in oklab;
        }
        background-image: linear-gradient(var(--tw-gradient-stops));
      }
      @media (width >= 64rem) {
        --tw-gradient-from: transparent;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
      @media (width >= 64rem) {
        --tw-gradient-via: transparent;
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
      --tw-gradient-from: var(--pht-hero-bg, var(--color-secondary));
      @media (width >= 64rem) {
        --tw-gradient-from: transparent;
        --tw-gradient-to: var(--pht-hero-bg, var(--color-secondary));
      }
    }
  }
  .pht-hero-inner.is-hugged {
    padding-block: calc(var(--spacing) * 0);
  }
  .pht-hero-body {
    display: flex;
    flex-direction: column;
    row-gap: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 4);
    @media (width >= 64rem) {
      justify-content: center;
    }
  }
  .pht-hero-eyebrow {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-muted-foreground);
    text-transform: uppercase;
  }
  .pht-hero-eyebrow:empty {
    display: none;
  }
  .pht-hero-title {
    color: var(--color-foreground);
  }
  .pht-hero-price {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-foreground);
    color: var(--color-primary);
  }
  .pht-hero-content {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
    color: var(--color-muted-foreground);
    blockquote {
      border-left-style: var(--tw-border-style);
      border-left-width: 4px;
      border-color: var(--color-border);
      padding-left: calc(var(--spacing) * 4);
      color: var(--color-foreground);
      font-style: italic;
      margin: 0.75rem 0;
    }
    blockquote p:last-child {
      margin-bottom: 0;
    }
    a {
      color: var(--pht-hero-content-link, var(--color-actions-primary)) !important;
      text-decoration: underline;
      &:hover {
        text-decoration: none;
      }
    }
  }
}
.pht-hero.layout-overlay {
  .pht-hero-inner {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    @media (width >= 64rem) {
      position: relative;
    }
  }
  .pht-hero-media::after {
    content: '';
    pointer-events: none;
    position: absolute;
    inset: calc(var(--spacing) * 0);
    display: none;
    @media (width >= 64rem) {
      display: block;
    }
    background: rgba(0, 0, 0, 0.4);
  }
  .pht-hero-body {
    @media (width >= 64rem) {
      position: absolute;
    }
    @media (width >= 64rem) {
      inset: calc(var(--spacing) * 0);
    }
    @media (width >= 64rem) {
      z-index: 1;
    }
    @media (width >= 64rem) {
      align-items: center;
    }
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 10);
    }
    @media (width >= 64rem) {
      text-align: center;
    }
  }
  .pht-hero-title {
    @media (width >= 64rem) {
      color: var(--color-white);
    }
  }
  .pht-hero-content {
    @media (width >= 64rem) {
      color: color-mix(in srgb, #FFFFFF 90%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 90%, transparent);
      }
    }
    a {
      @media (width >= 64rem) {
        color: var(--pht-hero-content-link, #fff) !important;
      }
    }
  }
}
.pht-contact-form {
  width: 100%;
  .form-row {
    margin-bottom: calc(var(--spacing) * 4);
    display: grid;
    gap: calc(var(--spacing) * 4);
  }
  .form-row-2col {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .wpcf7-form-group {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .wpcf7 {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    width: 100%;
    flex-direction: column;
    label {
      margin-bottom: calc(var(--spacing) * 2);
      display: block;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: var(--color-foreground);
    }
    input[type="text"],
        input[type="email"],
        input[type="tel"],
        input[type="number"],
        select {
      height: calc(var(--spacing) * 14);
      width: 100%;
      border-radius: var(--radius-lg);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-border);
      background-color: var(--color-secondary);
      padding-inline: calc(var(--spacing) * 4);
      text-align: left;
      color: var(--color-foreground);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:focus {
        --tw-shadow: 0 0 #0000;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
      &:focus {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
      &:focus {
        --tw-ring-color: var(--color-primary);
      }
      &:focus {
        --tw-outline-style: none;
        outline-style: none;
      }
    }
    textarea {
      height: calc(var(--spacing) * 14);
      width: 100%;
      border-radius: var(--radius-lg);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-border);
      background-color: var(--color-secondary);
      padding-inline: calc(var(--spacing) * 4);
      text-align: left;
      color: var(--color-foreground);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:focus {
        --tw-shadow: 0 0 #0000;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
      &:focus {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
      &:focus {
        --tw-ring-color: var(--color-primary);
      }
      &:focus {
        --tw-outline-style: none;
        outline-style: none;
      }
      height: auto;
      resize: none;
      padding: calc(var(--spacing) * 3);
      min-height: 120px;
    }
  }
  .wpcf7-checkbox {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 5);
    @media (width >= 64rem) {
      flex-direction: row;
    }
    .wpcf7-list-item {
      margin: calc(var(--spacing) * 0);
      label {
        margin: calc(var(--spacing) * 0);
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: calc(var(--spacing) * 2.5);
      }
    }
  }
  .optional label:after {
    content: 'Optional';
    float: right;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-tone-darkest);
  }
  .required label:after {
    content: '';
  }
  select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    padding-right: calc(var(--spacing) * 10);
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D'11'%20height%3D'6'%20viewBox%3D'0%200%2011%206'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M1%201L5.5%205L10%201'%20stroke%3D'%23fff'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 11px 6px;
  }
  .fieldset-group {
    margin: calc(var(--spacing) * 0);
    border-style: var(--tw-border-style);
    border-width: 0px;
    padding: calc(var(--spacing) * 0);
    legend {
      display: block;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: var(--color-foreground);
      margin-bottom: calc(var(--spacing) * 2);
      width: 100%;
    }
    .options-list {
      display: flex;
      flex-wrap: wrap;
      gap: calc(var(--spacing) * 3);
    }
    label {
      display: flex;
      cursor: pointer;
      align-items: center;
      gap: calc(var(--spacing) * 2);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: var(--color-foreground);
      &:after {
        content: none;
      }
    }
  }
  .pht-contact-form-preview {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    background-color: var(--color-secondary);
    padding: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-muted-foreground);
  }
  .has-error {
    input,
        select,
        textarea {
      border-color: var(--color-errors-light);
      &:focus {
        --tw-ring-color: var(--color-errors-light);
      }
    }
  }
  .help-block.with-errors {
    margin-top: calc(var(--spacing) * 2);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-errors-light);
    background-color: var(--color-errors-lightest);
    padding: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--pht-error-text-color, var(--color-label-primary));
    &:empty {
      display: none;
    }
  }
  .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
  }
  .wpcf7-not-valid-tip {
    margin-top: calc(var(--spacing) * 1);
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-errors-light);
  }
  .wpcf7-response-output {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-errors-light);
    background-color: var(--color-errors-lightest);
    padding: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--pht-error-text-color, var(--color-label-primary));
    &:empty {
      display: none;
    }
  }
  .wpcf7-mail-sent-ok {
    border-color: var(--color-green-400);
    background-color: var(--color-green-50);
    color: var(--color-green-800);
  }
}
.enquiry-summary {
  position: relative;
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
  overflow: hidden;
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-border);
  padding: calc(var(--spacing) * 6);
  border-color: var(--pht-summary-border-color, var(--color-border));
  border-radius: var(--pht-summary-radius, var(--radius-lg));
  .pht-summary-image {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    z-index: 0;
    img {
      pointer-events: none;
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      opacity: 10%;
    }
  }
  & > *:not(.pht-summary-image) {
    position: relative;
    z-index: 1;
  }
  .enquiry-summary-title {
    margin-top: calc(var(--spacing) * 0);
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-border);
    padding-bottom: calc(var(--spacing) * 4);
    color: var(--color-foreground);
    &:before {
      height: calc(var(--spacing) * 6);
      width: calc(var(--spacing) * 6);
      content: '';
      display: inline-block;
      background-color: currentColor;
      -webkit-mask: url("data:image/svg+xml,%3Csvg%20width%3D'32'%20height%3D'32'%20viewBox%3D'0%200%2032%2032'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M14%207H18C22.4183%207%2026%2010.5817%2026%2015C26%2019.4183%2022.4183%2023%2018%2023V26.5C13%2024.5%206%2021.5%206%2015C6%2010.5817%209.58172%207%2014%207ZM16%2021H18C21.3137%2021%2024%2018.3137%2024%2015C24%2011.6863%2021.3137%209%2018%209H14C10.6863%209%208%2011.6863%208%2015C8%2018.61%2010.4621%2020.9656%2016%2023.4798V21Z'%20fill%3D'%23ffffff'/%3E%3C/svg%3E") center/contain no-repeat;
      mask: url("data:image/svg+xml,%3Csvg%20width%3D'32'%20height%3D'32'%20viewBox%3D'0%200%2032%2032'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M14%207H18C22.4183%207%2026%2010.5817%2026%2015C26%2019.4183%2022.4183%2023%2018%2023V26.5C13%2024.5%206%2021.5%206%2015C6%2010.5817%209.58172%207%2014%207ZM16%2021H18C21.3137%2021%2024%2018.3137%2024%2015C24%2011.6863%2021.3137%209%2018%209H14C10.6863%209%208%2011.6863%208%2015C8%2018.61%2010.4621%2020.9656%2016%2023.4798V21Z'%20fill%3D'%23ffffff'/%3E%3C/svg%3E") center/contain no-repeat;
    }
  }
  .enquiry-summary-contents {
    display: grid;
    gap: calc(var(--spacing) * 2);
  }
  .enquiry-summary-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    .enquiry-summary-label {
      flex-shrink: 0;
      color: var(--color-muted-foreground);
    }
    .enquiry-summary-value {
      text-align: right;
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      color: var(--color-label-secondary);
      &[data-filled] {
        color: var(--color-label-primary);
      }
    }
  }
}
.order-summary {
  position: relative;
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
  overflow: hidden;
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-border);
  padding: calc(var(--spacing) * 6);
  border-color: var(--pht-summary-border-color, var(--color-border));
  border-radius: var(--pht-summary-radius, var(--radius-lg));
  .pht-summary-image {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    z-index: 0;
    img {
      pointer-events: none;
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      opacity: 10%;
    }
  }
  & > *:not(.pht-summary-image) {
    position: relative;
    z-index: 1;
  }
  .order-summary-title {
    margin-top: calc(var(--spacing) * 0);
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-border);
    padding-bottom: calc(var(--spacing) * 4);
    color: var(--color-foreground);
    &:before {
      height: calc(var(--spacing) * 6);
      width: calc(var(--spacing) * 6);
      content: '';
      display: inline-block;
      background-color: currentColor;
      -webkit-mask: url("data:image/svg+xml,%3Csvg%20width%3D'32'%20height%3D'32'%20viewBox%3D'0%200%2032%2032'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M6%205h20a1%201%200%200%201%201%201v20a1%201%200%200%201-1%201H6a1%201%200%200%201-1-1V6a1%201%200%200%201%201-1zm1%202v18h18V7H7zm3%204h10v2H10v-2zm0%204h10v2H10v-2zm0%204h7v2h-7v-2z'%20fill%3D'%23ffffff'/%3E%3C/svg%3E") center/contain no-repeat;
      mask: url("data:image/svg+xml,%3Csvg%20width%3D'32'%20height%3D'32'%20viewBox%3D'0%200%2032%2032'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M6%205h20a1%201%200%200%201%201%201v20a1%201%200%200%201-1%201H6a1%201%200%200%201-1-1V6a1%201%200%200%201%201-1zm1%202v18h18V7H7zm3%204h10v2H10v-2zm0%204h10v2H10v-2zm0%204h7v2h-7v-2z'%20fill%3D'%23ffffff'/%3E%3C/svg%3E") center/contain no-repeat;
    }
  }
  .order-summary-contents {
    display: grid;
    gap: calc(var(--spacing) * 2);
  }
  .order-summary-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    .order-summary-label {
      flex-shrink: 0;
      color: var(--color-muted-foreground);
    }
    .order-summary-value {
      text-align: right;
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      color: var(--color-label-secondary);
      &[data-filled] {
        color: var(--color-label-primary);
      }
    }
  }
  .pht-order-summary-items {
    margin-top: calc(var(--spacing) * 4);
    display: grid;
    gap: calc(var(--spacing) * 1);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-border);
    padding-top: calc(var(--spacing) * 4);
    .zone.has-zone {
      margin-top: calc(var(--spacing) * 2);
      &:first-child {
        margin-top: calc(var(--spacing) * 0);
      }
    }
    .pht-zone-header {
      margin-bottom: calc(var(--spacing) * 2);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: calc(var(--spacing) * 4);
      .zone-name {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        --tw-tracking: var(--tracking-wide);
        letter-spacing: var(--tracking-wide);
        color: var(--color-label-primary);
        text-transform: uppercase;
      }
      .zone-time {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        color: var(--color-muted-foreground);
      }
    }
    .pht-product-summary {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 1.5);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      & + .pht-product-summary {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
        border-color: color-mix(in srgb, #e5e7eb 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-border) 50%, transparent);
        }
      }
      .pht-product-title {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-between;
        gap: calc(var(--spacing) * 4);
        .name {
          color: var(--color-label-primary);
        }
        .qty-price {
          display: flex;
          flex-shrink: 0;
          align-items: center;
          gap: calc(var(--spacing) * 2);
          --tw-font-weight: var(--font-weight-medium);
          font-weight: var(--font-weight-medium);
          color: var(--color-label-secondary);
          .qty {
            color: var(--color-muted-foreground);
            &:after {
              content: 'x';
              margin-left: calc(var(--spacing) * 0.5);
            }
          }
        }
      }
    }
  }
}
.order-info {
  .order-info-banner {
    margin-bottom: calc(var(--spacing) * 5);
    border-radius: var(--radius-lg);
    background-color: var(--color-primary);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
  }
  .order-info-body {
    color: var(--color-foreground);
    .order-info-heading {
      margin-bottom: calc(var(--spacing) * 4);
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
    .order-info-subtext {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
    .order-info-id {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .order-info-actions {
    margin-top: calc(var(--spacing) * 6);
    .order-info-home-btn {
      display: block;
      min-height: calc(var(--spacing) * 14);
      min-width: calc(var(--spacing) * 14);
      border-radius: var(--radius-lg) !important;
      border-style: var(--tw-border-style);
      border-width: 0px;
      background-color: var(--color-tone-darkest);
      padding-inline: calc(var(--spacing) * 8);
      padding-block: calc(var(--spacing) * 3.5);
      text-align: center;
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: var(--color-primary-foreground);
      text-decoration-line: none;
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover, &:focus {
        opacity: 90%;
      }
      display: inline-flex;
      width: -moz-max-content;
      width: max-content;
      background-color: var(--pht-enquire-btn-bg, var(--color-tone-darkest)) !important;
      border-radius: var(--pht-btn-radius, var(--radius-lg)) !important;
      text-transform: var(--pht-btn-text-transform, none) !important;
      #pht-payments[data-button-style="clip"] & {
        position: relative;
        isolation: isolate;
        min-height: calc(var(--spacing) * 14);
        border-radius: 0 !important;
        border-style: var(--tw-border-style);
        border-width: 0px;
        background-color: transparent;
        padding-inline: calc(var(--spacing) * 6);
        padding-block: calc(var(--spacing) * 3.5);
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        color: var(--color-foreground);
        --clip-size: 12px;
        --clip-border-width: 2px;
        --clip-border-color: var(--color-tone-darkest);
        --clip-bg: var(--color-secondary);
        --clip-inner-size: max(0px, calc(var(--clip-size) - var(--clip-border-width)));
        transition: all 0.3s ease;
        &::before,
    &::after {
          content: '';
          position: absolute;
          inset: 0;
          pointer-events: none;
          clip-path: polygon(
            var(--clip-size) 0px,
            100% 0px,
            100% calc(100% - var(--clip-size)),
            calc(100% - var(--clip-size)) 100%,
            0px 100%,
            0px var(--clip-size)
        );
        }
        &::before {
          z-index: -1;
          inset: var(--clip-border-width);
          background: var(--clip-bg);
          clip-path: polygon(
            var(--clip-inner-size) 0px,
            100% 0px,
            100% calc(100% - var(--clip-inner-size)),
            calc(100% - var(--clip-inner-size)) 100%,
            0px 100%,
            0px var(--clip-inner-size)
        );
        }
        &::after {
          z-index: -2;
          background: var(--clip-border-color);
        }
        &:hover {
          --clip-bg: var(--color-secondary);
          --clip-border-color: var(--color-white);
        }
        &:focus,
    &:focus-visible,
    &.selected {
          --clip-bg: var(--color-brand);
          --clip-border-color: var(--color-brand);
        }
        background-color: transparent !important;
        --clip-bg: var(--pht-enquire-btn-bg, var(--color-tone-darkest));
        --clip-border-color: var(--pht-enquire-btn-bg, var(--color-tone-darkest));
        color: var(--color-primary-foreground);
        &:hover {
          --clip-bg: var(--pht-enquire-btn-bg, var(--color-tone-darkest));
        }
      }
    }
  }
}
.pht-date {
  .pht-date-header {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  &.carousel-invisible {
    .pht-date-advanced-wrapper {
      display: none;
    }
    .pht-date-footer {
      .day {
        display: inline;
      }
    }
  }
  .pht-date-footer {
    .day {
      display: none;
    }
  }
  &.selector {
    .pht-datepicker-popup-selector {
      display: flex;
      min-width: -moz-fit-content !important;
      min-width: fit-content !important;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      gap: calc(var(--spacing) * 2.5);
      @media (width < 64rem) {
        width: 100%;
      }
      @media (width < 64rem) {
        justify-content: center;
      }
      @media (width >= 64rem) {
        flex: 1;
      }
      @media (width >= 64rem) {
        flex-grow: 1;
      }
      #pht-payments[data-button-style="outline"] & {
        min-height: calc(var(--spacing) * 14);
        min-width: calc(var(--spacing) * 14);
        border-radius: var(--radius-lg) !important;
        border-style: var(--tw-border-style);
        border-width: 2px;
        border-color: var(--color-tone-darkest);
        background-color: var(--color-secondary);
        padding-inline: calc(var(--spacing) * 8);
        padding-block: calc(var(--spacing) * 3.5);
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        color: var(--color-foreground);
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        &:hover, &:focus {
          border-color: var(--color-shade-lighter);
          background-color: color-mix(in srgb, #14215AFF 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-shade-lighter) 20%, transparent);
          }
          color: var(--color-brand);
        }
      }
      #pht-payments[data-button-style="clip"] & {
        position: relative;
        isolation: isolate;
        min-height: calc(var(--spacing) * 14);
        border-radius: 0 !important;
        border-style: var(--tw-border-style);
        border-width: 0px;
        background-color: transparent;
        padding-inline: calc(var(--spacing) * 6);
        padding-block: calc(var(--spacing) * 3.5);
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        color: var(--color-foreground);
        --clip-size: 12px;
        --clip-border-width: 2px;
        --clip-border-color: var(--color-tone-darkest);
        --clip-bg: var(--color-secondary);
        --clip-inner-size: max(0px, calc(var(--clip-size) - var(--clip-border-width)));
        transition: all 0.3s ease;
        &::before,
    &::after {
          content: '';
          position: absolute;
          inset: 0;
          pointer-events: none;
          clip-path: polygon(
            var(--clip-size) 0px,
            100% 0px,
            100% calc(100% - var(--clip-size)),
            calc(100% - var(--clip-size)) 100%,
            0px 100%,
            0px var(--clip-size)
        );
        }
        &::before {
          z-index: -1;
          inset: var(--clip-border-width);
          background: var(--clip-bg);
          clip-path: polygon(
            var(--clip-inner-size) 0px,
            100% 0px,
            100% calc(100% - var(--clip-inner-size)),
            calc(100% - var(--clip-inner-size)) 100%,
            0px 100%,
            0px var(--clip-inner-size)
        );
        }
        &::after {
          z-index: -2;
          background: var(--clip-border-color);
        }
        &:hover {
          --clip-bg: var(--color-secondary);
          --clip-border-color: var(--color-white);
        }
        &:focus,
    &:focus-visible,
    &.selected {
          --clip-bg: var(--color-brand);
          --clip-border-color: var(--color-brand);
        }
      }
      text-transform: var(--uppercase-headings, none);
      svg {
        height: calc(var(--spacing) * 6);
        width: calc(var(--spacing) * 6);
        fill: var(--color-brand);
      }
      &:focus {
        color: var(--color-brand) !important;
        svg {
          fill: var(--color-brand) !important;
        }
      }
    }
  }
}
.pht-date-input {
  &.invisible {
    display: none;
  }
}
.pht-datepicker-popup {
  position: fixed;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 100;
  display: none;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  &.open {
    display: block;
  }
}
.pht-datepicker-popup-wrapper {
  position: absolute;
  top: calc(1/2 * 100%);
  left: calc(1/2 * 100%);
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  border-radius: var(--radius-lg);
  background-color: var(--color-white);
  padding: calc(var(--spacing) * 5);
  .flatpickr-calendar {
    box-shadow: none;
  }
  .flatpickr-current-month {
    padding: 0;
  }
}
.pht-datepicker-popup-header {
  margin-bottom: calc(var(--spacing) * 1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  .pht-datepicker-title {
    color: var(--pht-calendar-text, var(--color-brand)) !important;
  }
}
.flatpickr-innerContainer.loading .flatpickr-days:after {
  content: 'Loading...';
  position: absolute;
  margin-top: 105px;
  height: 100%;
  width: 100%;
  text-align: center;
}
.dayContainer {
  gap: 5px;
  .flatpickr-day,
   .nextMonthDay {
    border-radius: var(--radius-lg) !important;
    border-style: var(--tw-border-style) !important;
    border-width: 2px !important;
    border-color: var(--color-tone-darkest) !important;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    line-height: 37px;
    color: var(--pht-calendar-text, var(--color-brand)) !important;
    &:hover, &:focus {
      border-color: var(--color-shade-lighter);
      background-color: color-mix(in srgb, #14215AFF 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-shade-lighter) 20%, transparent);
      }
      color: var(--pht-calendar-text, var(--color-brand));
    }
    &.selected {
      border-color: var(--pht-calendar-selected-bg, var(--color-brand)) !important;
      background-color: var(--pht-calendar-selected-bg, var(--color-brand)) !important;
      color: var(--color-white) !important;
    }
  }
  .flatpickr-disabled {
    cursor: not-allowed;
    border-style: var(--tw-border-style) !important;
    border-width: 2px !important;
    border-color: var(--color-tone-darkest) !important;
    opacity: 50%;
    color: var(--pht-calendar-text, var(--color-brand)) !important;
  }
}
.flatpickr-months {
  .flatpickr-prev-month:hover svg path,
   .flatpickr-next-month:hover svg path {
    fill: var(--pht-calendar-text, var(--color-brand));
  }
}
.flatpickr-monthDropdown-months, .numInput {
  --tw-font-weight: var(--font-weight-semibold) !important;
  font-weight: var(--font-weight-semibold) !important;
  color: var(--pht-calendar-text, var(--color-brand)) !important;
}
.flatpickr-prev-month,
.flatpickr-next-month {
  svg {
    fill: var(--pht-calendar-text, var(--color-brand));
  }
}
.flatpickr-weekdays {
  .flatpickr-weekday {
    color: var(--color-tone-darkest);
  }
}
.pht-datepicker-close {
  display: flex !important;
  min-height: calc(var(--spacing) * 14) !important;
  min-width: calc(var(--spacing) * 14) !important;
  flex-shrink: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: var(--radius-lg) !important;
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
  border-color: var(--color-border) !important;
  background-color: var(--color-actions-lightest) !important;
  font-size: var(--text-2xl) !important;
  line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
  color: var(--color-shade-lighter) !important;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to !important;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
  transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-actions-lighter) !important;
    }
  }
  span {
    display: flex !important;
    height: 100% !important;
    width: 100% !important;
    align-items: center !important;
    justify-content: center !important;
  }
  height: calc(var(--spacing) * 12.5) !important;
  min-width: calc(var(--spacing) * 12.5) !important;
  min-height: calc(var(--spacing) * 12.5) !important;
  border-radius: calc(infinity * 1px) !important;
}
.pht-date-advanced-wrapper {
  .pht-date-advanced-selector {
    height: calc(var(--spacing) * 20);
    width: 100%;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-300);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 2);
    &.selected {
      background-color: var(--color-gray-100);
    }
  }
}
.pht-date-selector-wrapper {
  @media (width < 64rem) {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .pht-date-selector-selector {
    display: grid;
    align-items: center;
    #pht-payments[data-button-style="outline"] & {
      min-height: calc(var(--spacing) * 14);
      min-width: calc(var(--spacing) * 14);
      border-radius: var(--radius-lg) !important;
      border-style: var(--tw-border-style);
      border-width: 2px;
      border-color: var(--color-tone-darkest);
      background-color: var(--color-secondary);
      padding-inline: calc(var(--spacing) * 8);
      padding-block: calc(var(--spacing) * 3.5);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: var(--color-foreground);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover, &:focus {
        border-color: var(--color-shade-lighter);
        background-color: color-mix(in srgb, #14215AFF 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-shade-lighter) 20%, transparent);
        }
        color: var(--color-brand);
      }
    }
    #pht-payments[data-button-style="clip"] & {
      position: relative;
      isolation: isolate;
      min-height: calc(var(--spacing) * 14);
      border-radius: 0 !important;
      border-style: var(--tw-border-style);
      border-width: 0px;
      background-color: transparent;
      padding-inline: calc(var(--spacing) * 6);
      padding-block: calc(var(--spacing) * 3.5);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: var(--color-foreground);
      --clip-size: 12px;
      --clip-border-width: 2px;
      --clip-border-color: var(--color-tone-darkest);
      --clip-bg: var(--color-secondary);
      --clip-inner-size: max(0px, calc(var(--clip-size) - var(--clip-border-width)));
      transition: all 0.3s ease;
      &::before,
    &::after {
        content: '';
        position: absolute;
        inset: 0;
        pointer-events: none;
        clip-path: polygon(
            var(--clip-size) 0px,
            100% 0px,
            100% calc(100% - var(--clip-size)),
            calc(100% - var(--clip-size)) 100%,
            0px 100%,
            0px var(--clip-size)
        );
      }
      &::before {
        z-index: -1;
        inset: var(--clip-border-width);
        background: var(--clip-bg);
        clip-path: polygon(
            var(--clip-inner-size) 0px,
            100% 0px,
            100% calc(100% - var(--clip-inner-size)),
            calc(100% - var(--clip-inner-size)) 100%,
            0px 100%,
            0px var(--clip-inner-size)
        );
      }
      &::after {
        z-index: -2;
        background: var(--clip-border-color);
      }
      &:hover {
        --clip-bg: var(--color-secondary);
        --clip-border-color: var(--color-white);
      }
      &:focus,
    &:focus-visible,
    &.selected {
        --clip-bg: var(--color-brand);
        --clip-border-color: var(--color-brand);
      }
    }
    &:focus,
      &.selected {
      #pht-payments[data-button-style="outline"] & {
        border-color: var(--color-brand);
        background-color: var(--color-brand);
      }
      .weekday,
         .full-date {
        color: var(--color-primary-foreground);
      }
    }
    &:disabled {
      cursor: not-allowed;
      opacity: 50%;
    }
    .weekday {
      text-transform: var(--uppercase-headings, none);
      white-space: nowrap;
    }
    .full-date {
      grid-row-start: 2;
      margin-top: calc(var(--spacing) * -0.5);
      padding-inline: calc(var(--spacing) * 0.25);
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      color: var(--color-muted-foreground);
      white-space: nowrap;
    }
  }
}
.pht-date-selector-wrapper {
  display: grid;
  @media (width >= 64rem) {
    flex-grow: 5;
  }
  gap: var(--pht-date-selector-gap, 0.75rem);
  grid-template-columns: repeat(var(--date-cols-mobile, var(--date-cols, 4)), minmax(0, 1fr));
  @media (min-width: 64rem) {
    grid-template-columns: repeat(var(--date-cols, 4), minmax(0, 1fr));
  }
}
.pht-date-content {
  @media (width >= 64rem) {
    display: flex;
  }
  @media (width >= 64rem) {
    overflow-x: auto;
  }
  gap: var(--pht-date-content-gap, 0.75rem);
  &:has([style*="--date-cols: 2"]) {
    flex-direction: column;
  }
}
.pht-events {
  .pht-component-contents {
    background-color: var(--color-gray-100);
    padding: calc(var(--spacing) * 10);
    text-align: center;
  }
  .event {
    margin-bottom: 15px;
    display: block;
    border-radius: 0.25rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-300);
    background-color: var(--color-white);
    &:last-child {
      margin-bottom: calc(var(--spacing) * 0);
    }
    a {
      display: block;
      padding: 15px;
    }
  }
}
.pht-events-summary {
  display: flex;
  justify-content: space-between;
}
.product {
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-border);
  padding: calc(var(--spacing) * 6);
}
.pht-summary {
  .option {
    margin-right: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    &:before {
      content: '+';
    }
  }
}
.pht-payments {
  .step {
    .error-step {
      display: none;
    }
    &.errors {
      .error-step {
        display: block;
      }
    }
  }
}
.pht-booking-snippet {
  display: flex;
  align-items: flex-start;
  gap: calc(var(--spacing) * 7.5);
  @media (width < 64rem) {
    flex-direction: column;
  }
}
.pht-summary-wrapper {
  width: calc(1/3 * 100%);
  align-self: flex-start;
  @media (width < 64rem) {
    width: 100%;
  }
}
.pht-details {
  width: calc(2/3 * 100%);
  @media (width < 64rem) {
    width: 100%;
  }
}
body.pht-basket-locked .zone-actions {
  display: none !important;
}
body.pht-basket-locked .pht-summary-clear {
  display: none !important;
}
.pht-summary {
  position: relative;
  overflow: hidden;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-border);
  background-color: var(--color-secondary);
  padding: calc(var(--spacing) * 6);
  border-color: var(--pht-summary-border-color, var(--color-border));
  border-radius: var(--pht-summary-radius, var(--radius-lg));
  .pht-summary-image {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    z-index: 0;
    img {
      pointer-events: none;
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      opacity: 10%;
    }
  }
  & > *:not(.pht-summary-image) {
    position: relative;
    z-index: 1;
  }
}
.pht-basket {
  .pht-summary-venue {
    margin: calc(var(--spacing) * 0);
    margin-top: calc(var(--spacing) * -3);
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-border);
    padding-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-muted-foreground);
    &::after {
      height: calc(var(--spacing) * 5);
      width: calc(var(--spacing) * 5);
      flex-shrink: 0;
      content: '';
      display: block;
      background-color: currentColor;
      -webkit-mask: url("data:image/svg+xml,%3Csvg%20width%3D'32'%20height%3D'32'%20viewBox%3D'0%200%2032%2032'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M16%2022.4853L20.2426%2018.2426C22.5858%2015.8995%2022.5858%2012.1005%2020.2426%209.75736C17.8995%207.41421%2014.1005%207.41421%2011.7574%209.75736C9.41421%2012.1005%209.41421%2015.8995%2011.7574%2018.2426L16%2022.4853ZM21.6569%2019.6569L16%2025.3137L10.3432%2019.6569C7.21895%2016.5327%207.21895%2011.4673%2010.3432%208.34315C13.4673%205.21895%2018.5327%205.21895%2021.6569%208.34315C24.781%2011.4673%2024.781%2016.5327%2021.6569%2019.6569ZM9%2026H23V28H9V26Z'%20fill%3D'currentColor'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;
      mask: url("data:image/svg+xml,%3Csvg%20width%3D'32'%20height%3D'32'%20viewBox%3D'0%200%2032%2032'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M16%2022.4853L20.2426%2018.2426C22.5858%2015.8995%2022.5858%2012.1005%2020.2426%209.75736C17.8995%207.41421%2014.1005%207.41421%2011.7574%209.75736C9.41421%2012.1005%209.41421%2015.8995%2011.7574%2018.2426L16%2022.4853ZM21.6569%2019.6569L16%2025.3137L10.3432%2019.6569C7.21895%2016.5327%207.21895%2011.4673%2010.3432%208.34315C13.4673%205.21895%2018.5327%205.21895%2021.6569%208.34315C24.781%2011.4673%2024.781%2016.5327%2021.6569%2019.6569ZM9%2026H23V28H9V26Z'%20fill%3D'currentColor'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;
    }
  }
  .pht-summary-title {
    margin-top: calc(var(--spacing) * 0);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    padding-bottom: calc(var(--spacing) * 4);
    color: var(--color-foreground);
    &:before {
      height: calc(var(--spacing) * 6);
      width: calc(var(--spacing) * 6);
      content: '';
      display: inline-block;
      background-color: currentColor;
      -webkit-mask: url("data:image/svg+xml,%3Csvg%20width%3D'32'%20height%3D'32'%20viewBox%3D'0%200%2032%2032'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M8.00436%2010.4169L4.76172%207.17422L6.17593%205.76001L9.41857%209.00265H24.6603C25.2126%209.00265%2025.6603%209.45037%2025.6603%2010.0026C25.6603%2010.1%2025.6461%2010.1968%2025.6182%2010.29L23.2182%2018.29C23.0913%2018.713%2022.7019%2019.0027%2022.2603%2019.0027H10.0044V21.0027H21.0044V23.0027H9.00436C8.45207%2023.0027%208.00436%2022.5549%208.00436%2022.0027V10.4169ZM10.0044%2011.0026V17.0027H21.5163L23.3163%2011.0026H10.0044ZM9.50436%2027.0027C8.67593%2027.0027%208.00436%2026.3311%208.00436%2025.5027C8.00436%2024.6742%208.67593%2024.0027%209.50436%2024.0027C10.3328%2024.0027%2011.0044%2024.6742%2011.0044%2025.5027C11.0044%2026.3311%2010.3328%2027.0027%209.50436%2027.0027ZM21.5044%2027.0027C20.6759%2027.0027%2020.0044%2026.3311%2020.0044%2025.5027C20.0044%2024.6742%2020.6759%2024.0027%2021.5044%2024.0027C22.3328%2024.0027%2023.0044%2024.6742%2023.0044%2025.5027C23.0044%2026.3311%2022.3328%2027.0027%2021.5044%2027.0027Z'%20fill%3D'currentColor'/%3E%3C/svg%3E") center/contain no-repeat;
      mask: url("data:image/svg+xml,%3Csvg%20width%3D'32'%20height%3D'32'%20viewBox%3D'0%200%2032%2032'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M8.00436%2010.4169L4.76172%207.17422L6.17593%205.76001L9.41857%209.00265H24.6603C25.2126%209.00265%2025.6603%209.45037%2025.6603%2010.0026C25.6603%2010.1%2025.6461%2010.1968%2025.6182%2010.29L23.2182%2018.29C23.0913%2018.713%2022.7019%2019.0027%2022.2603%2019.0027H10.0044V21.0027H21.0044V23.0027H9.00436C8.45207%2023.0027%208.00436%2022.5549%208.00436%2022.0027V10.4169ZM10.0044%2011.0026V17.0027H21.5163L23.3163%2011.0026H10.0044ZM9.50436%2027.0027C8.67593%2027.0027%208.00436%2026.3311%208.00436%2025.5027C8.00436%2024.6742%208.67593%2024.0027%209.50436%2024.0027C10.3328%2024.0027%2011.0044%2024.6742%2011.0044%2025.5027C11.0044%2026.3311%2010.3328%2027.0027%209.50436%2027.0027ZM21.5044%2027.0027C20.6759%2027.0027%2020.0044%2026.3311%2020.0044%2025.5027C20.0044%2024.6742%2020.6759%2024.0027%2021.5044%2024.0027C22.3328%2024.0027%2023.0044%2024.6742%2023.0044%2025.5027C23.0044%2026.3311%2022.3328%2027.0027%2021.5044%2027.0027Z'%20fill%3D'currentColor'/%3E%3C/svg%3E") center/contain no-repeat;
    }
  }
}
.pht-sidebar {
  padding-inline: calc(var(--spacing) * 4);
  @media (width >= 48rem) {
    padding-right: calc(var(--spacing) * 6);
  }
  .pht-next {
    width: 100% !important;
  }
}
.sticky-sidebar {
  @media (width >= 64rem) {
    position: sticky;
  }
  @media (width >= 64rem) {
    top: 100px;
  }
  padding-bottom: 1px;
}
.enquire-box {
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-border);
  padding: calc(var(--spacing) * 6);
  border-color: var(--pht-summary-border-color, var(--color-border));
  border-radius: var(--pht-summary-radius, var(--radius-lg));
  h3 {
    margin-top: calc(var(--spacing) * 0);
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-border);
    padding-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-foreground);
    text-transform: var(--uppercase-headings, none);
    &:before {
      height: calc(var(--spacing) * 6);
      width: calc(var(--spacing) * 6);
      content: '';
      display: inline-block;
      background-color: currentColor;
      -webkit-mask: url("data:image/svg+xml,%3Csvg%20width%3D'32'%20height%3D'32'%20viewBox%3D'0%200%2032%2032'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M14%207H18C22.4183%207%2026%2010.5817%2026%2015C26%2019.4183%2022.4183%2023%2018%2023V26.5C13%2024.5%206%2021.5%206%2015C6%2010.5817%209.58172%207%2014%207ZM16%2021H18C21.3137%2021%2024%2018.3137%2024%2015C24%2011.6863%2021.3137%209%2018%209H14C10.6863%209%208%2011.6863%208%2015C8%2018.61%2010.4621%2020.9656%2016%2023.4798V21Z'%20fill%3D'%23ffffff'/%3E%3C/svg%3E") center/contain no-repeat;
      mask: url("data:image/svg+xml,%3Csvg%20width%3D'32'%20height%3D'32'%20viewBox%3D'0%200%2032%2032'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M14%207H18C22.4183%207%2026%2010.5817%2026%2015C26%2019.4183%2022.4183%2023%2018%2023V26.5C13%2024.5%206%2021.5%206%2015C6%2010.5817%209.58172%207%2014%207ZM16%2021H18C21.3137%2021%2024%2018.3137%2024%2015C24%2011.6863%2021.3137%209%2018%209H14C10.6863%209%208%2011.6863%208%2015C8%2018.61%2010.4621%2020.9656%2016%2023.4798V21Z'%20fill%3D'%23ffffff'/%3E%3C/svg%3E") center/contain no-repeat;
    }
  }
  p {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-muted-foreground);
  }
  .bit-button {
    display: block;
    min-height: calc(var(--spacing) * 14);
    min-width: calc(var(--spacing) * 14);
    border-radius: var(--radius-lg) !important;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: var(--color-tone-darkest);
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 3.5);
    text-align: center;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-primary-foreground);
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover, &:focus {
      opacity: 90%;
    }
    background-color: var(--pht-enquire-btn-bg, var(--color-tone-darkest)) !important;
    border-radius: var(--pht-btn-radius, var(--radius-lg)) !important;
    text-transform: var(--pht-btn-text-transform, none) !important;
    #pht-payments[data-button-style="clip"] & {
      position: relative;
      isolation: isolate;
      min-height: calc(var(--spacing) * 14);
      border-radius: 0 !important;
      border-style: var(--tw-border-style);
      border-width: 0px;
      background-color: transparent;
      padding-inline: calc(var(--spacing) * 6);
      padding-block: calc(var(--spacing) * 3.5);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: var(--color-foreground);
      --clip-size: 12px;
      --clip-border-width: 2px;
      --clip-border-color: var(--color-tone-darkest);
      --clip-bg: var(--color-secondary);
      --clip-inner-size: max(0px, calc(var(--clip-size) - var(--clip-border-width)));
      transition: all 0.3s ease;
      &::before,
    &::after {
        content: '';
        position: absolute;
        inset: 0;
        pointer-events: none;
        clip-path: polygon(
            var(--clip-size) 0px,
            100% 0px,
            100% calc(100% - var(--clip-size)),
            calc(100% - var(--clip-size)) 100%,
            0px 100%,
            0px var(--clip-size)
        );
      }
      &::before {
        z-index: -1;
        inset: var(--clip-border-width);
        background: var(--clip-bg);
        clip-path: polygon(
            var(--clip-inner-size) 0px,
            100% 0px,
            100% calc(100% - var(--clip-inner-size)),
            calc(100% - var(--clip-inner-size)) 100%,
            0px 100%,
            0px var(--clip-inner-size)
        );
      }
      &::after {
        z-index: -2;
        background: var(--clip-border-color);
      }
      &:hover {
        --clip-bg: var(--color-secondary);
        --clip-border-color: var(--color-white);
      }
      &:focus,
    &:focus-visible,
    &.selected {
        --clip-bg: var(--color-brand);
        --clip-border-color: var(--color-brand);
      }
      background-color: transparent !important;
      --clip-bg: var(--pht-enquire-btn-bg, var(--color-tone-darkest));
      --clip-border-color: var(--pht-enquire-btn-bg, var(--color-tone-darkest));
      color: var(--color-primary-foreground);
      &:hover {
        --clip-bg: var(--pht-enquire-btn-bg, var(--color-tone-darkest));
      }
    }
  }
}
.pht-summary-next {
  min-height: calc(var(--spacing) * 14);
  min-width: calc(var(--spacing) * 14);
  border-radius: var(--radius-lg) !important;
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: var(--color-actions-primary);
  padding-inline: calc(var(--spacing) * 8);
  padding-block: calc(var(--spacing) * 3.5);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary-foreground);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  &:hover, &:focus {
    background-color: var(--color-actions-regular);
  }
  width: 100%;
}
.pht-summary {
  > :not(template):has(> :not(template)) + :not(template) {
    margin-top: calc(var(--spacing) * 4);
  }
  .pht-basket {
    .pht-summary-title {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
    .pht-date-summary {
      display: none;
    }
    .pht-summary-body {
      .pht-summary:has(> .pht-next:not([hidden])) & {
        margin-bottom: calc(var(--spacing) * 4);
      }
      .pht-summary-contents {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        color: var(--color-muted-foreground);
        .empty-basket {
          font-size: var(--text-base);
          line-height: var(--tw-leading, var(--text-base--line-height));
          --tw-font-weight: var(--font-weight-semibold);
          font-weight: var(--font-weight-semibold);
          color: var(--color-foreground);
        }
      }
      &:has(.basket-actions > button:not([hidden])) .pht-summary-contents .empty-basket {
        margin-bottom: calc(var(--spacing) * 1);
      }
      .items {
        .zone {
          padding-block: calc(var(--spacing) * 2);
          .zone-date-header {
            margin-bottom: calc(var(--spacing) * 1);
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
            --tw-font-weight: var(--font-weight-normal);
            font-weight: var(--font-weight-normal);
            color: var(--color-muted-foreground);
            .zone-time span + span::before {
              content: ' · ';
            }
          }
          .title {
            margin-bottom: calc(var(--spacing) * 1);
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: calc(var(--spacing) * 4);
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
            color: var(--color-foreground);
            .zone-title-right {
              display: flex;
              flex-shrink: 0;
              align-items: center;
              gap: calc(var(--spacing) * 3);
            }
            .zone-actions {
              display: flex;
              align-items: center;
              gap: calc(var(--spacing) * 2);
            }
            .pht-zone-edit,
						.pht-zone-remove {
              cursor: pointer;
              border-style: var(--tw-border-style);
              border-width: 0px;
              background-color: transparent;
              padding: calc(var(--spacing) * 0);
              font-size: var(--text-xs);
              line-height: var(--tw-leading, var(--text-xs--line-height));
              --tw-leading: 1;
              line-height: 1;
              --tw-font-weight: var(--font-weight-normal);
              font-weight: var(--font-weight-normal);
              text-decoration-line: underline;
            }
            .pht-zone-edit {
              color: var(--pht-zone-edit-color, var(--color-primary));
            }
            .pht-zone-remove {
              color: var(--pht-zone-remove-color, #ef4444);
            }
          }
        }
      }
      .products {
        .item {
          padding-block: calc(var(--spacing) * 2);
        }
      }
      .basket-actions {
        display: flex;
        justify-content: flex-end;
      }
      .basket-actions:has(> button:not([hidden])) {
        padding-top: calc(var(--spacing) * 2);
      }
      .pht-summary-clear {
        cursor: pointer;
        border-style: var(--tw-border-style);
        border-width: 0px;
        background-color: transparent;
        padding: calc(var(--spacing) * 0);
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        --tw-leading: 1;
        line-height: 1;
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        text-decoration-line: underline;
        color: var(--pht-zone-remove-color, #ef4444);
      }
    }
    .pht-summary-footer {
      .pht-summary-contents {
        .pht-component-summary {
          font-size: var(--text-sm);
          line-height: var(--tw-leading, var(--text-sm--line-height));
          color: var(--color-muted-foreground);
        }
      }
    }
  }
  &.pht-summary-no-edit .pht-zone-edit {
    display: none;
  }
  &.pht-summary-no-remove .pht-zone-remove {
    display: none;
  }
  .pht-totals {
    margin-top: calc(var(--spacing) * 3.75);
    display: none;
    &.active {
      display: flex;
      flex-direction: column-reverse;
      border-radius: var(--radius-lg);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-border);
      background-color: var(--color-background);
      padding: calc(var(--spacing) * 4);
    }
  }
  .total-row {
    display: flex;
    justify-content: space-between;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    .label, .amount {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: var(--color-foreground);
    }
    .amount {
      text-align: right;
    }
  }
  .total-fee {
    margin-top: calc(var(--spacing) * 3);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-label-secondary);
  }
  .total {
    margin-top: calc(var(--spacing) * 3);
    display: inline-flex;
    .label {
      display: inline-flex;
      flex-direction: column;
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: var(--color-foreground);
      &:after {
        margin-top: calc(var(--spacing) * 4);
        content: '';
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D'125'%20height%3D'21'%20viewBox%3D'0%200%20125%2021'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M5.45238%202.68247C7.16101%200.958654%207.9585%200.513041%208.91722%200.219875C9.87593%20-0.0732917%2010.8564%20-0.0732914%2011.8151%200.219875C12.7738%200.513041%2013.5713%200.958654%2015.2799%202.68247L18.0735%205.50083C19.7821%207.22465%2020.2238%208.02923%2020.5144%208.99647C20.805%209.9637%2020.805%2010.9529%2020.5144%2011.9201C20.2238%2012.8874%2019.7821%2013.6919%2018.0735%2015.4158L15.2799%2018.2341C13.5713%2019.9579%2012.7738%2020.4035%2011.8151%2020.6967C10.8564%2020.9899%209.87593%2020.9899%208.91722%2020.6967C7.9585%2020.4035%207.16101%2019.9579%205.45238%2018.2341L2.65883%2015.4158C0.950202%2013.6919%200.508522%2012.8874%200.217938%2011.9201C-0.0726453%2010.9529%20-0.0726464%209.9637%200.217938%208.99647C0.50852%208.02923%200.950202%207.22465%202.65883%205.50083L5.45238%202.68247ZM6.98789%204.15155L4.15466%207.00997C2.82268%208.35378%202.45806%208.89773%202.24241%209.61554C2.07309%2010.1791%202.07309%2010.7375%202.24241%2011.301C2.4559%2012.0117%202.81542%2012.5519%204.115%2013.8665L6.98791%2016.765C8.29097%2018.0761%208.82644%2018.4389%209.53081%2018.6542C10.0894%2018.8251%2010.6429%2018.8251%2011.2015%2018.6542C11.913%2018.4367%2012.4521%2018.0688%2013.7841%2016.725L16.5776%2013.9066C17.9096%2012.5628%2018.2742%2012.0189%2018.4899%2011.301C18.6592%2010.7375%2018.6592%2010.1791%2018.4899%209.61554C18.2742%208.89773%2017.9096%208.35378%2016.5776%207.00997L13.7841%204.19159C12.4521%202.84778%2011.913%202.47991%2011.2015%202.26234C10.6429%202.09152%2010.0894%202.09152%209.53081%202.26234C8.82644%202.47773%208.29097%202.84044%206.98789%204.15155ZM13.9526%209.44365C14.5206%208.87064%2015.4415%208.87064%2016.0094%209.44365C16.5774%2010.0167%2016.5774%2010.9457%2016.0094%2011.5187L11.4284%2016.1404C10.8605%2016.7134%209.93961%2016.7134%209.37165%2016.1404L8.70281%2015.4656C8.57778%2015.3395%208.54547%2015.2806%208.52421%2015.2099C8.50295%2015.1391%208.50295%2015.0667%208.52421%2014.9959C8.54547%2014.9252%208.57778%2014.8663%208.70281%2014.7401L13.9526%209.44365ZM6.30488%2012.0089C6.44166%2011.8709%206.62731%2011.7935%206.82075%2011.794L9.49634%2011.8002C9.64238%2011.8006%209.76051%2011.9203%209.76017%2012.0676C9.76002%2012.1368%209.73322%2012.2032%209.68547%2012.2528L9.54437%2012.3995L7.87582%2014.0679C7.72072%2014.223%207.47054%2014.2224%207.31613%2014.0666L6.30488%2013.0464C6.0209%2012.7599%206.0209%2012.2954%206.30488%2012.0089ZM26.3583%2016.5326C26.0608%2016.5326%2025.8634%2016.4893%2025.7662%2016.4027C25.6689%2016.3162%2025.6203%2016.1401%2025.6203%2015.8746V4.86229C25.6203%204.5968%2025.6689%204.42076%2025.7662%204.33418C25.8634%204.24761%2026.0608%204.20432%2026.3583%204.20432H30.1855C32.8056%204.20432%2034.1157%205.24322%2034.1157%207.32102V7.54611C34.1157%208.15791%2033.9698%208.69756%2033.6781%209.16507C33.3863%209.63257%2033.0002%209.94713%2032.5196%2010.1087C33.0917%2010.2473%2033.5522%2010.5589%2033.9012%2011.0437C34.2502%2011.5286%2034.4247%2012.0942%2034.4247%2012.7406V13.0177C34.4247%2014.2297%2034.0642%2015.1185%2033.3434%2015.6842C32.6226%2016.2498%2031.4841%2016.5326%2029.9281%2016.5326H26.3583ZM28.3835%209.13909H29.9452C30.8262%209.13909%2031.2668%208.74085%2031.2668%207.94436V7.66732C31.2668%206.94009%2030.7862%206.57647%2029.8251%206.57647H28.3835V9.13909ZM28.3835%2014.1604H30.0139C31.0322%2014.1604%2031.5414%2013.7391%2031.5414%2012.8964V12.5848C31.5414%2012.1808%2031.4269%2011.872%2031.1981%2011.6584C30.9693%2011.4449%2030.6375%2011.3381%2030.2027%2011.3381H28.3835V14.1604ZM39.5047%2016.775C38.1889%2016.775%2037.1563%2016.4287%2036.4069%2015.7361C35.6575%2015.0435%2035.2828%2014.0912%2035.2828%2012.8791V11.0611C35.2828%209.79129%2035.6575%208.78991%2036.4069%208.05691C37.1563%207.3239%2038.1889%206.95741%2039.5047%206.95741C40.832%206.95741%2041.8674%207.3037%2042.6111%207.9963C43.3548%208.6889%2043.7267%209.64122%2043.7267%2010.8533V12.6713C43.7267%2013.9411%2043.352%2014.9425%2042.6026%2015.6755C41.8531%2016.4085%2040.8205%2016.775%2039.5047%2016.775ZM39.4532%2014.6106C39.9567%2014.6106%2040.34%2014.4519%2040.6031%2014.1345C40.8663%2013.817%2040.9978%2013.3582%2040.9978%2012.7579V10.9745C40.9978%209.73934%2040.5173%209.12178%2039.5562%209.12178C39.0642%209.12178%2038.6838%209.2805%2038.4149%209.59794C38.146%209.91538%2038.0116%2010.3742%2038.0116%2010.9745V12.7579C38.0116%2013.9931%2038.4921%2014.6106%2039.4532%2014.6106ZM48.8926%2016.775C47.5768%2016.775%2046.5442%2016.4287%2045.7948%2015.7361C45.0453%2015.0435%2044.6706%2014.0912%2044.6706%2012.8791V11.0611C44.6706%209.79129%2045.0453%208.78991%2045.7948%208.05691C46.5442%207.3239%2047.5768%206.95741%2048.8926%206.95741C50.2198%206.95741%2051.2553%207.3037%2051.999%207.9963C52.7427%208.6889%2053.1145%209.64122%2053.1145%2010.8533V12.6713C53.1145%2013.9411%2052.7398%2014.9425%2051.9904%2015.6755C51.241%2016.4085%2050.2084%2016.775%2048.8926%2016.775ZM48.8411%2014.6106C49.3445%2014.6106%2049.7278%2014.4519%2049.991%2014.1345C50.2541%2013.817%2050.3857%2013.3582%2050.3857%2012.7579V10.9745C50.3857%209.73934%2049.9051%209.12178%2048.944%209.12178C48.4521%209.12178%2048.0716%209.2805%2047.8028%209.59794C47.5339%209.91538%2047.3994%2010.3742%2047.3994%2010.9745V12.7579C47.3994%2013.9931%2047.88%2014.6106%2048.8411%2014.6106ZM57.0791%2010.6801L59.6362%207.68464C59.8308%207.45377%2059.9681%207.31525%2060.0482%207.26907C60.1283%207.2229%2060.2598%207.19982%2060.4429%207.19982H62.1763C62.4852%207.19982%2062.6397%207.32679%2062.6397%207.58074C62.6397%207.70772%2062.5768%207.8347%2062.4509%207.96167L59.9795%2010.6974L62.8628%2015.7707C62.9543%2015.9323%2063.0001%2016.0651%2063.0001%2016.169C63.0001%2016.4114%2062.8285%2016.5326%2062.4852%2016.5326H60.8033C60.5974%2016.5326%2060.44%2016.498%2060.3313%2016.4287C60.2226%2016.3594%2060.1168%2016.2325%2060.0138%2016.0478L58.1431%2012.6021L57.0791%2013.7795V15.8746C57.0791%2016.1401%2057.0304%2016.3162%2056.9332%2016.4027C56.8359%2016.4893%2056.6386%2016.5326%2056.3411%2016.5326H55.1569C54.8594%2016.5326%2054.662%2016.4893%2054.5648%2016.4027C54.4675%2016.3162%2054.4189%2016.1401%2054.4189%2015.8746V4.86229C54.4189%204.5968%2054.4675%204.42076%2054.5648%204.33418C54.662%204.24761%2054.8594%204.20432%2055.1569%204.20432H56.3411C56.6386%204.20432%2056.8359%204.24761%2056.9332%204.33418C57.0304%204.42076%2057.0791%204.5968%2057.0791%204.86229V10.6801ZM65.952%2012.6021V12.6713C65.952%2013.3524%2066.0607%2013.8459%2066.2781%2014.1518C66.4955%2014.4577%2066.9131%2014.6106%2067.531%2014.6106C67.8285%2014.6106%2068.0773%2014.5702%2068.2775%2014.4894C68.4778%2014.4086%2068.6408%2014.247%2068.7667%2014.0046C68.8239%2013.8892%2068.8954%2013.8026%2068.9812%2013.7449C69.067%2013.6872%2069.2186%2013.6583%2069.436%2013.6583H70.7747C71.0035%2013.6583%2071.158%2013.7016%2071.2381%2013.7882C71.3182%2013.8747%2071.3582%2014.0104%2071.3582%2014.1951C71.3582%2014.449%2071.2981%2014.6943%2071.178%2014.931C71.0578%2015.1676%2070.9234%2015.3725%2070.7747%2015.5456C70.4085%2015.9727%2069.9251%2016.2844%2069.3244%2016.4806C68.7238%2016.6769%2068.0859%2016.775%2067.4108%2016.775C66.0836%2016.775%2065.0596%2016.4374%2064.3388%2015.7621C63.6179%2015.0868%2063.2575%2014.0796%2063.2575%2012.7406V11.0957C63.2575%209.79129%2063.6265%208.77548%2064.3645%208.04825C65.1025%207.32102%2066.1294%206.95741%2067.4452%206.95741C68.6694%206.95741%2069.6477%207.31814%2070.3799%208.03959C71.1122%208.76105%2071.4783%209.79129%2071.4783%2011.1303V11.9441C71.4783%2012.2212%2071.4297%2012.4001%2071.3325%2012.4809C71.2352%2012.5617%2071.0378%2012.6021%2070.7404%2012.6021H65.952ZM67.3422%209.06984C66.9303%209.06984%2066.6042%209.19681%2066.3639%209.45076C66.1236%209.70471%2065.9921%2010.1376%2065.9692%2010.7494H68.7323C68.7209%2010.1722%2068.6093%209.748%2068.3977%209.47674C68.186%209.20547%2067.8342%209.06984%2067.3422%209.06984ZM80.7804%2012.8618C80.7804%2014.0739%2080.3999%2015.0291%2079.6391%2015.7274C78.8782%2016.4258%2077.8342%2016.775%2076.5069%2016.775C75.2026%2016.775%2074.1814%2016.4258%2073.4434%2015.7274C72.7054%2015.0291%2072.3365%2014.0565%2072.3365%2012.8099V10.9225C72.3365%209.69895%2072.6568%208.73219%2073.2975%208.02228C73.9383%207.31236%2074.8136%206.95741%2075.9234%206.95741C76.8731%206.95741%2077.5824%207.19404%2078.0515%207.66732V4.86229C78.0515%204.5968%2078.1002%204.42076%2078.1974%204.33418C78.2947%204.24761%2078.4921%204.20432%2078.7895%204.20432H80.0424C80.3399%204.20432%2080.5372%204.24761%2080.6345%204.33418C80.7317%204.42076%2080.7804%204.5968%2080.7804%204.86229V12.8618ZM76.5069%209.12178C75.5458%209.12178%2075.0653%209.73934%2075.0653%2010.9745V12.7579C75.0653%2013.3582%2075.194%2013.817%2075.4514%2014.1345C75.7089%2014.4519%2076.0836%2014.6106%2076.5756%2014.6106C77.5595%2014.6106%2078.0515%2013.9931%2078.0515%2012.7579V10.9745C78.0515%2010.3742%2077.92%209.91538%2077.6568%209.59794C77.3936%209.2805%2077.0104%209.12178%2076.5069%209.12178ZM87.7655%2015.8573C87.7655%2016.1228%2087.7168%2016.2988%2087.6196%2016.3854C87.5223%2016.472%2087.325%2016.5153%2087.0275%2016.5153H85.7746C85.4772%2016.5153%2085.2798%2016.472%2085.1825%2016.3854C85.0853%2016.2988%2085.0367%2016.1228%2085.0367%2015.8573L85.0538%209.73646C85.0538%209.47097%2085.1024%209.29493%2085.1997%209.20835C85.2969%209.12178%2085.4943%209.07849%2085.7918%209.07849H87.0446C87.3421%209.07849%2087.5395%209.12178%2087.6367%209.20835C87.734%209.29493%2087.7826%209.47097%2087.7826%209.73646L87.7655%2015.8573ZM92.4712%2016.5531C91.3728%2016.5531%2090.589%2016.3107%2090.1199%2015.8259C89.6508%2015.3411%2089.4163%2014.5388%2089.4163%2013.4191V5.33301C89.4163%205.06752%2089.4649%204.89148%2089.5621%204.80491C89.6594%204.71833%2089.8568%204.67504%2090.1542%204.67504H91.4071C91.7046%204.67504%2091.9019%204.71833%2091.9992%204.80491C92.0964%204.89148%2092.1451%205.06752%2092.1451%205.33301V7.22034H93.3979C93.6611%207.22034%2093.8385%207.26363%2093.93%207.3502C94.0215%207.43678%2094.0673%207.60128%2094.0673%207.84369V8.70943C94.0673%208.97493%2094.0215%209.15385%2093.93%209.2462C93.8385%209.33854%2093.6611%209.38472%2093.3979%209.38472H92.1451V13.0209C92.1451%2013.4364%2092.2137%2013.7366%2092.351%2013.9212C92.4883%2014.1059%2092.7172%2014.1983%2093.0375%2014.1983H93.3293C93.6153%2014.1983%2093.8041%2014.2416%2093.8956%2014.3281C93.9872%2014.4147%2094.0329%2014.5908%2094.0329%2014.8563V15.9125C94.0329%2016.1664%2093.9872%2016.3367%2093.8956%2016.4233C93.8041%2016.5098%2093.6096%2016.5531%2093.3121%2016.5531H92.4712ZM86.6445%204.67504C87.0329%204.67504%2087.1738%204.71653%2087.3158%204.79445C87.4578%204.87236%2087.5692%204.98669%2087.6451%205.13237C87.7211%205.27806%2087.7615%205.42256%2087.7615%205.82106V6.47257C87.7615%206.87107%2087.7211%207.01557%2087.6451%207.16125C87.5692%207.30694%2087.4578%207.42127%2087.3158%207.49918C87.1738%207.5771%2087.0329%207.61859%2086.6445%207.61859H86.0095C85.6211%207.61859%2085.4803%207.5771%2085.3383%207.49918C85.1963%207.42127%2085.0848%207.30694%2085.0089%207.16125C84.933%207.01557%2084.8925%206.87107%2084.8925%206.47257V5.82106C84.8925%205.42256%2084.933%205.27806%2085.0089%205.13237C85.0848%204.98669%2085.1963%204.87236%2085.3383%204.79445C85.4803%204.71653%2085.6211%204.67504%2086.0095%204.67504H86.6445Z'%20fill%3D'%23121E52'/%3E%3Cpath%20d%3D'M117.972%2017.3189C118.485%2017.3189%20118.842%2017.2575%20119.043%2017.1348C119.243%2017.0233%20119.399%2016.7778%20119.511%2016.3986L119.595%2016.1141L116.482%208.34985C116.449%208.26061%20116.432%208.18252%20116.432%208.11559C116.432%207.84786%20116.611%207.71399%20116.968%207.71399H118.524C118.736%207.71399%20118.897%207.75303%20119.009%207.83112C119.121%207.90921%20119.21%208.05423%20119.277%208.26619L120.866%2013.236L122.272%208.19925C122.328%208.00961%20122.406%207.88132%20122.506%207.81439C122.618%207.74746%20122.791%207.71399%20123.025%207.71399H124.464C124.821%207.71399%20125%207.8367%20125%208.08212C125%208.14905%20124.983%208.22714%20124.949%208.31639L121.904%2016.8504C121.658%2017.5532%20121.385%2018.1054%20121.084%2018.5069C120.783%2018.9085%20120.409%2019.1874%20119.963%2019.3436C119.528%2019.5109%20118.97%2019.5946%20118.29%2019.5946H117.854C117.564%2019.5946%20117.369%2019.55%20117.269%2019.4607C117.18%2019.3827%20117.135%2019.2153%20117.135%2018.9587V17.9548C117.135%2017.6982%20117.18%2017.5253%20117.269%2017.436C117.369%2017.3579%20117.564%2017.3189%20117.854%2017.3189H117.972Z'%20fill%3D'%236200EE'/%3E%3Cpath%20d%3D'M111.397%2011.1944C111.609%2011.1944%20111.844%2011.2056%20112.1%2011.2279C112.368%2011.239%20112.658%2011.2558%20112.97%2011.2781V10.843C112.97%2010.3187%20112.876%209.95056%20112.686%209.73861C112.496%209.52665%20112.167%209.42067%20111.699%209.42067C111.264%209.42067%20110.951%209.57127%20110.762%209.87247C110.661%2010.0286%20110.561%2010.1346%20110.46%2010.1904C110.371%2010.235%20110.221%2010.2573%20110.009%2010.2573H108.754C108.352%2010.2573%20108.151%2010.0956%20108.151%209.77207C108.151%209.47087%20108.235%209.18641%20108.402%208.91868C108.681%208.45014%20109.122%208.09317%20109.724%207.84775C110.327%207.60233%20111.057%207.47961%20111.916%207.47961C113.154%207.47961%20114.058%207.75292%20114.627%208.29955C115.207%208.83501%20115.497%209.68283%20115.497%2010.843V13.7546C115.497%2014.8367%20115.201%2015.6343%20114.61%2016.1474C114.03%2016.6494%20113.121%2016.9004%20111.883%2016.9004H111.314C110.098%2016.9004%20109.205%2016.6773%20108.636%2016.2311C108.079%2015.7849%20107.8%2015.0765%20107.8%2014.106C107.8%2013.1131%20108.09%2012.3825%20108.67%2011.9139C109.25%2011.4342%20110.159%2011.1944%20111.397%2011.1944ZM111.799%2012.9849C111.275%2012.9849%20110.895%2013.0629%20110.661%2013.2191C110.427%2013.3641%20110.31%2013.6096%20110.31%2013.9554C110.31%2014.6693%20110.706%2015.0263%20111.498%2015.0263H111.699C112.167%2015.0263%20112.496%2014.9092%20112.686%2014.6749C112.876%2014.4407%20112.97%2014.0446%20112.97%2013.4869V13.0853C112.792%2013.0518%20112.597%2013.0295%20112.385%2013.0183C112.173%2012.996%20111.978%2012.9849%20111.799%2012.9849Z'%20fill%3D'%236200EE'/%3E%3Cpath%20d%3D'M101.111%2012.8512V16.0974C101.111%2016.354%20101.06%2016.5269%20100.96%2016.6162C100.871%2016.6943%20100.681%2016.7333%20100.391%2016.7333H99.1194C98.8294%2016.7333%2098.6342%2016.6943%2098.5338%2016.6162C98.4445%2016.5269%2098.3999%2016.354%2098.3999%2016.0974V5.45508C98.3999%205.1985%2098.4445%205.03117%2098.5338%204.95308C98.6342%204.86384%2098.8294%204.81921%2099.1194%204.81921H102.516C103.989%204.81921%20105.054%205.12041%20105.712%205.72281C106.371%206.31405%20106.7%207.27343%20106.7%208.60093V9.1866C106.7%2011.6297%20105.305%2012.8512%20102.516%2012.8512H101.111ZM101.111%2010.5253H102.299C102.868%2010.5253%20103.28%2010.4137%20103.537%2010.1906C103.805%209.95633%20103.939%209.59377%20103.939%209.10293V8.6846C103.939%208.14913%20103.81%207.75869%20103.554%207.51327C103.297%207.26785%20102.879%207.14514%20102.299%207.14514H101.111V10.5253Z'%20fill%3D'%236200EE'/%3E%3C/svg%3E");
        height: 21px;
        width: 125px;
      }
    }
    .amount {
      &:after {
        margin-top: calc(var(--spacing) * 4);
        margin-left: auto;
        display: block;
        height: calc(var(--spacing) * 8);
        width: calc(var(--spacing) * 8);
        content: '';
        background-color: var(--color-fill-secondary);
        -webkit-mask: url("data:image/svg+xml,%3Csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M8%208L16%206.5V25.5L11%2022.5L8%2019.5V8Z'%20fill='black'%20fill-opacity='0.1'/%3E%3Cpath%20d='M16%205L24.2169%206.82598C24.6745%206.92766%2025%207.33347%2025%207.80217V17.7889C25%2019.795%2023.9974%2021.6684%2022.3282%2022.7812L16%2027L9.6718%2022.7812C8.00261%2021.6684%207%2019.795%207%2017.7889V7.80217C7%207.33347%207.32553%206.92766%207.78307%206.82598L16%205ZM16%207.04879L9%208.60434V17.7889C9%2019.1263%209.6684%2020.3752%2010.7812%2021.1171L16%2024.5963L21.2188%2021.1171C22.3316%2020.3752%2023%2019.1263%2023%2017.7889V8.60434L16%207.04879ZM16%2011C17.1046%2011%2018%2011.8954%2018%2013C18%2013.7398%2017.5983%2014.3858%2017.0011%2014.7318L17%2019H15L14.9999%2014.7324C14.4022%2014.3866%2014%2013.7402%2014%2013C14%2011.8954%2014.8954%2011%2016%2011Z'%20fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
        mask: url("data:image/svg+xml,%3Csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M8%208L16%206.5V25.5L11%2022.5L8%2019.5V8Z'%20fill='black'%20fill-opacity='0.1'/%3E%3Cpath%20d='M16%205L24.2169%206.82598C24.6745%206.92766%2025%207.33347%2025%207.80217V17.7889C25%2019.795%2023.9974%2021.6684%2022.3282%2022.7812L16%2027L9.6718%2022.7812C8.00261%2021.6684%207%2019.795%207%2017.7889V7.80217C7%207.33347%207.32553%206.92766%207.78307%206.82598L16%205ZM16%207.04879L9%208.60434V17.7889C9%2019.1263%209.6684%2020.3752%2010.7812%2021.1171L16%2024.5963L21.2188%2021.1171C22.3316%2020.3752%2023%2019.1263%2023%2017.7889V8.60434L16%207.04879ZM16%2011C17.1046%2011%2018%2011.8954%2018%2013C18%2013.7398%2017.5983%2014.3858%2017.0011%2014.7318L17%2019H15L14.9999%2014.7324C14.4022%2014.3866%2014%2013.7402%2014%2013C14%2011.8954%2014.8954%2011%2016%2011Z'%20fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
      }
    }
  }
}
body[data-theme="dark"] {
  .pht-summary {
    .total {
      .label {
        &:after {
          background-image: url("data:image/svg+xml,%3Csvg%20width=%22125%22%20height=%2221%22%20viewBox=%220%200%20125%2021%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d=%22M5.45238%202.68247C7.16101%200.958654%207.9585%200.513041%208.91722%200.219875C9.87593%20-0.0732917%2010.8564%20-0.0732914%2011.8151%200.219875C12.7738%200.513041%2013.5713%200.958654%2015.2799%202.68247L18.0735%205.50083C19.7821%207.22465%2020.2238%208.02923%2020.5144%208.99647C20.805%209.9637%2020.805%2010.9529%2020.5144%2011.9201C20.2238%2012.8874%2019.7821%2013.6919%2018.0735%2015.4158L15.2799%2018.2341C13.5713%2019.9579%2012.7738%2020.4035%2011.8151%2020.6967C10.8564%2020.9899%209.87593%2020.9899%208.91722%2020.6967C7.9585%2020.4035%207.16101%2019.9579%205.45238%2018.2341L2.65883%2015.4158C0.950202%2013.6919%200.508522%2012.8874%200.217938%2011.9201C-0.0726453%2010.9529%20-0.0726464%209.9637%200.217938%208.99647C0.50852%208.02923%200.950202%207.22465%202.65883%205.50083L5.45238%202.68247ZM6.98789%204.15155L4.15466%207.00997C2.82268%208.35378%202.45806%208.89773%202.24241%209.61554C2.07309%2010.1791%202.07309%2010.7375%202.24241%2011.301C2.4559%2012.0117%202.81542%2012.5519%204.115%2013.8665L6.98791%2016.765C8.29097%2018.0761%208.82644%2018.4389%209.53081%2018.6542C10.0894%2018.8251%2010.6429%2018.8251%2011.2015%2018.6542C11.913%2018.4367%2012.4521%2018.0688%2013.7841%2016.725L16.5776%2013.9066C17.9096%2012.5628%2018.2742%2012.0189%2018.4899%2011.301C18.6592%2010.7375%2018.6592%2010.1791%2018.4899%209.61554C18.2742%208.89773%2017.9096%208.35378%2016.5776%207.00997L13.7841%204.19159C12.4521%202.84778%2011.913%202.47991%2011.2015%202.26234C10.6429%202.09152%2010.0894%202.09152%209.53081%202.26234C8.82644%202.47773%208.29097%202.84044%206.98789%204.15155ZM13.9526%209.44365C14.5206%208.87064%2015.4415%208.87064%2016.0094%209.44365C16.5774%2010.0167%2016.5774%2010.9457%2016.0094%2011.5187L11.4284%2016.1404C10.8605%2016.7134%209.93961%2016.7134%209.37165%2016.1404L8.70281%2015.4656C8.57778%2015.3395%208.54547%2015.2806%208.52421%2015.2099C8.50295%2015.1391%208.50295%2015.0667%208.52421%2014.9959C8.54547%2014.9252%208.57778%2014.8663%208.70281%2014.7401L13.9526%209.44365ZM6.30488%2012.0089C6.44166%2011.8709%206.62731%2011.7935%206.82075%2011.794L9.49634%2011.8002C9.64238%2011.8006%209.76051%2011.9203%209.76017%2012.0676C9.76002%2012.1368%209.73322%2012.2032%209.68547%2012.2528L9.54437%2012.3995L7.87582%2014.0679C7.72072%2014.223%207.47054%2014.2224%207.31613%2014.0666L6.30488%2013.0464C6.0209%2012.7599%206.0209%2012.2954%206.30488%2012.0089ZM26.3583%2016.5326C26.0608%2016.5326%2025.8634%2016.4893%2025.7662%2016.4027C25.6689%2016.3162%2025.6203%2016.1401%2025.6203%2015.8746V4.86229C25.6203%204.5968%2025.6689%204.42076%2025.7662%204.33418C25.8634%204.24761%2026.0608%204.20432%2026.3583%204.20432H30.1855C32.8056%204.20432%2034.1157%205.24322%2034.1157%207.32102V7.54611C34.1157%208.15791%2033.9698%208.69756%2033.6781%209.16507C33.3863%209.63257%2033.0002%209.94713%2032.5196%2010.1087C33.0917%2010.2473%2033.5522%2010.5589%2033.9012%2011.0437C34.2502%2011.5286%2034.4247%2012.0942%2034.4247%2012.7406V13.0177C34.4247%2014.2297%2034.0642%2015.1185%2033.3434%2015.6842C32.6226%2016.2498%2031.4841%2016.5326%2029.9281%2016.5326H26.3583ZM28.3835%209.13909H29.9452C30.8262%209.13909%2031.2668%208.74085%2031.2668%207.94436V7.66732C31.2668%206.94009%2030.7862%206.57647%2029.8251%206.57647H28.3835V9.13909ZM28.3835%2014.1604H30.0139C31.0322%2014.1604%2031.5414%2013.7391%2031.5414%2012.8964V12.5848C31.5414%2012.1808%2031.4269%2011.872%2031.1981%2011.6584C30.9693%2011.4449%2030.6375%2011.3381%2030.2027%2011.3381H28.3835V14.1604ZM39.5047%2016.775C38.1889%2016.775%2037.1563%2016.4287%2036.4069%2015.7361C35.6575%2015.0435%2035.2828%2014.0912%2035.2828%2012.8791V11.0611C35.2828%209.79129%2035.6575%208.78991%2036.4069%208.05691C37.1563%207.3239%2038.1889%206.95741%2039.5047%206.95741C40.832%206.95741%2041.8674%207.3037%2042.6111%207.9963C43.3548%208.6889%2043.7267%209.64122%2043.7267%2010.8533V12.6713C43.7267%2013.9411%2043.352%2014.9425%2042.6026%2015.6755C41.8531%2016.4085%2040.8205%2016.775%2039.5047%2016.775ZM39.4532%2014.6106C39.9567%2014.6106%2040.34%2014.4519%2040.6031%2014.1345C40.8663%2013.817%2040.9978%2013.3582%2040.9978%2012.7579V10.9745C40.9978%209.73934%2040.5173%209.12178%2039.5562%209.12178C39.0642%209.12178%2038.6838%209.2805%2038.4149%209.59794C38.146%209.91538%2038.0116%2010.3742%2038.0116%2010.9745V12.7579C38.0116%2013.9931%2038.4921%2014.6106%2039.4532%2014.6106ZM48.8926%2016.775C47.5768%2016.775%2046.5442%2016.4287%2045.7948%2015.7361C45.0453%2015.0435%2044.6706%2014.0912%2044.6706%2012.8791V11.0611C44.6706%209.79129%2045.0453%208.78991%2045.7948%208.05691C46.5442%207.3239%2047.5768%206.95741%2048.8926%206.95741C50.2198%206.95741%2051.2553%207.3037%2051.999%207.9963C52.7427%208.6889%2053.1145%209.64122%2053.1145%2010.8533V12.6713C53.1145%2013.9411%2052.7398%2014.9425%2051.9904%2015.6755C51.241%2016.4085%2050.2084%2016.775%2048.8926%2016.775ZM48.8411%2014.6106C49.3445%2014.6106%2049.7278%2014.4519%2049.991%2014.1345C50.2541%2013.817%2050.3857%2013.3582%2050.3857%2012.7579V10.9745C50.3857%209.73934%2049.9051%209.12178%2048.944%209.12178C48.4521%209.12178%2048.0716%209.2805%2047.8028%209.59794C47.5339%209.91538%2047.3994%2010.3742%2047.3994%2010.9745V12.7579C47.3994%2013.9931%2047.88%2014.6106%2048.8411%2014.6106ZM57.0791%2010.6801L59.6362%207.68464C59.8308%207.45377%2059.9681%207.31525%2060.0482%207.26907C60.1283%207.2229%2060.2598%207.19982%2060.4429%207.19982H62.1763C62.4852%207.19982%2062.6397%207.32679%2062.6397%207.58074C62.6397%207.70772%2062.5768%207.8347%2062.4509%207.96167L59.9795%2010.6974L62.8628%2015.7707C62.9543%2015.9323%2063.0001%2016.0651%2063.0001%2016.169C63.0001%2016.4114%2062.8285%2016.5326%2062.4852%2016.5326H60.8033C60.5974%2016.5326%2060.44%2016.498%2060.3313%2016.4287C60.2226%2016.3594%2060.1168%2016.2325%2060.0138%2016.0478L58.1431%2012.6021L57.0791%2013.7795V15.8746C57.0791%2016.1401%2057.0304%2016.3162%2056.9332%2016.4027C56.8359%2016.4893%2056.6386%2016.5326%2056.3411%2016.5326H55.1569C54.8594%2016.5326%2054.662%2016.4893%2054.5648%2016.4027C54.4675%2016.3162%2054.4189%2016.1401%2054.4189%2015.8746V4.86229C54.4189%204.5968%2054.4675%204.42076%2054.5648%204.33418C54.662%204.24761%2054.8594%204.20432%2055.1569%204.20432H56.3411C56.6386%204.20432%2056.8359%204.24761%2056.9332%204.33418C57.0304%204.42076%2057.0791%204.5968%2057.0791%204.86229V10.6801ZM65.952%2012.6021V12.6713C65.952%2013.3524%2066.0607%2013.8459%2066.2781%2014.1518C66.4955%2014.4577%2066.9131%2014.6106%2067.531%2014.6106C67.8285%2014.6106%2068.0773%2014.5702%2068.2775%2014.4894C68.4778%2014.4086%2068.6408%2014.247%2068.7667%2014.0046C68.8239%2013.8892%2068.8954%2013.8026%2068.9812%2013.7449C69.067%2013.6872%2069.2186%2013.6583%2069.436%2013.6583H70.7747C71.0035%2013.6583%2071.158%2013.7016%2071.2381%2013.7882C71.3182%2013.8747%2071.3582%2014.0104%2071.3582%2014.1951C71.3582%2014.449%2071.2981%2014.6943%2071.178%2014.931C71.0578%2015.1676%2070.9234%2015.3725%2070.7747%2015.5456C70.4085%2015.9727%2069.9251%2016.2844%2069.3244%2016.4806C68.7238%2016.6769%2068.0859%2016.775%2067.4108%2016.775C66.0836%2016.775%2065.0596%2016.4374%2064.3388%2015.7621C63.6179%2015.0868%2063.2575%2014.0796%2063.2575%2012.7406V11.0957C63.2575%209.79129%2063.6265%208.77548%2064.3645%208.04825C65.1025%207.32102%2066.1294%206.95741%2067.4452%206.95741C68.6694%206.95741%2069.6477%207.31814%2070.3799%208.03959C71.1122%208.76105%2071.4783%209.79129%2071.4783%2011.1303V11.9441C71.4783%2012.2212%2071.4297%2012.4001%2071.3325%2012.4809C71.2352%2012.5617%2071.0378%2012.6021%2070.7404%2012.6021H65.952ZM67.3422%209.06984C66.9303%209.06984%2066.6042%209.19681%2066.3639%209.45076C66.1236%209.70471%2065.9921%2010.1376%2065.9692%2010.7494H68.7323C68.7209%2010.1722%2068.6093%209.748%2068.3977%209.47674C68.186%209.20547%2067.8342%209.06984%2067.3422%209.06984ZM80.7804%2012.8618C80.7804%2014.0739%2080.3999%2015.0291%2079.6391%2015.7274C78.8782%2016.4258%2077.8342%2016.775%2076.5069%2016.775C75.2026%2016.775%2074.1814%2016.4258%2073.4434%2015.7274C72.7054%2015.0291%2072.3365%2014.0565%2072.3365%2012.8099V10.9225C72.3365%209.69895%2072.6568%208.73219%2073.2975%208.02228C73.9383%207.31236%2074.8136%206.95741%2075.9234%206.95741C76.8731%206.95741%2077.5824%207.19404%2078.0515%207.66732V4.86229C78.0515%204.5968%2078.1002%204.42076%2078.1974%204.33418C78.2947%204.24761%2078.4921%204.20432%2078.7895%204.20432H80.0424C80.3399%204.20432%2080.5372%204.24761%2080.6345%204.33418C80.7317%204.42076%2080.7804%204.5968%2080.7804%204.86229V12.8618ZM76.5069%209.12178C75.5458%209.12178%2075.0653%209.73934%2075.0653%2010.9745V12.7579C75.0653%2013.3582%2075.194%2013.817%2075.4514%2014.1345C75.7089%2014.4519%2076.0836%2014.6106%2076.5756%2014.6106C77.5595%2014.6106%2078.0515%2013.9931%2078.0515%2012.7579V10.9745C78.0515%2010.3742%2077.92%209.91538%2077.6568%209.59794C77.3936%209.2805%2077.0104%209.12178%2076.5069%209.12178ZM87.7655%2015.8573C87.7655%2016.1228%2087.7168%2016.2988%2087.6196%2016.3854C87.5223%2016.472%2087.325%2016.5153%2087.0275%2016.5153H85.7746C85.4772%2016.5153%2085.2798%2016.472%2085.1825%2016.3854C85.0853%2016.2988%2085.0367%2016.1228%2085.0367%2015.8573L85.0538%209.73646C85.0538%209.47097%2085.1024%209.29493%2085.1997%209.20835C85.2969%209.12178%2085.4943%209.07849%2085.7918%209.07849H87.0446C87.3421%209.07849%2087.5395%209.12178%2087.6367%209.20835C87.734%209.29493%2087.7826%209.47097%2087.7826%209.73646L87.7655%2015.8573ZM92.4712%2016.5531C91.3728%2016.5531%2090.589%2016.3107%2090.1199%2015.8259C89.6508%2015.3411%2089.4163%2014.5388%2089.4163%2013.4191V5.33301C89.4163%205.06752%2089.4649%204.89148%2089.5621%204.80491C89.6594%204.71833%2089.8568%204.67504%2090.1542%204.67504H91.4071C91.7046%204.67504%2091.9019%204.71833%2091.9992%204.80491C92.0964%204.89148%2092.1451%205.06752%2092.1451%205.33301V7.22034H93.3979C93.6611%207.22034%2093.8385%207.26363%2093.93%207.3502C94.0215%207.43678%2094.0673%207.60128%2094.0673%207.84369V8.70943C94.0673%208.97493%2094.0215%209.15385%2093.93%209.2462C93.8385%209.33854%2093.6611%209.38472%2093.3979%209.38472H92.1451V13.0209C92.1451%2013.4364%2092.2137%2013.7366%2092.351%2013.9212C92.4883%2014.1059%2092.7172%2014.1983%2093.0375%2014.1983H93.3293C93.6153%2014.1983%2093.8041%2014.2416%2093.8956%2014.3281C93.9872%2014.4147%2094.0329%2014.5908%2094.0329%2014.8563V15.9125C94.0329%2016.1664%2093.9872%2016.3367%2093.8956%2016.4233C93.8041%2016.5098%2093.6096%2016.5531%2093.3121%2016.5531H92.4712ZM86.6445%204.67504C87.0329%204.67504%2087.1738%204.71653%2087.3158%204.79445C87.4578%204.87236%2087.5692%204.98669%2087.6451%205.13237C87.7211%205.27806%2087.7615%205.42256%2087.7615%205.82106V6.47257C87.7615%206.87107%2087.7211%207.01557%2087.6451%207.16125C87.5692%207.30694%2087.4578%207.42127%2087.3158%207.49918C87.1738%207.5771%2087.0329%207.61859%2086.6445%207.61859H86.0095C85.6211%207.61859%2085.4803%207.5771%2085.3383%207.49918C85.1963%207.42127%2085.0848%207.30694%2085.0089%207.16125C84.933%207.01557%2084.8925%206.87107%2084.8925%206.47257V5.82106C84.8925%205.42256%2084.933%205.27806%2085.0089%205.13237C85.0848%204.98669%2085.1963%204.87236%2085.3383%204.79445C85.4803%204.71653%2085.6211%204.67504%2086.0095%204.67504H86.6445Z%22%20fill=%22%23F8F8FA%22/%3E%3Cpath%20d=%22M117.972%2017.3189C118.485%2017.3189%20118.842%2017.2575%20119.043%2017.1348C119.243%2017.0233%20119.399%2016.7778%20119.511%2016.3986L119.595%2016.1141L116.482%208.34985C116.449%208.26061%20116.432%208.18252%20116.432%208.11559C116.432%207.84786%20116.611%207.71399%20116.968%207.71399H118.524C118.736%207.71399%20118.897%207.75303%20119.009%207.83112C119.121%207.90921%20119.21%208.05423%20119.277%208.26619L120.866%2013.236L122.272%208.19925C122.328%208.00961%20122.406%207.88132%20122.506%207.81439C122.618%207.74746%20122.791%207.71399%20123.025%207.71399H124.464C124.821%207.71399%20125%207.8367%20125%208.08212C125%208.14905%20124.983%208.22714%20124.949%208.31639L121.904%2016.8504C121.658%2017.5532%20121.385%2018.1054%20121.084%2018.5069C120.783%2018.9085%20120.409%2019.1874%20119.963%2019.3436C119.528%2019.5109%20118.97%2019.5946%20118.29%2019.5946H117.854C117.564%2019.5946%20117.369%2019.55%20117.269%2019.4607C117.18%2019.3827%20117.135%2019.2153%20117.135%2018.9587V17.9548C117.135%2017.6982%20117.18%2017.5253%20117.269%2017.436C117.369%2017.3579%20117.564%2017.3189%20117.854%2017.3189H117.972Z%22%20fill=%22%23CEB0FA%22/%3E%3Cpath%20d=%22M111.397%2011.1944C111.609%2011.1944%20111.844%2011.2056%20112.1%2011.2279C112.368%2011.239%20112.658%2011.2558%20112.97%2011.2781V10.843C112.97%2010.3187%20112.876%209.95056%20112.686%209.73861C112.496%209.52665%20112.167%209.42067%20111.699%209.42067C111.264%209.42067%20110.951%209.57127%20110.762%209.87247C110.661%2010.0286%20110.561%2010.1346%20110.46%2010.1904C110.371%2010.235%20110.221%2010.2573%20110.009%2010.2573H108.754C108.352%2010.2573%20108.151%2010.0956%20108.151%209.77207C108.151%209.47087%20108.235%209.18641%20108.402%208.91868C108.681%208.45014%20109.122%208.09317%20109.724%207.84775C110.327%207.60233%20111.057%207.47961%20111.916%207.47961C113.154%207.47961%20114.058%207.75292%20114.627%208.29955C115.207%208.83501%20115.497%209.68283%20115.497%2010.843V13.7546C115.497%2014.8367%20115.201%2015.6343%20114.61%2016.1474C114.03%2016.6494%20113.121%2016.9004%20111.883%2016.9004H111.314C110.098%2016.9004%20109.205%2016.6773%20108.636%2016.2311C108.079%2015.7849%20107.8%2015.0765%20107.8%2014.106C107.8%2013.1131%20108.09%2012.3825%20108.67%2011.9139C109.25%2011.4342%20110.159%2011.1944%20111.397%2011.1944ZM111.799%2012.9849C111.275%2012.9849%20110.895%2013.0629%20110.661%2013.2191C110.427%2013.3641%20110.31%2013.6096%20110.31%2013.9554C110.31%2014.6693%20110.706%2015.0263%20111.498%2015.0263H111.699C112.167%2015.0263%20112.496%2014.9092%20112.686%2014.6749C112.876%2014.4407%20112.97%2014.0446%20112.97%2013.4869V13.0853C112.792%2013.0518%20112.597%2013.0295%20112.385%2013.0183C112.173%2012.996%20111.978%2012.9849%20111.799%2012.9849Z%22%20fill=%22%23CEB0FA%22/%3E%3Cpath%20d=%22M101.111%2012.8512V16.0974C101.111%2016.354%20101.06%2016.5269%20100.96%2016.6162C100.871%2016.6943%20100.681%2016.7333%20100.391%2016.7333H99.1194C98.8294%2016.7333%2098.6342%2016.6943%2098.5338%2016.6162C98.4445%2016.5269%2098.3999%2016.354%2098.3999%2016.0974V5.45508C98.3999%205.1985%2098.4445%205.03117%2098.5338%204.95308C98.6342%204.86384%2098.8294%204.81921%2099.1194%204.81921H102.516C103.989%204.81921%20105.054%205.12041%20105.712%205.72281C106.371%206.31405%20106.7%207.27343%20106.7%208.60093V9.1866C106.7%2011.6297%20105.305%2012.8512%20102.516%2012.8512H101.111ZM101.111%2010.5253H102.299C102.868%2010.5253%20103.28%2010.4137%20103.537%2010.1906C103.805%209.95633%20103.939%209.59377%20103.939%209.10293V8.6846C103.939%208.14913%20103.81%207.75869%20103.554%207.51327C103.297%207.26785%20102.879%207.14514%20102.299%207.14514H101.111V10.5253Z%22%20fill=%22%23CEB0FA%22/%3E%3C/svg%3E");
        }
      }
    }
  }
}
.pht-content {
  margin-bottom: calc(var(--spacing) * 6);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-muted-foreground);
}
.pht-countdown {
  margin-bottom: calc(var(--spacing) * 6);
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 3);
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-border);
  padding: calc(var(--spacing) * 6);
  background-color: var(--color-secondary);
  padding: calc(var(--spacing) * 4);
  .explanation {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-label-primary);
  }
  .timer-wrapper {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    color: var(--color-label-primary);
    &:before {
      content: '';
      display: inline-block;
      margin-right: calc(var(--spacing) * 2);
      height: calc(var(--spacing) * 6);
      width: calc(var(--spacing) * 6);
      flex-shrink: 0;
      background-color: currentColor;
      -webkit-mask: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M21.6177%209.9681L23.0711%208.51472L24.4853%209.92893L23.0319%2011.3823C24.2635%2012.922%2025%2014.875%2025%2017C25%2021.9706%2020.9706%2026%2016%2026C11.0294%2026%207%2021.9706%207%2017C7%2012.0294%2011.0294%208%2016%208C18.125%208%2020.078%208.73647%2021.6177%209.9681ZM16%2024C19.866%2024%2023%2020.866%2023%2017C23%2013.134%2019.866%2010%2016%2010C12.134%2010%209%2013.134%209%2017C9%2020.866%2012.134%2024%2016%2024ZM15%2012H17V18H15V12ZM12%205H20V7H12V5Z'%20fill='black'/%3e%3c/svg%3e") center/contain no-repeat;
      mask: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M21.6177%209.9681L23.0711%208.51472L24.4853%209.92893L23.0319%2011.3823C24.2635%2012.922%2025%2014.875%2025%2017C25%2021.9706%2020.9706%2026%2016%2026C11.0294%2026%207%2021.9706%207%2017C7%2012.0294%2011.0294%208%2016%208C18.125%208%2020.078%208.73647%2021.6177%209.9681ZM16%2024C19.866%2024%2023%2020.866%2023%2017C23%2013.134%2019.866%2010%2016%2010C12.134%2010%209%2013.134%209%2017C9%2020.866%2012.134%2024%2016%2024ZM15%2012H17V18H15V12ZM12%205H20V7H12V5Z'%20fill='black'/%3e%3c/svg%3e") center/contain no-repeat;
    }
    &.expired {
      color: var(--color-white);
    }
    .timer {
      font-family: var(--font-mono);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      white-space: nowrap;
      color: var(--color-label-primary);
      --tw-numeric-spacing: tabular-nums;
      font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
      .time {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
      }
    }
  }
  .time {
    .minutes:after {
      content: ":";
    }
  }
}
.pht-expired,
.pht-processing {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  .pht-page-title {
    margin-bottom: var(--pht-component-title-mb, 1.5rem);
  }
  .pht-description {
    margin-bottom: calc(var(--spacing) * 6);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    color: var(--color-foreground);
  }
  .countdown-refresh {
    display: block;
    min-height: calc(var(--spacing) * 14);
    min-width: calc(var(--spacing) * 14);
    border-radius: var(--radius-lg) !important;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: var(--color-tone-darkest);
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 3.5);
    text-align: center;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-primary-foreground);
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover, &:focus {
      opacity: 90%;
    }
    background-color: var(--pht-countdown-refresh-bg, var(--pht-enquire-btn-bg, var(--color-tone-darkest))) !important;
    border-radius: var(--pht-btn-radius, var(--radius-lg)) !important;
    text-transform: var(--pht-btn-text-transform, none) !important;
    #pht-payments[data-button-style="clip"] & {
      position: relative;
      isolation: isolate;
      min-height: calc(var(--spacing) * 14);
      border-radius: 0 !important;
      border-style: var(--tw-border-style);
      border-width: 0px;
      background-color: transparent;
      padding-inline: calc(var(--spacing) * 6);
      padding-block: calc(var(--spacing) * 3.5);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: var(--color-foreground);
      --clip-size: 12px;
      --clip-border-width: 2px;
      --clip-border-color: var(--color-tone-darkest);
      --clip-bg: var(--color-secondary);
      --clip-inner-size: max(0px, calc(var(--clip-size) - var(--clip-border-width)));
      transition: all 0.3s ease;
      &::before,
    &::after {
        content: '';
        position: absolute;
        inset: 0;
        pointer-events: none;
        clip-path: polygon(
            var(--clip-size) 0px,
            100% 0px,
            100% calc(100% - var(--clip-size)),
            calc(100% - var(--clip-size)) 100%,
            0px 100%,
            0px var(--clip-size)
        );
      }
      &::before {
        z-index: -1;
        inset: var(--clip-border-width);
        background: var(--clip-bg);
        clip-path: polygon(
            var(--clip-inner-size) 0px,
            100% 0px,
            100% calc(100% - var(--clip-inner-size)),
            calc(100% - var(--clip-inner-size)) 100%,
            0px 100%,
            0px var(--clip-inner-size)
        );
      }
      &::after {
        z-index: -2;
        background: var(--clip-border-color);
      }
      &:hover {
        --clip-bg: var(--color-secondary);
        --clip-border-color: var(--color-white);
      }
      &:focus,
    &:focus-visible,
    &.selected {
        --clip-bg: var(--color-brand);
        --clip-border-color: var(--color-brand);
      }
      background-color: transparent !important;
      --clip-bg: var(--pht-countdown-refresh-bg, var(--pht-enquire-btn-bg, var(--color-tone-darkest)));
      --clip-border-color: var(--pht-countdown-refresh-bg, var(--pht-enquire-btn-bg, var(--color-tone-darkest)));
      color: var(--color-primary-foreground);
      &:hover {
        --clip-bg: var(--pht-countdown-refresh-bg, var(--pht-enquire-btn-bg, var(--color-tone-darkest)));
      }
    }
  }
}
.pht-zone-times {
  .zone {
    margin-bottom: calc(var(--spacing) * 12.5);
    display: flex;
    flex-direction: column;
    row-gap: calc(var(--spacing) * 4);
  }
}
.pht-zone-times h2 {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-foreground);
}
.zone h3 {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-foreground);
}
.pht-zone-times.loading .pht-zone-time-item-selector {
  pointer-events: none;
  opacity: 70%;
}
.pht-zone-times-wrapper {
  position: relative;
  .pht-zone-time-item-selector {
    &.selected {
      color: var(--color-primary-foreground) !important;
    }
    &:focus {
      color: var(--color-primary-foreground) !important;
    }
  }
  .before,
    .after,
    .separator {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .after {
    color: var(--color-muted-foreground);
  }
  button {
    width: 100%;
    padding: 15px;
    &:hover {
      cursor: pointer;
    }
    &.selected {
      color: var(--color-primary-foreground);
      opacity: 100% !important;
      #pht-payments[data-button-style="outline"] & {
        border-color: var(--color-brand);
        background-color: var(--color-brand);
        &:hover, &:focus {
          border-color: var(--color-brand);
          background-color: var(--color-brand);
        }
      }
      &:hover, &:focus {
        color: var(--color-primary-foreground);
      }
      .after {
        color: var(--color-primary-foreground);
      }
    }
    &.blocked,
        &.unavailable {
      pointer-events: none;
      opacity: 60%;
      &:hover {
        cursor: auto;
        box-shadow: none;
      }
      &:before,
            &:after {
        background-color: var(--color-muted) !important;
      }
      &:before {
        .times {
          background-color: color-mix(in srgb, #FDFDFD 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
          }
        }
      }
    }
  }
}
.pht-zone-times .pht-zone-time-item-selector {
  #pht-payments[data-button-style="outline"] & {
    min-height: calc(var(--spacing) * 14);
    min-width: calc(var(--spacing) * 14);
    border-radius: var(--radius-lg) !important;
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-tone-darkest);
    background-color: var(--color-secondary);
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 3.5);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-foreground);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover, &:focus {
      border-color: var(--color-shade-lighter);
      background-color: color-mix(in srgb, #14215AFF 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-shade-lighter) 20%, transparent);
      }
      color: var(--color-brand);
    }
  }
  #pht-payments[data-button-style="clip"] & {
    position: relative;
    isolation: isolate;
    min-height: calc(var(--spacing) * 14);
    border-radius: 0 !important;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 3.5);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-foreground);
    --clip-size: 12px;
    --clip-border-width: 2px;
    --clip-border-color: var(--color-tone-darkest);
    --clip-bg: var(--color-secondary);
    --clip-inner-size: max(0px, calc(var(--clip-size) - var(--clip-border-width)));
    transition: all 0.3s ease;
    &::before,
    &::after {
      content: '';
      position: absolute;
      inset: 0;
      pointer-events: none;
      clip-path: polygon(
            var(--clip-size) 0px,
            100% 0px,
            100% calc(100% - var(--clip-size)),
            calc(100% - var(--clip-size)) 100%,
            0px 100%,
            0px var(--clip-size)
        );
    }
    &::before {
      z-index: -1;
      inset: var(--clip-border-width);
      background: var(--clip-bg);
      clip-path: polygon(
            var(--clip-inner-size) 0px,
            100% 0px,
            100% calc(100% - var(--clip-inner-size)),
            calc(100% - var(--clip-inner-size)) 100%,
            0px 100%,
            0px var(--clip-inner-size)
        );
    }
    &::after {
      z-index: -2;
      background: var(--clip-border-color);
    }
    &:hover {
      --clip-bg: var(--color-secondary);
      --clip-border-color: var(--color-white);
    }
    &:focus,
    &:focus-visible,
    &.selected {
      --clip-bg: var(--color-brand);
      --clip-border-color: var(--color-brand);
    }
    opacity: 60%;
  }
}
.pht-zone-time-ghost {
  pointer-events: none;
  min-height: calc(var(--spacing) * 14);
  min-width: calc(var(--spacing) * 14);
  border-radius: var(--radius-lg) !important;
  border-width: 2px;
  border-color: var(--color-tone-darkest);
  background-color: var(--color-secondary);
  padding-inline: calc(var(--spacing) * 8);
  padding-block: calc(var(--spacing) * 3.5);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-foreground);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  &:hover, &:focus {
    border-color: var(--color-shade-lighter);
    background-color: color-mix(in srgb, #14215AFF 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-shade-lighter) 20%, transparent);
    }
    color: var(--color-brand);
  }
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: color-mix(in oklab, var(--color-border) 30%, transparent);
  background-color: var(--color-muted);
  #pht-payments[data-button-style="clip"] & {
    position: relative;
    isolation: isolate;
    min-height: calc(var(--spacing) * 14);
    border-radius: 0 !important;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 3.5);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-foreground);
    --clip-size: 12px;
    --clip-border-width: 2px;
    --clip-border-color: var(--color-tone-darkest);
    --clip-bg: var(--color-secondary);
    --clip-inner-size: max(0px, calc(var(--clip-size) - var(--clip-border-width)));
    transition: all 0.3s ease;
    &::before,
    &::after {
      content: '';
      position: absolute;
      inset: 0;
      pointer-events: none;
      clip-path: polygon(
            var(--clip-size) 0px,
            100% 0px,
            100% calc(100% - var(--clip-size)),
            calc(100% - var(--clip-size)) 100%,
            0px 100%,
            0px var(--clip-size)
        );
    }
    &::before {
      z-index: -1;
      inset: var(--clip-border-width);
      background: var(--clip-bg);
      clip-path: polygon(
            var(--clip-inner-size) 0px,
            100% 0px,
            100% calc(100% - var(--clip-inner-size)),
            calc(100% - var(--clip-inner-size)) 100%,
            0px 100%,
            0px var(--clip-inner-size)
        );
    }
    &::after {
      z-index: -2;
      background: var(--clip-border-color);
    }
    &:hover {
      --clip-bg: var(--color-secondary);
      --clip-border-color: var(--color-white);
    }
    &:focus,
    &:focus-visible,
    &.selected {
      --clip-bg: var(--color-brand);
      --clip-border-color: var(--color-brand);
    }
    opacity: 60%;
  }
}
.owl-carousel {
  .owl-nav {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    justify-content: space-between;
    button {
      position: absolute;
      display: flex;
      height: 100%;
      width: 35px;
      cursor: pointer;
      align-items: center;
      justify-content: center;
      span {
        display: inline-flex;
        align-items: center;
        gap: calc(var(--spacing) * 1);
        color: var(--color-brand);
      }
      &.owl-prev,
            &.owl-next {
        position: static;
        display: flex;
        width: -moz-fit-content;
        width: fit-content;
        align-items: center;
        gap: calc(var(--spacing) * 1.5);
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        color: var(--color-foreground);
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        span {
          font-size: 0px;
          color: var(--color-actions-regular);
          &:hover {
            @media (hover: hover) {
              color: color-mix(in srgb, #721ff0 80%, transparent);
              @supports (color: color-mix(in lab, red, red)) {
                color: color-mix(in oklab, var(--color-actions-regular) 80%, transparent);
              }
            }
          }
        }
        &.disabled {
          span {
            cursor: not-allowed;
            color: color-mix(in srgb, #6b7280 40%, transparent);
            @supports (color: color-mix(in lab, red, red)) {
              color: color-mix(in oklab, var(--color-muted-foreground) 40%, transparent);
            }
          }
        }
      }
      &.owl-prev {
        span {
          &:before {
            height: calc(var(--spacing) * 6);
            width: calc(var(--spacing) * 6);
            background-color: var(--color-actions-regular);
            content: '';
            display: inline-block;
            -webkit-mask-repeat: no-repeat;
                    mask-repeat: no-repeat;
            -webkit-mask-position: center;
                    mask-position: center;
            -webkit-mask-size: contain;
                    mask-size: contain;
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D'32'%20height%3D'32'%20viewBox%3D'0%200%2032%2032'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.8284%2016.9997L17.1924%2022.3637L15.7782%2023.778L8%2015.9997L15.7782%208.22163L17.1924%209.63583L11.8284%2014.9997L24%2014.9997L24%2016.9997L11.8284%2016.9997Z'%20fill%3D'black'/%3E%3C/svg%3E");
                    mask-image: url("data:image/svg+xml,%3Csvg%20width%3D'32'%20height%3D'32'%20viewBox%3D'0%200%2032%2032'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.8284%2016.9997L17.1924%2022.3637L15.7782%2023.778L8%2015.9997L15.7782%208.22163L17.1924%209.63583L11.8284%2014.9997L24%2014.9997L24%2016.9997L11.8284%2016.9997Z'%20fill%3D'black'/%3E%3C/svg%3E");
          }
          &:after {
            content: 'Earlier';
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
          }
        }
        &.disabled {
          span {
            &:before {
              background-color: color-mix(in srgb, #6b7280 40%, transparent);
              @supports (color: color-mix(in lab, red, red)) {
                background-color: color-mix(in oklab, var(--color-muted-foreground) 40%, transparent);
              }
              opacity: 40%;
            }
          }
        }
      }
      &.owl-next {
        span {
          &:before {
            content: 'Later';
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
          }
          &:after {
            height: calc(var(--spacing) * 6);
            width: calc(var(--spacing) * 6);
            background-color: var(--color-actions-regular);
            content: '';
            display: inline-block;
            -webkit-mask-repeat: no-repeat;
                    mask-repeat: no-repeat;
            -webkit-mask-position: center;
                    mask-position: center;
            -webkit-mask-size: contain;
                    mask-size: contain;
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D'32'%20height%3D'32'%20viewBox%3D'0%200%2032%2032'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M20.1716%2014.9999L14.8076%209.63589L16.2218%208.22168L24%2015.9999L16.2218%2023.778L14.8076%2022.3638L20.1716%2016.9999H8V14.9999H20.1716Z'%20fill%3D'currentColor'/%3E%3C/svg%3E");
                    mask-image: url("data:image/svg+xml,%3Csvg%20width%3D'32'%20height%3D'32'%20viewBox%3D'0%200%2032%2032'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M20.1716%2014.9999L14.8076%209.63589L16.2218%208.22168L24%2015.9999L16.2218%2023.778L14.8076%2022.3638L20.1716%2016.9999H8V14.9999H20.1716Z'%20fill%3D'currentColor'/%3E%3C/svg%3E");
          }
        }
        &.disabled {
          span {
            &:after {
              background-color: color-mix(in srgb, #6b7280 40%, transparent);
              @supports (color: color-mix(in lab, red, red)) {
                background-color: color-mix(in oklab, var(--color-muted-foreground) 40%, transparent);
              }
              opacity: 40%;
            }
          }
        }
      }
    }
  }
}
.pht-previous-zone-times {
  margin-bottom: calc(var(--spacing) * 4);
}
.pht-previous-zone-time-row {
  margin-bottom: calc(var(--spacing) * 2);
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-border);
  background-color: color-mix(in srgb, #FDFDFD 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-muted) 20%, transparent);
  }
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 3);
}
.pht-previous-zone-label {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-foreground);
  strong {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
}
.pht-zone-times-9,
.pht-zone-times-12,
.pht-zone-times-15,
.pht-zone-times-16 {
  .slide {
    display: grid;
    gap: calc(var(--spacing) * 3);
  }
}
.pht-zone-times-9 {
  .slide {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.pht-zone-times-15 {
  .slide {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.pht-zone-times-12,
.pht-zone-times-16 {
  .slide {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 792px) {
  .pht-zone-times-12 {
    .slide {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .pht-zone-times-15 {
    .slide {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .pht-zone-times-16 {
    .slide {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
}
@media screen and (min-width: 1024px) {
  .pht-zone-times-12 {
    .slide {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
}
.pht-component {
  margin-bottom: calc(var(--spacing) * 6.25);
  @media (width >= 64rem) {
    margin-bottom: var(--pht-component-mb-lg, calc(var(--spacing) * 12.5));
  }
  h2 {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .error-placeholder,
    .pht-errors {
    display: none;
  }
}
.pht-page-errors {
  margin-bottom: calc(var(--spacing) * 8);
  display: none;
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-errors-light);
  background-color: var(--color-errors-lightest);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--pht-error-text-color, var(--color-label-primary));
  &.has-errors {
    position: relative;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
    padding-block: calc(var(--spacing) * 4);
    padding-right: calc(var(--spacing) * 4);
    padding-left: calc(var(--spacing) * 14);
    display: flex;
    &::before {
      position: absolute;
      top: calc(var(--spacing) * 2.5);
      left: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 8);
      width: calc(var(--spacing) * 8);
      flex-shrink: 0;
      content: '';
      background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.1975 7C21.1681 7 25.1975 11.0294 25.1975 16C25.1975 20.9706 21.1681 25 16.1975 25C11.2269 25 7.19751 20.9706 7.19751 16C7.19751 11.0294 11.2269 7 16.1975 7ZM16.1975 14.5859L13.3694 11.7578L11.9553 13.1719L14.7834 16L11.9553 18.8281L13.3694 20.2422L16.1975 17.4141L19.0256 20.2422L20.4397 18.8281L17.6116 16L20.4397 13.1719L19.0256 11.7578L16.1975 14.5859Z' fill='%23FF0000'/%3E%3C/svg%3E");
      background-size: contain;
      background-repeat: no-repeat;
    }
    p {
      margin: 0;
    }
  }
}
@keyframes skeleton-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.pht-nav {
  margin-bottom: calc(var(--spacing) * 6.25);
  display: flex;
  justify-content: space-between;
  padding-inline: calc(var(--spacing) * 0);
  @media (width >= 64rem) {
    margin-bottom: var(--pht-component-mb-lg, calc(var(--spacing) * 12.5));
  }
  .pht-prev {
    margin-left: calc(var(--spacing) * -1);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 0px;
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-foreground);
    color: var(--color-label-action);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #14215c 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
        }
      }
    }
    &:focus {
      background-color: color-mix(in srgb, #14215c 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
      }
    }
    padding-right: calc(var(--spacing) * 3);
    padding-left: calc(var(--spacing) * 2.5);
    &:before {
      height: calc(var(--spacing) * 6);
      width: calc(var(--spacing) * 6);
      content: '';
      display: inline-block;
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      background-color: currentColor;
      -webkit-mask: url("data:image/svg+xml,%3Csvg%20width%3D'32'%20height%3D'32'%20viewBox%3D'0%200%2032%2032'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.8284%2016.9997L17.1924%2022.3637L15.7782%2023.778L8%2015.9997L15.7782%208.22163L17.1924%209.63583L11.8284%2014.9997L24%2014.9997L24%2016.9997L11.8284%2016.9997Z'%20fill%3D'black'/%3E%3C/svg%3E") center/contain no-repeat;
              mask: url("data:image/svg+xml,%3Csvg%20width%3D'32'%20height%3D'32'%20viewBox%3D'0%200%2032%2032'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.8284%2016.9997L17.1924%2022.3637L15.7782%2023.778L8%2015.9997L15.7782%208.22163L17.1924%209.63583L11.8284%2014.9997L24%2014.9997L24%2016.9997L11.8284%2016.9997Z'%20fill%3D'black'/%3E%3C/svg%3E") center/contain no-repeat;
    }
  }
  .pht-skip {
    margin-left: calc(var(--spacing) * -1);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 0px;
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-foreground);
    color: var(--color-label-action);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #14215c 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
        }
      }
    }
    &:focus {
      background-color: color-mix(in srgb, #14215c 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
      }
    }
    padding-right: calc(var(--spacing) * 2.5);
    padding-left: calc(var(--spacing) * 3);
    &:after {
      height: calc(var(--spacing) * 6);
      width: calc(var(--spacing) * 6);
      content: '';
      display: inline-block;
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      background-color: currentColor;
      -webkit-mask: url("data:image/svg+xml,%3Csvg%20width%3D'32'%20height%3D'32'%20viewBox%3D'0%200%2032%2032'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M20.1716%2014.9999L14.8076%209.63589L16.2218%208.22168L24%2015.9999L16.2218%2023.778L14.8076%2022.3638L20.1716%2016.9999H8V14.9999H20.1716Z'%20fill%3D'currentColor'/%3E%3C/svg%3E") center/contain no-repeat;
              mask: url("data:image/svg+xml,%3Csvg%20width%3D'32'%20height%3D'32'%20viewBox%3D'0%200%2032%2032'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M20.1716%2014.9999L14.8076%209.63589L16.2218%208.22168L24%2015.9999L16.2218%2023.778L14.8076%2022.3638L20.1716%2016.9999H8V14.9999H20.1716Z'%20fill%3D'currentColor'/%3E%3C/svg%3E") center/contain no-repeat;
    }
  }
}
.pht-next {
  #pht-payments[data-button-style="outline"] & {
    min-height: calc(var(--spacing) * 14) !important;
    min-width: calc(var(--spacing) * 14) !important;
    border-radius: var(--radius-lg) !important;
    border-style: var(--tw-border-style) !important;
    border-width: 0px !important;
    background-color: var(--color-actions-primary) !important;
    padding-inline: calc(var(--spacing) * 8) !important;
    padding-block: calc(var(--spacing) * 3.5) !important;
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important;
    color: var(--color-primary-foreground) !important;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
    &:hover, &:focus {
      background-color: var(--color-actions-regular) !important;
    }
    background-color: var(--pht-next-bg, var(--color-actions-primary));
    border-radius: var(--pht-btn-radius, var(--radius-lg)) !important;
    text-transform: var(--pht-btn-text-transform, none) !important;
    &:hover, &:focus {
      background-color: var(--pht-next-hover-bg, var(--pht-next-bg, #6200ee)) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: var(--pht-next-hover-bg, color-mix(in oklab, var(--pht-next-bg, var(--color-actions-primary)) 90%, black)) !important;
      }
    }
  }
  #pht-payments[data-button-style="clip"] & {
    position: relative;
    isolation: isolate;
    min-height: calc(var(--spacing) * 14);
    border-radius: 0 !important;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 3.5);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-foreground);
    --clip-size: 12px;
    --clip-border-width: 2px;
    --clip-border-color: var(--color-tone-darkest);
    --clip-bg: var(--color-secondary);
    --clip-inner-size: max(0px, calc(var(--clip-size) - var(--clip-border-width)));
    transition: all 0.3s ease;
    &::before,
    &::after {
      content: '';
      position: absolute;
      inset: 0;
      pointer-events: none;
      clip-path: polygon(
            var(--clip-size) 0px,
            100% 0px,
            100% calc(100% - var(--clip-size)),
            calc(100% - var(--clip-size)) 100%,
            0px 100%,
            0px var(--clip-size)
        );
    }
    &::before {
      z-index: -1;
      inset: var(--clip-border-width);
      background: var(--clip-bg);
      clip-path: polygon(
            var(--clip-inner-size) 0px,
            100% 0px,
            100% calc(100% - var(--clip-inner-size)),
            calc(100% - var(--clip-inner-size)) 100%,
            0px 100%,
            0px var(--clip-inner-size)
        );
    }
    &::after {
      z-index: -2;
      background: var(--clip-border-color);
    }
    &:hover {
      --clip-bg: var(--color-secondary);
      --clip-border-color: var(--color-white);
    }
    &:focus,
    &:focus-visible,
    &.selected {
      --clip-bg: var(--color-brand);
      --clip-border-color: var(--color-brand);
    }
    --clip-bg: var(--pht-next-bg, var(--color-actions-primary));
    --clip-border-color: var(--pht-next-bg, var(--color-actions-primary));
    color: var(--color-primary-foreground);
    &:hover, &:focus {
      --clip-bg: var(--pht-next-bg, var(--color-actions-primary));
      --clip-border-color: var(--pht-next-bg, var(--color-actions-primary));
    }
  }
}
.pht-full-width {
  .pht-next {
    @media (width < 64rem) {
      width: 100%;
    }
    @media (width >= 64rem) {
      margin-inline: auto;
    }
    @media (width >= 64rem) {
      min-width: calc(var(--spacing) * 80);
    }
  }
}
.pht-cart-confirm {
  display: none;
  &.pht-cart-confirm--preview {
    display: block;
  }
  &.pht-cart-confirm--banner {
    margin-bottom: calc(var(--spacing) * 8);
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-border);
    padding-block: calc(var(--spacing) * 8);
    background: var(--pht-cart-confirm-bg, var(--color-background, #000));
  }
}
.pht-cart-confirm-inner {
  display: flex;
  width: 100%;
  max-width: var(--container-md);
  flex-direction: column;
  align-items: center;
  gap: calc(var(--spacing) * 4);
  padding-inline: calc(var(--spacing) * 6);
  text-align: center;
}
.pht-cart-confirm-icon {
  display: flex;
  height: calc(var(--spacing) * 12);
  width: calc(var(--spacing) * 12);
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  color: var(--color-secondary);
  background: var(--color-actions-primary);
  svg {
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
  }
}
.pht-cart-confirm-title {
  margin: calc(var(--spacing) * 0);
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide);
  color: var(--color-foreground);
  text-transform: uppercase;
  text-transform: var(--uppercase-headings, uppercase);
}
.pht-cart-confirm-subtitle {
  margin: calc(var(--spacing) * 0);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-muted-foreground);
}
.pht-cart-confirm-btn {
  width: 100%;
  #pht-payments[data-button-style="outline"] & {
    min-height: calc(var(--spacing) * 14);
    min-width: calc(var(--spacing) * 14);
    border-radius: var(--radius-lg) !important;
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-tone-darkest);
    background-color: var(--color-secondary);
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 3.5);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-foreground);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover, &:focus {
      border-color: var(--color-shade-lighter);
      background-color: color-mix(in srgb, #14215AFF 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-shade-lighter) 20%, transparent);
      }
      color: var(--color-brand);
    }
  }
  #pht-payments[data-button-style="clip"] & {
    position: relative;
    isolation: isolate;
    min-height: calc(var(--spacing) * 14);
    border-radius: 0 !important;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 3.5);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-foreground);
    --clip-size: 12px;
    --clip-border-width: 2px;
    --clip-border-color: var(--color-tone-darkest);
    --clip-bg: var(--color-secondary);
    --clip-inner-size: max(0px, calc(var(--clip-size) - var(--clip-border-width)));
    transition: all 0.3s ease;
    &::before,
    &::after {
      content: '';
      position: absolute;
      inset: 0;
      pointer-events: none;
      clip-path: polygon(
            var(--clip-size) 0px,
            100% 0px,
            100% calc(100% - var(--clip-size)),
            calc(100% - var(--clip-size)) 100%,
            0px 100%,
            0px var(--clip-size)
        );
    }
    &::before {
      z-index: -1;
      inset: var(--clip-border-width);
      background: var(--clip-bg);
      clip-path: polygon(
            var(--clip-inner-size) 0px,
            100% 0px,
            100% calc(100% - var(--clip-inner-size)),
            calc(100% - var(--clip-inner-size)) 100%,
            0px 100%,
            0px var(--clip-inner-size)
        );
    }
    &::after {
      z-index: -2;
      background: var(--clip-border-color);
    }
    &:hover {
      --clip-bg: var(--color-secondary);
      --clip-border-color: var(--color-white);
    }
    &:focus,
    &:focus-visible,
    &.selected {
      --clip-bg: var(--color-brand);
      --clip-border-color: var(--color-brand);
    }
    --clip-bg: var(--color-actions-primary);
    --clip-border-color: var(--color-actions-primary);
    color: var(--color-primary-foreground);
    &:hover, &:focus {
      --clip-bg: var(--pht-next-bg, var(--color-actions-primary));
      --clip-border-color: var(--pht-next-bg, var(--color-actions-primary));
    }
  }
}
.pht-basket-drawer {
  position: fixed;
  inset: 0;
  z-index: 200;
  pointer-events: none;
  .pht-basket-drawer-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .pht-basket-drawer-panel {
    max-width: var(--container-md);
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--color-border);
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: var(--pht-header-bg, var(--color-background));
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    box-shadow: -4px 0 32px rgba(0, 0, 0, 0.15);
  }
  .pht-basket-drawer-header {
    position: sticky;
    top: calc(var(--spacing) * 0);
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-border);
    background-color: var(--color-background);
    padding: calc(var(--spacing) * 4);
  }
  .pht-basket-drawer-title {
    margin: calc(var(--spacing) * 0);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-foreground);
    text-transform: var(--uppercase-headings, uppercase);
  }
  .pht-basket-drawer-close {
    display: flex;
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    flex-shrink: 0;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 0px;
    padding: calc(var(--spacing) * 0);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-muted);
      }
    }
    background: transparent;
    color: var(--color-white);
    span {
      display: block;
      height: calc(var(--spacing) * 5);
      width: calc(var(--spacing) * 5);
      background-color: currentColor;
      -webkit-mask: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18%206L6%2018M6%206l12%2012%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;
      mask: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18%206L6%2018M6%206l12%2012%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;
    }
  }
  .pht-basket-drawer-body {
    flex: 1;
    overflow-y: auto;
    background-color: var(--color-background);
    padding: calc(var(--spacing) * 4);
    .pht-summary {
      border-radius: var(--radius-lg);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-border);
      background-color: var(--color-secondary);
      padding: calc(var(--spacing) * 6);
    }
  }
  &.pht-basket-drawer--open {
    pointer-events: auto;
    .pht-basket-drawer-overlay {
      opacity: 1;
    }
    .pht-basket-drawer-panel {
      transform: translateX(0);
    }
  }
}
body.pht-basket-drawer-active {
  overflow: hidden;
}
.pht-header {
  position: sticky;
  top: calc(var(--spacing) * 0);
  z-index: 50;
  height: 72px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-border);
  background-color: var(--pht-header-bg, var(--color-background));
  .pht-header-container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
    margin-inline: auto;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: space-between;
    padding-inline: calc(var(--spacing) * 4);
  }
  .pht-header-logo {
    cursor: pointer;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding: calc(var(--spacing) * 0);
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        opacity: 80%;
      }
    }
    img {
      height: calc(var(--spacing) * 9);
    }
  }
  .pht-header-actions {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .pht-header-basket {
    position: relative;
    display: block;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    cursor: pointer;
    border-style: var(--tw-border-style);
    border-width: 0px;
    padding: calc(var(--spacing) * 2);
    color: var(--color-white);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-muted);
      }
    }
    border-radius: var(--pht-input-selector-btn-radius, var(--radius-xl)) !important;
    background-color: var(--pht-basket-btn-bg, var(--color-background));
    .pht-header-basket-icon {
      height: calc(var(--spacing) * 8);
      width: calc(var(--spacing) * 8);
      display: inline-block;
      background-color: currentColor;
      -webkit-mask: url("data:image/svg+xml,%3Csvg%20width%3D'32'%20height%3D'32'%20viewBox%3D'0%200%2032%2032'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M8.00436%2010.4169L4.76172%207.17422L6.17593%205.76001L9.41857%209.00265H24.6603C25.2126%209.00265%2025.6603%209.45037%2025.6603%2010.0026C25.6603%2010.1%2025.6461%2010.1968%2025.6182%2010.29L23.2182%2018.29C23.0913%2018.713%2022.7019%2019.0027%2022.2603%2019.0027H10.0044V21.0027H21.0044V23.0027H9.00436C8.45207%2023.0027%208.00436%2022.5549%208.00436%2022.0027V10.4169ZM10.0044%2011.0026V17.0027H21.5163L23.3163%2011.0026H10.0044ZM9.50436%2027.0027C8.67593%2027.0027%208.00436%2026.3311%208.00436%2025.5027C8.00436%2024.6742%208.67593%2024.0027%209.50436%2024.0027C10.3328%2024.0027%2011.0044%2024.6742%2011.0044%2025.5027C11.0044%2026.3311%2010.3328%2027.0027%209.50436%2027.0027ZM21.5044%2027.0027C20.6759%2027.0027%2020.0044%2026.3311%2020.0044%2025.5027C20.0044%2024.6742%2020.6759%2024.0027%2021.5044%2024.0027C22.3328%2024.0027%2023.0044%2024.6742%2023.0044%2025.5027C23.0044%2026.3311%2022.3328%2027.0027%2021.5044%2027.0027Z'%20fill%3D'currentColor'/%3E%3C/svg%3E") center/contain no-repeat;
      mask: url("data:image/svg+xml,%3Csvg%20width%3D'32'%20height%3D'32'%20viewBox%3D'0%200%2032%2032'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M8.00436%2010.4169L4.76172%207.17422L6.17593%205.76001L9.41857%209.00265H24.6603C25.2126%209.00265%2025.6603%209.45037%2025.6603%2010.0026C25.6603%2010.1%2025.6461%2010.1968%2025.6182%2010.29L23.2182%2018.29C23.0913%2018.713%2022.7019%2019.0027%2022.2603%2019.0027H10.0044V21.0027H21.0044V23.0027H9.00436C8.45207%2023.0027%208.00436%2022.5549%208.00436%2022.0027V10.4169ZM10.0044%2011.0026V17.0027H21.5163L23.3163%2011.0026H10.0044ZM9.50436%2027.0027C8.67593%2027.0027%208.00436%2026.3311%208.00436%2025.5027C8.00436%2024.6742%208.67593%2024.0027%209.50436%2024.0027C10.3328%2024.0027%2011.0044%2024.6742%2011.0044%2025.5027C11.0044%2026.3311%2010.3328%2027.0027%209.50436%2027.0027ZM21.5044%2027.0027C20.6759%2027.0027%2020.0044%2026.3311%2020.0044%2025.5027C20.0044%2024.6742%2020.6759%2024.0027%2021.5044%2024.0027C22.3328%2024.0027%2023.0044%2024.6742%2023.0044%2025.5027C23.0044%2026.3311%2022.3328%2027.0027%2021.5044%2027.0027Z'%20fill%3D'currentColor'/%3E%3C/svg%3E") center/contain no-repeat;
    }
    span:last-of-type {
      position: absolute;
      top: calc(var(--spacing) * 1.5);
      right: calc(var(--spacing) * 1.5);
      display: none;
      height: calc(var(--spacing) * 2);
      width: calc(var(--spacing) * 2);
      border-radius: calc(infinity * 1px);
      background-color: var(--color-primary);
      &.active {
        display: block;
      }
    }
  }
  .pht-header-account {
    position: relative;
    display: block;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    cursor: pointer;
    border-style: var(--tw-border-style);
    border-width: 0px;
    padding: calc(var(--spacing) * 2);
    color: var(--color-white);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-muted);
      }
    }
    border-radius: var(--pht-input-selector-btn-radius, var(--radius-xl)) !important;
    background-color: var(--pht-basket-btn-bg, var(--color-background));
    .pht-header-account-icon {
      height: calc(var(--spacing) * 8);
      width: calc(var(--spacing) * 8);
      display: inline-block;
      background-color: currentColor;
      -webkit-mask: url("data:image/svg+xml,%3Csvg%20width%3D'32'%20height%3D'32'%20viewBox%3D'0%200%2032%2032'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M8%2026C8%2021.5817%2011.5817%2018%2016%2018C20.4183%2018%2024%2021.5817%2024%2026H22C22%2022.6863%2019.3137%2020%2016%2020C12.6863%2020%2010%2022.6863%2010%2026H8ZM16%2017C12.685%2017%2010%2014.315%2010%2011C10%207.685%2012.685%205%2016%205C19.315%205%2022%207.685%2022%2011C22%2014.315%2019.315%2017%2016%2017ZM16%2015C18.21%2015%2020%2013.21%2020%2011C20%208.79%2018.21%207%2016%207C13.79%207%2012%208.79%2012%2011C12%2013.21%2013.79%2015%2016%2015Z'%20fill%3D'currentColor'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;
      mask: url("data:image/svg+xml,%3Csvg%20width%3D'32'%20height%3D'32'%20viewBox%3D'0%200%2032%2032'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M8%2026C8%2021.5817%2011.5817%2018%2016%2018C20.4183%2018%2024%2021.5817%2024%2026H22C22%2022.6863%2019.3137%2020%2016%2020C12.6863%2020%2010%2022.6863%2010%2026H8ZM16%2017C12.685%2017%2010%2014.315%2010%2011C10%207.685%2012.685%205%2016%205C19.315%205%2022%207.685%2022%2011C22%2014.315%2019.315%2017%2016%2017ZM16%2015C18.21%2015%2020%2013.21%2020%2011C20%208.79%2018.21%207%2016%207C13.79%207%2012%208.79%2012%2011C12%2013.21%2013.79%2015%2016%2015Z'%20fill%3D'currentColor'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;
    }
  }
}
.pht-footer {
  margin-top: auto;
  background-color: var(--pht-footer-bg, var(--color-primary));
  .pht-footer-container {
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 6);
    @media (width >= 64rem) {
      flex-direction: row;
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
    @media (width >= 96rem) {
      width: 100%;
      @media (width >= 40rem) {
        max-width: 40rem;
      }
      @media (width >= 48rem) {
        max-width: 48rem;
      }
      @media (width >= 64rem) {
        max-width: 64rem;
      }
      @media (width >= 80rem) {
        max-width: 80rem;
      }
      @media (width >= 96rem) {
        max-width: 96rem;
      }
    }
  }
  .pht-footer-info {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--pht-footer-info-color, var(--color-primary-foreground));
    p {
      margin: calc(var(--spacing) * 0);
      &:last-child {
        display: none;
        font-family: var(--font-geist-mono);
        @media (width >= 64rem) {
          display: block;
        }
        color: var(--pht-footer-additional-color, color-mix(in srgb, #FFFFFF 50%, transparent));
        @supports (color: color-mix(in lab, red, red)) {
          color: var(--pht-footer-additional-color, color-mix(in oklab, var(--color-primary-foreground) 50%, transparent));
        }
        span {
          --tw-font-weight: var(--font-weight-normal);
          font-weight: var(--font-weight-normal);
        }
      }
    }
    a {
      text-decoration-line: underline;
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          opacity: 80%;
        }
      }
      color: var(--pht-footer-info-color, var(--color-primary-foreground));
    }
  }
  .pht-footer-additional-info {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    font-size: 11px;
    @media (width >= 64rem) {
      justify-content: space-between;
    }
    .pht-footer-additional-info-paragraphs {
      @media (width < 64rem) {
        display: flex;
      }
      @media (width < 64rem) {
        flex-direction: row;
      }
      @media (width < 64rem) {
        justify-content: space-between;
      }
      p {
        margin: calc(var(--spacing) * 0);
        font-family: var(--font-geist-mono);
        font-size: 10px;
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        color: var(--pht-footer-additional-color, color-mix(in srgb, #FFFFFF 50%, transparent));
        @supports (color: color-mix(in lab, red, red)) {
          color: var(--pht-footer-additional-color, color-mix(in oklab, var(--color-primary-foreground) 50%, transparent));
        }
        span {
          --tw-font-weight: var(--font-weight-normal);
          font-weight: var(--font-weight-normal);
        }
        &:last-child {
          @media (width >= 64rem) {
            text-align: right;
          }
        }
        &:not(:last-child) {
          @media (width >= 64rem) {
            display: none;
          }
        }
      }
    }
  }
}
.pht-footer-logo {
  width: calc(var(--spacing) * 31);
  max-width: calc(var(--spacing) * 31);
  @media (width >= 64rem) {
    margin-left: auto;
  }
}
.pht-spacer {
  display: block;
  height: calc(var(--spacing) * 6.25);
  @media (width >= 64rem) {
    height: calc(var(--spacing) * 12.5);
  }
}
.pht-venue-picker {
  width: 100%;
  overflow: hidden;
}
.pht-venue-picker__hero {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 340px;
  background-color: #0a0a0a;
}
.pht-venue-picker__hero-overlay {
  position: absolute;
  inset: calc(var(--spacing) * 0);
  background: linear-gradient(to bottom, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.70) 55%, rgba(0,0,0,0.96) 100%);
}
.pht-venue-picker__hero-content {
  position: relative;
  z-index: 10;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--spacing) * 8);
  padding-inline: calc(var(--spacing) * 4);
}
.pht-venue-picker__heading {
  text-align: center;
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
  color: var(--color-foreground);
  @media (width >= 48rem) {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  @media (width >= 64rem) {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
}
.pht-venue-picker__search-row {
  display: flex;
  width: 100%;
  max-width: var(--container-2xl);
  flex-direction: column;
  gap: calc(var(--spacing) * 3);
  @media (width >= 40rem) {
    flex-direction: row;
  }
}
.pht-venue-picker__geolocate {
  display: flex;
  flex: 1;
  cursor: pointer;
  align-items: center;
  gap: calc(var(--spacing) * 2.5);
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: color-mix(in srgb, #FFFFFF 25%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
  }
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 3);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-white);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  background: rgba(255,255,255,0.08);
  backdrop-filter: blur(6px);
  &:hover {
    background: rgba(255,255,255,0.15);
  }
  &.pht-venue-picker__geolocate--loading {
    cursor: wait;
    opacity: 60%;
  }
}
.pht-venue-picker__geo-icon {
  display: inline-block;
  height: calc(var(--spacing) * 5);
  width: calc(var(--spacing) * 5);
  flex-shrink: 0;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2v3M12 19v3M2 12h3M19 12h3'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2v3M12 19v3M2 12h3M19 12h3'/%3E%3C/svg%3E") center/contain no-repeat;
}
.pht-venue-picker__geo-toggle {
  display: flex;
  cursor: pointer;
  align-items: center;
  gap: calc(var(--spacing) * 2.5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: color-mix(in srgb, #FFFFFF 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 60%, transparent);
  }
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  &:hover {
    color: rgba(255,255,255,0.85);
  }
  &.is-active {
    color: #fff;
  }
}
.pht-venue-picker__toggle-track {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  border-radius: calc(infinity * 1px);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  width: 36px;
  height: 20px;
  background: rgba(255,255,255,0.15);
  border: 1px solid rgba(255,255,255,0.2);
  .is-active & {
    background: var(--color-brand, #14215c);
    border-color: var(--color-brand, #14215c);
  }
}
.pht-venue-picker__toggle-thumb {
  position: absolute;
  border-radius: calc(infinity * 1px);
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  width: 14px;
  height: 14px;
  left: 2px;
  background: rgba(255,255,255,0.5);
  .is-active & {
    transform: translateX(16px);
    background: #fff;
  }
}
.pht-venue-picker__search-wrap {
  position: relative;
  display: flex;
  display: none;
  flex: 1;
  align-items: center;
}
.pht-venue-picker__search {
  width: 100%;
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: color-mix(in srgb, #FDFDFD 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-muted) 30%, transparent);
  }
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 3);
  padding-right: calc(var(--spacing) * 10);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-white);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-outline-style: none;
  outline-style: none;
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-primary);
    }
  }
  background: rgba(255,255,255,0.08);
  backdrop-filter: blur(6px);
  &::-moz-placeholder {
    color: rgba(255,255,255,0.5);
  }
  &::placeholder {
    color: rgba(255,255,255,0.5);
  }
  &:focus {
    border-color: rgba(255,255,255,0.5);
    background: rgba(255,255,255,0.12);
  }
}
.pht-venue-picker__search-icon {
  pointer-events: none;
  position: absolute;
  top: calc(1/2 * 100%);
  right: calc(var(--spacing) * 3);
  height: calc(var(--spacing) * 4.5);
  width: calc(var(--spacing) * 4.5);
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  background-color: rgba(255,255,255,0.5);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") center/contain no-repeat;
}
.pht-venue-picker__grid-wrap {
  background-color: #0d0d0d;
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 6);
}
.pht-venue-picker__grid {
  margin-inline: auto;
  margin-bottom: calc(var(--spacing) * 8);
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  -moz-column-gap: calc(var(--spacing) * 8);
       column-gap: calc(var(--spacing) * 8);
  row-gap: calc(var(--spacing) * 1);
  padding-inline: calc(var(--spacing) * 4);
  @media (width >= 40rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 6);
  }
  @media (width >= 64rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 8);
  }
  @media (width >= 96rem) {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
}
.pht-venue-picker__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-muted);
  padding-block: calc(var(--spacing) * 4);
  text-align: left;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-primary);
    }
  }
  color: rgba(255,255,255,0.88);
  &:hover {
    color: #fff;
  }
}
.pht-venue-picker__name {
  color: var(--color-foreground);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.pht-venue-picker__item:hover .pht-venue-picker__name {
  color: var(--color-primary);
}
.pht-venue-picker__arrow {
  flex-shrink: 0;
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  color: rgba(255,255,255,0.4);
  transition: transform 0.2s ease, color 0.2s ease;
}
.pht-venue-picker__item:hover .pht-venue-picker__arrow {
  transform: translateX(4px);
  color: rgba(255,255,255,0.7);
}
.pht-venue-picker__no-results {
  grid-column: 1 / -1;
  padding-block: calc(var(--spacing) * 10);
  text-align: center;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: rgba(255,255,255,0.4);
}
.pht-content-info {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 3);
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-border);
  padding: calc(var(--spacing) * 6);
  padding: calc(var(--spacing) * 4);
  margin-bottom: var(--pht-component-mb-lg, calc(var(--spacing) * 14));
  .pht-content-info-icon {
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    flex-shrink: 0;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .pht-content-info-title {
    margin-bottom: calc(var(--spacing) * 3);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-foreground);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
  }
  .pht-content-info-body {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-muted-foreground);
    p {
      margin-bottom: calc(var(--spacing) * 2);
      &:last-child {
        margin-bottom: calc(var(--spacing) * 0);
      }
    }
    ul, ol {
      margin-bottom: calc(var(--spacing) * 2);
      padding-left: calc(var(--spacing) * 5);
      &:last-child {
        margin-bottom: calc(var(--spacing) * 0);
      }
    }
    li {
      margin-bottom: calc(var(--spacing) * 1);
    }
    a {
      color: var(--color-actions-primary);
      text-decoration-line: underline;
    }
  }
}
.pht-carousel {
  margin-bottom: calc(var(--spacing) * 6);
  .pht-carousel-stage {
    position: relative;
  }
  .pht-carousel-slides {
    width: 100%;
    overflow: hidden;
    .pht-carousel-item {
      position: relative;
      height: calc(var(--spacing) * 0);
      width: 100%;
      padding-bottom: 56.25%;
      img {
        position: absolute;
        inset: calc(var(--spacing) * 0);
        display: block;
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
           object-fit: cover;
      }
    }
  }
  &.pht-carousel-dynamic:not(.pht-carousel-ready) .pht-carousel-slides {
    visibility: hidden;
  }
  .owl-nav {
    pointer-events: none;
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding-inline: calc(var(--spacing) * 4);
    button {
      pointer-events: auto;
      display: flex;
      height: calc(var(--spacing) * 10);
      width: calc(var(--spacing) * 10) !important;
      align-items: center;
      justify-content: center;
      border-radius: calc(infinity * 1px);
      border-style: var(--tw-border-style);
      border-width: 0px;
      background-color: color-mix(in srgb, #ffffff 80%, transparent) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-background) 80%, transparent) !important;
      }
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-background) !important;
        }
      }
      &.disabled {
        cursor: not-allowed;
        opacity: 40%;
      }
    }
  }
  .pht-carousel-slides .owl-dots,
    > .owl-dots {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    .owl-dot {
      height: calc(var(--spacing) * 2);
      width: calc(var(--spacing) * 2);
      cursor: pointer;
      border-radius: calc(infinity * 1px);
      border-style: var(--tw-border-style);
      border-width: 0px;
      background-color: color-mix(in srgb, #6b7280 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-muted-foreground) 40%, transparent);
      }
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, #6b7280 60%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-muted-foreground) 60%, transparent);
          }
        }
      }
      &.active {
        width: calc(var(--spacing) * 4);
        background-color: var(--color-primary);
      }
      span {
        display: none;
      }
    }
  }
  .pht-carousel-counter {
    position: absolute;
    right: calc(var(--spacing) * 4);
    bottom: calc(var(--spacing) * 8);
    z-index: 10;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-white);
    background: rgba(0, 0, 0, 0.55);
    border-radius: 9999px;
    pointer-events: none;
  }
  .pht-carousel-arrow {
    display: block;
    width: 24px;
    height: 24px;
    background-color: white;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-size: contain;
            mask-size: contain;
  }
  .pht-carousel-arrow-prev {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.8284 16.9997L17.1924 22.3637L15.7782 23.778L8 15.9997L15.7782 8.22163L17.1924 9.63583L11.8284 14.9997L24 14.9997L24 16.9997L11.8284 16.9997Z' fill='black'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.8284 16.9997L17.1924 22.3637L15.7782 23.778L8 15.9997L15.7782 8.22163L17.1924 9.63583L11.8284 14.9997L24 14.9997L24 16.9997L11.8284 16.9997Z' fill='black'/%3E%3C/svg%3E");
  }
  .pht-carousel-arrow-next {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.1716 14.9999L14.8076 9.63589L16.2218 8.22168L24 15.9999L16.2218 23.778L14.8076 22.3638L20.1716 16.9999H8V14.9999H20.1716Z' fill='currentColor'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.1716 14.9999L14.8076 9.63589L16.2218 8.22168L24 15.9999L16.2218 23.778L14.8076 22.3638L20.1716 16.9999H8V14.9999H20.1716Z' fill='currentColor'/%3E%3C/svg%3E");
  }
}
[id] {
  scroll-margin-top: calc(72px + 48px);
}
.pht-anchor-nav {
  margin-bottom: calc(var(--spacing) * 4);
  display: flex;
  gap: calc(var(--spacing) * 4);
  .pht-anchor-link {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-foreground);
    color: var(--color-label-action);
    text-transform: uppercase;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
}
.pht-columns {
  @media (width >= 40rem) {
    max-width: 40rem;
  }
  @media (width >= 48rem) {
    max-width: 48rem;
  }
  @media (width >= 64rem) {
    max-width: 64rem;
  }
  @media (width >= 80rem) {
    max-width: 80rem;
  }
  @media (width >= 96rem) {
    max-width: 96rem;
  }
  margin-inline: auto;
  display: flex;
  width: 100%;
  flex-direction: column;
  padding-inline: calc(var(--spacing) * 4);
  @media (width >= 64rem) {
    flex-direction: row;
  }
  &[data-gap="0"] {
    gap: 0;
  }
  &[data-gap="1"] {
    gap: 0.25rem;
  }
  &[data-gap="2"] {
    gap: 0.5rem;
  }
  &[data-gap="4"] {
    gap: 1rem;
  }
  &[data-gap="6"] {
    gap: 1.5rem;
  }
  &[data-gap="8"] {
    gap: 2rem;
  }
  &[data-gap="12"] {
    gap: 3rem;
  }
  &.pht-columns-no-stack {
    flex-wrap: nowrap;
  }
  &.pht-columns-divider {
    @media (min-width: 1024px) {
      > .pht-col + .pht-col {
        border-left: 1px solid hsl(var(--border));
      }
    }
  }
}
.pht-col {
  width: 100%;
  min-width: calc(var(--spacing) * 0);
  &[data-width-mobile="full"] {
    width: 100%;
  }
  &[data-width-mobile="1/2"] {
    width: 50%;
  }
  @media (min-width: 1024px) {
    &[data-width="auto"] {
      flex: 1;
      width: auto;
    }
    &[data-width="1/4"] {
      width: 25%;
    }
    &[data-width="1/3"] {
      flex: none;
      width: 33.333%;
    }
    &[data-width="2/5"] {
      flex: none;
      width: 40%;
    }
    &[data-width="1/2"] {
      flex: none;
      width: 50%;
    }
    &[data-width="3/5"] {
      flex: none;
      width: 60%;
    }
    &[data-width="2/3"] {
      flex: none;
      width: 66.666%;
    }
    &[data-width="3/4"] {
      flex: none;
      width: 75%;
    }
    &[data-width="full"] {
      flex: none;
      width: 100%;
    }
  }
}
.pht-two-col-layout.pht-media-hidden .pht-media-col {
  display: none;
}
.pht-booking-col {
  position: relative;
}
.pht-two-col-layout.pht-media-hidden .pht-booking-col {
  flex-basis: 100% !important;
}
.pht-col-toggle {
  position: absolute;
  top: calc(var(--spacing) * 6);
  left: calc(var(--spacing) * -5);
  z-index: 10;
  display: flex;
  height: calc(var(--spacing) * 10);
  width: calc(var(--spacing) * 10);
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-200);
  background-color: var(--color-white);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition: transform 0.3s ease;
}
.pht-col-toggle svg {
  height: calc(var(--spacing) * 5);
  width: calc(var(--spacing) * 5);
  color: var(--color-gray-600);
  transition: transform 0.3s ease;
}
.pht-col-toggle.pht-col-toggle--expand svg {
  transform: rotate(180deg);
}
.pht-date-people-locked {
  margin-bottom: calc(var(--spacing) * 6);
}
.pht-date-people-locked-inner {
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-border);
  padding: calc(var(--spacing) * 4);
  background: var(--color-secondary, #f9f9fb);
}
.pht-date-people-locked-label {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-foreground);
  color: var(--color-muted-foreground);
}
.pht-date-people-locked-value {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  color: var(--color-foreground, #222639);
}
.pht-date-people-locked--editor {
  display: block !important;
  opacity: 0.7;
}
@font-face {
  font-family: "Geist";
  src: url("../src/fonts/Geist-VariableFont_wght.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geist Mono";
  src: url("../src/fonts/GeistMono-VariableFont_wght.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@media (max-width: 1023px) {
  body .is-layout-flex {
    flex-direction: column !important;
  }
}
:where(.wp-block) {
  max-width: none !important;
}
h1, h2, h3, h4, h5, h6 {
  color: var(--color-foreground);
  &:empty {
    display: none;
  }
  &:is(h1) {
    font-family: var(--heading-h1-font-family, var(--heading-font-family, var(--default-font-family)));
    font-size: var(--heading-h1-size);
    line-height: var(--heading-h1-line-height);
    font-weight: var(--heading-h1-weight);
    text-transform: var(--heading-h1-uppercase, none);
    letter-spacing: var(--heading-h1-letter-spacing, normal);
  }
  &:is(h2) {
    font-family: var(--heading-h2-font-family, var(--heading-font-family, var(--default-font-family)));
    font-size: var(--heading-h2-size);
    line-height: var(--heading-h2-line-height);
    font-weight: var(--heading-h2-weight);
    text-transform: var(--heading-h2-uppercase, none);
    letter-spacing: var(--heading-h2-letter-spacing, normal);
  }
  &:is(h3) {
    font-family: var(--heading-h3-font-family, var(--heading-font-family, var(--default-font-family)));
    font-size: var(--heading-h3-size);
    line-height: var(--heading-h3-line-height);
    font-weight: var(--heading-h3-weight);
    text-transform: var(--heading-h3-uppercase, none);
    letter-spacing: var(--heading-h3-letter-spacing, normal);
  }
  &:is(h4) {
    font-family: var(--heading-h4-font-family, var(--heading-font-family, var(--default-font-family)));
    font-size: var(--heading-h4-size);
    line-height: var(--heading-h4-line-height);
    font-weight: var(--heading-h4-weight);
    text-transform: var(--heading-h4-uppercase, none);
    letter-spacing: var(--heading-h4-letter-spacing, normal);
  }
  &:is(h5) {
    font-family: var(--heading-h5-font-family, var(--heading-font-family, var(--default-font-family)));
    font-size: var(--heading-h5-size);
    line-height: var(--heading-h5-line-height);
    font-weight: var(--heading-h5-weight);
    text-transform: var(--heading-h5-uppercase, none);
    letter-spacing: var(--heading-h5-letter-spacing, normal);
  }
  &:is(h6) {
    font-family: var(--heading-h6-font-family, var(--heading-font-family, var(--default-font-family)));
    font-size: var(--heading-h6-size);
    line-height: var(--heading-h6-line-height);
    font-weight: var(--heading-h6-weight);
    text-transform: var(--heading-h6-uppercase, none);
    letter-spacing: var(--heading-h6-letter-spacing, normal);
  }
}
button {
  cursor: pointer;
  touch-action: manipulation;
}
#pht-payments[data-button-style="outline"] .button-clip::before,
#pht-payments[data-button-style="outline"] .button-clip::after {
  content: none;
}
#pht-payments[data-button-style="outline"] .button-clip {
  border-radius: var(--radius-lg, 0.5rem);
}
input[type="checkbox"] {
  display: flex;
  height: calc(var(--spacing) * 6);
  width: calc(var(--spacing) * 6);
  flex-shrink: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-muted-foreground);
  background-color: transparent;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  &:checked {
    border-color: var(--color-brand);
    background-color: var(--color-brand);
    color: var(--color-primary-foreground);
    &::after {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      background-color: currentColor;
      mask: url("data:image/svg+xml,%3Csvg%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19.1272%208.677L10.8545%2018.1011L5.71509%2013.2056L7.78491%2011.0332L10.6611%2013.7732L16.8728%206.698L19.1272%208.677Z'%20fill%3D'white'/%3E%3C%2Fsvg%3E") center / contain no-repeat;
      -webkit-mask: url("data:image/svg+xml,%3Csvg%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19.1272%208.677L10.8545%2018.1011L5.71509%2013.2056L7.78491%2011.0332L10.6611%2013.7732L16.8728%206.698L19.1272%208.677Z'%20fill%3D'white'/%3E%3C%2Fsvg%3E") center / contain no-repeat;
    }
  }
}
select {
  background-image: none;
}
:root :where(.is-layout-flow) > * {
  margin-top: calc(var(--spacing) * 0);
}
.site-header, .page-header, .site-footer {
  display: none !important;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-tracking: initial;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-content: "";
      --tw-space-y-reverse: 0;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-duration: initial;
      --tw-leading: initial;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
    }
  }
}