.tgl-discount-banner{display:grid}.tgl-discount-banner .tgl-discount-banner__item{grid-area:1 / 1 / 2 / 2;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;opacity:0;pointer-events:none}.tgl-discount-banner .tgl-discount-banner__item--active{opacity:1;pointer-events:auto}.tgl-discount-banner .tgl-discount-banner__amount{color:var(--tgl-text-inverse);font-size:var(--tgl-font-size-md);font-weight:700;line-height:1.2}.tgl-discount-banner .tgl-discount-banner__phrase{color:var(--tgl-text-inverse);font-size:var(--tgl-font-size-md);font-weight:500;line-height:1.4}@media(prefers-reduced-motion:no-preference){.tgl-discount-banner--fade .tgl-discount-banner__item{transition:opacity .4s ease}.tgl-discount-banner--slide .tgl-discount-banner__item{transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}.tgl-discount-banner--slide .tgl-discount-banner__item--active{transform:translateY(0)}.tgl-discount-banner--zoom .tgl-discount-banner__item{transform:scale(.88);transition:opacity .4s ease,transform .4s ease}.tgl-discount-banner--zoom .tgl-discount-banner__item--active{transform:scale(1)}}