: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}.safe-operating-space-svg{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)}.high-risk-marker{position:absolute;left:var(--position-high-risk);top:0}.high-risk-marker rect{fill:var(--color-red)}.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{display:grid;gap:32px}.box-plot{position:relative;display:grid;width:100%}.box-plot__label{margin-bottom:6px;font-size:1.4rem;font-weight:500}.box-plot__bar{display:flex;position:relative}.box-plot__legend{margin-top:var(--margin-top-legend);position:relative;height:40px}.planetary-boundary-marker__label{color:var(--color-green);max-width:9ch;position:absolute;text-align:right;line-height:15px;font-size:1.4rem;right:calc(100% - var(--position-planetary-boundary))}.high-risk-marker__label{color:var(--color-red);max-width:9ch;line-height:15px;font-size:1.4rem;left:var(--position-high-risk);position:absolute}.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}