.sugar-badge{--sb-align: var(--sb-align-d, 0);--sb-fs: var(--sb-fs-d);display:flex;margin:var(--sb-m, 0)}.sugar-badge .sugar-badge__pill{display:inline-flex;align-items:center;justify-content:center;margin:var(--sb-align);gap:var(--sb-gap, .3em);box-shadow:var(--sb-shadow, none);padding:var(--sb-pad);border:var(--sb-border);border-radius:var(--sb-radius);background-color:var(--sb-bg);background-image:var(--sb-surface);color:var(--sb-fg);font-size:var(--sb-fs);font-weight:var(--sb-fw, var(--font-body-weight, 400));letter-spacing:normal;line-height:var(--sb-fs);text-align:center;word-break:break-word}.sugar-badge--icon-right .sugar-badge__pill{flex-direction:row-reverse}.sugar-badge--highlight em{font-style:normal;color:var(--sb-hl)}.sugar-badge .sugar-badge__text{line-height:1}.sugar-badge .sugar-badge__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.15em;width:1em;height:1em}.sugar-badge .sugar-badge__icon .sugar-icon{font-size:1em;line-height:1;color:var(--sb-icon);transform:translateY(-1px)}.sugar-badge .sugar-badge__icon img{width:1em;height:1em;object-fit:contain}.sugar-badge .sugar-badge__icon img.icon__emoji{vertical-align:middle;transform:translateY(-1px)}.sugar-badge--anim-pulse .sugar-badge__pill{animation:sugar-badge-pulse var(--sb-anim) ease-in-out infinite}.sugar-badge--anim-flow .sugar-badge__pill{background-size:200% 200%;animation:sugar-badge-flow var(--sb-anim) ease-in-out infinite}.sugar-badge--anim-shimmer .sugar-badge__pill{position:relative;overflow:hidden}.sugar-badge--anim-shimmer .sugar-badge__pill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.4) 50%,transparent 60%);background-size:300% 100%;border-radius:inherit;pointer-events:none;animation:sugar-badge-shimmer var(--sb-anim) ease-in-out infinite}.sugar-badge--anim-shift .sugar-badge__pill,.sugar-badge--anim-wave .sugar-badge__pill{position:relative;overflow:hidden;isolation:isolate;background-image:none}.sugar-badge--anim-shift .sugar-badge__pill:before,.sugar-badge--anim-wave .sugar-badge__pill:before{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;background-image:var(--sb-surface);border-radius:inherit;pointer-events:none;z-index:-1}.sugar-badge--anim-shift .sugar-badge__pill:before{animation:sugar-badge-shift var(--sb-anim) ease infinite}.sugar-badge--anim-wave .sugar-badge__pill:before{animation:sugar-badge-wave var(--sb-anim) ease-in-out infinite}@keyframes sugar-badge-shift{0%{transform:translate(0)}25%{transform:translate(25%,15%)}50%{transform:translateY(25%)}75%{transform:translate(-25%,15%)}to{transform:translate(0)}}@keyframes sugar-badge-wave{0%{transform:translate(0) rotate(0)}25%{transform:translate(20%,20%) rotate(3deg)}50%{transform:translateY(30%) rotate(0)}75%{transform:translate(-20%,20%) rotate(-3deg)}to{transform:translate(0) rotate(0)}}@keyframes sugar-badge-pulse{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.15);transform:scale(1.02)}}@keyframes sugar-badge-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes sugar-badge-shimmer{0%{background-position:200% 0}to{background-position:-100% 0}}@media screen and (max-width:749px){.sugar-badge{--sb-align: var(--sb-align-m, var(--sb-align-d, 0));--sb-fs: var(--sb-fs-m)}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/snippet-badge-pill.css.map */