.lighthouse-scores{width:100%;margin:var(--sizes-7) 0}.score-item-holder{display:grid;grid-template-columns:repeat(auto-fit,minmax(5rem,1fr));gap:var(--sizes-4);justify-content:center;align-items:center}.score-item{text-align:center}.score-circle{display:flex;flex-direction:column;align-items:center;gap:var(--sizes-2)}.circle-wrapper{position:relative;width:5rem;height:5rem}.circular-chart{width:100%;height:100%}.circle-bg{fill:none;stroke:var(--text-15);stroke-width:.125rem}.circle{fill:none;stroke-width:.125rem;stroke-linecap:round;transition:stroke-dasharray .3s ease}.percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--typography-primary-bold-body-font-family);font-size:var(--typography-primary-bold-body-font-size);font-weight:var(--typography-primary-bold-body-font-weight);line-height:var(--typography-primary-bold-body-line-height);color:var(--text-90)}.score-circle span{font-family:var(--typography-primary-regular-caption-font-family);font-size:var(--typography-primary-regular-caption-font-size);font-weight:var(--typography-primary-regular-caption-font-weight);line-height:var(--typography-primary-regular-caption-line-height);color:var(--text-60)}@media (max-width: 48rem){.score-item-holder{grid-template-columns:repeat(2,1fr)}}@media (max-width: 30rem){.circle-wrapper{width:4rem;height:4rem}.percentage,.score-circle span{font-size:var(--typography-primary-regular-caption-font-size)}}