.highlights-nav{display:flex;justify-content:center;align-items:center;gap:var(--hnav-row-gap, 1rem);margin-top:var(--hnav-margin-top, 1rem);padding:0 var(--hnav-row-padding, 1.5rem)}.highlights-nav__dots{display:flex;align-items:center;gap:var(--hnav-dot-gap, 8px);list-style:none;margin:0;padding:0 var(--hnav-surface-padding-x, 8px);background:var(--hnav-surface-bg, var(--loft-bg-card-strong, rgba(255, 255, 255, .08)));border:1px solid var(--hnav-surface-border, var(--loft-border, rgba(255, 255, 255, .1)));border-radius:var(--hnav-surface-radius, var(--loft-radius-pill, 100px));-webkit-backdrop-filter:blur(var(--hnav-surface-blur, var(--loft-glass-blur, 20px)));backdrop-filter:blur(var(--hnav-surface-blur, var(--loft-glass-blur, 20px)))}.highlights-nav__dot{width:var(--loft-touch-min, 44px);height:var(--loft-touch-min, 44px);flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;padding:0;cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent}.highlights-nav__dot:before{content:"";width:var(--hnav-dot-size, 10px);height:var(--hnav-dot-size, 10px);border-radius:var(--loft-radius-pill, 100px);background:var(--hnav-dot-color, rgba(255, 255, 255, .3));transition:width .3s cubic-bezier(.4,0,.2,1),background-color .25s ease,box-shadow .25s ease,transform .25s ease}.highlights-nav__dot:hover:before{background:var(--hnav-dot-hover-color, rgba(255, 255, 255, .5));transform:scale(1.15)}.highlights-nav__dot.active{cursor:default}.highlights-nav__dot.active:before{width:calc(var(--hnav-dot-size, 10px) * 2.4);background:var(--hnav-dot-active-color, var(--loft-accent, #ff5516));box-shadow:0 0 0 var(--hnav-active-ring-width, 3px) var(--hnav-active-ring-color, rgba(255, 85, 22, .3)),0 0 12px var(--hnav-active-ring-color, rgba(255, 85, 22, .3))}.highlights-nav__dot:focus-visible{outline:2px solid var(--loft-accent, #ff5516);outline-offset:-4px}@media(prefers-reduced-motion:reduce){.highlights-nav__dot:before{transition-duration:.01ms}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/highlights-nav.css.map */