.design-scroll.section{padding-block:clamp(4rem,5vw,6rem);overflow:hidden}.design-scroll{--design-gap: 1.6rem;--design-height: clamp(24rem, 26vw, 34rem)}.design-scroll .soft-heading{margin-bottom:clamp(2.2rem,3vw,3.4rem)}.design-scroll__viewport{padding-inline-start:var(--design-gap);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding-block:.4rem}.design-scroll__viewport:focus-visible{outline:3px solid var(--sage-ink, #1f3128);outline-offset:-3px}.design-scroll__track{display:flex;width:max-content}.design-scroll__list{display:flex;gap:var(--design-gap);margin:0;padding:0 var(--design-gap) 0 0;list-style:none}.design-scroll__list--clone{display:none}.design-scroll__item{flex:0 0 auto;margin:0}.design-scroll__item img{display:block;width:auto;height:var(--design-height);max-width:none;background:var(--sage-soft, #eef0e8);border-radius:1.6rem}.design-scroll__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;margin-top:clamp(1.8rem,2.4vw,2.8rem)}.design-scroll__toggle{min-height:max(4.4rem,44px);padding:0 max(2rem,16px);color:var(--sage-dark, #30463a);background:#fff;border:1px solid rgba(82,113,90,.45);border-radius:999px;font:inherit;font-size:max(1.2rem,12px);font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.design-scroll__toggle[hidden]{display:none}.design-scroll__toggle:hover{background:var(--sage-soft, #eef0e8)}.design-scroll__toggle:focus-visible{outline:3px solid var(--sage-ink, #1f3128);outline-offset:3px}.design-scroll.is-animated .design-scroll__viewport{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.design-scroll.is-animated .design-scroll__list--clone{display:flex}.design-scroll.is-animated .design-scroll__track{animation:design-scroll-move 85s linear infinite}.design-scroll.is-animated .design-scroll__viewport:hover .design-scroll__track,.design-scroll.is-animated .design-scroll__viewport:focus-within .design-scroll__track,.design-scroll.is-animated.is-paused .design-scroll__track{animation-play-state:paused}@keyframes design-scroll-move{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@media(max-width:640px){.design-scroll{--design-gap: 1rem;--design-height: 24rem}.design-scroll.section{padding-block:2.8rem}.design-scroll .soft-heading{margin-bottom:1.4rem}.design-scroll__item img{border-radius:1.2rem}.design-scroll.is-animated .design-scroll__track{animation-duration:70s}}@media(prefers-reduced-motion:reduce){.design-scroll.is-animated .design-scroll__track{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/ng-design-scroll.css.map */