.ff-collection-carousel{--ff-cc-bg: #e2f3e2;--ff-cc-panel: #ffffff;--ff-cc-accent: var(--ff-brand-green-hex, #2D5A42);--ff-cc-accent-soft: color-mix(in srgb, var(--ff-cc-accent) 14%, transparent);--ff-cc-accent-ring: color-mix(in srgb, var(--ff-cc-accent) 55%, transparent);--ff-cc-text: #111111;--ff-cc-white: #ffffff;--ff-cc-sale: #e53935;--ff-cc-orb: clamp(10rem, 11.5vw, 13.2rem);--ff-cc-gap: clamp(1rem, 2vw, 1.6rem);--ff-cc-vpad: 20px;--ff-cc-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ff-cc-radius: 14px;display:block;width:100%;background:var(--ff-cc-bg);font-family:var(--ff-cc-font);-webkit-font-smoothing:antialiased}.ff-collection-carousel-section.shopify-section{position:relative;z-index:1;overflow:hidden;padding:0;margin:0}.ff-collection-carousel-section.section+.ff-hero-slider-section.section{margin-top:0}.ff-collection-carousel__inner{position:relative;width:100%;padding:0;box-sizing:border-box}.ff-collection-carousel__shell{position:relative;background:var(--ff-cc-panel);border:none;border-top:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05);border-radius:0;box-shadow:none;overflow:hidden}.ff-collection-carousel__shell:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--ff-cc-accent) 0%,color-mix(in srgb,var(--ff-cc-accent) 70%,#fff) 50%,var(--ff-cc-accent) 100%);z-index:2}.ff-collection-carousel__viewport{position:relative;width:100%;padding:var(--ff-cc-vpad) clamp(1rem,3vw,2rem);box-sizing:border-box;overflow:hidden}.ff-collection-carousel__viewport.is-manual{overflow-x:auto;overflow-y:hidden;scroll-behavior:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab}.ff-collection-carousel__viewport.is-manual::-webkit-scrollbar{display:none}.ff-collection-carousel__viewport.is-manual.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.ff-collection-carousel__track{display:flex;align-items:center;width:max-content;padding:0;animation:ff-collection-carousel-marquee var(--ff-cc-duration, 40s) linear infinite;will-change:transform}.ff-collection-carousel__inner:hover .ff-collection-carousel__track,.ff-collection-carousel__inner:focus-within .ff-collection-carousel__track,.ff-collection-carousel__inner.is-paused .ff-collection-carousel__track{animation-play-state:paused}.ff-collection-carousel__inner.is-manual .ff-collection-carousel__track{animation:none;transform:none!important;will-change:auto}.ff-collection-carousel__inner.is-manual .ff-collection-carousel__track-clone{display:none!important}@keyframes ff-collection-carousel-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.ff-collection-carousel__track-clone{display:contents}.ff-collection-carousel__item{flex:0 0 var(--ff-cc-orb);width:var(--ff-cc-orb);margin-inline-end:var(--ff-cc-gap);text-decoration:none}.ff-collection-carousel__orb{position:relative;width:100%;aspect-ratio:1;border-radius:50%;transition:transform .3s ease}.ff-collection-carousel__orb-ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid rgba(0,0,0,.08);pointer-events:none;transition:border-color .25s ease,box-shadow .25s ease}.ff-collection-carousel__item--accent .ff-collection-carousel__orb-ring{border-color:var(--ff-cc-accent-ring);box-shadow:0 0 0 3px var(--ff-cc-accent-soft)}.ff-collection-carousel__item--sale .ff-collection-carousel__orb-ring{border-color:color-mix(in srgb,var(--ff-cc-sale) 50%,transparent)}.ff-collection-carousel__item:hover .ff-collection-carousel__orb,.ff-collection-carousel__item:focus-visible .ff-collection-carousel__orb{transform:translateY(-2px)}.ff-collection-carousel__item:hover .ff-collection-carousel__orb-ring,.ff-collection-carousel__item:focus-visible .ff-collection-carousel__orb-ring{border-color:var(--ff-cc-accent);box-shadow:0 0 0 4px var(--ff-cc-accent-soft)}.ff-collection-carousel__item:focus-visible{outline:none}.ff-collection-carousel__item:focus-visible .ff-collection-carousel__orb-inner{outline:2px solid var(--ff-cc-accent);outline-offset:3px}.ff-collection-carousel__orb-inner{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;background:var(--ff-cc-media-bg, #e8ebe4)}.ff-collection-carousel__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;background:var(--ff-cc-media-bg, #e8ebe4)}.ff-collection-carousel__vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.35) 100%);pointer-events:none}.ff-collection-carousel__item--light .ff-collection-carousel__vignette{background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.28) 100%)}.ff-collection-carousel__pill{position:absolute;top:50%;left:50%;bottom:auto;z-index:2;transform:translate(-50%,-50%);display:block;width:calc(100% - 1.2rem);max-width:calc(100% - 1.2rem);padding:.5rem .4rem;font-size:clamp(1.15rem,1.3vw,1.35rem);font-weight:800;line-height:1.2;letter-spacing:.04em;text-align:center;text-transform:uppercase;color:var(--ff-cc-pill-text, var(--ff-cc-white));white-space:normal;overflow-wrap:break-word;word-break:break-word;border-radius:.65rem;pointer-events:none;transition:background .25s ease}.ff-collection-carousel__pill p{margin:0}.ff-collection-carousel__item--accent .ff-collection-carousel__pill{background:var(--ff-cc-accent)}.ff-collection-carousel__item--sale .ff-collection-carousel__pill{background:var(--ff-cc-sale)}@media screen and (max-width:767px){.ff-collection-carousel{--ff-cc-orb: calc((100cqi - 1.35rem) / 4.5);--ff-cc-gap: .45rem;--ff-cc-vpad: 14px}.ff-collection-carousel__viewport{padding-inline:.5rem}.ff-collection-carousel__pill{padding:.4rem .5rem;font-size:clamp(1.05rem,3.6vw,1.2rem);width:calc(100% - .6rem);max-width:calc(100% - .6rem);line-height:1.2;border-radius:.5rem}}@media screen and (max-width:479px){.ff-collection-carousel{--ff-cc-orb: calc((100cqi - 1rem) / 3.5);--ff-cc-gap: .4rem}}@media(prefers-reduced-motion:reduce){.ff-collection-carousel__track{animation:none;transform:none;width:100%;overflow-x:auto;overflow-y:hidden;scroll-behavior:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ff-collection-carousel__track::-webkit-scrollbar{display:none}.ff-collection-carousel__track-clone{display:none}.ff-collection-carousel__orb,.ff-collection-carousel__pill,.ff-collection-carousel__orb-ring{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/ff-collection-carousel.css.map */