.bottle-hotspots,.bottle-cursor{display:none}@media(hover:hover)and (pointer:fine){.bottle-hotspots{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:5}.bottle-hotspot{position:absolute;top:0;bottom:0;left:var(--hotspot-left);width:var(--hotspot-width);display:block}.bottle-hotspot--shaped{left:0;width:100%;clip-path:var(--hotspot-shape)}.bottle-hotspots.is-cursor-active,.bottle-hotspots.is-cursor-active .bottle-hotspot{cursor:none}.bottle-cursor{display:block;position:absolute;top:0;left:0;z-index:3;pointer-events:none;will-change:transform}.bottle-cursor__pill{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:24px;background:#12121261;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid transparent;opacity:0;transform:translate(-50%,-50%) scale(.3);transition:width .34s cubic-bezier(.22,1,.36,1),height .34s cubic-bezier(.22,1,.36,1),background-color .26s ease,border-color .26s ease,opacity .2s ease,transform .34s cubic-bezier(.22,1,.36,1)}.bottle-hotspots.is-cursor-visible .bottle-cursor__pill{opacity:1;transform:translate(-50%,-50%) scale(1)}.bottle-hotspots.is-cursor-open .bottle-cursor__pill{width:96px;height:38px}.bottle-cursor__label{display:inline-flex;align-items:center;gap:6px;font-family:Sugo Pro Display,sans-serif;font-size:15px;font-weight:300;letter-spacing:.2px;line-height:1;white-space:nowrap;opacity:0;transform:scale(.6);transition:opacity .18s ease,transform .26s cubic-bezier(.22,1,.36,1)}.bottle-hotspots.is-cursor-open .bottle-cursor__label{opacity:1;transform:scale(1);transition-delay:90ms}.bottle-cursor[data-bottle-active="1"] .bottle-cursor__pill{background:#fff;border-color:#12121224}.bottle-cursor[data-bottle-active="1"] .bottle-cursor__label{color:#121212}.bottle-cursor[data-bottle-active="2"] .bottle-cursor__pill{background:#242423}.bottle-cursor[data-bottle-active="3"] .bottle-cursor__pill{background:#24395f}.bottle-cursor[data-bottle-active="4"] .bottle-cursor__pill{background:#616162}.bottle-cursor[data-bottle-active="2"] .bottle-cursor__label,.bottle-cursor[data-bottle-active="3"] .bottle-cursor__label,.bottle-cursor[data-bottle-active="4"] .bottle-cursor__label{color:#fff}}@media(prefers-reduced-motion:reduce){.bottle-cursor__pill,.bottle-cursor__label{transition-duration:1ms}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/bottle-hotspots.css.map */