.promo-badge{position:absolute;z-index:50}.promo-badge:is(a,button){background:none;border:0;border-radius:var(--radius-non-scalable-round, 1000px);color:inherit;cursor:pointer;font:inherit;padding:0;text-decoration:none}.promo-badge:is(a,button):focus-visible{outline:2px solid currentColor;outline-offset:4px}.promo-badge .circle{--circle-size: 166px;--outer-circle-border: 8px;--outer-circle-size: calc(var(--circle-size) + var(--outer-circle-border) * 2);aspect-ratio:1/1;background-image:linear-gradient(180deg,#EE3835 0%,#C62828 100%);block-size:var(--circle-size);border-radius:var(--radius-non-scalable-round, 1000px);box-shadow:14px 9px 32.5px #0000001f;display:grid;font-size:var(--font-body-m-size);font-weight:var(--font-body-m-font-weight-regular);line-height:var(--font-body-m-line-height);letter-spacing:var(--font-body-m-tracking);position:relative}.promo-badge .circle .outer-circle{aspect-ratio:1/1;background-color:#ed1d2466;border-radius:var(--radius-non-scalable-round, 1000px);block-size:var(--outer-circle-size);position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;z-index:-1;animation:promo-badge-pulse 4s ease-in-out infinite;transform-origin:center;will-change:transform,opacity}@media (prefers-reduced-motion: reduce){.promo-badge .circle .outer-circle{animation:none}}.promo-badge .circle>.wrapper{color:var(--on-surface-text-neutral-base-inversed);display:grid;gap:var(--spacing-non-scalable-xs);padding:var(--spacing-non-scalable-m);max-block-size:var(--circle-size);place-items:center}.promo-badge[data-align=top-left]{inset-block-start:var(--spacing-non-scalable-l);inset-inline-start:var(--spacing-non-scalable-l)}.promo-badge[data-align=top-right]{inset-block-start:var(--spacing-non-scalable-l);inset-inline-end:var(--spacing-non-scalable-l)}.promo-badge[data-align=bottom-right]{inset-block-end:var(--spacing-non-scalable-l);inset-inline-end:var(--spacing-non-scalable-l)}.promo-badge[data-align=bottom-left]{inset-block-end:var(--spacing-non-scalable-l);inset-inline-start:var(--spacing-non-scalable-l)}.promo-badge--percent .circle>.wrapper .discount,.promo-badge--percent-addon .circle>.wrapper .discount,.promo-badge--percent-addon-image .circle>.wrapper .discount{font-size:var(--font-heading-2xl-size);font-weight:var(--font-heading-2xl-weight);line-height:34px}.promo-badge--percent .circle>.wrapper .discount.discount--decimal,.promo-badge--percent-addon .circle>.wrapper .discount.discount--decimal,.promo-badge--percent-addon-image .circle>.wrapper .discount.discount--decimal{font-size:var(--font-heading-l-size)}.promo-badge--addon .addon-row--highlight{font-size:var(--font-heading-2xl-size);font-weight:var(--font-heading-2xl-weight);line-height:34px}.promo-badge--percent .circle>.wrapper .code,.promo-badge--percent-addon .circle>.wrapper .addon-description,.promo-badge--percent-addon-image .circle>.wrapper .addon-description{background-color:#d72f2e;font-size:var(--font-label-xs-size);font-weight:var(--font-label-xs-font-weight-semibold);line-height:var(--font-label-xs-line-height);letter-spacing:var(--font-label-xs-tracking)}.promo-badge--percent-addon .circle>.wrapper,.promo-badge--percent-addon-image .circle>.wrapper{gap:var(--spacing-non-scalable-2xs)}.promo-badge--percent-addon .circle>.wrapper .addon-description,.promo-badge--percent-addon-image .circle>.wrapper .addon-description{border-radius:4px;padding:var(--spacing-non-scalable-3xs) var(--spacing-non-scalable-2xs)}.promo-badge--percent-addon .circle>.wrapper .addon-divider,.promo-badge--percent-addon-image .circle>.wrapper .addon-divider{display:flex;isolation:isolate;justify-content:center;position:relative}.promo-badge--percent-addon .circle>.wrapper .addon-divider .line,.promo-badge--percent-addon-image .circle>.wrapper .addon-divider .line{block-size:1px;top:0;right:0;bottom:0;left:0;margin-block:auto;position:absolute;z-index:-1}.promo-badge--percent-addon .circle>.wrapper .addon-divider .plus,.promo-badge--percent-addon-image .circle>.wrapper .addon-divider .plus{border-radius:var(--radius-non-scalable-round)}.promo-badge--percent-addon .circle>.wrapper .addon-divider .plus,.promo-badge--percent-addon .circle>.wrapper .addon-divider .plus>svg,.promo-badge--percent-addon-image .circle>.wrapper .addon-divider .plus,.promo-badge--percent-addon-image .circle>.wrapper .addon-divider .plus>svg{block-size:12px;inline-size:12px}.promo-badge--addon-image .circle>.wrapper{gap:0}.promo-badge--addon-image .addon-image{margin-block-end:var(--spacing-non-scalable-2xs);margin-inline:calc(var(--spacing-non-scalable-xs) * -1);max-block-size:48px;max-inline-size:140px}.promo-badge--addon-image .addon-image>img{transform:translateY(-42px)}.promo-badge--addon-image .addon-row{align-self:start}.promo-badge--addon-image .addon-row:last-of-type{text-align:center}.promo-badge--addon-image .addon-row--highlight{font-size:var(--font-heading-s-size);font-weight:var(--font-heading-s-weight);line-height:28px;margin-inline:calc(var(--spacing-non-scalable-s) * -1)}.promo-badge--addon .addon-row{text-align:center}.promo-badge--addon .addon-row:first-of-type{align-self:end}.promo-badge--addon .addon-row:last-of-type{align-self:start}@keyframes promo-badge-heartbeat{0%,40%,to{opacity:1;transform:scale(1)}10%{opacity:.8;transform:scale(1.08)}20%{opacity:1;transform:scale(1.01)}28%{opacity:.85;transform:scale(1.06)}}@keyframes promo-badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.07)}}.promo-badge--percent-addon-image .circle{margin-block-start:64px}.promo-badge--percent-addon-image .circle>.wrapper .addon-plus{background-color:var(--text-accent-accent);position:absolute;border-radius:var(--radius-non-scalable-round);top:4px;right:28px}.promo-badge--percent-addon-image .circle>.wrapper .addon-plus-outer{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;background-color:#fa7d1966;border-radius:var(--radius-non-scalable-round)}.promo-badge--percent-addon-image .circle>.wrapper .addon-divider .line{background-color:var(--on-surface-text-neutral-base-inversed)}.promo-badge--percent-addon-image .circle>.wrapper .addon-divider .plus{background-color:var(--on-surface-text-neutral-base-inversed);color:#d72f2e}.promo-badge--percent-addon-image .addon-image{aspect-ratio:1/1;position:absolute;block-size:122px;right:-24px;z-index:-1}.promo-badge--percent-addon .circle>.wrapper .addon-divider .line{background-color:var(--text-accent-accent)}.promo-badge--percent-addon .circle>.wrapper .addon-divider .plus{background-color:var(--text-accent-accent);color:#fff}.promo-badge--percent .circle>.wrapper .code{border:1px solid var(--border-primary-base-inversed);border-radius:4px;padding:var(--spacing-non-scalable-2xs);text-transform:uppercase;max-inline-size:fit-content}
