@keyframes slide-horizontal-new {
        0% {
          transform: translate(100%);
        }
      }
      @keyframes slide-horizontal-old {
        80% {
          opacity: 1;
        }
        to {
          opacity: 0;
          transform: translate(-100%);
        }
      }
      @keyframes slide-vertical-new {
        0% {
          transform: translateY(-100%);
        }
      }
      @keyframes slide-vertical-old {
        80% {
          opacity: 1;
        }
        to {
          opacity: 0;
          transform: translateY(100%);
        }
      }
      @keyframes out-in-new {
        0% {
          opacity: 0;
        }
      }
      @keyframes out-in-old {
        to {
          opacity: 0;
        }
      }
      :root:active-view-transition {
        view-transition-name: none;
      }
      :root:active-view-transition::view-transition-group(*) {
        animation: none;
      }
      :root:active-view-transition::view-transition-old(*) {
        animation: none;
      }
      :root:active-view-transition::view-transition-new(*) {
        animation: none;
      }
      :root::view-transition {
        pointer-events: none;
      }
      :root:active-view-transition #SITE_HEADER {
        view-transition-name: header-group;
      }
      :root:active-view-transition #WIX_ADS {
        view-transition-name: wix-ads-group;
      }
      :root:active-view-transition #SITE_FOOTER {
        view-transition-name: footer-group;
      }
      :root:active-view-transition #BACKGROUND_GROUP_TRANSITION_GROUP > div {
        view-transition-name: background-group;
      }
      :root:active-view-transition::view-transition-old(*.login-social-bar) {
        display: none;
      }
      :root:active-view-transition::view-transition-group(page-group) {
        pointer-events: all;
        cursor: wait;
        animation: revert;
        animation-duration: 0.6s;
      }
      :root:active-view-transition::view-transition-old(page-group) {
        pointer-events: all;
        cursor: wait;
        animation: revert;
        animation-duration: 0.6s;
      }
      :root:active-view-transition::view-transition-new(page-group) {
        pointer-events: all;
        cursor: wait;
        animation: revert;
        animation-duration: 0.6s;
      }
      :root:active-view-transition-type(SlideHorizontal)::view-transition-old(page-group) {
        mix-blend-mode: normal;
        animation: 0.6s cubic-bezier(0.83, 0, 0.17, 1) forwards slide-horizontal-old;
      }
      :root:active-view-transition-type(SlideHorizontal)::view-transition-new(page-group) {
        mix-blend-mode: normal;
        animation: 0.6s cubic-bezier(0.83, 0, 0.17, 1) backwards slide-horizontal-new;
      }
      :root:active-view-transition-type(SlideVertical)::view-transition-old(page-group) {
        mix-blend-mode: normal;
        animation: 0.6s cubic-bezier(0.83, 0, 0.17, 1) forwards slide-vertical-old;
      }
      :root:active-view-transition-type(SlideVertical)::view-transition-new(page-group) {
        mix-blend-mode: normal;
        animation: 0.6s cubic-bezier(0.83, 0, 0.17, 1) backwards slide-vertical-new;
      }
      :root:active-view-transition-type(OutIn)::view-transition-old(page-group) {
        animation: 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards out-in-old;
      }
      :root:active-view-transition-type(OutIn)::view-transition-new(page-group) {
        animation: 0.35s cubic-bezier(0.64, 0, 0.78, 0) 0.35s backwards out-in-new;
      }
      @media (prefers-reduced-motion: reduce) {
        ::view-transition-group(*) {
          animation: none !important;
        }
        ::view-transition-old(*) {
          animation: none !important;
        }
        ::view-transition-new(*) {
          animation: none !important;
        }
      }
      html,
      body {
        vertical-align: baseline;
        background: 0 0;
        border: 0;
        outline: 0;
        margin: 0;
        padding: 0;
      }
      body {
        --scrollbar-width: 0px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
      }
      html,
      body {
        height: 100%;
      }
      body {
        overflow-x: auto;
        overflow-y: scroll;
      }
      body:not(.responsive) #site-root {
        width: 100%;
        min-width: var(--site-width);
      }
      body:not([data-js-loaded]) [data-hide-prejs] {
        visibility: hidden;
      }
      interact-element {
        display: contents;
      }
      #SITE_CONTAINER {
        position: relative;
      }
      :root {
        --one-unit: 1vw;
        --section-max-width: 9999px;
        --spx-stopper-max: 9999px;
        --spx-stopper-min: 0px;
        --browser-zoom: 1;
      }
      @supports ((-webkit-appearance: none)) and (stroke-color: transparent) {
        :root {
          --safari-sticky-fix: opacity;
          --experimental-safari-sticky-fix: translateZ(0);
        }
      }
      @supports (container-type: inline-size) {
        :root {
          --one-unit: 1cqw;
        }
      }
      [id^="oldHoverBox-"] {
        mix-blend-mode: plus-lighter;
        transition:
          opacity 0.5s,
          visibility 0.5s;
      }
      [data-mesh-id$="inlineContent-gridContainer"]:has(> [id^="oldHoverBox-"]) {
        isolation: isolate;
      }