.ratings{--ratings-bar-color: #f0b429;--ratings-bar-bg: #d9cfc8;--ratings-bar-height: 10px;--ratings-bar-radius: 999px;display:inline-block;margin-top:1em}.ratings>*:first-child{margin-top:0}.ratings>*:last-child{margin-bottom:0}.ratings__title{font-size:var(--font-size-24);color:var(--color-heading);font-family:var(--font-heading);font-weight:var(--font-weight-regular);font-optical-sizing:auto;letter-spacing:var(--letter-spacing);margin-bottom:.5em}.ratings__items{display:flex;flex-wrap:wrap;gap:1em}.ratings__item{display:flex;align-items:center;flex-direction:column;gap:.5em;text-align:center;padding:clamp(10px,2vw,20px);background-color:var(--color-white);border-radius:var(--border-radius);max-width:150px;flex:1 1 auto}.ratings__label{flex:1;min-width:10ch;font-size:var(--font-size-18);font-weight:var(--font-weight-semibold);color:var(--color-heading)}.ratings__bar-wrap{width:100%;height:var(--ratings-bar-height);background-color:var(--ratings-bar-bg);border-radius:var(--ratings-bar-radius);overflow:hidden}.ratings__bar{height:100%;background-color:var(--ratings-bar-color);border-radius:var(--ratings-bar-radius);transition:width .4s ease}.ratings__percent{font-size:var(--font-size-18);font-weight:var(--font-weight-semibold);color:var(--color-heading);line-height:1}.ratings__range{width:100%;margin-block:0 !important}.ratings__range .components-range-control__wrapper{margin-left:0 !important}.ratings__add{margin-top:1em}.ratings__remove{flex-shrink:0}