/* Elathi Commerce: shared motion styles (rolling numbers, reward dots). */
.em-roll{display:inline-flex;align-items:flex-start;overflow:hidden;height:1.2em;line-height:1.2em;vertical-align:bottom;font-variant-numeric:tabular-nums}
.em-roll .em-col{display:flex;flex-direction:column;flex:none;align-self:flex-start;transition:transform .45s cubic-bezier(.34,1.56,.64,1),filter .45s ease}
.em-roll .em-col span{display:block;height:1.2em;text-align:center}
.em-roll .em-col.em-blur{filter:blur(1.5px)}
.em-roll .em-fix{white-space:pre}
.em-roll .em-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.em-dot{position:absolute;width:6px;height:6px;border-radius:50%;pointer-events:none;z-index:5}
@media (prefers-reduced-motion:reduce){.em-roll .em-col{transition:none}}
.elathi-calm *,.elathi-calm *::before,.elathi-calm *::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-delay:0s!important}
.wc-block-components-quantity-selector{position:relative}
.em-qroll{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:800;color:inherit;pointer-events:none}
.wc-block-components-quantity-selector:has(.em-qroll) input.wc-block-components-quantity-selector__input{color:transparent!important}
.wc-block-components-quantity-selector:has(input:focus) .em-qroll{opacity:0}
.wc-block-components-quantity-selector:has(input:focus) input.wc-block-components-quantity-selector__input{color:inherit!important}