.tt-dots{display:flex;align-items:center;gap:12px}.tt-dot{position:relative;display:inline-flex;width:var(--z-dot);height:var(--z-dot);padding:0;border:0;border-radius:0;background:none;cursor:pointer;flex-shrink:0}.tt-dot__fill{width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 1px var(--z-divider-str);transition:box-shadow var(--z-dur) var(--z-ease)}.tt-dot__fill--photo{background-size:280%;background-position:center}.tt-dot:hover .tt-dot__fill{box-shadow:inset 0 0 0 1px var(--z-divider-str),0 0 0 2px var(--z-panel),0 0 0 3px var(--z-divider-str)}.tt-dot.is-on .tt-dot__fill{box-shadow:inset 0 0 0 1px var(--z-divider-str),0 0 0 2px var(--z-panel),0 0 0 3px var(--z-ink)}.tt-dot:focus-visible{outline:1px solid var(--z-ink);outline-offset:4px}.tt-dot .tt-dot__tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--z-ink);color:var(--z-on-dark);font-family:var(--z-font-text);font-size:var(--z-pill);font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1;padding:5px 8px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--z-dur) var(--z-ease);z-index:2}.tt-dot:hover .tt-dot__tip,.tt-dot:focus-visible .tt-dot__tip{opacity:1}.tt-dot:last-child .tt-dot__tip{left:auto;right:0;transform:none}@keyframes tt-dot-fade{0%{opacity:.25}to{opacity:1}}.tt-dot-fade{animation:tt-dot-fade .45s var(--z-ease)}@media(prefers-reduced-motion:reduce){.tt-dot-fade{animation:none}.tt-dot__fill,.tt-dot__tip{transition:none}}.tt-dot--only{cursor:default}.tt-dot--only .tt-dot__fill,.tt-dot--only:hover .tt-dot__fill{box-shadow:inset 0 0 0 1px var(--z-divider-str)}
/*# sourceMappingURL=/cdn/shop/t/61/assets/tt-color-dots.css.map */