/* Small, compositor-friendly price transitions; the server still supplies every amount. */
body.ys .yinse-item-content-root .yinse-item-price .price {
 font-variant-numeric:tabular-nums;
 min-height:1.25em;
}
body.ys .yinse-item-content-root .yinse-item-price.is-price-entering .price {
 animation:xigua-price-smooth .34s cubic-bezier(.2,.7,.3,1) both!important;
}
body.ys .yinse-item-content-root .yinse-item-price.is-price-entering .yinse-price-delivery {
 animation:xigua-price-meta .26s .04s cubic-bezier(.2,.7,.3,1) both!important;
}
body.ys .yinse-item-content-root .yinse-price-stock.is-stock-entering {
 animation:xigua-price-meta .26s cubic-bezier(.2,.7,.3,1) both!important;
}
body.ys .yinse-item-content-root .yinse-item-price.is-price-loading-visible .yinse-price-loading {
 animation:xigua-price-hint .16s ease-out both!important;
}
@keyframes xigua-price-smooth {
 from {opacity:.25;transform:translate3d(0,3px,0)}
 to {opacity:1;transform:translate3d(0,0,0)}
}
@keyframes xigua-price-meta {
 from {opacity:.4;transform:translate3d(0,2px,0)}
 to {opacity:1;transform:translate3d(0,0,0)}
}
@keyframes xigua-price-hint {from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce) {
 body.ys .yinse-item-content-root .yinse-item-price.is-price-entering .price,
 body.ys .yinse-item-content-root .yinse-item-price.is-price-entering .yinse-price-delivery,
 body.ys .yinse-item-content-root .yinse-price-stock.is-stock-entering,
 body.ys .yinse-item-content-root .yinse-item-price.is-price-loading-visible .yinse-price-loading {
 animation:none!important;transform:none!important;
 }
}