.kk-badge{--kk-badge-height:16px;align-items:center;border-radius:calc(var(--kk-badge-height)/2);box-sizing:border-box;display:inline-flex;height:var(--kk-badge-height);justify-content:center;max-width:48px;min-width:var(--kk-badge-height);overflow:hidden;padding:0 4px;--kk-badge-text-color:#fff;--kk-badge-background-color:#e65f50;--kk-badge-border-color:#fff;--kk-badge-border-width:1.5px;background-color:var(--kk-badge-background-color);box-shadow:0 0 0 var(--kk-badge-border-width) var(--kk-badge-border-color);color:var(--kk-badge-text-color)}.kk-badge__text{--transform-scale:.5;font-size:20px;font-weight:700;line-height:1;transform:scale(var(--transform-scale));transform-origin:center;white-space:nowrap}.kk-badge--marketing-date{--kk-badge-background-color:#f5b53d}.kk-badge--marketing-discount{--kk-badge-text-color:#e65f50;--kk-badge-background-color:#fff;--kk-badge-border-color:#ef7a70}.kk-badge:empty{padding:0;width:var(--kk-badge-height)}.kk-badge--md:empty{--kk-badge-height:6px}.kk-badge--lg:empty{--kk-badge-height:10px;--kk-badge-border-width:2.5px}.kk-badge--xl:empty{--kk-badge-height:12px;--kk-badge-border-width:2.5px}.kk-icon{display:block;fill:currentColor}.kk-icon-with-badge{display:inline-block;position:relative}.kk-icon-with-badge__badge{position:absolute;right:var(--kk-icon-with-badge-offset-right);top:var(--kk-icon-with-badge-offset-top)}.kk-icon-with-badge--text>.kk-icon-with-badge__badge{transform:translate(50%)}.kk-icon-with-badge--text.kk-icon-with-badge--2xs>.kk-icon-with-badge__badge{--kk-icon-with-badge-offset-top:-10px;--kk-icon-with-badge-offset-right:calc(-10px + var(--kk-badge-height)/2)}.kk-icon-with-badge--text.kk-icon-with-badge--xs>.kk-icon-with-badge__badge{--kk-icon-with-badge-offset-top:-8px;--kk-icon-with-badge-offset-right:calc(-10px + var(--kk-badge-height)/2)}.kk-icon-with-badge--text.kk-icon-with-badge--sm>.kk-icon-with-badge__badge{--kk-icon-with-badge-offset-top:-6px;--kk-icon-with-badge-offset-right:calc(-8px + var(--kk-badge-height)/2)}.kk-icon-with-badge--text.kk-icon-with-badge--md>.kk-icon-with-badge__badge{--kk-icon-with-badge-offset-top:-4px;--kk-icon-with-badge-offset-right:calc(-6px + var(--kk-badge-height)/2)}.kk-icon-with-badge--text.kk-icon-with-badge--lg>.kk-icon-with-badge__badge{--kk-icon-with-badge-offset-top:-2px;--kk-icon-with-badge-offset-right:calc(-4px + var(--kk-badge-height)/2)}.kk-icon-with-badge--text.kk-icon-with-badge--xl>.kk-icon-with-badge__badge{--kk-icon-with-badge-offset-top:0px;--kk-icon-with-badge-offset-right:calc(var(--kk-badge-height)/2)}.kk-icon-with-badge--dot.kk-icon-with-badge--2xs>.kk-icon-with-badge__badge,.kk-icon-with-badge--dot.kk-icon-with-badge--xs>.kk-icon-with-badge__badge{--kk-icon-with-badge-offset-top:-3px;--kk-icon-with-badge-offset-right:-3px}.kk-icon-with-badge--dot.kk-icon-with-badge--sm>.kk-icon-with-badge__badge{--kk-icon-with-badge-offset-top:-2px;--kk-icon-with-badge-offset-right:-2px}.kk-icon-with-badge--dot.kk-icon-with-badge--md>.kk-icon-with-badge__badge{--kk-icon-with-badge-offset-top:-1px;--kk-icon-with-badge-offset-right:-1px}.kk-icon-with-badge--dot.kk-icon-with-badge--lg>.kk-icon-with-badge__badge,.kk-icon-with-badge--dot.kk-icon-with-badge--xl>.kk-icon-with-badge__badge{--kk-icon-with-badge-offset-top:2px;--kk-icon-with-badge-offset-right:2px}:root{--kk-elevation-action:0px 1px 4px 0px #2632381f;--kk-elevation-fixed:0px 2px 24px 0px #2632381f;--kk-elevation-raised:0px 8px 24px 0px #252a313d}.kk-icon-button{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 24px #2632381f;color:#212121;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.kk-icon-button--transparent{background:#0000;box-shadow:none}