/* MoxKit advanced-rating widget. */
/* Advanced Rating widget */
.moxkit-arating{--moxkit-arating-fill:#f5b301;--moxkit-arating-empty:#dfe3ea;
--moxkit-arating-stroke:1.4;--moxkit-arating-dur:450ms;--moxkit-arating-gap:10px;
--moxkit-arating-align:flex-start;display:flex;flex-direction:column;align-items:var(--moxkit-arating-align)}
.moxkit-arating-title{margin:0 0 8px;font-size:15px;font-weight:650;line-height:1.3;color:var(--moxkit-ink)}
.moxkit-arating-body{display:flex;flex-wrap:wrap;align-items:center;justify-content:var(--moxkit-arating-align);
gap:var(--moxkit-arating-gap)}
.moxkit-arating--stacked .moxkit-arating-body{flex-direction:column;align-items:var(--moxkit-arating-align);
gap:calc(var(--moxkit-arating-gap) * .6)}
.moxkit-arating--score .moxkit-arating-body{display:grid;grid-template-columns:auto auto;
column-gap:calc(var(--moxkit-arating-gap) * 1.4);row-gap:4px;justify-content:var(--moxkit-arating-align);
align-items:center;text-align:start}
.moxkit-arating--score .moxkit-arating-score{grid-row:1 / span 2;grid-column:1;font-size:46px;line-height:1}
.moxkit-arating--score .moxkit-arating-icons,.moxkit-arating--score .moxkit-arating-count{grid-column:2}
.moxkit-arating-icons{display:inline-flex;gap:4px;font-size:24px;line-height:1}
.moxkit-arating-icon{position:relative;display:inline-flex;width:1em;height:1em;
transition:transform .25s cubic-bezier(.3,1.5,.5,1)}
.moxkit-arating-icon :is(svg,i){display:block;width:1em;height:1em;font-size:1em;line-height:1}
.moxkit-arating-empty,.moxkit-arating-fill{display:inline-flex}
.moxkit-arating-empty{color:var(--moxkit-arating-empty)}
.moxkit-arating-fill{position:absolute;inset:0;color:var(--moxkit-arating-fill);
clip-path:inset(0 calc(100% - var(--moxkit-arating-pct)) 0 0)}
[dir=rtl] .moxkit-arating-fill{clip-path:inset(0 0 0 calc(100% - var(--moxkit-arating-pct)))}
.moxkit-arating svg.is-solid,.moxkit-arating-icon svg:not(.is-outline){fill:currentColor}
.moxkit-arating svg.is-solid .moxkit-arating-round{stroke:currentColor}
.moxkit-arating svg.is-outline{fill:none;stroke:currentColor;stroke-width:var(--moxkit-arating-stroke);
stroke-linejoin:round}
.moxkit-arating svg.is-outline .moxkit-arating-round{stroke-width:var(--moxkit-arating-stroke)}
.moxkit-arating-score{font-size:18px;font-weight:750;line-height:1.2;color:var(--moxkit-ink);
font-variant-numeric:tabular-nums}
.moxkit-arating-score small{font-size:.7em;font-weight:500;color:var(--moxkit-muted)}
.moxkit-arating-count{font-size:14px;color:var(--moxkit-muted)}
.moxkit-arating[data-hover=grow] .moxkit-arating-icon:hover{transform:scale(1.25)}
.moxkit-arating[data-hover=lift] .moxkit-arating-icon:hover{transform:translateY(-.18em)}
.moxkit-arating[data-hover=spin] .moxkit-arating-icon:hover{transform:rotate(72deg)}
/* Entrance: widgets.js adds .is-armed, then .is-inview once the rating is visible. */
.moxkit-arating[data-anim=fill].is-armed:not(.is-inview) .moxkit-arating-fill{clip-path:inset(0 100% 0 0)}
[dir=rtl] .moxkit-arating[data-anim=fill].is-armed:not(.is-inview) .moxkit-arating-fill{clip-path:inset(0 0 0 100%)}
.moxkit-arating[data-anim=fill].is-inview .moxkit-arating-fill{transition:clip-path var(--moxkit-arating-dur) cubic-bezier(.4,0,.2,1) calc(var(--moxkit-i, 0) * var(--moxkit-arating-dur) * .75)}
.moxkit-arating[data-anim=pop].is-armed:not(.is-inview) .moxkit-arating-icon,.moxkit-arating[data-anim=rise].is-armed:not(.is-inview) .moxkit-arating-icon{
opacity:0}
.moxkit-arating[data-anim=pop].is-inview .moxkit-arating-icon{animation:moxkit-arating-pop var(--moxkit-arating-dur) cubic-bezier(.3,1.6,.5,1) both;
animation-delay:calc(var(--moxkit-i, 0) * var(--moxkit-arating-dur) * .35)}
.moxkit-arating[data-anim=rise].is-inview .moxkit-arating-icon{animation:moxkit-arating-rise var(--moxkit-arating-dur) cubic-bezier(.2,.8,.2,1) both;
animation-delay:calc(var(--moxkit-i, 0) * var(--moxkit-arating-dur) * .3)}
@media(prefers-reduced-motion:reduce){
 .moxkit-arating-icon{transition:none}
 .moxkit-arating .moxkit-arating-icon{animation:none!important}
}
@keyframes moxkit-arating-pop{from{opacity:0;transform:scale(0)}to{opacity:1;transform:none}}
@keyframes moxkit-arating-rise{from{opacity:0;transform:translateY(.6em)}to{opacity:1;transform:none}}