@layer components{.product-rating{display:inline-flex;align-items:center;gap:.35rem;margin:0}.product-rating__stars{--font-size: 1.1;--percent: calc((var(--rating-value) / var(--rating-max)) * 100%);font-size:calc(var(--font-size) * 1rem);line-height:1;display:inline-block;font-family:Times,Times New Roman,serif;margin:0}.product-rating__stars:before{content:"\2605";background:linear-gradient(90deg,var(--color-reviews) var(--percent),color-mix(in srgb,var(--color-foreground) 15%,transparent) var(--percent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.product-rating__stars-row{display:inline-flex;align-items:center;gap:.15rem;line-height:0}.product-rating__star{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;flex-shrink:0}.product-rating__star svg{display:block;width:100%;height:100%}.product-rating__star--filled{color:var(--color-reviews)}.product-rating__star--filled svg path{fill:var(--color-reviews)}.product-rating__star--empty{color:color-mix(in srgb,var(--color-foreground) 15%,transparent)}.product-rating__star--empty svg path{fill:transparent}.product-rating--overlay .product-rating__stars-row{gap:.1rem}.product-rating--overlay .product-rating__star{width:.85rem;height:.85rem}.product-rating__count,.product-rating__value{color:var(--color-foreground-secondary);font-size:var(--paragraph-size-mobile);line-height:var(--paragraph-line-height)}.product-rating--overlay{padding:.25rem .45rem;border-radius:999px;background-color:color-mix(in srgb,var(--color-background) 82%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.product-rating--overlay .product-rating__stars{--font-size: .85}.product-rating--overlay .product-rating__count,.product-rating--overlay .product-rating__value{font-size:calc(var(--paragraph-size-mobile) * .85)}@media(min-width:640px)and (max-width:879px){.product-rating__count,.product-rating__value{font-size:var(--paragraph-size-tablet)}}@media(min-width:880px){.product-rating__count,.product-rating__value{font-size:var(--paragraph-size-desktop)}}}@media(forced-colors:active){.product-rating__stars{display:none}.product-rating__star--filled svg path{fill:CanvasText}.product-rating__star--empty svg path{fill:transparent}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/snippet-product-rating-styles.css.map */