.circle-menu{--cm-ratio: 1;--cm-shape-radius: 50%;--cm-clip: none;padding-top:var(--cm-pad-top);padding-bottom:var(--cm-pad-bottom)}.circle-menu--shape-square{--cm-shape-radius: var(--cm-sq)}.circle-menu--shape-portrait{--cm-ratio: 1.3333;--cm-shape-radius: var(--cm-sq)}.circle-menu--shape-landscape{--cm-ratio: .75;--cm-shape-radius: var(--cm-sq)}.circle-menu--shape-arch{--cm-ratio: 1.3333;--cm-shape-radius: 999px 999px var(--cm-sq) var(--cm-sq)}.circle-menu--shape-leaf{--cm-shape-radius: 50% 0}.circle-menu--shape-hexagon{--cm-shape-radius: 0;--cm-clip: polygon(25% 3%, 75% 3%, 100% 50%, 75% 97%, 25% 97%, 0 50%)}.circle-menu--shape-diamond{--cm-shape-radius: 0;--cm-clip: polygon(50% 0, 100% 50%, 50% 100%, 0 50%)}.circle-menu--shape-hexagon .circle-menu__ring,.circle-menu--shape-hexagon .circle-menu__image,.circle-menu--shape-diamond .circle-menu__ring,.circle-menu--shape-diamond .circle-menu__image{clip-path:var(--cm-clip)}.circle-menu--shape-diamond.circle-menu--ring-solid .circle-menu__ring,.circle-menu--shape-diamond.circle-menu--ring-gradient .circle-menu__ring{padding:calc(var(--cm-ring-width) * 1.6 + 2px)}.circle-menu--shape-hexagon .circle-menu__image,.circle-menu--shape-diamond .circle-menu__image{box-shadow:none}.circle-menu--shape-hexagon .circle-menu__badge,.circle-menu--shape-diamond .circle-menu__badge{top:0;right:0}.circle-menu--bg-page{padding-top:0;padding-bottom:0}.circle-menu--bg-page .circle-menu__panel{padding:var(--cm-pad-top) 2.4rem var(--cm-pad-bottom);border-radius:var(--cm-radius)}.circle-menu__heading{margin:0 0 1.6rem}.circle-menu__viewport{position:relative;display:block}.circle-menu__list{display:flex;flex-wrap:nowrap;gap:var(--cm-gap);margin:0;padding:.6rem .2rem;overflow-x:auto;scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}.circle-menu__list::-webkit-scrollbar{display:none}.circle-menu--align-center .circle-menu__list{justify-content:safe center}.circle-menu--align-spread circle-menu:not(.is-scrollable) .circle-menu__list{justify-content:space-between}.circle-menu__container--full{padding-left:2rem;padding-right:2rem}.circle-menu__container--full .circle-menu--arrows-outside .circle-menu__arrow--prev,.circle-menu--arrows-outside .circle-menu__container--full .circle-menu__arrow--prev{left:0}.circle-menu--arrows-outside .circle-menu__container--full .circle-menu__arrow--next{right:0}.circle-menu--arrows-outside .circle-menu__container--full circle-menu.is-scrollable{padding-left:calc(var(--cs-arrow-size, 44px) + 1rem);padding-right:calc(var(--cs-arrow-size, 44px) + 1rem)}.circle-menu__item{flex:0 0 auto;width:var(--cm-size);scroll-snap-align:start}.circle-menu__link{display:flex;flex-direction:column;align-items:center;gap:.8rem;color:rgb(var(--color-foreground));text-decoration:none}.circle-menu__ring{position:relative;display:block;width:var(--cm-size);height:calc(var(--cm-size) * var(--cm-ratio));padding:0;border-radius:var(--cm-shape-radius)}.circle-menu--ring-solid .circle-menu__ring,.circle-menu--ring-gradient .circle-menu__ring{padding:calc(var(--cm-ring-width) + 2px)}.circle-menu--ring-solid .circle-menu__ring{background:var(--cm-ring-1)}.circle-menu--ring-gradient .circle-menu__ring{background:linear-gradient(135deg,var(--cm-ring-1),var(--cm-ring-2))}.circle-menu__image{display:block;width:100%;height:100%;overflow:hidden;border-radius:var(--cm-shape-radius);background:var(--cm-image-bg, #fff)}.circle-menu--ring-solid .circle-menu__image,.circle-menu--ring-gradient .circle-menu__image{box-shadow:0 0 0 2px rgb(var(--color-background))}.circle-menu__image img,.circle-menu__image svg{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.circle-menu__image--contain img{object-fit:contain;padding:8%}a.circle-menu__link:hover .circle-menu__image img{transform:scale(1.06)}.circle-menu__badge{position:absolute;top:-.2rem;right:-.4rem;z-index:2;padding:.2rem .7rem;border-radius:2rem;background:var(--cm-ring-2);color:#fff;font-size:1.1rem;font-weight:700;line-height:1.4;white-space:nowrap}.circle-menu__label{display:-webkit-box;width:calc(var(--cm-size) + 1.6rem);overflow:hidden;font-size:var(--cm-label);line-height:1.25;text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical}a.circle-menu__link:hover .circle-menu__label{text-decoration:underline;text-underline-offset:.3rem}.circle-menu .circle-menu__arrow.cs-arrow{display:none;position:absolute;top:calc(var(--cm-size) * var(--cm-ratio) / 2 + .6rem);z-index:2;transform:translateY(-50%)}circle-menu.is-scrollable .circle-menu__arrow.cs-arrow{display:inline-flex}.circle-menu--arrows-over .circle-menu__arrow--prev{left:0}.circle-menu--arrows-over .circle-menu__arrow--next{right:0}.circle-menu--arrows-outside .circle-menu__arrow--prev{left:calc((5rem - var(--cs-size)) / 2 - 5rem)}.circle-menu--arrows-outside .circle-menu__arrow--next{right:calc((5rem - var(--cs-size)) / 2 - 5rem)}@media screen and (min-width:750px){.circle-menu--bg-page .circle-menu__panel{padding-left:5rem;padding-right:5rem}}@media screen and (max-width:749px){.circle-menu__list{gap:var(--cm-gap-mobile)}.circle-menu__item{width:var(--cm-size-mobile)}.circle-menu__ring{width:var(--cm-size-mobile);height:calc(var(--cm-size-mobile) * var(--cm-ratio))}.circle-menu__label{width:calc(var(--cm-size-mobile) + 1.2rem);font-size:var(--cm-label-mobile)}.circle-menu .circle-menu__arrow.cs-arrow{top:calc(var(--cm-size-mobile) * var(--cm-ratio) / 2 + .6rem)}circle-menu.is-scrollable .circle-menu__arrow.cs-arrow{display:none}.circle-menu--arrows-mobile circle-menu.is-scrollable .circle-menu__arrow.cs-arrow{display:inline-flex}.circle-menu--arrows-mobile .circle-menu__arrow--prev{left:0}.circle-menu--arrows-mobile .circle-menu__arrow--next{right:0}.circle-menu--bg-page .circle-menu__panel{padding-left:1.2rem;padding-right:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/113/assets/section-circle-menu.css.map */