.performance-score[data-v-9350ddd8]{background-color:var(--color-surface-1);border-radius:var(--border-radius);overflow:hidden;position:relative;width:100%}@media only screen and (max-width:640px){.performance-score[data-v-9350ddd8]{border-radius:0;max-width:100vw}}.performance-score__border[data-v-9350ddd8]{border:1px solid hsla(0,0%,100%,.075);border-radius:var(--border-radius);height:100%;pointer-events:none;position:absolute;width:100%;z-index:1}@media only screen and (max-width:640px){.performance-score__border[data-v-9350ddd8]{border-radius:0}}.performance-score__container[data-v-9350ddd8]{background-color:var(--color-surface-2);border-radius:var(--border-radius);display:grid;grid-template-areas:"score stats";grid-template-columns:min-content 1fr;height:100%;width:100%}@media only screen and (max-width:640px){.performance-score__container[data-v-9350ddd8]{grid-template-areas:"score" "stats";grid-template-columns:1fr}}.performance-score__stats[data-v-9350ddd8]{display:grid;grid-area:stats;grid-template-columns:repeat(4,1fr)}@media only screen and (max-width:640px){.performance-score__stats[data-v-9350ddd8]{grid-template-columns:repeat(2,1fr)}}.score[data-v-9350ddd8]{background-image:linear-gradient(to right,var(--color-tier),transparent);display:flex;grid-area:score;padding:1px;z-index:2}.score__container[data-v-9350ddd8]{align-items:center;background-color:var(--color-surface-2);border-bottom-left-radius:var(--border-radius);border-top-left-radius:var(--border-radius);display:flex;flex:1;padding:0 1.75rem}@media only screen and (max-width:640px){.score__container[data-v-9350ddd8]{border-radius:0}}.score__emblem-container[data-v-9350ddd8]{align-items:center;display:flex;height:100%;position:relative}@media only screen and (max-width:640px){.score__emblem-container[data-v-9350ddd8]{padding:.5rem}}.score__emblem-container[data-v-9350ddd8]:after,.score__emblem-container[data-v-9350ddd8]:before{background-clip:border-box;background-color:var(--color-tier);border-color:var(--color-surface-1);border-left-width:6px;border-right-width:6px;border-style:solid;content:"";height:2px;left:0;margin:auto;position:absolute;right:0;width:2rem}.score__emblem-container[data-v-9350ddd8]:before{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom-width:1px;border-top-width:0;top:-1px}.score__emblem-container[data-v-9350ddd8]:after{border-bottom-width:0;border-top-left-radius:4px;border-top-right-radius:4px;border-top-width:1px;bottom:-1px}.score__emblem[data-v-9350ddd8]{height:3.5rem;width:3.5rem}.score__text[data-v-9350ddd8]{display:flex;flex-direction:column;justify-content:center;margin-left:1.5rem;white-space:nowrap}.score__text .label[data-v-9350ddd8]{color:var(--color-text-secondary);font-size:.875rem;font-weight:500;white-space:nowrap}.score__text .value[data-v-9350ddd8]{font-size:1.5rem;font-weight:700}.score__text .value sup[data-v-9350ddd8]{color:var(--color-text-dim);font-size:.75rem;top:0;vertical-align:super}.score__info[data-v-9350ddd8]{cursor:help;fill:var(--color-action);height:1.5rem;margin-left:2rem;width:1.5rem}.score__description .tiers[data-v-9350ddd8]{list-style-type:none;margin:0 1rem;padding:0}.score__description .tiers .tier[data-v-9350ddd8]{margin-bottom:1rem;position:relative}.score__description .tiers .tier h4[data-v-9350ddd8],.score__description .tiers .tier p[data-v-9350ddd8]{margin:0}.score__description .tiers .tier[data-v-9350ddd8]:before{border-radius:2px;content:"";height:100%;left:-1rem;position:absolute;width:3px}.score__description .tiers .tier--S[data-v-9350ddd8]:before{background-color:#3ecbff}.score__description .tiers .tier--S h4[data-v-9350ddd8]{color:#3ecbff}.score__description .tiers .tier--A[data-v-9350ddd8]:before{background-color:#5ee790}.score__description .tiers .tier--A h4[data-v-9350ddd8]{color:#5ee790}.score__description .tiers .tier--B[data-v-9350ddd8]:before{background-color:#e6bc5c}.score__description .tiers .tier--B h4[data-v-9350ddd8]{color:#e6bc5c}.score__description .tiers .tier--C[data-v-9350ddd8]:before{background-color:#a7c6cc}.score__description .tiers .tier--C h4[data-v-9350ddd8]{color:#a7c6cc}.score__description .tiers .tier--D[data-v-9350ddd8]:before{background-color:#bf868f}.score__description .tiers .tier--D h4[data-v-9350ddd8]{color:#bf868f}.score--tier-S[data-v-9350ddd8]{--color-tier:#3ecbff}.score--tier-A[data-v-9350ddd8]{--color-tier:#5ee790}.score--tier-B[data-v-9350ddd8]{--color-tier:#e6bc5c}.score--tier-C[data-v-9350ddd8]{--color-tier:#a7c6cc}.score--tier-D[data-v-9350ddd8]{--color-tier:#bf868f}.stat[data-v-9350ddd8]{align-items:center;background-image:linear-gradient(to bottom,var(--color-surface-1),var(--color-tier-opacity-20));border-left:1px solid var(--color-surface-1);display:flex;flex-direction:column;justify-content:center;padding:.75rem;position:relative}.stat[data-v-9350ddd8]:hover{cursor:pointer;filter:brightness(1.1)}.stat[data-v-9350ddd8]:active{filter:brightness(.9)}.stat[data-v-9350ddd8]:before{background-color:var(--color-surface-1);background-image:var(--icon-plus-data-url);border-radius:.5rem;height:16px;left:0;transform:translate(-9px);width:16px}.stat[data-v-9350ddd8]:after,.stat[data-v-9350ddd8]:before{content:"";position:absolute}.stat[data-v-9350ddd8]:after{background-color:var(--color-tier);border-radius:4px 4px 0 0;bottom:0;height:4px;width:3rem}.stat__label[data-v-9350ddd8]{color:var(--color-text-secondary);font-size:.875rem;font-weight:500;position:relative}.stat__label .icon[data-v-9350ddd8]{height:.875rem;width:.875rem;fill:var(--color-text-secondary);display:inline-block;margin-left:.125rem;position:absolute}@media only screen and (max-width:640px){.stat__label .icon[data-v-9350ddd8]{display:none}}.stat__value[data-v-9350ddd8]{font-size:1.5rem;font-weight:700}.stat__percentile[data-v-9350ddd8]{color:var(--color-text-dim);font-size:.625rem}.stat__percentile .tier[data-v-9350ddd8]{color:var(--color-tier)}.stat[data-v-9350ddd8]:first-child:before{display:none}@media only screen and (max-width:640px){.stat[data-v-9350ddd8]:nth-child(odd):before{display:none}}.stat--tier-S[data-v-9350ddd8]{--color-tier:#3ecbff;--color-tier-opacity-20:rgba(62,203,255,.2)}.stat--tier-A[data-v-9350ddd8]{--color-tier:#5ee790;--color-tier-opacity-20:rgba(94,231,144,.2)}.stat--tier-B[data-v-9350ddd8]{--color-tier:#e6bc5c;--color-tier-opacity-20:rgba(230,188,92,.2)}.stat--tier-C[data-v-9350ddd8]{--color-tier:#a7c6cc;--color-tier-opacity-20:rgba(167,198,204,.2)}.stat--tier-D[data-v-9350ddd8]{--color-tier:#bf868f;--color-tier-opacity-20:rgba(191,134,143,.2)}