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

 ::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)
}

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

@view-transition {
    navigation: auto;
    types: OutIn
}

.sf-hidden {
    display: none!important
}