.eds-pixel-budget{padding-block:var(--eds-section-space)}.eds-pixel-budget__figure{border:var(--eds-stroke-hairline) solid var(--eds-border-subtle);display:flex;flex-direction:column;gap:var(--eds-space-32)}.eds-pixel-budget__figure-head{align-items:baseline;display:flex;flex-wrap:wrap;gap:var(--eds-space-8) var(--eds-space-24);justify-content:space-between}.eds-pixel-budget__title{color:var(--eds-text-primary);font-family:var(--eds-font-body);font-size:var(--eds-text-md);font-weight:var(--eds-weight-semibold);line-height:26px}.eds-pixel-budget__note{color:var(--eds-text-muted);font-size:var(--eds-text-sm);letter-spacing:.03em;line-height:20px}.eds-pixel-budget__body{align-items:start;display:grid;gap:var(--eds-space-32);grid-template-columns:minmax(0,506fr) minmax(0,565fr);margin-inline:auto;max-width:1100px;width:100%}.eds-pixel-budget__media{position:relative}.eds-pixel-budget__view{aspect-ratio:16/10;background-color:var(--eds-surface-brand);border-radius:var(--eds-radius-sm);overflow:hidden;position:relative}.eds-pixel-budget__canvas,.eds-pixel-budget__image{height:100%;inset:0;max-width:none;object-fit:cover;position:absolute;width:100%}.eds-pixel-budget__canvas[hidden]{display:none}.eds-pixel-budget__credit{background-color:var(--eds-surface-scrim);border-radius:3px;bottom:12px;color:var(--eds-text-on-brand);font-size:var(--eds-text-xs);left:12px;letter-spacing:.02em;line-height:17px;max-width:calc(100% - 24px);padding:5px 10px;position:absolute}.eds-pixel-budget__controls{display:flex;flex-direction:column;gap:var(--eds-space-20);min-width:0}.eds-pixel-budget__slider .eds-slider-row{flex-wrap:wrap;gap:0 var(--eds-space-16);justify-content:space-between}.eds-pixel-budget__slider .eds-slider-row__label{order:1}.eds-pixel-budget__slider .eds-slider-row__value{order:2;text-align:right}.eds-pixel-budget__slider .eds-slider{flex-basis:100%;order:3}.eds-pixel-budget__range{color:var(--eds-text-muted);display:flex;font-size:var(--eds-text-xs);justify-content:space-between;letter-spacing:.02em;line-height:17px}.eds-pixel-budget__meter{display:flex;flex-direction:column;gap:var(--eds-space-8)}.eds-pixel-budget__meter-row{color:var(--eds-text-secondary);display:flex;font-size:var(--eds-text-sm);gap:var(--eds-space-16);justify-content:space-between;line-height:20px}.eds-pixel-budget__meter-row strong{color:var(--eds-text-primary);font-variant-numeric:tabular-nums;font-weight:var(--eds-weight-bold)}.eds-pixel-budget__bar{background-color:var(--eds-border-subtle);border-radius:var(--eds-radius-pill);display:block;height:6px;overflow:hidden}.eds-pixel-budget__bar>span{--eds-pb-fill:0%;background-color:var(--eds-data-series-1);border-radius:inherit;display:block;height:100%;transition:width var(--eds-duration-fast) var(--eds-ease);width:var(--eds-pb-fill)}.eds-pixel-budget__meter--noise .eds-pixel-budget__bar>span{background-color:var(--eds-data-series-2)}.eds-pixel-budget__caption{border-top:var(--eds-stroke-hairline) solid var(--eds-border-subtle);color:var(--eds-text-primary);font-size:var(--eds-text-md);line-height:24px;padding-top:var(--eds-space-20)}@media (prefers-reduced-motion:reduce){.eds-pixel-budget__bar>span{transition:none}}@media (max-width:1024px){.eds-pixel-budget__body{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){.eds-pixel-budget__credit{background-color:transparent;color:var(--eds-text-muted);margin-top:6px;max-width:none;padding:0;position:static}}