.quick-links__scroller{display:block;position:relative}.quick-links__heading{margin:0 0 1.2rem}.quick-links__list{display:flex;gap:.8rem;margin:0;padding:0 0 .4rem;list-style:none;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.quick-links__list::-webkit-scrollbar{display:none}.quick-links__item{flex:0 0 auto;scroll-snap-align:start}.quick-links__list--center .quick-links__item:first-child{margin-left:auto}.quick-links__list--center .quick-links__item:last-child{margin-right:auto}.quick-links__link{display:inline-flex;align-items:center;gap:.6rem;min-height:3.6rem;padding:.4rem 1.4rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:4rem;color:rgb(var(--color-foreground));font-size:1.3rem;line-height:1.2;text-decoration:none;white-space:nowrap;transition:border-color var(--duration-short) ease}.quick-links__link--icon{padding-left:.4rem}.quick-links__link:hover{border-color:rgb(var(--color-foreground))}.quick-links__icon{width:2.6rem;height:2.6rem;border-radius:50%;object-fit:cover}.quick-links__arrow{position:absolute;top:0;bottom:.4rem;z-index:1;display:flex;align-items:center;width:5.6rem;padding:0;border:0;color:rgb(var(--color-foreground));cursor:pointer}.quick-links__arrow[hidden]{display:none}.quick-links__arrow--prev{left:0;justify-content:flex-start;background:linear-gradient(to right,rgb(var(--color-background)) 55%,rgba(var(--color-background),0))}.quick-links__arrow--next{right:0;justify-content:flex-end;background:linear-gradient(to left,rgb(var(--color-background)) 55%,rgba(var(--color-background),0))}.quick-links__arrow .svg-wrapper{display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:50%;background:rgb(var(--color-background));transition:border-color var(--duration-short) ease}.quick-links__arrow:hover .svg-wrapper{border-color:rgb(var(--color-foreground))}.quick-links__arrow .icon{width:1rem;height:.6rem}.quick-links__arrow--prev .icon{transform:rotate(90deg)}.quick-links__arrow--next .icon{transform:rotate(-90deg)}
/*# sourceMappingURL=/cdn/shop/t/32/assets/vs-quick-links.css.map */