.subscription-label.dg-subscription-badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;box-sizing:border-box;max-width:100%;height:auto;padding:6px 10px;border:1px solid var(--form-border-color, #d9dce2);border-radius:999px;background:#fff;color:var(--heading-color, #22292f);font-family:inherit;font-size:10px;font-weight:600;line-height:1.5;letter-spacing:0;text-transform:none;white-space:normal}.dg-subscription-badge__label{min-width:0;overflow-wrap:anywhere}.dg-subscription-badge__saving{padding-inline-start:7px;border-inline-start:1px solid var(--form-border-color,#d9dce2);font-weight:700}.subscription-label.dg-subscription-badge--compact{display:flex;width:100%;padding:6px}.subscription-label.dg-subscription-badge--overlay{align-self:flex-start}.prd-labels:has(>.dg-subscription-badge){max-width:calc(100% - 20px)}.dg-subscription-badge__icon{display:inline-flex;flex:0 0 16px;width:16px;height:16px;color:var(--custom-color, #ed7c50)}.dg-subscription-badge__icon svg{display:block;width:100%;height:100%;fill:currentColor}@media(max-width:575px){.subscription-label.dg-subscription-badge--compact{flex-wrap:wrap;gap:3px;padding:5px 4px;border-radius:12px}.dg-subscription-badge__icon{flex-basis:14px;width:14px;height:14px}}.prd-labels:has(>.dg-subscription-badge--reveal){z-index:22}.subscription-label.dg-subscription-badge--reveal{width:fit-content;min-width:30px;min-height:30px;padding:6px;pointer-events:auto;gap:0;transition:gap .42s cubic-bezier(.22,1,.36,1)}.dg-subscription-badge--reveal>.dg-subscription-badge__label{max-width:0;overflow:hidden;white-space:nowrap;opacity:0;transform:translate(-4px);transition:max-width .42s cubic-bezier(.22,1,.36,1),opacity .28s ease,transform .42s cubic-bezier(.22,1,.36,1)}.dg-subscription-badge--reveal:is(:hover,:focus){gap:5px}.dg-subscription-badge--reveal:is(:hover,:focus)>.dg-subscription-badge__label{max-width:180px;opacity:1;transform:translate(0)}@media(prefers-reduced-motion:reduce){.subscription-label.dg-subscription-badge--reveal,.dg-subscription-badge--reveal>.dg-subscription-badge__label{transition:none}}.dg-subscription-badge--reveal:focus-visible{outline:2px solid var(--custom-color, #ed7c50);outline-offset:3px}
/*# sourceMappingURL=/cdn/shop/t/10/assets/subscription-badge.css.map */