.sm-circle-nav-section{background:rgb(var(--color-background))}.sm-circle-nav-section--mobile_only,.sm-circle-nav-section--desktop_only{display:none}.sm-circle-nav{display:block;position:relative;width:100%}.sm-circle-nav__viewport{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sm-circle-nav__viewport::-webkit-scrollbar{display:none}.sm-circle-nav__track{display:flex;align-items:flex-start}.sm-circle-nav__item{flex:0 0 auto;position:relative;color:inherit;text-align:center;text-decoration:none}.sm-circle-nav__image-wrap{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background:rgba(var(--color-foreground),.04)}.sm-circle-nav__image{display:block;width:100%;height:100%;object-fit:cover}.sm-circle-nav__placeholder{font-weight:600;line-height:1;color:rgba(var(--color-foreground),.55)}.sm-circle-nav__text{display:block;width:100%;color:inherit;white-space:normal;overflow:hidden}.sm-circle-nav__badge{position:absolute;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:4.4rem;color:var(--sm-circle-nav-badge-color, #fff);font-weight:700;line-height:1;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--sm-circle-nav-badge-bg, #009b57)}.sm-circle-nav__badge--green{--sm-circle-nav-badge-bg: #009b57}.sm-circle-nav__badge--red{--sm-circle-nav-badge-bg: #ff4c55}.sm-circle-nav__button{display:none}@media screen and (max-width:749px){.sm-circle-nav-section--mobile_only{display:block}.sm-circle-nav__track{justify-content:flex-start;gap:8px;padding:12px 10px 8px}.sm-circle-nav__item{width:72px}.sm-circle-nav__image-wrap{width:41px;height:41px;margin:0 auto 6px}.sm-circle-nav__placeholder{font-size:16px}.sm-circle-nav__text{font-size:11px;font-weight:500;line-height:1.12;letter-spacing:.1px;max-width:72px;min-height:2.24em;max-height:2.24em}.sm-circle-nav__badge{top:0;left:calc(50% + 4px);min-height:14px;padding:2px 4px;font-size:8px;letter-spacing:.1px}}@media screen and (min-width:750px){.sm-circle-nav-section--desktop_only{display:block;background:#f4f4f4;border-block:1px solid rgba(var(--color-foreground),.06)}.sm-circle-nav__inner{position:relative;width:100%;padding-inline:5.3rem}.sm-circle-nav__track{justify-content:flex-start;gap:clamp(1.25rem,1.5vw,2rem);min-width:max-content}.sm-circle-nav:not(.is-overflowing) .sm-circle-nav__track{justify-content:center;min-width:100%}.sm-circle-nav__item{width:9rem}.sm-circle-nav__image-wrap{width:52px;height:52px;margin:0 auto .7rem}.sm-circle-nav__placeholder{font-size:18px}.sm-circle-nav__text{font-size:12px;font-weight:500;line-height:1.15;text-transform:uppercase;letter-spacing:0;min-height:2.3em;max-height:2.3em}.sm-circle-nav__badge{top:.3rem;left:calc(50% + 1rem);min-height:1.9rem;padding:.4rem .55rem;font-size:1rem}.sm-circle-nav__button{position:absolute;top:50%;z-index:2;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(var(--color-foreground),.12);border-radius:50%;color:rgb(var(--color-foreground));background:rgb(var(--color-background));box-shadow:0 2px 8px #0000001f;transform:translateY(-50%);transition:opacity var(--animation-default),visibility var(--animation-default)}.sm-circle-nav__button[disabled],.sm-circle-nav:not(.is-overflowing) .sm-circle-nav__button{opacity:0;visibility:hidden;pointer-events:none}.sm-circle-nav__button--prev{inset-inline-start:1.6rem}.sm-circle-nav__button--next{inset-inline-end:1.6rem}.sm-circle-nav__button svg{width:16px;height:16px}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/sm-circle-collection-nav.css.map */