.tt-mock .tt-spot{position:absolute}.tt-mock .tt-spot__dot:hover,.tt-mock .tt-spot__dot:focus-visible{transform:scale(1.25);background:var(--z-on-dark);box-shadow:var(--z-shadow-spot),0 0 0 10px var(--z-spot-halo)!important}.tt-mock .tt-spot.is-open .tt-spot__dot{transform:scale(1.25);background:var(--z-on-dark);box-shadow:var(--z-shadow-spot),0 0 0 14px var(--z-spot-halo-on)!important}@keyframes ttSpotBreathe{0%,to{box-shadow:var(--z-shadow-spot),0 0 0 0 var(--z-spot-halo-idle)}50%{box-shadow:var(--z-shadow-spot),0 0 0 12px transparent}}.tt-mock .tt-spot__dot{animation:ttSpotBreathe 2.8s ease-out infinite;animation-delay:var(--tt-spot-delay, 0ms)}.tt-mock .tt-spot__dot:hover,.tt-mock .tt-spot__dot:focus-visible,.tt-mock .tt-spot.is-open .tt-spot__dot{animation:none}.tt-mock .shoplook:has(.tt-spot__dot:hover) .tt-spot__dot,.tt-mock .shoplook:has(.tt-spot__dot:focus-visible) .tt-spot__dot,.tt-mock .shoplook:has(.tt-spot.is-open) .tt-spot__dot{animation:none}.tt-mock .tt-spot__dot:focus-visible{outline:2px solid var(--z-on-dark);outline-offset:3px}.tt-mock .tt-spot__pulse{opacity:0}.tt-mock .tt-spot.is-pulsing .tt-spot__pulse{animation:zolaPulse .6s ease-out forwards}.tt-mock .spot-pop[hidden]{display:none}.tt-mock .tt-spot.is-open .spot-pop{display:block}.tt-mock .spot-pop{opacity:0;transform:translateY(6px) scale(.985);transform-origin:0 100%;transition:opacity .26s cubic-bezier(.22,.61,.36,1),transform .26s cubic-bezier(.22,.61,.36,1)}.tt-mock .tt-spot--flip .spot-pop{transform-origin:100% 100%}.tt-mock .tt-spot.is-open .spot-pop.is-shown{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.tt-mock .tt-spot__dot{transition:none;animation:none}.tt-mock .tt-spot.is-pulsing .tt-spot__pulse{animation:none}.tt-mock .spot-pop{transition:none;opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/tt-shoplook.css.map */