.peak-event-chart{--peak-chart--axis: 3rem;--peak-chart--muted: var(--colour--grey-500);--peak-chart--preheat: var(--colour--b-400);--peak-chart--event: var(--colour--g-600);--peak-chart--room: var(--colour--b-800);--peak-chart--label-size: .6875rem;display:flex;flex-direction:column;gap:var(--spacing--size-06);width:100%;margin:0;padding:var(--spacing--size-07) var(--spacing--size-05);border:0;border-radius:var(--round--size-02);background-color:var(--colour--grey-000)}.peak-event-chart__scroll{overflow-x:auto;scrollbar-width:thin}.peak-event-chart__plot{display:grid;grid-template-columns:var(--peak-chart--axis) 1fr 1fr 4fr 2fr;column-gap:0;min-width:45rem;font-size:var(--peak-chart--label-size);line-height:1.3;color:var(--peak-chart--muted)}.peak-event-chart__phase{padding-bottom:var(--spacing--size-04);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.peak-event-chart__phase--preheat{grid-row:1;grid-column:3;color:var(--peak-chart--preheat)}.peak-event-chart__phase--event{grid-row:1;grid-column:4;color:var(--peak-chart--event)}.peak-event-chart__phase--after{grid-row:1;grid-column:5}.peak-event-chart__axis{position:relative;grid-row:2;grid-column:1;align-self:stretch;height:100%;margin:0;padding:0;list-style:none}.peak-event-chart__axis li{position:absolute;right:var(--spacing--size-04);transform:translateY(-50%)}.peak-event-chart__axis-current{font-weight:600;color:var(--peak-chart--room)}.peak-event-chart__svg{grid-row:2;grid-column:2 / -1;display:block;width:100%;height:auto}.peak-event-chart__bars{grid-row:3;grid-column:2 / -1;display:grid;grid-template-columns:1fr 1fr 4fr 2fr;gap:3px;margin:var(--spacing--size-05) 0 0;padding:0;list-style:none}.peak-event-chart__bars li{display:flex;align-items:center;justify-content:center;min-height:2rem;padding-inline:var(--spacing--size-03);text-align:center;border-radius:var(--round--size-01);background-color:var(--colour--ui-grey);color:var(--colour--grey-600);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.peak-event-chart__bar--preheat{background-color:color-mix(in srgb,var(--peak-chart--preheat) 15%,var(--colour--grey-000));color:var(--peak-chart--preheat)}.peak-event-chart__bars .peak-event-chart__bar--event{background-color:var(--peak-chart--event);color:var(--colour--grey-000)}.peak-event-chart__times{grid-column:2 / -1;display:grid;grid-template-columns:repeat(4,1fr) auto;margin:var(--spacing--size-03) 0 0;padding:0;list-style:none}.peak-event-chart__time--event{font-weight:600;color:var(--peak-chart--event)}.peak-event-chart__footer{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing--size-04)}.peak-event-chart__legend{display:flex;flex-wrap:wrap;gap:var(--spacing--size-03) var(--spacing--size-05);margin:0;padding:0;list-style:none;width:100%;font-size:.625rem;font-weight:500}.peak-event-chart__legend li{display:flex;align-items:center;gap:var(--spacing--size-03);min-width:0}.peak-event-chart__swatch{flex-shrink:0;width:1.25rem;height:3px;border-radius:2px;background-color:var(--peak-chart--room)}.peak-event-chart__swatch--setpoint{background:repeating-linear-gradient(90deg,var(--peak-chart--preheat) 0 5px,transparent 5px 9px)}.peak-event-chart__swatch--off{width:.75rem;height:.75rem;border-radius:3px;background-color:var(--peak-chart--event)}.peak-event-chart__note,.peak-event-chart__caption{margin:0}.peak-event-chart__note{flex-shrink:0;font-size:var(--typo--sizing--small);color:var(--peak-chart--muted);white-space:nowrap}.peak-event-chart__caption{display:none;white-space:nowrap}.peak-event-chart__svg-preheat{fill:color-mix(in srgb,var(--peak-chart--preheat) 7%,var(--colour--grey-000))}.peak-event-chart__svg-event{fill:color-mix(in srgb,var(--peak-chart--event) 5%,var(--colour--grey-000))}.peak-event-chart__svg-saved{fill:color-mix(in srgb,var(--peak-chart--event) 18%,var(--colour--grey-000))}.peak-event-chart__svg-grid{stroke:var(--colour--grey-050)}.peak-event-chart__svg-grid--current{stroke:var(--colour--grey-100)}.peak-event-chart__svg-preheat-divider{stroke:color-mix(in srgb,var(--peak-chart--preheat) 25%,var(--colour--grey-000))}.peak-event-chart__svg-event-divider{stroke:color-mix(in srgb,var(--peak-chart--event) 25%,var(--colour--grey-000))}.peak-event-chart__svg-setpoint{stroke:var(--peak-chart--preheat)}.peak-event-chart__svg-room{stroke:var(--peak-chart--room)}.peak-event-chart__svg-point{fill:var(--colour--grey-000);stroke:var(--peak-chart--room)}@media screen and (min-width:750px){.peak-event-chart{padding:var(--spacing--size-07) var(--spacing--size-08)}.peak-event-chart__caption{display:block}.peak-event-chart__footer{flex-direction:row;align-items:center;justify-content:space-between}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/peak-event-chart.css.map */