/* [project]/projects/t0-store/web/app/outfit_c1a43fd1.module.css [app-client] (css) */
@font-face {
  font-family: outfit;
  src: url("../media/Outfit_Regular-s.p.384ay9ljr0j_d.woff2") format("woff2");
  font-display: swap;
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: outfit;
  src: url("../media/Outfit_Medium-s.p.1txrwrigeanfd.woff2") format("woff2");
  font-display: swap;
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: outfit;
  src: url("../media/Outfit_SemiBold-s.p.1ygfn22sfxfac.woff2") format("woff2");
  font-display: swap;
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: outfit;
  src: url("../media/Outfit_Bold-s.p.2vlx35j-e2_c0.woff2") format("woff2");
  font-display: swap;
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: outfit Fallback;
  src: local(Arial);
  ascent-override: 82.96%;
  descent-override: 22.59%;
  line-gap-override: 5.0%;
  size-adjust: 100.05%;
}

.outfit_c1a43fd1-module__4Y8eoG__className {
  font-family: outfit, outfit Fallback;
}

.outfit_c1a43fd1-module__4Y8eoG__variable {
  --font-outfit: "outfit", "outfit Fallback";
}

/* [project]/projects/t0-store/web/app/alibabapuhuiti_2658cef0.module.css [app-client] (css) */
@font-face {
  font-family: alibabaPuHuiTi;
  src: url("../media/AlibabaPuHuiTi_2_45_Light-s.p.1-h1mrgagfloz.woff") format("woff");
  font-display: swap;
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: alibabaPuHuiTi;
  src: url("../media/AlibabaPuHuiTi_2_55_Regular-s.p.0nagp2zvdpfi1.woff") format("woff");
  font-display: swap;
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: alibabaPuHuiTi;
  src: url("../media/AlibabaPuHuiTi_2_65_Medium-s.p.3zh7be_dlq18t.woff") format("woff");
  font-display: swap;
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: alibabaPuHuiTi;
  src: url("../media/AlibabaPuHuiTi_2_75_SemiBold-s.p.39zsjgfr4v458.woff") format("woff");
  font-display: swap;
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: alibabaPuHuiTi;
  src: url("../media/AlibabaPuHuiTi_2_85_Bold-s.p.2n8g6wva8404i.woff") format("woff");
  font-display: swap;
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: alibabaPuHuiTi Fallback;
  src: local(Arial);
  ascent-override: 97.93%;
  descent-override: 31.41%;
  line-gap-override: 0.0%;
  size-adjust: 108.24%;
}

.alibabapuhuiti_2658cef0-module__4bGJMG__className {
  font-family: alibabaPuHuiTi, alibabaPuHuiTi Fallback;
}

.alibabapuhuiti_2658cef0-module__4bGJMG__variable {
  --font-alibaba-puhuiti: "alibabaPuHuiTi", "alibabaPuHuiTi Fallback";
}

/* [project]/projects/t0-store/web/components/site/UnsupportedBrowserNotice.module.css [app-client] (css) */
.UnsupportedBrowserNotice-module__DJ_3Ya__overlay {
  z-index: 2147483647;
  box-sizing: border-box;
  padding: max(1rem, env(safe-area-inset-top, 0px))
    max(1rem, env(safe-area-inset-right, 0px))
    max(1rem, env(safe-area-inset-bottom, 0px))
    max(1rem, env(safe-area-inset-left, 0px));
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  font-family: var(--font-primary-stack, -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Arial,
    sans-serif);
  background: #00000094;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0;
}

.UnsupportedBrowserNotice-module__DJ_3Ya__dialog {
  overscroll-behavior: contain;
  color: #111;
  background: #fff;
  width: min(50rem, 100vw - 2rem);
  max-height: calc(100dvh - 2rem);
  overflow: auto;
  box-shadow: 0 1.5rem 4rem #0000003d;
}

.UnsupportedBrowserNotice-module__DJ_3Ya__header {
  box-sizing: border-box;
  border-bottom: 1px solid #e9e9e9;
  justify-content: center;
  align-items: center;
  min-height: clamp(5rem, 7.5vw, 7.5625rem);
  padding: 1.25rem 4.75rem;
  display: flex;
  position: relative;
}

.UnsupportedBrowserNotice-module__DJ_3Ya__title {
  text-align: center;
  margin: 0;
  font-size: clamp(1.75rem, 3vw, 3.125rem);
  font-weight: 400;
  line-height: 1.15;
}

.UnsupportedBrowserNotice-module__DJ_3Ya__closeForm {
  width: 2.75rem;
  height: 2.75rem;
  margin: 0;
  position: absolute;
  top: 50%;
  right: 1.25rem;
  transform: translateY(-50%);
}

.UnsupportedBrowserNotice-module__DJ_3Ya__closeButton {
  color: #111;
  cursor: pointer;
  touch-action: manipulation;
  background: none;
  border: 0;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
}

.UnsupportedBrowserNotice-module__DJ_3Ya__closeButton:hover, .UnsupportedBrowserNotice-module__DJ_3Ya__closeButton:active {
  background: #f1f1f1;
}

.UnsupportedBrowserNotice-module__DJ_3Ya__closeButton:focus {
  outline: none;
  box-shadow: 0 0 0 3px #0037b859;
}

.UnsupportedBrowserNotice-module__DJ_3Ya__primaryAction:focus, .UnsupportedBrowserNotice-module__DJ_3Ya__secondaryAction:focus {
  outline-offset: 3px;
  outline: 3px solid #0037b8;
}

@supports selector(:focus-visible) {
  .UnsupportedBrowserNotice-module__DJ_3Ya__closeButton:focus:not(:focus-visible) {
    box-shadow: none;
  }

  .UnsupportedBrowserNotice-module__DJ_3Ya__primaryAction:focus:not(:focus-visible), .UnsupportedBrowserNotice-module__DJ_3Ya__secondaryAction:focus:not(:focus-visible) {
    outline: none;
  }
}

.UnsupportedBrowserNotice-module__DJ_3Ya__closeIcon {
  width: 1.5rem;
  height: 1.5rem;
  display: block;
}

.UnsupportedBrowserNotice-module__DJ_3Ya__body {
  text-align: center;
  padding: clamp(2rem, 4vw, 4.375rem) clamp(1.5rem, 5.5vw, 4.75rem) clamp(2.25rem, 5vw, 5rem);
}

.UnsupportedBrowserNotice-module__DJ_3Ya__message, .UnsupportedBrowserNotice-module__DJ_3Ya__hint {
  overflow-wrap: anywhere;
  max-width: 42rem;
  margin: 0 auto;
}

.UnsupportedBrowserNotice-module__DJ_3Ya__message {
  font-size: clamp(1.0625rem, 1.65vw, 1.5rem);
  line-height: 1.55;
}

.UnsupportedBrowserNotice-module__DJ_3Ya__hint {
  color: #555;
  margin-top: 1.25rem;
  font-size: clamp(.9375rem, 1.25vw, 1.125rem);
  line-height: 1.6;
}

.UnsupportedBrowserNotice-module__DJ_3Ya__actions {
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  margin-top: clamp(2rem, 4vw, 3.5rem);
  display: flex;
}

.UnsupportedBrowserNotice-module__DJ_3Ya__dismissForm {
  margin: 0;
}

.UnsupportedBrowserNotice-module__DJ_3Ya__primaryAction, .UnsupportedBrowserNotice-module__DJ_3Ya__secondaryAction {
  box-sizing: border-box;
  min-width: 10.5rem;
  min-height: 3rem;
  font: inherit;
  cursor: pointer;
  touch-action: manipulation;
  border: 1px solid #0037b8;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  padding: .75rem 1.5rem;
  font-size: 1rem;
  line-height: 1.2;
  text-decoration: none;
  display: inline-flex;
}

.UnsupportedBrowserNotice-module__DJ_3Ya__primaryAction {
  color: #fff;
  background: #0037b8;
}

.UnsupportedBrowserNotice-module__DJ_3Ya__primaryAction:hover, .UnsupportedBrowserNotice-module__DJ_3Ya__primaryAction:active {
  background: #1048d5;
}

.UnsupportedBrowserNotice-module__DJ_3Ya__secondaryAction {
  color: #0037b8;
  background: #fff;
}

.UnsupportedBrowserNotice-module__DJ_3Ya__secondaryAction:hover, .UnsupportedBrowserNotice-module__DJ_3Ya__secondaryAction:active {
  background: #f3f6ff;
}

