vn-showcase{display:block}.vn-showcase__header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:2.4rem 4rem;margin-bottom:4rem}.vn-showcase__heading{margin:0;max-width:16ch}.vn-showcase__controls{display:flex;align-items:center;gap:3.2rem}.vn-showcase__tabs{display:flex;gap:2.4rem;overflow-x:auto;scrollbar-width:none}.vn-showcase__tab{position:relative;padding:.6rem 0;border:0;background:none;font:inherit;font-family:var(--font-heading-family);font-size:2rem;color:rgba(var(--color-foreground),.7);white-space:nowrap;cursor:pointer;transition:color .3s ease}.vn-showcase__tab:after{content:"";position:absolute;right:0;bottom:0;left:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .4s var(--vn-ease)}.vn-showcase__tab[aria-selected=true]{color:rgb(var(--color-foreground))}.vn-showcase__tab[aria-selected=true]:after{transform:scaleX(1)}.vn-showcase__tab:hover{color:rgb(var(--color-foreground))}.vn-showcase__arrows{display:none;gap:.8rem}.vn-showcase__arrow{display:grid;place-items:center;width:4.4rem;height:4.4rem;border:1px solid rgba(var(--color-foreground),.25);border-radius:50%;background:none;color:rgb(var(--color-foreground));cursor:pointer;transition:background-color .3s ease,border-color .3s ease}.vn-showcase__arrow:hover{border-color:rgb(var(--color-foreground))}.vn-showcase__arrow:disabled{opacity:.3;cursor:default}.vn-showcase__arrow .svg-wrapper{width:1.2rem;height:1.2rem}.vn-showcase__arrow[data-direction="-1"] .svg-wrapper{transform:rotate(90deg)}.vn-showcase__arrow[data-direction="1"] .svg-wrapper{transform:rotate(-90deg)}.vn-showcase__track{--vn-inset: max(1.5rem, calc((100vw - var(--page-width)) / 2 + 1.5rem));display:grid;grid-auto-flow:column;grid-auto-columns:72%;gap:1.6rem;margin:0;padding:0 var(--vn-inset);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--vn-inset);scrollbar-width:none;list-style:none}.vn-showcase__track::-webkit-scrollbar{display:none}.vn-showcase__item{scroll-snap-align:start}.vn-showcase__footer{display:flex;align-items:center;gap:3.2rem;margin-top:3.2rem}.vn-showcase__progress{position:relative;flex:1;height:1px;background:rgba(var(--color-foreground),.15)}.vn-showcase__progress span{position:absolute;inset:0 auto 0 0;width:var(--vn-progress, 25%);background:rgb(var(--color-foreground));transition:width .2s linear}.vn-showcase__all{font-size:1.5rem;white-space:nowrap;text-underline-offset:.5rem}@media screen and (min-width:750px){.vn-showcase__track{--vn-inset: max(5rem, calc((100vw - var(--page-width)) / 2 + 5rem));grid-auto-columns:calc((100% - 2 * var(--vn-inset) - 3 * 2.4rem) / 3.4);gap:2.4rem}}@media screen and (min-width:990px){.vn-showcase__arrows{display:flex}.vn-showcase__track{grid-auto-columns:calc((100vw - 2 * var(--vn-inset) - 3 * 2.4rem) / 4)}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-vn-showcase.css.map */