.star-rating { position: relative; overflow: hidden; inline-size: 5.4em; block-size: 1em; font-family: inherit; font-size: 1em; line-height: 1; } .star-rating::before, .star-rating span::before { content: ""; position: absolute; inset-block: 0; inset-inline-start: 0; inline-size: 5.4em; font-family: inherit; -webkit-mask: url(/wp-content/uploads/icon-star.svg) 0 0 / 1.08em 1em repeat-x; mask: url(/wp-content/uploads/icon-star.svg) 0 0 / 1.08em 1em repeat-x; } .star-rating::before { background-color: var(--neutral-light); } .star-rating span { position: absolute; inset-block: 0; inset-inline-start: 0; overflow: hidden; padding-block-start: 1.5em; } .star-rating span::before { background-color: var(--secondary); }  #reviews form p.stars span { display: flex; gap: calc(var(--space-xs) * 0.5); } #reviews form p.stars a { --pf-star: var(--neutral-light); inline-size: 1.4em; block-size: 1.4em; font-size: var(--text-xl); } #reviews form p.stars a::before { content: ""; inset: 0; inline-size: 100%; block-size: 100%; font-family: inherit; background-color: var(--pf-star); -webkit-mask: url(/wp-content/uploads/icon-star.svg) center / contain no-repeat; mask: url(/wp-content/uploads/icon-star.svg) center / contain no-repeat; } #reviews form p.stars:is(.selected, :hover) a { --pf-star: var(--secondary); } #reviews form p.stars.selected:not(:hover) a.active ~ a, #reviews form p.stars:hover a:hover ~ a { --pf-star: var(--neutral-light); } #reviews form p.stars a:focus-visible { outline: var(--focus-width) solid var(--focus-color); outline-offset: var(--focus-offset); border-radius: var(--radius-s); } .show-password-input::after { content: ""; display: inline-block; inline-size: 1.2em; block-size: 1.2em; font-family: inherit; vertical-align: middle; background-color: currentColor; -webkit-mask: url(/wp-content/uploads/icon-eye.svg) center / contain no-repeat; mask: url(/wp-content/uploads/icon-eye.svg) center / contain no-repeat; } .show-password-input.display-password::after { -webkit-mask-image: url(/wp-content/uploads/icon-eye-off.svg); mask-image: url(/wp-content/uploads/icon-eye-off.svg); }  .price del, del:has(> .woocommerce-Price-amount) { margin-inline-end: calc(var(--space-xs) * 0.25); }  .woocommerce .button.disabled { background-color: var(--neutral-light); color: var(--neutral-semi-dark); border-color: var(--neutral-light); } .woocommerce-error, .woocommerce-info, .woocommerce-message { position: relative; } .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before { content: ""; display: inline-block; inline-size: 1em; block-size: 1em; background: url(/wp-content/uploads/fav_white.svg) center / contain no-repeat; position: absolute; inset-inline-start: var(--space-xs); inset-block-start: 50%; transform: translateY(-50%); }