.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__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;gap:6px;padding-left:8px}.grade-overlay__footer{margin:20px 0 0;font-size:12px;color:var(--color-c24-body-text)}.product-grade{display:flex;gap:8px;align-items:center;font-family:Verdana,Arial,Helvetica,sans-serif}.product-grade--left{flex-direction:row}.product-grade--right{flex-direction:row-reverse}.product-grade--right .product-grade__text{text-align:right}.product-grade--left .product-grade__text,.product-grade--left .product-grade__title{text-align:left}.product-grade__box{display:flex;justify-content:center;align-items:center;width:32px;height:32px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;background-color:var(--color-c24-nova-blue);font-size:16px;color:var(--color-c24-white);text-align:center}.product-grade__box--large{width:35px;height:35px}.product-grade__score{font-size:16px;font-weight:700;font-family:Arial,Verdana,Helvetica,sans-serif}.product-grade__text{display:flex;flex-direction:column;gap:1px;line-height:1.3;color:var(--color-c24-body-text)}.product-grade__title{font-size:14px;font-weight:700}.product-grade__subtitle{font-size:12px}.product-grade--large .product-grade__title{font-size:16px}.product-grade--large .product-grade__subtitle{font-size:14px}.grade-tooltip__wrapper{position:relative;display:inline-flex;flex-shrink:0}.grade-tooltip__popover{position:fixed;z-index:9999;width:346px;background:var(--color-c24-white, #fff);border-radius:4px;box-shadow:0 1px 8px #0000004d;padding:15px;font-size:14px;color:var(--color-c24-body-text);cursor:default}.grade-tooltip__popover:before{content:"";position:absolute;top:-9px;right:14px;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid rgba(0,0,0,.12)}.grade-tooltip__popover:after{content:"";position:absolute;top:-7px;right:15px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--color-c24-white, #fff)}.grade-tooltip__grade{margin-bottom:20px}.grade-tooltip__score-row{margin-bottom:15px}.grade-tooltip__score-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:14px}.grade-tooltip__score-label,.grade-tooltip__score-value{color:var(--color-c24-body-text)}.grade-tooltip__score-na{color:var(--color-c24-grey-text);font-size:14px}.grade-tooltip__bar{height:5px;border-radius:6px;background-color:var(--color-c24-card-border);position:relative;overflow:hidden}.grade-tooltip__bar-fill{height:100%;border-radius:4px 0 0 4px;position:absolute;top:0;left:0}.grade-tooltip__summary{font-size:12px;color:var(--color-c24-body-text);padding-top:9px;margin:0 0 8px}.grade-tooltip__details-link{display:block;margin-left:auto;background:none;border:none;padding:0;font-size:14px;color:var(--color-c24-fusion-blue);cursor:pointer;text-align:right;text-decoration:none}.grade-tooltip__details-link:hover{text-decoration:underline}