.safe-operating-space{width:var(--width-safe-space);flex-shrink:0}.high-risk-space{width:var(--width-risk-space);flex-shrink:0}.planetary-boundary-marker{position:absolute;left:var(--position-planetary-boundary);top:0}.planetary-boundary-marker rect{fill:var(--color-green)}.planetary-boundary-marker__label{color:var(--color-green);max-width:9ch;position:absolute;text-align:left;line-height:15px;font-size:1.4rem;left:var(--position-planetary-boundary)}.high-risk-marker{position:absolute;left:var(--position-high-risk);top:0}.high-risk-marker rect{fill:var(--color-red)}.high-risk-marker--animated{opacity:0;animation:fadeInDelayed 1s ease-out 1s forwards}.high-risk-marker__label{color:var(--color-red);max-width:9ch;position:absolute;text-align:left;line-height:15px;font-size:1.4rem;left:var(--position-high-risk)}.high-risk-marker__label--animated{opacity:0;animation:fadeInDelayed 1s ease-out 1s forwards}@keyframes fadeInDelayed{0%{opacity:0}to{opacity:1}}.box-plot{position:relative;display:grid;width:100%}.box-plot__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.box-plot__label{margin:0;font-size:1.4rem;font-weight:500;color:#000;font-size:var(--text-3xl, 30px);line-height:var(--text-3xl, 36px)}.box-plot__reload-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.box-plot__reload-button:hover{opacity:.7}.box-plot__reload-button svg{width:36px;height:36px}.box-plot__bar{display:flex;position:relative}.box-plot__legend{margin-top:var(--margin-top-legend);position:relative;height:40px}.danger-zone-label{position:absolute;left:69.6%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.6rem;font-weight:500;pointer-events:none;z-index:10;opacity:0}.play-button{border-radius:50%;border:none;background-color:#000;color:#fff;cursor:pointer;display:flex;width:48px;height:48px;padding:11.6px 14.08px 11.603px 17.92px;justify-content:center;align-items:center;flex-shrink:0}.play-button:hover{background-color:#2e8bd6}.play-button:active{transform:scale(.95)}.play-button svg{width:16px;height:24.797px;flex-shrink:0}@media(max-width:767px){.play-button{display:none}}.time-marker{position:absolute;top:50%;transform:translate(-50%,-66%);cursor:grab;z-index:10;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;gap:5px}.time-marker:active{cursor:grabbing}.time-marker__label{display:flex;padding:10.304px;justify-content:center;align-items:center;gap:8.586px;flex-shrink:0;border-radius:26.618px;background:#000;color:#fff;font-size:13.738px;font-style:normal;font-weight:700;line-height:normal}.time-marker__line{width:3.435px;min-height:37.78px;flex:1;background-color:#000;border-radius:50px}.timeline{display:grid;grid-template-rows:auto auto;gap:0;align-items:center;justify-items:center}.timeline__marker-area{position:relative;width:294.513px;grid-row:1;display:flex;align-items:flex-end}.timeline__track{position:relative;height:13.738px;background-color:#000;border-radius:6.869px 1.717px 1.717px 6.869px;width:294.513px;grid-row:2}.timeline__dot{position:absolute;width:3.435px;height:3.435px;background-color:#fff;border-radius:50%;transform:translate(-50%,-50%);top:50%;cursor:pointer}.time-slider{display:flex;align-items:center;justify-content:center;gap:24px;width:100%;padding:20px 0;height:83.1px}.timeline{min-width:0}:root{--width-safe-space: 25%;--width-risk-space: 75%;--position-planetary-boundary: 24.7%;--position-high-risk: 39.2%;--color-green: #009244;--color-red: #b70100;--color-blue: #3fa9f5;--color-text: #222;--height-quartile-range: 3px;--height-quartile-main: 6px;--gap-legend: 16px;--margin-top-legend: 14px;--size-marker-dot: 16px;--height-marker-label: 43px;--font-size-text: 16px}.quartile-range{position:absolute;top:50%;transform:translateY(-50%);height:var(--height-quartile-range);min-height:var(--height-quartile-range);max-height:var(--height-quartile-range);width:100%;display:block}.quartile-main{position:absolute;top:50%;transform:translateY(-50%);height:var(--height-quartile-main);min-height:var(--height-quartile-main);max-height:var(--height-quartile-main);width:100%;display:block}.box-plot-visualizer-grid,.boundary-bars-wrapper{display:grid;gap:32px}.marker-dot{position:absolute;top:50%;transform:translate(-50%,-50%);height:var(--size-marker-dot);left:0;width:var(--size-marker-dot)}.marker-label{display:flex;flex-direction:column;position:relative;height:var(--height-marker-label)}.marker-label-text{margin:0;font-size:1.6rem;font-weight:700;color:var(--color-text);background:none}.marker-wrapper{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%)}.dotted-line{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:2px;min-width:unset;min-height:unset}.boundary-bars-grid{display:grid;gap:8px}.boundary-bar__header{margin-bottom:5px;font-size:14px;line-height:15px;display:flex;align-items:baseline;gap:.4rem;font-weight:500}.boundary-bar__label{color:var(--color-blue);font-weight:500;font-size:12px;line-height:100%}.boundary-bar__chart{position:relative;display:flex;width:100%}.boundary-bar-marker{position:absolute;top:50%;transform:translate(-50%,-50%)}.name-label{color:#666;font-weight:400}