/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
*, ::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%;
  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;
}
::placeholder {
  opacity: 1;
}
@supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
  ::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 {
  appearance: button;
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  height: auto;
}
[hidden]:where(:not([hidden='until-found'])) {
  display: none !important;
}
:root, :host {
  --font-sans: var(--font-primary);
  --font-mono: 'JetBrains Mono', 'Segoe UI Mono', 'SF Mono', monospace;
  --color-red-400: oklch(70.4% 0.191 22.216);
  --color-red-500: oklch(63.7% 0.237 25.331);
  --color-orange-400: oklch(75% 0.183 55.934);
  --color-cyan-400: oklch(78.9% 0.154 211.53);
  --color-slate-500: oklch(55.4% 0.046 257.417);
  --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-400: oklch(70.7% 0.022 261.325);
  --color-gray-500: oklch(55.1% 0.027 264.364);
  --color-gray-600: oklch(44.6% 0.03 256.802);
  --color-gray-900: oklch(21% 0.034 264.665);
  --color-black: #000;
  --color-white: #fff;
  --spacing: 0.25rem;
  --container-3xl: 48rem;
  --container-4xl: 56rem;
  --container-7xl: 80rem;
  --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-light: 300;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --tracking-wider: 0.05em;
  --tracking-widest: 0.1em;
  --leading-tight: 1.25;
  --leading-snug: 1.375;
  --leading-relaxed: 1.625;
  --radius-sm: 0.25rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --radius-3xl: 1.5rem;
  --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --blur-sm: 8px;
  --blur-md: 12px;
  --blur-xl: 24px;
  --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);
  --color-brand-green: var(--bg, #bbe95e);
  --color-brand-gold: #f8bf50;
  --color-brand-yellow: #facc15;
  --color-brand-neon: #65c037;
  --color-brand-red: #ef4444;
  --color-brand-dark: #03070f;
  --font-tech: 'Orbitron', 'Tektur', 'Segoe UI', 'Figtree', sans-serif;
  --font-primary: 'Segoe UI', 'Figtree', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}
