.collection-category-nav{width:100%;height:var(--section-height, 600px);overflow:hidden}.collection-category-nav--empty{display:flex;align-items:center;justify-content:center}.collection-category-nav__wrapper{display:flex;height:100%;gap:0}.collection-category-nav__sidebar{flex:0 0 25%;max-width:25%;height:100%;overflow-y:auto;border-right:1px solid var(--border-color);background-color:var(--secondary-background);transition:flex .3s ease,max-width .3s ease,opacity .3s ease}.collection-category-nav__sidebar[hidden]{display:none}.collection-category-nav__category-list{list-style:none;margin:0;padding:0}.collection-category-nav__category-item{border-bottom:1px solid var(--border-color)}.collection-category-nav__category-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;background:transparent;border:none;cursor:pointer;text-align:left;font-family:var(--text-font-family);font-size:calc(var(--base-text-font-size) - 1px);color:var(--text-color);transition:background-color .2s ease,color .2s ease}.collection-category-nav__category-button:hover{background-color:var(--accent-background)}.collection-category-nav__category-button.is-active{background-color:var(--primary-button-background);color:var(--primary-button-text-color)}.collection-category-nav__category-button.is-loading{opacity:.7;pointer-events:none}.collection-category-nav__category-title{font-weight:var(--text-font-bolder-weight)}.collection-category-nav__category-arrow{display:flex;align-items:center;opacity:.5}.collection-category-nav__category-arrow svg{width:16px;height:16px}.collection-category-nav__content{flex:1;height:100%;overflow:hidden;position:relative;display:flex;flex-direction:column}.collection-category-nav__back-bar{display:flex;align-items:center;gap:16px;padding:12px 20px;border-bottom:1px solid var(--border-color);background-color:var(--secondary-background);flex-shrink:0}.collection-category-nav__back-bar[hidden]{display:none}.collection-category-nav__back-button{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;font-family:var(--text-font-family);font-size:calc(var(--base-text-font-size) - 1px);color:var(--link-color);padding:4px 8px;margin:-4px -8px;border-radius:4px;transition:background-color .2s ease,color .2s ease}.collection-category-nav__back-button:hover{background-color:var(--accent-background);color:var(--link-color-hover)}.collection-category-nav__back-button svg{width:18px;height:18px}.collection-category-nav__current-title{font-weight:var(--text-font-bolder-weight);font-size:calc(var(--base-text-font-size));color:var(--heading-color)}.collection-category-nav__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:40px;color:var(--text-color);opacity:.6}.collection-category-nav__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:200px;width:100%;text-align:center;color:var(--text-color);opacity:.6}.collection-category-nav__loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--primary-button-background);border-radius:50%;animation:catnav-spin 1s linear infinite}@keyframes catnav-spin{to{transform:rotate(360deg)}}.collection-category-nav__collections-wrapper{flex:1;overflow-y:auto;padding:20px}.collection-category-nav__collections-grid{display:flex;flex-wrap:wrap;gap:20px}.collection-category-nav__collection-card{flex:0 0 calc(33.333% - 14px);max-width:calc(33.333% - 14px);text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease;background-color:var(--background);border-radius:4px;overflow:hidden;border:1px solid var(--border-color);cursor:pointer}.collection-category-nav__collection-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.collection-category-nav__collection-image-wrapper{position:relative;width:100%;padding-bottom:100%;overflow:hidden;background-color:var(--secondary-background)}.collection-category-nav__collection-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.collection-category-nav__collection-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--secondary-background)}.collection-category-nav__collection-placeholder svg{width:60%;height:60%;fill:var(--border-color)}.collection-category-nav__collection-info{padding:16px}.collection-category-nav__collection-title{font-size:calc(var(--base-text-font-size));font-weight:var(--text-font-bolder-weight);margin:0 0 4px;color:var(--heading-color);line-height:1.3}.collection-category-nav__collection-count{font-size:calc(var(--base-text-font-size) - 2px);color:var(--text-color);opacity:.6}.collection-category-nav__empty{display:flex;align-items:center;justify-content:center;height:200px;text-align:center;padding:40px;color:var(--text-color);opacity:.6;width:100%}.collection-category-nav__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:200px;width:100%;text-align:center;color:var(--error-color, #c00);padding:20px}.collection-category-nav__error-retry{padding:8px 16px;background:var(--primary-button-background);color:var(--primary-button-text-color);border:none;border-radius:4px;cursor:pointer;font-family:var(--text-font-family)}.collection-category-nav__wrapper.is-full-width .collection-category-nav__content{flex:1;max-width:100%}.collection-category-nav__wrapper.is-full-width .collection-category-nav__collection-card{flex:0 0 calc(25% - 15px);max-width:calc(25% - 15px)}.collection-category-nav__sidebar::-webkit-scrollbar,.collection-category-nav__collections-wrapper::-webkit-scrollbar{width:6px}.collection-category-nav__sidebar::-webkit-scrollbar-track,.collection-category-nav__collections-wrapper::-webkit-scrollbar-track{background:var(--secondary-background)}.collection-category-nav__sidebar::-webkit-scrollbar-thumb,.collection-category-nav__collections-wrapper::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}@media screen and (max-width:999px){.collection-category-nav__sidebar{flex:0 0 30%;max-width:30%}.collection-category-nav__collection-card{flex:0 0 calc(50% - 10px);max-width:calc(50% - 10px)}.collection-category-nav__wrapper.is-full-width .collection-category-nav__collection-card{flex:0 0 calc(33.333% - 14px);max-width:calc(33.333% - 14px)}.collection-category-nav__category-button{padding:14px 16px;font-size:calc(var(--base-text-font-size) - 2px)}}@media screen and (max-width:699px){.collection-category-nav{height:var(--section-height, 600px);display:flex;flex-direction:column}.collection-category-nav--empty{align-items:center;justify-content:center}.collection-category-nav__wrapper{flex-direction:column;height:100%;display:flex}.collection-category-nav__wrapper.is-full-width{flex-direction:column}.collection-category-nav__sidebar{flex:0 0 auto;max-width:100%;width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border-color);position:relative;overflow:visible}.collection-category-nav__sidebar:after{content:"";position:absolute;top:0;right:0;bottom:0;width:40px;background:linear-gradient(to right,transparent,var(--secondary-background));pointer-events:none;z-index:1;opacity:1;transition:opacity .3s ease}.collection-category-nav__sidebar.is-scrolled-end:after{opacity:0}.collection-category-nav__category-list{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-right:40px}.collection-category-nav__category-list::-webkit-scrollbar{display:none}.collection-category-nav__category-item{flex-shrink:0;border-bottom:none;border-right:1px solid var(--border-color)}.collection-category-nav__category-item:last-child{border-right:none}.collection-category-nav__category-button{white-space:nowrap;padding:12px 16px}.collection-category-nav__category-arrow{display:none}.collection-category-nav__content{flex:1 1 auto;height:0;min-height:0;overflow:hidden}.collection-category-nav__back-bar{padding:10px 16px}.collection-category-nav__collections-wrapper{height:100%;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}.collection-category-nav__collection-card,.collection-category-nav__wrapper.is-full-width .collection-category-nav__collection-card{flex:0 0 calc(50% - 8px);max-width:calc(50% - 8px)}.collection-category-nav__collections-grid{gap:16px}.collection-category-nav__collection-info{padding:12px}.collection-category-nav__collection-title{font-size:calc(var(--base-text-font-size) - 1px)}.collection-category-nav__placeholder{height:100%;min-height:200px}}
/*# sourceMappingURL=/cdn/shop/t/5/compiled_assets/styles.css.map?subset=IA */