:where(:root){--easing-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);--easing-out: cubic-bezier(0.165, 0.84, 0.44, 1);--easing-in-out: cubic-bezier(0.77, 0, 0.175, 1);--easing-custom: cubic-bezier(0.455, 0.03, 0.515, 0.955);--color-bg-dark: #242A3A;--color-text-white: #fff;--color-text-muted: #2e3448;--color-border-default: #2c3e50;--color-accent: #96daf0;--slider-gap: 1.5rem;--nav-item-size: 60px;--nav-icon-size: 52px;--nav-border-width: 4px;--slider-item-width: 380px;--duration-fast: 0.4s;--duration-medium: 0.5s;--duration-slow: 1.5s}.custom-scroll-section{width:100%;overflow:hidden}.slider-progress{width:200px;height:2px;background:hsla(0,0%,100%,.2);border-radius:2px;margin-top:.5rem}.slider-progress-inner{height:100%;background:var(--color-accent);transition:width var(--duration-fast) ease;transform-origin:left center;width:0%}.slider-selection{display:flex}.slider-container{flex:1 1 auto;display:flex;gap:0;min-height:570px;position:relative;min-width:0;cursor:grab}.slider-container:active{cursor:grabbing}.slider-nav-sidebar-innner{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:4rem}.slider-nav-sidebar{flex:0 0 33vw;background:var(--color-bg-dark);min-width:400px;display:flex;flex-direction:column;justify-content:center;align-items:end;gap:30px;padding-right:3rem;box-sizing:border-box;margin-right:-2rem}.slider-nav-buttons{display:flex;flex-direction:column}.slider-nav-pagination{display:flex;flex-direction:column;align-items:center}.slider-nav-page-wrapper{gap:1rem;display:grid;grid-template-columns:60px 30px;place-items:baseline}.slider-nav-page{font-size:60px;font-weight:700;color:var(--color-text-white);transition:transform .3s ease}.slider-nav-total{font-size:32px;font-weight:400;color:var(--color-text-muted)}.slider-nav-item-icon-1{opacity:1;transform:translate(-50%, -50%) translateX(0)}.slider-nav-item-icon-2{opacity:0;transform:translate(-50%, -50%) translateX(-140%)}.slider-nav-item{width:var(--nav-item-size);height:var(--nav-item-size);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:visible;margin-bottom:16px;background:none;border:none;padding:0;font:inherit;color:inherit}.slider-nav-item.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.slider-nav-item-icon-container{position:absolute;top:var(--nav-border-width);left:var(--nav-border-width);width:var(--nav-icon-size);height:var(--nav-icon-size);border-radius:100%;overflow:hidden}.slider-nav-item-icon-container svg{position:absolute;top:50%;left:50%;color:var(--color-text-white);font-size:24px;font-weight:bold;transition:opacity var(--duration-fast) var(--easing-out),transform var(--duration-medium) var(--easing-smooth);font-size:.9rem;width:1em;height:1em}.slider-nav-item-icon-container .slider-nav-item-icon-1,.slider-nav-item-icon-container .slider-nav-item-icon-2{transition:none}.slider-nav-item:hover:before{opacity:0;transform:scale(0.7);transition:opacity var(--duration-fast) var(--easing-out),transform var(--duration-medium) var(--easing-smooth)}.slider-nav-item:before{transform:scale(1);transition:opacity var(--duration-fast) var(--easing-in-out) 80ms,transform var(--duration-medium) var(--easing-custom) 80ms}.slider-nav-item:hover:after{opacity:1;transform:scale(1);transition:opacity var(--duration-fast) var(--easing-in-out) 50ms,transform var(--duration-medium) var(--easing-custom) 50ms}.slider-nav-item:hover .slider-nav-item-icon-1{animation:slider-nav-icon-1-out var(--duration-medium) var(--easing-smooth) forwards}.slider-nav-item:hover .slider-nav-item-icon-2{animation:slider-nav-icon-2-in var(--duration-medium) var(--easing-smooth) forwards}.slider-nav-item-prev .slider-nav-item-icon-2{opacity:1;transform:translate(0, -50%) translateX(200%)}.slider-nav-item-prev:hover .slider-nav-item-icon-1{animation:slider-nav-icon-1-out-left var(--duration-medium) var(--easing-smooth) forwards}.slider-nav-item-prev:hover .slider-nav-item-icon-2{animation:slider-nav-icon-2-in-right var(--duration-medium) var(--easing-smooth) forwards}.slider-nav-item:after{border-color:var(--color-accent);opacity:0;transform:scale(1.3);transition:opacity var(--duration-fast) var(--easing-out),transform var(--duration-medium) var(--easing-smooth)}.slider-nav-item:after,.slider-nav-item:before{content:"";display:block;border:var(--nav-border-width) solid var(--color-border-default);border-radius:100%;position:absolute;width:var(--nav-icon-size);height:var(--nav-icon-size);left:0;top:0}.slider-nav-item:hover:after{border-color:var(--color-accent)}.slider-selection-slides{position:relative;width:100%;overflow:visible;z-index:3}.slider-selection-stage{display:flex;align-items:center;overflow:visible;padding:40px 40px 40px 0;margin-left:-80px;gap:var(--slider-gap);align-items:stretch;box-sizing:border-box;height:100%}.slider-selection-stage .base-container,.slider-selection-stage section{height:100%}.slider-selection-item{position:relative;flex:0 0 auto;min-width:var(--slider-item-width);opacity:0;transform:translate3d(var(--stage-x, 0px), 0, 0);transition:opacity .8s cubic-bezier(0.4, 0, 0.2, 1),transform .8s cubic-bezier(0.4, 0, 0.2, 1)}.slider-selection-item.is-visible:not(.slide-enter-animation){opacity:1;transform:translate3d(var(--stage-x, 0px), 0, 0)}.slider-selection-item.slide-enter-animation{animation:slideEnterFromRight 1.5s var(--easing-smooth) forwards;transition:none !important}@media screen and (min-width: 769px)and (max-width: 1024px){.slider-nav-page-wrapper{display:none}.slider-nav-pagination{position:static}.slider-nav-sidebar{flex:0 0 240px;gap:20px;position:static;min-width:unset;height:240px}.slider-nav-sidebar-innner{margin-right:0}.slider-selection{position:relative;align-items:end}.custom-scroll-section{position:relative;padding-bottom:20px}.slider-nav-buttons{margin-right:3rem}.slider-progress{position:absolute;bottom:2rem;left:50%;right:0;max-width:100%;margin-top:0;height:2px;max-width:300px;transform:translateX(-50%)}.slider-selection:after{content:"";position:absolute;bottom:0;left:0;height:240px;width:100%;background:var(--color-bg-dark);z-index:-1}.slider-selection-stage{padding:40px 40px 80px 0}}@media screen and (max-width: 768px){.slider-selection{flex-direction:column;min-height:unset}.slider-container{order:1;flex:0 0 auto;min-height:560px;overflow:hidden;width:100%;padding-bottom:2rem}.slider-nav-sidebar{order:2;flex:0 0 auto;flex-direction:row;justify-content:space-between;align-items:center;width:100%;min-height:unset;padding:20px 24px;gap:0;box-sizing:border-box}.slider-selection:after{content:"";position:absolute;bottom:0;height:50%;background:var(--color-bg-dark);width:100%;z-index:-1}.slider-nav-buttons,.slider-nav-page-wrapper{display:none}.slider-nav-sidebar{position:static}.slider-selection{position:relative}.slider-progress{position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);width:100%;max-width:200px;margin-top:0;height:2px}.slider-selection-slides{position:relative;width:100%}.slider-selection-stage{padding:0;margin-left:0}.slider-selection-item{width:280px}}.slider-nav-page.animatePaginationNumber{animation:numberDownUp var(--duration-slow) var(--easing-smooth) forwards}.slider-nav-total.animatePaginationNumber{animation:numberDownUp var(--duration-slow) var(--easing-smooth) .3s forwards;animation-delay:.3s}@keyframes slider-nav-icon-1-out{0%{opacity:1;transform:translate(-50%, -50%) translateX(0)}100%{opacity:0;transform:translate(-50%, -50%) translateX(140%)}}@keyframes slider-nav-icon-2-in{0%{opacity:1;transform:translate(-50%, -50%) translateX(-140%)}100%{opacity:1;transform:translate(-50%, -50%) translateX(0)}}@keyframes slider-nav-icon-1-out-left{0%{opacity:1;transform:translate(-50%, -50%) translateX(0)}100%{opacity:0;transform:translate(-50%, -50%) translateX(-140%)}}@keyframes slider-nav-icon-2-in-right{0%{opacity:0;transform:translate(-50%, -50%) translateX(140%)}100%{opacity:1;transform:translate(-50%, -50%) translateX(0)}}@keyframes slideEnterFromRight{0%{transform:translate3d(calc(var(--stage-x, 0px) + 1000px), 0, 0);opacity:0}100%{transform:translate3d(var(--stage-x, 0px), 0, 0);opacity:1}}@keyframes numberDownUp{0%{transform:translateY(0);opacity:1}50%{transform:translateY(40px);opacity:0}100%{transform:translateY(0);opacity:1}}
/*# sourceMappingURL=custom-scroll-container.css.map */