.\@container {
  container-type: inline-size;
}
.pointer-events-auto {
  pointer-events: auto;
}
.pointer-events-none {
  pointer-events: none;
}
.collapse {
  visibility: collapse;
}
.invisible {
  visibility: hidden;
}
.visible {
  visibility: visible;
}
.visible\! {
  visibility: visible !important;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
}
.not-sr-only {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip-path: none;
  white-space: normal;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.relative {
  position: relative;
}
.relative\! {
  position: relative !important;
}
.static {
  position: static;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: calc(var(--spacing) * 0);
}
.top-0 {
  top: calc(var(--spacing) * 0);
}
.top-1\/2 {
  top: calc(1/2 * 100%);
}
.top-6 {
  top: calc(var(--spacing) * 6);
}
.top-20 {
  top: calc(var(--spacing) * 20);
}
.right-0 {
  right: calc(var(--spacing) * 0);
}
.right-6 {
  right: calc(var(--spacing) * 6);
}
.-bottom-16 {
  bottom: calc(var(--spacing) * -16);
}
.bottom-0 {
  bottom: calc(var(--spacing) * 0);
}
.left-0 {
  left: calc(var(--spacing) * 0);
}
.left-1\/2 {
  left: calc(1/2 * 100%);
}
.isolate {
  isolation: isolate;
}
.isolation-auto {
  isolation: auto;
}
.-z-10 {
  z-index: calc(10 * -1);
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-50 {
  z-index: 50;
}
.z-\[10002\] {
  z-index: 10002;
}
.order-first {
  order: -9999;
}
.float-end {
  float: inline-end;
}
.float-left {
  float: left;
}
.float-none {
  float: none;
}
.float-right {
  float: right;
}
.float-start {
  float: inline-start;
}
.clear-both {
  clear: both;
}
.clear-end {
  clear: inline-end;
}
.clear-left {
  clear: left;
}
.clear-none {
  clear: none;
}
.clear-right {
  clear: right;
}
.clear-start {
  clear: inline-start;
}
.container {
  width: 100%;
  @media (width >= 640px) {
    max-width: 640px;
  }
  @media (width >= 768px) {
    max-width: 768px;
  }
  @media (width >= 1024px) {
    max-width: 1024px;
  }
  @media (width >= 1280px) {
    max-width: 1280px;
  }
  @media (width >= 1536px) {
    max-width: 1536px;
  }
}
.m-2 {
  margin: calc(var(--spacing) * 2);
}
.mx-2 {
  margin-inline: calc(var(--spacing) * 2);
}
.mx-auto {
  margin-inline: auto;
}
.-mt-8 {
  margin-top: calc(var(--spacing) * -8);
}
.mt-0 {
  margin-top: calc(var(--spacing) * 0);
}
.mt-1 {
  margin-top: calc(var(--spacing) * 1);
}
.mt-2 {
  margin-top: calc(var(--spacing) * 2);
}
.mt-4 {
  margin-top: calc(var(--spacing) * 4);
}
.-mr-2 {
  margin-right: calc(var(--spacing) * -2);
}
.mr-4 {
  margin-right: calc(var(--spacing) * 4);
}
.-mb-1 {
  margin-bottom: calc(var(--spacing) * -1);
}
.mb-0 {
  margin-bottom: calc(var(--spacing) * 0);
}
.mb-1 {
  margin-bottom: calc(var(--spacing) * 1);
}
.mb-2 {
  margin-bottom: calc(var(--spacing) * 2);
}
.mb-3 {
  margin-bottom: calc(var(--spacing) * 3);
}
.mb-4 {
  margin-bottom: calc(var(--spacing) * 4);
}
.mb-6 {
  margin-bottom: calc(var(--spacing) * 6);
}
.mb-8 {
  margin-bottom: calc(var(--spacing) * 8);
}
.mb-12 {
  margin-bottom: calc(var(--spacing) * 12);
}
.mb-16 {
  margin-bottom: calc(var(--spacing) * 16);
}
.ml-1 {
  margin-left: calc(var(--spacing) * 1);
}
.ml-4 {
  margin-left: calc(var(--spacing) * 4);
}
.ml-6 {
  margin-left: calc(var(--spacing) * 6);
}
.box-border {
  box-sizing: border-box;
}
.box-content {
  box-sizing: content-box;
}
.line-clamp-none {
  overflow: visible;
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-line-clamp: unset;
}
.block {
  display: block;
}
.contents {
  display: contents;
}
.flex {
  display: flex;
}
.flow-root {
  display: flow-root;
}
.grid {
  display: grid;
}
.grid\! {
  display: grid !important;
}
.hidden {
  display: none;
}
.inline {
  display: inline;
}
.inline-block {
  display: inline-block;
}
.inline-flex {
  display: inline-flex;
}
.inline-grid {
  display: inline-grid;
}
.inline-table {
  display: inline-table;
}
.list-item {
  display: list-item;
}
.table {
  display: table;
}
.table-caption {
  display: table-caption;
}
.table-cell {
  display: table-cell;
}
.table-column {
  display: table-column;
}
.table-column-group {
  display: table-column-group;
}
.table-footer-group {
  display: table-footer-group;
}
.table-header-group {
  display: table-header-group;
}
.table-row {
  display: table-row;
}
.table-row-group {
  display: table-row-group;
}
.aspect-\[4\/3\] {
  aspect-ratio: 4/3;
}
.h-0\.5 {
  height: calc(var(--spacing) * 0.5);
}
.h-1\.5 {
  height: calc(var(--spacing) * 1.5);
}
.h-3 {
  height: calc(var(--spacing) * 3);
}
.h-3\.5 {
  height: calc(var(--spacing) * 3.5);
}
.h-4 {
  height: calc(var(--spacing) * 4);
}
.h-5 {
  height: calc(var(--spacing) * 5);
}
.h-6 {
  height: calc(var(--spacing) * 6);
}
.h-7 {
  height: calc(var(--spacing) * 7);
}
.h-8 {
  height: calc(var(--spacing) * 8);
}
.h-28 {
  height: calc(var(--spacing) * 28);
}
.h-32 {
  height: calc(var(--spacing) * 32);
}
.h-36 {
  height: calc(var(--spacing) * 36);
}
.h-40 {
  height: calc(var(--spacing) * 40);
}
.h-48 {
  height: calc(var(--spacing) * 48);
}
.h-64 {
  height: calc(var(--spacing) * 64);
}
.h-\[1px\] {
  height: 1px;
}
.h-\[40px\] {
  height: 40px;
}
.h-\[50vh\] {
  height: 50vh;
}
.h-\[100dvh\] {
  height: 100dvh;
}
.h-full {
  height: 100%;
}
.h-px {
  height: 1px;
}
.max-h-0 {
  max-height: calc(var(--spacing) * 0);
}
.min-h-\[45vh\] {
  min-height: 45vh;
}
.w-0\.5 {
  width: calc(var(--spacing) * 0.5);
}
.w-1\.5 {
  width: calc(var(--spacing) * 1.5);
}
.w-3 {
  width: calc(var(--spacing) * 3);
}
.w-3\.5 {
  width: calc(var(--spacing) * 3.5);
}
.w-4 {
  width: calc(var(--spacing) * 4);
}
.w-5 {
  width: calc(var(--spacing) * 5);
}
.w-6 {
  width: calc(var(--spacing) * 6);
}
.w-7 {
  width: calc(var(--spacing) * 7);
}
.w-\[50px\] {
  width: 50px;
}
.w-\[80vw\] {
  width: 80vw;
}
.w-\[90\%\] {
  width: 90%;
}
.w-\[200px\] {
  width: 200px;
}
.w-\[400px\] {
  width: 400px;
}
.w-auto {
  width: auto;
}
.w-fit {
  width: fit-content;
}
.w-full {
  width: 100%;
}
.max-w-3xl {
  max-width: var(--container-3xl);
}
.max-w-4xl {
  max-width: var(--container-4xl);
}
.max-w-7xl {
  max-width: var(--container-7xl);
}
.max-w-\[320px\] {
  max-width: 320px;
}
.max-w-none {
  max-width: none;
}
.min-w-\[1\.5rem\] {
  min-width: 1.5rem;
}
.flex-1 {
  flex: 1;
}
.flex-none {
  flex: none;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.flex-shrink-1 {
  flex-shrink: 1;
}
.shrink {
  flex-shrink: 1;
}
.flex-grow {
  flex-grow: 1;
}
.flex-grow-0 {
  flex-grow: 0;
}
.grow {
  flex-grow: 1;
}
.table-auto {
  table-layout: auto;
}
.table-fixed {
  table-layout: fixed;
}
.caption-bottom {
  caption-side: bottom;
}
.caption-top {
  caption-side: top;
}
.border-collapse {
  border-collapse: collapse;
}
.border-separate {
  border-collapse: separate;
}
.origin-top-left {
  transform-origin: 0 0;
}
.-translate-x-1\/2 {
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-x-full {
  --tw-translate-x: -100%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-1\/2 {
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-full {
  --tw-translate-y: 100%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scale-110 {
  --tw-scale-x: 110%;
  --tw-scale-y: 110%;
  --tw-scale-z: 110%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.rotate-\[215deg\] {
  rotate: 215deg;
}
.-skew-y-3 {
  --tw-skew-y: skewY(calc(3deg * -1));
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.transform {
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.transform-cpu {
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.transform-gpu {
  transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.transform-none {
  transform: none;
}
.cursor-pointer {
  cursor: pointer;
}
.touch-pan-left {
  --tw-pan-x: pan-left;
  touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
}
.touch-pan-right {
  --tw-pan-x: pan-right;
  touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
}
.touch-pan-x {
  --tw-pan-x: pan-x;
  touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
}
.touch-pan-down {
  --tw-pan-y: pan-down;
  touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
}
.touch-pan-up {
  --tw-pan-y: pan-up;
  touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
}
.touch-pan-y {
  --tw-pan-y: pan-y;
  touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
}
.touch-pinch-zoom {
  --tw-pinch-zoom: pinch-zoom;
  touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
}
.touch-auto {
  touch-action: auto;
}
.touch-manipulation {
  touch-action: manipulation;
}
.touch-none {
  touch-action: none;
}
.resize {
  resize: both;
}
.resize-none {
  resize: none;
}
.resize-x {
  resize: horizontal;
}
.resize-y {
  resize: vertical;
}
.snap-both {
  scroll-snap-type: both var(--tw-scroll-snap-strictness);
}
.snap-none {
  scroll-snap-type: none;
}
.snap-x {
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}
.snap-y {
  scroll-snap-type: y var(--tw-scroll-snap-strictness);
}
.snap-mandatory {
  --tw-scroll-snap-strictness: mandatory;
}
.snap-proximity {
  --tw-scroll-snap-strictness: proximity;
}
.snap-align-none {
  scroll-snap-align: none;
}
.snap-center {
  scroll-snap-align: center;
}
.snap-end {
  scroll-snap-align: end;
}
.snap-start {
  scroll-snap-align: start;
}
.snap-always {
  scroll-snap-stop: always;
}
.snap-normal {
  scroll-snap-stop: normal;
}
.list-inside {
  list-style-position: inside;
}
.list-outside {
  list-style-position: outside;
}
.list-disc {
  list-style-type: disc;
}
.list-none {
  list-style-type: none;
}
.appearance-auto {
  appearance: auto;
}
.appearance-none {
  appearance: none;
}
.break-before-all {
  break-before: all;
}
.break-before-auto {
  break-before: auto;
}
.break-before-avoid {
  break-before: avoid;
}
.break-before-avoid-page {
  break-before: avoid-page;
}
.break-before-column {
  break-before: column;
}
.break-before-left {
  break-before: left;
}
.break-before-page {
  break-before: page;
}
.break-before-right {
  break-before: right;
}
.break-inside-auto {
  break-inside: auto;
}
.break-inside-avoid {
  break-inside: avoid;
}
.break-inside-avoid-column {
  break-inside: avoid-column;
}
.break-inside-avoid-page {
  break-inside: avoid-page;
}
.break-after-all {
  break-after: all;
}
.break-after-auto {
  break-after: auto;
}
.break-after-avoid {
  break-after: avoid;
}
.break-after-avoid-page {
  break-after: avoid-page;
}
.break-after-column {
  break-after: column;
}
.break-after-left {
  break-after: left;
}
.break-after-page {
  break-after: page;
}
.break-after-right {
  break-after: right;
}
.grid-flow-col {
  grid-auto-flow: column;
}
.grid-flow-col-dense {
  grid-auto-flow: column dense;
}
.grid-flow-dense {
  grid-auto-flow: dense;
}
.grid-flow-row {
  grid-auto-flow: row;
}
.grid-flow-row-dense {
  grid-auto-flow: row dense;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.place-content-around {
  place-content: space-around;
}
.place-content-baseline {
  place-content: baseline;
}
.place-content-between {
  place-content: space-between;
}
.place-content-center {
  place-content: center;
}
.place-content-end {
  place-content: end;
}
.place-content-evenly {
  place-content: space-evenly;
}
.place-content-start {
  place-content: start;
}
.place-content-stretch {
  place-content: stretch;
}
.place-items-baseline {
  place-items: baseline;
}
.place-items-center {
  place-items: center;
}
.place-items-end {
  place-items: end;
}
.place-items-start {
  place-items: start;
}
.place-items-stretch {
  place-items: stretch;
}
.content-around {
  align-content: space-around;
}
.content-baseline {
  align-content: baseline;
}
.content-between {
  align-content: space-between;
}
.content-center {
  align-content: center;
}
.content-end {
  align-content: flex-end;
}
.content-evenly {
  align-content: space-evenly;
}
.content-normal {
  align-content: normal;
}
.content-start {
  align-content: flex-start;
}
.content-stretch {
  align-content: stretch;
}
.items-baseline {
  align-items: baseline;
}
.items-center {
  align-items: center;
}
.items-end {
  align-items: flex-end;
}
.items-start {
  align-items: flex-start;
}
.items-stretch {
  align-items: stretch;
}
.justify-around {
  justify-content: space-around;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-evenly {
  justify-content: space-evenly;
}
.justify-normal {
  justify-content: normal;
}
.justify-start {
  justify-content: flex-start;
}
.justify-stretch {
  justify-content: stretch;
}
.justify-items-center {
  justify-items: center;
}
.justify-items-end {
  justify-items: end;
}
.justify-items-start {
  justify-items: start;
}
.justify-items-stretch {
  justify-items: stretch;
}
.gap-1 {
  gap: calc(var(--spacing) * 1);
}
.gap-2 {
  gap: calc(var(--spacing) * 2);
}
.gap-3 {
  gap: calc(var(--spacing) * 3);
}
.gap-4 {
  gap: calc(var(--spacing) * 4);
}
.gap-6 {
  gap: calc(var(--spacing) * 6);
}
.gap-8 {
  gap: calc(var(--spacing) * 8);
}
.gap-16 {
  gap: calc(var(--spacing) * 16);
}
.space-y-0\.5 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-1 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-4 {
  :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)));
  }
}
.space-y-reverse {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 1;
  }
}
.gap-x-8 {
  column-gap: calc(var(--spacing) * 8);
}
.space-x-reverse {
  :where(& > :not(:last-child)) {
    --tw-space-x-reverse: 1;
  }
}
.gap-y-4 {
  row-gap: calc(var(--spacing) * 4);
}
.divide-x {
  :where(& > :not(:last-child)) {
    --tw-divide-x-reverse: 0;
    border-inline-style: var(--tw-border-style);
    border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
    border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }
}
.divide-y {
  :where(& > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }
}
.divide-y-reverse {
  :where(& > :not(:last-child)) {
    --tw-divide-y-reverse: 1;
  }
}
.divide-dashed {
  :where(& > :not(:last-child)) {
    --tw-border-style: dashed;
    border-style: dashed;
  }
}
.divide-dotted {
  :where(& > :not(:last-child)) {
    --tw-border-style: dotted;
    border-style: dotted;
  }
}
.divide-double {
  :where(& > :not(:last-child)) {
    --tw-border-style: double;
    border-style: double;
  }
}
.divide-none {
  :where(& > :not(:last-child)) {
    --tw-border-style: none;
    border-style: none;
  }
}
.divide-solid {
  :where(& > :not(:last-child)) {
    --tw-border-style: solid;
    border-style: solid;
  }
}
.place-self-auto {
  place-self: auto;
}
.place-self-center {
  place-self: center;
}
.place-self-end {
  place-self: end;
}
.place-self-start {
  place-self: start;
}
.place-self-stretch {
  place-self: stretch;
}
.self-auto {
  align-self: auto;
}
.self-baseline {
  align-self: baseline;
}
.self-center {
  align-self: center;
}
.self-end {
  align-self: flex-end;
}
.self-start {
  align-self: flex-start;
}
.self-stretch {
  align-self: stretch;
}
.justify-self-auto {
  justify-self: auto;
}
.justify-self-center {
  justify-self: center;
}
.justify-self-end {
  justify-self: flex-end;
}
.justify-self-start {
  justify-self: flex-start;
}
.justify-self-stretch {
  justify-self: stretch;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-auto {
  overflow: auto;
}
.overflow-clip {
  overflow: clip;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-visible {
  overflow: visible;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-x-clip {
  overflow-x: clip;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.overflow-x-visible {
  overflow-x: visible;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-y-clip {
  overflow-y: clip;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.overflow-y-visible {
  overflow-y: visible;
}
.overscroll-auto {
  overscroll-behavior: auto;
}
.overscroll-contain {
  overscroll-behavior: contain;
}
.overscroll-none {
  overscroll-behavior: none;
}
.overscroll-x-auto {
  overscroll-behavior-x: auto;
}
.overscroll-x-contain {
  overscroll-behavior-x: contain;
}
.overscroll-x-none {
  overscroll-behavior-x: none;
}
.overscroll-y-auto {
  overscroll-behavior-y: auto;
}
.overscroll-y-contain {
  overscroll-behavior-y: contain;
}
.overscroll-y-none {
  overscroll-behavior-y: none;
}
.scroll-auto {
  scroll-behavior: auto;
}
.scroll-smooth {
  scroll-behavior: smooth;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: var(--radius-2xl);
}
.rounded-3xl {
  border-radius: var(--radius-3xl);
}
.rounded-\[22px\] {
  border-radius: 22px;
}
.rounded-\[9999px\] {
  border-radius: 9999px;
}
.rounded-full {
  border-radius: calc(infinity * 1px);
}
.rounded-lg {
  border-radius: var(--radius-lg);
}
.rounded-md {
  border-radius: var(--radius-md);
}
.rounded-sm {
  border-radius: var(--radius-sm);
}
.rounded-xl {
  border-radius: var(--radius-xl);
}
.rounded-s {
  border-start-start-radius: 0.25rem;
  border-end-start-radius: 0.25rem;
}
.rounded-ss {
  border-start-start-radius: 0.25rem;
}
.rounded-e {
  border-start-end-radius: 0.25rem;
  border-end-end-radius: 0.25rem;
}
.rounded-se {
  border-start-end-radius: 0.25rem;
}
.rounded-ee {
  border-end-end-radius: 0.25rem;
}
.rounded-es {
  border-end-start-radius: 0.25rem;
}
.rounded-t {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.rounded-t-\[22px\] {
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
}
.rounded-l {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.rounded-tl {
  border-top-left-radius: 0.25rem;
}
.rounded-r {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.rounded-tr {
  border-top-right-radius: 0.25rem;
}
.rounded-b {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.rounded-b-\[22px\] {
  border-bottom-right-radius: 22px;
  border-bottom-left-radius: 22px;
}
.rounded-br {
  border-bottom-right-radius: 0.25rem;
}
.rounded-bl {
  border-bottom-left-radius: 0.25rem;
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-x {
  border-inline-style: var(--tw-border-style);
  border-inline-width: 1px;
}
.border-y {
  border-block-style: var(--tw-border-style);
  border-block-width: 1px;
}
.border-s {
  border-inline-start-style: var(--tw-border-style);
  border-inline-start-width: 1px;
}
.border-e {
  border-inline-end-style: var(--tw-border-style);
  border-inline-end-width: 1px;
}
.border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
.border-r {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
}
.border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.border-l {
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
}
.border-dashed {
  --tw-border-style: dashed;
  border-style: dashed;
}
.border-dotted {
  --tw-border-style: dotted;
  border-style: dotted;
}
.border-double {
  --tw-border-style: double;
  border-style: double;
}
.border-hidden {
  --tw-border-style: hidden;
  border-style: hidden;
}
.border-none {
  --tw-border-style: none;
  border-style: none;
}
.border-solid {
  --tw-border-style: solid;
  border-style: solid;
}
.border-brand-neon\/10 {
  border-color: color-mix(in srgb, #65c037 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-brand-neon) 10%, transparent);
  }
}
.border-brand-neon\/20 {
  border-color: color-mix(in srgb, #65c037 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-brand-neon) 20%, transparent);
  }
}
.border-brand-neon\/30 {
  border-color: color-mix(in srgb, #65c037 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-brand-neon) 30%, transparent);
  }
}
.border-gray-100 {
  border-color: var(--color-gray-100);
}
.border-white\/5 {
  border-color: color-mix(in srgb, #fff 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
  }
}
.border-white\/10 {
  border-color: color-mix(in srgb, #fff 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
  }
}
.bg-\[\#0b1120\] {
  background-color: #0b1120;
}
.bg-\[\#1a1a1a\] {
  background-color: #1a1a1a;
}
.bg-\[\#050b14\]\/95 {
  background-color: color-mix(in oklab, #050b14 95%, transparent);
}
.bg-black\/20 {
  background-color: color-mix(in srgb, #000 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
  }
}
.bg-black\/60 {
  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);
  }
}
.bg-brand-dark {
  background-color: var(--color-brand-dark);
}
.bg-brand-dark\/50 {
  background-color: color-mix(in srgb, #03070f 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-brand-dark) 50%, transparent);
  }
}
.bg-brand-neon {
  background-color: var(--color-brand-neon);
}
.bg-brand-neon\/5 {
  background-color: color-mix(in srgb, #65c037 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-brand-neon) 5%, transparent);
  }
}
.bg-brand-neon\/10 {
  background-color: color-mix(in srgb, #65c037 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-brand-neon) 10%, transparent);
  }
}
.bg-brand-neon\/20 {
  background-color: color-mix(in srgb, #65c037 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-brand-neon) 20%, transparent);
  }
}
.bg-slate-500 {
  background-color: var(--color-slate-500);
}
.bg-white\/5 {
  background-color: color-mix(in srgb, #fff 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
  }
}
.bg-white\/30 {
  background-color: color-mix(in srgb, #fff 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 30%, transparent);
  }
}
.bg-gradient-to-b {
  --tw-gradient-position: to bottom in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-gradient-to-l {
  --tw-gradient-position: to left in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-gradient-to-r {
  --tw-gradient-position: to right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-gradient-to-t {
  --tw-gradient-position: to top in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.from-black\/80 {
  --tw-gradient-from: color-mix(in srgb, #000 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-from: color-mix(in oklab, var(--color-black) 80%, 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));
}
.from-slate-500 {
  --tw-gradient-from: var(--color-slate-500);
  --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));
}
.from-transparent {
  --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));
}
.from-white {
  --tw-gradient-from: var(--color-white);
  --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));
}
.from-white\/10 {
  --tw-gradient-from: color-mix(in srgb, #fff 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-from: color-mix(in oklab, var(--color-white) 10%, 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));
}
.via-gray-200 {
  --tw-gradient-via: var(--color-gray-200);
  --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);
}
.to-brand-dark {
  --tw-gradient-to: var(--color-brand-dark);
  --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));
}
.to-brand-neon\/30 {
  --tw-gradient-to: color-mix(in srgb, #65c037 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-to: color-mix(in oklab, var(--color-brand-neon) 30%, 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));
}
.to-gray-500 {
  --tw-gradient-to: var(--color-gray-500);
  --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));
}
.to-transparent {
  --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));
}
.to-white\/5 {
  --tw-gradient-to: color-mix(in srgb, #fff 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-to: color-mix(in oklab, var(--color-white) 5%, 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));
}
.box-decoration-clone {
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.box-decoration-slice {
  -webkit-box-decoration-break: slice;
  box-decoration-break: slice;
}
.decoration-clone {
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.decoration-slice {
  -webkit-box-decoration-break: slice;
  box-decoration-break: slice;
}
.bg-cover {
  background-size: cover;
}
.bg-fixed {
  background-attachment: fixed;
}
.bg-local {
  background-attachment: local;
}
.bg-scroll {
  background-attachment: scroll;
}
.bg-clip-border {
  background-clip: border-box;
}
.bg-clip-content {
  background-clip: content-box;
}
.bg-clip-padding {
  background-clip: padding-box;
}
.bg-clip-text {
  background-clip: text;
}
.bg-center {
  background-position: center;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.bg-repeat {
  background-repeat: repeat;
}
.bg-repeat-round {
  background-repeat: round;
}
.bg-repeat-space {
  background-repeat: space;
}
.bg-repeat-x {
  background-repeat: repeat-x;
}
.bg-repeat-y {
  background-repeat: repeat-y;
}
.bg-origin-border {
  background-origin: border-box;
}
.bg-origin-content {
  background-origin: content-box;
}
.bg-origin-padding {
  background-origin: padding-box;
}
.mask-repeat {
  mask-repeat: repeat;
}
.object-contain {
  object-fit: contain;
}
.object-cover {
  object-fit: cover;
}
.object-fill {
  object-fit: fill;
}
.object-none {
  object-fit: none;
}
.object-scale-down {
  object-fit: scale-down;
}
.p-1 {
  padding: calc(var(--spacing) * 1);
}
.p-1\.5 {
  padding: calc(var(--spacing) * 1.5);
}
.p-2 {
  padding: calc(var(--spacing) * 2);
}
.p-3 {
  padding: calc(var(--spacing) * 3);
}
.p-4 {
  padding: calc(var(--spacing) * 4);
}
.p-5 {
  padding: calc(var(--spacing) * 5);
}
.p-6 {
  padding: calc(var(--spacing) * 6);
}
.p-8 {
  padding: calc(var(--spacing) * 8);
}
.px-2 {
  padding-inline: calc(var(--spacing) * 2);
}
.px-3 {
  padding-inline: calc(var(--spacing) * 3);
}
.px-4 {
  padding-inline: calc(var(--spacing) * 4);
}
.px-5 {
  padding-inline: calc(var(--spacing) * 5);
}
.px-6 {
  padding-inline: calc(var(--spacing) * 6);
}
.px-8 {
  padding-inline: calc(var(--spacing) * 8);
}
.py-1 {
  padding-block: calc(var(--spacing) * 1);
}
.py-2 {
  padding-block: calc(var(--spacing) * 2);
}
.py-3 {
  padding-block: calc(var(--spacing) * 3);
}
.py-4 {
  padding-block: calc(var(--spacing) * 4);
}
.py-10 {
  padding-block: calc(var(--spacing) * 10);
}
.py-20 {
  padding-block: calc(var(--spacing) * 20);
}
.py-24 {
  padding-block: calc(var(--spacing) * 24);
}
.pt-0 {
  padding-top: calc(var(--spacing) * 0);
}
.pt-4 {
  padding-top: calc(var(--spacing) * 4);
}
.pt-6 {
  padding-top: calc(var(--spacing) * 6);
}
.pt-8 {
  padding-top: calc(var(--spacing) * 8);
}
.pb-2 {
  padding-bottom: calc(var(--spacing) * 2);
}
.pb-4 {
  padding-bottom: calc(var(--spacing) * 4);
}
.pb-6 {
  padding-bottom: calc(var(--spacing) * 6);
}
.pb-10 {
  padding-bottom: calc(var(--spacing) * 10);
}
.pl-2 {
  padding-left: calc(var(--spacing) * 2);
}
.pl-4 {
  padding-left: calc(var(--spacing) * 4);
}
.text-center {
  text-align: center;
}
.text-end {
  text-align: end;
}
.text-justify {
  text-align: justify;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-start {
  text-align: start;
}
.align-baseline {
  vertical-align: baseline;
}
.align-bottom {
  vertical-align: bottom;
}
.align-middle {
  vertical-align: middle;
}
.align-sub {
  vertical-align: sub;
}
.align-super {
  vertical-align: super;
}
.align-text-bottom {
  vertical-align: text-bottom;
}
.align-text-top {
  vertical-align: text-top;
}
.align-top {
  vertical-align: top;
}
.font-sans {
  font-family: var(--font-sans);
}
.font-tech {
  font-family: var(--font-tech);
}
.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-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));
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11px\] {
  font-size: 11px;
}
.leading-relaxed {
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
}
.leading-snug {
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
}
.leading-tight {
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
}
.font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.font-medium {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.font-semibold {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.tracking-wider {
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
}
.tracking-widest {
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
}
.text-balance {
  text-wrap: balance;
}
.text-nowrap {
  text-wrap: nowrap;
}
.text-pretty {
  text-wrap: pretty;
}
.text-wrap {
  text-wrap: wrap;
}
.break-normal {
  overflow-wrap: normal;
  word-break: normal;
}
.break-words {
  overflow-wrap: break-word;
}
.break-all {
  word-break: break-all;
}
.break-keep {
  word-break: keep-all;
}
.overflow-ellipsis {
  text-overflow: ellipsis;
}
.text-clip {
  text-overflow: clip;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.hyphens-auto {
  -webkit-hyphens: auto;
  hyphens: auto;
}
.hyphens-manual {
  -webkit-hyphens: manual;
  hyphens: manual;
}
.hyphens-none {
  -webkit-hyphens: none;
  hyphens: none;
}
.whitespace-break-spaces {
  white-space: break-spaces;
}
.whitespace-normal {
  white-space: normal;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre {
  white-space: pre;
}
.whitespace-pre-line {
  white-space: pre-line;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.text-brand-dark {
  color: var(--color-brand-dark);
}
.text-brand-gold {
  color: var(--color-brand-gold);
}
.text-brand-green {
  color: var(--color-brand-green);
}
.text-brand-neon {
  color: var(--color-brand-neon);
}
.text-brand-red {
  color: var(--color-brand-red);
}
.text-brand-yellow {
  color: var(--color-brand-yellow);
}
.text-gray-100 {
  color: var(--color-gray-100);
}
.text-gray-200 {
  color: var(--color-gray-200);
}
.text-gray-300 {
  color: var(--color-gray-300);
}
.text-gray-400 {
  color: var(--color-gray-400);
}
.text-gray-500 {
  color: var(--color-gray-500);
}
.text-gray-600 {
  color: var(--color-gray-600);
}
.text-gray-900 {
  color: var(--color-gray-900);
}
.text-red-400 {
  color: var(--color-red-400);
}
.text-red-500 {
  color: var(--color-red-500);
}
.text-transparent {
  color: transparent;
}
.text-white {
  color: var(--color-white);
}
.text-white\/50 {
  color: color-mix(in srgb, #fff 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 50%, transparent);
  }
}
.capitalize {
  text-transform: capitalize;
}
.lowercase {
  text-transform: lowercase;
}
.normal-case {
  text-transform: none;
}
.uppercase {
  text-transform: uppercase;
}
.italic {
  font-style: italic;
}
.not-italic {
  font-style: normal;
}
.diagonal-fractions {
  --tw-numeric-fraction: diagonal-fractions;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
.lining-nums {
  --tw-numeric-figure: lining-nums;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
.oldstyle-nums {
  --tw-numeric-figure: oldstyle-nums;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
.ordinal {
  --tw-ordinal: ordinal;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
.proportional-nums {
  --tw-numeric-spacing: proportional-nums;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
.slashed-zero {
  --tw-slashed-zero: slashed-zero;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
.stacked-fractions {
  --tw-numeric-fraction: stacked-fractions;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
.tabular-nums {
  --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,);
}
.normal-nums {
  font-variant-numeric: normal;
}
.line-through {
  text-decoration-line: line-through;
}
.no-underline {
  text-decoration-line: none;
}
.overline {
  text-decoration-line: overline;
}
.underline {
  text-decoration-line: underline;
}
.decoration-dashed {
  text-decoration-style: dashed;
}
.decoration-dotted {
  text-decoration-style: dotted;
}
.decoration-double {
  text-decoration-style: double;
}
.decoration-solid {
  text-decoration-style: solid;
}
.decoration-wavy {
  text-decoration-style: wavy;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.subpixel-antialiased {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}
.opacity-0 {
  opacity: 0%;
}
.opacity-50 {
  opacity: 50%;
}
.bg-blend-color {
  background-blend-mode: color;
}
.bg-blend-color-burn {
  background-blend-mode: color-burn;
}
.bg-blend-color-dodge {
  background-blend-mode: color-dodge;
}
.bg-blend-darken {
  background-blend-mode: darken;
}
.bg-blend-difference {
  background-blend-mode: difference;
}
.bg-blend-exclusion {
  background-blend-mode: exclusion;
}
.bg-blend-hard-light {
  background-blend-mode: hard-light;
}
.bg-blend-hue {
  background-blend-mode: hue;
}
.bg-blend-lighten {
  background-blend-mode: lighten;
}
.bg-blend-luminosity {
  background-blend-mode: luminosity;
}
.bg-blend-multiply {
  background-blend-mode: multiply;
}
.bg-blend-normal {
  background-blend-mode: normal;
}
.bg-blend-overlay {
  background-blend-mode: overlay;
}
.bg-blend-saturation {
  background-blend-mode: saturation;
}
.bg-blend-screen {
  background-blend-mode: screen;
}
.bg-blend-soft-light {
  background-blend-mode: soft-light;
}
.mix-blend-color {
  mix-blend-mode: color;
}
.mix-blend-color-burn {
  mix-blend-mode: color-burn;
}
.mix-blend-color-dodge {
  mix-blend-mode: color-dodge;
}
.mix-blend-darken {
  mix-blend-mode: darken;
}
.mix-blend-difference {
  mix-blend-mode: difference;
}
.mix-blend-exclusion {
  mix-blend-mode: exclusion;
}
.mix-blend-hard-light {
  mix-blend-mode: hard-light;
}
.mix-blend-hue {
  mix-blend-mode: hue;
}
.mix-blend-lighten {
  mix-blend-mode: lighten;
}
.mix-blend-luminosity {
  mix-blend-mode: luminosity;
}
.mix-blend-multiply {
  mix-blend-mode: multiply;
}
.mix-blend-normal {
  mix-blend-mode: normal;
}
.mix-blend-overlay {
  mix-blend-mode: overlay;
}
.mix-blend-plus-darker {
  mix-blend-mode: plus-darker;
}
.mix-blend-plus-lighter {
  mix-blend-mode: plus-lighter;
}
.mix-blend-saturation {
  mix-blend-mode: saturation;
}
.mix-blend-screen {
  mix-blend-mode: screen;
}
.mix-blend-soft-light {
  mix-blend-mode: soft-light;
}
.shadow {
  --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);
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_-10px_40px_rgba\(0\,0\,0\,0\.5\)\] {
  --tw-shadow: 0 -10px 40px var(--tw-shadow-color, rgba(0,0,0,0.5));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_0_0_1px_\#ffffff10\] {
  --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #ffffff10);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_0_0_1px_rgba\(var\(--brand-neon-rgb\)\,0\.05\)\] {
  --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(var(--brand-neon-rgb),0.05));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_0_15px_rgba\(0\,242\,255\,0\.3\)\] {
  --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(0,242,255,0.3));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_0_15px_rgba\(0\,242\,255\,0\.4\)\] {
  --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(0,242,255,0.4));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_0_20px_rgba\(0\,242\,255\,0\.4\)\] {
  --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(0,242,255,0.4));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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);
}
.shadow-sm {
  --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);
}
.ring-1 {
  --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);
}
.ring-white\/5 {
  --tw-ring-color: color-mix(in srgb, #fff 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-ring-color: color-mix(in oklab, var(--color-white) 5%, transparent);
  }
}
.outline {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
}
.blur {
  --tw-blur: blur(8px);
  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,);
}
.blur-\[100px\] {
  --tw-blur: blur(100px);
  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,);
}
.blur-xl {
  --tw-blur: blur(var(--blur-xl));
  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,);
}
.drop-shadow {
  --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1))) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.06)));
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow( 0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.sepia {
  --tw-sepia: sepia(100%);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.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,);
}
.filter-none {
  filter: none;
}
.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.backdrop-blur-md {
  --tw-backdrop-blur: blur(var(--blur-md));
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(var(--blur-sm));
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.backdrop-blur-xl {
  --tw-backdrop-blur: blur(var(--blur-xl));
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.backdrop-grayscale {
  --tw-backdrop-grayscale: grayscale(100%);
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.backdrop-invert {
  --tw-backdrop-invert: invert(100%);
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.backdrop-sepia {
  --tw-backdrop-sepia: sepia(100%);
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.backdrop-filter {
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.backdrop-filter-none {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.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, -webkit-backdrop-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));
}
.transition-all {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-colors {
  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));
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-transform {
  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));
}
.duration-300 {
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.duration-500 {
  --tw-duration: 500ms;
  transition-duration: 500ms;
}
.duration-700 {
  --tw-duration: 700ms;
  transition-duration: 700ms;
}
.duration-1000 {
  --tw-duration: 1000ms;
  transition-duration: 1000ms;
}
.ease-in {
  --tw-ease: var(--ease-in);
  transition-timing-function: var(--ease-in);
}
.ease-in-out {
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}
.ease-out {
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
}
.contain-inline-size {
  --tw-contain-size: inline-size;
  contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,);
}
.contain-layout {
  --tw-contain-layout: layout;
  contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,);
}
.contain-paint {
  --tw-contain-paint: paint;
  contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,);
}
.contain-size {
  --tw-contain-size: size;
  contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,);
}
.contain-style {
  --tw-contain-style: style;
  contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,);
}
.contain-content {
  contain: content;
}
.contain-none {
  contain: none;
}
.contain-strict {
  contain: strict;
}
.forced-color-adjust-auto {
  forced-color-adjust: auto;
}
.forced-color-adjust-none {
  forced-color-adjust: none;
}
.outline-dashed {
  --tw-outline-style: dashed;
  outline-style: dashed;
}
.outline-dotted {
  --tw-outline-style: dotted;
  outline-style: dotted;
}
.outline-double {
  --tw-outline-style: double;
  outline-style: double;
}
.outline-none {
  --tw-outline-style: none;
  outline-style: none;
}
.select-all {
  -webkit-user-select: all;
  user-select: all;
}
.select-auto {
  -webkit-user-select: auto;
  user-select: auto;
}
.select-none {
  -webkit-user-select: none;
  user-select: none;
}
.select-text {
  -webkit-user-select: text;
  user-select: text;
}
.\[d\:\\work\\DATEx2\.bike\\ww3\\tools\\B64\\B64\.csproj\] {
  d: \work\DATEx2.bike\ww3\tools\B64\B64.csproj;
}
.\[transition\:max-height_300ms_ease-in-out\,opacity_300ms_ease-in-out\] {
  transition: max-height 300ms ease-in-out,opacity 300ms ease-in-out;
}
.\[transition\:transform_300ms_ease\,box-shadow_300ms_ease\] {
  transition: transform 300ms ease,box-shadow 300ms ease;
}
.\[transition\:transform_500ms_ease\,box-shadow_500ms_ease\] {
  transition: transform 500ms ease,box-shadow 500ms ease;
}
.divide-x-reverse {
  :where(& > :not(:last-child)) {
    --tw-divide-x-reverse: 1;
  }
}
.ring-inset {
  --tw-ring-inset: inset;
}
.group-open\:rotate-45 {
  &:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 45deg;
  }
}
.group-hover\:translate-x-1 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-translate-x: calc(var(--spacing) * 1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
.group-hover\:translate-y-0 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
.group-hover\:scale-105 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.group-hover\:scale-110 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.group-hover\:scale-120 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-scale-x: 120%;
      --tw-scale-y: 120%;
      --tw-scale-z: 120%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.group-hover\:text-brand-gold {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-brand-gold);
    }
  }
}
.group-hover\:text-brand-neon {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-brand-neon);
    }
  }
}
.group-hover\:text-brand-red {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-brand-red);
    }
  }
}
.group-hover\:text-brand-yellow {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-brand-yellow);
    }
  }
}
.group-hover\:text-orange-400 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-orange-400);
    }
  }
}
.group-hover\:text-white {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
}
.group-hover\:opacity-100 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      opacity: 100%;
    }
  }
}
.selection\:bg-brand-neon {
  & *::selection {
    background-color: var(--color-brand-neon);
  }
  &::selection {
    background-color: var(--color-brand-neon);
  }
}
.selection\:text-brand-dark {
  & *::selection {
    color: var(--color-brand-dark);
  }
  &::selection {
    color: var(--color-brand-dark);
  }
}
.hover\:z-50 {
  &:hover {
    @media (hover: hover) {
      z-index: 50;
    }
  }
}
.hover\:-translate-y-2 {
  &:hover {
    @media (hover: hover) {
      --tw-translate-y: calc(var(--spacing) * -2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
.hover\:scale-105 {
  &:hover {
    @media (hover: hover) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.hover\:scale-125 {
  &:hover {
    @media (hover: hover) {
      --tw-scale-x: 125%;
      --tw-scale-y: 125%;
      --tw-scale-z: 125%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.hover\:border-brand-green\/30 {
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-brand-green);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-brand-green) 30%, transparent);
      }
    }
  }
}
.hover\:border-brand-neon\/50 {
  &:hover {
    @media (hover: hover) {
      border-color: color-mix(in srgb, #65c037 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-brand-neon) 50%, transparent);
      }
    }
  }
}
.hover\:bg-brand-neon\/5 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #65c037 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-brand-neon) 5%, transparent);
      }
    }
  }
}
.hover\:bg-cyan-400 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-cyan-400);
    }
  }
}
.hover\:bg-white\/5 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #fff 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }
  }
}
.hover\:bg-white\/10 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #fff 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
  }
}
.hover\:from-brand-neon\/20 {
  &:hover {
    @media (hover: hover) {
      --tw-gradient-from: color-mix(in srgb, #65c037 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-brand-neon) 20%, 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));
    }
  }
}
.hover\:to-transparent {
  &:hover {
    @media (hover: hover) {
      --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));
    }
  }
}
.hover\:text-brand-neon {
  &:hover {
    @media (hover: hover) {
      color: var(--color-brand-neon);
    }
  }
}
.hover\:text-white {
  &:hover {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
}
.hover\:underline {
  &:hover {
    @media (hover: hover) {
      text-decoration-line: underline;
    }
  }
}
.hover\:shadow-\[0_0_30px_rgba\(0\,242\,255\,0\.5\)\] {
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 0 30px var(--tw-shadow-color, rgba(0,242,255,0.5));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
.hover\:shadow-\[0_0_40px_rgba\(0\,242\,255\,0\.6\)\] {
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 0 40px var(--tw-shadow-color, rgba(0,242,255,0.6));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
.hover\:shadow-lg {
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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);
    }
  }
}
.hover\:shadow-brand-neon\/50 {
  &:hover {
    @media (hover: hover) {
      --tw-shadow-color: color-mix(in srgb, #65c037 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-brand-neon) 50%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }
}
.sm\:mt-2 {
  @media (width >= 640px) {
    margin-top: calc(var(--spacing) * 2);
  }
}
.sm\:mb-8 {
  @media (width >= 640px) {
    margin-bottom: calc(var(--spacing) * 8);
  }
}
.sm\:block {
  @media (width >= 640px) {
    display: block;
  }
}
.sm\:hidden {
  @media (width >= 640px) {
    display: none;
  }
}
.sm\:h-36 {
  @media (width >= 640px) {
    height: calc(var(--spacing) * 36);
  }
}
.sm\:h-40 {
  @media (width >= 640px) {
    height: calc(var(--spacing) * 40);
  }
}
.sm\:h-48 {
  @media (width >= 640px) {
    height: calc(var(--spacing) * 48);
  }
}
.sm\:h-56 {
  @media (width >= 640px) {
    height: calc(var(--spacing) * 56);
  }
}
.sm\:h-64 {
  @media (width >= 640px) {
    height: calc(var(--spacing) * 64);
  }
}
.sm\:w-\[90\%\] {
  @media (width >= 640px) {
    width: 90%;
  }
}
.sm\:w-auto {
  @media (width >= 640px) {
    width: auto;
  }
}
.sm\:flex-none {
  @media (width >= 640px) {
    flex: none;
  }
}
.sm\:grid-cols-3 {
  @media (width >= 640px) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.sm\:flex-row {
  @media (width >= 640px) {
    flex-direction: row;
  }
}
.sm\:gap-6 {
  @media (width >= 640px) {
    gap: calc(var(--spacing) * 6);
  }
}
.sm\:px-0 {
  @media (width >= 640px) {
    padding-inline: calc(var(--spacing) * 0);
  }
}
.sm\:px-5 {
  @media (width >= 640px) {
    padding-inline: calc(var(--spacing) * 5);
  }
}
.sm\:px-6 {
  @media (width >= 640px) {
    padding-inline: calc(var(--spacing) * 6);
  }
}
.sm\:py-3 {
  @media (width >= 640px) {
    padding-block: calc(var(--spacing) * 3);
  }
}
.sm\:pt-0 {
  @media (width >= 640px) {
    padding-top: calc(var(--spacing) * 0);
  }
}
.sm\:pb-5 {
  @media (width >= 640px) {
    padding-bottom: calc(var(--spacing) * 5);
  }
}
.sm\:pb-6 {
  @media (width >= 640px) {
    padding-bottom: calc(var(--spacing) * 6);
  }
}
.sm\:text-2xl {
  @media (width >= 640px) {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
}
.sm\:text-4xl {
  @media (width >= 640px) {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
}
.sm\:text-5xl {
  @media (width >= 640px) {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
}
.sm\:text-lg {
  @media (width >= 640px) {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
}
.sm\:text-sm {
  @media (width >= 640px) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
.md\:order-none {
  @media (width >= 768px) {
    order: 0;
  }
}
.md\:col-span-5 {
  @media (width >= 768px) {
    grid-column: span 5 / span 5;
  }
}
.md\:w-\[150px\] {
  @media (width >= 768px) {
    width: 150px;
  }
}
.md\:min-w-\[3rem\] {
  @media (width >= 768px) {
    min-width: 3rem;
  }
}
.md\:grid-cols-2 {
  @media (width >= 768px) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.md\:grid-cols-3 {
  @media (width >= 768px) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.md\:grid-cols-4 {
  @media (width >= 768px) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.md\:grid-cols-5 {
  @media (width >= 768px) {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.md\:gap-4 {
  @media (width >= 768px) {
    gap: calc(var(--spacing) * 4);
  }
}
.md\:border-l {
  @media (width >= 768px) {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
}
.md\:pb-24 {
  @media (width >= 768px) {
    padding-bottom: calc(var(--spacing) * 24);
  }
}
.md\:pl-6 {
  @media (width >= 768px) {
    padding-left: calc(var(--spacing) * 6);
  }
}
.lg\:h-56 {
  @media (width >= 1024px) {
    height: calc(var(--spacing) * 56);
  }
}
.lg\:w-\[200px\] {
  @media (width >= 1024px) {
    width: 200px;
  }
}
.lg\:grid-cols-2 {
  @media (width >= 1024px) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.lg\:grid-cols-3 {
  @media (width >= 1024px) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.lg\:grid-cols-4 {
  @media (width >= 1024px) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.lg\:grid-cols-5 {
  @media (width >= 1024px) {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.lg\:text-3xl {
  @media (width >= 1024px) {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
}
.lg\:text-6xl {
  @media (width >= 1024px) {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
  }
}
.dark\:text-white {
  &:where(.dark-mode, .dark-mode *) {
    color: var(--color-white);
  }
}
.\[\&_b\]\:transition-colors {
  & b {
    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));
  }
}
.\[\&_b\]\:duration-500 {
  & b {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
}
.\[\&_b\]\:duration-1000 {
  & b {
    --tw-duration: 1000ms;
    transition-duration: 1000ms;
  }
}
.\[\&_b\]\:group-hover\:text-brand-neon {
  & b {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-brand-neon);
      }
    }
  }
}
.\[\&_strong\]\:transition-colors {
  & strong {
    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));
  }
}
.\[\&_strong\]\:duration-500 {
  & strong {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
}
.\[\&_strong\]\:duration-1000 {
  & strong {
    --tw-duration: 1000ms;
    transition-duration: 1000ms;
  }
}
.\[\&_strong\]\:group-hover\:text-brand-neon {
  & strong {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-brand-neon);
      }
    }
  }
}
.\[\&_ul\]\:mt-3 {
  & ul {
    margin-top: calc(var(--spacing) * 3);
  }
}
.\[\&_ul\]\:list-none {
  & ul {
    list-style-type: none;
  }
}
.\[\&_ul\]\:pl-0 {
  & ul {
    padding-left: calc(var(--spacing) * 0);
  }
}
.\[\&_ul\]\:text-left {
  & ul {
    text-align: left;
  }
}
.\[\&_ul_li\]\:relative {
  & ul li {
    position: relative;
  }
}
.\[\&_ul_li\]\:mb-1\.5 {
  & ul li {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
}
.\[\&_ul_li\]\:pl-6 {
  & ul li {
    padding-left: calc(var(--spacing) * 6);
  }
}
.\[\&_ul_li\:\:before\]\:absolute {
  & ul li::before {
    position: absolute;
  }
}
.\[\&_ul_li\:\:before\]\:left-0 {
  & ul li::before {
    left: calc(var(--spacing) * 0);
  }
}
.\[\&_ul_li\:\:before\]\:font-bold {
  & ul li::before {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
}
.\[\&_ul_li\:\:before\]\:text-brand-neon {
  & ul li::before {
    color: var(--color-brand-neon);
  }
}
.\[\&_ul_li\:\:before\]\:content-\[\'✓\'\] {
  & ul li::before {
    --tw-content: '✓';
    content: var(--tw-content);
  }
}
@property --play-state {
  syntax: "<custom-ident>";
  inherits: false;
  initial-value: paused;
}
:root, product-head, product-details {
  container-type: normal;
  --cb: linear;
  --cb-human: cubic-bezier(0.23, 1, 0.32, 1);
  --brand-neon-rgb: 101, 192, 55;
  --bgw: #F9F9F9;
  --brand-green: #137c28;
  &.dark-mode {
    --bgw: #030303;
    --brand-green: #bbe95e;
  }
  --brand-gold: #f8bf50;
  --brand-yellow: #facc15;
  --glass-bg: rgba(255, 255, 255, 0.05);
  --glass-border: rgba(255, 255, 255, 0.1);
  --brand-green-secondary: #229a34;
  --pdl-font-body: clamp(10px, 1.1dvw, 16px);
  --color-panel-bg: var(--bgw, #1a1a1a);
  --color-yellow-400: #facc15;
  --color-red-400: #f87171;
  --theme-bg-main: var(--color-brand-dark, #03070f);
  --theme-text-main: #ffffff;
  --theme-text-muted: #9ca3af;
  --theme-panel-bg: #141416;
  --theme-border-subtle: rgba(255, 255, 255, 0.08);
  --theme-icon-color: #ffffff;
  --theme-bg-inverse: #ffffff;
  --theme-text-inverse: #1a1a1a;
  --theme-btn-text: #ffffff;
}
:root.light-mode, product-head.light-mode, product-details.light-mode {
  --theme-bg-main: #f9f9f9;
  --theme-text-main: #1a1a1a;
  --theme-text-muted: #52525b;
  --theme-panel-bg: #ffffff;
  --theme-border-subtle: rgba(0, 0, 0, 0.08);
  --theme-icon-color: #1a1a1a;
  --theme-bg-inverse: #000000;
  --theme-text-inverse: #ffffff;
  --theme-btn-text: #ffffff;
}
#preview-top-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10002;
  background: rgba(5, 11, 20, 0.85);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  border-bottom: 1px solid rgba(101, 192, 55, 0.15);
  padding: 0.75rem 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
  transition: transform var(--t3) ease-in-out;
}
.lang-selector {
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(101, 192, 55, 0.2);
}
.lang-btn {
  width: 32px;
  height: 24px;
  border-radius: 4px;
  cursor: pointer;
  opacity: 0.5;
  transition: all var(--t2);
  background-size: cover;
  background-position: center;
  border: 2px solid transparent;
}
.lang-btn:hover {
  opacity: 0.8;
  transform: scale(1.05);
}
.lang-btn.active {
  opacity: 1;
  border-color: #65c037;
  box-shadow: 0 0 10px rgba(101, 192, 55, 0.5);
}
#product-nav {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  color: #fff;
  font-size: 0.875rem;
}
#product-selector {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(101, 192, 55, 0.2);
  border-radius: 8px;
  padding: 0.5rem 1rem;
  color: #fff;
  font-family: var(--font-tech, 'Orbitron', monospace);
  cursor: pointer;
  outline: none;
}
#product-selector option {
  background: #0a101a;
  color: #fff;
}
#theme-toggle {
  background: rgba(101, 192, 55, 0.1);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(101, 192, 55, 0.3);
  color: #65c037;
  padding: 0.5rem;
  border-radius: 50%;
  cursor: pointer;
  transition: all var(--t2);
}
#theme-toggle:hover {
  background: rgba(101, 192, 55, 0.2);
  box-shadow: 0 0 15px rgba(101, 192, 55, 0.3);
}
#language-menu {
  transform: translateY(-20px);
  opacity: 0;
  pointer-events: none;
  transition: all var(--t3) cubic-bezier(0.4, 0, 0.2, 1);
  max-height: 80vh;
  width: 800px;
  overflow-y: auto;
}
#language-menu.menu-open {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}
.lang-grid-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  border-radius: 12px;
  transition: all var(--t2);
  cursor: pointer;
  border: 1px solid transparent;
}
.lang-grid-item:hover {
  background: rgba(101, 192, 55, 0.1);
  border-color: rgba(101, 192, 55, 0.2);
}
.lang-grid-item.active {
  background: rgba(101, 192, 55, 0.2);
  border-color: rgba(101, 192, 55, 0.4);
}
.lang-flag {
  width: 32px;
  height: 24px;
  border-radius: 4px;
  background-size: cover;
  background-position: center;
  flex-shrink: 0;
}
#global-categories-menu {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 400px;
  background: rgba(5, 11, 20, 0.98);
  backdrop-filter: blur(40px);
  border-right: 1px solid rgba(101, 192, 55, 0.1);
  z-index: 10006;
  box-shadow: 20px 0 50px rgba(0, 0, 0, 0.6);
  .light-mode & {
    box-shadow: none !important;
    background: rgba(255, 255, 255, 0.98);
    border-right-color: rgba(0, 0, 0, 0.05);
  }
  transition: transform var(--t4) cubic-bezier(0.4, 0, 0.2, 1);
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
}
#global-categories-menu::-webkit-scrollbar {
  display: none;
}
#global-categories-menu.menu-open {
  transform: translateX(0);
}
#global-categories-menu:not(.menu-open) {
  transform: translateX(-100%);
}
#global-categories-menu .categories-menu-card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: none !important;
  margin-top: 0 !important;
}
body.has-top-bar .pdl-wrap {
  padding-top: 80px !important;
}
.hover\:-translate-y-2::after, .hover\:-translate-y-1::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -16px;
  height: 16px;
  background: transparent;
}
product-details p, product-details .cs-card-description, product-details .cs-subtitle, product-details .fq-content, product-details .fq-content p, product-details .pdl-grid p {
  font-size: var(--pdl-font-body);
}
.bg-brand-panel {
  background-color: var(--theme-panel-bg) !important;
  .light-mode & {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  }
}
.bg-brand-dark {
  .light-mode & {
    background-color: var(--theme-bg-main) !important;
  }
}
[class*="-card-wrapper"] .bg-brand-panel, .feature-card .bg-brand-panel, .cg-card-inner, .cs-card-inner, .fe-card-inner, .as-card-inner, .vs-card-inner, .eco-card-inner, .fq-card-inner, .ip-card-inner, .ga-card-inner, .features-card-inner, .adapters-card-inner, .voltage-card-inner, .ecosystem-card-inner, .feature-card-inner {
  .light-mode & {
    background-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
  }
}
[class*="-card-wrapper"], [class*="-card-wrapper"]:hover, .REVEAL, .REVEALED, .cs-background-effect, .cg-background-effect, .feature-card, .fe-card, .vs-card, .ad-card, .eco-card, .pl-card, .fq-card, .ga-card, .hero-video-inner, .video-block, .hero-video-inner {
  .light-mode & {
    box-shadow: none !important;
  }
}
.text-gray-200, .text-gray-400 {
  :where(.light-mode) & {
    color: var(--theme-text-muted);
  }
}
.text-white {
  :where(.light-mode) & {
    color: var(--theme-text-main);
  }
}
.light-mode {
  .cg-card-value, .fe-card-value, .as-item-title, .cs-card-value, .ip-card-value, .eco-item-title, .fq-summary, .feature-card-title {
    color: var(--theme-text-main) !important;
  }
  .cg-card-desc, .fe-card-desc, .as-item-desc, .cs-card-description, .cs-card-subtitle, .ip-card-description, .ip-subtitle, .vs-desc, .eco-item-desc, .feature-card-desc, .ga-item-desc, .fq-answer-inner {
    color: var(--theme-text-muted) !important;
  }
  :where(.group):hover {
    .feature-card-title, .as-item-title, .eco-item-title, .cg-card-title, .fe-card-title, .cs-card-value, .ip-card-value {
      color: var(--theme-text-main) !important;
    }
    .feature-card-desc, .as-item-desc, .eco-item-desc, .cs-card-description, .ip-card-description {
      color: var(--theme-text-main) !important;
    }
    .feature-card-desc b, .feature-card-desc strong, .cg-card-desc b, .cg-card-desc strong, .fe-card-desc b, .fe-card-desc strong, .as-item-desc b, .as-item-desc strong, .eco-item-desc b, .eco-item-desc strong, .cs-card-description b, .cs-card-description strong, .ip-card-description b, .ip-card-description strong {
      color: #2d8a1e !important;
    }
  }
  :where(.group):hover .group-hover\:text-white, :where(.group):hover .group-hover\:text-brand-neon {
    color: var(--theme-text-main) !important;
  }
}
.REVEALED {
  opacity: 1;
  pointer-events: auto;
}
.force-hide {
  &, &.TYPING, &.TYPED, &.REVEALING, &.REVEALED {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}
.hero-btn-primary, .hero-btn-secondary, button {
  .text-white {
    .light-mode & {
      color: #ffffff !important;
    }
  }
}
.hero-btn-content, .sticky-nav-btn-content {
  .light-mode & {
    color: #ffffff !important;
  }
}
.border-white\/5, .border-white\/10 {
  .light-mode & {
    border-color: var(--theme-border-subtle) !important;
  }
}
@media (min-width: 640px) {
  .hero-specs-row, .hero-buttons-row {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    max-width: none !important;
  }
  .hero-spec-left, .hero-btn-container-left {
    flex: 1 1 0% !important;
    display: flex !important;
    justify-content: flex-end !important;
    text-align: right !important;
  }
  .hero-spec-right, .hero-btn-container-right {
    flex: 1 1 0% !important;
    display: flex !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }
  .hero-specs-separator {
    flex: 0 0 auto !important;
    text-align: center !important;
  }
}
@media (max-width: 639.99px) {
  .hero-specs-row, .hero-buttons-row {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
  }
  .hero-spec-left, .hero-btn-container-left {
    flex: 1 1 50% !important;
    display: flex !important;
    justify-content: flex-end !important;
    text-align: right !important;
  }
  .hero-spec-right, .hero-btn-container-right {
    flex: 1 1 50% !important;
    display: flex !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }
  .hero-btn-primary, .hero-btn-secondary {
    padding: 0.5rem 0.5rem !important;
    font-size: 0.85rem !important;
    min-width: 0 !important;
    width: 100% !important;
    white-space: nowrap !important;
  }
  .hero-specs-row * {
    font-size: 0.75rem !important;
  }
}
html:is([lang|="bg"], [lang|="el"]) :root {
  --font-tech: 'Tektur', 'Orbitron', 'Segoe UI', 'Inter', BlinkMacSystemFont, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', sans-serif;
  --font-primary: 'Segoe UI', 'Inter', 'Figtree', BlinkMacSystemFont, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', sans-serif;
}
html[lang|="ar"] :root {
  --font-primary: 'Noto Sans Arabic', 'Segoe UI', BlinkMacSystemFont, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', sans-serif;
  --font-tech: 'Noto Sans Arabic', 'Segoe UI', BlinkMacSystemFont, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', sans-serif;
}
html:is([lang|="ja"], [lang|="zh"]) :root {
  --font-primary: 'Noto Sans JP', 'Noto Sans SC', 'Segoe UI', BlinkMacSystemFont, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', sans-serif;
  --font-tech: 'Noto Sans JP', 'Noto Sans SC', 'Segoe UI', BlinkMacSystemFont, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', sans-serif;
}
h1, h2 {
  font-family: var(--font-tech) !important;
}
.pdl-wrap, .extra-img {
  position: relative !important;
  background-size: cover !important;
  background-attachment: fixed !important;
  background-position: center center !important;
  color: #ffffff;
  overflow: clip;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  text-align: left;
  font-family: SEGOE UI, sans-serif;
  padding: 60px 0 0 0 !important;
  background-color: var(--theme-bg-main);
}
@media (max-width: 767.4999px) {
  .pdl-wrap {
    padding-top: 48px !important;
  }
}
.pdl-wrap::before, .extra-img::before {
  content: '';
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: none;
  background-color: transparent;
  opacity: 1;
  z-index: 1;
}
.pdl-content {
  position: relative !important;
  z-index: 9 !important;
  max-width: 2400px !important;
  margin: 0 auto !important;
  container-type: inline-size;
  container-name: pdl-section;
}
.pdl-content h2 {
  font-family: Segoe UI, serif;
  font-size: 2.5rem !important;
  font-weight: 700 !important;
  margin-bottom: 5rem !important;
  margin-top: 0 !important;
  color: #ffffff;
  line-height: 1.2 !important;
}
@media (max-width: 767.4999px) {
  .pdl-content h2 {
    font-size: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}
.pdl-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 2.5rem 2rem;
}
@container pdl-section (min-width: 700px) {
  .pdl-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@container pdl-section (min-width: 1100px) {
  .pdl-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@container pdl-section (min-width: 1600px) {
  .pdl-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
@container pdl-section (min-width: 2000px) {
  .pdl-grid {
    grid-template-columns: repeat(5, 1fr);
  }
}
@container pdl-section (max-width: 650px) {
  .pdl-grid>div {
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 4rem !important;
  }
  .pdl-grid>div>h3 {
    order: 0 !important;
  }
  .pdl-grid>div>.snip {
    order: 1;
    align-self: center !important;
    padding: 1em 0 !important;
    transform: scale(1.2);
  }
  .pdl-grid>div>p {
    order: 2;
  }
}
.pdl-grid>div h3 {
  font-family: Segoe UI, serif;
  font-size: 1.5rem;
  font-weight: 400;
  margin-bottom: 0.75rem;
  margin-top: 0;
  color: #ffffff;
  line-height: 1.3;
  grid-column: 2;
  grid-row: 1;
  align-self: start;
}
.pdl-grid>div p {
  font-size: 1rem;
  line-height: 1.6;
  margin: 0 0 1rem 0;
  grid-column: 2;
  align-self: start;
}
.pdl-grid a {
  color: #bbe95e !important;
}
.pdl-grid>div p:last-child {
  margin-bottom: 0;
}
.pdl-grid>div a {
  color: #a5d8ff;
  text-decoration: underline;
  font-weight: 500;
}
.pdl-grid>div a:hover {
  color: #ffffff;
  text-decoration: none;
}
.pdl-grid>div img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  margin-top: 0.5rem;
  float: none !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain;
}
.pdl-grid>div strong, .pdl-grid>div b {
  color: #ffffff;
  font-weight: 600;
}
.pdl-grid>div span {
  color: inherit !important;
  background-color: transparent !important;
}
.pdl-img-pair {
  display: flex !important;
  flex-direction: row !important;
  gap: 1rem;
  flex-wrap: wrap !important;
  margin: 1rem auto !important;
  vertical-align: middle;
  margin-top: 0.5rem !important;
  width: 100%;
  position: relative !important;
  z-index: 2 !important;
}
.pdl-img-pair div {
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: center !important;
  width: calc(50% - 1rem);
  height: calc((50dvw - 1rem) * 0.75);
  object-fit: contain;
}
.pdl-grid>div ul {
  font-size: 1rem;
  line-height: 1.6;
  margin: 0 0 1rem 0;
  padding-left: 1.5rem;
}
.pdl-grid>div li {
  margin-bottom: 0.5rem;
}
.pdl-content>h3 {
  font-family: Segoe UI, serif;
  font-size: 2rem;
  font-weight: 400;
  color: #ffffff;
  margin: 4rem 0 1.5rem 0;
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 0.5rem;
}
.pdl-grid>div {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0 1rem;
}
.pdl-grid>div>.snip {
  grid-column: 1;
  grid-row: span 5;
  align-self: start;
  flex-shrink: 0;
  margin-top: 0;
  background-image: var(--bg);
  background-position: 0px 0;
  --width: 200px;
  width: var(--width);
  height: calc(var(--width) * 0.75);
  object-fit: contain;
}
.pdl-grid>div h3.icon-warning::before, .pdl-grid>div h3.icon-rca::before, .pdl-grid>div h3.icon-3pin::before, .pdl-grid>div h3.icon-extend::before {
  content: var(--data-icon);
  margin-right: 0.5rem;
  font-family: sans-serif;
  font-weight: 700;
  color: #f8bf50;
  font-size: 1.2em;
  vertical-align: -0.1em;
}
h3.icon-warning {
  --data-icon: "⚠️";
}
h3.icon-rca {
  --data-icon: "◎";
}
h3.icon-3pin {
  --data-icon: "∴";
}
h3.icon-extend {
  --data-icon: "↔";
}
.pdl-grid>div h3.icon-3pin::before {
  font-size: 1.8em;
  vertical-align: -0.2em;
}
#pdl-tooltip-preview {
  position: fixed;
  z-index: 10001;
  background-color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  filter: drop-shadow(0px 0px 40px rgb(255, 255, 255));
  border-radius: 8px;
  opacity: 0;
  pointer-events: none;
  transition: all var(--t2) ease-out;
}
.snip-hovered {
  opacity: 1 !important;
  filter: none !important;
  transition: opacity var(--t1) ease-out;
}
.snip, .extra {
  cursor: zoom-in;
  background-image: var(--bg);
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: center !important;
  filter: blur(6px);
  transform: scale(1);
}
.fade-in-visible, .fade-in-visible.snip, .fade-in-visible.extra {
  opacity: 1 !important;
  filter: blur(0) !important;
}
.fade-in-visible.t-DATEx2 {
  opacity: 0.6 !important;
}
.pdl-img-pair div {
  opacity: 0;
}
h1, h2, h3, h4, h5, .hero-secondary-title, .main-title, .cg-title, .features-title, .gallery-title, .section-header {
  color: #ffffff;
  &.main-title {
    font-size: 3.5rem !important;
    font-weight: 700 !important;
    margin-bottom: 2rem !important;
    margin-top: 0 !important;
    line-height: 1.2 !important;
  }
  @media (max-width: 767.4999px) {
    &.main-title {
      font-size: 2.2rem !important;
      margin-bottom: 0.5rem !important;
      line-height: 1.1 !important;
    }
  }
  .light-mode & {
    color: var(--theme-text-main) !important;
    filter: none !important;
    background: var(--bgw) !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
  }
}
.pdl-wrap {
  .light-mode & {
    background: var(--bgw) !important;
    color: var(--theme-text-main) !important;
  }
}
h1, h2 {
  text-shadow: 0 4px 10px rgba(0, 0, 0, 0.5), 0 0 1px rgba(255, 255, 255, 0.1);
  .dark-mode & {
    text-shadow: 0 0px 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.1);
  }
}
.hero-btn-primary {
  background-color: var(--details-product-purchase__add-buttons--background-color);
  color: var(--theme-btn-text, #ffffff) !important;
  border: none;
}
.hero-btn-secondary {
  background-color: var(--brand-green-secondary) !important;
  color: var(--theme-btn-text, #ffffff) !important;
  border: none !important;
}
h3.section-header {
  border-bottom: 2px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 1rem;
  margin-bottom: 2rem;
  color: var(--theme-text-main, #fff);
  font-family: 'Segoe UI', serif;
  font-size: 2rem;
  font-weight: 400;
  margin: 4rem 0 1.5rem 0;
}
@media (max-width: 767.4999px) {
  h3.section-header {
    font-size: 1.3rem !important;
    margin-top: 1rem !important;
    margin-bottom: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
}
.fq-container {
  margin-top: 4rem;
}
details.fq-card {
  background: transparent;
  border: none;
  border-radius: 12px;
  overflow: hidden;
  transition: background var(--t4) ease, transform var(--t4) var(--cb);
}
summary.fq-summary {
  padding: 1.2rem 1.5rem;
  cursor: pointer;
  font-weight: 600;
  color: #ffffff;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  outline: none;
  transition: color var(--t3) ease;
  width: 100%;
  user-select: none;
  .light-mode & {
    color: var(--theme-text-main) !important;
  }
}
summary.fq-summary::-webkit-details-marker {
  display: none;
}
.fq-icon {
  position: relative;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 0 !important;
  color: var(--brand-green);
  transition: transform var(--t4) var(--cb);
}
.fq-icon::before, .fq-icon::after {
  content: '';
  position: absolute;
  background-color: currentColor;
  border-radius: 2px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: transform var(--t4) var(--cb), opacity var(--t4) ease;
}
.fq-icon::before {
  width: 14px;
  height: 2px;
}
.fq-icon::after {
  width: 2px;
  height: 14px;
}
details[open]:not(.closing) .fq-icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
:root {
  interpolate-size: allow-keywords;
}
.fq-answer {
  display: block !important;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transition: max-height var(--t4) ease-out, opacity var(--t3) ease, transform var(--t4) var(--cb), visibility 0s linear var(--t4);
  transform: translateY(-8px);
}
details[open]:not(.closing) .fq-answer {
  max-height: 1500px;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
  @starting-style {
    max-height: 0;
    opacity: 0;
    transform: translateY(-8px);
  }
  &:hover {
    background: rgba(255, 255, 255, 0.03);
  }
}
.fq-answer-inner {
  min-height: 0;
  color: #d1d5db;
  line-height: 1.7;
}
.fq-content strong {
  color: var(--brand-green);
}
.fq-list {
  padding-left: 1.5rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.extra {
  cursor: zoom-in;
}
.pdl-grid>div {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0 1rem;
  .light-mode & {
    background: var(--bgw) !important;
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
  }
  &:hover {
    .light-mode & {
      background: var(--bgw) !important;
      box-shadow: none !important;
      border: none !important;
      outline: none !important;
    }
  }
}
.grid>.group {
  &.bg-brand-dark {
    .light-mode & {
      background-color: transparent !important;
      border: none !important;
      box-shadow: none !important;
    }
    h3, .text-white, .text-gray-200 {
      .light-mode & {
        color: #111 !important;
      }
    }
    p, .text-gray-400, .text-gray-500 {
      .light-mode & {
        color: #444 !important;
      }
    }
    .bg-white\/5 {
      .light-mode & {
        background-color: rgba(0, 0, 0, 0.05) !important;
        border-color: rgba(0, 0, 0, 0.1) !important;
      }
    }
  }
}
.snip-modern {
  opacity: 1 !important;
  filter: none !important;
  width: 100% !important;
  height: 100% !important;
  background-size: cover !important;
  background-position: center !important;
}
.snip-sprite {
  filter: none !important;
  width: 100% !important;
  height: 100% !important;
}
.glass-panel {
  background: rgba(21, 21, 30, 0.7);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.05);
}
.glass-nav {
  background: rgba(10, 10, 15, 0.85);
  backdrop-filter: blur(16px);
  border-top: 1px solid rgba(var(--brand-neon-rgb), 0.15);
}
.fade-in-visible, .fade-in-visible.snip, .fade-in-visible.extra {
  opacity: 1 !important;
  filter: blur(0) !important;
}
#pdl-tooltip-preview {
  position: fixed;
  z-index: 10001;
  background-color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  filter: drop-shadow(0px 0px 40px rgb(255, 255, 255));
  border-radius: 8px;
  opacity: 0;
  pointer-events: none;
  transition-duration: var(--t2);
  transition-timing-function: ease-out;
  transition-property: width, height, opacity, background-image, filter, transform;
  will-change: width, height, opacity, background-image, filter, transform;
}
.snip, .extra {
  transition: scale var(--t4) ease, filter var(--t4) ease, opacity var(--t4) ease, transform var(--t4) cubic-bezier(0.175, 0.885, 0.32, 1.275);
  cursor: zoom-in;
  will-change: filter, opacity, transform, scale;
}
.pdl-wrap.sda-ready section, .pdl-wrap.sda-ready .pdl-content, .pdl-wrap.sda-ready .group, .pdl-wrap.sda-ready .pdl-grid > div {
  transition: filter var(--t3) ease-out, opacity var(--t3) ease-out !important;
  will-change: filter, opacity;
}
.pdl-wrap:has(.snip-hovered) .group:has(.snip-hovered), .pdl-wrap.has-active-snip .group:has(.snip-hovered), .pdl-wrap:has(.snip-hovered) .pdl-grid > div:has(.snip-hovered), .pdl-wrap.has-active-snip .pdl-grid > div:has(.snip-hovered) {
  filter: blur(0px) !important;
  opacity: 1 !important;
  transform: scale(1.02);
  z-index: 10;
  transition: filter var(--t3) ease-out, opacity var(--t3) ease-out, transform var(--t3) cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}
#hero-video-main, #video-poster-layer {
  transition: filter var(--t2) ease-in-out;
  will-change: filter;
  .dark-mode & {
    filter: brightness(0.8) saturate(1.2);
    &:hover {
      filter: brightness(1) saturate(1) !important;
    }
  }
}
#theme-toggle {
  transition: all var(--t3) ease;
}
#theme-toggle:hover {
  transform: scale(1.1) rotate(180deg);
}
section .extra {
  opacity: 1 !important;
  filter: blur(0) !important;
}
video::-webkit-media-controls-panel {
  background-image: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  filter: invert(1) !important;
}
video::backdrop {
  background-color: var(--theme-bg-inverse) !important;
}
#hero-vignette, #hero-green-glow, #hero-video-glow, .bg-brand-neon\/5 {
  .light-mode & {
    opacity: 0 !important;
    display: none !important;
  }
}
.bg-brand-dark\/50, .bg-black\/20, .group.border-white\/5 {
  .light-mode & {
    background-color: transparent !important;
    border-color: transparent !important;
  }
}
.text-gray-300 {
  .light-mode & {
    color: #52525b !important;
  }
}
.text-gray-500 {
  .light-mode & {
    color: #27272a !important;
  }
}
.hero-video-inner {
  .light-mode & {
    border: none !important;
    box-shadow: none !important;
    background-color: #ffffff !important;
  }
}
#hero-video-controls {
  .light-mode & {
    background: transparent !important;
  }
  button {
    .light-mode & {
      color: var(--theme-text-main) !important;
      &:hover {
        color: #65c037 !important;
      }
    }
  }
}
.feature-img-container {
  .light-mode & {
    background-color: transparent !important;
    mix-blend-mode: multiply !important;
  }
}
video::-webkit-media-controls-panel {
  background-image: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  filter: invert(1) !important;
  .light-mode & {
    filter: invert(0) !important;
    color: black !important;
    opacity: 1 !important;
    z-index: 1000 !important;
  }
}
video::-webkit-media-controls-play-button, video::-webkit-media-controls-volume-slider, video::-webkit-media-controls-mute-button, video::-webkit-media-controls-timeline, video::-webkit-media-controls-current-time-display {
  .light-mode & {
    filter: invert(0) !important;
    color: black !important;
    opacity: 1 !important;
  }
}
.allow-overflow-light {
  .light-mode & {
    overflow: visible !important;
    &>div {
      overflow: visible !important;
    }
  }
}
.hover\:from-brand-neon\/20:hover {
  .light-mode & {
    background-image: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
  }
}
.hover\:border-brand-neon\/50:hover {
  .light-mode & {
    border-color: rgba(0, 0, 0, 0.1) !important;
  }
}
.hover\:shadow-brand-neon\/50:hover {
  .light-mode & {
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05) !important;
  }
}
.hero-video-wrapper {
  height: 100%;
}
.hero-video-inner {
  position: relative;
  transition-property: transform, scale, filter;
  transition-duration: var(--t4);
  transition-timing-function: ease-in-out;
  will-change: transform, scale, filter;
  max-height: 100%;
  min-height: 200px;
  box-shadow: #ffffff88 0px 0px 20px 0px;
}
@media (width >=64rem) {
  .hero-container {
    align-items: stretch !important;
  }
  .hero-content {
    align-self: center;
  }
  .hero-video-wrapper {
    align-self: stretch;
    height: 100%;
  }
  .hero-video-inner {
    width: 100%;
    height: 100%;
  }
}
.hero-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.hero-info-grid {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.hero-buttons-row {
  transition: opacity var(--t8) ease-in, transform var(--t8) var(--cb);
  transform: translateY(15px);
  .TYPE-reveal {
    transform: none !important;
  }
}
.hero-text-right, .hero-btn-container-right {
  display: flex;
  justify-content: flex-end;
}
.hero-text-left, .hero-btn-container-left {
  display: flex;
  justify-content: flex-start;
}
.hero-spec-value, .hero-btn-secondary, .hero-btn-primary, .hero-btn-content {
  white-space: nowrap;
}
.hero-control-btn {
  appearance: none;
  -webkit-appearance: none;
  background: transparent !important;
  border: none !important;
  outline: none;
  padding: 0;
  margin: 0;
  color: white;
  cursor: pointer;
  line-height: 0;
}
.hero-control-btn:hover {
  color: var(--brand-neon, #65c037);
}
.video-poster-bg {
  background-image: url('BCx3.4k.webp');
}
.t-DATEx2 {
  --bg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 336 214"><defs><linearGradient id="b" x1="9.019" x2="322.057" y1="105.4" y2="105.4" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="%238db54a" /><stop offset=".06" stop-color="%2384b54a" /><stop offset=".32" stop-color="%2364b54a" /><stop offset=".57" stop-color="%234cb54a" /><stop offset=".8" stop-color="%233eb54a" /><stop offset="1" stop-color="%2339b54a" /></linearGradient><linearGradient id="d" x1="726.73" x2="805.86" y1="126.55" y2="126.55" href="%23b" /><clipPath id="e"><use fill="none" href="%23a" /></clipPath><clipPath id="c"><path fill="none" d="M313.66 33.3h630.39v188.1H313.66z" /></clipPath><path id="a" fill="none" stroke="%23fff" stroke-miterlimit="10" stroke-width="6" d="m185.8 128.33-48.09.27a2.69 2.69 0 0 0-2.55 2.8l.09 17a2.68 2.68 0 0 0 2.58 2.77l48.09-.27a2.69 2.69 0 0 0 2.55-2.8v-3.86a2.34 2.34 0 0 0 1.88-2.35v-4.59a2.34 2.34 0 0 0-1.91-2.33v-3.86a2.69 3.89 0 0 0-2.64-2.78m.11-33.1-48.09.27a2.69 2.69 0 0 0-2.55 2.8l.09 17a2.68 2.68 0 0 0 2.58 2.77l48.09-.27a2.69 2.69 0 0 0 2.37-2.8v-3.86a2.34 2.34 0 0 0 1.88-2.36v-4.59a2.34 2.34 0 0 0-1.91-2.33V98a2.69 2.69 0 0 0-2.58-2.77m-96.68 18.46a39.59 39.59 0 0 1 12.1 19.88l-21.2.58zm-5.19-75.45a6.67 6.67 0 0 0-6.5 6.4c-.24 4.08 2.63 7.36 6.34 7.36H92l6.51 10.91-36.75 80.92a3.33 3.33 0 0 0 .19 3 2.82 2.82 0 0 0 2.47 1.41l38.09-1 .1-2.39v1.93c-1.18 19.85-15.89 35.62-34.21 36.68a34.38 34.38 0 0 1-26.93-10.74 40.6 40.6 0 0 1-11.34-28.54c0-17.46 10.82-33 26.32-37.82l.92-.28.74-.65a12.47 12.47 0 0 0 3.5-13.4 11.37 11.37 0 0 0-10.52-7.91 10.66 10.66 0 0 0-3.76.7 60.17 60.17 0 0 0-32 30.4 67.19 67.19 0 0 0-3.5 47.86c4.77 15.93 15 28.88 28.74 36.47a53.6 53.6 0 0 0 26.08 6.81 56.63 56.63 0 0 0 17.76-3c14.58-5.1 26.5-16.17 33.54-31.17a65.46 65.46 0 0 0 5.93-21.67v-.49c0-.45 0-1.07.07-1.81.23-4.76.71-14.68-2.34-23.93-4.55-13.83-12.07-24.7-22.36-32.31l-.34-.25 13.7-29.43-6.42-10.3h8.21a6.55 6.55 0 0 0 6.16-4.5c1.59-4.66-1.79-9.26-5.94-9.26zM187 10.4a6.3 6.3 0 0 0-4 3.08 7.23 7.23 0 0 0-.78 5.1 6.49 6.49 0 0 0 6.11 5.42 5.59 5.59 0 0 0 1.45-.19 34.25 34.25 0 0 1 8.58-1.21c8.06 0 11.43 3.77 12.12 4.66L221.31 58h.09l28.44 81.11a6.42 6.42 0 0 0 6 4.41 5.23 5.23 0 0 0 2.44-.48c3.1-1.35 4.65-5.18 3.54-8.79v-.11l-11.44-32.24a31.65 31.65 0 0 1 5.55-.53 33.81 33.81 0 0 1 16.5 4.4 37.66 37.66 0 0 1 17.39 22.75 40.07 40.07 0 0 1-2.5 29.23 36.15 36.15 0 0 1-21 18.88 32.59 32.59 0 0 1-26.92-2.72A37.63 37.63 0 0 1 222 151.2a41.5 41.5 0 0 1 1.92-28.29 13.05 13.05 0 0 0 .43-9.85 10.83 10.83 0 0 0-5.6-6.31 10.5 10.5 0 0 0-14.6 5.65 66.73 66.73 0 0 0-3.22 46c4.49 16 14.53 29.07 28.27 36.92a53.27 53.27 0 0 0 26.8 7.32 52 52 0 0 0 17-2.71c14.71-4.87 26.81-15.77 34.11-30.77a68 68 0 0 0 4-47.62c-4.49-16-14.52-29.06-28.22-36.89a52.32 52.32 0 0 0-39-5.8l-1.48.35L222 21.25a4.34 4.34 0 0 0-.3-.62c-1.64-2.79-8.14-11.91-23-11.91A45 45 0 0 0 187 10.4" /></defs><use href="%23a" /><g clip-path="url(%23e)"><path fill="url(%23b)" d="M7.06 4.13h316.48v203.1H7.06z" /></g><path fill="%23fff" d="m358.51 115.81 28.33-40.69c2.39-3.44 6.55-4.64 9.74-2.34 4.06 2.93 4.84 9.39 1.92 13.57L380.66 112l20.8.3c2.93-.11 5.64 1.86 6.93 5a10.55 10.55 0 0 1-1 9.71l-43.14 49.15c-1.86 2.13-4.65-.83-3.18-3.37l24.3-41.9-21-.3c-2.94.11-5.66-1.88-6.94-5.08a10.54 10.54 0 0 1 1-9.73M172 99.41l8.57-.05c1.32 0 4.17 2.72 4.18 3.63l.08 7.83c0 .91-3.15 3.26-4.46 3.26l-8.31.11zm0 33.11 8.57-.05c1.32 0 4.17 2.72 4.18 3.63l.08 7.83c0 .91-3.15 3.26-4.46 3.26l-8.31.11z" /></svg>');
}
.cs-card-wrapper.group:hover .cs-card-label.text-gray-400 {
  color: #eab308 !important;
}
.cs-card-wrapper.group:hover .cs-card-label.text-red-400 {
  color: #ef4444 !important;
}
.cs-card-wrapper.variant-red:hover .cs-card-value {
  color: #ef4444 !important;
}
.cs-card-wrapper.variant-yellow:hover .cs-card-value {
  color: #eab308 !important;
}
.cs-card-wrapper.variant-gold:hover .cs-card-value {
  color: #f8bf50 !important;
}
.hero-video-poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-image: var(--bg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 10;
  cursor: pointer;
}
.hover\:shadow-brand-glow {
  box-shadow: 0px 0 0px 0px transparent;
  transition: all var(--t3) ease;
  &:hover {
    box-shadow: 0px 0 20px 2px rgba(101, 192, 55, 0.15);
    .light-mode & {
      box-shadow: none !important;
    }
  }
}
.hover\:shadow-\[0_0_30px_rgba\(0\,242\,255\,0\.1\)\] {
  &:hover {
    .light-mode & {
      box-shadow: none !important;
    }
  }
}
.pdl-wrap {
  .light-mode & {
    color: var(--theme-text-main) !important;
  }
}
.pdl-content>h3, .pdl-grid>div h3, .pdl-content h2 {
  .light-mode & {
    color: var(--theme-text-main) !important;
  }
}
.pdl-grid>div strong, .pdl-grid>div b {
  .light-mode & {
    color: var(--theme-text-main) !important;
  }
}
.pdl-content>h3 {
  .light-mode & {
    border-bottom-color: var(--theme-border-subtle) !important;
  }
}
.fq-question {
  .light-mode & {
    color: var(--theme-text-main) !important;
  }
}
.fq-answer-inner, .fq-content {
  .light-mode & {
    color: var(--theme-text-muted) !important;
    border-top-color: var(--theme-border-subtle) !important;
  }
  strong {
    .light-mode & {
      color: #2d8a1e !important;
    }
  }
}
.fq-card-wrapper {
  .light-mode & {
    background-image: none !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
  }
  &:hover {
    .light-mode & {
      background: transparent !important;
      box-shadow: none !important;
    }
  }
}
.fq-card {
  .light-mode & {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }
}
.fq-section {
  .light-mode & {
    background-color: transparent !important;
    border: none !important;
  }
}
.features-section {
  .light-mode & {
    background-color: transparent !important;
  }
}
.features-title, .features-item-title {
  .light-mode & {
    color: var(--theme-text-main) !important;
  }
}
.features-item-desc {
  .light-mode & {
    color: var(--theme-text-muted) !important;
  }
}
.features-card-wrapper {
  .light-mode & {
    background-image: none !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
  }
  &:hover {
    .light-mode & {
      background: transparent !important;
      box-shadow: none !important;
    }
  }
}
.cs-title, .cg-title, .gallery-title, .fq-title, .voltage-title, .ecosystem-title, .as-title {
  .light-mode & {
    color: var(--theme-text-main) !important;
  }
}
.cs-subtitle {
  .light-mode & {
    color: var(--theme-text-muted) !important;
  }
}
.cs-card-description {
  .light-mode & {
    color: var(--theme-text-muted);
  }
}
.cs-card-wrapper {
  .light-mode & {
    background-image: none !important;
    background: transparent !important;
    border: none !important;
    padding: 0;
  }
  &:hover {
    .light-mode & {
      background: transparent !important;
      box-shadow: none !important;
    }
  }
}
.cs-background-effect {
  .light-mode & {
    background-color: transparent !important;
    border-color: var(--theme-border-subtle) !important;
  }
}
.voltage-section {
  .light-mode & {
    border-top-color: var(--theme-border-subtle) !important;
  }
}
.voltage-desc, .voltage-spec-label {
  .light-mode & {
    color: var(--theme-text-muted) !important;
  }
}
.voltage-spec-box {
  .light-mode & {
    background-color: rgba(0, 0, 0, 0.04) !important;
    border-color: var(--theme-border-subtle) !important;
  }
}
.voltage-card-wrapper {
  .light-mode & {
    background-image: none !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
  }
  &:hover {
    .light-mode & {
      background: transparent !important;
      box-shadow: none !important;
    }
  }
}
.as-item-desc, .ecosystem-item-desc, .as-card-wrapper, .ecosystem-card-wrapper, .feature-card-desc, .ecosystem-item-title, .feature-card-title {
  .light-mode & {
    color: var(--theme-text-muted) !important;
  }
}
.as-card-wrapper, .ecosystem-card-wrapper, .feature-card {
  .light-mode & {
    background-image: none !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
  }
  &:hover {
    .light-mode & {
      background: transparent !important;
      box-shadow: none !important;
    }
  }
}
.gallery-section {
  .light-mode & {
    background-color: transparent !important;
  }
}
.gallery-item {
  transition: transform var(--t5) cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  .light-mode & {
    border-color: var(--theme-border-subtle) !important;
    &:hover {
      transform: translateY(-8px) !important;
      box-shadow: none !important;
    }
  }
}
.sticky-nav-title {
  .light-mode & {
    color: var(--theme-text-main) !important;
  }
}
[class*="-line-left"], [class*="-line-right"] {
  .light-mode & {
    opacity: 0.5;
  }
}
:where(.pdl-wrap) b, :where(.pdl-wrap) strong, .features-item-desc b, .features-item-desc strong, .as-item-desc b, .as-item-desc strong, .cg-card-desc b, .cg-card-desc strong, .fq-answer b, .fq-answer strong, .cs-card-description b, .cs-card-description strong {
  color: var(--brand-green, #bbe95e);
}
.REVEALED.fe-card-wrapper, .REVEALED.features-card-wrapper, .REVEALED.cg-card-wrapper, .REVEALED.cs-card-wrapper, .REVEALED.as-card-wrapper, .REVEALED.as-card-wrapper, .REVEALED.vs-card-wrapper, .REVEALED.voltage-card-wrapper, .REVEALED.eco-card-wrapper, .REVEALED.ecosystem-card-wrapper, .REVEALED.ip-card-wrapper, .REVEALED.fq-card-wrapper {
  cursor: pointer;
  --cb: cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: background-image var(--t4) var(--cb), background-color var(--t4) var(--cb), transform var(--t4) var(--cb), box-shadow var(--t4) ease !important;
  &:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3) !important;
    .light-mode & {
      box-shadow: none !important;
    }
  }
}
[class*="-card-wrapper"] {
  cursor: pointer;
}
.fq-card-wrapper {
  cursor: pointer;
  position: relative;
  padding-bottom: 8px;
  &:hover {
    .fq-card {
      transform: translateY(-8px);
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    }
    .light-mode & .fq-card {
      box-shadow: none !important;
    }
  }
}
.features-title, .cg-title, .cs-title, .gallery-title, .fq-title, .voltage-title, .ecosystem-title, .as-title, .po-title, .cs-section-title {
  color: #ffffff !important;
}
.hero-btn-wrap {
  transform: scale(1) !important;
  transition-duration: var(--t3);
  transition-timing-function: ease-in-out;
  transition-property: transform, background-color, color, filter, box-shadow;
  overflow: visible !important;
  padding: 3px !important;
  border-radius: var(--button--border-radius) !important;
  background-color: var(--details-product-purchase__add-buttons--background-color) !important;
  filter: var(--button--filter) !important;
  box-sizing: border-box !important;
  &:has(.hero-btn-secondary) {
    background-color: var(--brand-green-secondary) !important;
  }
  &:hover {
    & .btn {
      max-width: 100% !important;
      max-height: 100% !important;
    }
    animation: borderRadial var(--D) linear infinite forwards !important;
    background-image: radial-gradient(ellipse at var(--gradX) var(--gradY), var(--c1), var(--c1) 10%, var(--c2) 40%) !important;
    background-origin: border-box !important;
    background-clip: border-box !important;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15) !important;
    .light-mode & {
      box-shadow: none !important;
    }
    transform: scale(1.05) !important;
  }
}
@keyframes borderRadial {
  0% {
    --gradX: 100%;
    --gradY: 0%;
  }
  20% {
    --gradX: 100%;
    --gradY: 100%;
  }
  50% {
    --gradX: 0%;
    --gradY: 100%;
  }
  65% {
    --gradX: 0%;
    --gradY: 0%;
  }
  100% {
    --gradX: 100%;
    --gradY: 0%;
  }
}
.product-options-separator {
  float: right !important;
  width: var(--sidebar-layout-width) !important;
  clear: right !important;
  box-sizing: border-box !important;
  padding-top: 20px;
  scroll-margin-top: calc(var(--header--height-desktop, 60px) + 20px);
  h2 {
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    .dark-mode & {
      text-shadow: 0 0px 1px rgba(255, 255, 255, 0.3);
    }
  }
}
.product-options-separator > div > .flex > div {
  opacity: 0;
  transition: opacity 0.6s ease 0.1s;
}
.product-options-separator .TYPE.TYPING ~ div, .product-options-separator .TYPE.TYPED ~ div, .product-options-separator > div > .flex:has(.TYPE.TYPING) > div, .product-options-separator > div > .flex:has(.TYPE.TYPED) > div {
  opacity: 1;
}
.product-options-separator>div {
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.product-options-separator>div>.flex {
  justify-content: center !important;
  padding: 0 var(--paddingx2) !important;
  position: relative;
}
.product-options-separator>div>.flex>div {
  height: 1px !important;
  background: linear-gradient(to right, transparent, rgba(var(--brand-neon-rgb, 101, 192, 55), 0.3)) !important;
}
.product-options-separator>div>.flex>div:last-child {
  background: linear-gradient(to left, transparent, rgba(var(--brand-neon-rgb, 101, 192, 55), 0.3)) !important;
}
@keyframes type-in {
  from {
    opacity: 0;
    transform: translateY(2px);
    visibility: visible;
  }
  to {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
  }
}
w {
  display: inline;
  white-space: nowrap;
  position: relative;
}
c {
  display: inline;
  position: relative;
  opacity: 0;
  visibility: hidden;
}
c {
  --I: sibling-index();
  --N: sibling-count();
  --i: calc(var(--w, 0) + var(--I, 1));
}
product-details:not(.sda-ready) .shadow-wrapper {
  opacity: 0 !important;
  visibility: hidden !important;
}
@keyframes play-toggle {
  from {
    --play-state: paused;
  }
  to {
    --play-state: running;
  }
}
.TYPE c {
  opacity: 0;
  display: inline;
  transition: none !important;
  animation-name: none;
  animation-duration: 3s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: calc((var(--d, 0) * 1ms) + (var(--i, 0) * (var(--u, 0) * 1ms + var(--c, 0ms))));
}
.type c {
  opacity: 0.001;
  display: inline;
  visibility: hidden;
  transition: none !important;
  animation-name: none;
  animation-duration: 3s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: calc((var(--d, 0) * 1ms) + (var(--i, 0) * (var(--u, 0) * 1ms + var(--c, 0ms))));
}
.TYPE, .TYPED, .REVEALED, .type {
  transition-property: opacity, transform, translate, filter, box-shadow, background-color, border-color, color;
  transition-duration: var(--t4);
  transition-timing-function: var(--cb);
  transition-delay: calc(var(--d, 0) * 1ms);
}
.TYPED, .REVEALED {
  transition-property: opacity, transform, filter, box-shadow, background-color, border-color, color;
  transition-duration: var(--t3);
}
.TYPE.TYPING c, .TYPE.TYPED c, .TYPING .TYPE c, .TYPED .TYPE c, .type.TYPING c, .type.TYPED c, .TYPING .type c, .TYPED .type c {
  animation-name: type-in;
}
.TYPE.TYPING::before, .TYPE.TYPING::after, .TYPE.TYPING *::before, .TYPE.TYPING *::after, .type.TYPING::before, .type.TYPING::after, .type.TYPING *::before, .type.TYPING *::after {
  animation-name: type-in;
}
.css-done c {
  opacity: 1 !important;
  visibility: visible !important;
}
product-head.sda-ready .TYPE, product-details.sda-ready .TYPE, product-head.sda-ready ~ .po-section .TYPE {
  opacity: 1 !important;
}
.TYPE.TYPING, .TYPE.TYPED, .TYPING .TYPE, .TYPED .TYPE, .type.TYPING, .type.TYPED, .TYPING .type, .TYPED .type {
  opacity: 1;
}
.always-hidden {
  opacity: 0.001 !important;
  pointer-events: none !important;
}
.TYPE::before, .TYPE::after, .TYPE *::before, .TYPE *::after, .type::before, .type::after, .type *::before, .type *::after {
  opacity: 0;
  animation-name: none;
  animation-duration: 3s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: calc((var(--d, 0) * 1ms) + (var(--b, 0) * var(--u, 1) * 1ms));
}
.TYPE.TYPING::before, .TYPE.TYPING::after, .TYPE.TYPING *::before, .TYPE.TYPING *::after, .type.TYPING::before, .type.TYPING::after, .type.TYPING *::before, .type.TYPING *::after {
  animation-name: type-in;
}
.TYPE.TYPED::before, .TYPE.TYPED::after, .TYPE.TYPED *::before, .TYPE.TYPED *::after, .TYPED c, .css-done c {
  animation: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: inline !important;
  transition-delay: 0ms;
}
.snip:focus, .extra:focus, [tabindex="0"]:focus, details:focus, summary:focus, .cg-card-wrapper:focus, .cg-card-inner:focus {
  outline: none !important;
  box-shadow: none !important;
}
:focus-visible {
  outline: 2px solid var(--brand-green) !important;
  outline-offset: 4px !important;
}
ul.list-disc {
  list-style: none !important;
  padding-left: 0.5rem !important;
}
ul.list-disc li {
  position: relative;
  padding-left: 1.5rem !important;
  margin-bottom: 0.25rem;
}
ul.list-disc li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #65c037;
  font-weight: 900;
  font-family: system-ui, -apple-system, sans-serif;
}
.REVEAL, product-head .REVEAL, product-details .REVEAL, .pdl-wrap .REVEAL {
  opacity: 0;
  transform: translateY(15px);
  pointer-events: none;
}
.REVEAL.REVEAL-fade-only {
  transform: none !important;
}
.REVEAL.REVEALING {
  opacity: 1;
  transform: none;
  pointer-events: auto;
  will-change: opacity, transform;
  transition-property: opacity, transform !important;
  transition-duration: calc(var(--t, 800) * 1ms) !important;
  transition-timing-function: var(--cb) !important;
  transition-delay: calc(var(--d, 0) * 1ms) !important;
}
.REVEAL.REVEALED, .REVEALED {
  opacity: 1 !important;
  transform: none !important;
  pointer-events: auto !important;
  transition-property: none !important;
  will-change: auto !important;
}
@supports (animation-timeline: view()) {
  product-head.sda-ready .TYPE-reveal:not(.TP), product-details.sda-ready .TYPE-reveal:not(.TP) {
    transition-property: none !important;
    visibility: hidden;
  }
  .fe-section, .cs-section, .as-section, .vs-section, .fq-section, .ga-section, .eco-section, .ip-section, .po-section {
    container-type: normal;
    container-name: sda-gate;
  }
  product-head.sda-ready .fe-section, product-details.sda-ready .fe-section, product-head.sda-ready .cs-section, product-details.sda-ready .cs-section, product-head.sda-ready .as-section, product-details.sda-ready .as-section, product-head.sda-ready .vs-section, product-details.sda-ready .vs-section, product-head.sda-ready .fq-section, product-details.sda-ready .fq-section, product-head.sda-ready .ga-section, product-details.sda-ready .ga-section, product-head.sda-ready .eco-section, product-details.sda-ready .eco-section, product-head.sda-ready .ip-section, product-details.sda-ready .ip-section {
    animation: play-toggle step-start forwards;
    animation-timeline: view(var(--top-bar--height, 60px) calc(var(--action-bar--height, 70px) + 50px));
    animation-range: entry 3% entry 18%;
  }
  product-head.sda-ready ~ .po-section {
    animation: play-toggle step-start forwards;
    animation-timeline: view(0px calc(var(--action-bar--height, 70px)));
    animation-range: entry 0% entry 3%;
  }
  .fe-card, .cs-card, .as-card, .vs-card, .fq-card, .ga-card, .eco-card, .ip-card {
    container-type: normal;
    container-name: sda-gate;
  }
  .REVEAL {
    container-type: normal;
  }
  .TYPE {
    container-type: normal;
  }
  product-head.sda-ready .fe-card, product-details.sda-ready .fe-card, product-head.sda-ready .cs-card, product-details.sda-ready .cs-card, product-head.sda-ready .as-card, product-details.sda-ready .as-card, product-head.sda-ready .vs-card, product-details.sda-ready .vs-card, product-head.sda-ready .fq-card, product-details.sda-ready .fq-card, product-head.sda-ready .ga-card, product-details.sda-ready .ga-card, product-head.sda-ready .eco-card, product-details.sda-ready .eco-card, product-head.sda-ready .ip-card, product-details.sda-ready .ip-card {
    animation: play-toggle step-start forwards;
    animation-timeline: view(var(--top-bar--height, 60px) calc(var(--action-bar--height, 70px) + 50px));
    animation-range: entry 3% entry 18%;
  }
  product-head.sda-ready .TYPE:not(.TYPED):not(.TYPING):not(.fq-answer-inner), product-details.sda-ready .TYPE:not(.TYPED):not(.TYPING):not(.fq-answer-inner) {
    animation: play-toggle step-start forwards;
    animation-timeline: view(var(--top-bar--height, 60px) calc(var(--action-bar--height, 70px) + 50px));
    animation-range: entry 0% entry 15%;
  }
  product-head.sda-ready ~ .po-section .TYPE:not(.TYPED):not(.TYPING) {
    animation: play-toggle step-start forwards;
    animation-timeline: view(0px calc(var(--action-bar--height, 70px)));
    animation-range: entry 0% entry 3%;
  }
  .card-cv-gate {
    content-visibility: hidden;
  }
  details[open].card-cv-gate {
    content-visibility: visible;
  }
  .REVEALED .card-cv-gate {
    content-visibility: visible;
  }
  .hero-header .reveal:not(.REVEALED):not(.REVEALING), .hero-header .REVEAL:not(.REVEALED):not(.REVEALING), .ga .reveal:not(.REVEALED):not(.REVEALING), .ga .REVEAL:not(.REVEALED):not(.REVEALING), product-head.sda-ready ~ .ga .reveal:not(.REVEALED):not(.REVEALING), product-details.sda-ready ~ .ga .reveal:not(.REVEALED):not(.REVEALING) {
    animation-name: reveal-in !important;
    animation-duration: 800ms;
    animation-timeline: auto !important;
    animation-timing-function: ease-out;
    animation-fill-mode: both;
    animation-delay: calc(var(--d, 0) * 1ms);
    transition-property: none !important;
  }
  .hero-header .type c, .hero-header .TYPE c {
    animation-name: type-in !important;
  }
  @container sda-gate style(--play-state: running) {
    .REVEAL:not(.REVEALED):not(.REVEALING) {
      animation-name: reveal-in, play-toggle !important;
      animation-duration: 800ms, 1ms;
      animation-timeline: auto, auto !important;
      animation-timing-function: ease-out, step-start;
      animation-fill-mode: both, forwards;
      animation-delay: calc(var(--d, 0) * 1ms), calc(var(--d, 0) * 1ms + 100ms);
      transition-property: none !important;
    }
  }
  @container style(--play-state: running) {
    .TYPE c {
      animation-name: type-in !important;
    }
    .card-cv-gate {
      content-visibility: visible;
    }
  }
}
@keyframes reveal-in {
  0% {
    opacity: 0;
    transform: translateY(15px) translateZ(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0) translateZ(0);
  }
}
@keyframes reveal-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.REVEALED {
  opacity: 1 !important;
  visibility: visible;
  transform: translateY(0) scale(1) !important;
}
.TYPED {
  opacity: 1;
}
@keyframes type-in {
  0% {
    opacity: 0;
    transform: translateY(3px);
    visibility: visible;
  }
  4% {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
  }
}
@media (max-height: 750px) and (max-width: 639.99px) {
  html, body, .ec-store, .ec-size, :root {
    --product-details__gallery--height: 42dvh !important;
  }
  .pdl-wrap {
    padding-top: 48px !important;
  }
  .pdl-content h2 {
    font-size: 1.2rem !important;
    margin-bottom: 0.5rem !important;
  }
  .main-title {
    font-size: 1.8rem !important;
    margin-bottom: 0.2rem !important;
  }
  h3.section-header {
    font-size: 1.1rem !important;
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
    padding-bottom: 0.2rem !important;
  }
  .hero-btn-primary, .hero-btn-secondary {
    padding: 0.3rem 0.5rem !important;
    font-size: 0.8rem !important;
  }
  .hero-specs-row * {
    font-size: 0.7rem !important;
  }
}
html {
  overflow-y: auto !important;
}
body {
  overflow-y: visible !important;
}
.pd-ecwid, #tile-product-details {
  display: contents !important;
}
@media (min-width: 720px) and (orientation: landscape) {
  :root, html, body, product-details, product-head {
    --ga-layout-width: min(var(--product-details__gallery--width), 55dvw) !important;
  }
  #tile-product-details > .ins-tile__wrap, #tile-product-details > #static-html {
    margin-left: calc(var(--ga-layout-width) + var(--padding)) !important;
    width: var(--sidebar-layout-width) !important;
    float: none !important;
    clear: none !important;
    box-sizing: border-box !important;
  }
  .hero-container {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
  }
  .hero-content-wrapper {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
  }
}
.faq-container {
  contain: layout style;
  content-visibility: auto;
  contain-intrinsic-size: 0 500px;
}
.product-details__sidebar {
  contain: layout style;
}
html body .ec-size .ec-store .details-product-purchase__add-to-bag {
  position: relative !important;
  overflow: visible !important;
  transition: transform var(--t3) ease-in-out !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
html body .ec-size .ec-store .details-product-purchase__add-to-bag:hover {
  transform: scale(1.05) !important;
}
html body .ec-size .ec-store .details-product-purchase__add-to-bag::before {
  content: "" !important;
  position: absolute !important;
  top: -2px !important;
  left: -2px !important;
  right: -2px !important;
  bottom: -2px !important;
  border-radius: var(--button--border-radius, 6px) !important;
  background: transparent !important;
  z-index: -1 !important;
  pointer-events: none !important;
  transition: opacity var(--t3) ease !important;
  opacity: 0 !important;
}
html body .ec-size .ec-store .details-product-purchase__add-to-bag:hover::before {
  opacity: 1 !important;
  animation: borderRadial var(--D) linear infinite forwards !important;
  background-image: radial-gradient(ellipse at var(--gradX) var(--gradY), var(--c1), var(--c1) 10%, var(--c2) 40%) !important;
  background-origin: border-box !important;
  background-clip: border-box !important;
}
html body .ec-size .ec-store .details-product-purchase__add-to-bag .form-control__button {
  background-color: #199534 !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  color: white !important;
  transition: background-color var(--t3) ease, color var(--t3) ease !important;
}
html body .ec-size .ec-store .details-product-purchase__add-to-bag:hover .form-control__button, html body .ec-size .ec-store .details-product-purchase__add-to-bag .form-control__button:hover {
  background-color: #199534 !important;
  background-image: none !important;
  border: none !important;
  color: white !important;
  filter: none !important;
}
html body .ec-size .ec-store .product-details__product-weight.details-product-attribute, html body .ec-size .ec-store .product-details__product-weight .details-product-attribute {
  flex-direction: row !important;
  justify-content: flex-start !important;
  align-items: center !important;
}
html body .ec-size .ec-store .product-details__product-weight .details-product-attribute__title {
  order: -1 !important;
  margin-right: 4px !important;
}
#pd-ssr-head {
  display: flow-root !important;
}
#pd-ssr-details {
  clear: both !important;
  width: 100% !important;
}
#pd-ssr-details .product-details__description {
  width: 100% !important;
  max-width: 100% !important;
}
#hero-video-container.REVEAL {
  --t: 600;
  opacity: 0;
  will-change: opacity;
  pointer-events: none;
}
#hero-video-container.REVEAL.REVEALING {
  opacity: 1 !important;
  transition: opacity var(--t, var(--t6)) var(--cb, cubic-bezier(0.23, 1, 0.32, 1)) !important;
  transition-delay: var(--d, 0ms) !important;
}
#hero-video-container.REVEAL.REVEALED {
  opacity: 1 !important;
  pointer-events: auto !important;
  transition: none !important;
}
.ga {
  --gallery-bg: var(--theme-panel-bg, #141416);
  --gallery-border: var(--theme-border-subtle, rgba(255, 255, 255, 0.08));
  --gallery-text: var(--theme-text-main, #ffffff);
  --gallery-text-muted: var(--theme-text-muted, #9ca3af);
  --gallery-active-color: var(--color-brand-neon, #65c037);
  --ga-bg-container: var(--bgw, #f9f9f9);
  --ga-bg-element: #ffffff;
  --ga-blend: multiply;
  display: flex;
  flex-direction: column;
  filter: brightness(0.98);
  width: 100%;
  margin: 20px auto;
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  box-sizing: border-box;
  overflow: visible;
  user-select: none;
  -webkit-user-select: none;
}
:host-context(.dark-mode) .ga, .dark-mode .ga {
  --ga-bg-container: var(--bgw, #03070f);
  --ga-bg-element: var(--bgw, #03070f);
  --ga-blend: normal;
}
@media (min-width: 1024px) and (orientation: landscape) {
  .hero-container .ga {
    grid-column: 1;
    grid-row: 1;
    align-self: start;
    max-width: 100%;
    margin: -70px 0 135px -5.5rem;
    width: calc(100% + 5.5rem);
  }
  .ga__main-container, .ga__thumbs-wrapper, .ga__thumbs-container {
    width: 100% !important;
    max-width: var(--details-gallery__thumb--max-width, 600px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .ga__wrapper {
    max-height: none !important;
  }
  .ga__main-container {
    aspect-ratio: 4 / 3 !important;
    height: auto !important;
    max-height: calc(var(--product-details__gallery--height, 600px) - var(--details-gallery__thumb--height, 95px)) !important;
  }
  .ga__thumbs-wrapper, .ga__thumbs-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    flex-shrink: 0 !important;
  }
}
.ga__wrapper {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
}
@media (min-width: 720px) {
  .ga__wrapper {
    max-height: var(--product-details__gallery--height) !important;
  }
  .ga__main-container {
    max-height: calc(var(--product-details__gallery--height) - var(--details-gallery__thumb--height, 95px)) !important;
  }
}
.ga__main-container {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3 !important;
  background-color: var(--ga-bg-container) !important;
  overflow: hidden !important;
  cursor: zoom-in;
  border: none;
  border-radius: 12px !important;
  transform: translateZ(0) !important;
  will-change: transform !important;
}
.ga__swipe-track {
  display: flex;
  width: 100%;
  height: 100%;
  will-change: transform;
  transition: transform var(--t4) cubic-bezier(0.23, 1, 0.32, 1);
  cursor: grab;
}
.ga__swipe-track.dragging {
  transition: none !important;
  cursor: grabbing;
}
.ga__main-slide {
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--ga-bg-element) !important;
  background-blend-mode: var(--ga-blend) !important;
  mix-blend-mode: var(--ga-blend) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  transform: translateZ(0) !important;
}
.ga__main-img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  pointer-events: none;
  mix-blend-mode: var(--ga-blend) !important;
}
.ga__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  background: transparent !important;
  border: none !important;
  color: var(--gallery-text, #ffffff);
  .light-mode &, :host-context(.light-mode) & {
    color: var(--theme-text-main, #1a1a1a) !important;
  }
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition: color var(--t3) ease, transform var(--t3) ease, filter var(--t3) ease, opacity var(--t3) ease;
  z-index: 10;
  opacity: 0;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.4));
}
.ga__main-container:hover .ga__arrow {
  opacity: 0.8;
}
.ga__arrow:hover {
  color: var(--gallery-active-color) !important;
  transform: translateY(-50%) scale(1.2);
  opacity: 1 !important;
  filter: drop-shadow(0 0 8px rgba(101, 192, 55, 0.8)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.4));
}
.ga__arrow--left {
  left: 12px;
}
.ga__arrow--right {
  right: 12px;
}
.ga__dots {
  display: none !important;
}
.ga__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  transition: all var(--t25) cubic-bezier(0.23, 1, 0.32, 1);
}
.ga__dot.active {
  background: var(--gallery-active-color);
  transform: scale(1.35);
}
.ga__thumbs-container {
  display: flex;
  gap: 5px;
  align-items: center !important;
  width: 100%;
  max-width: 724px;
  margin: 0 auto;
  overflow-x: auto !important;
  overflow-y: visible;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  padding: 4px 2px 20px 2px !important;
  margin-bottom: -16px !important;
  flex-shrink: 0;
  min-height: calc(20vw - 4px);
  box-sizing: border-box !important;
  background-color: var(--ga-bg-element) !important;
  border-radius: 8px !important;
}
@media (min-width: 720px) {
  .ga__thumbs-container {
    min-height: var(--details-gallery__thumb--height, 95px) !important;
  }
}
.ga__thumbs-container::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}
.ga__thumb {
  position: relative;
  flex: 0 0 calc((100% - 20px) / 5);
  width: calc((100% - 20px) / 5);
  min-width: 50px;
  min-height: 50px;
  flex-shrink: 0;
  aspect-ratio: 4 / 3 !important;
  border-radius: 8px !important;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: var(--ga-bg-element) !important;
  background-blend-mode: var(--ga-blend) !important;
  mix-blend-mode: var(--ga-blend) !important;
  border: none !important;
  box-shadow: none !important;
  cursor: pointer;
  overflow: hidden;
  filter: brightness(1);
  --t: 600;
  opacity: 0;
  transform: translateY(15px);
}
.ga__thumb.REVEALING {
  opacity: 1 !important;
  transform: translateY(0) translateZ(0) !important;
  pointer-events: auto;
  will-change: opacity, transform;
  backface-visibility: hidden;
  transition: opacity var(--t, var(--t6)) var(--cb, cubic-bezier(0.23, 1, 0.32, 1)), transform var(--t, var(--t6)) var(--cb, cubic-bezier(0.23, 1, 0.32, 1)) !important;
  transition-delay: var(--d, 0ms) !important;
}
.ga__thumb.REVEALED {
  opacity: 1 !important;
  transform: none !important;
  pointer-events: auto;
  will-change: auto !important;
  backface-visibility: visible !important;
  transition-delay: 0ms !important;
  transition: filter var(--t25) cubic-bezier(0.23, 1, 0.32, 1), border-radius var(--t25) cubic-bezier(0.23, 1, 0.32, 1) !important;
}
@media (max-width: 719.5px) {
  .ga__thumbs-container {
    max-width: 579px;
    box-sizing: border-box !important;
  }
  .ga__thumb {
    flex: 0 0 calc((100% - 15px) / 4);
    width: calc((100% - 15px) / 4);
    min-width: 50px;
    min-height: 50px;
  }
}
@media (max-width: 480px) {
  .ga__thumbs-container {
    max-width: 434px;
    box-sizing: border-box !important;
  }
  .ga__thumb {
    flex: 0 0 calc((100% - 10px) / 3);
    width: calc((100% - 10px) / 3);
    min-width: 50px;
    min-height: 50px;
  }
}
.ga__thumb:hover, .ga__thumb.active:hover, .ga__thumb.hover-under {
  filter: brightness(0.93);
  border-radius: 8px !important;
  box-shadow: none !important;
}
.ga__thumb.active {
  filter: brightness(0.96);
  border-radius: 8px !important;
  box-shadow: none !important;
}
.ga__main-slide #hero-video-container {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 5 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  transform: translateZ(0) !important;
  will-change: transform !important;
}
.ga__thumb-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: inherit;
  pointer-events: none;
  z-index: 2;
  background-color: transparent !important;
}
.ga__thumbs-wrapper {
  position: relative;
  width: 100%;
  max-width: 724px;
  margin: 0 auto;
  box-sizing: border-box !important;
  overflow: visible !important;
  min-height: calc(20vw - 4px);
}
@media (min-width: 720px) {
  .ga__thumbs-wrapper {
    min-height: var(--details-gallery__thumb--height, 95px) !important;
  }
}
.ga__thumb-overlay {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-color: transparent !important;
  display: none;
  align-items: center !important;
  justify-content: center !important;
  color: #7d7d7d !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  cursor: pointer !important;
  text-shadow: -1px -1px 0 #FAFAFA, 1px -1px 0 #FAFAFA, -1px 1px 0 #FAFAFA, 1px 1px 0 #FAFAFA !important;
  filter: drop-shadow(0px 0 1px #fff) drop-shadow(0px 0 1px #fff) drop-shadow(0px 0 1px #fff) !important;
  z-index: 10 !important;
  pointer-events: auto !important;
  box-sizing: border-box !important;
  border-radius: inherit !important;
}
.ga__thumb-overlay.reveal, .ga__thumb-overlay.REVEAL {
  --t: 600;
  opacity: 0;
  transform: translateY(15px);
}
.ga__thumb-overlay.REVEALING {
  opacity: 1 !important;
  transform: translateY(0) translateZ(0) !important;
  pointer-events: auto;
  will-change: opacity, transform;
  backface-visibility: hidden;
  transition: opacity var(--t, var(--t6)) var(--cb, cubic-bezier(0.23, 1, 0.32, 1)), transform var(--t, var(--t6)) var(--cb, cubic-bezier(0.23, 1, 0.32, 1)) !important;
  transition-delay: var(--d, 0ms) !important;
}
.ga__thumb-overlay.REVEALED {
  opacity: 1 !important;
  transform: none !important;
  pointer-events: auto;
  will-change: auto !important;
  backface-visibility: visible !important;
  transition-delay: 0ms !important;
  transition: opacity var(--t25) cubic-bezier(0.23, 1, 0.32, 1) !important;
}
@media (max-width: 719.5px) {
  .ga {
    max-width: 100%;
    margin: -78px 0 135px 0 !important;
    border-radius: 0;
    border-left: none;
    border-right: none;
    padding: 0;
    background: transparent;
    box-shadow: none;
    border-top: none;
    border-bottom: none;
  }
  .ga__wrapper {
    gap: 0 !important;
  }
  .ga__main-container {
    height: 325px !important;
    aspect-ratio: auto !important;
    cursor: default;
  }
  .ga__main-slide {
    opacity: 1 !important;
  }
  .ga__arrow {
    display: none !important;
  }
}
.product-details__product-description product-details, .product-details__product-description .ga {
  display: none !important;
}
.ga .hero-video-inner {
  aspect-ratio: auto !important;
  width: 100% !important;
  height: 100% !important;
  border: none !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  transform: translateZ(0) !important;
  will-change: transform !important;
  background: transparent !important;
  cursor: default !important;
  overflow: hidden !important;
}
.ga .hero-video-element {
  border-radius: 12px !important;
  object-fit: contain !important;
  transform: translateZ(0) !important;
  will-change: transform !important;
  overflow: hidden !important;
}
.ga .hero-video-poster {
  border-radius: 12px !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  transform: translateZ(0) !important;
  will-change: transform !important;
  overflow: hidden !important;
}
.ga .hero-video-controls {
  background: transparent !important;
  position: absolute !important;
  bottom: 12px !important;
  left: 12px !important;
  right: 12px !important;
  width: auto !important;
  height: 44px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: 30 !important;
  transition: opacity var(--t3) ease !important;
}
.ga__main-slide:hover .hero-video-controls, .ga .hero-video-controls.controls-visible {
  opacity: 0.95 !important;
  pointer-events: auto !important;
}
.ga__arrow, .ga .hero-control-btn {
  width: 44px !important;
  height: 44px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  outline: none !important;
  padding: 0 !important;
  margin: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: color var(--t3) ease, transform var(--t3) ease, opacity var(--t3) ease, filter var(--t3) ease !important;
  will-change: opacity, transform, filter !important;
  z-index: 10 !important;
}
.ga__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0 !important;
  pointer-events: none !important;
}
.ga__arrow--left {
  left: 12px;
}
.ga__arrow--right {
  right: 12px;
}
.ga .hero-control-btn {
  opacity: 1 !important;
  pointer-events: auto !important;
}
.ga__main-container:hover .ga__arrow {
  opacity: 1 !important;
  pointer-events: auto !important;
}
.ga__arrow:hover, .ga .hero-control-btn:hover {
  color: var(--gallery-active-color, #65c037) !important;
  transform: scale(1.15) !important;
  opacity: 1 !important;
}
.ga__arrow--left:hover {
  transform: translateY(-50%) scale(1.15) translateX(-2px) !important;
}
.ga__arrow--right:hover {
  transform: translateY(-50%) scale(1.15) translateX(2px) !important;
}
.ga__arrow svg, .ga .hero-control-btn svg {
  width: 22px !important;
  height: 22px !important;
}
@keyframes thumbResetWave {
  0% {
    transform: scale(1);
    filter: brightness(1);
  }
  50% {
    transform: scale(0.85);
    filter: brightness(1.25);
  }
  100% {
    transform: scale(1);
    filter: brightness(1);
  }
}
.ga__thumb.reset-wave {
  animation: thumbResetWave calc(var(--t1) * 3.8) cubic-bezier(0.25, 1, 0.5, 1) !important;
}
@media (min-width: 720px) and (orientation: landscape) {
  #pd-ssr-head, product-head, product-head > .product-details-wrapper, product-head > .product-details-wrapper > .pdl-wrap, .hero-header, .hero-container {
    display: contents !important;
  }
  .ga {
    --product-details__gallery--height: calc(100dvh - 200px) !important;
    position: sticky !important;
    top: 60px !important;
    float: left !important;
    width: var(--ga-layout-width) !important;
    height: var(--product-details__gallery--height, 600px) !important;
    margin: -70px 0 135px 0 !important;
    z-index: 10 !important;
    box-sizing: border-box !important;
    justify-content: flex-start !important;
  }
  .page-type-PRODUCT .ins-tile--product-browser, .pd-ecwid {
    float: right !important;
    width: var(--sidebar-layout-width) !important;
    clear: right !important;
    box-sizing: border-box !important;
  }
  #pd-ssr-details, product-details {
    float: none !important;
    clear: both !important;
    width: calc(100dvw - var(--scroll)) !important;
    max-width: calc(100dvw - var(--scroll)) !important;
    box-sizing: border-box !important;
  }
  .ins-tile--product-browser, .pd-ecwid {
    transition: opacity var(--default-transition-duration, calc(var(--t1) * 1.5)) cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  html:not(.sda-ready) .ins-tile--product-browser, html:not(.sda-ready) .pd-ecwid {
    opacity: 0.001 !important;
    pointer-events: none !important;
  }
  .hero-content-wrapper {
    float: right !important;
    width: var(--sidebar-layout-width) !important;
    max-width: var(--sidebar-layout-width) !important;
    clear: right !important;
    box-sizing: border-box !important;
    height: calc(100dvh - var(--header-height, 60px)) !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    padding-left: var(--padding, 16px) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-end !important;
  }
  .hero-content {
    width: 100% !important;
    max-width: 460px !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
  }
  .ecwid-productBrowser-ProductPage .product-details__product-title {
    clear: none !important;
  }
  html:has(product-head[class*="o-"]) body {
    background-image: linear-gradient(rgba(5, 11, 20, 0.9), rgba(5, 11, 20, 0.9)), var(--bgw) !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-position: center center !important;
  }
}
@media (max-width: 719.5px), (max-width: 1024px) and (orientation: portrait) {
  html, body {
    overflow-anchor: none !important;
  }
  #pd-ssr-head {
    display: contents !important;
  }
  .ga {
    position: sticky !important;
    top: var(--top-bar--height, 60px) !important;
    z-index: 12 !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 var(--padding, 16px) !important;
    box-shadow: none !important;
    border-bottom: none !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    height: calc(50dvh - (25dvh * var(--scroll-progress, 0))) !important;
    max-height: calc(50dvh - (25dvh * var(--scroll-progress, 0))) !important;
    --product-details__gallery--height: calc(50dvh - (25dvh * var(--scroll-progress, 0))) !important;
    --thumbs-height-raw: max(62px, calc((100vw - 64px) * 0.15 + 12px));
    @media (max-width: 719.5px) {
      --thumbs-height-raw: max(62px, calc((100vw - 47px) * 0.1875 + 12px));
    }
    @media (max-width: 480px) {
      --thumbs-height-raw: max(62px, calc((100vw - 42px) * 0.25 + 12px));
    }
  }
  .ga__wrapper {
    position: relative !important;
    width: 100%;
    height: 100% !important;
    max-height: none !important;
    justify-content: center !important;
    background-color: var(--ga-bg-element) !important;
  }
  .ga__thumbs-wrapper {
    overflow: visible !important;
  }
  .ga__thumb {
    overflow: visible !important;
  }
  .ga__main-container {
    height: calc(var(--product-details__gallery--height) - (calc(var(--thumbs-height-raw) + 10px) * (1 - var(--scroll-progress, 0)))) !important;
    max-height: calc(50dvh - (calc(var(--thumbs-height-raw) + 10px) * (1 - var(--scroll-progress, 0)))) !important;
    aspect-ratio: auto !important;
  }
  .ga__thumbs-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: space-evenly !important;
    height: calc(var(--thumbs-height-raw) * (1 - var(--scroll-progress, 0))) !important;
    min-height: 0 !important;
    opacity: calc(1 - var(--scroll-progress, 0)) !important;
    margin-top: calc(5px * (1 - var(--scroll-progress, 0))) !important;
    margin-bottom: calc(5px * (1 - var(--scroll-progress, 0))) !important;
  }
  .ga__thumbs-container {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-evenly !important;
    align-items: center !important;
    gap: 8px !important;
    transform: scale(calc(1 - var(--scroll-progress, 0))) !important;
    transform-origin: top center !important;
  }
  .ga__thumb {
    flex: 0 0 calc((100% - 32px) / 5) !important;
    max-width: calc((100% - 32px) / 5) !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
  }
  .hero-content-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 0 var(--padding, 16px) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }
  .hero-content {
    width: 100% !important;
    max-width: var(--product-details__product-options--width, 460px) !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }
  .hero-header {
    min-height: calc(100dvh - var(--top-bar--height, 60px) - 50dvh - var(--action-bar--height, 70px) - var(--footer--height, 0px)) !important;
    height: calc(100dvh - var(--top-bar--height, 60px) - 50dvh - var(--action-bar--height, 70px) - var(--footer--height, 0px)) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  .hero-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    height: auto !important;
    min-height: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    gap: 0 !important;
  }
  .video-block {
    display: none !important;
  }
  .page-type-PRODUCT #tile-product-details, .page-type-PRODUCT .ins-tile--product-browser, .pd-ecwid, #pd-ssr-details, product-details {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    clear: both !important;
    box-sizing: border-box !important;
  }
}
:host .video-block, .product-details-wrapper .video-block {
  display: none !important;
}
.fluid-specs, .fs {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 5px;
  gap: 2px;
  font-family: var(--font-primary);
}
.spec-row, .sr {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-columns: auto 1fr;
  gap: 20px;
  align-items: baseline;
  padding: 6px 12px;
  border-radius: 6px;
  transition: background-color var(--t2) ease;
}
.spec-row:not(.spec-header):hover, .sr:not(.spec-header):hover {
  background-color: rgba(0, 0, 0, 0.02);
}
.spec-row.spec-header, .spec-row.spec-full-row, .sr.spec-header, .sr.spec-full-row {
  grid-template-columns: 1fr;
  gap: 0;
}
.spec-col-1, .spec-col1, .s1 {
  text-align: left;
  font-weight: 600;
  color: #111;
  font-family: var(--font-primary);
  padding-right: 12px;
  .dark-mode & {
    color: #c2f7bd !important;
  }
}
.spec-col-2, .spec-col2, .s2 {
  text-align: left;
  color: #555;
  padding-left: 0;
  .dark-mode & {
    color: #f9f9f9 !important;
  }
}
.spec-header .spec-full b, .sr.spec-header .spec-full b {
  display: inline-block;
  background-color: #e8f5e9;
  color: #2e7d32;
  font-weight: 700;
  font-size: 0.85em;
  padding: 4px 12px;
  border-radius: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 12px;
  margin-bottom: 4px;
}
.spec-full {
  color: #555;
}
@media screen and (max-width: 600px) {
  .spec-row {
    gap: 12px;
    grid-template-columns: auto 1fr;
  }
}
.specs.charging-stats ul, .specs.features ul, .specs.voltage-52V ul, .specs.voltage-48V ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
.specs.charging-stats li, .specs.features li, .specs.voltage-52V li, .specs.voltage-48V li {
  display: flex;
  gap: 15px;
  align-items: baseline;
  padding: 6px 0;
  border-bottom: 1px solid #eee;
  flex-wrap: wrap;
}
.specs.charging-stats li:last-child, .specs.features li:last-child, .specs.voltage-52V li:last-child, .specs.voltage-48V li:last-child {
  border-bottom: none;
}
.specs.charging-stats li b, .specs.features li b, .specs.voltage-52V li b, .specs.voltage-48V li b {
  flex: 0 0 40px;
  text-align: left;
  color: #464;
  font-weight: 700;
}
.specs.charging-stats li i, .specs.features li i, .specs.voltage-52V li i, .specs.voltage-48V li i {
  font-style: normal;
  color: #555;
  flex: 1;
}
.specs.charging-stats li div, .specs.features li div, .specs.voltage-52V li div, .specs.voltage-48V li div {
  flex-basis: 100%;
  margin-left: 75px;
  font-size: 0.9em;
  color: #777;
  margin-top: 4px;
}
.pdl-wrap, .extra-img {
  position: relative !important;
  background-image: var(--bg) !important;
  background-size: cover !important;
  background-attachment: fixed !important;
  background-position: center center !important;
  color: #ffffff;
  overflow: clip;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  text-align: left;
  font-family: var(--font-primary);
  padding: 0 0 0 var(--paddingx2) !important;
  color: #222 !important;
}
.show-tab-full-image .pdl-wrap {
  background-image: none !important;
}
.pdl-wrap::before, .extra-img::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.88;
  z-index: 1;
}
.extra-img::before {
  box-shadow: inset 0px -20px 15px -15px #fff !important;
}
.product-details::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 25;
  opacity: 0;
  transition: opacity var(--t2) ease-in-out;
  pointer-events: none;
}
.product-details:has(.snip:hover)::after {
  opacity: 1;
}
.pdl-wrap.sda-ready section, .pdl-wrap.sda-ready .pdl-content, .pdl-wrap.sda-ready .group, .pdl-wrap.sda-ready .pdl-grid > div {
  transition: filter var(--t3) ease-out, opacity var(--t3) ease-out !important;
  will-change: filter, opacity;
}
.pdl-wrap:has(.snip-hovered) section:not(:has(.snip-hovered)), .pdl-wrap.has-active-snip section:not(:has(.snip-hovered)), .pdl-wrap:has(.snip-hovered) .pdl-content:not(:has(.snip-hovered)), .pdl-wrap.has-active-snip .pdl-content:not(:has(.snip-hovered)) {
  filter: blur(2px) grayscale(0.1) !important;
  opacity: 0.8 !important;
  transition: filter var(--t3) ease-out, opacity var(--t3) ease-out !important;
}
.pdl-wrap:has(.snip-hovered) .group:not(:has(.snip-hovered)), .pdl-wrap.has-active-snip .group:not(:has(.snip-hovered)), .pdl-wrap:has(.snip-hovered) .pdl-grid > div:not(:has(.snip-hovered)), .pdl-wrap.has-active-snip .pdl-grid > div:not(:has(.snip-hovered)) {
  filter: blur(1.5px) grayscale(0.05) !important;
  opacity: 0.85 !important;
  transition: filter var(--t3) ease-out, opacity var(--t3) ease-out !important;
}
.pdl-wrap:has(.snip-hovered) .group:has(.snip-hovered), .pdl-wrap.has-active-snip .group:has(.snip-hovered), .pdl-wrap:has(.snip-hovered) .pdl-grid > div:has(.snip-hovered), .pdl-wrap.has-active-snip .pdl-grid > div:has(.snip-hovered) {
  filter: blur(0px) !important;
  opacity: 1 !important;
  transform: scale(1.02);
  z-index: 10;
  transition: filter var(--t3) ease-out, opacity var(--t3) ease-out, transform var(--t3) cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}
