chill-reactions-overlay{position:absolute;z-index:5;display:block;pointer-events:none;--reaction-pill-bg: color-mix(in srgb, var(--chill-paper, #FAFAF7) 78%, transparent);--reaction-pill-border: color-mix(in srgb, var(--chill-ink, #1A1A1A) 10%, transparent)}chill-reactions-overlay>*{pointer-events:auto}.chill-reactions-overlay--pdp{inset-block-end:16px;inset-inline-start:16px}.chill-reactions-overlay--card{inset-block-end:12px;inset-inline-start:12px}.chill-reactions-overlay__pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--reaction-pill-bg);border:1px solid var(--reaction-pill-border);border-radius:var(--chill-radius-full, 999px);-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);box-shadow:var(--chill-shadow-soft-1);cursor:pointer;font-family:var(--chill-font-mono, var(--chill-font-body));font-size:.8125rem;color:var(--chill-ink);line-height:1;transition:transform var(--chill-dur-quick, .15s) var(--chill-ease, cubic-bezier(.32, .72, 0, 1)),background var(--chill-dur-quick, .15s) var(--chill-ease, cubic-bezier(.32, .72, 0, 1))}.chill-reactions-overlay__pill:hover,.chill-reactions-overlay__pill:focus-visible{transform:translateY(-1px);background:color-mix(in srgb,var(--chill-paper) 92%,transparent)}.chill-reactions-overlay__pill:focus-visible{outline:2px solid var(--chill-sage);outline-offset:3px}.chill-reactions-overlay__pill.is-yours{border-color:color-mix(in srgb,var(--chill-sage, #8B9D83) 50%,transparent);background:color-mix(in srgb,var(--chill-sage, #8B9D83) 10%,var(--chill-paper))}.chill-reactions-overlay__pill-emoji{font-size:1rem;line-height:1}.chill-reactions-overlay__pill-count{font-variant-numeric:tabular-nums;color:var(--chill-soft)}.chill-reactions-overlay__row{position:absolute;inset-block-end:calc(100% + 6px);inset-inline-start:0;display:flex;gap:4px;padding:6px;background:var(--reaction-pill-bg);border:1px solid var(--reaction-pill-border);border-radius:var(--chill-radius-full, 999px);-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);box-shadow:var(--chill-shadow-soft-2);opacity:0;transform:translateY(8px) scale(.95);transform-origin:bottom left;transition:opacity var(--chill-dur-standard, .3s) var(--chill-ease),transform var(--chill-dur-standard, .3s) var(--chill-ease)}.chill-reactions-overlay__row:not([hidden]){opacity:1;transform:translateY(0) scale(1)}.chill-reactions-overlay__btn{display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:8px 10px;background:transparent;border:0;border-radius:var(--chill-radius-full, 999px);cursor:pointer;transition:transform var(--chill-dur-quick) var(--chill-ease),background var(--chill-dur-quick) var(--chill-ease)}.chill-reactions-overlay__btn:hover,.chill-reactions-overlay__btn:focus-visible{transform:translateY(-2px);background:color-mix(in srgb,var(--chill-mist) 80%,transparent)}.chill-reactions-overlay__btn:focus-visible{outline:2px solid var(--chill-sage);outline-offset:2px}.chill-reactions-overlay__btn.is-selected{background:color-mix(in srgb,var(--chill-sage) 16%,transparent)}.chill-reactions-overlay__btn.is-pulsing{animation:chill-reactions-overlay-pulse .6s var(--chill-ease)}.chill-reactions-overlay__emoji{font-size:1.25rem;line-height:1}.chill-reactions-overlay__emoji--glyph{font-family:var(--chill-font-display);font-style:italic;color:var(--chill-sage-deep)}.chill-reactions-overlay__count{font-family:var(--chill-font-mono, var(--chill-font-body));font-variant-numeric:tabular-nums;font-size:.6875rem;color:var(--chill-whisper)}[data-total="0"] .chill-reactions-overlay__count{display:none}.chill-reactions-overlay__burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.chill-reactions-overlay__burst-particle{position:absolute;font-size:1.5rem;line-height:1;opacity:0;pointer-events:none;animation:chill-reactions-overlay-burst .7s var(--chill-ease);animation-fill-mode:forwards}@keyframes chill-reactions-overlay-pulse{0%{transform:scale(1)}35%{transform:scale(1.2) translateY(-2px)}to{transform:scale(1)}}@keyframes chill-reactions-overlay-burst{0%{opacity:0;transform:translate(0) scale(.8)}20%{opacity:1}to{opacity:0;transform:translate(var(--burst-x, 0),var(--burst-y, -40px)) scale(1.3) rotate(var(--burst-r, 0deg))}}.chill-reactions-overlay__double-tap-burst{position:absolute;font-family:var(--chill-font-display);font-style:italic;color:var(--chill-sage);font-size:4rem;line-height:1;pointer-events:none;opacity:0;z-index:10;transform:translate(-50%,-50%) scale(.6);animation:chill-reactions-doubletap .8s var(--chill-ease)}@keyframes chill-reactions-doubletap{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.4)}to{opacity:0;transform:translate(-50%,-50%) scale(1.6)}}@media(prefers-reduced-motion:reduce){.chill-reactions-overlay__pill,.chill-reactions-overlay__btn,.chill-reactions-overlay__row{transition:none}.chill-reactions-overlay__btn.is-pulsing,.chill-reactions-overlay__burst-particle,.chill-reactions-overlay__double-tap-burst{animation:none}.chill-reactions-overlay__pill:hover,.chill-reactions-overlay__btn:hover{transform:none}}[data-template^=product] .chill-reactions-overlay--pdp{inset-block-end:24px;inset-inline-start:24px}
/*# sourceMappingURL=/cdn/shop/t/21/assets/chill-reactions-overlay.css.map */