nf-carousel{display:block;position:relative}.nf-track{display:flex;gap:var(--nf-track-gap, 1.2rem);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;list-style:none;margin:0;padding:0}.nf-track::-webkit-scrollbar{display:none}.nf-track>*{flex:0 0 auto;scroll-snap-align:start;min-width:0}.nf-track--bleed{margin-right:calc(-1 * var(--nf-gutter));padding-right:var(--nf-gutter);scroll-padding-left:0}.nf-arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:4.4rem;height:4.4rem;padding:0;border-radius:50%;border:.1rem solid var(--nf-gray-2);background:#fff;color:var(--nf-black);cursor:pointer;transition:opacity .2s ease,background-color .2s ease,color .2s ease}.nf-arrow:hover:not([disabled]){background:var(--nf-black);color:#fff;border-color:var(--nf-black)}.nf-arrow[disabled]{opacity:.35;cursor:default}.nf-arrow .nf-icon{width:2rem;height:2rem}.nf-arrow--outline{width:5.2rem;height:5.2rem;background:transparent;border-color:currentColor;color:rgb(var(--color-foreground))}.nf-arrow--outline:hover:not([disabled]){background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.nf-arrow--plain{border:0}.nf-progress{position:relative;flex:1 1 auto;height:.2rem;background:var(--nf-gray-2);overflow:hidden}.nf-progress__fill{position:absolute;inset:0 auto 0 0;width:0;background:rgb(var(--color-foreground));transition:width .25s ease}.nf-carousel-controls{display:flex;align-items:center;gap:2.4rem;margin-top:2.4rem}.nf-carousel-controls__arrows{display:none;gap:2.4rem}@media screen and (min-width:990px){.nf-carousel-controls{margin-top:3.2rem}.nf-carousel-controls__arrows{display:flex}}.nf-dots{display:flex;justify-content:center;align-items:center;gap:.6rem;margin-top:2.8rem}.nf-dots__dot{width:.6rem;height:.6rem;padding:0;border:0;border-radius:.3rem;background:rgb(var(--color-foreground));opacity:.3;cursor:pointer;transition:width .25s ease,opacity .25s ease}.nf-dots__dot.is-active{width:2.4rem;opacity:1}@media screen and (min-width:990px){.nf-dots{margin-top:4rem}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/nf-carousel.css.map */