.pdl-content {
  position: relative !important;
  z-index: 9 !important;
  max-width: 2400px !important;
  margin: 0 auto !important;
  container-type: inline-size;
  container-name: pdl-section;
}
.pdl-content h2 {
  font-family: var(--font-primary);
  font-size: 24px !important;
  font-weight: 600 !important;
  margin-bottom: 2rem !important;
  margin-top: 0 !important;
  color: #ffffff;
  line-height: 1.2 !important;
  color: #222 !important;
  color: #484848 !important;
}
.pdl-content h2, .pdl-content h3 {
  letter-spacing: normal !important;
}
.show-tab-full-image .pdl-content h2 {
  display: none !important;
}
.pdl-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 2.5rem 2rem;
}
@container pdl-section (min-width: 850px) {
  .pdl-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@container pdl-section (max-width: 1100px) {
  .pdl-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 2em;
  }
}
@container pdl-section (max-width: 650px) {
  .pdl-item {
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 4rem !important;
  }
  .pdl-item .content h3 {
    order: 0 !important;
  }
  .pdl-item>.snip {
    order: 1;
    align-self: center !important;
    padding: 1em 0 !important;
    transform: scale(1.2);
  }
  .pdl-item .content p {
    order: 2;
  }
}
.pdl-grid>div .content h3 {
  font-family: var(--font-primary);
  font-size: 22px !important;
  font-weight: 400;
  margin-bottom: 0.75rem;
  margin-top: 0;
  color: #ffffff;
  line-height: 1.3;
  align-self: start;
  text-indent: 0 !important;
  border: 1px solid #1E4F2E !important;
  background-color: #235736 !important;
  padding: 0 var(--padding) !important;
  contain-intrinsic-block-size: auto 100px;
}
.pdl-grid>div .content p {
  font-size: 1rem;
  line-height: 1.6;
  margin: 0 0 1rem 0;
  align-self: start;
  text-indent: 0 !important;
}
.pdl-grid a {
  color: #bbe95e !important;
  color: var(--price-color) !important;
  font-weight: bold !important;
}
.product-details__description a[target=_blank]::after {
  content: " \29C9";
  display: inline-block;
  margin-left: 2px;
  font-size: 0.85em;
  line-height: 1;
  opacity: 0.8;
  white-space: nowrap;
}
.pdl-grid>div .content p:last-child {
  margin-bottom: 0;
}
.pdl-grid>div a {
  color: #a5d8ff;
  text-decoration: underline;
  font-weight: 500;
}
.pdl-grid>div a:hover {
  color: #ffffff;
  text-decoration: none;
}
.pdl-grid>div img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  margin-top: 0.5rem;
  float: none !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain;
}
.pdl-grid>div strong, .pdl-grid>div b {
  font-weight: 600;
  color: #222 !important;
}
.pdl-grid>div span {
  color: inherit !important;
  background-color: transparent !important;
}
.pdl-img-pair {
  display: flex !important;
  flex-direction: row !important;
  gap: 1rem;
  flex-wrap: wrap !important;
  margin: 1rem auto !important;
  vertical-align: middle;
  margin-top: 0.5rem !important;
  width: 100%;
  position: relative !important;
  z-index: 2 !important;
}
.pdl-img-pair div {
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: center !important;
  width: calc(17.5dvw);
  height: calc((17.5dvw * 0.75));
  object-fit: contain;
}
.pdl-grid>div .content ul {
  font-size: 1rem;
  line-height: 1.6;
  margin: 0 0 1rem 0;
  padding-left: 1.5rem;
}
.pdl-grid>div .content li {
  margin-bottom: 0.5rem;
}
.pdl-content>h3 {
  font-family: var(--font-primary);
  font-size: 23px !important;
  font-weight: 400;
  color: #ffffff;
  margin: 4rem 0 1.5rem 0;
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 0.5rem;
  background-color: #235736 !important;
  border: 1px solid #1E4F2E !important;
}
.pdl-grid>div {
  display: grid;
  grid-template-columns: min-content 1fr;
  gap: 0 1rem;
  align-items: start;
  height: min-content;
  min-height: 0;
}
.pdl-grid>div>.snip {
  grid-column: 1;
  grid-row: 1;
  flex-shrink: 0;
  margin-top: 0;
  background-image: var(--bg);
  background-position: 0px 0;
  --width: 200px;
  width: var(--width);
  height: calc(var(--width) * 0.75);
  object-fit: contain;
  --webkit-box-reflect: below 10px linear-gradient(transparent, rgba(0, 0, 0, 0.3));
}
.pdl-grid>div>.content {
  grid-column: 2;
  grid-row: 1;
}
.pdl-grid>div .content h3.icon-warning::before, .pdl-grid>div .content h3.icon-rca::before, .pdl-grid>div .content h3.icon-3pin::before {
  content: var(--data-icon);
  margin-right: 0.5rem;
  font-family: sans-serif;
  font-weight: 700;
  color: #f8bf50;
  font-size: 1.2em;
  vertical-align: -0.1em;
}
h3.icon-warning {
  --data-icon: "\26a0\fe0f";
}
h3.icon-rca {
  --data-icon: "\25ce";
}
h3.icon-3pin {
  --data-icon: "\2234";
}
.pdl-grid>div .content h3.icon-3pin::before {
  font-size: 1.8em;
  vertical-align: -0.2em;
}
#pdl-tooltip-preview {
  position: fixed;
  z-index: 10001;
  background-color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  filter: drop-shadow(0px 0px 40px rgb(255, 255, 255));
  border-radius: 8px;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--t2) ease-out, transform var(--t2) ease-out, filter var(--t2) ease-out, background-image var(--t2) ease-out, width var(--t2) ease-out, height var(--t2) ease-out;
}
.snip-hovered {
  opacity: 1 !important;
  filter: none !important;
  transition: opacity var(--t1) ease-out;
}
.snip, .extra {
  cursor: zoom-in;
  background-image: var(--bg) !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  filter: blur(6px);
  transition: all var(--t4) ease-in, blur var(--t1s) ease-in var(--t4);
  will-change: filter, opacity, transform, scale;
}
.fade-in-visible, .fade-in-visible.snip, .fade-in-visible.extra {
  opacity: 1 !important;
  filter: drop-shadow(2px 4px 6px #000) blur(0) !important;
}
.fade-in-visible.t-DATEx2 {
  opacity: 0.6 !important;
}
.pdl-img-pair div {
  opacity: 0;
}
.js-tabs-nav {
  transition-delay: 10ms;
  filter: drop-shadow(-3px 5px 5px rgba(50, 50, 0, 0.8));
  display: flex;
  flex-grow: 0;
  flex-shrink: 1;
  gap: 1dvw;
  order: -1;
  position: sticky !important;
  right: var(--scroll) !important;
  z-index: 48 !important;
  justify-content: space-evenly;
  font-size: clamp(5px, 0.7cqw, 16px) !important;
  padding: 7px calc(var(--padding) - var(--scroll) / 2) 4px calc(max(3.2dvw, 36px)) !important;
  background-color: transparent !important;
  overflow: visible !important;
  width: auto !important;
  position: fixed !important;
  &:hover .js-tab-btn {
    color: #ddd;
  }
}
.ec-likely__widget:focus-visible {
  outline: none !important;
}
.js-tabs-nav .js-tab-btn:focus-visible {
  outline: none !important;
  color: #0db33a !important;
}
.js-tab-btn {
  --bg1: brightness(200%) saturate(100%) contrast(100%);
  --bg2: brightness(0) invert(100%) sepia(100%) saturate(10000%) hue-rotate(10deg) brightness(100%) contrast(100%);
  --bg3: brightness(0) saturate(100%) invert(45%) sepia(96%) saturate(780%) hue-rotate(97deg) brightness(92%) contrast(90%);
  &, &::before, &::after {
    transition: all var(--t3) ease-in-out;
  }
}
.js-tab-btn:hover::before {
  transform: translateY(-1px) scale(1.2);
  opacity: 1;
}
.js-tabs-nav .js-tab-btn:focus-visible::before {
  filter: var(--bg2) !important;
}
.js-tab-btn {
  &:hover {
    color: #f0ff4a !important;
  }
  &.active {
    color: #75ff4a;
    &:before {
      background-color: #75ff4a;
    }
  }
  &:hover:before, &.active:hover:before {
    background-color: #f0ff4a;
  }
}
.nav-progress-bar {
  position: absolute;
  bottom: -4px;
  left: 0;
  height: 3px;
  border-radius: 2px;
  background: linear-gradient(90deg, #30BA05, #75ff4a);
  opacity: 0;
  transition: left calc(var(--t1) * 3.5) cubic-bezier(0.4, 0, 0.2, 1), width calc(var(--t1) * 3.5) cubic-bezier(0.4, 0, 0.2, 1), opacity 0.5s ease-out;
  z-index: 10;
  pointer-events: none;
  box-shadow: 0 0 6px rgba(48, 186, 5, 0.6);
}
.nav-progress-bar.ready {
  opacity: 1;
}
.js-tab-btn {
  display: inline-flex;
  align-items: center;
  font-size: clamp(12px, 0.8dvw, 16px) !important;
  white-space: nowrap;
  user-select: none;
  text-decoration: none;
  transition: color var(--t4) ease;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-wrap: nowrap;
  break-inside: avoid;
  justify-content: space-evenly;
  flex: 1;
  gap: 4px;
  flex-wrap: nowrap;
  min-width: calc((100% - var(--product-details__product-options--width) - calc(var(--share--width) * 4 + var(--paddingx2))) * 0.166667) !important;
  flex-direction: column;
  background: transparent;
  border: none;
  padding: 0px 1em !important;
  font-size: 16px;
  font-weight: 600;
  color: #BCC3D1;
  cursor: pointer;
  position: relative;
  transition: color var(--t3) ease !important;
  line-height: 1.2;
  &::before {
    content: "";
    display: inline-block;
    --s: 26px;
    min-width: var(--s);
    min-height: var(--s);
    background-repeat: no-repeat;
    background-size: var(--s) var(--s);
    background-position: center;
    vertical-align: middle;
    background-color: #d4d3d3;
    -webkit-mask: var(--mask) no-repeat center / contain;
    mask: var(--mask) no-repeat center / contain;
    transition-duration: var(--t25);
    transition-timing-function: cubic-bezier(.785, .135, .15, .86);
    transition-property: left, top, width, height, color, background-color, background-image, background-size, background-position, opacity, filter, transform, max-height, max-width, min-height, min-width;
    opacity: 0.98;
    transform-origin: 50% 50%;
  }
}
.js-tab-btn[data-tab="reviews"]::before {
  --mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12800 12800"%3E%3Cpath d="m6805 723 1346 3070a704.7 704.7 0 0 0 582 419l3279 294c371 54 519 509 250 771L9792 7352c-200 168-291 432-236 687l718 3361c63 369-324 651-656 476l-2862-1676a703.3 703.3 0 0 0-712 0l-2862 1675c-331 174-719-107-656-476l718-3361c54-255-36-519-236-687L537 5278c-268-261-120-717 250-771l3279-294a704.7 704.7 0 0 0 582-419L5994 724c167-336 645-336 811-1Z" fill="%23FDD835"/%3E%3Cpath d="m6707 3977-228-2262c-9-126-35-342 167-342 160 0 247 333 247 333l684 1816c258 691 152 928-97 1068-286 160-708 35-773-613Z" fill="%23FFFF8D"/%3E%3Cpath d="m9528 7151 1962-1531c97-81 272-210 132-357-111-116-411 51-411 51l-1717 671c-512 177-852 439-882 769-39 440 356 779 916 397Z" fill="%23F4B400"/%3E%3C/svg%3E');
}
.js-tab-btn[data-tab="options"]::before {
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='black' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21v-7'/%3E%3Cpath d='M4 10V3'/%3E%3Cpath d='M12 21v-9'/%3E%3Cpath d='M12 8V3'/%3E%3Cpath d='M20 21v-5'/%3E%3Cpath d='M20 12V3'/%3E%3Cpath d='M1 14h6'/%3E%3Cpath d='M9 8h6'/%3E%3Cpath d='M17 16h6'/%3E%3C/svg%3E");
}
.js-tab-btn[data-tab="features"]::before, .js-tab-btn[data-tab="description"]::before {
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23BCC3D1' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l5 5v13H6z'/%3E%3Cline x1='9' y1='12' x2='15' y2='12'/%3E%3Cline x1='9' y1='16' x2='15' y2='16'/%3E%3C/svg%3E");
}
.js-tab-btn[data-tab="specs"]::before {
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23BCC3D1' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='7' width='10' height='10' rx='2'/%3E%3Cpath d='M4 10h3M4 14h3M20 10h-3M20 14h-3M10 4v3M14 4v3M10 20v-3M14 20v-3'/%3E%3C/svg%3E");
}
.js-tab-btn[data-tab="wholesale"]::before {
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23BCC3D1' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7l9-4 9 4v10l-9 4 -9 -4z'/%3E%3Cpath d='M3 7l9 4 9 -4'/%3E%3Cpath d='M12 11v10'/%3E%3C/svg%3E");
}
.product-details__product-attributes .details-product-attribute, .details-product-attribute {
  display: flex;
  padding: 10px;
  border-bottom: 1px solid #f0f0f0 !important;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  gap: 1em;
  .dark-mode & {
    border-bottom: none !important;
  }
}
.product-details__product-attributes .details-product-attribute.product-details__product-weight {
  &, .details-product-attribute {
    justify-content: flex-start;
    align-items: center;
  }
}
.product-details__product-attributes .details-product-attribute__title, .details-product-attribute__title {
  font-weight: 600;
  width: 20% !important;
  flex: 0 0 20% !important;
}
.product-details__product-attributes .details-product-attribute__value, .details-product-attribute span.details-product-attribute__value {
  display: block !important;
  width: 80% !important;
  line-height: 1.5 !important;
  text-align: left !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word;
  padding: 0 !important;
  float: none !important;
  clear: none !important;
  color: #222 !important;
  transition: var(--footer--transition) !important;
  .dark-mode & {
    color: #fff !important;
  }
}
.ec-size .ec-store .product-details h1, product-details .product-details h2, product-details .product-details h3, product-details .product-details p, product-details .product-details li, product-details .product-details-module__subtitle, product-details .product-details-module_subtitle, product-details .product-details__subtitle .product-details-module__content, product-details .product-details_subtitle .product-details-module_content, product-details .details-product-attribute__title, product-details .review-block__title, product-details .review-block__description, product-details .product-details__product-title, product-details .product-details_product-title, .product-details__product-title, .product-details__subtitle .product-details-module__content {
  visibility: hidden !important;
  opacity: 0.001 !important;
  transition: none !important;
  &.TYPE, &.TYPED {
    visibility: visible !important;
    opacity: 1 !important;
  }
  &:not(.TYPING):not(.TYPED) {
    opacity: 0.001 !important;
    transition: none !important;
  }
}
product-details .details-product-attribute__value {
  &:not(.TYPING):not(.TYPED) {
    opacity: 0.001 !important;
    transition: none !important;
  }
}
@supports (animation-timeline: view()) {
  .product-details.sda-ready .product-details__product-title.TYPE.TYPE-READY:not(.TYPED):not(.TYPING), .product-details.sda-ready .product-details__subtitle .product-details-module__content.TYPE.TYPE-READY:not(.TYPED):not(.TYPING) {
    animation: play-toggle step-start forwards;
    animation-timeline: view(var(--top-bar--height, 60px) calc(var(--action-bar--height, 70px) + 50px));
    animation-range: entry 0% entry 15%;
  }
  .product-details.sda-ready.active-tab-specs .details-product-attribute__title.TYPE.TYPE-READY:not(.TYPED):not(.TYPING) {
    animation: play-toggle step-start forwards;
    animation-timeline: view(var(--top-bar--height, 60px) calc(var(--action-bar--height, 70px) + 50px));
    animation-range: entry 0% entry 15%;
  }
}
w {
  display: inline;
  white-space: nowrap;
  position: relative;
}
c {
  display: inline;
  position: relative;
  opacity: 0;
  visibility: hidden;
  --I: sibling-index();
  --N: sibling-count();
  --i: calc(var(--w, 0) + var(--I, 1));
  .TYPE & {
    opacity: 0;
    display: inline;
    visibility: hidden;
    transition: none !important;
    animation: none 3s ease-out forwards;
    animation-delay: calc((var(--d, 0) * 1ms) + (var(--i, 0) * (var(--u, 0) * 1ms + var(--c, 0ms))));
  }
  .TYPE.TYPING & {
    animation-name: type-in;
  }
  .TYPE.TYPED &, .TYPED & {
    animation: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: inline !important;
    transition-delay: 0ms;
  }
}
.TYPE {
  opacity: 1 !important;
  &::before, &::after, & *::before, & *::after {
    opacity: 0;
    animation: none 3s ease-out forwards;
    animation-delay: calc((var(--d, 0) * 1ms) + (var(--b, 0) * var(--u, 1) * 1ms));
  }
  &.TYPING::before, &.TYPING::after, &.TYPING *::before, &.TYPING *::after {
    animation-name: type-in;
  }
  &.TYPED::before, &.TYPED::after, &.TYPED *::before, &.TYPED *::after, .TYPED &::before, .TYPED &::after, .TYPED & *::before, .TYPED & *::after {
    animation: none !important;
    opacity: 1 !important;
  }
}
@keyframes type-in {
  from {
    opacity: 0;
    transform: translateY(2px);
    visibility: visible;
  }
  4% {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
  }
  to {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
  }
}
@keyframes play-toggle {
  from {
    --play-state: paused;
  }
  to {
    --play-state: running;
  }
}
.anim-block {
  opacity: 0.001;
  transform: translateY(10px);
  min-height: 1.5em;
  transition: none !important;
}
.TYPED, .TYPED.product-details__subtitle .product-details-module__content, .TYPED.product-details_subtitle .product-details-module_content, .product-details__product-title.TYPED~.product-details__subtitle .product-details-module__content {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0);
  transition: filter var(--t3) ease-in-out, opacity var(--t2) ease-out, transform var(--t2) ease-out !important;
}
.wholesale-module, .reviews-module {
  display: none;
}
.share-tabs .ec-likely {
  display: flex;
  gap: 12px;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.share-tabs .ec-likely__widget {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
  cursor: pointer;
  text-decoration: none;
  color: var(--gray60, #939eae);
  transition: all var(--t3) cubic-bezier(0.4, 0, 0.2, 1);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.05);
}
.share-tabs .ec-likely__widget:hover {
  transform: translateY(-2px);
}
.js-tabs-nav::before {
  content: " ";
  position: absolute;
  top: -1px;
  --diagonal-width: calc(clamp(95px, 7dvw, 161px));
  margin-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  bottom: -1px;
  z-index: -1;
  clip-path: url("#round-border");
  background-color: var(--action-bar-menu__item--background-color) !important;
  background-image: var(--bgh--bg) !important;
  will-change: background-image !important;
  background-size: var(--bgh--size) !important;
  transition: clip-path var(--t1);
  animation: var(--bgh--animation) !important;
  background-color: var(--action-bar-background-color);
  border-radius: 0 !important;
  transform: scale(1, -1) !important;
  --w: calc(100% + 34px);
  right: 0;
  left: auto;
  width: var(--w);
}
.share-tabs {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  margin-left: auto;
  height: 100%;
  z-index: 50;
  flex-shrink: 0;
  align-items: center;
}
.fav-btn-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  order: 0;
}
.share-tabs .product-details__product-share.details-product-share {
  order: 1;
}
.share-tabs > .share-toggle-btn {
  order: 2;
}
.share-tabs .toggle-tab-fav, .ec-likely__widget--fav, .ec-likely__widget--fav svg {
  stroke: #939eae !important;
  --s: 48px;
  order: -1;
  width: var(--s) !important;
  height: var(--s) !important;
  max-height: var(--s) !important;
  max-width: var(--s) !important;
  min-width: var(--s) !important;
  min-height: var(--s) !important;
  stroke-width: 1px !important;
  cursor: pointer;
  transition: opacity var(--t2), transform var(--t2);
  &:hover, &:hover svg {
    stroke: yellow !important;
  }
}
.share-tabs .toggle-tab-fav:hover, .ec-likely__widget--fav:hover {
  opacity: 1;
  transform: scale(1.15);
}
.ec-likely__widget--fav .favved {
  display: none;
}
.ec-likely__widget--fav.is-fav .favved {
  display: block;
}
.ec-likely__widget--fav.is-fav .not-favved {
  display: none;
}
.share-tabs .ec-likely {
  display: flex;
  gap: 12px;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.share-tabs .ec-likely__widget {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
  cursor: pointer;
  text-decoration: none;
  color: var(--gray60, #939eae);
  transition: all var(--t3) cubic-bezier(0.4, 0, 0.2, 1);
  --s: 30px;
  width: var(--s);
  height: var(--s);
  border-radius: 50%;
  background: transparent !important;
  border: none !important;
}
.share-tabs .ec-likely__icon {
  --s: 48px;
  min-width: var(--s);
  min-height: var(--s);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.share-tabs .ec-likely__icon svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
  display: block;
}
.share-tabs .ec-likely__button {
  display: none !important;
}
.product-details__product-share.details-product-share a {
  padding: 0 !important;
}
.product-details__product-share.details-product-share svg {
  width: 30px !important;
  height: 30px !important;
}
.product-details__sidebar .product-details__product-share.details-product-share .ec-likely__widget {
  opacity: 0.15;
  filter: grayscale(1);
}
.product-details__sidebar .product-details__product-share.details-product-share .ec-likely__widget.ec-likely__widget--whatsapp {
  opacity: 0.23;
  filter: grayscale(1) brightness(0.85);
}
.product-details__sidebar .product-details__product-share.details-product-share .ec-likely__widget:active, .product-details__sidebar .product-details__product-share.details-product-share .ec-likely__widget:focus, .product-details__sidebar .product-details__product-share.details-product-share .ec-likely__widget:hover {
  opacity: 1 !important;
  filter: grayscale(0) !important;
}
.product-details__product-share, .product-details__product-share.details-product-share {
  position: sticky;
  z-index: var(--product-details__product-share--z-index) !important;
  height: var(--product-details__product-share--height);
  top: var(--product-details__product-share--top) !important;
  width: var(--product-details__product-share--width) !important;
  right: var(--product-details__product-share--right) !important;
  padding: var(--product-details__product-share--padding-top) var(--paddingx2) var(--product-details__product-share--padding-bottom) 0 !important;
  line-height: var(--product-details__product-sku--line-height) !important;
  vertical-align: middle;
  text-align: center;
  filter: saturate(0.8);
  order: -1;
  left: auto !important;
  display: flex;
  justify-content: center;
  margin-left: calc(-15px - var(--padding)) !important;
  width: calc(var(--vwmax) - var(--product-details__gallery--width) + 15px - var(--padding)) !important;
}
.show-tab-full-image .product-details__product-share, .show-tab-full-image .product-details__product-share.details-product-share {
  left: auto !important;
  width: calc(var(--product-details__product-options--width) + var(--padding)) !important;
  position: sticky;
  top: 0px !important;
  margin-top: calc(-20px - var(--product-details__product-share--height)) !important;
  margin-right: calc(var(--scroll)) !important;
  margin-left: 0 !important;
  margin-bottom: 0px !important;
}
.share-tabs .product-details__product-share.details-product-share {
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: calc(var(--padding) / 2) !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: auto !important;
  filter: none !important;
  transform: none !important;
  opacity: 1 !important;
}
.share-tabs .product-details__product-share.details-product-share .ec-likely__widget {
  opacity: 1 !important;
  filter: none !important;
  visibility: visible !important;
}
.ec-size .ec-store .ec-likely__icon--whatsapp:hover svg, .ec-size .ec-store .ec-likely__icon--whatsapp:active svg, .ec-size .ec-store .ec-likely__icon--whatsapp:focus-visible svg {
  fill: #4dca5b !important;
}
.ec-size .ec-store .ec-likely__icon, .ec-size .ec-store .ec-likely__icon svg {
  width: 100% !important;
  height: 100% !important;
}
.vertical-share.show-tab-full-image .product-details__product-share, .vertical-share.show-tab-small-image .product-details__product-share, .vertical-share.show-tab-image .product-details__product-share {
  top: 42px !important;
  width: var(--share--width) !important;
  left: auto !important;
  position: sticky !important;
  right: 0 !important;
  margin-left: calc(var(--vwmax) - var(--share--width) - var(--padding) / 2) !important;
  margin-top: calc(-1px - var(--product-details__gallery--height)) !important;
  height: calc(var(--share--width) * 3) !important;
  margin-bottom: calc(0px - var(--share--width) * 3) !important;
  bottom: auto !important;
}
.show-tab-small-image.vertical-share.show-tab-small-image .product-details__product-share {
  height: calc((var(--share--width) - 1px) * 3) !important;
}
.ec-likely__wrapper {
  display: flex;
  opacity: 0.5;
  vertical-align: middle;
  gap: calc(var(--padding) * 3 / 4);
  transition: opacity var(--t3) ease-in-out;
  &:hover {
    opacity: 1;
  }
}
.ec-likely__wrapper .ec-likely__widget {
  margin-top: 0 !important;
}
.ec-likely__widget.ec-likely__widget--facebook {
  order: 3;
}
.show-tab-small-image.vertical-share .product-details__product-share .ec-likely__wrapper {
  gap: 8px !important;
}
.vertical-share.show-tab-full-image .product-details__product-share, .vertical-share.show-tab-small-image .product-details__product-share, .vertical-share.show-tab-image .product-details__product-share {
  top: 42px !important;
  width: var(--share--width) !important;
  left: auto !important;
  position: sticky !important;
  right: 0 !important;
  margin-left: calc(var(--vwmax) - var(--share--width) - var(--padding) / 2) !important;
  margin-top: calc(-1px - var(--product-details__gallery--height)) !important;
  height: calc(var(--share--width) * 3) !important;
  margin-bottom: calc(0px - var(--share--width) * 3) !important;
  bottom: auto !important;
}
.vertical-share .product-details__product-share .ec-likely__wrapper {
  flex-direction: column-reverse !important;
  height: calc(var(--product-details__gallery--height) - 164px + var(--product-details__product-share--height) + var(--bch)) !important;
  column-gap: 8px !important;
  row-gap: 1px !important;
  justify-content: flex-end;
  height: 100% !important;
}
.vertical-share .jsv-toggle.jsv-toggle-full-screen {
  top: auto !important;
  bottom: 0px !important;
  right: calc(var(--padding) - 1px) !important;
}
.vertical-share .jsv-toggle.jsv-toggle-360 {
  top: auto !important;
  right: calc(var(--padding) / 2) !important;
  bottom: 35px !important;
}
a.ec-likely__widget svg {
  border-radius: 8px !important;
}
a.ec-likely__widget--facebook:hover span.ec-likely__icon--facebook svg {
  fill: #0866FF;
  background-color: white;
}
.js-tab-btn:hover, .share-tabs .product-details__product-share.details-product-share a.ec-likely__widget:hover svg {
  filter: drop-shadow(2px 1px 8px #00FF00FF) !important;
}
a.ec-likely__widget--twitter span.ec-likely__icon--twitter {
  margin-right: -9px;
}
a.ec-likely__widget--pinterest span.ec-likely__icon--pinterest {
  margin-right: -2px;
}
a.ec-likely__widget--whatsapp span.ec-likely__icon--whatsapp {
  margin-right: -2px;
}
a.ec-likely__widget span.ec-likely__icon svg {
  transition: all var(--t3) ease-in-out;
}
a.ec-likely__widget--whatsapp {
  span.ec-likely__icon--whatsapp svg {
    width: 48px !important;
    height: 48px !important;
    --bg1: transparent;
    --bg2: #939eae;
    --phone: #225030;
    --stroke: #939eae;
  }
  &:hover span.ec-likely__icon--whatsapp svg {
    --bg1: transparent;
    --bg2: #25d366;
    --phone: white;
    --stroke: white;
  }
}
a.ec-likely__widget--pinterest {
  & span.ec-likely__icon--pinterest svg {
    border-radius: 50% !important;
  }
  &:hover span.ec-likely__icon--pinterest svg {
    background-color: white;
    color: #E60023;
  }
}
a.ec-likely__widget--twitter {
  &:hover span.ec-likely__icon--twitter svg {
    color: white;
  }
}
.pd-skeleton {
  min-height: 400px;
  background: linear-gradient(90deg, rgba(255, 255, 255, .03) 25%, rgba(255, 255, 255, .06) 50%, rgba(255, 255, 255, .03) 75%);
  background-size: 200% 100%;
  animation: pd-shimmer calc(var(--t1s) * 1.5) infinite;
  border-radius: 12px;
}
.compact-share .js-tabs-nav {
  transform: translateY(-8px) translateZ(0);
  opacity: 0;
  transition: transform var(--t25) cubic-bezier(.785, .135, .15, .86), opacity var(--t25) cubic-bezier(.785, .135, .15, .86);
}
.share-toggle-btn {
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: transparent;
  border: none;
  color: #BCC3D1;
  padding: 0;
  flex-direction: column;
  gap: 4px;
  transition: color var(--t3) ease, filter var(--t3) ease;
  line-height: 1.2;
  font-size: 16px;
  font-weight: 600;
  font-family: inherit;
  position: absolute;
  right: var(--padding, 16px);
  top: 10px;
  transform: translateY(-50%);
  margin-top: calc(var(--ec-breadcrumbs--padding-top, 0px) / 2);
  z-index: 100;
}
.share-toggle-btn::before {
  content: "";
  display: inline-block;
  --s: 26px;
  min-width: var(--s);
  min-height: var(--s);
  background-color: #d4d3d3;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23BCC3D1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cline x1='8.59' y1='13.51' x2='15.42' y2='17.49'/%3E%3Cline x1='15.41' y1='6.51' x2='8.59' y2='10.49'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23BCC3D1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cline x1='8.59' y1='13.51' x2='15.42' y2='17.49'/%3E%3Cline x1='15.41' y1='6.51' x2='8.59' y2='10.49'/%3E%3C/svg%3E") no-repeat center / contain;
  transition: all var(--t25) cubic-bezier(.785, .135, .15, .86);
}
.share-toggle-btn:hover {
  color: #f0ff4a !important;
  filter: drop-shadow(2px 1px 8px #00FF00FF) !important;
}
.share-toggle-btn:hover::before {
  background-color: #f0ff4a;
  transform: translateY(-1px) scale(1.2);
}
.share-expanded.compact-share .share-tabs, .share-expanded.compact-share .share-tabs .product-details-module__content.product-details-module__content--indented, .share-expanded.compact-share .share-tabs .product-details__product-share, .share-expanded.compact-share .share-tabs .ec-likely, .share-expanded.compact-share .share-tabs .ec-likely__wrapper {
  display: flex !important;
  justify-content: space-evenly !important;
  align-items: center !important;
  width: 100% !important;
  flex: 1 !important;
  margin: 0 !important;
  gap: 0 !important;
}
.share-expanded.compact-share .share-tabs .fav-btn-wrap, .share-expanded.compact-share .share-tabs .ec-likely__widget--fav {
  display: flex !important;
}
.share-expanded.compact-share .js-tabs-nav {
  background-color: var(--action-bar-menu__item--background-color) !important;
  background-image: var(--bgh--bg) !important;
  background-size: var(--bgh--size) !important;
  pointer-events: all !important;
  top: calc(var(--ec-breadcrumbs--top, 0px) + var(--bch, 40px)) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100dvw !important;
  justify-content: space-evenly !important;
  will-change: transform, opacity;
  transform: translateY(0) translateZ(0);
  opacity: 1;
  transition: transform var(--t25) cubic-bezier(.785, .135, .15, .86), opacity var(--t25) cubic-bezier(.785, .135, .15, .86);
}
.share-expanded.compact-share .js-tabs-nav .js-tab-btn {
  display: none !important;
}
.share-expanded.compact-share .js-tabs-nav::before {
  display: block !important;
  clip-path: none !important;
}
.share-expanded.compact-share .ec-breadcrumbs {
  overflow: visible !important;
}
.share-expanded.compact-share .share-toggle-btn {
  display: none !important;
}
.share-close-btn {
  position: absolute;
  right: var(--padding, 16px);
  top: 50%;
  transform: translateY(-50%);
  margin-top: calc(var(--ec-breadcrumbs--padding-top, 0px) / 2) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: transparent;
  border: none;
  padding: 0;
  z-index: 100;
  --s: 26px;
  width: var(--s);
  height: var(--s);
}
.share-close-btn::before {
  content: "";
  display: block;
  width: var(--s);
  height: var(--s);
  background-color: #d4d3d3;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E") no-repeat center / contain;
  transition: all var(--t25) cubic-bezier(.785, .135, .15, .86);
}
.share-close-btn:hover::before {
  background-color: #f0ff4a;
  transform: scale(1.2);
}
.compact-share .share-tabs .ec-likely__wrapper {
  display: none !important;
}
.compact-share .share-tabs .fav-btn-wrap, .compact-share .share-tabs .ec-likely__widget--fav {
  display: none !important;
}
.compact-share .share-toggle-btn {
  display: flex;
}
.compact-share .share-toggle-btn .share-toggle-label {
  display: none;
}
html[lang].compact-share #tile-product-details .ec-size .ec-store .ec-breadcrumbs.long-crumbs, html[lang].compact-share #tile-product-details .ec-size .ec-store .ec-breadcrumbs {
  width: 100dvw !important;
  max-width: 100dvw !important;
  min-width: 0 !important;
  padding-right: calc(var(--share-toggle--width, 56px) + var(--padding) * 2) !important;
}
html[lang].compact-share #tile-product-details .ec-size .ec-store .ec-breadcrumbs::after, html[lang].compact-share #tile-product-details .ec-size .ec-store .ec-breadcrumbs.long-crumbs::after {
  clip-path: none !important;
  width: 100% !important;
  left: 0 !important;
}
.compact-share .js-tabs-nav::before {
  display: none !important;
}
.compact-share .js-tabs-nav {
  pointer-events: none !important;
  background: transparent !important;
}
.compact-share .share-toggle-btn {
  pointer-events: auto !important;
}
.full-breadcrumbs #tile-product-details .ec-breadcrumbs {
  width: 100dvw !important;
  max-width: 100dvw !important;
  min-width: 0 !important;
  padding-right: calc(var(--share--width, 46px) * 4 + var(--padding) * 2 + 24px) !important;
}
.full-breadcrumbs #tile-product-details .ec-breadcrumbs::after {
  clip-path: none !important;
  width: 100% !important;
  left: 0 !important;
}
.breadcrumbs-scrolled #tile-product-details .ec-breadcrumbs {
  opacity: 0 !important;
  transform: translateY(-100%) !important;
  pointer-events: none !important;
  visibility: hidden !important;
  transition: opacity var(--t3) ease, transform var(--t3) ease, visibility 0s linear var(--t3) !important;
}
.compact-nav .action-bar .product-details-module {
  margin-top: 0 !important;
}
#tile-product-details .ec-store__product-page .ec-breadcrumbs {
  left: 0 !important;
  max-width: calc(100dvw - 50px - var(--js-tabs-nav--width)) !important;
}
.js-tabs-nav, #tile-product-details .ec-breadcrumbs {
  transform: translate3d(0, var(--header-hidden--top), 0);
  opacity: 0;
  will-change: transform, opacity !important;
  backface-visibility: hidden !important;
  transform-style: preserve-3d !important;
  transition: transform var(--t1s) cubic-bezier(0, 1, 0, 1), opacity var(--t1s) cubic-bezier(0, 1, 0, 1) !important;
}
.showing-js-tabs-nav.js-tabs-nav, .showing-ec-breadcrumbs.ec-breadcrumbs {
  transform: translate3d(0, 0, 0) !important;
  opacity: 1 !important;
  will-change: transform, opacity !important;
  backface-visibility: hidden !important;
  transform-style: preserve-3d !important;
  transition: transform var(--t1s) cubic-bezier(0, 1, 0, 1), opacity var(--t1s) cubic-bezier(0, 1, 0, 1) !important;
}
.js-tabs-nav.show-js-tabs-nav, .ec-breadcrumbs.show-ec-breadcrumbs {
  transform: translate3d(0, 0, 0) !important;
  opacity: 1 !important;
  will-change: auto !important;
  backface-visibility: visible !important;
  transform-style: flat !important;
  transition: none !important;
}
.show-tab-fav .toggle-tab-fav .favved {
  color: #bbe95e;
  color: red;
}
.toggle-tab-fav .favved, .show-tab-fav .toggle-tab-fav .not-favved {
  display: none;
}
.show-tab-fav .toggle-tab-fav .favved {
  display: block;
}
.show-tab-image .show-tab-small-image {
  opacity: 1 !important;
}
.show-tab-full-image .toggle-tab-image, .show-tab-full-image .toggle-tab-image .icon {
  opacity: 1 !important;
  color: var(--action-bar-add-to-cart-icon--stroke-color) !important;
}
.show-tab-small-image .show-tab-image {
  background-color: transparent !important;
  opacity: 0.7 !important;
}
.show-tab-fav .toggle-tab-fav .icon, .show-tab-warranty .toggle-tab-warranty .icon, .show-tab-description .toggle-tab-description .icon, .show-tab-options .toggle-tab-options .icon, .show-tab-small-image .toggle-tab-image .icon {
  color: var(--action-bar-icon--stroke-color) !important;
  stroke: var(--action-bar-icon--stroke-color) !important;
}
.show-tab-small-image .toggle-tab-image .icon {
  color: yellow !important;
  stroke: yellow !important;
}
.show-tab-description .toggle-tab-description, .show-tab-warranty .toggle-tab-warranty, .show-tab-options .toggle-tab-options, .show-tab-fav .toggle-tab-fav, .show-tab-small-image .toggle-tab-image, .show-tab-full-image .toggle-tab-image {
  opacity: 1 !important;
  animation: strok var(--t1s) reverse;
}
.show-tab-small-image .toggle-tab-image svg {
  animation: none !important;
}
.show-arrow button.menu__item-image.menu__item.toggle-tab-image::after {
  content: '';
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 100 125" fill="%23fff" stroke="black" enable-background="new 0 0 100 125" xml:space="preserve"><g><path d="M21.856,67.896c-0.663,0-1.2-0.538-1.2-1.2v-0.159c0-1.678,0.066-3.326,0.196-4.898c0.055-0.661,0.63-1.152,1.294-1.097 c0.661,0.054,1.152,0.634,1.097,1.294c-0.124,1.507-0.187,3.088-0.187,4.701v0.159C23.056,67.359,22.519,67.896,21.856,67.896z M22.712,57.99c-0.075,0-0.15-0.007-0.226-0.021c-0.651-0.124-1.079-0.752-0.955-1.403c0.33-1.736,0.759-3.414,1.276-4.985 c0.207-0.629,0.887-0.97,1.515-0.766c0.63,0.207,0.973,0.885,0.766,1.515c-0.484,1.474-0.888,3.049-1.199,4.684 C23.78,57.589,23.277,57.99,22.712,57.99z M25.859,48.549c-0.184,0-0.372-0.042-0.547-0.132c-0.589-0.303-0.822-1.026-0.52-1.615 c0.803-1.566,1.735-3.047,2.77-4.402c0.401-0.527,1.154-0.628,1.682-0.225c0.526,0.402,0.627,1.155,0.225,1.682 c-0.948,1.241-1.803,2.601-2.541,4.04C26.716,48.311,26.295,48.549,25.859,48.549z M31.901,40.667 c-0.329,0-0.657-0.135-0.894-0.399c-0.442-0.494-0.401-1.252,0.093-1.694c1.273-1.141,2.678-2.186,4.175-3.106 c0.566-0.346,1.304-0.17,1.651,0.394c0.347,0.565,0.17,1.304-0.394,1.651c-1.376,0.845-2.665,1.804-3.831,2.848 C32.472,40.565,32.186,40.667,31.901,40.667z M84.598,36.08c-0.122,0-0.246-0.019-0.369-0.058c-0.018-0.006-1.817-0.583-4.744-1.28 c-0.645-0.154-1.043-0.801-0.89-1.445c0.154-0.645,0.803-1.039,1.445-0.89c3.028,0.721,4.85,1.307,4.926,1.331 c0.63,0.204,0.976,0.88,0.772,1.511C85.576,35.756,85.105,36.08,84.598,36.08z M40.354,35.431c-0.471,0-0.917-0.279-1.109-0.741 c-0.254-0.612,0.037-1.314,0.649-1.568c1.534-0.636,3.178-1.188,4.888-1.643c0.638-0.168,1.298,0.21,1.468,0.852 c0.17,0.64-0.211,1.297-0.852,1.468c-1.607,0.427-3.15,0.946-4.585,1.541C40.663,35.401,40.507,35.431,40.354,35.431z M74.87,33.738c-0.073,0-0.146-0.007-0.221-0.021c-1.633-0.303-3.275-0.566-4.88-0.78c-0.657-0.088-1.118-0.691-1.03-1.349 c0.087-0.657,0.682-1.12,1.349-1.03c1.645,0.22,3.327,0.489,5,0.8c0.651,0.121,1.082,0.747,0.96,1.399 C75.941,33.334,75.437,33.738,74.87,33.738z M49.986,32.828c-0.583,0-1.094-0.426-1.185-1.02c-0.1-0.655,0.351-1.267,1.006-1.367 c1.624-0.247,3.333-0.427,5.081-0.534c0.669-0.046,1.23,0.463,1.271,1.125c0.041,0.661-0.463,1.23-1.125,1.271 c-1.676,0.103-3.313,0.274-4.866,0.511C50.107,32.823,50.046,32.828,49.986,32.828z M64.956,32.421 c-0.031,0-0.063-0.001-0.094-0.004c-1.673-0.129-3.328-0.206-4.919-0.227c-0.663-0.009-1.193-0.553-1.184-1.215 c0.008-0.664,0.533-1.233,1.215-1.184c1.643,0.021,3.35,0.1,5.073,0.233c0.661,0.051,1.155,0.628,1.104,1.289 C66.102,31.943,65.576,32.421,64.956,32.421z"/></g><g><path d="M21.54,69.617c-0.826,0-1.607-0.421-2.144-1.155l-6.59-9.005c-0.392-0.535-0.275-1.286,0.26-1.677 c0.534-0.391,1.286-0.274,1.677,0.26l6.59,9.005c0.207,0.282,0.208,0.282,0.415-0.001l6.52-8.997 c0.389-0.537,1.139-0.656,1.676-0.268c0.537,0.389,0.656,1.139,0.268,1.676l-6.52,8.997c-0.536,0.739-1.317,1.164-2.145,1.166 C21.543,69.617,21.541,69.617,21.54,69.617z"/></g></svg>');
  width: 300px;
  height: 380px;
  position: absolute;
  bottom: -360%;
  z-index: 1111111111;
  background-repeat: no-repeat;
  right: -205px;
  mix-blend-mode: normal;
  background-blend-mode: multiply;
  background-position: 0 0;
  animation: fade-out var(--t4-2s) cubic-bezier(0.14, 0.42, 0.21, 0.98);
  opacity: 0;
  transform: skewX(8deg);
  pointer-events: none;
}
.product-details__product-share.details-product-share {
  display: none !important;
  .share-tabs & {
    display: flex !important;
  }
}
.action-bar::before {
  content: " ";
  position: absolute;
  top: -1px;
  --diagonal-width: calc(clamp(95px, 7dvw, 161px));
  left: calc(0px - var(--diagonal-width));
  width: calc(100% + var(--diagonal-width));
  margin-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  bottom: -1px;
  z-index: -1;
  clip-path: url("#round-border");
  background-color: var(--action-bar-menu__item--background-color) !important;
  background-image: var(--bgh--bg) !important;
  will-change: background-image !important;
  background-size: var(--bgh--size) !important;
  transition: clip-path var(--t1);
  animation: var(--bgh--animation) !important;
  background-color: var(--action-bar-background-color);
  border-radius: 0 !important;
}
.action-bar .product-details__attraction-block, .action-bar .product-details__product-price-wholesale-note, .action-bar .product-details__product-price>.price-with-discount:not(.ig *), .action-bar .product-details__product-price-taxes:not(.ig), .action-bar .details-product-price-compare__container:not(.ig) {
  display: none !important;
}
.action-bar {
  position: relative !important;
  bottom: auto !important;
  right: auto !important;
  left: auto !important;
  margin: 0 !important;
  .ec-store {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .product-details__sidebar {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    flex-direction: column;
    width: 100%;
    min-height: 100px !important;
  }
  .product-details-module.product-details__product-price-row {
    display: flex;
    align-items: flex-end !important;
    flex-direction: column;
    min-height: 3em !important;
    width: 100%;
    overflow: visible;
    order: 0 !important;
    margin-bottom: 0 !important;
  }
  .details-product-purchase .product-details-module__content--indented {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
    width: auto !important;
  }
}
.action-bar .menu__weight, .action-bar .menu__weight .product-details__general-info, .action-bar .menu__weight .product-details-module__content, .action-bar .menu__weight .product-details__product-attributes, .action-bar .menu__weight .product-details__product-weight, .action-bar .menu__weight .product-details__product-weight .details-product-attribute {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  white-space: nowrap !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.action-bar .menu__weight .product-details__general-info {
  min-height: 0 !important;
  font-size: 16px !important;
}
.action-bar .menu__weight {
  width: auto !important;
  flex-basis: auto !important;
}
.action-bar .details-product-purchase__qty>.menu-wrapper {
  justify-content: flex-end !important;
  left: 0 !important;
}
.action-bar .menu__weight .details-product-attribute {
  justify-content: flex-end !important;
  font-size: 14px !important;
}
.action-bar .menu__weight .details-product-attribute__value {
  font-size: 14px !important;
}
.action-bar .product-details__product-weight .details-product-attribute__value {
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  gap: 4px !important;
  flex-shrink: 0 !important;
}
.action-bar .product-details__product-weight .details-product-attribute__title {
  width: auto !important;
  flex-shrink: 0 !important;
}
.action-bar-wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100dvw;
  z-index: calc(var(--action-bar--z-index, 300) + 25);
  pointer-events: none;
  transform: var(--hidden-action-bar--transform) !important;
  transition: all var(--t3) ease-in var(--t1) !important;
  opacity: 0 !important;
}
.full-nav .action-bar-wrapper {
  position: static;
  transform: none !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  width: auto;
  transition: none !important;
}
.action-bar-wrapper > * {
  pointer-events: auto;
}
.js-tabs-bottom-bar {
  display: none;
  -webkit-tap-highlight-color: transparent;
  transition: var(--footer--transition);
}
@media (max-width: 767.4999px) {
  .action-bar::before {
    clip-path: none !important;
    left: 0 !important;
    right: var(--scroll) !important;
    width: 100% !important;
  }
  .compact-nav .action-bar-wrapper {
    filter: var(--footer--filter) !important;
  }
  .show-action-bar .action-bar-wrapper {
    transform: translateY(0px) translateZ(0) !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
  .showing-action-bar .action-bar-wrapper {
    transform: translateY(0px) translateZ(0) !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    will-change: transform, opacity !important;
    transition-property: transform, opacity !important;
    transition-duration: var(--t1s) !important;
    transition-timing-function: cubic-bezier(0, 1, 0, 1) !important;
    contain: layout style !important;
  }
  .compact-nav .action-bar-wrapper .action-bar {
    transform: none !important;
    opacity: 1 !important;
    transition: none !important;
  }
  .compact-nav .action-bar-wrapper::before {
    content: " ";
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    bottom: -1px;
    z-index: -1;
    background-color: var(--action-bar-menu__item--background-color, var(--action-bar-background-color)) !important;
    background-image: var(--bgh--bg) !important;
    background-size: var(--bgh--size) !important;
    animation: var(--bgh--animation) !important;
  }
  .compact-nav .action-bar::before {
    display: none !important;
  }
}
.compact-nav .js-tabs-bottom-bar {
  display: flex;
  position: absolute !important;
  top: 0;
  left: 0;
  height: auto !important;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
  padding: var(--padding, 16px);
  width: auto !important;
  z-index: 31 !important;
}
.show-action-bar .js-tabs-bottom-bar, .showing-action-bar .js-tabs-bottom-bar {
  display: none !important;
}
.compact-nav .js-tabs-bottom-bar .js-tab-btn {
  font-size: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
  width: auto !important;
  background: transparent !important;
  border: none !important;
}
.compact-nav .js-tabs-bottom-bar .js-tab-btn::before {
  font-size: 24px !important;
  display: block;
  margin: 0 auto;
}
.compact-nav .action-bar {
  display: block !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  padding-top: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}
.compact-nav .action-bar .product-details__sidebar {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-areas: "price" "action" !important;
  margin-top: 0 !important;
  width: 100%;
  padding-left: var(--padding) !important;
  padding-right: var(--padding) !important;
  box-sizing: border-box !important;
  row-gap: 0 !important;
  min-height: auto !important;
  align-content: end !important;
}
.compact-nav .action-bar .menu-wrapper {
  justify-self: start;
  align-self: end !important;
  margin-bottom: 2px !important;
  padding-bottom: 0 !important;
  height: auto !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  width: 100% !important;
  left: 0 !important;
}
.compact-nav.compact-nav.compact-nav .action-bar .menu-wrapper *, .compact-nav .action-bar .product-details__product-weight, .compact-nav .action-bar .menu-wrapper .details-product-attribute {
  justify-content: flex-start !important;
  align-items: flex-end !important;
  text-align: left !important;
  height: auto !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}
.compact-nav.compact-nav.compact-nav .action-bar .product-details__product-weight.details-product-attribute {
  position: relative !important;
  bottom: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: auto !important;
  max-width: none !important;
}
.compact-nav.compact-nav.compact-nav .action-bar .menu-wrapper span.details-product-attribute__value, .compact-nav.compact-nav.compact-nav .action-bar .menu-wrapper ui-number, .compact-nav.compact-nav.compact-nav .action-bar .menu-wrapper ui-number * {
  padding-left: 0 !important;
  margin-left: 0 !important;
  text-align: left !important;
}
.compact-nav .action-bar .menu-wrapper ui-number .ui-pfx {
  display: none !important;
}
.compact-nav .action-bar .product-details__product-weight.details-product-attribute span.details-product-attribute__value {
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}
.compact-nav .action-bar .product-details__product-weight.details-product-attribute span.details-product-attribute__value .weight.lbs.has-value::after {
  content: none !important;
  display: none !important;
}
.compact-nav .action-bar .product-details__product-weight.details-product-attribute span.details-product-attribute__value .weight.kg.has-value::after {
  content: "/" !important;
  padding-left: 4px;
  padding-right: 4px;
  color: #aaa;
  font-size: var(--action-bar--font-size, 16px) !important;
  font-family: var(--action-bar--font-family) !important;
}
.compact-nav .action-bar .product-details__product-weight.details-product-attribute span.details-product-attribute__value .weight.kg {
  padding-left: 0 !important;
  --prefix: '' !important;
  margin-left: 0 !important;
  order: 1 !important;
}
.compact-nav .action-bar .product-details__product-weight.details-product-attribute span.details-product-attribute__value .weight.lbs {
  order: 2 !important;
}
.compact-nav .action-bar .product-details__product-weight.details-product-attribute span.details-product-attribute__value .weight.kg::before {
  display: none !important;
  content: none !important;
}
.compact-nav .action-bar .menu__weight .details-product-attribute__title {
  display: none !important;
}
.compact-nav.compact-nav.compact-nav .action-bar .product-details-module.product-details__product-price-row, .compact-nav.compact-nav.compact-nav .action-bar .product-details__sidebar > .product-details__product-price-row {
  grid-area: price;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  min-height: 0 !important;
  height: auto !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.compact-nav.compact-nav.compact-nav .action-bar .product-details__product-price-row > * {
  width: auto !important;
  max-width: 100% !important;
  align-self: flex-end !important;
}
.compact-nav.compact-nav.compact-nav .action-bar .details-product-price-compare__container.ig, .compact-nav.compact-nav.compact-nav .action-bar .with-discount-percent {
  display: flex !important;
  width: auto !important;
  justify-content: flex-end !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  flex-grow: 0 !important;
  gap: 6px !important;
}
.compact-nav.compact-nav.compact-nav .action-bar .with-discount-percent d {
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 !important;
  padding-left: 0 !important;
}
.compact-nav .action-bar .action-buttons {
  grid-area: action;
  width: 100% !important;
  max-width: none !important;
  flex-basis: auto !important;
  margin-top: 0 !important;
}
.compact-nav .action-bar .action-buttons .product-details__action-panel {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.compact-nav.compact-nav.compact-nav .action-bar .details-product-purchase .product-details-module__content--indented {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  width: 100% !important;
  padding: 0 var(--padding) !important;
  box-sizing: border-box !important;
  gap: var(--padding) !important;
}
.compact-nav.compact-nav.compact-nav .action-bar .details-product-purchase__controls {
  justify-content: flex-end !important;
  gap: 0 !important;
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  padding-right: 0 !important;
}
.compact-nav.compact-nav.compact-nav .action-bar .details-product-purchase__controls > .details-product-purchase__sup-controls {
  display: none !important;
}
.compact-nav.compact-nav.compact-nav .action-bar .details-product-purchase__bag-controls, .compact-nav.compact-nav.compact-nav .action-bar .details-product-purchase__add-buttons, .compact-nav.compact-nav.compact-nav .action-bar .details-product-purchase__add-to-bag {
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  display: flex !important;
}
.compact-nav.compact-nav.compact-nav .action-bar .details-product-purchase__add-buttons .ec-cart__button, .compact-nav.compact-nav.compact-nav .action-bar .details-product-purchase__add-buttons .form-control--button, .compact-nav.compact-nav.compact-nav .action-bar .details-product-purchase__add-buttons .form-control__button, .compact-nav.compact-nav.compact-nav .action-bar .details-product-purchase__add-to-bag .form-control--button, .compact-nav.compact-nav.compact-nav .action-bar .details-product-purchase__add-to-bag .form-control__button {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  background-color: var(--brand-green-primary) !important;
  border-radius: var(--button--border-radius, 6px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 16px !important;
  height: 48px !important;
}
.compact-nav.compact-nav.compact-nav .action-bar .details-product-purchase__add-buttons .form-control--button[style*="display: none"], .compact-nav.compact-nav.compact-nav .action-bar .details-product-purchase__add-buttons .form-control--button[style*="display:none"], .action-bar .details-product-purchase__add-buttons .form-control--button[style*="display: none"], .action-bar .details-product-purchase__add-buttons .form-control--button[style*="display:none"], .action-bar [style*="display: none"], .action-bar [style*="display:none"] {
  display: none !important;
}
.compact-nav.compact-nav .action-bar .details-product-purchase__qty-field {
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.compact-nav.compact-nav.compact-nav .action-bar .details-product-purchase__qty {
  flex-wrap: nowrap !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  flex-shrink: 0 !important;
  width: auto !important;
  gap: 2px !important;
  display: flex !important;
}
.compact-nav.compact-nav.compact-nav .action-bar .details-product-purchase__qty-label {
  flex-shrink: 0 !important;
  width: auto !important;
  display: inline-block !important;
  white-space: nowrap !important;
  color: var(--action-bar--unimportant-color, #AAA) !important;
  font-size: 13px !important;
  font-weight: normal !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 20px !important;
  height: 20px !important;
}
.compact-nav.compact-nav.compact-nav .action-bar.show-action-bar, .compact-nav.compact-nav.compact-nav .action-bar {
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}
.compact-nav .action-bar .details-product-purchase__checkout-controls, .compact-nav .action-bar .details-product-purchase__add-more {
  display: none !important;
}
.compact-nav.compact-nav.compact-nav .action-bar .product-details-module__price-row, .compact-nav.compact-nav.compact-nav .action-bar .product-details-module__price-row *, .compact-nav.compact-nav.compact-nav .action-bar .product-details__product-price {
  padding-right: 0 !important;
  margin-right: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.compact-nav .js-tabs-nav .js-tab-btn {
  display: none !important;
}
.compact-nav .js-tabs-nav {
  justify-content: flex-end !important;
}
.compact-nav .action-bar .product-details-module {
  margin-top: 0 !important;
}
@media screen and (min-width: 900px) {
  .action-bar .product-details__sidebar::before, .action-bar .product-details__product-attributes::before {
    display: none !important;
  }
  .action-bar .product-details__description, .action-bar .product-details__general-info, .action-bar .product-details-module__content, .action-bar .product-details__product-attributes {
    background: transparent !important;
    background-color: transparent !important;
  }
}
@media screen and (min-width: 768px) {
  .action-bar-wrapper {
    position: fixed !important;
    bottom: 0 !important;
    right: var(--scroll) !important;
    left: auto !important;
    width: 577px !important;
    max-width: calc(100vw - var(--padding) * 2) !important;
    z-index: 99999 !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
    transition: none !important;
  }
  body .action-bar {
    position: relative !important;
    bottom: auto !important;
    right: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 106px !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    padding-left: 0 !important;
    padding-right: var(--padding, 16px) !important;
  }
  .action-bar .product-details__sidebar, .action-bar .ec-store, .action-bar .ec-storefront-v3-ssr-action-bar {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
  .action-bar .ec-storefront-v3-ssr-action-bar, .action-bar .details-product-purchase, .action-bar .action-buttons, .action-bar .product-details__action-panel {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    flex-basis: auto !important;
    box-sizing: border-box !important;
  }
  .action-bar .details-product-purchase .product-details-module__content--indented {
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: var(--padding, 16px) !important;
    width: 100% !important;
    justify-content: flex-end !important;
  }
  .action-bar .details-product-purchase__qty {
    position: static !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .action-bar .qty-controls-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 4px !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    position: static !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    overflow: visible !important;
    margin-left: auto !important;
    margin-right: 0 !important;
  }
  .action-bar .qty-controls-wrapper label {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    flex: none !important;
  }
  .action-bar .details-product-purchase__qty-label {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block !important;
    color: var(--action-bar--unimportant-color, #AAA) !important;
    font-size: 13px !important;
    font-weight: normal !important;
    white-space: nowrap !important;
  }
  .action-bar .quantity-button.quantity-down, .action-bar .quantity-button.quantity-up {
    position: static !important;
    margin: 0 !important;
    width: 20px !important;
    height: 20px !important;
    min-height: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    font-size: 130% !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .action-bar .quantity-button.quantity-down {
    order: 0 !important;
  }
  .action-bar .quantity-button.quantity-up {
    order: 2 !important;
  }
  .action-bar .details-product-purchase__qty-field {
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 24px !important;
    height: 20px !important;
    min-height: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
    order: 1 !important;
  }
  .action-bar .details-product-purchase__qty-field .form-control__text {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
    left: auto !important;
    top: auto !important;
    background: transparent !important;
    border: none !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: bold !important;
  }
  .action-bar .details-product-purchase__controls {
    flex: 0 0 50% !important;
    width: 50% !important;
    max-width: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .action-bar .details-product-purchase__qty > .menu-wrapper, .action-bar .menu__weight, .action-bar .menu__weight .details-product-attribute {
    justify-content: flex-start !important;
    text-align: left !important;
    flex-direction: row !important;
    flex: none !important;
    width: auto !important;
    max-width: none !important;
  }
  .action-bar .menu__weight .details-product-attribute__value {
    flex-direction: row !important;
    justify-content: flex-start !important;
    width: auto !important;
    padding-left: 4px !important;
  }
  .action-bar .details-product-purchase__bag-controls, .action-bar .details-product-purchase__add-buttons, .action-bar .details-product-purchase__add-to-bag {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .action-bar .details-product-purchase__add-to-bag .form-control__button, .action-bar .details-product-purchase__add-to-bag .form-control--button, .action-bar .details-product-purchase__add-buttons .ec-cart__button, .action-bar .details-product-purchase__add-buttons .form-control--button, .action-bar .details-product-purchase__add-buttons .form-control__button {
    background-color: var(--brand-green-primary, #199534) !important;
    border-radius: var(--button--border-radius, 6px) !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: normal !important;
    gap: 8px !important;
    height: 48px !important;
  }
  .action-bar .details-product-purchase__add-to-bag .form-control__button svg, .action-bar .details-product-purchase__add-buttons .form-control__button svg {
    width: 28px !important;
    height: 28px !important;
    flex-shrink: 0 !important;
  }
  .action-bar .details-product-purchase__add-to-bag .form-control__button svg, .action-bar .details-product-purchase__add-to-bag .form-control__button svg *, .action-bar .details-product-purchase__add-buttons .form-control__button svg, .action-bar .details-product-purchase__add-buttons .form-control__button svg * {
    color: #bbe95e !important;
    stroke: #bbe95e !important;
    fill: none !important;
  }
  .action-bar .product-details-module.product-details__product-price-row, .action-bar .product-details__product-price-row > .product-details-module__content {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
  }
  .action-bar .product-details__product-price-taxes.ig, .action-bar .details-product-price-compare__container.ig {
    display: flex !important;
    width: 100% !important;
    justify-content: flex-end !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }
  .action-bar .with-discount-percent {
    display: flex !important;
    gap: 6px !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    width: auto !important;
  }
  .action-bar .with-discount-percent *, .action-bar .details-product-price-compare__container.ig * {
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }
  .action-bar .in-stock-label {
    color: var(--action-bar--unimportant-color) !important;
  }
  .action-bar .price-without-discount, .action-bar .price-without-discount .ui-price-msrp {
    text-decoration: none !important;
    position: relative !important;
    display: inline-block !important;
    font-weight: normal !important;
    margin: 0 !important;
    margin-right: 0 !important;
  }
  .action-bar .price-without-discount * {
    text-decoration: none !important;
    font-weight: normal !important;
  }
  .action-bar .price-without-discount .ui-price-msrp::before, .action-bar .price-without-discount .ui-price-msrp::after {
    content: none !important;
  }
  .action-bar .price-without-discount::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: -2px !important;
    right: -2px !important;
    height: 1px !important;
    background: #fff !important;
    transform: rotate(-12deg) !important;
    opacity: 0.8 !important;
    pointer-events: none !important;
    z-index: 99 !important;
  }
}
.action-bar .details-product-purchase__qty {
  position: static !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 2px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  max-width: none !important;
}
.compact-nav .action-bar .details-product-purchase__qty {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 2px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}
.action-bar .product-details__product-weight.details-product-attribute {
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  top: auto !important;
  z-index: auto !important;
  margin: 0 !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  padding: 0 !important;
}
.action-bar .details-product-purchase__qty > .menu-wrapper, .action-bar .menu__weight, .action-bar .menu__weight .product-details__description, .action-bar .menu__weight .product-details-module, .action-bar .menu__weight .product-details-module__content, .action-bar .menu__weight .product-details__product-attributes {
  margin: 0 !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  padding: 0 !important;
  width: auto !important;
  max-width: none !important;
  display: flex !important;
}
.action-bar .menu__weight .details-product-attribute__title, .compact-nav .action-bar .menu__weight .details-product-attribute__title {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: var(--action-bar--unimportant-color, #AAA) !important;
  font-size: 13px !important;
  font-weight: normal !important;
  margin-right: 4px !important;
  margin-left: 0 !important;
  order: -1 !important;
}
.action-bar .menu__weight .details-product-attribute {
  justify-content: flex-end !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
}
.action-bar .details-product-purchase__qty > .menu-wrapper {
  justify-content: flex-end !important;
  display: flex !important;
}
.action-bar .product-details__product-weight.details-product-attribute span.details-product-attribute__value, .compact-nav .action-bar .product-details__product-weight.details-product-attribute span.details-product-attribute__value {
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-end !important;
  align-items: center !important;
  padding-left: 0 !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  font-size: 14px !important;
  font-weight: bold !important;
}
.action-bar .product-details__product-weight.details-product-attribute span.details-product-attribute__value .weight.kg, .compact-nav .action-bar .product-details__product-weight.details-product-attribute span.details-product-attribute__value .weight.kg {
  order: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  --prefix: '' !important;
}
.action-bar .product-details__product-weight.details-product-attribute span.details-product-attribute__value .weight.lbs, .compact-nav .action-bar .product-details__product-weight.details-product-attribute span.details-product-attribute__value .weight.lbs {
  order: 2 !important;
  margin: 0 !important;
  padding: 0 !important;
  --prefix: '' !important;
}
.action-bar .product-details__product-weight.details-product-attribute span.details-product-attribute__value .weight.kg.has-value::after, .compact-nav .action-bar .product-details__product-weight.details-product-attribute span.details-product-attribute__value .weight.kg.has-value::after {
  content: "/" !important;
  display: inline-block !important;
  margin-left: 6px !important;
  margin-right: 2px !important;
  color: #aaa !important;
  font-size: 14px !important;
}
.action-bar .product-details__product-weight.details-product-attribute span.details-product-attribute__value .weight.lbs.has-value::after, .compact-nav .action-bar .product-details__product-weight.details-product-attribute span.details-product-attribute__value .weight.lbs.has-value::after {
  content: none !important;
  display: none !important;
}
.action-bar .product-details__product-weight.details-product-attribute span.details-product-attribute__value .weight.lbs::before, .compact-nav .action-bar .product-details__product-weight.details-product-attribute span.details-product-attribute__value .weight.lbs::before, .action-bar .product-details__product-weight.details-product-attribute span.details-product-attribute__value .weight.kg::before, .compact-nav .action-bar .product-details__product-weight.details-product-attribute span.details-product-attribute__value .weight.kg::before {
  display: none !important;
  content: none !important;
}
.action-bar .details-product-purchase__qty label, .compact-nav .action-bar .details-product-purchase__qty label {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  line-height: 20px !important;
  height: 20px !important;
}
.action-bar.action-bar.action-bar .details-product-purchase__qty-field, .compact-nav.compact-nav.compact-nav .action-bar .details-product-purchase__qty-field {
  margin-left: 0 !important;
  padding: 0 !important;
  height: 20px !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
}
.action-bar.action-bar.action-bar .details-product-purchase__qty-field .form-control__text, .compact-nav.compact-nav.compact-nav .action-bar .details-product-purchase__qty-field .form-control__text {
  height: 20px !important;
  min-height: 0 !important;
  line-height: 20px !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  margin: 0 !important;
}
.action-bar .quantity-button.quantity-up, .action-bar .quantity-button.quantity-down, .compact-nav .action-bar .quantity-button.quantity-up, .compact-nav .action-bar .quantity-button.quantity-down {
  transform: none !important;
  font-size: 0 !important;
  width: 20px !important;
  height: 20px !important;
  min-height: 0 !important;
  line-height: 20px !important;
  box-sizing: border-box !important;
}
.action-bar .quantity-button.quantity-up::before, .compact-nav .action-bar .quantity-button.quantity-up::before {
  content: "+" !important;
  font-size: 16px !important;
  color: inherit !important;
  display: block !important;
  line-height: 1 !important;
}
.action-bar .quantity-button.quantity-down::before, .compact-nav .action-bar .quantity-button.quantity-down::before {
  content: "−" !important;
  font-size: 16px !important;
  color: inherit !important;
  display: block !important;
  line-height: 1 !important;
}
@layer utilities {
  @media (width >= 640px) {
    :where(.sm\:grid-cols-2) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    :where(.sm\:grid-cols-3) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (width >= 768px) {
    :where(.md\:grid-cols-2) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    :where(.md\:grid-cols-3) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    :where(.md\:grid-cols-4) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    :where(.md\:grid-cols-5) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  @media (width >= 1024px) {
    :where(.lg\:grid-cols-2) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    :where(.lg\:grid-cols-3) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    :where(.lg\:grid-cols-4) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    :where(.lg\:grid-cols-5) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
}
.cg-line-left, .fe-line-left, .as-line-left, .cs-line-left, .ip-line-left, .vs-line-left, .eco-line-left, .fq-line-left, .ga-line-left {
  height: 1px;
  min-width: 1.5rem;
  flex: 1;
  --tw-gradient-position: to right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: transparent;
  --tw-gradient-to: color-mix(in oklab, var(--color-brand-neon) 30%, 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 >= 768px) {
    min-width: 3rem;
  }
}
.cg-line-right, .fe-line-right, .as-line-right, .cs-line-right, .ip-line-right, .vs-line-right, .eco-line-right, .fq-line-right, .ga-line-right {
  height: 1px;
  min-width: 1.5rem;
  flex: 1;
  --tw-gradient-position: to left in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: transparent;
  --tw-gradient-to: color-mix(in oklab, var(--color-brand-neon) 30%, 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 >= 768px) {
    min-width: 3rem;
  }
}
.cg-background-effect, .fe-background-effect, .as-background-effect, .cs-background-effect, .ip-background-effect, .vs-background-effect, .eco-background-effect, .fq-background-effect, .ga-background-effect {
  position: absolute;
  z-index: 0;
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: color-mix(in srgb, #fff 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
  }
  background-color: var(--theme-panel-bg);
  top: 40px;
  bottom: 40px;
  left: calc(50% - 50vw);
  width: 100vw;
  transform: skewY(-3deg);
  transform-origin: center;
  box-shadow: 0px -12px 20px -10px rgba(0,0,0,0.3), 0px 12px 20px -10px rgba(0,0,0,0.3);
  .light-mode & {
    box-shadow: none !important;
  }
}
.cg-card-inner, .fe-card-inner, .as-card-inner, .cs-card-inner, .ip-card-inner, .vs-card-inner, .eco-card-inner, .fq-card-inner, .ga-card-inner {
  position: relative;
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  border-radius: 22px;
  background-color: var(--theme-panel-bg);
}
.cg-section {
  position: relative;
  padding-block: calc(var(--spacing) * 20);
}
.cg-container {
  width: 100%;
  @media (width >= 640px) {
    margin-inline: auto;
  }
  @media (width >= 640px) {
    width: 90%;
  }
  @media (width >= 640px) {
    max-width: none;
  }
  @media (width >= 640px) {
    padding-inline: calc(var(--spacing) * 6);
  }
  padding-left: var(--padding);
  padding-right: var(--padding);
  &.has-skewed-bg {
    position: relative;
    z-index: 10;
  }
}
.cg-header {
  margin-bottom: calc(var(--spacing) * 12);
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 4);
}
.cg-title {
  text-align: center;
  font-family: var(--font-tech);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
  color: var(--color-gray-900);
  text-transform: uppercase;
  .dark-mode & {
    color: var(--color-white);
  }
}
.cg-grid {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 640px) {
  .cg-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .cg-grid {
    grid-template-columns: repeat(var(--cols, 2), 1fr);
  }
}
.cg-card {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.cg-card-wrapper {
  position: relative;
  display: flex;
  height: 100%;
  flex-direction: column;
  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));
  --tw-duration: 500ms;
  transition-duration: 500ms;
  &:hover {
    @media (hover: hover) {
      --tw-translate-y: calc(var(--spacing) * -2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
.cg-card-inner {
  overflow: hidden;
  padding-top: calc(var(--spacing) * 10);
}
.cg-card-image-wrapper {
  position: relative;
  height: calc(var(--spacing) * 32);
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  @media (width >= 640px) {
    height: calc(var(--spacing) * 40);
  }
}
.cg-card-sprite {
  position: absolute;
  inset: calc(var(--spacing) * 0);
  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));
  --tw-duration: 500ms;
  transition-duration: 500ms;
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.cg-card-content {
  position: relative;
  z-index: 10;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  padding-top: calc(var(--spacing) * 0);
  padding-bottom: calc(var(--spacing) * 4);
  text-align: center;
  @media (width >= 640px) {
    padding-inline: calc(var(--spacing) * 6);
  }
  @media (width >= 640px) {
    padding-top: calc(var(--spacing) * 0);
  }
  @media (width >= 640px) {
    padding-bottom: calc(var(--spacing) * 6);
  }
  padding-left: var(--padding);
  padding-right: var(--padding);
}
.cg-card-value {
  margin-bottom: calc(var(--spacing) * 1);
  display: block;
  font-family: var(--font-tech);
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  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));
  .dark-mode :where(.group):hover & {
    color: var(--color-brand-neon);
  }
  .light-mode :where(.group):hover & {
    color: var(--theme-text-main);
  }
}
.cg-card-title {
  margin-top: calc(var(--spacing) * 0);
  margin-bottom: calc(var(--spacing) * 2);
  text-align: center;
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-gray-900);
  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-duration: 1000ms;
  transition-duration: 1000ms;
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
  .dark-mode & {
    color: var(--color-white);
  }
  .dark-mode :where(.group):hover & {
    color: var(--color-brand-neon);
  }
  .light-mode :where(.group):hover & {
    color: var(--theme-text-main);
  }
}
.cg-card-label {
  margin-bottom: calc(var(--spacing) * 2);
  display: block;
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
  color: var(--color-gray-500);
  text-transform: uppercase;
}
.cg-card-subtitle {
  margin-bottom: calc(var(--spacing) * 3);
}
.cg-card-desc {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  color: var(--color-gray-400);
  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-duration: 500ms;
  transition-duration: 500ms;
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
  .light-mode & {
    color: var(--theme-text-muted);
  }
  .dark-mode :where(.group):hover & {
    color: white;
  }
  .light-mode :where(.group):hover & {
    color: var(--theme-text-main);
  }
  & b, & strong {
    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-duration: 500ms;
    transition-duration: 500ms;
    .dark-mode :where(.group):hover & {
      color: var(--color-brand-neon);
    }
    .light-mode :where(.group):hover & {
      color: var(--theme-text-main);
    }
  }
  & ul {
    margin-top: calc(var(--spacing) * 3);
    list-style-type: none;
    padding-left: calc(var(--spacing) * 0);
    text-align: left;
  }
  & ul li {
    position: relative;
    margin-bottom: calc(var(--spacing) * 1.5);
    padding-left: calc(var(--spacing) * 6);
  }
  & ul li::before {
    content: '✓';
    position: absolute;
    left: calc(var(--spacing) * 0);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-brand-neon);
  }
}
.fe-section {
  position: relative;
  padding-block: calc(var(--spacing) * 4);
}
.fe-container {
  width: 100%;
  @media (width >= 640px) {
    margin-inline: auto;
  }
  @media (width >= 640px) {
    width: 90%;
  }
  @media (width >= 640px) {
    max-width: none;
  }
  @media (width >= 640px) {
    padding-inline: calc(var(--spacing) * 6);
  }
  padding-left: var(--padding);
  padding-right: var(--padding);
}
.fe-container.has-skewed-bg {
  position: relative;
  z-index: 10;
}
.fe-header {
  margin-bottom: calc(var(--spacing) * 12);
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 4);
}
.fe-grid {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 640px) {
  .fe-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .fe-grid {
    grid-template-columns: repeat(var(--cols, 2), 1fr);
  }
}
.fe-card {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.fe-card-wrapper {
  position: relative;
  display: flex;
  height: 100%;
  flex-direction: column;
  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));
  --tw-duration: 500ms;
  transition-duration: 500ms;
  &:hover {
    @media (hover: hover) {
      --tw-translate-y: calc(var(--spacing) * -2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
.fe-card-inner {
  overflow: hidden;
  padding-top: calc(var(--spacing) * 10);
}
.fe-card-image-wrapper {
  position: relative;
  height: calc(var(--spacing) * 32);
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  @media (width >= 640px) {
    height: calc(var(--spacing) * 40);
  }
}
.fe-card-sprite {
  position: absolute;
  inset: calc(var(--spacing) * 0);
  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));
  --tw-duration: 500ms;
  transition-duration: 500ms;
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.fe-card-content {
  position: relative;
  z-index: 10;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  padding-top: calc(var(--spacing) * 0);
  padding-bottom: calc(var(--spacing) * 4);
  text-align: center;
  @media (width >= 640px) {
    padding-inline: calc(var(--spacing) * 6);
  }
  @media (width >= 640px) {
    padding-top: calc(var(--spacing) * 0);
  }
  @media (width >= 640px) {
    padding-bottom: calc(var(--spacing) * 6);
  }
  padding-left: var(--padding);
  padding-right: var(--padding);
}
.fe-card-value {
  margin-bottom: calc(var(--spacing) * 1);
  display: block;
  font-family: var(--font-tech);
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  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));
  .dark-mode :where(.group):hover & {
    color: var(--color-brand-neon);
  }
  .light-mode :where(.group):hover & {
    color: var(--theme-text-main);
  }
}
.fe-card-title {
  margin-top: calc(var(--spacing) * 0);
  margin-bottom: calc(var(--spacing) * 2);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-gray-900);
  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-duration: 1000ms;
  transition-duration: 1000ms;
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
  .dark-mode & {
    color: var(--color-white);
  }
  .dark-mode :where(.group):hover & {
    color: var(--color-brand-neon);
  }
  .light-mode :where(.group):hover & {
    color: var(--theme-text-main);
  }
}
.fe-card-label {
  margin-bottom: calc(var(--spacing) * 2);
  display: block;
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
  color: var(--color-gray-500);
  text-transform: uppercase;
}
.fe-card-subtitle {
  margin-bottom: calc(var(--spacing) * 3);
}
.fe-card-desc {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  color: var(--color-gray-400);
  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-duration: 500ms;
  transition-duration: 500ms;
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
  .light-mode & {
    color: var(--theme-text-muted);
  }
  .dark-mode :where(.group):hover & {
    color: white;
  }
  .light-mode :where(.group):hover & {
    color: var(--theme-text-main);
  }
  & b, & strong {
    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-duration: 500ms;
    transition-duration: 500ms;
    .dark-mode :where(.group):hover & {
      color: var(--color-brand-neon);
    }
    .light-mode :where(.group):hover & {
      color: var(--theme-text-main);
    }
  }
  & ul {
    margin-top: calc(var(--spacing) * 3);
    list-style-type: none;
    padding-left: calc(var(--spacing) * 0);
    text-align: left;
  }
  & ul li {
    position: relative;
    margin-bottom: calc(var(--spacing) * 1.5);
    padding-left: calc(var(--spacing) * 6);
  }
  & ul li::before {
    content: '✓';
    position: absolute;
    left: calc(var(--spacing) * 0);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-brand-neon);
  }
}
.fe-line-left {
  height: 1px;
  flex: 1;
  --tw-gradient-position: to right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: transparent;
  --tw-gradient-to: color-mix(in oklab, var(--color-brand-neon) 30%, 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));
}
.fe-line-right {
  height: 1px;
  flex: 1;
  --tw-gradient-position: to left in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: transparent;
  --tw-gradient-to: color-mix(in oklab, var(--color-brand-neon) 30%, 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));
}
.fe-title {
  text-align: center;
  font-family: var(--font-tech);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
  color: var(--color-gray-900);
  text-transform: uppercase;
  .dark-mode & {
    color: var(--color-white);
  }
}
.feature-card {
  position: relative;
  height: 100%;
  border-radius: 0.25rem;
  --tw-gradient-from: color-mix(in oklab, var(--color-white) 10%, transparent);
  --tw-gradient-to: color-mix(in oklab, var(--color-white) 5%, 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));
  padding: calc(var(--spacing) * 1);
  &:hover {
    @media (hover: hover) {
      --tw-translate-y: calc(var(--spacing) * -2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  transition: transform 500ms ease, box-shadow 500ms ease;
}
.feature-card-inner {
  overflow: hidden;
  padding-top: calc(var(--spacing) * 10);
}
.feature-img-container {
  position: relative;
  height: calc(var(--spacing) * 32);
  width: 100%;
  @media (width >= 640px) {
    height: calc(var(--spacing) * 40);
  }
}
.feature-card-sprite {
  position: absolute;
  inset: calc(var(--spacing) * 0);
  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));
  --tw-duration: 500ms;
  transition-duration: 500ms;
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.feature-card-content {
  position: relative;
  z-index: 10;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  padding-inline: calc(var(--spacing) * 4);
  padding-top: calc(var(--spacing) * 0);
  padding-bottom: calc(var(--spacing) * 4);
  text-align: left;
  @media (width >= 640px) {
    padding-inline: calc(var(--spacing) * 6);
  }
  @media (width >= 640px) {
    padding-top: calc(var(--spacing) * 0);
  }
  @media (width >= 640px) {
    padding-bottom: calc(var(--spacing) * 6);
  }
}
.feature-card-title {
  margin-top: calc(var(--spacing) * 0);
  margin-bottom: calc(var(--spacing) * 3);
  text-align: center;
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  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));
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-brand-neon);
    }
  }
}
.feature-card-desc {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  color: var(--color-gray-400);
  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-duration: 1000ms;
  transition-duration: 1000ms;
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
  & b, & strong {
    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-duration: 1000ms;
    transition-duration: 1000ms;
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-brand-neon);
      }
    }
  }
  & ul {
    margin-top: calc(var(--spacing) * 3);
    list-style-type: none;
    padding-left: calc(var(--spacing) * 0);
  }
  & ul li {
    position: relative;
    margin-bottom: calc(var(--spacing) * 1.5);
    padding-left: calc(var(--spacing) * 6);
  }
  & ul li::before {
    content: '✓';
    position: absolute;
    left: calc(var(--spacing) * 0);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-brand-neon);
  }
}
.as-section {
  position: relative;
  padding-block: calc(var(--spacing) * 20);
}
.as-container {
  position: relative;
  z-index: 10;
  width: 100%;
  @media (width >= 640px) {
    margin-inline: auto;
  }
  @media (width >= 640px) {
    width: 90%;
  }
  @media (width >= 640px) {
    max-width: none;
  }
  @media (width >= 640px) {
    padding-inline: calc(var(--spacing) * 6);
  }
  padding-left: var(--padding);
  padding-right: var(--padding);
}
.as-header {
  margin-bottom: calc(var(--spacing) * 12);
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 4);
}
.as-title {
  text-align: center;
  font-family: var(--font-tech);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
  color: var(--color-gray-900);
  text-transform: uppercase;
  .dark-mode & {
    color: var(--color-white);
  }
}
.as-grid {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 640px) {
  .as-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .as-grid {
    grid-template-columns: repeat(var(--cols, 5), 1fr);
  }
}
.as-card {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.as-card-wrapper {
  position: relative;
  height: 100%;
  flex-grow: 1;
  border-radius: 0.25rem;
  --tw-gradient-from: color-mix(in oklab, var(--color-white) 10%, transparent);
  --tw-gradient-to: color-mix(in oklab, var(--color-white) 5%, 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));
  padding: calc(var(--spacing) * 1);
  &:hover {
    @media (hover: hover) {
      --tw-translate-y: calc(var(--spacing) * -2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  transition: transform 500ms ease, box-shadow 500ms ease;
}
.as-card-glow {
  position: absolute;
  inset: calc(var(--spacing) * 0);
  border-radius: 22px;
  opacity: 0%;
  --tw-blur: blur(var(--blur-xl));
  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-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      opacity: 100%;
    }
  }
  background-color: var(--brand-green);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb, var(--brand-green) 5%, transparent);
  }
  .light-mode & {
    display: none;
  }
}
.as-card-inner {
  overflow: hidden;
  padding-top: calc(var(--spacing) * 10);
}
.as-image-wrapper {
  position: relative;
  height: calc(var(--spacing) * 48);
}
.as-image {
  position: absolute;
  inset: calc(var(--spacing) * 0);
  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));
  --tw-duration: 700ms;
  transition-duration: 700ms;
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.as-content {
  padding-top: calc(var(--spacing) * 0);
  padding-bottom: calc(var(--spacing) * 4);
  text-align: center;
  @media (width >= 640px) {
    padding-inline: calc(var(--spacing) * 6);
  }
  @media (width >= 640px) {
    padding-top: calc(var(--spacing) * 0);
  }
  @media (width >= 640px) {
    padding-bottom: calc(var(--spacing) * 6);
  }
  padding-left: var(--padding);
  padding-right: var(--padding);
}
.as-item-title {
  margin-bottom: calc(var(--spacing) * 2);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  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));
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-brand-neon);
    }
  }
}
.as-item-desc {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  color: var(--color-gray-400);
  & ul {
    margin-top: calc(var(--spacing) * 3);
    list-style-type: none;
    padding-left: calc(var(--spacing) * 0);
    text-align: left;
  }
  & ul li {
    position: relative;
    margin-bottom: calc(var(--spacing) * 1.5);
    padding-left: calc(var(--spacing) * 6);
  }
  & ul li::before {
    content: '✓';
    position: absolute;
    left: calc(var(--spacing) * 0);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-brand-neon);
  }
}
.cs-section {
  position: relative;
  padding-block: calc(var(--spacing) * 20);
}
.cs-container {
  position: relative;
  z-index: 10;
  width: 100%;
  @media (width >= 640px) {
    margin-inline: auto;
  }
  @media (width >= 640px) {
    width: 90%;
  }
  @media (width >= 640px) {
    max-width: none;
  }
  @media (width >= 640px) {
    padding-inline: calc(var(--spacing) * 6);
  }
  padding-left: var(--padding);
  padding-right: var(--padding);
}
.cs-header {
  margin-inline: auto;
  margin-bottom: calc(var(--spacing) * 8);
  max-width: var(--container-3xl);
  text-align: center;
}
.cs-title {
  margin-bottom: calc(var(--spacing) * 4);
  font-family: var(--font-tech);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-gray-900);
  @media (width >= 640px) {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .dark-mode & {
    color: var(--color-white);
  }
}
.cs-subtitle {
  color: var(--color-gray-400);
}
.cs-grid {
  display: grid;
  gap: calc(var(--spacing) * 4);
  grid-template-columns: 1fr;
}
@media (min-width: 640px) {
  .cs-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .cs-grid {
    grid-template-columns: repeat(var(--cols, 5), 1fr);
  }
}
.cs-card {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.cs-card-wrapper {
  position: relative;
  display: flex;
  height: 100%;
  cursor: pointer;
  flex-direction: column;
  padding-top: calc(var(--spacing) * 6);
  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));
  --tw-duration: 500ms;
  transition-duration: 500ms;
  &:hover {
    @media (hover: hover) {
      --tw-translate-y: calc(var(--spacing) * -2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
.cs-card-inner {
  overflow: hidden;
  padding-top: calc(var(--spacing) * 10);
}
.cs-card-image-wrapper {
  position: relative;
  height: calc(var(--spacing) * 32);
  overflow: hidden;
  @media (width >= 640px) {
    height: calc(var(--spacing) * 48);
  }
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
}
.cs-card-sprite {
  position: absolute;
  inset: calc(var(--spacing) * 0);
  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));
  --tw-duration: 500ms;
  transition-duration: 500ms;
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.cs-card-content {
  padding-block: calc(var(--spacing) * 4);
  text-align: center;
  @media (width >= 640px) {
    padding: calc(var(--spacing) * 6);
  }
  padding-left: var(--padding);
  padding-right: var(--padding);
  border-bottom-left-radius: 22px;
  border-bottom-right-radius: 22px;
}
.cs-card-value {
  margin-bottom: calc(var(--spacing) * 1);
  display: block;
  font-family: var(--font-tech);
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  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-duration: 500ms;
  transition-duration: 500ms;
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
}
.cs-card-label {
  margin-bottom: calc(var(--spacing) * 2);
  display: block;
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
  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));
  --tw-duration: 500ms;
  transition-duration: 500ms;
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
}
.cs-card-description {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
  color: var(--color-gray-400);
  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-duration: 500ms;
  transition-duration: 500ms;
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
}
.ip-section {
  position: relative;
  padding-block: calc(var(--spacing) * 20);
}
.ip-container {
  position: relative;
  z-index: 10;
  width: 100%;
  @media (width >= 640px) {
    margin-inline: auto;
  }
  @media (width >= 640px) {
    width: 90%;
  }
  @media (width >= 640px) {
    max-width: none;
  }
  @media (width >= 640px) {
    padding-inline: calc(var(--spacing) * 6);
  }
  padding-left: var(--padding);
  padding-right: var(--padding);
}
.ip-header {
  margin-inline: auto;
  margin-bottom: calc(var(--spacing) * 8);
  max-width: var(--container-3xl);
  text-align: center;
}
.ip-title {
  margin-bottom: calc(var(--spacing) * 4);
  font-family: var(--font-tech);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-gray-900);
  @media (width >= 640px) {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .dark-mode & {
    color: var(--color-white);
  }
}
.ip-subtitle {
  color: var(--color-gray-400);
}
.ip-grid {
  display: grid;
  gap: calc(var(--spacing) * 4);
  grid-template-columns: 1fr;
}
@media (min-width: 640px) {
  .ip-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .ip-grid {
    grid-template-columns: repeat(var(--cols, 4), 1fr);
  }
}
.ip-card {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.ip-card-wrapper {
  position: relative;
  display: flex;
  height: 100%;
  cursor: pointer;
  flex-direction: column;
  padding-top: calc(var(--spacing) * 6);
  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));
  --tw-duration: 500ms;
  transition-duration: 500ms;
  &:hover {
    @media (hover: hover) {
      --tw-translate-y: calc(var(--spacing) * -2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
.ip-card-inner {
  overflow: hidden;
  padding-top: calc(var(--spacing) * 10);
}
.ip-card-image-wrapper {
  position: relative;
  height: calc(var(--spacing) * 32);
  overflow: hidden;
  @media (width >= 640px) {
    height: calc(var(--spacing) * 48);
  }
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
}
.ip-card-sprite {
  position: absolute;
  inset: calc(var(--spacing) * 0);
  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));
  --tw-duration: 500ms;
  transition-duration: 500ms;
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.ip-card-content {
  padding-block: calc(var(--spacing) * 4);
  text-align: center;
  @media (width >= 640px) {
    padding: calc(var(--spacing) * 6);
  }
  padding-left: var(--padding);
  padding-right: var(--padding);
  border-bottom-left-radius: 22px;
  border-bottom-right-radius: 22px;
}
.ip-card-value {
  margin-bottom: calc(var(--spacing) * 1);
  display: block;
  font-family: var(--font-tech);
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  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-duration: 500ms;
  transition-duration: 500ms;
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
}
.ip-card-label {
  margin-bottom: calc(var(--spacing) * 2);
  display: block;
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
  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));
  --tw-duration: 500ms;
  transition-duration: 500ms;
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
}
.ip-card-description {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
  color: var(--color-gray-400);
  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-duration: 500ms;
  transition-duration: 500ms;
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
}
.vs-section {
  position: relative;
  padding-block: calc(var(--spacing) * 20);
}
.vs-container {
  position: relative;
  z-index: 10;
  width: 100%;
  @media (width >= 640px) {
    margin-inline: auto;
  }
  @media (width >= 640px) {
    width: 90%;
  }
  @media (width >= 640px) {
    max-width: none;
  }
  @media (width >= 640px) {
    padding-inline: calc(var(--spacing) * 6);
  }
  padding-left: var(--padding);
  padding-right: var(--padding);
}
.vs-header {
  margin-bottom: calc(var(--spacing) * 16);
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 4);
}
.vs-title {
  text-align: center;
  font-family: var(--font-tech);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
  color: var(--color-gray-900);
  text-transform: uppercase;
  .dark-mode & {
    color: var(--color-white);
  }
}
.voltage-grid {
  display: grid;
  gap: calc(var(--spacing) * 8);
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .voltage-grid {
    grid-template-columns: repeat(var(--cols, 3), 1fr);
  }
}
.vs-card {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.vs-card-wrapper {
  position: relative;
  height: 100%;
  flex-grow: 1;
  &:hover {
    @media (hover: hover) {
      --tw-translate-y: calc(var(--spacing) * -2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  transition: transform 500ms ease, box-shadow 500ms ease;
}
.vs-card-glow {
  pointer-events: none;
  position: absolute;
  inset: calc(var(--spacing) * 0);
  border-radius: 22px;
  opacity: 0%;
  --tw-blur: blur(var(--blur-xl));
  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-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      opacity: 100%;
    }
  }
  background-color: var(--brand-green);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb, var(--brand-green) 5%, transparent);
  }
  .light-mode & {
    display: none;
  }
}
.vs-card-inner {
  overflow: hidden;
  padding-top: calc(var(--spacing) * 10);
}
.vs-image-wrapper {
  position: relative;
  z-index: 10;
  overflow: hidden;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
}
.vs-image {
  position: absolute;
  inset: calc(var(--spacing) * 0);
  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));
  --tw-duration: 700ms;
  transition-duration: 700ms;
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.vs-content {
  z-index: 10;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: space-between;
  border-bottom-right-radius: 22px;
  border-bottom-left-radius: 22px;
  padding: calc(var(--spacing) * 6);
  text-align: center;
}
.vs-content-top {
  font-variant-numeric: tabular-nums;
}
.vs-desc {
  margin-inline: auto;
  max-width: 320px;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  color: var(--color-gray-400);
}
.eco-section {
  position: relative;
  padding-block: calc(var(--spacing) * 20);
}
.eco-container {
  position: relative;
  z-index: 10;
  width: 100%;
  @media (width >= 640px) {
    margin-inline: auto;
  }
  @media (width >= 640px) {
    width: 90%;
  }
  @media (width >= 640px) {
    max-width: none;
  }
  @media (width >= 640px) {
    padding-inline: calc(var(--spacing) * 6);
  }
  padding-left: var(--padding);
  padding-right: var(--padding);
}
.eco-header {
  margin-bottom: calc(var(--spacing) * 12);
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 4);
}
.eco-title {
  text-align: center;
  font-family: var(--font-tech);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
  color: var(--color-gray-900);
  text-transform: uppercase;
  .dark-mode & {
    color: var(--color-white);
  }
}
.eco-grid {
  display: grid;
  gap: calc(var(--spacing) * 16);
  align-items: center;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .eco-grid {
    grid-template-columns: repeat(var(--cols, 2), 1fr);
  }
}
.eco-card {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.eco-card-wrapper {
  position: relative;
  height: 100%;
  flex-grow: 1;
  border-radius: 0.25rem;
  --tw-gradient-from: color-mix(in oklab, var(--color-white) 10%, transparent);
  --tw-gradient-to: color-mix(in oklab, var(--color-white) 5%, 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));
  padding: calc(var(--spacing) * 1);
  &:hover {
    @media (hover: hover) {
      --tw-translate-y: calc(var(--spacing) * -2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  transition: transform 500ms ease, box-shadow 500ms ease;
}
.eco-card-glow {
  position: absolute;
  inset: calc(var(--spacing) * 0);
  border-radius: 22px;
  opacity: 0%;
  --tw-blur: blur(var(--blur-xl));
  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-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      opacity: 100%;
    }
  }
  background-color: var(--brand-green);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb, var(--brand-green) 5%, transparent);
  }
  .light-mode & {
    display: none;
  }
}
.eco-card-inner {
  overflow: hidden;
  padding-top: calc(var(--spacing) * 10);
}
.eco-image-wrapper {
  position: relative;
  height: calc(var(--spacing) * 64);
  overflow: hidden;
}
.eco-image {
  position: absolute;
  inset: calc(var(--spacing) * 0);
  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));
  --tw-duration: 700ms;
  transition-duration: 700ms;
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.eco-content {
  padding-top: calc(var(--spacing) * 0);
  padding-bottom: calc(var(--spacing) * 4);
  text-align: center;
  @media (width >= 640px) {
    padding-inline: calc(var(--spacing) * 6);
  }
  @media (width >= 640px) {
    padding-top: calc(var(--spacing) * 0);
  }
  @media (width >= 640px) {
    padding-bottom: calc(var(--spacing) * 6);
  }
  padding-left: var(--padding);
  padding-right: var(--padding);
}
.eco-item-title {
  margin-top: calc(var(--spacing) * 0);
  margin-bottom: calc(var(--spacing) * 2);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  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));
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-brand-neon);
    }
  }
}
.eco-item-desc {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  color: var(--color-gray-400);
  & ul {
    margin-top: calc(var(--spacing) * 3);
    list-style-type: none;
    padding-left: calc(var(--spacing) * 0);
    text-align: left;
  }
  & ul li {
    position: relative;
    margin-bottom: calc(var(--spacing) * 1.5);
    padding-left: calc(var(--spacing) * 6);
  }
  & ul li::before {
    content: '✓';
    position: absolute;
    left: calc(var(--spacing) * 0);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-brand-neon);
  }
}
.fq-section {
  position: relative;
  padding-block: calc(var(--spacing) * 20);
  background-color: color-mix(in srgb, #03070f 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb, var(--color-brand-dark) 50%, transparent);
  }
}
.fq-container {
  position: relative;
  z-index: 10;
  width: 100%;
  @media (width >= 640px) {
    margin-inline: auto;
  }
  @media (width >= 640px) {
    width: 90%;
  }
  @media (width >= 640px) {
    max-width: none;
  }
  @media (width >= 640px) {
    padding-inline: calc(var(--spacing) * 6);
  }
  padding-left: var(--padding);
  padding-right: var(--padding);
}
.fq-header {
  margin-bottom: calc(var(--spacing) * 12);
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 4);
}
.fq-title {
  text-align: center;
  font-family: var(--font-tech);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
  color: var(--color-gray-900);
  text-transform: uppercase;
  .dark-mode & {
    color: var(--color-white);
  }
}
.fq-grid {
  margin-inline: auto;
  max-width: var(--container-4xl);
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.fq-card {
  height: 100%;
}
.fq-card-wrapper {
  position: relative;
  border-radius: var(--radius-xl);
  --tw-gradient-from: color-mix(in oklab, var(--color-white) 10%, transparent);
  --tw-gradient-to: color-mix(in oklab, var(--color-white) 5%, 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));
  padding: calc(var(--spacing) * 1);
  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));
  --tw-duration: 500ms;
  transition-duration: 500ms;
}
.fq-item {
  position: relative;
  z-index: 10;
  height: 100%;
  width: 100%;
  border-radius: var(--radius-xl);
  background-color: var(--theme-panel-bg);
}
.fq-summary {
  position: relative;
  z-index: 10;
  display: flex;
  cursor: pointer;
  list-style-type: none;
  align-items: center;
  justify-content: space-between;
  padding-inline: calc(var(--spacing) * 6);
  padding-block: calc(var(--spacing) * 4);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-white);
  --tw-outline-style: none;
  outline-style: none;
  &::-webkit-details-marker {
    display: none;
  }
}
.fq-icon {
  position: relative;
  display: flex;
  height: calc(var(--spacing) * 6);
  width: calc(var(--spacing) * 6);
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  color: var(--color-brand-green);
}
.fq-answer {
  position: relative;
  z-index: 10;
  cursor: pointer;
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: color-mix(in srgb, #fff 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
  }
}
.fq-answer-inner {
  padding-inline: calc(var(--spacing) * 6);
  padding-block: calc(var(--spacing) * 4);
  color: var(--color-gray-300);
  min-height: 0;
}
.ga-section {
  position: relative;
  padding-block: calc(var(--spacing) * 20);
  background-color: var(--color-brand-dark);
}
.ga-container {
  position: relative;
  z-index: 10;
  width: 100%;
  @media (width >= 640px) {
    margin-inline: auto;
  }
  @media (width >= 640px) {
    width: 90%;
  }
  @media (width >= 640px) {
    max-width: none;
  }
  @media (width >= 640px) {
    padding-inline: calc(var(--spacing) * 6);
  }
  padding-left: var(--padding);
  padding-right: var(--padding);
}
.ga-header {
  margin-bottom: calc(var(--spacing) * 12);
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 4);
}
.ga-title {
  text-align: center;
  font-family: var(--font-tech);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
  color: var(--color-gray-900);
  text-transform: uppercase;
  .dark-mode & {
    color: var(--color-white);
  }
}
.ga-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) {
  .ga-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .ga-grid:has(> :nth-child(3):last-child) {
    grid-template-columns: repeat(3, 1fr);
  }
  .ga-grid:has(> :nth-child(4):last-child) {
    grid-template-columns: repeat(4, 1fr);
  }
  .ga-grid:has(> :nth-child(5):last-child) {
    grid-template-columns: repeat(5, 1fr);
  }
  .ga-grid:has(> :nth-child(6):last-child) {
    grid-template-columns: repeat(3, 1fr);
  }
  .ga-grid:has(> :nth-child(8):last-child) {
    grid-template-columns: repeat(4, 1fr);
  }
  .ga-grid:has(> :nth-child(9):last-child) {
    grid-template-columns: repeat(3, 1fr);
  }
  .ga-grid:has(> :nth-child(10):last-child) {
    grid-template-columns: repeat(5, 1fr);
  }
  .ga-grid:has(> :nth-child(12):last-child) {
    grid-template-columns: repeat(4, 1fr);
  }
  .ga-grid:has(> :nth-child(15):last-child) {
    grid-template-columns: repeat(5, 1fr);
  }
  .ga-grid:has(> :nth-child(16):last-child) {
    grid-template-columns: repeat(4, 1fr);
  }
  .ga-grid:has(> :nth-child(18):last-child) {
    grid-template-columns: repeat(3, 1fr);
  }
  .ga-grid:has(> :nth-child(20):last-child) {
    grid-template-columns: repeat(5, 1fr);
  }
  .ga-grid:has(> :nth-child(24):last-child) {
    grid-template-columns: repeat(4, 1fr);
  }
}
.ga-card {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.ga-item {
  position: relative;
  aspect-ratio: 4/3;
  cursor: pointer;
  border-radius: var(--radius-2xl);
  &:hover {
    @media (hover: hover) {
      z-index: 50;
    }
  }
  transition: transform 300ms ease, box-shadow 300ms ease;
}
.ga-image {
  position: absolute;
  inset: calc(var(--spacing) * 0);
  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));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.ga-hidden-images {
  display: none;
}
.hero-header {
  position: relative;
  margin-bottom: calc(var(--spacing) * 0);
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  min-height: 100dvh;
}
.hero-container {
  position: relative;
  z-index: 10;
  width: 100%;
  @media (width >= 640px) {
    max-width: 640px;
  }
  @media (width >= 768px) {
    max-width: 768px;
  }
  @media (width >= 1024px) {
    max-width: 1024px;
  }
  @media (width >= 1280px) {
    max-width: 1280px;
  }
  @media (width >= 1536px) {
    max-width: 1536px;
  }
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(var(--spacing) * 0);
  padding-inline: calc(var(--spacing) * 4);
  @media (width >= 1024px) {
    display: grid;
  }
  @media (width >= 1024px) {
    gap: calc(var(--spacing) * 4);
  }
  grid-template-columns: 5.5fr 4.5fr;
  @media (min-width: 1024px) {
    max-width: 1440px !important;
    grid-template-columns: 6fr 4fr;
  }
}
.hero-content-wrapper {
  width: 100%;
  @media (width >= 1024px) {
    grid-column-start: 2;
  }
  @media (width >= 1024px) {
    align-self: center;
  }
  order: 1;
  padding-top: 0;
  @media (min-width: 1024px) {
    order: 0;
    padding-top: 0;
    margin-left: -3rem;
  }
}
.hero-content {
  position: relative;
  z-index: 20;
  width: 100%;
  padding-bottom: calc(var(--spacing) * 0);
  text-align: center;
}
.hero-main-title {
  margin-bottom: calc(var(--spacing) * 2);
  font-family: var(--font-tech);
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--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);
  @media (width >= 640px) {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
  @media (width >= 1024px) {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
  }
  color: oklch(21% 0.034 264.665);
  .dark-mode & {
    &:hover {
      color: white !important;
    }
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--color-white);
    --tw-gradient-via: var(--color-gray-200);
    --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: var(--color-gray-500);
    --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));
    background-clip: text;
    color: transparent;
  }
}
.hero-secondary-title {
  margin-top: calc(var(--spacing) * 1);
  display: block;
  font-family: var(--font-sans);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  @media (width >= 640px) {
    margin-top: calc(var(--spacing) * 2);
  }
  @media (width >= 640px) {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  @media (width >= 1024px) {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  color: oklch(21% 0.034 264.665);
  .dark-mode & {
    color: var(--color-white);
  }
}
.hero-info-grid {
  margin-top: calc(var(--spacing) * 4);
  margin-bottom: calc(var(--spacing) * 4);
  width: 100%;
  max-width: var(--container-4xl);
  padding-bottom: calc(var(--spacing) * 2);
  @media (width >= 640px) {
    display: block;
  }
}
.hero-tagline {
  margin-bottom: calc(var(--spacing) * 4);
  text-align: center;
  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);
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  @media (width >= 640px) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  color: oklch(21% 0.034 264.665);
  .dark-mode & {
    color: var(--color-gray-400);
  }
}
.hero-content-stack {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--spacing) * 6);
}
.hero-specs-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 3);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  @media (width >= 640px) {
    gap: calc(var(--spacing) * 6);
  }
  @media (width >= 640px) {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  color: oklch(21% 0.034 264.665);
  .dark-mode & {
    color: var(--color-gray-300);
  }
}
.hero-spec-left {
  text-align: right;
}
.hero-specs-separator {
  --tw-font-weight: var(--font-weight-light);
  font-weight: var(--font-weight-light);
  color: var(--color-brand-neon);
}
.hero-spec-right {
  text-align: right;
  @media (width >= 640px) {
    text-align: left;
  }
}
.hero-buttons-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 3);
  @media (width >= 640px) {
    gap: calc(var(--spacing) * 6);
  }
}
.hero-btn-spacer {
  display: none;
  @media (width >= 640px) {
    display: block;
  }
}
.hero-btn-secondary {
  border-radius: var(--radius-lg);
  padding-inline: calc(var(--spacing) * 5);
  padding-block: calc(var(--spacing) * 2);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  @media (width >= 640px) {
    padding-inline: calc(var(--spacing) * 6);
  }
  @media (width >= 640px) {
    padding-block: calc(var(--spacing) * 3);
  }
  @media (width >= 640px) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  transition: background-color 300ms ease, box-shadow 300ms ease, opacity 300ms ease;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.hero-btn-primary {
  border-radius: var(--radius-lg);
  padding-inline: calc(var(--spacing) * 5);
  padding-block: calc(var(--spacing) * 2);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  @media (width >= 640px) {
    padding-inline: calc(var(--spacing) * 6);
  }
  @media (width >= 640px) {
    padding-block: calc(var(--spacing) * 3);
  }
  @media (width >= 640px) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  transition: background-color 300ms ease, box-shadow 300ms ease, opacity 300ms ease;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.hero-btn-content {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  color: var(--color-white);
}
.hero-btn-icon {
  height: calc(var(--spacing) * 3.5);
  width: calc(var(--spacing) * 3.5);
  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));
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-translate-x: calc(var(--spacing) * 1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
.video-block {
  position: relative;
  margin-inline: auto;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  align-self: center;
  border-radius: 0.25rem;
  @media (width >= 1024px) {
    grid-column-start: 1;
  }
  @media (width >= 1024px) {
    grid-row-start: 1;
  }
  @media (width >= 1024px) {
    max-width: 90%;
  }
}
.hero-video-inner {
  position: relative;
  z-index: 10;
  display: flex;
  aspect-ratio: 4/3;
  height: 100%;
  width: 100%;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-2xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: color-mix(in srgb, #fff 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
  }
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  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));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  &:hover {
    @media (hover: hover) {
      z-index: 20;
    }
  }
  &:hover {
    @media (hover: hover) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  background-color: #000;
}
.hero-video-poster {
  position: absolute;
  inset: calc(var(--spacing) * 0);
  height: 100%;
  width: 100%;
  border-radius: 0.25rem;
  display: flex !important;
  align-items: center;
  justify-content: center;
  opacity: 1 !important;
  z-index: 10 !important;
}
.hero-video-element {
  position: absolute;
  inset: calc(var(--spacing) * 0);
  height: 100%;
  width: 100%;
  border-radius: 0.25rem;
  object-fit: contain;
  z-index: 5 !important;
  opacity: 0;
}
.hero-video-element.video-loaded {
  z-index: 20 !important;
  opacity: 1 !important;
}
.hero-video-controls {
  pointer-events: none;
  position: absolute;
  right: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: space-between;
  --tw-gradient-position: to top in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: color-mix(in oklab, var(--color-black) 80%, transparent);
  --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));
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 3);
  opacity: 0%;
  transition: opacity 300ms ease;
}
.hero-video-inner:hover .hero-video-controls, .hero-video-controls.controls-visible {
  opacity: 1;
  pointer-events: auto;
}
.hero-control-btn {
  pointer-events: auto;
  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) {
      color: var(--color-brand-neon);
    }
  }
}
.hero-control-icon {
  height: calc(var(--spacing) * 7);
  width: calc(var(--spacing) * 7);
}
.hero-control-icon-stroke {
  height: calc(var(--spacing) * 6);
  width: calc(var(--spacing) * 6);
}
@media (min-width: 640px) {
  .cg-grid > :nth-child(odd):last-child, .fe-grid > :nth-child(odd):last-child, .as-grid > :nth-child(odd):last-child, .cs-grid > :nth-child(odd):last-child, .ip-grid > :nth-child(odd):last-child {
    grid-column: span 2;
  }
}
@media (min-width: 768px) {
  .cg-grid > :nth-child(odd):last-child, .fe-grid > :nth-child(odd):last-child, .as-grid > :nth-child(odd):last-child, .cs-grid > :nth-child(odd):last-child, .ip-grid > :nth-child(odd):last-child {
    grid-column: auto;
  }
}
@layer base {
  :root.light-mode, .light-mode {
    --color-brand-green: #287304;
    --color-brand-gold: #d4951c;
    --color-brand-yellow: #a16207;
    --color-brand-neon: #329206;
    --color-brand-red: #dc2626;
    --color-brand-dark: #f9f9f9;
  }
  :root.dark-mode, .dark-mode {
    --color-brand-green: var(--bg, #bbe95e);
    --color-brand-gold: #f8bf50;
    --color-brand-yellow: #facc15;
    --color-brand-neon: #65c037;
    --color-brand-red: #ef4444;
    --color-brand-dark: #03070f;
  }
}
@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-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-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-pan-x {
  syntax: "*";
  inherits: false;
}
@property --tw-pan-y {
  syntax: "*";
  inherits: false;
}
@property --tw-pinch-zoom {
  syntax: "*";
  inherits: false;
}
@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@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%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@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-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-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-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-contain-size {
  syntax: "*";
  inherits: false;
}
@property --tw-contain-layout {
  syntax: "*";
  inherits: false;
}
@property --tw-contain-paint {
  syntax: "*";
  inherits: false;
}
@property --tw-contain-style {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@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-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-pan-x: initial;
      --tw-pan-y: initial;
      --tw-pinch-zoom: initial;
      --tw-scroll-snap-strictness: proximity;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-x-reverse: 0;
      --tw-border-style: solid;
      --tw-divide-y-reverse: 0;
      --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%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --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-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-contain-size: initial;
      --tw-contain-layout: initial;
      --tw-contain-paint: initial;
      --tw-contain-style: initial;
      --tw-content: "";
      --play-state: paused;
    }
  }
}

/*# sourceMappingURL=DATEx2.products.css.map */