@property --num{syntax:"<integer>";initial-value:0;inherits:false}@keyframes counter{0%,5%{--num:var(--startPercent)}30%{--num:var(--endPercent)}to{--num:var(--endPercent)}}@keyframes fade-in-out{0%,5%,to{opacity:0}20%,80%{opacity:1}}@keyframes water-top{0%,12%{opacity:0;top:var(--topStart)}15%,95%{opacity:1}35%{opacity:1;top:var(--topEnd)}to{opacity:0;top:var(--topEnd)}}@keyframes water-bottom{0%,12%{bottom:var(--bottomStart);opacity:0}15%,95%{opacity:1}35%{bottom:var(--bottomEnd);opacity:1}to{bottom:var(--bottomEnd);opacity:0}}@keyframes water-fade{0%,5%,to{opacity:0}15%,95%{opacity:1}}@keyframes rotate{0%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}to{transform:rotate(-2deg)}}@keyframes translate{0%{transform:translateY(var(--translateStart))}50%{transform:translateY(0)}to{transform:translateY(var(--translateStart))}}.discounts{font-size:1.2rem}.discounts__discount{align-items:center;display:flex;line-height:calc(1 + .5/var(--font-body-scale))}.discounts__discount svg{color:rgba(var(--color-button),var(--alpha-button-background))}.discounts__discount--position{justify-content:center}@media screen and (min-width:750px){.discounts__discount--position{justify-content:flex-end}}.discounts__discount>.icon{color:rgb(var(--color-foreground));height:1.2rem;margin-right:.7rem;width:1.2rem}