.sugar-collection-navigation{position:relative;z-index:1;background:var(--cn-bg, rgb(var(--color-background)));color:rgb(var(--color-foreground));padding-top:var(--cn-band-top-m);padding-bottom:var(--cn-band-bottom-m);border-bottom:var(--cn-bar-border, none);box-shadow:var(--cn-shadow, none)}.sugar-collection-navigation__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;text-align:center;opacity:.7}.sugar-collection-navigation__placeholder p{margin:0;line-height:1.5}.sugar-collection-navigation__placeholder p:first-child{margin-bottom:4px}.sugar-collection-navigation .sugar-collection-navigation__nav{visibility:visible;width:100%}.sugar-collection-navigation .sugar-collection-navigation__track{overflow:visible}.sugar-collection-navigation .sugar-collection-navigation__list{display:flex;flex-wrap:wrap;justify-content:var(--cn-justify);align-items:flex-start;gap:var(--cn-gap);list-style:none;margin:0;padding:0}.sugar-collection-navigation__item{flex:0 0 auto}.sugar-collection-navigation .sugar-collection-navigation__link{display:inline-flex;align-items:center;gap:.4em;font-size:var(--cn-size-m);font-weight:var(--cn-weight-inactive);--sw-bold: max(var(--cn-weight-inactive), var(--font-body-weight-bold, 700));line-height:1.3;text-transform:var(--cn-transform);text-decoration:none;white-space:nowrap;color:var(--cn-inactive-text, rgb(var(--color-foreground)));transition:background-color .2s ease,color .2s ease,border-color .2s ease}.sugar-collection-navigation .sugar-collection-navigation__link.is-active{font-weight:var(--cn-weight);--sw-bold: max(var(--cn-weight), var(--font-body-weight-bold, 700))}.sugar-collection-navigation__label{display:inline-flex;align-items:center;gap:.4em;min-width:0}.sugar-collection-navigation__icon{font-size:1.2em}.sugar-collection-navigation__thumb{flex:0 0 auto;width:1.7em;height:1.7em;border-radius:max(calc(var(--cn-radius) - var(--cn-pad-v-m)),3px);overflow:hidden;background:rgba(var(--color-foreground),.08)}.sugar-collection-navigation__thumb img{display:block;width:100%;height:100%;object-fit:cover}.sugar-collection-navigation--pills .sugar-collection-navigation__link--thumb{padding-left:var(--cn-pad-v-m)}.sugar-collection-navigation__count{font-size:.85em;font-weight:400;opacity:.65}.sugar-collection-navigation--pills .sugar-collection-navigation__link{padding:var(--cn-pad-v-m) var(--cn-pad-h-m);border-radius:var(--cn-radius);background-color:var(--cn-inactive-bg, rgb(var(--color-background)));border:var(--cn-border-w) solid var(--cn-inactive-border)}.sugar-collection-navigation--pills .sugar-collection-navigation__link:hover:not(.is-active){filter:brightness(.92);border-color:rgba(var(--cn-active-rgb),.4)}.sugar-collection-navigation--pills .sugar-collection-navigation__link--transparent:hover:not(.is-active){filter:none;background-color:rgba(var(--cn-active-rgb),.2);color:color-mix(in srgb,rgb(var(--cn-active-text-rgb)) 20%,currentColor)}.sugar-collection-navigation--pills .sugar-collection-navigation__link.is-active{background-color:var(--cn-active-bg, rgb(var(--color-background)));color:var(--cn-active-text, rgb(var(--color-foreground)));border-color:var(--cn-active-border)}.sugar-collection-navigation--underline .sugar-collection-navigation__link{padding:var(--cn-pad-v-m) var(--cn-pad-h-m);background-color:transparent;border-bottom:var(--cn-underline-w) solid transparent}.sugar-collection-navigation--underline .sugar-collection-navigation__link:hover:not(.is-active){border-bottom-color:rgba(var(--cn-active-rgb),.35)}.sugar-collection-navigation--underline .sugar-collection-navigation__link.is-active{color:var(--cn-active-bg, rgb(var(--color-background)));border-bottom-color:currentColor}.sugar-collection-navigation--images .sugar-collection-navigation__link{flex-direction:column;gap:13px;width:var(--cn-img-w-m);background-color:transparent;white-space:normal;text-align:center}.sugar-collection-navigation--images .sugar-collection-navigation__label{justify-content:center;text-align:center}.sugar-collection-navigation__media{display:block;position:relative;width:100%;aspect-ratio:var(--cn-img-ratio);border-radius:var(--cn-radius);overflow:hidden;outline:2px solid transparent;outline-offset:3px;transition:outline-color .2s ease}.sugar-collection-navigation__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.sugar-collection-navigation__image--empty{display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.06)}.sugar-collection-navigation__image--empty svg{width:50%;height:50%;opacity:.3}.sugar-collection-navigation--images .sugar-collection-navigation__link:hover .sugar-collection-navigation__image{transform:scale(1.04)}.sugar-collection-navigation--images .sugar-collection-navigation__link.is-active{color:var(--cn-active-bg, rgb(var(--color-background)))}.sugar-collection-navigation--images .sugar-collection-navigation__link.is-active .sugar-collection-navigation__media{outline-color:currentColor}.sugar-collection-navigation--overlay .sugar-collection-navigation__link{position:relative}.sugar-collection-navigation--overlay .sugar-collection-navigation__label{position:absolute;top:0;right:0;bottom:0;left:0;justify-content:center;padding:8px;border-radius:var(--cn-radius);background:radial-gradient(ellipse at center,rgba(0,0,0,var(--cn-overlay)),rgba(0,0,0,calc(var(--cn-overlay) * .55)) 55%,rgba(0,0,0,calc(var(--cn-overlay) * .15)));color:#fff}.sugar-collection-navigation--overlay .sugar-collection-navigation__link.is-active .sugar-collection-navigation__label{color:#fff}@media screen and (max-width:749px){.sugar-collection-navigation .page-width{max-width:none;padding-left:0;padding-right:0}.sugar-collection-navigation .sugar-collection-navigation__list{padding:0 1.5rem}.sugar-collection-navigation--m-slider .sugar-collection-navigation__nav{overflow:hidden;overflow-x:clip;overflow-y:visible}.sugar-collection-navigation--m-slider .sugar-collection-navigation__list{flex-wrap:nowrap;justify-content:flex-start}.sugar-collection-navigation--m-slider .sugar-collection-navigation__nav:not(.is-initialized) .sugar-collection-navigation__list{padding:0}.sugar-collection-navigation--m-slider .sugar-collection-navigation__nav:not(.is-initialized) .sugar-collection-navigation__track{padding-left:1.5rem;padding-right:1.5rem}.sugar-collection-navigation .is-initialized .sugar-collection-navigation__list{gap:0}}@media screen and (min-width:750px){.sugar-collection-navigation{padding-top:var(--cn-band-top-d);padding-bottom:var(--cn-band-bottom-d)}.sugar-collection-navigation .sugar-collection-navigation__link{font-size:min(var(--cn-size-d),max(var(--cn-size-m, 0px),var(--cn-size-d) * var(--sw-page-fit)))}.sugar-collection-navigation--pills .sugar-collection-navigation__link,.sugar-collection-navigation--underline .sugar-collection-navigation__link{padding:var(--cn-pad-v-d) var(--cn-pad-h-d)}.sugar-collection-navigation--pills .sugar-collection-navigation__link--thumb{padding-left:var(--cn-pad-v-d)}.sugar-collection-navigation__thumb{border-radius:max(calc(var(--cn-radius) - var(--cn-pad-v-d)),3px)}.sugar-collection-navigation--images .sugar-collection-navigation__link{width:var(--cn-img-w-d)}}
/*# sourceMappingURL=/cdn/shop/t/90/assets/section-collection-navigation.css.map */