.grade-overlay--desktop{left:auto;right:0;width:var(--side-sheet-width);max-width:min(100vw,var(--side-sheet-width));height:100%;max-height:none;border-radius:8px 0 0 8px;padding-top:0}.grade-overlay__content--desktop{height:100%;overflow-y:auto;padding:0 calc(var(--side-sheet-padding-x) - var(--side-sheet-scrollbar-width)) var(--side-sheet-padding-y) var(--side-sheet-padding-x);font-size:14px}.grade-overlay__close--mobile{border-radius:9999px;background:var(--color-c24-badge-bg)}.grade-overlay--mobile{height:auto;max-height:90dvh;overflow:hidden}.grade-overlay__content--mobile{flex:1;min-height:0;overflow-y:auto;padding:15px;font-size:14px}.grade-overlay__header{margin-bottom:20px}.grade-overlay__title{margin:0;font-size:22px;font-weight:700;color:var(--color-c24-body-text);line-height:1.2}.grade-overlay__sticky-header{gap:12px}.grade-overlay__badge{margin-top:23px;margin-bottom:20px}.grade-overlay__brand-model-wrapper{margin-bottom:20px;font-size:14px;color:var(--color-c24-body-text)}.grade-overlay--mobile .grade-overlay__brand-model-wrapper{margin-bottom:12px}.grade-overlay__brand-text strong{font-weight:700}.grade-overlay__comparison{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.grade-overlay--mobile .grade-overlay__comparison{margin-bottom:12px}.grade-overlay__comparison-line{margin:0;font-size:14px;line-height:1.4;color:var(--color-c24-body-text)}.grade-overlay--mobile .grade-overlay__comparison-line{font-size:16px}.grade-overlay__scores{display:flex;flex-direction:column;gap:19px}.grade-overlay__score{display:flex;flex-direction:column;gap:8px}.grade-overlay__score-top{display:flex;justify-content:space-between;align-items:center}.grade-overlay__score-top--sub{padding-top:4px}.grade-overlay--mobile .grade-overlay__score-top--sub{padding-top:0}.grade-overlay--mobile .grade-overlay__score-info,.grade-overlay--mobile .grade-overlay__score-label,.grade-overlay--mobile .grade-overlay__score-value,.grade-overlay--mobile .grade-overlay__score-na,.grade-overlay--mobile .grade-overlay__score-weight{font-size:16px}.grade-overlay--mobile .grade-overlay__score-label--sub,.grade-overlay--mobile .grade-overlay__score-value--sub,.grade-overlay--mobile .grade-overlay__score-na--sub,.grade-overlay--mobile .grade-overlay__score-weight--sub{font-size:14px}.grade-overlay__score-info{display:flex;width:86%;justify-content:space-between;align-items:center}.grade-overlay__score-label{font-size:14px}.grade-overlay__score-label--sub{font-size:12px}.grade-overlay__score-value{font-size:14px;align-self:flex-start}.grade-overlay__score-value--sub{font-size:12px}.grade-overlay__score-na{font-size:14px;color:var(--color-c24-devils-grey)}.grade-overlay__score-na--sub{font-size:12px}.grade-overlay__score-weight{width:14%;font-size:14px;color:var(--color-c24-devils-grey);text-align:right}.grade-overlay__score-weight--sub{font-size:12px}.grade-overlay__bar{width:86%;height:5px;background-color:var(--color-c24-card-border);border-radius:6px;position:relative;overflow:hidden}.grade-overlay__bar-fill{height:100%;border-radius:4px 0 0 4px;position:absolute;top:0;left:0;transition:width .3s ease}.grade-overlay__subscores{display:flex;flex-direction:column}.grade-overlay__footer{margin:20px 0 0;font-size:14px;color:var(--color-c24-body-text);line-height:1.2}