:root{--mobile-catnav-img: 54px;--mobile-catnav-pad-x: 8px;--mobile-catnav-border: 2px;--mobile-catnav-width: calc(var(--mobile-catnav-img) + (2 * var(--mobile-catnav-pad-x)) + (2 * var(--mobile-catnav-border)));--mobile-catnav-gap: 12px}.category-sidebar{background:#fff;margin:0;position:relative;width:var(--mobile-catnav-width)}.mobile-category-sidebar{display:none}.mobile-category-sidebar::-webkit-scrollbar{width:3px}.mobile-category-sidebar::-webkit-scrollbar-track{background:transparent}.mobile-category-sidebar::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.mobile-category-sidebar::-webkit-scrollbar-thumb:hover{background:#00000040}.mobile-category-sidebar{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}@media screen and (max-width: 767px){.has-mobile-catnav{display:flex;flex-direction:row;align-items:flex-start}.mobile-category-sidebar{display:block;position:sticky;top:var(--header-height, calc(var(--header-logo, 40px) + 30px));align-self:flex-start;width:var(--mobile-catnav-width);flex-shrink:0;height:calc(100vh - var(--header-height, calc(var(--header-logo, 40px) + 30px)) - var(--mbn-h, 70px));overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:#fff;border-right:1px solid #e5e5e5;z-index:10}.has-mobile-catnav>.container--large,.has-mobile-catnav>[data-js-inert]{flex:1;min-width:0;max-width:calc(100% - var(--mobile-catnav-width))}.has-mobile-catnav .container--large{margin-left:0;margin-right:0;max-width:100%;width:100%}#CollectionProductGrid,#main-collection-product-grid{margin-left:0}.has-mobile-catnav .collection.grid,.has-mobile-catnav .collection.grid.grid--layout{max-width:100%;box-sizing:border-box}}@media screen and (min-width: 768px){.mobile-category-sidebar{display:none}.has-mobile-catnav{display:block}.has-mobile-catnav>[data-js-inert]>.container--large{margin-left:auto;margin-right:auto}#CollectionProductGrid,#main-collection-product-grid{margin-left:0}}.category-sidebar__header,.category-sidebar__view-all{display:none}.category-sidebar__list{list-style:none;margin:0;padding:8px 0;display:flex;flex-direction:column;gap:16px}.category-sidebar__link{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:var(--mobile-catnav-pad-y) var(--mobile-catnav-pad-x);text-decoration:none;color:#333;transition:border-color .2s ease,background .2s ease;width:100%;gap:4px;position:relative}.category-sidebar__item .category-sidebar__link{padding:0 var(--mobile-catnav-pad-x)}.category-sidebar__item--active .category-sidebar__link{border-color:transparent;background:transparent}.category-sidebar__item--active .category-sidebar__link:after{content:"";position:absolute;right:0;top:0;height:var(--mobile-catnav-img);width:4px;background-color:#2a6041;border-radius:2px 0 0 2px}.category-sidebar__link:hover{border-color:transparent;background:transparent}.category-sidebar__image{position:relative;width:var(--mobile-catnav-img);height:var(--mobile-catnav-img);border-radius:12px;overflow:visible;flex-shrink:0;display:flex;align-items:center;justify-content:center}.category-sidebar__image:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:calc(var(--mobile-catnav-img) + 8px);height:100%;background-color:#eaeaea;border-radius:8px;z-index:-1}.category-sidebar__image:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:calc(var(--mobile-catnav-img) + 8px);height:100%;border-radius:8px;z-index:1;border:2px solid transparent;pointer-events:none}.category-sidebar__image--icon:before{display:none}.category-sidebar__item--active .category-sidebar__image:after{border-color:#2a6041}.category-sidebar__image img{width:100%;height:100%;object-fit:contain;object-position:bottom center}.category-sidebar__placeholder{width:100%;height:100%;background-color:transparent}.category-sidebar__name{font-size:.7rem;line-height:1.1;text-align:center;width:100%}.category-sidebar__check{width:14px;height:14px;color:#2a6041;flex-shrink:0}@media screen and (min-width:480px) and (max-width:767px){:root{--mobile-catnav-img: 56px;--mobile-catnav-pad-y: 10px;--mobile-catnav-pad-x: 10px}.category-sidebar__name{font-size:.75rem}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/component-category-sidebar.css.map */