@charset "utf-8";

@keyframes slide-horizontal-new { 
  0% { transform: translateX(100%); }
}

@keyframes slide-horizontal-old { 
  80% { opacity: 1; }
  100% { opacity: 0; transform: translateX(-100%); }
}

@keyframes slide-vertical-new { 
  0% { transform: translateY(-100%); }
}

@keyframes slide-vertical-old { 
  80% { opacity: 1; }
  100% { opacity: 0; transform: translateY(100%); }
}

@keyframes out-in-new { 
  0% { opacity: 0; }
}

@keyframes out-in-old { 
  100% { opacity: 0; }
}

:root:active-view-transition { view-transition-name: none; }

::view-transition { pointer-events: none; }

:root:active-view-transition::view-transition-new(page-group), :root:active-view-transition::view-transition-old(page-group) { animation-duration: 0.6s; cursor: wait; pointer-events: all; }

:root:active-view-transition-type(SlideHorizontal)::view-transition-old(page-group) { animation: 0.6s cubic-bezier(0.83, 0, 0.17, 1) 0s 1 normal forwards running slide-horizontal-old; mix-blend-mode: normal; }

:root:active-view-transition-type(SlideHorizontal)::view-transition-new(page-group) { animation: 0.6s cubic-bezier(0.83, 0, 0.17, 1) 0s 1 normal backwards running slide-horizontal-new; mix-blend-mode: normal; }

:root:active-view-transition-type(SlideVertical)::view-transition-old(page-group) { animation: 0.6s cubic-bezier(0.83, 0, 0.17, 1) 0s 1 normal forwards running slide-vertical-old; mix-blend-mode: normal; }

:root:active-view-transition-type(SlideVertical)::view-transition-new(page-group) { animation: 0.6s cubic-bezier(0.83, 0, 0.17, 1) 0s 1 normal backwards running slide-vertical-new; mix-blend-mode: normal; }

:root:active-view-transition-type(OutIn)::view-transition-old(page-group) { animation: 0.35s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal forwards running 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 1 normal backwards running out-in-new; }

@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*), ::view-transition-new(*), ::view-transition-old(*) { animation: auto ease 0s 1 normal none running none !important; }
}

body, html { background: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; }

body { --scrollbar-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }

body, html { height: 100%; }

body { overflow: auto scroll; }

body:not(.responsive) #site-root { min-width: var(--site-width); width: 100%; }

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; }