.visual-progress{color:#202020;background:#fff;border:1px solid #dedede;border-top:5px solid #4ea834;min-width:0;margin:32px 0 48px;padding:28px}.vp-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.vp-eyebrow{letter-spacing:.12em;color:#397f27;font-weight:700;margin:0 0 10px!important;font-size:12px!important}.vp-heading h3{margin:0;font-size:clamp(24px,3vw,34px);line-height:1.2}.vp-download{white-space:nowrap;background:#4ea834;padding:12px 18px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block;color:#fff!important}.vp-download:hover{background:#397f27}.vp-intro{max-width:850px;margin:20px 0 24px;font-size:16px;line-height:1.65}.vp-controls{border-top:1px solid #dedede;align-items:center;gap:16px;padding:18px 0;display:flex}.vp-controls label{white-space:nowrap;font-size:14px;font-weight:700}.vp-controls select{font:inherit;color:#202020;background:#fff;border:1px solid #717272;width:590px;max-width:100%;padding:12px;font-size:16px}.vp-key{flex-wrap:wrap;gap:12px 22px;padding:2px 0 18px;font-size:14px;display:flex}.vp-key span{align-items:center;gap:7px;display:flex}.vp-swatch{border:1px solid #bbb;width:15px;height:15px;display:inline-block}.vp-scroll{border:1px solid #dedede;max-width:100%;overflow-x:auto}.vp-matrix{border-collapse:separate;border-spacing:2px;table-layout:fixed;background:#fff;width:100%;min-width:1480px;font-size:14px}.vp-matrix caption{text-align:left;background:#f5f5f5;padding:14px 12px;font-size:16px;font-weight:700}.vp-matrix th{white-space:nowrap;background:#f5f5f5;height:30px;font-weight:600}.vp-matrix th:first-child{z-index:1;background:#efefef;width:62px;position:sticky;left:0}.vp-matrix td{text-align:center;height:25px;font-size:12px;line-height:1.1}.vp-matrix .vp-done,.vp-swatch.vp-done{color:#102c08;background:#4ea834}.vp-due{color:#302800;background:#f2d965}.vp-late{color:#52170f;background:#e98478}.vp-none{color:#505050;background:#f1f2f1}.vp-roof{color:#555;background:#dedede}.vp-note{color:#717272;line-height:1.6;margin:14px 0 0!important;font-size:13px!important}@media (max-width:640px){.visual-progress{padding:18px 12px}.vp-heading{flex-direction:column;align-items:flex-start;gap:16px}.vp-controls{flex-direction:column;align-items:flex-start;gap:8px}.vp-controls select{width:100%}.vp-key{gap:10px 14px}}.vp-download{white-space:normal;flex-shrink:0;max-width:260px}.vp-controls select{min-width:0}.vp-controls label{white-space:normal}.visual-progress[dir=rtl] .vp-controls select{text-align:right}.visual-progress[dir=rtl] .vp-matrix{text-align:initial}