@layer reset, tokens, legacy, primitives, archetypes, utilities, overrides;@layer legacy{}@layer primitives{.ui-banner-badge{--badge-unit:var(--banner-badge-unit,var(--space-2xs));--badge-ink:var(--color-coffee-700);--badge-tilt:-7deg;color:var(--badge-ink);display:block;font-family:var(--font-body,inherit);line-height:1;opacity:0;pointer-events:none;position:relative;rotate:var(--badge-tilt);text-align:center;z-index:2}.ui-banner-badge.ui-banner-badge--in{animation:ui-banner-badge-in .8s cubic-bezier(.2,.7,.2,1) .15s both}@media (scripting:none){.ui-banner-badge{opacity:1}}@media (prefers-reduced-motion:reduce){.ui-banner-badge.ui-banner-badge--in{animation:none;opacity:1}}.ui-banner-badge__eyebrow:before,.ui-banner-badge__line:before,.ui-banner-badge__note[data-text]:before,.ui-banner-badge__title[data-text]:before{content:attr(data-text)}.ui-banner-badge__face{align-items:center;background:var(--color-signal-yellow);box-shadow:0 0 calc(var(--space-2xs)*4) color-mix(in srgb,var(--color-gold-300) 20%,#0000);box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.ui-banner-badge__eyebrow,.ui-banner-badge__note{font-family:var(--font-body,inherit);font-weight:500}.ui-banner-badge__line{display:block;text-align:center}.ui-banner-badge__title{font-family:var(--font-heading);font-weight:500;text-transform:uppercase}.ui-banner-badge--seal{--badge-size:min(calc(var(--badge-unit)*28),31vw);flex:none;height:var(--badge-size);width:var(--badge-size)}.ui-banner-badge--seal .ui-banner-badge__face{border-radius:50%;padding-top:calc(var(--badge-size)*.028)}.ui-banner-badge--seal .ui-banner-badge__eyebrow{font-size:calc(var(--badge-size)*.0685);font-weight:700;letter-spacing:.24em;padding-inline-start:calc(var(--badge-size)*.016);text-transform:uppercase}.ui-banner-badge--seal .ui-banner-badge__rule{background:color-mix(in srgb,var(--badge-ink) 45%,#0000);height:calc(var(--space-2xs)*.25);margin-block:calc(var(--badge-size)*.042) calc(var(--badge-size)*.049);width:calc(var(--badge-size)*.178)}.ui-banner-badge--seal .ui-banner-badge__title{font-size:calc(var(--badge-size)*.165);letter-spacing:.04em;line-height:1.02;padding-inline:calc(var(--badge-size)*.06);text-wrap:balance}.ui-banner-badge--seal .ui-banner-badge__note{font-size:calc(var(--badge-size)*.0847);line-height:1.15;margin-top:calc(var(--badge-size)*.056);padding-inline:calc(var(--badge-size)*.08);text-wrap:balance}.ui-banner-badge--pill{--badge-pill-font:calc(var(--space-2xs)*3.5);--badge-tilt:-2deg;max-width:100%;width:fit-content}.ui-banner-badge--pill .ui-banner-badge__face{border-radius:calc(var(--badge-pill-font)*1.5);gap:calc(var(--badge-pill-font)*.16);padding:calc(var(--badge-pill-font)*.55) calc(var(--badge-pill-font)*1.6)}.ui-banner-badge--pill .ui-banner-badge__title{font-size:var(--badge-pill-font);letter-spacing:.05em;line-height:1.1;text-wrap:balance}.ui-banner-badge--pill .ui-banner-badge__note{font-size:calc(var(--badge-pill-font)*.82);line-height:1.1}.ui-banner-badge--sales{--banner-badge-unit:var(--pack-hero-unit,var(--space-2xs));inset-inline-start:calc(100% + var(--badge-size)*.12);position:absolute;top:calc(var(--badge-size)*-.4)}@media (min-width:1024px){.ui-banner-badge--sales{--badge-size:min(calc(var(--badge-unit)*31),31vw);inset-inline-start:calc(100% + var(--badge-size)*.38);top:calc(var(--badge-size)*-.44)}}.ui-banner-badge--hero.ui-banner-badge--seal{display:none}@media (min-width:768px){.ui-banner-badge--hero.ui-banner-badge--seal{--badge-size:min(calc(var(--badge-unit)*31),31vw);align-self:flex-end;display:block;flex:none;height:0;margin-inline-start:calc(var(--badge-size)*.3);rotate:none;width:var(--badge-size)}.ui-banner-badge--hero.ui-banner-badge--seal .ui-banner-badge__face{height:var(--badge-size);inset-block-end:0;inset-inline-start:0;position:absolute;rotate:var(--badge-tilt);width:var(--badge-size)}}.ui-banner-badge--hero.ui-banner-badge--pill{--badge-pill-font:calc(var(--space-2xs)*3.5);grid-column:1;margin-block:calc(var(--space-2xs)*3) var(--space-sm);max-width:calc(100% - var(--gutter)*2);place-self:end center}@media (min-width:768px){.ui-banner-badge--hero.ui-banner-badge--pill{display:none}}.ui-banner-badge--plp{--badge-pill-font:calc(var(--space-2xs)*2.7);margin-inline-start:auto}@media (min-width:768px){.ui-banner-badge--plp{--badge-pill-font:calc(var(--space-2xs)*3.125);margin-inline-start:0;order:3}}@keyframes ui-banner-badge-in{0%{opacity:0;scale:.92;translate:0 calc(var(--space-2xs)*2.5)}to{opacity:1;scale:1;translate:0 0}}}