/* ==========================================================
   GLICZ REVIEW
   Component: Review Score
========================================================== */

.g-review-score {

    --score-color: #22c55e;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 72px;
    aspect-ratio: 1;

    border-radius: 50%;

    border: 4px solid var(--score-color);

    background: var(--color-background);

    box-shadow: 0 6px 18px rgba(0, 0, 0, .35);

    box-sizing: border-box;
}


/* ==========================================================
   VALUE
========================================================== */

.g-review-score__value {

    font-size: 1.4rem;

    font-weight: 800;

    color: var(--score-color);

    line-height: 1;
}


/* ==========================================================
   COLORS
========================================================== */

.g-review-score--broken {
    --score-color: #b91c1c;
}

.g-review-score--normal {
    --score-color: #f5f5f5;
}

.g-review-score--magic {
    --score-color: #4f8cff;
}

.g-review-score--rare {
    --score-color: #34c759;
}

.g-review-score--set {
    --score-color: #a855f7;
}

.g-review-score--unique {
    --score-color: #d4af37;
}


/* ==========================================================
   SMALL
========================================================== */

.g-review-score--sm {

    width: 48px;

    border-width: 3px;
}

.g-review-score--sm .g-review-score__value {

    font-size: .95rem;
}