@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-group(page-group) {
  pointer-events: all;
  cursor: wait;
  animation: revert;
  animation-duration: .6s
}
:root:active-view-transition::view-transition-old(page-group) {
  pointer-events: all;
  cursor: wait;
  animation: revert;
  animation-duration: .6s
}
:root:active-view-transition::view-transition-new(page-group) {
  pointer-events: all;
  cursor: wait;
  animation: revert;
  animation-duration: .6s
}
:root:active-view-transition-type(SlideHorizontal)::view-transition-old(page-group) {
  mix-blend-mode: normal;
  animation: .6s cubic-bezier(.83, 0, .17, 1) forwards slide-horizontal-old
}
:root:active-view-transition-type(SlideHorizontal)::view-transition-new(page-group) {
  mix-blend-mode: normal;
  animation: .6s cubic-bezier(.83, 0, .17, 1) backwards slide-horizontal-new
}
:root:active-view-transition-type(SlideVertical)::view-transition-old(page-group) {
  mix-blend-mode: normal;
  animation: .6s cubic-bezier(.83, 0, .17, 1) forwards slide-vertical-old
}
:root:active-view-transition-type(SlideVertical)::view-transition-new(page-group) {
  mix-blend-mode: normal;
  animation: .6s cubic-bezier(.83, 0, .17, 1) backwards slide-vertical-new
}
:root:active-view-transition-type(OutIn)::view-transition-old(page-group) {
  animation: .35s cubic-bezier(.22, 1, .36, 1) forwards out-in-old
}
:root:active-view-transition-type(OutIn)::view-transition-new(page-group) {
  animation: .35s cubic-bezier(.64, 0, .78, 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;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  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 .5s, visibility .5s
}
[data-mesh-id$=inlineContent-gridContainer]:has(>[id^=oldHoverBox-]) {
  isolation: isolate
}
