/*! product-comparison-grid.css | Enterprise 2.3.0 (sellstrom.co build) */
.shade-scale{margin-top:4px}
.shade-scale__bar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--steps,12),minmax(0,1fr));border-radius:4px;overflow:hidden}
.shade-scale__step{height:58px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;background:color-mix(in srgb,#1F5E3B calc(var(--k) * 100%),#B8D9C2);color:#fff;font-family:var(--heading-font-family);font-weight:700;font-size:20px}
.shade-scale__step:nth-child(-n+3) span{color:#1E252B}
.shade-scale__jobs{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px 0}
.shade-scale__job{grid-column:calc(var(--from) - 2) / calc(var(--to) - 1);border-top:3px solid #F2B705;padding:6px 8px 0 0;font-size:14px;line-height:1.25;margin:0 3px}
.shade-scale__range{display:block;font-family:var(--heading-font-family);font-weight:700;font-size:16px}
.shade-scale__name{color:#5A6570}
.shade-scale__note{margin:16px 0 0;color:#5A6570;max-width:80ch}
@media (max-width:768px){.shade-scale__step{height:44px;font-size:16px}.shade-scale__jobs{grid-template-columns:minmax(0,1fr)}.shade-scale__job{grid-column:auto;display:flex;gap:10px;align-items:baseline;border-top-width:2px}}