@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))}}.totals{align-items:flex-end;display:flex;justify-content:center}.totals>*{font-size:1.6rem;margin:0}.totals>h3{font-size:calc(var(--font-heading-scale)*1.6rem)}.totals *{line-height:1}.totals>*+*{margin-left:2rem}.totals__subtotal-value{font-size:1.8rem}.cart__ctas+.totals{margin-top:2rem}@media (min-width:750px){.totals{justify-content:flex-end}}