.ona-circles{display:flex;gap:1.25rem var(--ona-circle-gap);margin:0;padding:0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1 * var(--container-gutter, 1.25rem));padding-inline:var(--container-gutter, 1.25rem);padding-block:.25rem}.ona-circles::-webkit-scrollbar{display:none}.ona-circles--wrap{flex-wrap:wrap;justify-content:center;overflow-x:visible;margin-inline:0;padding-inline:0}.ona-circles__item{flex:0 0 auto;width:calc(var(--ona-circle-size) + 1rem);scroll-snap-align:start;scroll-margin-inline-start:var(--container-gutter, 1.25rem)}.ona-circles__link{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.ona-circles__circle{position:relative;display:block;width:var(--ona-circle-size);aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--ona-circle-bg);transition:box-shadow .2s ease}.ona-circles__image{position:absolute;inset:var(--ona-circle-pad);width:calc(100% - 2 * var(--ona-circle-pad));height:calc(100% - 2 * var(--ona-circle-pad));object-fit:contain;transition:transform .4s ease}.ona-circles__circle--fill .ona-circles__image{top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ona-circles__circle--blend .ona-circles__image{mix-blend-mode:multiply}.ona-circles__label{display:block;line-height:1.3}.ona-circles__label.ona-circles__label--text{font-weight:600}.ona-circles__link[aria-current=page] .ona-circles__circle{box-shadow:0 0 0 1px rgb(var(--text-color) / .6)}@media(hover:hover){.ona-circles__link:hover .ona-circles__image{transform:scale(1.06)}.ona-circles__link:hover .ona-circles__label{text-decoration:underline;text-underline-offset:3px}}.ona-circles__link:focus-visible .ona-circles__circle{outline:2px solid currentColor;outline-offset:3px}@media screen and (min-width:700px){.ona-circles{flex-wrap:wrap;overflow-x:visible;margin-inline:0;padding-inline:0;justify-content:center}.ona-circles--spread{justify-content:space-evenly}.ona-circles__link{gap:1rem}}
/*# sourceMappingURL=/cdn/shop/t/32/compiled_assets/styles.css.map?subset=AAAAAACA */