.nfs-cat-browser[data-dock=true]{--nfs-cat-dock-width: 156px;--nfs-cat-dock-mobile-width: 136px;--nfs-cat-dock-gap: 16px;--nfs-cat-dock-scale: 1.16;--nfs-cat-dock-glow: .3;--nfs-cat-item-width: var(--nfs-cat-dock-width);--nfs-cat-radius: 24px;--nfs-cat-card-bg: var(--nfs-card-surface);--nfs-cat-title-color: var(--nfs-card-heading);--nfs-cat-description-color: var(--nfs-card-body);--nfs-cat-border-color: var(--nfs-card-border);--nfs-cat-accent: var(--nfs-green-800);--nfs-cat-accent-hover: var(--nfs-green-900);--nfs-cat-editor-warning-text: var(--nfs-v2-warning, #7a4c00);--nfs-cat-editor-warning-background: var(--nfs-v2-warning-bg, #fff4cc);--nfs-cat-editor-warning-border: color-mix(in srgb, var(--nfs-cat-editor-warning-text) 36%, transparent);--nfs-cat-image-bg: var(--nfs-ivory-100);--nfs-cat-highlight-bg: var(--nfs-green-50);--nfs-cat-highlight-media-bg: var(--nfs-green-50);--nfs-cat-highlight-border: var(--nfs-green-800);--nfs-cat-highlight-title: var(--nfs-green-800);--nfs-cat-highlight-accent: var(--nfs-green-800);--nfs-cat-icon-scale-desktop: .9;--nfs-cat-icon-scale-mobile: .9;--nfs-cat-transition: .22s;position:relative;display:block;box-sizing:border-box;width:100%;min-width:0;padding:var(--nfs-cat-pad-top, 64px) 0 var(--nfs-cat-pad-bottom, 64px);color:var(--nfs-heading);background-image:var(--nfs-surface-image);background-color:var(--nfs-surface)}html:not(.shopify-design-mode) .template-index .nfs-cat-browser[data-dock=true]{content-visibility:visible;contain-intrinsic-size:none}.nfs-cat-browser[data-dock=true][hidden],.nfs-cat-browser[data-dock=true][data-enabled=false],.nfs-cat-browser[data-dock=true] [hidden]{display:none!important}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__shell{box-sizing:border-box;width:min(100%,calc(var(--nfs-cat-max-width, 1280px) + var(--nfs-cat-side-desktop, 40px) * 2));margin-inline:auto;padding-inline:var(--nfs-cat-side-desktop, 40px)}.nfs-cat-browser[data-dock=true][data-width-mode=theme] .nfs-cat-browser__shell{width:var(--nfs-layout-max)}.nfs-cat-browser[data-dock=true][data-width-mode=full] .nfs-cat-browser__shell{width:100%}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__anchor{position:absolute;top:calc(-1 * var(--nfs-cat-pad-top, 64px));width:1px;height:1px;pointer-events:none}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__copy{min-width:0}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__header--center .nfs-cat-browser__copy{flex:1 1 auto;text-align:center}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__header--center .nfs-cat-browser__intro{margin-inline:auto}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__eyebrow{margin:0 0 8px;color:var(--nfs-eyebrow);font-size:13px;font-weight:700;line-height:1.4;letter-spacing:.05em;overflow-wrap:anywhere}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__heading{margin:0;color:var(--nfs-heading);font-family:var(--nfs-cat-heading-font, inherit);font-size:var(--nfs-cat-heading-size, 36px);font-weight:var(--nfs-cat-heading-weight, 700);letter-spacing:-.035em;line-height:1.15;overflow-wrap:anywhere}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__intro{max-width:64ch;margin:10px 0 0;color:var(--nfs-body);font-size:16px;line-height:1.55;overflow-wrap:anywhere}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__controls,.nfs-cat-browser[data-dock=true] .nfs-cat-browser__buttons{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:10px}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__controls{flex-wrap:wrap}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__section-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;min-height:44px;padding:9px 13px;border:1px solid var(--nfs-button-secondary-border);border-radius:999px;color:var(--nfs-heading);background:var(--nfs-button-secondary-bg);font-size:14px;font-weight:700;line-height:1.3;text-decoration:none;transition:background-color var(--nfs-cat-transition),border-color var(--nfs-cat-transition),transform var(--nfs-cat-transition) cubic-bezier(.22,1,.36,1)}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__section-link svg{width:17px;height:17px;flex:0 0 auto}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__viewport{min-width:0}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__track{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:var(--nfs-cat-item-width);grid-template-columns:none;align-items:stretch;gap:var(--nfs-cat-dock-gap);box-sizing:border-box;width:100%;max-width:100%;margin:0;padding:40px 30px 32px;overflow-x:auto;overflow-y:hidden;list-style:none;scroll-padding-inline:30px;scroll-snap-type:x proximity;scroll-behavior:smooth;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}html.no-js .nfs-cat-browser[data-dock=true] .nfs-cat-browser__track,.nfs-cat-browser[data-dock=true]:not(:defined) .nfs-cat-browser__track{scrollbar-width:thin;scrollbar-color:rgb(255 255 255 / .62) rgb(255 255 255 / .12)}html.no-js .nfs-cat-browser[data-dock=true] .nfs-cat-browser__counter,.nfs-cat-browser[data-dock=true]:not(:defined) .nfs-cat-browser__counter{display:none}@supports not (scrollbar-width: none){.nfs-cat-browser[data-dock=true] .nfs-cat-browser__track::-webkit-scrollbar{width:0;height:0}html.no-js .nfs-cat-browser[data-dock=true] .nfs-cat-browser__track::-webkit-scrollbar,.nfs-cat-browser[data-dock=true]:not(:defined) .nfs-cat-browser__track::-webkit-scrollbar{width:auto;height:10px}html.no-js .nfs-cat-browser[data-dock=true] .nfs-cat-browser__track::-webkit-scrollbar-track,.nfs-cat-browser[data-dock=true]:not(:defined) .nfs-cat-browser__track::-webkit-scrollbar-track{border-radius:999px;background:#ffffff1f}html.no-js .nfs-cat-browser[data-dock=true] .nfs-cat-browser__track::-webkit-scrollbar-thumb,.nfs-cat-browser[data-dock=true]:not(:defined) .nfs-cat-browser__track::-webkit-scrollbar-thumb{border-radius:999px;background:#ffffff9e}}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__item{position:relative;display:flex;box-sizing:border-box;width:100%;min-width:0;max-width:none;scroll-snap-align:start}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__item:focus-within{z-index:4}.shopify-design-mode .nfs-cat-browser[data-dock=true] .nfs-cat-browser__item[data-nfs-category-editor-revealed=true]{display:flex!important}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__card{--nfs-cat-card-local-bg: var(--nfs-cat-card-bg);--nfs-cat-card-local-title: var(--nfs-cat-title-color);--nfs-cat-card-local-accent: var(--nfs-cat-accent);--nfs-cat-card-local-arrow: var(--nfs-cat-card-local-accent);--nfs-cat-card-local-hover-accent: var(--nfs-cat-accent-hover);--nfs-cat-card-local-image-bg: var(--nfs-cat-image-bg);--nfs-cat-card-local-state-bg: var(--nfs-cat-highlight-bg);--nfs-cat-card-local-state-media: var(--nfs-cat-highlight-media-bg);--nfs-cat-card-local-state-border: var(--nfs-cat-highlight-border);--nfs-cat-card-local-state-title: var(--nfs-cat-highlight-title);--nfs-cat-card-local-state-accent: var(--nfs-cat-highlight-accent);position:relative;display:flex;flex:1 1 auto;flex-direction:column;box-sizing:border-box;width:100%;height:auto;min-width:0;min-height:184px;overflow:visible;border:1px solid var(--nfs-cat-border-color);border-radius:var(--nfs-cat-radius);color:var(--nfs-cat-card-local-title);background:var(--nfs-cat-card-local-bg);box-shadow:0 8px 22px #00191229;text-decoration:none;transform:none;transform-origin:center;transition:transform var(--nfs-cat-transition) cubic-bezier(.22,1,.36,1),border-color var(--nfs-cat-transition),box-shadow var(--nfs-cat-transition);-webkit-tap-highlight-color:transparent}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__card--link{cursor:pointer}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__card--static{cursor:default}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__media{position:relative;box-sizing:border-box;width:min(calc(100% - 20px),calc(var(--nfs-cat-item-width) - 44px));aspect-ratio:1;flex:0 0 auto;margin:10px auto 0;border-radius:max(8px,calc(var(--nfs-cat-radius) - 8px));background:var(--nfs-cat-card-local-image-bg)}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__icon-frame{position:absolute;top:0;right:0;bottom:0;left:0;display:block;filter:var(--nfs-cat-icon-shadow, none);transform:translate(var(--nfs-cat-block-icon-x-desktop, 0px),var(--nfs-cat-block-icon-y-desktop, 0px)) scale(var(--nfs-cat-block-icon-scale-desktop, var(--nfs-cat-icon-scale-desktop)))}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__icon-frame picture{display:contents}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__image{display:block;width:100%;height:100%;min-width:0;max-width:100%;max-height:100%;object-fit:contain;object-position:var(--nfs-cat-image-position, center)}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__image--product-navigation{transform:scale(.5);transform-origin:center}@media(max-width:749px){.nfs-cat-browser[data-dock=true] .nfs-cat-browser__image--product-navigation.nfs-cat-browser__image--has-mobile-custom{transform:none}}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__body{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;flex:1 1 auto;gap:8px;box-sizing:border-box;min-width:0;min-height:60px;padding:10px 12px 12px}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__image--custom{object-fit:var(--nfs-cat-image-fit, contain)}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__copy-block{min-width:0}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__card--text-center .nfs-cat-browser__copy-block{text-align:center}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__card--content-start .nfs-cat-browser__body{align-items:start}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__title{display:block;margin:0;color:var(--nfs-cat-card-local-title);font-family:var(--nfs-cat-card-font, inherit);font-size:var(--nfs-cat-title-size, 16px);font-weight:var(--nfs-cat-title-weight, 700);line-height:1.3;letter-spacing:-.02em;overflow-wrap:anywhere;white-space:normal}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__description{display:block;margin:6px 0 0;color:var(--nfs-cat-description-color);font-size:var(--nfs-cat-description-size, 13px);line-height:1.45;overflow-wrap:anywhere;white-space:normal}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__action{display:inline-grid;place-items:center;width:16px;height:16px;flex:0 0 auto;border-radius:0;color:var(--nfs-cat-card-local-arrow);background:transparent}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__action svg{width:16px;height:16px}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__indicator{display:table;box-sizing:border-box;max-width:100%;margin:5px 0 0;padding:3px 5px;border:1px solid var(--nfs-cat-card-local-state-border);border-radius:7px;color:var(--nfs-cat-card-local-state-title);background:var(--nfs-cat-card-local-state-bg);font-size:10px;font-weight:700;line-height:1.3;overflow-wrap:anywhere;white-space:normal}.nfs-cat-browser[data-dock=true][data-current-highlight=true] .nfs-cat-browser__card.is-current,.nfs-cat-browser[data-dock=true] .nfs-cat-browser__card.is-featured{border-color:var(--nfs-cat-card-local-state-border);background:var(--nfs-cat-card-local-state-bg)}.nfs-cat-browser[data-dock=true][data-current-highlight=true] .nfs-cat-browser__card.is-current .nfs-cat-browser__title,.nfs-cat-browser[data-dock=true] .nfs-cat-browser__card.is-featured .nfs-cat-browser__title{color:var(--nfs-cat-card-local-state-title)}.nfs-cat-browser[data-dock=true][data-current-highlight=true] .nfs-cat-browser__card.is-current .nfs-cat-browser__media,.nfs-cat-browser[data-dock=true] .nfs-cat-browser__card.is-featured .nfs-cat-browser__media{background:var(--nfs-cat-card-local-state-media)}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__button{display:inline-grid;place-items:center;box-sizing:border-box;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid var(--nfs-button-secondary-border);border-radius:50%;color:var(--nfs-heading);background:var(--nfs-button-secondary-bg);cursor:pointer}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__button svg{width:20px;height:20px}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__button:disabled{opacity:1;border-style:dashed;cursor:not-allowed}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__counter{color:var(--nfs-body);font-size:13px;line-height:1.4;white-space:nowrap}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__progress{height:4px;overflow:hidden;border-radius:4px;background:var(--nfs-ivory-border)}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__progress-bar{display:block;height:100%;background:var(--nfs-green-800);transform-origin:left}.nfs-cat-browser[data-dock=true]:dir(rtl) .nfs-cat-browser__progress-bar{transform-origin:right}.nfs-cat-browser[data-dock=true]:dir(rtl) .nfs-cat-browser__button svg,.nfs-cat-browser[data-dock=true]:dir(rtl) .nfs-cat-browser__section-link svg,.nfs-cat-browser[data-dock=true]:dir(rtl) .nfs-cat-browser__action svg{transform:scaleX(-1)}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__card--link:focus-visible,.nfs-cat-browser[data-dock=true] .nfs-cat-browser__section-link:focus-visible,.nfs-cat-browser[data-dock=true] .nfs-cat-browser__button:focus-visible{outline:3px solid var(--nfs-focus-ring);outline-offset:4px}.nfs-cat-browser[data-dock=true][data-interactions=true] .nfs-cat-browser__card--link:focus-visible{transform:translateY(-3px);border-color:var(--nfs-green-800);box-shadow:var(--nfs-shadow-card-hover)}.nfs-cat-browser[data-dock=true][data-pressed=true] .nfs-cat-browser__card--link:active{transform:none;border-color:var(--nfs-green-900)}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__editor-warning{display:block;padding:6px 10px;color:var(--nfs-cat-editor-warning-text);background:var(--nfs-cat-editor-warning-background);border:1px solid var(--nfs-cat-editor-warning-border);font-size:12px;line-height:1.4}@media(hover:hover)and (pointer:fine){.nfs-cat-browser[data-dock=true] .nfs-cat-browser__item:hover{z-index:3}.nfs-cat-browser[data-dock=true][data-interactions=true] .nfs-cat-browser__card--link:hover{transform:translateY(-3px);border-color:var(--nfs-green-800);box-shadow:var(--nfs-shadow-card-hover)}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__button:not(:disabled):hover{background:var(--nfs-button-secondary-hover)}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__section-link:hover{border-color:var(--nfs-button-secondary-border);background:var(--nfs-button-secondary-hover);transform:translateY(-1px)}}@media(max-width:749px){.nfs-cat-browser[data-dock=true]{--nfs-cat-item-width: var(--nfs-cat-dock-mobile-width);padding:var(--nfs-cat-pad-top-mobile, 44px) 0 var(--nfs-cat-pad-bottom-mobile, 44px)}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__shell{padding-inline:0}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__header{flex-wrap:wrap;gap:12px;padding-inline:var(--nfs-cat-side-mobile, 20px)}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__copy{flex-basis:100%}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__controls{width:100%;gap:10px}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__section-link{margin-inline-end:auto}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__heading{font-size:var(--nfs-cat-heading-size-mobile, 28px)}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__card{min-height:176px}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__body{grid-template-columns:minmax(0,1fr)}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__action{display:none}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__title{font-size:var(--nfs-cat-title-size-mobile, 16px)}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__description{font-size:var(--nfs-cat-description-size-mobile, 14px)}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__icon-frame{transform:translate(var(--nfs-cat-block-icon-x-mobile, 0px),var(--nfs-cat-block-icon-y-mobile, 0px)) scale(var(--nfs-cat-block-icon-scale-mobile, var(--nfs-cat-icon-scale-mobile)))}.nfs-cat-browser[data-dock=true][data-show-mobile=false]{display:none!important}}@media(max-width:359px){.nfs-cat-browser[data-dock=true] .nfs-cat-browser__header{flex-wrap:wrap}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__controls{margin-inline-start:auto}}@media(min-width:750px)and (max-width:767px){.nfs-cat-browser[data-dock=true] .nfs-cat-browser__item.nfs-hide-mobile:not(.nfs-hide-tablet):not([hidden]){display:flex!important}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__item.nfs-hide-tablet{display:none!important}}@media(min-width:750px)and (max-width:1199px){.nfs-cat-browser[data-dock=true][data-show-tablet=false]{display:none!important}}@media(min-width:1200px){.nfs-cat-browser[data-dock=true][data-show-desktop=false]{display:none!important}}@media(prefers-reduced-motion:reduce){.nfs-cat-browser[data-dock=true] *,.nfs-cat-browser[data-dock=true] *:before,.nfs-cat-browser[data-dock=true] *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.nfs-cat-browser[data-dock=true][data-interactions=true] .nfs-cat-browser__card--link:hover,.nfs-cat-browser[data-dock=true][data-interactions=true] .nfs-cat-browser__card--link:focus-visible,.nfs-cat-browser[data-dock=true][data-pressed=true] .nfs-cat-browser__card--link:active,.nfs-cat-browser[data-dock=true] .nfs-cat-browser__section-link:hover{transform:none!important}}@media(forced-colors:active){.nfs-cat-browser[data-dock=true]{color:CanvasText;background:Canvas}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__heading,.nfs-cat-browser[data-dock=true] .nfs-cat-browser__intro,.nfs-cat-browser[data-dock=true] .nfs-cat-browser__counter,.nfs-cat-browser[data-dock=true] .nfs-cat-browser__section-link{color:CanvasText}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__card,.nfs-cat-browser[data-dock=true] .nfs-cat-browser__section-link,.nfs-cat-browser[data-dock=true] .nfs-cat-browser__button{border:1px solid ButtonText;color:ButtonText;background:ButtonFace;box-shadow:none}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__button:disabled{color:GrayText;opacity:1}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__card--link:focus-visible,.nfs-cat-browser[data-dock=true] .nfs-cat-browser__section-link:focus-visible,.nfs-cat-browser[data-dock=true] .nfs-cat-browser__button:focus-visible{outline-color:Highlight}.nfs-cat-browser[data-dock=true] .nfs-cat-browser__progress-bar{background:Highlight}}
/*# sourceMappingURL=/cdn/shop/t/166/assets/component-nfs-category-browser.css.map */