@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";:root{--browse-sidebar-maxw: 292px;--browse-heading-size: 18px;--browse-heading-weight: 600;--browse-heading-rule: 2px;--browse-text: #1a1a1a;--browse-text-hover: #0a0a0a;--browse-rule: #111111;--browse-gap-y: 0px;--browse-link-size: 15px;--browse-link-lh: 1.1;--browse-focus: #0a0a0a;--header-height: 80px}.hierarchical-category-nav{max-width:var(--browse-sidebar-maxw);width:100%;color:var(--browse-text);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;scroll-behavior:smooth}.hierarchical-category-nav.is-sticky{position:sticky;top:var(--header-height, 88px);align-self:flex-start}.hierarchical-nav-content{padding:0}.hierarchical-nav-header{margin:0 0 14px}.hierarchical-nav-title{font-size:var(--browse-heading-size);font-weight:var(--browse-heading-weight);line-height:1.2;letter-spacing:.03em;text-transform:uppercase;color:var(--browse-text);margin:0;font-family:Poppins,sans-serif;display:inline-block;padding-bottom:6px;border-bottom:var(--browse-heading-rule) solid var(--browse-rule)}.hierarchical-nav-container{position:relative}.hierarchical-nav-level{padding:0}.hierarchical-nav-level[data-active=false]{display:none!important}.hierarchical-nav-level[data-active=true]{display:block!important}.hierarchical-nav-list,.hierarchical-nav-list ul{list-style:none;margin:0;padding:0}.hierarchical-nav-item{margin:0}.hierarchical-nav-link{display:inline-block;padding:0;margin:var(--browse-gap-y) 0;font-size:var(--browse-link-size);line-height:var(--browse-link-lh);color:var(--browse-text);text-decoration:none;background:none;border:none;width:100%;text-align:left;cursor:pointer;font-family:Poppins,sans-serif;transition:color .15s ease,text-decoration-color .15s ease}.hierarchical-nav-link:hover{color:var(--browse-text-hover);text-decoration:underline;text-underline-offset:2px}.hierarchical-nav-link:visited{color:var(--browse-text)}.hierarchical-nav-link:focus-visible{outline:2px dashed var(--browse-focus);outline-offset:3px;border-radius:2px}.hierarchical-nav-link.current{font-weight:600}.hierarchical-nav-link.current:before{content:"";display:inline-block;width:3px;height:1em;margin-right:8px;background:var(--browse-rule);vertical-align:-.1em}.hierarchical-nav-text{display:inline}.hierarchical-nav-arrow{display:none}.hierarchical-nav-back-container{margin-bottom:8px}.hierarchical-nav-back{display:flex;align-items:center;gap:6px;padding:0;margin:var(--browse-gap-y) 0;font-size:var(--browse-link-size);line-height:var(--browse-link-lh);color:var(--browse-text);text-decoration:none;background:none;border:none;cursor:pointer;font-weight:600;transition:color .15s ease,text-decoration-color .15s ease}.hierarchical-nav-back:hover{color:var(--browse-text-hover);text-decoration:underline;text-underline-offset:2px}.hierarchical-nav-back:focus-visible{outline:2px dashed var(--browse-focus);outline-offset:3px;border-radius:2px}.hierarchical-nav-back-icon{display:inline-block;width:12px;height:12px;transition:transform .15s ease}.hierarchical-nav-back:hover .hierarchical-nav-back-icon{transform:translate(-2px)}.hierarchical-nav-back-text{display:inline}.hierarchical-nav-parent-focus{margin-bottom:4px}.hierarchical-nav-focused{display:inline-block;padding:3px 0;margin:var(--browse-gap-y) 0;font-size:var(--browse-link-size);line-height:var(--browse-link-lh);color:var(--browse-text);text-decoration:none;font-weight:600;font-family:Poppins,sans-serif;transition:color .15s ease,text-decoration-color .15s ease}.hierarchical-nav-focused:hover{color:var(--browse-text-hover);text-decoration:underline;text-underline-offset:2px}.hierarchical-nav-focused:before{content:"";display:inline-block;width:3px;height:1em;margin-right:8px;background:var(--browse-rule);vertical-align:-.1em}.hierarchical-nav-sublist{margin-top:6px;margin-left:20px;padding:0}.hierarchical-nav-subitem{margin:0}.hierarchical-nav-sublink{display:inline-block;padding:0;margin:0;font-size:14px;line-height:1.05;color:var(--browse-text);text-decoration:none;opacity:.9;font-family:Poppins,sans-serif;transition:color .15s ease,text-decoration-color .15s ease}.hierarchical-nav-sublink:hover{color:var(--browse-text-hover);text-decoration:underline;text-underline-offset:2px;opacity:1}.hierarchical-nav-sublink:visited{color:var(--browse-text)}.hierarchical-nav-sublink:focus-visible{outline:2px dashed var(--browse-focus);outline-offset:3px;border-radius:2px}.hierarchical-nav-sublink.current{font-weight:600;opacity:1;color:var(--browse-text-hover)!important;background-color:#1a1a1a0d;padding-left:8px!important;padding-right:8px!important;border-radius:4px}.hierarchical-nav-sublink.current:before{content:"";display:inline-block;width:3px;height:1em;margin-right:8px;background:var(--browse-rule);vertical-align:-.1em}.hierarchical-nav-mobile-toggle{display:none;justify-content:center;align-items:center;width:calc(100% - 32px);margin:16px;padding:14px 24px;background:#fff;border:2px solid #333333;border-radius:0;font-size:16px;font-weight:600;color:#333;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;font-family:Poppins,sans-serif;transition:all .2s ease;box-shadow:none}.hierarchical-nav-mobile-toggle:hover{background:#333;color:#fff}.hierarchical-nav-mobile-toggle:active{transform:translateY(1px)}.hierarchical-nav-icon{display:none}.hierarchical-nav-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.hierarchical-nav-overlay.active{display:block}.hierarchical-nav-mobile-drawer{position:fixed;top:0;left:-100%;bottom:0;width:100vw;max-width:100%;background:#fff;z-index:1000;transition:left .3s ease;overflow-y:auto;box-shadow:none}.hierarchical-nav-mobile-drawer.open{left:0}.hierarchical-nav-mobile-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #333333;background:#fff}.hierarchical-nav-mobile-title{font-weight:600;font-size:18px;margin:0;text-transform:uppercase;color:#333;letter-spacing:.5px;font-family:Poppins,sans-serif}.hierarchical-nav-mobile-close{background:none;border:none;font-size:28px;font-weight:300;color:#333;cursor:pointer;padding:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease}.hierarchical-nav-mobile-close:hover{color:#333;background-color:#f0f0f0}.hierarchical-nav-mobile-drawer .hierarchical-nav-content{padding:24px}.hierarchical-nav-mobile-drawer .hierarchical-nav-title{display:none}.hierarchical-nav-mobile-drawer .hierarchical-nav-link{font-size:16px;padding:8px 0;margin:4px 0;font-weight:500;border-bottom:1px solid #f0f0f0}.hierarchical-nav-mobile-drawer .hierarchical-nav-back{font-size:16px;padding:12px 0;margin:8px 0 16px;font-weight:600;border-bottom:2px solid #333333}.hierarchical-nav-mobile-drawer .hierarchical-nav-sublink{font-size:15px;padding:6px 0 6px 20px;margin:2px 0;opacity:.8}.hierarchical-nav-mobile-drawer .hierarchical-nav-sublink.current{font-weight:600;opacity:1;background-color:#f8f9fa;margin-left:-20px;padding-left:40px}@media (max-width: 989px){.hierarchical-category-nav{max-width:none;margin-bottom:20px;display:none}.hierarchical-category-nav.is-sticky{position:static}.hierarchical-nav-mobile-toggle{display:none}.unified-mobile-nav-toggle{display:flex!important;position:relative;z-index:10;order:-1}.collection-with-hierarchical-nav{display:flex!important;flex-direction:column!important}.dual-hierarchical-nav.desktop-only{display:none}.dual-hierarchical-nav.mobile-version{display:flex;flex-direction:column}.collection-with-hierarchical-nav{display:flex!important;flex-direction:column}.unified-mobile-nav-toggle{display:flex!important;order:-1}:root{--header-height: 70px}}.unified-mobile-nav-toggle{display:none;justify-content:center;align-items:center;width:calc(100% - 32px);margin:16px auto;padding:14px 24px;background:#fff;border:2px solid #333333;border-radius:0;font-size:16px;font-weight:600;color:#333;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;font-family:Poppins,sans-serif;transition:all .2s ease;box-shadow:0 2px 12px #0000001a;min-height:50px;pointer-events:auto!important;-webkit-user-select:none;user-select:none;position:relative;z-index:1}body.menu-open .unified-mobile-nav-toggle,body.search-open .unified-mobile-nav-toggle,details[open]~* .unified-mobile-nav-toggle,.menu-drawer[open]~* .unified-mobile-nav-toggle,.header__search[open]~* .unified-mobile-nav-toggle,[aria-expanded=true]~* .unified-mobile-nav-toggle{display:none!important}body:has(menu-drawer[open]) .unified-mobile-nav-toggle,body:has(details[open]) .unified-mobile-nav-toggle,body:has(.predictive-search[open]) .unified-mobile-nav-toggle,body:has([role=dialog][open]) .unified-mobile-nav-toggle{display:none!important}.unified-mobile-nav-toggle:hover{background:#333;color:#fff}.unified-mobile-nav-toggle:active,.unified-mobile-nav-toggle[aria-expanded=true]{background:#fff;box-shadow:0 4px 20px #00000026}.unified-mobile-nav-toggle:active{transform:translateY(1px)}.unified-mobile-nav-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:100}.unified-mobile-nav-overlay.active{display:block}.unified-mobile-nav-drawer{position:fixed;top:0;left:-100%;bottom:0;width:100vw;max-width:100%;background:#fff;z-index:101;transition:left .3s ease;overflow-y:auto;box-shadow:none}.unified-mobile-nav-drawer.open{left:0}.unified-mobile-nav-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #333333;background:#fff}.unified-mobile-nav-title{font-weight:600;font-size:18px;margin:0;text-transform:uppercase;color:#333;letter-spacing:.5px;font-family:Poppins,sans-serif}.unified-mobile-nav-close{background:none;border:none;font-size:28px;font-weight:300;color:#333;cursor:pointer;padding:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease}.unified-mobile-nav-close:hover{color:#333;background-color:#f0f0f0}.unified-mobile-nav-content{padding:0}.unified-mobile-nav-content .dual-hierarchical-nav{padding:24px;gap:40px}.hierarchical-nav-mobile-content-wrapper{width:100%;font-family:Poppins,sans-serif}.hierarchical-nav-mobile-content-wrapper .hierarchical-nav-title{font-weight:600;font-size:18px;margin:0 0 16px;text-transform:uppercase;color:#333;letter-spacing:.5px;font-family:Poppins,sans-serif;display:inline-block;padding-bottom:6px;border-bottom:2px solid #333333}.dual-hierarchical-nav{display:flex;flex-direction:column;gap:32px;max-width:var(--browse-sidebar-maxw);width:100%}.dual-hierarchical-nav>.hierarchical-category-nav{margin-bottom:0}.dual-hierarchical-nav>.hierarchical-category-nav+.hierarchical-category-nav{margin-top:32px}@media screen and (min-width: 990px){.hierarchical-category-nav,.dual-hierarchical-nav{position:sticky;top:var(--header-height, 88px);align-self:flex-start;max-height:calc(100vh - var(--header-height, 88px) - 40px);overflow-y:auto}.dual-hierarchical-nav>.hierarchical-category-nav{position:static;max-height:none;overflow-y:visible}.dual-hierarchical-nav>.hierarchical-category-nav:first-child{z-index:20}.dual-hierarchical-nav>.hierarchical-category-nav:nth-child(2){z-index:10}.hierarchical-category-nav::-webkit-scrollbar,.dual-hierarchical-nav::-webkit-scrollbar{width:6px}.hierarchical-category-nav::-webkit-scrollbar-track,.dual-hierarchical-nav::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.hierarchical-category-nav::-webkit-scrollbar-thumb,.dual-hierarchical-nav::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.hierarchical-category-nav::-webkit-scrollbar-thumb:hover,.dual-hierarchical-nav::-webkit-scrollbar-thumb:hover{background:#0006}}.hierarchical-nav-slide-in{animation:slideIn .3s ease forwards}.hierarchical-nav-slide-out{animation:slideOut .3s ease forwards}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}.hierarchical-nav-link:focus,.hierarchical-nav-back:focus,.hierarchical-nav-mobile-toggle:focus{outline:2px solid #000;outline-offset:2px}@media print{.hierarchical-category-nav,.hierarchical-nav-mobile-toggle,.hierarchical-nav-mobile-drawer,.hierarchical-nav-overlay{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hierarchical-category-nav.css.map */
