.js-nav-cat-grid-content{--transit: .25s linear;margin:18px 0}.js-nav-cat-grid-content>div.ncg-acc__pair:not(:first-child){padding-top:10px}.js-nav-cat-grid-content>div.ncg-acc__item-lists:has(.ncg-acc__panel--active){padding-top:24px}.nav-cat-grid__container{padding:0 10px}.nav-cat-grid__container.empty{padding-top:0;border-top:none;margin-top:0}.loading-indicator{height:3px;width:100%;border-radius:2px;background-color:transparent;transition:background-color .3s ease}.loading-indicator.loading-indicator--initial{background-color:#ff69b4}.loading-indicator.loading-indicator--data{background-color:#0ff}.loading-indicator.loading-indicator--loaded{background-color:#000}nav-cat-grid-selector ul.nav-cat-grid__selector{position:relative;display:flex;flex-direction:row;justify-content:center;gap:10px;list-style:none;z-index:2;padding:0;margin:18px 0}nav-cat-grid-selector ul.nav-cat-grid__selector .nav-cat-grid__selector__item label{cursor:pointer;text-transform:uppercase;font-weight:700;transition:opacity var(--transit);text-align:center}nav-cat-grid-selector ul.nav-cat-grid__selector .nav-cat-grid__selector__item label span{font-size:16px;width:fit-content;display:block;margin:0 auto;padding-top:5px}nav-cat-grid-selector ul.nav-cat-grid__selector .nav-cat-grid__selector__item label:has(input:checked) .nav-cat-grid__selector__item__image{outline:2px solid #000}nav-cat-grid-selector ul.nav-cat-grid__selector .nav-cat-grid__selector__item label:has(input:checked) span{border-bottom:2px solid #000}nav-cat-grid-selector ul.nav-cat-grid__selector .nav-cat-grid__selector__item label:has(input:disabled){cursor:not-allowed;opacity:.5;pointer-events:none}nav-cat-grid-selector ul.nav-cat-grid__selector .nav-cat-grid__selector__item label:has(input:focus-visible){outline:2px solid #0c0a09;outline-offset:2px;border-radius:1px}nav-cat-grid-selector ul.nav-cat-grid__selector .nav-cat-grid__selector__item__image{position:relative;border-radius:10px;max-width:150px}nav-cat-grid-selector ul.nav-cat-grid__selector .nav-cat-grid__selector__item__image img{aspect-ratio:4 / 5;object-fit:cover;width:100%;height:100%;border-radius:10px}@media (min-width: 768px){nav-cat-grid-selector ul.nav-cat-grid__selector .nav-cat-grid__selector__item__image{max-width:280px}nav-cat-grid-selector ul.nav-cat-grid__selector .nav-cat-grid__selector__item__image img{aspect-ratio:5 / 3.66}}nav-cat-grid-selector.loaded .nav-cat-grid__selector__item label{border-bottom:2px solid rgba(255,255,255,0)}nav-cat-grid-selector.loaded .nav-cat-grid__selector__item label:has(input:checked){border-bottom:2px solid var(--brand-black)}nav-cat-grid div.ncg-acc__cats-pair{display:flex;flex-direction:row;gap:6px}nav-cat-grid div.ncg-acc__cats-pair:has(button.ncg-acc__tab--active){margin-bottom:12px}nav-cat-grid div.ncg-acc__cats-pair button.ncg-acc__tab:has(+.ncg-acc__tab--active),.ncg-acc__tab--active+:is(nav-cat-grid div.ncg-acc__cats-pair button.ncg-acc__tab){opacity:.7}nav-cat-grid div.ncg-acc__category-buttons{display:flex;flex-direction:row;gap:6px}nav-cat-grid button.ncg-acc__tab{position:relative;display:flex;flex-direction:column;align-items:start;padding:0;width:100%;transition:opacity var(--transit)}nav-cat-grid button.ncg-acc__tab.ncg-acc__tab--active>div.ncg-acc__tab__image{border:2px solid var(--brand-black)}nav-cat-grid button.ncg-acc__tab.ncg-acc__tab--active div.ncg-acc__icon{transform:rotate(180deg)}nav-cat-grid button.ncg-acc__tab.ncg-acc__tab--active div.ncg-acc__icon svg{transform:translateY(-1px)}nav-cat-grid button.ncg-acc__tab:focus-visible{outline:2px solid var(--brand-black);outline-offset:2px}nav-cat-grid button.ncg-acc__tab div.ncg-acc__tab__image{position:relative;display:flex;width:100%;border-radius:10px;overflow:hidden;aspect-ratio:4 / 5;border:2px solid #fff;transition:border var(--transit)}nav-cat-grid button.ncg-acc__tab div.ncg-acc__tab__image>img{width:100%;height:100%;object-fit:cover;background-color:#dfe1df}nav-cat-grid button.ncg-acc__tab div.ncg-acc__tab__image div.ncg-acc__icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--brand-white);border:var(--light-gray-border);border-radius:50%;position:absolute;right:10px;bottom:10px;transition:transform var(--transit)}nav-cat-grid button.ncg-acc__tab div.ncg-acc__tab__image div.ncg-acc__icon>svg{width:100%;height:100%;transform:translateY(1px)}@media (max-width: 400px){nav-cat-grid button.ncg-acc__tab div.ncg-acc__tab__image div.ncg-acc__icon{right:3px}}nav-cat-grid button.ncg-acc__tab div.ncg-acc__tab__image>div.ncg-acc__tab__badge{position:absolute;bottom:15px;z-index:1;color:#fff;background-color:var(--brand-red);padding:4px 8px 4px 4px;width:fit-content;border-radius:0 4px 4px 0;font-size:12px;line-height:1;font-weight:700}@media (max-width: 400px){nav-cat-grid button.ncg-acc__tab div.ncg-acc__tab__image>div.ncg-acc__tab__badge{font-size:11px}}nav-cat-grid button.ncg-acc__tab div.ncg-acc__tab__image>span{display:flex;width:100%;height:100%;background-color:var(--brand-white)}nav-cat-grid button.ncg-acc__tab div.ncg-acc__tab__content{margin-left:6px;font-weight:700;text-align:left}nav-cat-grid button.ncg-acc__tab div.ncg-acc__tab__content .ncg-acc__tab__title{font-size:18px;line-height:1.2;margin-top:6px}nav-cat-grid button.ncg-acc__tab div.ncg-acc__tab__content .ncg-acc__tab__subtitle{font-size:12px;line-height:1.1;color:var(--brand-red);margin-top:4px}nav-cat-grid .ncg-acc__panel{display:block;max-height:0;overflow:hidden;opacity:0}nav-cat-grid .ncg-acc__panel.ncg-acc__panel--active{max-height:var(--panel-height);opacity:1}nav-cat-grid .ncg-acc__panel .ncg-acc__content{padding:0;margin:0 auto;max-width:1000px}nav-cat-grid .ncg-acc__panel .ncg-acc__content ul.ncg__img-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,33.33%));gap:8px;padding:0;margin:0}@media (min-width: 768px){nav-cat-grid .ncg-acc__panel .ncg-acc__content ul.ncg__img-tiles{grid-template-columns:repeat(4,minmax(0,25%))}}nav-cat-grid .ncg-acc__panel .ncg-acc__content ul.ncg__img-tiles li{position:relative;display:flex}nav-cat-grid .ncg-acc__panel .ncg-acc__content ul.ncg__img-tiles li a{display:block;width:100%}nav-cat-grid .ncg-acc__panel .ncg-acc__content ul.ncg__img-tiles li a:focus-visible{outline:2px solid #0c0a09;outline-offset:2px}nav-cat-grid .ncg-acc__panel .ncg-acc__content ul.ncg__img-tiles li a.ncg-img-tile__anchor:focus-visible{outline:2px solid #0c0a09;outline-offset:-2px;border-radius:5px}nav-cat-grid .ncg-acc__panel .ncg-acc__content ul.ncg__img-tiles li a.ncg-img-tile__anchor:hover{text-decoration:none!important;cursor:pointer}nav-cat-grid .ncg-acc__panel .ncg-acc__content ul.ncg__img-tiles li a .ncg-img-tile__wrapper{display:flex;align-items:center;justify-content:start;flex-direction:column;border:.01rem solid #e3e3e3;background-color:var(--brand-gray-img-bg-2);border-radius:10px;overflow:hidden}nav-cat-grid .ncg-acc__panel .ncg-acc__content ul.ncg__img-tiles li a .ncg-img-tile__wrapper .ncg-img-tile__img-wrapper{position:relative;display:flex;flex-direction:column;flex:1;place-self:stretch;aspect-ratio:4 / 5}nav-cat-grid .ncg-acc__panel .ncg-acc__content ul.ncg__img-tiles li a .ncg-img-tile__wrapper .ncg-img-tile__img-wrapper .ncg-img-tile__img{object-fit:cover;width:100%;height:100%}nav-cat-grid .ncg-acc__panel .ncg-acc__content ul.ncg__img-tiles li a .ncg-img-tile__wrapper .ncg-img-tile__img-wrapper .ncg-img-tile__img:not(.nav-menu-image-for-testing_b){display:none!important}nav-cat-grid .ncg-acc__panel .ncg-acc__content ul.ncg__img-tiles li a .ncg-img-tile__wrapper .ncg-img-tile__img-wrapper .ncg-img-tile__img.nav-menu-image-for-testing_b{display:block!important}nav-cat-grid .ncg-acc__panel .ncg-acc__content ul.ncg__img-tiles li a .ncg-img-tile__wrapper .ncg-img-tile__img-wrapper .ncg-img-tile__badge{position:absolute;bottom:15px;z-index:1;color:#fff;background-color:var(--brand-red);padding:4px 8px 4px 4px;width:fit-content;border-radius:0 4px 4px 0;font-size:12px;line-height:1;font-weight:700}@media (max-width: 768px){nav-cat-grid .ncg-acc__panel .ncg-acc__content ul.ncg__img-tiles li a .ncg-img-tile__wrapper .ncg-img-tile__img-wrapper .ncg-img-tile__badge{bottom:8px;font-size:10px}}nav-cat-grid .ncg-acc__panel .ncg-acc__content ul.ncg__img-tiles li a .ncg-img-tile__wrapper .ncg-img-tile__text-wrapper{display:flex;align-items:center;justify-content:center;flex-direction:column;flex:1;place-self:stretch;min-height:46px;background-color:#f3f3f3}nav-cat-grid .ncg-acc__panel .ncg-acc__content ul.ncg__img-tiles li a .ncg-img-tile__wrapper .ncg-img-tile__text-wrapper .ncg-img-tile__text{padding:.4rem .2rem;color:var(--brand-black);font-family:var(--font-modernist);font-size:15px!important;font-weight:700;text-align:center;text-transform:capitalize;white-space:normal;line-height:1.1}nav-cat-grid .ncg-acc__panel .ncg-acc__content ul.ncg__img-tiles li a .ncg-img-tile__text-promo-wrapper{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;flex:1;place-self:stretch;margin-top:6px;margin-bottom:10px}nav-cat-grid .ncg-acc__panel .ncg-acc__content ul.ncg__img-tiles li a .ncg-img-tile__text-promo-wrapper *{letter-spacing:0}nav-cat-grid .ncg-acc__panel .ncg-acc__content ul.ncg__img-tiles li a .ncg-img-tile__text-promo-wrapper .ncg-img-tile__text-promo-pct{font-size:13px;font-weight:700;color:var(--brand-white);background-color:var(--brand-red);padding:2px 20px;border-radius:4px}nav-cat-grid .ncg-acc__panel .ncg-acc__content ul.ncg__img-tiles li a .ncg-img-tile__text-promo-wrapper .ncg-img-tile__text-promo-title{font-size:12px;font-weight:400;color:var(--brand-black);text-wrap:wrap;text-align:center;line-height:1.1}nav-cat-grid .ncg-acc__panel .ncg-acc__content ul.ncg__img-tiles li a .ncg-img-tile__text-promo-wrapper .ncg-img-tile__text-promo-prices{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:4px;line-height:1.1}nav-cat-grid .ncg-acc__panel .ncg-acc__content ul.ncg__img-tiles li a .ncg-img-tile__text-promo-wrapper .ncg-img-tile__text-promo-prices .ncg-img-tile__text-promo-price{font-size:18px;font-weight:700;color:var(--brand-red)}nav-cat-grid .ncg-acc__panel .ncg-acc__content ul.ncg__img-tiles li a .ncg-img-tile__text-promo-wrapper .ncg-img-tile__text-promo-prices .ncg-img-tile__text-promo-price sup{font-size:.6em;font-weight:700;display:inline-block!important;vertical-align:baseline!important;transform:translate(1px,-5px)!important}nav-cat-grid .ncg-acc__panel .ncg-acc__content ul.ncg__img-tiles li a .ncg-img-tile__text-promo-wrapper .ncg-img-tile__text-promo-prices .ncg-img-tile__text-promo-compare-at-price{font-size:14px;text-decoration:line-through;color:#667085}nav-cat-grid .ncg-acc__panel .ncg-acc__content ul.ncg__img-tiles li a .ncg-img-tile__text-promo-wrapper .ncg-img-tile__text-promo-prices .ncg-img-tile__text-promo-compare-at-price sup{font-size:.6em}@media (prefers-reduced-motion: reduce){nav-cat-grid .ncg-acc__panel,nav-cat-grid .ncg-acc__icon{transition:none}}nav-cat-grid .ncg-categories__skeleton-item{display:none;max-width:1000px;margin:0 auto 10px;width:100%;height:32px;border-radius:8px;background:linear-gradient(90deg,#e0e0e0 25%,#f5f5f5,#e0e0e0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite linear}@media (max-width: 767px){nav-cat-grid .ncg-categories__skeleton-item{display:none!important}}nav-cat-grid .ncg-categories__skeleton-grid{display:none;max-width:1000px;margin:0 auto 10px;grid-template-columns:repeat(3,1fr);gap:3px;row-gap:10px}@media (max-width: 767px){nav-cat-grid .ncg-categories__skeleton-grid{display:none!important}}nav-cat-grid .ncg-categories__skeleton-grid .ncg-categories__skeleton-item{height:165px;margin-bottom:0}nav-cat-grid.loading .ncg-categories__skeleton-item{display:block}@media (max-width: 767px){nav-cat-grid.loading .ncg-categories__skeleton-item{display:none!important}}nav-cat-grid.loading .ncg-categories__skeleton-grid{display:grid}@media (max-width: 767px){nav-cat-grid.loading .ncg-categories__skeleton-grid{display:none!important}}nav-cat-grid.loading .ncg-acc__panel{display:none}nav-cat-grid.loading .ncg-initial-content-mobile{display:block}@media (min-width: 768px){nav-cat-grid.loading .ncg-initial-content-mobile{display:none}}nav-cat-grid.loading .ncg-initial-content-desktop{display:none}@media (min-width: 768px){nav-cat-grid.loading .ncg-initial-content-desktop{display:block}}@media (min-width: 768px){nav-cat-grid .ncg-acc__category-buttons.ncg-swiper{position:relative;overflow:hidden}nav-cat-grid .ncg-acc__category-buttons.ncg-swiper .swiper-wrapper{display:flex}nav-cat-grid .ncg-acc__category-buttons.ncg-swiper .swiper-slide{width:auto;margin-right:8px}nav-cat-grid .ncg-acc__category-buttons.ncg-swiper .swiper-slide div.ncg-acc__tab__wrapper,nav-cat-grid .ncg-acc__category-buttons.ncg-swiper .swiper-slide button.ncg-acc__tab{width:200px}nav-cat-grid .ncg-acc__category-buttons.ncg-swiper .ncg-swiper-button-prev,nav-cat-grid .ncg-acc__category-buttons.ncg-swiper .ncg-swiper-button-next{position:absolute;top:45%;transform:translateY(-50%);width:20px;height:60px;display:flex;align-items:center;justify-content:center;background:#ffffffb3;border:1px solid #e5e5e5;border-radius:5px;cursor:pointer;z-index:1;transition:opacity var(--transit),background var(--transit)}:is(nav-cat-grid .ncg-acc__category-buttons.ncg-swiper .ncg-swiper-button-prev,nav-cat-grid .ncg-acc__category-buttons.ncg-swiper .ncg-swiper-button-next):hover{background:#fff}:is(nav-cat-grid .ncg-acc__category-buttons.ncg-swiper .ncg-swiper-button-prev,nav-cat-grid .ncg-acc__category-buttons.ncg-swiper .ncg-swiper-button-next).swiper-button-disabled{display:none}:is(nav-cat-grid .ncg-acc__category-buttons.ncg-swiper .ncg-swiper-button-prev,nav-cat-grid .ncg-acc__category-buttons.ncg-swiper .ncg-swiper-button-next):after{content:"";width:12px;height:12px;border-top:2px solid #000;border-right:2px solid #000}nav-cat-grid .ncg-acc__category-buttons.ncg-swiper .ncg-swiper-button-prev{left:10px}nav-cat-grid .ncg-acc__category-buttons.ncg-swiper .ncg-swiper-button-prev:after{transform:rotate(-135deg) translate(-1px,1px);margin-left:3px}nav-cat-grid .ncg-acc__category-buttons.ncg-swiper .ncg-swiper-button-next{right:10px}nav-cat-grid .ncg-acc__category-buttons.ncg-swiper .ncg-swiper-button-next:after{transform:rotate(45deg) translate(-1px,1px);margin-right:3px}}.ncg-acc__skeleton{padding:24px 0 0}@media (max-width: 767px){.ncg-acc__skeleton{padding:0}}.ncg-acc__skeleton-content{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.ncg-skeleton-tile{width:calc(33.333% - 3.33px)}@media (min-width: 768px){.ncg-skeleton-tile{width:240px}}.ncg-skeleton-tile__image{width:100%;aspect-ratio:4 / 5;background:linear-gradient(90deg,#e0e0e0 25%,#f5f5f5,#e0e0e0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite linear;border-radius:8px;margin-bottom:8px}.ncg-skeleton-tile__text{width:70%;height:14px;margin:0 auto;background:linear-gradient(90deg,#e0e0e0 25%,#f5f5f5,#e0e0e0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite linear;border-radius:4px}.ncg-initial-content-mobile{margin:18px 0}.ncg-initial-content-mobile>div.ncg-acc__pair:not(:first-child){padding-top:10px}@media (min-width: 768px){.ncg-initial-content-mobile{display:none}}.ncg-initial-content-desktop{display:none}@media (min-width: 768px){.ncg-initial-content-desktop{display:block}}.ncg-initial-content-desktop .swiper-slide div.ncg-acc__tab__wrapper,.ncg-initial-content-desktop .swiper-slide button.ncg-acc__tab{width:200px}.ncg-acc-non-active{pointer-events:none}.ncg-skeleton-content-mobile{margin:18px 0}.ncg-skeleton-content-mobile>div.ncg-acc__pair:not(:first-child){padding-top:10px}@media (min-width: 768px){.ncg-skeleton-content-mobile{display:none}}.ncg-acc__tab--skeleton{cursor:default;pointer-events:none}.ncg-acc__tab--skeleton .ncg-acc__icon{opacity:.3}.ncg-skeleton-button-image{display:flex;width:100%;height:100%;background:linear-gradient(90deg,#e0e0e0 25%,#f5f5f5,#e0e0e0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite linear}.ncg-skeleton-button-text{width:80%;height:18px;margin-top:6px;background:linear-gradient(90deg,#e0e0e0 25%,#f5f5f5,#e0e0e0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite linear;border-radius:4px}.ncg-skeleton-button-subtext{width:60%;height:12px;margin-top:4px;background:linear-gradient(90deg,#e0e0e0 25%,#f5f5f5,#e0e0e0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite linear;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ncg-acc__tab__wrapper{position:relative;height:100%;width:100%}.ncg-acc__tab__wrapper:only-child{width:calc(50% - 3px)}.ncg-acc__tab__wrapper a.ncg-acc__tab__link{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;display:none}
/*# sourceMappingURL=/cdn/shop/t/645/assets/nav-cat-grid.css.map */