.cnav,.cnav-band,.cnav-drawer{--cnav-bg: #ffffff;--cnav-bg-2: #f4efe7;--cnav-card: #ffffff;--cnav-ink: #141414;--cnav-ink-2: #8c857a;--cnav-line: rgba(20, 20, 20, .12);--cnav-line-strong: rgba(20, 20, 20, .24);--cnav-tile-bg: #ede6da;--cnav-chip: #eeebe5;--cnav-inv: #191816;--cnav-inv-ink: #fbfaf8;--cnav-accent: #2f5d3e;--cnav-scrim: rgba(25, 22, 18, .38);--cnav-shadow: 0 16px 40px rgba(20, 18, 14, .12);--cnav-ease: cubic-bezier(.22, 1, .36, 1);--cnav-gutter: 1.6rem;font-family:var(--font-body-family);color:var(--cnav-ink)}@media screen and (min-width:750px){.cnav,.cnav-band{--cnav-gutter: 2.4rem}}@media screen and (min-width:1200px){.cnav,.cnav-band{--cnav-gutter: 6.4rem}}.cnav [hidden],.cnav-band [hidden],.cnav-drawer [hidden]{display:none!important}.cnav__icon{display:block;width:18px;height:18px;flex-shrink:0}:where(.cnav,.cnav-band,.cnav-drawer) ul{margin:0;padding:0;list-style:none}:where(.cnav,.cnav-band,.cnav-drawer) a{color:inherit;text-decoration:none}@media screen and (min-width:1100px){.header-wrapper--categories .header--center-logo{display:flex;align-items:center;gap:0}.header-wrapper--categories .header__column,.header-wrapper--categories .header__icons{display:contents}.header-wrapper--categories .header__icons>*:after,.header-wrapper--categories .header__icons:before,.header-wrapper--categories .header--small-menu .small-menu:after{display:none}.header-wrapper--categories .header--center-logo>.header__heading,.header-wrapper--categories .header--center-logo>.header__heading-link{order:1;margin-right:3.2rem}.header-wrapper--categories .header_icon--search{order:2;flex:0 1 46rem;min-width:22rem;margin:0 auto}.header-wrapper--categories .header--center-logo .header__inline-menu{order:3;flex:none;margin:0 0 0 2.4rem}.header-wrapper--categories .header__small-menu{order:4;display:flex;flex:none;flex-wrap:nowrap;padding-right:0}.header-wrapper--categories .header__list-social,.header-wrapper--categories .header__icons>.header__localization{order:5}.header-wrapper--categories .header_icon--favorite,.header-wrapper--categories .header_icon--wishlist{order:6;margin:0 0 0 1.6rem}.header-wrapper--categories .header_icon--account-cart{order:7}@media screen and (min-width:1360px){.header-wrapper--categories .header--center-logo{position:relative}.header-wrapper--categories .header_icon--search{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(46rem,calc(100% - 108rem));min-width:0;margin:0}.header-wrapper--categories .header--center-logo .header__inline-menu{margin-left:auto}}.header-wrapper--categories .header--center-logo .header__inline-menu .list-menu--inline{flex-wrap:nowrap}.header-wrapper--categories .header--center-logo .header__inline-menu .list-menu-item{padding:0 .8rem}.header-wrapper--categories .header--center-logo .header__inline-menu .list-menu-item>.header__menu-item{padding-block:2.4rem}.header-wrapper--categories .header__small-menu .small-menu__link{padding-inline:.8rem}.header-wrapper--categories .header_icon--favorite>a,.header-wrapper--categories .header_icon--wishlist>a{display:flex;align-items:center;justify-content:center;width:3.8rem;height:4.4rem}.header-wrapper--categories .header_icon--search .header__search{display:none}.header-wrapper--categories .header__search-bar{display:flex;align-items:center;gap:.8rem;width:100%;height:4.4rem;padding:0 1.6rem;border:1px solid rgba(20,20,20,.16);border-radius:999px;background:#ffffffb3;color:#14141499;cursor:text;transition:border-color .16s ease}.header-wrapper--categories .header__search-bar:hover,.header-wrapper--categories .header__search-bar:focus-within{border-color:#14141480}.header-wrapper--categories .header__search-bar .icon{flex:none;width:1.8rem;height:1.8rem}.header-wrapper--categories .header__search-bar-input{flex:1;min-width:0;height:100%;padding:0;border:0;outline:0;background:transparent;color:#141414;font-family:var(--font-body-family);font-size:1.5rem;letter-spacing:0;-webkit-appearance:none;appearance:none}.header-wrapper--categories .header__search-bar-input::placeholder{color:#1414148c;opacity:1}.header-wrapper--categories .header__search-bar:focus-within{box-shadow:0 0 0 1px #14141480}}.cnav{display:block}.cnav__nav{position:relative;border-top:1px solid var(--cnav-line);background:rgb(var(--color-background, 255, 255, 255))}.cnav__rail-wrap,.cnav__panel{max-width:192rem;margin-inline:auto}.cnav__rail-wrap{position:relative}.cnav__rail{display:flex;gap:8px;padding:8px var(--cnav-gutter);overflow-x:auto;scrollbar-width:none}.cnav__rail::-webkit-scrollbar{display:none}.cnav__rail-item{display:flex;flex:1 0 auto}.cnav__pill{display:flex;flex:1 0 auto;align-items:center;justify-content:center;gap:10px;min-height:60px;padding:6px 14px 6px 6px;border:1px solid transparent;border-radius:8px;color:var(--cnav-ink);font-size:15px;font-weight:400;line-height:1.25;white-space:nowrap;transition:border-color .16s var(--cnav-ease)}.cnav__pill:hover{border-color:var(--cnav-line-strong)}@media screen and (min-width:990px)and (max-width:1439px){.cnav__rail{gap:4px}}.cnav__pill[data-selected=true]{border-color:var(--cnav-ink)}.cnav__pill:focus-visible{outline:2px solid var(--cnav-ink);outline-offset:-2px}.cnav__thumb{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:48px;height:48px;overflow:hidden;border-radius:8px;background:var(--cnav-bg-2);color:var(--cnav-ink-2)}.cnav__thumb img{width:100%;height:100%;object-fit:cover}.cnav__thumb .cnav__icon{width:24px;height:24px}.cnav__rail-wrap[data-overflow~=end] .cnav__rail{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 96px),transparent calc(100% - 8px));mask-image:linear-gradient(to right,#000 calc(100% - 96px),transparent calc(100% - 8px))}.cnav__rail-wrap[data-overflow~=start] .cnav__rail{-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 96px),transparent calc(100% - 8px));mask-image:linear-gradient(to left,#000 calc(100% - 96px),transparent calc(100% - 8px))}.cnav__rail-wrap[data-overflow~=start][data-overflow~=end] .cnav__rail{-webkit-mask-image:linear-gradient(to right,transparent 8px,#000 96px,#000 calc(100% - 96px),transparent calc(100% - 8px));mask-image:linear-gradient(to right,transparent 8px,#000 96px,#000 calc(100% - 96px),transparent calc(100% - 8px))}.cnav__rail-scroll,.cnav__scroll{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--cnav-line);border-radius:999px;background:var(--cnav-card);color:var(--cnav-ink);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;transform:translateY(-50%);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .16s var(--cnav-ease)}.cnav__rail-scroll{width:34px;height:34px}.cnav__rail-scroll:hover,.cnav__scroll:hover{border-color:var(--cnav-ink)}.cnav__rail-scroll--prev{left:10px}.cnav__rail-scroll--next{right:10px}.cnav__scroll--prev{left:12px}.cnav__scroll--next{right:12px}.cnav__rail-scroll[data-visible=true],.cnav__scroll[data-visible=true]{opacity:1;pointer-events:auto}@media screen and (max-width:989px){.cnav__nav{border-top:0}.cnav__rail-wrap,.cnav__rail,.cnav__tray{display:none!important}}.cnav__tray{--tile-h: 210px;--tile-w: 168px;--tray-p: 0;border-top:1px solid var(--cnav-line);background:var(--cnav-bg-2)}.cnav__tray[data-docked=false],.cnav__tray[data-open=true][data-docked=false]{position:absolute;top:100%;left:0;right:0;z-index:31;max-height:calc(100vh - var(--cnav-tray-top, 180px));overflow-y:auto;border-bottom:1px solid var(--cnav-line);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.cnav__tray[data-docked=true]{position:relative}.cnav__panel{padding-block:calc(20px - 8px * var(--tray-p))}.cnav__scroller{position:relative}.cnav__tiles{display:grid;grid-auto-columns:var(--tile-w);grid-auto-flow:column;align-items:start;gap:16px;padding:4px var(--cnav-gutter);overflow-x:auto;overscroll-behavior-x:contain;scroll-padding-inline:var(--cnav-gutter);scroll-snap-type:x proximity;scrollbar-width:none}.cnav__tiles::-webkit-scrollbar{display:none}.cnav__tile-item{min-width:0;scroll-snap-align:start}.cnav__all,.cnav__tile{position:relative;display:block;height:calc(var(--tile-h) - (var(--tile-h) - 56px) * var(--tray-p));overflow:hidden;border-radius:8px;outline:2px solid transparent;outline-offset:2px;transition:outline-color .16s var(--cnav-ease),opacity .16s var(--cnav-ease)}.cnav__all:hover,.cnav__tile:hover{outline-color:var(--cnav-line-strong)}.cnav__all.is-current,.cnav__tile.is-current,.cnav__all[data-pending],.cnav__tile[data-pending]{outline-color:var(--cnav-ink)}.cnav__all:focus-visible,.cnav__tile:focus-visible{outline-color:var(--cnav-ink)}.cnav__tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#14141473;opacity:0;pointer-events:none;transition:opacity .16s var(--cnav-ease)}.cnav__panel[data-has-current] .cnav__tile:not(.is-current):not(:hover):not([data-pending]):after{opacity:1}.cnav__panel[data-has-current] .cnav__all:not(.is-current):not(:hover):not([data-pending]){opacity:.6}.cnav__all{border:1px solid var(--cnav-line-strong);background:var(--cnav-card);color:var(--cnav-ink)}.cnav__all.is-current{border-color:var(--cnav-ink)}.cnav__all-card{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:18px;opacity:calc(1 - var(--tray-p) * 2.5)}.cnav__all-eyebrow{color:var(--cnav-ink-2);font-size:11px;font-weight:500;line-height:1;letter-spacing:.14em;text-transform:uppercase}.cnav__all-title{margin-top:10px;font-size:22px;font-weight:500;line-height:1.25;letter-spacing:-.01em}.cnav__all-arrow{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-top:auto;border-radius:999px;background:var(--cnav-ink);color:#fff;transition:transform .16s var(--cnav-ease)}.cnav__all:hover .cnav__all-arrow{transform:translate(4px)}.cnav__all-button{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;font-size:14px;font-weight:500;opacity:calc(var(--tray-p) * 2.5 - 1)}.cnav__all-button-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cnav__all-button .cnav__icon{width:16px;height:16px}.cnav__tile{display:flex;align-items:center;justify-content:center;background:var(--cnav-tile-bg);color:var(--cnav-ink-2)}.cnav__tile-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--cnav-ease)}@media(hover:hover){.cnav__tile:hover .cnav__tile-image{transform:scale(1.04)}}.cnav__tile-placeholder .cnav__icon{width:24px;height:24px}.cnav__tile-fade{position:absolute;inset:auto 0 0;height:50%;background:linear-gradient(to top,rgba(20,20,20,.65),rgba(20,20,20,.2) 50%,transparent);opacity:calc(1 - var(--tray-p) * 1.3);pointer-events:none}.cnav__tile.is-current .cnav__tile-fade{background:linear-gradient(to top,rgba(20,20,20,.85),rgba(20,20,20,.45) 50%,transparent)}.cnav__tile-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#1414148c;opacity:var(--tray-p);pointer-events:none}.cnav__tile.is-current .cnav__tile-scrim{background:#141414bf}.cnav__tile-label{position:absolute;z-index:1;inset:auto 0 0;padding:12px 14px calc(14px + 7px * var(--tray-p));color:#fff;font-size:14px;font-weight:500;line-height:1.25}.cnav__tray[data-compact=true] .cnav__tile-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cnav__scroll{top:calc(4px + (var(--tile-h) - (var(--tile-h) - 56px) * var(--tray-p)) / 2)}.cnav__lower{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px;padding:20px var(--cnav-gutter) 28px;border-top:1px solid var(--cnav-line);background:var(--cnav-bg)}.cnav__col{min-width:0}.cnav__col-title{margin:0 0 12px;color:var(--cnav-ink-2);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.cnav__col--links .cnav__col-list{display:flex;flex-direction:column}.cnav__link{display:block;padding:7px 0;font-size:15px}.cnav__link:hover,.cnav__color:hover{color:var(--cnav-accent)}.cnav__col--chips .cnav__col-list{display:flex;flex-wrap:wrap;gap:8px}.cnav__chip{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;border:1px solid var(--cnav-line);border-radius:999px;font-size:14px;transition:border-color .16s var(--cnav-ease)}.cnav__chip:hover{border-color:var(--cnav-ink)}.cnav__chip:has(.cnav__chip-image){padding-left:4px}.cnav__chip-image{display:block;flex:none;width:32px;height:32px;overflow:hidden;border-radius:50%}.cnav__chip-image img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.7)}.cnav__col--colors .cnav__col-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 12px}.cnav__color{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:15px}.cnav__swatch{flex:none;width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000024}.cnav__featured{display:flex;align-items:center;align-self:start;overflow:hidden;border-radius:8px;background:var(--cnav-bg-2)}.cnav__featured-image{display:block;flex:none;width:110px;height:110px}.cnav__featured-image img{display:block;width:100%;height:100%;object-fit:cover}.cnav__featured-text{display:flex;flex-direction:column;gap:3px;padding:12px 16px}.cnav__featured-eyebrow{color:var(--cnav-ink-2);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.cnav__featured-title{font-size:15px;font-weight:600}.cnav__featured-sub{color:var(--cnav-ink-2);font-size:13px}.cnav-band{display:none}@media screen and (max-width:989px){.cnav-band{--tray-p: 0;--tile-h: 130px;display:block;border-bottom:1px solid var(--cnav-line);background:var(--cnav-bg-2)}.cnav-band__row{display:flex;gap:10px;padding:12px 16px;overflow-x:auto;scrollbar-width:none}.cnav-band__row::-webkit-scrollbar{display:none}.cnav-band__row>li{flex:0 0 104px}.cnav__all--band .cnav__all-card{padding:10px}.cnav__all--band .cnav__all-eyebrow{font-size:10px}.cnav__all--band .cnav__all-title{margin-top:6px;font-size:15px}.cnav__all--band .cnav__all-arrow{width:28px;height:28px}.cnav__tile--band .cnav__tile-label{padding:8px 8px 9px;font-size:12px}}.cnav__spinner{display:none}[data-pending] .cnav__spinner{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;background:#19161259}.cnav__all[data-pending]>.cnav__spinner{background:#fff9}[data-pending] .cnav__spinner:after{content:"";width:24px;height:24px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:999px;animation:cnav-spin .7s linear infinite}.cnav__all[data-pending]>.cnav__spinner:after{border-color:var(--cnav-line);border-top-color:var(--cnav-ink)}.cnav__pending{position:absolute;inset:auto 0 0;z-index:32;height:2px;overflow:hidden;pointer-events:none}.cnav__pending[data-active=true]:after{content:"";position:absolute;inset-block:0;left:0;width:40%;background:var(--cnav-ink);animation:cnav-shimmer 1s var(--cnav-ease) infinite}@keyframes cnav-spin{to{transform:rotate(360deg)}}@keyframes cnav-shimmer{0%{transform:translate(-100%)}to{transform:translate(250%)}}.cnav-drawer{display:flex;flex-direction:column;padding:4px 16px 20px}.cnav-drawer__row{display:flex;align-items:center;gap:14px;width:100%;min-height:60px;padding:6px 0;border-bottom:1px solid var(--cnav-line);font-size:17px;font-weight:500;text-align:left}.cnav-drawer__row .cnav__icon{width:18px;height:18px;color:var(--cnav-ink-2)}.cnav-drawer__text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cnav-drawer__thumb{display:flex;flex:none;align-items:center;justify-content:center;width:46px;height:46px;overflow:hidden;border-radius:8px;background:var(--cnav-bg-2);color:var(--cnav-ink-2)}.cnav-drawer__thumb img{width:100%;height:100%;object-fit:cover}.cnav-drawer__row--tile{min-height:84px;gap:16px;padding:10px 0}.cnav-drawer__thumb--tile{width:62px;height:62px;border-radius:10px}.cnav-drawer__back{display:flex;align-items:center;gap:4px;height:44px;padding:0 12px 0 0;border:0;background:none;color:var(--cnav-ink);font:inherit;font-size:15px;font-weight:500;cursor:pointer}.cnav-drawer__back .cnav__icon{width:20px;height:20px}.cnav-drawer__title{margin:6px 0 10px;font-size:26px;font-weight:500;letter-spacing:-.01em}.cnav-drawer__shop-all{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 8px 0 16px;border:1px solid var(--cnav-line);border-radius:8px;background:var(--cnav-bg)}.cnav-drawer__shop-all-text{display:flex;flex-direction:column}.cnav-drawer__shop-all-label{font-size:16px;font-weight:600}.cnav-drawer__shop-all-count{color:var(--cnav-ink-2);font-size:12px}.cnav-drawer__shop-all-arrow{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--cnav-inv);color:var(--cnav-inv-ink)}.cnav-drawer__shop-all-arrow .cnav__icon{width:16px;height:16px}.cnav-drawer__list--tiles{padding-top:8px}.cnav-drawer .cnav__col{padding-top:22px}.cnav-drawer .cnav__col-title{margin-bottom:6px}.cnav-drawer .cnav__col--links .cnav__link{display:flex;align-items:center;min-height:48px;padding:0;border-bottom:1px solid var(--cnav-line);font-size:16px}.cnav-drawer .cnav__col--chips .cnav__col-list{flex-wrap:nowrap;overflow-x:auto;padding:6px 0;scrollbar-width:none}.cnav-drawer .cnav__col--chips li{flex:none}.cnav-drawer .cnav__col--colors .cnav__col-list{display:flex;flex-wrap:wrap;gap:8px;padding-top:6px}.cnav-drawer .cnav__color{height:40px;padding:0 14px 0 8px;border:1px solid var(--cnav-line);border-radius:999px;font-size:14px;gap:8px}.cnav-drawer .cnav__swatch{width:24px;height:24px}.cnav-drawer .cnav__featured{margin-top:26px;gap:14px}.cnav-drawer .cnav__featured-image{width:96px;height:96px}.cnav-drawer .cnav__featured-text{padding:0 12px 0 0}.cnav-drawer .cnav__featured-eyebrow{display:none}.cnav-drawer+.menu-drawer__menu{margin-top:12px}@media(prefers-reduced-motion:reduce){.cnav__pill,.cnav__all,.cnav__tile,.cnav__all-arrow,.cnav__tile-image,.cnav__chip,.cnav__scroll,.cnav__rail-scroll{transition:none}.cnav__tile:hover .cnav__tile-image,.cnav__all:hover .cnav__all-arrow{transform:none}[data-pending] .cnav__spinner:after{animation:none}.cnav__pending[data-active=true]:after{animation:none;width:100%;opacity:.5}}
/*# sourceMappingURL=/cdn/shop/t/537/assets/category-navigation.css.map */