.hai-xscroll {
--hai-xs-gap: 24px;
--hai-xs-progress: #2f5d43;
--hai-xs-progress-track: rgba(24, 26, 22, 0.12);
} .hai-xscroll .hai-xs-track,
.hai-xscroll [class*="listing-grid__items"] {
display: flex;
flex-wrap: nowrap;
gap: var(--hai-xs-gap);
}
.hai-xscroll:not(.is-pinned) [class*="listing-grid__items"] {
overflow-x: auto;
scroll-snap-type: x mandatory; padding-bottom: 12px;
-webkit-overflow-scrolling: touch;
}
.hai-xscroll:not(.is-pinned) [class*="listing-grid__item"] {
scroll-snap-align: start;
} .hai-xscroll .jet-listing-grid__items > .jet-listing-grid__item,
.hai-xscroll [class*="listing-grid__items"] > [class*="listing-grid__item"] {
flex: 0 0 auto !important;
width: clamp(240px, 74vw, 420px) !important;
max-width: none !important;
}  .hai-xscroll.is-pinned {
display: block;
}
.hai-xscroll.is-pinned > .e-con-inner,
.hai-xscroll.is-pinned > .hai-xs-stage {
position: sticky;
top: 0;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
}
.hai-xscroll.is-pinned [class*="listing-grid__items"] {
overflow: visible;
width: max-content;
scroll-snap-type: none;
padding-bottom: 0;
will-change: transform;
}
.hai-xscroll.is-pinned .jet-listing-grid__items > .jet-listing-grid__item,
.hai-xscroll.is-pinned [class*="listing-grid__items"] > [class*="listing-grid__item"] {
width: clamp(320px, 26vw, 440px) !important;
} .hai-xs-progress {
position: relative;
height: 2px;
background: var(--hai-xs-progress-track);
margin-top: 32px;
flex: 0 0 auto;
}
.hai-xs-progress span {
position: absolute;
inset: 0 auto 0 0;
width: 100%;
background: var(--hai-xs-progress);
transform-origin: left center;
transform: scaleX(0.08);
will-change: transform;
}
.hai-xscroll:not(.is-pinned) .hai-xs-progress {
display: none;
}
@media (prefers-reduced-motion: reduce) { .hai-xscroll.is-pinned > .e-con-inner,
.hai-xscroll.is-pinned > .hai-xs-stage {
position: static;
height: auto;
overflow: visible;
}
.hai-xscroll.is-pinned [class*="listing-grid__items"] {
overflow-x: auto;
width: auto;
transform: none !important;
}
.hai-xs-progress {
display: none;
}
}body>:not(.preloader-plus){opacity:0}body.complete>:not(.preloader-plus){opacity:1;transition:all 1s ease}.preloader-plus{position:fixed;top:0;left:0;width:100%;height:100%;width:100vw;height:100vh;opacity:1;background-color:#fff;z-index:999;transform:scale(1);transition:opacity 1s ease,transform 1s ease,left 0s ease}.preloader-plus.complete{left:1000%}.preloader-plus *{opacity:1;transform:translate(0,0) scale(1)}.preloader-plus img{display:block;max-width:100%}.preloader-plus .preloader-site-title{padding:0}.preloader-plus .preloader-content{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);width:100%;display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.preloader-plus .preloader-content>:not(:last-child){margin-bottom:20px}.preloader-plus .preloader-plus-custom-content p{margin:0}.preloader-plus .prog-bar-wrapper:not(.middle){position:fixed;width:100%;left:50%;right:50%;transform:translateX(-50%)}.preloader-plus .prog-bar{width:0;height:5px;background-color:red;transition:all 10ms linear}.preloader-plus .prog-bar-bg{position:absolute;width:100%;height:5px}.preloader-plus .prog-bar.complete{width:100%}@keyframes preloader-rotation{0%{transform:rotate(0)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@keyframes preloader-fade{0%{opacity:1}50%{opacity:.5}100%{opacity:0}}