:root{--jc-circles-row: 106px}.jc-circles{--jc-circle-size: 60px;--jc-circle-gap: 12px}.jc-circles__list{display:flex;justify-content:center;gap:var(--jc-circle-gap);margin:0;padding:0;list-style:none}.jc-circles__item{flex:0 0 var(--jc-circle-size);min-width:0}.jc-circles__link{display:flex;flex-direction:column;align-items:center;gap:6px;color:rgb(var(--text-color));text-decoration:none}.jc-circles__media{display:block;width:var(--jc-circle-size);height:var(--jc-circle-size);overflow:hidden;border-radius:50%;background-color:var(--card-bg-color)}.jc-circles__img{display:block;width:100%;height:100%;object-fit:cover}.jc-circles__label{font-size:12px;font-weight:500;line-height:14px;white-space:nowrap}.jc-circles__link[aria-current=page] .jc-circles__media{box-shadow:0 0 0 2px rgb(var(--bg-color)),0 0 0 4px var(--jc-accent)}.jc-circles__link[aria-current=page] .jc-circles__label{font-weight:600}.jc-circles__link:focus-visible{outline:none}.jc-circles__link:focus-visible .jc-circles__media{outline:2px solid currentColor;outline-offset:2px}@media(hover:hover){.jc-circles__link:hover .jc-circles__label{text-decoration:underline;text-underline-offset:3px}}@media(max-width:768.98px){.jc-circles{box-sizing:border-box;height:var(--jc-circles-row);padding:12px var(--gutter) 0}.jc-circles--bar-only{display:none}.cc-header--sticky:has(.jc-circles:not(.jc-circles--bar-only)){top:calc(-1px - var(--jc-circles-row))}.header:has(>.jc-circles:not(.jc-circles--bar-only)){padding-block:0;border-bottom:0}.header:has(>.jc-circles:not(.jc-circles--bar-only))>.header__grid{position:sticky;z-index:2;top:0;padding-block:calc(2 * var(--space-unit));border-bottom:1px solid rgba(var(--text-color) / .15);background-color:rgb(var(--bg-color))}}@media(min-width:600px)and (max-width:768.98px){.jc-circles{--jc-circle-gap: 26px}}@media(min-width:769px){.header:has(>.jc-circles){padding-block:12px}.header:has(>.jc-circles)>.header__grid{min-height:92px}.header:has(>.jc-circles) .header__logo,.header:has(>.jc-circles) .header__icons,.header:has(>.jc-circles) .main-menu--jc-tiles{margin-bottom:0}.jc-circles{--jc-circle-size: 70px;--jc-circle-gap: 26px;display:flex;position:absolute;z-index:1;top:0;bottom:0;left:50%;align-items:center;transform:translate(-50%)}.jc-circles__label{font-size:13px;line-height:16px}.search-is-visible .jc-circles{visibility:hidden}}@media(min-width:769px)and (max-width:1023.98px){.jc-circles{--jc-circle-size: 56px;--jc-circle-gap: 16px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/jc-circles.css.map */