.grade-overlay--desktop{left:auto;right:0;width:426px;max-width:min(100vw,426px);height:100%;max-height:none;border-radius:8px 0 0 8px;padding-top:0}.grade-overlay__content--desktop{height:100%;overflow-y:auto;padding:15px;font-size:14px}.grade-overlay__close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border:0;border-radius:9999px;color:var(--color-c24-body-text);font-size:24px;line-height:1;cursor:pointer}.grade-overlay__close--desktop{position:fixed;right:432px;top:8px;z-index:44;width:28px;height:28px;border-radius:0;background:transparent;color:transparent;padding:0}.grade-overlay__close--desktop:before,.grade-overlay__close--desktop:after{content:"";position:absolute;left:50%;top:50%;width:2px;height:22px;margin-left:-1px;margin-top:-11px;background:var(--color-c24-white, #fff)}.grade-overlay__close--desktop:before{transform:rotate(45deg)}.grade-overlay__close--desktop:after{transform:rotate(-45deg)}.grade-overlay__close--desktop:hover{opacity:.8}.grade-overlay__close--mobile{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{display:flex;align-items:center;justify-content:space-between;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__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}