loogu-category-navigation.loogu-category-nav{--loogu-category-gap: 16px;display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin:0 0 32px;color:inherit;font-family:var(--font-body-family, inherit)}loogu-category-navigation.loogu-category-nav *,loogu-category-navigation.loogu-category-nav *:before,loogu-category-navigation.loogu-category-nav *:after{box-sizing:border-box}loogu-category-navigation.loogu-category-nav .loogu-category-nav__toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;margin-bottom:20px}loogu-category-navigation.loogu-category-nav .loogu-category-nav__heading{min-width:0;margin:0;font-family:inherit;font-size:20px;font-weight:600;line-height:1.25;letter-spacing:.02em;text-transform:none;overflow-wrap:anywhere}loogu-category-navigation.loogu-category-nav .loogu-category-nav__controls{display:flex;flex:0 0 auto;gap:8px}loogu-category-navigation.loogu-category-nav .loogu-category-nav__controls[hidden]{display:none}loogu-category-navigation.loogu-category-nav .loogu-category-nav__controls button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0;border:1px solid #d6d6d6;border-radius:0;background:transparent;box-shadow:none;color:inherit;line-height:1;cursor:pointer;-webkit-appearance:none;appearance:none}loogu-category-navigation.loogu-category-nav .loogu-category-nav__controls button:before,loogu-category-navigation.loogu-category-nav .loogu-category-nav__controls button:after{display:none;content:none}loogu-category-navigation.loogu-category-nav .loogu-category-nav__controls button:disabled{opacity:.3;cursor:default}loogu-category-navigation.loogu-category-nav .loogu-category-nav__controls button svg{display:block;width:18px;height:18px;pointer-events:none}loogu-category-navigation.loogu-category-nav .loogu-category-nav__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - var(--loogu-category-gap)) / 1.55);gap:var(--loogu-category-gap);width:100%;min-width:0;max-width:100%;margin:0;padding:0;border:0;list-style:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;scroll-behavior:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}loogu-category-navigation.loogu-category-nav .loogu-category-nav__track::-webkit-scrollbar{display:none}loogu-category-navigation.loogu-category-nav .loogu-category-nav__item{min-width:0;margin:0;padding:0;list-style:none;scroll-snap-align:start}loogu-category-navigation.loogu-category-nav .loogu-category-nav__link{display:block;min-width:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:inherit;text-decoration:none;transform:none}loogu-category-navigation.loogu-category-nav .loogu-category-nav__media{position:relative;display:block;width:100%;aspect-ratio:4 / 5;overflow:hidden;border:0;border-radius:0;background:#f5f5f5;box-shadow:none}loogu-category-navigation.loogu-category-nav .loogu-category-nav__media img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;margin:0;border:0;border-radius:0;object-fit:cover;object-position:center;opacity:1;filter:none;mix-blend-mode:normal;box-shadow:none;transform:none}loogu-category-navigation.loogu-category-nav .loogu-category-nav__link:before,loogu-category-navigation.loogu-category-nav .loogu-category-nav__link:after,loogu-category-navigation.loogu-category-nav .loogu-category-nav__media:before,loogu-category-navigation.loogu-category-nav .loogu-category-nav__media:after{display:none;content:none}loogu-category-navigation.loogu-category-nav .loogu-category-nav__label{display:block;margin-top:12px;font-family:inherit;font-size:16px;font-weight:600;line-height:1.35;letter-spacing:.02em;text-transform:capitalize;overflow-wrap:anywhere}loogu-category-navigation.loogu-category-nav .loogu-category-nav__link:focus-visible,loogu-category-navigation.loogu-category-nav .loogu-category-nav__track:focus-visible,loogu-category-navigation.loogu-category-nav .loogu-category-nav__controls button:focus-visible{outline:2px solid currentColor;outline-offset:-2px}loogu-category-navigation.loogu-category-nav [data-category-status]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(hover:hover){loogu-category-navigation.loogu-category-nav .loogu-category-nav__controls button:hover:not(:disabled){background:#f5f5f5}loogu-category-navigation.loogu-category-nav .loogu-category-nav__link:hover .loogu-category-nav__label{text-decoration:underline;text-underline-offset:4px}}@media(min-width:640px){loogu-category-navigation.loogu-category-nav .loogu-category-nav__track{grid-auto-columns:calc((100% - var(--loogu-category-gap) * 2) / 2.5)}}@media(min-width:1024px){loogu-category-navigation.loogu-category-nav .loogu-category-nav__heading{font-size:24px}loogu-category-navigation.loogu-category-nav .loogu-category-nav__track{grid-auto-columns:calc((100% - var(--loogu-category-gap) * 3) / 4)}loogu-category-navigation.loogu-category-nav .loogu-category-nav__label{font-size:20px}}@media(prefers-reduced-motion:reduce){loogu-category-navigation.loogu-category-nav .loogu-category-nav__track{scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/loogu-category-navigation.css.map */