


.hiw3-live {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tt-glass-blur: 6px;
  --tt-cream: #f5f1e6;
  --tt-cream-muted: rgba(245, 241, 230, 0.62);
  --tone-fg: #0b2e25;
  --tt-glass-bg: rgba(7, 34, 27, 0.75);
  --tt-rule: rgba(245, 241, 230, 0.1);
  --tt-modal-bg: #0b2e25;
  color: rgb(11, 46, 37);
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  font-variant-numeric: normal;
  font-feature-settings: normal;
  font-variation-settings: normal;
  letter-spacing: normal;
  line-height: 24px;
  text-align: start;
  text-transform: none;
  text-indent: 0px;
  word-spacing: 0px;
  white-space: normal;
  direction: ltr;
  tab-size: 4;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}


.hiw3-live * { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }
.hiw3-live * { box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 231, 235); }
.hiw3-live p { margin: 0px; }
.hiw3-live img,
.hiw3-live svg { display: block; vertical-align: middle; }
.hiw3-live img { max-width: 100%; height: auto; }
.hiw3-live * { border-color: rgba(245, 241, 230, 0.14); }
.hiw3-live .type-caption { font-family: "DM Sans", system-ui, sans-serif; font-size: 12px; font-weight: 400; line-height: 1.4; }
.hiw3-live .type-eyebrow-lg { font-family: "DM Sans", system-ui, sans-serif; font-size: 12px; font-weight: 600; line-height: 1.4; letter-spacing: 0.05em; text-transform: uppercase; }
.hiw3-live .mt-0\.5 { margin-top: 0.125rem; }
.hiw3-live .mt-1 { margin-top: 0.25rem; }
.hiw3-live .mt-2 { margin-top: 0.5rem; }
.hiw3-live .mt-px { margin-top: 1px; }
.hiw3-live .block { display: block; }
.hiw3-live .flex { display: flex; }
.hiw3-live .inline-flex { display: inline-flex; }
.hiw3-live .grid { display: grid; }
.hiw3-live .inline-grid { display: inline-grid; }
.hiw3-live .h-12 { height: 3rem; }
.hiw3-live .h-3 { height: 0.75rem; }
.hiw3-live .h-3\.5 { height: 0.875rem; }
.hiw3-live .h-4 { height: 1rem; }
.hiw3-live .h-5 { height: 1.25rem; }
.hiw3-live .h-7 { height: 1.75rem; }
.hiw3-live .w-12 { width: 3rem; }
.hiw3-live .w-3 { width: 0.75rem; }
.hiw3-live .w-3\.5 { width: 0.875rem; }
.hiw3-live .w-4 { width: 1rem; }
.hiw3-live .w-7 { width: 1.75rem; }
.hiw3-live .w-fit { width: fit-content; }
.hiw3-live .min-w-0 { min-width: 0px; }
.hiw3-live .flex-1 { flex: 1 1 0%; }
.hiw3-live .shrink-0 { flex-shrink: 0; }
.hiw3-live .grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.hiw3-live .place-items-center { place-items: center; }
.hiw3-live .items-start { align-items: flex-start; }
.hiw3-live .items-center { align-items: center; }
.hiw3-live .justify-center { justify-content: center; }
.hiw3-live .justify-between { justify-content: space-between; }
.hiw3-live .gap-1 { gap: 0.25rem; }
.hiw3-live .gap-1\.5 { gap: 0.375rem; }
.hiw3-live .gap-2 { gap: 0.5rem; }
.hiw3-live .gap-3 { gap: 0.75rem; }
.hiw3-live .divide-x > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); }
.hiw3-live .overflow-hidden { overflow: hidden; }
.hiw3-live .whitespace-nowrap { white-space: nowrap; }
.hiw3-live .rounded-2xl { border-radius: 16px; }
.hiw3-live .rounded-pill { border-radius: 9999px; }
.hiw3-live .rounded-xl { border-radius: 12px; }
.hiw3-live .border { border-width: 1px; }
.hiw3-live .border-b { border-bottom-width: 1px; }
.hiw3-live .border-t { border-top-width: 1px; }
.hiw3-live .border-border { border-color: rgba(245, 241, 230, 0.14); }
.hiw3-live .border-signal-pending-border { --tw-border-opacity: 1; border-color: rgb(245 158 11 / var(--tw-border-opacity, 1)); }
.hiw3-live .bg-card { background-color: rgba(7, 34, 27, 0.55); }
.hiw3-live .bg-cream-100 { --tw-bg-opacity: 1; background-color: rgb(245 241 230 / var(--tw-bg-opacity, 1)); }
.hiw3-live .bg-forest-900\/5 { background-color: rgba(7, 34, 27, 0.05); }
.hiw3-live .bg-proposed-pay-paypal { --tw-bg-opacity: 1; background-color: rgb(0 48 135 / var(--tw-bg-opacity, 1)); }
.hiw3-live .bg-proposed-pay-venmo { --tw-bg-opacity: 1; background-color: rgb(0 140 255 / var(--tw-bg-opacity, 1)); }
.hiw3-live .bg-proposed-pay-zelle { --tw-bg-opacity: 1; background-color: rgb(109 30 212 / var(--tw-bg-opacity, 1)); }
.hiw3-live .bg-signal-pending { --tw-bg-opacity: 1; background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1)); }
.hiw3-live .bg-signal-pending-bg { --tw-bg-opacity: 1; background-color: rgb(252 211 77 / var(--tw-bg-opacity, 1)); }
.hiw3-live .p-3 { padding: 0.75rem; }
.hiw3-live .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.hiw3-live .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.hiw3-live .py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; }
.hiw3-live .py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; }
.hiw3-live .text-left { text-align: left; }
.hiw3-live .text-2xs { font-size: 12px; line-height: 16px; }
.hiw3-live .text-3xs { font-size: 12px; line-height: 16px; }
.hiw3-live .text-base { font-size: 16px; line-height: 24px; }
.hiw3-live .text-sm { font-size: 14px; line-height: 20px; }
.hiw3-live .font-bold { font-weight: 700; }
.hiw3-live .font-medium { font-weight: 500; }
.hiw3-live .font-semibold { font-weight: 600; }
.hiw3-live .uppercase { text-transform: uppercase; }
.hiw3-live .leading-tight { line-height: 1.25; }
.hiw3-live .tracking-wider { letter-spacing: 0.05em; }
.hiw3-live .text-cream-100 { --tw-text-opacity: 1; color: rgb(245 241 230 / var(--tw-text-opacity, 1)); }
.hiw3-live .text-forest-700\/55 { color: rgba(11, 46, 37, 0.55); }
.hiw3-live .text-forest-700\/65 { color: rgba(11, 46, 37, 0.65); }
.hiw3-live .text-forest-900 { --tw-text-opacity: 1; color: rgb(7 34 27 / var(--tw-text-opacity, 1)); }
.hiw3-live .text-inherit { color: inherit; }
.hiw3-live .text-signal-pending-fg { --tw-text-opacity: 1; color: rgb(120 53 15 / var(--tw-text-opacity, 1)); }
.hiw3-live .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.hiw3-live .shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.hiw3-live .shadow-xl { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.hiw3-live .bg-card:not(.page-frame):not([data-modal-surface]) { backdrop-filter: blur(var(--tt-glass-blur)); --tone-fg: var(--tt-cream); --tone-fg-muted: var(--tt-cream-muted); color: var(--tone-fg); background-color: var(--tt-glass-bg) !important; border: 1px solid var(--tt-rule) !important; }
.hiw3-live .bg-cream-100,
.hiw3-live .bg-signal-pending-bg { --tone-fg: var(--tt-modal-bg); --tone-fg-muted: rgba(11, 46, 37, 0.65); }
.hiw3-live [class~="border"],
.hiw3-live [class*="border-t"],
.hiw3-live [class*="border-b"],
.hiw3-live [class*="border-l"],
.hiw3-live [class*="divide-x"] > * { border-color: rgba(11, 46, 37, 0.14); }
.hiw3-live .bg-card:not(.page-frame):not([data-modal-surface]) { backdrop-filter: none; --tone-fg: var(--tt-modal-bg); --tone-fg-muted: rgba(11, 46, 37, 0.65); color: var(--tone-fg); background-color: rgb(245, 241, 230) !important; border: 1px solid rgba(11, 46, 37, 0.14) !important; }
.hiw3-live [class*="divide-x"] > :not([hidden]) ~ :not([hidden]) { border-color: rgba(11, 46, 37, 0.14); }
.hiw3-live span { border-radius: 6px; }
.hiw3-live .hiw3-stage { container-type: inline-size; width: 100%; }
.hiw3-live .hiw3-compose { position: relative; width: 100%; max-width: 420px; margin: 0px auto; --hiw3-lift: 84px; --hiw3-drop: 0px; --hiw3-kiss: 24px; padding-top: var(--hiw3-lift); padding-bottom: var(--hiw3-drop); }
.hiw3-live .hiw3-card { position: relative; width: 100%; margin: 0px auto; border-radius: 19px; }
.hiw3-live .hiw3-card-head { padding: 14px 15px; gap: 11px; }
.hiw3-live .hiw3-card-head > div:first-child { width: 34px; height: 34px; }
.hiw3-live .hiw3-card-head > div:first-child svg { width: 19px; height: 19px; }
.hiw3-live .hiw3-head-t { font-size: 16.5px; line-height: 1.3; }
.hiw3-live .hiw3-card-sec { padding: 6px 15px; }
.hiw3-live .hiw3-card-total { padding: 11px 15px 13px; }
.hiw3-live .hiw3-card-grand { margin-top: 7px; padding-top: 8px; }
.hiw3-live .hiw3-card-dep { margin-top: 7px; padding-top: 8px; }
.hiw3-live .hiw3-card-policy { padding: 12px 15px; gap: 9px; }
.hiw3-live .hiw3-tile { padding: 10px 12px; }
.hiw3-live .hiw3-tile-v { font-size: 15px; margin-top: 4px; }
.hiw3-live .hiw3-win { position: absolute; z-index: 1; }
.hiw3-live .hiw3-compose .hiw3-win.bg-card,
.hiw3-live .hiw3-win.bg-card:not(.page-frame):not([data-modal-surface]) { background-color: rgb(7, 34, 27) !important; border-color: rgba(245, 241, 230, 0.14) !important; backdrop-filter: none !important; }
.hiw3-live .hiw3-win-pay { width: max-content; top: calc(var(--hiw3-lift) + var(--hiw3-kiss)); transform: translateY(14%); right: -18px; }
@container (max-width: 460px) {
  .hiw3-live .hiw3-compose { max-width: none; }
  .hiw3-live .hiw3-win-pay { right: -16px; }
  .hiw3-live .hiw3-tile { padding: 10px 8px; }
}
