.live-badge{position:fixed;right:10px;bottom:var(--live-bottom, var(--live-offset, 30px));z-index:1000;display:block;width:50px;height:50px;font-family:var(--FONT-STACK-BODY);font-weight:var(--FONT-WEIGHT-BODY);opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease,bottom .3s ease,visibility 0s linear .35s;visibility:hidden}.live-badge[hidden]{display:none}.live-badge.is-visible{opacity:1;transform:translateY(0);visibility:visible;transition:opacity .35s ease,transform .35s ease,bottom .3s ease,visibility 0s}.live-badge__link{position:relative;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;color:var(--live-text);text-decoration:none;box-shadow:0 2px 10px #0003;transition:transform .2s ease,box-shadow .2s ease}.live-badge--solid .live-badge__link{background:var(--live-bg)}.live-badge--gradient .live-badge__link{background:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.live-badge__link:hover,.live-badge__link:focus-visible{color:var(--live-text);text-decoration:none;transform:scale(1.06);box-shadow:0 4px 16px #00000047}.live-badge__link:focus-visible{outline:2px solid var(--live-dot);outline-offset:3px}.live-badge__icon{display:block;width:24px;height:24px;margin-bottom:6px}.live-badge__icon .icon{display:block;width:100%;height:100%;fill:currentColor;stroke:none}.live-badge__ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid var(--live-dot);opacity:0;pointer-events:none;animation:live-badge-ring 2s ease-out infinite}@keyframes live-badge-ring{0%{transform:scale(.9);opacity:.9}to{transform:scale(1.35);opacity:0}}.live-badge__tag{position:absolute;left:50%;bottom:-6px;transform:translate(-50%);display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:6px;border:2px solid #fff;background:var(--live-dot);color:#fff;font-size:.5625rem;font-weight:700;line-height:1;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;box-shadow:0 1px 4px #00000040}.live-badge__dot{width:5px;height:5px;border-radius:50%;background:#fff;animation:live-badge-blink 1.2s ease-in-out infinite}@keyframes live-badge-blink{0%,to{opacity:1}50%{opacity:.35}}.live-badge__tooltip{position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%) translate(6px);max-width:220px;padding:8px 12px;border-radius:8px;background:#000;color:#fff;font-size:.75rem;line-height:1.3;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 10px #0003;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s}.live-badge__tooltip:after{content:"";position:absolute;left:100%;top:50%;margin-top:-5px;border:5px solid transparent;border-left-color:#000}.live-badge.is-visible:not(.is-collapsed) .live-badge__tooltip,.live-badge:hover .live-badge__tooltip,.live-badge:focus-within .live-badge__tooltip{opacity:1;visibility:visible;transform:translateY(-50%) translate(0);transition:opacity .25s ease,transform .25s ease,visibility 0s}.live-badge__close{position:absolute;top:-4px;left:-4px;width:18px;height:18px;padding:0;border:0;border-radius:50%;background:#fff;color:#000;cursor:pointer;box-shadow:0 1px 4px #00000040;opacity:.85;transition:opacity .2s ease,transform .2s ease}.live-badge__close:hover,.live-badge__close:focus-visible{opacity:1;transform:scale(1.1)}.live-badge__close .icon{display:block;width:8px;height:8px;margin:0 auto}.no-js .live-badge:not([hidden]),.live-badge--empty{opacity:1;transform:none;visibility:visible}.live-badge--empty{width:auto;height:auto}.live-badge--empty .live-badge__link{width:auto;height:auto;padding:8px 12px;border-radius:8px;background:#000;color:#fff;font-size:.75rem}[data-scroll-locked] .live-badge{opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.live-badge,.live-badge__link,.live-badge__tooltip{transition:none}.live-badge__ring,.live-badge__dot{animation:none}}@media screen and (max-width:767px){.live-badge__tooltip{max-width:calc(100vw - 90px)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-instagram-live-badge.css.map */
