.kyuro-nav{--kyuro-blue: #123fa8;--kyuro-blue-soft: #f3f6ff;--kyuro-border: #dedede;--kyuro-text: #1d1d1d;--kyuro-muted: #777;--kyuro-track: #e2e2e2;--kyuro-thumb: #777;width:100%;color:var(--kyuro-text);font-family:var(--font-body--family),sans-serif}.kyuro-nav *,.kyuro-nav *:before,.kyuro-nav *:after{box-sizing:border-box}.kyuro-nav a{color:inherit;text-decoration:none}.menu-drawer>.menu-drawer__navigation,.menu-drawer>.menu-drawer__utility-links,.menu-drawer>.menu-drawer__featured-content{display:none!important}.kyuro-nav--drawer{display:flex;min-height:0;flex:1 1 auto;overflow:hidden;background:#fff}.kyuro-nav__drawer{display:flex;width:100%;min-height:0;flex-direction:column;padding:6px 12px 14px}.kyuro-nav__drawer-collections{display:flex;min-height:0;flex:1 1 auto;flex-direction:column;gap:6px;overflow-y:auto;padding:0 4px 12px 0;scrollbar-color:var(--kyuro-thumb) transparent;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.kyuro-nav__drawer-collections::-webkit-scrollbar{width:3px}.kyuro-nav__drawer-collections::-webkit-scrollbar-track{background:transparent}.kyuro-nav__drawer-collections::-webkit-scrollbar-thumb{border-radius:999px;background:var(--kyuro-thumb)}.kyuro-nav__drawer-card{display:grid;flex:0 0 auto;grid-template-columns:66px minmax(0,1fr);width:100%;min-height:66px;overflow:hidden;border:1px solid var(--kyuro-border);border-radius:3px;background:#fff;transition:border-color .16s ease,background-color .16s ease}.kyuro-nav__drawer-card.is-active{border-color:var(--kyuro-blue);background:var(--kyuro-blue-soft)}.kyuro-nav__drawer-image-wrapper{min-height:66px;overflow:hidden;background:#f3f3f3}.kyuro-nav__drawer-image{display:block;width:100%;height:100%;object-fit:cover}.kyuro-nav__drawer-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:8px 10px}.kyuro-nav__drawer-title{overflow:hidden;color:var(--kyuro-blue);font-family:var(--font-heading--family),sans-serif;font-size:13px;font-weight:500;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.kyuro-nav__drawer-subline{display:block;margin-top:3px;overflow:hidden;color:var(--kyuro-muted);font-size:9px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.kyuro-nav__utility-links{display:grid;flex:0 0 auto;grid-template-columns:1fr 1fr;gap:0 16px;border-top:1px solid var(--kyuro-border);padding-top:8px}.kyuro-nav__utility-link{display:flex;min-height:40px;align-items:center;padding:8px 2px;font-size:13px;line-height:1.2}.kyuro-nav__utility-link.is-active{color:var(--kyuro-blue)}.kyuro-nav--collection{width:100%;max-width:1200px;margin:8px auto 14px}.kyuro-nav__collection-rail{display:flex;gap:8px;overflow-x:auto;padding:1px 16px 9px;scroll-snap-type:x proximity;scrollbar-color:var(--kyuro-thumb) var(--kyuro-track);scrollbar-width:thin;-webkit-overflow-scrolling:touch}.kyuro-nav__collection-rail::-webkit-scrollbar{height:2px}.kyuro-nav__collection-rail::-webkit-scrollbar-track{border-radius:999px;background:var(--kyuro-track)}.kyuro-nav__collection-rail::-webkit-scrollbar-thumb{border-radius:999px;background:var(--kyuro-thumb)}.kyuro-nav__rail-card{display:grid;flex:0 0 190px;grid-template-columns:58px minmax(0,1fr);height:60px;overflow:hidden;scroll-snap-align:start;border:1px solid var(--kyuro-border);border-radius:3px;background:#fff;transition:border-color .16s ease,background-color .16s ease}.kyuro-nav__rail-card.is-active{border-color:var(--kyuro-blue);background:var(--kyuro-blue-soft)}.kyuro-nav__rail-image-wrapper{width:58px;height:58px;overflow:hidden;background:#f3f3f3}.kyuro-nav__rail-image{display:block;width:100%;height:100%;object-fit:cover}.kyuro-nav__rail-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:7px 9px}.kyuro-nav__rail-title{overflow:hidden;color:var(--kyuro-blue);font-family:var(--font-heading--family),sans-serif;font-size:12px;font-weight:500;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.kyuro-nav__rail-subline{margin-top:3px;overflow:hidden;color:var(--kyuro-muted);font-size:9px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}@media(hover:hover){.kyuro-nav__drawer-card:hover,.kyuro-nav__rail-card:hover{border-color:var(--kyuro-blue);background:var(--kyuro-blue-soft)}}@media screen and (min-width:750px){.kyuro-nav__collection-rail{padding-right:0;padding-left:0}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/kyuro-navigation.css.map */