@media (max-width: 47.9375rem) {
  .UnsupportedBrowserNotice-module__DJ_3Ya__overlay {
    padding-inline: max(.75rem, env(safe-area-inset-left, 0px))
      max(.75rem, env(safe-area-inset-right, 0px));
    padding-bottom: max(.75rem, env(safe-area-inset-bottom, 0px));
    align-items: flex-end;
  }

  .UnsupportedBrowserNotice-module__DJ_3Ya__dialog {
    width: 100%;
    max-height: calc(100dvh - 1.5rem);
  }

  .UnsupportedBrowserNotice-module__DJ_3Ya__header {
    min-height: 4.75rem;
    padding: 1rem 4rem 1rem 1.25rem;
  }

  .UnsupportedBrowserNotice-module__DJ_3Ya__headerBlocked {
    padding-inline: 1.25rem;
  }

  .UnsupportedBrowserNotice-module__DJ_3Ya__title {
    font-size: clamp(1.5rem, 7vw, 2rem);
  }

  .UnsupportedBrowserNotice-module__DJ_3Ya__closeForm {
    right: .75rem;
  }

  .UnsupportedBrowserNotice-module__DJ_3Ya__body {
    padding: 1.75rem 1.25rem max(2rem, env(safe-area-inset-bottom, 0px));
  }

  .UnsupportedBrowserNotice-module__DJ_3Ya__actions {
    flex-direction: column;
  }

  .UnsupportedBrowserNotice-module__DJ_3Ya__primaryAction, .UnsupportedBrowserNotice-module__DJ_3Ya__secondaryAction, .UnsupportedBrowserNotice-module__DJ_3Ya__dismissForm {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .UnsupportedBrowserNotice-module__DJ_3Ya__closeButton, .UnsupportedBrowserNotice-module__DJ_3Ya__primaryAction, .UnsupportedBrowserNotice-module__DJ_3Ya__secondaryAction {
    scroll-behavior: auto;
  }
}

/* [project]/projects/t0-store/web/app/globals.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    :root, :host {
      --shimmer-angle: 20deg;
    }

    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --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-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
      --scroll-fade-t: 0px;
      --scroll-fade-b: 0px;
      --scroll-fade-s: 0px;
      --scroll-fade-e: 0px;
      --scroll-fade-mask: initial;
      --shimmer-image: initial;
      --shimmer-text-fill: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-md: 28rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-normal: 0em;
    --radius-md: calc(var(--radius) * .8);
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --blur-xs: 4px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-primary-stack);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    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;
    -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 {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.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 {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :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)) {
      ::placeholder {
        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 {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-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"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }

  html, body {
    overscroll-behavior-x: none;
    width: 100%;
    max-width: 100%;
    min-height: 100%;
    overflow-x: hidden;
  }

  html {
    scrollbar-gutter: stable;
    scroll-behavior: smooth;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    height: auto;
    font-family: var(--font-primary-stack);
    overflow-y: auto;
  }

  body {
    background: var(--color-page-white);
    background-color: var(--color-page-white);
    height: auto;
    color: var(--color-ink);
  }

  body[data-unsupported-browser="true"] {
    overflow: hidden;
  }

  html[data-mobile-page="home"], body[data-mobile-page="home"] {
    background: var(--color-footer);
    overscroll-behavior-y: none;
  }

  html body[data-scroll-locked] {
    position: static !important;
  }

  @supports (overflow: clip) {
    html, body {
      overflow-x: clip;
    }
  }

  a {
    color: inherit;
    text-decoration: none;
  }

  button, input, textarea, select {
    font: inherit;
  }

  .font-primary {
    font-family: var(--font-primary-stack);
  }

  .font-mono {
    font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
  }

  ::selection {
    background: var(--color-libpet-blue);
  }

  @supports (color: color-mix(in lab, red, red)) {
    ::selection {
      background: color-mix(in srgb, var(--color-libpet-blue) 24%, transparent);
    }
  }

  :focus-visible {
    outline: .125rem solid var(--color-libpet-blue);
    outline-offset: .1875rem;
  }

  * {
    border-color: var(--border);
    outline-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    * {
      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }
}

@layer components {
  .glass-overlay {
    box-shadow: none;
    background: #302a2675;
    border-top: 0;
    border-bottom: 0;
  }

  .glass-overlay-page {
    box-shadow: none;
    background: #302a2670;
  }

  .glass-overlay-fade-bottom {
    -webkit-mask-image: linear-gradient(#000 0% calc(100% - 1.125rem), #0000 100%);
    mask-image: linear-gradient(#000 0% calc(100% - 1.125rem), #0000 100%);
  }

  .site-shell {
    width: min(var(--site-shell-width),
      calc(100% - (var(--site-page-gutter) * 2)));
    margin-inline: auto;
  }

  .header-shell {
    width: min(var(--header-shell-width),
      calc(100% - (var(--site-page-gutter) * 2)));
  }

  .desktop-home {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  @supports (overflow: clip) {
    .desktop-home {
      overflow-x: clip;
    }
  }

  .header-main {
    height: var(--nav-main-height);
  }

  .nav-logo {
    width: var(--nav-logo-width);
    height: var(--nav-logo-height);
    object-fit: contain;
  }

  .nav-logo-spacer {
    width: var(--nav-logo-width);
    height: var(--nav-logo-height);
  }

  .nav-actions-spacer {
    width: var(--nav-actions-spacer-width);
  }

  .nav-main-links {
    font-size: var(--nav-main-font-size);
  }

  .nav-account-root {
    z-index: 2;
  }

  .nav-account-trigger {
    isolation: isolate;
    position: relative;
  }

  .nav-account-trigger:before {
    z-index: -1;
    width: var(--nav-account-trigger-background-size);
    height: var(--nav-account-trigger-background-size);
    content: "";
    opacity: 0;
    background: #ffffff14;
    border-radius: 50%;
    transition: opacity .18s, transform .18s;
    position: absolute;
    transform: scale(.88);
  }

  .nav-account-trigger:hover:before, .nav-account-trigger:focus-visible:before, .nav-account-trigger-open:before {
    opacity: 1;
    transform: scale(1);
  }

  .nav-account-popover {
    padding-top: calc(((var(--nav-main-height) - var(--nav-icon-size)) / 2) +
        var(--nav-account-menu-gap));
    top: 100%;
    z-index: 30;
    color: #34363a;
    font-size: var(--nav-account-menu-font-size);
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    line-height: 1.25;
    transition: opacity .18s, transform .18s, visibility .18s;
    position: absolute;
    inset-inline-end: calc(50% - var(--nav-account-menu-arrow-center));
    transform: translateY(-.5rem);
  }

  .nav-account-popover-open {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    transform: translateY(0);
  }

  .nav-account-panel {
    background: #fff;
    position: relative;
    box-shadow: 0 .5rem 1.5rem #0000002e;
  }

  .nav-account-panel:before {
    inset-inline-end: calc(var(--nav-account-menu-arrow-center) -
        var(--nav-account-menu-arrow-half-width));
    border-right: var(--nav-account-menu-arrow-half-width) solid transparent;
    border-bottom: var(--nav-account-menu-arrow-height) solid #fff;
    border-left: var(--nav-account-menu-arrow-half-width) solid transparent;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
  }

  .nav-account-panel-guest {
    width: var(--nav-account-menu-guest-width);
  }

  .nav-account-panel-authenticated {
    width: var(--nav-account-menu-authenticated-width);
  }

  .nav-account-row, .nav-account-welcome {
    width: 100%;
    min-height: var(--nav-account-menu-row-height);
    box-sizing: border-box;
    align-items: center;
    min-width: 0;
    display: flex;
  }

  .nav-account-row {
    text-align: center;
    background: none;
    justify-content: center;
    transition: background-color .18s;
  }

  .nav-account-row:hover, .nav-account-row:focus-visible {
    background: #f3f4f5;
  }

  .nav-account-row:disabled {
    cursor: wait;
    opacity: .58;
  }

  .nav-account-welcome {
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px solid #d9dbde;
    justify-content: flex-start;
    padding-inline: clamp(.875rem, 1.4583vw, 1.75rem);
    overflow: hidden;
  }

  .nav-account-welcome-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    width: 0;
    min-width: 0;
    display: block;
    overflow: hidden;
  }

  .nav-search-form {
    gap: var(--nav-search-input-gap);
    font-size: var(--nav-search-input-size);
    line-height: 1;
  }

  .nav-search-form:focus-within {
    outline-offset: .1875rem;
    outline: .125rem solid #fff;
  }

  .nav-search-input-icon {
    width: var(--nav-search-icon-size);
    height: var(--nav-search-icon-size);
    flex: 0 0 var(--nav-search-icon-size);
    display: block;
  }

  .nav-search-input {
    font-size: 1em;
    line-height: 1;
  }

  .nav-search-link-row {
    margin-left: calc(var(--nav-search-link-bleed) * -1);
    width: calc(100% + (var(--nav-search-link-bleed) * 2));
    border-radius: var(--nav-search-link-radius);
    padding-inline: var(--nav-search-link-bleed);
  }

  .nav-search-label {
    font-size: var(--nav-search-label-size);
  }

  .nav-search-links {
    font-size: var(--nav-search-link-size);
  }

  .nav-search-arrow-slot {
    width: var(--nav-search-arrow-slot);
    padding-left: var(--nav-search-arrow-inset);
  }

  .nav-submenu-track {
    height: 100%;
    font-size: var(--nav-submenu-font-size);
    line-height: 1;
  }

  .nav-submenu-slot {
    height: 100%;
    line-height: 1;
  }

  .nav-submenu-list {
    width: max-content;
    min-width: 100%;
    padding-top: 0;
    padding-bottom: var(--nav-submenu-bottom-gap);
    position: absolute;
    top: 0;
    left: 0;
  }

  .nav-submenu-link {
    height: var(--nav-submenu-leading);
    line-height: var(--nav-submenu-leading);
    transition: color .22s, filter .22s;
  }

  .nav-submenu-link:hover, .nav-submenu-link:focus-visible {
    filter: opacity(var(--nav-submenu-hover-opacity));
  }

  .hero-section {
    height: 29.25rem;
  }

  .hero-image-carousel[data-draggable="true"] {
    touch-action: pan-y pinch-zoom;
    -webkit-user-select: none;
    user-select: none;
    cursor: grab;
  }

  .hero-image-carousel[data-dragging="true"] {
    cursor: grabbing;
  }

  .product-grid-shell {
    width: 100%;
    padding: var(--product-grid-gap);
    margin-inline: auto;
  }

  .product-grid {
    gap: var(--product-grid-gap);
  }

  .product-card {
    aspect-ratio: var(--product-card-aspect-ratio);
    min-height: 0;
    padding-top: var(--product-card-padding-start);
  }

  .product-card-title {
    font-size: var(--product-card-title-size);
  }

  .product-card-description {
    font-size: var(--product-card-description-size);
  }

  .product-card-links {
    font-size: var(--product-card-link-size);
  }

  .product-card-link-row {
    gap: var(--product-card-link-gap);
    flex-wrap: wrap;
  }

  .product-card-link-row > .animated-text-link {
    white-space: nowrap;
    flex: none;
  }

  .product-card-coming-soon-subtitle {
    margin-top: var(--product-card-title-subcopy-gap);
    max-width: min(52rem, 100% - 3rem);
  }

  .product-card-coming-soon .product-card-default-copy {
    justify-content: center;
    padding-inline: 1.5rem;
    transition: opacity .5s;
    position: absolute;
    inset: 0;
  }

  .product-card-image-stage {
    width: 100%;
    height: 100%;
    min-height: 0;
  }

  .product-image-stack {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    height: 100%;
    display: flex;
    position: relative;
  }

  .product-image {
    object-fit: contain;
    width: auto;
    max-width: none;
    height: 100%;
    max-height: none;
    display: block;
  }

  .product-image-aps {
    --product-image-width: clamp(11.25rem, 14vw, 23.75rem);
    --product-image-max-inline: 72%;
  }

  .product-image-libpet-s {
    --product-image-width: clamp(18.75rem, 18vw, 31.25rem);
    --product-image-max-inline: 82%;
  }

  .product-image-aps-2 {
    --product-image-width: clamp(13.75rem, 18vw, 31.25rem);
    --product-image-max-inline: 78%;
  }

  .product-image-robot-solution {
    --product-image-width: clamp(18.75rem, 18vw, 31.25rem);
    --product-image-max-inline: 84%;
  }

  .product-card-coming-soon:hover .product-card-default-copy, .product-card-coming-soon:focus-within .product-card-default-copy {
    opacity: 0;
  }

  .brand-statement-section {
    height: calc(75vh + var(--desktop-1080p-height-boost));
    height: calc(75svh + var(--desktop-1080p-height-boost));
  }

  .brand-statement-text {
    font-size: var(--brand-statement-font-size);
    opacity: 0;
    visibility: hidden;
  }

  .hero-carousel-pagination, .product-video-pagination {
    align-items: center;
    display: flex;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }

  .hero-carousel-pagination {
    bottom: var(--carousel-dot-bottom-offset);
    z-index: 15;
    pointer-events: auto;
  }

  .product-video-pagination {
    bottom: var(--carousel-dot-bottom-offset);
    z-index: 10;
  }

  .carousel-dot-indicator {
    height: var(--carousel-dot-size);
    width: var(--carousel-dot-size);
    border-radius: 9999rem;
    transition: width .9s cubic-bezier(.16, 1, .3, 1), background-color .9s cubic-bezier(.16, 1, .3, 1);
  }

  .carousel-dot-indicator-active {
    width: var(--carousel-dot-active-width);
    background: var(--color-carousel-dot-active);
  }

  .carousel-dot-indicator-idle {
    background: var(--color-carousel-dot-default);
  }

  .group:hover .carousel-dot-indicator-idle {
    background: var(--color-carousel-dot-hover);
  }

  .product-video-section {
    margin-top: var(--home-section-gap);
    background: var(--color-page-white);
  }

  .company-metrics-section {
    height: 75svh;
    min-height: var(--company-metrics-min-height);
    margin-top: var(--home-section-gap);
    background: var(--color-page-grey);
  }

  .company-metrics-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
    height: 100%;
    display: grid;
  }

  .company-metric-item {
    text-align: center;
    flex-direction: column;
    align-items: center;
    min-width: 0;
    display: flex;
  }

  .company-metric-value {
    font-size: var(--company-metrics-value-size);
    letter-spacing: -.035em;
    line-height: .82;
  }

  .company-metric-label {
    margin-top: var(--company-metrics-value-label-gap);
    font-size: var(--company-metrics-label-size);
    line-height: 1.1;
  }

  .company-metric-icon {
    width: var(--company-metrics-icon-size);
    height: var(--company-metrics-icon-size);
    flex: 0 0 var(--company-metrics-icon-size);
    margin-top: var(--company-metrics-label-icon-gap);
    color: var(--color-company-metrics-icon);
  }

  @supports ((-webkit-backdrop-filter: blur(0.0625rem)) or (backdrop-filter: blur(0.0625rem))) {
    .glass-overlay {
      -webkit-backdrop-filter: blur(1.125rem) saturate(1.2);
      backdrop-filter: blur(1.125rem) saturate(1.2);
      background: #302a265c;
    }

    .glass-overlay-page {
      -webkit-backdrop-filter: blur(1.375rem) saturate(1.15);
      backdrop-filter: blur(1.375rem) saturate(1.15);
      background: #302a2657;
    }
  }

  .nav-dropdown-reveal {
    --nav-drop-duration: .62s;
    --drop-reveal-start-y: -1.125rem;
  }

  .nav-dropdown-reveal-item {
    color: #fff;
    opacity: 0;
    transform: translateY(var(--drop-reveal-start-y, -1.125rem));
    will-change: color, opacity, transform;
    transition: color .22s, opacity .22s, transform .22s;
    display: block;
  }

  .nav-dropdown-reveal-visible .nav-dropdown-reveal-item {
    animation-name: drop-reveal-slide-down, drop-reveal-final-brighten;
    animation-duration: var(--nav-drop-duration), .3s;
    animation-timing-function: cubic-bezier(.16, 1, .3, 1), ease-out;
    animation-fill-mode: forwards, forwards;
    animation-delay: var(--nav-drop-delay, 0s),
      calc(var(--nav-drop-delay, 0s) + .26s);
  }

  .nav-dropdown-reveal-exit .nav-dropdown-reveal-item {
    opacity: 1;
    animation-name: nav-dropdown-slide-up-exit;
    animation-duration: .36s;
    animation-timing-function: cubic-bezier(.64, 0, .78, 0);
    animation-fill-mode: forwards;
    animation-delay: var(--nav-drop-delay, 0s);
    transform: translateY(0);
  }

  .nav-dropdown-delay-1 {
    --nav-drop-delay: 0s;
  }

  .nav-dropdown-delay-2 {
    --nav-drop-delay: 90ms;
  }

  .nav-dropdown-delay-3 {
    --nav-drop-delay: .18s;
  }

  .nav-dropdown-delay-4 {
    --nav-drop-delay: .27s;
  }

  .nav-dropdown-delay-5 {
    --nav-drop-delay: .36s;
  }

  .nav-dropdown-delay-6 {
    --nav-drop-delay: .45s;
  }

  .region-selector-content {
    max-height: calc(100dvh - 2rem);
    width: var(--cooperation-dialog-width) !important;
    max-width: var(--cooperation-dialog-width) !important;
  }

  .region-selector-header {
    height: var(--cooperation-dialog-header-height);
    min-height: var(--cooperation-dialog-header-height);
  }

  .region-selector-title {
    max-width: calc(100% - 8rem);
    font-size: var(--cooperation-dialog-title-size);
    white-space: nowrap;
  }

  .region-selector-close {
    top: calc(var(--cooperation-dialog-close-center) -
        (var(--cooperation-dialog-close-size) / 2));
    right: calc(var(--cooperation-dialog-close-center) -
        (var(--cooperation-dialog-close-size) / 2));
    width: var(--cooperation-dialog-close-size);
    height: var(--cooperation-dialog-close-size);
  }

  .region-selector-close-icon {
    width: var(--cooperation-dialog-close-icon-size);
    height: var(--cooperation-dialog-close-icon-size);
    stroke-width: 1.45px;
  }

  .region-selector-grid {
    grid-template-columns: repeat(4, minmax(0, 18.5625rem));
    justify-content: center;
    gap: 1.375rem;
    padding: 2.625rem 1.375rem;
  }

  .region-selector-option {
    border-radius: var(--region-selector-option-radius);
    width: 100%;
    max-width: 18.5625rem;
    height: 4rem;
    font-size: 1.25rem;
  }

  .cooperation-dialog-trigger {
    color: inherit;
    cursor: pointer;
    font: inherit;
    text-align: inherit;
    background: none;
    border: 0;
  }

  .cooperation-dialog-content {
    max-height: calc(100dvh - 2rem);
    width: var(--cooperation-dialog-width) !important;
    max-width: var(--cooperation-dialog-width) !important;
  }

  .cooperation-dialog-header {
    height: var(--cooperation-dialog-header-height);
    min-height: var(--cooperation-dialog-header-height);
  }

  .cooperation-dialog-title {
    max-width: calc(100% - 8rem);
    font-size: var(--cooperation-dialog-title-size);
    white-space: nowrap;
  }

  .cooperation-dialog-close {
    top: calc(var(--cooperation-dialog-close-center) -
        (var(--cooperation-dialog-close-size) / 2));
    right: calc(var(--cooperation-dialog-close-center) -
        (var(--cooperation-dialog-close-size) / 2));
    width: var(--cooperation-dialog-close-size);
    height: var(--cooperation-dialog-close-size);
  }

  .cooperation-dialog-close-icon {
    width: var(--cooperation-dialog-close-icon-size);
    height: var(--cooperation-dialog-close-icon-size);
    stroke-width: 1.45px;
  }

  .cooperation-dialog-body {
    padding: var(--cooperation-dialog-body-top-gap)
      var(--cooperation-dialog-body-inline)
      var(--cooperation-dialog-actions-bottom-gap);
  }

  .cooperation-dialog-message {
    max-width: var(--cooperation-dialog-message-width);
    font-size: var(--cooperation-dialog-message-size);
    line-height: 1.2;
  }

  .cooperation-dialog-actions {
    justify-content: center;
    align-items: center;
    gap: var(--cooperation-dialog-action-gap);
    margin-top: var(--cooperation-dialog-actions-top-gap);
    display: flex;
  }

  .cooperation-dialog-action {
    align-items: center;
    gap: var(--cooperation-dialog-link-gap);
    font-size: var(--cooperation-dialog-link-size);
    white-space: nowrap;
    font-weight: 300;
    line-height: 1;
    display: inline-flex;
  }

  .cooperation-dialog-action-label {
    line-height: 1;
    display: inline-flex;
    position: relative;
  }

  .cooperation-dialog-action-label:after {
    height: var(--hairline-width);
    background: var(--color-ink);
    content: "";
    transform-origin: 0;
    transition: transform .32s cubic-bezier(.16, 1, .3, 1);
    position: absolute;
    bottom: -.3125rem;
    left: 0;
    right: 0;
    transform: scaleX(0);
  }

  .cooperation-dialog-action:hover .cooperation-dialog-action-label:after, .cooperation-dialog-action:focus-visible .cooperation-dialog-action-label:after {
    transform: scaleX(1);
  }

  .cooperation-dialog-action-icon {
    width: var(--cooperation-dialog-icon-size);
    height: var(--cooperation-dialog-icon-size);
    color: var(--color-libpet-blue);
    flex: 0 0 var(--cooperation-dialog-icon-size);
  }

  .product-video-carousel {
    --product-video-gap: var(--home-section-gap);
    --product-video-center: min(47.907vw, 103rem);
    --product-video-center-left: calc((100% - var(--product-video-center)) / 2);
    background: var(--color-page-white);
    width: 100%;
    margin-inline: auto;
  }

  .product-video-frame-sizer {
    aspect-ratio: 16 / 9;
    width: var(--product-video-center);
    margin-left: var(--product-video-center-left);
    pointer-events: none;
    visibility: hidden;
  }

  .product-video-panel {
    background: var(--color-page-white);
    height: 100%;
    box-shadow: none;
    width: var(--product-video-center);
    will-change: left, opacity, filter;
    border: 0;
    outline: 0;
    transition: left .98s cubic-bezier(.16, 1, .3, 1), opacity .56s, filter .98s cubic-bezier(.16, 1, .3, 1);
    position: absolute;
    top: 0;
    overflow: hidden;
  }

  .product-video-panel video {
    background: var(--color-page-white);
    box-shadow: none;
    border: 0;
    outline: 0;
    display: block;
  }

  .product-video-carousel-fast .product-video-panel {
    transition: left .56s cubic-bezier(.12, .82, .18, 1), opacity .26s, filter .56s cubic-bezier(.12, .82, .18, 1);
  }

  .product-video-panel-left {
    left: calc(var(--product-video-center-left) - var(--product-video-center) -
        var(--product-video-gap));
    opacity: 1;
  }

  .product-video-panel-center {
    left: var(--product-video-center-left);
    opacity: 1;
  }

  .product-video-panel-right {
    left: calc(var(--product-video-center-left) + var(--product-video-center) +
        var(--product-video-gap));
    opacity: 1;
  }

  .product-video-panel-before {
    left: calc(var(--product-video-center-left) - var(--product-video-center) -
        var(--product-video-gap) - var(--product-video-center) -
        var(--product-video-gap));
    opacity: 0;
    pointer-events: none;
  }

  .product-video-panel-after, .product-video-panel-hidden {
    left: calc(var(--product-video-center-left) + var(--product-video-center) +
        var(--product-video-gap) + var(--product-video-center) +
        var(--product-video-gap));
    opacity: 0;
    pointer-events: none;
  }

  .product-video-copy-wrap {
    z-index: 10;
    width: min(60rem, var(--product-video-center));
    text-align: center;
    color: #fff;
    pointer-events: none;
    height: clamp(5.5rem, 6.2791vw, 13.5rem);
    position: absolute;
    top: clamp(2.5rem, 3.125vw, 3.75rem);
    left: 50%;
    transform: translateX(-50%);
  }

  .product-video-copy-viewport {
    width: 100%;
    height: clamp(5.5rem, 6.2791vw, 13.5rem);
    position: relative;
    overflow: hidden;
  }

  .product-video-copy-stack {
    opacity: 1;
    backface-visibility: hidden;
    will-change: transform, opacity;
    width: 100%;
    height: clamp(5.5rem, 6.2791vw, 13.5rem);
    position: absolute;
    top: 0;
    left: 0;
    transform: translate3d(0, 0, 0);
  }

  .product-video-copy-stack-static {
    position: relative;
  }

  .product-video-copy-line {
    opacity: 1;
    backface-visibility: hidden;
    white-space: nowrap;
    will-change: transform, opacity;
    justify-content: center;
    width: 100%;
    display: flex;
    position: absolute;
    left: 0;
    transform: translate3d(0, 0, 0);
  }

  .product-video-copy-line-1 {
    --product-video-line-enter-up-start: clamp(2.5rem, 2.907vw, 6.25rem);
    --product-video-line-exit-up-end: clamp(-5.25rem, -2.907vw, -2.5rem);
    --product-video-line-enter-start-opacity: .22;
    --product-video-line-exit-end-opacity: 0;
    height: clamp(2.5rem, 2.907vw, 6.25rem);
    font-size: clamp(2rem, 2.6163vw, 5.625rem);
    font-weight: 600;
    line-height: 1;
    top: 0;
  }

  .product-video-copy-line-2 {
    --product-video-line-enter-up-start: clamp(2.5rem, 3.1977vw, 6.875rem);
    --product-video-line-exit-up-end: clamp(-6.25rem, -3.1977vw, -2.5rem);
    --product-video-line-enter-start-opacity: .18;
    --product-video-line-exit-end-opacity: 0;
    height: clamp(1rem, 1.0174vw, 2.1875rem);
    font-size: clamp(.875rem, .8721vw, 1.875rem);
    font-weight: 500;
    line-height: 1.12;
    top: clamp(2.5rem, 3.1977vw, 6.875rem);
  }

  .product-video-copy-line-3 {
    --product-video-line-enter-up-start: clamp(1.75rem, 1.8605vw, 4rem);
    --product-video-line-exit-up-end: clamp(-7.25rem, -4.8256vw, -3.75rem);
    --product-video-line-enter-start-opacity: .16;
    --product-video-line-exit-end-opacity: 0;
    height: clamp(.875rem, .8721vw, 1.875rem);
    top: clamp(3.75rem, 4.8256vw, 10.375rem);
  }

  .product-video-copy-links {
    pointer-events: auto;
    justify-content: center;
    align-items: center;
    gap: clamp(1rem, 1.2209vw, 2.625rem);
    font-size: clamp(.875rem, .7267vw, 1.5625rem);
    font-weight: 500;
    line-height: 1;
    display: inline-flex;
  }

  .product-video-copy-stack-enter, .product-video-copy-stack-exit {
    pointer-events: none;
  }

  .product-video-copy-stack-enter, .product-video-copy-line > * {
    pointer-events: auto;
  }

  .product-video-nav {
    z-index: 10;
    width: var(--product-video-nav-size);
    height: var(--product-video-nav-size);
    cursor: pointer;
    color: #ffffffe6;
    border-radius: 9999rem;
    justify-content: center;
    align-items: center;
    transition: background-color .22s, color .22s;
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .product-video-nav-left {
    left: calc(var(--product-video-center-left) + var(--product-video-nav-inline-offset));
  }

  .product-video-nav-right {
    right: calc(var(--product-video-center-left) + var(--product-video-nav-inline-offset));
  }

  .product-video-nav:hover {
    color: #fff;
    background: #00000059;
  }

  .product-video-nav:focus-visible {
    box-shadow: var(--focus-ring);
    outline: none;
  }

  .hero-cta {
    box-sizing: border-box;
    width: max-content;
    min-width: var(--hero-cta-width);
    height: var(--hero-cta-height);
    justify-content: center;
    align-items: center;
    gap: var(--hero-cta-gap);
    border: var(--hairline-width) solid #ffffffd6;
    font-size: var(--hero-cta-font-size);
    white-space: nowrap;
    color: #fff;
    background: none;
    border-radius: 9999rem;
    flex: none;
    padding-inline: 1em;
    font-weight: 400;
    line-height: 1;
    transition: border-color .28s, box-shadow .28s, opacity .28s;
    display: inline-flex;
  }

  .hero-cta-default {
    background: none;
  }

  .hero-cta-dark {
    color: #000;
    background: none;
    border-color: #000000b8;
  }

  .hero-cta-default:hover {
    border-color: #fffffff5;
    box-shadow: inset 0 0 0 100vmax #ffffff1f;
  }

  .hero-cta-dark:hover {
    border-color: #000000eb;
    box-shadow: inset 0 0 0 100vmax #0000000d;
  }

  .hero-cta:hover, .hero-cta:focus-visible {
    border-color: #0000;
  }

  .hero-cta:focus-visible {
    box-shadow: var(--focus-ring);
    outline: none;
  }

  .drop-reveal {
    --drop-reveal-color-rgb: 255 255 255;
    isolation: isolate;
    width: var(--hero-copy-width);
    height: var(--hero-copy-height);
    position: relative;
  }

  .hero-title {
    max-width: 100%;
    font-size: var(--hero-title-size);
    line-height: 1;
  }

  .hero-title-split {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .hero-title-line {
    display: block;
  }

  .hero-subtitle {
    font-size: var(--hero-subtitle-size);
    line-height: 1;
  }

  .drop-reveal-dark {
    --drop-reveal-color-rgb: 0 0 0;
  }

  .drop-reveal-split-title {
    --hero-title-block-size: calc(var(--hero-title-size) + var(--hero-title-size));
  }

  .drop-reveal-item {
    left: 0;
    top: var(--drop-reveal-top, 0);
    color: #fff;
    opacity: 0;
    width: 100%;
    transform: translateY(var(--drop-reveal-start-y, -1.625rem));
    will-change: color, opacity, transform;
    position: absolute;
  }

  .drop-reveal-ready .drop-reveal-item {
    animation-name: drop-reveal-slide-down, drop-reveal-final-brighten;
    animation-duration: var(--drop-reveal-duration, .98s), .62s;
    animation-timing-function: cubic-bezier(.16, 1, .3, 1), ease-out;
    animation-fill-mode: forwards, forwards;
    animation-delay: var(--drop-reveal-delay, 0s),
      calc(var(--drop-reveal-delay, 0s) + var(--drop-reveal-duration, .98s));
  }

  .drop-reveal-item > * {
    color: inherit;
  }

  .drop-reveal-item-1 {
    --drop-reveal-top: 0;
    --drop-reveal-start-y: -1.875rem;
    --drop-reveal-duration: 1.12s;
  }

  .drop-reveal-item-2 {
    --drop-reveal-top: calc(var(--hero-title-block-size) + var(--hero-title-subtitle-gap));
    --drop-reveal-start-y: -1.75rem;
    --drop-reveal-duration: 1.04s;
  }

  .drop-reveal-item-3 {
    --drop-reveal-top: calc(var(--hero-title-block-size) + var(--hero-title-subtitle-gap) +
        var(--hero-subtitle-size) + var(--hero-subtitle-gap));
    --drop-reveal-start-y: -1.625rem;
    --drop-reveal-duration: .98s;
  }

  .drop-reveal-item-4 {
    --drop-reveal-top: calc(var(--hero-title-block-size) + var(--hero-title-subtitle-gap) +
        var(--hero-subtitle-size) + var(--hero-subtitle-size) +
        var(--hero-subtitle-gap) + var(--hero-copy-cta-gap));
    --drop-reveal-start-y: -1.5rem;
    --drop-reveal-duration: .92s;
  }

  .drop-reveal-item-5, .drop-reveal-item-6 {
    --drop-reveal-start-y: -1.375rem;
    --drop-reveal-duration: .86s;
  }

  .drop-reveal-item-5 {
    --drop-reveal-top: 8.9375rem;
  }

  .drop-reveal-item-6 {
    --drop-reveal-top: 10.6875rem;
  }

  .drop-reveal-delay-1 {
    --drop-reveal-delay: 0s;
  }

  .drop-reveal-delay-2 {
    --drop-reveal-delay: .15s;
  }

  .drop-reveal-delay-3 {
    --drop-reveal-delay: .3s;
  }

  .drop-reveal-delay-4 {
    --drop-reveal-delay: .45s;
  }

  .drop-reveal-delay-5 {
    --drop-reveal-delay: .58s;
  }

  .drop-reveal-delay-6 {
    --drop-reveal-delay: .7s;
  }

  .latest-news-section {
    --latest-news-heading-size: clamp(2.25rem, 2.6163vw, 5.625rem);
    --news-card-width: min(23.7209vw, 51rem);
    --news-card-height: calc(var(--news-card-width) * 960 / 816);
    --news-card-gap: clamp(1.5rem, 2.907vw, 6.25rem);
    --news-image-height: calc(var(--news-card-width) * 567 / 814);
    --news-image-title-gap: clamp(.75rem, 1.6279vw, 3.5rem);
    --news-title-category-gap: clamp(.625rem, 1.1628vw, 2.5rem);
    --news-date-bottom-gap: clamp(1.5rem, 1.8314vw, 3.9375rem);
    --news-card-padding-inline: clamp(.75rem, 1.0465vw, 2.25rem);
    --news-card-control-gap: clamp(1.25rem, 1.7442vw, 3.75rem);
    --news-track-padding-inline: min(38.1686vw, 82.0625rem);
    --news-card-title-size: clamp(1.125rem, 1.4535vw, 3.125rem);
    --news-meta-row-height: clamp(2.25rem, 2.907vw, 3.125rem);
    padding-bottom: var(--latest-news-footer-gap);
  }

  .latest-news-heading-band {
    height: var(--company-metrics-news-gap);
  }

  .latest-news-heading {
    font-size: var(--latest-news-heading-size);
    line-height: 1;
  }

  .latest-news-window {
    width: 100%;
    margin-left: 0;
  }

  .latest-news-track {
    gap: var(--news-card-gap);
    padding-inline: var(--news-track-padding-inline);
    align-items: stretch;
  }

  .latest-news-card {
    flex: 0 0 var(--news-card-width);
    width: var(--news-card-width);
    height: var(--news-card-height);
    scroll-snap-align: start;
  }

  .latest-news-card-image {
    width: 100%;
    height: var(--news-image-height);
    flex: 0 0 var(--news-image-height);
  }

  .latest-news-card-image-media {
    object-fit: cover;
    object-position: center top;
  }

  .latest-news-card-body {
    min-height: 0;
    padding-inline: var(--news-card-padding-inline);
    padding-bottom: var(--news-date-bottom-gap);
    flex-direction: column;
    flex: auto;
    display: flex;
  }

  .latest-news-card-title {
    min-height: 2.36em;
    max-height: 2.36em;
    margin-top: var(--news-image-title-gap);
    -webkit-line-clamp: 2;
    font-size: var(--news-card-title-size);
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    flex: none;
    line-height: 1.18;
    display: -webkit-box;
    overflow: hidden;
  }

  .latest-news-card-type {
    min-height: var(--news-meta-row-height);
    margin-top: var(--news-title-category-gap);
    flex: none;
    align-items: center;
    font-size: clamp(.875rem, .8721vw, 1.875rem);
    line-height: 1.2;
    display: flex;
  }

  .latest-news-card-meta {
    min-height: var(--news-meta-row-height);
    flex: none;
    margin-top: auto;
    font-size: clamp(.75rem, .7267vw, 1.5625rem);
    line-height: 1.2;
  }

  .latest-news-controls-row {
    width: 100%;
    margin-top: var(--news-card-control-gap);
  }

  .latest-news-controls-content {
    width: var(--news-card-width);
    justify-content: space-between;
    margin-inline-start: calc(50vw - (var(--news-card-width) / 2));
  }

  .news-button-group {
    gap: clamp(.5rem, .6395vw, 1.375rem);
  }

  .news-carousel-viewport {
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    scroll-padding-inline-start: var(--news-track-padding-inline);
  }

  .news-carousel-viewport::-webkit-scrollbar {
    display: none;
  }

  .news-carousel-button {
    color: #fff;
    cursor: pointer;
    background: #bebebe;
    border-radius: 9999rem;
    justify-content: center;
    align-items: center;
    width: clamp(1.75rem, 1.9186vw, 4.125rem);
    height: clamp(1.75rem, 1.9186vw, 4.125rem);
    transition: background-color .22s, opacity .22s;
    display: flex;
  }

  .news-carousel-button:hover:not(:disabled) {
    background: #111;
  }

  .news-carousel-button:disabled {
    cursor: default;
    background: #dedede;
  }

  .news-carousel-button:focus-visible {
    box-shadow: var(--focus-ring);
    outline: none;
  }

  .latest-news-see-all {
    width: clamp(4.625rem, 4.7093vw, 10.125rem);
    height: clamp(1.75rem, 1.9186vw, 4.125rem);
    font-size: clamp(.75rem, .7267vw, 1.5625rem);
  }

  .news-carousel-icon {
    width: clamp(1rem, .9884vw, 2.125rem);
    height: clamp(1rem, .9884vw, 2.125rem);
  }

  .site-footer {
    padding-top: var(--footer-top-gap);
    padding-bottom: var(--footer-bottom-gap);
  }

  .footer-main-grid {
    gap: 2rem;
  }

  .footer-category-heading {
    font-size: clamp(1rem, 1.3021vw, 1.5625rem);
  }

  .footer-category-links {
    flex-direction: column;
    gap: clamp(.75rem, .9375vw, 1.125rem);
    margin-top: clamp(1.125rem, 1.6667vw, 2rem);
    font-size: clamp(1rem, 1.3021vw, 1.5625rem);
    line-height: 1.2;
    display: flex;
  }

  .footer-subscribe-text {
    margin-top: clamp(1.125rem, 1.6667vw, 2rem);
    font-size: clamp(1rem, 1.3021vw, 1.5625rem);
  }

  .footer-subscribe-field {
    width: min(100%, 22.5rem);
    margin-top: clamp(1.125rem, 1.6667vw, 2rem);
  }

  .footer-subscribe-form {
    width: 100%;
    height: clamp(2.5rem, 2.3958vw, 2.875rem);
  }

  .footer-subscribe-form input {
    padding-inline: clamp(.75rem, 1.0417vw, 1.25rem);
    font-size: clamp(1rem, 1.3021vw, 1.5625rem);
    font-weight: 500;
    line-height: 1;
  }

  .footer-subscribe-submit {
    aspect-ratio: 1;
    border-radius: var(--hairline-width);
    cursor: pointer;
    background: var(--color-footer-submit);
    width: auto;
    height: 100%;
    font-size: clamp(1rem, 1.3021vw, 1.5625rem);
    transition: background-color .18s, color .18s, transform .12s;
  }

  .footer-subscribe-submit:hover {
    background: var(--color-footer-submit-hover);
  }

  .footer-subscribe-submit-valid {
    background: var(--color-footer-submit-valid);
  }

  .footer-subscribe-submit-valid:hover {
    background: var(--color-footer-submit-valid-hover);
  }

  .footer-subscribe-submit:active {
    background: var(--color-footer-submit-active);
    transform: translateY(var(--hairline-width)) scale(.97);
  }

  .footer-subscribe-submit:focus-visible {
    box-shadow: var(--focus-ring);
    outline: none;
  }

  .footer-subscribe-form input:focus-visible {
    box-shadow: none;
    outline: none;
  }

  .footer-subscribe-submit:disabled {
    cursor: wait;
    opacity: .65;
  }

  .footer-subscribe-spinner {
    animation: .8s linear infinite footer-subscribe-spin;
  }

  .footer-email-icon {
    width: auto;
    height: 58%;
  }

  .footer-subscribe-feedback {
    color: #d7d7d7;
    min-height: 1em;
    margin-top: .625rem;
    font-size: clamp(.875rem, 1.0417vw, 1.25rem);
    font-weight: 500;
  }

  .footer-subscribe-feedback-success {
    color: #fff;
  }

  .footer-bottom {
    margin-top: clamp(3rem, 3.0208vw, 3.625rem);
  }

  .footer-bottom-row {
    min-height: clamp(1.9375rem, 1.6146vw, 1.9375rem);
  }

  .footer-logo {
    width: clamp(8rem, 8.2292vw, 9.875rem);
  }

  .footer-social-links {
    gap: clamp(1rem, 1.1458vw, 1.375rem);
  }

  .footer-social-icon {
    width: clamp(1.125rem, 1.3021vw, 1.5625rem);
    height: clamp(1.125rem, 1.3021vw, 1.5625rem);
  }

  .footer-rule {
    height: var(--hairline-width);
    margin-top: 1.125rem;
  }

  .footer-legal-links {
    white-space: nowrap;
    align-items: center;
    gap: clamp(1rem, .8721vw, 1.875rem);
    margin-top: clamp(1.75rem, 1.3953vw, 3rem);
    display: flex;
  }

  .footer-legal-link {
    font-size: clamp(.875rem, 1.0417vw, 1.25rem);
    line-height: 1;
  }

  .footer-legal-item {
    display: contents;
  }

  .footer-legal-link:focus-visible {
    box-shadow: var(--focus-ring);
    border-radius: .125rem;
    outline: none;
  }

  .footer-legal-separator {
    color: var(--color-footer-muted);
    font-size: clamp(.75rem, .6977vw, 1.125rem);
    line-height: 1;
  }

  .footer-copyright {
    margin-top: clamp(.75rem, .625vw, 1.125rem);
    font-size: clamp(.875rem, 1.0417vw, 1.25rem);
  }

  .qr-hover-root:hover .qr-hover-panel, .qr-hover-root:focus-within .qr-hover-panel, .qr-hover-root[data-direct-pointer-open="true"] .qr-hover-panel {
    pointer-events: auto;
    opacity: 1;
  }

  .qr-hover-root[data-direct-pointer-open="true"] .qr-hover-trigger {
    color: #fff;
  }

  .qr-hover-bridge {
    width: 9.5rem;
    height: 1rem;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
  }

  .qr-hover-panel {
    z-index: 20;
    opacity: 0;
    pointer-events: none;
    background: none;
    justify-content: center;
    align-items: center;
    width: 6.5rem;
    height: 7.625rem;
    transition: opacity .15s;
    display: flex;
    position: absolute;
    bottom: calc(100% + .875rem);
    left: 50%;
    transform: translateX(-50%);
  }

  .qr-hover-image {
    object-fit: contain;
    width: 6.5rem;
    height: 7.625rem;
    display: block;
  }

  .animated-text-link {
    width: fit-content;
    padding-bottom: .3125rem;
    line-height: 1;
    display: inline-flex;
    position: relative;
  }

  .animated-text-link:after {
    height: var(--hairline-width);
    content: "";
    transform-origin: 0;
    background: currentColor;
    transition: transform .32s cubic-bezier(.16, 1, .3, 1);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    transform: scaleX(0);
  }

  .animated-text-link:hover:after, .animated-text-link:focus-visible:after {
    transform: scaleX(1);
  }

  .mobile-home {
    background: var(--color-footer);
    overscroll-behavior-x: none;
    width: 100%;
    min-height: 100svh;
    color: var(--color-ink);
    overflow-x: hidden;
  }

  @supports selector(body:has(.mobile-home)) {
    :is(html:has(.mobile-home), body:has(.mobile-home)) {
      background: var(--color-footer);
    }
  }

  .mobile-header {
    height: var(--mobile-header-total);
    padding-top: var(--mobile-safe-top);
  }

  .mobile-header-glass {
    background: var(--mobile-nav-surface);
  }

  @supports ((-webkit-backdrop-filter: blur(0.0625rem)) or (backdrop-filter: blur(0.0625rem))) {
    .mobile-header-glass {
      -webkit-backdrop-filter: blur(1rem) saturate(1.15);
      backdrop-filter: blur(1rem) saturate(1.15);
      background: var(--mobile-nav-surface-glass) !important;
    }
  }

  .mobile-header-bar {
    height: var(--mobile-header-bar);
    padding-inline: var(--mobile-header-button-left);
  }

  .mobile-header-actions {
    gap: .25rem;
  }

  .mobile-icon-button {
    cursor: pointer;
    color: currentColor;
    background: none;
    border: 0;
    justify-content: center;
    align-items: center;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    display: inline-flex;
  }

  .mobile-header-icon {
    width: 1.5625rem;
    height: 1.5625rem;
  }

  .mobile-header-menu-icon {
    width: 1.375rem;
    height: 1.4375rem;
  }

  .mobile-menu-glyph {
    width: 1.375rem;
    height: 1.375rem;
    display: block;
    position: relative;
  }

  .mobile-menu-glyph-line {
    transform-origin: 50%;
    will-change: transform, opacity;
    background: currentColor;
    border-radius: 9999rem;
    width: 100%;
    height: .125rem;
    display: block;
    position: absolute;
    left: 0;
  }

  .mobile-menu-glyph-line:first-child {
    top: .25rem;
  }

  .mobile-menu-glyph-line:nth-child(2) {
    top: calc(50% - .0625rem);
  }

  .mobile-menu-glyph-line:nth-child(3) {
    bottom: .25rem;
  }

  .mobile-disclosure-icon {
    flex: 0 0 1rem;
    justify-content: center;
    align-items: center;
    width: 1rem;
    height: 1rem;
    display: inline-flex;
    position: relative;
  }

  .mobile-disclosure-icon-line {
    transform-origin: 50%;
    will-change: transform, opacity;
    background: currentColor;
    border-radius: 9999rem;
    display: block;
    position: absolute;
  }

  .mobile-disclosure-icon-horizontal {
    width: .875rem;
    height: .09375rem;
  }

  .mobile-disclosure-icon-vertical {
    width: .09375rem;
    height: .875rem;
  }

  .mobile-header-logo {
    object-fit: contain;
    width: clamp(7rem, 29.535vw, 7.9375rem);
    height: clamp(1.375rem, 5.814vw, 1.5625rem);
  }

  .mobile-header-logo-link {
    justify-content: center;
    align-items: center;
    min-width: 2.75rem;
    min-height: 2.75rem;
    display: inline-flex;
  }

  .mobile-panel-content, .mobile-sheet-content, .mobile-search-content, .mobile-region-content {
    border-radius: 0;
    max-width: 100vw !important;
  }

  .mobile-panel-content {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    opacity: 1 !important;
    background: none !important;
    animation: none !important;
    transform: none !important;
  }

  .mobile-panel-content[data-state="open"], .mobile-panel-content[data-state="closed"] {
    opacity: 1 !important;
    animation: none !important;
  }

  .mobile-panel-overlay {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: none !important;
  }

  .mobile-panel-header-bg, .mobile-panel-sheet-surface {
    background: var(--mobile-nav-surface);
    width: 100%;
    position: absolute;
    left: 0;
  }

  .mobile-panel-header-bg {
    height: var(--mobile-header-total);
    top: 0;
  }

  .mobile-panel-sheet {
    left: 0;
    top: var(--mobile-header-total);
    width: 100%;
    position: absolute;
    bottom: 0;
    overflow: visible;
  }

  .mobile-panel-sheet-surface {
    clip-path: inset(0% 0% 100%);
    will-change: clip-path;
    inset: 0;
    overflow: hidden;
  }

  .mobile-panel-sheet-content {
    clip-path: inset(0% 0% 100%);
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    will-change: clip-path;
    position: absolute;
    inset: 0;
    overflow: hidden;
  }

  @supports ((-webkit-backdrop-filter: blur(0.0625rem)) or (backdrop-filter: blur(0.0625rem))) {
    .mobile-panel-header-bg, .mobile-panel-sheet-surface {
      background: var(--mobile-nav-surface-glass);
      -webkit-backdrop-filter: blur(1rem) saturate(1.15);
      backdrop-filter: blur(1rem) saturate(1.15);
    }
  }

  .mobile-panel-content .mobile-header-bar {
    height: var(--mobile-header-total);
    padding-top: var(--mobile-safe-top);
    box-sizing: border-box;
  }

  .mobile-panel-body {
    height: 100%;
  }

  .mobile-accordion-panel {
    will-change: height, opacity;
    overflow: hidden;
  }

  .mobile-accordion-panel-initially-closed {
    visibility: hidden;
    opacity: 0;
    height: 0;
  }

  .mobile-nav-accordion-panel {
    visibility: hidden;
    opacity: 0;
    will-change: height, opacity;
    height: 0;
    display: none;
    overflow: hidden;
  }

  .mobile-instant-panel[hidden] {
    display: none;
  }

  .mobile-language-panel, .mobile-nav-panel, .mobile-search-panel {
    --mobile-panel-link-size: clamp(1.125rem, 4.65vw, 1.25rem);
    padding-inline: var(--mobile-panel-edge);
  }

  .mobile-language-panel {
    height: 100%;
    padding-top: clamp(1rem, 4.9vw, 1.3125rem);
    padding-bottom: calc(1.5rem + var(--mobile-safe-bottom));
    flex-direction: column;
    display: flex;
    overflow: hidden;
  }

  .mobile-language-header {
    flex: none;
  }

  .mobile-language-title {
    font-size: var(--mobile-panel-link-size);
  }

  .mobile-language-rule {
    width: 100%;
    height: var(--hairline-width);
    background: #ffffff47;
    margin-top: clamp(1.125rem, 4.65vw, 1.25rem);
  }

  .mobile-language-list {
    flex-direction: column;
    padding-top: clamp(.5625rem, 2.3vw, .625rem);
    display: flex;
  }

  .mobile-language-scroll {
    scrollbar-width: none;
    flex: auto;
    min-height: 0;
    overflow-y: auto;
  }

  .mobile-language-scroll::-webkit-scrollbar {
    display: none;
  }

  .mobile-language-option {
    color: #fff;
    cursor: pointer;
    width: 100%;
    min-height: clamp(3.375rem, 13vw, 3.5rem);
    font-size: var(--mobile-panel-link-size);
    text-align: left;
    background: none;
    border: 0;
    align-items: center;
    line-height: 1;
    display: flex;
  }

  .mobile-language-option-active {
    color: #ffffffb8;
  }

  .mobile-nav-panel {
    height: 100%;
    padding-top: clamp(1rem, 4.5vw, 1.25rem);
    padding-bottom: calc(6.875rem + var(--mobile-safe-bottom));
    position: relative;
    overflow: hidden;
  }

  .mobile-nav-section {
    width: 100%;
  }

  .mobile-nav-heading {
    cursor: pointer;
    color: #fff;
    width: 100%;
    min-height: clamp(2.875rem, 12vw, 3.25rem);
    font-size: var(--mobile-panel-link-size);
    background: none;
    border: 0;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    line-height: 1;
    display: flex;
  }

  .mobile-menu-list {
    padding: 1.5rem var(--mobile-edge) calc(2rem + var(--mobile-safe-bottom));
    flex-direction: column;
    display: flex;
  }

  .mobile-menu-link {
    border-bottom: var(--hairline-width) solid #ffffff24;
    min-height: 3.5rem;
    font-size: 1.25rem;
    line-height: 1;
  }

  .mobile-menu-chevron {
    width: 1rem;
    height: 1rem;
    transform: rotate(-90deg);
  }

  .mobile-nav-sublist {
    flex-direction: column;
    padding-top: .125rem;
    padding-bottom: clamp(.75rem, 3.7vw, 1rem);
    display: flex;
  }

  .mobile-nav-subitem {
    color: #fff;
    min-height: clamp(3.375rem, 13vw, 3.5rem);
    font-size: var(--mobile-panel-link-size);
    align-items: center;
    padding-left: clamp(1.25rem, 5.6vw, 1.5rem);
    line-height: 1;
    display: flex;
  }

  .mobile-login-button {
    right: var(--mobile-panel-edge);
    bottom: calc(var(--mobile-safe-bottom) + clamp(2.625rem, 7.9dvh, 3.25rem));
    left: var(--mobile-panel-edge);
    color: #fff;
    background: #bcb9b3db;
    border-radius: 9999rem;
    justify-content: center;
    align-items: center;
    gap: .875rem;
    min-height: clamp(2.75rem, 10.7vw, 2.875rem);
    font-size: clamp(1rem, 4.2vw, 1.125rem);
    line-height: 1;
    display: flex;
    position: absolute;
  }

  .mobile-login-icon {
    flex: 0 0 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
  }

  .mobile-account-area {
    --mobile-account-section-gap: clamp(1rem, 4.65vw, 1.25rem);
    width: 100%;
    margin-top: var(--mobile-account-section-gap);
    box-sizing: border-box;
  }

  .mobile-account-divider {
    width: 100%;
    height: var(--hairline-width);
    margin-bottom: var(--mobile-account-section-gap);
    background: #ffffff9e;
    display: block;
  }

  .mobile-account-link {
    box-sizing: border-box;
    color: #fff;
    width: 100%;
    min-height: clamp(3.25rem, 13vw, 3.5rem);
    font-size: var(--mobile-panel-link-size);
    align-items: center;
    line-height: 1;
    display: flex;
  }

  .mobile-account-icon {
    flex: 0 0 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: clamp(.75rem, 3.7vw, 1rem);
  }

  .mobile-account-link > span {
    flex: auto;
    min-width: 0;
  }

  .mobile-account-chevron {
    flex: 0 0 1.125rem;
    width: 1.125rem;
    height: 1.125rem;
    margin-left: auto;
  }

  .mobile-account-link:focus-visible, .mobile-login-button:focus-visible {
    outline-offset: .25rem;
    outline: 2px solid #fff;
  }

  .mobile-search-form {
    border: var(--hairline-width) solid #ffffffa8;
    background: #3f363157;
    border-radius: .1875rem;
    align-items: center;
    gap: 0;
    height: clamp(2.625rem, 10.5vw, 2.8125rem);
    margin-top: clamp(.375rem, 1.9vw, .5rem);
    display: flex;
    overflow: hidden;
  }

  .mobile-search-form:focus-within {
    outline-offset: .1875rem;
    outline: .125rem solid #fff;
  }

  .mobile-search-form :where(input, button):focus-visible {
    outline: none;
  }

  .mobile-search-form-icon {
    flex: 0 0 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
  }

  .mobile-search-input {
    color: #fff;
    min-width: 0;
    height: 100%;
    font-size: var(--mobile-panel-link-size);
    background: none;
    outline: 0;
    flex: 1;
    padding-inline: clamp(.875rem, 3.72vw, 1rem);
    font-weight: 500;
    line-height: 1;
  }

  .mobile-search-input::placeholder {
    color: #ffffffe6;
  }

  .mobile-search-panel {
    height: 100%;
    padding-top: clamp(1.25rem, 5.1vw, 1.375rem);
    padding-bottom: calc(1.5rem + var(--mobile-safe-bottom));
    overflow-y: auto;
  }

  .mobile-search-close {
    cursor: pointer;
    color: #fff;
    justify-content: center;
    align-items: center;
    width: 2.75rem;
    height: 2.75rem;
    margin-left: -.75rem;
    display: flex;
  }

  .mobile-search-close-icon {
    stroke-width: 1.35px;
    width: 1.125rem;
    height: 1.125rem;
  }

  .mobile-search-submit {
    cursor: pointer;
    color: #fff;
    background: #b9b8b4e6;
    justify-content: center;
    align-items: center;
    width: clamp(2.625rem, 10.7vw, 2.875rem);
    height: 100%;
    display: flex;
  }

  .mobile-search-quick-title {
    color: #ffffffa3;
    margin-top: clamp(1.25rem, 5.35vw, 1.4375rem);
    font-size: clamp(.8125rem, 3.25vw, .875rem);
    line-height: 1;
  }

  .mobile-search-quick-list {
    flex-direction: column;
    margin-top: clamp(1rem, 4.2vw, 1.125rem);
    display: flex;
  }

  .mobile-search-quick-link {
    color: #fff;
    align-items: center;
    min-height: clamp(3.375rem, 13.4vw, 3.625rem);
    font-size: clamp(1.125rem, 4.65vw, 1.25rem);
    line-height: 1;
    display: flex;
  }

  .mobile-hero-section {
    width: 100%;
    max-width: var(--mobile-media-max-width);
    height: var(--mobile-hero-height);
    min-height: var(--mobile-hero-height);
    background: var(--color-page-white);
    touch-action: pan-y;
    -webkit-user-select: none;
    user-select: none;
    margin-inline: auto;
  }

  .mobile-hero-image {
    object-position: center;
    pointer-events: none;
    transition: opacity 1.4s ease-in-out;
  }

  .mobile-hero-image-active {
    opacity: 1;
  }

  .mobile-hero-image-idle {
    opacity: 0;
  }

  .mobile-fluid-hero-gradient {
    transition: opacity 1.4s ease-in-out;
    position: absolute;
    inset: 0;
  }

  .mobile-fluid-hero-gradient-active {
    opacity: 1;
  }

  .mobile-fluid-hero-gradient-idle {
    opacity: 0;
  }

  .mobile-fluid-hero-gradient-surface {
    border-radius: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
  }

  .mobile-hero-copy {
    top: calc(var(--mobile-header-total) + 2.5rem);
    z-index: 1;
    width: var(--mobile-content-width);
    text-align: center;
    margin-inline: auto;
  }

  .mobile-hero-drop {
    --hero-title-size: clamp(2.75rem, 11.628vw, 3.125rem);
    --hero-title-line-height: clamp(2.75rem, 11.628vw, 3.125rem);
    --hero-subtitle-size: clamp(1.125rem, 4.651vw, 1.25rem);
    --hero-subtitle-line-height: clamp(1.25rem, 5.116vw, 1.375rem);
    --drop-reveal-start-y: -1.25rem;
    width: 100%;
    height: clamp(10rem, 41.86vw, 11.25rem);
    max-height: 11.25rem;
  }

  .mobile-hero-drop-split {
    height: clamp(12.25rem, 52.09vw, 14rem);
    max-height: 14rem;
  }

  .mobile-hero-drop-no-subtitle {
    height: clamp(9rem, 41.86vw, 11.25rem);
    max-height: 11.25rem;
  }

  .mobile-hero-drop .drop-reveal-item {
    text-align: center;
  }

  .mobile-hero-drop .drop-reveal-item-1 {
    --drop-reveal-top: 0;
    --drop-reveal-duration: .98s;
  }

  .mobile-hero-drop .drop-reveal-item-2 {
    --drop-reveal-top: clamp(2.875rem, 12.79vw, 3.4375rem);
    --drop-reveal-duration: .92s;
  }

  .mobile-hero-drop .drop-reveal-item-3 {
    --drop-reveal-top: clamp(6.0625rem, 26.86vw, 7.21875rem);
    --drop-reveal-duration: .9s;
  }

  .mobile-hero-drop .drop-reveal-item-4 {
    --drop-reveal-top: clamp(6.0625rem, 26.86vw, 7.21875rem);
    --drop-reveal-duration: .86s;
  }

  .mobile-hero-drop-split .drop-reveal-item-2 {
    --drop-reveal-top: clamp(5.6875rem, 25.12vw, 6.75rem);
  }

  .mobile-hero-drop-no-subtitle .drop-reveal-item-2 {
    --drop-reveal-top: clamp(5.25rem, 23.49vw, 6.3125rem);
  }

  .mobile-hero-drop-split.mobile-hero-drop-no-subtitle .drop-reveal-item-2 {
    --drop-reveal-top: clamp(5.9375rem, 26.4vw, 7.09375rem);
  }

  .mobile-hero-drop-split .drop-reveal-item-3, .mobile-hero-drop-split .drop-reveal-item-4 {
    --drop-reveal-top: clamp(8.5rem, 37.91vw, 10.1875rem);
  }

  @media (min-width: 25rem) and (max-width: 26rem) and (max-height: 56rem) {
    .mobile-hero-drop .drop-reveal-item-1 {
      --drop-reveal-top: -.5rem;
    }

    .mobile-hero-drop:not(.mobile-hero-drop-no-subtitle) .drop-reveal-item-2 {
      --drop-reveal-top: calc(clamp(2.875rem, 12.79vw, 3.4375rem) - .5rem);
    }

    .mobile-hero-drop-split:not(.mobile-hero-drop-no-subtitle) .drop-reveal-item-2 {
      --drop-reveal-top: calc(clamp(5.6875rem, 25.12vw, 6.75rem) - .5rem);
    }
  }

  .mobile-hero-title {
    font-size: var(--hero-title-size);
    font-weight: 700;
    line-height: var(--hero-title-line-height);
  }

  .mobile-hero-title-split {
    line-height: var(--hero-title-line-height);
  }

  .mobile-hero-subtitle {
    font-size: var(--hero-subtitle-size);
    line-height: var(--hero-subtitle-line-height);
  }

  .mobile-hero-cta {
    width: auto;
    min-width: var(--mobile-pill-cta-min-width);
    border: var(--hairline-width) solid currentColor;
    height: 2rem;
    padding-inline: var(--mobile-pill-cta-padding-inline);
    color: currentColor;
    white-space: nowrap;
    border-radius: 9999rem;
    justify-content: center;
    align-items: center;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1;
    display: inline-flex;
    position: relative;
  }

  .mobile-hero-cta:before {
    content: "";
    position: absolute;
    inset: -.4375rem 0;
  }

  .mobile-hero-pagination {
    left: 50%;
    bottom: max(1.125rem, var(--mobile-safe-bottom));
    z-index: 2;
    align-items: center;
    display: flex;
    position: absolute;
    transform: translateX(-50%);
  }

  .mobile-hero-dot {
    width: var(--mobile-carousel-dot-control-width);
    height: var(--mobile-carousel-dot-control-height);
    cursor: pointer;
    border-radius: 9999rem;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .mobile-hero-dot-indicator {
    width: var(--mobile-carousel-dot-size);
    height: var(--mobile-carousel-dot-size);
    border-radius: 9999rem;
    transition: width .9s cubic-bezier(.16, 1, .3, 1), background .24s;
    display: block;
  }

  .mobile-hero-dot-indicator-active {
    width: var(--mobile-carousel-dot-active-width);
    background: var(--color-carousel-dot-active);
  }

  .mobile-hero-dot-indicator-idle {
    background: var(--color-carousel-dot-default);
  }

  .mobile-fluid-hero-copy {
    top: calc(var(--mobile-header-total) + 2.5rem);
  }

  .mobile-fluid-hero-drop {
    --drop-reveal-start-y: -1rem;
    width: 100%;
    height: clamp(24rem, 109.302vw, 29.375rem);
    max-height: 29.375rem;
  }

  .mobile-fluid-hero-drop .drop-reveal-item {
    text-align: center;
  }

  .mobile-fluid-hero-drop .drop-reveal-item-1 {
    --drop-reveal-top: 0;
    --drop-reveal-duration: .98s;
  }

  .mobile-fluid-hero-drop .drop-reveal-item-2 {
    --drop-reveal-top: clamp(3.75rem, 16.279vw, 4.375rem);
    --drop-reveal-duration: .92s;
  }

  .mobile-fluid-hero-drop .drop-reveal-item-3 {
    --drop-reveal-top: var(--mobile-fluid-hero-metrics-top);
    --drop-reveal-duration: .9s;
  }

  .mobile-fluid-hero-drop .drop-reveal-item-4 {
    --drop-reveal-top: min(clamp(22rem, 99.767vw, 26.8125rem),
      calc(var(--mobile-hero-height) - var(--mobile-header-total) -
          max(1.125rem, var(--mobile-safe-bottom)) - 8.1875rem));
    --drop-reveal-duration: .86s;
  }

  .mobile-fluid-hero-title {
    letter-spacing: -.025em;
    white-space: nowrap;
    font-size: clamp(1.75rem, 6.977vw, 1.875rem);
    font-weight: 600;
    line-height: .95;
  }

  .mobile-fluid-hero-subtitle {
    white-space: nowrap;
    font-size: clamp(.875rem, 3.721vw, 1rem);
    font-weight: 400;
    line-height: 1.2;
  }

  .mobile-fluid-hero-metrics {
    align-items: center;
    gap: var(--mobile-fluid-hero-metrics-gap);
    flex-direction: column;
    display: flex;
  }

  .mobile-fluid-hero-metric {
    flex-direction: column;
    align-items: center;
    min-inline-size: 0;
    max-inline-size: 100%;
    display: flex;
  }

  .mobile-fluid-hero-metric strong {
    letter-spacing: -.03em;
    white-space: nowrap;
    font-size: clamp(2.25rem, 10.465vw, 2.8125rem);
    font-weight: 500;
    line-height: .95;
  }

  .mobile-fluid-hero-metric > span {
    white-space: nowrap;
    margin-top: .3125rem;
    font-size: clamp(.75rem, 3.721vw, 1rem);
    font-weight: 400;
    line-height: 1.1;
  }

  .mobile-fluid-hero-cta-wrap {
    justify-content: center;
    display: flex;
  }

  .mobile-product-section {
    width: calc(100% - 2 * var(--mobile-section-rule));
    max-width: calc(var(--mobile-media-max-width) - 2 * var(--mobile-section-rule));
    height: var(--mobile-product-block-height);
    border-top: var(--mobile-section-rule) solid var(--color-page-white);
    background: var(--color-page-grey);
    flex-direction: column;
    align-items: center;
    margin-inline: auto;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .mobile-product-list {
    background: var(--color-page-white);
  }

  .mobile-product-copy {
    z-index: 1;
    width: var(--mobile-content-width);
    padding-top: clamp(3.28125rem, 15.1875vw, 4.21875rem);
    position: relative;
  }

  .mobile-product-title {
    font-size: var(--mobile-product-title-size);
    text-wrap: nowrap;
    white-space: nowrap;
    line-height: 1;
  }

  .mobile-product-robot .mobile-product-title {
    font-size: clamp(2.125rem, 9.302vw, 2.5rem);
  }

  .mobile-product-coming .mobile-product-title {
    font-size: clamp(1.875rem, 8.372vw, 2.25rem);
  }

  .mobile-product-subtitle {
    font-size: var(--mobile-product-subtitle-size);
    margin-top: .375rem;
  }

  .mobile-product-actions {
    flex-wrap: wrap;
    gap: clamp(1.125rem, 8vw, 2.25rem);
    margin-top: .875rem;
  }

  .mobile-product-action {
    cursor: pointer;
    min-height: 2.75rem;
    color: inherit;
    font-size: var(--mobile-product-action-size);
    white-space: nowrap;
    background: none;
    border: 0;
    flex: none;
    justify-content: center;
    align-items: center;
    line-height: 1;
    display: inline-flex;
  }

  .mobile-product-image-stage {
    z-index: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
  }

  .mobile-product-image {
    object-fit: cover;
    object-position: center top;
    width: 100%;
    max-width: none;
    height: 100%;
    display: block;
  }

  .mobile-product-aps {
    height: var(--mobile-product-block-height);
  }

  .mobile-product-image-aps {
    object-position: center top;
  }

  .mobile-product-libpet {
    height: var(--mobile-product-block-height);
    background: #f7f7f7;
  }

  .mobile-product-libpet .mobile-product-copy {
    padding-top: clamp(2.8125rem, 13.125vw, 3.75rem);
  }

  .mobile-product-image-libpet {
    object-position: center top;
  }

  .mobile-product-robot {
    height: var(--mobile-product-block-height);
  }

  .mobile-product-robot .mobile-product-copy {
    padding-top: clamp(2.34375rem, 11.0625vw, 3.04688rem);
  }

  .mobile-product-image-robot {
    object-position: center top;
  }

  .mobile-product-coming {
    height: var(--mobile-product-block-height);
    background: #f7f7f7;
  }

  .mobile-product-coming .mobile-product-copy {
    padding-top: clamp(3.04688rem, 14.625vw, 4.21875rem);
  }

  .mobile-product-coming .mobile-product-subtitle {
    max-width: 17rem;
    margin-inline: auto;
    line-height: 1.15;
  }

  .mobile-product-image-coming {
    object-position: center top;
  }

  .mobile-aps-mileage-feature {
    width: 100%;
    max-width: var(--mobile-media-max-width);
    border-top: var(--mobile-section-rule) solid var(--color-page-white);
    background: var(--color-page-white);
    height: auto;
    margin-inline: auto;
  }

  .mobile-aps-feature-video-frame {
    aspect-ratio: 1;
    background: #151515;
    width: 100%;
    height: auto;
    min-height: 0;
    position: relative;
    overflow: hidden;
  }

  .mobile-aps-feature-video {
    object-fit: cover;
    object-position: center;
    pointer-events: none;
    border: 0;
    width: 100%;
    height: 100%;
    display: block;
  }

  .mobile-aps-feature-video::-webkit-media-controls {
    -webkit-appearance: none;
    opacity: 0;
    display: none !important;
  }

  .mobile-aps-feature-video::-webkit-media-controls-panel {
    -webkit-appearance: none;
    opacity: 0;
    display: none !important;
  }

  .mobile-aps-feature-video::-webkit-media-controls-play-button {
    -webkit-appearance: none;
    opacity: 0;
    display: none !important;
  }

  .mobile-aps-feature-video::-webkit-media-controls-overlay-play-button {
    -webkit-appearance: none;
    opacity: 0;
    display: none !important;
  }

  .mobile-aps-feature-video::-webkit-media-controls-start-playback-button {
    -webkit-appearance: none;
    opacity: 0;
    display: none !important;
  }

  .mobile-aps-feature-video::-webkit-media-controls-enclosure {
    -webkit-appearance: none;
    opacity: 0;
    display: none !important;
  }

  .mobile-aps-feature-sound {
    right: var(--mobile-edge);
    bottom: max(var(--mobile-edge), var(--mobile-safe-bottom));
    border: var(--hairline-width) solid #ffffff94;
    color: #fff;
    cursor: pointer;
    background: #0f0d137a;
    border-radius: 9999rem;
    justify-content: center;
    align-items: center;
    width: 2.75rem;
    height: 2.75rem;
    display: flex;
    position: absolute;
  }

  .mobile-aps-feature-sound-icon {
    stroke-width: 1.7px;
    width: 1.25rem;
    height: 1.25rem;
  }

  .mobile-aps-mileage-stage {
    aspect-ratio: 1;
    width: 100%;
    height: auto;
    min-height: 0;
  }

  .mobile-aps-mileage-gradient {
    border-radius: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
  }

  .mobile-aps-mileage-content {
    color: #fff;
    text-align: center;
    text-shadow: 0 .125rem 1rem #1b0c3238;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: clamp(2.25rem, 10.233vw, 2.75rem);
    width: 100%;
    height: 100%;
    display: flex;
  }

  .mobile-aps-mileage-metric {
    flex-direction: column;
    align-items: center;
    min-inline-size: 0;
    max-inline-size: 100%;
    display: flex;
  }

  .mobile-aps-mileage-metric strong {
    font-size: var(--mobile-product-title-size);
    letter-spacing: -.03em;
    white-space: nowrap;
    font-weight: 500;
    line-height: .95;
  }

  .mobile-aps-mileage-metric > span {
    font-size: var(--mobile-product-action-size);
    white-space: nowrap;
    margin-top: .375rem;
    font-weight: 400;
    line-height: 1.1;
  }

  .mobile-brand-band {
    height: var(--mobile-brand-height);
    border-top: var(--mobile-section-rule) solid var(--color-page-white);
  }

  .mobile-brand-text {
    opacity: 0;
    visibility: hidden;
  }

  .mobile-video-section {
    width: 100%;
    max-width: var(--mobile-media-max-width);
    border-top: var(--mobile-section-rule) solid var(--color-page-white);
    margin-inline: auto;
  }

  .mobile-video-frame {
    height: var(--mobile-video-height);
    touch-action: pan-y;
    -webkit-user-select: none;
    user-select: none;
    background: #151515;
  }

  .mobile-video-poster {
    object-fit: cover;
    object-position: center;
    pointer-events: none;
    width: 100%;
    height: 100%;
    transition: opacity .52s;
    display: block;
    position: absolute;
    inset: 0;
  }

  .mobile-video-poster-active {
    opacity: 1;
  }

  .mobile-video-poster-idle {
    opacity: 0;
  }

  .mobile-video-play {
    color: #fff;
    cursor: pointer;
    background: #00000075;
    border: 0;
    border-radius: 9999rem;
    justify-content: center;
    align-items: center;
    width: 4.5rem;
    height: 4.5rem;
    transition: opacity .18s, transform .18s;
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .mobile-video-play:hover, .mobile-video-play:focus-visible, .mobile-video-play:active {
    transform: translate(-50%, -50%)scale(1.06);
  }

  .mobile-video-play-icon {
    width: 2.125rem;
    height: 2.125rem;
    margin-left: .25rem;
  }

  .mobile-video-dots {
    bottom: max(1rem, var(--mobile-safe-bottom));
    gap: 0;
    display: flex;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }

  .mobile-video-dot {
    cursor: pointer;
    background: none;
    border: 0;
    justify-content: center;
    align-items: center;
    width: 1.75rem;
    height: 2.75rem;
    padding: 0;
    display: flex;
  }

  .mobile-video-dot:before {
    content: none;
  }

  .mobile-video-dot-active:before {
    background: #ffffffeb;
  }

  .mobile-company-metrics {
    border-top: var(--mobile-section-rule) solid var(--color-page-white);
    width: 100%;
    padding-block: var(--mobile-company-metrics-padding-block);
    background: var(--color-page-grey);
  }

  .mobile-company-metrics-list {
    width: var(--mobile-content-width);
    align-items: stretch;
    gap: var(--mobile-company-metrics-item-gap);
    flex-direction: column;
    margin-inline: auto;
    display: flex;
  }

  .mobile-company-metric {
    text-align: center;
    flex-direction: column;
    align-items: center;
    min-width: 0;
    display: flex;
  }

  .mobile-company-metric-value {
    font-size: var(--mobile-company-metrics-value-size);
    letter-spacing: -.035em;
    line-height: .88;
  }

  .mobile-company-metric-label {
    margin-top: var(--mobile-company-metrics-value-label-gap);
    font-size: var(--mobile-company-metrics-label-size);
    line-height: 1.1;
  }

  .mobile-company-metric-icon {
    width: var(--mobile-company-metrics-icon-size);
    height: var(--mobile-company-metrics-icon-size);
    flex: 0 0 var(--mobile-company-metrics-icon-size);
    margin-top: var(--mobile-company-metrics-label-icon-gap);
    color: var(--color-company-metrics-icon);
  }

  .mobile-product-video-overlay {
    z-index: 9999;
    color: #fff;
    overscroll-behavior: contain;
    background: #000;
    width: 100vw;
    height: 100dvh;
    min-height: 100svh;
    position: fixed;
    inset: 0;
    overflow: hidden;
  }

  .mobile-product-video-stage {
    z-index: 0;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none;
    background: #000;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0;
  }

  .mobile-product-video-rotator {
    transform-origin: center;
    background: #000;
    justify-content: center;
    align-items: center;
    width: 100dvw;
    height: 100dvh;
    min-height: 100svh;
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    transform: translate(-50%, -50%);
  }

  .mobile-product-video-element {
    object-fit: cover;
    pointer-events: none;
    background: #000;
    width: 100%;
    min-width: 100%;
    height: 100%;
    min-height: 100%;
    display: block;
    position: absolute;
    inset: 0;
  }

  .mobile-product-video-element::-webkit-media-controls {
    display: none !important;
  }

  .mobile-product-video-element::-webkit-media-controls-panel {
    display: none !important;
  }

  .mobile-product-video-element::-webkit-media-controls-play-button {
    display: none !important;
  }

  .mobile-product-video-loading-visible {
    opacity: 1;
  }

  .mobile-product-video-spinner {
    border: .1875rem solid #ffffff52;
    border-top-color: #fff;
    border-radius: 9999rem;
    width: 2.5rem;
    height: 2.5rem;
    animation: .82s linear infinite mobile-product-video-spin;
    display: block;
  }

  .mobile-product-video-action {
    color: #fff;
    cursor: pointer;
    background: #ffffff29;
    border: 0;
    border-radius: 9999rem;
    justify-content: center;
    align-items: center;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    display: flex;
  }

  .mobile-product-video-action-icon {
    width: 1.375rem;
    height: 1.375rem;
  }

  .mobile-product-video-dot {
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 9999rem;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2.75rem;
    padding: 0;
    display: flex;
    overflow: hidden;
  }

  .mobile-product-video-dot-indicator {
    contain: paint;
    background: none;
    border-radius: 9999rem;
    flex: 0 0 1.5rem;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: .5rem;
    display: flex;
    overflow: hidden;
  }

  .mobile-product-video-dot-indicator:before {
    background: var(--color-carousel-dot-default);
    content: "";
    opacity: .78;
    will-change: width, background, opacity;
    border-radius: 9999rem;
    width: .5rem;
    height: .5rem;
    transition: width .9s cubic-bezier(.23, 1, .32, 1), background .12s, opacity .12s;
    display: block;
  }

  .mobile-product-video-dot-indicator-active:before {
    background: var(--color-carousel-dot-active);
    opacity: 1;
    width: 1.5rem;
  }

  .mobile-product-video-dot-indicator-idle:before {
    background: var(--color-carousel-dot-default);
    opacity: .78;
    width: .5rem;
  }

  .mobile-product-video-layer {
    z-index: 1;
    pointer-events: none;
    position: absolute;
    inset: 0;
  }

  .mobile-product-video-layer > * {
    pointer-events: auto;
  }

  .mobile-product-video-copy-wrap {
    z-index: 2;
    color: #fff;
    pointer-events: none;
    text-align: center;
    width: min(34rem, 100% - 7.25rem);
    height: clamp(5.25rem, 23.59vw, 7.5rem);
    position: absolute;
    top: clamp(1.375rem, 6.154vw, 2rem);
    left: 50%;
    transform: translateX(-50%);
  }

  .mobile-product-video-copy-viewport {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
  }

  .mobile-product-video-copy-stack {
    opacity: 1;
    backface-visibility: hidden;
    will-change: transform, opacity;
    position: absolute;
    inset: 0;
    transform: translate3d(0, 0, 0);
  }

  .mobile-product-video-copy-stack-static {
    position: relative;
  }

  .mobile-product-video-copy-line {
    opacity: 1;
    backface-visibility: hidden;
    white-space: nowrap;
    will-change: transform, opacity;
    justify-content: center;
    width: 100%;
    display: flex;
    position: absolute;
    left: 0;
    transform: translate3d(0, 0, 0);
  }

  .mobile-product-video-copy-line-1 {
    height: clamp(2.25rem, 10.256vw, 3.25rem);
    font-size: clamp(2rem, 9.231vw, 3rem);
    font-weight: 600;
    line-height: 1;
    top: 0;
  }

  .mobile-product-video-copy-line-2 {
    height: clamp(1.125rem, 5.128vw, 1.5rem);
    font-size: clamp(1rem, 4.615vw, 1.375rem);
    font-weight: 500;
    line-height: 1.12;
    top: clamp(2.625rem, 11.795vw, 3.75rem);
  }

  .mobile-product-video-copy-line-3 {
    height: clamp(1rem, 4.615vw, 1.375rem);
    top: clamp(4.25rem, 18.974vw, 5.875rem);
  }

  .mobile-product-video-copy-links {
    pointer-events: auto;
    justify-content: center;
    align-items: center;
    gap: clamp(1rem, 5.128vw, 1.625rem);
    font-size: clamp(.875rem, 4.103vw, 1.125rem);
    font-weight: 500;
    line-height: 1;
    display: inline-flex;
  }

  .mobile-product-video-copy-stack-enter, .mobile-product-video-copy-stack-exit {
    pointer-events: none;
  }

  .mobile-product-video-copy-stack-enter, .mobile-product-video-copy-line > * {
    pointer-events: auto;
  }

  @media (orientation: portrait) and (max-width: 767px) {
    .mobile-product-video-rotator {
      width: 100dvh;
      min-width: 100svh;
      max-width: none;
      height: 100dvw;
      min-height: 0;
      max-height: none;
      transform: translate(-50%, -50%)rotate(90deg);
    }

    .mobile-product-video-action-icon {
      transform: rotate(90deg);
    }

    @supports not (height: 100dvh) {
      .mobile-product-video-rotator {
        width: 100vh;
        height: 100vw;
      }
    }
  }

  @media (orientation: landscape), (min-width: 768px) {
    .mobile-product-video-rotator {
      transform: translate(-50%, -50%);
    }
  }

  .mobile-product-video-stage {
    --mobile-video-control-height: 3.5rem;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none;
    background: #000;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0;
    overflow: hidden;
  }

  .mobile-product-video-viewer {
    aspect-ratio: 16 / 9;
    background: #000;
    width: 100%;
    position: relative;
  }

  .mobile-product-video-viewport {
    position: absolute;
    inset: 0;
    overflow: hidden;
  }

  .mobile-product-video-track {
    --mobile-video-track-shift: 0%;
    --mobile-video-drag-offset: 0px;
    width: 100%;
    height: 100%;
    transform: translate3d(calc(var(--mobile-video-track-shift) + var(--mobile-video-drag-offset)),
      0,
      0);
    will-change: transform;
    transition: transform .28s cubic-bezier(.22, .8, .28, 1);
    display: flex;
    position: absolute;
    inset: 0;
  }

  .mobile-product-video-track-dragging {
    transition: none;
  }

  .mobile-product-video-slide {
    background: #000;
    flex: 0 0 100%;
    width: 100%;
    height: 100%;
    position: relative;
  }

  .mobile-product-video-slide .mobile-product-video-element {
    object-fit: cover;
    width: 100%;
    min-width: 0;
    height: 100%;
    min-height: 0;
    display: block;
    position: absolute;
    inset: 0;
  }

  .mobile-product-video-actions {
    top: max(.625rem, env(safe-area-inset-top, 0px));
    right: max(.625rem, env(safe-area-inset-right, 0px));
    z-index: 5;
    gap: .5rem;
    display: flex;
    position: absolute;
  }

  .mobile-product-video-action, .mobile-product-video-control-button {
    color: #fff;
    cursor: pointer;
    background: #0000007a;
    border: 0;
    border-radius: 9999rem;
    justify-content: center;
    align-items: center;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    display: flex;
  }

  .mobile-product-video-action-icon {
    width: 1.375rem;
    height: 1.375rem;
    transform: none;
  }

  .mobile-product-video-controls {
    z-index: 5;
    min-height: var(--mobile-video-control-height);
    padding: .375rem max(.625rem, env(safe-area-inset-right, 0px))
      max(.375rem, env(safe-area-inset-bottom, 0px))
      max(.625rem, env(safe-area-inset-left, 0px));
    background: linear-gradient(to top, #000000d1, #0000);
    grid-template-columns: 2.75rem minmax(0, 1fr) 2.75rem;
    align-items: center;
    gap: clamp(.5rem, 2.326vw, .75rem);
    display: grid;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .mobile-product-video-control-button {
    background: none;
  }

  .mobile-product-video-control-icon {
    width: 1.375rem;
    height: 1.375rem;
  }

  .mobile-product-video-progress {
    --mobile-video-progress: 0%;
    appearance: none;
    cursor: pointer;
    background: none;
    width: 100%;
    height: 2.75rem;
    margin: 0;
  }

  .mobile-product-video-progress::-webkit-slider-runnable-track {
    background: linear-gradient(to right,
      white 0 var(--mobile-video-progress),
      #ffffff61 var(--mobile-video-progress) 100%);
    border-radius: 9999rem;
    height: .1875rem;
  }

  .mobile-product-video-progress::-webkit-slider-thumb {
    appearance: none;
    background: #fff;
    border: 0;
    border-radius: 9999rem;
    width: .75rem;
    height: .75rem;
    margin-top: -.28125rem;
  }

  .mobile-product-video-progress::-moz-range-track {
    background: #ffffff61;
    border-radius: 9999rem;
    height: .1875rem;
  }

  .mobile-product-video-progress::-moz-range-progress {
    background: #fff;
    border-radius: 9999rem;
    height: .1875rem;
  }

  .mobile-product-video-progress::-moz-range-thumb {
    background: #fff;
    border: 0;
    border-radius: 9999rem;
    width: .75rem;
    height: .75rem;
  }

  .mobile-product-video-progress:disabled {
    cursor: default;
    opacity: .55;
  }

  .mobile-product-video-loading {
    z-index: 4;
    opacity: 1;
    pointer-events: none;
    background: none;
    justify-content: center;
    align-items: center;
    transition: none;
    display: flex;
    position: absolute;
    inset: 0;
  }

  .mobile-product-video-pagination {
    bottom: max(1rem, env(safe-area-inset-bottom, 0px));
    z-index: 6;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }

  .mobile-product-video-stage[data-orientation="landscape"] .mobile-product-video-viewer {
    aspect-ratio: auto;
    width: 100%;
    height: 100%;
  }

  .mobile-product-video-stage[data-orientation="landscape"] .mobile-product-video-pagination {
    display: none;
  }

  @media (orientation: portrait) {
    .mobile-product-video-stage[data-orientation="landscape"] {
      transform-origin: center;
      width: 100dvh;
      min-width: 100svh;
      height: 100dvw;
      position: absolute;
      inset: 50% auto auto 50%;
      transform: translate(-50%, -50%)rotate(90deg);
    }

    @supports not (height: 100dvh) {
      .mobile-product-video-stage[data-orientation="landscape"] {
        width: 100vh;
        height: 100vw;
      }
    }
  }

  .mobile-product-video-action:focus-visible, .mobile-product-video-control-button:focus-visible, .mobile-product-video-progress:focus-visible, .mobile-product-video-dot:focus-visible {
    outline-offset: 2px;
    outline: 2px solid #fff;
  }

  .mobile-product-video-close:focus-visible {
    outline: 0;
  }

  .mobile-news-section {
    --mobile-news-side: calc((100vw - var(--mobile-news-card-width)) / 2);
    --mobile-news-text-line: clamp(1.375rem, 6.047vw, 1.625rem);
    --mobile-news-body-pad: clamp(1.125rem, 4.535vw, 1.21875rem);
    padding-bottom: 1.5rem;
  }

  .mobile-news-heading {
    height: var(--mobile-news-heading-height);
    font-size: var(--mobile-news-heading-size);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .mobile-news-viewport {
    overscroll-behavior-x: contain;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    scroll-padding-inline-start: var(--mobile-news-side);
    overflow-y: hidden;
  }

  .mobile-news-viewport::-webkit-scrollbar {
    display: none;
  }

  .mobile-news-track {
    width: max-content;
    padding-inline: var(--mobile-news-side);
    gap: .625rem;
  }

  .mobile-news-card {
    width: var(--mobile-news-card-width);
    height: var(--mobile-news-card-height);
    scroll-snap-align: start;
    border-radius: .375rem;
    flex-direction: column;
    display: flex;
  }

  .mobile-news-image {
    aspect-ratio: 814 / 567;
    background: var(--color-libpet-blue);
    flex: none;
    width: 100%;
    overflow: hidden;
  }

  .mobile-news-image-media {
    object-fit: cover;
    object-position: center top;
    width: 100%;
    height: 100%;
    display: block;
  }

  .mobile-news-card-body {
    min-height: 0;
    padding: var(--mobile-news-body-pad) 1rem var(--mobile-news-body-pad);
    flex-direction: column;
    flex: auto;
    display: flex;
  }

  .mobile-news-card-title {
    -webkit-line-clamp: 2;
    min-height: calc(var(--mobile-news-text-line) * 2);
    font-size: var(--mobile-news-card-title-size);
    font-weight: 500;
    line-height: var(--mobile-news-text-line);
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .mobile-news-card-type {
    min-height: auto;
    margin-top: var(--mobile-news-text-line);
    font-size: clamp(.875rem, 3.721vw, 1rem);
    font-weight: 500;
    line-height: var(--mobile-news-text-line);
    align-items: center;
    display: flex;
  }

  .mobile-news-card-meta {
    font-size: clamp(.875rem, 3.721vw, 1rem);
    font-weight: 400;
    line-height: var(--mobile-news-text-line);
    margin-top: auto;
  }

  .mobile-news-controls {
    min-height: var(--mobile-category-row-height);
    width: var(--mobile-news-card-width);
    gap: clamp(.75rem, 3.721vw, 1rem);
    margin-inline: auto;
  }

  .mobile-news-dots {
    --mobile-news-dot-size: .3125rem;
    --mobile-news-dot-active-width: .875rem;
    --mobile-news-dot-control-width: clamp(.875rem, 3.721vw, 1rem);
    flex: 0 auto;
    gap: clamp(.0625rem, .465vw, .125rem);
    min-width: 0;
  }

  .mobile-news-dot {
    width: var(--mobile-news-dot-control-width);
    cursor: pointer;
    border-radius: 9999rem;
    justify-content: center;
    align-items: center;
    height: 2.75rem;
    display: flex;
  }

  .mobile-news-dot:before {
    width: var(--mobile-news-dot-size);
    height: var(--mobile-news-dot-size);
    border-radius: inherit;
    content: "";
    background: #c9c9c9;
    transition: width .9s cubic-bezier(.16, 1, .3, 1), background .24s;
    display: block;
  }

  .mobile-news-dot-active:before {
    width: var(--mobile-news-dot-active-width);
    background: #6b6b6b;
  }

  .mobile-news-see-all {
    border: var(--hairline-width) solid #a6a6a6;
    white-space: nowrap;
    border-radius: 9999rem;
    flex: none;
    justify-content: center;
    align-items: center;
    width: clamp(6.75rem, 27.907vw, 7.5rem);
    height: 1.875rem;
    padding-inline: .75rem;
    font-size: clamp(.75rem, 3.256vw, .875rem);
    font-weight: 400;
    line-height: 1;
    display: inline-flex;
    position: relative;
  }

  .mobile-news-see-all:before {
    content: "";
    position: absolute;
    inset: -.4375rem 0;
  }

  .mobile-footer {
    padding-bottom: calc(1.75rem + var(--mobile-safe-bottom));
  }

  .mobile-footer-top-row {
    width: var(--mobile-content-width);
    height: var(--mobile-footer-top-row-height);
    min-height: var(--mobile-footer-top-row-height);
    flex: 0 0 var(--mobile-footer-top-row-height);
    border-bottom: var(--hairline-width) solid #1d1d1d;
    justify-content: center;
    align-items: center;
    margin-inline: auto;
    display: flex;
  }

  .mobile-footer-top {
    appearance: none;
    cursor: pointer;
    color: #bdbdbd;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    background: none;
    border: 0;
    justify-content: center;
    align-items: center;
    gap: .375rem;
    height: 100%;
    min-height: 100%;
    padding: 0 .375rem;
    font-size: clamp(.75rem, 3.256vw, .875rem);
    line-height: 1;
    display: inline-flex;
  }

  .mobile-footer-top > span, .mobile-footer-top-icon {
    pointer-events: none;
  }

  .mobile-footer-top-icon {
    stroke-width: 1.8px;
    flex: 0 0 .9375rem;
    width: .9375rem;
    height: .9375rem;
  }

  .mobile-footer-accordion {
    width: var(--mobile-content-width);
    margin-inline: auto;
  }

  .mobile-footer-section {
    border-bottom: var(--hairline-width) solid #1d1d1d;
  }

  .mobile-footer-accordion-panel {
    width: 100vw;
    margin-inline: calc(50% - 50vw);
  }

  .mobile-footer-toggle {
    width: 100%;
    height: var(--mobile-footer-row-height);
    min-height: var(--mobile-footer-row-height);
    flex: 0 0 var(--mobile-footer-row-height);
    cursor: pointer;
    color: #d8d8d8;
    background: none;
    border: 0;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    font-size: clamp(.875rem, 3.721vw, 1rem);
    font-weight: 400;
    line-height: 1;
    display: flex;
  }

  .mobile-footer-panel {
    box-sizing: border-box;
    width: 100vw;
    padding-block: 1.8rem;
    padding-inline: var(--mobile-content-side);
    background: #202225;
    flex-direction: column;
    gap: 2rem;
    margin-inline: calc(50% - 50vw);
    padding-inline-start: calc(var(--mobile-content-side) + .625rem);
    display: flex;
  }

  .mobile-footer-link {
    color: #9f9f9f;
    font-size: clamp(.875rem, 3.721vw, 1rem);
    font-weight: 400;
    line-height: 1;
  }

  .mobile-footer-subscribe-block {
    width: var(--mobile-content-width);
    margin: clamp(1.375rem, 6.05vw, 1.625rem) auto 0;
    padding-bottom: .375rem;
  }

  .mobile-footer-subscribe-heading {
    color: #d8d8d8;
    font-size: clamp(.875rem, 3.721vw, 1rem);
    font-weight: 300;
    line-height: 1;
  }

  .mobile-footer-subscribe {
    padding-top: .875rem;
  }

  .mobile-footer-subscribe p {
    color: #d0d0d0;
    font-size: clamp(.875rem, 3.721vw, 1rem);
    font-weight: 300;
    line-height: 1;
  }

  .mobile-footer-form {
    height: var(--mobile-subscribe-input-height);
    border: var(--hairline-width) solid #4f4f4f;
    background: #0c0c0c;
    margin-top: .625rem;
    display: flex;
  }

  .mobile-footer-form input {
    color: #fff;
    background: none;
    outline: 0;
    flex: 1;
    min-width: 0;
    padding-inline: .6875rem;
    font-size: clamp(1rem, 4.651vw, 1.25rem);
    font-weight: 500;
    line-height: 1;
  }

  .mobile-footer-form input::placeholder {
    color: #cfcfcf;
  }

  .mobile-footer-form button {
    aspect-ratio: 1;
    cursor: pointer;
    background: var(--color-footer-submit);
    color: #fff;
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
  }

  .mobile-footer-form button.mobile-footer-submit-valid {
    background: var(--color-footer-submit-valid);
  }

  .mobile-footer-form input:focus-visible {
    box-shadow: none;
    outline: none;
  }

  .mobile-footer-form button:disabled {
    cursor: wait;
    opacity: .65;
  }

  .mobile-footer-mail-icon {
    width: 58%;
    height: 58%;
  }

  .mobile-footer-feedback {
    color: #d7d7d7;
    min-height: 1em;
    margin-top: .625rem;
    font-size: clamp(.75rem, 3.256vw, .875rem);
    line-height: 1.2;
  }

  .mobile-footer-feedback-success {
    color: #fff;
  }

  .mobile-footer-socials {
    padding: 1.375rem var(--mobile-content-side) 1.75rem;
    gap: 1.125rem;
  }

  .mobile-footer-social {
    color: #9d9d9d;
    cursor: pointer;
    background: none;
    border: 0;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    padding: 0;
    display: inline-flex;
  }

  .mobile-footer-social svg {
    width: 1.5rem;
    height: 1.5rem;
  }

  .mobile-qr-modal {
    z-index: 9999;
    padding: max(1.5rem, env(safe-area-inset-top, 0px))
      max(1rem, env(safe-area-inset-right, 0px))
      max(1.5rem, env(safe-area-inset-bottom, 0px))
      max(1rem, env(safe-area-inset-left, 0px));
    -webkit-backdrop-filter: blur(.25rem);
    backdrop-filter: blur(.25rem);
    background: #000000a6;
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .mobile-qr-modal-shell {
    width: min(17.375rem, 100vw - 4rem);
    max-width: 100%;
    line-height: 0;
    position: relative;
  }

  .mobile-qr-modal-close {
    z-index: 1;
    color: #fff;
    cursor: pointer;
    background: #808080eb;
    border: 0;
    border-radius: 9999rem;
    justify-content: center;
    align-items: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    display: flex;
    position: absolute;
    top: -2.875rem;
    right: -.625rem;
  }

  .mobile-qr-modal-close-icon {
    stroke-width: 2.25px;
    width: 1rem;
    height: 1rem;
  }

  .mobile-qr-modal-image {
    vertical-align: top;
    border-radius: 1rem;
    width: 100%;
    height: auto;
    margin: 0;
    display: block;
  }

  .mobile-footer-rule {
    width: 100%;
    height: var(--hairline-width);
    background: #1d1d1d;
    margin: 0 0 1rem;
  }

  .mobile-footer-copyright {
    width: var(--mobile-content-width);
    color: #8d8d8d;
    margin-inline: auto;
    font-size: clamp(.75rem, 3.256vw, .875rem);
    font-weight: 300;
    line-height: 1.3;
  }

  .mobile-aps-detail, .mobile-libpet-s-detail, .mobile-robot-solution-page {
    --mobile-product-detail-module-gap: clamp(3.25rem, 14.186vw, 3.8125rem);
    --mobile-product-detail-first-gap: clamp(3.125rem, 14.186vw, 3.8125rem);
    --mobile-product-detail-bottom-gap: clamp(5.25rem, 23.256vw, 6.25rem);
    --mobile-product-detail-heading-size: clamp(1.75rem, 7.674vw, 2.0625rem);
    --mobile-product-detail-heading-line-height: 1.08;
    --mobile-product-detail-subtitle-size: clamp(1.0625rem, 4.651vw, 1.25rem);
    --mobile-product-detail-subtitle-line-height: clamp(1.4375rem, 6.279vw, 1.6875rem);
    --mobile-product-detail-heading-copy-gap: .5rem;
  }

  .mobile-aps-detail {
    --aps-carousel-gap: clamp(.5rem, 2.093vw, .5625rem);
    --aps-heading-media-gap: min(13.953vw, 3.75rem);
    --aps-detail-edge: min(9.767vw, 2.625rem);
    --aps-detail-card-width: min(80.465vw, 21.625rem);
    --aps-detail-card-height: min(75.349vw, 20.25rem);
    --aps-management-media-gap: min(13.953vw, 3.75rem);
    --aps-media-height: min(95.349vw, 25.625rem);
    --aps-management-height: min(56.047vw, 15.0625rem);
    --aps-passenger-ui-height: min(56.512vw, 15.1875rem);
    --aps-pilot-height: min(156.279vw, 42rem);
    --aps-pilot-title-top: min(21.628vw, 5.8125rem);
    --aps-pilot-card-width: min(80.93vw, 21.75rem);
    --aps-pilot-card-height: min(75.349vw, 20.25rem);
    --aps-pilot-card-gap: min(2.326vw, .625rem);
    --aps-pilot-card-edge: min(9.535vw, 2.5625rem);
    --aps-pilot-heading-card-gap: min(13.488vw, 3.625rem);
    --aps-pilot-card-space: min(6.512vw, 1.75rem);
    --aps-ride-blue-height: var(--aps-detail-card-height);
    --aps-ride-card-width: var(--aps-detail-card-width);
    --aps-ride-edge: var(--aps-detail-edge);
    --aps-ride-icon-slot-height: min(45.116vw, 12.125rem);
    color: #fff;
    background: #000;
  }

  .aps-detail-hero {
    background: #171717;
    height: min(40.625rem, 151.163vw);
    position: relative;
    overflow: hidden;
  }

  .aps-detail-hero-image, .aps-pilot-background {
    object-fit: cover;
  }

  .aps-detail-hero-image {
    object-position: 54% center;
  }

  .aps-detail-hero-shade {
    background: linear-gradient(#0000002e 42%, #000000bd 100%), linear-gradient(to right, #00000080, #0000 76%);
    position: absolute;
    inset: 0;
  }

  .aps-detail-hero-copy {
    z-index: 1;
    width: var(--mobile-content-width);
    text-align: center;
    flex-direction: column;
    align-items: center;
    display: flex;
    position: absolute;
    top: clamp(10.625rem, 47.209vw, 12.6875rem);
    left: 50%;
    transform: translateX(-50%);
  }

  .aps-detail-hero-copy h1 {
    font-size: clamp(2.625rem, 11.628vw, 3.125rem);
    font-weight: 600;
    line-height: 2.75rem;
  }

  .aps-detail-hero-actions {
    justify-content: center;
    align-items: center;
    gap: clamp(1.5rem, 7.442vw, 2rem);
    width: 100%;
    margin-top: clamp(1.625rem, 6.977vw, 1.875rem);
    display: flex;
  }

  .aps-detail-hero-actions a, .aps-detail-hero-actions button {
    color: #fff;
    cursor: pointer;
    background: none;
    border: 0;
    justify-content: center;
    align-items: center;
    width: clamp(6.75rem, 27.907vw, 7.5rem);
    min-height: 2.75rem;
    padding: 0;
    font-size: clamp(.8125rem, 3.256vw, .875rem);
    font-weight: 400;
    line-height: 1;
    display: inline-flex;
  }

  .aps-detail-hero-actions a > span, .aps-detail-hero-actions button > span {
    border: var(--hairline-width) solid #fff9;
    border-radius: 9999rem;
    justify-content: center;
    align-items: center;
    gap: .375rem;
    width: 100%;
    height: 1.875rem;
    display: inline-flex;
  }

  .aps-detail-hero-actions svg {
    flex: none;
    width: .75rem;
    height: .75rem;
  }

  .aps-cooperation-link {
    color: #fff;
    cursor: pointer;
    background: none;
    border: 0;
    justify-content: center;
    align-items: center;
    width: clamp(6.75rem, 27.907vw, 7.5rem);
    min-height: 2.75rem;
    padding: 0;
    font-size: clamp(.6875rem, 2.8vw, .75rem);
    line-height: 1;
    display: inline-flex;
  }

  .aps-cooperation-link > span {
    border: var(--hairline-width) solid #fff9;
    border-radius: 9999rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 1.875rem;
    display: inline-flex;
  }

  .aps-detail-section {
    padding-block: 0 var(--mobile-product-detail-bottom-gap);
    background: #000;
    overflow: hidden;
  }

  .aps-detail-section + .aps-detail-section, .aps-detail-section.aps-instructions-section {
    padding-top: 0;
  }

  .aps-how-to {
    margin-top: var(--mobile-product-detail-first-gap);
    padding-top: 0;
  }

  .aps-section-heading {
    text-align: center;
    flex-direction: column;
    align-items: center;
    width: min(93.023vw, 100vw - 1.5rem, 25rem);
    margin-inline: auto;
    display: flex;
  }

  .aps-section-heading h2 {
    width: 100%;
    max-width: none;
    font-size: var(--mobile-product-detail-heading-size);
    letter-spacing: -.02em;
    font-weight: 400;
    line-height: var(--mobile-product-detail-heading-line-height);
    text-wrap: balance;
    margin-inline: auto;
  }

  .aps-section-heading p {
    width: 100%;
    margin: var(--mobile-product-detail-heading-copy-gap) auto 0;
    color: #ffffffc2;
    max-width: none;
    font-size: var(--mobile-product-detail-subtitle-size);
    font-weight: 300;
    line-height: var(--mobile-product-detail-subtitle-line-height);
    text-wrap: balance;
  }

  .aps-section-heading h2 > span, .aps-section-heading p > span, .aps-detail-hero-copy h1 > span, .aps-safety-card h2 > span {
    display: block;
  }

  .aps-carousel {
    width: 100%;
    max-width: var(--mobile-media-max-width);
    margin-top: var(--aps-heading-media-gap);
    margin-inline: auto;
  }

  .aps-carousel-track {
    gap: var(--aps-carousel-gap);
    overscroll-behavior-x: contain;
    width: 100%;
    padding-inline: var(--aps-detail-edge);
    scroll-padding-inline: var(--aps-detail-edge);
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    display: flex;
    overflow-x: auto;
  }

  .aps-carousel-track::-webkit-scrollbar {
    display: none;
  }

  .aps-carousel-card {
    width: var(--aps-detail-card-width);
    flex: 0 0 var(--aps-detail-card-width);
    scroll-snap-align: start;
    scroll-snap-stop: always;
    border-radius: clamp(.5rem, 2.3vw, .625rem);
    flex-direction: column;
    min-height: clamp(20rem, 82vw, 22rem);
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .aps-card-blue {
    color: #fff;
    background: linear-gradient(155deg, #0b78f8 0%, #004ad7 72%, #0036b9 100%);
  }

  .aps-card-dark {
    color: #fff;
    background: radial-gradient(circle at 50% 100%, #26ffc23d, #0000 48%), linear-gradient(160deg, #10132a, #02030a 70%);
  }

  .aps-card-light {
    color: #063ab4;
    background: #f7f7f8;
  }

  .aps-card-copy {
    z-index: 1;
    text-align: center;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    min-height: 100%;
    padding: 1.75rem 1.25rem;
    display: flex;
    position: relative;
  }

  .aps-card-icon {
    stroke-width: 1.35px;
    width: clamp(3.5rem, 16vw, 4.25rem);
    height: clamp(3.5rem, 16vw, 4.25rem);
    margin-bottom: 1rem;
  }

  .aps-card-eyebrow {
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: .375rem;
    font-size: .75rem;
    font-weight: 600;
  }

  .aps-card-copy h3 {
    text-wrap: balance;
    width: 100%;
    max-width: 18rem;
    font-size: clamp(1.375rem, 5.8vw, 1.5625rem);
    font-weight: 500;
    line-height: 1.05;
  }

  .aps-card-copy > p:last-child {
    color: currentColor;
    opacity: .82;
    width: 100%;
    max-width: 18.75rem;
    margin-top: .625rem;
    font-size: clamp(.8125rem, 3.25vw, .875rem);
    line-height: 1.3;
  }

  .aps-card-image-wrap {
    position: absolute;
    inset: 0;
  }

  .aps-card-image {
    object-fit: cover;
  }

  .aps-card-dark .aps-card-image, .aps-card-blue .aps-card-image {
    opacity: .54;
  }

  .aps-card-image-wrap:after {
    content: "";
    background: linear-gradient(#00000014, #000000c2);
    position: absolute;
    inset: 0;
  }

  .aps-card-light .aps-card-image-wrap:after {
    background: linear-gradient(#ffffff14, #fffc);
  }

  .aps-carousel-image .aps-carousel-card {
    min-height: clamp(22rem, 98vw, 26.5rem);
  }

  .aps-carousel-image .aps-card-copy {
    justify-content: flex-end;
    padding-bottom: 1.625rem;
  }

  .aps-carousel-ride .aps-carousel-card {
    width: var(--aps-ride-card-width);
    height: calc(var(--aps-ride-icon-slot-height) + var(--aps-ride-blue-height));
    flex-basis: var(--aps-ride-card-width);
    background: none;
    min-height: 0;
    padding: 0;
    overflow: visible;
  }

  .aps-carousel-ride {
    margin-top: var(--aps-heading-media-gap);
  }

  .aps-carousel-ride .aps-carousel-track {
    gap: var(--aps-carousel-gap);
    padding-inline: var(--aps-ride-edge);
    scroll-padding-inline: var(--aps-ride-edge);
  }

  .aps-carousel-ride .aps-card-image-wrap {
    z-index: 2;
    width: auto;
    height: var(--aps-ride-icon-slot-height);
    position: absolute;
    inset: 0 auto auto min(8.605vw, 2.3125rem);
  }

  .aps-carousel-ride .aps-card-image {
    object-fit: contain;
    opacity: 1;
  }

  .aps-carousel-ride .aps-card-image-wrap:after {
    content: none;
  }

  .aps-carousel-ride .aps-card-copy {
    aspect-ratio: 346 / 324;
    text-align: center;
    background: linear-gradient(#19bfff 0%, #087cf5 42%, #0036b9 100%);
    border-radius: clamp(1rem, 4.6vw, 1.25rem);
    flex: none;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0;
    padding: clamp(1.375rem, 6.8605vw, 1.84375rem) clamp(1rem, 4.65vw, 1.25rem);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .aps-carousel-ride .aps-card-eyebrow {
    letter-spacing: -.04em;
    text-transform: none;
    margin-bottom: clamp(.875rem, 4.65vw, 1.25rem);
    font-size: clamp(4rem, 18.605vw, 5rem);
    font-weight: 500;
    line-height: 1;
  }

  .aps-carousel-ride .aps-card-copy h3 {
    font-size: clamp(1.75rem, 7.674vw, 2.0625rem);
    font-weight: 500;
    line-height: 1;
  }

  .aps-carousel-ride .aps-card-copy > p:last-child {
    opacity: 1;
    min-height: 5.6em;
    margin-top: clamp(1rem, 4.65vw, 1.25rem);
    font-size: clamp(1rem, 4.651vw, 1.25rem);
    font-weight: 300;
    line-height: 1.4;
  }

  .aps-carousel-ride .aps-carousel-dots {
    min-height: 3.5rem;
    padding-top: .75rem;
  }

  .aps-carousel-screen .aps-carousel-card {
    aspect-ratio: auto;
    background: #063bb4;
    min-height: 0;
  }

  .aps-instructions-section .aps-carousel-screen .aps-carousel-card {
    height: var(--aps-passenger-ui-height);
  }

  .aps-management-section .aps-carousel {
    margin-top: var(--aps-management-media-gap);
  }

  .aps-management-section .aps-carousel-screen .aps-carousel-card {
    height: var(--aps-management-height);
  }

  .aps-carousel-screen .aps-card-image-wrap {
    position: absolute;
    inset: 0;
  }

  .aps-carousel-screen .aps-card-image {
    object-fit: contain;
    opacity: 1;
  }

  .aps-carousel-screen .aps-card-image-wrap:after {
    content: none;
  }

  .aps-card-icon-image-wrap {
    flex: none;
    width: clamp(4.25rem, 19vw, 5.125rem);
    height: clamp(4.5rem, 20.5vw, 5.5rem);
    margin: 1.625rem auto 0;
    position: relative;
  }

  .aps-card-icon-image {
    object-fit: contain;
  }

  .aps-carousel-value .aps-carousel-card {
    --aps-value-icon-gap: min(9.302vw, 2.5rem);
    height: var(--aps-detail-card-height);
    min-height: 0;
  }

  .aps-carousel-value .aps-carousel-card:nth-child(odd) {
    background: #002ea7;
  }

  .aps-carousel-value .aps-carousel-card:nth-child(2n) {
    background: #001e6a;
  }

  .aps-carousel-value .aps-card-icon-image-wrap {
    margin-top: var(--aps-value-icon-gap);
  }

  .aps-carousel-value .aps-card-copy {
    min-height: 0;
    padding: var(--aps-value-icon-gap) .5rem 1.5rem;
    flex: 1;
    justify-content: flex-start;
  }

  .aps-carousel-value .aps-card-copy > p:last-child {
    opacity: 1;
    max-width: none;
    font-size: clamp(.8125rem, 4vw - .075rem, 1rem);
    font-weight: 300;
    line-height: normal;
  }

  .aps-carousel-value .aps-card-description > span {
    white-space: nowrap;
    display: block;
  }

  .aps-card-bullets {
    text-align: left;
    gap: clamp(.875rem, 4vw, 1.125rem);
    width: 100%;
    margin-top: clamp(1.5rem, 6vw, 1.75rem);
    padding: 0;
    font-size: clamp(.8125rem, 3.25vw, .875rem);
    line-height: 1.28;
    list-style: none;
    display: grid;
  }

  .aps-card-bullets li {
    padding-left: 1.125rem;
    position: relative;
  }

  .aps-card-bullets li:before {
    content: "●";
    position: absolute;
    top: 0;
    left: 0;
  }

  .aps-carousel-compact .aps-carousel-card {
    height: var(--aps-detail-card-height);
    min-height: 0;
  }

  .aps-carousel-compact .aps-card-copy {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    padding: clamp(1rem, 4.65vw, 1.25rem);
  }

  .aps-carousel-compact .aps-card-bullets {
    gap: clamp(.625rem, 2.791vw, .75rem);
    margin-top: clamp(1rem, 4.65vw, 1.25rem);
  }

  .aps-carousel-compact .aps-card-eyebrow {
    letter-spacing: 0;
    text-transform: none;
    margin-bottom: .25rem;
    font-size: clamp(1.25rem, 5.3vw, 1.4375rem);
    font-weight: 400;
    line-height: 1.1;
  }

  .aps-carousel-compact .aps-card-copy h3 {
    text-align: left;
    max-width: none;
    font-size: clamp(1.25rem, 5.3vw, 1.4375rem);
    line-height: 1.12;
  }

  .aps-carousel-dots {
    justify-content: center;
    align-items: center;
    gap: 0;
    min-height: 2.75rem;
    display: flex;
  }

  .aps-carousel-dot {
    width: var(--mobile-carousel-dot-control-width);
    height: var(--mobile-carousel-dot-control-height);
    cursor: pointer;
    background: none;
    border: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
    position: relative;
  }

  .aps-carousel-dot:before {
    width: var(--mobile-carousel-dot-size);
    height: var(--mobile-carousel-dot-size);
    content: "";
    background: #5a5a5a;
    border-radius: 9999rem;
    transition: width .9s cubic-bezier(.16, 1, .3, 1);
  }

  .aps-carousel-dot.is-active:before {
    width: var(--mobile-carousel-dot-active-width);
    background: #fff;
  }

  .aps-video-feature {
    width: var(--aps-detail-card-width);
    height: var(--aps-media-height);
    margin: var(--aps-heading-media-gap) auto 0;
    cursor: pointer;
    background: #161616;
    border: 0;
    border-radius: clamp(.5rem, 2.3vw, .625rem);
    padding: 0;
    display: block;
    position: relative;
    overflow: hidden;
  }

  .aps-video-feature video {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .aps-video-poster-image {
    object-fit: cover;
  }

  .aps-video-play {
    border: var(--hairline-width) solid #ffffffdb;
    color: #fff;
    background: #00000061;
    border-radius: 9999rem;
    justify-content: center;
    align-items: center;
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .aps-video-play svg {
    width: 1.25rem;
    height: 1.25rem;
    margin-left: .1875rem;
  }

  .aps-video-play.is-playing {
    opacity: 0;
  }

  .aps-density-module {
    --aps-density-card-width: min(calc(100% - 4rem), 22.875rem);
    --aps-density-card-radius: 1rem;
    --aps-density-card-top-padding: 3.4375rem;
    --aps-density-card-inline-gap: .625rem;
    --aps-density-card-bottom-gap: .625rem;
    --aps-density-metric-gap: 2.75rem;
    --aps-density-metrics-video-gap: 3.5rem;
    --aps-density-heading-card-gap: 3.8125rem;
    flex-direction: column;
    width: 100%;
    display: flex;
  }

  .aps-density-heading {
    text-align: center;
    flex-direction: column;
    align-items: center;
    width: min(93.023vw, 100% - 1.5rem, 25rem);
    margin-inline: auto;
    display: flex;
  }

  .aps-density-heading h2 {
    letter-spacing: -.02em;
    text-wrap: balance;
    width: 100%;
    font-size: clamp(1.75rem, 7.674vw, 2.0625rem);
    font-weight: 400;
    line-height: 1.08;
  }

  .aps-density-heading p {
    color: #ffffffc2;
    text-wrap: balance;
    width: 100%;
    margin: .5rem auto 0;
    font-size: clamp(1.0625rem, 4.651vw, 1.25rem);
    font-weight: 300;
    line-height: clamp(1.4375rem, 6.279vw, 1.6875rem);
  }

  .aps-density-heading p > span {
    display: block;
  }

  .aps-density-card-stage {
    width: var(--aps-density-card-width);
    aspect-ratio: 366 / 711;
    min-height: 0;
    margin: var(--aps-density-heading-card-gap) auto 0;
    container-type: inline-size;
  }

  .aps-density-card {
    width: 100%;
    height: 100%;
    min-height: 100%;
  }

  @supports (width: 1cqw) {
    .aps-density-card {
      --aps-density-card-radius: clamp(.75rem, 4.372cqw, 1rem);
      --aps-density-card-top-padding: 15.027cqw;
      --aps-density-metric-gap: 12.022cqw;
      --aps-density-metrics-video-gap: 15.301cqw;
    }
  }

  .aps-density-card-content {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: var(--aps-density-card-top-padding)
      var(--aps-density-card-inline-gap)
      var(--aps-density-card-bottom-gap);
    color: #fff;
    text-align: center;
    text-shadow: 0 .125rem 1rem #1b0c3238;
    flex-direction: column;
    display: flex;
  }

  .aps-density-card-metrics {
    align-items: center;
    gap: var(--aps-density-metric-gap);
    flex-direction: column;
    flex: none;
    display: flex;
  }

  .aps-density-card-metric {
    flex-direction: column;
    align-items: center;
    min-inline-size: 0;
    max-inline-size: 100%;
    display: flex;
  }

  .aps-density-card-value {
    letter-spacing: -.035em;
    white-space: nowrap;
    font-size: clamp(2.125rem, 9.302vw, 2.5rem);
    font-weight: 500;
    line-height: 1;
  }

  .aps-density-card-metric > span {
    white-space: nowrap;
    margin-top: min(1.395vw, .375rem);
    font-size: clamp(1rem, 4.651vw, 1.25rem);
    font-weight: 400;
    line-height: 1.1;
  }

  .aps-density-card-video-frame {
    width: 100%;
    min-height: 0;
    margin-top: var(--aps-density-metrics-video-gap);
    background: #161616;
    border: 0;
    border-radius: clamp(.625rem, 3.256vw, .875rem);
    flex: auto;
    display: block;
    position: relative;
    overflow: hidden;
  }

  .aps-density-card-video {
    object-fit: cover;
    object-position: center;
    pointer-events: none;
    border: 0;
    width: 100%;
    height: 100%;
    display: block;
  }

  .aps-density-card-video::-webkit-media-controls {
    -webkit-appearance: none;
    opacity: 0;
    display: none !important;
  }

  .aps-density-card-video::-webkit-media-controls-panel {
    -webkit-appearance: none;
    opacity: 0;
    display: none !important;
  }

  .aps-density-card-video::-webkit-media-controls-play-button {
    -webkit-appearance: none;
    opacity: 0;
    display: none !important;
  }

  .aps-density-card-video::-webkit-media-controls-overlay-play-button {
    -webkit-appearance: none;
    opacity: 0;
    display: none !important;
  }

  .aps-density-card-video::-webkit-media-controls-start-playback-button {
    -webkit-appearance: none;
    opacity: 0;
    display: none !important;
  }

  .aps-density-card-video::-webkit-media-controls-enclosure {
    -webkit-appearance: none;
    opacity: 0;
    display: none !important;
  }

  .aps-density-card-sound {
    border: var(--hairline-width) solid #ffffff94;
    color: #fff;
    cursor: pointer;
    background: #0f0d137a;
    border-radius: 9999rem;
    justify-content: center;
    align-items: center;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    display: flex;
    position: absolute;
    bottom: clamp(.75rem, 3.721vw, 1rem);
    right: clamp(.75rem, 3.721vw, 1rem);
  }

  .aps-density-card-sound:focus-visible {
    outline-offset: .1875rem;
    outline: .125rem solid #fff;
  }

  .aps-density-card-sound-icon {
    stroke-width: 1.7px;
    width: 1.25rem;
    height: 1.25rem;
  }

  @supports (width: 1cqw) {
    .aps-density-card-value {
      font-size: clamp(2rem, 10.929cqw, 2.5rem);
    }

    .aps-density-card-metric > span {
      margin-top: 1.639cqw;
      font-size: clamp(.875rem, 5.464cqw, 1.25rem);
    }

    .aps-density-card-video-frame {
      border-radius: clamp(.625rem, 3.825cqw, .875rem);
    }
  }

  @media (max-height: 56.25rem) {
    @supports (height: 100svh) {
      .aps-density-module {
        height: calc(100svh - var(--mobile-header-total) - var(--mobile-safe-bottom));
      }

      .aps-density-card-stage {
        aspect-ratio: auto;
        flex: 1 1 0;
        height: auto;
        min-height: 0;
      }
    }
  }

  .aps-safety-card {
    width: var(--aps-detail-card-width);
    min-height: clamp(22rem, 98vw, 26.5rem);
    margin-inline: auto;
  }

  .aps-safety-card .aps-card-copy {
    justify-content: flex-start;
    padding-top: 1.75rem;
  }

  .aps-safety-card h2 {
    text-align: center;
    width: 100%;
    font-size: clamp(1.5rem, 6.5vw, 1.75rem);
    font-weight: 500;
    line-height: 1.05;
  }

  .aps-field-grid, .aps-custom-grid {
    width: var(--aps-detail-card-width);
    margin: var(--aps-heading-media-gap) auto 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
    display: grid;
  }

  .aps-field-image-wrap {
    background: #171717;
    border-radius: .5rem;
    position: relative;
    overflow: hidden;
  }

  .aps-field-image {
    object-fit: cover;
  }

  .aps-field-image-1 {
    aspect-ratio: 1000 / 434;
    grid-column: 1 / -1;
  }

  .aps-field-image-2 {
    aspect-ratio: 500 / 446;
    grid-area: 2 / 1;
  }

  .aps-field-image-3 {
    aspect-ratio: 500 / 446;
    grid-area: 3 / 1;
  }

  .aps-field-image-4 {
    grid-area: 2 / 2 / span 2;
  }

  .aps-pilot-section {
    width: 100%;
    max-width: var(--mobile-media-max-width);
    height: var(--aps-pilot-height);
    min-height: var(--aps-pilot-height);
    margin-bottom: var(--mobile-product-detail-bottom-gap);
    margin-inline: auto;
    position: relative;
    overflow: hidden;
  }

  .aps-pilot-background {
    object-position: center;
  }

  .aps-pilot-shade {
    background: linear-gradient(#0000005c, #000000c7), linear-gradient(150deg, #0041e029, #0000 55%);
    position: absolute;
    inset: 0;
  }

  .aps-pilot-content {
    z-index: 1;
    box-sizing: border-box;
    height: 100%;
    padding: var(--aps-pilot-title-top) 0 0;
    position: relative;
  }

  .aps-pilot-content .aps-section-heading h2 {
    letter-spacing: 0;
    font-size: clamp(1.75rem, 7.674vw, 2.0625rem);
    font-weight: 400;
    line-height: normal;
  }

  .aps-pilot-content .aps-section-heading p {
    font-size: clamp(1.0625rem, 4.651vw, 1.25rem);
    font-weight: 300;
    line-height: normal;
  }

  .aps-pilot-content .aps-carousel-compact {
    margin-top: var(--aps-pilot-heading-card-gap);
  }

  .aps-pilot-content .aps-carousel-track {
    gap: var(--aps-pilot-card-gap);
    padding-inline: var(--aps-pilot-card-edge);
    scroll-padding-inline: var(--aps-pilot-card-edge);
  }

  .aps-pilot-content .aps-carousel-compact .aps-carousel-card {
    width: var(--aps-pilot-card-width);
    height: var(--aps-pilot-card-height);
    flex-basis: var(--aps-pilot-card-width);
    background: linear-gradient(105deg, #002ea7 0%, #006bd4 56%, #00c8ee 100%);
  }

  .aps-pilot-content .aps-carousel-compact .aps-card-copy {
    padding: var(--aps-pilot-card-space) clamp(1rem, 4.651vw, 1.25rem);
  }

  .aps-pilot-content .aps-carousel-compact .aps-card-eyebrow, .aps-pilot-content .aps-carousel-compact .aps-card-copy h3 {
    font-size: clamp(1.125rem, 5.116vw, 1.375rem);
    font-weight: 400;
    line-height: normal;
  }

  .aps-pilot-content .aps-carousel-compact .aps-card-eyebrow {
    margin-bottom: 0;
  }

  .aps-pilot-content .aps-carousel-compact .aps-card-bullets {
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
    gap: 1em;
    min-height: 0;
    margin-top: 1.333em;
    font-size: clamp(.875rem, 3.721vw, 1rem);
    font-weight: 300;
    line-height: normal;
    display: flex;
  }

  .aps-pilot-content .aps-carousel-compact .aps-card-bullets li {
    padding-left: 1.25em;
  }

  .aps-pilot-content .aps-carousel-compact .aps-card-bullets li:before {
    font-size: 1em;
    line-height: inherit;
    top: 0;
  }

  .aps-pilot-content .aps-carousel-dots {
    margin-top: calc(var(--aps-pilot-card-space) - 1.125rem);
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
  }

  .aps-custom-grid {
    gap: clamp(.5rem, 2.326vw, .625rem);
    margin-top: .5rem;
  }

  .aps-custom-section {
    padding-bottom: 0;
  }

  .aps-custom-card {
    aspect-ratio: 1;
    border-radius: .5rem;
    position: relative;
    overflow: hidden;
  }

  .aps-custom-image {
    object-fit: cover;
  }

  .aps-cooperation-area {
    justify-content: center;
    align-items: center;
    min-height: min(41.86vw, 11.25rem);
    display: flex;
  }

  .aps-cooperation-area .aps-cooperation-link {
    margin: 0;
  }

  .mobile-libpet-s-detail {
    --libpet-s-edge: var(--mobile-content-side);
    --libpet-s-card-width: min(21.625rem, calc(100vw - 5.25rem));
    color: #fff;
    background: #000;
  }

  .libpet-s-hero {
    background: #17120f;
    min-height: clamp(34rem, 148vw, 40rem);
    position: relative;
    overflow: hidden;
  }

  .libpet-s-hero-image, .libpet-s-lifestyle-background {
    object-fit: cover;
  }

  .libpet-s-hero-shade {
    background: linear-gradient(#0003 18%, #00000061 58%, #000000b8 100%), linear-gradient(to right, #0000002e, #0000 68%);
    position: absolute;
    inset: 0;
  }

  .libpet-s-hero-copy {
    z-index: 1;
    top: calc(var(--mobile-header-total) + clamp(4.5rem, 20vw, 5.5rem));
    width: var(--mobile-content-width);
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }

  .libpet-s-hero-copy h1 {
    letter-spacing: -.045em;
    text-shadow: 0 .125rem 1.25rem #0000007a;
    font-size: clamp(2.25rem, 10.465vw, 2.8125rem);
    font-weight: 500;
    line-height: .98;
  }

  .libpet-s-hero-actions {
    justify-content: center;
    align-items: center;
    gap: .5rem;
    margin-top: 1.125rem;
    display: flex;
  }

  .libpet-s-hero-actions a, .libpet-s-buy-link {
    border: var(--hairline-width) solid #ffffffb8;
    color: #fff;
    border-radius: 9999rem;
    justify-content: center;
    align-items: center;
    min-height: 2.75rem;
    padding-inline: 1rem;
    font-size: clamp(.6875rem, 2.8vw, .75rem);
    line-height: 1;
    display: inline-flex;
  }

  .libpet-s-section {
    background: #000;
    padding-block: clamp(2.75rem, 13vw, 3.5rem);
    overflow: hidden;
  }

  .libpet-s-section + .libpet-s-section {
    padding-top: clamp(2rem, 9.5vw, 2.5rem);
  }

  .libpet-s-heading {
    width: var(--mobile-content-width);
    text-align: center;
    margin-inline: auto;
  }

  .libpet-s-heading h2 {
    letter-spacing: -.035em;
    text-wrap: balance;
    max-width: 22.25rem;
    margin-inline: auto;
    font-size: clamp(1.5rem, 6.98vw, 1.875rem);
    font-weight: 500;
    line-height: 1.05;
  }

  .libpet-s-heading p {
    color: #ffffffd1;
    text-wrap: balance;
    max-width: 21.5rem;
    margin: .625rem auto 0;
    font-size: clamp(.875rem, 3.72vw, 1rem);
    line-height: 1.25;
  }

  .libpet-s-config-summary, .libpet-s-feature-line {
    width: var(--mobile-content-width);
    color: #ffffffc2;
    text-align: center;
    margin: 1.125rem auto 0;
    font-size: clamp(.6875rem, 2.8vw, .75rem);
    line-height: 1.2;
  }

  .libpet-s-config-tabs {
    border: var(--hairline-width) solid #707070;
    border-radius: 9999rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .25rem;
    width: min(13rem, 100vw - 5rem);
    height: 3rem;
    margin: 1rem auto 0;
    padding: .25rem;
    display: grid;
  }

  .libpet-s-config-tabs button {
    cursor: pointer;
    color: #a6a6a6;
    background: none;
    border: 0;
    border-radius: 9999rem;
    justify-content: center;
    align-items: center;
    gap: .125rem;
    min-width: 0;
    padding: 0;
    display: flex;
  }

  .libpet-s-config-tabs button.is-active {
    color: #161616;
    background: #fff;
  }

  .libpet-s-config-tabs svg {
    width: .875rem;
    height: .875rem;
  }

  .libpet-s-config-tabs span {
    opacity: 0;
    max-width: 0;
    font-size: .625rem;
    transition: max-width .18s, opacity .18s;
    overflow: hidden;
  }

  .libpet-s-config-tabs .is-active span {
    opacity: 1;
    max-width: 4rem;
  }

  .libpet-s-remote-stage {
    perspective: 40rem;
    justify-content: center;
    align-items: center;
    min-height: clamp(14rem, 61vw, 16.5rem);
    margin-top: 1rem;
    display: flex;
  }

  .libpet-s-remote {
    aspect-ratio: .68;
    background: linear-gradient(145deg, #fdfdfd, #cfcfcf);
    border: .375rem solid #e7e7e7;
    border-radius: 2.5rem 1rem;
    width: clamp(9.5rem, 40vw, 10.75rem);
    position: relative;
    transform: rotate(26deg)rotateX(12deg);
    box-shadow: inset 0 0 0 .125rem #a7a7a7, 0 1.25rem 2rem #0000007a;
  }

  .libpet-s-remote-button {
    background: linear-gradient(145deg, #fff, #d8d8d8);
    border: .125rem solid #bababa;
    border-radius: .75rem;
    justify-content: center;
    align-items: center;
    width: 2.7rem;
    height: 2.7rem;
    display: flex;
    position: absolute;
    box-shadow: 0 .1875rem .375rem #0003;
  }

  .libpet-s-remote-button svg {
    color: #777;
    width: 1.25rem;
    height: 1.25rem;
  }

  .libpet-s-remote-button-top {
    top: 1rem;
    left: 50%;
    transform: translateX(-50%);
  }

  .libpet-s-remote-button-left {
    top: 50%;
    left: .75rem;
    transform: translateY(-50%);
  }

  .libpet-s-remote-button-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .libpet-s-remote-button-right {
    top: 50%;
    right: .75rem;
    transform: translateY(-50%);
  }

  .libpet-s-remote-button-bottom {
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
  }

  .libpet-s-carousel {
    width: 100%;
    max-width: var(--mobile-media-max-width);
    margin-top: clamp(1.375rem, 6vw, 1.625rem);
    margin-inline: auto;
  }

  .libpet-s-carousel-track {
    overscroll-behavior-x: contain;
    width: 100%;
    padding-inline: var(--libpet-s-edge);
    scroll-padding-inline: var(--libpet-s-edge);
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    gap: .625rem;
    display: flex;
    overflow-x: auto;
  }

  .libpet-s-carousel-track::-webkit-scrollbar {
    display: none;
  }

  .libpet-s-carousel-card {
    width: var(--libpet-s-card-width);
    aspect-ratio: .82;
    flex: 0 0 var(--libpet-s-card-width);
    scroll-snap-align: start;
    scroll-snap-stop: always;
    background: #f5f5f5;
    border-radius: clamp(.75rem, 3.25vw, .875rem);
    position: relative;
    overflow: hidden;
  }

  .libpet-s-carousel-label {
    color: #ffc052;
    background: #063cc4;
    justify-content: center;
    align-items: center;
    min-height: 3.75rem;
    font-size: clamp(1rem, 4.65vw, 1.25rem);
    font-weight: 500;
    line-height: 1;
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .libpet-s-carousel-dots {
    justify-content: center;
    align-items: center;
    gap: 0;
    min-height: 3.25rem;
    display: flex;
  }

  .libpet-s-carousel-dot {
    width: var(--mobile-carousel-dot-control-width);
    height: var(--mobile-carousel-dot-control-height);
    cursor: pointer;
    background: none;
    border: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
  }

  .libpet-s-carousel-dot:before {
    width: var(--mobile-carousel-dot-size);
    height: var(--mobile-carousel-dot-size);
    content: "";
    background: #666;
    border-radius: 9999rem;
    transition: width .9s cubic-bezier(.16, 1, .3, 1);
  }

  .libpet-s-carousel-dot.is-active:before {
    width: var(--mobile-carousel-dot-active-width);
    background: #fff;
  }

  .libpet-s-controller-art {
    aspect-ratio: 1.22;
    background: linear-gradient(145deg, #fff7b9 0%, #efb94b 46%, #b66a24 100%);
    border-radius: 52% 48% 42% 58% / 48% 44% 56% 52%;
    width: min(21rem, 100vw - 3rem);
    margin: clamp(2.5rem, 12vw, 3.25rem) auto 0;
    position: relative;
    transform: rotate(9deg);
    box-shadow: inset .5rem .75rem 1.25rem #ffffff9e, 0 1rem 2rem #00000085;
  }

  .libpet-s-controller-display {
    aspect-ratio: 1;
    color: #fff;
    background: radial-gradient(circle at 45% 40%, #31435a, #090b0e 70%);
    border: .5rem solid #f3d76c;
    border-radius: 9999rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 43%;
    display: flex;
    position: absolute;
    top: 15%;
    left: 9%;
    transform: rotate(-9deg);
    box-shadow: 0 .375rem 1rem #00000061;
  }

  .libpet-s-controller-display span {
    font-size: clamp(2.5rem, 11vw, 3rem);
    font-weight: 500;
    line-height: .9;
  }

  .libpet-s-controller-display small {
    color: #81d3ff;
    letter-spacing: .08em;
    margin-top: .375rem;
    font-size: .5625rem;
  }

  .libpet-s-controller-knob {
    aspect-ratio: 1;
    background: radial-gradient(circle at 38% 28%, #ffffff94, #0000 22%), repeating-radial-gradient(circle, #d8a76b 0 .125rem, #c38f50 .1875rem .25rem);
    border-radius: 48% 52% 46% 54%;
    width: 49%;
    position: absolute;
    bottom: 7%;
    right: 6%;
    box-shadow: inset -.875rem -1rem 1.5rem #5b2f1047;
  }

  .libpet-s-controller-power {
    color: #ff5a35;
    background: #292b2f;
    border-radius: 9999rem;
    justify-content: center;
    align-items: center;
    width: 2.25rem;
    height: 2.25rem;
    font-size: .875rem;
    display: flex;
    position: absolute;
    bottom: 10%;
    left: 22%;
  }

  .libpet-s-massage-carousel .libpet-s-carousel-card {
    aspect-ratio: .74;
  }

  .libpet-s-massage-carousel .libpet-s-carousel-image {
    height: calc(100% - 3.75rem) !important;
    bottom: 3.75rem !important;
  }

  .libpet-s-massage-carousel .libpet-s-carousel-label {
    display: flex;
  }

  .libpet-s-phone-collage {
    width: var(--mobile-content-width);
    height: clamp(39rem, 155vw, 42rem);
    margin-inline: auto;
    position: relative;
  }

  .libpet-s-phone {
    aspect-ratio: .54;
    color: #171717;
    background: #fff;
    border: .375rem solid #f6f6f6;
    border-radius: 1.5rem;
    flex-direction: column;
    width: min(10.875rem, 42vw);
    padding: 1.375rem .625rem .75rem;
    display: flex;
    position: absolute;
    overflow: hidden;
    box-shadow: 0 .625rem 1.5rem #0000005c;
  }

  .libpet-s-phone-collage .libpet-s-phone:first-child {
    top: 0;
    left: 0;
  }

  .libpet-s-phone-collage .libpet-s-phone:nth-child(2) {
    top: clamp(4rem, 18vw, 4.875rem);
    right: 0;
  }

  .libpet-s-phone-collage .libpet-s-phone:nth-child(3) {
    bottom: 0;
    left: 0;
  }

  .libpet-s-phone-collage .libpet-s-phone:nth-child(4) {
    bottom: clamp(2.75rem, 12vw, 3.25rem);
    right: 0;
  }

  .libpet-s-phone-speaker {
    background: #0c0c0c;
    border-radius: 9999rem;
    width: 44%;
    height: .8rem;
    position: absolute;
    top: .35rem;
    left: 50%;
    transform: translateX(-50%);
  }

  .libpet-s-phone-title {
    text-align: center;
    min-height: 2.2rem;
    font-size: clamp(.625rem, 2.55vw, .6875rem);
    font-weight: 600;
    line-height: 1.1;
  }

  .libpet-s-phone-photo {
    aspect-ratio: 1.15;
    background: #eee;
    border-radius: .625rem;
    width: 100%;
    position: relative;
    overflow: hidden;
  }

  .libpet-s-phone-photo-image {
    object-fit: cover;
  }

  .libpet-s-phone-control-row {
    justify-content: space-between;
    margin-top: .75rem;
    display: flex;
  }

  .libpet-s-phone-control-row span {
    background: #edf3ff;
    border: .125rem solid #174acb;
    border-radius: 9999rem;
    width: 1.75rem;
    height: 1.75rem;
  }

  .libpet-s-phone-progress {
    background: linear-gradient(to right, #174acb 60%, #e7e7e7 60%);
    border-radius: 9999rem;
    width: 76%;
    height: .5rem;
    margin: .75rem auto;
  }

  .libpet-s-phone-action {
    color: #fff;
    background: #0841c8;
    border-radius: 9999rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 2.25rem;
    margin-top: auto;
    font-size: .6875rem;
    display: flex;
  }

  .libpet-s-phone-orange .libpet-s-phone-action {
    background: #ff5327;
  }

  .libpet-s-rehab-section {
    min-height: clamp(46rem, 190vw, 51rem);
    padding-inline: 0;
    position: relative;
  }

  .libpet-s-rehab-photo {
    aspect-ratio: 1.3;
    width: 100%;
    margin-top: 1.5rem;
    position: relative;
    overflow: hidden;
  }

  .libpet-s-rehab-image {
    object-fit: cover;
  }

  .libpet-s-rehab-phones {
    z-index: 1;
    width: var(--mobile-content-width);
    justify-content: space-between;
    align-items: flex-start;
    margin: clamp(-7rem, -25vw, -5.5rem) auto 0;
    display: flex;
    position: relative;
  }

  .libpet-s-rehab-phones .libpet-s-phone {
    position: relative;
  }

  .libpet-s-rehab-phones .libpet-s-phone:nth-child(2) {
    margin-top: 3rem;
  }

  .libpet-s-lifestyle-section {
    min-height: clamp(52rem, 210vw, 56.5rem);
    position: relative;
    overflow: hidden;
  }

  .libpet-s-lifestyle-shade {
    background: linear-gradient(#0000006b, #0000003d 55%, #000000c7), #26190e1f;
    position: absolute;
    inset: 0;
  }

  .libpet-s-lifestyle-content {
    z-index: 1;
    padding-block: clamp(3.25rem, 15vw, 4rem) 2rem;
    position: relative;
  }

  .libpet-s-buy-link {
    width: fit-content;
    margin: .75rem auto 0;
  }

  .mobile-libpet-s-detail {
    --libpet-s-edge: min(9.767vw, 2.625rem);
    --libpet-s-card-width: min(80.465vw, 21.625rem);
    --libpet-s-text-width: 100%;
    --libpet-s-section-space: var(--mobile-product-detail-module-gap);
    width: 100%;
    min-height: 100svh;
    overflow-x: hidden;
  }

  .libpet-s-hero {
    aspect-ratio: 1000 / 1512;
    width: 100%;
    min-height: 0;
  }

  .libpet-s-hero-image {
    object-position: center;
  }

  .libpet-s-hero-shade {
    background: linear-gradient(#0000001a 10%, #0000004d 58%, #000000b8 100%), linear-gradient(to right, #00000024, #0000 70%);
  }

  .libpet-s-hero-copy {
    top: min(49.302vw, 13.25rem);
  }

  .libpet-s-hero-copy.mobile-product-detail-hero-copy {
    width: var(--libpet-s-text-width);
  }

  .libpet-s-hero-copy h1 {
    letter-spacing: -.04em;
    font-size: clamp(2.625rem, 11.628vw, 3.125rem);
    font-weight: 600;
    line-height: 1.18;
  }

  .libpet-s-hero-actions {
    gap: clamp(1.5rem, 7.442vw, 2rem);
    width: 100%;
    margin-top: min(6.977vw, 1.875rem);
  }

  .libpet-s-hero-actions a, .libpet-s-hero-actions button {
    color: #fff;
    cursor: pointer;
    background: none;
    border: 0;
    justify-content: center;
    align-items: center;
    width: clamp(6.75rem, 27.907vw, 7.5rem);
    min-height: 2.75rem;
    padding: 0;
    font-size: clamp(.8125rem, 3.256vw, .875rem);
    font-weight: 400;
    line-height: 1;
    display: inline-flex;
  }

  .libpet-s-hero-actions a > span, .libpet-s-hero-actions button > span {
    border: var(--hairline-width) solid #ffffffb8;
    border-radius: 9999rem;
    justify-content: center;
    align-items: center;
    gap: .375rem;
    width: 100%;
    height: 1.875rem;
    display: inline-flex;
  }

  .libpet-s-hero-actions svg {
    flex: none;
    width: .75rem;
    height: .75rem;
  }

  .libpet-s-section, .libpet-s-section + .libpet-s-section {
    padding-block: 0 var(--mobile-product-detail-bottom-gap);
  }

  .libpet-s-config-section {
    padding-top: var(--mobile-product-detail-first-gap);
  }

  .libpet-s-heading {
    width: var(--libpet-s-text-width);
  }

  .libpet-s-heading h2 {
    max-width: none;
    font-size: var(--mobile-product-detail-heading-size);
    letter-spacing: -.02em;
    font-weight: 400;
    line-height: var(--mobile-product-detail-heading-line-height);
  }

  .libpet-s-heading p {
    max-width: none;
    margin-top: var(--mobile-product-detail-heading-copy-gap);
    color: #ffffffc2;
    font-size: var(--mobile-product-detail-subtitle-size);
    font-weight: 300;
    line-height: var(--mobile-product-detail-subtitle-line-height);
  }

  .libpet-s-hero-copy h1 > span, .libpet-s-heading h2 > span, .libpet-s-heading p > span {
    display: block;
  }

  .libpet-s-config-summary, .libpet-s-feature-line {
    color: #fff;
    width: 100%;
    font-size: 1rem;
    font-weight: 400;
    line-height: var(--mobile-product-detail-subtitle-line-height);
    white-space: pre-wrap;
  }

  .libpet-s-config-summary {
    margin-top: min(12.791vw, 3.4375rem);
  }

  .libpet-s-remote-image {
    --libpet-s-remote-gap: min(5.581vw, 1.5rem);
    width: min(55.878vw, 15.0173rem);
    height: auto;
    margin: var(--libpet-s-remote-gap) auto;
    display: block;
  }

  .libpet-s-feature-line {
    margin-top: 0;
  }

  .libpet-s-carousel {
    margin-top: min(13.953vw, 3.75rem);
  }

  .libpet-s-carousel-track {
    padding-inline: var(--libpet-s-edge);
    scroll-padding-inline: var(--libpet-s-edge);
    gap: min(2.326vw, .625rem);
  }

  .libpet-s-carousel-card {
    width: var(--libpet-s-card-width);
    aspect-ratio: 1000 / 1185;
    flex-basis: var(--libpet-s-card-width);
    border-radius: clamp(.625rem, 2.791vw, .75rem);
  }

  .libpet-s-carousel-image {
    object-fit: cover;
  }

  .libpet-s-carousel-dots {
    min-height: var(--libpet-s-section-space);
  }

  .libpet-s-controller-section {
    padding-top: 0 !important;
  }

  .libpet-s-controller-image {
    width: min(55.878vw, 15.0173rem);
    height: auto;
    margin: min(13.953vw, 3.75rem) auto 0;
    display: block;
  }

  .libpet-s-massage-section {
    padding-top: 0 !important;
  }

  .libpet-s-massage-carousel .libpet-s-carousel-card {
    aspect-ratio: 346 / 324;
    background: none;
    height: auto;
  }

  .libpet-s-massage-carousel .libpet-s-carousel-image {
    width: 100% !important;
    height: 100% !important;
    inset: 0 !important;
  }

  .libpet-s-massage-carousel .libpet-s-carousel-label {
    background: none;
    height: 18.827%;
    min-height: 0;
    font-size: clamp(1rem, 4.651vw, 1.25rem);
    display: flex;
  }

  .libpet-s-app-section {
    padding-top: 0 !important;
  }

  .libpet-s-app-collage {
    width: var(--libpet-s-card-width);
    margin-inline: auto;
  }

  .libpet-s-app-composite {
    object-fit: contain;
    width: 100%;
    height: auto;
    display: block;
  }

  .libpet-s-rehab-section {
    min-height: 0;
    padding: 0 0 var(--mobile-product-detail-bottom-gap);
  }

  .libpet-s-rehab-photo {
    aspect-ratio: 1000 / 655;
    border-radius: clamp(.625rem, 2.791vw, .75rem);
    width: min(96.279vw, 25.875rem);
    margin: min(13.953vw, 3.75rem) auto 0;
  }

  .libpet-s-rehab-apps {
    z-index: 1;
    width: var(--libpet-s-card-width);
    margin: calc(clamp(-5.625rem, -20.93vw, -4.5rem) + min(9.302vw, 2.5rem)) auto 0;
    display: block;
    position: relative;
  }

  .libpet-s-rehab-apps img {
    object-fit: contain;
    width: 100%;
    height: auto;
    display: block;
  }

  .libpet-s-lifestyle-section {
    background: #000;
    min-height: 0;
  }

  .libpet-s-lifestyle-visual {
    width: 100%;
    max-width: var(--mobile-media-max-width);
    aspect-ratio: 1000 / 1702;
    margin-inline: auto;
    position: relative;
    overflow: hidden;
  }

  .libpet-s-lifestyle-background {
    object-position: center top;
  }

  .libpet-s-lifestyle-shade {
    background: linear-gradient(#00000061, #00000024 58%, #0000008f), #26190e14;
  }

  .libpet-s-lifestyle-content {
    padding-block: min(23.256vw, 6.25rem) 0;
  }

  .libpet-s-lifestyle-content .libpet-s-heading {
    width: var(--libpet-s-text-width);
  }

  .libpet-s-lifestyle-carousel {
    margin-top: min(13.953vw, 3.75rem);
  }

  .libpet-s-lifestyle-carousel .libpet-s-carousel-card {
    aspect-ratio: 1000 / 937;
  }

  .libpet-s-buy-area {
    background: #000;
    justify-content: center;
    align-items: center;
    min-height: min(41.86vw, 11.25rem);
    display: flex;
  }

  .libpet-s-buy-link {
    border: 0;
    width: clamp(6.75rem, 27.907vw, 7.5rem);
    min-height: 2.75rem;
    margin: 0;
    padding: 0;
    font-size: clamp(.8125rem, 3.256vw, .875rem);
    position: relative;
  }

  .libpet-s-buy-link:before {
    border: var(--hairline-width) solid #ffffffb8;
    content: "";
    pointer-events: none;
    border-radius: 9999rem;
    width: 100%;
    height: 1.875rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .mobile-aps-detail .mobile-footer-top-row, .mobile-libpet-s-detail .mobile-footer-top-row {
    width: var(--mobile-content-width);
    border-top: var(--hairline-width) solid #1d1d1d;
    margin-inline: auto;
  }

  @media (prefers-reduced-motion: reduce) {
    .aps-carousel-track {
      scroll-behavior: auto;
    }

    .libpet-s-config-tabs span {
      transition: none;
    }

    .footer-subscribe-spinner {
      animation: none;
    }
  }
}

@layer utilities {
  .pointer-events-auto {
    pointer-events: auto;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .inset-0 {
    inset: 0;
  }

  .inset-x-0 {
    inset-inline: 0;
  }

  .top-0 {
    top: 0;
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-4 {
    top: calc(var(--spacing) * 4);
  }

  .top-\[var\(--nav-search-top-gap\)\] {
    top: var(--nav-search-top-gap);
  }

  .right-0 {
    right: 0;
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .bottom-0 {
    bottom: 0;
  }

  .left-0 {
    left: 0;
  }

  .left-1\/2 {
    left: 50%;
  }

  .isolate {
    isolation: isolate;
  }

  .z-0 {
    z-index: 0;
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .z-40 {
    z-index: 40;
  }

  .z-50 {
    z-index: 50;
  }

  .z-\[15\] {
    z-index: 15;
  }

  .order-1 {
    order: 1;
  }

  .order-2 {
    order: 2;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .mx-auto {
    margin-inline: auto;
  }

  .mt-0 {
    margin-top: 0;
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-\[var\(--nav-search-links-top-gap\)\] {
    margin-top: var(--nav-search-links-top-gap);
  }

  .mt-\[var\(--nav-search-quick-gap\)\] {
    margin-top: var(--nav-search-quick-gap);
  }

  .ml-auto {
    margin-left: auto;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-flex {
    display: inline-flex;
  }

  .table {
    display: table;
  }

  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }

  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .h-0 {
    height: 0;
  }

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-\[var\(--nav-icon-size\)\] {
    height: var(--nav-icon-size);
  }

  .h-\[var\(--nav-search-input-height\)\] {
    height: var(--nav-search-input-height);
  }

  .h-\[var\(--nav-search-link-row-height\)\] {
    height: var(--nav-search-link-row-height);
  }

  .h-\[var\(--nav-search-panel-height\)\] {
    height: var(--nav-search-panel-height);
  }

  .h-\[var\(--nav-submenu-panel-height-1\)\] {
    height: var(--nav-submenu-panel-height-1);
  }

  .h-\[var\(--nav-submenu-panel-height-2\)\] {
    height: var(--nav-submenu-panel-height-2);
  }

  .h-\[var\(--nav-submenu-panel-height-3\)\] {
    height: var(--nav-submenu-panel-height-3);
  }

  .h-\[var\(--nav-submenu-panel-height-4\)\] {
    height: var(--nav-submenu-panel-height-4);
  }

  .h-\[var\(--nav-submenu-panel-height-5\)\] {
    height: var(--nav-submenu-panel-height-5);
  }

  .h-auto {
    height: auto;
  }

  .h-dvh {
    height: 100dvh;
  }

  .h-full {
    height: 100%;
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .min-h-svh {
    min-height: 100svh;
  }

  .w-3 {
    width: calc(var(--spacing) * 3);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-\[var\(--nav-icon-size\)\] {
    width: var(--nav-icon-size);
  }

  .w-full {
    width: 100%;
  }

  .w-max {
    width: max-content;
  }

  .w-screen {
    width: 100vw;
  }

  .max-w-\[calc\(100\%-2rem\)\] {
    max-width: calc(100% - 2rem);
  }

  .max-w-none {
    max-width: none;
  }

  .min-w-0 {
    min-width: 0;
  }

  .flex-1 {
    flex: 1;
  }

  .shrink-0 {
    flex-shrink: 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-0 {
    --tw-translate-x: 0;
    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-0 {
    --tw-translate-y: 0;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .animate-in {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .touch-manipulation {
    touch-action: manipulation;
  }

  .resize {
    resize: both;
  }

  .grid-cols-\[1fr_auto_1fr\] {
    grid-template-columns: 1fr auto 1fr;
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-col-reverse {
    flex-direction: column-reverse;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .items-center {
    align-items: center;
  }

  .items-end {
    align-items: flex-end;
  }

  .items-start {
    align-items: flex-start;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .gap-0 {
    gap: 0;
  }

  .gap-1 {
    gap: var(--spacing);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-\[var\(--nav-icon-gap\)\] {
    gap: var(--nav-icon-gap);
  }

  .gap-\[var\(--nav-item-gap\)\] {
    gap: var(--nav-item-gap);
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-visible {
    overflow: visible;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .overscroll-contain {
    overscroll-behavior: contain;
  }

  .rounded-\[min\(var\(--radius-md\)\,0\.5rem\)\] {
    border-radius: min(var(--radius-md), .5rem);
  }

  .rounded-\[min\(var\(--radius-md\)\,0\.625rem\)\] {
    border-radius: min(var(--radius-md), .625rem);
  }

  .rounded-\[var\(--radius-news-card\)\] {
    border-radius: var(--radius-news-card);
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-md {
    border-radius: calc(var(--radius) * .8);
  }

  .rounded-none {
    border-radius: 0;
  }

  .rounded-xl {
    border-radius: calc(var(--radius) * 1.4);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-\[\#4f4f4f\] {
    border-color: #4f4f4f;
  }

  .border-\[\#e9e9e9\] {
    border-color: #e9e9e9;
  }

  .border-border {
    border-color: var(--border);
  }

  .border-transparent {
    border-color: #0000;
  }

  .bg-\[\#0c0c0c\] {
    background-color: #0c0c0c;
  }

  .bg-\[\#f5f6f7\] {
    background-color: #f5f6f7;
  }

  .bg-\[var\(--color-footer\)\] {
    background-color: var(--color-footer);
  }

  .bg-\[var\(--color-footer-rule\)\] {
    background-color: var(--color-footer-rule);
  }

  .bg-\[var\(--color-libpet-blue\)\] {
    background-color: var(--color-libpet-blue);
  }

  .bg-\[var\(--color-page-grey\)\] {
    background-color: var(--color-page-grey);
  }

  .bg-\[var\(--color-page-white\)\], .bg-background {
    background-color: var(--color-page-white);
  }

  .bg-black {
    background-color: var(--color-black);
  }

  .bg-black\/10 {
    background-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/10 {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .bg-black\/55 {
    background-color: #0000008c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/55 {
      background-color: color-mix(in oklab, var(--color-black) 55%, transparent);
    }
  }

  .bg-destructive\/10 {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-destructive\/10 {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }

  .bg-popover {
    background-color: var(--popover);
  }

  .bg-primary {
    background-color: var(--primary);
  }

  .bg-secondary {
    background-color: var(--secondary);
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-clip-padding {
    background-clip: padding-box;
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .p-0 {
    padding: 0;
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .text-center {
    text-align: center;
  }

  .font-heading, .font-sans {
    font-family: var(--font-primary-stack);
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .leading-\[1\.08\] {
    --tw-leading: 1.08;
    line-height: 1.08;
  }

  .leading-\[1\.25\] {
    --tw-leading: 1.25;
    line-height: 1.25;
  }

  .leading-\[var\(--nav-search-label-line-height\)\] {
    --tw-leading: var(--nav-search-label-line-height);
    line-height: var(--nav-search-label-line-height);
  }

  .leading-\[var\(--nav-search-link-line-height\)\] {
    --tw-leading: var(--nav-search-link-line-height);
    line-height: var(--nav-search-link-line-height);
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }

  .text-wrap {
    text-wrap: wrap;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .text-\[\#9c9c9c\] {
    color: #9c9c9c;
  }

  .text-\[\#777\] {
    color: #777;
  }

  .text-\[\#25282a\] {
    color: #25282a;
  }

  .text-\[\#141414\] {
    color: #141414;
  }

  .text-\[var\(--color-footer-muted\)\] {
    color: var(--color-footer-muted);
  }

  .text-\[var\(--color-ink\)\] {
    color: var(--color-ink);
  }

  .text-black {
    color: var(--color-black);
  }

  .text-destructive {
    color: var(--destructive);
  }

  .text-muted-foreground {
    color: var(--muted-foreground);
  }

  .text-popover-foreground {
    color: var(--popover-foreground);
  }

  .text-primary {
    color: var(--primary);
  }

  .text-primary-foreground {
    color: var(--primary-foreground);
  }

  .text-secondary-foreground {
    color: var(--secondary-foreground);
  }

  .text-white {
    color: var(--color-white);
  }

  .italic {
    font-style: italic;
  }

  .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, );
  }

  .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, );
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-100 {
    opacity: 1;
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring {
    --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-0 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + 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-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-foreground\/10 {
    --tw-ring-color: var(--color-ink);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-foreground\/10 {
      --tw-ring-color: color-mix(in oklab, var(--color-ink) 10%, 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, );
  }

  .backdrop-blur-none {
    --tw-backdrop-blur:  ;
    -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, );
  }

  .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-\[background-color\,opacity\] {
    transition-property: background-color, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[height\] {
    transition-property: height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[top\,opacity\] {
    transition-property: top, opacity;
    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));
  }

  .duration-100 {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .duration-700 {
    --tw-duration: .7s;
    transition-duration: .7s;
  }

  .duration-\[360ms\] {
    --tw-duration: .36s;
    transition-duration: .36s;
  }

  .duration-\[520ms\] {
    --tw-duration: .52s;
    transition-duration: .52s;
  }

  .duration-\[700ms\] {
    --tw-duration: .7s;
    transition-duration: .7s;
  }

  .duration-\[1400ms\] {
    --tw-duration: 1.4s;
    transition-duration: 1.4s;
  }

  .ease-\[cubic-bezier\(0\.16\,1\,0\.3\,1\)\] {
    --tw-ease: cubic-bezier(.16,1,.3,1);
    transition-timing-function: cubic-bezier(.16, 1, .3, 1);
  }

  .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);
  }

  .fade-in-0 {
    --tw-enter-opacity: 0;
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .paused {
    animation-play-state: paused;
  }

  .running {
    animation-play-state: running;
  }

  .slide-in-from-top-1 {
    --tw-enter-translate-y: calc(1*var(--spacing)*-1);
  }

  .group-focus-within\:pointer-events-auto:is(:where(.group):focus-within *) {
    pointer-events: auto;
  }

  .group-focus-within\:text-\[var\(--color-libpet-blue\)\]:is(:where(.group):focus-within *) {
    color: var(--color-libpet-blue);
  }

  .group-focus-within\:opacity-0:is(:where(.group):focus-within *) {
    opacity: 0;
  }

  .group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
    opacity: 1;
  }

  @media (hover: hover) {
    .group-hover\:pointer-events-auto:is(:where(.group):hover *) {
      pointer-events: auto;
    }
  }

  @media (hover: hover) {
    .group-hover\:text-\[var\(--color-libpet-blue\)\]:is(:where(.group):hover *) {
      color: var(--color-libpet-blue);
    }
  }

  @media (hover: hover) {
    .group-hover\:opacity-0:is(:where(.group):hover *) {
      opacity: 0;
    }
  }

  @media (hover: hover) {
    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }
  }

  @media (hover: hover) {
    .group-hover\/qr\:text-white:is(:where(.group\/qr):hover *) {
      color: var(--color-white);
    }
  }

  .placeholder\:text-\[\#cfcfcf\]::placeholder {
    color: #cfcfcf;
  }

  .placeholder\:text-white\/70::placeholder {
    color: #ffffffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-white\/70::placeholder {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }

  .focus-within\:bg-\[var\(--color-page-white\)\]:focus-within {
    background-color: var(--color-page-white);
  }

  @media (hover: hover) {
    .hover\:bg-\[\#e8ebee\]:hover {
      background-color: #e8ebee;
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[\#f1f1f1\]:hover {
      background-color: #f1f1f1;
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover {
      background-color: var(--secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover {
        background-color: color-mix(in oklch,var(--secondary),var(--foreground) 5%);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[var\(--color-libpet-blue\)\]:hover {
      background-color: var(--color-libpet-blue);
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[var\(--color-nav-search-row\)\]:hover {
      background-color: var(--color-nav-search-row);
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[var\(--color-page-white\)\]:hover {
      background-color: var(--color-page-white);
    }
  }

  @media (hover: hover) {
    .hover\:bg-destructive\/20:hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-destructive\/20:hover {
        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-muted:hover {
      background-color: var(--muted);
    }
  }

  @media (hover: hover) {
    .hover\:bg-primary\/80:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/80:hover {
        background-color: color-mix(in oklab, var(--primary) 80%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:text-foreground:hover {
      color: var(--color-ink);
    }
  }

  @media (hover: hover) {
    .hover\:text-white:hover {
      color: var(--color-white);
    }
  }

  @media (hover: hover) {
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
  }

  @media (hover: hover) {
    .hover\:opacity-70:hover {
      opacity: .7;
    }
  }

  @media (hover: hover) {
    .hover\:opacity-80:hover {
      opacity: .8;
    }
  }

  @media (hover: hover) {
    .hover\:opacity-100:hover {
      opacity: 1;
    }
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:border-destructive\/40:focus-visible {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:border-destructive\/40:focus-visible {
      border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .focus-visible\:border-ring:focus-visible {
    border-color: var(--ring);
  }

  .focus-visible\:bg-\[var\(--color-nav-search-row\)\]:focus-visible {
    background-color: var(--color-nav-search-row);
  }

  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-3:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-destructive\/20:focus-visible {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-destructive\/20:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .focus-visible\:ring-ring\/50:focus-visible {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-ring\/50:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .focus-visible\:ring-white\/70:focus-visible {
    --tw-ring-color: #ffffffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-white\/70:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }

  .focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus-visible\:ring-offset-transparent:focus-visible {
    --tw-ring-offset-color: transparent;
  }

  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .active\:not-aria-\[haspopup\]\:translate-y-\[0\.0625rem\]:active:not([aria-haspopup]) {
    --tw-translate-y: .0625rem;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  :where([data-slot="button-group"]) .in-data-\[slot\=button-group\]\:rounded-md {
    border-radius: calc(var(--radius) * .8);
  }

  .has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon="inline-end"]) {
    padding-right: calc(var(--spacing) * 1.5);
  }

  .has-data-\[icon\=inline-end\]\:pr-2:has([data-icon="inline-end"]) {
    padding-right: calc(var(--spacing) * 2);
  }

  .has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon="inline-start"]) {
    padding-left: calc(var(--spacing) * 1.5);
  }

  .has-data-\[icon\=inline-start\]\:pl-2:has([data-icon="inline-start"]) {
    padding-left: calc(var(--spacing) * 2);
  }

  .aria-expanded\:bg-muted[aria-expanded="true"] {
    background-color: var(--muted);
  }

  .aria-expanded\:bg-secondary[aria-expanded="true"] {
    background-color: var(--secondary);
  }

  .aria-expanded\:text-foreground[aria-expanded="true"] {
    color: var(--color-ink);
  }

  .aria-expanded\:text-secondary-foreground[aria-expanded="true"] {
    color: var(--secondary-foreground);
  }

  .aria-invalid\:border-destructive[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  .aria-invalid\:ring-3[aria-invalid="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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);
  }

  .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .data-\[state\=closed\]\:animate-out[data-state="closed"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
    --tw-exit-opacity: 0;
  }

  .data-\[state\=closed\]\:slide-out-to-top-2[data-state="closed"] {
    --tw-exit-translate-y: calc(2*var(--spacing)*-1);
  }

  .data-\[state\=open\]\:animate-in[data-state="open"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=open\]\:fade-in-0[data-state="open"] {
    --tw-enter-opacity: 0;
  }

  .data-\[state\=open\]\:slide-in-from-top-2[data-state="open"] {
    --tw-enter-translate-y: calc(2*var(--spacing)*-1);
  }

  @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
    .supports-backdrop-filter\:backdrop-blur-none {
      --tw-backdrop-blur:  ;
      -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, );
    }
  }

  @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
    .supports-backdrop-filter\:backdrop-blur-xs {
      --tw-backdrop-blur: blur(var(--blur-xs));
      -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
      backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:animate-none {
      animation: none;
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-md {
      max-width: var(--container-md);
    }
  }

  @media (min-width: 40rem) {
    .sm\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 40rem) {
    .sm\:justify-end {
      justify-content: flex-end;
    }
  }

  @media (min-width: 48rem) {
    .md\:block {
      display: block;
    }
  }

  @media (min-width: 48rem) {
    .md\:flex {
      display: flex;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  .dark\:border-input:is(.dark *) {
    border-color: var(--input);
  }

  .dark\:bg-destructive\/20:is(.dark *) {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-destructive\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .dark\:bg-input\/30:is(.dark *) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-input\/30:is(.dark *) {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  @media (hover: hover) {
    .dark\:hover\:bg-destructive\/30:is(.dark *):hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-destructive\/30:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--destructive) 30%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .dark\:hover\:bg-input\/50:is(.dark *):hover {
      background-color: var(--input);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-input\/50:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--input) 50%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .dark\:hover\:bg-muted\/50:is(.dark *):hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-muted\/50:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }
  }

  .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid="true"] {
      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }

  .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .data-open\:animate-in:where([data-state="open"]), .data-open\:animate-in:where([data-open]:not([data-open="false"])) {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .data-open\:fade-in-0:where([data-state="open"]), .data-open\:fade-in-0:where([data-open]:not([data-open="false"])) {
    --tw-enter-opacity: 0;
  }

  .data-open\:zoom-in-95:where([data-state="open"]), .data-open\:zoom-in-95:where([data-open]:not([data-open="false"])) {
    --tw-enter-scale: .95;
  }

  .data-closed\:animate-out:where([data-state="closed"]), .data-closed\:animate-out:where([data-closed]:not([data-closed="false"])) {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .data-closed\:fade-out-0:where([data-state="closed"]), .data-closed\:fade-out-0:where([data-closed]:not([data-closed="false"])) {
    --tw-exit-opacity: 0;
  }

  .data-closed\:zoom-out-95:where([data-state="closed"]), .data-closed\:zoom-out-95:where([data-closed]:not([data-closed="false"])) {
    --tw-exit-scale: .95;
  }

  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }

  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  :is(.\*\:\[a\]\:underline > *):is(a) {
    text-decoration-line: underline;
  }

  :is(.\*\:\[a\]\:underline-offset-3 > *):is(a) {
    text-underline-offset: 3px;
  }

  @media (hover: hover) {
    :is(.\*\:\[a\]\:hover\:text-foreground > *):is(a):hover {
      color: var(--color-ink);
    }
  }
}

@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}

@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}

@property --tw-animation-duration {
  syntax: "*";
  inherits: false
}

@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --scroll-fade-t {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}

@property --scroll-fade-b {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}

@property --scroll-fade-s {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}

@property --scroll-fade-e {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}

@property --scroll-fade-mask {
  syntax: "*";
  inherits: false
}

@property --shimmer-angle {
  syntax: "<angle>";
  inherits: true;
  initial-value: 20deg;
}

@property --shimmer-image {
  syntax: "*";
  inherits: false
}

@property --shimmer-text-fill {
  syntax: "*";
  inherits: false
}

@media (prefers-reduced-motion: reduce) {
  .shimmer {
    -webkit-text-fill-color: currentColor;
    background-image: none;
    animation: none;
  }
}

@font-face {
  font-family: Outfit APS Ride;
  src: url("../media/Outfit-Light.2fle5rz4ev2ob.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

:root {
  --homepage-design-width: 215rem;
  --nav-footer-design-width: 120rem;
  --nav-footer-page-gutter: 7.8125rem;
  --site-shell-width: 104.375rem;
  --header-shell-width: 104.375rem;
  --site-page-gutter: clamp(1.5rem, 6.5104vw, var(--nav-footer-page-gutter));
  --home-section-gap: var(--product-grid-gap);
  --nav-main-height: clamp(4rem, 4.4792vw, 5.375rem);
  --nav-main-font-size: clamp(1.125rem, 1.3542vw, 1.625rem);
  --nav-item-gap: clamp(1.5rem, 2.9167vw, 3.5rem);
  --nav-icon-gap: clamp(1rem, 1.875vw, 2.25rem);
  --nav-icon-size: var(--nav-main-font-size);
  --nav-account-trigger-background-size: clamp(2.25rem, 2.0833vw, 2.5rem);
  --nav-account-menu-gap: clamp(.625rem, .9375vw, 1.125rem);
  --nav-account-menu-arrow-center: clamp(1rem, 1.0417vw, 1.25rem);
  --nav-account-menu-arrow-half-width: clamp(.375rem, .3646vw, .4375rem);
  --nav-account-menu-arrow-height: clamp(.3125rem, .3125vw, .375rem);
  --nav-account-menu-guest-width: clamp(7.25rem, 6.25vw, 7.5rem);
  --nav-account-menu-authenticated-width: clamp(13.5rem, 12.5vw, 15rem);
  --nav-account-menu-row-height: clamp(2.75rem, 2.5vw, 3rem);
  --nav-account-menu-font-size: clamp(.8125rem, .7813vw, .9375rem);
  --nav-submenu-font-size: var(--nav-main-font-size);
  --nav-submenu-leading: clamp(1.3125rem, 2.1875vw, 2.625rem);
  --nav-submenu-bottom-gap: clamp(.84375rem, 1.40625vw, 1.6875rem);
  --nav-search-top-gap: 2.75rem;
  --nav-search-input-height: 2.625rem;
  --nav-search-input-size: 2.1875rem;
  --nav-search-icon-size: 1em;
  --nav-search-quick-gap: 3.6875rem;
  --nav-search-label-size: 1.125rem;
  --nav-search-label-line-height: 1.125rem;
  --nav-search-links-top-gap: .875rem;
  --nav-search-link-row-height: 3.375rem;
  --nav-search-link-size: 1.625rem;
  --nav-search-link-line-height: 1.1875rem;
  --nav-search-panel-height: 27.9375rem;
  --nav-search-input-gap: 1rem;
  --nav-search-link-bleed: .75rem;
  --nav-search-link-radius: .125rem;
  --nav-search-arrow-slot: 1.625rem;
  --nav-search-arrow-inset: .1875rem;
  --nav-submenu-hover-opacity: .7;
  --nav-logo-width: clamp(7.25rem, 8.2292vw, 9.875rem);
  --nav-logo-height: clamp(1.4375rem, 1.6146vw, 1.9375rem);
  --nav-actions-spacer-width: calc(var(--nav-icon-size) + var(--nav-icon-size) + var(--nav-icon-size) +
      var(--nav-icon-size) + var(--nav-icon-gap) + var(--nav-icon-gap) +
      var(--nav-icon-gap));
  --nav-submenu-panel-height-1: calc(var(--nav-submenu-leading) + var(--nav-submenu-bottom-gap));
  --nav-submenu-panel-height-2: calc(var(--nav-submenu-leading) + var(--nav-submenu-leading) +
      var(--nav-submenu-bottom-gap));
  --nav-submenu-panel-height-3: calc(var(--nav-submenu-leading) + var(--nav-submenu-leading) +
      var(--nav-submenu-leading) + var(--nav-submenu-bottom-gap));
  --nav-submenu-panel-height-4: calc(var(--nav-submenu-leading) + var(--nav-submenu-leading) +
      var(--nav-submenu-leading) + var(--nav-submenu-leading) +
      var(--nav-submenu-bottom-gap));
  --nav-submenu-panel-height-5: calc(var(--nav-submenu-leading) + var(--nav-submenu-leading) +
      var(--nav-submenu-leading) + var(--nav-submenu-leading) +
      var(--nav-submenu-leading) + var(--nav-submenu-bottom-gap));
  --hero-copy-width: min(68.75rem, 100%);
  --hero-title-size: clamp(2.625rem, 11vw, 4rem);
  --hero-title-block-size: var(--hero-title-size);
  --hero-subtitle-size: clamp(1.25rem, 5.4vw, 1.75rem);
  --hero-title-subtitle-gap: 1.5rem;
  --hero-subtitle-gap: 1.0625rem;
  --hero-copy-cta-gap: 4.5rem;
  --hero-cta-width: 11.25rem;
  --hero-cta-height: 2.8125rem;
  --hero-cta-font-size: 1.25rem;
  --hero-desktop-min-height: min(56.25rem, 90svh);
  --brand-statement-font-size: clamp(3rem, 12vw, 3.75rem);
  --company-metrics-min-height: 36rem;
  --company-metrics-value-size: clamp(4rem, 4.2733vw, 9.1875rem);
  --company-metrics-label-size: clamp(1rem, 1.1337vw, 2.4375rem);
  --company-metrics-value-label-gap: clamp(.5rem, .6105vw, 1.3125rem);
  --company-metrics-label-icon-gap: clamp(2rem, 2.0349vw, 4.375rem);
  --company-metrics-icon-size: clamp(2.75rem, 2.6163vw, 5.625rem);
  --company-metrics-news-gap: clamp(5rem, 8.8081vw, 18.9375rem);
  --latest-news-footer-gap: clamp(3.5rem, 4.4186vw, 9.5rem);
  --footer-top-gap: clamp(5rem, 7.9167vw, 9.5rem);
  --footer-bottom-gap: clamp(3rem, 3.0208vw, 3.625rem);
  --desktop-1080p-height-boost: 6.25rem;
  --desktop-detail-banner-height: clamp(26rem, 31.3953vw, 67.5rem);
  --hero-copy-height: calc(var(--hero-title-block-size) + var(--hero-title-subtitle-gap) +
      var(--hero-subtitle-size) + var(--hero-subtitle-size) +
      var(--hero-subtitle-gap) + var(--hero-copy-cta-gap) +
      var(--hero-cta-height));
  --product-grid-gap: 1.375rem;
  --product-card-aspect-ratio: 1687 / 940;
  --product-card-padding-start: clamp(2rem, 1.5698vw, 3.375rem);
  --product-card-title-size: clamp(2.25rem, 2.6163vw, 5.625rem);
  --product-card-description-size: clamp(1rem, .9593vw, 2.0625rem);
  --product-card-link-size: clamp(.875rem, .7268vw, 1.5625rem);
  --product-card-link-gap: clamp(1rem, .8721vw, 1.875rem);
  --product-card-title-subcopy-gap: clamp(.5rem, .4651vw, 1rem);
  --carousel-dot-size: .625rem;
  --carousel-dot-active-width: 1.5rem;
  --carousel-dot-bottom-offset: clamp(1.5rem, 1.6279vw, 3.5rem);
  --product-video-nav-size: 2.5rem;
  --product-video-nav-inline-offset: 1.25rem;
  --cooperation-dialog-width: min(81.25rem, calc(100vw - 2rem));
  --cooperation-dialog-header-height: clamp(5.5rem, 7.9815vw, 7.5625rem);
  --cooperation-dialog-title-size: clamp(2.25rem, 3.2982vw, 3.125rem);
  --cooperation-dialog-body-top-gap: clamp(3rem, 4.6174vw, 4.375rem);
  --cooperation-dialog-body-inline: clamp(1.5rem, 5.8139vw, 7.8125rem);
  --cooperation-dialog-message-size: 1.875rem;
  --cooperation-dialog-message-width: min(58.75rem, 100%);
  --cooperation-dialog-actions-top-gap: clamp(4rem, 7.5858vw, 7.1875rem);
  --cooperation-dialog-actions-bottom-gap: clamp(5rem, 9.8945vw, 9.5rem);
  --cooperation-dialog-action-gap: clamp(4rem, 4.7493vw, 4.5rem);
  --cooperation-dialog-link-gap: clamp(.75rem, 1.0554vw, 1rem);
  --cooperation-dialog-link-size: 1.5625rem;
  --cooperation-dialog-icon-size: calc(var(--cooperation-dialog-link-size) * 1.08);
  --cooperation-dialog-close-center: 2.5rem;
  --cooperation-dialog-close-size: 2.5rem;
  --cooperation-dialog-close-icon-size: 1.5rem;
  --region-selector-option-radius: clamp(.25rem, .3634vw, .78125rem);
  --hero-cta-gap: .75rem;
  --hairline-width: .0625rem;
  --mobile-safe-top: env(safe-area-inset-top, 0px);
  --mobile-safe-bottom: env(safe-area-inset-bottom, 0px);
  --mobile-dynamic-viewport-height: 100dvh;
  --mobile-edge: clamp(1rem, 4.65vw, 1.25rem);
  --mobile-media-max-width: 26.875rem;
  --mobile-content-width: min(22.875rem, 85.116vw, calc(100vw - 2rem));
  --mobile-content-side: max(1rem,
    calc((100vw - var(--mobile-content-width)) / 2));
  --mobile-panel-edge: clamp(1.75rem, 7.45vw, 2rem);
  --mobile-header-bar: clamp(3rem, 11.628vw, 3.125rem);
  --mobile-header-button-left: .65625rem;
  --mobile-header-visible-left: 1.34375rem;
  --mobile-header-total: calc(var(--mobile-header-bar) + var(--mobile-safe-top));
  --mobile-nav-surface: #2b241fc7;
  --mobile-nav-surface-glass: #2b241f9e;
  --mobile-panel-open-duration: .82s;
  --mobile-panel-close-duration: .92s;
  --mobile-banner-height: clamp(34rem, 151.163vw, 40.625rem);
  --mobile-hero-height: var(--mobile-banner-height);
  --mobile-product-detail-hero-action-gap: clamp(2.6rem,
    11.163vw,
    3rem);
  --mobile-pill-cta-min-width: clamp(8.25rem, 31.5vw, 9rem);
  --mobile-pill-cta-padding-inline: .625rem;
  --mobile-section-rule: .625rem;
  --mobile-product-block-height: clamp(27.625rem, 122.791vw, 33rem);
  --mobile-product-title-size: clamp(2.25rem, 10.465vw, 2.8125rem);
  --mobile-product-subtitle-size: clamp(1rem, 4.651vw, 1.25rem);
  --mobile-product-action-size: clamp(.875rem, 3.721vw, 1rem);
  --mobile-brand-height: clamp(32.1875rem, 143.023vw, 38.4375rem);
  --mobile-video-height: var(--mobile-product-block-height);
  --mobile-company-metrics-padding-block: min(6.5rem, 24.186vw);
  --mobile-company-metrics-item-gap: min(6rem, 22.326vw);
  --mobile-company-metrics-value-size: clamp(2.625rem,
    11.628vw,
    3.125rem);
  --mobile-company-metrics-label-size: clamp(1.125rem, 4.651vw, 1.25rem);
  --mobile-company-metrics-icon-size: clamp(1.875rem, 7.907vw, 2.125rem);
  --mobile-company-metrics-value-label-gap: min(.625rem, 2.326vw);
  --mobile-company-metrics-label-icon-gap: min(1rem, 3.721vw);
  --mobile-fluid-hero-metrics-top: clamp(7.5rem, 32.558vw, 8.75rem);
  --mobile-fluid-hero-metrics-gap: clamp(2.75rem, 11.86vw, 3.1875rem);
  --mobile-carousel-dot-size: .5rem;
  --mobile-carousel-dot-active-width: 1.25rem;
  --mobile-carousel-dot-control-width: 2rem;
  --mobile-carousel-dot-control-height: 2.75rem;
  --mobile-news-heading-height: min(7.125rem, 26.512vw);
  --mobile-news-heading-size: clamp(2rem, 9.302vw, 2.5rem);
  --mobile-news-card-width: min(22.5rem, 83.721vw);
  --mobile-news-card-height: min(27.5rem, 102.326vw);
  --mobile-news-card-title-size: clamp(1.125rem, 5.116vw, 1.375rem);
  --mobile-category-row-height: min(3.5rem, 13.023vw);
  --mobile-footer-row-height: 3.5rem;
  --mobile-footer-top-row-height: 4.55rem;
  --mobile-subscribe-input-height: min(2.75rem, 10.233vw);
  --color-page-white: #fff;
  --color-page-grey: #f6f6f6;
  --color-soft-grey: #f2f2f2;
  --color-company-metrics-icon: #312722;
  --color-libpet-blue: #0037b8;
  --color-mobile-body-text: #626262;
  --color-wood-dark: #3a2116;
  --color-nav-search-row: #6d67615c;
  --color-ink: #000;
  --color-footer: #000;
  --color-footer-muted: #d7d7d7;
  --color-footer-rule: #2d2d2d;
  --color-footer-submit: #6d6d6d;
  --color-footer-submit-hover: #8a8a8a;
  --color-footer-submit-active: #9a9a9a;
  --color-footer-submit-valid: var(--color-libpet-blue);
  --color-footer-submit-valid-hover: #1048d5;
  --color-carousel-dot-active: #fffffff5;
  --color-carousel-dot-hover: #ffffff9e;
  --color-carousel-dot-default: #8e8e8eb8;
  --font-primary-stack: var(--font-outfit), "Outfit",
    var(--font-alibaba-puhuiti), "Alibaba PuHuiTi 2", system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --radius-news-card: clamp(.75rem, .7267vw, 1.5625rem);
  --background: #fff;
  --foreground: #0a0a0a;
  --card: #fff;
  --card-foreground: #0a0a0a;
  --popover: #fff;
  --popover-foreground: #0a0a0a;
  --primary: #171717;
  --primary-foreground: #fafafa;
  --secondary: #f5f5f5;
  --secondary-foreground: #171717;
  --muted: #f5f5f5;
  --muted-foreground: #737373;
  --accent: #f5f5f5;
  --accent-foreground: #171717;
  --destructive: #e40014;
  --border: #e5e5e5;
  --input: #e5e5e5;
  --ring: #a1a1a1;
  --chart-1: #d4d4d4;
  --chart-2: #737373;
  --chart-3: #525252;
  --chart-4: #404040;
  --chart-5: #262626;
  --radius: .625rem;
  --sidebar: #fafafa;
  --sidebar-foreground: #0a0a0a;
  --sidebar-primary: #171717;
  --sidebar-primary-foreground: #fafafa;
  --sidebar-accent: #f5f5f5;
  --sidebar-accent-foreground: #171717;
  --sidebar-border: #e5e5e5;
  --sidebar-ring: #a1a1a1;
}

@supports (color: lab(0% 0 0)) {
  :root {
    --background: lab(100% 0 0);
    --foreground: lab(2.75381% 0 0);
    --card: lab(100% 0 0);
    --card-foreground: lab(2.75381% 0 0);
    --popover: lab(100% 0 0);
    --popover-foreground: lab(2.75381% 0 0);
    --primary: lab(7.78201% -.0000149012 0);
    --primary-foreground: lab(98.26% 0 0);
    --secondary: lab(96.52% -.0000298023 .0000119209);
    --secondary-foreground: lab(7.78201% -.0000149012 0);
    --muted: lab(96.52% -.0000298023 .0000119209);
    --muted-foreground: lab(48.496% 0 0);
    --accent: lab(96.52% -.0000298023 .0000119209);
    --accent-foreground: lab(7.78201% -.0000149012 0);
    --destructive: lab(48.4493% 77.4328 61.5452);
    --border: lab(90.952% 0 -.0000119209);
    --input: lab(90.952% 0 -.0000119209);
    --ring: lab(66.128% -.0000298023 .0000119209);
    --chart-1: lab(84.92% 0 -.0000119209);
    --chart-2: lab(48.496% 0 0);
    --chart-3: lab(34.924% 0 0);
    --chart-4: lab(27.036% 0 0);
    --chart-5: lab(15.204% 0 -.00000596046);
    --sidebar: lab(98.26% 0 0);
    --sidebar-foreground: lab(2.75381% 0 0);
    --sidebar-primary: lab(7.78201% -.0000149012 0);
    --sidebar-primary-foreground: lab(98.26% 0 0);
    --sidebar-accent: lab(96.52% -.0000298023 .0000119209);
    --sidebar-accent-foreground: lab(7.78201% -.0000149012 0);
    --sidebar-border: lab(90.952% 0 -.0000119209);
    --sidebar-ring: lab(66.128% -.0000298023 .0000119209);
  }
}

@media (min-width: 48rem) {
  :root {
    --hero-title-size: clamp(5.625rem, 6.25vw, 7.5rem);
    --hero-subtitle-size: clamp(2.0625rem, 2.34375vw, 2.8125rem);
    --brand-statement-font-size: clamp(3rem, 3.51563vw, 4.21875rem);
  }

  .hero-section {
    height: 75svh;
    min-height: var(--hero-desktop-min-height);
  }

  .hero-image-slide {
    object-position: center;
  }

  .brand-statement-section {
    height: calc(75vh + var(--desktop-1080p-height-boost));
    height: calc(75svh + var(--desktop-1080p-height-boost));
  }
}

@media (min-width: 64rem) and (max-width: 89.9375rem) and (orientation: landscape) {
  :root {
    --hero-tablet-height-excess: clamp(0rem,
      calc(100svh - 68vw),
      1.5rem);
    --hero-title-subtitle-gap: calc(1.5rem + min(var(--hero-tablet-height-excess), .5rem));
    --hero-subtitle-gap: calc(1.0625rem + min(var(--hero-tablet-height-excess), .375rem));
    --hero-copy-cta-gap: calc(4.5rem + var(--hero-tablet-height-excess));
  }
}

@media (min-width: 48rem) and (max-width: 120rem) and (max-height: 67.5rem) {
  .hero-image-slide-3 {
    object-position: 60% center;
  }

  .hero-image-slide-1, .hero-image-slide-2, .hero-image-slide-4, .hero-image-slide-5 {
    object-position: 57% center;
  }

  .product-card {
    aspect-ratio: auto;
    height: calc(27.8601vw + 5.101rem);
  }

  .brand-statement-section {
    height: calc(75vh + var(--desktop-1080p-height-boost));
    height: calc(75svh + var(--desktop-1080p-height-boost));
  }
}

@media (max-width: 47.9375rem) and (max-height: 67.5rem) {
  .desktop-home .brand-statement-section {
    height: calc(75vh + var(--desktop-1080p-height-boost));
    height: calc(75svh + var(--desktop-1080p-height-boost));
  }
}

.footer-main-grid {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2rem 5ch;
  font-size: clamp(1rem, 1.3021vw, 1.5625rem);
  display: flex;
}

.footer-column {
  flex: none;
  max-width: 100%;
}

.footer-subscribe {
  flex: none;
  width: max-content;
  min-width: 0;
  max-width: 100%;
}

.footer-category-heading, .footer-category-links {
  white-space: nowrap;
}

.footer-subscribe-text {
  white-space: normal;
}

@media (min-width: 120rem) {
  .footer-main-grid {
    grid-template-columns: 16.25rem 16.25rem 16.25rem 32.8125rem 22.5rem;
    justify-content: normal;
    gap: 0;
    display: grid;
  }

  .footer-subscribe {
    grid-column: auto;
    width: auto;
  }
}

@media (min-width: 120rem) and (max-height: 95rem) and (min-aspect-ratio: 21 / 9) {
  :root {
    --product-grid-gap: .875rem;
    --company-metrics-news-gap: clamp(7rem, 10svh, 10rem);
    --latest-news-footer-gap: clamp(3.5rem, 6svh, 5rem);
    --footer-top-gap: clamp(4.5rem, 5.8svh, 5.5rem);
    --footer-bottom-gap: clamp(2rem, 2.5svh, 2.75rem);
    --footer-ultrawide-text-size: clamp(1rem, 1.35svh, 1.125rem);
    --radius-news-card: clamp(.5rem, .85svh, .75rem);
  }

  .product-video-carousel {
    --product-video-center: min(47.907vw, 103.111svh, 103rem);
  }

  .product-video-copy-wrap, .product-video-copy-viewport, .product-video-copy-stack {
    height: clamp(8rem, 12svh, 10.75rem);
  }

  .product-video-copy-wrap {
    width: min(52rem, var(--product-video-center));
    top: clamp(2.5rem, 4svh, 3.25rem);
  }

  .product-video-copy-line-1 {
    height: clamp(4rem, 5.25svh, 4.875rem);
    font-size: clamp(3.75rem, 5.25svh, 4.875rem);
  }

  .product-video-copy-line-2 {
    height: clamp(1.25rem, 2.2svh, 1.75rem);
    font-size: clamp(1.125rem, 2.1svh, 1.5rem);
    top: clamp(4.125rem, 6.2svh, 5.125rem);
  }

  .product-video-copy-line-3 {
    height: clamp(1rem, 2svh, 1.375rem);
    top: clamp(6.5rem, 9.25svh, 8rem);
  }

  .product-video-copy-links {
    gap: clamp(1.25rem, 2.6svh, 2rem);
    font-size: clamp(1rem, 1.85svh, 1.25rem);
  }

  .latest-news-section {
    --latest-news-heading-size: clamp(3.25rem, 4.6svh, 4rem);
    --news-card-width: min(23.7209vw, 54svh, 44rem);
    --news-card-height: calc(var(--news-card-width) * 920 / 816);
    --news-card-gap: clamp(2.25rem, 4svh, 3.5rem);
    --news-image-title-gap: clamp(1rem, 1.8svh, 1.5rem);
    --news-title-category-gap: clamp(.625rem, 1.25svh, 1rem);
    --news-date-bottom-gap: clamp(1.25rem, 2.2svh, 1.875rem);
    --news-card-padding-inline: clamp(1rem, 1.8svh, 1.5rem);
    --news-card-control-gap: clamp(1.75rem, 3svh, 2.5rem);
    --news-track-padding-inline: calc(50vw - (var(--news-card-width) / 2));
    --news-card-title-size: clamp(1.5rem, 2.25svh, 2rem);
    --news-meta-row-height: clamp(1.5rem, 2.25svh, 2rem);
  }

  .latest-news-card-type {
    font-size: clamp(1rem, 1.65svh, 1.1875rem);
  }

  .latest-news-card-meta {
    font-size: clamp(.875rem, 1.4svh, 1rem);
  }

  .news-carousel-button {
    width: clamp(3rem, 4.4svh, 3.625rem);
    height: clamp(3rem, 4.4svh, 3.625rem);
  }

  .latest-news-see-all {
    width: clamp(7.5rem, 10.8svh, 9rem);
    height: clamp(3rem, 4.4svh, 3.625rem);
    font-size: clamp(1rem, 1.95svh, 1.25rem);
  }

  .news-carousel-icon {
    width: clamp(1.5rem, 2.4svh, 1.875rem);
    height: clamp(1.5rem, 2.4svh, 1.875rem);
  }

  .footer-category-heading, .footer-category-links, .footer-subscribe-text, .footer-subscribe-form input, .footer-subscribe-submit {
    font-size: var(--footer-ultrawide-text-size);
  }

  .footer-category-links, .footer-subscribe-text, .footer-subscribe-field {
    margin-top: 1.25rem;
  }

  .footer-category-links {
    gap: .75rem;
  }

  .footer-subscribe-form {
    height: 2.375rem;
  }

  .footer-bottom {
    margin-top: 2.5rem;
  }

  .footer-logo {
    width: 8.5rem;
  }

  .footer-social-icon {
    width: 1.125rem;
    height: 1.125rem;
  }

  .footer-copyright, .footer-legal-link, .footer-subscribe-feedback {
    font-size: clamp(.875rem, 1.15svh, 1rem);
  }
}

@keyframes drop-reveal-slide-down {
  0% {
    color: rgb(var(--drop-reveal-color-rgb, 255 255 255) / 18%);
    opacity: 0;
    transform: translateY(var(--drop-reveal-start-y, -1.625rem));
  }

  14% {
    color: rgb(var(--drop-reveal-color-rgb, 255 255 255) / 28%);
    opacity: 1;
  }

  58% {
    color: rgb(var(--drop-reveal-color-rgb, 255 255 255) / 54%);
  }

  100% {
    color: rgb(var(--drop-reveal-color-rgb, 255 255 255) / 70%);
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes drop-reveal-final-brighten {
  from {
    color: rgb(var(--drop-reveal-color-rgb, 255 255 255) / 70%);
  }

  to {
    color: rgb(var(--drop-reveal-color-rgb, 255 255 255) / 100%);
  }
}

@keyframes mobile-product-video-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes nav-dropdown-slide-up-exit {
  from {
    color: #fff;
    opacity: 1;
    transform: translateY(0);
  }

  72% {
    color: #ffffff6b;
    opacity: .56;
  }

  to {
    color: #ffffff2e;
    opacity: 0;
    transform: translateY(var(--drop-reveal-start-y, -1.125rem));
  }
}

@media (max-width: 47.9375rem) {
  .region-selector-title {
    white-space: normal;
  }

  .region-selector-grid {
    grid-template-columns: 1fr;
    padding-inline: 1.375rem;
  }

  .region-selector-option {
    max-width: none;
  }

  :where(:root:not([data-adaptive-device="true"][data-page-target="desktop"])) .cooperation-dialog-overlay {
    -webkit-backdrop-filter: blur(.75rem) !important;
    backdrop-filter: blur(.75rem) !important;
    background: linear-gradient(#2a211bd1 0%, #605b54c2 100%) !important;
  }

  :where(:root:not([data-adaptive-device="true"][data-page-target="desktop"])) .cooperation-dialog-content {
    --mobile-cooperation-width: var(--mobile-content-width);
    --mobile-cooperation-height: 33rem;
    --mobile-cooperation-header-height: clamp(7.25rem, 31.1628vw, 8.375rem);
    --mobile-cooperation-title-size: clamp(1.75rem, 7.907vw, 2.125rem);
    --mobile-cooperation-message-size: clamp(1rem, 4.6512vw, 1.25rem);
    --mobile-cooperation-button-width: 12.25rem;
    --mobile-cooperation-button-height: 3.0625rem;
    height: min(var(--mobile-cooperation-height),
      calc(100dvh - var(--mobile-safe-top) - var(--mobile-safe-bottom) - 2rem));
    max-height: calc(100dvh - var(--mobile-safe-top) - var(--mobile-safe-bottom) - 2rem);
    grid-template-rows: var(--mobile-cooperation-header-height) minmax(0, 1fr);
    border-radius: .25rem;
    overflow: hidden auto;
    width: var(--mobile-cooperation-width) !important;
    max-width: var(--mobile-cooperation-width) !important;
  }

  :where(:root:not([data-adaptive-device="true"][data-page-target="desktop"])) .cooperation-dialog-header {
    height: var(--mobile-cooperation-header-height);
    min-height: var(--mobile-cooperation-header-height);
  }

  :where(:root:not([data-adaptive-device="true"][data-page-target="desktop"])) .cooperation-dialog-title {
    max-width: calc(100% - 4rem);
    font-size: var(--mobile-cooperation-title-size);
    white-space: normal;
    line-height: 1;
  }

  :where(:root:not([data-adaptive-device="true"][data-page-target="desktop"])) .cooperation-dialog-close {
    background: #f1f1f1;
    width: clamp(2rem, 7.907vw, 2.125rem);
    height: clamp(2rem, 7.907vw, 2.125rem);
    top: clamp(.5625rem, 2.3256vw, .625rem);
    right: clamp(.5rem, 2.093vw, .5625rem);
  }

  :where(:root:not([data-adaptive-device="true"][data-page-target="desktop"])) .cooperation-dialog-close-icon {
    stroke-width: 1.35px;
    width: clamp(1.25rem, 5.1163vw, 1.375rem);
    height: clamp(1.25rem, 5.1163vw, 1.375rem);
  }

  :where(:root:not([data-adaptive-device="true"][data-page-target="desktop"])) .cooperation-dialog-body {
    padding: clamp(2.5rem, 11.6279vw, 3.125rem) clamp(1.25rem, 5.5814vw, 1.5rem) clamp(3rem, 13.7209vw, 3.6875rem);
  }

  :where(:root:not([data-adaptive-device="true"][data-page-target="desktop"])) .cooperation-dialog-message {
    width: min(19.375rem, 100%);
    max-width: min(19.375rem, 100%);
    font-size: var(--mobile-cooperation-message-size);
    text-wrap: balance;
    line-height: 1.2;
  }

  :where(:root:not([data-adaptive-device="true"][data-page-target="desktop"])) .cooperation-dialog-actions {
    flex-direction: column;
    gap: clamp(1.75rem, 8.1395vw, 2.1875rem);
    margin-top: clamp(2.75rem, 13.0233vw, 3.5rem);
  }

  :where(:root:not([data-adaptive-device="true"][data-page-target="desktop"])) .cooperation-dialog-action {
    width: min(var(--mobile-cooperation-button-width), 100%);
    height: var(--mobile-cooperation-button-height);
    flex: 0 0 var(--mobile-cooperation-button-height);
    color: #fff;
    background: #073ab9;
    border-radius: 9999rem;
    justify-content: center;
    gap: .75rem;
    font-size: 1rem;
    font-weight: 400;
  }

  :where(:root:not([data-adaptive-device="true"][data-page-target="desktop"])) .cooperation-dialog-action.is-email {
    order: -1;
  }

  :where(:root:not([data-adaptive-device="true"][data-page-target="desktop"])) .cooperation-dialog-action-label:after {
    display: none;
  }

  :where(:root:not([data-adaptive-device="true"][data-page-target="desktop"])) .cooperation-dialog-action-icon {
    color: #fff;
    flex-basis: 1.375rem;
    width: 1.375rem;
    height: 1.375rem;
  }

  :where(:root:not([data-adaptive-device="true"][data-page-target="desktop"])) .latest-news-section {
    --news-card-width: calc(100vw - (var(--site-page-gutter) * 2));
    --news-card-gap: 1rem;
    --news-track-padding-inline: var(--site-page-gutter);
  }

  :where(:root:not([data-adaptive-device="true"][data-page-target="desktop"])) .latest-news-window {
    width: 100%;
    margin-left: 0;
  }

  :where(:root:not([data-adaptive-device="true"][data-page-target="desktop"])) .latest-news-controls-content {
    width: var(--news-card-width);
    margin-inline-start: var(--news-track-padding-inline);
  }

  :where(:root:not([data-adaptive-device="true"][data-page-target="desktop"])) .product-video-carousel {
    --product-video-center: 100%;
    --product-video-center-left: 0;
    max-width: none;
  }

  :where(:root:not([data-adaptive-device="true"][data-page-target="desktop"])) .product-video-frame-sizer {
    width: 100%;
    margin-left: 0;
  }

  :where(:root:not([data-adaptive-device="true"][data-page-target="desktop"])) .product-video-panel-center {
    width: 100%;
    left: 0;
  }

  :where(:root:not([data-adaptive-device="true"][data-page-target="desktop"])) .product-video-panel-left, :where(:root:not([data-adaptive-device="true"][data-page-target="desktop"])) .product-video-panel-right, :where(:root:not([data-adaptive-device="true"][data-page-target="desktop"])) .product-video-panel-before, :where(:root:not([data-adaptive-device="true"][data-page-target="desktop"])) .product-video-panel-after, :where(:root:not([data-adaptive-device="true"][data-page-target="desktop"])) .product-video-panel-hidden {
    opacity: 0;
    pointer-events: none;
    left: 0;
  }

  :where(:root:not([data-adaptive-device="true"][data-page-target="desktop"])) .product-video-copy-wrap {
    width: min(26.25rem, 100% - 3rem);
  }
}

@media (min-width: 37.5rem) {
  .desktop-product-page {
    --desktop-product-shell: min(86rem, calc(100vw - 4rem));
    --desktop-product-section-y: clamp(5rem, 7vw, 9rem);
    color: #111;
    background: #fff;
    min-height: 100svh;
    overflow-x: hidden;
  }

  .desktop-product-hero {
    background: #171717;
    height: clamp(34rem, 37.5vw, 50rem);
    position: relative;
    overflow: hidden;
  }

  .desktop-product-hero-image {
    object-fit: cover;
    object-position: center;
  }

  .desktop-product-hero-shade {
    background: linear-gradient(#0000002e, #0000006b);
    position: absolute;
    inset: 0;
  }

  .desktop-product-hero h1 {
    z-index: 1;
    color: #fff;
    letter-spacing: -.04em;
    text-align: center;
    text-wrap: balance;
    text-shadow: 0 .25rem 2rem #00000070;
    font-size: clamp(2.75rem, 3.6vw, 5.5rem);
    font-weight: 500;
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .desktop-product-section {
    padding-block: var(--desktop-product-section-y);
    background: #fff;
  }

  .desktop-product-section.is-soft {
    background: #f7f7f7;
  }

  .desktop-product-heading {
    width: var(--desktop-product-shell);
    text-align: center;
    margin-inline: auto;
  }

  .desktop-product-heading h2 {
    letter-spacing: -.035em;
    text-wrap: balance;
    max-width: 60rem;
    margin-inline: auto;
    font-size: clamp(2rem, 2.35vw, 3.75rem);
    font-weight: 500;
    line-height: 1.05;
  }

  .desktop-product-heading p {
    color: #3d3d3d;
    text-wrap: balance;
    max-width: 73rem;
    margin: clamp(.75rem, 1vw, 1.25rem) auto 0;
    font-size: clamp(1rem, 1.1vw, 1.5rem);
    line-height: 1.35;
  }

  .desktop-feature-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(.75rem, 1vw, 1.25rem);
    width: min(64rem, 100vw - 5rem);
    margin: clamp(3rem, 4vw, 5rem) auto 0;
    display: grid;
  }

  .desktop-feature-card {
    color: #fff;
    text-align: center;
    background: linear-gradient(155deg, #0877f1, #0038b8 76%);
    border-radius: clamp(.75rem, .8vw, 1.25rem);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: clamp(15rem, 18vw, 20rem);
    padding: clamp(1.5rem, 2vw, 2.5rem);
    display: flex;
  }

  .desktop-ride-section .desktop-feature-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .desktop-feature-icon {
    stroke-width: 1.35px;
    width: clamp(3rem, 3.2vw, 4.5rem);
    height: clamp(3rem, 3.2vw, 4.5rem);
    margin-bottom: .75rem;
  }

  .desktop-feature-card > span {
    font-size: clamp(1.75rem, 2.4vw, 3.5rem);
    font-weight: 500;
    line-height: 1;
  }

  .desktop-feature-card h3 {
    margin-top: .75rem;
    font-size: clamp(1.25rem, 1.45vw, 2rem);
    font-weight: 500;
    line-height: 1.1;
  }

  .desktop-feature-card p {
    color: #ffffffc7;
    margin-top: .625rem;
    font-size: clamp(.875rem, .9vw, 1.125rem);
    line-height: 1.3;
  }

  .desktop-product-media {
    aspect-ratio: 16 / 9;
    background: #111;
    border-radius: clamp(.75rem, .8vw, 1.25rem);
    width: min(64rem, 100vw - 5rem);
    margin: clamp(3rem, 4vw, 5rem) auto 0;
    overflow: hidden;
  }

  .desktop-product-media video {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
  }

  .desktop-strip-section {
    overflow: hidden;
  }

  .desktop-strip {
    margin-top: clamp(3rem, 4vw, 5rem);
  }

  .desktop-strip-track {
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    gap: clamp(.625rem, .8vw, 1rem);
    width: 100%;
    padding-inline: max(1rem, 50vw - 50rem);
    scroll-padding-inline: max(1rem, 50vw - 50rem);
    display: flex;
    overflow-x: auto;
  }

  .desktop-strip-track::-webkit-scrollbar {
    display: none;
  }

  .desktop-strip-card {
    color: #fff;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    background: #063ab8;
    border-radius: clamp(.625rem, .7vw, 1rem);
    flex: 0 0 clamp(18rem, 22vw, 28rem);
    width: clamp(18rem, 22vw, 28rem);
    overflow: hidden;
  }

  .desktop-strip-image-wrap {
    aspect-ratio: 1.55;
    background: #f4f4f4;
    width: 100%;
    position: relative;
    overflow: hidden;
  }

  .desktop-strip-image {
    object-fit: cover;
  }

  .desktop-strip-card h3 {
    color: #ffd323;
    text-align: center;
    justify-content: center;
    align-items: center;
    min-height: clamp(3.5rem, 4vw, 5rem);
    padding-inline: 1rem;
    font-size: clamp(1rem, 1.05vw, 1.375rem);
    font-weight: 500;
    display: flex;
  }

  .desktop-strip-dots, .desktop-showcase-dots {
    justify-content: center;
    align-items: center;
    gap: 0;
    min-height: 3.5rem;
    display: flex;
  }

  .desktop-strip-dot, .desktop-showcase-dot {
    cursor: pointer;
    background: none;
    border: 0;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2.75rem;
    padding: 0;
    display: inline-flex;
  }

  .desktop-strip-dot:before, .desktop-showcase-dot:before {
    content: "";
    background: #bcbcbc;
    border-radius: 9999rem;
    width: .375rem;
    height: .375rem;
  }

  .desktop-strip-dot.is-active:before, .desktop-showcase-dot.is-active:before {
    background: #083dcc;
  }

  .desktop-safety-section {
    color: #fff;
    background: radial-gradient(circle at 50% 60%, #0fffb46b, #0000 7%), repeating-radial-gradient(#0000 0 2.4rem, #26f6b440 2.5rem 2.7rem), #020b0a;
    justify-content: center;
    align-items: center;
    height: clamp(28rem, 34vw, 44rem);
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .desktop-safety-section .desktop-product-heading {
    z-index: 1;
    position: relative;
  }

  .desktop-safety-radar {
    aspect-ratio: 2;
    background: repeating-linear-gradient(14deg, #0000 0 1.5rem, #00d2872e 1.6rem 1.75rem);
    border-radius: 50%;
    width: min(82vw, 80rem);
    position: absolute;
    transform: perspective(40rem)rotateX(62deg);
  }

  .desktop-management-panels {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(1.5rem, 2vw, 2.5rem);
    width: min(64rem, 100vw - 5rem);
    margin: clamp(3rem, 4vw, 5rem) auto 0;
    display: grid;
  }

  .desktop-management-panel {
    background: #fff;
    border: .5rem solid #111;
    border-radius: 1rem;
    min-height: clamp(18rem, 22vw, 26rem);
    padding: clamp(1.5rem, 2vw, 2.5rem);
  }

  .desktop-management-map {
    color: #0a40bf;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .desktop-management-map > svg {
    stroke-width: 1.25px;
    width: 5rem;
    height: 5rem;
  }

  .desktop-management-route {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 2rem;
    display: flex;
  }

  .desktop-management-route span {
    color: #fff;
    background: #0a40bf;
    border-radius: .5rem;
    justify-content: center;
    align-items: center;
    min-width: 5rem;
    min-height: 3rem;
    display: flex;
  }

  .desktop-management-route i {
    background: #72a4ff;
    width: 12%;
    height: .1875rem;
  }

  .desktop-management-table {
    flex-direction: column;
    justify-content: center;
    gap: .75rem;
    display: flex;
  }

  .desktop-management-table > div {
    border-bottom: .0625rem solid #ddd;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
    min-height: 3.5rem;
    display: grid;
  }

  .desktop-management-table em {
    color: #009f6b;
    font-style: normal;
  }

  .desktop-field-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .5rem;
    width: min(64rem, 100vw - 5rem);
    margin: clamp(3rem, 4vw, 5rem) auto 0;
    display: grid;
  }

  .desktop-field-image-wrap {
    aspect-ratio: 1.25;
    border-radius: .5rem;
    position: relative;
    overflow: hidden;
  }

  .desktop-field-image {
    object-fit: cover;
  }

  .desktop-pilot-section {
    color: #fff;
    min-height: clamp(44rem, 52vw, 62rem);
    position: relative;
    overflow: hidden;
  }

  .desktop-pilot-background {
    object-fit: cover;
  }

  .desktop-pilot-shade {
    background: linear-gradient(115deg, #020c33c7, #00206d6b);
    position: absolute;
    inset: 0;
  }

  .desktop-pilot-content {
    z-index: 1;
    width: min(70rem, 100vw - 5rem);
    padding-block: var(--desktop-product-section-y);
    margin-inline: auto;
    position: relative;
  }

  .desktop-pilot-cards {
    flex-direction: column;
    gap: 1rem;
    margin-top: clamp(3rem, 4vw, 5rem);
    display: flex;
  }

  .desktop-pilot-cards article {
    background: linear-gradient(115deg, #0759d8, #00bce8);
    border-radius: 1rem;
    width: min(46rem, 72%);
    margin-inline: auto;
    padding: clamp(1.5rem, 2vw, 2.25rem);
  }

  .desktop-pilot-cards article > span {
    font-size: 1rem;
    font-weight: 600;
  }

  .desktop-pilot-cards h3 {
    margin-top: .25rem;
    font-size: clamp(1.375rem, 1.5vw, 2rem);
  }

  .desktop-pilot-cards p {
    color: #ffffffc7;
    margin-top: .5rem;
  }

  .desktop-custom-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    width: min(50rem, 100vw - 5rem);
    margin: 1.25rem auto 0;
    display: grid;
  }

  .desktop-custom-grid > div {
    aspect-ratio: 1;
    border-radius: .75rem;
    position: relative;
    overflow: hidden;
  }

  .desktop-custom-grid .is-yellow {
    background: #eed23a;
  }

  .desktop-custom-grid .is-purple {
    background: #ac91e6;
  }

  .desktop-custom-grid .is-blue {
    background: #d8e9ee;
  }

  .desktop-custom-grid .is-pink {
    background: #e1bdd8;
  }

  .desktop-custom-image {
    object-fit: contain;
    mix-blend-mode: multiply;
  }

  .desktop-product-pill {
    border: .0625rem solid;
    border-radius: 9999rem;
    justify-content: center;
    align-items: center;
    width: fit-content;
    min-height: 2.75rem;
    margin: 2rem auto 0;
    padding-inline: 1.25rem;
    font-size: .875rem;
    display: flex;
  }

  .desktop-showcase {
    background: #fff;
    padding-block: clamp(2rem, 3vw, 3rem) 0;
  }

  .desktop-showcase-grid {
    grid-template-columns: 1fr 2fr 1fr;
    gap: .625rem;
    width: 100%;
    height: clamp(24rem, 32vw, 40rem);
    display: grid;
    position: relative;
    overflow: hidden;
  }

  .desktop-showcase-card {
    background: #ddd;
    position: relative;
    overflow: hidden;
  }

  .desktop-showcase-image {
    object-fit: cover;
  }

  .desktop-showcase-copy {
    color: #fff;
    text-align: center;
    background: #00000038;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0;
  }

  .desktop-showcase-copy h2 {
    font-size: clamp(2rem, 3vw, 4.5rem);
    font-weight: 500;
  }

  .desktop-showcase-copy a {
    margin-top: 1rem;
    font-size: clamp(1rem, 1.1vw, 1.375rem);
  }

  .desktop-showcase-arrow {
    z-index: 2;
    cursor: pointer;
    color: #fff;
    background: #0000005c;
    border: 0;
    border-radius: 9999rem;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .desktop-showcase-arrow-left {
    left: calc(25% + 1rem);
  }

  .desktop-showcase-arrow-right {
    right: calc(25% + 1rem);
  }

  .desktop-config-summary {
    text-align: center;
    margin-top: 1rem;
  }

  .desktop-config-layout {
    grid-template-columns: .8fr 1.2fr .9fr;
    align-items: center;
    gap: clamp(2rem, 3vw, 4rem);
    width: min(58rem, 100vw - 5rem);
    margin: clamp(3rem, 4vw, 5rem) auto 0;
    display: grid;
  }

  .desktop-config-tabs, .desktop-config-layout ul {
    flex-direction: column;
    gap: 1rem;
    display: flex;
  }

  .desktop-config-tabs span {
    border: .0625rem solid #aaa;
    border-radius: 9999rem;
    align-items: center;
    gap: .75rem;
    min-height: 3.25rem;
    padding-inline: 1.25rem;
    display: flex;
  }

  .desktop-config-tabs svg {
    width: 1.25rem;
    height: 1.25rem;
  }

  .desktop-seat-remote {
    aspect-ratio: .72;
    background: linear-gradient(145deg, #fff, #d4d4d4);
    border: .75rem solid #e1e1e1;
    border-radius: 4rem 1.5rem;
    justify-content: center;
    align-items: center;
    width: min(19rem, 100%);
    margin-inline: auto;
    display: flex;
    position: relative;
    transform: rotate(18deg);
    box-shadow: 0 1.25rem 2rem #0000002e;
  }

  .desktop-seat-remote > svg {
    color: #777;
    width: 5rem;
    height: 5rem;
    transform: rotate(-18deg);
  }

  .desktop-seat-remote i {
    background: #f5f5f5;
    border: .125rem solid #aaa;
    border-radius: 1rem;
    width: 3.5rem;
    height: 3.5rem;
    position: absolute;
  }

  .desktop-seat-remote i:first-of-type {
    top: 2rem;
    left: 2rem;
  }

  .desktop-seat-remote i:nth-of-type(2) {
    top: 2rem;
    right: 2rem;
  }

  .desktop-seat-remote i:nth-of-type(3) {
    bottom: 2rem;
    left: 2rem;
  }

  .desktop-seat-remote i:nth-of-type(4) {
    bottom: 2rem;
    right: 2rem;
  }

  .desktop-config-layout li {
    padding-left: 1.25rem;
    position: relative;
  }

  .desktop-config-layout li:before {
    content: "";
    background: #0b45c9;
    border-radius: 9999rem;
    width: .5rem;
    height: .5rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }

  .desktop-zero-gravity-visual {
    aspect-ratio: 1.7;
    background: #f7f7f7;
    border-radius: 1rem;
    width: min(58rem, 100vw - 5rem);
    margin: clamp(3rem, 4vw, 5rem) auto 0;
    position: relative;
    overflow: hidden;
  }

  .desktop-zero-gravity-image {
    object-fit: contain;
  }

  .desktop-zero-gravity-visual > div {
    color: #0b45c9;
    flex-direction: column;
    align-items: center;
    display: flex;
    position: absolute;
    top: 2rem;
    right: 2rem;
  }

  .desktop-zero-gravity-visual svg {
    width: 4rem;
    height: 4rem;
  }

  .desktop-controller-visual {
    aspect-ratio: 1.3;
    background: linear-gradient(145deg, #fff3a5, #d69432 72%);
    border-radius: 48% 52% 44% 56%;
    width: min(28rem, 40vw);
    margin: clamp(3rem, 4vw, 5rem) auto 0;
    position: relative;
    transform: rotate(8deg);
    box-shadow: inset .5rem .5rem 1rem #ffffff8c, 0 1rem 2rem #0003;
  }

  .desktop-controller-display {
    aspect-ratio: 1;
    color: #fff;
    background: #12161d;
    border: .5rem solid #efd56b;
    border-radius: 9999rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 42%;
    display: flex;
    position: absolute;
    top: 13%;
    left: 7%;
    transform: rotate(-8deg);
  }

  .desktop-controller-display strong {
    font-size: 3.5rem;
    line-height: 1;
  }

  .desktop-controller-display span {
    color: #80d7ff;
    font-size: .75rem;
  }

  .desktop-controller-knob {
    aspect-ratio: 1;
    background: repeating-radial-gradient(circle, #d8aa72 0 .15rem, #b9864d .2rem .3rem);
    border-radius: 50%;
    width: 50%;
    position: absolute;
    bottom: 5%;
    right: 5%;
  }

  .desktop-controller-visual > i {
    background: #24282d;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    bottom: 10%;
    left: 20%;
  }

  .desktop-massage-strip .desktop-strip-card {
    flex-basis: clamp(15rem, 17vw, 22rem);
    width: clamp(15rem, 17vw, 22rem);
  }

  .desktop-phone-cluster {
    justify-content: center;
    align-items: center;
    width: min(60rem, 100vw - 5rem);
    margin-inline: auto;
    display: flex;
  }

  .desktop-app-phone {
    aspect-ratio: .54;
    background: #fff;
    border: .5rem solid #fff;
    border-radius: 2rem;
    flex-direction: column;
    width: clamp(10rem, 12vw, 14rem);
    margin-inline: clamp(-1rem, -.6vw, -.5rem);
    padding: 2rem .75rem .875rem;
    display: flex;
    overflow: hidden;
    transform: translateY(1.5rem);
    box-shadow: 0 1rem 2rem #0000002e;
  }

  .desktop-app-phone:nth-child(2), .desktop-app-phone:nth-child(4) {
    transform: translateY(-1.5rem);
  }

  .desktop-app-phone:nth-child(3) {
    z-index: 1;
    transform: scale(1.08);
  }

  .desktop-app-phone-notch {
    background: #111;
    border-radius: 9999rem;
    width: 42%;
    height: .75rem;
    margin: -1.45rem auto .75rem;
  }

  .desktop-app-phone h3 {
    text-align: center;
    min-height: 2rem;
    font-size: .75rem;
  }

  .desktop-app-phone-photo {
    aspect-ratio: 1.1;
    border-radius: .75rem;
    position: relative;
    overflow: hidden;
  }

  .desktop-app-phone-image {
    object-fit: cover;
  }

  .desktop-app-phone-controls {
    justify-content: space-around;
    margin-top: 1rem;
    display: flex;
  }

  .desktop-app-phone-controls span {
    background: #edf3ff;
    border: .125rem solid #164bc9;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
  }

  .desktop-app-phone-progress {
    background: linear-gradient(to right, #164bc9 62%, #ddd 62%);
    border-radius: 9999rem;
    width: 75%;
    height: .5rem;
    margin: 1rem auto;
  }

  .desktop-app-phone-action {
    color: #fff;
    background: #0a43c8;
    border-radius: 9999rem;
    justify-content: center;
    align-items: center;
    min-height: 2.25rem;
    margin-top: auto;
    font-size: .75rem;
    display: flex;
  }

  .desktop-app-phone.is-orange .desktop-app-phone-action {
    background: #ff552b;
  }

  .desktop-rehab-layout {
    width: min(62rem, 100vw - 5rem);
    min-height: clamp(36rem, 44vw, 52rem);
    margin: clamp(3rem, 4vw, 5rem) auto 0;
    position: relative;
  }

  .desktop-rehab-photo {
    aspect-ratio: 1.65;
    border-radius: 1rem;
    width: 72%;
    margin-inline: auto;
    position: relative;
    overflow: hidden;
  }

  .desktop-rehab-image {
    object-fit: cover;
  }

  .desktop-rehab-phones {
    justify-content: center;
    align-items: flex-end;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 8%;
    right: 8%;
  }

  .desktop-lifestyle-section {
    color: #fff;
    min-height: clamp(42rem, 50vw, 62rem);
    position: relative;
    overflow: hidden;
  }

  .desktop-lifestyle-background, .desktop-lifestyle-image {
    object-fit: cover;
  }

  .desktop-lifestyle-shade {
    background: #00000057;
    position: absolute;
    inset: 0;
  }

  .desktop-lifestyle-content {
    z-index: 1;
    padding-block: var(--desktop-product-section-y);
    position: relative;
  }

  .desktop-lifestyle-mosaic {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .5rem;
    width: 100%;
    margin-top: clamp(3rem, 4vw, 5rem);
    display: grid;
  }

  .desktop-lifestyle-mosaic > div {
    aspect-ratio: 1.3;
    position: relative;
    overflow: hidden;
  }

  .desktop-lifestyle-section .desktop-product-pill {
    color: #fff;
  }

  .desktop-product-page {
    --desktop-product-shell: min(86rem, calc(100vw - 4rem));
    --desktop-product-section-y: clamp(5rem, 6.25vw, 12.75rem);
    --desktop-product-heading-size: clamp(1.75rem, 1.744vw, 3.75rem);
    --desktop-product-heading-line-height: 1.08;
    --desktop-product-body-size: clamp(.875rem, .872vw, 1.875rem);
    --desktop-product-body-line-height: 1.22;
  }

  .desktop-aps-page {
    --desktop-aps-art-width: min(37.2093vw, 80rem);
    --desktop-aps-heading-top: min(5.2326vw, 11.25rem);
    --desktop-aps-pilot-width: min(38.9535vw, 83.75rem);
  }

  .desktop-aps-page .desktop-product-section {
    padding-top: var(--desktop-aps-heading-top);
  }

  .desktop-aps-page .desktop-product-hero {
    height: clamp(26rem, 31.3953vw, 67.5rem);
  }

  .desktop-aps-page .desktop-product-hero-shade {
    background: none;
  }

  .desktop-product-page .product-video-section {
    margin-bottom: var(--home-section-gap);
  }

  .desktop-product-hero {
    height: clamp(34rem, 33.05vw, 67.5rem);
  }

  .desktop-product-hero-copy {
    z-index: 1;
    color: #fff;
    text-align: center;
    width: min(64rem, 100vw - 4rem);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -43%);
  }

  .desktop-product-hero h1 {
    font-size: clamp(3rem, 2.75vw, 5.75rem);
    line-height: .98;
    position: static;
    transform: none;
  }

  .desktop-detail-hero-actions {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: clamp(1rem, 1.25vw, 2.5rem);
    margin-top: clamp(1.5rem, 1.55vw, 3rem);
    display: flex;
  }

  .desktop-detail-action {
    cursor: pointer;
    color: #fff;
    min-width: clamp(7.5rem, 7.2vw, 14rem);
    min-height: clamp(2.25rem, 2.05vw, 4rem);
    font: inherit;
    -webkit-backdrop-filter: blur(.15rem);
    backdrop-filter: blur(.15rem);
    background: #00000029;
    border: .0625rem solid;
    border-radius: 9999rem;
    justify-content: center;
    align-items: center;
    gap: .55rem;
    font-size: clamp(.8125rem, .72vw, 1.375rem);
    line-height: 1;
    display: inline-flex;
  }

  .desktop-detail-action svg {
    width: 1em;
    height: 1em;
  }

  .desktop-aps-video-overlay {
    z-index: 9998;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: #202424;
  }

  .desktop-aps-video-dialog {
    inset: 0;
    z-index: 9999;
    box-sizing: border-box;
    color: #fff;
    width: 100vw;
    max-width: none;
    height: 100svh;
    max-height: none;
    box-shadow: none;
    background: #202424;
    border-radius: 0;
    outline: none;
    justify-content: center;
    align-items: center;
    gap: 0;
    padding: 0;
    display: flex;
    position: fixed;
    inset: 0;
    overflow: hidden;
    transform: none;
  }

  .desktop-aps-video-frame {
    aspect-ratio: 16 / 9;
    background: #000;
    width: min(47.0703vw, 100vw - 8rem);
    max-height: calc(100svh - 8rem);
  }

  .desktop-aps-video-frame video {
    object-fit: contain;
    width: 100%;
    height: 100%;
    display: block;
  }

  .desktop-aps-video-close {
    z-index: 10000;
    cursor: pointer;
    color: #fff;
    background: #0d1010b8;
    border: 0;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: clamp(2rem, 1.4vw, 3rem);
    height: clamp(2rem, 1.4vw, 3rem);
    transition: background-color .18s;
    display: inline-flex;
    position: fixed;
    top: clamp(.75rem, .8vw, 1.5rem);
    right: clamp(.75rem, .8vw, 1.5rem);
  }

  .desktop-aps-video-close:hover {
    background: #080a0af2;
  }

  .desktop-aps-video-close:focus-visible {
    outline-offset: 3px;
    outline: 2px solid #fff;
  }

  .desktop-aps-video-close svg {
    stroke-width: 1.6px;
    width: 68%;
    height: 68%;
  }

  .desktop-product-heading h2 {
    max-width: 76rem;
    font-size: var(--desktop-product-heading-size);
    line-height: var(--desktop-product-heading-line-height);
  }

  .desktop-product-heading p {
    color: #262626;
    font-size: var(--desktop-product-body-size);
    line-height: var(--desktop-product-body-line-height);
    margin-top: clamp(.65rem, .75vw, 1.5rem);
  }

  .desktop-aps-page .desktop-product-heading h2 {
    font-size: var(--desktop-product-heading-size);
    letter-spacing: normal;
    font-weight: 500;
    line-height: var(--desktop-product-heading-line-height);
  }

  .desktop-aps-page .desktop-product-heading p {
    font-size: var(--desktop-product-body-size);
    letter-spacing: normal;
    font-weight: 300;
    line-height: var(--desktop-product-body-line-height);
  }

  .desktop-config-summary {
    font-size: var(--desktop-product-body-size);
    text-align: center;
    margin-top: clamp(1.25rem, 1.4vw, 2.75rem);
  }

  .desktop-config-asset-layout {
    justify-content: center;
    align-items: center;
    width: min(66rem, 66vw);
    margin: clamp(2rem, 2.8vw, 5.5rem) auto 0;
    display: flex;
  }

  .desktop-config-asset {
    mix-blend-mode: multiply;
    width: min(49rem, 48vw);
    height: auto;
  }

  .desktop-config-asset-layout ul {
    flex-direction: column;
    gap: clamp(1.25rem, 1.9vw, 3.75rem);
    min-width: 12rem;
    margin-left: clamp(-5rem, -3.5vw, -2rem);
    font-size: clamp(.8125rem, .75vw, 1.5rem);
    list-style: none;
    display: flex;
  }

  .desktop-zero-gravity-assets {
    width: min(76rem, 72vw);
    height: clamp(36rem, 39vw, 76rem);
    margin: clamp(2rem, 3vw, 6rem) auto 0;
    position: relative;
  }

  .desktop-zero-gravity-main, .desktop-zero-gravity-secondary {
    mix-blend-mode: multiply;
    height: auto;
    position: absolute;
  }

  .desktop-zero-gravity-main {
    width: 61%;
    bottom: 0;
    left: 7%;
  }

  .desktop-zero-gravity-secondary {
    width: 29%;
    top: 2%;
    right: 7%;
  }

  .desktop-controller-asset {
    mix-blend-mode: multiply;
    width: min(34rem, 28vw);
    height: auto;
    margin: clamp(2.25rem, 3vw, 6rem) auto 0;
    display: block;
  }

  .desktop-massage-section, .desktop-aps-ui-section {
    overflow: hidden;
  }

  .desktop-asset-strip {
    --desktop-asset-strip-gap: clamp(.5rem, .55vw, 1.125rem);
    --desktop-asset-strip-duration: 72s;
    scrollbar-width: none;
    width: 100%;
    margin-top: clamp(3rem, 3.8vw, 7.5rem);
    overflow: hidden;
  }

  .desktop-asset-strip::-webkit-scrollbar {
    display: none;
  }

  .desktop-asset-strip-track {
    width: max-content;
    animation: desktop-media-marquee var(--desktop-asset-strip-duration) linear infinite;
    will-change: transform;
    display: flex;
    transform: translate3d(0, 0, 0);
  }

  .desktop-asset-strip-group {
    gap: var(--desktop-asset-strip-gap);
    padding-right: var(--desktop-asset-strip-gap);
    flex: none;
    display: flex;
  }

  .desktop-asset-strip-card {
    color: #ffe15e;
    background: #073ec1;
    border-radius: clamp(.5rem, .55vw, 1.125rem);
    flex: 0 0 clamp(15rem, 14.15vw, 28.5rem);
    overflow: hidden;
  }

  .desktop-asset-strip-image-wrap {
    aspect-ratio: 1000 / 757;
    background: #eee;
    width: 100%;
    position: relative;
    overflow: hidden;
  }

  .desktop-asset-strip-image {
    object-fit: cover;
  }

  .desktop-asset-strip-card h3 {
    text-align: center;
    justify-content: center;
    align-items: center;
    min-height: clamp(3rem, 3vw, 6rem);
    padding: .7rem 1rem;
    font-size: clamp(.8125rem, .74vw, 1.5rem);
    font-weight: 500;
    line-height: 1.15;
    display: flex;
  }

  .desktop-app-assets {
    width: min(66rem, 64vw);
    height: clamp(42rem, 43vw, 82rem);
    margin: clamp(4rem, 5vw, 10rem) auto 0;
    position: relative;
  }

  .desktop-app-assets img {
    filter: drop-shadow(0 1.5rem 2rem #0000001a);
    width: clamp(10rem, 9.2vw, 18.5rem);
    height: auto;
    position: absolute;
  }

  .desktop-app-assets img:first-child {
    top: 16%;
    left: 3%;
  }

  .desktop-app-assets img:nth-child(2) {
    bottom: 0;
    left: 3%;
  }

  .desktop-app-assets img:nth-child(3) {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  .desktop-app-assets img:nth-child(4) {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  .desktop-app-assets img:nth-child(5) {
    top: 16%;
    right: 3%;
  }

  .desktop-rehab-assets {
    width: min(72rem, 68vw);
    min-height: clamp(52rem, 53vw, 100rem);
    margin: clamp(3rem, 4vw, 8rem) auto 0;
    position: relative;
  }

  .desktop-rehab-photo {
    aspect-ratio: 1000 / 655;
    width: 70%;
  }

  .desktop-rehab-app-assets {
    justify-content: center;
    align-items: flex-start;
    gap: clamp(2rem, 4vw, 8rem);
    display: flex;
    position: absolute;
    top: 29%;
    left: 7%;
    right: 7%;
  }

  .desktop-rehab-app-assets img {
    filter: drop-shadow(0 1.5rem 2rem #0000001a);
    width: clamp(10rem, 9.2vw, 18.5rem);
    height: auto;
  }

  .desktop-rehab-app-assets img:nth-child(2) {
    margin-top: clamp(9rem, 11vw, 22rem);
  }

  .desktop-rehab-app-assets img:nth-child(3) {
    margin-top: clamp(4rem, 5vw, 10rem);
  }

  .desktop-lifestyle-section {
    min-height: clamp(42rem, 49.5vw, 100rem);
  }

  .desktop-lifestyle-section .desktop-product-heading h2 {
    color: #fff;
  }

  .desktop-lifestyle-mosaic {
    --desktop-lifestyle-gap: clamp(.35rem, .5vw, 1rem);
    gap: 0;
    width: 100%;
    margin-top: clamp(2rem, 2.8vw, 5.5rem);
    display: block;
    overflow: hidden;
  }

  .desktop-lifestyle-mosaic > .desktop-lifestyle-mosaic-track {
    aspect-ratio: auto;
    will-change: transform;
    width: max-content;
    animation: 54s linear infinite desktop-media-marquee;
    display: flex;
    position: static;
    overflow: visible;
    transform: translate3d(0, 0, 0);
  }

  .desktop-lifestyle-mosaic-group {
    gap: var(--desktop-lifestyle-gap);
    padding-right: var(--desktop-lifestyle-gap);
    flex: none;
    display: flex;
  }

  .desktop-lifestyle-mosaic-item {
    aspect-ratio: 1000 / 937;
    flex: 0 0 20vw;
    width: 20vw;
    position: relative;
    overflow: hidden;
  }

  .desktop-lifestyle-section .desktop-product-pill {
    color: #111;
    background: #fff;
  }

  .desktop-aps-ride-layout {
    width: var(--desktop-aps-art-width);
    margin: clamp(3rem, 4vw, 8rem) auto 0;
  }

  .desktop-aps-ride-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: min(.5233vw, 1.125rem);
    display: grid;
  }

  .desktop-aps-ride-card {
    min-width: 0;
  }

  .desktop-aps-ride-visual {
    z-index: 1;
    aspect-ratio: 389 / 314;
    width: 100%;
    position: relative;
    transform: translateY(1px);
  }

  .desktop-aps-ride-visual img {
    object-fit: contain;
    object-position: center bottom;
  }

  .desktop-aps-ride-copy {
    color: #fff;
    text-align: center;
    background: linear-gradient(150deg, #0797ff 0%, #0762de 54%, #0730a9 100%);
    border-radius: min(.6977vw, 1.5rem);
    flex-direction: column;
    align-items: center;
    min-height: clamp(12rem, 13.6628vw, 29.375rem);
    padding: min(1.875vw, 4.03125rem) 8% 5%;
    display: flex;
  }

  .desktop-aps-ride-copy > span {
    font-size: clamp(2.75rem, 3.1977vw, 6.875rem);
    font-weight: 500;
    line-height: 1;
  }

  .desktop-aps-ride-copy h3 {
    margin-top: min(1.5262vw, 3.28125rem);
    font-size: clamp(1.25rem, 1.3081vw, 2.8125rem);
    font-weight: 500;
    line-height: 1;
  }

  .desktop-aps-ride-copy p {
    color: #fff;
    margin-top: min(.6686vw, 1.4375rem);
    font-size: clamp(.75rem, .6395vw, 1.375rem);
    font-weight: 300;
    line-height: 1.0455;
  }

  .desktop-aps-ride-copy:lang(en) {
    padding-inline: 5.15%;
  }

  .desktop-aps-ride-copy:lang(en) h3 {
    font-size: clamp(1.25rem, 1.3273vw, 2.85375rem);
  }

  .desktop-aps-ride-copy:lang(en) p {
    width: 100%;
    font-family: "Outfit APS Ride", var(--font-primary-stack);
    -webkit-hyphens: auto;
    hyphens: auto;
    hyphenate-limit-chars: 6 2 2;
    font-size: clamp(.75rem, .6637vw, 1.4269rem);
    line-height: 1.2;
  }

  .desktop-aps-ride-card:nth-child(2) .desktop-aps-ride-copy:lang(en) p {
    line-height: 1.4;
  }

  .desktop-product-media {
    width: min(58rem, 55vw);
    margin-top: clamp(3rem, 3.5vw, 7rem);
  }

  .desktop-aps-efficiency-section {
    color: #fff;
    background: #2a124f;
    width: 100%;
    height: clamp(52rem, 51.1337vw, 109.938rem);
    overflow: hidden;
  }

  .desktop-aps-efficiency-gradient {
    width: 100%;
    height: 100%;
    min-height: 100%;
  }

  .desktop-aps-efficiency-content {
    text-align: center;
    height: 100%;
    padding-top: clamp(4rem, 4.9419vw, 10.625rem);
  }

  .desktop-aps-efficiency-section .desktop-product-heading {
    width: min(88%, 131.25rem);
  }

  .desktop-aps-efficiency-section .desktop-product-heading h2 {
    color: #fff;
    text-shadow: 0 .125rem 1.5rem #1b0c3238;
  }

  .desktop-aps-efficiency-section .desktop-product-heading p {
    color: #fff;
    text-shadow: 0 .125rem 1.25rem #1b0c323d;
    max-width: min(100%, 131.25rem);
  }

  .desktop-aps-efficiency-metrics {
    grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr);
    align-items: center;
    width: min(43.6047vw, 93.75rem);
    margin: clamp(4rem, 4.0698vw, 8.75rem) auto 0;
    display: grid;
  }

  .desktop-aps-efficiency-metric {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-width: 0;
    display: flex;
  }

  .desktop-aps-efficiency-value {
    letter-spacing: -.025em;
    white-space: nowrap;
    font-size: clamp(2.75rem, 2.093vw, 4.5rem);
    font-weight: 500;
    line-height: 1;
  }

  .desktop-aps-efficiency-metric > span {
    font-size: var(--desktop-product-body-size);
    font-weight: 300;
    line-height: var(--desktop-product-body-line-height);
    white-space: nowrap;
    margin-top: clamp(.5rem, .5814vw, 1.25rem);
  }

  .desktop-aps-efficiency-divider {
    background: #ffffff6b;
    width: 1px;
    height: clamp(5rem, 4.6512vw, 10rem);
  }

  .desktop-aps-efficiency-video {
    width: var(--desktop-aps-art-width);
    aspect-ratio: 16 / 9;
    background: #101010;
    border-radius: min(1.1628vw, 2.5rem);
    margin: clamp(4rem, 4.3605vw, 9.375rem) auto 0;
    position: relative;
    overflow: hidden;
    box-shadow: 0 1.5rem 5rem #1408332e;
  }

  .desktop-aps-efficiency-video video {
    object-fit: cover;
    pointer-events: none;
    width: 100%;
    height: 100%;
    display: block;
  }

  .desktop-aps-efficiency-video video::-webkit-media-controls {
    -webkit-appearance: none;
    opacity: 0;
    display: none !important;
  }

  .desktop-aps-efficiency-video video::-webkit-media-controls-panel {
    -webkit-appearance: none;
    opacity: 0;
    display: none !important;
  }

  .desktop-aps-efficiency-video video::-webkit-media-controls-play-button {
    -webkit-appearance: none;
    opacity: 0;
    display: none !important;
  }

  .desktop-aps-efficiency-video video::-webkit-media-controls-overlay-play-button {
    -webkit-appearance: none;
    opacity: 0;
    display: none !important;
  }

  .desktop-aps-efficiency-video video::-webkit-media-controls-start-playback-button {
    -webkit-appearance: none;
    opacity: 0;
    display: none !important;
  }

  .desktop-aps-efficiency-video video::-webkit-media-controls-enclosure {
    -webkit-appearance: none;
    opacity: 0;
    display: none !important;
  }

  .desktop-aps-efficiency-sound {
    color: #fff;
    cursor: pointer;
    background: #0f0d136b;
    border: 1px solid #ffffff7a;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: clamp(2.75rem, 2.3256vw, 5rem);
    height: clamp(2.75rem, 2.3256vw, 5rem);
    padding: 0;
    transition: background-color .22s, border-color .22s;
    display: inline-flex;
    position: absolute;
    bottom: clamp(.75rem, .8721vw, 1.875rem);
    right: clamp(.75rem, .8721vw, 1.875rem);
  }

  .desktop-aps-efficiency-sound:hover {
    background: #0f0d139e;
    border-color: #ffffffd1;
  }

  .desktop-aps-efficiency-sound:focus-visible {
    outline-offset: .1875rem;
    outline: .125rem solid #fff;
  }

  .desktop-aps-efficiency-sound-icon {
    stroke-width: 1.7px;
    width: 48%;
    height: 48%;
  }

  .desktop-aps-page .desktop-aps-video-section .desktop-product-media, .desktop-aps-page .desktop-custom-section .desktop-product-media {
    width: var(--desktop-aps-art-width);
  }

  :is(.desktop-aps-ui-marquee, .desktop-massage-marquee, .desktop-lifestyle-marquee) {
    --desktop-marquee-play-state: paused;
  }

  :is(.desktop-aps-ui-marquee, .desktop-massage-marquee, .desktop-lifestyle-marquee)[data-images-ready="true"] {
    --desktop-marquee-play-state: running;
  }

  .desktop-aps-ui-marquee {
    --desktop-aps-ui-marquee-gap: clamp(.5rem, .55vw, 1.125rem);
    pointer-events: none;
    width: 100%;
    margin-top: clamp(3rem, 3.8vw, 7.5rem);
    overflow: hidden;
  }

  .desktop-aps-ui-marquee-track {
    width: max-content;
    display: flex;
  }

  .desktop-aps-ui-marquee-group {
    gap: var(--desktop-aps-ui-marquee-gap);
    padding-right: var(--desktop-aps-ui-marquee-gap);
    animation: 88s linear infinite desktop-media-marquee-group;
    animation-play-state: var(--desktop-marquee-play-state);
    backface-visibility: hidden;
    will-change: transform;
    flex: none;
    display: flex;
    transform: translate3d(0, 0, 0);
  }

  .desktop-aps-ui-marquee-item {
    aspect-ratio: 689 / 500;
    flex: 0 0 clamp(18rem, 20vw, 40rem);
    width: clamp(18rem, 20vw, 40rem);
    position: relative;
    overflow: hidden;
  }

  .desktop-aps-ui-marquee-image {
    object-fit: contain;
  }

  .desktop-safety-section {
    height: clamp(30rem, 35vw, 70rem);
  }

  .desktop-safety-section .desktop-product-heading h2 {
    color: #fff;
    text-shadow: 0 .25rem 1rem #000000a6;
  }

  .desktop-management-assets {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: min(2.3837vw, 5.125rem);
    width: min(42.5581vw, 91.5rem);
    margin: clamp(3rem, 4vw, 8rem) auto 0;
    display: grid;
  }

  .desktop-management-assets img {
    width: 100%;
    height: auto;
  }

  .desktop-field-wall {
    width: var(--desktop-aps-art-width);
    height: auto;
    margin: clamp(3rem, 4vw, 8rem) auto 0;
    display: block;
  }

  .desktop-pilot-section {
    height: auto;
    min-height: min(46.4535vw, 99.875rem);
  }

  .desktop-pilot-background {
    object-position: center center;
  }

  .desktop-pilot-shade {
    background: none;
  }

  .desktop-pilot-content {
    width: var(--desktop-aps-pilot-width);
    box-sizing: border-box;
    min-height: min(46.4535vw, 99.875rem);
    padding-block: var(--desktop-aps-heading-top);
    flex-direction: column;
    display: flex;
  }

  .desktop-pilot-section .desktop-product-heading {
    text-align: center;
    width: 100%;
  }

  .desktop-pilot-section .desktop-product-heading h2, .desktop-pilot-section .desktop-product-heading p {
    color: #fff;
  }

  .desktop-pilot-section .desktop-product-heading strong {
    color: #25d7df;
    font-size: clamp(2.5rem, 2.6163vw, 5.625rem);
    font-weight: 600;
    line-height: .9444;
  }

  .desktop-pilot-cards {
    gap: min(1.4535vw, 3.125rem);
    margin-top: min(3.1977vw, 6.875rem);
  }

  .desktop-pilot-cards article {
    aspect-ratio: 67 / 15;
    text-align: left;
    background: url("/libpet/aps/desktop/pilot-card.png") center / 100% 100% no-repeat;
    border-radius: 0;
    width: 100%;
    padding: clamp(1rem, 1.2vw, 2.5rem) clamp(1.25rem, 1.6vw, 3.25rem);
  }

  .desktop-pilot-cards article > span {
    font-size: clamp(1.5rem, 1.4535vw, 3.125rem);
    font-weight: 500;
    line-height: 1;
  }

  .desktop-pilot-cards h3 {
    font-size: clamp(1.5rem, 1.4535vw, 3.125rem);
    font-weight: 500;
    line-height: normal;
  }

  .desktop-pilot-cards ul {
    color: #ffffffe0;
    gap: .35rem;
    margin-top: .65rem;
    padding: 0;
    font-size: clamp(.75rem, .7267vw, 1.5625rem);
    font-weight: 300;
    line-height: 1.08;
    list-style: none;
    display: grid;
  }

  .desktop-pilot-cards li {
    grid-template-columns: .72em minmax(0, 1fr);
    align-items: start;
    column-gap: .65em;
    display: grid;
  }

  .desktop-pilot-cards .desktop-pilot-bullet {
    place-items: center;
    width: .72em;
    height: 1lh;
    display: grid;
  }

  .desktop-pilot-cards .desktop-pilot-bullet:before {
    content: "";
    background: currentColor;
    border-radius: 50%;
    width: .72em;
    height: .72em;
  }

  .desktop-pilot-cards li > span:last-child {
    min-width: 0;
  }

  .desktop-values-grid {
    width: var(--desktop-aps-art-width);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: min(.5233vw, 1.125rem);
    margin: clamp(2.25rem, 3vw, 6rem) auto 0;
    display: grid;
  }

  .desktop-aps-page .desktop-values-section {
    background: #f9f9f9;
  }

  .desktop-values-grid article {
    aspect-ratio: 631 / 333;
    color: #fff;
    text-align: center;
    background: none;
    border-radius: 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    min-height: 0;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .desktop-values-grid img {
    object-fit: cover;
  }

  .desktop-value-copy {
    z-index: 1;
    flex-direction: column;
    align-items: center;
    width: auto;
    height: auto;
    padding: 0;
    display: flex;
    position: absolute;
    inset: 36.25% 6% 5%;
  }

  .desktop-values-grid h3 {
    margin-top: 0;
    font-size: clamp(1.5rem, 1.4535vw, 3.125rem);
    font-weight: 500;
  }

  .desktop-values-grid p {
    color: #ffffffd6;
    max-width: 30rem;
    margin-top: clamp(.0625rem, .0581vw, .125rem);
    font-size: clamp(.75rem, .7267vw, 1.5625rem);
    font-weight: 300;
    line-height: 1.08;
  }

  .desktop-custom-wall {
    width: var(--desktop-aps-art-width);
    height: auto;
    margin: min(.5814vw, 1.25rem) auto 0;
    display: block;
  }

  .desktop-aps-page .desktop-custom-section {
    background: #fff;
  }

  .desktop-product-cooperation-section {
    background: #f9f9f9;
    justify-content: center;
    align-items: center;
    height: clamp(10rem, 14.5349vw, 31.25rem);
    display: flex;
  }

  .desktop-product-cooperation-section .desktop-product-pill {
    margin: 0;
  }

  .desktop-product-contact-trigger {
    cursor: pointer;
    color: #fff;
    font: inherit;
    background: #0b46c8;
  }

  .desktop-showcase-grid {
    height: clamp(25rem, 33vw, 67.5rem);
  }

  .desktop-libpet-s-page {
    --desktop-libpet-s-art-width: min(37.2093vw, 80rem);
    --desktop-libpet-s-heading-top: min(5.2326vw, 11.25rem);
    --desktop-libpet-s-config-label-size: clamp(.8125rem, .64vw, 1.375rem);
    --desktop-libpet-s-config-copy-gap: min(.5814vw, 1.25rem);
    --desktop-libpet-s-config-summary-gap: min(1.1628vw, 2.5rem);
  }

  .desktop-libpet-s-page .desktop-product-hero {
    height: var(--desktop-detail-banner-height);
    background: #292622;
  }

  .desktop-libpet-s-page .desktop-product-hero-image {
    object-position: center center;
  }

  .desktop-libpet-s-page .desktop-product-hero-shade {
    background: none;
  }

  .desktop-libpet-s-page .desktop-product-hero-copy {
    transform: translate(-50%, -36%);
  }

  .desktop-libpet-s-page .desktop-product-hero h1 {
    letter-spacing: -.025em;
    max-width: 60rem;
    margin-inline: auto;
    font-size: clamp(2.25rem, 2.616vw, 5.625rem);
    font-weight: 600;
    line-height: 1.02;
  }

  .desktop-libpet-s-page .desktop-detail-action {
    background: none;
  }

  .desktop-libpet-s-page .desktop-product-section {
    padding: 0;
    position: relative;
    overflow: hidden;
  }

  .desktop-libpet-s-page .desktop-config-section {
    height: clamp(24rem, 31.9767vw, 68.75rem);
  }

  .desktop-libpet-s-page .desktop-zero-gravity-section {
    height: clamp(30rem, 42.6744vw, 91.75rem);
  }

  .desktop-libpet-s-page .desktop-controller-section {
    height: clamp(26rem, 35.6395vw, 76.625rem);
  }

  .desktop-libpet-s-page .desktop-massage-section {
    height: clamp(40rem, 83.8953vw, 180.375rem);
  }

  .desktop-libpet-s-page .desktop-rehab-section {
    height: clamp(48rem, 76.7442vw, 165rem);
  }

  .desktop-libpet-s-page .desktop-product-section.is-soft {
    background: #fafafa;
  }

  .desktop-libpet-s-page .desktop-product-section > .desktop-product-heading {
    z-index: 2;
    top: var(--desktop-libpet-s-heading-top);
    position: absolute;
    left: 0;
    right: 0;
  }

  .desktop-libpet-s-page .desktop-product-heading h2 {
    max-width: min(96rem, 100vw - 4rem);
    font-size: var(--desktop-product-heading-size);
    letter-spacing: -.025em;
    font-weight: 500;
    line-height: var(--desktop-product-heading-line-height);
  }

  .desktop-libpet-s-page .desktop-product-heading p, .desktop-libpet-s-page .desktop-config-summary {
    max-width: min(100rem, 100vw - 4rem);
    font-size: var(--desktop-product-body-size);
    font-weight: 300;
    line-height: var(--desktop-product-body-line-height);
  }

  .desktop-libpet-s-page .desktop-config-summary {
    z-index: 2;
    top: calc(44% - var(--desktop-libpet-s-config-summary-gap));
    width: max-content;
    font-size: var(--desktop-libpet-s-config-label-size);
    text-align: center;
    margin: 0;
    position: absolute;
    left: calc(50% - min(6.2209vw, 13.375rem));
    transform: translate(-50%, -100%);
  }

  .desktop-libpet-s-page .desktop-config-asset-layout {
    width: 100%;
    height: 100%;
    margin: auto;
    display: block;
    position: absolute;
    inset: 0;
  }

  .desktop-libpet-s-page .desktop-config-asset {
    width: var(--desktop-libpet-s-art-width);
    mix-blend-mode: normal;
    max-width: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .desktop-libpet-s-page .desktop-config-asset-layout ul {
    width: 100%;
    min-width: 0;
    height: 100%;
    font-size: var(--desktop-libpet-s-config-label-size);
    margin: 0;
    line-height: 1;
    display: block;
    position: absolute;
    inset: 0;
  }

  .desktop-libpet-s-page .desktop-config-asset-layout li {
    white-space: nowrap;
    width: max-content;
    padding: 0;
    position: absolute;
    transform: translateY(-50%);
  }

  .desktop-libpet-s-page .desktop-config-asset-layout li:first-child {
    top: 53.5%;
    left: calc(50% + min(12.8295vw, 27.5833rem) + var(--desktop-libpet-s-config-copy-gap));
  }

  .desktop-libpet-s-page .desktop-config-asset-layout li:nth-child(2) {
    top: 62.2%;
    left: calc(50% + min(11.8217vw, 25.4167rem) + var(--desktop-libpet-s-config-copy-gap));
  }

  .desktop-libpet-s-page .desktop-config-asset-layout li:nth-child(3) {
    top: 69.8%;
    left: calc(50% + min(10.9302vw, 23.5rem) + var(--desktop-libpet-s-config-copy-gap));
  }

  .desktop-libpet-s-page .desktop-config-asset-layout li:nth-child(4) {
    top: 78.2%;
    left: calc(50% + min(9.8837vw, 21.25rem) + var(--desktop-libpet-s-config-copy-gap));
  }

  .desktop-libpet-s-page .desktop-zero-gravity-assets {
    width: var(--desktop-libpet-s-art-width);
    aspect-ratio: 1280 / 1468;
    height: auto;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .desktop-libpet-s-page .desktop-zero-gravity-main {
    object-fit: contain;
    mix-blend-mode: normal;
    width: 100%;
    height: 100%;
    inset: 0;
  }

  .desktop-libpet-s-page .desktop-controller-asset {
    width: var(--desktop-libpet-s-art-width);
    mix-blend-mode: normal;
    max-width: none;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .desktop-libpet-s-page .desktop-massage-marquee {
    --desktop-massage-marquee-gap: clamp(.35rem, .42vw, .9rem);
    pointer-events: none;
    width: 100%;
    margin-top: 0;
    position: absolute;
    top: min(15.6047vw, 33.55rem);
    left: 0;
    right: 0;
    overflow: hidden;
  }

  .desktop-libpet-s-page .desktop-massage-marquee-track {
    width: max-content;
    display: flex;
  }

  .desktop-libpet-s-page .desktop-massage-marquee-group {
    gap: var(--desktop-massage-marquee-gap);
    padding-right: var(--desktop-massage-marquee-gap);
    animation: 72s linear infinite desktop-media-marquee-group;
    animation-play-state: var(--desktop-marquee-play-state);
    backface-visibility: hidden;
    will-change: transform;
    flex: none;
    display: flex;
    transform: translate3d(0, 0, 0);
  }

  .desktop-libpet-s-page .desktop-massage-marquee-item {
    background: none;
    border-radius: clamp(.55rem, .7vw, 1.5rem);
    flex: 0 0 clamp(9.5rem, 14vw, 30.125rem);
    width: clamp(9.5rem, 14vw, 30.125rem);
    position: relative;
    overflow: hidden;
  }

  .desktop-libpet-s-page .desktop-massage-marquee-image-wrap {
    aspect-ratio: 479 / 454;
    background: none;
    width: 100%;
    position: relative;
    overflow: hidden;
  }

  .desktop-libpet-s-page .desktop-massage-marquee-image {
    object-fit: contain;
  }

  .desktop-libpet-s-page .desktop-massage-marquee-item h3 {
    color: #ffc052;
    text-align: center;
    justify-content: center;
    align-items: center;
    min-height: 16.5%;
    padding: .35rem .7rem;
    font-size: clamp(.75rem, .7267vw, 1.5625rem);
    font-weight: 400;
    line-height: 1.05;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .desktop-libpet-s-page .desktop-app-assets {
    width: var(--desktop-libpet-s-art-width);
    height: auto;
    margin: 0;
    position: absolute;
    top: min(28.9826vw, 62.3125rem);
    left: 50%;
    transform: translateX(-50%);
  }

  .desktop-libpet-s-page .desktop-app-assets img {
    filter: none;
    width: 100%;
    height: auto;
    display: block;
    position: static;
  }

  .desktop-libpet-s-page .desktop-rehab-assets {
    width: var(--desktop-libpet-s-art-width);
    min-height: 0;
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  .desktop-libpet-s-page .desktop-rehab-assets > img {
    width: 100%;
    height: auto;
    display: block;
  }

  .desktop-libpet-s-page .desktop-lifestyle-section {
    --desktop-lifestyle-marquee-gap-above: clamp(2rem, 2.4vw, 5rem);
    --desktop-lifestyle-marquee-height: clamp(7.3016rem, 9.7955vw, 21.0625rem);
    --desktop-lifestyle-marquee-half-height: clamp(3.6508rem, 4.8978vw, 10.5313rem);
    --desktop-lifestyle-marquee-quarter-height: clamp(1.8254rem, 2.4489vw, 5.26563rem);
    background: #7a6345;
    height: clamp(30rem, 38.8953vw, 83.625rem);
    min-height: 0;
  }

  .desktop-libpet-s-page .desktop-lifestyle-background {
    object-position: center center;
  }

  .desktop-libpet-s-page .desktop-lifestyle-shade {
    background: none;
  }

  .desktop-libpet-s-page .desktop-lifestyle-content {
    height: 100%;
    padding: 0;
    position: relative;
  }

  .desktop-libpet-s-page .desktop-lifestyle-content > .desktop-product-heading {
    right: 0;
    bottom: calc(50% + var(--desktop-lifestyle-marquee-half-height) +
        var(--desktop-lifestyle-marquee-gap-above));
    width: 100%;
    position: absolute;
    left: 0;
  }

  .desktop-libpet-s-page .desktop-lifestyle-section .desktop-product-heading h2 {
    color: #fff;
    text-shadow: 0 .15rem 1rem #00000059;
  }

  .desktop-libpet-s-page .desktop-lifestyle-marquee {
    --desktop-lifestyle-marquee-gap: 0rem;
    width: 100%;
    height: var(--desktop-lifestyle-marquee-height);
    pointer-events: none;
    margin-top: 0;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    overflow: hidden;
    transform: translateY(-50%);
  }

  .desktop-libpet-s-page .desktop-lifestyle-marquee-track {
    width: max-content;
    display: flex;
  }

  .desktop-libpet-s-page .desktop-lifestyle-marquee-group {
    gap: var(--desktop-lifestyle-marquee-gap);
    padding-right: var(--desktop-lifestyle-marquee-gap);
    animation: 88s linear infinite desktop-media-marquee-group;
    animation-play-state: var(--desktop-marquee-play-state);
    backface-visibility: hidden;
    will-change: transform;
    flex: none;
    display: flex;
    transform: translate3d(0, 0, 0);
  }

  .desktop-libpet-s-page .desktop-lifestyle-marquee-item {
    width: clamp(13rem, 17.44vw, 37.5rem);
    height: var(--desktop-lifestyle-marquee-height);
    flex: 0 0 clamp(13rem, 17.44vw, 37.5rem);
    position: relative;
    overflow: hidden;
  }

  .desktop-libpet-s-page .desktop-lifestyle-marquee-image {
    object-fit: contain;
  }

  .desktop-libpet-s-page .desktop-lifestyle-buy {
    top: calc(75% + var(--desktop-lifestyle-marquee-quarter-height));
    color: #111;
    background: #fff;
    border-color: #fff;
    min-height: clamp(2.25rem, 1.8605vw, 4rem);
    margin: 0;
    padding-inline: clamp(1.25rem, 1.1628vw, 2.5rem);
    font-size: clamp(.8125rem, .7268vw, 1.5625rem);
    font-weight: 500;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

@keyframes desktop-media-marquee {
  to {
    transform: translate3d(-50%, 0, 0);
  }
}

@keyframes desktop-media-marquee-group {
  to {
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes desktop-media-marquee-recycle {
  from {
    transform: translate3d(200%, 0, 0);
  }

  to {
    transform: translate3d(-100%, 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .desktop-asset-strip, .desktop-aps-ui-marquee, .desktop-libpet-s-page .desktop-massage-marquee, .desktop-libpet-s-page .desktop-lifestyle-marquee, .desktop-lifestyle-mosaic {
    pointer-events: auto;
    overflow-x: auto;
  }

  .desktop-asset-strip-track, .desktop-aps-ui-marquee-track, .desktop-aps-ui-marquee-group, .desktop-libpet-s-page .desktop-massage-marquee-track, .desktop-libpet-s-page .desktop-massage-marquee-group, .desktop-lifestyle-marquee-track, .desktop-libpet-s-page .desktop-lifestyle-marquee-group, .desktop-lifestyle-mosaic-track {
    animation: none;
    transform: none;
  }

  .product-video-panel {
    transition: none;
  }

  .drop-reveal-ready .drop-reveal-item {
    color: #fff;
    opacity: 1;
    animation: none;
    transform: none;
  }

  .brand-statement-text {
    opacity: 1;
    visibility: visible;
  }

  .brand-statement-text * {
    opacity: 1;
    filter: none;
    transform: none;
  }

  .mobile-product-video-spinner {
    animation: none;
  }

  .mobile-hero-dot-indicator, .mobile-news-dot:before, .aps-carousel-dot:before, .libpet-s-carousel-dot:before {
    transition: none;
  }
}

.mobile-robot-solution-page {
  --mobile-robot-content: min(calc(100vw - 2.5rem), 24.375rem);
  --mobile-robot-lineup-image-width: min(69.767vw,
    18.75rem,
    calc(100vw - 2rem));
  --mobile-robot-product-image-width: min(46.512vw,
    12.5rem,
    calc(100vw - 2rem));
  --mobile-robot-product-copy-gap: clamp(3.5rem, 15.581vw, 4.1875rem);
  --mobile-robot-first-section-gap: clamp(3.125rem, 14.186vw, 3.8125rem);
  --mobile-robot-section-gap: clamp(5.25rem, 23.256vw, 6.25rem);
  --mobile-robot-title-size: var(--mobile-product-detail-heading-size);
  --mobile-robot-title-line-height: var(--mobile-product-detail-heading-line-height);
  --mobile-robot-subtitle-size: var(--mobile-product-detail-subtitle-size);
  --mobile-robot-subtitle-line-height: var(--mobile-product-detail-subtitle-line-height);
  --mobile-robot-name-size: clamp(.8125rem, 3.721vw, 1rem);
  --mobile-robot-name-image-gap: clamp(1rem, 4.651vw, 1.25rem);
  color: #fff;
  background: #000;
  width: 100%;
  min-height: 100svh;
  overflow-x: hidden;
}

.mobile-robot-hero {
  width: 100%;
  height: min(40.625rem, 151.2vw, 69.75svh);
  min-height: clamp(28rem, 120vw, 40.625rem);
  margin-bottom: var(--mobile-robot-first-section-gap);
  background: #6d6d6d;
  position: relative;
  overflow: hidden;
}

.mobile-robot-hero-image {
  object-fit: cover;
  object-position: center top;
}

.mobile-robot-hero-shade {
  background: linear-gradient(#0000001a, #0000000d 58%, #00000038);
  position: absolute;
  inset: 0;
}

.mobile-robot-hero-copy {
  z-index: 1;
  color: #fff;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: min(72vw, 19rem);
  display: flex;
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mobile-robot-hero-copy h1 {
  letter-spacing: -.035em;
  text-shadow: 0 .125rem 1rem #00000061;
  font-size: clamp(2rem, 10.233vw, 2.75rem);
  font-weight: 600;
  line-height: .98;
}

.mobile-robot-cooperation {
  cursor: pointer;
  transition: background-color .22s, border-color .22s;
}

.mobile-robot-cooperation.is-blue {
  color: #fff;
  background: #0648d7;
  border-color: #0648d7;
}

.mobile-robot-cooperation.is-blue:hover, .mobile-robot-cooperation.is-blue:focus-visible {
  background: #0039b8;
  border-color: #0039b8;
}

.mobile-robot-intro, .mobile-robot-feature, .mobile-robot-hello {
  width: 100%;
  padding-block: 0 var(--mobile-robot-section-gap);
  padding-inline: var(--mobile-edge);
  background: #000;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.mobile-robot-heading {
  z-index: 1;
  width: var(--mobile-robot-content);
  text-align: center;
  margin-inline: auto;
  position: relative;
}

.mobile-robot-heading h2 {
  font-size: var(--mobile-robot-title-size);
  letter-spacing: -.025em;
  font-weight: 400;
  line-height: var(--mobile-robot-title-line-height);
  text-wrap: balance;
}

.mobile-robot-heading p {
  color: #f0f0f0;
  font-size: var(--mobile-robot-subtitle-size);
  font-weight: 300;
  line-height: var(--mobile-robot-subtitle-line-height);
  text-wrap: balance;
  margin: .625rem auto 0;
}

.mobile-robot-title-line, .mobile-robot-copy-line {
  display: block;
}

.mobile-robot-title-line {
  white-space: nowrap;
}

.mobile-robot-lineup {
  width: var(--mobile-robot-lineup-image-width);
  margin-top: clamp(3.75rem, 16.512vw, 4.4375rem);
  position: relative;
}

.mobile-robot-lineup > img {
  object-fit: contain;
  width: 100%;
  height: auto;
  display: block;
}

.mobile-robot-lineup .robot-category-labels {
  color: #f2f2f2;
  font-size: var(--mobile-robot-name-size);
  text-align: center;
  font-weight: 400;
  line-height: 1;
  display: grid;
}

.mobile-robot-lineup .robot-category-labels-top {
  width: 78%;
  margin: 0 auto var(--mobile-robot-name-image-gap) 6.5%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mobile-robot-lineup .robot-category-labels-bottom {
  margin-top: var(--mobile-robot-name-image-gap);
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mobile-robot-lineup .robot-category-labels-bottom span:first-child {
  transform: translateX(-18.5%);
}

.mobile-robot-lineup .robot-category-labels-bottom span:last-child {
  transform: translateX(12.75%);
}

.mobile-robot-feature-image {
  width: var(--mobile-robot-product-image-width);
  max-width: calc(100vw - 4rem);
  height: auto;
  margin-top: var(--mobile-robot-product-copy-gap);
  object-fit: contain;
  display: block;
}

.mobile-robot-feature-security-transport .mobile-robot-feature-image, .mobile-robot-feature-delivery .mobile-robot-feature-image {
  max-height: none;
}

.mobile-robot-hello {
  padding-bottom: 0;
  padding-inline: 0;
}

.mobile-robot-cooperation-area {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: min(41.86vw, 11.25rem);
  display: flex;
}

.mobile-robot-cooperation-area .mobile-robot-cooperation {
  z-index: 2;
}

.mobile-robot-hello-image {
  width: var(--mobile-robot-product-image-width);
  object-fit: contain;
  object-position: center top;
  max-width: calc(100vw - 4rem);
  height: auto;
  margin-top: 0;
  display: block;
}

.mobile-robot-solution-page .mobile-footer-top-row {
  width: var(--mobile-content-width);
  border-top: var(--hairline-width) solid #1d1d1d;
  margin-inline: auto;
}

.mobile-product-detail-hero {
  width: 100%;
  max-width: var(--mobile-media-max-width);
  height: var(--mobile-banner-height);
  aspect-ratio: auto;
  min-height: 0;
  margin-inline: auto;
}

.mobile-product-detail-hero-copy {
  width: var(--mobile-content-width);
}

.mobile-product-detail-hero-copy h1 {
  font-size: clamp(2.625rem, 11.628vw, 3.125rem);
  line-height: normal;
}

.mobile-product-detail-hero-actions {
  width: 100%;
  margin-top: var(--mobile-product-detail-hero-action-gap);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: clamp(.75rem, 3.721vw, 1rem);
  display: flex;
}

.mobile-product-detail-hero-actions > .mobile-product-detail-hero-action, .mobile-robot-hero-copy > .mobile-product-detail-hero-action {
  width: auto;
  min-width: var(--mobile-pill-cta-min-width);
  box-sizing: border-box;
  cursor: pointer;
  border: var(--hairline-width) solid currentColor;
  color: #fff;
  height: 2rem;
  min-height: 0;
  padding-inline: var(--mobile-pill-cta-padding-inline);
  white-space: nowrap;
  background: none;
  border-radius: 9999rem;
  flex: none;
  justify-content: center;
  align-items: center;
  gap: .375rem;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1;
  display: inline-flex;
  position: relative;
}

.mobile-product-detail-hero-action:before {
  content: "";
  position: absolute;
  inset: -.4375rem 0;
}

.mobile-product-detail-hero-action svg {
  flex: none;
  width: .75rem;
  height: .75rem;
}

.mobile-robot-hero-copy > .mobile-product-detail-hero-action {
  margin-top: var(--mobile-product-detail-hero-action-gap);
}

@media (min-width: 37.5rem) {
  .desktop-robot-solution-page {
    --desktop-robot-module-height: clamp(40rem, 31.395vw, 67.5rem);
    --desktop-robot-art-width: min(80rem,
      max(42rem, 37.21vw),
      calc(100vw - 4rem));
    background: #fff;
  }

  .desktop-robot-hero {
    width: 100%;
    height: var(--desktop-detail-banner-height);
    background: #ececec;
    position: relative;
    overflow: hidden;
  }

  .desktop-robot-hero-image {
    object-fit: cover;
    object-position: center;
  }

  .desktop-robot-hero-copy {
    z-index: 1;
    color: #0c0c0c;
    position: absolute;
    top: 50%;
    left: clamp(8rem, 31.25vw, 67.1875rem);
    transform: translateY(-50%);
  }

  .desktop-robot-hero-copy h1 {
    letter-spacing: normal;
    font-size: clamp(3.5rem, 2.6163vw, 5.625rem);
    font-weight: 700;
    line-height: 1.22;
  }

  .desktop-robot-hero-copy p {
    margin-top: clamp(.5rem, .5333vw, 1rem);
    font-size: clamp(1rem, .9593vw, 2.0625rem);
    font-weight: 400;
    line-height: .9;
  }

  .desktop-robot-hero-subtitle-line {
    display: block;
  }

  .desktop-robot-cooperation {
    cursor: pointer;
    color: currentColor;
    background: none;
    border: 0;
    border-radius: 9999rem;
    justify-content: center;
    align-items: center;
    min-height: 2.75rem;
    margin-top: clamp(1.25rem, 1.5vw, 2.5rem);
    padding-inline: 1.125rem;
    font-size: clamp(.8125rem, .72vw, 1.25rem);
    display: inline-flex;
    box-shadow: inset 0 0 0 .0625rem;
  }

  .desktop-robot-hero-copy .desktop-robot-cooperation {
    margin-top: clamp(2.0833rem, 2.5vw, 4.1667rem);
  }

  .desktop-robot-cooperation.is-blue {
    color: #fff;
    box-shadow: none;
    background: #0648d7;
  }

  .desktop-robot-intro, .desktop-robot-feature, .desktop-robot-hello {
    width: 100%;
    height: var(--desktop-robot-module-height);
    min-height: var(--desktop-robot-module-height);
    background: #fff;
    padding: clamp(4.5rem, 4.2vw, 9rem) 2rem 0;
    position: relative;
    overflow: hidden;
  }

  .desktop-robot-feature.is-soft {
    background: #f7f7f7;
  }

  .desktop-robot-heading {
    z-index: 2;
    text-align: center;
    width: min(94rem, 100vw - 6rem);
    margin-inline: auto;
    position: relative;
  }

  .desktop-robot-heading h2 {
    font-size: var(--desktop-product-heading-size);
    letter-spacing: normal;
    font-weight: 500;
    line-height: var(--desktop-product-heading-line-height);
    text-wrap: balance;
  }

  .desktop-robot-heading p {
    color: #151515;
    max-width: 94rem;
    font-size: var(--desktop-product-body-size);
    font-weight: 300;
    line-height: var(--desktop-product-body-line-height);
    text-wrap: balance;
    margin: clamp(.5rem, .58vw, 1rem) auto 0;
  }

  .desktop-robot-description-line {
    display: block;
  }

  .desktop-robot-lineup {
    width: var(--desktop-robot-art-width);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  .desktop-robot-lineup > img {
    object-fit: contain;
    width: 100%;
    height: auto;
    display: block;
  }

  .desktop-robot-lineup .robot-category-labels {
    text-align: center;
    height: 1.5em;
    font-size: clamp(.6875rem, .46vw, 1rem);
    display: block;
    position: absolute;
    top: 85.5%;
    left: 0;
    right: 0;
  }

  .desktop-robot-lineup .robot-category-labels span {
    white-space: nowrap;
    position: absolute;
    transform: translateX(-50%);
  }

  .desktop-robot-lineup .robot-category-labels span:first-child {
    left: 20.5%;
  }

  .desktop-robot-lineup .robot-category-labels span:nth-child(2) {
    left: 35.8%;
  }

  .desktop-robot-lineup .robot-category-labels span:nth-child(3) {
    left: 50.4%;
  }

  .desktop-robot-lineup .robot-category-labels span:nth-child(4) {
    left: 64.7%;
  }

  .desktop-robot-lineup .robot-category-labels span:nth-child(5) {
    left: 79.8%;
  }

  .desktop-robot-feature-image {
    width: var(--desktop-robot-art-width);
    object-fit: contain;
    max-width: none;
    height: auto;
    margin: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  .desktop-robot-hello {
    text-align: center;
    background: #f9f9f9;
    padding-top: clamp(4.5rem, 4.2vw, 9rem);
    padding-bottom: 0;
  }

  .desktop-robot-hello .desktop-robot-cooperation {
    z-index: 2;
    position: relative;
  }

  .desktop-robot-hello-image {
    width: var(--desktop-robot-art-width);
    object-fit: contain;
    object-position: center top;
    max-width: none;
    height: auto;
    margin: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  .desktop-product-page .desktop-product-cta {
    box-sizing: border-box;
    width: max-content;
    min-width: var(--hero-cta-width);
    height: var(--hero-cta-height);
    min-height: var(--hero-cta-height);
    cursor: pointer;
    border: var(--hairline-width) solid currentColor;
    font-size: var(--hero-cta-font-size);
    text-align: center;
    white-space: nowrap;
    border-radius: 9999rem;
    flex: none;
    justify-content: center;
    align-items: center;
    padding-block: 0;
    padding-inline: 1em;
    font-weight: 400;
    line-height: 1;
    transition: border-color .28s, background-color .28s, box-shadow .28s, color .28s, opacity .28s;
    display: inline-flex;
  }

  .desktop-product-page .desktop-product-contact-trigger, .desktop-product-page .desktop-product-cta.is-blue {
    border-color: #0000;
  }

  .desktop-product-page .desktop-detail-action:hover {
    border-color: #0000;
    box-shadow: inset 0 0 0 100vmax #ffffff1f;
  }

  .desktop-libpet-s-page .desktop-detail-action:hover {
    background: none;
    border-color: #0000;
    outline: none;
    box-shadow: inset 0 0 0 100vmax #ffffff1f;
  }

  .desktop-product-page .desktop-robot-cooperation:not(.is-blue):hover {
    box-shadow: none;
    background: #0000000d;
    border-color: #0000;
  }

  .desktop-product-page .desktop-lifestyle-buy:hover {
    border-color: #0000;
    box-shadow: inset 0 0 0 100vmax #0000000f;
  }

  .desktop-product-page .desktop-product-contact-trigger:hover, .desktop-product-page .desktop-product-cta.is-blue:hover {
    background: #063bb4;
    border-color: #0000;
    box-shadow: inset 0 0 0 100vmax #0000000d;
  }

  .desktop-product-page .desktop-product-cta:focus-visible {
    box-shadow: var(--focus-ring);
    border-color: #0000;
    outline: none;
  }
}

@media (min-width: 37.5rem) and (max-width: 47.9375rem), (min-width: 37.5rem) and (max-width: 90rem) and (max-aspect-ratio: 1) {
  :root[data-adaptive-device="true"][data-page-target="desktop"] {
    --adaptive-hero-height: min(90svh, max(29.25rem, 56.25vw));
    --hero-title-size: clamp(3rem, 7.5vw, 5.625rem);
    --hero-subtitle-size: clamp(1.25rem, 2.8vw, 2.0625rem);
    --hero-title-subtitle-gap: clamp(.75rem, 2vw, 1.5rem);
    --hero-subtitle-gap: clamp(.5rem, 1.4vw, 1.0625rem);
    --hero-copy-cta-gap: clamp(2rem, 4vw, 4.5rem);
    --brand-statement-font-size: clamp(2rem, 4.6875vw, 3rem);
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .hero-section {
    height: var(--adaptive-hero-height);
    min-height: 0;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .hero-section > .header-shell {
    padding-top: var(--nav-main-height);
    padding-bottom: 3rem;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .brand-statement-section {
    height: calc(var(--adaptive-hero-height) + var(--desktop-1080p-height-boost));
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .company-metrics-section {
    height: var(--adaptive-hero-height);
    min-height: 0;
  }
}

@media (min-width: 37.5rem) and (max-width: 47.9375rem) {
  :root[data-adaptive-device="true"][data-page-target="desktop"] .region-selector-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .cooperation-dialog-title {
    white-space: normal;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .cooperation-dialog-actions {
    flex-wrap: wrap;
    row-gap: 2rem;
  }
}

@media (min-width: 37.5rem) and (max-width: 79.9375rem) {
  :root[data-adaptive-device="true"][data-page-target="desktop"] .footer-legal-links {
    flex-wrap: wrap;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .footer-legal-item {
    align-items: center;
    gap: inherit;
    display: inline-flex;
  }
}

@media (min-width: 37.5rem) and (max-width: 119.938rem) {
  :root[data-adaptive-device="true"][data-page-target="desktop"] .latest-news-section {
    --news-card-width: min(calc(100vw - (var(--site-page-gutter) * 2)),
      max(22.5rem, 23.7209vw));
    --news-track-padding-inline: calc(50vw - (var(--news-card-width) / 2));
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .latest-news-card {
    height: auto;
    min-height: var(--news-card-height);
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .latest-news-card-meta {
    flex-wrap: wrap;
    gap: .25rem .75rem;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .latest-news-card-meta > * {
    white-space: nowrap;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .latest-news-controls-content {
    flex-wrap: wrap;
    gap: .75rem;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .latest-news-see-all {
    white-space: nowrap;
    flex: none;
    width: max-content;
    min-width: clamp(4.625rem, 4.7093vw, 10.125rem);
    padding-inline: 1em;
  }
}

@media (min-width: 37.5rem) and (max-width: 64rem) {
  :root[data-adaptive-device="true"][data-page-target="desktop"] .product-video-copy-wrap {
    width: min(calc(100% - 3rem), max(26.25rem, var(--product-video-center)));
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .product-video-nav-left {
    left: var(--site-page-gutter);
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .product-video-nav-right {
    right: var(--site-page-gutter);
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .product-card {
    --product-card-title-size: clamp(1.25rem, 3.125vw, 2rem);
    --product-card-description-size: clamp(.75rem, 1.5625vw, 1rem);
    --product-card-link-size: clamp(.75rem, 1.3672vw, .875rem);
    --product-card-link-gap: clamp(.75rem, 1.5625vw, 1rem);
    aspect-ratio: auto;
    min-width: 0;
    height: auto;
    padding: 0;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .product-card .product-card-default-copy {
    overflow-wrap: anywhere;
    width: 100%;
    padding: clamp(1rem, 2.3438vw, 1.5rem) clamp(.75rem, 1.9531vw, 1.25rem) 0;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .product-card-link-row {
    row-gap: 2rem;
    margin-top: clamp(.5rem, 1.1719vw, .75rem);
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .product-card:not(.product-card-coming-soon) .product-card-image-stage {
    flex: none;
    height: auto;
    margin-top: auto;
    position: relative;
    inset: auto;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .product-card:not(.product-card-coming-soon) .product-image-stack {
    height: auto;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .product-card:not(.product-card-coming-soon) .product-image {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}

@media (min-width: 37.5rem) and (max-width: 47.9375rem) {
  :root[data-adaptive-device="true"][data-page-target="desktop"] .product-video-copy-wrap {
    top: 1.25rem;
  }
}

@media (min-width: 37.5rem) and (max-width: 64rem) {
  :root[data-adaptive-device="true"][data-page-target="desktop"] {
    --site-page-gutter: clamp(1.5rem, 3.125vw, 2rem);
    --nav-main-font-size: clamp(.875rem, 1.5625vw, 1rem);
    --nav-item-gap: clamp(.75rem, 1.5625vw, 1rem);
    --nav-logo-width: clamp(5.5rem, 11.3281vw, 7.25rem);
    --nav-logo-height: calc(var(--nav-logo-width) * 31 / 158);
  }
}

:root[data-adaptive-device="true"][data-page-target="desktop"] {
  --nav-main-height: clamp(3.25rem, 4.4792vw, 5.375rem);
  --nav-icon-gap: calc(var(--nav-item-gap) * 9 / 14);
  --nav-account-trigger-background-size: min(calc(var(--nav-icon-size) * 40 / 26),
    calc(var(--nav-icon-size) + var(--nav-icon-gap)));
  --nav-submenu-leading: 2.75rem;
}

:root[data-adaptive-device="true"][data-page-target="desktop"] .nav-main-links > button, :root[data-adaptive-device="true"][data-page-target="desktop"] .nav-submenu-slot > span {
  white-space: nowrap;
  flex-shrink: 0;
}

:root[data-adaptive-device="true"][data-page-target="desktop"] .nav-main-links > button, :root[data-adaptive-device="true"][data-page-target="desktop"] .nav-home-link {
  min-block-size: 2.75rem;
}

:root[data-adaptive-device="true"][data-page-target="desktop"] .nav-actions > :is(button, a), :root[data-adaptive-device="true"][data-page-target="desktop"] :where(.hero-cta, .product-card-links .animated-text-link, .product-video-copy-links .animated-text-link) {
  position: relative;
}

:root[data-adaptive-device="true"][data-page-target="desktop"] .nav-actions > :is(button, a):before, :root[data-adaptive-device="true"][data-page-target="desktop"] .nav-account-trigger:after, :root[data-adaptive-device="true"][data-page-target="desktop"] :where(.hero-cta, .product-card-links .animated-text-link, .product-video-copy-links .animated-text-link, .product-video-nav, .desktop-aps-video-close):before {
  content: "";
  width: max(100%, 2.75rem);
  height: max(100%, 2.75rem);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

:root[data-adaptive-device="true"][data-page-target="desktop"] .nav-actions > :is(button, a):before, :root[data-adaptive-device="true"][data-page-target="desktop"] .nav-account-trigger:after {
  width: calc(var(--nav-icon-size) + var(--nav-icon-gap));
}

:root[data-adaptive-device="true"][data-page-target="desktop"] .nav-account-trigger:before {
  pointer-events: none;
}

@media (min-width: 37.5rem) and (max-width: 47.9375rem) {
  :root[data-adaptive-device="true"][data-page-target="desktop"] {
    --nav-icon-size: 1.125rem;
    --nav-account-menu-font-size: .875rem;
    --nav-actions-spacer-width: calc((var(--nav-icon-size) + var(--nav-icon-gap)) * 4);
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"][data-header-nav-rows="2"] {
    --nav-main-height: 6.25rem;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .header-nav-layout {
    grid-template-columns: auto max-content max-content;
    display: grid;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .nav-home-link {
    justify-self: start;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] :is(.nav-main-links, .nav-submenu-track, .nav-actions) {
    flex-shrink: 0;
    display: flex;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] :is(.nav-main-links > button, .nav-submenu-slot > span) {
    min-inline-size: 2.75rem;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .nav-actions {
    padding-inline: calc(var(--nav-icon-gap) / 2);
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] :is(.nav-dropdown-panel, .nav-actions-spacer, .nav-region-overlay) {
    display: block;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .nav-dropdown-panel {
    max-block-size: calc(100dvh - var(--nav-main-height));
    overscroll-behavior: contain;
    overflow-y: auto;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] [data-nav-wrapped="true"] .header-nav-layout {
    grid-template-rows: 3.25rem 3rem;
    grid-template-columns: auto 1fr;
    row-gap: 0;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] [data-nav-wrapped="true"] .nav-account-popover {
    padding-top: calc(((var(--nav-main-height) - var(--nav-icon-size)) / 2) +
        var(--nav-account-menu-gap) + 1.5rem);
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] [data-nav-wrapped="true"] .nav-main-links {
    grid-area: 2 / 1 / auto / -1;
    justify-self: end;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] [data-nav-wrapped="true"] .nav-actions {
    grid-area: 1 / 2;
    justify-self: end;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] [data-nav-wrapped="true"] :is(.nav-logo-spacer, .nav-actions-spacer) {
    display: none;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .nav-submenu-list[data-align-end="true"] {
    left: auto;
    right: 0;
  }
}

@media (min-width: 37.5rem) and (max-width: 90rem) {
  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-aps-page .desktop-pilot-content, :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-aps-page .desktop-aps-ride-layout {
    width: min(42rem, 100% - 4rem);
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-aps-page .desktop-aps-ride-grid {
    gap: .5625rem;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-aps-page .desktop-aps-ride-card {
    flex-direction: column;
    display: flex;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-aps-page .desktop-aps-ride-visual {
    flex: none;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-aps-page .desktop-aps-ride-copy {
    border-radius: .8125rem;
    flex: 1;
    min-height: 15.5rem;
    padding-top: 2.125rem;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-aps-page .desktop-aps-ride-copy > span {
    font-size: 3.625rem;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-aps-page .desktop-aps-ride-copy h3 {
    margin-top: 1.75rem;
    font-size: 1.5rem;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-aps-page .desktop-aps-ride-copy p {
    margin-top: .75rem;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-aps-page :is(.desktop-aps-efficiency-section, .desktop-aps-efficiency-gradient, .desktop-aps-efficiency-content) {
    height: auto;
    min-height: 0;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-aps-page .desktop-aps-efficiency-content {
    padding-bottom: clamp(3rem, 4.9419vw, 10.625rem);
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-aps-page .desktop-aps-efficiency-metrics {
    column-gap: clamp(1rem, 1.4535vw, 2rem);
    width: min(93.75rem, max(38rem, 43.6047vw), 100% - 4rem);
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-aps-page .desktop-aps-efficiency-value {
    font-size: clamp(3rem, 2.093vw, 4.5rem);
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-aps-page .desktop-aps-efficiency-metric > span {
    text-align: center;
    white-space: normal;
    max-width: 100%;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-aps-page .desktop-aps-efficiency-video {
    width: min(80rem, max(32rem, 37.2093vw), 100% - 4rem);
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-aps-page .desktop-values-grid {
    grid-auto-rows: 1fr;
    gap: .5625rem;
    width: min(42rem, 100% - 4rem);
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-aps-page .desktop-values-grid article {
    aspect-ratio: auto;
    background: #002ea7;
    border-radius: 1.25rem;
    min-height: 10.9375rem;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-aps-page .desktop-values-grid article:is(:nth-child(2), :nth-child(3)) {
    background: #001e6a;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-aps-page .desktop-values-grid img {
    object-fit: contain;
    object-position: center top;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-aps-page .desktop-value-copy {
    flex: none;
    width: 88%;
    padding-block: 4rem .875rem;
    position: relative;
    inset: auto;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-aps-page .desktop-values-grid h3 {
    font-size: 1.64063rem;
    line-height: 1.5;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-aps-page .desktop-values-grid p {
    max-width: 100%;
    margin-top: .0625rem;
    font-size: .820313rem;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-robot-solution-page {
    --desktop-robot-module-height: calc(var(--desktop-robot-art-width) * .84375);
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-libpet-s-page {
    --desktop-libpet-s-tablet-media-offset: clamp(1.5rem, 2vw, 2rem);
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-libpet-s-page .desktop-config-asset-layout {
    height: calc(var(--desktop-libpet-s-art-width) * 1101 / 1280);
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-libpet-s-page :is(.desktop-controller-section, .desktop-massage-section, .desktop-rehab-section) > .desktop-product-heading p {
    margin-top: 1rem;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-libpet-s-page .desktop-controller-section {
    height: calc(clamp(26rem, 35.6395vw, 76.625rem) + var(--desktop-libpet-s-tablet-media-offset) + var(--desktop-libpet-s-tablet-media-offset));
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-libpet-s-page .desktop-massage-section {
    height: auto;
    padding-top: var(--desktop-libpet-s-heading-top);
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-libpet-s-page .desktop-massage-section > .desktop-product-heading {
    position: relative;
    inset: auto;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-libpet-s-page .desktop-massage-marquee {
    margin-top: clamp(2rem, 2.7151vw, 2.5rem);
    position: relative;
    inset: auto;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-libpet-s-page .desktop-massage-marquee-group {
    grid-auto-columns: minmax(max(10.5rem, 16vw), 1fr);
    grid-auto-flow: column;
    width: max-content;
    display: grid;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-libpet-s-page .desktop-massage-marquee-item {
    background: none;
    flex-direction: column;
    width: auto;
    display: flex;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-libpet-s-page .desktop-massage-marquee-image-wrap {
    aspect-ratio: 479 / 379;
    flex: none;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-libpet-s-page .desktop-massage-marquee-image {
    object-fit: cover;
    object-position: center top;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-libpet-s-page .desktop-massage-marquee-item h3 {
    aspect-ratio: 479 / 75;
    white-space: nowrap;
    overflow-wrap: normal;
    background: #002fa7;
    flex: none;
    min-height: 0;
    position: static;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-libpet-s-page .desktop-app-assets {
    margin: min(.1086vw, .2335rem) auto 0;
    position: relative;
    inset: auto;
    transform: none;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-libpet-s-page .desktop-rehab-section {
    height: auto;
    padding-top: var(--desktop-libpet-s-heading-top);
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-libpet-s-page .desktop-rehab-section > .desktop-product-heading {
    position: relative;
    inset: auto;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-libpet-s-page .desktop-rehab-assets {
    margin: clamp(2rem, 2.7151vw, 2.5rem) auto 0;
    position: relative;
    inset: auto;
    transform: none;
  }
}

@media (min-width: 37.5rem) and (max-width: 47.999rem) {
  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-robot-solution-page :is(.desktop-robot-intro, .desktop-robot-feature, .desktop-robot-hello) {
    --desktop-robot-heading-space: .33125;
    height: auto;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-robot-solution-page .desktop-robot-intro {
    --desktop-robot-heading-space: .4875;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-robot-solution-page .desktop-robot-hello {
    --desktop-robot-heading-space: .346875;
    min-height: 0;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-robot-solution-page :is(.desktop-robot-lineup, .desktop-robot-feature-image, .desktop-robot-hello-image) {
    margin: calc(1.5rem - var(--desktop-robot-art-width) * var(--desktop-robot-heading-space)) auto 0;
    position: relative;
    top: auto;
    left: auto;
    transform: none;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-libpet-s-page .desktop-controller-section {
    height: auto;
    padding-top: var(--desktop-libpet-s-heading-top);
    padding-bottom: var(--desktop-libpet-s-tablet-media-offset);
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-libpet-s-page .desktop-controller-section > .desktop-product-heading {
    position: relative;
    inset: auto;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-libpet-s-page .desktop-controller-asset {
    margin: var(--desktop-libpet-s-tablet-media-offset) auto 0;
    position: relative;
    inset: auto;
    transform: none;
  }
}

@media (min-width: 37.5rem) and (max-width: 39.999rem) {
  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-aps-page .desktop-aps-efficiency-metrics {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 1.5rem;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-aps-page .desktop-aps-efficiency-divider {
    width: min(60%, 16rem);
    height: 1px;
    margin-inline: auto;
  }
}

@media (min-width: 37.5rem) and (max-width: 90rem) and (prefers-reduced-motion: no-preference) {
  :root[data-adaptive-device="true"][data-page-target="desktop"] :is(.desktop-aps-ui-marquee, .desktop-lifestyle-marquee) {
    --desktop-marquee-period: 88s;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] .desktop-massage-marquee {
    --desktop-marquee-period: 72s;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] :is(.desktop-aps-ui-marquee-track, .desktop-massage-marquee-track, .desktop-lifestyle-marquee-track) {
    display: grid;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] :is(.desktop-aps-ui-marquee-group, .desktop-massage-marquee-group, .desktop-lifestyle-marquee-group) {
    width: max-content;
    animation-name: desktop-media-marquee-recycle;
    animation-duration: calc(var(--desktop-marquee-period) * 3);
    grid-area: 1 / 1;
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] :is(.desktop-aps-ui-marquee-group, .desktop-massage-marquee-group, .desktop-lifestyle-marquee-group):first-child {
    animation-delay: calc(var(--desktop-marquee-period) * -2);
  }

  :root[data-adaptive-device="true"][data-page-target="desktop"] :is(.desktop-aps-ui-marquee-group, .desktop-massage-marquee-group, .desktop-lifestyle-marquee-group):nth-child(2) {
    animation-delay: calc(var(--desktop-marquee-period) * -1);
  }
}

@media (min-width: 30rem) {
  :root {
    --mobile-media-max-width: 100%;
  }

  .mobile-hero-section, .mobile-product-detail-hero {
    aspect-ratio: 430 / 650;
    height: auto;
    min-height: 0;
  }

  .mobile-product-section {
    aspect-ratio: 410 / 528;
    height: auto;
  }

  .mobile-video-frame {
    aspect-ratio: 430 / 528;
    height: auto;
  }

  .mobile-product-copy {
    width: 85.116%;
    padding-top: 15.1875vw;
  }

  .mobile-product-libpet .mobile-product-copy {
    padding-top: 13.125vw;
  }

  .mobile-product-robot .mobile-product-copy {
    padding-top: 11.0625vw;
  }

  .mobile-product-coming .mobile-product-copy {
    padding-top: 14.625vw;
  }

  .mobile-product-title {
    font-size: clamp(2.8125rem, 6vw, 4rem);
  }

  .mobile-product-robot .mobile-product-title {
    font-size: clamp(2.5rem, 5.5vw, 3.75rem);
  }

  .mobile-product-coming .mobile-product-title {
    white-space: normal;
    text-wrap: balance;
    font-size: clamp(2.25rem, 5vw, 3.5rem);
  }

  .mobile-product-subtitle {
    font-size: clamp(1.25rem, 2.6vw, 1.75rem);
    line-height: 1.25;
  }

  .mobile-product-coming .mobile-product-subtitle {
    max-width: 28rem;
  }

  .mobile-product-actions {
    gap: clamp(2.25rem, 6vw, 5rem);
    margin-top: 1.25rem;
  }

  .mobile-product-action {
    font-size: clamp(1rem, 2vw, 1.375rem);
  }

  .mobile-home .mobile-hero-copy {
    top: calc(var(--mobile-header-total) + max(2.5rem, 4vw));
    width: min(85.116%, 44rem);
  }

  .mobile-home .mobile-hero-drop {
    --hero-title-size: clamp(3.125rem, 6vw, 4.5rem);
    --hero-title-line-height: 1.1;
    --hero-subtitle-size: clamp(1.25rem, 2.6vw, 1.75rem);
    --hero-subtitle-line-height: 1.25;
    flex-direction: column;
    gap: 1rem;
    height: auto;
    max-height: none;
    display: flex;
  }

  .mobile-home .mobile-hero-drop .drop-reveal-item {
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
  }

  .mobile-hero-cta-wrap {
    margin-top: clamp(2rem, 4vw, 4rem);
  }

  .mobile-home .mobile-hero-cta {
    min-height: 2.75rem;
    font-size: 1rem;
  }

  .mobile-home .mobile-fluid-hero-copy {
    bottom: max(5rem, 8vw);
  }

  .mobile-home .mobile-fluid-hero-drop {
    gap: 0;
    height: 100%;
  }

  .mobile-home .mobile-fluid-hero-drop .drop-reveal-item-3 {
    flex: 1;
    place-items: center;
    padding-block: 2rem;
    display: grid;
  }

  .mobile-fluid-hero-title {
    white-space: normal;
    font-size: clamp(1.875rem, 4.6vw, 3.25rem);
    line-height: 1.1;
  }

  .mobile-fluid-hero-subtitle, .mobile-fluid-hero-metric > span {
    white-space: normal;
    font-size: clamp(1rem, 2.3vw, 1.5rem);
  }

  .mobile-fluid-hero-metrics {
    gap: clamp(3.1875rem, 8vw, 6rem);
  }

  .mobile-fluid-hero-metric strong {
    font-size: clamp(2.8125rem, 6vw, 4.5rem);
  }

  .mobile-product-detail-hero-copy {
    width: min(85.116%, 44rem);
  }

  .mobile-product-detail-hero-copy h1 {
    font-size: clamp(3.125rem, 6vw, 4.5rem);
    line-height: 1.1;
  }

  .aps-detail-hero-copy {
    top: 31.23%;
  }

  .libpet-s-hero-copy {
    top: 32.615%;
  }

  .mobile-aps-detail {
    --aps-detail-edge: 9.767vw;
    --aps-detail-card-width: 80.465vw;
    --aps-detail-card-height: 75.349vw;
    --aps-media-height: 95.349vw;
    --aps-management-height: 56.047vw;
    --aps-passenger-ui-height: 56.512vw;
    --aps-ride-icon-slot-height: 45.116vw;
    --aps-pilot-height: 156.279vw;
    --aps-pilot-title-top: 21.628vw;
    --aps-pilot-card-width: 80.93vw;
    --aps-pilot-card-height: 75.349vw;
    --aps-pilot-card-edge: 9.535vw;
    --aps-pilot-heading-card-gap: 13.488vw;
  }

  .aps-carousel-image .aps-carousel-card, .aps-safety-card {
    min-height: 98vw;
  }

  .aps-carousel-ride .aps-card-image-wrap {
    left: 8.605vw;
  }

  .aps-pilot-section {
    height: auto;
  }

  .aps-pilot-content {
    height: auto;
    padding-bottom: var(--aps-pilot-card-space);
  }

  .aps-pilot-content .aps-carousel-compact .aps-carousel-card {
    height: auto;
    min-height: var(--aps-pilot-card-height);
  }

  .mobile-libpet-s-detail {
    --libpet-s-edge: 9.767vw;
    --libpet-s-card-width: 80.465vw;
  }

  .libpet-s-lifestyle-content {
    padding-top: 23.256vw;
  }

  .libpet-s-lifestyle-carousel {
    margin-top: 13.953vw;
  }
}

@keyframes footer-subscribe-spin {
  to {
    transform: rotate(360deg);
  }
}

.dark {
  --background: #0a0a0a;
  --foreground: #fafafa;
  --card: #171717;
  --card-foreground: #fafafa;
  --popover: #171717;
  --popover-foreground: #fafafa;
  --primary: #e5e5e5;
  --primary-foreground: #171717;
  --secondary: #262626;
  --secondary-foreground: #fafafa;
  --muted: #262626;
  --muted-foreground: #a1a1a1;
  --accent: #262626;
  --accent-foreground: #fafafa;
  --destructive: #ff6568;
  --border: #ffffff1a;
  --input: #ffffff26;
  --ring: #737373;
  --chart-1: #d4d4d4;
  --chart-2: #737373;
  --chart-3: #525252;
  --chart-4: #404040;
  --chart-5: #262626;
  --sidebar: #171717;
  --sidebar-foreground: #fafafa;
  --sidebar-primary: #1447e6;
  --sidebar-primary-foreground: #fafafa;
  --sidebar-accent: #262626;
  --sidebar-accent-foreground: #fafafa;
  --sidebar-border: #ffffff1a;
  --sidebar-ring: #737373;
}

@supports (color: lab(0% 0 0)) {
  .dark {
    --background: lab(2.75381% 0 0);
    --foreground: lab(98.26% 0 0);
    --card: lab(7.78201% -.0000149012 0);
    --card-foreground: lab(98.26% 0 0);
    --popover: lab(7.78201% -.0000149012 0);
    --popover-foreground: lab(98.26% 0 0);
    --primary: lab(90.952% 0 -.0000119209);
    --primary-foreground: lab(7.78201% -.0000149012 0);
    --secondary: lab(15.204% 0 -.00000596046);
    --secondary-foreground: lab(98.26% 0 0);
    --muted: lab(15.204% 0 -.00000596046);
    --muted-foreground: lab(66.128% -.0000298023 .0000119209);
    --accent: lab(15.204% 0 -.00000596046);
    --accent-foreground: lab(98.26% 0 0);
    --destructive: lab(63.7053% 60.745 31.3109);
    --border: lab(100% 0 0 / .1);
    --input: lab(100% 0 0 / .15);
    --ring: lab(48.496% 0 0);
    --chart-1: lab(84.92% 0 -.0000119209);
    --chart-2: lab(48.496% 0 0);
    --chart-3: lab(34.924% 0 0);
    --chart-4: lab(27.036% 0 0);
    --chart-5: lab(15.204% 0 -.00000596046);
    --sidebar: lab(7.78201% -.0000149012 0);
    --sidebar-foreground: lab(98.26% 0 0);
    --sidebar-primary: lab(36.9089% 35.0961 -85.6872);
    --sidebar-primary-foreground: lab(98.26% 0 0);
    --sidebar-accent: lab(15.204% 0 -.00000596046);
    --sidebar-accent-foreground: lab(98.26% 0 0);
    --sidebar-border: lab(100% 0 0 / .1);
    --sidebar-ring: lab(48.496% 0 0);
  }
}

@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-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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@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: 0;
}

@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
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0)scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1))rotate(var(--tw-enter-rotate, 0));
    filter: blur(var(--tw-enter-blur, 0));
  }
}

@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0)scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1))rotate(var(--tw-exit-rotate, 0));
    filter: blur(var(--tw-exit-blur, 0));
  }
}

/*# sourceMappingURL=projects_t0-store_web_1he_064._.css.map*/