From 5e118903dd590d80bb05e9288fc48625363ccaf9 Mon Sep 17 00:00:00 2001 From: Alan Souza Date: Wed, 13 Jan 2016 15:12:27 -0300 Subject: [PATCH] v0.5.2 --- bower.json | 9 +- css/grommet-aruba.css | 640 +- css/grommet-aruba.min.css | 2 +- css/grommet-hpe.css | 674 +- css/grommet-hpe.min.css | 2 +- css/grommet-hpinc.css | 620 +- css/grommet-hpinc.min.css | 2 +- css/grommet.css | 688 +- css/grommet.min.css | 2 +- grommet.js | 21993 ++++-------------------------------- grommet.min.js | 109 +- 11 files changed, 3440 insertions(+), 21301 deletions(-) diff --git a/bower.json b/bower.json index 1a5435d..d9154e1 100644 --- a/bower.json +++ b/bower.json @@ -1,6 +1,6 @@ { "name": "grommet", - "version": "0.5.1", + "version": "0.5.2", "main": "grommet.js", "description": "The most advanced UX framework for enterprise applications.", "authors": [ @@ -25,7 +25,8 @@ "npm": "^3.3.12" }, "dependencies": { - "react": "^0.13.1", - "grommet": "^0.5.1" - } + "react": "^0.14.2", + "grommet": "^0.5.2" + }, + "ignore": [] } \ No newline at end of file diff --git a/css/grommet-aruba.css b/css/grommet-aruba.css index d042e29..d17f027 100644 --- a/css/grommet-aruba.css +++ b/css/grommet-aruba.css @@ -2137,79 +2137,79 @@ button:not(.button) { width: 100%; height: 192px; max-height: calc(100vh - 144px); } - .distribution__box { + .distribution__item--clickable { cursor: pointer; } - .distribution__box.color-index-unset { - fill: #ddd; } - .distribution__box.color-index-brand { - fill: #ff8300; } - .distribution__box.color-index-critical { - fill: #c8200d; } - .distribution__box.color-index-error { - fill: #c8200d; } - .distribution__box.color-index-warning { - fill: #e57118; } - .distribution__box.color-index-ok { - fill: #2aac24; } - .distribution__box.color-index-unknown { - fill: #999999; } - .distribution__box.color-index-disabled { - fill: #999999; } - .distribution__box.color-index-graph-1, .distribution__box.color-index-graph-6 { - fill: #ec9b58; } - .distribution__box.color-index-graph-2, .distribution__box.color-index-graph-7 { - fill: #0049a0; } - .distribution__box.color-index-graph-3, .distribution__box.color-index-graph-8 { - fill: #886f9c; } - .distribution__box.color-index-graph-4, .distribution__box.color-index-graph-9 { - fill: #5fbcdd; } - .distribution__box.color-index-graph-5, .distribution__box.color-index-graph-10 { - fill: #7fba44; } - .distribution__box.color-index-grey-1, .distribution__box.color-index-grey-4 { - fill: #2d3034; } - .distribution__box.color-index-grey-2, .distribution__box.color-index-grey-5 { - fill: #52555a; } - .distribution__box.color-index-grey-3, .distribution__box.color-index-grey-6 { - fill: #999999; } - .distribution__icons.color-index-loading { + .distribution__item-box.color-index-unset { + fill: #ddd; } + .distribution__item-box.color-index-brand { + fill: #ff8300; } + .distribution__item-box.color-index-critical { + fill: #c8200d; } + .distribution__item-box.color-index-error { + fill: #c8200d; } + .distribution__item-box.color-index-warning { + fill: #e57118; } + .distribution__item-box.color-index-ok { + fill: #2aac24; } + .distribution__item-box.color-index-unknown { + fill: #999999; } + .distribution__item-box.color-index-disabled { + fill: #999999; } + .distribution__item-box.color-index-graph-1, .distribution__item-box.color-index-graph-6 { + fill: #ec9b58; } + .distribution__item-box.color-index-graph-2, .distribution__item-box.color-index-graph-7 { + fill: #0049a0; } + .distribution__item-box.color-index-graph-3, .distribution__item-box.color-index-graph-8 { + fill: #886f9c; } + .distribution__item-box.color-index-graph-4, .distribution__item-box.color-index-graph-9 { + fill: #5fbcdd; } + .distribution__item-box.color-index-graph-5, .distribution__item-box.color-index-graph-10 { + fill: #7fba44; } + .distribution__item-box.color-index-grey-1, .distribution__item-box.color-index-grey-4 { + fill: #2d3034; } + .distribution__item-box.color-index-grey-2, .distribution__item-box.color-index-grey-5 { + fill: #52555a; } + .distribution__item-box.color-index-grey-3, .distribution__item-box.color-index-grey-6 { + fill: #999999; } + .distribution__item-icons.color-index-loading { stroke: #ddd; stroke-dasharray: 1px 10px; stroke-dashoffset: 0; } - .distribution__icons.color-index-unset { + .distribution__item-icons.color-index-unset { stroke: #ddd; } - .distribution__icons.color-index-brand { + .distribution__item-icons.color-index-brand { stroke: #ff8300; } - .distribution__icons.color-index-critical { + .distribution__item-icons.color-index-critical { stroke: #c8200d; } - .distribution__icons.color-index-error { + .distribution__item-icons.color-index-error { stroke: #c8200d; } - .distribution__icons.color-index-warning { + .distribution__item-icons.color-index-warning { stroke: #e57118; } - .distribution__icons.color-index-ok { + .distribution__item-icons.color-index-ok { stroke: #2aac24; } - .distribution__icons.color-index-unknown { + .distribution__item-icons.color-index-unknown { stroke: #999999; } - .distribution__icons.color-index-disabled { + .distribution__item-icons.color-index-disabled { stroke: #999999; } - .distribution__icons.color-index-graph-1, .distribution__icons.color-index-graph-6 { + .distribution__item-icons.color-index-graph-1, .distribution__item-icons.color-index-graph-6 { stroke: #ec9b58; } - .distribution__icons.color-index-graph-2, .distribution__icons.color-index-graph-7 { + .distribution__item-icons.color-index-graph-2, .distribution__item-icons.color-index-graph-7 { stroke: #0049a0; } - .distribution__icons.color-index-graph-3, .distribution__icons.color-index-graph-8 { + .distribution__item-icons.color-index-graph-3, .distribution__item-icons.color-index-graph-8 { stroke: #886f9c; } - .distribution__icons.color-index-graph-4, .distribution__icons.color-index-graph-9 { + .distribution__item-icons.color-index-graph-4, .distribution__item-icons.color-index-graph-9 { stroke: #5fbcdd; } - .distribution__icons.color-index-graph-5, .distribution__icons.color-index-graph-10 { + .distribution__item-icons.color-index-graph-5, .distribution__item-icons.color-index-graph-10 { stroke: #7fba44; } - .distribution__icons.color-index-grey-1, .distribution__icons.color-index-grey-4 { + .distribution__item-icons.color-index-grey-1, .distribution__item-icons.color-index-grey-4 { stroke: #2d3034; } - .distribution__icons.color-index-grey-2, .distribution__icons.color-index-grey-5 { + .distribution__item-icons.color-index-grey-2, .distribution__item-icons.color-index-grey-5 { stroke: #52555a; } - .distribution__icons.color-index-grey-3, .distribution__icons.color-index-grey-6 { + .distribution__item-icons.color-index-grey-3, .distribution__item-icons.color-index-grey-6 { stroke: #999999; } - .distribution__icons.color-index-light-1, .distribution__icons.color-index-light-3 { + .distribution__item-icons.color-index-light-1, .distribution__item-icons.color-index-light-3 { stroke: #ffffff; } - .distribution__icons.color-index-light-2, .distribution__icons.color-index-light-4 { + .distribution__item-icons.color-index-light-2, .distribution__item-icons.color-index-light-4 { stroke: #f5f5f5; } .distribution__label { position: absolute; @@ -2233,12 +2233,8 @@ button:not(.button) { font-weight: normal; } .distribution__label-label { display: block; } - .distribution__label--small { - padding: 12px; } - .distribution__label--small .distribution__label-value { - font-size: 20px; - font-size: 1.25rem; - line-height: 1.2; } + .distribution__label--active { + color: #333; } .distribution__label--thin .distribution__label-value, .distribution__label--thin .distribution__label-label { display: inline-block; } @@ -2295,6 +2291,13 @@ button:not(.button) { padding: 0 12px 12px 0; } .distribution--icons .distribution__label-value { line-height: 1; } + .distribution--small-label .distribution__label { + padding-top: 0px; + padding-left: 6px; } + .distribution--small-label .distribution__label-value { + font-size: 20px; + font-size: 1.25rem; + line-height: 1.2; } .distribution--small .distribution__graphic { height: 96px; } .distribution--large .distribution__graphic { @@ -2879,6 +2882,12 @@ header.header { right: 0px; } header.header--primary .header__wrapper { border-bottom: none; } + header.header h1, + header.header h2, + header.header h3, + header.header h4, + header.header h5 { + margin-bottom: 0; } header.header.header--splash { -webkit-transform: translate(0, 40vh); transform: translate(0, 40vh); } @@ -2974,7 +2983,8 @@ div.header--flush .header__wrapper { vertical-align: middle; cursor: pointer; fill: #999; - stroke: #999; } + stroke: #999; + flex: 0 0 auto; } .control-icon *:not([stroke])[fill="none"] { stroke-width: 0; } .control-icon *[stroke] { @@ -3088,7 +3098,8 @@ div.header--flush .header__wrapper { .status-icon { width: 24px; height: 24px; - vertical-align: middle; } + vertical-align: middle; + flex: 0 0 auto; } .status-icon .status-icon__base { fill: #999999; } .status-icon-critical .status-icon__base { @@ -3401,16 +3412,7 @@ a.active > .label .label__icon.control-icon svg { color: #777; font-style: italic; } .list .list-item { - padding-left: 24px; - padding-right: 24px; - padding-top: 12px; - padding-bottom: 12px; - border-bottom: 1px solid #ccc; - display: flex; - align-items: center; max-width: none; } - .list .list-item:last-child { - border-bottom: none; } .list .list-item__image { height: 24px; width: 24px; @@ -3436,9 +3438,6 @@ a.active > .label .label__icon.control-icon svg { color: #333; } .list .list-item--row .list-item__annotation { text-align: right; } - .list .list-item--column { - flex-direction: column; - align-items: start; } .list--selectable .list-item { cursor: pointer; transition: background-color 0.2s; } @@ -3448,22 +3447,14 @@ a.active > .label .label__icon.control-icon svg { .list--selectable .list-item:hover:not(.list-item--selected) { background-color: rgba(0, 0, 0, 0.1); color: #000; } - .list--small .list-item, - .list--small .list__more { - padding-top: 6px; - padding-bottom: 6px; } - .list--small .list-item__image, - .list--small .list__more__image { - height: 12px; - width: 12px; } - .list--large .list-item, - .list--large .list__more { - padding-top: 24px; - padding-bottom: 24px; } - .list--large .list-item__image, - .list--large .list__more__image { - height: 48px; - width: 48px; } + .list--small .list-item__image, + .list--small .list__more__image { + height: 12px; + width: 12px; } + .list--large .list-item__image, + .list--large .list__more__image { + height: 48px; + width: 48px; } .legend { text-align: left; @@ -3485,63 +3476,63 @@ a.active > .label .label__icon.control-icon svg { .legend__item-units, .legend__total-units { display: inline-block; margin-left: 6px; } - .legend__item { + .legend__item--clickable { cursor: pointer; } - .legend__item svg.legend__item-swatch { - width: 12px; - height: 12px; - margin-top: 6px; - margin-right: 12px; - overflow: visible; } - .legend__item svg.legend__item-swatch.color-index-loading { - stroke: #ddd; - stroke-dasharray: 1px 10px; - stroke-dashoffset: 0; } - .legend__item svg.legend__item-swatch.color-index-unset { - stroke: #ddd; } - .legend__item svg.legend__item-swatch.color-index-brand { - stroke: #ff8300; } - .legend__item svg.legend__item-swatch.color-index-critical { - stroke: #c8200d; } - .legend__item svg.legend__item-swatch.color-index-error { - stroke: #c8200d; } - .legend__item svg.legend__item-swatch.color-index-warning { - stroke: #e57118; } - .legend__item svg.legend__item-swatch.color-index-ok { - stroke: #2aac24; } - .legend__item svg.legend__item-swatch.color-index-unknown { - stroke: #999999; } - .legend__item svg.legend__item-swatch.color-index-disabled { - stroke: #999999; } - .legend__item svg.legend__item-swatch.color-index-graph-1, .legend__item svg.legend__item-swatch.color-index-graph-6 { - stroke: #ec9b58; } - .legend__item svg.legend__item-swatch.color-index-graph-2, .legend__item svg.legend__item-swatch.color-index-graph-7 { - stroke: #0049a0; } - .legend__item svg.legend__item-swatch.color-index-graph-3, .legend__item svg.legend__item-swatch.color-index-graph-8 { - stroke: #886f9c; } - .legend__item svg.legend__item-swatch.color-index-graph-4, .legend__item svg.legend__item-swatch.color-index-graph-9 { - stroke: #5fbcdd; } - .legend__item svg.legend__item-swatch.color-index-graph-5, .legend__item svg.legend__item-swatch.color-index-graph-10 { - stroke: #7fba44; } - .legend__item svg.legend__item-swatch.color-index-grey-1, .legend__item svg.legend__item-swatch.color-index-grey-4 { - stroke: #2d3034; } - .legend__item svg.legend__item-swatch.color-index-grey-2, .legend__item svg.legend__item-swatch.color-index-grey-5 { - stroke: #52555a; } - .legend__item svg.legend__item-swatch.color-index-grey-3, .legend__item svg.legend__item-swatch.color-index-grey-6 { - stroke: #999999; } - .legend__item svg.legend__item-swatch.color-index-light-1, .legend__item svg.legend__item-swatch.color-index-light-3 { - stroke: #ffffff; } - .legend__item svg.legend__item-swatch.color-index-light-2, .legend__item svg.legend__item-swatch.color-index-light-4 { - stroke: #f5f5f5; } - .legend__item svg.legend__item-swatch path { - stroke-width: 12px; - transition-property: stroke-width; - transition-duration: 0.3s; - transition-timing-function: ease-in-out; } - .legend__item--active { - color: #333; } - .legend__item--active svg.legend__item-swatch path { - stroke-width: 12px; } + .legend__item svg.legend__item-swatch { + width: 12px; + height: 12px; + margin-top: 6px; + margin-right: 12px; + overflow: visible; } + .legend__item svg.legend__item-swatch.color-index-loading { + stroke: #ddd; + stroke-dasharray: 1px 10px; + stroke-dashoffset: 0; } + .legend__item svg.legend__item-swatch.color-index-unset { + stroke: #ddd; } + .legend__item svg.legend__item-swatch.color-index-brand { + stroke: #ff8300; } + .legend__item svg.legend__item-swatch.color-index-critical { + stroke: #c8200d; } + .legend__item svg.legend__item-swatch.color-index-error { + stroke: #c8200d; } + .legend__item svg.legend__item-swatch.color-index-warning { + stroke: #e57118; } + .legend__item svg.legend__item-swatch.color-index-ok { + stroke: #2aac24; } + .legend__item svg.legend__item-swatch.color-index-unknown { + stroke: #999999; } + .legend__item svg.legend__item-swatch.color-index-disabled { + stroke: #999999; } + .legend__item svg.legend__item-swatch.color-index-graph-1, .legend__item svg.legend__item-swatch.color-index-graph-6 { + stroke: #ec9b58; } + .legend__item svg.legend__item-swatch.color-index-graph-2, .legend__item svg.legend__item-swatch.color-index-graph-7 { + stroke: #0049a0; } + .legend__item svg.legend__item-swatch.color-index-graph-3, .legend__item svg.legend__item-swatch.color-index-graph-8 { + stroke: #886f9c; } + .legend__item svg.legend__item-swatch.color-index-graph-4, .legend__item svg.legend__item-swatch.color-index-graph-9 { + stroke: #5fbcdd; } + .legend__item svg.legend__item-swatch.color-index-graph-5, .legend__item svg.legend__item-swatch.color-index-graph-10 { + stroke: #7fba44; } + .legend__item svg.legend__item-swatch.color-index-grey-1, .legend__item svg.legend__item-swatch.color-index-grey-4 { + stroke: #2d3034; } + .legend__item svg.legend__item-swatch.color-index-grey-2, .legend__item svg.legend__item-swatch.color-index-grey-5 { + stroke: #52555a; } + .legend__item svg.legend__item-swatch.color-index-grey-3, .legend__item svg.legend__item-swatch.color-index-grey-6 { + stroke: #999999; } + .legend__item svg.legend__item-swatch.color-index-light-1, .legend__item svg.legend__item-swatch.color-index-light-3 { + stroke: #ffffff; } + .legend__item svg.legend__item-swatch.color-index-light-2, .legend__item svg.legend__item-swatch.color-index-light-4 { + stroke: #f5f5f5; } + .legend__item svg.legend__item-swatch path { + stroke-width: 12px; + transition-property: stroke-width; + transition-duration: 0.3s; + transition-timing-function: ease-in-out; } + .legend__item--active { + color: #333; } + .legend__item--active svg.legend__item-swatch path { + stroke-width: 12px; } .legend__total { margin-left: 24px; } .legend__total > * { @@ -3734,14 +3725,11 @@ a.active > .label .label__icon.control-icon svg { font-size: 1rem; line-height: inherit; max-height: 100vh; } - .menu__drop .anchor, - .menu__drop a { + .menu__drop .anchor { padding: 12px 24px; white-space: nowrap; display: block; } - .menu__drop .anchor:hover, .menu__drop .anchor:focus, - .menu__drop a:hover, - .menu__drop a:focus { + .menu__drop .anchor:hover, .menu__drop .anchor:focus { text-decoration: none; background-color: rgba(0, 0, 0, 0.1); } .menu__drop .check-box, @@ -4022,53 +4010,53 @@ a.active > .label .label__icon.control-icon svg { stroke-linecap: butt; stroke-dasharray: 192px 192px; stroke-dashoffset: 0; } - .meter--bar .meter__values .meter__slice { + .meter--bar .meter__values .meter__slice.color-index-loading { + stroke: #ddd; + stroke-dasharray: 1px 10px; + stroke-dashoffset: 0; } + .meter--bar .meter__values .meter__slice.color-index-unset { + stroke: #ddd; } + .meter--bar .meter__values .meter__slice.color-index-brand { + stroke: #ff8300; } + .meter--bar .meter__values .meter__slice.color-index-critical { + stroke: #c8200d; } + .meter--bar .meter__values .meter__slice.color-index-error { + stroke: #c8200d; } + .meter--bar .meter__values .meter__slice.color-index-warning { + stroke: #e57118; } + .meter--bar .meter__values .meter__slice.color-index-ok { + stroke: #2aac24; } + .meter--bar .meter__values .meter__slice.color-index-unknown { + stroke: #999999; } + .meter--bar .meter__values .meter__slice.color-index-disabled { + stroke: #999999; } + .meter--bar .meter__values .meter__slice.color-index-graph-1, .meter--bar .meter__values .meter__slice.color-index-graph-6 { + stroke: #ec9b58; } + .meter--bar .meter__values .meter__slice.color-index-graph-2, .meter--bar .meter__values .meter__slice.color-index-graph-7 { + stroke: #0049a0; } + .meter--bar .meter__values .meter__slice.color-index-graph-3, .meter--bar .meter__values .meter__slice.color-index-graph-8 { + stroke: #886f9c; } + .meter--bar .meter__values .meter__slice.color-index-graph-4, .meter--bar .meter__values .meter__slice.color-index-graph-9 { + stroke: #5fbcdd; } + .meter--bar .meter__values .meter__slice.color-index-graph-5, .meter--bar .meter__values .meter__slice.color-index-graph-10 { + stroke: #7fba44; } + .meter--bar .meter__values .meter__slice.color-index-grey-1, .meter--bar .meter__values .meter__slice.color-index-grey-4 { + stroke: #2d3034; } + .meter--bar .meter__values .meter__slice.color-index-grey-2, .meter--bar .meter__values .meter__slice.color-index-grey-5 { + stroke: #52555a; } + .meter--bar .meter__values .meter__slice.color-index-grey-3, .meter--bar .meter__values .meter__slice.color-index-grey-6 { + stroke: #999999; } + .meter--bar .meter__values .meter__slice.color-index-light-1, .meter--bar .meter__values .meter__slice.color-index-light-3 { + stroke: #ffffff; } + .meter--bar .meter__values .meter__slice.color-index-light-2, .meter--bar .meter__values .meter__slice.color-index-light-4 { + stroke: #f5f5f5; } + .meter--bar .meter__values .meter__slice--clickable { cursor: pointer; } - .meter--bar .meter__values .meter__slice.color-index-loading { - stroke: #ddd; - stroke-dasharray: 1px 10px; - stroke-dashoffset: 0; } - .meter--bar .meter__values .meter__slice.color-index-unset { - stroke: #ddd; } - .meter--bar .meter__values .meter__slice.color-index-brand { - stroke: #ff8300; } - .meter--bar .meter__values .meter__slice.color-index-critical { - stroke: #c8200d; } - .meter--bar .meter__values .meter__slice.color-index-error { - stroke: #c8200d; } - .meter--bar .meter__values .meter__slice.color-index-warning { - stroke: #e57118; } - .meter--bar .meter__values .meter__slice.color-index-ok { - stroke: #2aac24; } - .meter--bar .meter__values .meter__slice.color-index-unknown { - stroke: #999999; } - .meter--bar .meter__values .meter__slice.color-index-disabled { - stroke: #999999; } - .meter--bar .meter__values .meter__slice.color-index-graph-1, .meter--bar .meter__values .meter__slice.color-index-graph-6 { - stroke: #ec9b58; } - .meter--bar .meter__values .meter__slice.color-index-graph-2, .meter--bar .meter__values .meter__slice.color-index-graph-7 { - stroke: #0049a0; } - .meter--bar .meter__values .meter__slice.color-index-graph-3, .meter--bar .meter__values .meter__slice.color-index-graph-8 { - stroke: #886f9c; } - .meter--bar .meter__values .meter__slice.color-index-graph-4, .meter--bar .meter__values .meter__slice.color-index-graph-9 { - stroke: #5fbcdd; } - .meter--bar .meter__values .meter__slice.color-index-graph-5, .meter--bar .meter__values .meter__slice.color-index-graph-10 { - stroke: #7fba44; } - .meter--bar .meter__values .meter__slice.color-index-grey-1, .meter--bar .meter__values .meter__slice.color-index-grey-4 { - stroke: #2d3034; } - .meter--bar .meter__values .meter__slice.color-index-grey-2, .meter--bar .meter__values .meter__slice.color-index-grey-5 { - stroke: #52555a; } - .meter--bar .meter__values .meter__slice.color-index-grey-3, .meter--bar .meter__values .meter__slice.color-index-grey-6 { - stroke: #999999; } - .meter--bar .meter__values .meter__slice.color-index-light-1, .meter--bar .meter__values .meter__slice.color-index-light-3 { - stroke: #ffffff; } - .meter--bar .meter__values .meter__slice.color-index-light-2, .meter--bar .meter__values .meter__slice.color-index-light-4 { - stroke: #f5f5f5; } - @media screen and (min-width: 45em) { - .meter--bar .meter__values .meter__slice { - transition: stroke-width 0.2s; - -webkit-animation: draw-meter 1.5s linear; - animation: draw-meter 1.5s linear; } } + @media screen and (min-width: 45em) { + .meter--bar .meter__values .meter__slice { + transition: stroke-width 0.2s; + -webkit-animation: draw-meter 1.5s linear; + animation: draw-meter 1.5s linear; } } .meter--bar .meter__thresholds .meter__slice.color-index-unset { stroke: rgba(221, 221, 221, 0.5); } .meter--bar .meter__thresholds .meter__slice.color-index-brand { @@ -4122,10 +4110,14 @@ a.active > .label .label__icon.control-icon svg { .meter--bar:not(.meter--vertical).meter--single .meter__value-label, .meter--bar:not(.meter--vertical).meter--stacked .meter__value-label { display: inline-block; margin-left: 4px; } + .meter--bar:not(.meter--vertical).meter--single.meter--legend-right .meter__value, .meter--bar:not(.meter--vertical).meter--stacked.meter--legend-right .meter__value { + min-width: 84px; } .meter--bar:not(.meter--vertical).meter--legend-right .meter__legend { top: 0px; -webkit-transform: none; transform: none; } + .meter--bar:not(.meter--vertical).meter--legend-right .meter__value { + min-width: 48px; } .meter--bar:not(.meter--vertical).meter--small svg.meter__graphic { width: 96px; } .meter--bar:not(.meter--vertical).meter--small .meter__value-value, @@ -4133,6 +4125,10 @@ a.active > .label .label__icon.control-icon svg { font-size: 16px; font-size: 1rem; line-height: 1.5; } + .meter--bar:not(.meter--vertical).meter--small.meter--legend-right .meter__value { + min-width: 42px; } + .meter--bar:not(.meter--vertical).meter--small.meter--legend-right.meter--stacked .meter__value { + min-width: 72px; } .meter--bar:not(.meter--vertical).meter--large svg.meter__graphic { width: 288px; } .meter--bar:not(.meter--vertical).meter--large .meter__value { @@ -4160,12 +4156,16 @@ a.active > .label .label__icon.control-icon svg { left: 24px; } .meter--bar.meter--vertical.meter--legend-right .meter__legend { top: 96px; } + .meter--bar.meter--vertical.meter--legend-right .meter__value { + min-width: 60px; } .meter--bar.meter--vertical.meter--small svg.meter__graphic { height: 96px; } .meter--bar.meter--vertical.meter--small .meter__value { top: 48px; } .meter--bar.meter--vertical.meter--small.meter--legend-right .meter__legend { top: 48px; } + .meter--bar.meter--vertical.meter--small.meter--legend-right .meter__value { + min-width: 42px; } .meter--bar.meter--vertical.meter--large svg.meter__graphic { height: 288px; } .meter--bar.meter--vertical.meter--large .meter__value { @@ -4189,53 +4189,53 @@ a.active > .label .label__icon.control-icon svg { stroke-linecap: square; stroke-width: 4px; stroke: #000; } - .meter--circle .meter__values .meter__slice, .meter--arc .meter__values .meter__slice, .meter--spiral .meter__values .meter__slice { + .meter--circle .meter__values .meter__slice.color-index-loading, .meter--arc .meter__values .meter__slice.color-index-loading, .meter--spiral .meter__values .meter__slice.color-index-loading { + stroke: #ddd; + stroke-dasharray: 1px 10px; + stroke-dashoffset: 0; } + .meter--circle .meter__values .meter__slice.color-index-unset, .meter--arc .meter__values .meter__slice.color-index-unset, .meter--spiral .meter__values .meter__slice.color-index-unset { + stroke: #ddd; } + .meter--circle .meter__values .meter__slice.color-index-brand, .meter--arc .meter__values .meter__slice.color-index-brand, .meter--spiral .meter__values .meter__slice.color-index-brand { + stroke: #ff8300; } + .meter--circle .meter__values .meter__slice.color-index-critical, .meter--arc .meter__values .meter__slice.color-index-critical, .meter--spiral .meter__values .meter__slice.color-index-critical { + stroke: #c8200d; } + .meter--circle .meter__values .meter__slice.color-index-error, .meter--arc .meter__values .meter__slice.color-index-error, .meter--spiral .meter__values .meter__slice.color-index-error { + stroke: #c8200d; } + .meter--circle .meter__values .meter__slice.color-index-warning, .meter--arc .meter__values .meter__slice.color-index-warning, .meter--spiral .meter__values .meter__slice.color-index-warning { + stroke: #e57118; } + .meter--circle .meter__values .meter__slice.color-index-ok, .meter--arc .meter__values .meter__slice.color-index-ok, .meter--spiral .meter__values .meter__slice.color-index-ok { + stroke: #2aac24; } + .meter--circle .meter__values .meter__slice.color-index-unknown, .meter--arc .meter__values .meter__slice.color-index-unknown, .meter--spiral .meter__values .meter__slice.color-index-unknown { + stroke: #999999; } + .meter--circle .meter__values .meter__slice.color-index-disabled, .meter--arc .meter__values .meter__slice.color-index-disabled, .meter--spiral .meter__values .meter__slice.color-index-disabled { + stroke: #999999; } + .meter--circle .meter__values .meter__slice.color-index-graph-1, .meter--circle .meter__values .meter__slice.color-index-graph-6, .meter--arc .meter__values .meter__slice.color-index-graph-1, .meter--arc .meter__values .meter__slice.color-index-graph-6, .meter--spiral .meter__values .meter__slice.color-index-graph-1, .meter--spiral .meter__values .meter__slice.color-index-graph-6 { + stroke: #ec9b58; } + .meter--circle .meter__values .meter__slice.color-index-graph-2, .meter--circle .meter__values .meter__slice.color-index-graph-7, .meter--arc .meter__values .meter__slice.color-index-graph-2, .meter--arc .meter__values .meter__slice.color-index-graph-7, .meter--spiral .meter__values .meter__slice.color-index-graph-2, .meter--spiral .meter__values .meter__slice.color-index-graph-7 { + stroke: #0049a0; } + .meter--circle .meter__values .meter__slice.color-index-graph-3, .meter--circle .meter__values .meter__slice.color-index-graph-8, .meter--arc .meter__values .meter__slice.color-index-graph-3, .meter--arc .meter__values .meter__slice.color-index-graph-8, .meter--spiral .meter__values .meter__slice.color-index-graph-3, .meter--spiral .meter__values .meter__slice.color-index-graph-8 { + stroke: #886f9c; } + .meter--circle .meter__values .meter__slice.color-index-graph-4, .meter--circle .meter__values .meter__slice.color-index-graph-9, .meter--arc .meter__values .meter__slice.color-index-graph-4, .meter--arc .meter__values .meter__slice.color-index-graph-9, .meter--spiral .meter__values .meter__slice.color-index-graph-4, .meter--spiral .meter__values .meter__slice.color-index-graph-9 { + stroke: #5fbcdd; } + .meter--circle .meter__values .meter__slice.color-index-graph-5, .meter--circle .meter__values .meter__slice.color-index-graph-10, .meter--arc .meter__values .meter__slice.color-index-graph-5, .meter--arc .meter__values .meter__slice.color-index-graph-10, .meter--spiral .meter__values .meter__slice.color-index-graph-5, .meter--spiral .meter__values .meter__slice.color-index-graph-10 { + stroke: #7fba44; } + .meter--circle .meter__values .meter__slice.color-index-grey-1, .meter--circle .meter__values .meter__slice.color-index-grey-4, .meter--arc .meter__values .meter__slice.color-index-grey-1, .meter--arc .meter__values .meter__slice.color-index-grey-4, .meter--spiral .meter__values .meter__slice.color-index-grey-1, .meter--spiral .meter__values .meter__slice.color-index-grey-4 { + stroke: #2d3034; } + .meter--circle .meter__values .meter__slice.color-index-grey-2, .meter--circle .meter__values .meter__slice.color-index-grey-5, .meter--arc .meter__values .meter__slice.color-index-grey-2, .meter--arc .meter__values .meter__slice.color-index-grey-5, .meter--spiral .meter__values .meter__slice.color-index-grey-2, .meter--spiral .meter__values .meter__slice.color-index-grey-5 { + stroke: #52555a; } + .meter--circle .meter__values .meter__slice.color-index-grey-3, .meter--circle .meter__values .meter__slice.color-index-grey-6, .meter--arc .meter__values .meter__slice.color-index-grey-3, .meter--arc .meter__values .meter__slice.color-index-grey-6, .meter--spiral .meter__values .meter__slice.color-index-grey-3, .meter--spiral .meter__values .meter__slice.color-index-grey-6 { + stroke: #999999; } + .meter--circle .meter__values .meter__slice.color-index-light-1, .meter--circle .meter__values .meter__slice.color-index-light-3, .meter--arc .meter__values .meter__slice.color-index-light-1, .meter--arc .meter__values .meter__slice.color-index-light-3, .meter--spiral .meter__values .meter__slice.color-index-light-1, .meter--spiral .meter__values .meter__slice.color-index-light-3 { + stroke: #ffffff; } + .meter--circle .meter__values .meter__slice.color-index-light-2, .meter--circle .meter__values .meter__slice.color-index-light-4, .meter--arc .meter__values .meter__slice.color-index-light-2, .meter--arc .meter__values .meter__slice.color-index-light-4, .meter--spiral .meter__values .meter__slice.color-index-light-2, .meter--spiral .meter__values .meter__slice.color-index-light-4 { + stroke: #f5f5f5; } + .meter--circle .meter__values .meter__slice--clickable, .meter--arc .meter__values .meter__slice--clickable, .meter--spiral .meter__values .meter__slice--clickable { cursor: pointer; } - .meter--circle .meter__values .meter__slice.color-index-loading, .meter--arc .meter__values .meter__slice.color-index-loading, .meter--spiral .meter__values .meter__slice.color-index-loading { - stroke: #ddd; - stroke-dasharray: 1px 10px; - stroke-dashoffset: 0; } - .meter--circle .meter__values .meter__slice.color-index-unset, .meter--arc .meter__values .meter__slice.color-index-unset, .meter--spiral .meter__values .meter__slice.color-index-unset { - stroke: #ddd; } - .meter--circle .meter__values .meter__slice.color-index-brand, .meter--arc .meter__values .meter__slice.color-index-brand, .meter--spiral .meter__values .meter__slice.color-index-brand { - stroke: #ff8300; } - .meter--circle .meter__values .meter__slice.color-index-critical, .meter--arc .meter__values .meter__slice.color-index-critical, .meter--spiral .meter__values .meter__slice.color-index-critical { - stroke: #c8200d; } - .meter--circle .meter__values .meter__slice.color-index-error, .meter--arc .meter__values .meter__slice.color-index-error, .meter--spiral .meter__values .meter__slice.color-index-error { - stroke: #c8200d; } - .meter--circle .meter__values .meter__slice.color-index-warning, .meter--arc .meter__values .meter__slice.color-index-warning, .meter--spiral .meter__values .meter__slice.color-index-warning { - stroke: #e57118; } - .meter--circle .meter__values .meter__slice.color-index-ok, .meter--arc .meter__values .meter__slice.color-index-ok, .meter--spiral .meter__values .meter__slice.color-index-ok { - stroke: #2aac24; } - .meter--circle .meter__values .meter__slice.color-index-unknown, .meter--arc .meter__values .meter__slice.color-index-unknown, .meter--spiral .meter__values .meter__slice.color-index-unknown { - stroke: #999999; } - .meter--circle .meter__values .meter__slice.color-index-disabled, .meter--arc .meter__values .meter__slice.color-index-disabled, .meter--spiral .meter__values .meter__slice.color-index-disabled { - stroke: #999999; } - .meter--circle .meter__values .meter__slice.color-index-graph-1, .meter--circle .meter__values .meter__slice.color-index-graph-6, .meter--arc .meter__values .meter__slice.color-index-graph-1, .meter--arc .meter__values .meter__slice.color-index-graph-6, .meter--spiral .meter__values .meter__slice.color-index-graph-1, .meter--spiral .meter__values .meter__slice.color-index-graph-6 { - stroke: #ec9b58; } - .meter--circle .meter__values .meter__slice.color-index-graph-2, .meter--circle .meter__values .meter__slice.color-index-graph-7, .meter--arc .meter__values .meter__slice.color-index-graph-2, .meter--arc .meter__values .meter__slice.color-index-graph-7, .meter--spiral .meter__values .meter__slice.color-index-graph-2, .meter--spiral .meter__values .meter__slice.color-index-graph-7 { - stroke: #0049a0; } - .meter--circle .meter__values .meter__slice.color-index-graph-3, .meter--circle .meter__values .meter__slice.color-index-graph-8, .meter--arc .meter__values .meter__slice.color-index-graph-3, .meter--arc .meter__values .meter__slice.color-index-graph-8, .meter--spiral .meter__values .meter__slice.color-index-graph-3, .meter--spiral .meter__values .meter__slice.color-index-graph-8 { - stroke: #886f9c; } - .meter--circle .meter__values .meter__slice.color-index-graph-4, .meter--circle .meter__values .meter__slice.color-index-graph-9, .meter--arc .meter__values .meter__slice.color-index-graph-4, .meter--arc .meter__values .meter__slice.color-index-graph-9, .meter--spiral .meter__values .meter__slice.color-index-graph-4, .meter--spiral .meter__values .meter__slice.color-index-graph-9 { - stroke: #5fbcdd; } - .meter--circle .meter__values .meter__slice.color-index-graph-5, .meter--circle .meter__values .meter__slice.color-index-graph-10, .meter--arc .meter__values .meter__slice.color-index-graph-5, .meter--arc .meter__values .meter__slice.color-index-graph-10, .meter--spiral .meter__values .meter__slice.color-index-graph-5, .meter--spiral .meter__values .meter__slice.color-index-graph-10 { - stroke: #7fba44; } - .meter--circle .meter__values .meter__slice.color-index-grey-1, .meter--circle .meter__values .meter__slice.color-index-grey-4, .meter--arc .meter__values .meter__slice.color-index-grey-1, .meter--arc .meter__values .meter__slice.color-index-grey-4, .meter--spiral .meter__values .meter__slice.color-index-grey-1, .meter--spiral .meter__values .meter__slice.color-index-grey-4 { - stroke: #2d3034; } - .meter--circle .meter__values .meter__slice.color-index-grey-2, .meter--circle .meter__values .meter__slice.color-index-grey-5, .meter--arc .meter__values .meter__slice.color-index-grey-2, .meter--arc .meter__values .meter__slice.color-index-grey-5, .meter--spiral .meter__values .meter__slice.color-index-grey-2, .meter--spiral .meter__values .meter__slice.color-index-grey-5 { - stroke: #52555a; } - .meter--circle .meter__values .meter__slice.color-index-grey-3, .meter--circle .meter__values .meter__slice.color-index-grey-6, .meter--arc .meter__values .meter__slice.color-index-grey-3, .meter--arc .meter__values .meter__slice.color-index-grey-6, .meter--spiral .meter__values .meter__slice.color-index-grey-3, .meter--spiral .meter__values .meter__slice.color-index-grey-6 { - stroke: #999999; } - .meter--circle .meter__values .meter__slice.color-index-light-1, .meter--circle .meter__values .meter__slice.color-index-light-3, .meter--arc .meter__values .meter__slice.color-index-light-1, .meter--arc .meter__values .meter__slice.color-index-light-3, .meter--spiral .meter__values .meter__slice.color-index-light-1, .meter--spiral .meter__values .meter__slice.color-index-light-3 { - stroke: #ffffff; } - .meter--circle .meter__values .meter__slice.color-index-light-2, .meter--circle .meter__values .meter__slice.color-index-light-4, .meter--arc .meter__values .meter__slice.color-index-light-2, .meter--arc .meter__values .meter__slice.color-index-light-4, .meter--spiral .meter__values .meter__slice.color-index-light-2, .meter--spiral .meter__values .meter__slice.color-index-light-4 { - stroke: #f5f5f5; } - @media screen and (min-width: 45em) { - .meter--circle .meter__values .meter__slice, .meter--arc .meter__values .meter__slice, .meter--spiral .meter__values .meter__slice { - transition: stroke-width 0.2s; - -webkit-animation: draw-arc 1.5s linear; - animation: draw-arc 1.5s linear; } } + @media screen and (min-width: 45em) { + .meter--circle .meter__values .meter__slice, .meter--arc .meter__values .meter__slice, .meter--spiral .meter__values .meter__slice { + transition: stroke-width 0.2s; + -webkit-animation: draw-arc 1.5s linear; + animation: draw-arc 1.5s linear; } } .meter--circle .meter__thresholds .meter__slice.color-index-unset, .meter--arc .meter__thresholds .meter__slice.color-index-unset, .meter--spiral .meter__thresholds .meter__slice.color-index-unset { stroke: rgba(221, 221, 221, 0.5); } .meter--circle .meter__thresholds .meter__slice.color-index-brand, .meter--arc .meter__thresholds .meter__slice.color-index-brand, .meter--spiral .meter__thresholds .meter__slice.color-index-brand { @@ -4361,7 +4361,7 @@ a.active > .label .label__icon.control-icon svg { height: 96px; } .meter--arc.meter--vertical.meter--small .meter__value { top: 48px; - margin-left: -18px; } + margin-left: -12px; } .meter--arc.meter--vertical.meter--small .meter__minmax-container { padding-top: 0px; padding-bottom: 0px; } @@ -4375,6 +4375,10 @@ a.active > .label .label__icon.control-icon svg { margin-left: -72px; } .meter--arc.meter--vertical.meter--minmax.meter--small .meter__value { margin-left: -60px; } + .meter--arc.meter--vertical.meter--legend-right.meter--small .meter__value { + min-width: 78px; } + .meter--arc.meter--vertical.meter--legend-right .meter__value { + min-width: 120px; } .meter--spiral .meter__value { position: absolute; top: 0px; @@ -4402,66 +4406,85 @@ a.active > .label .label__icon.control-icon svg { .meter--loading .meter__value { display: none; } -.notification__status { - margin-right: 12px; } - -.notification__message { - margin-bottom: 24px; - vertical-align: middle; } - -.notification--critical { - background-color: #c8200d; - font-size: 19px; - font-size: 1.1875rem; - line-height: 24px; - color: #dbdbdb; } - .notification--critical .notification__status .status-icon__base { - fill: #dbdbdb; } - -.notification--error { - background-color: #c8200d; - font-size: 19px; - font-size: 1.1875rem; - line-height: 24px; - color: #dbdbdb; } - .notification--error .notification__status .status-icon__base { - fill: #dbdbdb; } - -.notification--warning { - background-color: #e57118; - font-size: 19px; - font-size: 1.1875rem; - line-height: 24px; - color: #dbdbdb; } - .notification--warning .notification__status .status-icon__base { - fill: #dbdbdb; } - -.notification--ok { - background-color: #2aac24; +.notification { font-size: 19px; font-size: 1.1875rem; - line-height: 24px; - color: #dbdbdb; } - .notification--ok .notification__status .status-icon__base { - fill: #dbdbdb; } - -.notification--unknown { - background-color: #999999; - font-size: 19px; - font-size: 1.1875rem; - line-height: 24px; - color: #dbdbdb; } - .notification--unknown .notification__status .status-icon__base { - fill: #dbdbdb; } - -.notification--disabled { - background-color: #999999; - font-size: 19px; - font-size: 1.1875rem; - line-height: 24px; - color: #dbdbdb; } - .notification--disabled .notification__status .status-icon__base { - fill: #dbdbdb; } + line-height: 24px; } + .notification__message { + font-size: 24px; + font-size: 1.5rem; + line-height: 24px; } + .notification__message + * { + margin-top: 24px; } + .notification__status { + margin-right: 24px; + flex: 0 0 auto; } + .notification--critical { + background-color: #c8200d; + color: #fff; } + .notification--critical .notification__status .status-icon__base { + fill: #fff; } + .notification--critical .notification__status .status-icon__detail { + stroke: #c8200d; + fill: #c8200d; } + .notification--critical .notification__status.status-icon-unknown .status-icon__detail { + stroke: #fff; + fill: #fff; } + .notification--error { + background-color: #c8200d; + color: #fff; } + .notification--error .notification__status .status-icon__base { + fill: #fff; } + .notification--error .notification__status .status-icon__detail { + stroke: #c8200d; + fill: #c8200d; } + .notification--error .notification__status.status-icon-unknown .status-icon__detail { + stroke: #fff; + fill: #fff; } + .notification--warning { + background-color: #e57118; + color: #fff; } + .notification--warning .notification__status .status-icon__base { + fill: #fff; } + .notification--warning .notification__status .status-icon__detail { + stroke: #e57118; + fill: #e57118; } + .notification--warning .notification__status.status-icon-unknown .status-icon__detail { + stroke: #fff; + fill: #fff; } + .notification--ok { + background-color: #2aac24; + color: #fff; } + .notification--ok .notification__status .status-icon__base { + fill: #fff; } + .notification--ok .notification__status .status-icon__detail { + stroke: #2aac24; + fill: #2aac24; } + .notification--ok .notification__status.status-icon-unknown .status-icon__detail { + stroke: #fff; + fill: #fff; } + .notification--unknown { + background-color: #999999; + color: #fff; } + .notification--unknown .notification__status .status-icon__base { + fill: #fff; } + .notification--unknown .notification__status .status-icon__detail { + stroke: #999999; + fill: #999999; } + .notification--unknown .notification__status.status-icon-unknown .status-icon__detail { + stroke: #fff; + fill: #fff; } + .notification--disabled { + background-color: #999999; + color: #fff; } + .notification--disabled .notification__status .status-icon__base { + fill: #fff; } + .notification--disabled .notification__status .status-icon__detail { + stroke: #999999; + fill: #999999; } + .notification--disabled .notification__status.status-icon-unknown .status-icon__detail { + stroke: #fff; + fill: #fff; } .notifications-control__icon { width: 48px; @@ -5011,14 +5034,15 @@ section > dl > dd { .tiles { width: 100%; padding: 12px; } - .tiles > .tile { - flex: 0 0 192px; - margin: 12px; } - .tiles > .tile > * { - box-sizing: border-box; } - .tiles > .tile--wide { - flex-basis: calc(100% - 24px); - box-sizing: border-box; } + @media screen and (min-width: 45em) { + .tiles.box--direction-row > .tile { + flex: 0 0 192px; + margin: 12px; } + .tiles.box--direction-row > .tile > * { + box-sizing: border-box; } + .tiles.box--direction-row > .tile--wide { + flex-basis: calc(100% - 24px); + box-sizing: border-box; } } .tiles__container { display: flex; flex-direction: row; diff --git a/css/grommet-aruba.min.css b/css/grommet-aruba.min.css index 0d24f7f..b448156 100644 --- a/css/grommet-aruba.min.css +++ b/css/grommet-aruba.min.css @@ -6,4 +6,4 @@ * github.com/inuitcss | inuitcss.com */@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:300;src:local("Source Sans Pro Light"),local("SourceSansPro-Light"),url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGPS42wKzre0cxmO5m5GyTsY.ttf) format("truetype")}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:400;src:local("Source Sans Pro"),local("SourceSansPro-Regular"),url(https://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlEY6Fu39Tt9XkmtSosaMoEA.ttf) format("truetype")}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:700;src:local("Source Sans Pro Bold"),local("SourceSansPro-Bold"),url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGLlcMrNrsnL9dgADnXgYJjs.ttf) format("truetype")}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:400;src:local("Source Sans Pro Italic"),local("SourceSansPro-It"),url(https://fonts.gstatic.com/s/sourcesanspro/v9/M2Jd71oPJhLKp0zdtTvoMzpKUtbt71woJ25xl7KOGD0.ttf) format("truetype")} -/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}blockquote,body,caption,dd,dl,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,legend,ol,p,pre,table,td,th,ul{margin:0;padding:0}abbr[title],dfn[title]{cursor:help}ins,u{text-decoration:none}ins{border-bottom:1px solid}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}address,blockquote,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,ol,p,pre,table,ul{margin-bottom:24px;margin-bottom:1.5rem}dd,ol,ul{margin-left:48px;margin-left:3rem}html{font-size:1em;line-height:1.5;background-color:#fff;color:#333;overflow-y:scroll;min-height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}h1{font-size:36px;font-size:2.25rem;line-height:1.33333}h2{font-size:30px;font-size:1.875rem;line-height:1.6}h3{font-size:24px;font-size:1.5rem;line-height:1}h4{font-size:20px;font-size:1.25rem;line-height:1.2}h5{font-size:16px;font-size:1rem;line-height:1.5}h6{font-size:14px;font-size:.875rem;line-height:1.71429}li>ol,li>ul{margin-bottom:0}img{max-width:100%;font-style:italic;vertical-align:middle}.gm-style img,img[height],img[width]{max-width:none}.brand-font,html{font-family:Open Sans,Arial,sans-serif}body,html{font-size:16px;font-size:1rem;line-height:24px}h1{font-size:48px;font-size:3rem;line-height:1.125}h2{font-size:36px;font-size:2.25rem;line-height:1.33333}h3{font-size:24px;font-size:1.5rem;line-height:1.25}h4,h5{font-size:18px;font-size:1.125rem;line-height:1.33333}h1,h2,h3,h4,h5{font-weight:100;max-width:100%}h1.header--strong,h1>strong,h2.header--strong,h2>strong,h3.header--strong,h3>strong,h4.header--strong,h4>strong,h5.header--strong,h5>strong{font-weight:600}h1 a,h1 a.anchor,h2 a,h2 a.anchor,h3 a,h3 a.anchor,h4 a,h4 a.anchor,h5 a,h5 a.anchor{color:inherit;text-decoration:none}h1 a.anchor:hover,h1 a:hover,h2 a.anchor:hover,h2 a:hover,h3 a.anchor:hover,h3 a:hover,h4 a.anchor:hover,h4 a:hover,h5 a.anchor:hover,h5 a:hover{text-decoration:none}dd,li,p{max-width:576px;margin-left:0}dd{margin-bottom:12px}p{margin-top:24px;margin-bottom:24px}blockquote{font-size:36px;font-size:2.25rem;line-height:1.33333}code.hljs{border:1px solid #ccc}.large-number-font{font-family:Source Sans Pro,Arial,sans-serif}.secondary{color:#777}.error{color:#c8200d}input,select,textarea{font-size:16px;font-size:1rem;line-height:1.5;padding:11px 23px;border:1px solid #ccc;border-radius:4px 4px 4px 4px;outline:none;margin-right:12px;background-color:transparent}input:focus,select:focus,textarea:focus{padding:10px 22px;border-width:2px;border-color:#ff4c00}input::-moz-focus-inner,select::-moz-focus-inner,textarea::-moz-focus-inner{border:none;outline:none}input::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#aaa}input::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder{color:#aaa}input:-ms-input-placeholder,select:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#aaa}input.error,select.error,textarea.error{border-color:#c8200d}input[type=button],input[type=submit]{text-align:center;line-height:inherit}select{border-color:#ccc;padding-right:24px;-webkit-appearance:none;-moz-appearance:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAOhJREFUSA3tksENgzAMRUmrrlApuTAAxxw6QvfojYmYKtw6QpUDI1Rq6o8MStsAMT1UlbAUcMB+33FcFJttHfifDlhrT7QO31YMBlgDZw8HH5RSF3JLY0zrvX8MAZI3F1gT66y17ohz2zGgDSFc6UdF+5oDJWwUidMDXoFFfgtAfwJUjMppX7KI6CQJeOOcu48CcNaKzMFfBNaILME/BCQiOfCkQI5ILhwshceUpUAcG0/LeKEpzqwAEhIiRTSKs3Dk92MKZ8rep4vgR57zRTiYiwIIikVo29HKgiNXZGgXt0yUtwX/tgNPQqatJ1aBLFMAAAAASUVORK5CYII=) no-repeat center right;cursor:pointer}select::-moz-focus-inner{border:none}select.plain{border:none}input[type=range]{position:relative;-webkit-appearance:none;border-color:transparent;height:24px;padding:0;cursor:pointer;overflow-x:hidden}input[type=range]:focus{outline:none}input[type=range]::-moz-focus-inner,input[type=range]::-moz-focus-outer{border:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;background-color:#b2b2b2}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-webkit-slider-runnable-track{background-color:hsla(0,0%,100%,.1)}input[type=range]::-webkit-slider-thumb{position:relative;height:24px;width:24px;overflow:visible;-webkit-appearance:none;margin-top:-11px}input[type=range]::-webkit-slider-thumb:before{content:"";position:absolute;left:-3000px;right:24px;top:9px;bottom:9px;background-color:#ff8300;pointer-events:none}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-webkit-slider-thumb:before{background-color:#fff}input[type=range]::-webkit-slider-thumb:after{content:"";position:absolute;border:2px solid #ff8300;height:20px;width:20px;border-radius:24px;background-color:#fff;cursor:pointer}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-webkit-slider-thumb:after{background-color:transparent;border-color:#fff}input[type=range]:hover::-webkit-slider-thumb:after{content:"";border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]:hover::-webkit-slider-thumb:after{background-color:#fff;border-color:#fff}input[type=range]::-moz-range-track{width:100%;height:2px;background-color:#b2b2b2}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-moz-range-track{background-color:hsla(0,0%,100%,.1)}input[type=range]::-moz-range-thumb{position:relative;height:24px;width:24px;overflow:visible;border:2px solid #ff8300;height:20px;width:20px;border-radius:24px;background-color:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-moz-range-thumb{border-color:#fff;background-color:transparent}input[type=range]::hover::-moz-range-thumb{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::hover::-moz-range-thumb{border-color:#fff;background-color:#fff}input[type=range]::-ms-track{width:100%;height:2px;background-color:#b2b2b2;border-color:transparent;color:transparent}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-ms-track{background-color:hsla(0,0%,100%,.1)}input[type=range]::-ms-fill-lower{background:#ff8300;border-color:transparent}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-ms-fill-lower{background:#fff}input[type=range]::-ms-fill-upper{background:#b2b2b2;border-color:transparent}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-ms-fill-upper{background:hsla(0,0%,100%,.1)}input[type=range]::-ms-thumb{position:relative;height:24px;width:24px;overflow:visible;border:2px solid #999;height:20px;width:20px;border-radius:24px;background-color:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-ms-thumb{border-color:#fff}input[type=range]:hover::-ms-thumb{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]:hover::-ms-thumb{border-color:#fff;background-color:#fff}@media screen and (min-width:45em){body,html{height:100%;width:100%;overflow:visible}}.i-list-bare{margin:0;padding:0;list-style:none}.anchor,a{text-decoration:none;cursor:pointer}.anchor,.anchor:visited,a,a:visited{color:#ff8300}.anchor.active,a.active{color:#333}.anchor:hover:not(.anchor--disabled),a:hover:not(.anchor--disabled){text-decoration:underline;color:#d16b00}.anchor__icon,a__icon{display:inline-block;padding:12px}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu .anchor:not(.button),[class*=background-color-index-]:not([class*=background-color-index-light]) .menu a:not(.button),[class*=background-color-index-]:not([class*=background-color-index-light]) a{color:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu .anchor:not(.button) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu a:not(.button) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a .control-icon{fill:#dbdbdb;stroke:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor:hover:not(.anchor--disabled),[class*=background-color-index-]:not([class*=background-color-index-light]) .menu .anchor:not(.button):hover:not(.anchor--disabled),[class*=background-color-index-]:not([class*=background-color-index-light]) .menu a:not(.button):hover:not(.anchor--disabled),[class*=background-color-index-]:not([class*=background-color-index-light]) a:hover:not(.anchor--disabled){color:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor:hover:not(.anchor--disabled) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu .anchor:not(.button):hover:not(.anchor--disabled) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu a:not(.button):hover:not(.anchor--disabled) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a:hover:not(.anchor--disabled) .control-icon{fill:#fff;stroke:#fff}.anchor.anchor--primary,a.anchor--primary{font-size:19px;font-size:1.1875rem;line-height:24px;font-weight:600;color:#ff8300;text-decoration:none}.anchor.anchor--primary .control-icon,a.anchor--primary .control-icon{stroke:#ff8300;margin-right:12px}.anchor.anchor--primary>span,a.anchor--primary>span{vertical-align:middle}.anchor.anchor--primary:hover:not(.anchor--disabled)>.control-icon,a.anchor--primary:hover:not(.anchor--disabled)>.control-icon{transform:translateX(3px);stroke:#ff8300}.anchor.anchor--primary:hover:not(.anchor--disabled)>.control-icon path,.anchor.anchor--primary:hover:not(.anchor--disabled)>.control-icon polyline,a.anchor--primary:hover:not(.anchor--disabled)>.control-icon path,a.anchor--primary:hover:not(.anchor--disabled)>.control-icon polyline{stroke-width:3px}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor.anchor--primary,[class*=background-color-index-]:not([class*=background-color-index-light]) a.anchor--primary{color:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor.anchor--primary .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a.anchor--primary .control-icon{fill:#dbdbdb;stroke:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor.anchor--primary:hover:not(.anchor--disabled),[class*=background-color-index-]:not([class*=background-color-index-light]) a.anchor--primary:hover:not(.anchor--disabled){color:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor.anchor--primary:hover:not(.anchor--disabled) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a.anchor--primary:hover:not(.anchor--disabled) .control-icon{fill:#fff;stroke:#fff}.anchor--disabled,a--disabled{opacity:.3;cursor:default}.anchor--disabled .control-icon,a--disabled .control-icon{cursor:default}#loading{position:absolute;width:100%;height:100%;background-color:#ddd;text-align:center;padding-top:100px;font-size:48px;color:#ccc;font-style:italic}@media screen and (min-width:45em){.app{position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto}}.app--inline{position:relative}.app--centered>.split{width:100%;max-width:960px;margin-left:auto;margin-right:auto}.article{position:relative}.article--scroll-step{text-align:center;height:100vh;width:100vw;max-width:100%}.article--scroll-step>.article__control{position:fixed;z-index:4}.article--scroll-step>.article__control-up{top:0;left:50%;transform:translateX(-50%)}.article--scroll-step>.article__control-down{bottom:0;left:50%;transform:translateX(-50%)}.article--scroll-step>.article__control-left{top:50%;transform:translateY(-50%);left:0}.article--scroll-step>.article__control-right{top:50%;transform:translateY(-50%);right:0}.article--scroll-step.box--direction-column{overflow-x:hidden;overflow-y:auto}.article--scroll-step.box--direction-column>.article__control-carousel{top:50%;left:24px;transform:translateY(-50%)}.article--scroll-step.box--direction-row{overflow-x:auto;overflow-y:hidden}.article--scroll-step.box--direction-row>:not(.article__controls){overflow-y:auto}.article--scroll-step.box--direction-row>.article__control-carousel{top:24px;left:50%;transform:translateX(-50%)}.article>*{flex:0 0 auto}article:not(.article){width:100%}.attribute{margin-bottom:12px}@media screen and (max-width:44.9375em){.attribute{width:100%}}.attribute__label{display:block;text-align:left;font-size:14px;font-size:.875rem;line-height:24px;color:#777}.box{display:flex;background-position:center center;background-size:cover;background-repeat:no-repeat}.box__texture{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.box__container{padding-left:24px;padding-right:24px}.box__container--full{max-width:100%;width:100vw}.layer__container .box__container--full{width:calc(100vw - 48px)}.box__container--full-horizontal{max-width:100%;width:100vw}.layer__container .box__container--full-horizontal{width:calc(100vw - 48px)}.app--centered .box__container>.box{width:100%;max-width:960px;margin-left:auto;margin-right:auto}@media screen and (max-width:44.9375em){.app--centered .box__container>.box{padding-left:0;padding-right:0}}.box--wrap{flex-wrap:wrap}.box--pad-none{padding:0}.box--pad-small{padding:12px}.box--pad-medium{padding:24px}.box--pad-large{padding:48px}.box--pad-horizontal-none{padding-left:0;padding-right:0}.box--pad-horizontal-small{padding-left:12px;padding-right:12px}.box--pad-horizontal-medium{padding-left:24px;padding-right:24px}.box--pad-horizontal-large{padding-left:48px;padding-right:48px}.box--pad-vertical-none{padding-top:0;padding-bottom:0}.box--pad-vertical-small{padding-top:12px;padding-bottom:12px}.box--pad-vertical-medium{padding-top:24px;padding-bottom:24px}.box--pad-vertical-large{padding-top:48px;padding-bottom:48px}.box--full{position:relative;max-width:100%;width:100vw;min-height:100vh;height:100%}.layer__container .box--full{width:calc(100vw - 48px)}.box--full-horizontal{max-width:100%;width:100vw}.layer__container .box--full-horizontal{width:calc(100vw - 48px)}.box--full-vertical{min-height:100vh}.box--direction-row{flex-direction:row}.box--direction-row.box--reverse{flex-direction:row-reverse}.box--direction-row.box--pad-between-small>:not(:last-child){margin-right:12px}.box--direction-row.box--pad-between-medium>:not(:last-child){margin-right:24px}.box--direction-row.box--pad-between-large>:not(:last-child){margin-right:48px}@media screen and (max-width:44.9375em){.box--direction-row.box--responsive{flex-direction:column}.box--direction-row.box--responsive.box--reverse{flex-direction:column-reverse}}.box--direction-column{flex-direction:column}.box--direction-column.box--reverse{flex-direction:column-reverse}.box--direction-column>.footer.box--direction-row,.box--direction-column>.header.box--direction-row,.box--direction-column>.header__container--fixed{flex:0 0 auto}.box--direction-column.box--pad-between-small>:not(:last-child){margin-bottom:12px}.box--direction-column.box--pad-between-medium>:not(:last-child){margin-bottom:24px}.box--direction-column.box--pad-between-large>:not(:last-child){margin-bottom:48px}.box--justify-start{justify-content:flex-start}.box--justify-center{justify-content:center}.box--justify-between{justify-content:space-between}.box--justify-end{justify-content:flex-end}.box--align-start{align-items:flex-start}.box--align-center{align-items:center}.box--align-end{align-items:flex-end}.box--separator-all,.box--separator-horizontal,.box--separator-top{border-top:1px solid #ccc}.box--separator-all,.box--separator-bottom,.box--separator-horizontal{border-bottom:1px solid #ccc}.box--separator-all,.box--separator-left,.box--separator-vertical{border-left:1px solid #ccc}.box--separator-all,.box--separator-right,.box--separator-vertical{border-right:1px solid #ccc}@media screen and (max-width:44.9375em){.box--separator-all,.box--separator-left,.box--separator-vertical{border-left:none;border-bottom:1px solid #ccc}.box--separator-all,.box--separator-right,.box--separator-vertical{border-right:none;border-bottom:1px solid #ccc}}[class*=background-color-index-] .box[class*=box--separator]{border-color:#eee}.box--text-align-left{text-align:left}.box--text-align-center{text-align:center}.box--text-align-right{text-align:right}.box>.flex,.box>.flex-grow-1{flex-grow:1}.box--direction-down,.box--direction-up{flex-direction:column}.box--direction-left{justify-content:flex-end}.box--flush{padding:0}button:not(.button),input[type=button],input[type=submit]{padding:6px 22px;background-color:transparent;border:2px solid #ff8300;border-radius:4px 4px 4px 4px;color:#333;font-size:19px;font-size:1.1875rem;line-height:24px;font-weight:600;cursor:pointer;text-align:center;outline:none;min-width:120px;max-width:384px}button:not(.button):focus:not(.button--disabled),input[type=button]:focus:not(.button--disabled),input[type=submit]:focus:not(.button--disabled){border-color:#ff4c00;box-shadow:0 0 1px 1px #ff4c00}@media screen and (min-width:45em){button:not(.button),input[type=button],input[type=submit]{transition:.1s ease-in-out}}.button{padding:6px 22px;background-color:transparent;border:2px solid #ff8300;border-radius:4px 4px 4px 4px;color:#333;font-size:19px;font-size:1.1875rem;line-height:24px;font-weight:600;cursor:pointer;text-align:center;outline:none;min-width:120px;max-width:384px}.button:focus:not(.button--disabled){border-color:#ff4c00;box-shadow:0 0 1px 1px #ff4c00}@media screen and (min-width:45em){.button{transition:.1s ease-in-out}}.button__icon{display:inline-block;padding:12px}.button--primary{border-color:#ff8300;background-color:#ff8300;color:#fff}.button--secondary{border-color:rgba(51,51,51,.6)}.button--accent{border-color:#9fd4c9}.button--icon{border:none;padding:0;width:auto;height:auto;min-width:0;max-width:none}.button--icon.button--primary{background-color:#ff8300}.button--icon>span:not(.button__icon){vertical-align:middle}.button--icon>span:not(.button__icon):first-child{margin-left:12px}.button--icon>span:not(.button__icon):last-child{margin-right:12px}[class*=background-color-index-]:not([class*=background-color-index-light]) .button--icon{color:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .button--icon .control-icon{fill:#dbdbdb;stroke:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .button--icon:hover{color:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) .button--icon:hover .control-icon{fill:#fff;stroke:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) .button:not(.button--primary){border-color:#eee;color:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .button:not(.button--primary).button--accent{border-color:#9fd4c9}.button--disabled{opacity:.3;cursor:default}.button--fill{width:100%;max-width:none;flex-grow:1}.calendar{position:relative;display:inline-block;min-width:288px}.calendar__input{width:100%;height:100%;display:block;padding-right:60px}.calendar__input:focus{padding-right:59px}.calendar__control{position:absolute;top:50%;right:12px;transform:translateY(-50%)}.calendar__drop{border-top-left-radius:0;border-top-right-radius:0}.calendar__title{text-align:center}.calendar__grid{width:100%;padding:12px}.calendar__grid table{width:100%}.calendar__grid td,.calendar__grid th{text-align:center;padding:6px}.calendar__grid th{color:#777;font-weight:400}.calendar__day{display:inline-block;cursor:pointer;width:24px;height:24px;transition:background-color .3s}.calendar__day:hover{background-color:rgba(0,0,0,.1)}.calendar__day--other-month{color:#777}.calendar__day--active{background-color:#ff8300;color:#dbdbdb}.calendar--active .calendar__input{border-bottom-left-radius:0;border-bottom-right-radius:0}@-webkit-keyframes a{0%{opacity:1}to{opacity:0}}@keyframes a{0%{opacity:1}to{opacity:0}}.carousel{position:relative;max-width:100%;overflow:hidden}.carousel__track{display:flex;max-width:none;transition:all .8s}.carousel__item>*{width:100%}.carousel__arrow{-webkit-animation:b 1s;animation:b 1s;z-index:1;position:absolute;top:50%;transform:translateY(-50%);cursor:pointer}.carousel__arrow .control-icon{filter:drop-shadow(1px 1px 1px rgba(170,170,170,.5));-webkit-filter:drop-shadow(1px 1px 1px hsla(0,0%,67%,.5))}.carousel__arrow .control-icon polyline{stroke:#fff;stroke-width:1px}.carousel__arrow--next{right:0}.carousel__arrow--prev{left:0}.carousel .control-icon-next{right:0}.carousel .control-icon-previous{left:0}.carousel__controls{-webkit-animation:b 1s;animation:b 1s;margin-left:50%;transform:translateX(-50%);position:absolute;bottom:12px;text-align:center;z-index:1}.carousel__control{display:inline-block;width:36px;height:36px;stroke:#fff;fill:transparent;cursor:pointer;filter:drop-shadow(1px 1px 1px rgba(170,170,170,.5));-webkit-filter:drop-shadow(1px 1px 1px hsla(0,0%,67%,.5))}.carousel__control--active{stroke:#ff8300;fill:#ff8300}.carousel--hide-controls .carousel__controls,.carousel--hide-controls .control-icon-next,.carousel--hide-controls .control-icon-previous{opacity:0;-webkit-animation:a 1s;animation:a 1s}.carousel-controls__control{width:36px;height:36px;stroke:#fff;fill:transparent;cursor:pointer;filter:drop-shadow(1px 1px 1px rgba(170,170,170,.5));-webkit-filter:drop-shadow(1px 1px 1px hsla(0,0%,67%,.5))}.carousel-controls__control:hover{stroke-width:2px}.carousel-controls__control--active{stroke:#ff8300;fill:#ff8300}@-webkit-keyframes b{0%{opacity:0}to{opacity:1}}@keyframes b{0%{opacity:0}to{opacity:1}}.chart{position:relative;display:block}.chart__grid{stroke:#ccc}.chart__graphic{width:100%;height:192px;max-height:calc(100vh - 144px)}@media screen and (min-width:45em){.chart__values g{-webkit-animation:b 1.5s;animation:b 1.5s}}.chart__values-line{stroke-width:3px}.chart__values-line.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.chart__values-line.color-index-unset{stroke:#ddd}.chart__values-line.color-index-brand{stroke:#ff8300}.chart__values-line.color-index-critical,.chart__values-line.color-index-error{stroke:#c8200d}.chart__values-line.color-index-warning{stroke:#e57118}.chart__values-line.color-index-ok{stroke:#2aac24}.chart__values-line.color-index-disabled,.chart__values-line.color-index-unknown{stroke:#999}.chart__values-line.color-index-graph-1,.chart__values-line.color-index-graph-6{stroke:#ec9b58}.chart__values-line.color-index-graph-2,.chart__values-line.color-index-graph-7{stroke:#0049a0}.chart__values-line.color-index-graph-3,.chart__values-line.color-index-graph-8{stroke:#886f9c}.chart__values-line.color-index-graph-4,.chart__values-line.color-index-graph-9{stroke:#5fbcdd}.chart__values-line.color-index-graph-5,.chart__values-line.color-index-graph-10{stroke:#7fba44}.chart__values-line.color-index-grey-1,.chart__values-line.color-index-grey-4{stroke:#2d3034}.chart__values-line.color-index-grey-2,.chart__values-line.color-index-grey-5{stroke:#52555a}.chart__values-line.color-index-grey-3,.chart__values-line.color-index-grey-6{stroke:#999}.chart__values-line.color-index-light-1,.chart__values-line.color-index-light-3{stroke:#fff}.chart__values-line.color-index-light-2,.chart__values-line.color-index-light-4{stroke:#f5f5f5}.chart__values-area.color-index-critical,.chart__values-area.color-index-error,.chart__values-bar.color-index-critical,.chart__values-bar.color-index-error{fill:rgba(200,32,13,.7)}.chart__values-area.color-index-warning,.chart__values-bar.color-index-warning{fill:rgba(229,113,24,.7)}.chart__values-area.color-index-ok,.chart__values-bar.color-index-ok{fill:rgba(42,172,36,.7)}.chart__values-area.color-index-disabled,.chart__values-area.color-index-unknown,.chart__values-bar.color-index-disabled,.chart__values-bar.color-index-unknown{fill:hsla(0,0%,60%,.7)}.chart__values-area.color-index-graph-1,.chart__values-area.color-index-graph-6,.chart__values-bar.color-index-graph-1,.chart__values-bar.color-index-graph-6{fill:rgba(236,155,88,.7)}.chart__values-area.color-index-graph-2,.chart__values-area.color-index-graph-7,.chart__values-bar.color-index-graph-2,.chart__values-bar.color-index-graph-7{fill:rgba(0,73,160,.7)}.chart__values-area.color-index-graph-3,.chart__values-area.color-index-graph-8,.chart__values-bar.color-index-graph-3,.chart__values-bar.color-index-graph-8{fill:rgba(136,111,156,.7)}.chart__values-area.color-index-graph-4,.chart__values-area.color-index-graph-9,.chart__values-bar.color-index-graph-4,.chart__values-bar.color-index-graph-9{fill:rgba(95,188,221,.7)}.chart__values-area.color-index-graph-5,.chart__values-area.color-index-graph-10,.chart__values-bar.color-index-graph-5,.chart__values-bar.color-index-graph-10{fill:rgba(127,186,68,.7)}.chart__values-area--active.color-index-unset,.chart__values-bar--active.color-index-unset{fill:#ddd}.chart__values-area--active.color-index-brand,.chart__values-bar--active.color-index-brand{fill:#ff8300}.chart__values-area--active.color-index-critical,.chart__values-area--active.color-index-error,.chart__values-bar--active.color-index-critical,.chart__values-bar--active.color-index-error{fill:#c8200d}.chart__values-area--active.color-index-warning,.chart__values-bar--active.color-index-warning{fill:#e57118}.chart__values-area--active.color-index-ok,.chart__values-bar--active.color-index-ok{fill:#2aac24}.chart__values-area--active.color-index-disabled,.chart__values-area--active.color-index-unknown,.chart__values-bar--active.color-index-disabled,.chart__values-bar--active.color-index-unknown{fill:#999}.chart__values-area--active.color-index-graph-1,.chart__values-area--active.color-index-graph-6,.chart__values-bar--active.color-index-graph-1,.chart__values-bar--active.color-index-graph-6{fill:#ec9b58}.chart__values-area--active.color-index-graph-2,.chart__values-area--active.color-index-graph-7,.chart__values-bar--active.color-index-graph-2,.chart__values-bar--active.color-index-graph-7{fill:#0049a0}.chart__values-area--active.color-index-graph-3,.chart__values-area--active.color-index-graph-8,.chart__values-bar--active.color-index-graph-3,.chart__values-bar--active.color-index-graph-8{fill:#886f9c}.chart__values-area--active.color-index-graph-4,.chart__values-area--active.color-index-graph-9,.chart__values-bar--active.color-index-graph-4,.chart__values-bar--active.color-index-graph-9{fill:#5fbcdd}.chart__values-area--active.color-index-graph-5,.chart__values-area--active.color-index-graph-10,.chart__values-bar--active.color-index-graph-5,.chart__values-bar--active.color-index-graph-10{fill:#7fba44}.chart__values-area--active.color-index-grey-1,.chart__values-area--active.color-index-grey-4,.chart__values-bar--active.color-index-grey-1,.chart__values-bar--active.color-index-grey-4{fill:#2d3034}.chart__values-area--active.color-index-grey-2,.chart__values-area--active.color-index-grey-5,.chart__values-bar--active.color-index-grey-2,.chart__values-bar--active.color-index-grey-5{fill:#52555a}.chart__values-area--active.color-index-grey-3,.chart__values-area--active.color-index-grey-6,.chart__values-bar--active.color-index-grey-3,.chart__values-bar--active.color-index-grey-6{fill:#999}.chart__values-point{stroke-width:3px;fill:#fff}.chart__values-point.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.chart__values-point.color-index-unset{stroke:#ddd}.chart__values-point.color-index-brand{stroke:#ff8300}.chart__values-point.color-index-critical,.chart__values-point.color-index-error{stroke:#c8200d}.chart__values-point.color-index-warning{stroke:#e57118}.chart__values-point.color-index-ok{stroke:#2aac24}.chart__values-point.color-index-disabled,.chart__values-point.color-index-unknown{stroke:#999}.chart__values-point.color-index-graph-1,.chart__values-point.color-index-graph-6{stroke:#ec9b58}.chart__values-point.color-index-graph-2,.chart__values-point.color-index-graph-7{stroke:#0049a0}.chart__values-point.color-index-graph-3,.chart__values-point.color-index-graph-8{stroke:#886f9c}.chart__values-point.color-index-graph-4,.chart__values-point.color-index-graph-9{stroke:#5fbcdd}.chart__values-point.color-index-graph-5,.chart__values-point.color-index-graph-10{stroke:#7fba44}.chart__values-point.color-index-grey-1,.chart__values-point.color-index-grey-4{stroke:#2d3034}.chart__values-point.color-index-grey-2,.chart__values-point.color-index-grey-5{stroke:#52555a}.chart__values-point.color-index-grey-3,.chart__values-point.color-index-grey-6{stroke:#999}.chart__values-point.color-index-light-1,.chart__values-point.color-index-light-3{stroke:#fff}.chart__values-point.color-index-light-2,.chart__values-point.color-index-light-4{stroke:#f5f5f5}.chart__values--loading{stroke-width:24px}.chart__values--loading.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.chart__values--loading.color-index-unset{stroke:#ddd}.chart__values--loading.color-index-brand{stroke:#ff8300}.chart__values--loading.color-index-critical,.chart__values--loading.color-index-error{stroke:#c8200d}.chart__values--loading.color-index-warning{stroke:#e57118}.chart__values--loading.color-index-ok{stroke:#2aac24}.chart__values--loading.color-index-disabled,.chart__values--loading.color-index-unknown{stroke:#999}.chart__values--loading.color-index-graph-1,.chart__values--loading.color-index-graph-6{stroke:#ec9b58}.chart__values--loading.color-index-graph-2,.chart__values--loading.color-index-graph-7{stroke:#0049a0}.chart__values--loading.color-index-graph-3,.chart__values--loading.color-index-graph-8{stroke:#886f9c}.chart__values--loading.color-index-graph-4,.chart__values--loading.color-index-graph-9{stroke:#5fbcdd}.chart__values--loading.color-index-graph-5,.chart__values--loading.color-index-graph-10{stroke:#7fba44}.chart__values--loading.color-index-grey-1,.chart__values--loading.color-index-grey-4{stroke:#2d3034}.chart__values--loading.color-index-grey-2,.chart__values--loading.color-index-grey-5{stroke:#52555a}.chart__values--loading.color-index-grey-3,.chart__values--loading.color-index-grey-6{stroke:#999}.chart__values--loading.color-index-light-1,.chart__values--loading.color-index-light-3{stroke:#fff}.chart__values--loading.color-index-light-2,.chart__values--loading.color-index-light-4{stroke:#f5f5f5}.chart__threshold{stroke-width:2px;stroke:rgba(51,51,51,.2);pointer-events:none}.chart__yaxis .chart__bar.color-index-critical,.chart__yaxis .chart__bar.color-index-error{fill:rgba(200,32,13,.5)}.chart__yaxis .chart__bar.color-index-warning{fill:rgba(229,113,24,.5)}.chart__yaxis .chart__bar.color-index-ok{fill:rgba(42,172,36,.5)}.chart__yaxis .chart__bar.color-index-disabled,.chart__yaxis .chart__bar.color-index-unknown{fill:hsla(0,0%,60%,.5)}.chart__yaxis .chart__bar.color-index-graph-1,.chart__yaxis .chart__bar.color-index-graph-6{fill:rgba(236,155,88,.5)}.chart__yaxis .chart__bar.color-index-graph-2,.chart__yaxis .chart__bar.color-index-graph-7{fill:rgba(0,73,160,.5)}.chart__yaxis .chart__bar.color-index-graph-3,.chart__yaxis .chart__bar.color-index-graph-8{fill:rgba(136,111,156,.5)}.chart__yaxis .chart__bar.color-index-graph-4,.chart__yaxis .chart__bar.color-index-graph-9{fill:rgba(95,188,221,.5)}.chart__yaxis .chart__bar.color-index-graph-5,.chart__yaxis .chart__bar.color-index-graph-10{fill:rgba(127,186,68,.5)}.chart__xaxis-index text{fill:#777}.chart__xaxis-index--eclipse text{fill:transparent}.chart__xaxis-index--active text{fill:#333}.chart__front-xband-background{fill:transparent}.chart__cursor{stroke:#333;stroke-width:2;pointer-events:none}.chart__cursor-point{stroke-width:2}.chart__cursor-point.color-index-unset{fill:#ddd}.chart__cursor-point.color-index-brand{fill:#ff8300}.chart__cursor-point.color-index-critical,.chart__cursor-point.color-index-error{fill:#c8200d}.chart__cursor-point.color-index-warning{fill:#e57118}.chart__cursor-point.color-index-ok{fill:#2aac24}.chart__cursor-point.color-index-disabled,.chart__cursor-point.color-index-unknown{fill:#999}.chart__cursor-point.color-index-graph-1,.chart__cursor-point.color-index-graph-6{fill:#ec9b58}.chart__cursor-point.color-index-graph-2,.chart__cursor-point.color-index-graph-7{fill:#0049a0}.chart__cursor-point.color-index-graph-3,.chart__cursor-point.color-index-graph-8{fill:#886f9c}.chart__cursor-point.color-index-graph-4,.chart__cursor-point.color-index-graph-9{fill:#5fbcdd}.chart__cursor-point.color-index-graph-5,.chart__cursor-point.color-index-graph-10{fill:#7fba44}.chart__cursor-point.color-index-grey-1,.chart__cursor-point.color-index-grey-4{fill:#2d3034}.chart__cursor-point.color-index-grey-2,.chart__cursor-point.color-index-grey-5{fill:#52555a}.chart__cursor-point.color-index-grey-3,.chart__cursor-point.color-index-grey-6{fill:#999}.chart__legend--overlay{padding:12px;pointer-events:none}@media screen and (max-width:44.9375em){.chart__legend--overlay{margin:0 auto}}@media screen and (min-width:45em){.chart__legend--overlay{position:absolute;left:0;margin:0;background-color:hsla(0,0%,100%,.8)}}.chart--area .chart__gradient.color-index-critical .begin,.chart--bar .chart__gradient.color-index-critical .begin{stop-color:#c8200d}.chart--area .chart__gradient.color-index-critical .mid,.chart--bar .chart__gradient.color-index-critical .mid{stop-color:#c8200d;stop-opacity:.5}.chart--area .chart__gradient.color-index-critical .end,.chart--bar .chart__gradient.color-index-critical .end{stop-color:#c8200d;stop-opacity:0}.chart--area .chart__gradient.color-index-error .begin,.chart--bar .chart__gradient.color-index-error .begin{stop-color:#c8200d}.chart--area .chart__gradient.color-index-error .mid,.chart--bar .chart__gradient.color-index-error .mid{stop-color:#c8200d;stop-opacity:.5}.chart--area .chart__gradient.color-index-error .end,.chart--bar .chart__gradient.color-index-error .end{stop-color:#c8200d;stop-opacity:0}.chart--area .chart__gradient.color-index-warning .begin,.chart--bar .chart__gradient.color-index-warning .begin{stop-color:#e57118}.chart--area .chart__gradient.color-index-warning .mid,.chart--bar .chart__gradient.color-index-warning .mid{stop-color:#e57118;stop-opacity:.5}.chart--area .chart__gradient.color-index-warning .end,.chart--bar .chart__gradient.color-index-warning .end{stop-color:#e57118;stop-opacity:0}.chart--area .chart__gradient.color-index-ok .begin,.chart--bar .chart__gradient.color-index-ok .begin{stop-color:#2aac24}.chart--area .chart__gradient.color-index-ok .mid,.chart--bar .chart__gradient.color-index-ok .mid{stop-color:#2aac24;stop-opacity:.5}.chart--area .chart__gradient.color-index-ok .end,.chart--bar .chart__gradient.color-index-ok .end{stop-color:#2aac24;stop-opacity:0}.chart--area .chart__gradient.color-index-unknown .begin,.chart--bar .chart__gradient.color-index-unknown .begin{stop-color:#999}.chart--area .chart__gradient.color-index-unknown .mid,.chart--bar .chart__gradient.color-index-unknown .mid{stop-color:#999;stop-opacity:.5}.chart--area .chart__gradient.color-index-unknown .end,.chart--bar .chart__gradient.color-index-unknown .end{stop-color:#999;stop-opacity:0}.chart--area .chart__gradient.color-index-disabled .begin,.chart--bar .chart__gradient.color-index-disabled .begin{stop-color:#999}.chart--area .chart__gradient.color-index-disabled .mid,.chart--bar .chart__gradient.color-index-disabled .mid{stop-color:#999;stop-opacity:.5}.chart--area .chart__gradient.color-index-disabled .end,.chart--bar .chart__gradient.color-index-disabled .end{stop-color:#999;stop-opacity:0}.chart--area .chart__gradient.color-index-graph-1 .begin,.chart--area .chart__gradient.color-index-graph-6 .begin,.chart--bar .chart__gradient.color-index-graph-1 .begin,.chart--bar .chart__gradient.color-index-graph-6 .begin{stop-color:#ec9b58}.chart--area .chart__gradient.color-index-graph-1 .mid,.chart--area .chart__gradient.color-index-graph-6 .mid,.chart--bar .chart__gradient.color-index-graph-1 .mid,.chart--bar .chart__gradient.color-index-graph-6 .mid{stop-color:#ec9b58;stop-opacity:.5}.chart--area .chart__gradient.color-index-graph-1 .end,.chart--area .chart__gradient.color-index-graph-6 .end,.chart--bar .chart__gradient.color-index-graph-1 .end,.chart--bar .chart__gradient.color-index-graph-6 .end{stop-color:#ec9b58;stop-opacity:0}.chart--area .chart__gradient.color-index-graph-2 .begin,.chart--area .chart__gradient.color-index-graph-7 .begin,.chart--bar .chart__gradient.color-index-graph-2 .begin,.chart--bar .chart__gradient.color-index-graph-7 .begin{stop-color:#0049a0}.chart--area .chart__gradient.color-index-graph-2 .mid,.chart--area .chart__gradient.color-index-graph-7 .mid,.chart--bar .chart__gradient.color-index-graph-2 .mid,.chart--bar .chart__gradient.color-index-graph-7 .mid{stop-color:#0049a0;stop-opacity:.5}.chart--area .chart__gradient.color-index-graph-2 .end,.chart--area .chart__gradient.color-index-graph-7 .end,.chart--bar .chart__gradient.color-index-graph-2 .end,.chart--bar .chart__gradient.color-index-graph-7 .end{stop-color:#0049a0;stop-opacity:0}.chart--area .chart__gradient.color-index-graph-3 .begin,.chart--area .chart__gradient.color-index-graph-8 .begin,.chart--bar .chart__gradient.color-index-graph-3 .begin,.chart--bar .chart__gradient.color-index-graph-8 .begin{stop-color:#886f9c}.chart--area .chart__gradient.color-index-graph-3 .mid,.chart--area .chart__gradient.color-index-graph-8 .mid,.chart--bar .chart__gradient.color-index-graph-3 .mid,.chart--bar .chart__gradient.color-index-graph-8 .mid{stop-color:#886f9c;stop-opacity:.5}.chart--area .chart__gradient.color-index-graph-3 .end,.chart--area .chart__gradient.color-index-graph-8 .end,.chart--bar .chart__gradient.color-index-graph-3 .end,.chart--bar .chart__gradient.color-index-graph-8 .end{stop-color:#886f9c;stop-opacity:0}.chart--area .chart__gradient.color-index-graph-4 .begin,.chart--area .chart__gradient.color-index-graph-9 .begin,.chart--bar .chart__gradient.color-index-graph-4 .begin,.chart--bar .chart__gradient.color-index-graph-9 .begin{stop-color:#5fbcdd}.chart--area .chart__gradient.color-index-graph-4 .mid,.chart--area .chart__gradient.color-index-graph-9 .mid,.chart--bar .chart__gradient.color-index-graph-4 .mid,.chart--bar .chart__gradient.color-index-graph-9 .mid{stop-color:#5fbcdd;stop-opacity:.5}.chart--area .chart__gradient.color-index-graph-4 .end,.chart--area .chart__gradient.color-index-graph-9 .end,.chart--bar .chart__gradient.color-index-graph-4 .end,.chart--bar .chart__gradient.color-index-graph-9 .end{stop-color:#5fbcdd;stop-opacity:0}.chart--area .chart__gradient.color-index-graph-5 .begin,.chart--area .chart__gradient.color-index-graph-10 .begin,.chart--bar .chart__gradient.color-index-graph-5 .begin,.chart--bar .chart__gradient.color-index-graph-10 .begin{stop-color:#7fba44}.chart--area .chart__gradient.color-index-graph-5 .mid,.chart--area .chart__gradient.color-index-graph-10 .mid,.chart--bar .chart__gradient.color-index-graph-5 .mid,.chart--bar .chart__gradient.color-index-graph-10 .mid{stop-color:#7fba44;stop-opacity:.5}.chart--area .chart__gradient.color-index-graph-5 .end,.chart--area .chart__gradient.color-index-graph-10 .end,.chart--bar .chart__gradient.color-index-graph-5 .end,.chart--bar .chart__gradient.color-index-graph-10 .end{stop-color:#7fba44;stop-opacity:0}.chart--small .chart__graphic{height:96px}.chart--large .chart__graphic{height:288px}.chart--sparkline{display:inline-block;margin-right:6px}.chart--sparkline .chart__graphic{width:auto;height:24px}.chart--sparkline .chart__values-area.color-index-unset,.chart--sparkline .chart__values-bar.color-index-unset{fill:#ddd}.chart--sparkline .chart__values-area.color-index-brand,.chart--sparkline .chart__values-bar.color-index-brand{fill:#ff8300}.chart--sparkline .chart__values-area.color-index-critical,.chart--sparkline .chart__values-area.color-index-error,.chart--sparkline .chart__values-bar.color-index-critical,.chart--sparkline .chart__values-bar.color-index-error{fill:#c8200d}.chart--sparkline .chart__values-area.color-index-warning,.chart--sparkline .chart__values-bar.color-index-warning{fill:#e57118}.chart--sparkline .chart__values-area.color-index-ok,.chart--sparkline .chart__values-bar.color-index-ok{fill:#2aac24}.chart--sparkline .chart__values-area.color-index-disabled,.chart--sparkline .chart__values-area.color-index-unknown,.chart--sparkline .chart__values-bar.color-index-disabled,.chart--sparkline .chart__values-bar.color-index-unknown{fill:#999}.chart--sparkline .chart__values-area.color-index-graph-1,.chart--sparkline .chart__values-area.color-index-graph-6,.chart--sparkline .chart__values-bar.color-index-graph-1,.chart--sparkline .chart__values-bar.color-index-graph-6{fill:#ec9b58}.chart--sparkline .chart__values-area.color-index-graph-2,.chart--sparkline .chart__values-area.color-index-graph-7,.chart--sparkline .chart__values-bar.color-index-graph-2,.chart--sparkline .chart__values-bar.color-index-graph-7{fill:#0049a0}.chart--sparkline .chart__values-area.color-index-graph-3,.chart--sparkline .chart__values-area.color-index-graph-8,.chart--sparkline .chart__values-bar.color-index-graph-3,.chart--sparkline .chart__values-bar.color-index-graph-8{fill:#886f9c}.chart--sparkline .chart__values-area.color-index-graph-4,.chart--sparkline .chart__values-area.color-index-graph-9,.chart--sparkline .chart__values-bar.color-index-graph-4,.chart--sparkline .chart__values-bar.color-index-graph-9{fill:#5fbcdd}.chart--sparkline .chart__values-area.color-index-graph-5,.chart--sparkline .chart__values-area.color-index-graph-10,.chart--sparkline .chart__values-bar.color-index-graph-5,.chart--sparkline .chart__values-bar.color-index-graph-10{fill:#7fba44}.chart--sparkline .chart__values-area.color-index-grey-1,.chart--sparkline .chart__values-area.color-index-grey-4,.chart--sparkline .chart__values-bar.color-index-grey-1,.chart--sparkline .chart__values-bar.color-index-grey-4{fill:#2d3034}.chart--sparkline .chart__values-area.color-index-grey-2,.chart--sparkline .chart__values-area.color-index-grey-5,.chart--sparkline .chart__values-bar.color-index-grey-2,.chart--sparkline .chart__values-bar.color-index-grey-5{fill:#52555a}.chart--sparkline .chart__values-area.color-index-grey-3,.chart--sparkline .chart__values-area.color-index-grey-6,.chart--sparkline .chart__values-bar.color-index-grey-3,.chart--sparkline .chart__values-bar.color-index-grey-6{fill:#999}.check-box{margin-right:12px;white-space:nowrap}.check-box:not(.check-box--disabled){cursor:pointer}.check-box:hover:not(.check-box--disabled) .check-box__control{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box:hover:not(.check-box--disabled) .check-box__control{border-color:#fff}.check-box:hover:not(.check-box--disabled) .check-box__input:checked+.check-box__control{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box:hover:not(.check-box--disabled) .check-box__input:checked+.check-box__control{border-color:#fff}.check-box:hover:not(.check-box--disabled) .check-box__label{color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box:hover:not(.check-box--disabled) .check-box__label{color:#fff}.check-box__input{opacity:0;position:absolute}.check-box__input:checked+.check-box__control{border-color:#ff8300}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box__input:checked+.check-box__control{border-color:#fff}.check-box__input:checked+.check-box__control .check-box__control-check{display:block}.check-box__input:checked+.check-box__control+.check-box__label{color:#333}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box__input:checked+.check-box__control+.check-box__label{color:#fff}.check-box__input:focus+.check-box__control{border-color:#ff4c00;box-shadow:0 0 1px 1px #ff4c00}.check-box__control{position:relative;top:-1px;display:inline-block;width:24px;height:24px;margin-right:12px;vertical-align:middle;background-color:inherit;border:2px solid #999;border-radius:4px 4px 4px 4px}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box__control{border-color:#dbdbdb}.check-box__control-check{position:absolute;top:-2px;left:-2px;display:none;width:24px;height:24px;stroke-width:4px;stroke:#ff8300}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box__control-check{stroke:#fff}.check-box__label{color:#777}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box__label{color:#dbdbdb}.check-box--disabled .check-box__control{opacity:.5}.check-box--toggle:hover:not(.check-box--disabled) .check-box__control:after{content:"";border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle:hover:not(.check-box--disabled) .check-box__control:after{background-color:#fff;border-color:#fff}.check-box--toggle:hover:not(.check-box--disabled) .check-box__input:checked+.check-box__control:after{content:"";border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle:hover:not(.check-box--disabled) .check-box__input:checked+.check-box__control:after{background-color:#fff;border-color:#fff}.check-box--toggle .check-box__control{width:48px;height:24px;border-radius:24px;background-color:#b2b2b2;border:none;transition:background-color .3s}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle .check-box__control{background-color:hsla(0,0%,100%,.1)}.check-box--toggle .check-box__control:after{content:"";display:block;position:absolute;top:-2px;left:0;width:28px;height:28px;background-color:#fff;border:2px solid #999;border-radius:24px;transition:margin-left .3s}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle .check-box__control:after{background-color:transparent;border-color:#dbdbdb}.check-box--toggle .check-box__input:checked+.check-box__control{background-color:#ff8300}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle .check-box__input:checked+.check-box__control{background-color:hsla(0,0%,100%,.1)}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle .check-box__input:checked+.check-box__control .check-box__control-check{stroke:transparent}.check-box--toggle .check-box__input:checked+.check-box__control:after{content:"";background-color:#fff;border-color:#ff8300;margin-left:24px}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle .check-box__input:checked+.check-box__control:after{border-color:#dbdbdb}.background-color-index-neutral-1,.background-color-index-neutral-4{background-color:#545454}.background-color-index-neutral-1-a,.background-color-index-neutral-4-a{background-color:rgba(84,84,84,.8)}.background-color-index-neutral-2,.background-color-index-neutral-5{background-color:#767676}.background-color-index-neutral-2-a,.background-color-index-neutral-5-a{background-color:hsla(0,0%,46%,.8)}.background-color-index-neutral-3,.background-color-index-neutral-6{background-color:#989898}.background-color-index-neutral-3-a,.background-color-index-neutral-6-a{background-color:hsla(0,0%,60%,.8)}.background-color-index-accent-1,.background-color-index-accent-3{background-color:#9fd4c9}.background-color-index-accent-1-a,.background-color-index-accent-3-a{background-color:rgba(159,212,201,.8)}.background-color-index-accent-2,.background-color-index-accent-4{background-color:#d5d848}.background-color-index-accent-2-a,.background-color-index-accent-4-a{background-color:rgba(213,216,72,.8)}.background-color-index-grey-1,.background-color-index-grey-4{background-color:#2d3034}.background-color-index-grey-1-a,.background-color-index-grey-4-a{background-color:rgba(45,48,52,.8)}.background-color-index-grey-2,.background-color-index-grey-5{background-color:#52555a}.background-color-index-grey-2-a,.background-color-index-grey-5-a{background-color:rgba(82,85,90,.8)}.background-color-index-grey-3,.background-color-index-grey-6{background-color:#999}.background-color-index-grey-3-a,.background-color-index-grey-6-a{background-color:hsla(0,0%,60%,.8)}.background-color-index-graph-1,.background-color-index-graph-6{background-color:#ec9b58}.background-color-index-graph-2,.background-color-index-graph-7{background-color:#0049a0}.background-color-index-graph-3,.background-color-index-graph-8{background-color:#886f9c}.background-color-index-graph-4,.background-color-index-graph-9{background-color:#5fbcdd}.background-color-index-graph-5,.background-color-index-graph-10{background-color:#7fba44}[class*=background-color-index-]{color:#dbdbdb}.background-color-index-light-1,.background-color-index-light-3{background-color:#fff;color:#333}.background-color-index-light-2,.background-color-index-light-4{background-color:#f5f5f5;color:#333}.center-column{padding-left:24px;padding-right:24px}.center-column .center-column__content{width:100%;max-width:960px;margin-left:auto;margin-right:auto}@media screen and (min-width:45em){.dashboard{height:calc(100vh - 96px)}}@media screen and (max-width:44.9375em){.dashboard{height:calc(100vh - 48px)}}.distribution{position:relative;display:block}.distribution__graphic{width:100%;height:192px;max-height:calc(100vh - 144px)}.distribution__box{cursor:pointer}.distribution__box.color-index-unset{fill:#ddd}.distribution__box.color-index-brand{fill:#ff8300}.distribution__box.color-index-critical,.distribution__box.color-index-error{fill:#c8200d}.distribution__box.color-index-warning{fill:#e57118}.distribution__box.color-index-ok{fill:#2aac24}.distribution__box.color-index-disabled,.distribution__box.color-index-unknown{fill:#999}.distribution__box.color-index-graph-1,.distribution__box.color-index-graph-6{fill:#ec9b58}.distribution__box.color-index-graph-2,.distribution__box.color-index-graph-7{fill:#0049a0}.distribution__box.color-index-graph-3,.distribution__box.color-index-graph-8{fill:#886f9c}.distribution__box.color-index-graph-4,.distribution__box.color-index-graph-9{fill:#5fbcdd}.distribution__box.color-index-graph-5,.distribution__box.color-index-graph-10{fill:#7fba44}.distribution__box.color-index-grey-1,.distribution__box.color-index-grey-4{fill:#2d3034}.distribution__box.color-index-grey-2,.distribution__box.color-index-grey-5{fill:#52555a}.distribution__box.color-index-grey-3,.distribution__box.color-index-grey-6{fill:#999}.distribution__icons.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.distribution__icons.color-index-unset{stroke:#ddd}.distribution__icons.color-index-brand{stroke:#ff8300}.distribution__icons.color-index-critical,.distribution__icons.color-index-error{stroke:#c8200d}.distribution__icons.color-index-warning{stroke:#e57118}.distribution__icons.color-index-ok{stroke:#2aac24}.distribution__icons.color-index-disabled,.distribution__icons.color-index-unknown{stroke:#999}.distribution__icons.color-index-graph-1,.distribution__icons.color-index-graph-6{stroke:#ec9b58}.distribution__icons.color-index-graph-2,.distribution__icons.color-index-graph-7{stroke:#0049a0}.distribution__icons.color-index-graph-3,.distribution__icons.color-index-graph-8{stroke:#886f9c}.distribution__icons.color-index-graph-4,.distribution__icons.color-index-graph-9{stroke:#5fbcdd}.distribution__icons.color-index-graph-5,.distribution__icons.color-index-graph-10{stroke:#7fba44}.distribution__icons.color-index-grey-1,.distribution__icons.color-index-grey-4{stroke:#2d3034}.distribution__icons.color-index-grey-2,.distribution__icons.color-index-grey-5{stroke:#52555a}.distribution__icons.color-index-grey-3,.distribution__icons.color-index-grey-6{stroke:#999}.distribution__icons.color-index-light-1,.distribution__icons.color-index-light-3{stroke:#fff}.distribution__icons.color-index-light-2,.distribution__icons.color-index-light-4{stroke:#f5f5f5}.distribution__label{position:absolute;padding:24px;font-family:Source Sans Pro,Arial,sans-serif;color:#dbdbdb;overflow:hidden;text-align:left;pointer-events:none}.distribution__label-value{display:block;font-size:36px;font-size:2.25rem;line-height:1.33333;font-weight:700}.distribution__label-units{font-size:24px;font-size:1.5rem;line-height:inherit;margin-left:6px;font-weight:400}.distribution__label-label{display:block}.distribution__label--small{padding:12px}.distribution__label--small .distribution__label-value{font-size:20px;font-size:1.25rem;line-height:1.2}.distribution__label--thin .distribution__label-label,.distribution__label--thin .distribution__label-value{display:inline-block}.distribution__label--icons{background-color:hsla(0,0%,100%,.8);color:#333}.distribution__label--icons .label-units{color:#777}.distribution__label--icons .label-label{display:block}.distribution__loading-indicator{stroke-width:24px}.distribution__loading-indicator.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.distribution__loading-indicator.color-index-unset{stroke:#ddd}.distribution__loading-indicator.color-index-brand{stroke:#ff8300}.distribution__loading-indicator.color-index-critical,.distribution__loading-indicator.color-index-error{stroke:#c8200d}.distribution__loading-indicator.color-index-warning{stroke:#e57118}.distribution__loading-indicator.color-index-ok{stroke:#2aac24}.distribution__loading-indicator.color-index-disabled,.distribution__loading-indicator.color-index-unknown{stroke:#999}.distribution__loading-indicator.color-index-graph-1,.distribution__loading-indicator.color-index-graph-6{stroke:#ec9b58}.distribution__loading-indicator.color-index-graph-2,.distribution__loading-indicator.color-index-graph-7{stroke:#0049a0}.distribution__loading-indicator.color-index-graph-3,.distribution__loading-indicator.color-index-graph-8{stroke:#886f9c}.distribution__loading-indicator.color-index-graph-4,.distribution__loading-indicator.color-index-graph-9{stroke:#5fbcdd}.distribution__loading-indicator.color-index-graph-5,.distribution__loading-indicator.color-index-graph-10{stroke:#7fba44}.distribution__loading-indicator.color-index-grey-1,.distribution__loading-indicator.color-index-grey-4{stroke:#2d3034}.distribution__loading-indicator.color-index-grey-2,.distribution__loading-indicator.color-index-grey-5{stroke:#52555a}.distribution__loading-indicator.color-index-grey-3,.distribution__loading-indicator.color-index-grey-6{stroke:#999}.distribution__loading-indicator.color-index-light-1,.distribution__loading-indicator.color-index-light-3{stroke:#fff}.distribution__loading-indicator.color-index-light-2,.distribution__loading-indicator.color-index-light-4{stroke:#f5f5f5}.distribution--icons .distribution__label{padding:0 12px 12px 0}.distribution--icons .distribution__label-value{line-height:1}.distribution--small .distribution__graphic{height:96px}.distribution--large .distribution__graphic{height:288px}@-webkit-keyframes c{0%{stroke-dashoffset:768px}to{stroke-dashoffset:0}}@keyframes c{0%{stroke-dashoffset:768px}to{stroke-dashoffset:0}}@media screen and (max-width:44.9375em){.donut{width:192px;margin:0 auto}}.donut.series-pre path{stroke-dashoffset:768px}.donut__graphic-container{position:relative;width:192px;height:192px}.donut svg.donut__graphic{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible}.donut__slice{stroke-width:24px;stroke-linecap:butt;stroke-dasharray:768px 768px;stroke-dashoffset:0;fill:none;cursor:pointer;stroke:#b2b2b2}.donut__slice.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.donut__slice.color-index-unset{stroke:#ddd}.donut__slice.color-index-brand{stroke:#ff8300}.donut__slice.color-index-critical,.donut__slice.color-index-error{stroke:#c8200d}.donut__slice.color-index-warning{stroke:#e57118}.donut__slice.color-index-ok{stroke:#2aac24}.donut__slice.color-index-disabled,.donut__slice.color-index-unknown{stroke:#999}.donut__slice.color-index-graph-1,.donut__slice.color-index-graph-6{stroke:#ec9b58}.donut__slice.color-index-graph-2,.donut__slice.color-index-graph-7{stroke:#0049a0}.donut__slice.color-index-graph-3,.donut__slice.color-index-graph-8{stroke:#886f9c}.donut__slice.color-index-graph-4,.donut__slice.color-index-graph-9{stroke:#5fbcdd}.donut__slice.color-index-graph-5,.donut__slice.color-index-graph-10{stroke:#7fba44}.donut__slice.color-index-grey-1,.donut__slice.color-index-grey-4{stroke:#2d3034}.donut__slice.color-index-grey-2,.donut__slice.color-index-grey-5{stroke:#52555a}.donut__slice.color-index-grey-3,.donut__slice.color-index-grey-6{stroke:#999}.donut__slice.color-index-light-1,.donut__slice.color-index-light-3{stroke:#fff}.donut__slice.color-index-light-2,.donut__slice.color-index-light-4{stroke:#f5f5f5}@media screen and (min-width:45em){.donut__slice{-webkit-animation:c 3s;animation:c 3s}}.donut__slice-indicator.color-index-unset{fill:#ddd}.donut__slice-indicator.color-index-brand{fill:#ff8300}.donut__slice-indicator.color-index-critical,.donut__slice-indicator.color-index-error{fill:#c8200d}.donut__slice-indicator.color-index-warning{fill:#e57118}.donut__slice-indicator.color-index-ok{fill:#2aac24}.donut__slice-indicator.color-index-disabled,.donut__slice-indicator.color-index-unknown{fill:#999}.donut__slice-indicator.color-index-graph-1,.donut__slice-indicator.color-index-graph-6{fill:#ec9b58}.donut__slice-indicator.color-index-graph-2,.donut__slice-indicator.color-index-graph-7{fill:#0049a0}.donut__slice-indicator.color-index-graph-3,.donut__slice-indicator.color-index-graph-8{fill:#886f9c}.donut__slice-indicator.color-index-graph-4,.donut__slice-indicator.color-index-graph-9{fill:#5fbcdd}.donut__slice-indicator.color-index-graph-5,.donut__slice-indicator.color-index-graph-10{fill:#7fba44}.donut__slice-indicator.color-index-grey-1,.donut__slice-indicator.color-index-grey-4{fill:#2d3034}.donut__slice-indicator.color-index-grey-2,.donut__slice-indicator.color-index-grey-5{fill:#52555a}.donut__slice-indicator.color-index-grey-3,.donut__slice-indicator.color-index-grey-6{fill:#999}.donut__slice--active{stroke-width:24px}.donut__active{position:absolute;width:100%;margin-top:72px;text-align:center;white-space:normal;pointer-events:none}.donut__active-value{font-size:36px;font-size:2.25rem;line-height:38px;font-weight:700}.donut__active-units{font-size:24px;font-size:1.5rem;line-height:inherit;margin-left:6px;color:#777;font-weight:400}.donut__active-label{width:50%;margin:0 auto;font-size:14px;font-size:.875rem;line-height:16px}.donut__max-label,.donut__min-label{position:absolute;bottom:0;color:#777;font-size:14px;font-size:.875rem;line-height:1.71429}.donut__min-label{left:12px}.donut__max-label{right:12px}.donut__legend{margin:24px 0 0}@media screen and (min-width:45em){.donut--landscape{white-space:nowrap}.donut--landscape .donut__graphic-container,.donut--landscape .donut__legend{display:inline-block;vertical-align:middle}.donut--landscape .donut__legend{margin:0 0 0 24px}}.donut--portrait .donut__graphic-container{display:block}.donut--portrait .donut__legend{margin:24px 0 0}.donut--partial .donut__graphic-container{height:168px}.donut--small .donut__graphic-container{width:144px;height:144px}.donut--small .donut__active{margin-top:48px}@media screen and (min-width:45em){.donut--small .donut__legend{display:none}}.drop{position:fixed;z-index:5;background-color:hsla(0,0%,100%,.9);border:none;border-radius:4px 4px 4px 4px;box-shadow:0 2px 4px rgba(0,0,0,.3);overflow:auto}.footer{min-height:36px;line-height:36px;width:100%}.footer__content{display:flex;justify-content:space-between;width:100%;padding-left:24px;padding-right:24px}.footer__content.center-column__content>.menu:first-child{flex:0 0 auto;width:192px}@media screen and (max-width:44.9375em){.footer__content.center-column__content>.menu:first-child{width:100%}.footer__content.center-column__content>.menu:first-child:empty{width:0;margin:0;padding:0}}.footer__content>.flex-1{flex:1}.footer__content>.flex-2{flex:2}.footer__content>.flex-3{flex:3}.footer__content>.flex-4{flex:4}.footer__content>*{margin-right:48px}.footer__content>:last-child{margin-right:0;text-align:left}.footer--primary{height:auto;padding:24px}.footer--primary .footer__content{position:relative;color:#777;display:block}.footer--primary .footer__content p{padding-top:12px;margin:0;max-width:none;text-align:right;line-height:24px}.footer--centered .footer__content{display:block;text-align:center}.footer--centered .footer__content>*{margin-right:auto;margin-left:auto;text-align:center}.footer--flush .footer__content{padding-left:0;padding-right:0}.footer--large .footer__content{padding-top:24px;padding-bottom:24px}.footer__container--float{padding-left:24px;padding-right:24px}.footer__container--float,:not(.footer__container--float)>.footer--float{position:absolute;bottom:0;left:0;right:0}.form{position:relative}@media screen and (min-width:45em){.form{width:480px;max-width:100%}.form .form-field .tiles__container{max-width:480px}}.form--pad-none{padding:0}.form--pad-small{padding:12px}.form--pad-medium{padding:24px}.form--pad-large{padding:48px}.form--pad-horizontal-none{padding-left:0;padding-right:0}.form--pad-horizontal-small{padding-left:12px;padding-right:12px}.form--pad-horizontal-medium{padding-left:24px;padding-right:24px}.form--pad-horizontal-large{padding-left:48px;padding-right:48px}.form--pad-vertical-none{padding-top:0;padding-bottom:0}.form--pad-vertical-small{padding-top:12px;padding-bottom:12px}.form--pad-vertical-medium{padding-top:24px;padding-bottom:24px}.form--pad-vertical-large{padding-top:48px;padding-bottom:48px}.form>.header .header__wrapper{background-color:inherit}.form fieldset{border:none;margin:0;margin-bottom:2rem;margin-top:24px}.form fieldset:first-child{margin-top:0}.form fieldset:last-child{margin-bottom:0}.form fieldset>legend{font-size:24px;font-size:1.5rem;line-height:1;font-weight:600;margin-bottom:12px}.form fieldset>:not(.form-field)+.form-field{margin-top:12px}.form fieldset>.form-field+:not(.form-field):not(.form-fields){margin-top:24px}.form fieldset>.form-fields{display:flex;flex-direction:row}.form fieldset>.form-fields .form-field{margin-bottom:-1px}.form--fill{min-width:0}.form--compact{max-width:288px}.form-field{position:relative;padding:6px 24px;border:1px solid #ccc;margin-bottom:-1px;background-color:#fff;color:#333;opacity:1}@media screen and (min-width:45em){.form-field{width:100%;overflow:auto;transition:all .4s,padding-top .3s .1s,padding-bottom .3s .1s}}@media screen and (max-width:44.9375em){.form-field{display:block}}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field{background-color:transparent;color:#dbdbdb}.form--fill .form-field{width:100%}.form-field:last-child{margin-bottom:0}.form-field__label{display:block;font-size:14px;font-size:.875rem;line-height:24px;color:#777}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__label{color:#dbdbdb}.form-field__contents{display:block;margin-left:-24px;margin-right:-24px}.form-field__contents>.calendar input,.form-field__contents>.search-input input,.form-field__contents>input[type=email],.form-field__contents>input[type=file],.form-field__contents>input[type=number],.form-field__contents>input[type=password],.form-field__contents>input[type=range],.form-field__contents>input[type=text],.form-field__contents>select,.form-field__contents>textarea{display:block;width:100%;border:none;padding:0;padding-left:24px;padding-right:24px;border-radius:0;font-size:16px;font-size:1rem;line-height:1.5}.form-field__contents>.calendar input:focus,.form-field__contents>.search-input input:focus,.form-field__contents>input[type=email]:focus,.form-field__contents>input[type=file]:focus,.form-field__contents>input[type=number]:focus,.form-field__contents>input[type=password]:focus,.form-field__contents>input[type=range]:focus,.form-field__contents>input[type=text]:focus,.form-field__contents>select:focus,.form-field__contents>textarea:focus{border:none}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>.calendar input,[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>.search-input input,[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=email],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=file],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=number],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=password],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=range],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=text],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>select,[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>textarea{color:#fff}.form-field__contents>input[type=range]{width:calc(100% - 48px);margin-left:24px;margin-right:24px;padding-left:0;padding-right:0}.form-field__contents>select{display:block;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAABGdBTUEAALGPC/xhBQAAATdJREFUOBGlUjFqw0AQ1AWBCWpd+A1pXOYHJk38BZeSOkPS5BERaWRJTcCNH2A3xj9waRf+hGsJAoLLjNk77iLFIXhB7NzO3OjuGBUEgaqqaos+wXdL7eI4frqDg27bdoZ+vsHtLB5aGZOyLJ+VUmut9Rdmj0mSHAzX16EfY77HngH2TKHfUMcTXooDEAsKMFhlWXYvVKcJtxKzhTGj0Bpy0TTNK0xPED5EUfTOWV+Ro4Za7nE19spm+NtVHP7q03gn5Ca+Hf78RoxTfOZ5PiJmEXNGTA21xG51DEmmafqBtsM3DMNwic6bKMFDcqIB9Cv0l3Z1iRIMjphMiqKYC8Os2ohYtQM6b+hwwY8o8Qm8iLhag3uvbEiJQ0EjMfMiYnRuv2pIYV3XL4xHX0Rco39hRkni9Oe+bw49m1YsR5tyAAAAAElFTkSuQmCC);background-position:center right 18px;padding-left:22px}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>select{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAABGdBTUEAALGPC/xhBQAAATtJREFUOBGdkk1KxEAQhdNiEPdZeIEk4MalNwhu9ApeQdCNhxBc6U5w4wHGjcwBAi4VMpDkCCYHkEDi+4bp0JNp/6ag6ErVey9VRZkgCExVVS/GmEzx1jYMwzxJkpMdKQxd150r8bGtGlw00DJWpK7rU8UzFT/lx2mavtma7y3L8khTvcr3VD+L4/gZHB0ujUTf93cA5E95nu/b2vSlBgYsHCsGbhTko23bK3W3EPAwiqIbcj6jBgYsHBczjmyT341i67+tZq1DSOxOf78mVgcPRVEcEGPE5IjB+Pa8IQhYO7kVcS5SFIbhI3ycmBw1MGCntjtNrL6XpySBdwlkGvNilc8kNp6Ij7uxQxfk7ou8xNdOxMXa2DuyLXIO6ugeIXx6Ihbnvj8KAmya5lKiC3x6Iq7Qv2JOCf8L6QsuVKvxz0iZVQAAAABJRU5ErkJggg==)}.form-field__contents>select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.form-field__contents ::-ms-clear,.form-field__contents>select::-ms-expand{display:none}.form-field__contents>select::-ms-value{background:none;color:inherit}.form-field__contents>textarea{vertical-align:top;height:auto;resize:vertical}.form-field__contents>.check-box,.form-field__contents>.radio-button{display:block;font-size:16px;font-size:1rem;line-height:1.5;margin:12px 24px}.form-field__contents>.calendar,.form-field__contents>.search-input{display:block}.form-field__contents>.calendar input,.form-field__contents>.search-input input{margin-left:0;margin-right:0}.form-field__contents>.calendar .calendar__control,.form-field__contents>.calendar .search-input__control,.form-field__contents>.search-input .calendar__control,.form-field__contents>.search-input .search-input__control{top:auto;right:6px;transform:none;bottom:-6px}.form-field__contents>.number-input{display:flex;padding-right:6px}.form-field__contents>.number-input input[type=number]{display:inline-block;flex:1;border:none}.form--compact .form-field__contents>.number-input input[type=number]{width:144px}.form-field__contents>input[type=file]{display:inline-block}.form-field__contents>.table--selectable{font-size:16px;font-size:1rem;line-height:1.5}.form-field__contents>.table--selectable table{margin-bottom:0}.form-field__contents>.table--selectable table td:first-child,.form-field__contents>.table--selectable table th:first-child{padding-left:24px}.form-field__contents>.form-field{width:auto;margin-top:12px;border:none}.form-field__contents>.form-field>.form-field__label{border-top:1px solid #ccc;padding-top:6px}.form-field__contents>.form-field--hidden{margin-top:0}.form-field__help{display:block;font-size:13px;font-size:.8125rem;line-height:1.84615;color:#777}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__help{color:#dbdbdb}.form-field__error{display:block;float:right;color:#c8200d;line-height:24px}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__error{color:#dbdbdb}.form-field--text,.form-field--text .form-field__label{cursor:pointer}@media screen and (max-width:44.9375em){.form-field--hidden{display:none}}@media screen and (min-width:45em){.form-field--hidden{border:none;margin-bottom:0;padding-top:0;padding-bottom:0;opacity:0;overflow:hidden;max-height:0;transition:max-height .2s,all .4s}}.form-field--error{z-index:1;border-color:#c8200d}.form-field--focus{z-index:2;border-color:#ff4c00}.header{height:72px;width:100%;margin-bottom:0}.header--large{height:96px}.header--small{height:48px}.header.box>:not(:last-child){margin-right:12px}.header a{color:inherit}.header a,.header a:hover{text-decoration:none}.header .status-icon{flex-grow:0;flex-shrink:0}.header>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}header.header{font-size:24px;font-size:1.5rem;line-height:inherit;-webkit-transform:translate(0);transform:translate(0);transition:-webkit-transform .5s;transition:transform .5s}:not(.header__container--float)>header.header--float{position:absolute;top:0;left:0;right:0}header.header--primary .header__wrapper{border-bottom:none}header.header.header--splash{-webkit-transform:translateY(40vh);transform:translateY(40vh)}header.header.box--direction-row>*{margin-bottom:0}.header:not(header).box--separator-top{padding-top:6px}.header:not(header).box--separator-bottom{padding-bottom:6px}div.header__container{flex-shrink:0}div.header__container--fixed{position:relative}div.header__container--fixed .header__wrapper{position:absolute;top:0;left:0;right:0;z-index:3}@media screen and (min-width:45em){div.header__container--fixed .header__wrapper .header{position:fixed}div.header__container--fixed .header__wrapper .header:not(.header--float){background-color:hsla(0,0%,100%,.9)}}div.header__container--float{position:absolute;top:0;left:0;right:0;padding-left:24px;padding-right:24px}div.header__wrapper{height:72px}div.header--large .header__wrapper{height:96px}div.header--large .header__content{line-height:96px}div.header--small .header__wrapper{height:48px}div.header--small .header__content{line-height:48px}div.header--fixed .header__wrapper{position:absolute;top:0;left:0;right:0;background-color:hsla(0,0%,100%,.9);z-index:3}div.header--fixed.header--primary .header__wrapper{position:fixed;background-color:hsla(0,0%,100%,.9)}div.header--fixed.header--primary .header__content{position:static;background-color:transparent}div.header--flush .header__wrapper{padding-left:0;padding-right:0}.headline{font-size:48px;font-size:3rem;line-height:1;font-weight:100;margin-bottom:24px;max-width:100%}.headline--large{font-size:60px;font-size:3.75rem;line-height:1.2}.headline--small{font-size:30px;font-size:1.875rem;line-height:1.6}.headline--strong{font-weight:600}.control-icon{display:inline-block;width:24px;height:24px;vertical-align:middle;cursor:pointer;fill:#999;stroke:#999}.control-icon :not([stroke])[fill=none]{stroke-width:0}.control-icon [stroke]{stroke:inherit}.control-icon [fill*="#"]{fill:inherit}.control-icon.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.control-icon.color-index-unset{stroke:#ddd}.control-icon.color-index-brand{stroke:#ff8300}.control-icon.color-index-critical,.control-icon.color-index-error{stroke:#c8200d}.control-icon.color-index-warning{stroke:#e57118}.control-icon.color-index-ok{stroke:#2aac24}.control-icon.color-index-disabled,.control-icon.color-index-unknown{stroke:#999}.control-icon.color-index-graph-1,.control-icon.color-index-graph-6{stroke:#ec9b58}.control-icon.color-index-graph-2,.control-icon.color-index-graph-7{stroke:#0049a0}.control-icon.color-index-graph-3,.control-icon.color-index-graph-8{stroke:#886f9c}.control-icon.color-index-graph-4,.control-icon.color-index-graph-9{stroke:#5fbcdd}.control-icon.color-index-graph-5,.control-icon.color-index-graph-10{stroke:#7fba44}.control-icon.color-index-grey-1,.control-icon.color-index-grey-4{stroke:#2d3034}.control-icon.color-index-grey-2,.control-icon.color-index-grey-5{stroke:#52555a}.control-icon.color-index-grey-3,.control-icon.color-index-grey-6{stroke:#999}.control-icon.color-index-light-1,.control-icon.color-index-light-3{stroke:#fff}.control-icon.color-index-light-2,.control-icon.color-index-light-4{stroke:#f5f5f5}.control-icon.color-index-unset{fill:#ddd}.control-icon.color-index-brand{fill:#ff8300}.control-icon.color-index-critical,.control-icon.color-index-error{fill:#c8200d}.control-icon.color-index-warning{fill:#e57118}.control-icon.color-index-ok{fill:#2aac24}.control-icon.color-index-disabled,.control-icon.color-index-unknown{fill:#999}.control-icon.color-index-graph-1,.control-icon.color-index-graph-6{fill:#ec9b58}.control-icon.color-index-graph-2,.control-icon.color-index-graph-7{fill:#0049a0}.control-icon.color-index-graph-3,.control-icon.color-index-graph-8{fill:#886f9c}.control-icon.color-index-graph-4,.control-icon.color-index-graph-9{fill:#5fbcdd}.control-icon.color-index-graph-5,.control-icon.color-index-graph-10{fill:#7fba44}.control-icon.color-index-grey-1,.control-icon.color-index-grey-4{fill:#2d3034}.control-icon.color-index-grey-2,.control-icon.color-index-grey-5{fill:#52555a}.control-icon.color-index-grey-3,.control-icon.color-index-grey-6{fill:#999}@media screen and (min-width:45em){.control-icon{transition:all .3s ease-in-out}}.anchor:hover:not(.anchor--disabled) .control-icon,.button:hover:not(.anchor--disabled) .control-icon,.menu__control:hover .control-icon,a:hover .control-icon{fill:#000;stroke:#000}.control-icon__badge circle{fill:#9fd4c9}.control-icon__badge text{stroke:#333;fill:#333}.button--primary .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .control-icon{fill:#dbdbdb;stroke:#dbdbdb}.button--primary:hover .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor:hover>.control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .button:hover>.control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu__control:hover>.control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a:hover>.control-icon{fill:#fff;stroke:#fff}.control-icon--active{fill:#000;stroke:#000}.control-icon--large{width:48px;height:48px}.status-icon{width:24px;height:24px;vertical-align:middle}.status-icon .status-icon__base{fill:#999}.status-icon-critical .status-icon__base,.status-icon-error .status-icon__base{fill:#c8200d}.status-icon-warning .status-icon__base{fill:#e57118}.status-icon-ok .status-icon__base{fill:#2aac24}.status-icon-disabled .status-icon__base,.status-icon-label .status-icon__base,.status-icon-unknown .status-icon__base{fill:#999}.status-icon__detail{fill:#fff;stroke:#fff}.status-icon-unknown .status-icon__detail{fill:#999;stroke:#999}.status-icon--large{width:48px;height:48px}.status-icon--small{width:12px;height:12px;margin-top:6px;margin-bottom:6px}.status-icon--small .status-icon__detail{display:none}@-webkit-keyframes d{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes d{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.icon-changing{width:24px;height:24px;-webkit-animation:d 1.5s linear infinite;animation:d 1.5s linear infinite}.icon-changing--small{width:12px;height:12px}.icon-spinning{width:24px;height:24px;-webkit-animation:d 4s steps(4,end) infinite;animation:d 4s steps(4,end) infinite}.icon-spinning--small{width:12px;height:12px}.logo-icon{width:48px;height:48px}.logo-icon.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.logo-icon.color-index-unset{stroke:#ddd}.logo-icon.color-index-brand{stroke:#ff8300}.logo-icon.color-index-critical,.logo-icon.color-index-error{stroke:#c8200d}.logo-icon.color-index-warning{stroke:#e57118}.logo-icon.color-index-ok{stroke:#2aac24}.logo-icon.color-index-disabled,.logo-icon.color-index-unknown{stroke:#999}.logo-icon.color-index-graph-1,.logo-icon.color-index-graph-6{stroke:#ec9b58}.logo-icon.color-index-graph-2,.logo-icon.color-index-graph-7{stroke:#0049a0}.logo-icon.color-index-graph-3,.logo-icon.color-index-graph-8{stroke:#886f9c}.logo-icon.color-index-graph-4,.logo-icon.color-index-graph-9{stroke:#5fbcdd}.logo-icon.color-index-graph-5,.logo-icon.color-index-graph-10{stroke:#7fba44}.logo-icon.color-index-grey-1,.logo-icon.color-index-grey-4{stroke:#2d3034}.logo-icon.color-index-grey-2,.logo-icon.color-index-grey-5{stroke:#52555a}.logo-icon.color-index-grey-3,.logo-icon.color-index-grey-6{stroke:#999}.logo-icon.color-index-light-1,.logo-icon.color-index-light-3{stroke:#fff}.logo-icon.color-index-light-2,.logo-icon.color-index-light-4{stroke:#f5f5f5}.logo-icon--small{width:24px;height:24px}.logo-icon--large{width:96px;height:96px}.image--medium{width:576px}.image--large{width:960px}.image--small{width:240px}.image--full{width:100%;height:100%}.image--full-horizontal{width:100%}.image--full-vertical{height:100%}@media screen and (max-width:44.9375em){.label__text{display:none}}@media screen and (min-width:45em){.label__icon{display:none}}a.active>.label .label__icon.control-icon svg{fill:#000;stroke:#000}.layer{position:relative;z-index:4}@media screen and (min-width:45em){.layer{position:fixed;top:0;left:0;right:0;bottom:0}}@media screen and (max-width:44.9375em){.layer:not(.layer--hidden)+.app{display:none}}.layer__container{background-color:#fff}@media screen and (max-width:44.9375em){.layer__container{padding:0 24px;border-bottom:1px solid #ccc;box-shadow:0 2px 4px rgba(0,0,0,.3)}}@media screen and (min-width:45em){.layer__container{position:absolute;max-height:100%;max-width:100%;overflow:auto;padding:0 48px;border-radius:4px 4px 4px 4px;box-shadow:0 2px 4px rgba(0,0,0,.3)}}.layer__closer{position:absolute;top:0;right:0;z-index:1}.layer--flush .layer__container{padding:0}@media screen and (min-width:45em){.layer--align-center:not(.layer--hidden){background-image:radial-gradient(circle at top,#fff,#fff 20%,hsla(0,0%,50%,.6))}.layer--align-center:not(.layer--hidden) .layer__container{left:50%;top:50%;max-height:calc(100vh - 48px);max-width:calc(100vw - 48px);transform:translate(-50%,-50%)}}@media screen and (min-width:45em){.layer--align-left:not(.layer--hidden){background-image:radial-gradient(circle at left,#fff,#fff 20%,hsla(0,0%,50%,.6))}}.layer--align-left:not(.layer--hidden) .layer__container{top:0;bottom:0;left:0}@media screen and (min-width:45em){.layer--align-left:not(.layer--hidden) .layer__container{-webkit-animation:f .2s ease-in-out forwards;animation:f .2s ease-in-out forwards}}@media screen and (min-width:45em){.layer--align-right:not(.layer--hidden){background-image:radial-gradient(circle at right,#fff,#fff 20%,hsla(0,0%,50%,.6))}}.layer--align-right:not(.layer--hidden) .layer__container{top:0;bottom:0;right:0;display:flex;flex-direction:column;justify-content:center}@media screen and (min-width:45em){.layer--align-right:not(.layer--hidden) .layer__container{-webkit-animation:g .2s ease-in-out forwards;animation:g .2s ease-in-out forwards}}@media screen and (min-width:45em){.layer--align-top:not(.layer--hidden){background-image:radial-gradient(circle at top,#fff,#fff 20%,hsla(0,0%,50%,.6))}.layer--align-top:not(.layer--hidden) .layer__container{left:50%;transform:translateX(-50%)}}@media screen and (min-width:45em) and (min-width:45em){.layer--align-top:not(.layer--hidden) .layer__container{-webkit-animation:h .2s ease-in-out forwards;animation:h .2s ease-in-out forwards}}@media screen and (min-width:45em){.layer--align-bottom:not(.layer--hidden){background-image:radial-gradient(circle at bottom,#fff,#fff 20%,hsla(0,0%,50%,.6))}}.layer--align-bottom:not(.layer--hidden) .layer__container{bottom:0}.layer--hidden{left:-10000px;z-index:-1}.layer--hidden.layer--align-left{right:auto}.layer--hidden.layer--align-left .layer__container{left:-100vw}@media screen and (max-width:44.9375em){.layer--hidden{display:none}}@media screen and (min-width:45em){.layer--hidden.layer--peek{left:0;z-index:4}.layer--hidden.layer--peek.layer--align-left{right:auto}.layer--hidden.layer--peek.layer--align-left .layer__container{left:auto;right:-12px;border-right:10px solid #ff8300;-webkit-animation:e .5s ease-in-out alternate 5;animation:e .5s ease-in-out alternate 5}}@-webkit-keyframes e{0%{right:-6px}to{right:-12px}}@keyframes e{0%{right:-6px}to{right:-12px}}@-webkit-keyframes f{0%{left:-100vw}to{left:0}}@keyframes f{0%{left:-100vw}to{left:0}}@-webkit-keyframes g{0%{right:-100vw}to{right:0}}@keyframes g{0%{right:-100vw}to{right:0}}@-webkit-keyframes h{0%{top:-100vh}to{top:0}}@keyframes h{0%{top:-100vh}to{top:0}}.list{list-style-type:none;margin:0;padding:0;overflow:auto}.list__empty,.list__more{padding:12px 24px}.list__empty{color:#777;font-style:italic}.list .list-item{padding:12px 24px;border-bottom:1px solid #ccc;display:flex;align-items:center;max-width:none}.list .list-item:last-child{border-bottom:none}.list .list-item__image{height:24px;width:24px;margin-right:24px;overflow:hidden;flex:0 0 auto}.list .list-item__image img{height:100%;width:100%;max-width:none;object-fit:cover}.list .list-item__annotation,.list .list-item__label{flex:1}.list .list-item__annotation{margin-left:24px;color:#777}.list .list-item--selectable{cursor:pointer}.list .list-item--selectable:hover{background-color:rgba(0,0,0,.1)}.list .list-item--selected{background-color:#fff;color:#333}.list .list-item--row .list-item__annotation{text-align:right}.list .list-item--column{flex-direction:column;align-items:start}.list--selectable .list-item{cursor:pointer;transition:background-color .2s}.list--selectable .list-item--selected{background-color:#fff;color:#333}.list--selectable .list-item:hover:not(.list-item--selected){background-color:rgba(0,0,0,.1);color:#000}.list--small .list-item,.list--small .list__more{padding-top:6px;padding-bottom:6px}.list--small .list-item__image,.list--small .list__more__image{height:12px;width:12px}.list--large .list-item,.list--large .list__more{padding-top:24px;padding-bottom:24px}.list--large .list-item__image,.list--large .list__more__image{height:48px;width:48px}.legend{text-align:left;list-style-type:none;white-space:normal;display:inline-block;margin:0}.legend__item,.legend__total{color:#777}.legend__item>*,.legend__total>*{vertical-align:top}.legend__item-label,.legend__total-label{display:inline-block;width:72px}.legend__item-value,.legend__total-value{display:inline-block;width:72px;text-align:right}.legend__item-units,.legend__total-units{display:inline-block;margin-left:6px}.legend__item{cursor:pointer}.legend__item svg.legend__item-swatch{width:12px;height:12px;margin-top:6px;margin-right:12px;overflow:visible}.legend__item svg.legend__item-swatch.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.legend__item svg.legend__item-swatch.color-index-unset{stroke:#ddd}.legend__item svg.legend__item-swatch.color-index-brand{stroke:#ff8300}.legend__item svg.legend__item-swatch.color-index-critical,.legend__item svg.legend__item-swatch.color-index-error{stroke:#c8200d}.legend__item svg.legend__item-swatch.color-index-warning{stroke:#e57118}.legend__item svg.legend__item-swatch.color-index-ok{stroke:#2aac24}.legend__item svg.legend__item-swatch.color-index-disabled,.legend__item svg.legend__item-swatch.color-index-unknown{stroke:#999}.legend__item svg.legend__item-swatch.color-index-graph-1,.legend__item svg.legend__item-swatch.color-index-graph-6{stroke:#ec9b58}.legend__item svg.legend__item-swatch.color-index-graph-2,.legend__item svg.legend__item-swatch.color-index-graph-7{stroke:#0049a0}.legend__item svg.legend__item-swatch.color-index-graph-3,.legend__item svg.legend__item-swatch.color-index-graph-8{stroke:#886f9c}.legend__item svg.legend__item-swatch.color-index-graph-4,.legend__item svg.legend__item-swatch.color-index-graph-9{stroke:#5fbcdd}.legend__item svg.legend__item-swatch.color-index-graph-5,.legend__item svg.legend__item-swatch.color-index-graph-10{stroke:#7fba44}.legend__item svg.legend__item-swatch.color-index-grey-1,.legend__item svg.legend__item-swatch.color-index-grey-4{stroke:#2d3034}.legend__item svg.legend__item-swatch.color-index-grey-2,.legend__item svg.legend__item-swatch.color-index-grey-5{stroke:#52555a}.legend__item svg.legend__item-swatch.color-index-grey-3,.legend__item svg.legend__item-swatch.color-index-grey-6{stroke:#999}.legend__item svg.legend__item-swatch.color-index-light-1,.legend__item svg.legend__item-swatch.color-index-light-3{stroke:#fff}.legend__item svg.legend__item-swatch.color-index-light-2,.legend__item svg.legend__item-swatch.color-index-light-4{stroke:#f5f5f5}.legend__item svg.legend__item-swatch path{stroke-width:12px;transition-property:stroke-width;transition-duration:.3s;transition-timing-function:ease-in-out}.legend__item--active{color:#333}.legend__item--active svg.legend__item-swatch path{stroke-width:12px}.legend__total{margin-left:24px}.legend__total>*{margin-top:6px;padding-top:6px;border-top:1px dotted #ccc}.legend--single .legend__item-value{font-size:36px;font-size:2.25rem;line-height:1.33333;font-weight:700;width:auto}.legend--single .legend__item-units{font-size:24px;font-size:1.5rem;line-height:inherit;margin-left:6px;color:#777;font-weight:400}.login{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:6}.login__background{position:absolute;max-width:none}.login__background--portrait{width:auto;height:100%}.login__background--landscape{height:auto;width:100%}.login__container{position:relative;width:384px;margin:96px auto;z-index:1;-webkit-animation-name:b;-webkit-animation-duration:.5s;animation-name:b;animation-duration:.5s}@media screen and (max-width:44.9375em){.login__container{margin:48px 0;width:100%;border-radius:0}}.login__footer{position:absolute;left:0;right:0;bottom:6px;padding:6px 24px;background-color:hsla(0,0%,100%,.9);text-align:center}.login-form{position:relative;width:384px;padding:24px;padding-bottom:48px;background-color:#fff;text-align:center;z-index:1;-webkit-animation-name:b;-webkit-animation-duration:.5s;animation-name:b;animation-duration:.5s}@media screen and (max-width:44.9375em){.login-form{width:100%;border-radius:0}}.login-form__secondary-text{color:#777}.login-form fieldset{text-align:left;border:none;margin-bottom:0}.login-form fieldset>*{width:100%;display:block}.login-form__remember-me{display:block;margin-top:24px;text-align:left}.login-form__submit{margin-top:24px;width:100%}.login-form__error{margin-bottom:12px;color:#c8200d;text-align:left}.login-form__footer{margin-top:12px;display:flex;justify-content:space-between;line-height:36px}.map{position:relative;padding:24px}.map__canvas{position:absolute;top:0;left:0;z-index:-1;opacity:.1}.map__canvas--highlight{opacity:1}.map__categories{margin:0;list-style-type:none}.map__category{position:relative;padding-top:24px;margin-bottom:12px;max-width:none}.map__category-label{position:absolute;top:0;left:0;font-size:14px;font-size:.875rem;line-height:1.71429}.map__category-items{margin:0;list-style-type:none;overflow:hidden;text-align:center}.map__item{display:inline-block;width:192px;border:1px solid #ccc;margin-right:12px;margin-bottom:12px;background-color:#fff;font-size:16px;font-size:1rem;line-height:1.5}.map__item>a{display:block;padding:6px 12px;transition:background-color .2s}.map__item>a>*{display:inline-block}.map__item>a:hover{background-color:rgba(0,0,0,.1)}.map__item .status-icon{margin-right:6px}.map__item--active{border-color:#000}.menu{position:relative;font-size:19px;font-size:1.1875rem;line-height:inherit}.menu:focus{outline:none}.menu:focus:not(.menu--expanded):after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border:1px solid #ff4c00;box-shadow:0 0 1px 1px #ff4c00;pointer-events:none}.menu>*{flex:0 0 auto}.menu a:not(.button){text-decoration:none}.menu a:not(.button).active,.menu a:not(.button):hover{color:#d16b00}.menu__control .control-icon-down{width:12px;height:12px}.menu__control .control-icon-down path,.menu__control .control-icon-down polyline{stroke-width:4px}.menu__drop{font-size:16px;font-size:1rem;line-height:inherit;max-height:100vh}.menu__drop .anchor,.menu__drop a{padding:12px 24px;white-space:nowrap;display:block}.menu__drop .anchor:focus,.menu__drop .anchor:hover,.menu__drop a:focus,.menu__drop a:hover{text-decoration:none;background-color:rgba(0,0,0,.1)}.menu__drop .check-box,.menu__drop .radio-button{margin-top:12px;margin-bottom:12px}.menu__drop--align-right{text-align:right}.menu__drop--align-right .menu__contents{text-align:left}.menu__drop--large .menu__control{line-height:96px}.menu--controlled{display:inline-block;cursor:pointer}.menu--controlled.menu--large{line-height:96px}.menu--controlled.menu--small{height:24px}.menu--inline.menu--row.box--justify-end>:not(.control-icon){margin-left:24px;margin-right:0}.menu--inline.menu--row.box--justify-end>:not(.control-icon):first-child{margin-left:0}.menu--inline.menu--row>:not(.control-icon):not(.button){margin-left:0;margin-right:24px}.menu--inline.menu--row>:not(.control-icon):not(.button):last-child{margin-right:0}@media screen and (max-width:44.9375em){.menu--inline.menu.box--direction-row.box--responsive>*{margin-right:0}}.menu--inline.menu.box--direction-column a:not(.button){margin-bottom:6px}.menu--small{font-size:16px;font-size:1rem;line-height:1.5}.menu--small .menu__control-drop-icon{margin-left:6px}.menu--small .menu__control-icon svg{width:18px;height:18px}.menu--primary>.menu{width:100%}.menu--primary>a:not(.button){padding:6px 24px;border-right:6px solid transparent;margin-bottom:0;width:100%}.menu--primary>a:not(.button):hover{text-decoration:none}.menu--primary>a:not(.button):hover:not(.active){background-color:rgba(0,0,0,.1)}.menu--primary>a:not(.button).active{border-color:#ff8300}@media screen and (max-width:44.9375em){.menu--primary.menu--down,.menu--primary.menu--down>*{display:block}}.menu--inline.menu.box--direction-column>.menu:not(:first-of-type) h2,.menu--inline.menu.box--direction-column>.menu:not(:first-of-type) h3,.menu__drop.box--direction-column>.menu:not(:first-of-type) h2,.menu__drop.box--direction-column>.menu:not(:first-of-type) h3{margin-top:24px}.menu--inline.menu>hr,.menu__drop>hr{margin:12px 24px 18px;height:1px;background-color:#ccc;border:none}.menu--inline.menu.box.box--separator-top,.menu__drop.box.box--separator-top{border-color:transparent}.menu--inline.menu.box.box--separator-top:before,.menu__drop.box.box--separator-top:before{content:'';margin:12px 24px 18px;height:1px;background-color:#ccc}.menu--inline.menu--small,.menu__drop--small{font-size:1em}.menu--inline.menu--small .menu__control-label,.menu__drop--small .menu__control-label{padding:12px}.menu--inline.menu--small .menu__control-icon svg,.menu__drop--small .menu__control-icon svg{width:18px;height:18px}.menu--inline.menu--small>a,.menu__drop--small>a{padding:6px 12px}.menu--inline.menu .menu__control-label,.menu__drop .menu__control-label{font-size:19px}.menu--inline.menu a,.menu__drop a{text-decoration:none}.menu--inline.menu--large>a,.menu__drop--large>a{padding:24px 48px}@media screen and (max-width:44.9375em){.menu--inline.menu.box--responsive>*,.menu__drop.box--responsive>*{margin-left:0;margin-right:0}.menu--inline.menu.box--responsive .button,.menu__drop.box--responsive .button{width:100%;margin-bottom:12px}.menu--inline.menu.box--responsive .menu,.menu__drop.box--responsive .menu{margin-bottom:36px}}@media screen and (max-width:44.9375em){.menu__drop{max-width:100%;width:100vw}}@-webkit-keyframes i{0%{stroke-dashoffset:192px}to{stroke-dashoffset:0}}@keyframes i{0%{stroke-dashoffset:192px}to{stroke-dashoffset:0}}@-webkit-keyframes j{0%{stroke-dashoffset:-192px}to{stroke-dashoffset:0}}@keyframes j{0%{stroke-dashoffset:-192px}to{stroke-dashoffset:0}}.meter{display:inline-block;position:relative}.meter__slice{stroke-width:4px}.meter__threshold{stroke:rgba(51,51,51,.2)}.meter__value-container{position:relative;display:inline-block}.meter__graphic-container{white-space:normal}.meter__graphic-container>a{text-decoration:none}.meter__value{white-space:normal;pointer-events:none}.meter__value--active{pointer-events:auto;cursor:pointer}.meter__value-value{font-size:36px;font-size:2.25rem;line-height:38px;font-weight:700}.meter__value-units{font-size:24px;font-size:1.5rem;line-height:inherit;margin-left:6px;color:#777;font-weight:400}.meter__minmax-container,.meter__value-label{display:block}.meter__minmax{display:flex;justify-content:space-between;color:#777;font-size:14px;font-size:.875rem;line-height:1.71429}.meter__label-max,.meter__label-min{flex:0 0 48px}.meter__label-max{text-align:right}.meter__label{fill:#777}.meter__label--active{fill:#000}.meter--legend-right{white-space:nowrap}.meter--legend-right .meter__legend{vertical-align:top;margin-left:24px}.meter--legend-right:not(.meter--tall-legend) .meter__legend{position:relative;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.meter--legend-bottom .meter__legend{margin-top:24px;display:block}.meter:not(.meter--vertical) .meter__graphic-container{display:inline-block}.meter:not(.meter--vertical) .meter__minmax-container{display:block;width:192px}.meter:not(.meter--vertical) .meter__minmax{width:100%}.meter:not(.meter--vertical).meter--small .meter__minmax-container{width:96px}.meter:not(.meter--vertical).meter--large .meter__minmax-container{width:288px}.meter--vertical .meter__graphic-container{display:inline-block;white-space:nowrap}.meter--vertical .meter__minmax-container{height:192px}.meter--vertical .meter__minmax{flex-direction:column;height:100%}.meter--vertical .meter__minmax-min{order:1}.meter--vertical .meter__minmax-max{order:0}.meter--vertical .meter__label-max,.meter--vertical .meter__label-min{flex:0 0 auto;text-align:left}.meter--vertical .meter__label-min{order:1}.meter--vertical .meter__label-max{order:0}.meter--vertical .meter__value-label{display:block}.meter--vertical.meter--small .meter__minmax-container{height:96px}.meter--vertical.meter--large .meter__minmax-container{height:288px}.meter--small .meter__slice{stroke-width:8px}.meter--small .meter__values .meter__slice:hover{stroke-width:24px}.meter--small .meter__value-value{font-size:20px;font-size:1.25rem;line-height:1.2}.meter--small .meter__value-units{font-size:16px;font-size:1rem;line-height:1.5}.meter--large .meter__value-value{font-size:64px;font-size:4rem;line-height:1.125}.meter--large .meter__value-units{font-size:48px;font-size:3rem;line-height:1}.meter.meter--active .meter__values .meter__slice:hover,.meter.meter--active:not(.meter--single) .meter__values .meter__slice.meter__slice--active{stroke-width:12px}.meter--bar .meter__slice{stroke-linecap:butt;stroke-dasharray:192px 192px;stroke-dashoffset:0}.meter--bar .meter__values .meter__slice{cursor:pointer}.meter--bar .meter__values .meter__slice.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.meter--bar .meter__values .meter__slice.color-index-unset{stroke:#ddd}.meter--bar .meter__values .meter__slice.color-index-brand{stroke:#ff8300}.meter--bar .meter__values .meter__slice.color-index-critical,.meter--bar .meter__values .meter__slice.color-index-error{stroke:#c8200d}.meter--bar .meter__values .meter__slice.color-index-warning{stroke:#e57118}.meter--bar .meter__values .meter__slice.color-index-ok{stroke:#2aac24}.meter--bar .meter__values .meter__slice.color-index-disabled,.meter--bar .meter__values .meter__slice.color-index-unknown{stroke:#999}.meter--bar .meter__values .meter__slice.color-index-graph-1,.meter--bar .meter__values .meter__slice.color-index-graph-6{stroke:#ec9b58}.meter--bar .meter__values .meter__slice.color-index-graph-2,.meter--bar .meter__values .meter__slice.color-index-graph-7{stroke:#0049a0}.meter--bar .meter__values .meter__slice.color-index-graph-3,.meter--bar .meter__values .meter__slice.color-index-graph-8{stroke:#886f9c}.meter--bar .meter__values .meter__slice.color-index-graph-4,.meter--bar .meter__values .meter__slice.color-index-graph-9{stroke:#5fbcdd}.meter--bar .meter__values .meter__slice.color-index-graph-5,.meter--bar .meter__values .meter__slice.color-index-graph-10{stroke:#7fba44}.meter--bar .meter__values .meter__slice.color-index-grey-1,.meter--bar .meter__values .meter__slice.color-index-grey-4{stroke:#2d3034}.meter--bar .meter__values .meter__slice.color-index-grey-2,.meter--bar .meter__values .meter__slice.color-index-grey-5{stroke:#52555a}.meter--bar .meter__values .meter__slice.color-index-grey-3,.meter--bar .meter__values .meter__slice.color-index-grey-6{stroke:#999}.meter--bar .meter__values .meter__slice.color-index-light-1,.meter--bar .meter__values .meter__slice.color-index-light-3{stroke:#fff}.meter--bar .meter__values .meter__slice.color-index-light-2,.meter--bar .meter__values .meter__slice.color-index-light-4{stroke:#f5f5f5}@media screen and (min-width:45em){.meter--bar .meter__values .meter__slice{transition:stroke-width .2s;-webkit-animation:i 1.5s linear;animation:i 1.5s linear}}.meter--bar .meter__thresholds .meter__slice.color-index-unset{stroke:hsla(0,0%,87%,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-brand{stroke:rgba(255,131,0,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-critical,.meter--bar .meter__thresholds .meter__slice.color-index-error{stroke:rgba(200,32,13,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-warning{stroke:rgba(229,113,24,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-ok{stroke:rgba(42,172,36,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-disabled,.meter--bar .meter__thresholds .meter__slice.color-index-unknown{stroke:hsla(0,0%,60%,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-graph-1,.meter--bar .meter__thresholds .meter__slice.color-index-graph-6{stroke:rgba(236,155,88,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-graph-2,.meter--bar .meter__thresholds .meter__slice.color-index-graph-7{stroke:rgba(0,73,160,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-graph-3,.meter--bar .meter__thresholds .meter__slice.color-index-graph-8{stroke:rgba(136,111,156,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-graph-4,.meter--bar .meter__thresholds .meter__slice.color-index-graph-9{stroke:rgba(95,188,221,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-graph-5,.meter--bar .meter__thresholds .meter__slice.color-index-graph-10{stroke:rgba(127,186,68,.5)}.meter--bar .meter__value{text-align:left}.meter--bar .meter__value-label{font-size:14px;font-size:.875rem;line-height:16px}.meter--bar:not(.meter--vertical) .meter__minmax-container>a{vertical-align:top;display:block;height:24px}.meter--bar:not(.meter--vertical) .meter__graphic{width:192px}.meter--bar:not(.meter--vertical) .meter__value{display:inline-block;vertical-align:top;margin-left:12px}.meter--bar:not(.meter--vertical) .meter__value-value{font-size:24px;font-size:1.5rem;line-height:1}.meter--bar:not(.meter--vertical) .meter__value-units{font-size:20px;font-size:1.25rem;line-height:1.2}.meter--bar:not(.meter--vertical).meter--single .meter__value-label,.meter--bar:not(.meter--vertical).meter--stacked .meter__value-label{display:inline-block;margin-left:4px}.meter--bar:not(.meter--vertical).meter--legend-right .meter__legend{top:0;-webkit-transform:none;transform:none}.meter--bar:not(.meter--vertical).meter--small svg.meter__graphic{width:96px}.meter--bar:not(.meter--vertical).meter--small .meter__value-units,.meter--bar:not(.meter--vertical).meter--small .meter__value-value{font-size:16px;font-size:1rem;line-height:1.5}.meter--bar:not(.meter--vertical).meter--large svg.meter__graphic{width:288px}.meter--bar:not(.meter--vertical).meter--large .meter__value{margin-left:16px}.meter--bar:not(.meter--vertical).meter--large .meter__value-units,.meter--bar:not(.meter--vertical).meter--large .meter__value-value{font-size:26px;font-size:1.625rem;line-height:inherit}.meter--bar.meter--vertical{white-space:nowrap}.meter--bar.meter--vertical svg.meter__graphic{height:192px}.meter--bar.meter--vertical .meter__labeled-graphic{display:inline-block}.meter--bar.meter--vertical .meter__value{position:relative;vertical-align:top;top:96px;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:inline-block}.meter--bar.meter--vertical .meter__minmax-container{position:absolute;top:0;left:24px}.meter--bar.meter--vertical.meter--legend-right .meter__legend{top:96px}.meter--bar.meter--vertical.meter--small svg.meter__graphic{height:96px}.meter--bar.meter--vertical.meter--small.meter--legend-right .meter__legend,.meter--bar.meter--vertical.meter--small .meter__value{top:48px}.meter--bar.meter--vertical.meter--large svg.meter__graphic{height:288px}.meter--bar.meter--vertical.meter--large.meter--legend-right .meter__legend,.meter--bar.meter--vertical.meter--large .meter__value{top:144px}@media screen and (max-width:44.9375em){.meter--arc,.meter--circle,.meter--spiral{margin:0 auto}}.meter--arc svg.meter__graphic,.meter--circle svg.meter__graphic,.meter--spiral svg.meter__graphic{display:block}.meter--arc .meter.series-pre path,.meter--circle .meter.series-pre path,.meter--spiral .meter.series-pre path{stroke-dashoffset:768px}.meter--arc .meter__slice,.meter--circle .meter__slice,.meter--spiral .meter__slice{stroke-linecap:butt;stroke-dasharray:768px 768px;stroke-dashoffset:0;fill:none;stroke:#b2b2b2}.meter--arc .meter__slice-indicator,.meter--circle .meter__slice-indicator,.meter--spiral .meter__slice-indicator{stroke-linecap:square;stroke-width:4px;stroke:#000}.meter--arc .meter__values .meter__slice,.meter--circle .meter__values .meter__slice,.meter--spiral .meter__values .meter__slice{cursor:pointer}.meter--arc .meter__values .meter__slice.color-index-loading,.meter--circle .meter__values .meter__slice.color-index-loading,.meter--spiral .meter__values .meter__slice.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.meter--arc .meter__values .meter__slice.color-index-unset,.meter--circle .meter__values .meter__slice.color-index-unset,.meter--spiral .meter__values .meter__slice.color-index-unset{stroke:#ddd}.meter--arc .meter__values .meter__slice.color-index-brand,.meter--circle .meter__values .meter__slice.color-index-brand,.meter--spiral .meter__values .meter__slice.color-index-brand{stroke:#ff8300}.meter--arc .meter__values .meter__slice.color-index-critical,.meter--arc .meter__values .meter__slice.color-index-error,.meter--circle .meter__values .meter__slice.color-index-critical,.meter--circle .meter__values .meter__slice.color-index-error,.meter--spiral .meter__values .meter__slice.color-index-critical,.meter--spiral .meter__values .meter__slice.color-index-error{stroke:#c8200d}.meter--arc .meter__values .meter__slice.color-index-warning,.meter--circle .meter__values .meter__slice.color-index-warning,.meter--spiral .meter__values .meter__slice.color-index-warning{stroke:#e57118}.meter--arc .meter__values .meter__slice.color-index-ok,.meter--circle .meter__values .meter__slice.color-index-ok,.meter--spiral .meter__values .meter__slice.color-index-ok{stroke:#2aac24}.meter--arc .meter__values .meter__slice.color-index-disabled,.meter--arc .meter__values .meter__slice.color-index-unknown,.meter--circle .meter__values .meter__slice.color-index-disabled,.meter--circle .meter__values .meter__slice.color-index-unknown,.meter--spiral .meter__values .meter__slice.color-index-disabled,.meter--spiral .meter__values .meter__slice.color-index-unknown{stroke:#999}.meter--arc .meter__values .meter__slice.color-index-graph-1,.meter--arc .meter__values .meter__slice.color-index-graph-6,.meter--circle .meter__values .meter__slice.color-index-graph-1,.meter--circle .meter__values .meter__slice.color-index-graph-6,.meter--spiral .meter__values .meter__slice.color-index-graph-1,.meter--spiral .meter__values .meter__slice.color-index-graph-6{stroke:#ec9b58}.meter--arc .meter__values .meter__slice.color-index-graph-2,.meter--arc .meter__values .meter__slice.color-index-graph-7,.meter--circle .meter__values .meter__slice.color-index-graph-2,.meter--circle .meter__values .meter__slice.color-index-graph-7,.meter--spiral .meter__values .meter__slice.color-index-graph-2,.meter--spiral .meter__values .meter__slice.color-index-graph-7{stroke:#0049a0}.meter--arc .meter__values .meter__slice.color-index-graph-3,.meter--arc .meter__values .meter__slice.color-index-graph-8,.meter--circle .meter__values .meter__slice.color-index-graph-3,.meter--circle .meter__values .meter__slice.color-index-graph-8,.meter--spiral .meter__values .meter__slice.color-index-graph-3,.meter--spiral .meter__values .meter__slice.color-index-graph-8{stroke:#886f9c}.meter--arc .meter__values .meter__slice.color-index-graph-4,.meter--arc .meter__values .meter__slice.color-index-graph-9,.meter--circle .meter__values .meter__slice.color-index-graph-4,.meter--circle .meter__values .meter__slice.color-index-graph-9,.meter--spiral .meter__values .meter__slice.color-index-graph-4,.meter--spiral .meter__values .meter__slice.color-index-graph-9{stroke:#5fbcdd}.meter--arc .meter__values .meter__slice.color-index-graph-5,.meter--arc .meter__values .meter__slice.color-index-graph-10,.meter--circle .meter__values .meter__slice.color-index-graph-5,.meter--circle .meter__values .meter__slice.color-index-graph-10,.meter--spiral .meter__values .meter__slice.color-index-graph-5,.meter--spiral .meter__values .meter__slice.color-index-graph-10{stroke:#7fba44}.meter--arc .meter__values .meter__slice.color-index-grey-1,.meter--arc .meter__values .meter__slice.color-index-grey-4,.meter--circle .meter__values .meter__slice.color-index-grey-1,.meter--circle .meter__values .meter__slice.color-index-grey-4,.meter--spiral .meter__values .meter__slice.color-index-grey-1,.meter--spiral .meter__values .meter__slice.color-index-grey-4{stroke:#2d3034}.meter--arc .meter__values .meter__slice.color-index-grey-2,.meter--arc .meter__values .meter__slice.color-index-grey-5,.meter--circle .meter__values .meter__slice.color-index-grey-2,.meter--circle .meter__values .meter__slice.color-index-grey-5,.meter--spiral .meter__values .meter__slice.color-index-grey-2,.meter--spiral .meter__values .meter__slice.color-index-grey-5{stroke:#52555a}.meter--arc .meter__values .meter__slice.color-index-grey-3,.meter--arc .meter__values .meter__slice.color-index-grey-6,.meter--circle .meter__values .meter__slice.color-index-grey-3,.meter--circle .meter__values .meter__slice.color-index-grey-6,.meter--spiral .meter__values .meter__slice.color-index-grey-3,.meter--spiral .meter__values .meter__slice.color-index-grey-6{stroke:#999}.meter--arc .meter__values .meter__slice.color-index-light-1,.meter--arc .meter__values .meter__slice.color-index-light-3,.meter--circle .meter__values .meter__slice.color-index-light-1,.meter--circle .meter__values .meter__slice.color-index-light-3,.meter--spiral .meter__values .meter__slice.color-index-light-1,.meter--spiral .meter__values .meter__slice.color-index-light-3{stroke:#fff}.meter--arc .meter__values .meter__slice.color-index-light-2,.meter--arc .meter__values .meter__slice.color-index-light-4,.meter--circle .meter__values .meter__slice.color-index-light-2,.meter--circle .meter__values .meter__slice.color-index-light-4,.meter--spiral .meter__values .meter__slice.color-index-light-2,.meter--spiral .meter__values .meter__slice.color-index-light-4{stroke:#f5f5f5}@media screen and (min-width:45em){.meter--arc .meter__values .meter__slice,.meter--circle .meter__values .meter__slice,.meter--spiral .meter__values .meter__slice{transition:stroke-width .2s;-webkit-animation:j 1.5s linear;animation:j 1.5s linear}}.meter--arc .meter__thresholds .meter__slice.color-index-unset,.meter--circle .meter__thresholds .meter__slice.color-index-unset,.meter--spiral .meter__thresholds .meter__slice.color-index-unset{stroke:hsla(0,0%,87%,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-brand,.meter--circle .meter__thresholds .meter__slice.color-index-brand,.meter--spiral .meter__thresholds .meter__slice.color-index-brand{stroke:rgba(255,131,0,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-critical,.meter--arc .meter__thresholds .meter__slice.color-index-error,.meter--circle .meter__thresholds .meter__slice.color-index-critical,.meter--circle .meter__thresholds .meter__slice.color-index-error,.meter--spiral .meter__thresholds .meter__slice.color-index-critical,.meter--spiral .meter__thresholds .meter__slice.color-index-error{stroke:rgba(200,32,13,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-warning,.meter--circle .meter__thresholds .meter__slice.color-index-warning,.meter--spiral .meter__thresholds .meter__slice.color-index-warning{stroke:rgba(229,113,24,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-ok,.meter--circle .meter__thresholds .meter__slice.color-index-ok,.meter--spiral .meter__thresholds .meter__slice.color-index-ok{stroke:rgba(42,172,36,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-disabled,.meter--arc .meter__thresholds .meter__slice.color-index-unknown,.meter--circle .meter__thresholds .meter__slice.color-index-disabled,.meter--circle .meter__thresholds .meter__slice.color-index-unknown,.meter--spiral .meter__thresholds .meter__slice.color-index-disabled,.meter--spiral .meter__thresholds .meter__slice.color-index-unknown{stroke:hsla(0,0%,60%,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-graph-1,.meter--arc .meter__thresholds .meter__slice.color-index-graph-6,.meter--circle .meter__thresholds .meter__slice.color-index-graph-1,.meter--circle .meter__thresholds .meter__slice.color-index-graph-6,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-1,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-6{stroke:rgba(236,155,88,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-graph-2,.meter--arc .meter__thresholds .meter__slice.color-index-graph-7,.meter--circle .meter__thresholds .meter__slice.color-index-graph-2,.meter--circle .meter__thresholds .meter__slice.color-index-graph-7,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-2,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-7{stroke:rgba(0,73,160,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-graph-3,.meter--arc .meter__thresholds .meter__slice.color-index-graph-8,.meter--circle .meter__thresholds .meter__slice.color-index-graph-3,.meter--circle .meter__thresholds .meter__slice.color-index-graph-8,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-3,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-8{stroke:rgba(136,111,156,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-graph-4,.meter--arc .meter__thresholds .meter__slice.color-index-graph-9,.meter--circle .meter__thresholds .meter__slice.color-index-graph-4,.meter--circle .meter__thresholds .meter__slice.color-index-graph-9,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-4,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-9{stroke:rgba(95,188,221,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-graph-5,.meter--arc .meter__thresholds .meter__slice.color-index-graph-10,.meter--circle .meter__thresholds .meter__slice.color-index-graph-5,.meter--circle .meter__thresholds .meter__slice.color-index-graph-10,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-5,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-10{stroke:rgba(127,186,68,.5)}.meter--arc .meter__threshold,.meter--circle .meter__threshold,.meter--spiral .meter__threshold{stroke-linecap:butt}.meter--arc .meter__value-label,.meter--circle .meter__value-label,.meter--spiral .meter__value-label{display:block}@media screen and (max-width:44.9375em){.meter--arc,.meter--circle{width:192px}}.meter--arc .meter__value,.meter--circle .meter__value{white-space:normal;pointer-events:none;text-align:center}.meter--arc .meter__value--active,.meter--circle .meter__value--active{pointer-events:auto;cursor:pointer}.meter--arc:not(.meter--vertical) .meter__minmax-container,.meter--circle .meter__minmax-container{width:192px}.meter--arc:not(.meter--vertical) .meter__value,.meter--circle .meter__value{position:absolute;left:50%}.meter--arc:not(.meter--vertical).meter--small .meter__minmax-container,.meter--circle.meter--small .meter__minmax-container{width:96px}.meter--arc:not(.meter--vertical).meter--large .meter__minmax-container,.meter--circle.meter--large .meter__minmax-container{width:288px}.meter--arc.meter--vertical.meter--legend-right .meter__legend,.meter--circle.meter--legend-right .meter__legend{top:96px}.meter--arc.meter--vertical.meter--legend-right.meter--small .meter__legend,.meter--circle.meter--legend-right.meter--small .meter__legend{top:48px}.meter--arc.meter--vertical.meter--legend-right.meter--large .meter__legend,.meter--circle.meter--legend-right.meter--large .meter__legend{top:144px}.meter--circle svg.meter__graphic{width:192px;height:192px}.meter--circle .meter__value{top:96px;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);max-width:144px}.meter--circle.meter--small svg.meter__graphic{width:96px;height:96px}.meter--circle.meter--small .meter__value{top:48px;max-width:72px}.meter--circle.meter--large svg.meter__graphic{width:288px;height:288px}.meter--circle.meter--large .meter__value{top:144px;max-width:216px}.meter--circle:not(.meter--stacked):not(.meter--single) .meter__value{position:static;margin:0 auto;-webkit-transform:none;transform:none}.meter--arc:not(.meter--vertical) svg.meter__graphic{width:192px;height:144px}.meter--arc:not(.meter--vertical) .meter__value{top:108px;-webkit-transform:translateX(-50%);transform:translateX(-50%);max-width:120px}.meter--arc:not(.meter--vertical).meter--legend-right .meter__legend{top:72px}.meter--arc:not(.meter--vertical).meter--small svg.meter__graphic{width:96px;height:72px}.meter--arc:not(.meter--vertical).meter--small .meter__value{top:60px;max-width:60px}.meter--arc:not(.meter--vertical).meter--large svg.meter__graphic{width:288px;height:216px}.meter--arc:not(.meter--vertical).meter--large .meter__value{top:156px;max-width:180px}.meter--arc.meter--vertical svg.meter__graphic{display:inline;width:144px;height:192px}.meter--arc.meter--vertical .meter__value{position:relative;top:96px;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:inline-block;margin-left:-24px;vertical-align:top}.meter--arc.meter--vertical .meter__minmax-container{display:inline-block;vertical-align:top;margin-left:12px;padding-top:12px;padding-bottom:12px}.meter--arc.meter--vertical.meter--small svg.meter__graphic{width:72px;height:96px}.meter--arc.meter--vertical.meter--small .meter__value{top:48px;margin-left:-18px}.meter--arc.meter--vertical.meter--small .meter__minmax-container{padding-top:0;padding-bottom:0}.meter--arc.meter--vertical.meter--large svg.meter__graphic{width:216px;height:288px}.meter--arc.meter--vertical.meter--large .meter__value{top:144px;margin-left:-48px}.meter--arc.meter--vertical.meter--minmax .meter__value{margin-left:-72px}.meter--arc.meter--vertical.meter--minmax.meter--small .meter__value{margin-left:-60px}.meter--spiral .meter__value{position:absolute;top:0;right:0;white-space:normal;text-align:right}.meter--spiral .meter__value-value{display:block;font-size:24px;font-size:1.5rem;line-height:1;margin-bottom:6px}.meter--spiral .meter__value-units{font-size:20px;font-size:1.25rem;line-height:1.2;color:#777;margin-left:.2em}.meter--spiral .meter__value-label{display:block;font-size:14px;font-size:.875rem;line-height:16px}.meter--loading .meter__thresholds,.meter--loading .meter__value{display:none}.notification__status{margin-right:12px}.notification__message{margin-bottom:24px;vertical-align:middle}.notification--critical{background-color:#c8200d;font-size:19px;font-size:1.1875rem;line-height:24px;color:#dbdbdb}.notification--critical .notification__status .status-icon__base{fill:#dbdbdb}.notification--error{background-color:#c8200d;font-size:19px;font-size:1.1875rem;line-height:24px;color:#dbdbdb}.notification--error .notification__status .status-icon__base{fill:#dbdbdb}.notification--warning{background-color:#e57118;font-size:19px;font-size:1.1875rem;line-height:24px;color:#dbdbdb}.notification--warning .notification__status .status-icon__base{fill:#dbdbdb}.notification--ok{background-color:#2aac24;font-size:19px;font-size:1.1875rem;line-height:24px;color:#dbdbdb}.notification--ok .notification__status .status-icon__base{fill:#dbdbdb}.notification--unknown{background-color:#999;font-size:19px;font-size:1.1875rem;line-height:24px;color:#dbdbdb}.notification--unknown .notification__status .status-icon__base{fill:#dbdbdb}.notification--disabled{background-color:#999;font-size:19px;font-size:1.1875rem;line-height:24px;color:#dbdbdb}.notification--disabled .notification__status .status-icon__base{fill:#dbdbdb}.notifications-control__icon{width:48px;height:48px;vertical-align:middle}.notifications{position:fixed;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,50%,.6);z-index:4}.notifications__container{position:absolute;top:0;right:0;min-width:300px;padding:24px;padding-top:96px;background-color:#fff;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-bottom-left-radius:4px 4px 4px 4px}.notifications__icon{position:absolute;top:24px;right:84px;width:48px;height:48px;vertical-align:middle}.number-input__input{-moz-appearance:textfield}.number-input__input::-webkit-inner-spin-button,.number-input__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.object{overflow:auto}.object__container{padding:24px}.object ol,.object ul{margin:0;list-style-type:none}.object li{width:auto}.object__attribute{margin-bottom:12px}.object__attribute-name{display:block;color:#777;font-size:14px;font-size:.875rem;line-height:1.71429}.object__attribute-value{display:block;font-size:16px;font-size:1rem;line-height:1.5}.object__attribute-value ol,.object__attribute-value ul{margin-left:24px;padding-top:24px;padding-bottom:24px}.object__attribute--container>.object__attribute-name{font-weight:700}.object__attribute--unset .object__attribute-value{font-style:italic;color:#777}.object__attribute--array>.object__attribute-value>ol>li{border-top:1px solid #ccc}.object__attribute--array>.object__attribute-value>ol>li:last-child{border-bottom:1px solid #ccc}.object__attribute--array>.object__attribute-value>ol>li>ul{padding-top:0;padding-bottom:0}.paragraph--small{font-size:14px;font-size:.875rem;line-height:1.71429}.paragraph--small a{text-decoration:none}.paragraph--large{font-size:24px;font-size:1.5rem;line-height:28px}.paragraph--large a{color:#ff8300;font-weight:600}.radio-button{margin-right:24px;white-space:nowrap}.radio-button:not(.radio-button--disabled){cursor:pointer}.radio-button:hover:not(.radio-button--disabled) .radio-button__control{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button:hover:not(.radio-button--disabled) .radio-button__control{border-color:#fff}.radio-button:hover:not(.radio-button--disabled) .radio-button__input:checked+.radio-button__control{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button:hover:not(.radio-button--disabled) .radio-button__input:checked+.radio-button__control{border-color:#fff}.radio-button:hover:not(.radio-button--disabled) .radio-button__label{color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button:hover:not(.radio-button--disabled) .radio-button__label{color:#fff}.radio-button__input{opacity:0;position:absolute}.radio-button__input:checked+.radio-button__control{border-color:#ff8300}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button__input:checked+.radio-button__control{border-color:#fff}.radio-button__input:checked+.radio-button__control+.radio-button__label{color:#333}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button__input:checked+.radio-button__control+.radio-button__label{color:#fff}.radio-button__input:checked+.radio-button__control:after{content:"";display:block;position:absolute;top:5px;left:5px;width:10px;height:10px;background-color:#ff8300;border-radius:12px}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button__input:checked+.radio-button__control:after{background-color:#fff}.radio-button__input:focus+.radio-button__control{content:"";border-color:#ff4c00;box-shadow:0 0 1px 1px #ff4c00}.radio-button__control{position:relative;display:inline-block;width:24px;height:24px;margin-right:12px;vertical-align:middle;background-color:inherit;color:#d16b00;border:2px solid #999;border-radius:24px}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button__control{border-color:#dbdbdb}.radio-button__label{color:#777}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button__label{color:#dbdbdb}.radio-button--disabled .radio-button__control{opacity:.5}.search{display:inline-block}.search:focus{outline:none;margin:-1px;border:1px solid #ff4c00;box-shadow:0 0 1px 1px #ff4c00}.search--controlled{cursor:pointer}.search__input{margin-right:0}.header .search__input{font-size:inherit}.search__drop{font-size:20px;font-size:1.25rem;line-height:inherit}@media screen and (max-width:44.9375em){.search__drop{max-width:100%;width:100vw}}.search__drop--inline{margin-left:-1px}.search__drop--inline .search__drop-contents{display:block}.search__drop--controlled .search__drop-contents{display:inline-block}.search__drop input{margin-right:0;box-sizing:border-box;width:100%}@media screen and (max-width:44.9375em){.search__drop input{width:calc(100vw - 72px)}}.search__drop-control{vertical-align:top;height:48px}.search__drop .search__suggestion{padding:6px 24px;cursor:pointer}.search__drop .search__suggestion--active,.search__drop .search__suggestion:hover{background-color:rgba(0,0,0,.1)}.search__drop--large{line-height:96px}.search--inline{position:relative}.search--inline .search__input{width:100%;padding-right:47px;box-sizing:border-box}.search--inline .search__input:focus{padding-right:46px}.header .search--inline .search__input:not(:focus){border-color:transparent}.search--inline .control-icon-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none}.search--small{line-height:24px}.search--small .search__input{font-size:14px;font-size:.875rem;line-height:14px;padding:4px 13px;padding-right:23px}.search--small .search__input:focus{padding:3px 12px;padding-right:22px}.search--small .control-icon-search{height:12px;width:12px}.search--large{line-height:triple(24px)}.search--large .search__input{font-size:36px;font-size:2.25rem;line-height:48px;padding:-7px 35px;padding-right:47px}.search--large .control-icon-search{right:24px}.search-input{position:relative;display:inline-block}.search-input__input{width:100%;height:100%;display:block;padding-right:60px}.search-input__input:focus{padding-right:59px}.search-input__control{position:absolute;top:50%;transform:translateY(-50%);right:12px}.search-input__suggestions{border-top-left-radius:0;border-top-right-radius:0;margin:0;list-style-type:none}.search-input__suggestion{padding:6px 24px;cursor:pointer}.search-input__suggestion--active,.search-input__suggestion:hover{background-color:rgba(0,0,0,.1)}.search-input--active .search-input__input{border-bottom-left-radius:0;border-bottom-right-radius:0}section:not(.section){padding-top:24px;padding-bottom:24px}section:not(.section):first-of-type{margin-top:0;padding-top:0}.section>img,section>img{margin-top:24px;margin-bottom:24px;display:block;height:auto}@media screen and (max-width:44.9375em){.section>img,section>img{max-width:576px}}.section>iframe,section>iframe{width:100%;max-width:576px;height:400px}@media screen and (max-width:44.9375em){.section>iframe,section>iframe{height:250px}}@media screen and (max-width:44.9375em){.section>ol,.section>ul,section>ol,section>ul{margin-left:0;margin-bottom:24px}}.section>dl>dt,section>dl>dt{margin-top:24px;margin-bottom:6px;text-transform:uppercase}.section>dl>dt code,section>dl>dt code{text-transform:none;white-space:pre-wrap}.section>dl>dd,section>dl>dd{margin-left:0}@media screen and (max-width:44.9375em){.section>dl>dd,section>dl>dd{padding-right:24px}}.react-gravatar{width:48px;height:48px;border-radius:24px;border:2px solid transparent;overflow:hidden;cursor:pointer;transition:all .3s ease-in-out}.react-gravatar:hover{border-color:#ff8300}.session{position:fixed;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,50%,.6);z-index:4}.session__container{position:absolute;top:0;right:0;min-width:300px;padding:24px;padding-top:96px;background-color:#fff;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-bottom-left-radius:4px 4px 4px 4px}.session .react-gravatar{position:absolute;top:24px;right:24px}.session__actions{margin-top:24px;padding-top:24px;border-top:1px solid #ccc}.session a{cursor:pointer}.settings{position:relative;text-align:center}.settings__panels{display:inline-block}.settings__panel{vertical-align:top}.sidebar{min-height:100vh}@media screen and (max-width:44.9375em){.sidebar{max-width:100%;width:100vw}}@media screen and (min-width:45em){.sidebar{width:336px}}.sidebar--fixed{display:flex;flex-direction:column}.sidebar--fixed>*{flex:1;overflow:auto}.sidebar--fixed>.footer,.sidebar--fixed>.header{flex:0 0 auto}.sidebar--primary{background-color:#f5f5f5}@media screen and (min-width:45em){.sidebar--small{width:240px}}@media screen and (min-width:45em){.sidebar--large{width:480px}}.split{position:relative;overflow:visible}.split:after{position:absolute;left:0;content:' ';display:block;width:45em;height:0;z-index:-10}@media screen and (min-width:45em){.split{display:flex}.split--fixed>*{position:relative;height:100vh;overflow:auto;-ms-overflow-style:-ms-autohiding-scrollbar}.split--flex-right>:first-child:not(:last-child){flex:0 0 auto}.split--flex-right>:last-child{flex:1}.split--flex-left>.object,.split--flex-left>:last-child:not(:first-child){flex:0 0 auto}.split--flex-both>*,.split--flex-left>:first-child{flex:1}.split--separator>*{border-right:1px solid #000}.split--separator>:last-child{border-right:none}}@media screen and (max-width:44.9375em){.split--separator>*{border-bottom:1px solid #000}.split--separator>:last-child{border-bottom:none}}.skip-link-anchor{width:0;height:0;overflow:hidden}.tab{padding:12px}.tab a{text-decoration:none}.tab a:focus .tab__label{border-bottom:4px solid}.tab__label{cursor:pointer;padding-bottom:12px;font-weight:600;color:#777}.tab--active .tab__label{color:#000;border-bottom:4px solid #000}.tab:focus .tab__label,.tab:hover .tab__label{border-bottom:4px solid}.tabs{margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;list-style:none;border-bottom:1px solid #ccc}.tabs__content{padding:24px}@media screen and (max-width:44.9375em){.tabs__content{padding:24px 0}}.table table{width:100%}.table td,.table th{padding:11px 12px;vertical-align:top;text-align:left}.table td:first-child,.table th:first-child{padding-left:24px}.table td:last-child,.table th:last-child{padding-right:24px}.table th{font-weight:100;font-size:20px;font-size:1.25rem;line-height:1.2;border-bottom:1px solid #ccc}.table__mirror{position:absolute;top:0;left:0;right:0}.table__mirror>thead{position:fixed;background-color:hsla(0,0%,100%,.9)}@media screen and (max-width:44.9375em){.table__mirror>thead{position:static}}.table__more{margin-top:24px;text-align:center}.table--scrollable{position:relative}.table--selectable tbody tr{cursor:pointer}.table--selectable tbody tr td{transition:background-color .2s}.table--selectable tbody tr.table-row--selected td{background-color:#fff;color:#333}[class*=background-color-index-]:not([class*=background-color-index-light]) .table--selectable tbody tr.table-row--selected td{background-color:rgba(0,0,0,.2);color:#fff}.table--selectable tbody tr:hover:not(.table-row--selected) td{background-color:rgba(0,0,0,.1);color:#000}.tbd,[class*=background-color-index-]:not([class*=background-color-index-light]) .table--selectable tbody tr:hover:not(.table-row--selected) td{color:#fff}.tbd{text-align:center;padding:96px;font-size:96px;font-size:6rem;line-height:1;font-style:italic;background-color:#ccc}.tiles{width:100%;padding:12px}.tiles>.tile{flex:0 0 192px;margin:12px}.tiles>.tile--wide,.tiles>.tile>*{box-sizing:border-box}.tiles>.tile--wide{flex-basis:calc(100% - 24px)}.tiles__container{display:flex;flex-direction:row;align-items:center;width:100%}.tiles__container .tiles__left,.tiles__container .tiles__right{flex:0 0 auto}.tiles__container .tiles{flex:1;margin:0}.tiles__container .tiles.box--direction-row{width:100%;overflow:hidden}.tiles--fill.box--wrap{justify-content:space-around}.tiles--fill.box--wrap>.tile{flex-grow:1}.tiles--flush{padding:0}.tiles--flush>.tile{margin:0}.tiles--flush>.tile--wide{flex-basis:100%}.tiles--moreable{position:relative;padding-bottom:48px}.tiles--moreable .tiles__more{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tiles--selectable .tile{cursor:pointer;transition:background-color .2s}.tiles--selectable .tile--selected{background-color:#fff;color:#333}.tiles--selectable .tile:hover:not(.tile--selected){background-color:rgba(0,0,0,.1);color:#000}.tiles--small>.tile{flex-basis:96px}@media screen and (min-width:45em){.tiles--large>.tile{flex-basis:384px}}@media screen and (max-width:44.9375em){.tiles--large>.tile{flex-basis:100%}}.tile{overflow:hidden}.tile .status-icon{margin-right:6px}.tile>.chart{width:100%}.tile--selectable{cursor:pointer;transition:background-color .2s}.tile--selectable.tile--selected{background-color:#fff;color:#333}.tile--selectable:hover:not(.tile--selected){background-color:rgba(0,0,0,.1);color:#000}.tile--eclipsed{opacity:.2}.title{max-height:100%;overflow:hidden;text-overflow:ellipsis;font-weight:400;white-space:nowrap;font-size:24px;font-size:1.5rem;line-height:inherit}@media screen and (min-width:45em){.title{font-weight:600}}.title>:not(:last-child){margin-right:12px}.title a{color:inherit}.title a,.title a:hover{text-decoration:none}[class*=background-color-index-] .title a:hover{text-decoration:underline}.title img,.title svg{max-width:576px}.title img:not(:last-child),.title svg:not(:last-child){margin-right:12px}.title--interactive{cursor:pointer}@media screen and (min-width:45em){.title--interactive{transition:color .3s ease-in-out}}.title--interactive:hover{color:#ff8300;cursor:pointer}[class*=background-color-index-]:not([class*=background-color-index-light]) .title--interactive:hover{color:#fff}@media screen and (max-width:44.9375em){.title--responsive img,.title--responsive svg{margin-right:0}.title--responsive>:not(:first-child){display:none}}.topology{position:relative}@media screen and (max-width:44.9375em){.topology__contents>.topology__parts{flex-direction:column}}@media screen and (min-width:45em){.topology__contents>.topology__parts--direction-row>.topology__part{margin-right:48px}.topology__contents>.topology__parts--direction-row>.topology__part:last-child{margin-right:0}}@media screen and (max-width:44.9375em){.topology__contents>.topology__parts--direction-row>.topology__part{margin-bottom:48px}.topology__contents>.topology__parts--direction-row>.topology__part:last-child{margin-bottom:0}}.topology__contents>.topology__parts--direction-column>.topology__part{margin-bottom:48px}.topology__contents>.topology__parts--direction-column>.topology__part:last-child{margin-bottom:0}.topology__canvas{position:absolute;pointer-events:none}.topology__parts{display:flex;align-items:stretch}.topology__parts--direction-row{flex-direction:row;flex-grow:1}.topology__parts--direction-column{flex-direction:column;flex-grow:1}.topology__parts--align-start{align-items:flex-start}.topology__parts--align-center{align-items:center}.topology__parts--align-end{align-items:flex-end}.topology__part,.topology__parts--align-stretch{align-items:stretch}.topology__part{display:flex;justify-content:center;overflow:hidden}.topology__part>.topology__parts .topology__part{flex:1}.topology__part--demarcate{border:1px solid #ccc}.topology__part--demarcate.topology__part--empty{background-color:#f5f5f5;min-width:24px;min-height:24px}.topology__part--justify-start{justify-content:flex-start}.topology__part--justify-center{justify-content:center}.topology__part--justify-between{justify-content:space-between}.topology__part--justify-end{justify-content:flex-end}.topology__part--align-start{align-items:flex-start}.topology__part--align-center{align-items:center}.topology__part--align-end{align-items:flex-end}.topology__part--align-stretch{align-items:stretch}.topology__part--direction-row{flex-direction:row}.topology__part--direction-row.topology__part--reverse{flex-direction:row-reverse}.topology__part--direction-row>:not(.topology__parts):not(.topology__part){margin:6px}.topology__part--direction-column{flex-direction:column}.topology__part--direction-column.topology__part--reverse{flex-direction:column-reverse}.topology__part--direction-column>:not(.topology__parts):not(.topology__part){margin:6px}.topology__label{font-size:14px;margin-left:12px;margin-right:12px}.topology .status-icon{position:relative;z-index:1}.video{position:relative;height:auto}@media screen and (max-width:44.9375em){.video{max-width:100%;width:100vw}}@media screen and (min-width:45em){.video--small{width:240px}.video--small .video__control.button--primary{width:48px;height:48px;border-radius:24px}.video--large{width:960px}}.video--full,.video video{width:100%}.video__summary{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;text-align:left;padding:24px;background-color:rgba(45,48,52,.7);color:#dbdbdb;border-radius:4px 4px 4px 4px}.video__control.button--primary{flex:0 0 auto;width:96px;height:96px;border-radius:48px;background-color:rgba(255,131,0,.7)}.video__control.button--primary:hover{background-color:#ff8300}.video__title{margin-left:24px}.video__timeline{position:absolute;left:0;right:0;bottom:0;height:72px;color:#dbdbdb;background-color:rgba(45,48,52,.7)}.video__timeline-chapter{position:absolute;height:100%;padding-left:6px;border-left:2px solid #dbdbdb;text-align:left;cursor:pointer}.video__timeline-chapter:hover{color:#fff;border-color:#fff}.video__timeline-chapter time{display:block;font-size:14px;font-size:.875rem;line-height:24px}.video__progress{position:absolute;left:0;right:0;bottom:0;height:6px;text-align:left}.video__progress-meter{height:100%;background-color:#ff8300}.video--playing:not(.video--interacting) .video__progress,.video--playing:not(.video--interacting) .video__summary,.video--playing:not(.video--interacting) .video__timeline{opacity:0;transition:opacity 1s}.clearfix:after{content:"";display:table;clear:both} \ No newline at end of file +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}blockquote,body,caption,dd,dl,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,legend,ol,p,pre,table,td,th,ul{margin:0;padding:0}abbr[title],dfn[title]{cursor:help}ins,u{text-decoration:none}ins{border-bottom:1px solid}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}address,blockquote,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,ol,p,pre,table,ul{margin-bottom:24px;margin-bottom:1.5rem}dd,ol,ul{margin-left:48px;margin-left:3rem}html{font-size:1em;line-height:1.5;background-color:#fff;color:#333;overflow-y:scroll;min-height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}h1{font-size:36px;font-size:2.25rem;line-height:1.33333}h2{font-size:30px;font-size:1.875rem;line-height:1.6}h3{font-size:24px;font-size:1.5rem;line-height:1}h4{font-size:20px;font-size:1.25rem;line-height:1.2}h5{font-size:16px;font-size:1rem;line-height:1.5}h6{font-size:14px;font-size:.875rem;line-height:1.71429}li>ol,li>ul{margin-bottom:0}img{max-width:100%;font-style:italic;vertical-align:middle}.gm-style img,img[height],img[width]{max-width:none}.brand-font,html{font-family:Open Sans,Arial,sans-serif}body,html{font-size:16px;font-size:1rem;line-height:24px}h1{font-size:48px;font-size:3rem;line-height:1.125}h2{font-size:36px;font-size:2.25rem;line-height:1.33333}h3{font-size:24px;font-size:1.5rem;line-height:1.25}h4,h5{font-size:18px;font-size:1.125rem;line-height:1.33333}h1,h2,h3,h4,h5{font-weight:100;max-width:100%}h1.header--strong,h1>strong,h2.header--strong,h2>strong,h3.header--strong,h3>strong,h4.header--strong,h4>strong,h5.header--strong,h5>strong{font-weight:600}h1 a,h1 a.anchor,h2 a,h2 a.anchor,h3 a,h3 a.anchor,h4 a,h4 a.anchor,h5 a,h5 a.anchor{color:inherit;text-decoration:none}h1 a.anchor:hover,h1 a:hover,h2 a.anchor:hover,h2 a:hover,h3 a.anchor:hover,h3 a:hover,h4 a.anchor:hover,h4 a:hover,h5 a.anchor:hover,h5 a:hover{text-decoration:none}dd,li,p{max-width:576px;margin-left:0}dd{margin-bottom:12px}p{margin-top:24px;margin-bottom:24px}blockquote{font-size:36px;font-size:2.25rem;line-height:1.33333}code.hljs{border:1px solid #ccc}.large-number-font{font-family:Source Sans Pro,Arial,sans-serif}.secondary{color:#777}.error{color:#c8200d}input,select,textarea{font-size:16px;font-size:1rem;line-height:1.5;padding:11px 23px;border:1px solid #ccc;border-radius:4px 4px 4px 4px;outline:none;margin-right:12px;background-color:transparent}input:focus,select:focus,textarea:focus{padding:10px 22px;border-width:2px;border-color:#ff4c00}input::-moz-focus-inner,select::-moz-focus-inner,textarea::-moz-focus-inner{border:none;outline:none}input::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#aaa}input::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder{color:#aaa}input:-ms-input-placeholder,select:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#aaa}input.error,select.error,textarea.error{border-color:#c8200d}input[type=button],input[type=submit]{text-align:center;line-height:inherit}select{border-color:#ccc;padding-right:24px;-webkit-appearance:none;-moz-appearance:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAOhJREFUSA3tksENgzAMRUmrrlApuTAAxxw6QvfojYmYKtw6QpUDI1Rq6o8MStsAMT1UlbAUcMB+33FcFJttHfifDlhrT7QO31YMBlgDZw8HH5RSF3JLY0zrvX8MAZI3F1gT66y17ohz2zGgDSFc6UdF+5oDJWwUidMDXoFFfgtAfwJUjMppX7KI6CQJeOOcu48CcNaKzMFfBNaILME/BCQiOfCkQI5ILhwshceUpUAcG0/LeKEpzqwAEhIiRTSKs3Dk92MKZ8rep4vgR57zRTiYiwIIikVo29HKgiNXZGgXt0yUtwX/tgNPQqatJ1aBLFMAAAAASUVORK5CYII=) no-repeat center right;cursor:pointer}select::-moz-focus-inner{border:none}select.plain{border:none}input[type=range]{position:relative;-webkit-appearance:none;border-color:transparent;height:24px;padding:0;cursor:pointer;overflow-x:hidden}input[type=range]:focus{outline:none}input[type=range]::-moz-focus-inner,input[type=range]::-moz-focus-outer{border:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;background-color:#b2b2b2}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-webkit-slider-runnable-track{background-color:hsla(0,0%,100%,.1)}input[type=range]::-webkit-slider-thumb{position:relative;height:24px;width:24px;overflow:visible;-webkit-appearance:none;margin-top:-11px}input[type=range]::-webkit-slider-thumb:before{content:"";position:absolute;left:-3000px;right:24px;top:9px;bottom:9px;background-color:#ff8300;pointer-events:none}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-webkit-slider-thumb:before{background-color:#fff}input[type=range]::-webkit-slider-thumb:after{content:"";position:absolute;border:2px solid #ff8300;height:20px;width:20px;border-radius:24px;background-color:#fff;cursor:pointer}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-webkit-slider-thumb:after{background-color:transparent;border-color:#fff}input[type=range]:hover::-webkit-slider-thumb:after{content:"";border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]:hover::-webkit-slider-thumb:after{background-color:#fff;border-color:#fff}input[type=range]::-moz-range-track{width:100%;height:2px;background-color:#b2b2b2}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-moz-range-track{background-color:hsla(0,0%,100%,.1)}input[type=range]::-moz-range-thumb{position:relative;height:24px;width:24px;overflow:visible;border:2px solid #ff8300;height:20px;width:20px;border-radius:24px;background-color:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-moz-range-thumb{border-color:#fff;background-color:transparent}input[type=range]::hover::-moz-range-thumb{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::hover::-moz-range-thumb{border-color:#fff;background-color:#fff}input[type=range]::-ms-track{width:100%;height:2px;background-color:#b2b2b2;border-color:transparent;color:transparent}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-ms-track{background-color:hsla(0,0%,100%,.1)}input[type=range]::-ms-fill-lower{background:#ff8300;border-color:transparent}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-ms-fill-lower{background:#fff}input[type=range]::-ms-fill-upper{background:#b2b2b2;border-color:transparent}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-ms-fill-upper{background:hsla(0,0%,100%,.1)}input[type=range]::-ms-thumb{position:relative;height:24px;width:24px;overflow:visible;border:2px solid #999;height:20px;width:20px;border-radius:24px;background-color:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-ms-thumb{border-color:#fff}input[type=range]:hover::-ms-thumb{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]:hover::-ms-thumb{border-color:#fff;background-color:#fff}@media screen and (min-width:45em){body,html{height:100%;width:100%;overflow:visible}}.i-list-bare{margin:0;padding:0;list-style:none}.anchor,a{text-decoration:none;cursor:pointer}.anchor,.anchor:visited,a,a:visited{color:#ff8300}.anchor.active,a.active{color:#333}.anchor:hover:not(.anchor--disabled),a:hover:not(.anchor--disabled){text-decoration:underline;color:#d16b00}.anchor__icon,a__icon{display:inline-block;padding:12px}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu .anchor:not(.button),[class*=background-color-index-]:not([class*=background-color-index-light]) .menu a:not(.button),[class*=background-color-index-]:not([class*=background-color-index-light]) a{color:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu .anchor:not(.button) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu a:not(.button) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a .control-icon{fill:#dbdbdb;stroke:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor:hover:not(.anchor--disabled),[class*=background-color-index-]:not([class*=background-color-index-light]) .menu .anchor:not(.button):hover:not(.anchor--disabled),[class*=background-color-index-]:not([class*=background-color-index-light]) .menu a:not(.button):hover:not(.anchor--disabled),[class*=background-color-index-]:not([class*=background-color-index-light]) a:hover:not(.anchor--disabled){color:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor:hover:not(.anchor--disabled) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu .anchor:not(.button):hover:not(.anchor--disabled) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu a:not(.button):hover:not(.anchor--disabled) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a:hover:not(.anchor--disabled) .control-icon{fill:#fff;stroke:#fff}.anchor.anchor--primary,a.anchor--primary{font-size:19px;font-size:1.1875rem;line-height:24px;font-weight:600;color:#ff8300;text-decoration:none}.anchor.anchor--primary .control-icon,a.anchor--primary .control-icon{stroke:#ff8300;margin-right:12px}.anchor.anchor--primary>span,a.anchor--primary>span{vertical-align:middle}.anchor.anchor--primary:hover:not(.anchor--disabled)>.control-icon,a.anchor--primary:hover:not(.anchor--disabled)>.control-icon{transform:translateX(3px);stroke:#ff8300}.anchor.anchor--primary:hover:not(.anchor--disabled)>.control-icon path,.anchor.anchor--primary:hover:not(.anchor--disabled)>.control-icon polyline,a.anchor--primary:hover:not(.anchor--disabled)>.control-icon path,a.anchor--primary:hover:not(.anchor--disabled)>.control-icon polyline{stroke-width:3px}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor.anchor--primary,[class*=background-color-index-]:not([class*=background-color-index-light]) a.anchor--primary{color:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor.anchor--primary .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a.anchor--primary .control-icon{fill:#dbdbdb;stroke:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor.anchor--primary:hover:not(.anchor--disabled),[class*=background-color-index-]:not([class*=background-color-index-light]) a.anchor--primary:hover:not(.anchor--disabled){color:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor.anchor--primary:hover:not(.anchor--disabled) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a.anchor--primary:hover:not(.anchor--disabled) .control-icon{fill:#fff;stroke:#fff}.anchor--disabled,a--disabled{opacity:.3;cursor:default}.anchor--disabled .control-icon,a--disabled .control-icon{cursor:default}#loading{position:absolute;width:100%;height:100%;background-color:#ddd;text-align:center;padding-top:100px;font-size:48px;color:#ccc;font-style:italic}@media screen and (min-width:45em){.app{position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto}}.app--inline{position:relative}.app--centered>.split{width:100%;max-width:960px;margin-left:auto;margin-right:auto}.article{position:relative}.article--scroll-step{text-align:center;height:100vh;width:100vw;max-width:100%}.article--scroll-step>.article__control{position:fixed;z-index:4}.article--scroll-step>.article__control-up{top:0;left:50%;transform:translateX(-50%)}.article--scroll-step>.article__control-down{bottom:0;left:50%;transform:translateX(-50%)}.article--scroll-step>.article__control-left{top:50%;transform:translateY(-50%);left:0}.article--scroll-step>.article__control-right{top:50%;transform:translateY(-50%);right:0}.article--scroll-step.box--direction-column{overflow-x:hidden;overflow-y:auto}.article--scroll-step.box--direction-column>.article__control-carousel{top:50%;left:24px;transform:translateY(-50%)}.article--scroll-step.box--direction-row{overflow-x:auto;overflow-y:hidden}.article--scroll-step.box--direction-row>:not(.article__controls){overflow-y:auto}.article--scroll-step.box--direction-row>.article__control-carousel{top:24px;left:50%;transform:translateX(-50%)}.article>*{flex:0 0 auto}article:not(.article){width:100%}.attribute{margin-bottom:12px}@media screen and (max-width:44.9375em){.attribute{width:100%}}.attribute__label{display:block;text-align:left;font-size:14px;font-size:.875rem;line-height:24px;color:#777}.box{display:flex;background-position:center center;background-size:cover;background-repeat:no-repeat}.box__texture{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.box__container{padding-left:24px;padding-right:24px}.box__container--full{max-width:100%;width:100vw}.layer__container .box__container--full{width:calc(100vw - 48px)}.box__container--full-horizontal{max-width:100%;width:100vw}.layer__container .box__container--full-horizontal{width:calc(100vw - 48px)}.app--centered .box__container>.box{width:100%;max-width:960px;margin-left:auto;margin-right:auto}@media screen and (max-width:44.9375em){.app--centered .box__container>.box{padding-left:0;padding-right:0}}.box--wrap{flex-wrap:wrap}.box--pad-none{padding:0}.box--pad-small{padding:12px}.box--pad-medium{padding:24px}.box--pad-large{padding:48px}.box--pad-horizontal-none{padding-left:0;padding-right:0}.box--pad-horizontal-small{padding-left:12px;padding-right:12px}.box--pad-horizontal-medium{padding-left:24px;padding-right:24px}.box--pad-horizontal-large{padding-left:48px;padding-right:48px}.box--pad-vertical-none{padding-top:0;padding-bottom:0}.box--pad-vertical-small{padding-top:12px;padding-bottom:12px}.box--pad-vertical-medium{padding-top:24px;padding-bottom:24px}.box--pad-vertical-large{padding-top:48px;padding-bottom:48px}.box--full{position:relative;max-width:100%;width:100vw;min-height:100vh;height:100%}.layer__container .box--full{width:calc(100vw - 48px)}.box--full-horizontal{max-width:100%;width:100vw}.layer__container .box--full-horizontal{width:calc(100vw - 48px)}.box--full-vertical{min-height:100vh}.box--direction-row{flex-direction:row}.box--direction-row.box--reverse{flex-direction:row-reverse}.box--direction-row.box--pad-between-small>:not(:last-child){margin-right:12px}.box--direction-row.box--pad-between-medium>:not(:last-child){margin-right:24px}.box--direction-row.box--pad-between-large>:not(:last-child){margin-right:48px}@media screen and (max-width:44.9375em){.box--direction-row.box--responsive{flex-direction:column}.box--direction-row.box--responsive.box--reverse{flex-direction:column-reverse}}.box--direction-column{flex-direction:column}.box--direction-column.box--reverse{flex-direction:column-reverse}.box--direction-column>.footer.box--direction-row,.box--direction-column>.header.box--direction-row,.box--direction-column>.header__container--fixed{flex:0 0 auto}.box--direction-column.box--pad-between-small>:not(:last-child){margin-bottom:12px}.box--direction-column.box--pad-between-medium>:not(:last-child){margin-bottom:24px}.box--direction-column.box--pad-between-large>:not(:last-child){margin-bottom:48px}.box--justify-start{justify-content:flex-start}.box--justify-center{justify-content:center}.box--justify-between{justify-content:space-between}.box--justify-end{justify-content:flex-end}.box--align-start{align-items:flex-start}.box--align-center{align-items:center}.box--align-end{align-items:flex-end}.box--separator-all,.box--separator-horizontal,.box--separator-top{border-top:1px solid #ccc}.box--separator-all,.box--separator-bottom,.box--separator-horizontal{border-bottom:1px solid #ccc}.box--separator-all,.box--separator-left,.box--separator-vertical{border-left:1px solid #ccc}.box--separator-all,.box--separator-right,.box--separator-vertical{border-right:1px solid #ccc}@media screen and (max-width:44.9375em){.box--separator-all,.box--separator-left,.box--separator-vertical{border-left:none;border-bottom:1px solid #ccc}.box--separator-all,.box--separator-right,.box--separator-vertical{border-right:none;border-bottom:1px solid #ccc}}[class*=background-color-index-] .box[class*=box--separator]{border-color:#eee}.box--text-align-left{text-align:left}.box--text-align-center{text-align:center}.box--text-align-right{text-align:right}.box>.flex,.box>.flex-grow-1{flex-grow:1}.box--direction-down,.box--direction-up{flex-direction:column}.box--direction-left{justify-content:flex-end}.box--flush{padding:0}button:not(.button),input[type=button],input[type=submit]{padding:6px 22px;background-color:transparent;border:2px solid #ff8300;border-radius:4px 4px 4px 4px;color:#333;font-size:19px;font-size:1.1875rem;line-height:24px;font-weight:600;cursor:pointer;text-align:center;outline:none;min-width:120px;max-width:384px}button:not(.button):focus:not(.button--disabled),input[type=button]:focus:not(.button--disabled),input[type=submit]:focus:not(.button--disabled){border-color:#ff4c00;box-shadow:0 0 1px 1px #ff4c00}@media screen and (min-width:45em){button:not(.button),input[type=button],input[type=submit]{transition:.1s ease-in-out}}.button{padding:6px 22px;background-color:transparent;border:2px solid #ff8300;border-radius:4px 4px 4px 4px;color:#333;font-size:19px;font-size:1.1875rem;line-height:24px;font-weight:600;cursor:pointer;text-align:center;outline:none;min-width:120px;max-width:384px}.button:focus:not(.button--disabled){border-color:#ff4c00;box-shadow:0 0 1px 1px #ff4c00}@media screen and (min-width:45em){.button{transition:.1s ease-in-out}}.button__icon{display:inline-block;padding:12px}.button--primary{border-color:#ff8300;background-color:#ff8300;color:#fff}.button--secondary{border-color:rgba(51,51,51,.6)}.button--accent{border-color:#9fd4c9}.button--icon{border:none;padding:0;width:auto;height:auto;min-width:0;max-width:none}.button--icon.button--primary{background-color:#ff8300}.button--icon>span:not(.button__icon){vertical-align:middle}.button--icon>span:not(.button__icon):first-child{margin-left:12px}.button--icon>span:not(.button__icon):last-child{margin-right:12px}[class*=background-color-index-]:not([class*=background-color-index-light]) .button--icon{color:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .button--icon .control-icon{fill:#dbdbdb;stroke:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .button--icon:hover{color:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) .button--icon:hover .control-icon{fill:#fff;stroke:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) .button:not(.button--primary){border-color:#eee;color:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .button:not(.button--primary).button--accent{border-color:#9fd4c9}.button--disabled{opacity:.3;cursor:default}.button--fill{width:100%;max-width:none;flex-grow:1}.calendar{position:relative;display:inline-block;min-width:288px}.calendar__input{width:100%;height:100%;display:block;padding-right:60px}.calendar__input:focus{padding-right:59px}.calendar__control{position:absolute;top:50%;right:12px;transform:translateY(-50%)}.calendar__drop{border-top-left-radius:0;border-top-right-radius:0}.calendar__title{text-align:center}.calendar__grid{width:100%;padding:12px}.calendar__grid table{width:100%}.calendar__grid td,.calendar__grid th{text-align:center;padding:6px}.calendar__grid th{color:#777;font-weight:400}.calendar__day{display:inline-block;cursor:pointer;width:24px;height:24px;transition:background-color .3s}.calendar__day:hover{background-color:rgba(0,0,0,.1)}.calendar__day--other-month{color:#777}.calendar__day--active{background-color:#ff8300;color:#dbdbdb}.calendar--active .calendar__input{border-bottom-left-radius:0;border-bottom-right-radius:0}@-webkit-keyframes a{0%{opacity:1}to{opacity:0}}@keyframes a{0%{opacity:1}to{opacity:0}}.carousel{position:relative;max-width:100%;overflow:hidden}.carousel__track{display:flex;max-width:none;transition:all .8s}.carousel__item>*{width:100%}.carousel__arrow{-webkit-animation:b 1s;animation:b 1s;z-index:1;position:absolute;top:50%;transform:translateY(-50%);cursor:pointer}.carousel__arrow .control-icon{filter:drop-shadow(1px 1px 1px rgba(170,170,170,.5));-webkit-filter:drop-shadow(1px 1px 1px hsla(0,0%,67%,.5))}.carousel__arrow .control-icon polyline{stroke:#fff;stroke-width:1px}.carousel__arrow--next{right:0}.carousel__arrow--prev{left:0}.carousel .control-icon-next{right:0}.carousel .control-icon-previous{left:0}.carousel__controls{-webkit-animation:b 1s;animation:b 1s;margin-left:50%;transform:translateX(-50%);position:absolute;bottom:12px;text-align:center;z-index:1}.carousel__control{display:inline-block;width:36px;height:36px;stroke:#fff;fill:transparent;cursor:pointer;filter:drop-shadow(1px 1px 1px rgba(170,170,170,.5));-webkit-filter:drop-shadow(1px 1px 1px hsla(0,0%,67%,.5))}.carousel__control--active{stroke:#ff8300;fill:#ff8300}.carousel--hide-controls .carousel__controls,.carousel--hide-controls .control-icon-next,.carousel--hide-controls .control-icon-previous{opacity:0;-webkit-animation:a 1s;animation:a 1s}.carousel-controls__control{width:36px;height:36px;stroke:#fff;fill:transparent;cursor:pointer;filter:drop-shadow(1px 1px 1px rgba(170,170,170,.5));-webkit-filter:drop-shadow(1px 1px 1px hsla(0,0%,67%,.5))}.carousel-controls__control:hover{stroke-width:2px}.carousel-controls__control--active{stroke:#ff8300;fill:#ff8300}@-webkit-keyframes b{0%{opacity:0}to{opacity:1}}@keyframes b{0%{opacity:0}to{opacity:1}}.chart{position:relative;display:block}.chart__grid{stroke:#ccc}.chart__graphic{width:100%;height:192px;max-height:calc(100vh - 144px)}@media screen and (min-width:45em){.chart__values g{-webkit-animation:b 1.5s;animation:b 1.5s}}.chart__values-line{stroke-width:3px}.chart__values-line.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.chart__values-line.color-index-unset{stroke:#ddd}.chart__values-line.color-index-brand{stroke:#ff8300}.chart__values-line.color-index-critical,.chart__values-line.color-index-error{stroke:#c8200d}.chart__values-line.color-index-warning{stroke:#e57118}.chart__values-line.color-index-ok{stroke:#2aac24}.chart__values-line.color-index-disabled,.chart__values-line.color-index-unknown{stroke:#999}.chart__values-line.color-index-graph-1,.chart__values-line.color-index-graph-6{stroke:#ec9b58}.chart__values-line.color-index-graph-2,.chart__values-line.color-index-graph-7{stroke:#0049a0}.chart__values-line.color-index-graph-3,.chart__values-line.color-index-graph-8{stroke:#886f9c}.chart__values-line.color-index-graph-4,.chart__values-line.color-index-graph-9{stroke:#5fbcdd}.chart__values-line.color-index-graph-5,.chart__values-line.color-index-graph-10{stroke:#7fba44}.chart__values-line.color-index-grey-1,.chart__values-line.color-index-grey-4{stroke:#2d3034}.chart__values-line.color-index-grey-2,.chart__values-line.color-index-grey-5{stroke:#52555a}.chart__values-line.color-index-grey-3,.chart__values-line.color-index-grey-6{stroke:#999}.chart__values-line.color-index-light-1,.chart__values-line.color-index-light-3{stroke:#fff}.chart__values-line.color-index-light-2,.chart__values-line.color-index-light-4{stroke:#f5f5f5}.chart__values-area.color-index-critical,.chart__values-area.color-index-error,.chart__values-bar.color-index-critical,.chart__values-bar.color-index-error{fill:rgba(200,32,13,.7)}.chart__values-area.color-index-warning,.chart__values-bar.color-index-warning{fill:rgba(229,113,24,.7)}.chart__values-area.color-index-ok,.chart__values-bar.color-index-ok{fill:rgba(42,172,36,.7)}.chart__values-area.color-index-disabled,.chart__values-area.color-index-unknown,.chart__values-bar.color-index-disabled,.chart__values-bar.color-index-unknown{fill:hsla(0,0%,60%,.7)}.chart__values-area.color-index-graph-1,.chart__values-area.color-index-graph-6,.chart__values-bar.color-index-graph-1,.chart__values-bar.color-index-graph-6{fill:rgba(236,155,88,.7)}.chart__values-area.color-index-graph-2,.chart__values-area.color-index-graph-7,.chart__values-bar.color-index-graph-2,.chart__values-bar.color-index-graph-7{fill:rgba(0,73,160,.7)}.chart__values-area.color-index-graph-3,.chart__values-area.color-index-graph-8,.chart__values-bar.color-index-graph-3,.chart__values-bar.color-index-graph-8{fill:rgba(136,111,156,.7)}.chart__values-area.color-index-graph-4,.chart__values-area.color-index-graph-9,.chart__values-bar.color-index-graph-4,.chart__values-bar.color-index-graph-9{fill:rgba(95,188,221,.7)}.chart__values-area.color-index-graph-5,.chart__values-area.color-index-graph-10,.chart__values-bar.color-index-graph-5,.chart__values-bar.color-index-graph-10{fill:rgba(127,186,68,.7)}.chart__values-area--active.color-index-unset,.chart__values-bar--active.color-index-unset{fill:#ddd}.chart__values-area--active.color-index-brand,.chart__values-bar--active.color-index-brand{fill:#ff8300}.chart__values-area--active.color-index-critical,.chart__values-area--active.color-index-error,.chart__values-bar--active.color-index-critical,.chart__values-bar--active.color-index-error{fill:#c8200d}.chart__values-area--active.color-index-warning,.chart__values-bar--active.color-index-warning{fill:#e57118}.chart__values-area--active.color-index-ok,.chart__values-bar--active.color-index-ok{fill:#2aac24}.chart__values-area--active.color-index-disabled,.chart__values-area--active.color-index-unknown,.chart__values-bar--active.color-index-disabled,.chart__values-bar--active.color-index-unknown{fill:#999}.chart__values-area--active.color-index-graph-1,.chart__values-area--active.color-index-graph-6,.chart__values-bar--active.color-index-graph-1,.chart__values-bar--active.color-index-graph-6{fill:#ec9b58}.chart__values-area--active.color-index-graph-2,.chart__values-area--active.color-index-graph-7,.chart__values-bar--active.color-index-graph-2,.chart__values-bar--active.color-index-graph-7{fill:#0049a0}.chart__values-area--active.color-index-graph-3,.chart__values-area--active.color-index-graph-8,.chart__values-bar--active.color-index-graph-3,.chart__values-bar--active.color-index-graph-8{fill:#886f9c}.chart__values-area--active.color-index-graph-4,.chart__values-area--active.color-index-graph-9,.chart__values-bar--active.color-index-graph-4,.chart__values-bar--active.color-index-graph-9{fill:#5fbcdd}.chart__values-area--active.color-index-graph-5,.chart__values-area--active.color-index-graph-10,.chart__values-bar--active.color-index-graph-5,.chart__values-bar--active.color-index-graph-10{fill:#7fba44}.chart__values-area--active.color-index-grey-1,.chart__values-area--active.color-index-grey-4,.chart__values-bar--active.color-index-grey-1,.chart__values-bar--active.color-index-grey-4{fill:#2d3034}.chart__values-area--active.color-index-grey-2,.chart__values-area--active.color-index-grey-5,.chart__values-bar--active.color-index-grey-2,.chart__values-bar--active.color-index-grey-5{fill:#52555a}.chart__values-area--active.color-index-grey-3,.chart__values-area--active.color-index-grey-6,.chart__values-bar--active.color-index-grey-3,.chart__values-bar--active.color-index-grey-6{fill:#999}.chart__values-point{stroke-width:3px;fill:#fff}.chart__values-point.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.chart__values-point.color-index-unset{stroke:#ddd}.chart__values-point.color-index-brand{stroke:#ff8300}.chart__values-point.color-index-critical,.chart__values-point.color-index-error{stroke:#c8200d}.chart__values-point.color-index-warning{stroke:#e57118}.chart__values-point.color-index-ok{stroke:#2aac24}.chart__values-point.color-index-disabled,.chart__values-point.color-index-unknown{stroke:#999}.chart__values-point.color-index-graph-1,.chart__values-point.color-index-graph-6{stroke:#ec9b58}.chart__values-point.color-index-graph-2,.chart__values-point.color-index-graph-7{stroke:#0049a0}.chart__values-point.color-index-graph-3,.chart__values-point.color-index-graph-8{stroke:#886f9c}.chart__values-point.color-index-graph-4,.chart__values-point.color-index-graph-9{stroke:#5fbcdd}.chart__values-point.color-index-graph-5,.chart__values-point.color-index-graph-10{stroke:#7fba44}.chart__values-point.color-index-grey-1,.chart__values-point.color-index-grey-4{stroke:#2d3034}.chart__values-point.color-index-grey-2,.chart__values-point.color-index-grey-5{stroke:#52555a}.chart__values-point.color-index-grey-3,.chart__values-point.color-index-grey-6{stroke:#999}.chart__values-point.color-index-light-1,.chart__values-point.color-index-light-3{stroke:#fff}.chart__values-point.color-index-light-2,.chart__values-point.color-index-light-4{stroke:#f5f5f5}.chart__values--loading{stroke-width:24px}.chart__values--loading.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.chart__values--loading.color-index-unset{stroke:#ddd}.chart__values--loading.color-index-brand{stroke:#ff8300}.chart__values--loading.color-index-critical,.chart__values--loading.color-index-error{stroke:#c8200d}.chart__values--loading.color-index-warning{stroke:#e57118}.chart__values--loading.color-index-ok{stroke:#2aac24}.chart__values--loading.color-index-disabled,.chart__values--loading.color-index-unknown{stroke:#999}.chart__values--loading.color-index-graph-1,.chart__values--loading.color-index-graph-6{stroke:#ec9b58}.chart__values--loading.color-index-graph-2,.chart__values--loading.color-index-graph-7{stroke:#0049a0}.chart__values--loading.color-index-graph-3,.chart__values--loading.color-index-graph-8{stroke:#886f9c}.chart__values--loading.color-index-graph-4,.chart__values--loading.color-index-graph-9{stroke:#5fbcdd}.chart__values--loading.color-index-graph-5,.chart__values--loading.color-index-graph-10{stroke:#7fba44}.chart__values--loading.color-index-grey-1,.chart__values--loading.color-index-grey-4{stroke:#2d3034}.chart__values--loading.color-index-grey-2,.chart__values--loading.color-index-grey-5{stroke:#52555a}.chart__values--loading.color-index-grey-3,.chart__values--loading.color-index-grey-6{stroke:#999}.chart__values--loading.color-index-light-1,.chart__values--loading.color-index-light-3{stroke:#fff}.chart__values--loading.color-index-light-2,.chart__values--loading.color-index-light-4{stroke:#f5f5f5}.chart__threshold{stroke-width:2px;stroke:rgba(51,51,51,.2);pointer-events:none}.chart__yaxis .chart__bar.color-index-critical,.chart__yaxis .chart__bar.color-index-error{fill:rgba(200,32,13,.5)}.chart__yaxis .chart__bar.color-index-warning{fill:rgba(229,113,24,.5)}.chart__yaxis .chart__bar.color-index-ok{fill:rgba(42,172,36,.5)}.chart__yaxis .chart__bar.color-index-disabled,.chart__yaxis .chart__bar.color-index-unknown{fill:hsla(0,0%,60%,.5)}.chart__yaxis .chart__bar.color-index-graph-1,.chart__yaxis .chart__bar.color-index-graph-6{fill:rgba(236,155,88,.5)}.chart__yaxis .chart__bar.color-index-graph-2,.chart__yaxis .chart__bar.color-index-graph-7{fill:rgba(0,73,160,.5)}.chart__yaxis .chart__bar.color-index-graph-3,.chart__yaxis .chart__bar.color-index-graph-8{fill:rgba(136,111,156,.5)}.chart__yaxis .chart__bar.color-index-graph-4,.chart__yaxis .chart__bar.color-index-graph-9{fill:rgba(95,188,221,.5)}.chart__yaxis .chart__bar.color-index-graph-5,.chart__yaxis .chart__bar.color-index-graph-10{fill:rgba(127,186,68,.5)}.chart__xaxis-index text{fill:#777}.chart__xaxis-index--eclipse text{fill:transparent}.chart__xaxis-index--active text{fill:#333}.chart__front-xband-background{fill:transparent}.chart__cursor{stroke:#333;stroke-width:2;pointer-events:none}.chart__cursor-point{stroke-width:2}.chart__cursor-point.color-index-unset{fill:#ddd}.chart__cursor-point.color-index-brand{fill:#ff8300}.chart__cursor-point.color-index-critical,.chart__cursor-point.color-index-error{fill:#c8200d}.chart__cursor-point.color-index-warning{fill:#e57118}.chart__cursor-point.color-index-ok{fill:#2aac24}.chart__cursor-point.color-index-disabled,.chart__cursor-point.color-index-unknown{fill:#999}.chart__cursor-point.color-index-graph-1,.chart__cursor-point.color-index-graph-6{fill:#ec9b58}.chart__cursor-point.color-index-graph-2,.chart__cursor-point.color-index-graph-7{fill:#0049a0}.chart__cursor-point.color-index-graph-3,.chart__cursor-point.color-index-graph-8{fill:#886f9c}.chart__cursor-point.color-index-graph-4,.chart__cursor-point.color-index-graph-9{fill:#5fbcdd}.chart__cursor-point.color-index-graph-5,.chart__cursor-point.color-index-graph-10{fill:#7fba44}.chart__cursor-point.color-index-grey-1,.chart__cursor-point.color-index-grey-4{fill:#2d3034}.chart__cursor-point.color-index-grey-2,.chart__cursor-point.color-index-grey-5{fill:#52555a}.chart__cursor-point.color-index-grey-3,.chart__cursor-point.color-index-grey-6{fill:#999}.chart__legend--overlay{padding:12px;pointer-events:none}@media screen and (max-width:44.9375em){.chart__legend--overlay{margin:0 auto}}@media screen and (min-width:45em){.chart__legend--overlay{position:absolute;left:0;margin:0;background-color:hsla(0,0%,100%,.8)}}.chart--area .chart__gradient.color-index-critical .begin,.chart--bar .chart__gradient.color-index-critical .begin{stop-color:#c8200d}.chart--area .chart__gradient.color-index-critical .mid,.chart--bar .chart__gradient.color-index-critical .mid{stop-color:#c8200d;stop-opacity:.5}.chart--area .chart__gradient.color-index-critical .end,.chart--bar .chart__gradient.color-index-critical .end{stop-color:#c8200d;stop-opacity:0}.chart--area .chart__gradient.color-index-error .begin,.chart--bar .chart__gradient.color-index-error .begin{stop-color:#c8200d}.chart--area .chart__gradient.color-index-error .mid,.chart--bar .chart__gradient.color-index-error .mid{stop-color:#c8200d;stop-opacity:.5}.chart--area .chart__gradient.color-index-error .end,.chart--bar .chart__gradient.color-index-error .end{stop-color:#c8200d;stop-opacity:0}.chart--area .chart__gradient.color-index-warning .begin,.chart--bar .chart__gradient.color-index-warning .begin{stop-color:#e57118}.chart--area .chart__gradient.color-index-warning .mid,.chart--bar .chart__gradient.color-index-warning .mid{stop-color:#e57118;stop-opacity:.5}.chart--area .chart__gradient.color-index-warning .end,.chart--bar .chart__gradient.color-index-warning .end{stop-color:#e57118;stop-opacity:0}.chart--area .chart__gradient.color-index-ok .begin,.chart--bar .chart__gradient.color-index-ok .begin{stop-color:#2aac24}.chart--area .chart__gradient.color-index-ok .mid,.chart--bar .chart__gradient.color-index-ok .mid{stop-color:#2aac24;stop-opacity:.5}.chart--area .chart__gradient.color-index-ok .end,.chart--bar .chart__gradient.color-index-ok .end{stop-color:#2aac24;stop-opacity:0}.chart--area .chart__gradient.color-index-unknown .begin,.chart--bar .chart__gradient.color-index-unknown .begin{stop-color:#999}.chart--area .chart__gradient.color-index-unknown .mid,.chart--bar .chart__gradient.color-index-unknown .mid{stop-color:#999;stop-opacity:.5}.chart--area .chart__gradient.color-index-unknown .end,.chart--bar .chart__gradient.color-index-unknown .end{stop-color:#999;stop-opacity:0}.chart--area .chart__gradient.color-index-disabled .begin,.chart--bar .chart__gradient.color-index-disabled .begin{stop-color:#999}.chart--area .chart__gradient.color-index-disabled .mid,.chart--bar .chart__gradient.color-index-disabled .mid{stop-color:#999;stop-opacity:.5}.chart--area .chart__gradient.color-index-disabled .end,.chart--bar .chart__gradient.color-index-disabled .end{stop-color:#999;stop-opacity:0}.chart--area .chart__gradient.color-index-graph-1 .begin,.chart--area .chart__gradient.color-index-graph-6 .begin,.chart--bar .chart__gradient.color-index-graph-1 .begin,.chart--bar .chart__gradient.color-index-graph-6 .begin{stop-color:#ec9b58}.chart--area .chart__gradient.color-index-graph-1 .mid,.chart--area .chart__gradient.color-index-graph-6 .mid,.chart--bar .chart__gradient.color-index-graph-1 .mid,.chart--bar .chart__gradient.color-index-graph-6 .mid{stop-color:#ec9b58;stop-opacity:.5}.chart--area .chart__gradient.color-index-graph-1 .end,.chart--area .chart__gradient.color-index-graph-6 .end,.chart--bar .chart__gradient.color-index-graph-1 .end,.chart--bar .chart__gradient.color-index-graph-6 .end{stop-color:#ec9b58;stop-opacity:0}.chart--area .chart__gradient.color-index-graph-2 .begin,.chart--area .chart__gradient.color-index-graph-7 .begin,.chart--bar .chart__gradient.color-index-graph-2 .begin,.chart--bar .chart__gradient.color-index-graph-7 .begin{stop-color:#0049a0}.chart--area .chart__gradient.color-index-graph-2 .mid,.chart--area .chart__gradient.color-index-graph-7 .mid,.chart--bar .chart__gradient.color-index-graph-2 .mid,.chart--bar .chart__gradient.color-index-graph-7 .mid{stop-color:#0049a0;stop-opacity:.5}.chart--area .chart__gradient.color-index-graph-2 .end,.chart--area .chart__gradient.color-index-graph-7 .end,.chart--bar .chart__gradient.color-index-graph-2 .end,.chart--bar .chart__gradient.color-index-graph-7 .end{stop-color:#0049a0;stop-opacity:0}.chart--area .chart__gradient.color-index-graph-3 .begin,.chart--area .chart__gradient.color-index-graph-8 .begin,.chart--bar .chart__gradient.color-index-graph-3 .begin,.chart--bar .chart__gradient.color-index-graph-8 .begin{stop-color:#886f9c}.chart--area .chart__gradient.color-index-graph-3 .mid,.chart--area .chart__gradient.color-index-graph-8 .mid,.chart--bar .chart__gradient.color-index-graph-3 .mid,.chart--bar .chart__gradient.color-index-graph-8 .mid{stop-color:#886f9c;stop-opacity:.5}.chart--area .chart__gradient.color-index-graph-3 .end,.chart--area .chart__gradient.color-index-graph-8 .end,.chart--bar .chart__gradient.color-index-graph-3 .end,.chart--bar .chart__gradient.color-index-graph-8 .end{stop-color:#886f9c;stop-opacity:0}.chart--area .chart__gradient.color-index-graph-4 .begin,.chart--area .chart__gradient.color-index-graph-9 .begin,.chart--bar .chart__gradient.color-index-graph-4 .begin,.chart--bar .chart__gradient.color-index-graph-9 .begin{stop-color:#5fbcdd}.chart--area .chart__gradient.color-index-graph-4 .mid,.chart--area .chart__gradient.color-index-graph-9 .mid,.chart--bar .chart__gradient.color-index-graph-4 .mid,.chart--bar .chart__gradient.color-index-graph-9 .mid{stop-color:#5fbcdd;stop-opacity:.5}.chart--area .chart__gradient.color-index-graph-4 .end,.chart--area .chart__gradient.color-index-graph-9 .end,.chart--bar .chart__gradient.color-index-graph-4 .end,.chart--bar .chart__gradient.color-index-graph-9 .end{stop-color:#5fbcdd;stop-opacity:0}.chart--area .chart__gradient.color-index-graph-5 .begin,.chart--area .chart__gradient.color-index-graph-10 .begin,.chart--bar .chart__gradient.color-index-graph-5 .begin,.chart--bar .chart__gradient.color-index-graph-10 .begin{stop-color:#7fba44}.chart--area .chart__gradient.color-index-graph-5 .mid,.chart--area .chart__gradient.color-index-graph-10 .mid,.chart--bar .chart__gradient.color-index-graph-5 .mid,.chart--bar .chart__gradient.color-index-graph-10 .mid{stop-color:#7fba44;stop-opacity:.5}.chart--area .chart__gradient.color-index-graph-5 .end,.chart--area .chart__gradient.color-index-graph-10 .end,.chart--bar .chart__gradient.color-index-graph-5 .end,.chart--bar .chart__gradient.color-index-graph-10 .end{stop-color:#7fba44;stop-opacity:0}.chart--small .chart__graphic{height:96px}.chart--large .chart__graphic{height:288px}.chart--sparkline{display:inline-block;margin-right:6px}.chart--sparkline .chart__graphic{width:auto;height:24px}.chart--sparkline .chart__values-area.color-index-unset,.chart--sparkline .chart__values-bar.color-index-unset{fill:#ddd}.chart--sparkline .chart__values-area.color-index-brand,.chart--sparkline .chart__values-bar.color-index-brand{fill:#ff8300}.chart--sparkline .chart__values-area.color-index-critical,.chart--sparkline .chart__values-area.color-index-error,.chart--sparkline .chart__values-bar.color-index-critical,.chart--sparkline .chart__values-bar.color-index-error{fill:#c8200d}.chart--sparkline .chart__values-area.color-index-warning,.chart--sparkline .chart__values-bar.color-index-warning{fill:#e57118}.chart--sparkline .chart__values-area.color-index-ok,.chart--sparkline .chart__values-bar.color-index-ok{fill:#2aac24}.chart--sparkline .chart__values-area.color-index-disabled,.chart--sparkline .chart__values-area.color-index-unknown,.chart--sparkline .chart__values-bar.color-index-disabled,.chart--sparkline .chart__values-bar.color-index-unknown{fill:#999}.chart--sparkline .chart__values-area.color-index-graph-1,.chart--sparkline .chart__values-area.color-index-graph-6,.chart--sparkline .chart__values-bar.color-index-graph-1,.chart--sparkline .chart__values-bar.color-index-graph-6{fill:#ec9b58}.chart--sparkline .chart__values-area.color-index-graph-2,.chart--sparkline .chart__values-area.color-index-graph-7,.chart--sparkline .chart__values-bar.color-index-graph-2,.chart--sparkline .chart__values-bar.color-index-graph-7{fill:#0049a0}.chart--sparkline .chart__values-area.color-index-graph-3,.chart--sparkline .chart__values-area.color-index-graph-8,.chart--sparkline .chart__values-bar.color-index-graph-3,.chart--sparkline .chart__values-bar.color-index-graph-8{fill:#886f9c}.chart--sparkline .chart__values-area.color-index-graph-4,.chart--sparkline .chart__values-area.color-index-graph-9,.chart--sparkline .chart__values-bar.color-index-graph-4,.chart--sparkline .chart__values-bar.color-index-graph-9{fill:#5fbcdd}.chart--sparkline .chart__values-area.color-index-graph-5,.chart--sparkline .chart__values-area.color-index-graph-10,.chart--sparkline .chart__values-bar.color-index-graph-5,.chart--sparkline .chart__values-bar.color-index-graph-10{fill:#7fba44}.chart--sparkline .chart__values-area.color-index-grey-1,.chart--sparkline .chart__values-area.color-index-grey-4,.chart--sparkline .chart__values-bar.color-index-grey-1,.chart--sparkline .chart__values-bar.color-index-grey-4{fill:#2d3034}.chart--sparkline .chart__values-area.color-index-grey-2,.chart--sparkline .chart__values-area.color-index-grey-5,.chart--sparkline .chart__values-bar.color-index-grey-2,.chart--sparkline .chart__values-bar.color-index-grey-5{fill:#52555a}.chart--sparkline .chart__values-area.color-index-grey-3,.chart--sparkline .chart__values-area.color-index-grey-6,.chart--sparkline .chart__values-bar.color-index-grey-3,.chart--sparkline .chart__values-bar.color-index-grey-6{fill:#999}.check-box{margin-right:12px;white-space:nowrap}.check-box:not(.check-box--disabled){cursor:pointer}.check-box:hover:not(.check-box--disabled) .check-box__control{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box:hover:not(.check-box--disabled) .check-box__control{border-color:#fff}.check-box:hover:not(.check-box--disabled) .check-box__input:checked+.check-box__control{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box:hover:not(.check-box--disabled) .check-box__input:checked+.check-box__control{border-color:#fff}.check-box:hover:not(.check-box--disabled) .check-box__label{color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box:hover:not(.check-box--disabled) .check-box__label{color:#fff}.check-box__input{opacity:0;position:absolute}.check-box__input:checked+.check-box__control{border-color:#ff8300}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box__input:checked+.check-box__control{border-color:#fff}.check-box__input:checked+.check-box__control .check-box__control-check{display:block}.check-box__input:checked+.check-box__control+.check-box__label{color:#333}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box__input:checked+.check-box__control+.check-box__label{color:#fff}.check-box__input:focus+.check-box__control{border-color:#ff4c00;box-shadow:0 0 1px 1px #ff4c00}.check-box__control{position:relative;top:-1px;display:inline-block;width:24px;height:24px;margin-right:12px;vertical-align:middle;background-color:inherit;border:2px solid #999;border-radius:4px 4px 4px 4px}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box__control{border-color:#dbdbdb}.check-box__control-check{position:absolute;top:-2px;left:-2px;display:none;width:24px;height:24px;stroke-width:4px;stroke:#ff8300}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box__control-check{stroke:#fff}.check-box__label{color:#777}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box__label{color:#dbdbdb}.check-box--disabled .check-box__control{opacity:.5}.check-box--toggle:hover:not(.check-box--disabled) .check-box__control:after{content:"";border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle:hover:not(.check-box--disabled) .check-box__control:after{background-color:#fff;border-color:#fff}.check-box--toggle:hover:not(.check-box--disabled) .check-box__input:checked+.check-box__control:after{content:"";border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle:hover:not(.check-box--disabled) .check-box__input:checked+.check-box__control:after{background-color:#fff;border-color:#fff}.check-box--toggle .check-box__control{width:48px;height:24px;border-radius:24px;background-color:#b2b2b2;border:none;transition:background-color .3s}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle .check-box__control{background-color:hsla(0,0%,100%,.1)}.check-box--toggle .check-box__control:after{content:"";display:block;position:absolute;top:-2px;left:0;width:28px;height:28px;background-color:#fff;border:2px solid #999;border-radius:24px;transition:margin-left .3s}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle .check-box__control:after{background-color:transparent;border-color:#dbdbdb}.check-box--toggle .check-box__input:checked+.check-box__control{background-color:#ff8300}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle .check-box__input:checked+.check-box__control{background-color:hsla(0,0%,100%,.1)}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle .check-box__input:checked+.check-box__control .check-box__control-check{stroke:transparent}.check-box--toggle .check-box__input:checked+.check-box__control:after{content:"";background-color:#fff;border-color:#ff8300;margin-left:24px}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle .check-box__input:checked+.check-box__control:after{border-color:#dbdbdb}.background-color-index-neutral-1,.background-color-index-neutral-4{background-color:#545454}.background-color-index-neutral-1-a,.background-color-index-neutral-4-a{background-color:rgba(84,84,84,.8)}.background-color-index-neutral-2,.background-color-index-neutral-5{background-color:#767676}.background-color-index-neutral-2-a,.background-color-index-neutral-5-a{background-color:hsla(0,0%,46%,.8)}.background-color-index-neutral-3,.background-color-index-neutral-6{background-color:#989898}.background-color-index-neutral-3-a,.background-color-index-neutral-6-a{background-color:hsla(0,0%,60%,.8)}.background-color-index-accent-1,.background-color-index-accent-3{background-color:#9fd4c9}.background-color-index-accent-1-a,.background-color-index-accent-3-a{background-color:rgba(159,212,201,.8)}.background-color-index-accent-2,.background-color-index-accent-4{background-color:#d5d848}.background-color-index-accent-2-a,.background-color-index-accent-4-a{background-color:rgba(213,216,72,.8)}.background-color-index-grey-1,.background-color-index-grey-4{background-color:#2d3034}.background-color-index-grey-1-a,.background-color-index-grey-4-a{background-color:rgba(45,48,52,.8)}.background-color-index-grey-2,.background-color-index-grey-5{background-color:#52555a}.background-color-index-grey-2-a,.background-color-index-grey-5-a{background-color:rgba(82,85,90,.8)}.background-color-index-grey-3,.background-color-index-grey-6{background-color:#999}.background-color-index-grey-3-a,.background-color-index-grey-6-a{background-color:hsla(0,0%,60%,.8)}.background-color-index-graph-1,.background-color-index-graph-6{background-color:#ec9b58}.background-color-index-graph-2,.background-color-index-graph-7{background-color:#0049a0}.background-color-index-graph-3,.background-color-index-graph-8{background-color:#886f9c}.background-color-index-graph-4,.background-color-index-graph-9{background-color:#5fbcdd}.background-color-index-graph-5,.background-color-index-graph-10{background-color:#7fba44}[class*=background-color-index-]{color:#dbdbdb}.background-color-index-light-1,.background-color-index-light-3{background-color:#fff;color:#333}.background-color-index-light-2,.background-color-index-light-4{background-color:#f5f5f5;color:#333}.center-column{padding-left:24px;padding-right:24px}.center-column .center-column__content{width:100%;max-width:960px;margin-left:auto;margin-right:auto}@media screen and (min-width:45em){.dashboard{height:calc(100vh - 96px)}}@media screen and (max-width:44.9375em){.dashboard{height:calc(100vh - 48px)}}.distribution{position:relative;display:block}.distribution__graphic{width:100%;height:192px;max-height:calc(100vh - 144px)}.distribution__item--clickable{cursor:pointer}.distribution__item-box.color-index-unset{fill:#ddd}.distribution__item-box.color-index-brand{fill:#ff8300}.distribution__item-box.color-index-critical,.distribution__item-box.color-index-error{fill:#c8200d}.distribution__item-box.color-index-warning{fill:#e57118}.distribution__item-box.color-index-ok{fill:#2aac24}.distribution__item-box.color-index-disabled,.distribution__item-box.color-index-unknown{fill:#999}.distribution__item-box.color-index-graph-1,.distribution__item-box.color-index-graph-6{fill:#ec9b58}.distribution__item-box.color-index-graph-2,.distribution__item-box.color-index-graph-7{fill:#0049a0}.distribution__item-box.color-index-graph-3,.distribution__item-box.color-index-graph-8{fill:#886f9c}.distribution__item-box.color-index-graph-4,.distribution__item-box.color-index-graph-9{fill:#5fbcdd}.distribution__item-box.color-index-graph-5,.distribution__item-box.color-index-graph-10{fill:#7fba44}.distribution__item-box.color-index-grey-1,.distribution__item-box.color-index-grey-4{fill:#2d3034}.distribution__item-box.color-index-grey-2,.distribution__item-box.color-index-grey-5{fill:#52555a}.distribution__item-box.color-index-grey-3,.distribution__item-box.color-index-grey-6{fill:#999}.distribution__item-icons.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.distribution__item-icons.color-index-unset{stroke:#ddd}.distribution__item-icons.color-index-brand{stroke:#ff8300}.distribution__item-icons.color-index-critical,.distribution__item-icons.color-index-error{stroke:#c8200d}.distribution__item-icons.color-index-warning{stroke:#e57118}.distribution__item-icons.color-index-ok{stroke:#2aac24}.distribution__item-icons.color-index-disabled,.distribution__item-icons.color-index-unknown{stroke:#999}.distribution__item-icons.color-index-graph-1,.distribution__item-icons.color-index-graph-6{stroke:#ec9b58}.distribution__item-icons.color-index-graph-2,.distribution__item-icons.color-index-graph-7{stroke:#0049a0}.distribution__item-icons.color-index-graph-3,.distribution__item-icons.color-index-graph-8{stroke:#886f9c}.distribution__item-icons.color-index-graph-4,.distribution__item-icons.color-index-graph-9{stroke:#5fbcdd}.distribution__item-icons.color-index-graph-5,.distribution__item-icons.color-index-graph-10{stroke:#7fba44}.distribution__item-icons.color-index-grey-1,.distribution__item-icons.color-index-grey-4{stroke:#2d3034}.distribution__item-icons.color-index-grey-2,.distribution__item-icons.color-index-grey-5{stroke:#52555a}.distribution__item-icons.color-index-grey-3,.distribution__item-icons.color-index-grey-6{stroke:#999}.distribution__item-icons.color-index-light-1,.distribution__item-icons.color-index-light-3{stroke:#fff}.distribution__item-icons.color-index-light-2,.distribution__item-icons.color-index-light-4{stroke:#f5f5f5}.distribution__label{position:absolute;padding:24px;font-family:Source Sans Pro,Arial,sans-serif;color:#dbdbdb;overflow:hidden;text-align:left;pointer-events:none}.distribution__label-value{display:block;font-size:36px;font-size:2.25rem;line-height:1.33333;font-weight:700}.distribution__label-units{font-size:24px;font-size:1.5rem;line-height:inherit;margin-left:6px;font-weight:400}.distribution__label-label{display:block}.distribution__label--active{color:#333}.distribution__label--thin .distribution__label-label,.distribution__label--thin .distribution__label-value{display:inline-block}.distribution__label--icons{background-color:hsla(0,0%,100%,.8);color:#333}.distribution__label--icons .label-units{color:#777}.distribution__label--icons .label-label{display:block}.distribution__loading-indicator{stroke-width:24px}.distribution__loading-indicator.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.distribution__loading-indicator.color-index-unset{stroke:#ddd}.distribution__loading-indicator.color-index-brand{stroke:#ff8300}.distribution__loading-indicator.color-index-critical,.distribution__loading-indicator.color-index-error{stroke:#c8200d}.distribution__loading-indicator.color-index-warning{stroke:#e57118}.distribution__loading-indicator.color-index-ok{stroke:#2aac24}.distribution__loading-indicator.color-index-disabled,.distribution__loading-indicator.color-index-unknown{stroke:#999}.distribution__loading-indicator.color-index-graph-1,.distribution__loading-indicator.color-index-graph-6{stroke:#ec9b58}.distribution__loading-indicator.color-index-graph-2,.distribution__loading-indicator.color-index-graph-7{stroke:#0049a0}.distribution__loading-indicator.color-index-graph-3,.distribution__loading-indicator.color-index-graph-8{stroke:#886f9c}.distribution__loading-indicator.color-index-graph-4,.distribution__loading-indicator.color-index-graph-9{stroke:#5fbcdd}.distribution__loading-indicator.color-index-graph-5,.distribution__loading-indicator.color-index-graph-10{stroke:#7fba44}.distribution__loading-indicator.color-index-grey-1,.distribution__loading-indicator.color-index-grey-4{stroke:#2d3034}.distribution__loading-indicator.color-index-grey-2,.distribution__loading-indicator.color-index-grey-5{stroke:#52555a}.distribution__loading-indicator.color-index-grey-3,.distribution__loading-indicator.color-index-grey-6{stroke:#999}.distribution__loading-indicator.color-index-light-1,.distribution__loading-indicator.color-index-light-3{stroke:#fff}.distribution__loading-indicator.color-index-light-2,.distribution__loading-indicator.color-index-light-4{stroke:#f5f5f5}.distribution--icons .distribution__label{padding:0 12px 12px 0}.distribution--icons .distribution__label-value{line-height:1}.distribution--small-label .distribution__label{padding-top:0;padding-left:6px}.distribution--small-label .distribution__label-value{font-size:20px;font-size:1.25rem;line-height:1.2}.distribution--small .distribution__graphic{height:96px}.distribution--large .distribution__graphic{height:288px}@-webkit-keyframes c{0%{stroke-dashoffset:768px}to{stroke-dashoffset:0}}@keyframes c{0%{stroke-dashoffset:768px}to{stroke-dashoffset:0}}@media screen and (max-width:44.9375em){.donut{width:192px;margin:0 auto}}.donut.series-pre path{stroke-dashoffset:768px}.donut__graphic-container{position:relative;width:192px;height:192px}.donut svg.donut__graphic{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible}.donut__slice{stroke-width:24px;stroke-linecap:butt;stroke-dasharray:768px 768px;stroke-dashoffset:0;fill:none;cursor:pointer;stroke:#b2b2b2}.donut__slice.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.donut__slice.color-index-unset{stroke:#ddd}.donut__slice.color-index-brand{stroke:#ff8300}.donut__slice.color-index-critical,.donut__slice.color-index-error{stroke:#c8200d}.donut__slice.color-index-warning{stroke:#e57118}.donut__slice.color-index-ok{stroke:#2aac24}.donut__slice.color-index-disabled,.donut__slice.color-index-unknown{stroke:#999}.donut__slice.color-index-graph-1,.donut__slice.color-index-graph-6{stroke:#ec9b58}.donut__slice.color-index-graph-2,.donut__slice.color-index-graph-7{stroke:#0049a0}.donut__slice.color-index-graph-3,.donut__slice.color-index-graph-8{stroke:#886f9c}.donut__slice.color-index-graph-4,.donut__slice.color-index-graph-9{stroke:#5fbcdd}.donut__slice.color-index-graph-5,.donut__slice.color-index-graph-10{stroke:#7fba44}.donut__slice.color-index-grey-1,.donut__slice.color-index-grey-4{stroke:#2d3034}.donut__slice.color-index-grey-2,.donut__slice.color-index-grey-5{stroke:#52555a}.donut__slice.color-index-grey-3,.donut__slice.color-index-grey-6{stroke:#999}.donut__slice.color-index-light-1,.donut__slice.color-index-light-3{stroke:#fff}.donut__slice.color-index-light-2,.donut__slice.color-index-light-4{stroke:#f5f5f5}@media screen and (min-width:45em){.donut__slice{-webkit-animation:c 3s;animation:c 3s}}.donut__slice-indicator.color-index-unset{fill:#ddd}.donut__slice-indicator.color-index-brand{fill:#ff8300}.donut__slice-indicator.color-index-critical,.donut__slice-indicator.color-index-error{fill:#c8200d}.donut__slice-indicator.color-index-warning{fill:#e57118}.donut__slice-indicator.color-index-ok{fill:#2aac24}.donut__slice-indicator.color-index-disabled,.donut__slice-indicator.color-index-unknown{fill:#999}.donut__slice-indicator.color-index-graph-1,.donut__slice-indicator.color-index-graph-6{fill:#ec9b58}.donut__slice-indicator.color-index-graph-2,.donut__slice-indicator.color-index-graph-7{fill:#0049a0}.donut__slice-indicator.color-index-graph-3,.donut__slice-indicator.color-index-graph-8{fill:#886f9c}.donut__slice-indicator.color-index-graph-4,.donut__slice-indicator.color-index-graph-9{fill:#5fbcdd}.donut__slice-indicator.color-index-graph-5,.donut__slice-indicator.color-index-graph-10{fill:#7fba44}.donut__slice-indicator.color-index-grey-1,.donut__slice-indicator.color-index-grey-4{fill:#2d3034}.donut__slice-indicator.color-index-grey-2,.donut__slice-indicator.color-index-grey-5{fill:#52555a}.donut__slice-indicator.color-index-grey-3,.donut__slice-indicator.color-index-grey-6{fill:#999}.donut__slice--active{stroke-width:24px}.donut__active{position:absolute;width:100%;margin-top:72px;text-align:center;white-space:normal;pointer-events:none}.donut__active-value{font-size:36px;font-size:2.25rem;line-height:38px;font-weight:700}.donut__active-units{font-size:24px;font-size:1.5rem;line-height:inherit;margin-left:6px;color:#777;font-weight:400}.donut__active-label{width:50%;margin:0 auto;font-size:14px;font-size:.875rem;line-height:16px}.donut__max-label,.donut__min-label{position:absolute;bottom:0;color:#777;font-size:14px;font-size:.875rem;line-height:1.71429}.donut__min-label{left:12px}.donut__max-label{right:12px}.donut__legend{margin:24px 0 0}@media screen and (min-width:45em){.donut--landscape{white-space:nowrap}.donut--landscape .donut__graphic-container,.donut--landscape .donut__legend{display:inline-block;vertical-align:middle}.donut--landscape .donut__legend{margin:0 0 0 24px}}.donut--portrait .donut__graphic-container{display:block}.donut--portrait .donut__legend{margin:24px 0 0}.donut--partial .donut__graphic-container{height:168px}.donut--small .donut__graphic-container{width:144px;height:144px}.donut--small .donut__active{margin-top:48px}@media screen and (min-width:45em){.donut--small .donut__legend{display:none}}.drop{position:fixed;z-index:5;background-color:hsla(0,0%,100%,.9);border:none;border-radius:4px 4px 4px 4px;box-shadow:0 2px 4px rgba(0,0,0,.3);overflow:auto}.footer{min-height:36px;line-height:36px;width:100%}.footer__content{display:flex;justify-content:space-between;width:100%;padding-left:24px;padding-right:24px}.footer__content.center-column__content>.menu:first-child{flex:0 0 auto;width:192px}@media screen and (max-width:44.9375em){.footer__content.center-column__content>.menu:first-child{width:100%}.footer__content.center-column__content>.menu:first-child:empty{width:0;margin:0;padding:0}}.footer__content>.flex-1{flex:1}.footer__content>.flex-2{flex:2}.footer__content>.flex-3{flex:3}.footer__content>.flex-4{flex:4}.footer__content>*{margin-right:48px}.footer__content>:last-child{margin-right:0;text-align:left}.footer--primary{height:auto;padding:24px}.footer--primary .footer__content{position:relative;color:#777;display:block}.footer--primary .footer__content p{padding-top:12px;margin:0;max-width:none;text-align:right;line-height:24px}.footer--centered .footer__content{display:block;text-align:center}.footer--centered .footer__content>*{margin-right:auto;margin-left:auto;text-align:center}.footer--flush .footer__content{padding-left:0;padding-right:0}.footer--large .footer__content{padding-top:24px;padding-bottom:24px}.footer__container--float{padding-left:24px;padding-right:24px}.footer__container--float,:not(.footer__container--float)>.footer--float{position:absolute;bottom:0;left:0;right:0}.form{position:relative}@media screen and (min-width:45em){.form{width:480px;max-width:100%}.form .form-field .tiles__container{max-width:480px}}.form--pad-none{padding:0}.form--pad-small{padding:12px}.form--pad-medium{padding:24px}.form--pad-large{padding:48px}.form--pad-horizontal-none{padding-left:0;padding-right:0}.form--pad-horizontal-small{padding-left:12px;padding-right:12px}.form--pad-horizontal-medium{padding-left:24px;padding-right:24px}.form--pad-horizontal-large{padding-left:48px;padding-right:48px}.form--pad-vertical-none{padding-top:0;padding-bottom:0}.form--pad-vertical-small{padding-top:12px;padding-bottom:12px}.form--pad-vertical-medium{padding-top:24px;padding-bottom:24px}.form--pad-vertical-large{padding-top:48px;padding-bottom:48px}.form>.header .header__wrapper{background-color:inherit}.form fieldset{border:none;margin:0;margin-bottom:2rem;margin-top:24px}.form fieldset:first-child{margin-top:0}.form fieldset:last-child{margin-bottom:0}.form fieldset>legend{font-size:24px;font-size:1.5rem;line-height:1;font-weight:600;margin-bottom:12px}.form fieldset>:not(.form-field)+.form-field{margin-top:12px}.form fieldset>.form-field+:not(.form-field):not(.form-fields){margin-top:24px}.form fieldset>.form-fields{display:flex;flex-direction:row}.form fieldset>.form-fields .form-field{margin-bottom:-1px}.form--fill{min-width:0}.form--compact{max-width:288px}.form-field{position:relative;padding:6px 24px;border:1px solid #ccc;margin-bottom:-1px;background-color:#fff;color:#333;opacity:1}@media screen and (min-width:45em){.form-field{width:100%;overflow:auto;transition:all .4s,padding-top .3s .1s,padding-bottom .3s .1s}}@media screen and (max-width:44.9375em){.form-field{display:block}}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field{background-color:transparent;color:#dbdbdb}.form--fill .form-field{width:100%}.form-field:last-child{margin-bottom:0}.form-field__label{display:block;font-size:14px;font-size:.875rem;line-height:24px;color:#777}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__label{color:#dbdbdb}.form-field__contents{display:block;margin-left:-24px;margin-right:-24px}.form-field__contents>.calendar input,.form-field__contents>.search-input input,.form-field__contents>input[type=email],.form-field__contents>input[type=file],.form-field__contents>input[type=number],.form-field__contents>input[type=password],.form-field__contents>input[type=range],.form-field__contents>input[type=text],.form-field__contents>select,.form-field__contents>textarea{display:block;width:100%;border:none;padding:0;padding-left:24px;padding-right:24px;border-radius:0;font-size:16px;font-size:1rem;line-height:1.5}.form-field__contents>.calendar input:focus,.form-field__contents>.search-input input:focus,.form-field__contents>input[type=email]:focus,.form-field__contents>input[type=file]:focus,.form-field__contents>input[type=number]:focus,.form-field__contents>input[type=password]:focus,.form-field__contents>input[type=range]:focus,.form-field__contents>input[type=text]:focus,.form-field__contents>select:focus,.form-field__contents>textarea:focus{border:none}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>.calendar input,[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>.search-input input,[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=email],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=file],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=number],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=password],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=range],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=text],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>select,[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>textarea{color:#fff}.form-field__contents>input[type=range]{width:calc(100% - 48px);margin-left:24px;margin-right:24px;padding-left:0;padding-right:0}.form-field__contents>select{display:block;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAABGdBTUEAALGPC/xhBQAAATdJREFUOBGlUjFqw0AQ1AWBCWpd+A1pXOYHJk38BZeSOkPS5BERaWRJTcCNH2A3xj9waRf+hGsJAoLLjNk77iLFIXhB7NzO3OjuGBUEgaqqaos+wXdL7eI4frqDg27bdoZ+vsHtLB5aGZOyLJ+VUmut9Rdmj0mSHAzX16EfY77HngH2TKHfUMcTXooDEAsKMFhlWXYvVKcJtxKzhTGj0Bpy0TTNK0xPED5EUfTOWV+Ro4Za7nE19spm+NtVHP7q03gn5Ca+Hf78RoxTfOZ5PiJmEXNGTA21xG51DEmmafqBtsM3DMNwic6bKMFDcqIB9Cv0l3Z1iRIMjphMiqKYC8Os2ohYtQM6b+hwwY8o8Qm8iLhag3uvbEiJQ0EjMfMiYnRuv2pIYV3XL4xHX0Rco39hRkni9Oe+bw49m1YsR5tyAAAAAElFTkSuQmCC);background-position:center right 18px;padding-left:22px}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>select{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAABGdBTUEAALGPC/xhBQAAATtJREFUOBGdkk1KxEAQhdNiEPdZeIEk4MalNwhu9ApeQdCNhxBc6U5w4wHGjcwBAi4VMpDkCCYHkEDi+4bp0JNp/6ag6ErVey9VRZkgCExVVS/GmEzx1jYMwzxJkpMdKQxd150r8bGtGlw00DJWpK7rU8UzFT/lx2mavtma7y3L8khTvcr3VD+L4/gZHB0ujUTf93cA5E95nu/b2vSlBgYsHCsGbhTko23bK3W3EPAwiqIbcj6jBgYsHBczjmyT341i67+tZq1DSOxOf78mVgcPRVEcEGPE5IjB+Pa8IQhYO7kVcS5SFIbhI3ycmBw1MGCntjtNrL6XpySBdwlkGvNilc8kNp6Ij7uxQxfk7ou8xNdOxMXa2DuyLXIO6ugeIXx6Ihbnvj8KAmya5lKiC3x6Iq7Qv2JOCf8L6QsuVKvxz0iZVQAAAABJRU5ErkJggg==)}.form-field__contents>select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.form-field__contents ::-ms-clear,.form-field__contents>select::-ms-expand{display:none}.form-field__contents>select::-ms-value{background:none;color:inherit}.form-field__contents>textarea{vertical-align:top;height:auto;resize:vertical}.form-field__contents>.check-box,.form-field__contents>.radio-button{display:block;font-size:16px;font-size:1rem;line-height:1.5;margin:12px 24px}.form-field__contents>.calendar,.form-field__contents>.search-input{display:block}.form-field__contents>.calendar input,.form-field__contents>.search-input input{margin-left:0;margin-right:0}.form-field__contents>.calendar .calendar__control,.form-field__contents>.calendar .search-input__control,.form-field__contents>.search-input .calendar__control,.form-field__contents>.search-input .search-input__control{top:auto;right:6px;transform:none;bottom:-6px}.form-field__contents>.number-input{display:flex;padding-right:6px}.form-field__contents>.number-input input[type=number]{display:inline-block;flex:1;border:none}.form--compact .form-field__contents>.number-input input[type=number]{width:144px}.form-field__contents>input[type=file]{display:inline-block}.form-field__contents>.table--selectable{font-size:16px;font-size:1rem;line-height:1.5}.form-field__contents>.table--selectable table{margin-bottom:0}.form-field__contents>.table--selectable table td:first-child,.form-field__contents>.table--selectable table th:first-child{padding-left:24px}.form-field__contents>.form-field{width:auto;margin-top:12px;border:none}.form-field__contents>.form-field>.form-field__label{border-top:1px solid #ccc;padding-top:6px}.form-field__contents>.form-field--hidden{margin-top:0}.form-field__help{display:block;font-size:13px;font-size:.8125rem;line-height:1.84615;color:#777}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__help{color:#dbdbdb}.form-field__error{display:block;float:right;color:#c8200d;line-height:24px}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__error{color:#dbdbdb}.form-field--text,.form-field--text .form-field__label{cursor:pointer}@media screen and (max-width:44.9375em){.form-field--hidden{display:none}}@media screen and (min-width:45em){.form-field--hidden{border:none;margin-bottom:0;padding-top:0;padding-bottom:0;opacity:0;overflow:hidden;max-height:0;transition:max-height .2s,all .4s}}.form-field--error{z-index:1;border-color:#c8200d}.form-field--focus{z-index:2;border-color:#ff4c00}.header{height:72px;width:100%;margin-bottom:0}.header--large{height:96px}.header--small{height:48px}.header.box>:not(:last-child){margin-right:12px}.header a{color:inherit}.header a,.header a:hover{text-decoration:none}.header .status-icon{flex-grow:0;flex-shrink:0}.header>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}header.header{font-size:24px;font-size:1.5rem;line-height:inherit;-webkit-transform:translate(0);transform:translate(0);transition:-webkit-transform .5s;transition:transform .5s}:not(.header__container--float)>header.header--float{position:absolute;top:0;left:0;right:0}header.header--primary .header__wrapper{border-bottom:none}header.header h1,header.header h2,header.header h3,header.header h4,header.header h5{margin-bottom:0}header.header.header--splash{-webkit-transform:translateY(40vh);transform:translateY(40vh)}header.header.box--direction-row>*{margin-bottom:0}.header:not(header).box--separator-top{padding-top:6px}.header:not(header).box--separator-bottom{padding-bottom:6px}div.header__container{flex-shrink:0}div.header__container--fixed{position:relative}div.header__container--fixed .header__wrapper{position:absolute;top:0;left:0;right:0;z-index:3}@media screen and (min-width:45em){div.header__container--fixed .header__wrapper .header{position:fixed}div.header__container--fixed .header__wrapper .header:not(.header--float){background-color:hsla(0,0%,100%,.9)}}div.header__container--float{position:absolute;top:0;left:0;right:0;padding-left:24px;padding-right:24px}div.header__wrapper{height:72px}div.header--large .header__wrapper{height:96px}div.header--large .header__content{line-height:96px}div.header--small .header__wrapper{height:48px}div.header--small .header__content{line-height:48px}div.header--fixed .header__wrapper{position:absolute;top:0;left:0;right:0;background-color:hsla(0,0%,100%,.9);z-index:3}div.header--fixed.header--primary .header__wrapper{position:fixed;background-color:hsla(0,0%,100%,.9)}div.header--fixed.header--primary .header__content{position:static;background-color:transparent}div.header--flush .header__wrapper{padding-left:0;padding-right:0}.headline{font-size:48px;font-size:3rem;line-height:1;font-weight:100;margin-bottom:24px;max-width:100%}.headline--large{font-size:60px;font-size:3.75rem;line-height:1.2}.headline--small{font-size:30px;font-size:1.875rem;line-height:1.6}.headline--strong{font-weight:600}.control-icon{display:inline-block;width:24px;height:24px;vertical-align:middle;cursor:pointer;fill:#999;stroke:#999;flex:0 0 auto}.control-icon :not([stroke])[fill=none]{stroke-width:0}.control-icon [stroke]{stroke:inherit}.control-icon [fill*="#"]{fill:inherit}.control-icon.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.control-icon.color-index-unset{stroke:#ddd}.control-icon.color-index-brand{stroke:#ff8300}.control-icon.color-index-critical,.control-icon.color-index-error{stroke:#c8200d}.control-icon.color-index-warning{stroke:#e57118}.control-icon.color-index-ok{stroke:#2aac24}.control-icon.color-index-disabled,.control-icon.color-index-unknown{stroke:#999}.control-icon.color-index-graph-1,.control-icon.color-index-graph-6{stroke:#ec9b58}.control-icon.color-index-graph-2,.control-icon.color-index-graph-7{stroke:#0049a0}.control-icon.color-index-graph-3,.control-icon.color-index-graph-8{stroke:#886f9c}.control-icon.color-index-graph-4,.control-icon.color-index-graph-9{stroke:#5fbcdd}.control-icon.color-index-graph-5,.control-icon.color-index-graph-10{stroke:#7fba44}.control-icon.color-index-grey-1,.control-icon.color-index-grey-4{stroke:#2d3034}.control-icon.color-index-grey-2,.control-icon.color-index-grey-5{stroke:#52555a}.control-icon.color-index-grey-3,.control-icon.color-index-grey-6{stroke:#999}.control-icon.color-index-light-1,.control-icon.color-index-light-3{stroke:#fff}.control-icon.color-index-light-2,.control-icon.color-index-light-4{stroke:#f5f5f5}.control-icon.color-index-unset{fill:#ddd}.control-icon.color-index-brand{fill:#ff8300}.control-icon.color-index-critical,.control-icon.color-index-error{fill:#c8200d}.control-icon.color-index-warning{fill:#e57118}.control-icon.color-index-ok{fill:#2aac24}.control-icon.color-index-disabled,.control-icon.color-index-unknown{fill:#999}.control-icon.color-index-graph-1,.control-icon.color-index-graph-6{fill:#ec9b58}.control-icon.color-index-graph-2,.control-icon.color-index-graph-7{fill:#0049a0}.control-icon.color-index-graph-3,.control-icon.color-index-graph-8{fill:#886f9c}.control-icon.color-index-graph-4,.control-icon.color-index-graph-9{fill:#5fbcdd}.control-icon.color-index-graph-5,.control-icon.color-index-graph-10{fill:#7fba44}.control-icon.color-index-grey-1,.control-icon.color-index-grey-4{fill:#2d3034}.control-icon.color-index-grey-2,.control-icon.color-index-grey-5{fill:#52555a}.control-icon.color-index-grey-3,.control-icon.color-index-grey-6{fill:#999}@media screen and (min-width:45em){.control-icon{transition:all .3s ease-in-out}}.anchor:hover:not(.anchor--disabled) .control-icon,.button:hover:not(.anchor--disabled) .control-icon,.menu__control:hover .control-icon,a:hover .control-icon{fill:#000;stroke:#000}.control-icon__badge circle{fill:#9fd4c9}.control-icon__badge text{stroke:#333;fill:#333}.button--primary .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .control-icon{fill:#dbdbdb;stroke:#dbdbdb}.button--primary:hover .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor:hover>.control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .button:hover>.control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu__control:hover>.control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a:hover>.control-icon{fill:#fff;stroke:#fff}.control-icon--active{fill:#000;stroke:#000}.control-icon--large{width:48px;height:48px}.status-icon{width:24px;height:24px;vertical-align:middle;flex:0 0 auto}.status-icon .status-icon__base{fill:#999}.status-icon-critical .status-icon__base,.status-icon-error .status-icon__base{fill:#c8200d}.status-icon-warning .status-icon__base{fill:#e57118}.status-icon-ok .status-icon__base{fill:#2aac24}.status-icon-disabled .status-icon__base,.status-icon-label .status-icon__base,.status-icon-unknown .status-icon__base{fill:#999}.status-icon__detail{fill:#fff;stroke:#fff}.status-icon-unknown .status-icon__detail{fill:#999;stroke:#999}.status-icon--large{width:48px;height:48px}.status-icon--small{width:12px;height:12px;margin-top:6px;margin-bottom:6px}.status-icon--small .status-icon__detail{display:none}@-webkit-keyframes d{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes d{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.icon-changing{width:24px;height:24px;-webkit-animation:d 1.5s linear infinite;animation:d 1.5s linear infinite}.icon-changing--small{width:12px;height:12px}.icon-spinning{width:24px;height:24px;-webkit-animation:d 4s steps(4,end) infinite;animation:d 4s steps(4,end) infinite}.icon-spinning--small{width:12px;height:12px}.logo-icon{width:48px;height:48px}.logo-icon.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.logo-icon.color-index-unset{stroke:#ddd}.logo-icon.color-index-brand{stroke:#ff8300}.logo-icon.color-index-critical,.logo-icon.color-index-error{stroke:#c8200d}.logo-icon.color-index-warning{stroke:#e57118}.logo-icon.color-index-ok{stroke:#2aac24}.logo-icon.color-index-disabled,.logo-icon.color-index-unknown{stroke:#999}.logo-icon.color-index-graph-1,.logo-icon.color-index-graph-6{stroke:#ec9b58}.logo-icon.color-index-graph-2,.logo-icon.color-index-graph-7{stroke:#0049a0}.logo-icon.color-index-graph-3,.logo-icon.color-index-graph-8{stroke:#886f9c}.logo-icon.color-index-graph-4,.logo-icon.color-index-graph-9{stroke:#5fbcdd}.logo-icon.color-index-graph-5,.logo-icon.color-index-graph-10{stroke:#7fba44}.logo-icon.color-index-grey-1,.logo-icon.color-index-grey-4{stroke:#2d3034}.logo-icon.color-index-grey-2,.logo-icon.color-index-grey-5{stroke:#52555a}.logo-icon.color-index-grey-3,.logo-icon.color-index-grey-6{stroke:#999}.logo-icon.color-index-light-1,.logo-icon.color-index-light-3{stroke:#fff}.logo-icon.color-index-light-2,.logo-icon.color-index-light-4{stroke:#f5f5f5}.logo-icon--small{width:24px;height:24px}.logo-icon--large{width:96px;height:96px}.image--medium{width:576px}.image--large{width:960px}.image--small{width:240px}.image--full{width:100%;height:100%}.image--full-horizontal{width:100%}.image--full-vertical{height:100%}@media screen and (max-width:44.9375em){.label__text{display:none}}@media screen and (min-width:45em){.label__icon{display:none}}a.active>.label .label__icon.control-icon svg{fill:#000;stroke:#000}.layer{position:relative;z-index:4}@media screen and (min-width:45em){.layer{position:fixed;top:0;left:0;right:0;bottom:0}}@media screen and (max-width:44.9375em){.layer:not(.layer--hidden)+.app{display:none}}.layer__container{background-color:#fff}@media screen and (max-width:44.9375em){.layer__container{padding:0 24px;border-bottom:1px solid #ccc;box-shadow:0 2px 4px rgba(0,0,0,.3)}}@media screen and (min-width:45em){.layer__container{position:absolute;max-height:100%;max-width:100%;overflow:auto;padding:0 48px;border-radius:4px 4px 4px 4px;box-shadow:0 2px 4px rgba(0,0,0,.3)}}.layer__closer{position:absolute;top:0;right:0;z-index:1}.layer--flush .layer__container{padding:0}@media screen and (min-width:45em){.layer--align-center:not(.layer--hidden){background-image:radial-gradient(circle at top,#fff,#fff 20%,hsla(0,0%,50%,.6))}.layer--align-center:not(.layer--hidden) .layer__container{left:50%;top:50%;max-height:calc(100vh - 48px);max-width:calc(100vw - 48px);transform:translate(-50%,-50%)}}@media screen and (min-width:45em){.layer--align-left:not(.layer--hidden){background-image:radial-gradient(circle at left,#fff,#fff 20%,hsla(0,0%,50%,.6))}}.layer--align-left:not(.layer--hidden) .layer__container{top:0;bottom:0;left:0}@media screen and (min-width:45em){.layer--align-left:not(.layer--hidden) .layer__container{-webkit-animation:f .2s ease-in-out forwards;animation:f .2s ease-in-out forwards}}@media screen and (min-width:45em){.layer--align-right:not(.layer--hidden){background-image:radial-gradient(circle at right,#fff,#fff 20%,hsla(0,0%,50%,.6))}}.layer--align-right:not(.layer--hidden) .layer__container{top:0;bottom:0;right:0;display:flex;flex-direction:column;justify-content:center}@media screen and (min-width:45em){.layer--align-right:not(.layer--hidden) .layer__container{-webkit-animation:g .2s ease-in-out forwards;animation:g .2s ease-in-out forwards}}@media screen and (min-width:45em){.layer--align-top:not(.layer--hidden){background-image:radial-gradient(circle at top,#fff,#fff 20%,hsla(0,0%,50%,.6))}.layer--align-top:not(.layer--hidden) .layer__container{left:50%;transform:translateX(-50%)}}@media screen and (min-width:45em) and (min-width:45em){.layer--align-top:not(.layer--hidden) .layer__container{-webkit-animation:h .2s ease-in-out forwards;animation:h .2s ease-in-out forwards}}@media screen and (min-width:45em){.layer--align-bottom:not(.layer--hidden){background-image:radial-gradient(circle at bottom,#fff,#fff 20%,hsla(0,0%,50%,.6))}}.layer--align-bottom:not(.layer--hidden) .layer__container{bottom:0}.layer--hidden{left:-10000px;z-index:-1}.layer--hidden.layer--align-left{right:auto}.layer--hidden.layer--align-left .layer__container{left:-100vw}@media screen and (max-width:44.9375em){.layer--hidden{display:none}}@media screen and (min-width:45em){.layer--hidden.layer--peek{left:0;z-index:4}.layer--hidden.layer--peek.layer--align-left{right:auto}.layer--hidden.layer--peek.layer--align-left .layer__container{left:auto;right:-12px;border-right:10px solid #ff8300;-webkit-animation:e .5s ease-in-out alternate 5;animation:e .5s ease-in-out alternate 5}}@-webkit-keyframes e{0%{right:-6px}to{right:-12px}}@keyframes e{0%{right:-6px}to{right:-12px}}@-webkit-keyframes f{0%{left:-100vw}to{left:0}}@keyframes f{0%{left:-100vw}to{left:0}}@-webkit-keyframes g{0%{right:-100vw}to{right:0}}@keyframes g{0%{right:-100vw}to{right:0}}@-webkit-keyframes h{0%{top:-100vh}to{top:0}}@keyframes h{0%{top:-100vh}to{top:0}}.list{list-style-type:none;margin:0;padding:0;overflow:auto}.list__empty,.list__more{padding:12px 24px}.list__empty{color:#777;font-style:italic}.list .list-item{max-width:none}.list .list-item__image{height:24px;width:24px;margin-right:24px;overflow:hidden;flex:0 0 auto}.list .list-item__image img{height:100%;width:100%;max-width:none;object-fit:cover}.list .list-item__annotation,.list .list-item__label{flex:1}.list .list-item__annotation{margin-left:24px;color:#777}.list .list-item--selectable{cursor:pointer}.list .list-item--selectable:hover{background-color:rgba(0,0,0,.1)}.list .list-item--selected{background-color:#fff;color:#333}.list .list-item--row .list-item__annotation{text-align:right}.list--selectable .list-item{cursor:pointer;transition:background-color .2s}.list--selectable .list-item--selected{background-color:#fff;color:#333}.list--selectable .list-item:hover:not(.list-item--selected){background-color:rgba(0,0,0,.1);color:#000}.list--small .list-item__image,.list--small .list__more__image{height:12px;width:12px}.list--large .list-item__image,.list--large .list__more__image{height:48px;width:48px}.legend{text-align:left;list-style-type:none;white-space:normal;display:inline-block;margin:0}.legend__item,.legend__total{color:#777}.legend__item>*,.legend__total>*{vertical-align:top}.legend__item-label,.legend__total-label{display:inline-block;width:72px}.legend__item-value,.legend__total-value{display:inline-block;width:72px;text-align:right}.legend__item-units,.legend__total-units{display:inline-block;margin-left:6px}.legend__item--clickable{cursor:pointer}.legend__item svg.legend__item-swatch{width:12px;height:12px;margin-top:6px;margin-right:12px;overflow:visible}.legend__item svg.legend__item-swatch.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.legend__item svg.legend__item-swatch.color-index-unset{stroke:#ddd}.legend__item svg.legend__item-swatch.color-index-brand{stroke:#ff8300}.legend__item svg.legend__item-swatch.color-index-critical,.legend__item svg.legend__item-swatch.color-index-error{stroke:#c8200d}.legend__item svg.legend__item-swatch.color-index-warning{stroke:#e57118}.legend__item svg.legend__item-swatch.color-index-ok{stroke:#2aac24}.legend__item svg.legend__item-swatch.color-index-disabled,.legend__item svg.legend__item-swatch.color-index-unknown{stroke:#999}.legend__item svg.legend__item-swatch.color-index-graph-1,.legend__item svg.legend__item-swatch.color-index-graph-6{stroke:#ec9b58}.legend__item svg.legend__item-swatch.color-index-graph-2,.legend__item svg.legend__item-swatch.color-index-graph-7{stroke:#0049a0}.legend__item svg.legend__item-swatch.color-index-graph-3,.legend__item svg.legend__item-swatch.color-index-graph-8{stroke:#886f9c}.legend__item svg.legend__item-swatch.color-index-graph-4,.legend__item svg.legend__item-swatch.color-index-graph-9{stroke:#5fbcdd}.legend__item svg.legend__item-swatch.color-index-graph-5,.legend__item svg.legend__item-swatch.color-index-graph-10{stroke:#7fba44}.legend__item svg.legend__item-swatch.color-index-grey-1,.legend__item svg.legend__item-swatch.color-index-grey-4{stroke:#2d3034}.legend__item svg.legend__item-swatch.color-index-grey-2,.legend__item svg.legend__item-swatch.color-index-grey-5{stroke:#52555a}.legend__item svg.legend__item-swatch.color-index-grey-3,.legend__item svg.legend__item-swatch.color-index-grey-6{stroke:#999}.legend__item svg.legend__item-swatch.color-index-light-1,.legend__item svg.legend__item-swatch.color-index-light-3{stroke:#fff}.legend__item svg.legend__item-swatch.color-index-light-2,.legend__item svg.legend__item-swatch.color-index-light-4{stroke:#f5f5f5}.legend__item svg.legend__item-swatch path{stroke-width:12px;transition-property:stroke-width;transition-duration:.3s;transition-timing-function:ease-in-out}.legend__item--active{color:#333}.legend__item--active svg.legend__item-swatch path{stroke-width:12px}.legend__total{margin-left:24px}.legend__total>*{margin-top:6px;padding-top:6px;border-top:1px dotted #ccc}.legend--single .legend__item-value{font-size:36px;font-size:2.25rem;line-height:1.33333;font-weight:700;width:auto}.legend--single .legend__item-units{font-size:24px;font-size:1.5rem;line-height:inherit;margin-left:6px;color:#777;font-weight:400}.login{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:6}.login__background{position:absolute;max-width:none}.login__background--portrait{width:auto;height:100%}.login__background--landscape{height:auto;width:100%}.login__container{position:relative;width:384px;margin:96px auto;z-index:1;-webkit-animation-name:b;-webkit-animation-duration:.5s;animation-name:b;animation-duration:.5s}@media screen and (max-width:44.9375em){.login__container{margin:48px 0;width:100%;border-radius:0}}.login__footer{position:absolute;left:0;right:0;bottom:6px;padding:6px 24px;background-color:hsla(0,0%,100%,.9);text-align:center}.login-form{position:relative;width:384px;padding:24px;padding-bottom:48px;background-color:#fff;text-align:center;z-index:1;-webkit-animation-name:b;-webkit-animation-duration:.5s;animation-name:b;animation-duration:.5s}@media screen and (max-width:44.9375em){.login-form{width:100%;border-radius:0}}.login-form__secondary-text{color:#777}.login-form fieldset{text-align:left;border:none;margin-bottom:0}.login-form fieldset>*{width:100%;display:block}.login-form__remember-me{display:block;margin-top:24px;text-align:left}.login-form__submit{margin-top:24px;width:100%}.login-form__error{margin-bottom:12px;color:#c8200d;text-align:left}.login-form__footer{margin-top:12px;display:flex;justify-content:space-between;line-height:36px}.map{position:relative;padding:24px}.map__canvas{position:absolute;top:0;left:0;z-index:-1;opacity:.1}.map__canvas--highlight{opacity:1}.map__categories{margin:0;list-style-type:none}.map__category{position:relative;padding-top:24px;margin-bottom:12px;max-width:none}.map__category-label{position:absolute;top:0;left:0;font-size:14px;font-size:.875rem;line-height:1.71429}.map__category-items{margin:0;list-style-type:none;overflow:hidden;text-align:center}.map__item{display:inline-block;width:192px;border:1px solid #ccc;margin-right:12px;margin-bottom:12px;background-color:#fff;font-size:16px;font-size:1rem;line-height:1.5}.map__item>a{display:block;padding:6px 12px;transition:background-color .2s}.map__item>a>*{display:inline-block}.map__item>a:hover{background-color:rgba(0,0,0,.1)}.map__item .status-icon{margin-right:6px}.map__item--active{border-color:#000}.menu{position:relative;font-size:19px;font-size:1.1875rem;line-height:inherit}.menu:focus{outline:none}.menu:focus:not(.menu--expanded):after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border:1px solid #ff4c00;box-shadow:0 0 1px 1px #ff4c00;pointer-events:none}.menu>*{flex:0 0 auto}.menu a:not(.button){text-decoration:none}.menu a:not(.button).active,.menu a:not(.button):hover{color:#d16b00}.menu__control .control-icon-down{width:12px;height:12px}.menu__control .control-icon-down path,.menu__control .control-icon-down polyline{stroke-width:4px}.menu__drop{font-size:16px;font-size:1rem;line-height:inherit;max-height:100vh}.menu__drop .anchor{padding:12px 24px;white-space:nowrap;display:block}.menu__drop .anchor:focus,.menu__drop .anchor:hover{text-decoration:none;background-color:rgba(0,0,0,.1)}.menu__drop .check-box,.menu__drop .radio-button{margin-top:12px;margin-bottom:12px}.menu__drop--align-right{text-align:right}.menu__drop--align-right .menu__contents{text-align:left}.menu__drop--large .menu__control{line-height:96px}.menu--controlled{display:inline-block;cursor:pointer}.menu--controlled.menu--large{line-height:96px}.menu--controlled.menu--small{height:24px}.menu--inline.menu--row.box--justify-end>:not(.control-icon){margin-left:24px;margin-right:0}.menu--inline.menu--row.box--justify-end>:not(.control-icon):first-child{margin-left:0}.menu--inline.menu--row>:not(.control-icon):not(.button){margin-left:0;margin-right:24px}.menu--inline.menu--row>:not(.control-icon):not(.button):last-child{margin-right:0}@media screen and (max-width:44.9375em){.menu--inline.menu.box--direction-row.box--responsive>*{margin-right:0}}.menu--inline.menu.box--direction-column a:not(.button){margin-bottom:6px}.menu--small{font-size:16px;font-size:1rem;line-height:1.5}.menu--small .menu__control-drop-icon{margin-left:6px}.menu--small .menu__control-icon svg{width:18px;height:18px}.menu--primary>.menu{width:100%}.menu--primary>a:not(.button){padding:6px 24px;border-right:6px solid transparent;margin-bottom:0;width:100%}.menu--primary>a:not(.button):hover{text-decoration:none}.menu--primary>a:not(.button):hover:not(.active){background-color:rgba(0,0,0,.1)}.menu--primary>a:not(.button).active{border-color:#ff8300}@media screen and (max-width:44.9375em){.menu--primary.menu--down,.menu--primary.menu--down>*{display:block}}.menu--inline.menu.box--direction-column>.menu:not(:first-of-type) h2,.menu--inline.menu.box--direction-column>.menu:not(:first-of-type) h3,.menu__drop.box--direction-column>.menu:not(:first-of-type) h2,.menu__drop.box--direction-column>.menu:not(:first-of-type) h3{margin-top:24px}.menu--inline.menu>hr,.menu__drop>hr{margin:12px 24px 18px;height:1px;background-color:#ccc;border:none}.menu--inline.menu.box.box--separator-top,.menu__drop.box.box--separator-top{border-color:transparent}.menu--inline.menu.box.box--separator-top:before,.menu__drop.box.box--separator-top:before{content:'';margin:12px 24px 18px;height:1px;background-color:#ccc}.menu--inline.menu--small,.menu__drop--small{font-size:1em}.menu--inline.menu--small .menu__control-label,.menu__drop--small .menu__control-label{padding:12px}.menu--inline.menu--small .menu__control-icon svg,.menu__drop--small .menu__control-icon svg{width:18px;height:18px}.menu--inline.menu--small>a,.menu__drop--small>a{padding:6px 12px}.menu--inline.menu .menu__control-label,.menu__drop .menu__control-label{font-size:19px}.menu--inline.menu a,.menu__drop a{text-decoration:none}.menu--inline.menu--large>a,.menu__drop--large>a{padding:24px 48px}@media screen and (max-width:44.9375em){.menu--inline.menu.box--responsive>*,.menu__drop.box--responsive>*{margin-left:0;margin-right:0}.menu--inline.menu.box--responsive .button,.menu__drop.box--responsive .button{width:100%;margin-bottom:12px}.menu--inline.menu.box--responsive .menu,.menu__drop.box--responsive .menu{margin-bottom:36px}}@media screen and (max-width:44.9375em){.menu__drop{max-width:100%;width:100vw}}@-webkit-keyframes i{0%{stroke-dashoffset:192px}to{stroke-dashoffset:0}}@keyframes i{0%{stroke-dashoffset:192px}to{stroke-dashoffset:0}}@-webkit-keyframes j{0%{stroke-dashoffset:-192px}to{stroke-dashoffset:0}}@keyframes j{0%{stroke-dashoffset:-192px}to{stroke-dashoffset:0}}.meter{display:inline-block;position:relative}.meter__slice{stroke-width:4px}.meter__threshold{stroke:rgba(51,51,51,.2)}.meter__value-container{position:relative;display:inline-block}.meter__graphic-container{white-space:normal}.meter__graphic-container>a{text-decoration:none}.meter__value{white-space:normal;pointer-events:none}.meter__value--active{pointer-events:auto;cursor:pointer}.meter__value-value{font-size:36px;font-size:2.25rem;line-height:38px;font-weight:700}.meter__value-units{font-size:24px;font-size:1.5rem;line-height:inherit;margin-left:6px;color:#777;font-weight:400}.meter__minmax-container,.meter__value-label{display:block}.meter__minmax{display:flex;justify-content:space-between;color:#777;font-size:14px;font-size:.875rem;line-height:1.71429}.meter__label-max,.meter__label-min{flex:0 0 48px}.meter__label-max{text-align:right}.meter__label{fill:#777}.meter__label--active{fill:#000}.meter--legend-right{white-space:nowrap}.meter--legend-right .meter__legend{vertical-align:top;margin-left:24px}.meter--legend-right:not(.meter--tall-legend) .meter__legend{position:relative;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.meter--legend-bottom .meter__legend{margin-top:24px;display:block}.meter:not(.meter--vertical) .meter__graphic-container{display:inline-block}.meter:not(.meter--vertical) .meter__minmax-container{display:block;width:192px}.meter:not(.meter--vertical) .meter__minmax{width:100%}.meter:not(.meter--vertical).meter--small .meter__minmax-container{width:96px}.meter:not(.meter--vertical).meter--large .meter__minmax-container{width:288px}.meter--vertical .meter__graphic-container{display:inline-block;white-space:nowrap}.meter--vertical .meter__minmax-container{height:192px}.meter--vertical .meter__minmax{flex-direction:column;height:100%}.meter--vertical .meter__minmax-min{order:1}.meter--vertical .meter__minmax-max{order:0}.meter--vertical .meter__label-max,.meter--vertical .meter__label-min{flex:0 0 auto;text-align:left}.meter--vertical .meter__label-min{order:1}.meter--vertical .meter__label-max{order:0}.meter--vertical .meter__value-label{display:block}.meter--vertical.meter--small .meter__minmax-container{height:96px}.meter--vertical.meter--large .meter__minmax-container{height:288px}.meter--small .meter__slice{stroke-width:8px}.meter--small .meter__values .meter__slice:hover{stroke-width:24px}.meter--small .meter__value-value{font-size:20px;font-size:1.25rem;line-height:1.2}.meter--small .meter__value-units{font-size:16px;font-size:1rem;line-height:1.5}.meter--large .meter__value-value{font-size:64px;font-size:4rem;line-height:1.125}.meter--large .meter__value-units{font-size:48px;font-size:3rem;line-height:1}.meter.meter--active .meter__values .meter__slice:hover,.meter.meter--active:not(.meter--single) .meter__values .meter__slice.meter__slice--active{stroke-width:12px}.meter--bar .meter__slice{stroke-linecap:butt;stroke-dasharray:192px 192px;stroke-dashoffset:0}.meter--bar .meter__values .meter__slice.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.meter--bar .meter__values .meter__slice.color-index-unset{stroke:#ddd}.meter--bar .meter__values .meter__slice.color-index-brand{stroke:#ff8300}.meter--bar .meter__values .meter__slice.color-index-critical,.meter--bar .meter__values .meter__slice.color-index-error{stroke:#c8200d}.meter--bar .meter__values .meter__slice.color-index-warning{stroke:#e57118}.meter--bar .meter__values .meter__slice.color-index-ok{stroke:#2aac24}.meter--bar .meter__values .meter__slice.color-index-disabled,.meter--bar .meter__values .meter__slice.color-index-unknown{stroke:#999}.meter--bar .meter__values .meter__slice.color-index-graph-1,.meter--bar .meter__values .meter__slice.color-index-graph-6{stroke:#ec9b58}.meter--bar .meter__values .meter__slice.color-index-graph-2,.meter--bar .meter__values .meter__slice.color-index-graph-7{stroke:#0049a0}.meter--bar .meter__values .meter__slice.color-index-graph-3,.meter--bar .meter__values .meter__slice.color-index-graph-8{stroke:#886f9c}.meter--bar .meter__values .meter__slice.color-index-graph-4,.meter--bar .meter__values .meter__slice.color-index-graph-9{stroke:#5fbcdd}.meter--bar .meter__values .meter__slice.color-index-graph-5,.meter--bar .meter__values .meter__slice.color-index-graph-10{stroke:#7fba44}.meter--bar .meter__values .meter__slice.color-index-grey-1,.meter--bar .meter__values .meter__slice.color-index-grey-4{stroke:#2d3034}.meter--bar .meter__values .meter__slice.color-index-grey-2,.meter--bar .meter__values .meter__slice.color-index-grey-5{stroke:#52555a}.meter--bar .meter__values .meter__slice.color-index-grey-3,.meter--bar .meter__values .meter__slice.color-index-grey-6{stroke:#999}.meter--bar .meter__values .meter__slice.color-index-light-1,.meter--bar .meter__values .meter__slice.color-index-light-3{stroke:#fff}.meter--bar .meter__values .meter__slice.color-index-light-2,.meter--bar .meter__values .meter__slice.color-index-light-4{stroke:#f5f5f5}.meter--bar .meter__values .meter__slice--clickable{cursor:pointer}@media screen and (min-width:45em){.meter--bar .meter__values .meter__slice{transition:stroke-width .2s;-webkit-animation:i 1.5s linear;animation:i 1.5s linear}}.meter--bar .meter__thresholds .meter__slice.color-index-unset{stroke:hsla(0,0%,87%,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-brand{stroke:rgba(255,131,0,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-critical,.meter--bar .meter__thresholds .meter__slice.color-index-error{stroke:rgba(200,32,13,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-warning{stroke:rgba(229,113,24,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-ok{stroke:rgba(42,172,36,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-disabled,.meter--bar .meter__thresholds .meter__slice.color-index-unknown{stroke:hsla(0,0%,60%,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-graph-1,.meter--bar .meter__thresholds .meter__slice.color-index-graph-6{stroke:rgba(236,155,88,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-graph-2,.meter--bar .meter__thresholds .meter__slice.color-index-graph-7{stroke:rgba(0,73,160,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-graph-3,.meter--bar .meter__thresholds .meter__slice.color-index-graph-8{stroke:rgba(136,111,156,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-graph-4,.meter--bar .meter__thresholds .meter__slice.color-index-graph-9{stroke:rgba(95,188,221,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-graph-5,.meter--bar .meter__thresholds .meter__slice.color-index-graph-10{stroke:rgba(127,186,68,.5)}.meter--bar .meter__value{text-align:left}.meter--bar .meter__value-label{font-size:14px;font-size:.875rem;line-height:16px}.meter--bar:not(.meter--vertical) .meter__minmax-container>a{vertical-align:top;display:block;height:24px}.meter--bar:not(.meter--vertical) .meter__graphic{width:192px}.meter--bar:not(.meter--vertical) .meter__value{display:inline-block;vertical-align:top;margin-left:12px}.meter--bar:not(.meter--vertical) .meter__value-value{font-size:24px;font-size:1.5rem;line-height:1}.meter--bar:not(.meter--vertical) .meter__value-units{font-size:20px;font-size:1.25rem;line-height:1.2}.meter--bar:not(.meter--vertical).meter--single .meter__value-label,.meter--bar:not(.meter--vertical).meter--stacked .meter__value-label{display:inline-block;margin-left:4px}.meter--bar:not(.meter--vertical).meter--single.meter--legend-right .meter__value,.meter--bar:not(.meter--vertical).meter--stacked.meter--legend-right .meter__value{min-width:84px}.meter--bar:not(.meter--vertical).meter--legend-right .meter__legend{top:0;-webkit-transform:none;transform:none}.meter--bar:not(.meter--vertical).meter--legend-right .meter__value{min-width:48px}.meter--bar:not(.meter--vertical).meter--small svg.meter__graphic{width:96px}.meter--bar:not(.meter--vertical).meter--small .meter__value-units,.meter--bar:not(.meter--vertical).meter--small .meter__value-value{font-size:16px;font-size:1rem;line-height:1.5}.meter--bar:not(.meter--vertical).meter--small.meter--legend-right .meter__value{min-width:42px}.meter--bar:not(.meter--vertical).meter--small.meter--legend-right.meter--stacked .meter__value{min-width:72px}.meter--bar:not(.meter--vertical).meter--large svg.meter__graphic{width:288px}.meter--bar:not(.meter--vertical).meter--large .meter__value{margin-left:16px}.meter--bar:not(.meter--vertical).meter--large .meter__value-units,.meter--bar:not(.meter--vertical).meter--large .meter__value-value{font-size:26px;font-size:1.625rem;line-height:inherit}.meter--bar.meter--vertical{white-space:nowrap}.meter--bar.meter--vertical svg.meter__graphic{height:192px}.meter--bar.meter--vertical .meter__labeled-graphic{display:inline-block}.meter--bar.meter--vertical .meter__value{position:relative;vertical-align:top;top:96px;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:inline-block}.meter--bar.meter--vertical .meter__minmax-container{position:absolute;top:0;left:24px}.meter--bar.meter--vertical.meter--legend-right .meter__legend{top:96px}.meter--bar.meter--vertical.meter--legend-right .meter__value{min-width:60px}.meter--bar.meter--vertical.meter--small svg.meter__graphic{height:96px}.meter--bar.meter--vertical.meter--small.meter--legend-right .meter__legend,.meter--bar.meter--vertical.meter--small .meter__value{top:48px}.meter--bar.meter--vertical.meter--small.meter--legend-right .meter__value{min-width:42px}.meter--bar.meter--vertical.meter--large svg.meter__graphic{height:288px}.meter--bar.meter--vertical.meter--large.meter--legend-right .meter__legend,.meter--bar.meter--vertical.meter--large .meter__value{top:144px}@media screen and (max-width:44.9375em){.meter--arc,.meter--circle,.meter--spiral{margin:0 auto}}.meter--arc svg.meter__graphic,.meter--circle svg.meter__graphic,.meter--spiral svg.meter__graphic{display:block}.meter--arc .meter.series-pre path,.meter--circle .meter.series-pre path,.meter--spiral .meter.series-pre path{stroke-dashoffset:768px}.meter--arc .meter__slice,.meter--circle .meter__slice,.meter--spiral .meter__slice{stroke-linecap:butt;stroke-dasharray:768px 768px;stroke-dashoffset:0;fill:none;stroke:#b2b2b2}.meter--arc .meter__slice-indicator,.meter--circle .meter__slice-indicator,.meter--spiral .meter__slice-indicator{stroke-linecap:square;stroke-width:4px;stroke:#000}.meter--arc .meter__values .meter__slice.color-index-loading,.meter--circle .meter__values .meter__slice.color-index-loading,.meter--spiral .meter__values .meter__slice.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.meter--arc .meter__values .meter__slice.color-index-unset,.meter--circle .meter__values .meter__slice.color-index-unset,.meter--spiral .meter__values .meter__slice.color-index-unset{stroke:#ddd}.meter--arc .meter__values .meter__slice.color-index-brand,.meter--circle .meter__values .meter__slice.color-index-brand,.meter--spiral .meter__values .meter__slice.color-index-brand{stroke:#ff8300}.meter--arc .meter__values .meter__slice.color-index-critical,.meter--arc .meter__values .meter__slice.color-index-error,.meter--circle .meter__values .meter__slice.color-index-critical,.meter--circle .meter__values .meter__slice.color-index-error,.meter--spiral .meter__values .meter__slice.color-index-critical,.meter--spiral .meter__values .meter__slice.color-index-error{stroke:#c8200d}.meter--arc .meter__values .meter__slice.color-index-warning,.meter--circle .meter__values .meter__slice.color-index-warning,.meter--spiral .meter__values .meter__slice.color-index-warning{stroke:#e57118}.meter--arc .meter__values .meter__slice.color-index-ok,.meter--circle .meter__values .meter__slice.color-index-ok,.meter--spiral .meter__values .meter__slice.color-index-ok{stroke:#2aac24}.meter--arc .meter__values .meter__slice.color-index-disabled,.meter--arc .meter__values .meter__slice.color-index-unknown,.meter--circle .meter__values .meter__slice.color-index-disabled,.meter--circle .meter__values .meter__slice.color-index-unknown,.meter--spiral .meter__values .meter__slice.color-index-disabled,.meter--spiral .meter__values .meter__slice.color-index-unknown{stroke:#999}.meter--arc .meter__values .meter__slice.color-index-graph-1,.meter--arc .meter__values .meter__slice.color-index-graph-6,.meter--circle .meter__values .meter__slice.color-index-graph-1,.meter--circle .meter__values .meter__slice.color-index-graph-6,.meter--spiral .meter__values .meter__slice.color-index-graph-1,.meter--spiral .meter__values .meter__slice.color-index-graph-6{stroke:#ec9b58}.meter--arc .meter__values .meter__slice.color-index-graph-2,.meter--arc .meter__values .meter__slice.color-index-graph-7,.meter--circle .meter__values .meter__slice.color-index-graph-2,.meter--circle .meter__values .meter__slice.color-index-graph-7,.meter--spiral .meter__values .meter__slice.color-index-graph-2,.meter--spiral .meter__values .meter__slice.color-index-graph-7{stroke:#0049a0}.meter--arc .meter__values .meter__slice.color-index-graph-3,.meter--arc .meter__values .meter__slice.color-index-graph-8,.meter--circle .meter__values .meter__slice.color-index-graph-3,.meter--circle .meter__values .meter__slice.color-index-graph-8,.meter--spiral .meter__values .meter__slice.color-index-graph-3,.meter--spiral .meter__values .meter__slice.color-index-graph-8{stroke:#886f9c}.meter--arc .meter__values .meter__slice.color-index-graph-4,.meter--arc .meter__values .meter__slice.color-index-graph-9,.meter--circle .meter__values .meter__slice.color-index-graph-4,.meter--circle .meter__values .meter__slice.color-index-graph-9,.meter--spiral .meter__values .meter__slice.color-index-graph-4,.meter--spiral .meter__values .meter__slice.color-index-graph-9{stroke:#5fbcdd}.meter--arc .meter__values .meter__slice.color-index-graph-5,.meter--arc .meter__values .meter__slice.color-index-graph-10,.meter--circle .meter__values .meter__slice.color-index-graph-5,.meter--circle .meter__values .meter__slice.color-index-graph-10,.meter--spiral .meter__values .meter__slice.color-index-graph-5,.meter--spiral .meter__values .meter__slice.color-index-graph-10{stroke:#7fba44}.meter--arc .meter__values .meter__slice.color-index-grey-1,.meter--arc .meter__values .meter__slice.color-index-grey-4,.meter--circle .meter__values .meter__slice.color-index-grey-1,.meter--circle .meter__values .meter__slice.color-index-grey-4,.meter--spiral .meter__values .meter__slice.color-index-grey-1,.meter--spiral .meter__values .meter__slice.color-index-grey-4{stroke:#2d3034}.meter--arc .meter__values .meter__slice.color-index-grey-2,.meter--arc .meter__values .meter__slice.color-index-grey-5,.meter--circle .meter__values .meter__slice.color-index-grey-2,.meter--circle .meter__values .meter__slice.color-index-grey-5,.meter--spiral .meter__values .meter__slice.color-index-grey-2,.meter--spiral .meter__values .meter__slice.color-index-grey-5{stroke:#52555a}.meter--arc .meter__values .meter__slice.color-index-grey-3,.meter--arc .meter__values .meter__slice.color-index-grey-6,.meter--circle .meter__values .meter__slice.color-index-grey-3,.meter--circle .meter__values .meter__slice.color-index-grey-6,.meter--spiral .meter__values .meter__slice.color-index-grey-3,.meter--spiral .meter__values .meter__slice.color-index-grey-6{stroke:#999}.meter--arc .meter__values .meter__slice.color-index-light-1,.meter--arc .meter__values .meter__slice.color-index-light-3,.meter--circle .meter__values .meter__slice.color-index-light-1,.meter--circle .meter__values .meter__slice.color-index-light-3,.meter--spiral .meter__values .meter__slice.color-index-light-1,.meter--spiral .meter__values .meter__slice.color-index-light-3{stroke:#fff}.meter--arc .meter__values .meter__slice.color-index-light-2,.meter--arc .meter__values .meter__slice.color-index-light-4,.meter--circle .meter__values .meter__slice.color-index-light-2,.meter--circle .meter__values .meter__slice.color-index-light-4,.meter--spiral .meter__values .meter__slice.color-index-light-2,.meter--spiral .meter__values .meter__slice.color-index-light-4{stroke:#f5f5f5}.meter--arc .meter__values .meter__slice--clickable,.meter--circle .meter__values .meter__slice--clickable,.meter--spiral .meter__values .meter__slice--clickable{cursor:pointer}@media screen and (min-width:45em){.meter--arc .meter__values .meter__slice,.meter--circle .meter__values .meter__slice,.meter--spiral .meter__values .meter__slice{transition:stroke-width .2s;-webkit-animation:j 1.5s linear;animation:j 1.5s linear}}.meter--arc .meter__thresholds .meter__slice.color-index-unset,.meter--circle .meter__thresholds .meter__slice.color-index-unset,.meter--spiral .meter__thresholds .meter__slice.color-index-unset{stroke:hsla(0,0%,87%,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-brand,.meter--circle .meter__thresholds .meter__slice.color-index-brand,.meter--spiral .meter__thresholds .meter__slice.color-index-brand{stroke:rgba(255,131,0,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-critical,.meter--arc .meter__thresholds .meter__slice.color-index-error,.meter--circle .meter__thresholds .meter__slice.color-index-critical,.meter--circle .meter__thresholds .meter__slice.color-index-error,.meter--spiral .meter__thresholds .meter__slice.color-index-critical,.meter--spiral .meter__thresholds .meter__slice.color-index-error{stroke:rgba(200,32,13,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-warning,.meter--circle .meter__thresholds .meter__slice.color-index-warning,.meter--spiral .meter__thresholds .meter__slice.color-index-warning{stroke:rgba(229,113,24,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-ok,.meter--circle .meter__thresholds .meter__slice.color-index-ok,.meter--spiral .meter__thresholds .meter__slice.color-index-ok{stroke:rgba(42,172,36,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-disabled,.meter--arc .meter__thresholds .meter__slice.color-index-unknown,.meter--circle .meter__thresholds .meter__slice.color-index-disabled,.meter--circle .meter__thresholds .meter__slice.color-index-unknown,.meter--spiral .meter__thresholds .meter__slice.color-index-disabled,.meter--spiral .meter__thresholds .meter__slice.color-index-unknown{stroke:hsla(0,0%,60%,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-graph-1,.meter--arc .meter__thresholds .meter__slice.color-index-graph-6,.meter--circle .meter__thresholds .meter__slice.color-index-graph-1,.meter--circle .meter__thresholds .meter__slice.color-index-graph-6,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-1,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-6{stroke:rgba(236,155,88,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-graph-2,.meter--arc .meter__thresholds .meter__slice.color-index-graph-7,.meter--circle .meter__thresholds .meter__slice.color-index-graph-2,.meter--circle .meter__thresholds .meter__slice.color-index-graph-7,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-2,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-7{stroke:rgba(0,73,160,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-graph-3,.meter--arc .meter__thresholds .meter__slice.color-index-graph-8,.meter--circle .meter__thresholds .meter__slice.color-index-graph-3,.meter--circle .meter__thresholds .meter__slice.color-index-graph-8,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-3,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-8{stroke:rgba(136,111,156,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-graph-4,.meter--arc .meter__thresholds .meter__slice.color-index-graph-9,.meter--circle .meter__thresholds .meter__slice.color-index-graph-4,.meter--circle .meter__thresholds .meter__slice.color-index-graph-9,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-4,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-9{stroke:rgba(95,188,221,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-graph-5,.meter--arc .meter__thresholds .meter__slice.color-index-graph-10,.meter--circle .meter__thresholds .meter__slice.color-index-graph-5,.meter--circle .meter__thresholds .meter__slice.color-index-graph-10,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-5,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-10{stroke:rgba(127,186,68,.5)}.meter--arc .meter__threshold,.meter--circle .meter__threshold,.meter--spiral .meter__threshold{stroke-linecap:butt}.meter--arc .meter__value-label,.meter--circle .meter__value-label,.meter--spiral .meter__value-label{display:block}@media screen and (max-width:44.9375em){.meter--arc,.meter--circle{width:192px}}.meter--arc .meter__value,.meter--circle .meter__value{white-space:normal;pointer-events:none;text-align:center}.meter--arc .meter__value--active,.meter--circle .meter__value--active{pointer-events:auto;cursor:pointer}.meter--arc:not(.meter--vertical) .meter__minmax-container,.meter--circle .meter__minmax-container{width:192px}.meter--arc:not(.meter--vertical) .meter__value,.meter--circle .meter__value{position:absolute;left:50%}.meter--arc:not(.meter--vertical).meter--small .meter__minmax-container,.meter--circle.meter--small .meter__minmax-container{width:96px}.meter--arc:not(.meter--vertical).meter--large .meter__minmax-container,.meter--circle.meter--large .meter__minmax-container{width:288px}.meter--arc.meter--vertical.meter--legend-right .meter__legend,.meter--circle.meter--legend-right .meter__legend{top:96px}.meter--arc.meter--vertical.meter--legend-right.meter--small .meter__legend,.meter--circle.meter--legend-right.meter--small .meter__legend{top:48px}.meter--arc.meter--vertical.meter--legend-right.meter--large .meter__legend,.meter--circle.meter--legend-right.meter--large .meter__legend{top:144px}.meter--circle svg.meter__graphic{width:192px;height:192px}.meter--circle .meter__value{top:96px;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);max-width:144px}.meter--circle.meter--small svg.meter__graphic{width:96px;height:96px}.meter--circle.meter--small .meter__value{top:48px;max-width:72px}.meter--circle.meter--large svg.meter__graphic{width:288px;height:288px}.meter--circle.meter--large .meter__value{top:144px;max-width:216px}.meter--circle:not(.meter--stacked):not(.meter--single) .meter__value{position:static;margin:0 auto;-webkit-transform:none;transform:none}.meter--arc:not(.meter--vertical) svg.meter__graphic{width:192px;height:144px}.meter--arc:not(.meter--vertical) .meter__value{top:108px;-webkit-transform:translateX(-50%);transform:translateX(-50%);max-width:120px}.meter--arc:not(.meter--vertical).meter--legend-right .meter__legend{top:72px}.meter--arc:not(.meter--vertical).meter--small svg.meter__graphic{width:96px;height:72px}.meter--arc:not(.meter--vertical).meter--small .meter__value{top:60px;max-width:60px}.meter--arc:not(.meter--vertical).meter--large svg.meter__graphic{width:288px;height:216px}.meter--arc:not(.meter--vertical).meter--large .meter__value{top:156px;max-width:180px}.meter--arc.meter--vertical svg.meter__graphic{display:inline;width:144px;height:192px}.meter--arc.meter--vertical .meter__value{position:relative;top:96px;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:inline-block;margin-left:-24px;vertical-align:top}.meter--arc.meter--vertical .meter__minmax-container{display:inline-block;vertical-align:top;margin-left:12px;padding-top:12px;padding-bottom:12px}.meter--arc.meter--vertical.meter--small svg.meter__graphic{width:72px;height:96px}.meter--arc.meter--vertical.meter--small .meter__value{top:48px;margin-left:-12px}.meter--arc.meter--vertical.meter--small .meter__minmax-container{padding-top:0;padding-bottom:0}.meter--arc.meter--vertical.meter--large svg.meter__graphic{width:216px;height:288px}.meter--arc.meter--vertical.meter--large .meter__value{top:144px;margin-left:-48px}.meter--arc.meter--vertical.meter--minmax .meter__value{margin-left:-72px}.meter--arc.meter--vertical.meter--minmax.meter--small .meter__value{margin-left:-60px}.meter--arc.meter--vertical.meter--legend-right.meter--small .meter__value{min-width:78px}.meter--arc.meter--vertical.meter--legend-right .meter__value{min-width:120px}.meter--spiral .meter__value{position:absolute;top:0;right:0;white-space:normal;text-align:right}.meter--spiral .meter__value-value{display:block;font-size:24px;font-size:1.5rem;line-height:1;margin-bottom:6px}.meter--spiral .meter__value-units{font-size:20px;font-size:1.25rem;line-height:1.2;color:#777;margin-left:.2em}.meter--spiral .meter__value-label{display:block;font-size:14px;font-size:.875rem;line-height:16px}.meter--loading .meter__thresholds,.meter--loading .meter__value{display:none}.notification{font-size:19px;font-size:1.1875rem;line-height:24px}.notification__message{font-size:24px;font-size:1.5rem;line-height:24px}.notification__message+*{margin-top:24px}.notification__status{margin-right:24px;flex:0 0 auto}.notification--critical{background-color:#c8200d;color:#fff}.notification--critical .notification__status .status-icon__base{fill:#fff}.notification--critical .notification__status .status-icon__detail{stroke:#c8200d;fill:#c8200d}.notification--critical .notification__status.status-icon-unknown .status-icon__detail{stroke:#fff;fill:#fff}.notification--error{background-color:#c8200d;color:#fff}.notification--error .notification__status .status-icon__base{fill:#fff}.notification--error .notification__status .status-icon__detail{stroke:#c8200d;fill:#c8200d}.notification--error .notification__status.status-icon-unknown .status-icon__detail{stroke:#fff;fill:#fff}.notification--warning{background-color:#e57118;color:#fff}.notification--warning .notification__status .status-icon__base{fill:#fff}.notification--warning .notification__status .status-icon__detail{stroke:#e57118;fill:#e57118}.notification--warning .notification__status.status-icon-unknown .status-icon__detail{stroke:#fff;fill:#fff}.notification--ok{background-color:#2aac24;color:#fff}.notification--ok .notification__status .status-icon__base{fill:#fff}.notification--ok .notification__status .status-icon__detail{stroke:#2aac24;fill:#2aac24}.notification--ok .notification__status.status-icon-unknown .status-icon__detail{stroke:#fff;fill:#fff}.notification--unknown{background-color:#999;color:#fff}.notification--unknown .notification__status .status-icon__base{fill:#fff}.notification--unknown .notification__status .status-icon__detail{stroke:#999;fill:#999}.notification--unknown .notification__status.status-icon-unknown .status-icon__detail{stroke:#fff;fill:#fff}.notification--disabled{background-color:#999;color:#fff}.notification--disabled .notification__status .status-icon__base{fill:#fff}.notification--disabled .notification__status .status-icon__detail{stroke:#999;fill:#999}.notification--disabled .notification__status.status-icon-unknown .status-icon__detail{stroke:#fff;fill:#fff}.notifications-control__icon{width:48px;height:48px;vertical-align:middle}.notifications{position:fixed;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,50%,.6);z-index:4}.notifications__container{position:absolute;top:0;right:0;min-width:300px;padding:24px;padding-top:96px;background-color:#fff;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-bottom-left-radius:4px 4px 4px 4px}.notifications__icon{position:absolute;top:24px;right:84px;width:48px;height:48px;vertical-align:middle}.number-input__input{-moz-appearance:textfield}.number-input__input::-webkit-inner-spin-button,.number-input__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.object{overflow:auto}.object__container{padding:24px}.object ol,.object ul{margin:0;list-style-type:none}.object li{width:auto}.object__attribute{margin-bottom:12px}.object__attribute-name{display:block;color:#777;font-size:14px;font-size:.875rem;line-height:1.71429}.object__attribute-value{display:block;font-size:16px;font-size:1rem;line-height:1.5}.object__attribute-value ol,.object__attribute-value ul{margin-left:24px;padding-top:24px;padding-bottom:24px}.object__attribute--container>.object__attribute-name{font-weight:700}.object__attribute--unset .object__attribute-value{font-style:italic;color:#777}.object__attribute--array>.object__attribute-value>ol>li{border-top:1px solid #ccc}.object__attribute--array>.object__attribute-value>ol>li:last-child{border-bottom:1px solid #ccc}.object__attribute--array>.object__attribute-value>ol>li>ul{padding-top:0;padding-bottom:0}.paragraph--small{font-size:14px;font-size:.875rem;line-height:1.71429}.paragraph--small a{text-decoration:none}.paragraph--large{font-size:24px;font-size:1.5rem;line-height:28px}.paragraph--large a{color:#ff8300;font-weight:600}.radio-button{margin-right:24px;white-space:nowrap}.radio-button:not(.radio-button--disabled){cursor:pointer}.radio-button:hover:not(.radio-button--disabled) .radio-button__control{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button:hover:not(.radio-button--disabled) .radio-button__control{border-color:#fff}.radio-button:hover:not(.radio-button--disabled) .radio-button__input:checked+.radio-button__control{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button:hover:not(.radio-button--disabled) .radio-button__input:checked+.radio-button__control{border-color:#fff}.radio-button:hover:not(.radio-button--disabled) .radio-button__label{color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button:hover:not(.radio-button--disabled) .radio-button__label{color:#fff}.radio-button__input{opacity:0;position:absolute}.radio-button__input:checked+.radio-button__control{border-color:#ff8300}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button__input:checked+.radio-button__control{border-color:#fff}.radio-button__input:checked+.radio-button__control+.radio-button__label{color:#333}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button__input:checked+.radio-button__control+.radio-button__label{color:#fff}.radio-button__input:checked+.radio-button__control:after{content:"";display:block;position:absolute;top:5px;left:5px;width:10px;height:10px;background-color:#ff8300;border-radius:12px}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button__input:checked+.radio-button__control:after{background-color:#fff}.radio-button__input:focus+.radio-button__control{content:"";border-color:#ff4c00;box-shadow:0 0 1px 1px #ff4c00}.radio-button__control{position:relative;display:inline-block;width:24px;height:24px;margin-right:12px;vertical-align:middle;background-color:inherit;color:#d16b00;border:2px solid #999;border-radius:24px}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button__control{border-color:#dbdbdb}.radio-button__label{color:#777}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button__label{color:#dbdbdb}.radio-button--disabled .radio-button__control{opacity:.5}.search{display:inline-block}.search:focus{outline:none;margin:-1px;border:1px solid #ff4c00;box-shadow:0 0 1px 1px #ff4c00}.search--controlled{cursor:pointer}.search__input{margin-right:0}.header .search__input{font-size:inherit}.search__drop{font-size:20px;font-size:1.25rem;line-height:inherit}@media screen and (max-width:44.9375em){.search__drop{max-width:100%;width:100vw}}.search__drop--inline{margin-left:-1px}.search__drop--inline .search__drop-contents{display:block}.search__drop--controlled .search__drop-contents{display:inline-block}.search__drop input{margin-right:0;box-sizing:border-box;width:100%}@media screen and (max-width:44.9375em){.search__drop input{width:calc(100vw - 72px)}}.search__drop-control{vertical-align:top;height:48px}.search__drop .search__suggestion{padding:6px 24px;cursor:pointer}.search__drop .search__suggestion--active,.search__drop .search__suggestion:hover{background-color:rgba(0,0,0,.1)}.search__drop--large{line-height:96px}.search--inline{position:relative}.search--inline .search__input{width:100%;padding-right:47px;box-sizing:border-box}.search--inline .search__input:focus{padding-right:46px}.header .search--inline .search__input:not(:focus){border-color:transparent}.search--inline .control-icon-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none}.search--small{line-height:24px}.search--small .search__input{font-size:14px;font-size:.875rem;line-height:14px;padding:4px 13px;padding-right:23px}.search--small .search__input:focus{padding:3px 12px;padding-right:22px}.search--small .control-icon-search{height:12px;width:12px}.search--large{line-height:triple(24px)}.search--large .search__input{font-size:36px;font-size:2.25rem;line-height:48px;padding:-7px 35px;padding-right:47px}.search--large .control-icon-search{right:24px}.search-input{position:relative;display:inline-block}.search-input__input{width:100%;height:100%;display:block;padding-right:60px}.search-input__input:focus{padding-right:59px}.search-input__control{position:absolute;top:50%;transform:translateY(-50%);right:12px}.search-input__suggestions{border-top-left-radius:0;border-top-right-radius:0;margin:0;list-style-type:none}.search-input__suggestion{padding:6px 24px;cursor:pointer}.search-input__suggestion--active,.search-input__suggestion:hover{background-color:rgba(0,0,0,.1)}.search-input--active .search-input__input{border-bottom-left-radius:0;border-bottom-right-radius:0}section:not(.section){padding-top:24px;padding-bottom:24px}section:not(.section):first-of-type{margin-top:0;padding-top:0}.section>img,section>img{margin-top:24px;margin-bottom:24px;display:block;height:auto}@media screen and (max-width:44.9375em){.section>img,section>img{max-width:576px}}.section>iframe,section>iframe{width:100%;max-width:576px;height:400px}@media screen and (max-width:44.9375em){.section>iframe,section>iframe{height:250px}}@media screen and (max-width:44.9375em){.section>ol,.section>ul,section>ol,section>ul{margin-left:0;margin-bottom:24px}}.section>dl>dt,section>dl>dt{margin-top:24px;margin-bottom:6px;text-transform:uppercase}.section>dl>dt code,section>dl>dt code{text-transform:none;white-space:pre-wrap}.section>dl>dd,section>dl>dd{margin-left:0}@media screen and (max-width:44.9375em){.section>dl>dd,section>dl>dd{padding-right:24px}}.react-gravatar{width:48px;height:48px;border-radius:24px;border:2px solid transparent;overflow:hidden;cursor:pointer;transition:all .3s ease-in-out}.react-gravatar:hover{border-color:#ff8300}.session{position:fixed;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,50%,.6);z-index:4}.session__container{position:absolute;top:0;right:0;min-width:300px;padding:24px;padding-top:96px;background-color:#fff;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-bottom-left-radius:4px 4px 4px 4px}.session .react-gravatar{position:absolute;top:24px;right:24px}.session__actions{margin-top:24px;padding-top:24px;border-top:1px solid #ccc}.session a{cursor:pointer}.settings{position:relative;text-align:center}.settings__panels{display:inline-block}.settings__panel{vertical-align:top}.sidebar{min-height:100vh}@media screen and (max-width:44.9375em){.sidebar{max-width:100%;width:100vw}}@media screen and (min-width:45em){.sidebar{width:336px}}.sidebar--fixed{display:flex;flex-direction:column}.sidebar--fixed>*{flex:1;overflow:auto}.sidebar--fixed>.footer,.sidebar--fixed>.header{flex:0 0 auto}.sidebar--primary{background-color:#f5f5f5}@media screen and (min-width:45em){.sidebar--small{width:240px}}@media screen and (min-width:45em){.sidebar--large{width:480px}}.split{position:relative;overflow:visible}.split:after{position:absolute;left:0;content:' ';display:block;width:45em;height:0;z-index:-10}@media screen and (min-width:45em){.split{display:flex}.split--fixed>*{position:relative;height:100vh;overflow:auto;-ms-overflow-style:-ms-autohiding-scrollbar}.split--flex-right>:first-child:not(:last-child){flex:0 0 auto}.split--flex-right>:last-child{flex:1}.split--flex-left>.object,.split--flex-left>:last-child:not(:first-child){flex:0 0 auto}.split--flex-both>*,.split--flex-left>:first-child{flex:1}.split--separator>*{border-right:1px solid #000}.split--separator>:last-child{border-right:none}}@media screen and (max-width:44.9375em){.split--separator>*{border-bottom:1px solid #000}.split--separator>:last-child{border-bottom:none}}.skip-link-anchor{width:0;height:0;overflow:hidden}.tab{padding:12px}.tab a{text-decoration:none}.tab a:focus .tab__label{border-bottom:4px solid}.tab__label{cursor:pointer;padding-bottom:12px;font-weight:600;color:#777}.tab--active .tab__label{color:#000;border-bottom:4px solid #000}.tab:focus .tab__label,.tab:hover .tab__label{border-bottom:4px solid}.tabs{margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;list-style:none;border-bottom:1px solid #ccc}.tabs__content{padding:24px}@media screen and (max-width:44.9375em){.tabs__content{padding:24px 0}}.table table{width:100%}.table td,.table th{padding:11px 12px;vertical-align:top;text-align:left}.table td:first-child,.table th:first-child{padding-left:24px}.table td:last-child,.table th:last-child{padding-right:24px}.table th{font-weight:100;font-size:20px;font-size:1.25rem;line-height:1.2;border-bottom:1px solid #ccc}.table__mirror{position:absolute;top:0;left:0;right:0}.table__mirror>thead{position:fixed;background-color:hsla(0,0%,100%,.9)}@media screen and (max-width:44.9375em){.table__mirror>thead{position:static}}.table__more{margin-top:24px;text-align:center}.table--scrollable{position:relative}.table--selectable tbody tr{cursor:pointer}.table--selectable tbody tr td{transition:background-color .2s}.table--selectable tbody tr.table-row--selected td{background-color:#fff;color:#333}[class*=background-color-index-]:not([class*=background-color-index-light]) .table--selectable tbody tr.table-row--selected td{background-color:rgba(0,0,0,.2);color:#fff}.table--selectable tbody tr:hover:not(.table-row--selected) td{background-color:rgba(0,0,0,.1);color:#000}.tbd,[class*=background-color-index-]:not([class*=background-color-index-light]) .table--selectable tbody tr:hover:not(.table-row--selected) td{color:#fff}.tbd{text-align:center;padding:96px;font-size:96px;font-size:6rem;line-height:1;font-style:italic;background-color:#ccc}.tiles{width:100%;padding:12px}@media screen and (min-width:45em){.tiles.box--direction-row>.tile{flex:0 0 192px;margin:12px}.tiles.box--direction-row>.tile>*{box-sizing:border-box}.tiles.box--direction-row>.tile--wide{flex-basis:calc(100% - 24px);box-sizing:border-box}}.tiles__container{display:flex;flex-direction:row;align-items:center;width:100%}.tiles__container .tiles__left,.tiles__container .tiles__right{flex:0 0 auto}.tiles__container .tiles{flex:1;margin:0}.tiles__container .tiles.box--direction-row{width:100%;overflow:hidden}.tiles--fill.box--wrap{justify-content:space-around}.tiles--fill.box--wrap>.tile{flex-grow:1}.tiles--flush{padding:0}.tiles--flush>.tile{margin:0}.tiles--flush>.tile--wide{flex-basis:100%}.tiles--moreable{position:relative;padding-bottom:48px}.tiles--moreable .tiles__more{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tiles--selectable .tile{cursor:pointer;transition:background-color .2s}.tiles--selectable .tile--selected{background-color:#fff;color:#333}.tiles--selectable .tile:hover:not(.tile--selected){background-color:rgba(0,0,0,.1);color:#000}.tiles--small>.tile{flex-basis:96px}@media screen and (min-width:45em){.tiles--large>.tile{flex-basis:384px}}@media screen and (max-width:44.9375em){.tiles--large>.tile{flex-basis:100%}}.tile{overflow:hidden}.tile .status-icon{margin-right:6px}.tile>.chart{width:100%}.tile--selectable{cursor:pointer;transition:background-color .2s}.tile--selectable.tile--selected{background-color:#fff;color:#333}.tile--selectable:hover:not(.tile--selected){background-color:rgba(0,0,0,.1);color:#000}.tile--eclipsed{opacity:.2}.title{max-height:100%;overflow:hidden;text-overflow:ellipsis;font-weight:400;white-space:nowrap;font-size:24px;font-size:1.5rem;line-height:inherit}@media screen and (min-width:45em){.title{font-weight:600}}.title>:not(:last-child){margin-right:12px}.title a{color:inherit}.title a,.title a:hover{text-decoration:none}[class*=background-color-index-] .title a:hover{text-decoration:underline}.title img,.title svg{max-width:576px}.title img:not(:last-child),.title svg:not(:last-child){margin-right:12px}.title--interactive{cursor:pointer}@media screen and (min-width:45em){.title--interactive{transition:color .3s ease-in-out}}.title--interactive:hover{color:#ff8300;cursor:pointer}[class*=background-color-index-]:not([class*=background-color-index-light]) .title--interactive:hover{color:#fff}@media screen and (max-width:44.9375em){.title--responsive img,.title--responsive svg{margin-right:0}.title--responsive>:not(:first-child){display:none}}.topology{position:relative}@media screen and (max-width:44.9375em){.topology__contents>.topology__parts{flex-direction:column}}@media screen and (min-width:45em){.topology__contents>.topology__parts--direction-row>.topology__part{margin-right:48px}.topology__contents>.topology__parts--direction-row>.topology__part:last-child{margin-right:0}}@media screen and (max-width:44.9375em){.topology__contents>.topology__parts--direction-row>.topology__part{margin-bottom:48px}.topology__contents>.topology__parts--direction-row>.topology__part:last-child{margin-bottom:0}}.topology__contents>.topology__parts--direction-column>.topology__part{margin-bottom:48px}.topology__contents>.topology__parts--direction-column>.topology__part:last-child{margin-bottom:0}.topology__canvas{position:absolute;pointer-events:none}.topology__parts{display:flex;align-items:stretch}.topology__parts--direction-row{flex-direction:row;flex-grow:1}.topology__parts--direction-column{flex-direction:column;flex-grow:1}.topology__parts--align-start{align-items:flex-start}.topology__parts--align-center{align-items:center}.topology__parts--align-end{align-items:flex-end}.topology__part,.topology__parts--align-stretch{align-items:stretch}.topology__part{display:flex;justify-content:center;overflow:hidden}.topology__part>.topology__parts .topology__part{flex:1}.topology__part--demarcate{border:1px solid #ccc}.topology__part--demarcate.topology__part--empty{background-color:#f5f5f5;min-width:24px;min-height:24px}.topology__part--justify-start{justify-content:flex-start}.topology__part--justify-center{justify-content:center}.topology__part--justify-between{justify-content:space-between}.topology__part--justify-end{justify-content:flex-end}.topology__part--align-start{align-items:flex-start}.topology__part--align-center{align-items:center}.topology__part--align-end{align-items:flex-end}.topology__part--align-stretch{align-items:stretch}.topology__part--direction-row{flex-direction:row}.topology__part--direction-row.topology__part--reverse{flex-direction:row-reverse}.topology__part--direction-row>:not(.topology__parts):not(.topology__part){margin:6px}.topology__part--direction-column{flex-direction:column}.topology__part--direction-column.topology__part--reverse{flex-direction:column-reverse}.topology__part--direction-column>:not(.topology__parts):not(.topology__part){margin:6px}.topology__label{font-size:14px;margin-left:12px;margin-right:12px}.topology .status-icon{position:relative;z-index:1}.video{position:relative;height:auto}@media screen and (max-width:44.9375em){.video{max-width:100%;width:100vw}}@media screen and (min-width:45em){.video--small{width:240px}.video--small .video__control.button--primary{width:48px;height:48px;border-radius:24px}.video--large{width:960px}}.video--full,.video video{width:100%}.video__summary{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;text-align:left;padding:24px;background-color:rgba(45,48,52,.7);color:#dbdbdb;border-radius:4px 4px 4px 4px}.video__control.button--primary{flex:0 0 auto;width:96px;height:96px;border-radius:48px;background-color:rgba(255,131,0,.7)}.video__control.button--primary:hover{background-color:#ff8300}.video__title{margin-left:24px}.video__timeline{position:absolute;left:0;right:0;bottom:0;height:72px;color:#dbdbdb;background-color:rgba(45,48,52,.7)}.video__timeline-chapter{position:absolute;height:100%;padding-left:6px;border-left:2px solid #dbdbdb;text-align:left;cursor:pointer}.video__timeline-chapter:hover{color:#fff;border-color:#fff}.video__timeline-chapter time{display:block;font-size:14px;font-size:.875rem;line-height:24px}.video__progress{position:absolute;left:0;right:0;bottom:0;height:6px;text-align:left}.video__progress-meter{height:100%;background-color:#ff8300}.video--playing:not(.video--interacting) .video__progress,.video--playing:not(.video--interacting) .video__summary,.video--playing:not(.video--interacting) .video__timeline{opacity:0;transition:opacity 1s}.clearfix:after{content:"";display:table;clear:both} \ No newline at end of file diff --git a/css/grommet-hpe.css b/css/grommet-hpe.css index 04983a8..070b9ad 100644 --- a/css/grommet-hpe.css +++ b/css/grommet-hpe.css @@ -1533,7 +1533,7 @@ button:not(.button) { .chart__values-line.color-index-unknown { stroke: #CCCCCC; } .chart__values-line.color-index-disabled { - stroke: #EDEDED; } + stroke: #CCCCCC; } .chart__values-line.color-index-graph-1, .chart__values-line.color-index-graph-5 { stroke: #617c91; } .chart__values-line.color-index-graph-2, .chart__values-line.color-index-graph-6 { @@ -1565,7 +1565,7 @@ button:not(.button) { .chart__values-bar.color-index-unknown, .chart__values-area.color-index-unknown { fill: rgba(204, 204, 204, 0.7); } .chart__values-bar.color-index-disabled, .chart__values-area.color-index-disabled { - fill: rgba(237, 237, 237, 0.7); } + fill: rgba(204, 204, 204, 0.7); } .chart__values-bar.color-index-graph-1, .chart__values-bar.color-index-graph-5, .chart__values-area.color-index-graph-1, .chart__values-area.color-index-graph-5 { fill: rgba(97, 124, 145, 0.7); } .chart__values-bar.color-index-graph-2, .chart__values-bar.color-index-graph-6, .chart__values-area.color-index-graph-2, .chart__values-area.color-index-graph-6 { @@ -1589,7 +1589,7 @@ button:not(.button) { .chart__values-bar--active.color-index-unknown, .chart__values-area--active.color-index-unknown { fill: #CCCCCC; } .chart__values-bar--active.color-index-disabled, .chart__values-area--active.color-index-disabled { - fill: #EDEDED; } + fill: #CCCCCC; } .chart__values-bar--active.color-index-graph-1, .chart__values-bar--active.color-index-graph-5, .chart__values-area--active.color-index-graph-1, .chart__values-area--active.color-index-graph-5 { fill: #617c91; } .chart__values-bar--active.color-index-graph-2, .chart__values-bar--active.color-index-graph-6, .chart__values-area--active.color-index-graph-2, .chart__values-area--active.color-index-graph-6 { @@ -1628,7 +1628,7 @@ button:not(.button) { .chart__values-point.color-index-unknown { stroke: #CCCCCC; } .chart__values-point.color-index-disabled { - stroke: #EDEDED; } + stroke: #CCCCCC; } .chart__values-point.color-index-graph-1, .chart__values-point.color-index-graph-5 { stroke: #617c91; } .chart__values-point.color-index-graph-2, .chart__values-point.color-index-graph-6 { @@ -1670,7 +1670,7 @@ button:not(.button) { .chart__values--loading.color-index-unknown { stroke: #CCCCCC; } .chart__values--loading.color-index-disabled { - stroke: #EDEDED; } + stroke: #CCCCCC; } .chart__values--loading.color-index-graph-1, .chart__values--loading.color-index-graph-5 { stroke: #617c91; } .chart__values--loading.color-index-graph-2, .chart__values--loading.color-index-graph-6 { @@ -1706,7 +1706,7 @@ button:not(.button) { .chart__yaxis .chart__bar.color-index-unknown { fill: rgba(204, 204, 204, 0.5); } .chart__yaxis .chart__bar.color-index-disabled { - fill: rgba(237, 237, 237, 0.5); } + fill: rgba(204, 204, 204, 0.5); } .chart__yaxis .chart__bar.color-index-graph-1, .chart__yaxis .chart__bar.color-index-graph-5 { fill: rgba(97, 124, 145, 0.5); } .chart__yaxis .chart__bar.color-index-graph-2, .chart__yaxis .chart__bar.color-index-graph-6 { @@ -1744,7 +1744,7 @@ button:not(.button) { .chart__cursor-point.color-index-unknown { fill: #CCCCCC; } .chart__cursor-point.color-index-disabled { - fill: #EDEDED; } + fill: #CCCCCC; } .chart__cursor-point.color-index-graph-1, .chart__cursor-point.color-index-graph-5 { fill: #617c91; } .chart__cursor-point.color-index-graph-2, .chart__cursor-point.color-index-graph-6 { @@ -1814,12 +1814,12 @@ button:not(.button) { stop-color: #CCCCCC; stop-opacity: 0; } .chart--area .chart__gradient.color-index-disabled .begin, .chart--bar .chart__gradient.color-index-disabled .begin { - stop-color: #EDEDED; } + stop-color: #CCCCCC; } .chart--area .chart__gradient.color-index-disabled .mid, .chart--bar .chart__gradient.color-index-disabled .mid { - stop-color: #EDEDED; + stop-color: #CCCCCC; stop-opacity: 0.5; } .chart--area .chart__gradient.color-index-disabled .end, .chart--bar .chart__gradient.color-index-disabled .end { - stop-color: #EDEDED; + stop-color: #CCCCCC; stop-opacity: 0; } .chart--area .chart__gradient.color-index-graph-1 .begin, .chart--area .chart__gradient.color-index-graph-5 .begin, .chart--bar .chart__gradient.color-index-graph-1 .begin, .chart--bar .chart__gradient.color-index-graph-5 .begin { stop-color: #617c91; } @@ -1878,7 +1878,7 @@ button:not(.button) { .chart--sparkline .chart__values-bar.color-index-unknown, .chart--sparkline .chart__values-area.color-index-unknown { fill: #CCCCCC; } .chart--sparkline .chart__values-bar.color-index-disabled, .chart--sparkline .chart__values-area.color-index-disabled { - fill: #EDEDED; } + fill: #CCCCCC; } .chart--sparkline .chart__values-bar.color-index-graph-1, .chart--sparkline .chart__values-bar.color-index-graph-5, .chart--sparkline .chart__values-area.color-index-graph-1, .chart--sparkline .chart__values-area.color-index-graph-5 { fill: #617c91; } .chart--sparkline .chart__values-bar.color-index-graph-2, .chart--sparkline .chart__values-bar.color-index-graph-6, .chart--sparkline .chart__values-area.color-index-graph-2, .chart--sparkline .chart__values-area.color-index-graph-6 { @@ -2142,79 +2142,79 @@ button:not(.button) { width: 100%; height: 192px; max-height: calc(100vh - 144px); } - .distribution__box { + .distribution__item--clickable { cursor: pointer; } - .distribution__box.color-index-unset { - fill: #ddd; } - .distribution__box.color-index-brand { - fill: #01a982; } - .distribution__box.color-index-critical { - fill: #F04953; } - .distribution__box.color-index-error { - fill: #F04953; } - .distribution__box.color-index-warning { - fill: #FFD144; } - .distribution__box.color-index-ok { - fill: #01a982; } - .distribution__box.color-index-unknown { - fill: #CCCCCC; } - .distribution__box.color-index-disabled { - fill: #EDEDED; } - .distribution__box.color-index-graph-1, .distribution__box.color-index-graph-5 { - fill: #617c91; } - .distribution__box.color-index-graph-2, .distribution__box.color-index-graph-6 { - fill: #94aba8; } - .distribution__box.color-index-graph-3, .distribution__box.color-index-graph-7 { - fill: #998e88; } - .distribution__box.color-index-graph-4, .distribution__box.color-index-graph-8 { - fill: #8c6694; } - .distribution__box.color-index-grey-1, .distribution__box.color-index-grey-5 { - fill: #333333; } - .distribution__box.color-index-grey-2, .distribution__box.color-index-grey-6 { - fill: #3B3B3B; } - .distribution__box.color-index-grey-3, .distribution__box.color-index-grey-7 { - fill: #434343; } - .distribution__box.color-index-grey-4, .distribution__box.color-index-grey-8 { - fill: #666666; } - .distribution__icons.color-index-loading { + .distribution__item-box.color-index-unset { + fill: #ddd; } + .distribution__item-box.color-index-brand { + fill: #01a982; } + .distribution__item-box.color-index-critical { + fill: #F04953; } + .distribution__item-box.color-index-error { + fill: #F04953; } + .distribution__item-box.color-index-warning { + fill: #FFD144; } + .distribution__item-box.color-index-ok { + fill: #01a982; } + .distribution__item-box.color-index-unknown { + fill: #CCCCCC; } + .distribution__item-box.color-index-disabled { + fill: #CCCCCC; } + .distribution__item-box.color-index-graph-1, .distribution__item-box.color-index-graph-5 { + fill: #617c91; } + .distribution__item-box.color-index-graph-2, .distribution__item-box.color-index-graph-6 { + fill: #94aba8; } + .distribution__item-box.color-index-graph-3, .distribution__item-box.color-index-graph-7 { + fill: #998e88; } + .distribution__item-box.color-index-graph-4, .distribution__item-box.color-index-graph-8 { + fill: #8c6694; } + .distribution__item-box.color-index-grey-1, .distribution__item-box.color-index-grey-5 { + fill: #333333; } + .distribution__item-box.color-index-grey-2, .distribution__item-box.color-index-grey-6 { + fill: #3B3B3B; } + .distribution__item-box.color-index-grey-3, .distribution__item-box.color-index-grey-7 { + fill: #434343; } + .distribution__item-box.color-index-grey-4, .distribution__item-box.color-index-grey-8 { + fill: #666666; } + .distribution__item-icons.color-index-loading { stroke: #ddd; stroke-dasharray: 1px 10px; stroke-dashoffset: 0; } - .distribution__icons.color-index-unset { + .distribution__item-icons.color-index-unset { stroke: #ddd; } - .distribution__icons.color-index-brand { + .distribution__item-icons.color-index-brand { stroke: #01a982; } - .distribution__icons.color-index-critical { + .distribution__item-icons.color-index-critical { stroke: #F04953; } - .distribution__icons.color-index-error { + .distribution__item-icons.color-index-error { stroke: #F04953; } - .distribution__icons.color-index-warning { + .distribution__item-icons.color-index-warning { stroke: #FFD144; } - .distribution__icons.color-index-ok { + .distribution__item-icons.color-index-ok { stroke: #01a982; } - .distribution__icons.color-index-unknown { + .distribution__item-icons.color-index-unknown { stroke: #CCCCCC; } - .distribution__icons.color-index-disabled { - stroke: #EDEDED; } - .distribution__icons.color-index-graph-1, .distribution__icons.color-index-graph-5 { + .distribution__item-icons.color-index-disabled { + stroke: #CCCCCC; } + .distribution__item-icons.color-index-graph-1, .distribution__item-icons.color-index-graph-5 { stroke: #617c91; } - .distribution__icons.color-index-graph-2, .distribution__icons.color-index-graph-6 { + .distribution__item-icons.color-index-graph-2, .distribution__item-icons.color-index-graph-6 { stroke: #94aba8; } - .distribution__icons.color-index-graph-3, .distribution__icons.color-index-graph-7 { + .distribution__item-icons.color-index-graph-3, .distribution__item-icons.color-index-graph-7 { stroke: #998e88; } - .distribution__icons.color-index-graph-4, .distribution__icons.color-index-graph-8 { + .distribution__item-icons.color-index-graph-4, .distribution__item-icons.color-index-graph-8 { stroke: #8c6694; } - .distribution__icons.color-index-grey-1, .distribution__icons.color-index-grey-5 { + .distribution__item-icons.color-index-grey-1, .distribution__item-icons.color-index-grey-5 { stroke: #333333; } - .distribution__icons.color-index-grey-2, .distribution__icons.color-index-grey-6 { + .distribution__item-icons.color-index-grey-2, .distribution__item-icons.color-index-grey-6 { stroke: #3B3B3B; } - .distribution__icons.color-index-grey-3, .distribution__icons.color-index-grey-7 { + .distribution__item-icons.color-index-grey-3, .distribution__item-icons.color-index-grey-7 { stroke: #434343; } - .distribution__icons.color-index-grey-4, .distribution__icons.color-index-grey-8 { + .distribution__item-icons.color-index-grey-4, .distribution__item-icons.color-index-grey-8 { stroke: #666666; } - .distribution__icons.color-index-light-1, .distribution__icons.color-index-light-3 { + .distribution__item-icons.color-index-light-1, .distribution__item-icons.color-index-light-3 { stroke: #ffffff; } - .distribution__icons.color-index-light-2, .distribution__icons.color-index-light-4 { + .distribution__item-icons.color-index-light-2, .distribution__item-icons.color-index-light-4 { stroke: #f5f5f5; } .distribution__label { position: absolute; @@ -2238,12 +2238,8 @@ button:not(.button) { font-weight: normal; } .distribution__label-label { display: block; } - .distribution__label--small { - padding: 12px; } - .distribution__label--small .distribution__label-value { - font-size: 20px; - font-size: 1.25rem; - line-height: 1.2; } + .distribution__label--active { + color: #333; } .distribution__label--thin .distribution__label-value, .distribution__label--thin .distribution__label-label { display: inline-block; } @@ -2275,7 +2271,7 @@ button:not(.button) { .distribution__loading-indicator.color-index-unknown { stroke: #CCCCCC; } .distribution__loading-indicator.color-index-disabled { - stroke: #EDEDED; } + stroke: #CCCCCC; } .distribution__loading-indicator.color-index-graph-1, .distribution__loading-indicator.color-index-graph-5 { stroke: #617c91; } .distribution__loading-indicator.color-index-graph-2, .distribution__loading-indicator.color-index-graph-6 { @@ -2300,6 +2296,13 @@ button:not(.button) { padding: 0 12px 12px 0; } .distribution--icons .distribution__label-value { line-height: 1; } + .distribution--small-label .distribution__label { + padding-top: 0px; + padding-left: 6px; } + .distribution--small-label .distribution__label-value { + font-size: 20px; + font-size: 1.25rem; + line-height: 1.2; } .distribution--small .distribution__graphic { height: 96px; } .distribution--large .distribution__graphic { @@ -2365,7 +2368,7 @@ button:not(.button) { .donut__slice.color-index-unknown { stroke: #CCCCCC; } .donut__slice.color-index-disabled { - stroke: #EDEDED; } + stroke: #CCCCCC; } .donut__slice.color-index-graph-1, .donut__slice.color-index-graph-5 { stroke: #617c91; } .donut__slice.color-index-graph-2, .donut__slice.color-index-graph-6 { @@ -2405,7 +2408,7 @@ button:not(.button) { .donut__slice-indicator.color-index-unknown { fill: #CCCCCC; } .donut__slice-indicator.color-index-disabled { - fill: #EDEDED; } + fill: #CCCCCC; } .donut__slice-indicator.color-index-graph-1, .donut__slice-indicator.color-index-graph-5 { fill: #617c91; } .donut__slice-indicator.color-index-graph-2, .donut__slice-indicator.color-index-graph-6 { @@ -2884,6 +2887,12 @@ header.header { right: 0px; } header.header--primary .header__wrapper { border-bottom: none; } + header.header h1, + header.header h2, + header.header h3, + header.header h4, + header.header h5 { + margin-bottom: 0; } header.header.header--splash { -webkit-transform: translate(0, 40vh); transform: translate(0, 40vh); } @@ -2979,7 +2988,8 @@ div.header--flush .header__wrapper { vertical-align: middle; cursor: pointer; fill: #999; - stroke: #999; } + stroke: #999; + flex: 0 0 auto; } .control-icon *:not([stroke])[fill="none"] { stroke-width: 0; } .control-icon *[stroke] { @@ -3005,7 +3015,7 @@ div.header--flush .header__wrapper { .control-icon.color-index-unknown { stroke: #CCCCCC; } .control-icon.color-index-disabled { - stroke: #EDEDED; } + stroke: #CCCCCC; } .control-icon.color-index-graph-1, .control-icon.color-index-graph-5 { stroke: #617c91; } .control-icon.color-index-graph-2, .control-icon.color-index-graph-6 { @@ -3041,7 +3051,7 @@ div.header--flush .header__wrapper { .control-icon.color-index-unknown { fill: #CCCCCC; } .control-icon.color-index-disabled { - fill: #EDEDED; } + fill: #CCCCCC; } .control-icon.color-index-graph-1, .control-icon.color-index-graph-5 { fill: #617c91; } .control-icon.color-index-graph-2, .control-icon.color-index-graph-6 { @@ -3093,7 +3103,8 @@ div.header--flush .header__wrapper { .status-icon { width: 24px; height: 24px; - vertical-align: middle; } + vertical-align: middle; + flex: 0 0 auto; } .status-icon .status-icon__base { fill: #CCCCCC; } .status-icon-critical .status-icon__base { @@ -3107,7 +3118,7 @@ div.header--flush .header__wrapper { .status-icon-unknown .status-icon__base { fill: #CCCCCC; } .status-icon-disabled .status-icon__base { - fill: #EDEDED; } + fill: #CCCCCC; } .status-icon-label .status-icon__base { fill: #CCCCCC; } .status-icon__detail { @@ -3177,7 +3188,7 @@ div.header--flush .header__wrapper { .logo-icon.color-index-unknown { stroke: #CCCCCC; } .logo-icon.color-index-disabled { - stroke: #EDEDED; } + stroke: #CCCCCC; } .logo-icon.color-index-graph-1, .logo-icon.color-index-graph-5 { stroke: #617c91; } .logo-icon.color-index-graph-2, .logo-icon.color-index-graph-6 { @@ -3406,16 +3417,7 @@ a.active > .label .label__icon.control-icon svg { color: #777; font-style: italic; } .list .list-item { - padding-left: 24px; - padding-right: 24px; - padding-top: 12px; - padding-bottom: 12px; - border-bottom: 1px solid #ccc; - display: flex; - align-items: center; max-width: none; } - .list .list-item:last-child { - border-bottom: none; } .list .list-item__image { height: 24px; width: 24px; @@ -3441,9 +3443,6 @@ a.active > .label .label__icon.control-icon svg { color: #333; } .list .list-item--row .list-item__annotation { text-align: right; } - .list .list-item--column { - flex-direction: column; - align-items: start; } .list--selectable .list-item { cursor: pointer; transition: background-color 0.2s; } @@ -3453,22 +3452,14 @@ a.active > .label .label__icon.control-icon svg { .list--selectable .list-item:hover:not(.list-item--selected) { background-color: rgba(0, 0, 0, 0.1); color: #000; } - .list--small .list-item, - .list--small .list__more { - padding-top: 6px; - padding-bottom: 6px; } - .list--small .list-item__image, - .list--small .list__more__image { - height: 12px; - width: 12px; } - .list--large .list-item, - .list--large .list__more { - padding-top: 24px; - padding-bottom: 24px; } - .list--large .list-item__image, - .list--large .list__more__image { - height: 48px; - width: 48px; } + .list--small .list-item__image, + .list--small .list__more__image { + height: 12px; + width: 12px; } + .list--large .list-item__image, + .list--large .list__more__image { + height: 48px; + width: 48px; } .legend { text-align: left; @@ -3490,63 +3481,63 @@ a.active > .label .label__icon.control-icon svg { .legend__item-units, .legend__total-units { display: inline-block; margin-left: 6px; } - .legend__item { + .legend__item--clickable { cursor: pointer; } - .legend__item svg.legend__item-swatch { - width: 12px; - height: 12px; - margin-top: 6px; - margin-right: 12px; - overflow: visible; } - .legend__item svg.legend__item-swatch.color-index-loading { - stroke: #ddd; - stroke-dasharray: 1px 10px; - stroke-dashoffset: 0; } - .legend__item svg.legend__item-swatch.color-index-unset { - stroke: #ddd; } - .legend__item svg.legend__item-swatch.color-index-brand { - stroke: #01a982; } - .legend__item svg.legend__item-swatch.color-index-critical { - stroke: #F04953; } - .legend__item svg.legend__item-swatch.color-index-error { - stroke: #F04953; } - .legend__item svg.legend__item-swatch.color-index-warning { - stroke: #FFD144; } - .legend__item svg.legend__item-swatch.color-index-ok { - stroke: #01a982; } - .legend__item svg.legend__item-swatch.color-index-unknown { - stroke: #CCCCCC; } - .legend__item svg.legend__item-swatch.color-index-disabled { - stroke: #EDEDED; } - .legend__item svg.legend__item-swatch.color-index-graph-1, .legend__item svg.legend__item-swatch.color-index-graph-5 { - stroke: #617c91; } - .legend__item svg.legend__item-swatch.color-index-graph-2, .legend__item svg.legend__item-swatch.color-index-graph-6 { - stroke: #94aba8; } - .legend__item svg.legend__item-swatch.color-index-graph-3, .legend__item svg.legend__item-swatch.color-index-graph-7 { - stroke: #998e88; } - .legend__item svg.legend__item-swatch.color-index-graph-4, .legend__item svg.legend__item-swatch.color-index-graph-8 { - stroke: #8c6694; } - .legend__item svg.legend__item-swatch.color-index-grey-1, .legend__item svg.legend__item-swatch.color-index-grey-5 { - stroke: #333333; } - .legend__item svg.legend__item-swatch.color-index-grey-2, .legend__item svg.legend__item-swatch.color-index-grey-6 { - stroke: #3B3B3B; } - .legend__item svg.legend__item-swatch.color-index-grey-3, .legend__item svg.legend__item-swatch.color-index-grey-7 { - stroke: #434343; } - .legend__item svg.legend__item-swatch.color-index-grey-4, .legend__item svg.legend__item-swatch.color-index-grey-8 { - stroke: #666666; } - .legend__item svg.legend__item-swatch.color-index-light-1, .legend__item svg.legend__item-swatch.color-index-light-3 { - stroke: #ffffff; } - .legend__item svg.legend__item-swatch.color-index-light-2, .legend__item svg.legend__item-swatch.color-index-light-4 { - stroke: #f5f5f5; } - .legend__item svg.legend__item-swatch path { - stroke-width: 12px; - transition-property: stroke-width; - transition-duration: 0.3s; - transition-timing-function: ease-in-out; } - .legend__item--active { - color: #333; } - .legend__item--active svg.legend__item-swatch path { - stroke-width: 12px; } + .legend__item svg.legend__item-swatch { + width: 12px; + height: 12px; + margin-top: 6px; + margin-right: 12px; + overflow: visible; } + .legend__item svg.legend__item-swatch.color-index-loading { + stroke: #ddd; + stroke-dasharray: 1px 10px; + stroke-dashoffset: 0; } + .legend__item svg.legend__item-swatch.color-index-unset { + stroke: #ddd; } + .legend__item svg.legend__item-swatch.color-index-brand { + stroke: #01a982; } + .legend__item svg.legend__item-swatch.color-index-critical { + stroke: #F04953; } + .legend__item svg.legend__item-swatch.color-index-error { + stroke: #F04953; } + .legend__item svg.legend__item-swatch.color-index-warning { + stroke: #FFD144; } + .legend__item svg.legend__item-swatch.color-index-ok { + stroke: #01a982; } + .legend__item svg.legend__item-swatch.color-index-unknown { + stroke: #CCCCCC; } + .legend__item svg.legend__item-swatch.color-index-disabled { + stroke: #CCCCCC; } + .legend__item svg.legend__item-swatch.color-index-graph-1, .legend__item svg.legend__item-swatch.color-index-graph-5 { + stroke: #617c91; } + .legend__item svg.legend__item-swatch.color-index-graph-2, .legend__item svg.legend__item-swatch.color-index-graph-6 { + stroke: #94aba8; } + .legend__item svg.legend__item-swatch.color-index-graph-3, .legend__item svg.legend__item-swatch.color-index-graph-7 { + stroke: #998e88; } + .legend__item svg.legend__item-swatch.color-index-graph-4, .legend__item svg.legend__item-swatch.color-index-graph-8 { + stroke: #8c6694; } + .legend__item svg.legend__item-swatch.color-index-grey-1, .legend__item svg.legend__item-swatch.color-index-grey-5 { + stroke: #333333; } + .legend__item svg.legend__item-swatch.color-index-grey-2, .legend__item svg.legend__item-swatch.color-index-grey-6 { + stroke: #3B3B3B; } + .legend__item svg.legend__item-swatch.color-index-grey-3, .legend__item svg.legend__item-swatch.color-index-grey-7 { + stroke: #434343; } + .legend__item svg.legend__item-swatch.color-index-grey-4, .legend__item svg.legend__item-swatch.color-index-grey-8 { + stroke: #666666; } + .legend__item svg.legend__item-swatch.color-index-light-1, .legend__item svg.legend__item-swatch.color-index-light-3 { + stroke: #ffffff; } + .legend__item svg.legend__item-swatch.color-index-light-2, .legend__item svg.legend__item-swatch.color-index-light-4 { + stroke: #f5f5f5; } + .legend__item svg.legend__item-swatch path { + stroke-width: 12px; + transition-property: stroke-width; + transition-duration: 0.3s; + transition-timing-function: ease-in-out; } + .legend__item--active { + color: #333; } + .legend__item--active svg.legend__item-swatch path { + stroke-width: 12px; } .legend__total { margin-left: 24px; } .legend__total > * { @@ -3739,14 +3730,11 @@ a.active > .label .label__icon.control-icon svg { font-size: 1rem; line-height: inherit; max-height: 100vh; } - .menu__drop .anchor, - .menu__drop a { + .menu__drop .anchor { padding: 12px 24px; white-space: nowrap; display: block; } - .menu__drop .anchor:hover, .menu__drop .anchor:focus, - .menu__drop a:hover, - .menu__drop a:focus { + .menu__drop .anchor:hover, .menu__drop .anchor:focus { text-decoration: none; background-color: rgba(0, 0, 0, 0.1); } .menu__drop .check-box, @@ -4027,53 +4015,53 @@ a.active > .label .label__icon.control-icon svg { stroke-linecap: butt; stroke-dasharray: 192px 192px; stroke-dashoffset: 0; } - .meter--bar .meter__values .meter__slice { + .meter--bar .meter__values .meter__slice.color-index-loading { + stroke: #ddd; + stroke-dasharray: 1px 10px; + stroke-dashoffset: 0; } + .meter--bar .meter__values .meter__slice.color-index-unset { + stroke: #ddd; } + .meter--bar .meter__values .meter__slice.color-index-brand { + stroke: #01a982; } + .meter--bar .meter__values .meter__slice.color-index-critical { + stroke: #F04953; } + .meter--bar .meter__values .meter__slice.color-index-error { + stroke: #F04953; } + .meter--bar .meter__values .meter__slice.color-index-warning { + stroke: #FFD144; } + .meter--bar .meter__values .meter__slice.color-index-ok { + stroke: #01a982; } + .meter--bar .meter__values .meter__slice.color-index-unknown { + stroke: #CCCCCC; } + .meter--bar .meter__values .meter__slice.color-index-disabled { + stroke: #CCCCCC; } + .meter--bar .meter__values .meter__slice.color-index-graph-1, .meter--bar .meter__values .meter__slice.color-index-graph-5 { + stroke: #617c91; } + .meter--bar .meter__values .meter__slice.color-index-graph-2, .meter--bar .meter__values .meter__slice.color-index-graph-6 { + stroke: #94aba8; } + .meter--bar .meter__values .meter__slice.color-index-graph-3, .meter--bar .meter__values .meter__slice.color-index-graph-7 { + stroke: #998e88; } + .meter--bar .meter__values .meter__slice.color-index-graph-4, .meter--bar .meter__values .meter__slice.color-index-graph-8 { + stroke: #8c6694; } + .meter--bar .meter__values .meter__slice.color-index-grey-1, .meter--bar .meter__values .meter__slice.color-index-grey-5 { + stroke: #333333; } + .meter--bar .meter__values .meter__slice.color-index-grey-2, .meter--bar .meter__values .meter__slice.color-index-grey-6 { + stroke: #3B3B3B; } + .meter--bar .meter__values .meter__slice.color-index-grey-3, .meter--bar .meter__values .meter__slice.color-index-grey-7 { + stroke: #434343; } + .meter--bar .meter__values .meter__slice.color-index-grey-4, .meter--bar .meter__values .meter__slice.color-index-grey-8 { + stroke: #666666; } + .meter--bar .meter__values .meter__slice.color-index-light-1, .meter--bar .meter__values .meter__slice.color-index-light-3 { + stroke: #ffffff; } + .meter--bar .meter__values .meter__slice.color-index-light-2, .meter--bar .meter__values .meter__slice.color-index-light-4 { + stroke: #f5f5f5; } + .meter--bar .meter__values .meter__slice--clickable { cursor: pointer; } - .meter--bar .meter__values .meter__slice.color-index-loading { - stroke: #ddd; - stroke-dasharray: 1px 10px; - stroke-dashoffset: 0; } - .meter--bar .meter__values .meter__slice.color-index-unset { - stroke: #ddd; } - .meter--bar .meter__values .meter__slice.color-index-brand { - stroke: #01a982; } - .meter--bar .meter__values .meter__slice.color-index-critical { - stroke: #F04953; } - .meter--bar .meter__values .meter__slice.color-index-error { - stroke: #F04953; } - .meter--bar .meter__values .meter__slice.color-index-warning { - stroke: #FFD144; } - .meter--bar .meter__values .meter__slice.color-index-ok { - stroke: #01a982; } - .meter--bar .meter__values .meter__slice.color-index-unknown { - stroke: #CCCCCC; } - .meter--bar .meter__values .meter__slice.color-index-disabled { - stroke: #EDEDED; } - .meter--bar .meter__values .meter__slice.color-index-graph-1, .meter--bar .meter__values .meter__slice.color-index-graph-5 { - stroke: #617c91; } - .meter--bar .meter__values .meter__slice.color-index-graph-2, .meter--bar .meter__values .meter__slice.color-index-graph-6 { - stroke: #94aba8; } - .meter--bar .meter__values .meter__slice.color-index-graph-3, .meter--bar .meter__values .meter__slice.color-index-graph-7 { - stroke: #998e88; } - .meter--bar .meter__values .meter__slice.color-index-graph-4, .meter--bar .meter__values .meter__slice.color-index-graph-8 { - stroke: #8c6694; } - .meter--bar .meter__values .meter__slice.color-index-grey-1, .meter--bar .meter__values .meter__slice.color-index-grey-5 { - stroke: #333333; } - .meter--bar .meter__values .meter__slice.color-index-grey-2, .meter--bar .meter__values .meter__slice.color-index-grey-6 { - stroke: #3B3B3B; } - .meter--bar .meter__values .meter__slice.color-index-grey-3, .meter--bar .meter__values .meter__slice.color-index-grey-7 { - stroke: #434343; } - .meter--bar .meter__values .meter__slice.color-index-grey-4, .meter--bar .meter__values .meter__slice.color-index-grey-8 { - stroke: #666666; } - .meter--bar .meter__values .meter__slice.color-index-light-1, .meter--bar .meter__values .meter__slice.color-index-light-3 { - stroke: #ffffff; } - .meter--bar .meter__values .meter__slice.color-index-light-2, .meter--bar .meter__values .meter__slice.color-index-light-4 { - stroke: #f5f5f5; } - @media screen and (min-width: 45em) { - .meter--bar .meter__values .meter__slice { - transition: stroke-width 0.2s; - -webkit-animation: draw-meter 1.5s linear; - animation: draw-meter 1.5s linear; } } + @media screen and (min-width: 45em) { + .meter--bar .meter__values .meter__slice { + transition: stroke-width 0.2s; + -webkit-animation: draw-meter 1.5s linear; + animation: draw-meter 1.5s linear; } } .meter--bar .meter__thresholds .meter__slice.color-index-unset { stroke: rgba(221, 221, 221, 0.5); } .meter--bar .meter__thresholds .meter__slice.color-index-brand { @@ -4089,7 +4077,7 @@ a.active > .label .label__icon.control-icon svg { .meter--bar .meter__thresholds .meter__slice.color-index-unknown { stroke: rgba(204, 204, 204, 0.5); } .meter--bar .meter__thresholds .meter__slice.color-index-disabled { - stroke: rgba(237, 237, 237, 0.5); } + stroke: rgba(204, 204, 204, 0.5); } .meter--bar .meter__thresholds .meter__slice.color-index-graph-1, .meter--bar .meter__thresholds .meter__slice.color-index-graph-5 { stroke: rgba(97, 124, 145, 0.5); } .meter--bar .meter__thresholds .meter__slice.color-index-graph-2, .meter--bar .meter__thresholds .meter__slice.color-index-graph-6 { @@ -4125,10 +4113,14 @@ a.active > .label .label__icon.control-icon svg { .meter--bar:not(.meter--vertical).meter--single .meter__value-label, .meter--bar:not(.meter--vertical).meter--stacked .meter__value-label { display: inline-block; margin-left: 4px; } + .meter--bar:not(.meter--vertical).meter--single.meter--legend-right .meter__value, .meter--bar:not(.meter--vertical).meter--stacked.meter--legend-right .meter__value { + min-width: 84px; } .meter--bar:not(.meter--vertical).meter--legend-right .meter__legend { top: 0px; -webkit-transform: none; transform: none; } + .meter--bar:not(.meter--vertical).meter--legend-right .meter__value { + min-width: 48px; } .meter--bar:not(.meter--vertical).meter--small svg.meter__graphic { width: 96px; } .meter--bar:not(.meter--vertical).meter--small .meter__value-value, @@ -4136,6 +4128,10 @@ a.active > .label .label__icon.control-icon svg { font-size: 16px; font-size: 1rem; line-height: 1.5; } + .meter--bar:not(.meter--vertical).meter--small.meter--legend-right .meter__value { + min-width: 42px; } + .meter--bar:not(.meter--vertical).meter--small.meter--legend-right.meter--stacked .meter__value { + min-width: 72px; } .meter--bar:not(.meter--vertical).meter--large svg.meter__graphic { width: 288px; } .meter--bar:not(.meter--vertical).meter--large .meter__value { @@ -4163,12 +4159,16 @@ a.active > .label .label__icon.control-icon svg { left: 24px; } .meter--bar.meter--vertical.meter--legend-right .meter__legend { top: 96px; } + .meter--bar.meter--vertical.meter--legend-right .meter__value { + min-width: 60px; } .meter--bar.meter--vertical.meter--small svg.meter__graphic { height: 96px; } .meter--bar.meter--vertical.meter--small .meter__value { top: 48px; } .meter--bar.meter--vertical.meter--small.meter--legend-right .meter__legend { top: 48px; } + .meter--bar.meter--vertical.meter--small.meter--legend-right .meter__value { + min-width: 42px; } .meter--bar.meter--vertical.meter--large svg.meter__graphic { height: 288px; } .meter--bar.meter--vertical.meter--large .meter__value { @@ -4192,53 +4192,53 @@ a.active > .label .label__icon.control-icon svg { stroke-linecap: square; stroke-width: 4px; stroke: #000; } - .meter--circle .meter__values .meter__slice, .meter--arc .meter__values .meter__slice, .meter--spiral .meter__values .meter__slice { + .meter--circle .meter__values .meter__slice.color-index-loading, .meter--arc .meter__values .meter__slice.color-index-loading, .meter--spiral .meter__values .meter__slice.color-index-loading { + stroke: #ddd; + stroke-dasharray: 1px 10px; + stroke-dashoffset: 0; } + .meter--circle .meter__values .meter__slice.color-index-unset, .meter--arc .meter__values .meter__slice.color-index-unset, .meter--spiral .meter__values .meter__slice.color-index-unset { + stroke: #ddd; } + .meter--circle .meter__values .meter__slice.color-index-brand, .meter--arc .meter__values .meter__slice.color-index-brand, .meter--spiral .meter__values .meter__slice.color-index-brand { + stroke: #01a982; } + .meter--circle .meter__values .meter__slice.color-index-critical, .meter--arc .meter__values .meter__slice.color-index-critical, .meter--spiral .meter__values .meter__slice.color-index-critical { + stroke: #F04953; } + .meter--circle .meter__values .meter__slice.color-index-error, .meter--arc .meter__values .meter__slice.color-index-error, .meter--spiral .meter__values .meter__slice.color-index-error { + stroke: #F04953; } + .meter--circle .meter__values .meter__slice.color-index-warning, .meter--arc .meter__values .meter__slice.color-index-warning, .meter--spiral .meter__values .meter__slice.color-index-warning { + stroke: #FFD144; } + .meter--circle .meter__values .meter__slice.color-index-ok, .meter--arc .meter__values .meter__slice.color-index-ok, .meter--spiral .meter__values .meter__slice.color-index-ok { + stroke: #01a982; } + .meter--circle .meter__values .meter__slice.color-index-unknown, .meter--arc .meter__values .meter__slice.color-index-unknown, .meter--spiral .meter__values .meter__slice.color-index-unknown { + stroke: #CCCCCC; } + .meter--circle .meter__values .meter__slice.color-index-disabled, .meter--arc .meter__values .meter__slice.color-index-disabled, .meter--spiral .meter__values .meter__slice.color-index-disabled { + stroke: #CCCCCC; } + .meter--circle .meter__values .meter__slice.color-index-graph-1, .meter--circle .meter__values .meter__slice.color-index-graph-5, .meter--arc .meter__values .meter__slice.color-index-graph-1, .meter--arc .meter__values .meter__slice.color-index-graph-5, .meter--spiral .meter__values .meter__slice.color-index-graph-1, .meter--spiral .meter__values .meter__slice.color-index-graph-5 { + stroke: #617c91; } + .meter--circle .meter__values .meter__slice.color-index-graph-2, .meter--circle .meter__values .meter__slice.color-index-graph-6, .meter--arc .meter__values .meter__slice.color-index-graph-2, .meter--arc .meter__values .meter__slice.color-index-graph-6, .meter--spiral .meter__values .meter__slice.color-index-graph-2, .meter--spiral .meter__values .meter__slice.color-index-graph-6 { + stroke: #94aba8; } + .meter--circle .meter__values .meter__slice.color-index-graph-3, .meter--circle .meter__values .meter__slice.color-index-graph-7, .meter--arc .meter__values .meter__slice.color-index-graph-3, .meter--arc .meter__values .meter__slice.color-index-graph-7, .meter--spiral .meter__values .meter__slice.color-index-graph-3, .meter--spiral .meter__values .meter__slice.color-index-graph-7 { + stroke: #998e88; } + .meter--circle .meter__values .meter__slice.color-index-graph-4, .meter--circle .meter__values .meter__slice.color-index-graph-8, .meter--arc .meter__values .meter__slice.color-index-graph-4, .meter--arc .meter__values .meter__slice.color-index-graph-8, .meter--spiral .meter__values .meter__slice.color-index-graph-4, .meter--spiral .meter__values .meter__slice.color-index-graph-8 { + stroke: #8c6694; } + .meter--circle .meter__values .meter__slice.color-index-grey-1, .meter--circle .meter__values .meter__slice.color-index-grey-5, .meter--arc .meter__values .meter__slice.color-index-grey-1, .meter--arc .meter__values .meter__slice.color-index-grey-5, .meter--spiral .meter__values .meter__slice.color-index-grey-1, .meter--spiral .meter__values .meter__slice.color-index-grey-5 { + stroke: #333333; } + .meter--circle .meter__values .meter__slice.color-index-grey-2, .meter--circle .meter__values .meter__slice.color-index-grey-6, .meter--arc .meter__values .meter__slice.color-index-grey-2, .meter--arc .meter__values .meter__slice.color-index-grey-6, .meter--spiral .meter__values .meter__slice.color-index-grey-2, .meter--spiral .meter__values .meter__slice.color-index-grey-6 { + stroke: #3B3B3B; } + .meter--circle .meter__values .meter__slice.color-index-grey-3, .meter--circle .meter__values .meter__slice.color-index-grey-7, .meter--arc .meter__values .meter__slice.color-index-grey-3, .meter--arc .meter__values .meter__slice.color-index-grey-7, .meter--spiral .meter__values .meter__slice.color-index-grey-3, .meter--spiral .meter__values .meter__slice.color-index-grey-7 { + stroke: #434343; } + .meter--circle .meter__values .meter__slice.color-index-grey-4, .meter--circle .meter__values .meter__slice.color-index-grey-8, .meter--arc .meter__values .meter__slice.color-index-grey-4, .meter--arc .meter__values .meter__slice.color-index-grey-8, .meter--spiral .meter__values .meter__slice.color-index-grey-4, .meter--spiral .meter__values .meter__slice.color-index-grey-8 { + stroke: #666666; } + .meter--circle .meter__values .meter__slice.color-index-light-1, .meter--circle .meter__values .meter__slice.color-index-light-3, .meter--arc .meter__values .meter__slice.color-index-light-1, .meter--arc .meter__values .meter__slice.color-index-light-3, .meter--spiral .meter__values .meter__slice.color-index-light-1, .meter--spiral .meter__values .meter__slice.color-index-light-3 { + stroke: #ffffff; } + .meter--circle .meter__values .meter__slice.color-index-light-2, .meter--circle .meter__values .meter__slice.color-index-light-4, .meter--arc .meter__values .meter__slice.color-index-light-2, .meter--arc .meter__values .meter__slice.color-index-light-4, .meter--spiral .meter__values .meter__slice.color-index-light-2, .meter--spiral .meter__values .meter__slice.color-index-light-4 { + stroke: #f5f5f5; } + .meter--circle .meter__values .meter__slice--clickable, .meter--arc .meter__values .meter__slice--clickable, .meter--spiral .meter__values .meter__slice--clickable { cursor: pointer; } - .meter--circle .meter__values .meter__slice.color-index-loading, .meter--arc .meter__values .meter__slice.color-index-loading, .meter--spiral .meter__values .meter__slice.color-index-loading { - stroke: #ddd; - stroke-dasharray: 1px 10px; - stroke-dashoffset: 0; } - .meter--circle .meter__values .meter__slice.color-index-unset, .meter--arc .meter__values .meter__slice.color-index-unset, .meter--spiral .meter__values .meter__slice.color-index-unset { - stroke: #ddd; } - .meter--circle .meter__values .meter__slice.color-index-brand, .meter--arc .meter__values .meter__slice.color-index-brand, .meter--spiral .meter__values .meter__slice.color-index-brand { - stroke: #01a982; } - .meter--circle .meter__values .meter__slice.color-index-critical, .meter--arc .meter__values .meter__slice.color-index-critical, .meter--spiral .meter__values .meter__slice.color-index-critical { - stroke: #F04953; } - .meter--circle .meter__values .meter__slice.color-index-error, .meter--arc .meter__values .meter__slice.color-index-error, .meter--spiral .meter__values .meter__slice.color-index-error { - stroke: #F04953; } - .meter--circle .meter__values .meter__slice.color-index-warning, .meter--arc .meter__values .meter__slice.color-index-warning, .meter--spiral .meter__values .meter__slice.color-index-warning { - stroke: #FFD144; } - .meter--circle .meter__values .meter__slice.color-index-ok, .meter--arc .meter__values .meter__slice.color-index-ok, .meter--spiral .meter__values .meter__slice.color-index-ok { - stroke: #01a982; } - .meter--circle .meter__values .meter__slice.color-index-unknown, .meter--arc .meter__values .meter__slice.color-index-unknown, .meter--spiral .meter__values .meter__slice.color-index-unknown { - stroke: #CCCCCC; } - .meter--circle .meter__values .meter__slice.color-index-disabled, .meter--arc .meter__values .meter__slice.color-index-disabled, .meter--spiral .meter__values .meter__slice.color-index-disabled { - stroke: #EDEDED; } - .meter--circle .meter__values .meter__slice.color-index-graph-1, .meter--circle .meter__values .meter__slice.color-index-graph-5, .meter--arc .meter__values .meter__slice.color-index-graph-1, .meter--arc .meter__values .meter__slice.color-index-graph-5, .meter--spiral .meter__values .meter__slice.color-index-graph-1, .meter--spiral .meter__values .meter__slice.color-index-graph-5 { - stroke: #617c91; } - .meter--circle .meter__values .meter__slice.color-index-graph-2, .meter--circle .meter__values .meter__slice.color-index-graph-6, .meter--arc .meter__values .meter__slice.color-index-graph-2, .meter--arc .meter__values .meter__slice.color-index-graph-6, .meter--spiral .meter__values .meter__slice.color-index-graph-2, .meter--spiral .meter__values .meter__slice.color-index-graph-6 { - stroke: #94aba8; } - .meter--circle .meter__values .meter__slice.color-index-graph-3, .meter--circle .meter__values .meter__slice.color-index-graph-7, .meter--arc .meter__values .meter__slice.color-index-graph-3, .meter--arc .meter__values .meter__slice.color-index-graph-7, .meter--spiral .meter__values .meter__slice.color-index-graph-3, .meter--spiral .meter__values .meter__slice.color-index-graph-7 { - stroke: #998e88; } - .meter--circle .meter__values .meter__slice.color-index-graph-4, .meter--circle .meter__values .meter__slice.color-index-graph-8, .meter--arc .meter__values .meter__slice.color-index-graph-4, .meter--arc .meter__values .meter__slice.color-index-graph-8, .meter--spiral .meter__values .meter__slice.color-index-graph-4, .meter--spiral .meter__values .meter__slice.color-index-graph-8 { - stroke: #8c6694; } - .meter--circle .meter__values .meter__slice.color-index-grey-1, .meter--circle .meter__values .meter__slice.color-index-grey-5, .meter--arc .meter__values .meter__slice.color-index-grey-1, .meter--arc .meter__values .meter__slice.color-index-grey-5, .meter--spiral .meter__values .meter__slice.color-index-grey-1, .meter--spiral .meter__values .meter__slice.color-index-grey-5 { - stroke: #333333; } - .meter--circle .meter__values .meter__slice.color-index-grey-2, .meter--circle .meter__values .meter__slice.color-index-grey-6, .meter--arc .meter__values .meter__slice.color-index-grey-2, .meter--arc .meter__values .meter__slice.color-index-grey-6, .meter--spiral .meter__values .meter__slice.color-index-grey-2, .meter--spiral .meter__values .meter__slice.color-index-grey-6 { - stroke: #3B3B3B; } - .meter--circle .meter__values .meter__slice.color-index-grey-3, .meter--circle .meter__values .meter__slice.color-index-grey-7, .meter--arc .meter__values .meter__slice.color-index-grey-3, .meter--arc .meter__values .meter__slice.color-index-grey-7, .meter--spiral .meter__values .meter__slice.color-index-grey-3, .meter--spiral .meter__values .meter__slice.color-index-grey-7 { - stroke: #434343; } - .meter--circle .meter__values .meter__slice.color-index-grey-4, .meter--circle .meter__values .meter__slice.color-index-grey-8, .meter--arc .meter__values .meter__slice.color-index-grey-4, .meter--arc .meter__values .meter__slice.color-index-grey-8, .meter--spiral .meter__values .meter__slice.color-index-grey-4, .meter--spiral .meter__values .meter__slice.color-index-grey-8 { - stroke: #666666; } - .meter--circle .meter__values .meter__slice.color-index-light-1, .meter--circle .meter__values .meter__slice.color-index-light-3, .meter--arc .meter__values .meter__slice.color-index-light-1, .meter--arc .meter__values .meter__slice.color-index-light-3, .meter--spiral .meter__values .meter__slice.color-index-light-1, .meter--spiral .meter__values .meter__slice.color-index-light-3 { - stroke: #ffffff; } - .meter--circle .meter__values .meter__slice.color-index-light-2, .meter--circle .meter__values .meter__slice.color-index-light-4, .meter--arc .meter__values .meter__slice.color-index-light-2, .meter--arc .meter__values .meter__slice.color-index-light-4, .meter--spiral .meter__values .meter__slice.color-index-light-2, .meter--spiral .meter__values .meter__slice.color-index-light-4 { - stroke: #f5f5f5; } - @media screen and (min-width: 45em) { - .meter--circle .meter__values .meter__slice, .meter--arc .meter__values .meter__slice, .meter--spiral .meter__values .meter__slice { - transition: stroke-width 0.2s; - -webkit-animation: draw-arc 1.5s linear; - animation: draw-arc 1.5s linear; } } + @media screen and (min-width: 45em) { + .meter--circle .meter__values .meter__slice, .meter--arc .meter__values .meter__slice, .meter--spiral .meter__values .meter__slice { + transition: stroke-width 0.2s; + -webkit-animation: draw-arc 1.5s linear; + animation: draw-arc 1.5s linear; } } .meter--circle .meter__thresholds .meter__slice.color-index-unset, .meter--arc .meter__thresholds .meter__slice.color-index-unset, .meter--spiral .meter__thresholds .meter__slice.color-index-unset { stroke: rgba(221, 221, 221, 0.5); } .meter--circle .meter__thresholds .meter__slice.color-index-brand, .meter--arc .meter__thresholds .meter__slice.color-index-brand, .meter--spiral .meter__thresholds .meter__slice.color-index-brand { @@ -4254,7 +4254,7 @@ a.active > .label .label__icon.control-icon svg { .meter--circle .meter__thresholds .meter__slice.color-index-unknown, .meter--arc .meter__thresholds .meter__slice.color-index-unknown, .meter--spiral .meter__thresholds .meter__slice.color-index-unknown { stroke: rgba(204, 204, 204, 0.5); } .meter--circle .meter__thresholds .meter__slice.color-index-disabled, .meter--arc .meter__thresholds .meter__slice.color-index-disabled, .meter--spiral .meter__thresholds .meter__slice.color-index-disabled { - stroke: rgba(237, 237, 237, 0.5); } + stroke: rgba(204, 204, 204, 0.5); } .meter--circle .meter__thresholds .meter__slice.color-index-graph-1, .meter--circle .meter__thresholds .meter__slice.color-index-graph-5, .meter--arc .meter__thresholds .meter__slice.color-index-graph-1, .meter--arc .meter__thresholds .meter__slice.color-index-graph-5, .meter--spiral .meter__thresholds .meter__slice.color-index-graph-1, .meter--spiral .meter__thresholds .meter__slice.color-index-graph-5 { stroke: rgba(97, 124, 145, 0.5); } .meter--circle .meter__thresholds .meter__slice.color-index-graph-2, .meter--circle .meter__thresholds .meter__slice.color-index-graph-6, .meter--arc .meter__thresholds .meter__slice.color-index-graph-2, .meter--arc .meter__thresholds .meter__slice.color-index-graph-6, .meter--spiral .meter__thresholds .meter__slice.color-index-graph-2, .meter--spiral .meter__thresholds .meter__slice.color-index-graph-6 { @@ -4362,7 +4362,7 @@ a.active > .label .label__icon.control-icon svg { height: 96px; } .meter--arc.meter--vertical.meter--small .meter__value { top: 48px; - margin-left: -18px; } + margin-left: -12px; } .meter--arc.meter--vertical.meter--small .meter__minmax-container { padding-top: 0px; padding-bottom: 0px; } @@ -4376,6 +4376,10 @@ a.active > .label .label__icon.control-icon svg { margin-left: -72px; } .meter--arc.meter--vertical.meter--minmax.meter--small .meter__value { margin-left: -60px; } + .meter--arc.meter--vertical.meter--legend-right.meter--small .meter__value { + min-width: 78px; } + .meter--arc.meter--vertical.meter--legend-right .meter__value { + min-width: 120px; } .meter--spiral .meter__value { position: absolute; top: 0px; @@ -4403,63 +4407,82 @@ a.active > .label .label__icon.control-icon svg { .meter--loading .meter__value { display: none; } -.notification__status { - margin-right: 12px; } - -.notification__message { - margin-bottom: 24px; - vertical-align: middle; } - -.notification--critical { - background-color: #F04953; - font-size: 19px; - font-size: 1.1875rem; - line-height: 24px; - color: #dbdbdb; } - .notification--critical .notification__status .status-icon__base { - fill: #dbdbdb; } - -.notification--error { - background-color: #F04953; - font-size: 19px; - font-size: 1.1875rem; - line-height: 24px; - color: #dbdbdb; } - .notification--error .notification__status .status-icon__base { - fill: #dbdbdb; } - -.notification--warning { - background-color: #FFD144; +.notification { font-size: 19px; font-size: 1.1875rem; line-height: 24px; } - .notification--warning .notification__status .status-icon__base { - fill: #333; } - -.notification--ok { - background-color: #01a982; - font-size: 19px; - font-size: 1.1875rem; - line-height: 24px; - color: #dbdbdb; } - .notification--ok .notification__status .status-icon__base { - fill: #dbdbdb; } - -.notification--unknown { - background-color: #CCCCCC; - font-size: 19px; - font-size: 1.1875rem; - line-height: 24px; } - .notification--unknown .notification__status .status-icon__base { - fill: #333; } - -.notification--disabled { - background-color: #EDEDED; - font-size: 19px; - font-size: 1.1875rem; - line-height: 24px; } - .notification--disabled .notification__status .status-icon__base { - fill: #333; } + .notification__message { + font-size: 24px; + font-size: 1.5rem; + line-height: 24px; } + .notification__message + * { + margin-top: 24px; } + .notification__status { + margin-right: 24px; + flex: 0 0 auto; } + .notification--critical { + background-color: #F04953; + color: #fff; } + .notification--critical .notification__status .status-icon__base { + fill: #fff; } + .notification--critical .notification__status .status-icon__detail { + stroke: #F04953; + fill: #F04953; } + .notification--critical .notification__status.status-icon-unknown .status-icon__detail { + stroke: #fff; + fill: #fff; } + .notification--error { + background-color: #F04953; + color: #fff; } + .notification--error .notification__status .status-icon__base { + fill: #fff; } + .notification--error .notification__status .status-icon__detail { + stroke: #F04953; + fill: #F04953; } + .notification--error .notification__status.status-icon-unknown .status-icon__detail { + stroke: #fff; + fill: #fff; } + .notification--warning { + background-color: #FFD144; } + .notification--warning .notification__status .status-icon__base { + fill: #fff; } + .notification--warning .notification__status .status-icon__detail { + stroke: #FFD144; + fill: #FFD144; } + .notification--warning .notification__status.status-icon-unknown .status-icon__detail { + stroke: #fff; + fill: #fff; } + .notification--ok { + background-color: #01a982; + color: #fff; } + .notification--ok .notification__status .status-icon__base { + fill: #fff; } + .notification--ok .notification__status .status-icon__detail { + stroke: #01a982; + fill: #01a982; } + .notification--ok .notification__status.status-icon-unknown .status-icon__detail { + stroke: #fff; + fill: #fff; } + .notification--unknown { + background-color: #CCCCCC; } + .notification--unknown .notification__status .status-icon__base { + fill: #fff; } + .notification--unknown .notification__status .status-icon__detail { + stroke: #CCCCCC; + fill: #CCCCCC; } + .notification--unknown .notification__status.status-icon-unknown .status-icon__detail { + stroke: #fff; + fill: #fff; } + .notification--disabled { + background-color: #CCCCCC; } + .notification--disabled .notification__status .status-icon__base { + fill: #fff; } + .notification--disabled .notification__status .status-icon__detail { + stroke: #CCCCCC; + fill: #CCCCCC; } + .notification--disabled .notification__status.status-icon-unknown .status-icon__detail { + stroke: #fff; + fill: #fff; } .notifications-control__icon { width: 48px; @@ -5009,14 +5032,15 @@ section > dl > dd { .tiles { width: 100%; padding: 12px; } - .tiles > .tile { - flex: 0 0 192px; - margin: 12px; } - .tiles > .tile > * { - box-sizing: border-box; } - .tiles > .tile--wide { - flex-basis: calc(100% - 24px); - box-sizing: border-box; } + @media screen and (min-width: 45em) { + .tiles.box--direction-row > .tile { + flex: 0 0 192px; + margin: 12px; } + .tiles.box--direction-row > .tile > * { + box-sizing: border-box; } + .tiles.box--direction-row > .tile--wide { + flex-basis: calc(100% - 24px); + box-sizing: border-box; } } .tiles__container { display: flex; flex-direction: row; diff --git a/css/grommet-hpe.min.css b/css/grommet-hpe.min.css index 414a0ac..4efa7e4 100644 --- a/css/grommet-hpe.min.css +++ b/css/grommet-hpe.min.css @@ -6,4 +6,4 @@ * github.com/inuitcss | inuitcss.com */ -/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}blockquote,body,caption,dd,dl,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,legend,ol,p,pre,table,td,th,ul{margin:0;padding:0}abbr[title],dfn[title]{cursor:help}ins,u{text-decoration:none}ins{border-bottom:1px solid}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}address,blockquote,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,ol,p,pre,table,ul{margin-bottom:24px;margin-bottom:1.5rem}dd,ol,ul{margin-left:48px;margin-left:3rem}html{font-size:1em;line-height:1.5;background-color:#fff;color:#333;overflow-y:scroll;min-height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}h1{font-size:36px;font-size:2.25rem;line-height:1.33333}h2{font-size:30px;font-size:1.875rem;line-height:1.6}h3{font-size:24px;font-size:1.5rem;line-height:1}h4{font-size:20px;font-size:1.25rem;line-height:1.2}h5{font-size:16px;font-size:1rem;line-height:1.5}h6{font-size:14px;font-size:.875rem;line-height:1.71429}li>ol,li>ul{margin-bottom:0}img{max-width:100%;font-style:italic;vertical-align:middle}.gm-style img,img[height],img[width]{max-width:none}.brand-font,html{font-family:Metric,Arial,sans-serif}body,html{font-size:16px;font-size:1rem;line-height:24px}h1{font-size:48px;font-size:3rem;line-height:1.125}h2{font-size:36px;font-size:2.25rem;line-height:1.33333}h3{font-size:24px;font-size:1.5rem;line-height:1.25}h4,h5{font-size:18px;font-size:1.125rem;line-height:1.33333}h1,h2,h3,h4,h5{font-weight:100;max-width:100%}h1.header--strong,h1>strong,h2.header--strong,h2>strong,h3.header--strong,h3>strong,h4.header--strong,h4>strong,h5.header--strong,h5>strong{font-weight:600}h1 a,h1 a.anchor,h2 a,h2 a.anchor,h3 a,h3 a.anchor,h4 a,h4 a.anchor,h5 a,h5 a.anchor{color:inherit;text-decoration:none}h1 a.anchor:hover,h1 a:hover,h2 a.anchor:hover,h2 a:hover,h3 a.anchor:hover,h3 a:hover,h4 a.anchor:hover,h4 a:hover,h5 a.anchor:hover,h5 a:hover{text-decoration:none}dd,li,p{max-width:576px;margin-left:0}dd{margin-bottom:12px}p{margin-top:24px;margin-bottom:24px}blockquote{font-size:36px;font-size:2.25rem;line-height:1.33333}code.hljs{border:1px solid #ccc}.large-number-font{font-family:Metric,Arial,sans-serif}.secondary{color:#777}.error{color:#f04953}input,select,textarea{font-size:16px;font-size:1rem;line-height:1.5;padding:11px 23px;border:1px solid #ccc;border-radius:0;outline:none;margin-right:12px;background-color:transparent}input:focus,select:focus,textarea:focus{padding:10px 22px;border-width:2px;border-color:#2ad2c9}input::-moz-focus-inner,select::-moz-focus-inner,textarea::-moz-focus-inner{border:none;outline:none}input::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#aaa}input::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder{color:#aaa}input:-ms-input-placeholder,select:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#aaa}input.error,select.error,textarea.error{border-color:#f04953}input[type=button],input[type=submit]{text-align:center;line-height:inherit}select{border-color:#ccc;padding-right:24px;-webkit-appearance:none;-moz-appearance:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAOhJREFUSA3tksENgzAMRUmrrlApuTAAxxw6QvfojYmYKtw6QpUDI1Rq6o8MStsAMT1UlbAUcMB+33FcFJttHfifDlhrT7QO31YMBlgDZw8HH5RSF3JLY0zrvX8MAZI3F1gT66y17ohz2zGgDSFc6UdF+5oDJWwUidMDXoFFfgtAfwJUjMppX7KI6CQJeOOcu48CcNaKzMFfBNaILME/BCQiOfCkQI5ILhwshceUpUAcG0/LeKEpzqwAEhIiRTSKs3Dk92MKZ8rep4vgR57zRTiYiwIIikVo29HKgiNXZGgXt0yUtwX/tgNPQqatJ1aBLFMAAAAASUVORK5CYII=) no-repeat center right;cursor:pointer}select::-moz-focus-inner{border:none}select.plain{border:none}input[type=range]{position:relative;-webkit-appearance:none;border-color:transparent;height:24px;padding:0;cursor:pointer;overflow-x:hidden}input[type=range]:focus{outline:none}input[type=range]::-moz-focus-inner,input[type=range]::-moz-focus-outer{border:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;background-color:#b2b2b2}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-webkit-slider-runnable-track{background-color:hsla(0,0%,100%,.1)}input[type=range]::-webkit-slider-thumb{position:relative;height:24px;width:24px;overflow:visible;-webkit-appearance:none;margin-top:-11px}input[type=range]::-webkit-slider-thumb:before{content:"";position:absolute;left:-3000px;right:24px;top:9px;bottom:9px;background-color:#01a982;pointer-events:none}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-webkit-slider-thumb:before{background-color:#fff}input[type=range]::-webkit-slider-thumb:after{content:"";position:absolute;border:2px solid #01a982;height:20px;width:20px;border-radius:24px;background-color:#fff;cursor:pointer}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-webkit-slider-thumb:after{background-color:transparent;border-color:#fff}input[type=range]:hover::-webkit-slider-thumb:after{content:"";border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]:hover::-webkit-slider-thumb:after{background-color:#fff;border-color:#fff}input[type=range]::-moz-range-track{width:100%;height:2px;background-color:#b2b2b2}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-moz-range-track{background-color:hsla(0,0%,100%,.1)}input[type=range]::-moz-range-thumb{position:relative;height:24px;width:24px;overflow:visible;border:2px solid #01a982;height:20px;width:20px;border-radius:24px;background-color:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-moz-range-thumb{border-color:#fff;background-color:transparent}input[type=range]::hover::-moz-range-thumb{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::hover::-moz-range-thumb{border-color:#fff;background-color:#fff}input[type=range]::-ms-track{width:100%;height:2px;background-color:#b2b2b2;border-color:transparent;color:transparent}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-ms-track{background-color:hsla(0,0%,100%,.1)}input[type=range]::-ms-fill-lower{background:#01a982;border-color:transparent}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-ms-fill-lower{background:#fff}input[type=range]::-ms-fill-upper{background:#b2b2b2;border-color:transparent}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-ms-fill-upper{background:hsla(0,0%,100%,.1)}input[type=range]::-ms-thumb{position:relative;height:24px;width:24px;overflow:visible;border:2px solid #999;height:20px;width:20px;border-radius:24px;background-color:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-ms-thumb{border-color:#fff}input[type=range]:hover::-ms-thumb{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]:hover::-ms-thumb{border-color:#fff;background-color:#fff}@media screen and (min-width:45em){body,html{height:100%;width:100%;overflow:visible}}.i-list-bare{margin:0;padding:0;list-style:none}.anchor,a{text-decoration:underline;cursor:pointer}.anchor,.anchor:visited,a,a:visited{color:inherit}.anchor.active,a.active{color:#333}.anchor:hover:not(.anchor--disabled),a:hover:not(.anchor--disabled){text-decoration:underline;color:#000}.anchor__icon,a__icon{display:inline-block;padding:12px}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu .anchor:not(.button),[class*=background-color-index-]:not([class*=background-color-index-light]) .menu a:not(.button),[class*=background-color-index-]:not([class*=background-color-index-light]) a{color:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu .anchor:not(.button) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu a:not(.button) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a .control-icon{fill:#dbdbdb;stroke:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor:hover:not(.anchor--disabled),[class*=background-color-index-]:not([class*=background-color-index-light]) .menu .anchor:not(.button):hover:not(.anchor--disabled),[class*=background-color-index-]:not([class*=background-color-index-light]) .menu a:not(.button):hover:not(.anchor--disabled),[class*=background-color-index-]:not([class*=background-color-index-light]) a:hover:not(.anchor--disabled){color:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor:hover:not(.anchor--disabled) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu .anchor:not(.button):hover:not(.anchor--disabled) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu a:not(.button):hover:not(.anchor--disabled) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a:hover:not(.anchor--disabled) .control-icon{fill:#fff;stroke:#fff}.anchor.anchor--primary,a.anchor--primary{font-size:19px;font-size:1.1875rem;line-height:24px;font-weight:600;color:#049371;text-decoration:none}.anchor.anchor--primary .control-icon,a.anchor--primary .control-icon{stroke:#049371;margin-right:12px}.anchor.anchor--primary>span,a.anchor--primary>span{vertical-align:middle}.anchor.anchor--primary:hover:not(.anchor--disabled)>.control-icon,a.anchor--primary:hover:not(.anchor--disabled)>.control-icon{transform:translateX(3px);stroke:#049371}.anchor.anchor--primary:hover:not(.anchor--disabled)>.control-icon path,.anchor.anchor--primary:hover:not(.anchor--disabled)>.control-icon polyline,a.anchor--primary:hover:not(.anchor--disabled)>.control-icon path,a.anchor--primary:hover:not(.anchor--disabled)>.control-icon polyline{stroke-width:3px}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor.anchor--primary,[class*=background-color-index-]:not([class*=background-color-index-light]) a.anchor--primary{color:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor.anchor--primary .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a.anchor--primary .control-icon{fill:#dbdbdb;stroke:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor.anchor--primary:hover:not(.anchor--disabled),[class*=background-color-index-]:not([class*=background-color-index-light]) a.anchor--primary:hover:not(.anchor--disabled){color:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor.anchor--primary:hover:not(.anchor--disabled) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a.anchor--primary:hover:not(.anchor--disabled) .control-icon{fill:#fff;stroke:#fff}.anchor--disabled,a--disabled{opacity:.3;cursor:default}.anchor--disabled .control-icon,a--disabled .control-icon{cursor:default}#loading{position:absolute;width:100%;height:100%;background-color:#ddd;text-align:center;padding-top:100px;font-size:48px;color:#ccc;font-style:italic}@media screen and (min-width:45em){.app{position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto}}.app--inline{position:relative}.app--centered>.split{width:100%;max-width:960px;margin-left:auto;margin-right:auto}.article{position:relative}.article--scroll-step{text-align:center;height:100vh;width:100vw;max-width:100%}.article--scroll-step>.article__control{position:fixed;z-index:4}.article--scroll-step>.article__control-up{top:0;left:50%;transform:translateX(-50%)}.article--scroll-step>.article__control-down{bottom:0;left:50%;transform:translateX(-50%)}.article--scroll-step>.article__control-left{top:50%;transform:translateY(-50%);left:0}.article--scroll-step>.article__control-right{top:50%;transform:translateY(-50%);right:0}.article--scroll-step.box--direction-column{overflow-x:hidden;overflow-y:auto}.article--scroll-step.box--direction-column>.article__control-carousel{top:50%;left:24px;transform:translateY(-50%)}.article--scroll-step.box--direction-row{overflow-x:auto;overflow-y:hidden}.article--scroll-step.box--direction-row>:not(.article__controls){overflow-y:auto}.article--scroll-step.box--direction-row>.article__control-carousel{top:24px;left:50%;transform:translateX(-50%)}.article>*{flex:0 0 auto}article:not(.article){width:100%}.attribute{margin-bottom:12px}@media screen and (max-width:44.9375em){.attribute{width:100%}}.attribute__label{display:block;text-align:left;font-size:14px;font-size:.875rem;line-height:24px;color:#777}.box{display:flex;background-position:center center;background-size:cover;background-repeat:no-repeat}.box__texture{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.box__container{padding-left:24px;padding-right:24px}.box__container--full{max-width:100%;width:100vw}.layer__container .box__container--full{width:calc(100vw - 48px)}.box__container--full-horizontal{max-width:100%;width:100vw}.layer__container .box__container--full-horizontal{width:calc(100vw - 48px)}.app--centered .box__container>.box{width:100%;max-width:960px;margin-left:auto;margin-right:auto}@media screen and (max-width:44.9375em){.app--centered .box__container>.box{padding-left:0;padding-right:0}}.box--wrap{flex-wrap:wrap}.box--pad-none{padding:0}.box--pad-small{padding:12px}.box--pad-medium{padding:24px}.box--pad-large{padding:48px}.box--pad-horizontal-none{padding-left:0;padding-right:0}.box--pad-horizontal-small{padding-left:12px;padding-right:12px}.box--pad-horizontal-medium{padding-left:24px;padding-right:24px}.box--pad-horizontal-large{padding-left:48px;padding-right:48px}.box--pad-vertical-none{padding-top:0;padding-bottom:0}.box--pad-vertical-small{padding-top:12px;padding-bottom:12px}.box--pad-vertical-medium{padding-top:24px;padding-bottom:24px}.box--pad-vertical-large{padding-top:48px;padding-bottom:48px}.box--full{position:relative;max-width:100%;width:100vw;min-height:100vh;height:100%}.layer__container .box--full{width:calc(100vw - 48px)}.box--full-horizontal{max-width:100%;width:100vw}.layer__container .box--full-horizontal{width:calc(100vw - 48px)}.box--full-vertical{min-height:100vh}.box--direction-row{flex-direction:row}.box--direction-row.box--reverse{flex-direction:row-reverse}.box--direction-row.box--pad-between-small>:not(:last-child){margin-right:12px}.box--direction-row.box--pad-between-medium>:not(:last-child){margin-right:24px}.box--direction-row.box--pad-between-large>:not(:last-child){margin-right:48px}@media screen and (max-width:44.9375em){.box--direction-row.box--responsive{flex-direction:column}.box--direction-row.box--responsive.box--reverse{flex-direction:column-reverse}}.box--direction-column{flex-direction:column}.box--direction-column.box--reverse{flex-direction:column-reverse}.box--direction-column>.footer.box--direction-row,.box--direction-column>.header.box--direction-row,.box--direction-column>.header__container--fixed{flex:0 0 auto}.box--direction-column.box--pad-between-small>:not(:last-child){margin-bottom:12px}.box--direction-column.box--pad-between-medium>:not(:last-child){margin-bottom:24px}.box--direction-column.box--pad-between-large>:not(:last-child){margin-bottom:48px}.box--justify-start{justify-content:flex-start}.box--justify-center{justify-content:center}.box--justify-between{justify-content:space-between}.box--justify-end{justify-content:flex-end}.box--align-start{align-items:flex-start}.box--align-center{align-items:center}.box--align-end{align-items:flex-end}.box--separator-all,.box--separator-horizontal,.box--separator-top{border-top:1px solid #ccc}.box--separator-all,.box--separator-bottom,.box--separator-horizontal{border-bottom:1px solid #ccc}.box--separator-all,.box--separator-left,.box--separator-vertical{border-left:1px solid #ccc}.box--separator-all,.box--separator-right,.box--separator-vertical{border-right:1px solid #ccc}@media screen and (max-width:44.9375em){.box--separator-all,.box--separator-left,.box--separator-vertical{border-left:none;border-bottom:1px solid #ccc}.box--separator-all,.box--separator-right,.box--separator-vertical{border-right:none;border-bottom:1px solid #ccc}}[class*=background-color-index-] .box[class*=box--separator]{border-color:#eee}.box--text-align-left{text-align:left}.box--text-align-center{text-align:center}.box--text-align-right{text-align:right}.box>.flex,.box>.flex-grow-1{flex-grow:1}.box--direction-down,.box--direction-up{flex-direction:column}.box--direction-left{justify-content:flex-end}.box--flush{padding:0}button:not(.button),input[type=button],input[type=submit]{padding:6px 22px;background-color:transparent;border:2px solid #01a982;border-radius:0;color:#333;font-size:19px;font-size:1.1875rem;line-height:24px;font-weight:600;cursor:pointer;text-align:center;outline:none;min-width:120px;max-width:384px}button:not(.button):focus:not(.button--disabled),input[type=button]:focus:not(.button--disabled),input[type=submit]:focus:not(.button--disabled){border-color:#2ad2c9;box-shadow:0 0 1px 1px #2ad2c9}@media screen and (min-width:45em){button:not(.button),input[type=button],input[type=submit]{transition:.1s ease-in-out}}.button{padding:6px 22px;background-color:transparent;border:2px solid #01a982;border-radius:0;color:#333;font-size:19px;font-size:1.1875rem;line-height:24px;font-weight:600;cursor:pointer;text-align:center;outline:none;min-width:120px;max-width:384px}.button:focus:not(.button--disabled){border-color:#2ad2c9;box-shadow:0 0 1px 1px #2ad2c9}@media screen and (min-width:45em){.button{transition:.1s ease-in-out}}.button__icon{display:inline-block;padding:12px}.button--primary{border-color:#01a982;background-color:#01a982;color:#fff}.button--secondary{border-color:rgba(51,51,51,.6)}.button--accent{border-color:#ff8d6d}.button--icon{border:none;padding:0;width:auto;height:auto;min-width:0;max-width:none}.button--icon.button--primary{background-color:#01a982}.button--icon>span:not(.button__icon){vertical-align:middle}.button--icon>span:not(.button__icon):first-child{margin-left:12px}.button--icon>span:not(.button__icon):last-child{margin-right:12px}[class*=background-color-index-]:not([class*=background-color-index-light]) .button--icon{color:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .button--icon .control-icon{fill:#dbdbdb;stroke:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .button--icon:hover{color:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) .button--icon:hover .control-icon{fill:#fff;stroke:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) .button:not(.button--primary){border-color:#eee;color:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .button:not(.button--primary).button--accent{border-color:#ff8d6d}.button--disabled{opacity:.3;cursor:default}.button--fill{width:100%;max-width:none;flex-grow:1}.calendar{position:relative;display:inline-block;min-width:288px}.calendar__input{width:100%;height:100%;display:block;padding-right:60px}.calendar__input:focus{padding-right:59px}.calendar__control{position:absolute;top:50%;right:12px;transform:translateY(-50%)}.calendar__drop{border-top-left-radius:0;border-top-right-radius:0}.calendar__title{text-align:center}.calendar__grid{width:100%;padding:12px}.calendar__grid table{width:100%}.calendar__grid td,.calendar__grid th{text-align:center;padding:6px}.calendar__grid th{color:#777;font-weight:400}.calendar__day{display:inline-block;cursor:pointer;width:24px;height:24px;transition:background-color .3s}.calendar__day:hover{background-color:rgba(0,0,0,.1)}.calendar__day--other-month{color:#777}.calendar__day--active{background-color:#01a982;color:#dbdbdb}.calendar--active .calendar__input{border-bottom-left-radius:0;border-bottom-right-radius:0}@-webkit-keyframes a{0%{opacity:1}to{opacity:0}}@keyframes a{0%{opacity:1}to{opacity:0}}.carousel{position:relative;max-width:100%;overflow:hidden}.carousel__track{display:flex;max-width:none;transition:all .8s}.carousel__item>*{width:100%}.carousel__arrow{-webkit-animation:b 1s;animation:b 1s;z-index:1;position:absolute;top:50%;transform:translateY(-50%);cursor:pointer}.carousel__arrow .control-icon{filter:drop-shadow(1px 1px 1px rgba(170,170,170,.5));-webkit-filter:drop-shadow(1px 1px 1px hsla(0,0%,67%,.5))}.carousel__arrow .control-icon polyline{stroke:#fff;stroke-width:1px}.carousel__arrow--next{right:0}.carousel__arrow--prev{left:0}.carousel .control-icon-next{right:0}.carousel .control-icon-previous{left:0}.carousel__controls{-webkit-animation:b 1s;animation:b 1s;margin-left:50%;transform:translateX(-50%);position:absolute;bottom:12px;text-align:center;z-index:1}.carousel__control{display:inline-block;width:36px;height:36px;stroke:#fff;fill:transparent;cursor:pointer;filter:drop-shadow(1px 1px 1px rgba(170,170,170,.5));-webkit-filter:drop-shadow(1px 1px 1px hsla(0,0%,67%,.5))}.carousel__control--active{stroke:#01a982;fill:#01a982}.carousel--hide-controls .carousel__controls,.carousel--hide-controls .control-icon-next,.carousel--hide-controls .control-icon-previous{opacity:0;-webkit-animation:a 1s;animation:a 1s}.carousel-controls__control{width:36px;height:36px;stroke:#fff;fill:transparent;cursor:pointer;filter:drop-shadow(1px 1px 1px rgba(170,170,170,.5));-webkit-filter:drop-shadow(1px 1px 1px hsla(0,0%,67%,.5))}.carousel-controls__control:hover{stroke-width:2px}.carousel-controls__control--active{stroke:#01a982;fill:#01a982}@-webkit-keyframes b{0%{opacity:0}to{opacity:1}}@keyframes b{0%{opacity:0}to{opacity:1}}.chart{position:relative;display:block}.chart__grid{stroke:#ccc}.chart__graphic{width:100%;height:192px;max-height:calc(100vh - 144px)}@media screen and (min-width:45em){.chart__values g{-webkit-animation:b 1.5s;animation:b 1.5s}}.chart__values-line{stroke-width:3px}.chart__values-line.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.chart__values-line.color-index-unset{stroke:#ddd}.chart__values-line.color-index-brand{stroke:#01a982}.chart__values-line.color-index-critical,.chart__values-line.color-index-error{stroke:#f04953}.chart__values-line.color-index-warning{stroke:#ffd144}.chart__values-line.color-index-ok{stroke:#01a982}.chart__values-line.color-index-unknown{stroke:#ccc}.chart__values-line.color-index-disabled{stroke:#ededed}.chart__values-line.color-index-graph-1,.chart__values-line.color-index-graph-5{stroke:#617c91}.chart__values-line.color-index-graph-2,.chart__values-line.color-index-graph-6{stroke:#94aba8}.chart__values-line.color-index-graph-3,.chart__values-line.color-index-graph-7{stroke:#998e88}.chart__values-line.color-index-graph-4,.chart__values-line.color-index-graph-8{stroke:#8c6694}.chart__values-line.color-index-grey-1,.chart__values-line.color-index-grey-5{stroke:#333}.chart__values-line.color-index-grey-2,.chart__values-line.color-index-grey-6{stroke:#3b3b3b}.chart__values-line.color-index-grey-3,.chart__values-line.color-index-grey-7{stroke:#434343}.chart__values-line.color-index-grey-4,.chart__values-line.color-index-grey-8{stroke:#666}.chart__values-line.color-index-light-1,.chart__values-line.color-index-light-3{stroke:#fff}.chart__values-line.color-index-light-2,.chart__values-line.color-index-light-4{stroke:#f5f5f5}.chart__values-area.color-index-critical,.chart__values-area.color-index-error,.chart__values-bar.color-index-critical,.chart__values-bar.color-index-error{fill:rgba(240,73,83,.7)}.chart__values-area.color-index-warning,.chart__values-bar.color-index-warning{fill:rgba(255,209,68,.7)}.chart__values-area.color-index-ok,.chart__values-bar.color-index-ok{fill:rgba(1,169,130,.7)}.chart__values-area.color-index-unknown,.chart__values-bar.color-index-unknown{fill:hsla(0,0%,80%,.7)}.chart__values-area.color-index-disabled,.chart__values-bar.color-index-disabled{fill:hsla(0,0%,93%,.7)}.chart__values-area.color-index-graph-1,.chart__values-area.color-index-graph-5,.chart__values-bar.color-index-graph-1,.chart__values-bar.color-index-graph-5{fill:rgba(97,124,145,.7)}.chart__values-area.color-index-graph-2,.chart__values-area.color-index-graph-6,.chart__values-bar.color-index-graph-2,.chart__values-bar.color-index-graph-6{fill:rgba(148,171,168,.7)}.chart__values-area.color-index-graph-3,.chart__values-area.color-index-graph-7,.chart__values-bar.color-index-graph-3,.chart__values-bar.color-index-graph-7{fill:hsla(21,8%,57%,.7)}.chart__values-area.color-index-graph-4,.chart__values-area.color-index-graph-8,.chart__values-bar.color-index-graph-4,.chart__values-bar.color-index-graph-8{fill:rgba(140,102,148,.7)}.chart__values-area--active.color-index-unset,.chart__values-bar--active.color-index-unset{fill:#ddd}.chart__values-area--active.color-index-brand,.chart__values-bar--active.color-index-brand{fill:#01a982}.chart__values-area--active.color-index-critical,.chart__values-area--active.color-index-error,.chart__values-bar--active.color-index-critical,.chart__values-bar--active.color-index-error{fill:#f04953}.chart__values-area--active.color-index-warning,.chart__values-bar--active.color-index-warning{fill:#ffd144}.chart__values-area--active.color-index-ok,.chart__values-bar--active.color-index-ok{fill:#01a982}.chart__values-area--active.color-index-unknown,.chart__values-bar--active.color-index-unknown{fill:#ccc}.chart__values-area--active.color-index-disabled,.chart__values-bar--active.color-index-disabled{fill:#ededed}.chart__values-area--active.color-index-graph-1,.chart__values-area--active.color-index-graph-5,.chart__values-bar--active.color-index-graph-1,.chart__values-bar--active.color-index-graph-5{fill:#617c91}.chart__values-area--active.color-index-graph-2,.chart__values-area--active.color-index-graph-6,.chart__values-bar--active.color-index-graph-2,.chart__values-bar--active.color-index-graph-6{fill:#94aba8}.chart__values-area--active.color-index-graph-3,.chart__values-area--active.color-index-graph-7,.chart__values-bar--active.color-index-graph-3,.chart__values-bar--active.color-index-graph-7{fill:#998e88}.chart__values-area--active.color-index-graph-4,.chart__values-area--active.color-index-graph-8,.chart__values-bar--active.color-index-graph-4,.chart__values-bar--active.color-index-graph-8{fill:#8c6694}.chart__values-area--active.color-index-grey-1,.chart__values-area--active.color-index-grey-5,.chart__values-bar--active.color-index-grey-1,.chart__values-bar--active.color-index-grey-5{fill:#333}.chart__values-area--active.color-index-grey-2,.chart__values-area--active.color-index-grey-6,.chart__values-bar--active.color-index-grey-2,.chart__values-bar--active.color-index-grey-6{fill:#3b3b3b}.chart__values-area--active.color-index-grey-3,.chart__values-area--active.color-index-grey-7,.chart__values-bar--active.color-index-grey-3,.chart__values-bar--active.color-index-grey-7{fill:#434343}.chart__values-area--active.color-index-grey-4,.chart__values-area--active.color-index-grey-8,.chart__values-bar--active.color-index-grey-4,.chart__values-bar--active.color-index-grey-8{fill:#666}.chart__values-point{stroke-width:3px;fill:#fff}.chart__values-point.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.chart__values-point.color-index-unset{stroke:#ddd}.chart__values-point.color-index-brand{stroke:#01a982}.chart__values-point.color-index-critical,.chart__values-point.color-index-error{stroke:#f04953}.chart__values-point.color-index-warning{stroke:#ffd144}.chart__values-point.color-index-ok{stroke:#01a982}.chart__values-point.color-index-unknown{stroke:#ccc}.chart__values-point.color-index-disabled{stroke:#ededed}.chart__values-point.color-index-graph-1,.chart__values-point.color-index-graph-5{stroke:#617c91}.chart__values-point.color-index-graph-2,.chart__values-point.color-index-graph-6{stroke:#94aba8}.chart__values-point.color-index-graph-3,.chart__values-point.color-index-graph-7{stroke:#998e88}.chart__values-point.color-index-graph-4,.chart__values-point.color-index-graph-8{stroke:#8c6694}.chart__values-point.color-index-grey-1,.chart__values-point.color-index-grey-5{stroke:#333}.chart__values-point.color-index-grey-2,.chart__values-point.color-index-grey-6{stroke:#3b3b3b}.chart__values-point.color-index-grey-3,.chart__values-point.color-index-grey-7{stroke:#434343}.chart__values-point.color-index-grey-4,.chart__values-point.color-index-grey-8{stroke:#666}.chart__values-point.color-index-light-1,.chart__values-point.color-index-light-3{stroke:#fff}.chart__values-point.color-index-light-2,.chart__values-point.color-index-light-4{stroke:#f5f5f5}.chart__values--loading{stroke-width:24px}.chart__values--loading.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.chart__values--loading.color-index-unset{stroke:#ddd}.chart__values--loading.color-index-brand{stroke:#01a982}.chart__values--loading.color-index-critical,.chart__values--loading.color-index-error{stroke:#f04953}.chart__values--loading.color-index-warning{stroke:#ffd144}.chart__values--loading.color-index-ok{stroke:#01a982}.chart__values--loading.color-index-unknown{stroke:#ccc}.chart__values--loading.color-index-disabled{stroke:#ededed}.chart__values--loading.color-index-graph-1,.chart__values--loading.color-index-graph-5{stroke:#617c91}.chart__values--loading.color-index-graph-2,.chart__values--loading.color-index-graph-6{stroke:#94aba8}.chart__values--loading.color-index-graph-3,.chart__values--loading.color-index-graph-7{stroke:#998e88}.chart__values--loading.color-index-graph-4,.chart__values--loading.color-index-graph-8{stroke:#8c6694}.chart__values--loading.color-index-grey-1,.chart__values--loading.color-index-grey-5{stroke:#333}.chart__values--loading.color-index-grey-2,.chart__values--loading.color-index-grey-6{stroke:#3b3b3b}.chart__values--loading.color-index-grey-3,.chart__values--loading.color-index-grey-7{stroke:#434343}.chart__values--loading.color-index-grey-4,.chart__values--loading.color-index-grey-8{stroke:#666}.chart__values--loading.color-index-light-1,.chart__values--loading.color-index-light-3{stroke:#fff}.chart__values--loading.color-index-light-2,.chart__values--loading.color-index-light-4{stroke:#f5f5f5}.chart__threshold{stroke-width:2px;stroke:rgba(51,51,51,.2);pointer-events:none}.chart__yaxis .chart__bar.color-index-critical,.chart__yaxis .chart__bar.color-index-error{fill:rgba(240,73,83,.5)}.chart__yaxis .chart__bar.color-index-warning{fill:rgba(255,209,68,.5)}.chart__yaxis .chart__bar.color-index-ok{fill:rgba(1,169,130,.5)}.chart__yaxis .chart__bar.color-index-unknown{fill:hsla(0,0%,80%,.5)}.chart__yaxis .chart__bar.color-index-disabled{fill:hsla(0,0%,93%,.5)}.chart__yaxis .chart__bar.color-index-graph-1,.chart__yaxis .chart__bar.color-index-graph-5{fill:rgba(97,124,145,.5)}.chart__yaxis .chart__bar.color-index-graph-2,.chart__yaxis .chart__bar.color-index-graph-6{fill:rgba(148,171,168,.5)}.chart__yaxis .chart__bar.color-index-graph-3,.chart__yaxis .chart__bar.color-index-graph-7{fill:hsla(21,8%,57%,.5)}.chart__yaxis .chart__bar.color-index-graph-4,.chart__yaxis .chart__bar.color-index-graph-8{fill:rgba(140,102,148,.5)}.chart__xaxis-index text{fill:#777}.chart__xaxis-index--eclipse text{fill:transparent}.chart__xaxis-index--active text{fill:#333}.chart__front-xband-background{fill:transparent}.chart__cursor{stroke:#333;stroke-width:2;pointer-events:none}.chart__cursor-point{stroke-width:2}.chart__cursor-point.color-index-unset{fill:#ddd}.chart__cursor-point.color-index-brand{fill:#01a982}.chart__cursor-point.color-index-critical,.chart__cursor-point.color-index-error{fill:#f04953}.chart__cursor-point.color-index-warning{fill:#ffd144}.chart__cursor-point.color-index-ok{fill:#01a982}.chart__cursor-point.color-index-unknown{fill:#ccc}.chart__cursor-point.color-index-disabled{fill:#ededed}.chart__cursor-point.color-index-graph-1,.chart__cursor-point.color-index-graph-5{fill:#617c91}.chart__cursor-point.color-index-graph-2,.chart__cursor-point.color-index-graph-6{fill:#94aba8}.chart__cursor-point.color-index-graph-3,.chart__cursor-point.color-index-graph-7{fill:#998e88}.chart__cursor-point.color-index-graph-4,.chart__cursor-point.color-index-graph-8{fill:#8c6694}.chart__cursor-point.color-index-grey-1,.chart__cursor-point.color-index-grey-5{fill:#333}.chart__cursor-point.color-index-grey-2,.chart__cursor-point.color-index-grey-6{fill:#3b3b3b}.chart__cursor-point.color-index-grey-3,.chart__cursor-point.color-index-grey-7{fill:#434343}.chart__cursor-point.color-index-grey-4,.chart__cursor-point.color-index-grey-8{fill:#666}.chart__legend--overlay{padding:12px;pointer-events:none}@media screen and (max-width:44.9375em){.chart__legend--overlay{margin:0 auto}}@media screen and (min-width:45em){.chart__legend--overlay{position:absolute;left:0;margin:0;background-color:hsla(0,0%,100%,.8)}}.chart--area .chart__gradient.color-index-critical .begin,.chart--bar .chart__gradient.color-index-critical .begin{stop-color:#f04953}.chart--area .chart__gradient.color-index-critical .mid,.chart--bar .chart__gradient.color-index-critical .mid{stop-color:#f04953;stop-opacity:.5}.chart--area .chart__gradient.color-index-critical .end,.chart--bar .chart__gradient.color-index-critical .end{stop-color:#f04953;stop-opacity:0}.chart--area .chart__gradient.color-index-error .begin,.chart--bar .chart__gradient.color-index-error .begin{stop-color:#f04953}.chart--area .chart__gradient.color-index-error .mid,.chart--bar .chart__gradient.color-index-error .mid{stop-color:#f04953;stop-opacity:.5}.chart--area .chart__gradient.color-index-error .end,.chart--bar .chart__gradient.color-index-error .end{stop-color:#f04953;stop-opacity:0}.chart--area .chart__gradient.color-index-warning .begin,.chart--bar .chart__gradient.color-index-warning .begin{stop-color:#ffd144}.chart--area .chart__gradient.color-index-warning .mid,.chart--bar .chart__gradient.color-index-warning .mid{stop-color:#ffd144;stop-opacity:.5}.chart--area .chart__gradient.color-index-warning .end,.chart--bar .chart__gradient.color-index-warning .end{stop-color:#ffd144;stop-opacity:0}.chart--area .chart__gradient.color-index-ok .begin,.chart--bar .chart__gradient.color-index-ok .begin{stop-color:#01a982}.chart--area .chart__gradient.color-index-ok .mid,.chart--bar .chart__gradient.color-index-ok .mid{stop-color:#01a982;stop-opacity:.5}.chart--area .chart__gradient.color-index-ok .end,.chart--bar .chart__gradient.color-index-ok .end{stop-color:#01a982;stop-opacity:0}.chart--area .chart__gradient.color-index-unknown .begin,.chart--bar .chart__gradient.color-index-unknown .begin{stop-color:#ccc}.chart--area .chart__gradient.color-index-unknown .mid,.chart--bar .chart__gradient.color-index-unknown .mid{stop-color:#ccc;stop-opacity:.5}.chart--area .chart__gradient.color-index-unknown .end,.chart--bar .chart__gradient.color-index-unknown .end{stop-color:#ccc;stop-opacity:0}.chart--area .chart__gradient.color-index-disabled .begin,.chart--bar .chart__gradient.color-index-disabled .begin{stop-color:#ededed}.chart--area .chart__gradient.color-index-disabled .mid,.chart--bar .chart__gradient.color-index-disabled .mid{stop-color:#ededed;stop-opacity:.5}.chart--area .chart__gradient.color-index-disabled .end,.chart--bar .chart__gradient.color-index-disabled .end{stop-color:#ededed;stop-opacity:0}.chart--area .chart__gradient.color-index-graph-1 .begin,.chart--area .chart__gradient.color-index-graph-5 .begin,.chart--bar .chart__gradient.color-index-graph-1 .begin,.chart--bar .chart__gradient.color-index-graph-5 .begin{stop-color:#617c91}.chart--area .chart__gradient.color-index-graph-1 .mid,.chart--area .chart__gradient.color-index-graph-5 .mid,.chart--bar .chart__gradient.color-index-graph-1 .mid,.chart--bar .chart__gradient.color-index-graph-5 .mid{stop-color:#617c91;stop-opacity:.5}.chart--area .chart__gradient.color-index-graph-1 .end,.chart--area .chart__gradient.color-index-graph-5 .end,.chart--bar .chart__gradient.color-index-graph-1 .end,.chart--bar .chart__gradient.color-index-graph-5 .end{stop-color:#617c91;stop-opacity:0}.chart--area .chart__gradient.color-index-graph-2 .begin,.chart--area .chart__gradient.color-index-graph-6 .begin,.chart--bar .chart__gradient.color-index-graph-2 .begin,.chart--bar .chart__gradient.color-index-graph-6 .begin{stop-color:#94aba8}.chart--area .chart__gradient.color-index-graph-2 .mid,.chart--area .chart__gradient.color-index-graph-6 .mid,.chart--bar .chart__gradient.color-index-graph-2 .mid,.chart--bar .chart__gradient.color-index-graph-6 .mid{stop-color:#94aba8;stop-opacity:.5}.chart--area .chart__gradient.color-index-graph-2 .end,.chart--area .chart__gradient.color-index-graph-6 .end,.chart--bar .chart__gradient.color-index-graph-2 .end,.chart--bar .chart__gradient.color-index-graph-6 .end{stop-color:#94aba8;stop-opacity:0}.chart--area .chart__gradient.color-index-graph-3 .begin,.chart--area .chart__gradient.color-index-graph-7 .begin,.chart--bar .chart__gradient.color-index-graph-3 .begin,.chart--bar .chart__gradient.color-index-graph-7 .begin{stop-color:#998e88}.chart--area .chart__gradient.color-index-graph-3 .mid,.chart--area .chart__gradient.color-index-graph-7 .mid,.chart--bar .chart__gradient.color-index-graph-3 .mid,.chart--bar .chart__gradient.color-index-graph-7 .mid{stop-color:#998e88;stop-opacity:.5}.chart--area .chart__gradient.color-index-graph-3 .end,.chart--area .chart__gradient.color-index-graph-7 .end,.chart--bar .chart__gradient.color-index-graph-3 .end,.chart--bar .chart__gradient.color-index-graph-7 .end{stop-color:#998e88;stop-opacity:0}.chart--area .chart__gradient.color-index-graph-4 .begin,.chart--area .chart__gradient.color-index-graph-8 .begin,.chart--bar .chart__gradient.color-index-graph-4 .begin,.chart--bar .chart__gradient.color-index-graph-8 .begin{stop-color:#8c6694}.chart--area .chart__gradient.color-index-graph-4 .mid,.chart--area .chart__gradient.color-index-graph-8 .mid,.chart--bar .chart__gradient.color-index-graph-4 .mid,.chart--bar .chart__gradient.color-index-graph-8 .mid{stop-color:#8c6694;stop-opacity:.5}.chart--area .chart__gradient.color-index-graph-4 .end,.chart--area .chart__gradient.color-index-graph-8 .end,.chart--bar .chart__gradient.color-index-graph-4 .end,.chart--bar .chart__gradient.color-index-graph-8 .end{stop-color:#8c6694;stop-opacity:0}.chart--small .chart__graphic{height:96px}.chart--large .chart__graphic{height:288px}.chart--sparkline{display:inline-block;margin-right:6px}.chart--sparkline .chart__graphic{width:auto;height:24px}.chart--sparkline .chart__values-area.color-index-unset,.chart--sparkline .chart__values-bar.color-index-unset{fill:#ddd}.chart--sparkline .chart__values-area.color-index-brand,.chart--sparkline .chart__values-bar.color-index-brand{fill:#01a982}.chart--sparkline .chart__values-area.color-index-critical,.chart--sparkline .chart__values-area.color-index-error,.chart--sparkline .chart__values-bar.color-index-critical,.chart--sparkline .chart__values-bar.color-index-error{fill:#f04953}.chart--sparkline .chart__values-area.color-index-warning,.chart--sparkline .chart__values-bar.color-index-warning{fill:#ffd144}.chart--sparkline .chart__values-area.color-index-ok,.chart--sparkline .chart__values-bar.color-index-ok{fill:#01a982}.chart--sparkline .chart__values-area.color-index-unknown,.chart--sparkline .chart__values-bar.color-index-unknown{fill:#ccc}.chart--sparkline .chart__values-area.color-index-disabled,.chart--sparkline .chart__values-bar.color-index-disabled{fill:#ededed}.chart--sparkline .chart__values-area.color-index-graph-1,.chart--sparkline .chart__values-area.color-index-graph-5,.chart--sparkline .chart__values-bar.color-index-graph-1,.chart--sparkline .chart__values-bar.color-index-graph-5{fill:#617c91}.chart--sparkline .chart__values-area.color-index-graph-2,.chart--sparkline .chart__values-area.color-index-graph-6,.chart--sparkline .chart__values-bar.color-index-graph-2,.chart--sparkline .chart__values-bar.color-index-graph-6{fill:#94aba8}.chart--sparkline .chart__values-area.color-index-graph-3,.chart--sparkline .chart__values-area.color-index-graph-7,.chart--sparkline .chart__values-bar.color-index-graph-3,.chart--sparkline .chart__values-bar.color-index-graph-7{fill:#998e88}.chart--sparkline .chart__values-area.color-index-graph-4,.chart--sparkline .chart__values-area.color-index-graph-8,.chart--sparkline .chart__values-bar.color-index-graph-4,.chart--sparkline .chart__values-bar.color-index-graph-8{fill:#8c6694}.chart--sparkline .chart__values-area.color-index-grey-1,.chart--sparkline .chart__values-area.color-index-grey-5,.chart--sparkline .chart__values-bar.color-index-grey-1,.chart--sparkline .chart__values-bar.color-index-grey-5{fill:#333}.chart--sparkline .chart__values-area.color-index-grey-2,.chart--sparkline .chart__values-area.color-index-grey-6,.chart--sparkline .chart__values-bar.color-index-grey-2,.chart--sparkline .chart__values-bar.color-index-grey-6{fill:#3b3b3b}.chart--sparkline .chart__values-area.color-index-grey-3,.chart--sparkline .chart__values-area.color-index-grey-7,.chart--sparkline .chart__values-bar.color-index-grey-3,.chart--sparkline .chart__values-bar.color-index-grey-7{fill:#434343}.chart--sparkline .chart__values-area.color-index-grey-4,.chart--sparkline .chart__values-area.color-index-grey-8,.chart--sparkline .chart__values-bar.color-index-grey-4,.chart--sparkline .chart__values-bar.color-index-grey-8{fill:#666}.check-box{margin-right:12px;white-space:nowrap}.check-box:not(.check-box--disabled){cursor:pointer}.check-box:hover:not(.check-box--disabled) .check-box__control{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box:hover:not(.check-box--disabled) .check-box__control{border-color:#fff}.check-box:hover:not(.check-box--disabled) .check-box__input:checked+.check-box__control{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box:hover:not(.check-box--disabled) .check-box__input:checked+.check-box__control{border-color:#fff}.check-box:hover:not(.check-box--disabled) .check-box__label{color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box:hover:not(.check-box--disabled) .check-box__label{color:#fff}.check-box__input{opacity:0;position:absolute}.check-box__input:checked+.check-box__control{border-color:#01a982}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box__input:checked+.check-box__control{border-color:#fff}.check-box__input:checked+.check-box__control .check-box__control-check{display:block}.check-box__input:checked+.check-box__control+.check-box__label{color:#333}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box__input:checked+.check-box__control+.check-box__label{color:#fff}.check-box__input:focus+.check-box__control{border-color:#2ad2c9;box-shadow:0 0 1px 1px #2ad2c9}.check-box__control{position:relative;top:-1px;display:inline-block;width:24px;height:24px;margin-right:12px;vertical-align:middle;background-color:inherit;border:2px solid #999;border-radius:0}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box__control{border-color:#dbdbdb}.check-box__control-check{position:absolute;top:-2px;left:-2px;display:none;width:24px;height:24px;stroke-width:4px;stroke:#01a982}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box__control-check{stroke:#fff}.check-box__label{color:#777}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box__label{color:#dbdbdb}.check-box--disabled .check-box__control{opacity:.5}.check-box--toggle:hover:not(.check-box--disabled) .check-box__control:after{content:"";border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle:hover:not(.check-box--disabled) .check-box__control:after{background-color:#fff;border-color:#fff}.check-box--toggle:hover:not(.check-box--disabled) .check-box__input:checked+.check-box__control:after{content:"";border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle:hover:not(.check-box--disabled) .check-box__input:checked+.check-box__control:after{background-color:#fff;border-color:#fff}.check-box--toggle .check-box__control{width:48px;height:24px;border-radius:24px;background-color:#b2b2b2;border:none;transition:background-color .3s}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle .check-box__control{background-color:hsla(0,0%,100%,.1)}.check-box--toggle .check-box__control:after{content:"";display:block;position:absolute;top:-2px;left:0;width:28px;height:28px;background-color:#fff;border:2px solid #999;border-radius:24px;transition:margin-left .3s}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle .check-box__control:after{background-color:transparent;border-color:#dbdbdb}.check-box--toggle .check-box__input:checked+.check-box__control{background-color:#01a982}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle .check-box__input:checked+.check-box__control{background-color:hsla(0,0%,100%,.1)}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle .check-box__input:checked+.check-box__control .check-box__control-check{stroke:transparent}.check-box--toggle .check-box__input:checked+.check-box__control:after{content:"";background-color:#fff;border-color:#01a982;margin-left:24px}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle .check-box__input:checked+.check-box__control:after{border-color:#dbdbdb}.background-color-index-neutral-1,.background-color-index-neutral-5{background-color:#425563}.background-color-index-neutral-1-a,.background-color-index-neutral-5-a{background-color:rgba(66,85,99,.8)}.background-color-index-neutral-2,.background-color-index-neutral-6{background-color:#5f7a76}.background-color-index-neutral-2-a,.background-color-index-neutral-6-a{background-color:rgba(95,122,118,.8)}.background-color-index-neutral-3,.background-color-index-neutral-7{background-color:#80746e}.background-color-index-neutral-3-a,.background-color-index-neutral-7-a{background-color:hsla(20,8%,47%,.8)}.background-color-index-neutral-4,.background-color-index-neutral-8{background-color:#767676}.background-color-index-neutral-4-a,.background-color-index-neutral-8-a{background-color:hsla(0,0%,46%,.8)}.background-color-index-accent-1,.background-color-index-accent-3{background-color:#2ad2c9}.background-color-index-accent-1-a,.background-color-index-accent-3-a{background-color:rgba(42,210,201,.8)}.background-color-index-accent-2,.background-color-index-accent-4{background-color:#614767}.background-color-index-accent-2-a,.background-color-index-accent-4-a{background-color:rgba(97,71,103,.8)}.background-color-index-grey-1,.background-color-index-grey-5{background-color:#333}.background-color-index-grey-1-a,.background-color-index-grey-5-a{background-color:rgba(51,51,51,.8)}.background-color-index-grey-2,.background-color-index-grey-6{background-color:#3b3b3b}.background-color-index-grey-2-a,.background-color-index-grey-6-a{background-color:rgba(59,59,59,.8)}.background-color-index-grey-3,.background-color-index-grey-7{background-color:#434343}.background-color-index-grey-3-a,.background-color-index-grey-7-a{background-color:rgba(67,67,67,.8)}.background-color-index-grey-4,.background-color-index-grey-8{background-color:#666}.background-color-index-grey-4-a,.background-color-index-grey-8-a{background-color:hsla(0,0%,40%,.8)}.background-color-index-graph-1,.background-color-index-graph-5{background-color:#617c91}.background-color-index-graph-2,.background-color-index-graph-6{background-color:#94aba8}.background-color-index-graph-3,.background-color-index-graph-7{background-color:#998e88}.background-color-index-graph-4,.background-color-index-graph-8{background-color:#8c6694}[class*=background-color-index-]{color:#dbdbdb}.background-color-index-light-1,.background-color-index-light-3{background-color:#fff;color:#333}.background-color-index-light-2,.background-color-index-light-4{background-color:#f5f5f5;color:#333}.center-column{padding-left:24px;padding-right:24px}.center-column .center-column__content{width:100%;max-width:960px;margin-left:auto;margin-right:auto}@media screen and (min-width:45em){.dashboard{height:calc(100vh - 96px)}}@media screen and (max-width:44.9375em){.dashboard{height:calc(100vh - 48px)}}.distribution{position:relative;display:block}.distribution__graphic{width:100%;height:192px;max-height:calc(100vh - 144px)}.distribution__box{cursor:pointer}.distribution__box.color-index-unset{fill:#ddd}.distribution__box.color-index-brand{fill:#01a982}.distribution__box.color-index-critical,.distribution__box.color-index-error{fill:#f04953}.distribution__box.color-index-warning{fill:#ffd144}.distribution__box.color-index-ok{fill:#01a982}.distribution__box.color-index-unknown{fill:#ccc}.distribution__box.color-index-disabled{fill:#ededed}.distribution__box.color-index-graph-1,.distribution__box.color-index-graph-5{fill:#617c91}.distribution__box.color-index-graph-2,.distribution__box.color-index-graph-6{fill:#94aba8}.distribution__box.color-index-graph-3,.distribution__box.color-index-graph-7{fill:#998e88}.distribution__box.color-index-graph-4,.distribution__box.color-index-graph-8{fill:#8c6694}.distribution__box.color-index-grey-1,.distribution__box.color-index-grey-5{fill:#333}.distribution__box.color-index-grey-2,.distribution__box.color-index-grey-6{fill:#3b3b3b}.distribution__box.color-index-grey-3,.distribution__box.color-index-grey-7{fill:#434343}.distribution__box.color-index-grey-4,.distribution__box.color-index-grey-8{fill:#666}.distribution__icons.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.distribution__icons.color-index-unset{stroke:#ddd}.distribution__icons.color-index-brand{stroke:#01a982}.distribution__icons.color-index-critical,.distribution__icons.color-index-error{stroke:#f04953}.distribution__icons.color-index-warning{stroke:#ffd144}.distribution__icons.color-index-ok{stroke:#01a982}.distribution__icons.color-index-unknown{stroke:#ccc}.distribution__icons.color-index-disabled{stroke:#ededed}.distribution__icons.color-index-graph-1,.distribution__icons.color-index-graph-5{stroke:#617c91}.distribution__icons.color-index-graph-2,.distribution__icons.color-index-graph-6{stroke:#94aba8}.distribution__icons.color-index-graph-3,.distribution__icons.color-index-graph-7{stroke:#998e88}.distribution__icons.color-index-graph-4,.distribution__icons.color-index-graph-8{stroke:#8c6694}.distribution__icons.color-index-grey-1,.distribution__icons.color-index-grey-5{stroke:#333}.distribution__icons.color-index-grey-2,.distribution__icons.color-index-grey-6{stroke:#3b3b3b}.distribution__icons.color-index-grey-3,.distribution__icons.color-index-grey-7{stroke:#434343}.distribution__icons.color-index-grey-4,.distribution__icons.color-index-grey-8{stroke:#666}.distribution__icons.color-index-light-1,.distribution__icons.color-index-light-3{stroke:#fff}.distribution__icons.color-index-light-2,.distribution__icons.color-index-light-4{stroke:#f5f5f5}.distribution__label{position:absolute;padding:24px;font-family:Metric,Arial,sans-serif;color:#dbdbdb;overflow:hidden;text-align:left;pointer-events:none}.distribution__label-value{display:block;font-size:36px;font-size:2.25rem;line-height:1.33333;font-weight:700}.distribution__label-units{font-size:24px;font-size:1.5rem;line-height:inherit;margin-left:6px;font-weight:400}.distribution__label-label{display:block}.distribution__label--small{padding:12px}.distribution__label--small .distribution__label-value{font-size:20px;font-size:1.25rem;line-height:1.2}.distribution__label--thin .distribution__label-label,.distribution__label--thin .distribution__label-value{display:inline-block}.distribution__label--icons{background-color:hsla(0,0%,100%,.8);color:#333}.distribution__label--icons .label-units{color:#777}.distribution__label--icons .label-label{display:block}.distribution__loading-indicator{stroke-width:24px}.distribution__loading-indicator.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.distribution__loading-indicator.color-index-unset{stroke:#ddd}.distribution__loading-indicator.color-index-brand{stroke:#01a982}.distribution__loading-indicator.color-index-critical,.distribution__loading-indicator.color-index-error{stroke:#f04953}.distribution__loading-indicator.color-index-warning{stroke:#ffd144}.distribution__loading-indicator.color-index-ok{stroke:#01a982}.distribution__loading-indicator.color-index-unknown{stroke:#ccc}.distribution__loading-indicator.color-index-disabled{stroke:#ededed}.distribution__loading-indicator.color-index-graph-1,.distribution__loading-indicator.color-index-graph-5{stroke:#617c91}.distribution__loading-indicator.color-index-graph-2,.distribution__loading-indicator.color-index-graph-6{stroke:#94aba8}.distribution__loading-indicator.color-index-graph-3,.distribution__loading-indicator.color-index-graph-7{stroke:#998e88}.distribution__loading-indicator.color-index-graph-4,.distribution__loading-indicator.color-index-graph-8{stroke:#8c6694}.distribution__loading-indicator.color-index-grey-1,.distribution__loading-indicator.color-index-grey-5{stroke:#333}.distribution__loading-indicator.color-index-grey-2,.distribution__loading-indicator.color-index-grey-6{stroke:#3b3b3b}.distribution__loading-indicator.color-index-grey-3,.distribution__loading-indicator.color-index-grey-7{stroke:#434343}.distribution__loading-indicator.color-index-grey-4,.distribution__loading-indicator.color-index-grey-8{stroke:#666}.distribution__loading-indicator.color-index-light-1,.distribution__loading-indicator.color-index-light-3{stroke:#fff}.distribution__loading-indicator.color-index-light-2,.distribution__loading-indicator.color-index-light-4{stroke:#f5f5f5}.distribution--icons .distribution__label{padding:0 12px 12px 0}.distribution--icons .distribution__label-value{line-height:1}.distribution--small .distribution__graphic{height:96px}.distribution--large .distribution__graphic{height:288px}@-webkit-keyframes c{0%{stroke-dashoffset:768px}to{stroke-dashoffset:0}}@keyframes c{0%{stroke-dashoffset:768px}to{stroke-dashoffset:0}}@media screen and (max-width:44.9375em){.donut{width:192px;margin:0 auto}}.donut.series-pre path{stroke-dashoffset:768px}.donut__graphic-container{position:relative;width:192px;height:192px}.donut svg.donut__graphic{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible}.donut__slice{stroke-width:24px;stroke-linecap:butt;stroke-dasharray:768px 768px;stroke-dashoffset:0;fill:none;cursor:pointer;stroke:#b2b2b2}.donut__slice.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.donut__slice.color-index-unset{stroke:#ddd}.donut__slice.color-index-brand{stroke:#01a982}.donut__slice.color-index-critical,.donut__slice.color-index-error{stroke:#f04953}.donut__slice.color-index-warning{stroke:#ffd144}.donut__slice.color-index-ok{stroke:#01a982}.donut__slice.color-index-unknown{stroke:#ccc}.donut__slice.color-index-disabled{stroke:#ededed}.donut__slice.color-index-graph-1,.donut__slice.color-index-graph-5{stroke:#617c91}.donut__slice.color-index-graph-2,.donut__slice.color-index-graph-6{stroke:#94aba8}.donut__slice.color-index-graph-3,.donut__slice.color-index-graph-7{stroke:#998e88}.donut__slice.color-index-graph-4,.donut__slice.color-index-graph-8{stroke:#8c6694}.donut__slice.color-index-grey-1,.donut__slice.color-index-grey-5{stroke:#333}.donut__slice.color-index-grey-2,.donut__slice.color-index-grey-6{stroke:#3b3b3b}.donut__slice.color-index-grey-3,.donut__slice.color-index-grey-7{stroke:#434343}.donut__slice.color-index-grey-4,.donut__slice.color-index-grey-8{stroke:#666}.donut__slice.color-index-light-1,.donut__slice.color-index-light-3{stroke:#fff}.donut__slice.color-index-light-2,.donut__slice.color-index-light-4{stroke:#f5f5f5}@media screen and (min-width:45em){.donut__slice{-webkit-animation:c 3s;animation:c 3s}}.donut__slice-indicator.color-index-unset{fill:#ddd}.donut__slice-indicator.color-index-brand{fill:#01a982}.donut__slice-indicator.color-index-critical,.donut__slice-indicator.color-index-error{fill:#f04953}.donut__slice-indicator.color-index-warning{fill:#ffd144}.donut__slice-indicator.color-index-ok{fill:#01a982}.donut__slice-indicator.color-index-unknown{fill:#ccc}.donut__slice-indicator.color-index-disabled{fill:#ededed}.donut__slice-indicator.color-index-graph-1,.donut__slice-indicator.color-index-graph-5{fill:#617c91}.donut__slice-indicator.color-index-graph-2,.donut__slice-indicator.color-index-graph-6{fill:#94aba8}.donut__slice-indicator.color-index-graph-3,.donut__slice-indicator.color-index-graph-7{fill:#998e88}.donut__slice-indicator.color-index-graph-4,.donut__slice-indicator.color-index-graph-8{fill:#8c6694}.donut__slice-indicator.color-index-grey-1,.donut__slice-indicator.color-index-grey-5{fill:#333}.donut__slice-indicator.color-index-grey-2,.donut__slice-indicator.color-index-grey-6{fill:#3b3b3b}.donut__slice-indicator.color-index-grey-3,.donut__slice-indicator.color-index-grey-7{fill:#434343}.donut__slice-indicator.color-index-grey-4,.donut__slice-indicator.color-index-grey-8{fill:#666}.donut__slice--active{stroke-width:24px}.donut__active{position:absolute;width:100%;margin-top:72px;text-align:center;white-space:normal;pointer-events:none}.donut__active-value{font-size:36px;font-size:2.25rem;line-height:38px;font-weight:700}.donut__active-units{font-size:24px;font-size:1.5rem;line-height:inherit;margin-left:6px;color:#777;font-weight:400}.donut__active-label{width:50%;margin:0 auto;font-size:14px;font-size:.875rem;line-height:16px}.donut__max-label,.donut__min-label{position:absolute;bottom:0;color:#777;font-size:14px;font-size:.875rem;line-height:1.71429}.donut__min-label{left:12px}.donut__max-label{right:12px}.donut__legend{margin:24px 0 0}@media screen and (min-width:45em){.donut--landscape{white-space:nowrap}.donut--landscape .donut__graphic-container,.donut--landscape .donut__legend{display:inline-block;vertical-align:middle}.donut--landscape .donut__legend{margin:0 0 0 24px}}.donut--portrait .donut__graphic-container{display:block}.donut--portrait .donut__legend{margin:24px 0 0}.donut--partial .donut__graphic-container{height:168px}.donut--small .donut__graphic-container{width:144px;height:144px}.donut--small .donut__active{margin-top:48px}@media screen and (min-width:45em){.donut--small .donut__legend{display:none}}.drop{position:fixed;z-index:5;background-color:hsla(0,0%,100%,.9);border:none;border-radius:0;box-shadow:0 2px 4px rgba(0,0,0,.3);overflow:auto}.footer{min-height:36px;line-height:36px;width:100%}.footer__content{display:flex;justify-content:space-between;width:100%;padding-left:24px;padding-right:24px}.footer__content.center-column__content>.menu:first-child{flex:0 0 auto;width:192px}@media screen and (max-width:44.9375em){.footer__content.center-column__content>.menu:first-child{width:100%}.footer__content.center-column__content>.menu:first-child:empty{width:0;margin:0;padding:0}}.footer__content>.flex-1{flex:1}.footer__content>.flex-2{flex:2}.footer__content>.flex-3{flex:3}.footer__content>.flex-4{flex:4}.footer__content>*{margin-right:48px}.footer__content>:last-child{margin-right:0;text-align:left}.footer--primary{height:auto;padding:24px}.footer--primary .footer__content{position:relative;color:#777;display:block}.footer--primary .footer__content p{padding-top:12px;margin:0;max-width:none;text-align:right;line-height:24px}.footer--centered .footer__content{display:block;text-align:center}.footer--centered .footer__content>*{margin-right:auto;margin-left:auto;text-align:center}.footer--flush .footer__content{padding-left:0;padding-right:0}.footer--large .footer__content{padding-top:24px;padding-bottom:24px}.footer__container--float{padding-left:24px;padding-right:24px}.footer__container--float,:not(.footer__container--float)>.footer--float{position:absolute;bottom:0;left:0;right:0}.form{position:relative}@media screen and (min-width:45em){.form{width:480px;max-width:100%}.form .form-field .tiles__container{max-width:480px}}.form--pad-none{padding:0}.form--pad-small{padding:12px}.form--pad-medium{padding:24px}.form--pad-large{padding:48px}.form--pad-horizontal-none{padding-left:0;padding-right:0}.form--pad-horizontal-small{padding-left:12px;padding-right:12px}.form--pad-horizontal-medium{padding-left:24px;padding-right:24px}.form--pad-horizontal-large{padding-left:48px;padding-right:48px}.form--pad-vertical-none{padding-top:0;padding-bottom:0}.form--pad-vertical-small{padding-top:12px;padding-bottom:12px}.form--pad-vertical-medium{padding-top:24px;padding-bottom:24px}.form--pad-vertical-large{padding-top:48px;padding-bottom:48px}.form>.header .header__wrapper{background-color:inherit}.form fieldset{border:none;margin:0;margin-bottom:2rem;margin-top:24px}.form fieldset:first-child{margin-top:0}.form fieldset:last-child{margin-bottom:0}.form fieldset>legend{font-size:24px;font-size:1.5rem;line-height:1;font-weight:600;margin-bottom:12px}.form fieldset>:not(.form-field)+.form-field{margin-top:12px}.form fieldset>.form-field+:not(.form-field):not(.form-fields){margin-top:24px}.form fieldset>.form-fields{display:flex;flex-direction:row}.form fieldset>.form-fields .form-field{margin-bottom:-1px}.form--fill{min-width:0}.form--compact{max-width:288px}.form-field{position:relative;padding:6px 24px;border:1px solid #ccc;margin-bottom:-1px;background-color:#fff;color:#333;opacity:1}@media screen and (min-width:45em){.form-field{width:100%;overflow:auto;transition:all .4s,padding-top .3s .1s,padding-bottom .3s .1s}}@media screen and (max-width:44.9375em){.form-field{display:block}}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field{background-color:transparent;color:#dbdbdb}.form--fill .form-field{width:100%}.form-field:last-child{margin-bottom:0}.form-field__label{display:block;font-size:14px;font-size:.875rem;line-height:24px;color:#777}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__label{color:#dbdbdb}.form-field__contents{display:block;margin-left:-24px;margin-right:-24px}.form-field__contents>.calendar input,.form-field__contents>.search-input input,.form-field__contents>input[type=email],.form-field__contents>input[type=file],.form-field__contents>input[type=number],.form-field__contents>input[type=password],.form-field__contents>input[type=range],.form-field__contents>input[type=text],.form-field__contents>select,.form-field__contents>textarea{display:block;width:100%;border:none;padding:0;padding-left:24px;padding-right:24px;border-radius:0;font-size:16px;font-size:1rem;line-height:1.5}.form-field__contents>.calendar input:focus,.form-field__contents>.search-input input:focus,.form-field__contents>input[type=email]:focus,.form-field__contents>input[type=file]:focus,.form-field__contents>input[type=number]:focus,.form-field__contents>input[type=password]:focus,.form-field__contents>input[type=range]:focus,.form-field__contents>input[type=text]:focus,.form-field__contents>select:focus,.form-field__contents>textarea:focus{border:none}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>.calendar input,[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>.search-input input,[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=email],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=file],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=number],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=password],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=range],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=text],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>select,[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>textarea{color:#fff}.form-field__contents>input[type=range]{width:calc(100% - 48px);margin-left:24px;margin-right:24px;padding-left:0;padding-right:0}.form-field__contents>select{display:block;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAABGdBTUEAALGPC/xhBQAAATdJREFUOBGlUjFqw0AQ1AWBCWpd+A1pXOYHJk38BZeSOkPS5BERaWRJTcCNH2A3xj9waRf+hGsJAoLLjNk77iLFIXhB7NzO3OjuGBUEgaqqaos+wXdL7eI4frqDg27bdoZ+vsHtLB5aGZOyLJ+VUmut9Rdmj0mSHAzX16EfY77HngH2TKHfUMcTXooDEAsKMFhlWXYvVKcJtxKzhTGj0Bpy0TTNK0xPED5EUfTOWV+Ro4Za7nE19spm+NtVHP7q03gn5Ca+Hf78RoxTfOZ5PiJmEXNGTA21xG51DEmmafqBtsM3DMNwic6bKMFDcqIB9Cv0l3Z1iRIMjphMiqKYC8Os2ohYtQM6b+hwwY8o8Qm8iLhag3uvbEiJQ0EjMfMiYnRuv2pIYV3XL4xHX0Rco39hRkni9Oe+bw49m1YsR5tyAAAAAElFTkSuQmCC);background-position:center right 18px;padding-left:22px}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>select{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAABGdBTUEAALGPC/xhBQAAATtJREFUOBGdkk1KxEAQhdNiEPdZeIEk4MalNwhu9ApeQdCNhxBc6U5w4wHGjcwBAi4VMpDkCCYHkEDi+4bp0JNp/6ag6ErVey9VRZkgCExVVS/GmEzx1jYMwzxJkpMdKQxd150r8bGtGlw00DJWpK7rU8UzFT/lx2mavtma7y3L8khTvcr3VD+L4/gZHB0ujUTf93cA5E95nu/b2vSlBgYsHCsGbhTko23bK3W3EPAwiqIbcj6jBgYsHBczjmyT341i67+tZq1DSOxOf78mVgcPRVEcEGPE5IjB+Pa8IQhYO7kVcS5SFIbhI3ycmBw1MGCntjtNrL6XpySBdwlkGvNilc8kNp6Ij7uxQxfk7ou8xNdOxMXa2DuyLXIO6ugeIXx6Ihbnvj8KAmya5lKiC3x6Iq7Qv2JOCf8L6QsuVKvxz0iZVQAAAABJRU5ErkJggg==)}.form-field__contents>select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.form-field__contents ::-ms-clear,.form-field__contents>select::-ms-expand{display:none}.form-field__contents>select::-ms-value{background:none;color:inherit}.form-field__contents>textarea{vertical-align:top;height:auto;resize:vertical}.form-field__contents>.check-box,.form-field__contents>.radio-button{display:block;font-size:16px;font-size:1rem;line-height:1.5;margin:12px 24px}.form-field__contents>.calendar,.form-field__contents>.search-input{display:block}.form-field__contents>.calendar input,.form-field__contents>.search-input input{margin-left:0;margin-right:0}.form-field__contents>.calendar .calendar__control,.form-field__contents>.calendar .search-input__control,.form-field__contents>.search-input .calendar__control,.form-field__contents>.search-input .search-input__control{top:auto;right:6px;transform:none;bottom:-6px}.form-field__contents>.number-input{display:flex;padding-right:6px}.form-field__contents>.number-input input[type=number]{display:inline-block;flex:1;border:none}.form--compact .form-field__contents>.number-input input[type=number]{width:144px}.form-field__contents>input[type=file]{display:inline-block}.form-field__contents>.table--selectable{font-size:16px;font-size:1rem;line-height:1.5}.form-field__contents>.table--selectable table{margin-bottom:0}.form-field__contents>.table--selectable table td:first-child,.form-field__contents>.table--selectable table th:first-child{padding-left:24px}.form-field__contents>.form-field{width:auto;margin-top:12px;border:none}.form-field__contents>.form-field>.form-field__label{border-top:1px solid #ccc;padding-top:6px}.form-field__contents>.form-field--hidden{margin-top:0}.form-field__help{display:block;font-size:13px;font-size:.8125rem;line-height:1.84615;color:#777}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__help{color:#dbdbdb}.form-field__error{display:block;float:right;color:#f04953;line-height:24px}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__error{color:#dbdbdb}.form-field--text,.form-field--text .form-field__label{cursor:pointer}@media screen and (max-width:44.9375em){.form-field--hidden{display:none}}@media screen and (min-width:45em){.form-field--hidden{border:none;margin-bottom:0;padding-top:0;padding-bottom:0;opacity:0;overflow:hidden;max-height:0;transition:max-height .2s,all .4s}}.form-field--error{z-index:1;border-color:#f04953}.form-field--focus{z-index:2;border-color:#2ad2c9}.header{height:72px;width:100%;margin-bottom:0}.header--large{height:96px}.header--small{height:48px}.header.box>:not(:last-child){margin-right:12px}.header a{color:inherit}.header a,.header a:hover{text-decoration:none}.header .status-icon{flex-grow:0;flex-shrink:0}.header>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}header.header{font-size:24px;font-size:1.5rem;line-height:inherit;-webkit-transform:translate(0);transform:translate(0);transition:-webkit-transform .5s;transition:transform .5s}:not(.header__container--float)>header.header--float{position:absolute;top:0;left:0;right:0}header.header--primary .header__wrapper{border-bottom:none}header.header.header--splash{-webkit-transform:translateY(40vh);transform:translateY(40vh)}header.header.box--direction-row>*{margin-bottom:0}.header:not(header).box--separator-top{padding-top:6px}.header:not(header).box--separator-bottom{padding-bottom:6px}div.header__container{flex-shrink:0}div.header__container--fixed{position:relative}div.header__container--fixed .header__wrapper{position:absolute;top:0;left:0;right:0;z-index:3}@media screen and (min-width:45em){div.header__container--fixed .header__wrapper .header{position:fixed}div.header__container--fixed .header__wrapper .header:not(.header--float){background-color:hsla(0,0%,100%,.9)}}div.header__container--float{position:absolute;top:0;left:0;right:0;padding-left:24px;padding-right:24px}div.header__wrapper{height:72px}div.header--large .header__wrapper{height:96px}div.header--large .header__content{line-height:96px}div.header--small .header__wrapper{height:48px}div.header--small .header__content{line-height:48px}div.header--fixed .header__wrapper{position:absolute;top:0;left:0;right:0;background-color:hsla(0,0%,100%,.9);z-index:3}div.header--fixed.header--primary .header__wrapper{position:fixed;background-color:hsla(0,0%,100%,.9)}div.header--fixed.header--primary .header__content{position:static;background-color:transparent}div.header--flush .header__wrapper{padding-left:0;padding-right:0}.headline{font-size:48px;font-size:3rem;line-height:1;font-weight:100;margin-bottom:24px;max-width:100%}.headline--large{font-size:60px;font-size:3.75rem;line-height:1.2}.headline--small{font-size:30px;font-size:1.875rem;line-height:1.6}.headline--strong{font-weight:600}.control-icon{display:inline-block;width:24px;height:24px;vertical-align:middle;cursor:pointer;fill:#999;stroke:#999}.control-icon :not([stroke])[fill=none]{stroke-width:0}.control-icon [stroke]{stroke:inherit}.control-icon [fill*="#"]{fill:inherit}.control-icon.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.control-icon.color-index-unset{stroke:#ddd}.control-icon.color-index-brand{stroke:#01a982}.control-icon.color-index-critical,.control-icon.color-index-error{stroke:#f04953}.control-icon.color-index-warning{stroke:#ffd144}.control-icon.color-index-ok{stroke:#01a982}.control-icon.color-index-unknown{stroke:#ccc}.control-icon.color-index-disabled{stroke:#ededed}.control-icon.color-index-graph-1,.control-icon.color-index-graph-5{stroke:#617c91}.control-icon.color-index-graph-2,.control-icon.color-index-graph-6{stroke:#94aba8}.control-icon.color-index-graph-3,.control-icon.color-index-graph-7{stroke:#998e88}.control-icon.color-index-graph-4,.control-icon.color-index-graph-8{stroke:#8c6694}.control-icon.color-index-grey-1,.control-icon.color-index-grey-5{stroke:#333}.control-icon.color-index-grey-2,.control-icon.color-index-grey-6{stroke:#3b3b3b}.control-icon.color-index-grey-3,.control-icon.color-index-grey-7{stroke:#434343}.control-icon.color-index-grey-4,.control-icon.color-index-grey-8{stroke:#666}.control-icon.color-index-light-1,.control-icon.color-index-light-3{stroke:#fff}.control-icon.color-index-light-2,.control-icon.color-index-light-4{stroke:#f5f5f5}.control-icon.color-index-unset{fill:#ddd}.control-icon.color-index-brand{fill:#01a982}.control-icon.color-index-critical,.control-icon.color-index-error{fill:#f04953}.control-icon.color-index-warning{fill:#ffd144}.control-icon.color-index-ok{fill:#01a982}.control-icon.color-index-unknown{fill:#ccc}.control-icon.color-index-disabled{fill:#ededed}.control-icon.color-index-graph-1,.control-icon.color-index-graph-5{fill:#617c91}.control-icon.color-index-graph-2,.control-icon.color-index-graph-6{fill:#94aba8}.control-icon.color-index-graph-3,.control-icon.color-index-graph-7{fill:#998e88}.control-icon.color-index-graph-4,.control-icon.color-index-graph-8{fill:#8c6694}.control-icon.color-index-grey-1,.control-icon.color-index-grey-5{fill:#333}.control-icon.color-index-grey-2,.control-icon.color-index-grey-6{fill:#3b3b3b}.control-icon.color-index-grey-3,.control-icon.color-index-grey-7{fill:#434343}.control-icon.color-index-grey-4,.control-icon.color-index-grey-8{fill:#666}@media screen and (min-width:45em){.control-icon{transition:all .3s ease-in-out}}.anchor:hover:not(.anchor--disabled) .control-icon,.button:hover:not(.anchor--disabled) .control-icon,.menu__control:hover .control-icon,a:hover .control-icon{fill:#000;stroke:#000}.control-icon__badge circle{fill:#2ad2c9}.control-icon__badge text{stroke:#333;fill:#333}.button--primary .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .control-icon{fill:#dbdbdb;stroke:#dbdbdb}.button--primary:hover .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor:hover>.control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .button:hover>.control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu__control:hover>.control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a:hover>.control-icon{fill:#fff;stroke:#fff}.control-icon--active{fill:#000;stroke:#000}.control-icon--large{width:48px;height:48px}.status-icon{width:24px;height:24px;vertical-align:middle}.status-icon .status-icon__base{fill:#ccc}.status-icon-critical .status-icon__base,.status-icon-error .status-icon__base{fill:#f04953}.status-icon-warning .status-icon__base{fill:#ffd144}.status-icon-ok .status-icon__base{fill:#01a982}.status-icon-unknown .status-icon__base{fill:#ccc}.status-icon-disabled .status-icon__base{fill:#ededed}.status-icon-label .status-icon__base{fill:#ccc}.status-icon__detail{fill:#fff;stroke:#fff}.status-icon-unknown .status-icon__detail{fill:#ccc;stroke:#ccc}.status-icon--large{width:48px;height:48px}.status-icon--small{width:12px;height:12px;margin-top:6px;margin-bottom:6px}.status-icon--small .status-icon__detail{display:none}@-webkit-keyframes d{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes d{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.icon-changing{width:24px;height:24px;-webkit-animation:d 1.5s linear infinite;animation:d 1.5s linear infinite}.icon-changing--small{width:12px;height:12px}.icon-spinning{width:24px;height:24px;-webkit-animation:d 4s steps(4,end) infinite;animation:d 4s steps(4,end) infinite}.icon-spinning--small{width:12px;height:12px}.logo-icon{width:48px;height:48px}.logo-icon.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.logo-icon.color-index-unset{stroke:#ddd}.logo-icon.color-index-brand{stroke:#01a982}.logo-icon.color-index-critical,.logo-icon.color-index-error{stroke:#f04953}.logo-icon.color-index-warning{stroke:#ffd144}.logo-icon.color-index-ok{stroke:#01a982}.logo-icon.color-index-unknown{stroke:#ccc}.logo-icon.color-index-disabled{stroke:#ededed}.logo-icon.color-index-graph-1,.logo-icon.color-index-graph-5{stroke:#617c91}.logo-icon.color-index-graph-2,.logo-icon.color-index-graph-6{stroke:#94aba8}.logo-icon.color-index-graph-3,.logo-icon.color-index-graph-7{stroke:#998e88}.logo-icon.color-index-graph-4,.logo-icon.color-index-graph-8{stroke:#8c6694}.logo-icon.color-index-grey-1,.logo-icon.color-index-grey-5{stroke:#333}.logo-icon.color-index-grey-2,.logo-icon.color-index-grey-6{stroke:#3b3b3b}.logo-icon.color-index-grey-3,.logo-icon.color-index-grey-7{stroke:#434343}.logo-icon.color-index-grey-4,.logo-icon.color-index-grey-8{stroke:#666}.logo-icon.color-index-light-1,.logo-icon.color-index-light-3{stroke:#fff}.logo-icon.color-index-light-2,.logo-icon.color-index-light-4{stroke:#f5f5f5}.logo-icon--small{width:24px;height:24px}.logo-icon--large{width:96px;height:96px}.image--medium{width:576px}.image--large{width:960px}.image--small{width:240px}.image--full{width:100%;height:100%}.image--full-horizontal{width:100%}.image--full-vertical{height:100%}@media screen and (max-width:44.9375em){.label__text{display:none}}@media screen and (min-width:45em){.label__icon{display:none}}a.active>.label .label__icon.control-icon svg{fill:#000;stroke:#000}.layer{position:relative;z-index:4}@media screen and (min-width:45em){.layer{position:fixed;top:0;left:0;right:0;bottom:0}}@media screen and (max-width:44.9375em){.layer:not(.layer--hidden)+.app{display:none}}.layer__container{background-color:#fff}@media screen and (max-width:44.9375em){.layer__container{padding:0 24px;border-bottom:1px solid #ccc;box-shadow:0 2px 4px rgba(0,0,0,.3)}}@media screen and (min-width:45em){.layer__container{position:absolute;max-height:100%;max-width:100%;overflow:auto;padding:0 48px;border-radius:0;box-shadow:0 2px 4px rgba(0,0,0,.3)}}.layer__closer{position:absolute;top:0;right:0;z-index:1}.layer--flush .layer__container{padding:0}@media screen and (min-width:45em){.layer--align-center:not(.layer--hidden){background-image:radial-gradient(circle at top,#fff,#fff 20%,hsla(0,0%,50%,.6))}.layer--align-center:not(.layer--hidden) .layer__container{left:50%;top:50%;max-height:calc(100vh - 48px);max-width:calc(100vw - 48px);transform:translate(-50%,-50%)}}@media screen and (min-width:45em){.layer--align-left:not(.layer--hidden){background-image:radial-gradient(circle at left,#fff,#fff 20%,hsla(0,0%,50%,.6))}}.layer--align-left:not(.layer--hidden) .layer__container{top:0;bottom:0;left:0}@media screen and (min-width:45em){.layer--align-left:not(.layer--hidden) .layer__container{-webkit-animation:f .2s ease-in-out forwards;animation:f .2s ease-in-out forwards}}@media screen and (min-width:45em){.layer--align-right:not(.layer--hidden){background-image:radial-gradient(circle at right,#fff,#fff 20%,hsla(0,0%,50%,.6))}}.layer--align-right:not(.layer--hidden) .layer__container{top:0;bottom:0;right:0;display:flex;flex-direction:column;justify-content:center}@media screen and (min-width:45em){.layer--align-right:not(.layer--hidden) .layer__container{-webkit-animation:g .2s ease-in-out forwards;animation:g .2s ease-in-out forwards}}@media screen and (min-width:45em){.layer--align-top:not(.layer--hidden){background-image:radial-gradient(circle at top,#fff,#fff 20%,hsla(0,0%,50%,.6))}.layer--align-top:not(.layer--hidden) .layer__container{left:50%;transform:translateX(-50%)}}@media screen and (min-width:45em) and (min-width:45em){.layer--align-top:not(.layer--hidden) .layer__container{-webkit-animation:h .2s ease-in-out forwards;animation:h .2s ease-in-out forwards}}@media screen and (min-width:45em){.layer--align-bottom:not(.layer--hidden){background-image:radial-gradient(circle at bottom,#fff,#fff 20%,hsla(0,0%,50%,.6))}}.layer--align-bottom:not(.layer--hidden) .layer__container{bottom:0}.layer--hidden{left:-10000px;z-index:-1}.layer--hidden.layer--align-left{right:auto}.layer--hidden.layer--align-left .layer__container{left:-100vw}@media screen and (max-width:44.9375em){.layer--hidden{display:none}}@media screen and (min-width:45em){.layer--hidden.layer--peek{left:0;z-index:4}.layer--hidden.layer--peek.layer--align-left{right:auto}.layer--hidden.layer--peek.layer--align-left .layer__container{left:auto;right:-12px;border-right:10px solid #01a982;-webkit-animation:e .5s ease-in-out alternate 5;animation:e .5s ease-in-out alternate 5}}@-webkit-keyframes e{0%{right:-6px}to{right:-12px}}@keyframes e{0%{right:-6px}to{right:-12px}}@-webkit-keyframes f{0%{left:-100vw}to{left:0}}@keyframes f{0%{left:-100vw}to{left:0}}@-webkit-keyframes g{0%{right:-100vw}to{right:0}}@keyframes g{0%{right:-100vw}to{right:0}}@-webkit-keyframes h{0%{top:-100vh}to{top:0}}@keyframes h{0%{top:-100vh}to{top:0}}.list{list-style-type:none;margin:0;padding:0;overflow:auto}.list__empty,.list__more{padding:12px 24px}.list__empty{color:#777;font-style:italic}.list .list-item{padding:12px 24px;border-bottom:1px solid #ccc;display:flex;align-items:center;max-width:none}.list .list-item:last-child{border-bottom:none}.list .list-item__image{height:24px;width:24px;margin-right:24px;overflow:hidden;flex:0 0 auto}.list .list-item__image img{height:100%;width:100%;max-width:none;object-fit:cover}.list .list-item__annotation,.list .list-item__label{flex:1}.list .list-item__annotation{margin-left:24px;color:#777}.list .list-item--selectable{cursor:pointer}.list .list-item--selectable:hover{background-color:rgba(0,0,0,.1)}.list .list-item--selected{background-color:#d0f3eb;color:#333}.list .list-item--row .list-item__annotation{text-align:right}.list .list-item--column{flex-direction:column;align-items:start}.list--selectable .list-item{cursor:pointer;transition:background-color .2s}.list--selectable .list-item--selected{background-color:#d0f3eb;color:#333}.list--selectable .list-item:hover:not(.list-item--selected){background-color:rgba(0,0,0,.1);color:#000}.list--small .list-item,.list--small .list__more{padding-top:6px;padding-bottom:6px}.list--small .list-item__image,.list--small .list__more__image{height:12px;width:12px}.list--large .list-item,.list--large .list__more{padding-top:24px;padding-bottom:24px}.list--large .list-item__image,.list--large .list__more__image{height:48px;width:48px}.legend{text-align:left;list-style-type:none;white-space:normal;display:inline-block;margin:0}.legend__item,.legend__total{color:#777}.legend__item>*,.legend__total>*{vertical-align:top}.legend__item-label,.legend__total-label{display:inline-block;width:72px}.legend__item-value,.legend__total-value{display:inline-block;width:72px;text-align:right}.legend__item-units,.legend__total-units{display:inline-block;margin-left:6px}.legend__item{cursor:pointer}.legend__item svg.legend__item-swatch{width:12px;height:12px;margin-top:6px;margin-right:12px;overflow:visible}.legend__item svg.legend__item-swatch.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.legend__item svg.legend__item-swatch.color-index-unset{stroke:#ddd}.legend__item svg.legend__item-swatch.color-index-brand{stroke:#01a982}.legend__item svg.legend__item-swatch.color-index-critical,.legend__item svg.legend__item-swatch.color-index-error{stroke:#f04953}.legend__item svg.legend__item-swatch.color-index-warning{stroke:#ffd144}.legend__item svg.legend__item-swatch.color-index-ok{stroke:#01a982}.legend__item svg.legend__item-swatch.color-index-unknown{stroke:#ccc}.legend__item svg.legend__item-swatch.color-index-disabled{stroke:#ededed}.legend__item svg.legend__item-swatch.color-index-graph-1,.legend__item svg.legend__item-swatch.color-index-graph-5{stroke:#617c91}.legend__item svg.legend__item-swatch.color-index-graph-2,.legend__item svg.legend__item-swatch.color-index-graph-6{stroke:#94aba8}.legend__item svg.legend__item-swatch.color-index-graph-3,.legend__item svg.legend__item-swatch.color-index-graph-7{stroke:#998e88}.legend__item svg.legend__item-swatch.color-index-graph-4,.legend__item svg.legend__item-swatch.color-index-graph-8{stroke:#8c6694}.legend__item svg.legend__item-swatch.color-index-grey-1,.legend__item svg.legend__item-swatch.color-index-grey-5{stroke:#333}.legend__item svg.legend__item-swatch.color-index-grey-2,.legend__item svg.legend__item-swatch.color-index-grey-6{stroke:#3b3b3b}.legend__item svg.legend__item-swatch.color-index-grey-3,.legend__item svg.legend__item-swatch.color-index-grey-7{stroke:#434343}.legend__item svg.legend__item-swatch.color-index-grey-4,.legend__item svg.legend__item-swatch.color-index-grey-8{stroke:#666}.legend__item svg.legend__item-swatch.color-index-light-1,.legend__item svg.legend__item-swatch.color-index-light-3{stroke:#fff}.legend__item svg.legend__item-swatch.color-index-light-2,.legend__item svg.legend__item-swatch.color-index-light-4{stroke:#f5f5f5}.legend__item svg.legend__item-swatch path{stroke-width:12px;transition-property:stroke-width;transition-duration:.3s;transition-timing-function:ease-in-out}.legend__item--active{color:#333}.legend__item--active svg.legend__item-swatch path{stroke-width:12px}.legend__total{margin-left:24px}.legend__total>*{margin-top:6px;padding-top:6px;border-top:1px dotted #ccc}.legend--single .legend__item-value{font-size:36px;font-size:2.25rem;line-height:1.33333;font-weight:700;width:auto}.legend--single .legend__item-units{font-size:24px;font-size:1.5rem;line-height:inherit;margin-left:6px;color:#777;font-weight:400}.login{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:6}.login__background{position:absolute;max-width:none}.login__background--portrait{width:auto;height:100%}.login__background--landscape{height:auto;width:100%}.login__container{position:relative;width:384px;margin:96px auto;z-index:1;-webkit-animation-name:b;-webkit-animation-duration:.5s;animation-name:b;animation-duration:.5s}@media screen and (max-width:44.9375em){.login__container{margin:48px 0;width:100%;border-radius:0}}.login__footer{position:absolute;left:0;right:0;bottom:6px;padding:6px 24px;background-color:hsla(0,0%,100%,.9);text-align:center}.login-form{position:relative;width:384px;padding:24px;padding-bottom:48px;background-color:#fff;text-align:center;z-index:1;-webkit-animation-name:b;-webkit-animation-duration:.5s;animation-name:b;animation-duration:.5s}@media screen and (max-width:44.9375em){.login-form{width:100%;border-radius:0}}.login-form__secondary-text{color:#777}.login-form fieldset{text-align:left;border:none;margin-bottom:0}.login-form fieldset>*{width:100%;display:block}.login-form__remember-me{display:block;margin-top:24px;text-align:left}.login-form__submit{margin-top:24px;width:100%}.login-form__error{margin-bottom:12px;color:#f04953;text-align:left}.login-form__footer{margin-top:12px;display:flex;justify-content:space-between;line-height:36px}.map{position:relative;padding:24px}.map__canvas{position:absolute;top:0;left:0;z-index:-1;opacity:.1}.map__canvas--highlight{opacity:1}.map__categories{margin:0;list-style-type:none}.map__category{position:relative;padding-top:24px;margin-bottom:12px;max-width:none}.map__category-label{position:absolute;top:0;left:0;font-size:14px;font-size:.875rem;line-height:1.71429}.map__category-items{margin:0;list-style-type:none;overflow:hidden;text-align:center}.map__item{display:inline-block;width:192px;border:1px solid #ccc;margin-right:12px;margin-bottom:12px;background-color:#fff;font-size:16px;font-size:1rem;line-height:1.5}.map__item>a{display:block;padding:6px 12px;transition:background-color .2s}.map__item>a>*{display:inline-block}.map__item>a:hover{background-color:rgba(0,0,0,.1)}.map__item .status-icon{margin-right:6px}.map__item--active{border-color:#000}.menu{position:relative;font-size:19px;font-size:1.1875rem;line-height:inherit}.menu:focus{outline:none}.menu:focus:not(.menu--expanded):after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border:1px solid #2ad2c9;box-shadow:0 0 1px 1px #2ad2c9;pointer-events:none}.menu>*{flex:0 0 auto}.menu a:not(.button){text-decoration:none}.menu a:not(.button):hover{color:#000}.menu a:not(.button).active{color:#017b5f}.menu__control .control-icon-down{width:12px;height:12px}.menu__control .control-icon-down path,.menu__control .control-icon-down polyline{stroke-width:4px}.menu__drop{font-size:16px;font-size:1rem;line-height:inherit;max-height:100vh}.menu__drop .anchor,.menu__drop a{padding:12px 24px;white-space:nowrap;display:block}.menu__drop .anchor:focus,.menu__drop .anchor:hover,.menu__drop a:focus,.menu__drop a:hover{text-decoration:none;background-color:rgba(0,0,0,.1)}.menu__drop .check-box,.menu__drop .radio-button{margin-top:12px;margin-bottom:12px}.menu__drop--align-right{text-align:right}.menu__drop--align-right .menu__contents{text-align:left}.menu__drop--large .menu__control{line-height:96px}.menu--controlled{display:inline-block;cursor:pointer}.menu--controlled.menu--large{line-height:96px}.menu--controlled.menu--small{height:24px}.menu--inline.menu--row.box--justify-end>:not(.control-icon){margin-left:24px;margin-right:0}.menu--inline.menu--row.box--justify-end>:not(.control-icon):first-child{margin-left:0}.menu--inline.menu--row>:not(.control-icon):not(.button){margin-left:0;margin-right:24px}.menu--inline.menu--row>:not(.control-icon):not(.button):last-child{margin-right:0}@media screen and (max-width:44.9375em){.menu--inline.menu.box--direction-row.box--responsive>*{margin-right:0}}.menu--inline.menu.box--direction-column a:not(.button){margin-bottom:6px}.menu--small{font-size:16px;font-size:1rem;line-height:1.5}.menu--small .menu__control-drop-icon{margin-left:6px}.menu--small .menu__control-icon svg{width:18px;height:18px}.menu--primary>.menu{width:100%}.menu--primary>a:not(.button){padding:6px 24px;border-right:6px solid transparent;margin-bottom:0;width:100%}.menu--primary>a:not(.button):hover{text-decoration:none}.menu--primary>a:not(.button):hover:not(.active){background-color:rgba(0,0,0,.1)}.menu--primary>a:not(.button).active{border-color:#01a982}@media screen and (max-width:44.9375em){.menu--primary.menu--down,.menu--primary.menu--down>*{display:block}}.menu--inline.menu.box--direction-column>.menu:not(:first-of-type) h2,.menu--inline.menu.box--direction-column>.menu:not(:first-of-type) h3,.menu__drop.box--direction-column>.menu:not(:first-of-type) h2,.menu__drop.box--direction-column>.menu:not(:first-of-type) h3{margin-top:24px}.menu--inline.menu>hr,.menu__drop>hr{margin:12px 24px 18px;height:1px;background-color:#ccc;border:none}.menu--inline.menu.box.box--separator-top,.menu__drop.box.box--separator-top{border-color:transparent}.menu--inline.menu.box.box--separator-top:before,.menu__drop.box.box--separator-top:before{content:'';margin:12px 24px 18px;height:1px;background-color:#ccc}.menu--inline.menu--small,.menu__drop--small{font-size:1em}.menu--inline.menu--small .menu__control-label,.menu__drop--small .menu__control-label{padding:12px}.menu--inline.menu--small .menu__control-icon svg,.menu__drop--small .menu__control-icon svg{width:18px;height:18px}.menu--inline.menu--small>a,.menu__drop--small>a{padding:6px 12px}.menu--inline.menu .menu__control-label,.menu__drop .menu__control-label{font-size:19px}.menu--inline.menu a,.menu__drop a{text-decoration:none}.menu--inline.menu--large>a,.menu__drop--large>a{padding:24px 48px}@media screen and (max-width:44.9375em){.menu--inline.menu.box--responsive>*,.menu__drop.box--responsive>*{margin-left:0;margin-right:0}.menu--inline.menu.box--responsive .button,.menu__drop.box--responsive .button{width:100%;margin-bottom:12px}.menu--inline.menu.box--responsive .menu,.menu__drop.box--responsive .menu{margin-bottom:36px}}@media screen and (max-width:44.9375em){.menu__drop{max-width:100%;width:100vw}}@-webkit-keyframes i{0%{stroke-dashoffset:192px}to{stroke-dashoffset:0}}@keyframes i{0%{stroke-dashoffset:192px}to{stroke-dashoffset:0}}@-webkit-keyframes j{0%{stroke-dashoffset:-192px}to{stroke-dashoffset:0}}@keyframes j{0%{stroke-dashoffset:-192px}to{stroke-dashoffset:0}}.meter{display:inline-block;position:relative}.meter__slice{stroke-width:4px}.meter__threshold{stroke:rgba(51,51,51,.2)}.meter__value-container{position:relative;display:inline-block}.meter__graphic-container{white-space:normal}.meter__graphic-container>a{text-decoration:none}.meter__value{white-space:normal;pointer-events:none}.meter__value--active{pointer-events:auto;cursor:pointer}.meter__value-value{font-size:36px;font-size:2.25rem;line-height:38px;font-weight:700}.meter__value-units{font-size:24px;font-size:1.5rem;line-height:inherit;margin-left:6px;color:#777;font-weight:400}.meter__minmax-container,.meter__value-label{display:block}.meter__minmax{display:flex;justify-content:space-between;color:#777;font-size:14px;font-size:.875rem;line-height:1.71429}.meter__label-max,.meter__label-min{flex:0 0 48px}.meter__label-max{text-align:right}.meter__label{fill:#777}.meter__label--active{fill:#000}.meter--legend-right{white-space:nowrap}.meter--legend-right .meter__legend{vertical-align:top;margin-left:24px}.meter--legend-right:not(.meter--tall-legend) .meter__legend{position:relative;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.meter--legend-bottom .meter__legend{margin-top:24px;display:block}.meter:not(.meter--vertical) .meter__graphic-container{display:inline-block}.meter:not(.meter--vertical) .meter__minmax-container{display:block;width:192px}.meter:not(.meter--vertical) .meter__minmax{width:100%}.meter:not(.meter--vertical).meter--small .meter__minmax-container{width:96px}.meter:not(.meter--vertical).meter--large .meter__minmax-container{width:288px}.meter--vertical .meter__graphic-container{display:inline-block;white-space:nowrap}.meter--vertical .meter__minmax-container{height:192px}.meter--vertical .meter__minmax{flex-direction:column;height:100%}.meter--vertical .meter__minmax-min{order:1}.meter--vertical .meter__minmax-max{order:0}.meter--vertical .meter__label-max,.meter--vertical .meter__label-min{flex:0 0 auto;text-align:left}.meter--vertical .meter__label-min{order:1}.meter--vertical .meter__label-max{order:0}.meter--vertical .meter__value-label{display:block}.meter--vertical.meter--small .meter__minmax-container{height:96px}.meter--vertical.meter--large .meter__minmax-container{height:288px}.meter--small .meter__slice{stroke-width:8px}.meter--small .meter__values .meter__slice:hover{stroke-width:24px}.meter--small .meter__value-value{font-size:20px;font-size:1.25rem;line-height:1.2}.meter--small .meter__value-units{font-size:16px;font-size:1rem;line-height:1.5}.meter--large .meter__value-value{font-size:64px;font-size:4rem;line-height:1.125}.meter--large .meter__value-units{font-size:48px;font-size:3rem;line-height:1}.meter.meter--active .meter__values .meter__slice:hover,.meter.meter--active:not(.meter--single) .meter__values .meter__slice.meter__slice--active{stroke-width:12px}.meter--bar .meter__slice{stroke-linecap:butt;stroke-dasharray:192px 192px;stroke-dashoffset:0}.meter--bar .meter__values .meter__slice{cursor:pointer}.meter--bar .meter__values .meter__slice.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.meter--bar .meter__values .meter__slice.color-index-unset{stroke:#ddd}.meter--bar .meter__values .meter__slice.color-index-brand{stroke:#01a982}.meter--bar .meter__values .meter__slice.color-index-critical,.meter--bar .meter__values .meter__slice.color-index-error{stroke:#f04953}.meter--bar .meter__values .meter__slice.color-index-warning{stroke:#ffd144}.meter--bar .meter__values .meter__slice.color-index-ok{stroke:#01a982}.meter--bar .meter__values .meter__slice.color-index-unknown{stroke:#ccc}.meter--bar .meter__values .meter__slice.color-index-disabled{stroke:#ededed}.meter--bar .meter__values .meter__slice.color-index-graph-1,.meter--bar .meter__values .meter__slice.color-index-graph-5{stroke:#617c91}.meter--bar .meter__values .meter__slice.color-index-graph-2,.meter--bar .meter__values .meter__slice.color-index-graph-6{stroke:#94aba8}.meter--bar .meter__values .meter__slice.color-index-graph-3,.meter--bar .meter__values .meter__slice.color-index-graph-7{stroke:#998e88}.meter--bar .meter__values .meter__slice.color-index-graph-4,.meter--bar .meter__values .meter__slice.color-index-graph-8{stroke:#8c6694}.meter--bar .meter__values .meter__slice.color-index-grey-1,.meter--bar .meter__values .meter__slice.color-index-grey-5{stroke:#333}.meter--bar .meter__values .meter__slice.color-index-grey-2,.meter--bar .meter__values .meter__slice.color-index-grey-6{stroke:#3b3b3b}.meter--bar .meter__values .meter__slice.color-index-grey-3,.meter--bar .meter__values .meter__slice.color-index-grey-7{stroke:#434343}.meter--bar .meter__values .meter__slice.color-index-grey-4,.meter--bar .meter__values .meter__slice.color-index-grey-8{stroke:#666}.meter--bar .meter__values .meter__slice.color-index-light-1,.meter--bar .meter__values .meter__slice.color-index-light-3{stroke:#fff}.meter--bar .meter__values .meter__slice.color-index-light-2,.meter--bar .meter__values .meter__slice.color-index-light-4{stroke:#f5f5f5}@media screen and (min-width:45em){.meter--bar .meter__values .meter__slice{transition:stroke-width .2s;-webkit-animation:i 1.5s linear;animation:i 1.5s linear}}.meter--bar .meter__thresholds .meter__slice.color-index-unset{stroke:hsla(0,0%,87%,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-brand{stroke:rgba(1,169,130,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-critical,.meter--bar .meter__thresholds .meter__slice.color-index-error{stroke:rgba(240,73,83,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-warning{stroke:rgba(255,209,68,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-ok{stroke:rgba(1,169,130,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-unknown{stroke:hsla(0,0%,80%,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-disabled{stroke:hsla(0,0%,93%,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-graph-1,.meter--bar .meter__thresholds .meter__slice.color-index-graph-5{stroke:rgba(97,124,145,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-graph-2,.meter--bar .meter__thresholds .meter__slice.color-index-graph-6{stroke:rgba(148,171,168,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-graph-3,.meter--bar .meter__thresholds .meter__slice.color-index-graph-7{stroke:hsla(21,8%,57%,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-graph-4,.meter--bar .meter__thresholds .meter__slice.color-index-graph-8{stroke:rgba(140,102,148,.5)}.meter--bar .meter__value{text-align:left}.meter--bar .meter__value-label{font-size:14px;font-size:.875rem;line-height:16px}.meter--bar:not(.meter--vertical) .meter__minmax-container>a{vertical-align:top;display:block;height:24px}.meter--bar:not(.meter--vertical) .meter__graphic{width:192px}.meter--bar:not(.meter--vertical) .meter__value{display:inline-block;vertical-align:top;margin-left:12px}.meter--bar:not(.meter--vertical) .meter__value-value{font-size:24px;font-size:1.5rem;line-height:1}.meter--bar:not(.meter--vertical) .meter__value-units{font-size:20px;font-size:1.25rem;line-height:1.2}.meter--bar:not(.meter--vertical).meter--single .meter__value-label,.meter--bar:not(.meter--vertical).meter--stacked .meter__value-label{display:inline-block;margin-left:4px}.meter--bar:not(.meter--vertical).meter--legend-right .meter__legend{top:0;-webkit-transform:none;transform:none}.meter--bar:not(.meter--vertical).meter--small svg.meter__graphic{width:96px}.meter--bar:not(.meter--vertical).meter--small .meter__value-units,.meter--bar:not(.meter--vertical).meter--small .meter__value-value{font-size:16px;font-size:1rem;line-height:1.5}.meter--bar:not(.meter--vertical).meter--large svg.meter__graphic{width:288px}.meter--bar:not(.meter--vertical).meter--large .meter__value{margin-left:16px}.meter--bar:not(.meter--vertical).meter--large .meter__value-units,.meter--bar:not(.meter--vertical).meter--large .meter__value-value{font-size:26px;font-size:1.625rem;line-height:inherit}.meter--bar.meter--vertical{white-space:nowrap}.meter--bar.meter--vertical svg.meter__graphic{height:192px}.meter--bar.meter--vertical .meter__labeled-graphic{display:inline-block}.meter--bar.meter--vertical .meter__value{position:relative;vertical-align:top;top:96px;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:inline-block}.meter--bar.meter--vertical .meter__minmax-container{position:absolute;top:0;left:24px}.meter--bar.meter--vertical.meter--legend-right .meter__legend{top:96px}.meter--bar.meter--vertical.meter--small svg.meter__graphic{height:96px}.meter--bar.meter--vertical.meter--small.meter--legend-right .meter__legend,.meter--bar.meter--vertical.meter--small .meter__value{top:48px}.meter--bar.meter--vertical.meter--large svg.meter__graphic{height:288px}.meter--bar.meter--vertical.meter--large.meter--legend-right .meter__legend,.meter--bar.meter--vertical.meter--large .meter__value{top:144px}@media screen and (max-width:44.9375em){.meter--arc,.meter--circle,.meter--spiral{margin:0 auto}}.meter--arc svg.meter__graphic,.meter--circle svg.meter__graphic,.meter--spiral svg.meter__graphic{display:block}.meter--arc .meter.series-pre path,.meter--circle .meter.series-pre path,.meter--spiral .meter.series-pre path{stroke-dashoffset:768px}.meter--arc .meter__slice,.meter--circle .meter__slice,.meter--spiral .meter__slice{stroke-linecap:butt;stroke-dasharray:768px 768px;stroke-dashoffset:0;fill:none;stroke:#b2b2b2}.meter--arc .meter__slice-indicator,.meter--circle .meter__slice-indicator,.meter--spiral .meter__slice-indicator{stroke-linecap:square;stroke-width:4px;stroke:#000}.meter--arc .meter__values .meter__slice,.meter--circle .meter__values .meter__slice,.meter--spiral .meter__values .meter__slice{cursor:pointer}.meter--arc .meter__values .meter__slice.color-index-loading,.meter--circle .meter__values .meter__slice.color-index-loading,.meter--spiral .meter__values .meter__slice.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.meter--arc .meter__values .meter__slice.color-index-unset,.meter--circle .meter__values .meter__slice.color-index-unset,.meter--spiral .meter__values .meter__slice.color-index-unset{stroke:#ddd}.meter--arc .meter__values .meter__slice.color-index-brand,.meter--circle .meter__values .meter__slice.color-index-brand,.meter--spiral .meter__values .meter__slice.color-index-brand{stroke:#01a982}.meter--arc .meter__values .meter__slice.color-index-critical,.meter--arc .meter__values .meter__slice.color-index-error,.meter--circle .meter__values .meter__slice.color-index-critical,.meter--circle .meter__values .meter__slice.color-index-error,.meter--spiral .meter__values .meter__slice.color-index-critical,.meter--spiral .meter__values .meter__slice.color-index-error{stroke:#f04953}.meter--arc .meter__values .meter__slice.color-index-warning,.meter--circle .meter__values .meter__slice.color-index-warning,.meter--spiral .meter__values .meter__slice.color-index-warning{stroke:#ffd144}.meter--arc .meter__values .meter__slice.color-index-ok,.meter--circle .meter__values .meter__slice.color-index-ok,.meter--spiral .meter__values .meter__slice.color-index-ok{stroke:#01a982}.meter--arc .meter__values .meter__slice.color-index-unknown,.meter--circle .meter__values .meter__slice.color-index-unknown,.meter--spiral .meter__values .meter__slice.color-index-unknown{stroke:#ccc}.meter--arc .meter__values .meter__slice.color-index-disabled,.meter--circle .meter__values .meter__slice.color-index-disabled,.meter--spiral .meter__values .meter__slice.color-index-disabled{stroke:#ededed}.meter--arc .meter__values .meter__slice.color-index-graph-1,.meter--arc .meter__values .meter__slice.color-index-graph-5,.meter--circle .meter__values .meter__slice.color-index-graph-1,.meter--circle .meter__values .meter__slice.color-index-graph-5,.meter--spiral .meter__values .meter__slice.color-index-graph-1,.meter--spiral .meter__values .meter__slice.color-index-graph-5{stroke:#617c91}.meter--arc .meter__values .meter__slice.color-index-graph-2,.meter--arc .meter__values .meter__slice.color-index-graph-6,.meter--circle .meter__values .meter__slice.color-index-graph-2,.meter--circle .meter__values .meter__slice.color-index-graph-6,.meter--spiral .meter__values .meter__slice.color-index-graph-2,.meter--spiral .meter__values .meter__slice.color-index-graph-6{stroke:#94aba8}.meter--arc .meter__values .meter__slice.color-index-graph-3,.meter--arc .meter__values .meter__slice.color-index-graph-7,.meter--circle .meter__values .meter__slice.color-index-graph-3,.meter--circle .meter__values .meter__slice.color-index-graph-7,.meter--spiral .meter__values .meter__slice.color-index-graph-3,.meter--spiral .meter__values .meter__slice.color-index-graph-7{stroke:#998e88}.meter--arc .meter__values .meter__slice.color-index-graph-4,.meter--arc .meter__values .meter__slice.color-index-graph-8,.meter--circle .meter__values .meter__slice.color-index-graph-4,.meter--circle .meter__values .meter__slice.color-index-graph-8,.meter--spiral .meter__values .meter__slice.color-index-graph-4,.meter--spiral .meter__values .meter__slice.color-index-graph-8{stroke:#8c6694}.meter--arc .meter__values .meter__slice.color-index-grey-1,.meter--arc .meter__values .meter__slice.color-index-grey-5,.meter--circle .meter__values .meter__slice.color-index-grey-1,.meter--circle .meter__values .meter__slice.color-index-grey-5,.meter--spiral .meter__values .meter__slice.color-index-grey-1,.meter--spiral .meter__values .meter__slice.color-index-grey-5{stroke:#333}.meter--arc .meter__values .meter__slice.color-index-grey-2,.meter--arc .meter__values .meter__slice.color-index-grey-6,.meter--circle .meter__values .meter__slice.color-index-grey-2,.meter--circle .meter__values .meter__slice.color-index-grey-6,.meter--spiral .meter__values .meter__slice.color-index-grey-2,.meter--spiral .meter__values .meter__slice.color-index-grey-6{stroke:#3b3b3b}.meter--arc .meter__values .meter__slice.color-index-grey-3,.meter--arc .meter__values .meter__slice.color-index-grey-7,.meter--circle .meter__values .meter__slice.color-index-grey-3,.meter--circle .meter__values .meter__slice.color-index-grey-7,.meter--spiral .meter__values .meter__slice.color-index-grey-3,.meter--spiral .meter__values .meter__slice.color-index-grey-7{stroke:#434343}.meter--arc .meter__values .meter__slice.color-index-grey-4,.meter--arc .meter__values .meter__slice.color-index-grey-8,.meter--circle .meter__values .meter__slice.color-index-grey-4,.meter--circle .meter__values .meter__slice.color-index-grey-8,.meter--spiral .meter__values .meter__slice.color-index-grey-4,.meter--spiral .meter__values .meter__slice.color-index-grey-8{stroke:#666}.meter--arc .meter__values .meter__slice.color-index-light-1,.meter--arc .meter__values .meter__slice.color-index-light-3,.meter--circle .meter__values .meter__slice.color-index-light-1,.meter--circle .meter__values .meter__slice.color-index-light-3,.meter--spiral .meter__values .meter__slice.color-index-light-1,.meter--spiral .meter__values .meter__slice.color-index-light-3{stroke:#fff}.meter--arc .meter__values .meter__slice.color-index-light-2,.meter--arc .meter__values .meter__slice.color-index-light-4,.meter--circle .meter__values .meter__slice.color-index-light-2,.meter--circle .meter__values .meter__slice.color-index-light-4,.meter--spiral .meter__values .meter__slice.color-index-light-2,.meter--spiral .meter__values .meter__slice.color-index-light-4{stroke:#f5f5f5}@media screen and (min-width:45em){.meter--arc .meter__values .meter__slice,.meter--circle .meter__values .meter__slice,.meter--spiral .meter__values .meter__slice{transition:stroke-width .2s;-webkit-animation:j 1.5s linear;animation:j 1.5s linear}}.meter--arc .meter__thresholds .meter__slice.color-index-unset,.meter--circle .meter__thresholds .meter__slice.color-index-unset,.meter--spiral .meter__thresholds .meter__slice.color-index-unset{stroke:hsla(0,0%,87%,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-brand,.meter--circle .meter__thresholds .meter__slice.color-index-brand,.meter--spiral .meter__thresholds .meter__slice.color-index-brand{stroke:rgba(1,169,130,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-critical,.meter--arc .meter__thresholds .meter__slice.color-index-error,.meter--circle .meter__thresholds .meter__slice.color-index-critical,.meter--circle .meter__thresholds .meter__slice.color-index-error,.meter--spiral .meter__thresholds .meter__slice.color-index-critical,.meter--spiral .meter__thresholds .meter__slice.color-index-error{stroke:rgba(240,73,83,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-warning,.meter--circle .meter__thresholds .meter__slice.color-index-warning,.meter--spiral .meter__thresholds .meter__slice.color-index-warning{stroke:rgba(255,209,68,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-ok,.meter--circle .meter__thresholds .meter__slice.color-index-ok,.meter--spiral .meter__thresholds .meter__slice.color-index-ok{stroke:rgba(1,169,130,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-unknown,.meter--circle .meter__thresholds .meter__slice.color-index-unknown,.meter--spiral .meter__thresholds .meter__slice.color-index-unknown{stroke:hsla(0,0%,80%,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-disabled,.meter--circle .meter__thresholds .meter__slice.color-index-disabled,.meter--spiral .meter__thresholds .meter__slice.color-index-disabled{stroke:hsla(0,0%,93%,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-graph-1,.meter--arc .meter__thresholds .meter__slice.color-index-graph-5,.meter--circle .meter__thresholds .meter__slice.color-index-graph-1,.meter--circle .meter__thresholds .meter__slice.color-index-graph-5,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-1,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-5{stroke:rgba(97,124,145,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-graph-2,.meter--arc .meter__thresholds .meter__slice.color-index-graph-6,.meter--circle .meter__thresholds .meter__slice.color-index-graph-2,.meter--circle .meter__thresholds .meter__slice.color-index-graph-6,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-2,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-6{stroke:rgba(148,171,168,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-graph-3,.meter--arc .meter__thresholds .meter__slice.color-index-graph-7,.meter--circle .meter__thresholds .meter__slice.color-index-graph-3,.meter--circle .meter__thresholds .meter__slice.color-index-graph-7,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-3,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-7{stroke:hsla(21,8%,57%,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-graph-4,.meter--arc .meter__thresholds .meter__slice.color-index-graph-8,.meter--circle .meter__thresholds .meter__slice.color-index-graph-4,.meter--circle .meter__thresholds .meter__slice.color-index-graph-8,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-4,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-8{stroke:rgba(140,102,148,.5)}.meter--arc .meter__threshold,.meter--circle .meter__threshold,.meter--spiral .meter__threshold{stroke-linecap:butt}.meter--arc .meter__value-label,.meter--circle .meter__value-label,.meter--spiral .meter__value-label{display:block}@media screen and (max-width:44.9375em){.meter--arc,.meter--circle{width:192px}}.meter--arc .meter__value,.meter--circle .meter__value{white-space:normal;pointer-events:none;text-align:center}.meter--arc .meter__value--active,.meter--circle .meter__value--active{pointer-events:auto;cursor:pointer}.meter--arc:not(.meter--vertical) .meter__minmax-container,.meter--circle .meter__minmax-container{width:192px}.meter--arc:not(.meter--vertical) .meter__value,.meter--circle .meter__value{position:absolute;left:50%}.meter--arc:not(.meter--vertical).meter--small .meter__minmax-container,.meter--circle.meter--small .meter__minmax-container{width:96px}.meter--arc:not(.meter--vertical).meter--large .meter__minmax-container,.meter--circle.meter--large .meter__minmax-container{width:288px}.meter--arc.meter--vertical.meter--legend-right .meter__legend,.meter--circle.meter--legend-right .meter__legend{top:96px}.meter--arc.meter--vertical.meter--legend-right.meter--small .meter__legend,.meter--circle.meter--legend-right.meter--small .meter__legend{top:48px}.meter--arc.meter--vertical.meter--legend-right.meter--large .meter__legend,.meter--circle.meter--legend-right.meter--large .meter__legend{top:144px}.meter--circle svg.meter__graphic{width:192px;height:192px}.meter--circle .meter__value{top:96px;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);max-width:144px}.meter--circle.meter--small svg.meter__graphic{width:96px;height:96px}.meter--circle.meter--small .meter__value{top:48px;max-width:72px}.meter--circle.meter--large svg.meter__graphic{width:288px;height:288px}.meter--circle.meter--large .meter__value{top:144px;max-width:216px}.meter--circle:not(.meter--stacked):not(.meter--single) .meter__value{position:static;margin:0 auto;-webkit-transform:none;transform:none}.meter--arc:not(.meter--vertical) svg.meter__graphic{width:192px;height:144px}.meter--arc:not(.meter--vertical) .meter__value{top:108px;-webkit-transform:translateX(-50%);transform:translateX(-50%);max-width:120px}.meter--arc:not(.meter--vertical).meter--legend-right .meter__legend{top:72px}.meter--arc:not(.meter--vertical).meter--small svg.meter__graphic{width:96px;height:72px}.meter--arc:not(.meter--vertical).meter--small .meter__value{top:60px;max-width:60px}.meter--arc:not(.meter--vertical).meter--large svg.meter__graphic{width:288px;height:216px}.meter--arc:not(.meter--vertical).meter--large .meter__value{top:156px;max-width:180px}.meter--arc.meter--vertical svg.meter__graphic{display:inline;width:144px;height:192px}.meter--arc.meter--vertical .meter__value{position:relative;top:96px;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:inline-block;margin-left:-24px;vertical-align:top}.meter--arc.meter--vertical .meter__minmax-container{display:inline-block;vertical-align:top;margin-left:12px;padding-top:12px;padding-bottom:12px}.meter--arc.meter--vertical.meter--small svg.meter__graphic{width:72px;height:96px}.meter--arc.meter--vertical.meter--small .meter__value{top:48px;margin-left:-18px}.meter--arc.meter--vertical.meter--small .meter__minmax-container{padding-top:0;padding-bottom:0}.meter--arc.meter--vertical.meter--large svg.meter__graphic{width:216px;height:288px}.meter--arc.meter--vertical.meter--large .meter__value{top:144px;margin-left:-48px}.meter--arc.meter--vertical.meter--minmax .meter__value{margin-left:-72px}.meter--arc.meter--vertical.meter--minmax.meter--small .meter__value{margin-left:-60px}.meter--spiral .meter__value{position:absolute;top:0;right:0;white-space:normal;text-align:right}.meter--spiral .meter__value-value{display:block;font-size:24px;font-size:1.5rem;line-height:1;margin-bottom:6px}.meter--spiral .meter__value-units{font-size:20px;font-size:1.25rem;line-height:1.2;color:#777;margin-left:.2em}.meter--spiral .meter__value-label{display:block;font-size:14px;font-size:.875rem;line-height:16px}.meter--loading .meter__thresholds,.meter--loading .meter__value{display:none}.notification__status{margin-right:12px}.notification__message{margin-bottom:24px;vertical-align:middle}.notification--critical{background-color:#f04953;font-size:19px;font-size:1.1875rem;line-height:24px;color:#dbdbdb}.notification--critical .notification__status .status-icon__base{fill:#dbdbdb}.notification--error{background-color:#f04953;font-size:19px;font-size:1.1875rem;line-height:24px;color:#dbdbdb}.notification--error .notification__status .status-icon__base{fill:#dbdbdb}.notification--warning{background-color:#ffd144;font-size:19px;font-size:1.1875rem;line-height:24px}.notification--warning .notification__status .status-icon__base{fill:#333}.notification--ok{background-color:#01a982;font-size:19px;font-size:1.1875rem;line-height:24px;color:#dbdbdb}.notification--ok .notification__status .status-icon__base{fill:#dbdbdb}.notification--unknown{background-color:#ccc;font-size:19px;font-size:1.1875rem;line-height:24px}.notification--unknown .notification__status .status-icon__base{fill:#333}.notification--disabled{background-color:#ededed;font-size:19px;font-size:1.1875rem;line-height:24px}.notification--disabled .notification__status .status-icon__base{fill:#333}.notifications-control__icon{width:48px;height:48px;vertical-align:middle}.notifications{position:fixed;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,50%,.6);z-index:4}.notifications__container{position:absolute;top:0;right:0;min-width:300px;padding:24px;padding-top:96px;background-color:#fff;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-bottom-left-radius:0}.notifications__icon{position:absolute;top:24px;right:84px;width:48px;height:48px;vertical-align:middle}.number-input__input{-moz-appearance:textfield}.number-input__input::-webkit-inner-spin-button,.number-input__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.object{overflow:auto}.object__container{padding:24px}.object ol,.object ul{margin:0;list-style-type:none}.object li{width:auto}.object__attribute{margin-bottom:12px}.object__attribute-name{display:block;color:#777;font-size:14px;font-size:.875rem;line-height:1.71429}.object__attribute-value{display:block;font-size:16px;font-size:1rem;line-height:1.5}.object__attribute-value ol,.object__attribute-value ul{margin-left:24px;padding-top:24px;padding-bottom:24px}.object__attribute--container>.object__attribute-name{font-weight:700}.object__attribute--unset .object__attribute-value{font-style:italic;color:#777}.object__attribute--array>.object__attribute-value>ol>li{border-top:1px solid #ccc}.object__attribute--array>.object__attribute-value>ol>li:last-child{border-bottom:1px solid #ccc}.object__attribute--array>.object__attribute-value>ol>li>ul{padding-top:0;padding-bottom:0}.paragraph--small{font-size:14px;font-size:.875rem;line-height:1.71429}.paragraph--small a{text-decoration:none}.paragraph--large{font-size:24px;font-size:1.5rem;line-height:28px}.paragraph--large a{color:#01a982;font-weight:600}.radio-button{margin-right:24px;white-space:nowrap}.radio-button:not(.radio-button--disabled){cursor:pointer}.radio-button:hover:not(.radio-button--disabled) .radio-button__control{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button:hover:not(.radio-button--disabled) .radio-button__control{border-color:#fff}.radio-button:hover:not(.radio-button--disabled) .radio-button__input:checked+.radio-button__control{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button:hover:not(.radio-button--disabled) .radio-button__input:checked+.radio-button__control{border-color:#fff}.radio-button:hover:not(.radio-button--disabled) .radio-button__label{color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button:hover:not(.radio-button--disabled) .radio-button__label{color:#fff}.radio-button__input{opacity:0;position:absolute}.radio-button__input:checked+.radio-button__control{border-color:#01a982}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button__input:checked+.radio-button__control{border-color:#fff}.radio-button__input:checked+.radio-button__control+.radio-button__label{color:#333}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button__input:checked+.radio-button__control+.radio-button__label{color:#fff}.radio-button__input:checked+.radio-button__control:after{content:"";display:block;position:absolute;top:5px;left:5px;width:10px;height:10px;background-color:#01a982;border-radius:12px}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button__input:checked+.radio-button__control:after{background-color:#fff}.radio-button__input:focus+.radio-button__control{content:"";border-color:#2ad2c9;box-shadow:0 0 1px 1px #2ad2c9}.radio-button__control{position:relative;display:inline-block;width:24px;height:24px;margin-right:12px;vertical-align:middle;background-color:inherit;color:#017b5f;border:2px solid #999;border-radius:24px}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button__control{border-color:#dbdbdb}.radio-button__label{color:#777}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button__label{color:#dbdbdb}.radio-button--disabled .radio-button__control{opacity:.5}.search{display:inline-block}.search:focus{outline:none;margin:-1px;border:1px solid #2ad2c9;box-shadow:0 0 1px 1px #2ad2c9}.search--controlled{cursor:pointer}.search__input{margin-right:0}.header .search__input{font-size:inherit}.search__drop{font-size:20px;font-size:1.25rem;line-height:inherit}@media screen and (max-width:44.9375em){.search__drop{max-width:100%;width:100vw}}.search__drop--inline{margin-left:-1px}.search__drop--inline .search__drop-contents{display:block}.search__drop--controlled .search__drop-contents{display:inline-block}.search__drop input{margin-right:0;box-sizing:border-box;width:100%}@media screen and (max-width:44.9375em){.search__drop input{width:calc(100vw - 72px)}}.search__drop-control{vertical-align:top;height:48px}.search__drop .search__suggestion{padding:6px 24px;cursor:pointer}.search__drop .search__suggestion--active,.search__drop .search__suggestion:hover{background-color:rgba(0,0,0,.1)}.search__drop--large{line-height:96px}.search--inline{position:relative}.search--inline .search__input{width:100%;padding-right:47px;box-sizing:border-box}.search--inline .search__input:focus{padding-right:46px}.header .search--inline .search__input:not(:focus){border-color:transparent}.search--inline .control-icon-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none}.search--small{line-height:24px}.search--small .search__input{font-size:14px;font-size:.875rem;line-height:14px;padding:4px 13px;padding-right:23px}.search--small .search__input:focus{padding:3px 12px;padding-right:22px}.search--small .control-icon-search{height:12px;width:12px}.search--large{line-height:triple(24px)}.search--large .search__input{font-size:36px;font-size:2.25rem;line-height:48px;padding:-7px 35px;padding-right:47px}.search--large .control-icon-search{right:24px}.search-input{position:relative;display:inline-block}.search-input__input{width:100%;height:100%;display:block;padding-right:60px}.search-input__input:focus{padding-right:59px}.search-input__control{position:absolute;top:50%;transform:translateY(-50%);right:12px}.search-input__suggestions{border-top-left-radius:0;border-top-right-radius:0;margin:0;list-style-type:none}.search-input__suggestion{padding:6px 24px;cursor:pointer}.search-input__suggestion--active,.search-input__suggestion:hover{background-color:rgba(0,0,0,.1)}.search-input--active .search-input__input{border-bottom-left-radius:0;border-bottom-right-radius:0}section:not(.section){padding-top:24px;padding-bottom:24px}section:not(.section):first-of-type{margin-top:0;padding-top:0}.section>img,section>img{margin-top:24px;margin-bottom:24px;display:block;height:auto}@media screen and (max-width:44.9375em){.section>img,section>img{max-width:576px}}.section>iframe,section>iframe{width:100%;max-width:576px;height:400px}@media screen and (max-width:44.9375em){.section>iframe,section>iframe{height:250px}}@media screen and (max-width:44.9375em){.section>ol,.section>ul,section>ol,section>ul{margin-left:0;margin-bottom:24px}}.section>dl>dt,section>dl>dt{margin-top:24px;margin-bottom:6px;text-transform:uppercase}.section>dl>dt code,section>dl>dt code{text-transform:none;white-space:pre-wrap}.section>dl>dd,section>dl>dd{margin-left:0}@media screen and (max-width:44.9375em){.section>dl>dd,section>dl>dd{padding-right:24px}}.react-gravatar{width:48px;height:48px;border-radius:24px;border:2px solid transparent;overflow:hidden;cursor:pointer;transition:all .3s ease-in-out}.react-gravatar:hover{border-color:#01a982}.session{position:fixed;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,50%,.6);z-index:4}.session__container{position:absolute;top:0;right:0;min-width:300px;padding:24px;padding-top:96px;background-color:#fff;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-bottom-left-radius:0}.session .react-gravatar{position:absolute;top:24px;right:24px}.session__actions{margin-top:24px;padding-top:24px;border-top:1px solid #ccc}.session a{cursor:pointer}.settings{position:relative;text-align:center}.settings__panels{display:inline-block}.settings__panel{vertical-align:top}.sidebar{min-height:100vh}@media screen and (max-width:44.9375em){.sidebar{max-width:100%;width:100vw}}@media screen and (min-width:45em){.sidebar{width:336px}}.sidebar--fixed{display:flex;flex-direction:column}.sidebar--fixed>*{flex:1;overflow:auto}.sidebar--fixed>.footer,.sidebar--fixed>.header{flex:0 0 auto}.sidebar--primary{background-color:#f5f5f5}@media screen and (min-width:45em){.sidebar--small{width:240px}}@media screen and (min-width:45em){.sidebar--large{width:480px}}.split{position:relative;overflow:visible}.split:after{position:absolute;left:0;content:' ';display:block;width:45em;height:0;z-index:-10}@media screen and (min-width:45em){.split{display:flex}.split--fixed>*{position:relative;height:100vh;overflow:auto;-ms-overflow-style:-ms-autohiding-scrollbar}.split--flex-right>:first-child:not(:last-child){flex:0 0 auto}.split--flex-right>:last-child{flex:1}.split--flex-left>.object,.split--flex-left>:last-child:not(:first-child){flex:0 0 auto}.split--flex-both>*,.split--flex-left>:first-child{flex:1}.split--separator>*{border-right:1px solid #000}.split--separator>:last-child{border-right:none}}@media screen and (max-width:44.9375em){.split--separator>*{border-bottom:1px solid #000}.split--separator>:last-child{border-bottom:none}}.skip-link-anchor{width:0;height:0;overflow:hidden}.tab{padding:12px}.tab a{text-decoration:none}.tab a:focus .tab__label{border-bottom:4px solid}.tab__label{cursor:pointer;padding-bottom:12px;font-weight:600;color:#777}.tab--active .tab__label{color:#000;border-bottom:4px solid #000}.tab:focus .tab__label,.tab:hover .tab__label{border-bottom:4px solid}.tabs{margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;list-style:none;border-bottom:1px solid #ccc}.tabs__content{padding:24px}@media screen and (max-width:44.9375em){.tabs__content{padding:24px 0}}.table table{width:100%}.table td,.table th{padding:11px 12px;vertical-align:top;text-align:left}.table td:first-child,.table th:first-child{padding-left:24px}.table td:last-child,.table th:last-child{padding-right:24px}.table th{font-weight:100;font-size:20px;font-size:1.25rem;line-height:1.2;border-bottom:1px solid #ccc}.table__mirror{position:absolute;top:0;left:0;right:0}.table__mirror>thead{position:fixed;background-color:hsla(0,0%,100%,.9)}@media screen and (max-width:44.9375em){.table__mirror>thead{position:static}}.table__more{margin-top:24px;text-align:center}.table--scrollable{position:relative}.table--selectable tbody tr{cursor:pointer}.table--selectable tbody tr td{transition:background-color .2s}.table--selectable tbody tr.table-row--selected td{background-color:#d0f3eb;color:#333}[class*=background-color-index-]:not([class*=background-color-index-light]) .table--selectable tbody tr.table-row--selected td{background-color:rgba(0,0,0,.2);color:#fff}.table--selectable tbody tr:hover:not(.table-row--selected) td{background-color:rgba(0,0,0,.1);color:#000}.tbd,[class*=background-color-index-]:not([class*=background-color-index-light]) .table--selectable tbody tr:hover:not(.table-row--selected) td{color:#fff}.tbd{text-align:center;padding:96px;font-size:96px;font-size:6rem;line-height:1;font-style:italic;background-color:#ccc}.tiles{width:100%;padding:12px}.tiles>.tile{flex:0 0 192px;margin:12px}.tiles>.tile--wide,.tiles>.tile>*{box-sizing:border-box}.tiles>.tile--wide{flex-basis:calc(100% - 24px)}.tiles__container{display:flex;flex-direction:row;align-items:center;width:100%}.tiles__container .tiles__left,.tiles__container .tiles__right{flex:0 0 auto}.tiles__container .tiles{flex:1;margin:0}.tiles__container .tiles.box--direction-row{width:100%;overflow:hidden}.tiles--fill.box--wrap{justify-content:space-around}.tiles--fill.box--wrap>.tile{flex-grow:1}.tiles--flush{padding:0}.tiles--flush>.tile{margin:0}.tiles--flush>.tile--wide{flex-basis:100%}.tiles--moreable{position:relative;padding-bottom:48px}.tiles--moreable .tiles__more{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tiles--selectable .tile{cursor:pointer;transition:background-color .2s}.tiles--selectable .tile--selected{background-color:#d0f3eb;color:#333}.tiles--selectable .tile:hover:not(.tile--selected){background-color:rgba(0,0,0,.1);color:#000}.tiles--small>.tile{flex-basis:96px}@media screen and (min-width:45em){.tiles--large>.tile{flex-basis:384px}}@media screen and (max-width:44.9375em){.tiles--large>.tile{flex-basis:100%}}.tile{overflow:hidden}.tile .status-icon{margin-right:6px}.tile>.chart{width:100%}.tile--selectable{cursor:pointer;transition:background-color .2s}.tile--selectable.tile--selected{background-color:#d0f3eb;color:#333}.tile--selectable:hover:not(.tile--selected){background-color:rgba(0,0,0,.1);color:#000}.tile--eclipsed{opacity:.2}.title{max-height:100%;overflow:hidden;text-overflow:ellipsis;font-weight:400;white-space:nowrap;font-size:24px;font-size:1.5rem;line-height:inherit}@media screen and (min-width:45em){.title{font-weight:600}}.title>:not(:last-child){margin-right:12px}.title a{color:inherit}.title a,.title a:hover{text-decoration:none}[class*=background-color-index-] .title a:hover{text-decoration:underline}.title img,.title svg{max-width:576px}.title img:not(:last-child),.title svg:not(:last-child){margin-right:12px}.title--interactive{cursor:pointer}@media screen and (min-width:45em){.title--interactive{transition:color .3s ease-in-out}}.title--interactive:hover{color:#01a982;cursor:pointer}[class*=background-color-index-]:not([class*=background-color-index-light]) .title--interactive:hover{color:#fff}@media screen and (max-width:44.9375em){.title--responsive img,.title--responsive svg{margin-right:0}.title--responsive>:not(:first-child){display:none}}.topology{position:relative}@media screen and (max-width:44.9375em){.topology__contents>.topology__parts{flex-direction:column}}@media screen and (min-width:45em){.topology__contents>.topology__parts--direction-row>.topology__part{margin-right:48px}.topology__contents>.topology__parts--direction-row>.topology__part:last-child{margin-right:0}}@media screen and (max-width:44.9375em){.topology__contents>.topology__parts--direction-row>.topology__part{margin-bottom:48px}.topology__contents>.topology__parts--direction-row>.topology__part:last-child{margin-bottom:0}}.topology__contents>.topology__parts--direction-column>.topology__part{margin-bottom:48px}.topology__contents>.topology__parts--direction-column>.topology__part:last-child{margin-bottom:0}.topology__canvas{position:absolute;pointer-events:none}.topology__parts{display:flex;align-items:stretch}.topology__parts--direction-row{flex-direction:row;flex-grow:1}.topology__parts--direction-column{flex-direction:column;flex-grow:1}.topology__parts--align-start{align-items:flex-start}.topology__parts--align-center{align-items:center}.topology__parts--align-end{align-items:flex-end}.topology__part,.topology__parts--align-stretch{align-items:stretch}.topology__part{display:flex;justify-content:center;overflow:hidden}.topology__part>.topology__parts .topology__part{flex:1}.topology__part--demarcate{border:1px solid #ccc}.topology__part--demarcate.topology__part--empty{background-color:#f5f5f5;min-width:24px;min-height:24px}.topology__part--justify-start{justify-content:flex-start}.topology__part--justify-center{justify-content:center}.topology__part--justify-between{justify-content:space-between}.topology__part--justify-end{justify-content:flex-end}.topology__part--align-start{align-items:flex-start}.topology__part--align-center{align-items:center}.topology__part--align-end{align-items:flex-end}.topology__part--align-stretch{align-items:stretch}.topology__part--direction-row{flex-direction:row}.topology__part--direction-row.topology__part--reverse{flex-direction:row-reverse}.topology__part--direction-row>:not(.topology__parts):not(.topology__part){margin:6px}.topology__part--direction-column{flex-direction:column}.topology__part--direction-column.topology__part--reverse{flex-direction:column-reverse}.topology__part--direction-column>:not(.topology__parts):not(.topology__part){margin:6px}.topology__label{font-size:14px;margin-left:12px;margin-right:12px}.topology .status-icon{position:relative;z-index:1}.video{position:relative;height:auto}@media screen and (max-width:44.9375em){.video{max-width:100%;width:100vw}}@media screen and (min-width:45em){.video--small{width:240px}.video--small .video__control.button--primary{width:48px;height:48px;border-radius:24px}.video--large{width:960px}}.video--full,.video video{width:100%}.video__summary{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;text-align:left;padding:24px;background-color:rgba(51,51,51,.7);color:#dbdbdb;border-radius:0}.video__control.button--primary{flex:0 0 auto;width:96px;height:96px;border-radius:48px;background-color:rgba(1,169,130,.7)}.video__control.button--primary:hover{background-color:#01a982}.video__title{margin-left:24px}.video__timeline{position:absolute;left:0;right:0;bottom:0;height:72px;color:#dbdbdb;background-color:rgba(51,51,51,.7)}.video__timeline-chapter{position:absolute;height:100%;padding-left:6px;border-left:2px solid #dbdbdb;text-align:left;cursor:pointer}.video__timeline-chapter:hover{color:#fff;border-color:#fff}.video__timeline-chapter time{display:block;font-size:14px;font-size:.875rem;line-height:24px}.video__progress{position:absolute;left:0;right:0;bottom:0;height:6px;text-align:left}.video__progress-meter{height:100%;background-color:#01a982}.video--playing:not(.video--interacting) .video__progress,.video--playing:not(.video--interacting) .video__summary,.video--playing:not(.video--interacting) .video__timeline{opacity:0;transition:opacity 1s}.clearfix:after{content:"";display:table;clear:both}.button{letter-spacing:.04167em}.button:not(.button--disabled):not(.button--icon):not(.button--fill).button--primary:hover,.button:not(.button--disabled):not(.button--icon):not(.button--fill):hover{box-shadow:0 0 0 2px #01a982}.button:not(.button--disabled):not(.button--icon):not(.button--fill).button--secondary:hover{box-shadow:0 0 0 2px rgba(51,51,51,.6)}.button:not(.button--disabled):not(.button--icon):not(.button--fill).button--accent:hover{box-shadow:0 0 0 2px #ff8d6d}[class*=background-color-index-]:not([class*=background-color-index-light]) .button:not(.button--disabled):not(.button--icon):not(.button--fill):hover{box-shadow:0 0 0 2px #eee}[class*=background-color-index-]:not([class*=background-color-index-light]) .button:not(.button--disabled):not(.button--icon):not(.button--fill).button--primary:hover{box-shadow:0 0 0 2px #01a982}[class*=background-color-index-]:not([class*=background-color-index-light]) .button:not(.button--disabled):not(.button--icon):not(.button--fill).button--secondary:hover{box-shadow:0 0 0 2px #eee}[class*=background-color-index-]:not([class*=background-color-index-light]) .button:not(.button--disabled):not(.button--icon):not(.button--fill).button--accent:hover{box-shadow:0 0 0 2px #ff8d6d}.button--fill:not(.button--disabled):not(.button--icon):hover{padding:4px 20px;border-width:4px}@media screen and (min-width:45em){.button--fill:not(.button--disabled):not(.button--icon){transition:none}} \ No newline at end of file +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}blockquote,body,caption,dd,dl,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,legend,ol,p,pre,table,td,th,ul{margin:0;padding:0}abbr[title],dfn[title]{cursor:help}ins,u{text-decoration:none}ins{border-bottom:1px solid}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}address,blockquote,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,ol,p,pre,table,ul{margin-bottom:24px;margin-bottom:1.5rem}dd,ol,ul{margin-left:48px;margin-left:3rem}html{font-size:1em;line-height:1.5;background-color:#fff;color:#333;overflow-y:scroll;min-height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}h1{font-size:36px;font-size:2.25rem;line-height:1.33333}h2{font-size:30px;font-size:1.875rem;line-height:1.6}h3{font-size:24px;font-size:1.5rem;line-height:1}h4{font-size:20px;font-size:1.25rem;line-height:1.2}h5{font-size:16px;font-size:1rem;line-height:1.5}h6{font-size:14px;font-size:.875rem;line-height:1.71429}li>ol,li>ul{margin-bottom:0}img{max-width:100%;font-style:italic;vertical-align:middle}.gm-style img,img[height],img[width]{max-width:none}.brand-font,html{font-family:Metric,Arial,sans-serif}body,html{font-size:16px;font-size:1rem;line-height:24px}h1{font-size:48px;font-size:3rem;line-height:1.125}h2{font-size:36px;font-size:2.25rem;line-height:1.33333}h3{font-size:24px;font-size:1.5rem;line-height:1.25}h4,h5{font-size:18px;font-size:1.125rem;line-height:1.33333}h1,h2,h3,h4,h5{font-weight:100;max-width:100%}h1.header--strong,h1>strong,h2.header--strong,h2>strong,h3.header--strong,h3>strong,h4.header--strong,h4>strong,h5.header--strong,h5>strong{font-weight:600}h1 a,h1 a.anchor,h2 a,h2 a.anchor,h3 a,h3 a.anchor,h4 a,h4 a.anchor,h5 a,h5 a.anchor{color:inherit;text-decoration:none}h1 a.anchor:hover,h1 a:hover,h2 a.anchor:hover,h2 a:hover,h3 a.anchor:hover,h3 a:hover,h4 a.anchor:hover,h4 a:hover,h5 a.anchor:hover,h5 a:hover{text-decoration:none}dd,li,p{max-width:576px;margin-left:0}dd{margin-bottom:12px}p{margin-top:24px;margin-bottom:24px}blockquote{font-size:36px;font-size:2.25rem;line-height:1.33333}code.hljs{border:1px solid #ccc}.large-number-font{font-family:Metric,Arial,sans-serif}.secondary{color:#777}.error{color:#f04953}input,select,textarea{font-size:16px;font-size:1rem;line-height:1.5;padding:11px 23px;border:1px solid #ccc;border-radius:0;outline:none;margin-right:12px;background-color:transparent}input:focus,select:focus,textarea:focus{padding:10px 22px;border-width:2px;border-color:#2ad2c9}input::-moz-focus-inner,select::-moz-focus-inner,textarea::-moz-focus-inner{border:none;outline:none}input::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#aaa}input::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder{color:#aaa}input:-ms-input-placeholder,select:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#aaa}input.error,select.error,textarea.error{border-color:#f04953}input[type=button],input[type=submit]{text-align:center;line-height:inherit}select{border-color:#ccc;padding-right:24px;-webkit-appearance:none;-moz-appearance:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAOhJREFUSA3tksENgzAMRUmrrlApuTAAxxw6QvfojYmYKtw6QpUDI1Rq6o8MStsAMT1UlbAUcMB+33FcFJttHfifDlhrT7QO31YMBlgDZw8HH5RSF3JLY0zrvX8MAZI3F1gT66y17ohz2zGgDSFc6UdF+5oDJWwUidMDXoFFfgtAfwJUjMppX7KI6CQJeOOcu48CcNaKzMFfBNaILME/BCQiOfCkQI5ILhwshceUpUAcG0/LeKEpzqwAEhIiRTSKs3Dk92MKZ8rep4vgR57zRTiYiwIIikVo29HKgiNXZGgXt0yUtwX/tgNPQqatJ1aBLFMAAAAASUVORK5CYII=) no-repeat center right;cursor:pointer}select::-moz-focus-inner{border:none}select.plain{border:none}input[type=range]{position:relative;-webkit-appearance:none;border-color:transparent;height:24px;padding:0;cursor:pointer;overflow-x:hidden}input[type=range]:focus{outline:none}input[type=range]::-moz-focus-inner,input[type=range]::-moz-focus-outer{border:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;background-color:#b2b2b2}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-webkit-slider-runnable-track{background-color:hsla(0,0%,100%,.1)}input[type=range]::-webkit-slider-thumb{position:relative;height:24px;width:24px;overflow:visible;-webkit-appearance:none;margin-top:-11px}input[type=range]::-webkit-slider-thumb:before{content:"";position:absolute;left:-3000px;right:24px;top:9px;bottom:9px;background-color:#01a982;pointer-events:none}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-webkit-slider-thumb:before{background-color:#fff}input[type=range]::-webkit-slider-thumb:after{content:"";position:absolute;border:2px solid #01a982;height:20px;width:20px;border-radius:24px;background-color:#fff;cursor:pointer}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-webkit-slider-thumb:after{background-color:transparent;border-color:#fff}input[type=range]:hover::-webkit-slider-thumb:after{content:"";border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]:hover::-webkit-slider-thumb:after{background-color:#fff;border-color:#fff}input[type=range]::-moz-range-track{width:100%;height:2px;background-color:#b2b2b2}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-moz-range-track{background-color:hsla(0,0%,100%,.1)}input[type=range]::-moz-range-thumb{position:relative;height:24px;width:24px;overflow:visible;border:2px solid #01a982;height:20px;width:20px;border-radius:24px;background-color:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-moz-range-thumb{border-color:#fff;background-color:transparent}input[type=range]::hover::-moz-range-thumb{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::hover::-moz-range-thumb{border-color:#fff;background-color:#fff}input[type=range]::-ms-track{width:100%;height:2px;background-color:#b2b2b2;border-color:transparent;color:transparent}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-ms-track{background-color:hsla(0,0%,100%,.1)}input[type=range]::-ms-fill-lower{background:#01a982;border-color:transparent}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-ms-fill-lower{background:#fff}input[type=range]::-ms-fill-upper{background:#b2b2b2;border-color:transparent}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-ms-fill-upper{background:hsla(0,0%,100%,.1)}input[type=range]::-ms-thumb{position:relative;height:24px;width:24px;overflow:visible;border:2px solid #999;height:20px;width:20px;border-radius:24px;background-color:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-ms-thumb{border-color:#fff}input[type=range]:hover::-ms-thumb{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]:hover::-ms-thumb{border-color:#fff;background-color:#fff}@media screen and (min-width:45em){body,html{height:100%;width:100%;overflow:visible}}.i-list-bare{margin:0;padding:0;list-style:none}.anchor,a{text-decoration:underline;cursor:pointer}.anchor,.anchor:visited,a,a:visited{color:inherit}.anchor.active,a.active{color:#333}.anchor:hover:not(.anchor--disabled),a:hover:not(.anchor--disabled){text-decoration:underline;color:#000}.anchor__icon,a__icon{display:inline-block;padding:12px}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu .anchor:not(.button),[class*=background-color-index-]:not([class*=background-color-index-light]) .menu a:not(.button),[class*=background-color-index-]:not([class*=background-color-index-light]) a{color:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu .anchor:not(.button) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu a:not(.button) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a .control-icon{fill:#dbdbdb;stroke:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor:hover:not(.anchor--disabled),[class*=background-color-index-]:not([class*=background-color-index-light]) .menu .anchor:not(.button):hover:not(.anchor--disabled),[class*=background-color-index-]:not([class*=background-color-index-light]) .menu a:not(.button):hover:not(.anchor--disabled),[class*=background-color-index-]:not([class*=background-color-index-light]) a:hover:not(.anchor--disabled){color:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor:hover:not(.anchor--disabled) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu .anchor:not(.button):hover:not(.anchor--disabled) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu a:not(.button):hover:not(.anchor--disabled) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a:hover:not(.anchor--disabled) .control-icon{fill:#fff;stroke:#fff}.anchor.anchor--primary,a.anchor--primary{font-size:19px;font-size:1.1875rem;line-height:24px;font-weight:600;color:#049371;text-decoration:none}.anchor.anchor--primary .control-icon,a.anchor--primary .control-icon{stroke:#049371;margin-right:12px}.anchor.anchor--primary>span,a.anchor--primary>span{vertical-align:middle}.anchor.anchor--primary:hover:not(.anchor--disabled)>.control-icon,a.anchor--primary:hover:not(.anchor--disabled)>.control-icon{transform:translateX(3px);stroke:#049371}.anchor.anchor--primary:hover:not(.anchor--disabled)>.control-icon path,.anchor.anchor--primary:hover:not(.anchor--disabled)>.control-icon polyline,a.anchor--primary:hover:not(.anchor--disabled)>.control-icon path,a.anchor--primary:hover:not(.anchor--disabled)>.control-icon polyline{stroke-width:3px}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor.anchor--primary,[class*=background-color-index-]:not([class*=background-color-index-light]) a.anchor--primary{color:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor.anchor--primary .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a.anchor--primary .control-icon{fill:#dbdbdb;stroke:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor.anchor--primary:hover:not(.anchor--disabled),[class*=background-color-index-]:not([class*=background-color-index-light]) a.anchor--primary:hover:not(.anchor--disabled){color:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor.anchor--primary:hover:not(.anchor--disabled) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a.anchor--primary:hover:not(.anchor--disabled) .control-icon{fill:#fff;stroke:#fff}.anchor--disabled,a--disabled{opacity:.3;cursor:default}.anchor--disabled .control-icon,a--disabled .control-icon{cursor:default}#loading{position:absolute;width:100%;height:100%;background-color:#ddd;text-align:center;padding-top:100px;font-size:48px;color:#ccc;font-style:italic}@media screen and (min-width:45em){.app{position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto}}.app--inline{position:relative}.app--centered>.split{width:100%;max-width:960px;margin-left:auto;margin-right:auto}.article{position:relative}.article--scroll-step{text-align:center;height:100vh;width:100vw;max-width:100%}.article--scroll-step>.article__control{position:fixed;z-index:4}.article--scroll-step>.article__control-up{top:0;left:50%;transform:translateX(-50%)}.article--scroll-step>.article__control-down{bottom:0;left:50%;transform:translateX(-50%)}.article--scroll-step>.article__control-left{top:50%;transform:translateY(-50%);left:0}.article--scroll-step>.article__control-right{top:50%;transform:translateY(-50%);right:0}.article--scroll-step.box--direction-column{overflow-x:hidden;overflow-y:auto}.article--scroll-step.box--direction-column>.article__control-carousel{top:50%;left:24px;transform:translateY(-50%)}.article--scroll-step.box--direction-row{overflow-x:auto;overflow-y:hidden}.article--scroll-step.box--direction-row>:not(.article__controls){overflow-y:auto}.article--scroll-step.box--direction-row>.article__control-carousel{top:24px;left:50%;transform:translateX(-50%)}.article>*{flex:0 0 auto}article:not(.article){width:100%}.attribute{margin-bottom:12px}@media screen and (max-width:44.9375em){.attribute{width:100%}}.attribute__label{display:block;text-align:left;font-size:14px;font-size:.875rem;line-height:24px;color:#777}.box{display:flex;background-position:center center;background-size:cover;background-repeat:no-repeat}.box__texture{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.box__container{padding-left:24px;padding-right:24px}.box__container--full{max-width:100%;width:100vw}.layer__container .box__container--full{width:calc(100vw - 48px)}.box__container--full-horizontal{max-width:100%;width:100vw}.layer__container .box__container--full-horizontal{width:calc(100vw - 48px)}.app--centered .box__container>.box{width:100%;max-width:960px;margin-left:auto;margin-right:auto}@media screen and (max-width:44.9375em){.app--centered .box__container>.box{padding-left:0;padding-right:0}}.box--wrap{flex-wrap:wrap}.box--pad-none{padding:0}.box--pad-small{padding:12px}.box--pad-medium{padding:24px}.box--pad-large{padding:48px}.box--pad-horizontal-none{padding-left:0;padding-right:0}.box--pad-horizontal-small{padding-left:12px;padding-right:12px}.box--pad-horizontal-medium{padding-left:24px;padding-right:24px}.box--pad-horizontal-large{padding-left:48px;padding-right:48px}.box--pad-vertical-none{padding-top:0;padding-bottom:0}.box--pad-vertical-small{padding-top:12px;padding-bottom:12px}.box--pad-vertical-medium{padding-top:24px;padding-bottom:24px}.box--pad-vertical-large{padding-top:48px;padding-bottom:48px}.box--full{position:relative;max-width:100%;width:100vw;min-height:100vh;height:100%}.layer__container .box--full{width:calc(100vw - 48px)}.box--full-horizontal{max-width:100%;width:100vw}.layer__container .box--full-horizontal{width:calc(100vw - 48px)}.box--full-vertical{min-height:100vh}.box--direction-row{flex-direction:row}.box--direction-row.box--reverse{flex-direction:row-reverse}.box--direction-row.box--pad-between-small>:not(:last-child){margin-right:12px}.box--direction-row.box--pad-between-medium>:not(:last-child){margin-right:24px}.box--direction-row.box--pad-between-large>:not(:last-child){margin-right:48px}@media screen and (max-width:44.9375em){.box--direction-row.box--responsive{flex-direction:column}.box--direction-row.box--responsive.box--reverse{flex-direction:column-reverse}}.box--direction-column{flex-direction:column}.box--direction-column.box--reverse{flex-direction:column-reverse}.box--direction-column>.footer.box--direction-row,.box--direction-column>.header.box--direction-row,.box--direction-column>.header__container--fixed{flex:0 0 auto}.box--direction-column.box--pad-between-small>:not(:last-child){margin-bottom:12px}.box--direction-column.box--pad-between-medium>:not(:last-child){margin-bottom:24px}.box--direction-column.box--pad-between-large>:not(:last-child){margin-bottom:48px}.box--justify-start{justify-content:flex-start}.box--justify-center{justify-content:center}.box--justify-between{justify-content:space-between}.box--justify-end{justify-content:flex-end}.box--align-start{align-items:flex-start}.box--align-center{align-items:center}.box--align-end{align-items:flex-end}.box--separator-all,.box--separator-horizontal,.box--separator-top{border-top:1px solid #ccc}.box--separator-all,.box--separator-bottom,.box--separator-horizontal{border-bottom:1px solid #ccc}.box--separator-all,.box--separator-left,.box--separator-vertical{border-left:1px solid #ccc}.box--separator-all,.box--separator-right,.box--separator-vertical{border-right:1px solid #ccc}@media screen and (max-width:44.9375em){.box--separator-all,.box--separator-left,.box--separator-vertical{border-left:none;border-bottom:1px solid #ccc}.box--separator-all,.box--separator-right,.box--separator-vertical{border-right:none;border-bottom:1px solid #ccc}}[class*=background-color-index-] .box[class*=box--separator]{border-color:#eee}.box--text-align-left{text-align:left}.box--text-align-center{text-align:center}.box--text-align-right{text-align:right}.box>.flex,.box>.flex-grow-1{flex-grow:1}.box--direction-down,.box--direction-up{flex-direction:column}.box--direction-left{justify-content:flex-end}.box--flush{padding:0}button:not(.button),input[type=button],input[type=submit]{padding:6px 22px;background-color:transparent;border:2px solid #01a982;border-radius:0;color:#333;font-size:19px;font-size:1.1875rem;line-height:24px;font-weight:600;cursor:pointer;text-align:center;outline:none;min-width:120px;max-width:384px}button:not(.button):focus:not(.button--disabled),input[type=button]:focus:not(.button--disabled),input[type=submit]:focus:not(.button--disabled){border-color:#2ad2c9;box-shadow:0 0 1px 1px #2ad2c9}@media screen and (min-width:45em){button:not(.button),input[type=button],input[type=submit]{transition:.1s ease-in-out}}.button{padding:6px 22px;background-color:transparent;border:2px solid #01a982;border-radius:0;color:#333;font-size:19px;font-size:1.1875rem;line-height:24px;font-weight:600;cursor:pointer;text-align:center;outline:none;min-width:120px;max-width:384px}.button:focus:not(.button--disabled){border-color:#2ad2c9;box-shadow:0 0 1px 1px #2ad2c9}@media screen and (min-width:45em){.button{transition:.1s ease-in-out}}.button__icon{display:inline-block;padding:12px}.button--primary{border-color:#01a982;background-color:#01a982;color:#fff}.button--secondary{border-color:rgba(51,51,51,.6)}.button--accent{border-color:#ff8d6d}.button--icon{border:none;padding:0;width:auto;height:auto;min-width:0;max-width:none}.button--icon.button--primary{background-color:#01a982}.button--icon>span:not(.button__icon){vertical-align:middle}.button--icon>span:not(.button__icon):first-child{margin-left:12px}.button--icon>span:not(.button__icon):last-child{margin-right:12px}[class*=background-color-index-]:not([class*=background-color-index-light]) .button--icon{color:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .button--icon .control-icon{fill:#dbdbdb;stroke:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .button--icon:hover{color:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) .button--icon:hover .control-icon{fill:#fff;stroke:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) .button:not(.button--primary){border-color:#eee;color:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .button:not(.button--primary).button--accent{border-color:#ff8d6d}.button--disabled{opacity:.3;cursor:default}.button--fill{width:100%;max-width:none;flex-grow:1}.calendar{position:relative;display:inline-block;min-width:288px}.calendar__input{width:100%;height:100%;display:block;padding-right:60px}.calendar__input:focus{padding-right:59px}.calendar__control{position:absolute;top:50%;right:12px;transform:translateY(-50%)}.calendar__drop{border-top-left-radius:0;border-top-right-radius:0}.calendar__title{text-align:center}.calendar__grid{width:100%;padding:12px}.calendar__grid table{width:100%}.calendar__grid td,.calendar__grid th{text-align:center;padding:6px}.calendar__grid th{color:#777;font-weight:400}.calendar__day{display:inline-block;cursor:pointer;width:24px;height:24px;transition:background-color .3s}.calendar__day:hover{background-color:rgba(0,0,0,.1)}.calendar__day--other-month{color:#777}.calendar__day--active{background-color:#01a982;color:#dbdbdb}.calendar--active .calendar__input{border-bottom-left-radius:0;border-bottom-right-radius:0}@-webkit-keyframes a{0%{opacity:1}to{opacity:0}}@keyframes a{0%{opacity:1}to{opacity:0}}.carousel{position:relative;max-width:100%;overflow:hidden}.carousel__track{display:flex;max-width:none;transition:all .8s}.carousel__item>*{width:100%}.carousel__arrow{-webkit-animation:b 1s;animation:b 1s;z-index:1;position:absolute;top:50%;transform:translateY(-50%);cursor:pointer}.carousel__arrow .control-icon{filter:drop-shadow(1px 1px 1px rgba(170,170,170,.5));-webkit-filter:drop-shadow(1px 1px 1px hsla(0,0%,67%,.5))}.carousel__arrow .control-icon polyline{stroke:#fff;stroke-width:1px}.carousel__arrow--next{right:0}.carousel__arrow--prev{left:0}.carousel .control-icon-next{right:0}.carousel .control-icon-previous{left:0}.carousel__controls{-webkit-animation:b 1s;animation:b 1s;margin-left:50%;transform:translateX(-50%);position:absolute;bottom:12px;text-align:center;z-index:1}.carousel__control{display:inline-block;width:36px;height:36px;stroke:#fff;fill:transparent;cursor:pointer;filter:drop-shadow(1px 1px 1px rgba(170,170,170,.5));-webkit-filter:drop-shadow(1px 1px 1px hsla(0,0%,67%,.5))}.carousel__control--active{stroke:#01a982;fill:#01a982}.carousel--hide-controls .carousel__controls,.carousel--hide-controls .control-icon-next,.carousel--hide-controls .control-icon-previous{opacity:0;-webkit-animation:a 1s;animation:a 1s}.carousel-controls__control{width:36px;height:36px;stroke:#fff;fill:transparent;cursor:pointer;filter:drop-shadow(1px 1px 1px rgba(170,170,170,.5));-webkit-filter:drop-shadow(1px 1px 1px hsla(0,0%,67%,.5))}.carousel-controls__control:hover{stroke-width:2px}.carousel-controls__control--active{stroke:#01a982;fill:#01a982}@-webkit-keyframes b{0%{opacity:0}to{opacity:1}}@keyframes b{0%{opacity:0}to{opacity:1}}.chart{position:relative;display:block}.chart__grid{stroke:#ccc}.chart__graphic{width:100%;height:192px;max-height:calc(100vh - 144px)}@media screen and (min-width:45em){.chart__values g{-webkit-animation:b 1.5s;animation:b 1.5s}}.chart__values-line{stroke-width:3px}.chart__values-line.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.chart__values-line.color-index-unset{stroke:#ddd}.chart__values-line.color-index-brand{stroke:#01a982}.chart__values-line.color-index-critical,.chart__values-line.color-index-error{stroke:#f04953}.chart__values-line.color-index-warning{stroke:#ffd144}.chart__values-line.color-index-ok{stroke:#01a982}.chart__values-line.color-index-disabled,.chart__values-line.color-index-unknown{stroke:#ccc}.chart__values-line.color-index-graph-1,.chart__values-line.color-index-graph-5{stroke:#617c91}.chart__values-line.color-index-graph-2,.chart__values-line.color-index-graph-6{stroke:#94aba8}.chart__values-line.color-index-graph-3,.chart__values-line.color-index-graph-7{stroke:#998e88}.chart__values-line.color-index-graph-4,.chart__values-line.color-index-graph-8{stroke:#8c6694}.chart__values-line.color-index-grey-1,.chart__values-line.color-index-grey-5{stroke:#333}.chart__values-line.color-index-grey-2,.chart__values-line.color-index-grey-6{stroke:#3b3b3b}.chart__values-line.color-index-grey-3,.chart__values-line.color-index-grey-7{stroke:#434343}.chart__values-line.color-index-grey-4,.chart__values-line.color-index-grey-8{stroke:#666}.chart__values-line.color-index-light-1,.chart__values-line.color-index-light-3{stroke:#fff}.chart__values-line.color-index-light-2,.chart__values-line.color-index-light-4{stroke:#f5f5f5}.chart__values-area.color-index-critical,.chart__values-area.color-index-error,.chart__values-bar.color-index-critical,.chart__values-bar.color-index-error{fill:rgba(240,73,83,.7)}.chart__values-area.color-index-warning,.chart__values-bar.color-index-warning{fill:rgba(255,209,68,.7)}.chart__values-area.color-index-ok,.chart__values-bar.color-index-ok{fill:rgba(1,169,130,.7)}.chart__values-area.color-index-disabled,.chart__values-area.color-index-unknown,.chart__values-bar.color-index-disabled,.chart__values-bar.color-index-unknown{fill:hsla(0,0%,80%,.7)}.chart__values-area.color-index-graph-1,.chart__values-area.color-index-graph-5,.chart__values-bar.color-index-graph-1,.chart__values-bar.color-index-graph-5{fill:rgba(97,124,145,.7)}.chart__values-area.color-index-graph-2,.chart__values-area.color-index-graph-6,.chart__values-bar.color-index-graph-2,.chart__values-bar.color-index-graph-6{fill:rgba(148,171,168,.7)}.chart__values-area.color-index-graph-3,.chart__values-area.color-index-graph-7,.chart__values-bar.color-index-graph-3,.chart__values-bar.color-index-graph-7{fill:hsla(21,8%,57%,.7)}.chart__values-area.color-index-graph-4,.chart__values-area.color-index-graph-8,.chart__values-bar.color-index-graph-4,.chart__values-bar.color-index-graph-8{fill:rgba(140,102,148,.7)}.chart__values-area--active.color-index-unset,.chart__values-bar--active.color-index-unset{fill:#ddd}.chart__values-area--active.color-index-brand,.chart__values-bar--active.color-index-brand{fill:#01a982}.chart__values-area--active.color-index-critical,.chart__values-area--active.color-index-error,.chart__values-bar--active.color-index-critical,.chart__values-bar--active.color-index-error{fill:#f04953}.chart__values-area--active.color-index-warning,.chart__values-bar--active.color-index-warning{fill:#ffd144}.chart__values-area--active.color-index-ok,.chart__values-bar--active.color-index-ok{fill:#01a982}.chart__values-area--active.color-index-disabled,.chart__values-area--active.color-index-unknown,.chart__values-bar--active.color-index-disabled,.chart__values-bar--active.color-index-unknown{fill:#ccc}.chart__values-area--active.color-index-graph-1,.chart__values-area--active.color-index-graph-5,.chart__values-bar--active.color-index-graph-1,.chart__values-bar--active.color-index-graph-5{fill:#617c91}.chart__values-area--active.color-index-graph-2,.chart__values-area--active.color-index-graph-6,.chart__values-bar--active.color-index-graph-2,.chart__values-bar--active.color-index-graph-6{fill:#94aba8}.chart__values-area--active.color-index-graph-3,.chart__values-area--active.color-index-graph-7,.chart__values-bar--active.color-index-graph-3,.chart__values-bar--active.color-index-graph-7{fill:#998e88}.chart__values-area--active.color-index-graph-4,.chart__values-area--active.color-index-graph-8,.chart__values-bar--active.color-index-graph-4,.chart__values-bar--active.color-index-graph-8{fill:#8c6694}.chart__values-area--active.color-index-grey-1,.chart__values-area--active.color-index-grey-5,.chart__values-bar--active.color-index-grey-1,.chart__values-bar--active.color-index-grey-5{fill:#333}.chart__values-area--active.color-index-grey-2,.chart__values-area--active.color-index-grey-6,.chart__values-bar--active.color-index-grey-2,.chart__values-bar--active.color-index-grey-6{fill:#3b3b3b}.chart__values-area--active.color-index-grey-3,.chart__values-area--active.color-index-grey-7,.chart__values-bar--active.color-index-grey-3,.chart__values-bar--active.color-index-grey-7{fill:#434343}.chart__values-area--active.color-index-grey-4,.chart__values-area--active.color-index-grey-8,.chart__values-bar--active.color-index-grey-4,.chart__values-bar--active.color-index-grey-8{fill:#666}.chart__values-point{stroke-width:3px;fill:#fff}.chart__values-point.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.chart__values-point.color-index-unset{stroke:#ddd}.chart__values-point.color-index-brand{stroke:#01a982}.chart__values-point.color-index-critical,.chart__values-point.color-index-error{stroke:#f04953}.chart__values-point.color-index-warning{stroke:#ffd144}.chart__values-point.color-index-ok{stroke:#01a982}.chart__values-point.color-index-disabled,.chart__values-point.color-index-unknown{stroke:#ccc}.chart__values-point.color-index-graph-1,.chart__values-point.color-index-graph-5{stroke:#617c91}.chart__values-point.color-index-graph-2,.chart__values-point.color-index-graph-6{stroke:#94aba8}.chart__values-point.color-index-graph-3,.chart__values-point.color-index-graph-7{stroke:#998e88}.chart__values-point.color-index-graph-4,.chart__values-point.color-index-graph-8{stroke:#8c6694}.chart__values-point.color-index-grey-1,.chart__values-point.color-index-grey-5{stroke:#333}.chart__values-point.color-index-grey-2,.chart__values-point.color-index-grey-6{stroke:#3b3b3b}.chart__values-point.color-index-grey-3,.chart__values-point.color-index-grey-7{stroke:#434343}.chart__values-point.color-index-grey-4,.chart__values-point.color-index-grey-8{stroke:#666}.chart__values-point.color-index-light-1,.chart__values-point.color-index-light-3{stroke:#fff}.chart__values-point.color-index-light-2,.chart__values-point.color-index-light-4{stroke:#f5f5f5}.chart__values--loading{stroke-width:24px}.chart__values--loading.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.chart__values--loading.color-index-unset{stroke:#ddd}.chart__values--loading.color-index-brand{stroke:#01a982}.chart__values--loading.color-index-critical,.chart__values--loading.color-index-error{stroke:#f04953}.chart__values--loading.color-index-warning{stroke:#ffd144}.chart__values--loading.color-index-ok{stroke:#01a982}.chart__values--loading.color-index-disabled,.chart__values--loading.color-index-unknown{stroke:#ccc}.chart__values--loading.color-index-graph-1,.chart__values--loading.color-index-graph-5{stroke:#617c91}.chart__values--loading.color-index-graph-2,.chart__values--loading.color-index-graph-6{stroke:#94aba8}.chart__values--loading.color-index-graph-3,.chart__values--loading.color-index-graph-7{stroke:#998e88}.chart__values--loading.color-index-graph-4,.chart__values--loading.color-index-graph-8{stroke:#8c6694}.chart__values--loading.color-index-grey-1,.chart__values--loading.color-index-grey-5{stroke:#333}.chart__values--loading.color-index-grey-2,.chart__values--loading.color-index-grey-6{stroke:#3b3b3b}.chart__values--loading.color-index-grey-3,.chart__values--loading.color-index-grey-7{stroke:#434343}.chart__values--loading.color-index-grey-4,.chart__values--loading.color-index-grey-8{stroke:#666}.chart__values--loading.color-index-light-1,.chart__values--loading.color-index-light-3{stroke:#fff}.chart__values--loading.color-index-light-2,.chart__values--loading.color-index-light-4{stroke:#f5f5f5}.chart__threshold{stroke-width:2px;stroke:rgba(51,51,51,.2);pointer-events:none}.chart__yaxis .chart__bar.color-index-critical,.chart__yaxis .chart__bar.color-index-error{fill:rgba(240,73,83,.5)}.chart__yaxis .chart__bar.color-index-warning{fill:rgba(255,209,68,.5)}.chart__yaxis .chart__bar.color-index-ok{fill:rgba(1,169,130,.5)}.chart__yaxis .chart__bar.color-index-disabled,.chart__yaxis .chart__bar.color-index-unknown{fill:hsla(0,0%,80%,.5)}.chart__yaxis .chart__bar.color-index-graph-1,.chart__yaxis .chart__bar.color-index-graph-5{fill:rgba(97,124,145,.5)}.chart__yaxis .chart__bar.color-index-graph-2,.chart__yaxis .chart__bar.color-index-graph-6{fill:rgba(148,171,168,.5)}.chart__yaxis .chart__bar.color-index-graph-3,.chart__yaxis .chart__bar.color-index-graph-7{fill:hsla(21,8%,57%,.5)}.chart__yaxis .chart__bar.color-index-graph-4,.chart__yaxis .chart__bar.color-index-graph-8{fill:rgba(140,102,148,.5)}.chart__xaxis-index text{fill:#777}.chart__xaxis-index--eclipse text{fill:transparent}.chart__xaxis-index--active text{fill:#333}.chart__front-xband-background{fill:transparent}.chart__cursor{stroke:#333;stroke-width:2;pointer-events:none}.chart__cursor-point{stroke-width:2}.chart__cursor-point.color-index-unset{fill:#ddd}.chart__cursor-point.color-index-brand{fill:#01a982}.chart__cursor-point.color-index-critical,.chart__cursor-point.color-index-error{fill:#f04953}.chart__cursor-point.color-index-warning{fill:#ffd144}.chart__cursor-point.color-index-ok{fill:#01a982}.chart__cursor-point.color-index-disabled,.chart__cursor-point.color-index-unknown{fill:#ccc}.chart__cursor-point.color-index-graph-1,.chart__cursor-point.color-index-graph-5{fill:#617c91}.chart__cursor-point.color-index-graph-2,.chart__cursor-point.color-index-graph-6{fill:#94aba8}.chart__cursor-point.color-index-graph-3,.chart__cursor-point.color-index-graph-7{fill:#998e88}.chart__cursor-point.color-index-graph-4,.chart__cursor-point.color-index-graph-8{fill:#8c6694}.chart__cursor-point.color-index-grey-1,.chart__cursor-point.color-index-grey-5{fill:#333}.chart__cursor-point.color-index-grey-2,.chart__cursor-point.color-index-grey-6{fill:#3b3b3b}.chart__cursor-point.color-index-grey-3,.chart__cursor-point.color-index-grey-7{fill:#434343}.chart__cursor-point.color-index-grey-4,.chart__cursor-point.color-index-grey-8{fill:#666}.chart__legend--overlay{padding:12px;pointer-events:none}@media screen and (max-width:44.9375em){.chart__legend--overlay{margin:0 auto}}@media screen and (min-width:45em){.chart__legend--overlay{position:absolute;left:0;margin:0;background-color:hsla(0,0%,100%,.8)}}.chart--area .chart__gradient.color-index-critical .begin,.chart--bar .chart__gradient.color-index-critical .begin{stop-color:#f04953}.chart--area .chart__gradient.color-index-critical .mid,.chart--bar .chart__gradient.color-index-critical .mid{stop-color:#f04953;stop-opacity:.5}.chart--area .chart__gradient.color-index-critical .end,.chart--bar .chart__gradient.color-index-critical .end{stop-color:#f04953;stop-opacity:0}.chart--area .chart__gradient.color-index-error .begin,.chart--bar .chart__gradient.color-index-error .begin{stop-color:#f04953}.chart--area .chart__gradient.color-index-error .mid,.chart--bar .chart__gradient.color-index-error .mid{stop-color:#f04953;stop-opacity:.5}.chart--area .chart__gradient.color-index-error .end,.chart--bar .chart__gradient.color-index-error .end{stop-color:#f04953;stop-opacity:0}.chart--area .chart__gradient.color-index-warning .begin,.chart--bar .chart__gradient.color-index-warning .begin{stop-color:#ffd144}.chart--area .chart__gradient.color-index-warning .mid,.chart--bar .chart__gradient.color-index-warning .mid{stop-color:#ffd144;stop-opacity:.5}.chart--area .chart__gradient.color-index-warning .end,.chart--bar .chart__gradient.color-index-warning .end{stop-color:#ffd144;stop-opacity:0}.chart--area .chart__gradient.color-index-ok .begin,.chart--bar .chart__gradient.color-index-ok .begin{stop-color:#01a982}.chart--area .chart__gradient.color-index-ok .mid,.chart--bar .chart__gradient.color-index-ok .mid{stop-color:#01a982;stop-opacity:.5}.chart--area .chart__gradient.color-index-ok .end,.chart--bar .chart__gradient.color-index-ok .end{stop-color:#01a982;stop-opacity:0}.chart--area .chart__gradient.color-index-unknown .begin,.chart--bar .chart__gradient.color-index-unknown .begin{stop-color:#ccc}.chart--area .chart__gradient.color-index-unknown .mid,.chart--bar .chart__gradient.color-index-unknown .mid{stop-color:#ccc;stop-opacity:.5}.chart--area .chart__gradient.color-index-unknown .end,.chart--bar .chart__gradient.color-index-unknown .end{stop-color:#ccc;stop-opacity:0}.chart--area .chart__gradient.color-index-disabled .begin,.chart--bar .chart__gradient.color-index-disabled .begin{stop-color:#ccc}.chart--area .chart__gradient.color-index-disabled .mid,.chart--bar .chart__gradient.color-index-disabled .mid{stop-color:#ccc;stop-opacity:.5}.chart--area .chart__gradient.color-index-disabled .end,.chart--bar .chart__gradient.color-index-disabled .end{stop-color:#ccc;stop-opacity:0}.chart--area .chart__gradient.color-index-graph-1 .begin,.chart--area .chart__gradient.color-index-graph-5 .begin,.chart--bar .chart__gradient.color-index-graph-1 .begin,.chart--bar .chart__gradient.color-index-graph-5 .begin{stop-color:#617c91}.chart--area .chart__gradient.color-index-graph-1 .mid,.chart--area .chart__gradient.color-index-graph-5 .mid,.chart--bar .chart__gradient.color-index-graph-1 .mid,.chart--bar .chart__gradient.color-index-graph-5 .mid{stop-color:#617c91;stop-opacity:.5}.chart--area .chart__gradient.color-index-graph-1 .end,.chart--area .chart__gradient.color-index-graph-5 .end,.chart--bar .chart__gradient.color-index-graph-1 .end,.chart--bar .chart__gradient.color-index-graph-5 .end{stop-color:#617c91;stop-opacity:0}.chart--area .chart__gradient.color-index-graph-2 .begin,.chart--area .chart__gradient.color-index-graph-6 .begin,.chart--bar .chart__gradient.color-index-graph-2 .begin,.chart--bar .chart__gradient.color-index-graph-6 .begin{stop-color:#94aba8}.chart--area .chart__gradient.color-index-graph-2 .mid,.chart--area .chart__gradient.color-index-graph-6 .mid,.chart--bar .chart__gradient.color-index-graph-2 .mid,.chart--bar .chart__gradient.color-index-graph-6 .mid{stop-color:#94aba8;stop-opacity:.5}.chart--area .chart__gradient.color-index-graph-2 .end,.chart--area .chart__gradient.color-index-graph-6 .end,.chart--bar .chart__gradient.color-index-graph-2 .end,.chart--bar .chart__gradient.color-index-graph-6 .end{stop-color:#94aba8;stop-opacity:0}.chart--area .chart__gradient.color-index-graph-3 .begin,.chart--area .chart__gradient.color-index-graph-7 .begin,.chart--bar .chart__gradient.color-index-graph-3 .begin,.chart--bar .chart__gradient.color-index-graph-7 .begin{stop-color:#998e88}.chart--area .chart__gradient.color-index-graph-3 .mid,.chart--area .chart__gradient.color-index-graph-7 .mid,.chart--bar .chart__gradient.color-index-graph-3 .mid,.chart--bar .chart__gradient.color-index-graph-7 .mid{stop-color:#998e88;stop-opacity:.5}.chart--area .chart__gradient.color-index-graph-3 .end,.chart--area .chart__gradient.color-index-graph-7 .end,.chart--bar .chart__gradient.color-index-graph-3 .end,.chart--bar .chart__gradient.color-index-graph-7 .end{stop-color:#998e88;stop-opacity:0}.chart--area .chart__gradient.color-index-graph-4 .begin,.chart--area .chart__gradient.color-index-graph-8 .begin,.chart--bar .chart__gradient.color-index-graph-4 .begin,.chart--bar .chart__gradient.color-index-graph-8 .begin{stop-color:#8c6694}.chart--area .chart__gradient.color-index-graph-4 .mid,.chart--area .chart__gradient.color-index-graph-8 .mid,.chart--bar .chart__gradient.color-index-graph-4 .mid,.chart--bar .chart__gradient.color-index-graph-8 .mid{stop-color:#8c6694;stop-opacity:.5}.chart--area .chart__gradient.color-index-graph-4 .end,.chart--area .chart__gradient.color-index-graph-8 .end,.chart--bar .chart__gradient.color-index-graph-4 .end,.chart--bar .chart__gradient.color-index-graph-8 .end{stop-color:#8c6694;stop-opacity:0}.chart--small .chart__graphic{height:96px}.chart--large .chart__graphic{height:288px}.chart--sparkline{display:inline-block;margin-right:6px}.chart--sparkline .chart__graphic{width:auto;height:24px}.chart--sparkline .chart__values-area.color-index-unset,.chart--sparkline .chart__values-bar.color-index-unset{fill:#ddd}.chart--sparkline .chart__values-area.color-index-brand,.chart--sparkline .chart__values-bar.color-index-brand{fill:#01a982}.chart--sparkline .chart__values-area.color-index-critical,.chart--sparkline .chart__values-area.color-index-error,.chart--sparkline .chart__values-bar.color-index-critical,.chart--sparkline .chart__values-bar.color-index-error{fill:#f04953}.chart--sparkline .chart__values-area.color-index-warning,.chart--sparkline .chart__values-bar.color-index-warning{fill:#ffd144}.chart--sparkline .chart__values-area.color-index-ok,.chart--sparkline .chart__values-bar.color-index-ok{fill:#01a982}.chart--sparkline .chart__values-area.color-index-disabled,.chart--sparkline .chart__values-area.color-index-unknown,.chart--sparkline .chart__values-bar.color-index-disabled,.chart--sparkline .chart__values-bar.color-index-unknown{fill:#ccc}.chart--sparkline .chart__values-area.color-index-graph-1,.chart--sparkline .chart__values-area.color-index-graph-5,.chart--sparkline .chart__values-bar.color-index-graph-1,.chart--sparkline .chart__values-bar.color-index-graph-5{fill:#617c91}.chart--sparkline .chart__values-area.color-index-graph-2,.chart--sparkline .chart__values-area.color-index-graph-6,.chart--sparkline .chart__values-bar.color-index-graph-2,.chart--sparkline .chart__values-bar.color-index-graph-6{fill:#94aba8}.chart--sparkline .chart__values-area.color-index-graph-3,.chart--sparkline .chart__values-area.color-index-graph-7,.chart--sparkline .chart__values-bar.color-index-graph-3,.chart--sparkline .chart__values-bar.color-index-graph-7{fill:#998e88}.chart--sparkline .chart__values-area.color-index-graph-4,.chart--sparkline .chart__values-area.color-index-graph-8,.chart--sparkline .chart__values-bar.color-index-graph-4,.chart--sparkline .chart__values-bar.color-index-graph-8{fill:#8c6694}.chart--sparkline .chart__values-area.color-index-grey-1,.chart--sparkline .chart__values-area.color-index-grey-5,.chart--sparkline .chart__values-bar.color-index-grey-1,.chart--sparkline .chart__values-bar.color-index-grey-5{fill:#333}.chart--sparkline .chart__values-area.color-index-grey-2,.chart--sparkline .chart__values-area.color-index-grey-6,.chart--sparkline .chart__values-bar.color-index-grey-2,.chart--sparkline .chart__values-bar.color-index-grey-6{fill:#3b3b3b}.chart--sparkline .chart__values-area.color-index-grey-3,.chart--sparkline .chart__values-area.color-index-grey-7,.chart--sparkline .chart__values-bar.color-index-grey-3,.chart--sparkline .chart__values-bar.color-index-grey-7{fill:#434343}.chart--sparkline .chart__values-area.color-index-grey-4,.chart--sparkline .chart__values-area.color-index-grey-8,.chart--sparkline .chart__values-bar.color-index-grey-4,.chart--sparkline .chart__values-bar.color-index-grey-8{fill:#666}.check-box{margin-right:12px;white-space:nowrap}.check-box:not(.check-box--disabled){cursor:pointer}.check-box:hover:not(.check-box--disabled) .check-box__control{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box:hover:not(.check-box--disabled) .check-box__control{border-color:#fff}.check-box:hover:not(.check-box--disabled) .check-box__input:checked+.check-box__control{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box:hover:not(.check-box--disabled) .check-box__input:checked+.check-box__control{border-color:#fff}.check-box:hover:not(.check-box--disabled) .check-box__label{color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box:hover:not(.check-box--disabled) .check-box__label{color:#fff}.check-box__input{opacity:0;position:absolute}.check-box__input:checked+.check-box__control{border-color:#01a982}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box__input:checked+.check-box__control{border-color:#fff}.check-box__input:checked+.check-box__control .check-box__control-check{display:block}.check-box__input:checked+.check-box__control+.check-box__label{color:#333}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box__input:checked+.check-box__control+.check-box__label{color:#fff}.check-box__input:focus+.check-box__control{border-color:#2ad2c9;box-shadow:0 0 1px 1px #2ad2c9}.check-box__control{position:relative;top:-1px;display:inline-block;width:24px;height:24px;margin-right:12px;vertical-align:middle;background-color:inherit;border:2px solid #999;border-radius:0}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box__control{border-color:#dbdbdb}.check-box__control-check{position:absolute;top:-2px;left:-2px;display:none;width:24px;height:24px;stroke-width:4px;stroke:#01a982}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box__control-check{stroke:#fff}.check-box__label{color:#777}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box__label{color:#dbdbdb}.check-box--disabled .check-box__control{opacity:.5}.check-box--toggle:hover:not(.check-box--disabled) .check-box__control:after{content:"";border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle:hover:not(.check-box--disabled) .check-box__control:after{background-color:#fff;border-color:#fff}.check-box--toggle:hover:not(.check-box--disabled) .check-box__input:checked+.check-box__control:after{content:"";border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle:hover:not(.check-box--disabled) .check-box__input:checked+.check-box__control:after{background-color:#fff;border-color:#fff}.check-box--toggle .check-box__control{width:48px;height:24px;border-radius:24px;background-color:#b2b2b2;border:none;transition:background-color .3s}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle .check-box__control{background-color:hsla(0,0%,100%,.1)}.check-box--toggle .check-box__control:after{content:"";display:block;position:absolute;top:-2px;left:0;width:28px;height:28px;background-color:#fff;border:2px solid #999;border-radius:24px;transition:margin-left .3s}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle .check-box__control:after{background-color:transparent;border-color:#dbdbdb}.check-box--toggle .check-box__input:checked+.check-box__control{background-color:#01a982}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle .check-box__input:checked+.check-box__control{background-color:hsla(0,0%,100%,.1)}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle .check-box__input:checked+.check-box__control .check-box__control-check{stroke:transparent}.check-box--toggle .check-box__input:checked+.check-box__control:after{content:"";background-color:#fff;border-color:#01a982;margin-left:24px}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle .check-box__input:checked+.check-box__control:after{border-color:#dbdbdb}.background-color-index-neutral-1,.background-color-index-neutral-5{background-color:#425563}.background-color-index-neutral-1-a,.background-color-index-neutral-5-a{background-color:rgba(66,85,99,.8)}.background-color-index-neutral-2,.background-color-index-neutral-6{background-color:#5f7a76}.background-color-index-neutral-2-a,.background-color-index-neutral-6-a{background-color:rgba(95,122,118,.8)}.background-color-index-neutral-3,.background-color-index-neutral-7{background-color:#80746e}.background-color-index-neutral-3-a,.background-color-index-neutral-7-a{background-color:hsla(20,8%,47%,.8)}.background-color-index-neutral-4,.background-color-index-neutral-8{background-color:#767676}.background-color-index-neutral-4-a,.background-color-index-neutral-8-a{background-color:hsla(0,0%,46%,.8)}.background-color-index-accent-1,.background-color-index-accent-3{background-color:#2ad2c9}.background-color-index-accent-1-a,.background-color-index-accent-3-a{background-color:rgba(42,210,201,.8)}.background-color-index-accent-2,.background-color-index-accent-4{background-color:#614767}.background-color-index-accent-2-a,.background-color-index-accent-4-a{background-color:rgba(97,71,103,.8)}.background-color-index-grey-1,.background-color-index-grey-5{background-color:#333}.background-color-index-grey-1-a,.background-color-index-grey-5-a{background-color:rgba(51,51,51,.8)}.background-color-index-grey-2,.background-color-index-grey-6{background-color:#3b3b3b}.background-color-index-grey-2-a,.background-color-index-grey-6-a{background-color:rgba(59,59,59,.8)}.background-color-index-grey-3,.background-color-index-grey-7{background-color:#434343}.background-color-index-grey-3-a,.background-color-index-grey-7-a{background-color:rgba(67,67,67,.8)}.background-color-index-grey-4,.background-color-index-grey-8{background-color:#666}.background-color-index-grey-4-a,.background-color-index-grey-8-a{background-color:hsla(0,0%,40%,.8)}.background-color-index-graph-1,.background-color-index-graph-5{background-color:#617c91}.background-color-index-graph-2,.background-color-index-graph-6{background-color:#94aba8}.background-color-index-graph-3,.background-color-index-graph-7{background-color:#998e88}.background-color-index-graph-4,.background-color-index-graph-8{background-color:#8c6694}[class*=background-color-index-]{color:#dbdbdb}.background-color-index-light-1,.background-color-index-light-3{background-color:#fff;color:#333}.background-color-index-light-2,.background-color-index-light-4{background-color:#f5f5f5;color:#333}.center-column{padding-left:24px;padding-right:24px}.center-column .center-column__content{width:100%;max-width:960px;margin-left:auto;margin-right:auto}@media screen and (min-width:45em){.dashboard{height:calc(100vh - 96px)}}@media screen and (max-width:44.9375em){.dashboard{height:calc(100vh - 48px)}}.distribution{position:relative;display:block}.distribution__graphic{width:100%;height:192px;max-height:calc(100vh - 144px)}.distribution__item--clickable{cursor:pointer}.distribution__item-box.color-index-unset{fill:#ddd}.distribution__item-box.color-index-brand{fill:#01a982}.distribution__item-box.color-index-critical,.distribution__item-box.color-index-error{fill:#f04953}.distribution__item-box.color-index-warning{fill:#ffd144}.distribution__item-box.color-index-ok{fill:#01a982}.distribution__item-box.color-index-disabled,.distribution__item-box.color-index-unknown{fill:#ccc}.distribution__item-box.color-index-graph-1,.distribution__item-box.color-index-graph-5{fill:#617c91}.distribution__item-box.color-index-graph-2,.distribution__item-box.color-index-graph-6{fill:#94aba8}.distribution__item-box.color-index-graph-3,.distribution__item-box.color-index-graph-7{fill:#998e88}.distribution__item-box.color-index-graph-4,.distribution__item-box.color-index-graph-8{fill:#8c6694}.distribution__item-box.color-index-grey-1,.distribution__item-box.color-index-grey-5{fill:#333}.distribution__item-box.color-index-grey-2,.distribution__item-box.color-index-grey-6{fill:#3b3b3b}.distribution__item-box.color-index-grey-3,.distribution__item-box.color-index-grey-7{fill:#434343}.distribution__item-box.color-index-grey-4,.distribution__item-box.color-index-grey-8{fill:#666}.distribution__item-icons.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.distribution__item-icons.color-index-unset{stroke:#ddd}.distribution__item-icons.color-index-brand{stroke:#01a982}.distribution__item-icons.color-index-critical,.distribution__item-icons.color-index-error{stroke:#f04953}.distribution__item-icons.color-index-warning{stroke:#ffd144}.distribution__item-icons.color-index-ok{stroke:#01a982}.distribution__item-icons.color-index-disabled,.distribution__item-icons.color-index-unknown{stroke:#ccc}.distribution__item-icons.color-index-graph-1,.distribution__item-icons.color-index-graph-5{stroke:#617c91}.distribution__item-icons.color-index-graph-2,.distribution__item-icons.color-index-graph-6{stroke:#94aba8}.distribution__item-icons.color-index-graph-3,.distribution__item-icons.color-index-graph-7{stroke:#998e88}.distribution__item-icons.color-index-graph-4,.distribution__item-icons.color-index-graph-8{stroke:#8c6694}.distribution__item-icons.color-index-grey-1,.distribution__item-icons.color-index-grey-5{stroke:#333}.distribution__item-icons.color-index-grey-2,.distribution__item-icons.color-index-grey-6{stroke:#3b3b3b}.distribution__item-icons.color-index-grey-3,.distribution__item-icons.color-index-grey-7{stroke:#434343}.distribution__item-icons.color-index-grey-4,.distribution__item-icons.color-index-grey-8{stroke:#666}.distribution__item-icons.color-index-light-1,.distribution__item-icons.color-index-light-3{stroke:#fff}.distribution__item-icons.color-index-light-2,.distribution__item-icons.color-index-light-4{stroke:#f5f5f5}.distribution__label{position:absolute;padding:24px;font-family:Metric,Arial,sans-serif;color:#dbdbdb;overflow:hidden;text-align:left;pointer-events:none}.distribution__label-value{display:block;font-size:36px;font-size:2.25rem;line-height:1.33333;font-weight:700}.distribution__label-units{font-size:24px;font-size:1.5rem;line-height:inherit;margin-left:6px;font-weight:400}.distribution__label-label{display:block}.distribution__label--active{color:#333}.distribution__label--thin .distribution__label-label,.distribution__label--thin .distribution__label-value{display:inline-block}.distribution__label--icons{background-color:hsla(0,0%,100%,.8);color:#333}.distribution__label--icons .label-units{color:#777}.distribution__label--icons .label-label{display:block}.distribution__loading-indicator{stroke-width:24px}.distribution__loading-indicator.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.distribution__loading-indicator.color-index-unset{stroke:#ddd}.distribution__loading-indicator.color-index-brand{stroke:#01a982}.distribution__loading-indicator.color-index-critical,.distribution__loading-indicator.color-index-error{stroke:#f04953}.distribution__loading-indicator.color-index-warning{stroke:#ffd144}.distribution__loading-indicator.color-index-ok{stroke:#01a982}.distribution__loading-indicator.color-index-disabled,.distribution__loading-indicator.color-index-unknown{stroke:#ccc}.distribution__loading-indicator.color-index-graph-1,.distribution__loading-indicator.color-index-graph-5{stroke:#617c91}.distribution__loading-indicator.color-index-graph-2,.distribution__loading-indicator.color-index-graph-6{stroke:#94aba8}.distribution__loading-indicator.color-index-graph-3,.distribution__loading-indicator.color-index-graph-7{stroke:#998e88}.distribution__loading-indicator.color-index-graph-4,.distribution__loading-indicator.color-index-graph-8{stroke:#8c6694}.distribution__loading-indicator.color-index-grey-1,.distribution__loading-indicator.color-index-grey-5{stroke:#333}.distribution__loading-indicator.color-index-grey-2,.distribution__loading-indicator.color-index-grey-6{stroke:#3b3b3b}.distribution__loading-indicator.color-index-grey-3,.distribution__loading-indicator.color-index-grey-7{stroke:#434343}.distribution__loading-indicator.color-index-grey-4,.distribution__loading-indicator.color-index-grey-8{stroke:#666}.distribution__loading-indicator.color-index-light-1,.distribution__loading-indicator.color-index-light-3{stroke:#fff}.distribution__loading-indicator.color-index-light-2,.distribution__loading-indicator.color-index-light-4{stroke:#f5f5f5}.distribution--icons .distribution__label{padding:0 12px 12px 0}.distribution--icons .distribution__label-value{line-height:1}.distribution--small-label .distribution__label{padding-top:0;padding-left:6px}.distribution--small-label .distribution__label-value{font-size:20px;font-size:1.25rem;line-height:1.2}.distribution--small .distribution__graphic{height:96px}.distribution--large .distribution__graphic{height:288px}@-webkit-keyframes c{0%{stroke-dashoffset:768px}to{stroke-dashoffset:0}}@keyframes c{0%{stroke-dashoffset:768px}to{stroke-dashoffset:0}}@media screen and (max-width:44.9375em){.donut{width:192px;margin:0 auto}}.donut.series-pre path{stroke-dashoffset:768px}.donut__graphic-container{position:relative;width:192px;height:192px}.donut svg.donut__graphic{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible}.donut__slice{stroke-width:24px;stroke-linecap:butt;stroke-dasharray:768px 768px;stroke-dashoffset:0;fill:none;cursor:pointer;stroke:#b2b2b2}.donut__slice.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.donut__slice.color-index-unset{stroke:#ddd}.donut__slice.color-index-brand{stroke:#01a982}.donut__slice.color-index-critical,.donut__slice.color-index-error{stroke:#f04953}.donut__slice.color-index-warning{stroke:#ffd144}.donut__slice.color-index-ok{stroke:#01a982}.donut__slice.color-index-disabled,.donut__slice.color-index-unknown{stroke:#ccc}.donut__slice.color-index-graph-1,.donut__slice.color-index-graph-5{stroke:#617c91}.donut__slice.color-index-graph-2,.donut__slice.color-index-graph-6{stroke:#94aba8}.donut__slice.color-index-graph-3,.donut__slice.color-index-graph-7{stroke:#998e88}.donut__slice.color-index-graph-4,.donut__slice.color-index-graph-8{stroke:#8c6694}.donut__slice.color-index-grey-1,.donut__slice.color-index-grey-5{stroke:#333}.donut__slice.color-index-grey-2,.donut__slice.color-index-grey-6{stroke:#3b3b3b}.donut__slice.color-index-grey-3,.donut__slice.color-index-grey-7{stroke:#434343}.donut__slice.color-index-grey-4,.donut__slice.color-index-grey-8{stroke:#666}.donut__slice.color-index-light-1,.donut__slice.color-index-light-3{stroke:#fff}.donut__slice.color-index-light-2,.donut__slice.color-index-light-4{stroke:#f5f5f5}@media screen and (min-width:45em){.donut__slice{-webkit-animation:c 3s;animation:c 3s}}.donut__slice-indicator.color-index-unset{fill:#ddd}.donut__slice-indicator.color-index-brand{fill:#01a982}.donut__slice-indicator.color-index-critical,.donut__slice-indicator.color-index-error{fill:#f04953}.donut__slice-indicator.color-index-warning{fill:#ffd144}.donut__slice-indicator.color-index-ok{fill:#01a982}.donut__slice-indicator.color-index-disabled,.donut__slice-indicator.color-index-unknown{fill:#ccc}.donut__slice-indicator.color-index-graph-1,.donut__slice-indicator.color-index-graph-5{fill:#617c91}.donut__slice-indicator.color-index-graph-2,.donut__slice-indicator.color-index-graph-6{fill:#94aba8}.donut__slice-indicator.color-index-graph-3,.donut__slice-indicator.color-index-graph-7{fill:#998e88}.donut__slice-indicator.color-index-graph-4,.donut__slice-indicator.color-index-graph-8{fill:#8c6694}.donut__slice-indicator.color-index-grey-1,.donut__slice-indicator.color-index-grey-5{fill:#333}.donut__slice-indicator.color-index-grey-2,.donut__slice-indicator.color-index-grey-6{fill:#3b3b3b}.donut__slice-indicator.color-index-grey-3,.donut__slice-indicator.color-index-grey-7{fill:#434343}.donut__slice-indicator.color-index-grey-4,.donut__slice-indicator.color-index-grey-8{fill:#666}.donut__slice--active{stroke-width:24px}.donut__active{position:absolute;width:100%;margin-top:72px;text-align:center;white-space:normal;pointer-events:none}.donut__active-value{font-size:36px;font-size:2.25rem;line-height:38px;font-weight:700}.donut__active-units{font-size:24px;font-size:1.5rem;line-height:inherit;margin-left:6px;color:#777;font-weight:400}.donut__active-label{width:50%;margin:0 auto;font-size:14px;font-size:.875rem;line-height:16px}.donut__max-label,.donut__min-label{position:absolute;bottom:0;color:#777;font-size:14px;font-size:.875rem;line-height:1.71429}.donut__min-label{left:12px}.donut__max-label{right:12px}.donut__legend{margin:24px 0 0}@media screen and (min-width:45em){.donut--landscape{white-space:nowrap}.donut--landscape .donut__graphic-container,.donut--landscape .donut__legend{display:inline-block;vertical-align:middle}.donut--landscape .donut__legend{margin:0 0 0 24px}}.donut--portrait .donut__graphic-container{display:block}.donut--portrait .donut__legend{margin:24px 0 0}.donut--partial .donut__graphic-container{height:168px}.donut--small .donut__graphic-container{width:144px;height:144px}.donut--small .donut__active{margin-top:48px}@media screen and (min-width:45em){.donut--small .donut__legend{display:none}}.drop{position:fixed;z-index:5;background-color:hsla(0,0%,100%,.9);border:none;border-radius:0;box-shadow:0 2px 4px rgba(0,0,0,.3);overflow:auto}.footer{min-height:36px;line-height:36px;width:100%}.footer__content{display:flex;justify-content:space-between;width:100%;padding-left:24px;padding-right:24px}.footer__content.center-column__content>.menu:first-child{flex:0 0 auto;width:192px}@media screen and (max-width:44.9375em){.footer__content.center-column__content>.menu:first-child{width:100%}.footer__content.center-column__content>.menu:first-child:empty{width:0;margin:0;padding:0}}.footer__content>.flex-1{flex:1}.footer__content>.flex-2{flex:2}.footer__content>.flex-3{flex:3}.footer__content>.flex-4{flex:4}.footer__content>*{margin-right:48px}.footer__content>:last-child{margin-right:0;text-align:left}.footer--primary{height:auto;padding:24px}.footer--primary .footer__content{position:relative;color:#777;display:block}.footer--primary .footer__content p{padding-top:12px;margin:0;max-width:none;text-align:right;line-height:24px}.footer--centered .footer__content{display:block;text-align:center}.footer--centered .footer__content>*{margin-right:auto;margin-left:auto;text-align:center}.footer--flush .footer__content{padding-left:0;padding-right:0}.footer--large .footer__content{padding-top:24px;padding-bottom:24px}.footer__container--float{padding-left:24px;padding-right:24px}.footer__container--float,:not(.footer__container--float)>.footer--float{position:absolute;bottom:0;left:0;right:0}.form{position:relative}@media screen and (min-width:45em){.form{width:480px;max-width:100%}.form .form-field .tiles__container{max-width:480px}}.form--pad-none{padding:0}.form--pad-small{padding:12px}.form--pad-medium{padding:24px}.form--pad-large{padding:48px}.form--pad-horizontal-none{padding-left:0;padding-right:0}.form--pad-horizontal-small{padding-left:12px;padding-right:12px}.form--pad-horizontal-medium{padding-left:24px;padding-right:24px}.form--pad-horizontal-large{padding-left:48px;padding-right:48px}.form--pad-vertical-none{padding-top:0;padding-bottom:0}.form--pad-vertical-small{padding-top:12px;padding-bottom:12px}.form--pad-vertical-medium{padding-top:24px;padding-bottom:24px}.form--pad-vertical-large{padding-top:48px;padding-bottom:48px}.form>.header .header__wrapper{background-color:inherit}.form fieldset{border:none;margin:0;margin-bottom:2rem;margin-top:24px}.form fieldset:first-child{margin-top:0}.form fieldset:last-child{margin-bottom:0}.form fieldset>legend{font-size:24px;font-size:1.5rem;line-height:1;font-weight:600;margin-bottom:12px}.form fieldset>:not(.form-field)+.form-field{margin-top:12px}.form fieldset>.form-field+:not(.form-field):not(.form-fields){margin-top:24px}.form fieldset>.form-fields{display:flex;flex-direction:row}.form fieldset>.form-fields .form-field{margin-bottom:-1px}.form--fill{min-width:0}.form--compact{max-width:288px}.form-field{position:relative;padding:6px 24px;border:1px solid #ccc;margin-bottom:-1px;background-color:#fff;color:#333;opacity:1}@media screen and (min-width:45em){.form-field{width:100%;overflow:auto;transition:all .4s,padding-top .3s .1s,padding-bottom .3s .1s}}@media screen and (max-width:44.9375em){.form-field{display:block}}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field{background-color:transparent;color:#dbdbdb}.form--fill .form-field{width:100%}.form-field:last-child{margin-bottom:0}.form-field__label{display:block;font-size:14px;font-size:.875rem;line-height:24px;color:#777}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__label{color:#dbdbdb}.form-field__contents{display:block;margin-left:-24px;margin-right:-24px}.form-field__contents>.calendar input,.form-field__contents>.search-input input,.form-field__contents>input[type=email],.form-field__contents>input[type=file],.form-field__contents>input[type=number],.form-field__contents>input[type=password],.form-field__contents>input[type=range],.form-field__contents>input[type=text],.form-field__contents>select,.form-field__contents>textarea{display:block;width:100%;border:none;padding:0;padding-left:24px;padding-right:24px;border-radius:0;font-size:16px;font-size:1rem;line-height:1.5}.form-field__contents>.calendar input:focus,.form-field__contents>.search-input input:focus,.form-field__contents>input[type=email]:focus,.form-field__contents>input[type=file]:focus,.form-field__contents>input[type=number]:focus,.form-field__contents>input[type=password]:focus,.form-field__contents>input[type=range]:focus,.form-field__contents>input[type=text]:focus,.form-field__contents>select:focus,.form-field__contents>textarea:focus{border:none}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>.calendar input,[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>.search-input input,[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=email],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=file],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=number],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=password],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=range],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=text],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>select,[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>textarea{color:#fff}.form-field__contents>input[type=range]{width:calc(100% - 48px);margin-left:24px;margin-right:24px;padding-left:0;padding-right:0}.form-field__contents>select{display:block;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAABGdBTUEAALGPC/xhBQAAATdJREFUOBGlUjFqw0AQ1AWBCWpd+A1pXOYHJk38BZeSOkPS5BERaWRJTcCNH2A3xj9waRf+hGsJAoLLjNk77iLFIXhB7NzO3OjuGBUEgaqqaos+wXdL7eI4frqDg27bdoZ+vsHtLB5aGZOyLJ+VUmut9Rdmj0mSHAzX16EfY77HngH2TKHfUMcTXooDEAsKMFhlWXYvVKcJtxKzhTGj0Bpy0TTNK0xPED5EUfTOWV+Ro4Za7nE19spm+NtVHP7q03gn5Ca+Hf78RoxTfOZ5PiJmEXNGTA21xG51DEmmafqBtsM3DMNwic6bKMFDcqIB9Cv0l3Z1iRIMjphMiqKYC8Os2ohYtQM6b+hwwY8o8Qm8iLhag3uvbEiJQ0EjMfMiYnRuv2pIYV3XL4xHX0Rco39hRkni9Oe+bw49m1YsR5tyAAAAAElFTkSuQmCC);background-position:center right 18px;padding-left:22px}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>select{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAABGdBTUEAALGPC/xhBQAAATtJREFUOBGdkk1KxEAQhdNiEPdZeIEk4MalNwhu9ApeQdCNhxBc6U5w4wHGjcwBAi4VMpDkCCYHkEDi+4bp0JNp/6ag6ErVey9VRZkgCExVVS/GmEzx1jYMwzxJkpMdKQxd150r8bGtGlw00DJWpK7rU8UzFT/lx2mavtma7y3L8khTvcr3VD+L4/gZHB0ujUTf93cA5E95nu/b2vSlBgYsHCsGbhTko23bK3W3EPAwiqIbcj6jBgYsHBczjmyT341i67+tZq1DSOxOf78mVgcPRVEcEGPE5IjB+Pa8IQhYO7kVcS5SFIbhI3ycmBw1MGCntjtNrL6XpySBdwlkGvNilc8kNp6Ij7uxQxfk7ou8xNdOxMXa2DuyLXIO6ugeIXx6Ihbnvj8KAmya5lKiC3x6Iq7Qv2JOCf8L6QsuVKvxz0iZVQAAAABJRU5ErkJggg==)}.form-field__contents>select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.form-field__contents ::-ms-clear,.form-field__contents>select::-ms-expand{display:none}.form-field__contents>select::-ms-value{background:none;color:inherit}.form-field__contents>textarea{vertical-align:top;height:auto;resize:vertical}.form-field__contents>.check-box,.form-field__contents>.radio-button{display:block;font-size:16px;font-size:1rem;line-height:1.5;margin:12px 24px}.form-field__contents>.calendar,.form-field__contents>.search-input{display:block}.form-field__contents>.calendar input,.form-field__contents>.search-input input{margin-left:0;margin-right:0}.form-field__contents>.calendar .calendar__control,.form-field__contents>.calendar .search-input__control,.form-field__contents>.search-input .calendar__control,.form-field__contents>.search-input .search-input__control{top:auto;right:6px;transform:none;bottom:-6px}.form-field__contents>.number-input{display:flex;padding-right:6px}.form-field__contents>.number-input input[type=number]{display:inline-block;flex:1;border:none}.form--compact .form-field__contents>.number-input input[type=number]{width:144px}.form-field__contents>input[type=file]{display:inline-block}.form-field__contents>.table--selectable{font-size:16px;font-size:1rem;line-height:1.5}.form-field__contents>.table--selectable table{margin-bottom:0}.form-field__contents>.table--selectable table td:first-child,.form-field__contents>.table--selectable table th:first-child{padding-left:24px}.form-field__contents>.form-field{width:auto;margin-top:12px;border:none}.form-field__contents>.form-field>.form-field__label{border-top:1px solid #ccc;padding-top:6px}.form-field__contents>.form-field--hidden{margin-top:0}.form-field__help{display:block;font-size:13px;font-size:.8125rem;line-height:1.84615;color:#777}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__help{color:#dbdbdb}.form-field__error{display:block;float:right;color:#f04953;line-height:24px}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__error{color:#dbdbdb}.form-field--text,.form-field--text .form-field__label{cursor:pointer}@media screen and (max-width:44.9375em){.form-field--hidden{display:none}}@media screen and (min-width:45em){.form-field--hidden{border:none;margin-bottom:0;padding-top:0;padding-bottom:0;opacity:0;overflow:hidden;max-height:0;transition:max-height .2s,all .4s}}.form-field--error{z-index:1;border-color:#f04953}.form-field--focus{z-index:2;border-color:#2ad2c9}.header{height:72px;width:100%;margin-bottom:0}.header--large{height:96px}.header--small{height:48px}.header.box>:not(:last-child){margin-right:12px}.header a{color:inherit}.header a,.header a:hover{text-decoration:none}.header .status-icon{flex-grow:0;flex-shrink:0}.header>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}header.header{font-size:24px;font-size:1.5rem;line-height:inherit;-webkit-transform:translate(0);transform:translate(0);transition:-webkit-transform .5s;transition:transform .5s}:not(.header__container--float)>header.header--float{position:absolute;top:0;left:0;right:0}header.header--primary .header__wrapper{border-bottom:none}header.header h1,header.header h2,header.header h3,header.header h4,header.header h5{margin-bottom:0}header.header.header--splash{-webkit-transform:translateY(40vh);transform:translateY(40vh)}header.header.box--direction-row>*{margin-bottom:0}.header:not(header).box--separator-top{padding-top:6px}.header:not(header).box--separator-bottom{padding-bottom:6px}div.header__container{flex-shrink:0}div.header__container--fixed{position:relative}div.header__container--fixed .header__wrapper{position:absolute;top:0;left:0;right:0;z-index:3}@media screen and (min-width:45em){div.header__container--fixed .header__wrapper .header{position:fixed}div.header__container--fixed .header__wrapper .header:not(.header--float){background-color:hsla(0,0%,100%,.9)}}div.header__container--float{position:absolute;top:0;left:0;right:0;padding-left:24px;padding-right:24px}div.header__wrapper{height:72px}div.header--large .header__wrapper{height:96px}div.header--large .header__content{line-height:96px}div.header--small .header__wrapper{height:48px}div.header--small .header__content{line-height:48px}div.header--fixed .header__wrapper{position:absolute;top:0;left:0;right:0;background-color:hsla(0,0%,100%,.9);z-index:3}div.header--fixed.header--primary .header__wrapper{position:fixed;background-color:hsla(0,0%,100%,.9)}div.header--fixed.header--primary .header__content{position:static;background-color:transparent}div.header--flush .header__wrapper{padding-left:0;padding-right:0}.headline{font-size:48px;font-size:3rem;line-height:1;font-weight:100;margin-bottom:24px;max-width:100%}.headline--large{font-size:60px;font-size:3.75rem;line-height:1.2}.headline--small{font-size:30px;font-size:1.875rem;line-height:1.6}.headline--strong{font-weight:600}.control-icon{display:inline-block;width:24px;height:24px;vertical-align:middle;cursor:pointer;fill:#999;stroke:#999;flex:0 0 auto}.control-icon :not([stroke])[fill=none]{stroke-width:0}.control-icon [stroke]{stroke:inherit}.control-icon [fill*="#"]{fill:inherit}.control-icon.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.control-icon.color-index-unset{stroke:#ddd}.control-icon.color-index-brand{stroke:#01a982}.control-icon.color-index-critical,.control-icon.color-index-error{stroke:#f04953}.control-icon.color-index-warning{stroke:#ffd144}.control-icon.color-index-ok{stroke:#01a982}.control-icon.color-index-disabled,.control-icon.color-index-unknown{stroke:#ccc}.control-icon.color-index-graph-1,.control-icon.color-index-graph-5{stroke:#617c91}.control-icon.color-index-graph-2,.control-icon.color-index-graph-6{stroke:#94aba8}.control-icon.color-index-graph-3,.control-icon.color-index-graph-7{stroke:#998e88}.control-icon.color-index-graph-4,.control-icon.color-index-graph-8{stroke:#8c6694}.control-icon.color-index-grey-1,.control-icon.color-index-grey-5{stroke:#333}.control-icon.color-index-grey-2,.control-icon.color-index-grey-6{stroke:#3b3b3b}.control-icon.color-index-grey-3,.control-icon.color-index-grey-7{stroke:#434343}.control-icon.color-index-grey-4,.control-icon.color-index-grey-8{stroke:#666}.control-icon.color-index-light-1,.control-icon.color-index-light-3{stroke:#fff}.control-icon.color-index-light-2,.control-icon.color-index-light-4{stroke:#f5f5f5}.control-icon.color-index-unset{fill:#ddd}.control-icon.color-index-brand{fill:#01a982}.control-icon.color-index-critical,.control-icon.color-index-error{fill:#f04953}.control-icon.color-index-warning{fill:#ffd144}.control-icon.color-index-ok{fill:#01a982}.control-icon.color-index-disabled,.control-icon.color-index-unknown{fill:#ccc}.control-icon.color-index-graph-1,.control-icon.color-index-graph-5{fill:#617c91}.control-icon.color-index-graph-2,.control-icon.color-index-graph-6{fill:#94aba8}.control-icon.color-index-graph-3,.control-icon.color-index-graph-7{fill:#998e88}.control-icon.color-index-graph-4,.control-icon.color-index-graph-8{fill:#8c6694}.control-icon.color-index-grey-1,.control-icon.color-index-grey-5{fill:#333}.control-icon.color-index-grey-2,.control-icon.color-index-grey-6{fill:#3b3b3b}.control-icon.color-index-grey-3,.control-icon.color-index-grey-7{fill:#434343}.control-icon.color-index-grey-4,.control-icon.color-index-grey-8{fill:#666}@media screen and (min-width:45em){.control-icon{transition:all .3s ease-in-out}}.anchor:hover:not(.anchor--disabled) .control-icon,.button:hover:not(.anchor--disabled) .control-icon,.menu__control:hover .control-icon,a:hover .control-icon{fill:#000;stroke:#000}.control-icon__badge circle{fill:#2ad2c9}.control-icon__badge text{stroke:#333;fill:#333}.button--primary .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .control-icon{fill:#dbdbdb;stroke:#dbdbdb}.button--primary:hover .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor:hover>.control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .button:hover>.control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu__control:hover>.control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a:hover>.control-icon{fill:#fff;stroke:#fff}.control-icon--active{fill:#000;stroke:#000}.control-icon--large{width:48px;height:48px}.status-icon{width:24px;height:24px;vertical-align:middle;flex:0 0 auto}.status-icon .status-icon__base{fill:#ccc}.status-icon-critical .status-icon__base,.status-icon-error .status-icon__base{fill:#f04953}.status-icon-warning .status-icon__base{fill:#ffd144}.status-icon-ok .status-icon__base{fill:#01a982}.status-icon-disabled .status-icon__base,.status-icon-label .status-icon__base,.status-icon-unknown .status-icon__base{fill:#ccc}.status-icon__detail{fill:#fff;stroke:#fff}.status-icon-unknown .status-icon__detail{fill:#ccc;stroke:#ccc}.status-icon--large{width:48px;height:48px}.status-icon--small{width:12px;height:12px;margin-top:6px;margin-bottom:6px}.status-icon--small .status-icon__detail{display:none}@-webkit-keyframes d{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes d{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.icon-changing{width:24px;height:24px;-webkit-animation:d 1.5s linear infinite;animation:d 1.5s linear infinite}.icon-changing--small{width:12px;height:12px}.icon-spinning{width:24px;height:24px;-webkit-animation:d 4s steps(4,end) infinite;animation:d 4s steps(4,end) infinite}.icon-spinning--small{width:12px;height:12px}.logo-icon{width:48px;height:48px}.logo-icon.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.logo-icon.color-index-unset{stroke:#ddd}.logo-icon.color-index-brand{stroke:#01a982}.logo-icon.color-index-critical,.logo-icon.color-index-error{stroke:#f04953}.logo-icon.color-index-warning{stroke:#ffd144}.logo-icon.color-index-ok{stroke:#01a982}.logo-icon.color-index-disabled,.logo-icon.color-index-unknown{stroke:#ccc}.logo-icon.color-index-graph-1,.logo-icon.color-index-graph-5{stroke:#617c91}.logo-icon.color-index-graph-2,.logo-icon.color-index-graph-6{stroke:#94aba8}.logo-icon.color-index-graph-3,.logo-icon.color-index-graph-7{stroke:#998e88}.logo-icon.color-index-graph-4,.logo-icon.color-index-graph-8{stroke:#8c6694}.logo-icon.color-index-grey-1,.logo-icon.color-index-grey-5{stroke:#333}.logo-icon.color-index-grey-2,.logo-icon.color-index-grey-6{stroke:#3b3b3b}.logo-icon.color-index-grey-3,.logo-icon.color-index-grey-7{stroke:#434343}.logo-icon.color-index-grey-4,.logo-icon.color-index-grey-8{stroke:#666}.logo-icon.color-index-light-1,.logo-icon.color-index-light-3{stroke:#fff}.logo-icon.color-index-light-2,.logo-icon.color-index-light-4{stroke:#f5f5f5}.logo-icon--small{width:24px;height:24px}.logo-icon--large{width:96px;height:96px}.image--medium{width:576px}.image--large{width:960px}.image--small{width:240px}.image--full{width:100%;height:100%}.image--full-horizontal{width:100%}.image--full-vertical{height:100%}@media screen and (max-width:44.9375em){.label__text{display:none}}@media screen and (min-width:45em){.label__icon{display:none}}a.active>.label .label__icon.control-icon svg{fill:#000;stroke:#000}.layer{position:relative;z-index:4}@media screen and (min-width:45em){.layer{position:fixed;top:0;left:0;right:0;bottom:0}}@media screen and (max-width:44.9375em){.layer:not(.layer--hidden)+.app{display:none}}.layer__container{background-color:#fff}@media screen and (max-width:44.9375em){.layer__container{padding:0 24px;border-bottom:1px solid #ccc;box-shadow:0 2px 4px rgba(0,0,0,.3)}}@media screen and (min-width:45em){.layer__container{position:absolute;max-height:100%;max-width:100%;overflow:auto;padding:0 48px;border-radius:0;box-shadow:0 2px 4px rgba(0,0,0,.3)}}.layer__closer{position:absolute;top:0;right:0;z-index:1}.layer--flush .layer__container{padding:0}@media screen and (min-width:45em){.layer--align-center:not(.layer--hidden){background-image:radial-gradient(circle at top,#fff,#fff 20%,hsla(0,0%,50%,.6))}.layer--align-center:not(.layer--hidden) .layer__container{left:50%;top:50%;max-height:calc(100vh - 48px);max-width:calc(100vw - 48px);transform:translate(-50%,-50%)}}@media screen and (min-width:45em){.layer--align-left:not(.layer--hidden){background-image:radial-gradient(circle at left,#fff,#fff 20%,hsla(0,0%,50%,.6))}}.layer--align-left:not(.layer--hidden) .layer__container{top:0;bottom:0;left:0}@media screen and (min-width:45em){.layer--align-left:not(.layer--hidden) .layer__container{-webkit-animation:f .2s ease-in-out forwards;animation:f .2s ease-in-out forwards}}@media screen and (min-width:45em){.layer--align-right:not(.layer--hidden){background-image:radial-gradient(circle at right,#fff,#fff 20%,hsla(0,0%,50%,.6))}}.layer--align-right:not(.layer--hidden) .layer__container{top:0;bottom:0;right:0;display:flex;flex-direction:column;justify-content:center}@media screen and (min-width:45em){.layer--align-right:not(.layer--hidden) .layer__container{-webkit-animation:g .2s ease-in-out forwards;animation:g .2s ease-in-out forwards}}@media screen and (min-width:45em){.layer--align-top:not(.layer--hidden){background-image:radial-gradient(circle at top,#fff,#fff 20%,hsla(0,0%,50%,.6))}.layer--align-top:not(.layer--hidden) .layer__container{left:50%;transform:translateX(-50%)}}@media screen and (min-width:45em) and (min-width:45em){.layer--align-top:not(.layer--hidden) .layer__container{-webkit-animation:h .2s ease-in-out forwards;animation:h .2s ease-in-out forwards}}@media screen and (min-width:45em){.layer--align-bottom:not(.layer--hidden){background-image:radial-gradient(circle at bottom,#fff,#fff 20%,hsla(0,0%,50%,.6))}}.layer--align-bottom:not(.layer--hidden) .layer__container{bottom:0}.layer--hidden{left:-10000px;z-index:-1}.layer--hidden.layer--align-left{right:auto}.layer--hidden.layer--align-left .layer__container{left:-100vw}@media screen and (max-width:44.9375em){.layer--hidden{display:none}}@media screen and (min-width:45em){.layer--hidden.layer--peek{left:0;z-index:4}.layer--hidden.layer--peek.layer--align-left{right:auto}.layer--hidden.layer--peek.layer--align-left .layer__container{left:auto;right:-12px;border-right:10px solid #01a982;-webkit-animation:e .5s ease-in-out alternate 5;animation:e .5s ease-in-out alternate 5}}@-webkit-keyframes e{0%{right:-6px}to{right:-12px}}@keyframes e{0%{right:-6px}to{right:-12px}}@-webkit-keyframes f{0%{left:-100vw}to{left:0}}@keyframes f{0%{left:-100vw}to{left:0}}@-webkit-keyframes g{0%{right:-100vw}to{right:0}}@keyframes g{0%{right:-100vw}to{right:0}}@-webkit-keyframes h{0%{top:-100vh}to{top:0}}@keyframes h{0%{top:-100vh}to{top:0}}.list{list-style-type:none;margin:0;padding:0;overflow:auto}.list__empty,.list__more{padding:12px 24px}.list__empty{color:#777;font-style:italic}.list .list-item{max-width:none}.list .list-item__image{height:24px;width:24px;margin-right:24px;overflow:hidden;flex:0 0 auto}.list .list-item__image img{height:100%;width:100%;max-width:none;object-fit:cover}.list .list-item__annotation,.list .list-item__label{flex:1}.list .list-item__annotation{margin-left:24px;color:#777}.list .list-item--selectable{cursor:pointer}.list .list-item--selectable:hover{background-color:rgba(0,0,0,.1)}.list .list-item--selected{background-color:#d0f3eb;color:#333}.list .list-item--row .list-item__annotation{text-align:right}.list--selectable .list-item{cursor:pointer;transition:background-color .2s}.list--selectable .list-item--selected{background-color:#d0f3eb;color:#333}.list--selectable .list-item:hover:not(.list-item--selected){background-color:rgba(0,0,0,.1);color:#000}.list--small .list-item__image,.list--small .list__more__image{height:12px;width:12px}.list--large .list-item__image,.list--large .list__more__image{height:48px;width:48px}.legend{text-align:left;list-style-type:none;white-space:normal;display:inline-block;margin:0}.legend__item,.legend__total{color:#777}.legend__item>*,.legend__total>*{vertical-align:top}.legend__item-label,.legend__total-label{display:inline-block;width:72px}.legend__item-value,.legend__total-value{display:inline-block;width:72px;text-align:right}.legend__item-units,.legend__total-units{display:inline-block;margin-left:6px}.legend__item--clickable{cursor:pointer}.legend__item svg.legend__item-swatch{width:12px;height:12px;margin-top:6px;margin-right:12px;overflow:visible}.legend__item svg.legend__item-swatch.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.legend__item svg.legend__item-swatch.color-index-unset{stroke:#ddd}.legend__item svg.legend__item-swatch.color-index-brand{stroke:#01a982}.legend__item svg.legend__item-swatch.color-index-critical,.legend__item svg.legend__item-swatch.color-index-error{stroke:#f04953}.legend__item svg.legend__item-swatch.color-index-warning{stroke:#ffd144}.legend__item svg.legend__item-swatch.color-index-ok{stroke:#01a982}.legend__item svg.legend__item-swatch.color-index-disabled,.legend__item svg.legend__item-swatch.color-index-unknown{stroke:#ccc}.legend__item svg.legend__item-swatch.color-index-graph-1,.legend__item svg.legend__item-swatch.color-index-graph-5{stroke:#617c91}.legend__item svg.legend__item-swatch.color-index-graph-2,.legend__item svg.legend__item-swatch.color-index-graph-6{stroke:#94aba8}.legend__item svg.legend__item-swatch.color-index-graph-3,.legend__item svg.legend__item-swatch.color-index-graph-7{stroke:#998e88}.legend__item svg.legend__item-swatch.color-index-graph-4,.legend__item svg.legend__item-swatch.color-index-graph-8{stroke:#8c6694}.legend__item svg.legend__item-swatch.color-index-grey-1,.legend__item svg.legend__item-swatch.color-index-grey-5{stroke:#333}.legend__item svg.legend__item-swatch.color-index-grey-2,.legend__item svg.legend__item-swatch.color-index-grey-6{stroke:#3b3b3b}.legend__item svg.legend__item-swatch.color-index-grey-3,.legend__item svg.legend__item-swatch.color-index-grey-7{stroke:#434343}.legend__item svg.legend__item-swatch.color-index-grey-4,.legend__item svg.legend__item-swatch.color-index-grey-8{stroke:#666}.legend__item svg.legend__item-swatch.color-index-light-1,.legend__item svg.legend__item-swatch.color-index-light-3{stroke:#fff}.legend__item svg.legend__item-swatch.color-index-light-2,.legend__item svg.legend__item-swatch.color-index-light-4{stroke:#f5f5f5}.legend__item svg.legend__item-swatch path{stroke-width:12px;transition-property:stroke-width;transition-duration:.3s;transition-timing-function:ease-in-out}.legend__item--active{color:#333}.legend__item--active svg.legend__item-swatch path{stroke-width:12px}.legend__total{margin-left:24px}.legend__total>*{margin-top:6px;padding-top:6px;border-top:1px dotted #ccc}.legend--single .legend__item-value{font-size:36px;font-size:2.25rem;line-height:1.33333;font-weight:700;width:auto}.legend--single .legend__item-units{font-size:24px;font-size:1.5rem;line-height:inherit;margin-left:6px;color:#777;font-weight:400}.login{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:6}.login__background{position:absolute;max-width:none}.login__background--portrait{width:auto;height:100%}.login__background--landscape{height:auto;width:100%}.login__container{position:relative;width:384px;margin:96px auto;z-index:1;-webkit-animation-name:b;-webkit-animation-duration:.5s;animation-name:b;animation-duration:.5s}@media screen and (max-width:44.9375em){.login__container{margin:48px 0;width:100%;border-radius:0}}.login__footer{position:absolute;left:0;right:0;bottom:6px;padding:6px 24px;background-color:hsla(0,0%,100%,.9);text-align:center}.login-form{position:relative;width:384px;padding:24px;padding-bottom:48px;background-color:#fff;text-align:center;z-index:1;-webkit-animation-name:b;-webkit-animation-duration:.5s;animation-name:b;animation-duration:.5s}@media screen and (max-width:44.9375em){.login-form{width:100%;border-radius:0}}.login-form__secondary-text{color:#777}.login-form fieldset{text-align:left;border:none;margin-bottom:0}.login-form fieldset>*{width:100%;display:block}.login-form__remember-me{display:block;margin-top:24px;text-align:left}.login-form__submit{margin-top:24px;width:100%}.login-form__error{margin-bottom:12px;color:#f04953;text-align:left}.login-form__footer{margin-top:12px;display:flex;justify-content:space-between;line-height:36px}.map{position:relative;padding:24px}.map__canvas{position:absolute;top:0;left:0;z-index:-1;opacity:.1}.map__canvas--highlight{opacity:1}.map__categories{margin:0;list-style-type:none}.map__category{position:relative;padding-top:24px;margin-bottom:12px;max-width:none}.map__category-label{position:absolute;top:0;left:0;font-size:14px;font-size:.875rem;line-height:1.71429}.map__category-items{margin:0;list-style-type:none;overflow:hidden;text-align:center}.map__item{display:inline-block;width:192px;border:1px solid #ccc;margin-right:12px;margin-bottom:12px;background-color:#fff;font-size:16px;font-size:1rem;line-height:1.5}.map__item>a{display:block;padding:6px 12px;transition:background-color .2s}.map__item>a>*{display:inline-block}.map__item>a:hover{background-color:rgba(0,0,0,.1)}.map__item .status-icon{margin-right:6px}.map__item--active{border-color:#000}.menu{position:relative;font-size:19px;font-size:1.1875rem;line-height:inherit}.menu:focus{outline:none}.menu:focus:not(.menu--expanded):after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border:1px solid #2ad2c9;box-shadow:0 0 1px 1px #2ad2c9;pointer-events:none}.menu>*{flex:0 0 auto}.menu a:not(.button){text-decoration:none}.menu a:not(.button):hover{color:#000}.menu a:not(.button).active{color:#017b5f}.menu__control .control-icon-down{width:12px;height:12px}.menu__control .control-icon-down path,.menu__control .control-icon-down polyline{stroke-width:4px}.menu__drop{font-size:16px;font-size:1rem;line-height:inherit;max-height:100vh}.menu__drop .anchor{padding:12px 24px;white-space:nowrap;display:block}.menu__drop .anchor:focus,.menu__drop .anchor:hover{text-decoration:none;background-color:rgba(0,0,0,.1)}.menu__drop .check-box,.menu__drop .radio-button{margin-top:12px;margin-bottom:12px}.menu__drop--align-right{text-align:right}.menu__drop--align-right .menu__contents{text-align:left}.menu__drop--large .menu__control{line-height:96px}.menu--controlled{display:inline-block;cursor:pointer}.menu--controlled.menu--large{line-height:96px}.menu--controlled.menu--small{height:24px}.menu--inline.menu--row.box--justify-end>:not(.control-icon){margin-left:24px;margin-right:0}.menu--inline.menu--row.box--justify-end>:not(.control-icon):first-child{margin-left:0}.menu--inline.menu--row>:not(.control-icon):not(.button){margin-left:0;margin-right:24px}.menu--inline.menu--row>:not(.control-icon):not(.button):last-child{margin-right:0}@media screen and (max-width:44.9375em){.menu--inline.menu.box--direction-row.box--responsive>*{margin-right:0}}.menu--inline.menu.box--direction-column a:not(.button){margin-bottom:6px}.menu--small{font-size:16px;font-size:1rem;line-height:1.5}.menu--small .menu__control-drop-icon{margin-left:6px}.menu--small .menu__control-icon svg{width:18px;height:18px}.menu--primary>.menu{width:100%}.menu--primary>a:not(.button){padding:6px 24px;border-right:6px solid transparent;margin-bottom:0;width:100%}.menu--primary>a:not(.button):hover{text-decoration:none}.menu--primary>a:not(.button):hover:not(.active){background-color:rgba(0,0,0,.1)}.menu--primary>a:not(.button).active{border-color:#01a982}@media screen and (max-width:44.9375em){.menu--primary.menu--down,.menu--primary.menu--down>*{display:block}}.menu--inline.menu.box--direction-column>.menu:not(:first-of-type) h2,.menu--inline.menu.box--direction-column>.menu:not(:first-of-type) h3,.menu__drop.box--direction-column>.menu:not(:first-of-type) h2,.menu__drop.box--direction-column>.menu:not(:first-of-type) h3{margin-top:24px}.menu--inline.menu>hr,.menu__drop>hr{margin:12px 24px 18px;height:1px;background-color:#ccc;border:none}.menu--inline.menu.box.box--separator-top,.menu__drop.box.box--separator-top{border-color:transparent}.menu--inline.menu.box.box--separator-top:before,.menu__drop.box.box--separator-top:before{content:'';margin:12px 24px 18px;height:1px;background-color:#ccc}.menu--inline.menu--small,.menu__drop--small{font-size:1em}.menu--inline.menu--small .menu__control-label,.menu__drop--small .menu__control-label{padding:12px}.menu--inline.menu--small .menu__control-icon svg,.menu__drop--small .menu__control-icon svg{width:18px;height:18px}.menu--inline.menu--small>a,.menu__drop--small>a{padding:6px 12px}.menu--inline.menu .menu__control-label,.menu__drop .menu__control-label{font-size:19px}.menu--inline.menu a,.menu__drop a{text-decoration:none}.menu--inline.menu--large>a,.menu__drop--large>a{padding:24px 48px}@media screen and (max-width:44.9375em){.menu--inline.menu.box--responsive>*,.menu__drop.box--responsive>*{margin-left:0;margin-right:0}.menu--inline.menu.box--responsive .button,.menu__drop.box--responsive .button{width:100%;margin-bottom:12px}.menu--inline.menu.box--responsive .menu,.menu__drop.box--responsive .menu{margin-bottom:36px}}@media screen and (max-width:44.9375em){.menu__drop{max-width:100%;width:100vw}}@-webkit-keyframes i{0%{stroke-dashoffset:192px}to{stroke-dashoffset:0}}@keyframes i{0%{stroke-dashoffset:192px}to{stroke-dashoffset:0}}@-webkit-keyframes j{0%{stroke-dashoffset:-192px}to{stroke-dashoffset:0}}@keyframes j{0%{stroke-dashoffset:-192px}to{stroke-dashoffset:0}}.meter{display:inline-block;position:relative}.meter__slice{stroke-width:4px}.meter__threshold{stroke:rgba(51,51,51,.2)}.meter__value-container{position:relative;display:inline-block}.meter__graphic-container{white-space:normal}.meter__graphic-container>a{text-decoration:none}.meter__value{white-space:normal;pointer-events:none}.meter__value--active{pointer-events:auto;cursor:pointer}.meter__value-value{font-size:36px;font-size:2.25rem;line-height:38px;font-weight:700}.meter__value-units{font-size:24px;font-size:1.5rem;line-height:inherit;margin-left:6px;color:#777;font-weight:400}.meter__minmax-container,.meter__value-label{display:block}.meter__minmax{display:flex;justify-content:space-between;color:#777;font-size:14px;font-size:.875rem;line-height:1.71429}.meter__label-max,.meter__label-min{flex:0 0 48px}.meter__label-max{text-align:right}.meter__label{fill:#777}.meter__label--active{fill:#000}.meter--legend-right{white-space:nowrap}.meter--legend-right .meter__legend{vertical-align:top;margin-left:24px}.meter--legend-right:not(.meter--tall-legend) .meter__legend{position:relative;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.meter--legend-bottom .meter__legend{margin-top:24px;display:block}.meter:not(.meter--vertical) .meter__graphic-container{display:inline-block}.meter:not(.meter--vertical) .meter__minmax-container{display:block;width:192px}.meter:not(.meter--vertical) .meter__minmax{width:100%}.meter:not(.meter--vertical).meter--small .meter__minmax-container{width:96px}.meter:not(.meter--vertical).meter--large .meter__minmax-container{width:288px}.meter--vertical .meter__graphic-container{display:inline-block;white-space:nowrap}.meter--vertical .meter__minmax-container{height:192px}.meter--vertical .meter__minmax{flex-direction:column;height:100%}.meter--vertical .meter__minmax-min{order:1}.meter--vertical .meter__minmax-max{order:0}.meter--vertical .meter__label-max,.meter--vertical .meter__label-min{flex:0 0 auto;text-align:left}.meter--vertical .meter__label-min{order:1}.meter--vertical .meter__label-max{order:0}.meter--vertical .meter__value-label{display:block}.meter--vertical.meter--small .meter__minmax-container{height:96px}.meter--vertical.meter--large .meter__minmax-container{height:288px}.meter--small .meter__slice{stroke-width:8px}.meter--small .meter__values .meter__slice:hover{stroke-width:24px}.meter--small .meter__value-value{font-size:20px;font-size:1.25rem;line-height:1.2}.meter--small .meter__value-units{font-size:16px;font-size:1rem;line-height:1.5}.meter--large .meter__value-value{font-size:64px;font-size:4rem;line-height:1.125}.meter--large .meter__value-units{font-size:48px;font-size:3rem;line-height:1}.meter.meter--active .meter__values .meter__slice:hover,.meter.meter--active:not(.meter--single) .meter__values .meter__slice.meter__slice--active{stroke-width:12px}.meter--bar .meter__slice{stroke-linecap:butt;stroke-dasharray:192px 192px;stroke-dashoffset:0}.meter--bar .meter__values .meter__slice.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.meter--bar .meter__values .meter__slice.color-index-unset{stroke:#ddd}.meter--bar .meter__values .meter__slice.color-index-brand{stroke:#01a982}.meter--bar .meter__values .meter__slice.color-index-critical,.meter--bar .meter__values .meter__slice.color-index-error{stroke:#f04953}.meter--bar .meter__values .meter__slice.color-index-warning{stroke:#ffd144}.meter--bar .meter__values .meter__slice.color-index-ok{stroke:#01a982}.meter--bar .meter__values .meter__slice.color-index-disabled,.meter--bar .meter__values .meter__slice.color-index-unknown{stroke:#ccc}.meter--bar .meter__values .meter__slice.color-index-graph-1,.meter--bar .meter__values .meter__slice.color-index-graph-5{stroke:#617c91}.meter--bar .meter__values .meter__slice.color-index-graph-2,.meter--bar .meter__values .meter__slice.color-index-graph-6{stroke:#94aba8}.meter--bar .meter__values .meter__slice.color-index-graph-3,.meter--bar .meter__values .meter__slice.color-index-graph-7{stroke:#998e88}.meter--bar .meter__values .meter__slice.color-index-graph-4,.meter--bar .meter__values .meter__slice.color-index-graph-8{stroke:#8c6694}.meter--bar .meter__values .meter__slice.color-index-grey-1,.meter--bar .meter__values .meter__slice.color-index-grey-5{stroke:#333}.meter--bar .meter__values .meter__slice.color-index-grey-2,.meter--bar .meter__values .meter__slice.color-index-grey-6{stroke:#3b3b3b}.meter--bar .meter__values .meter__slice.color-index-grey-3,.meter--bar .meter__values .meter__slice.color-index-grey-7{stroke:#434343}.meter--bar .meter__values .meter__slice.color-index-grey-4,.meter--bar .meter__values .meter__slice.color-index-grey-8{stroke:#666}.meter--bar .meter__values .meter__slice.color-index-light-1,.meter--bar .meter__values .meter__slice.color-index-light-3{stroke:#fff}.meter--bar .meter__values .meter__slice.color-index-light-2,.meter--bar .meter__values .meter__slice.color-index-light-4{stroke:#f5f5f5}.meter--bar .meter__values .meter__slice--clickable{cursor:pointer}@media screen and (min-width:45em){.meter--bar .meter__values .meter__slice{transition:stroke-width .2s;-webkit-animation:i 1.5s linear;animation:i 1.5s linear}}.meter--bar .meter__thresholds .meter__slice.color-index-unset{stroke:hsla(0,0%,87%,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-brand{stroke:rgba(1,169,130,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-critical,.meter--bar .meter__thresholds .meter__slice.color-index-error{stroke:rgba(240,73,83,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-warning{stroke:rgba(255,209,68,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-ok{stroke:rgba(1,169,130,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-disabled,.meter--bar .meter__thresholds .meter__slice.color-index-unknown{stroke:hsla(0,0%,80%,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-graph-1,.meter--bar .meter__thresholds .meter__slice.color-index-graph-5{stroke:rgba(97,124,145,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-graph-2,.meter--bar .meter__thresholds .meter__slice.color-index-graph-6{stroke:rgba(148,171,168,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-graph-3,.meter--bar .meter__thresholds .meter__slice.color-index-graph-7{stroke:hsla(21,8%,57%,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-graph-4,.meter--bar .meter__thresholds .meter__slice.color-index-graph-8{stroke:rgba(140,102,148,.5)}.meter--bar .meter__value{text-align:left}.meter--bar .meter__value-label{font-size:14px;font-size:.875rem;line-height:16px}.meter--bar:not(.meter--vertical) .meter__minmax-container>a{vertical-align:top;display:block;height:24px}.meter--bar:not(.meter--vertical) .meter__graphic{width:192px}.meter--bar:not(.meter--vertical) .meter__value{display:inline-block;vertical-align:top;margin-left:12px}.meter--bar:not(.meter--vertical) .meter__value-value{font-size:24px;font-size:1.5rem;line-height:1}.meter--bar:not(.meter--vertical) .meter__value-units{font-size:20px;font-size:1.25rem;line-height:1.2}.meter--bar:not(.meter--vertical).meter--single .meter__value-label,.meter--bar:not(.meter--vertical).meter--stacked .meter__value-label{display:inline-block;margin-left:4px}.meter--bar:not(.meter--vertical).meter--single.meter--legend-right .meter__value,.meter--bar:not(.meter--vertical).meter--stacked.meter--legend-right .meter__value{min-width:84px}.meter--bar:not(.meter--vertical).meter--legend-right .meter__legend{top:0;-webkit-transform:none;transform:none}.meter--bar:not(.meter--vertical).meter--legend-right .meter__value{min-width:48px}.meter--bar:not(.meter--vertical).meter--small svg.meter__graphic{width:96px}.meter--bar:not(.meter--vertical).meter--small .meter__value-units,.meter--bar:not(.meter--vertical).meter--small .meter__value-value{font-size:16px;font-size:1rem;line-height:1.5}.meter--bar:not(.meter--vertical).meter--small.meter--legend-right .meter__value{min-width:42px}.meter--bar:not(.meter--vertical).meter--small.meter--legend-right.meter--stacked .meter__value{min-width:72px}.meter--bar:not(.meter--vertical).meter--large svg.meter__graphic{width:288px}.meter--bar:not(.meter--vertical).meter--large .meter__value{margin-left:16px}.meter--bar:not(.meter--vertical).meter--large .meter__value-units,.meter--bar:not(.meter--vertical).meter--large .meter__value-value{font-size:26px;font-size:1.625rem;line-height:inherit}.meter--bar.meter--vertical{white-space:nowrap}.meter--bar.meter--vertical svg.meter__graphic{height:192px}.meter--bar.meter--vertical .meter__labeled-graphic{display:inline-block}.meter--bar.meter--vertical .meter__value{position:relative;vertical-align:top;top:96px;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:inline-block}.meter--bar.meter--vertical .meter__minmax-container{position:absolute;top:0;left:24px}.meter--bar.meter--vertical.meter--legend-right .meter__legend{top:96px}.meter--bar.meter--vertical.meter--legend-right .meter__value{min-width:60px}.meter--bar.meter--vertical.meter--small svg.meter__graphic{height:96px}.meter--bar.meter--vertical.meter--small.meter--legend-right .meter__legend,.meter--bar.meter--vertical.meter--small .meter__value{top:48px}.meter--bar.meter--vertical.meter--small.meter--legend-right .meter__value{min-width:42px}.meter--bar.meter--vertical.meter--large svg.meter__graphic{height:288px}.meter--bar.meter--vertical.meter--large.meter--legend-right .meter__legend,.meter--bar.meter--vertical.meter--large .meter__value{top:144px}@media screen and (max-width:44.9375em){.meter--arc,.meter--circle,.meter--spiral{margin:0 auto}}.meter--arc svg.meter__graphic,.meter--circle svg.meter__graphic,.meter--spiral svg.meter__graphic{display:block}.meter--arc .meter.series-pre path,.meter--circle .meter.series-pre path,.meter--spiral .meter.series-pre path{stroke-dashoffset:768px}.meter--arc .meter__slice,.meter--circle .meter__slice,.meter--spiral .meter__slice{stroke-linecap:butt;stroke-dasharray:768px 768px;stroke-dashoffset:0;fill:none;stroke:#b2b2b2}.meter--arc .meter__slice-indicator,.meter--circle .meter__slice-indicator,.meter--spiral .meter__slice-indicator{stroke-linecap:square;stroke-width:4px;stroke:#000}.meter--arc .meter__values .meter__slice.color-index-loading,.meter--circle .meter__values .meter__slice.color-index-loading,.meter--spiral .meter__values .meter__slice.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.meter--arc .meter__values .meter__slice.color-index-unset,.meter--circle .meter__values .meter__slice.color-index-unset,.meter--spiral .meter__values .meter__slice.color-index-unset{stroke:#ddd}.meter--arc .meter__values .meter__slice.color-index-brand,.meter--circle .meter__values .meter__slice.color-index-brand,.meter--spiral .meter__values .meter__slice.color-index-brand{stroke:#01a982}.meter--arc .meter__values .meter__slice.color-index-critical,.meter--arc .meter__values .meter__slice.color-index-error,.meter--circle .meter__values .meter__slice.color-index-critical,.meter--circle .meter__values .meter__slice.color-index-error,.meter--spiral .meter__values .meter__slice.color-index-critical,.meter--spiral .meter__values .meter__slice.color-index-error{stroke:#f04953}.meter--arc .meter__values .meter__slice.color-index-warning,.meter--circle .meter__values .meter__slice.color-index-warning,.meter--spiral .meter__values .meter__slice.color-index-warning{stroke:#ffd144}.meter--arc .meter__values .meter__slice.color-index-ok,.meter--circle .meter__values .meter__slice.color-index-ok,.meter--spiral .meter__values .meter__slice.color-index-ok{stroke:#01a982}.meter--arc .meter__values .meter__slice.color-index-disabled,.meter--arc .meter__values .meter__slice.color-index-unknown,.meter--circle .meter__values .meter__slice.color-index-disabled,.meter--circle .meter__values .meter__slice.color-index-unknown,.meter--spiral .meter__values .meter__slice.color-index-disabled,.meter--spiral .meter__values .meter__slice.color-index-unknown{stroke:#ccc}.meter--arc .meter__values .meter__slice.color-index-graph-1,.meter--arc .meter__values .meter__slice.color-index-graph-5,.meter--circle .meter__values .meter__slice.color-index-graph-1,.meter--circle .meter__values .meter__slice.color-index-graph-5,.meter--spiral .meter__values .meter__slice.color-index-graph-1,.meter--spiral .meter__values .meter__slice.color-index-graph-5{stroke:#617c91}.meter--arc .meter__values .meter__slice.color-index-graph-2,.meter--arc .meter__values .meter__slice.color-index-graph-6,.meter--circle .meter__values .meter__slice.color-index-graph-2,.meter--circle .meter__values .meter__slice.color-index-graph-6,.meter--spiral .meter__values .meter__slice.color-index-graph-2,.meter--spiral .meter__values .meter__slice.color-index-graph-6{stroke:#94aba8}.meter--arc .meter__values .meter__slice.color-index-graph-3,.meter--arc .meter__values .meter__slice.color-index-graph-7,.meter--circle .meter__values .meter__slice.color-index-graph-3,.meter--circle .meter__values .meter__slice.color-index-graph-7,.meter--spiral .meter__values .meter__slice.color-index-graph-3,.meter--spiral .meter__values .meter__slice.color-index-graph-7{stroke:#998e88}.meter--arc .meter__values .meter__slice.color-index-graph-4,.meter--arc .meter__values .meter__slice.color-index-graph-8,.meter--circle .meter__values .meter__slice.color-index-graph-4,.meter--circle .meter__values .meter__slice.color-index-graph-8,.meter--spiral .meter__values .meter__slice.color-index-graph-4,.meter--spiral .meter__values .meter__slice.color-index-graph-8{stroke:#8c6694}.meter--arc .meter__values .meter__slice.color-index-grey-1,.meter--arc .meter__values .meter__slice.color-index-grey-5,.meter--circle .meter__values .meter__slice.color-index-grey-1,.meter--circle .meter__values .meter__slice.color-index-grey-5,.meter--spiral .meter__values .meter__slice.color-index-grey-1,.meter--spiral .meter__values .meter__slice.color-index-grey-5{stroke:#333}.meter--arc .meter__values .meter__slice.color-index-grey-2,.meter--arc .meter__values .meter__slice.color-index-grey-6,.meter--circle .meter__values .meter__slice.color-index-grey-2,.meter--circle .meter__values .meter__slice.color-index-grey-6,.meter--spiral .meter__values .meter__slice.color-index-grey-2,.meter--spiral .meter__values .meter__slice.color-index-grey-6{stroke:#3b3b3b}.meter--arc .meter__values .meter__slice.color-index-grey-3,.meter--arc .meter__values .meter__slice.color-index-grey-7,.meter--circle .meter__values .meter__slice.color-index-grey-3,.meter--circle .meter__values .meter__slice.color-index-grey-7,.meter--spiral .meter__values .meter__slice.color-index-grey-3,.meter--spiral .meter__values .meter__slice.color-index-grey-7{stroke:#434343}.meter--arc .meter__values .meter__slice.color-index-grey-4,.meter--arc .meter__values .meter__slice.color-index-grey-8,.meter--circle .meter__values .meter__slice.color-index-grey-4,.meter--circle .meter__values .meter__slice.color-index-grey-8,.meter--spiral .meter__values .meter__slice.color-index-grey-4,.meter--spiral .meter__values .meter__slice.color-index-grey-8{stroke:#666}.meter--arc .meter__values .meter__slice.color-index-light-1,.meter--arc .meter__values .meter__slice.color-index-light-3,.meter--circle .meter__values .meter__slice.color-index-light-1,.meter--circle .meter__values .meter__slice.color-index-light-3,.meter--spiral .meter__values .meter__slice.color-index-light-1,.meter--spiral .meter__values .meter__slice.color-index-light-3{stroke:#fff}.meter--arc .meter__values .meter__slice.color-index-light-2,.meter--arc .meter__values .meter__slice.color-index-light-4,.meter--circle .meter__values .meter__slice.color-index-light-2,.meter--circle .meter__values .meter__slice.color-index-light-4,.meter--spiral .meter__values .meter__slice.color-index-light-2,.meter--spiral .meter__values .meter__slice.color-index-light-4{stroke:#f5f5f5}.meter--arc .meter__values .meter__slice--clickable,.meter--circle .meter__values .meter__slice--clickable,.meter--spiral .meter__values .meter__slice--clickable{cursor:pointer}@media screen and (min-width:45em){.meter--arc .meter__values .meter__slice,.meter--circle .meter__values .meter__slice,.meter--spiral .meter__values .meter__slice{transition:stroke-width .2s;-webkit-animation:j 1.5s linear;animation:j 1.5s linear}}.meter--arc .meter__thresholds .meter__slice.color-index-unset,.meter--circle .meter__thresholds .meter__slice.color-index-unset,.meter--spiral .meter__thresholds .meter__slice.color-index-unset{stroke:hsla(0,0%,87%,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-brand,.meter--circle .meter__thresholds .meter__slice.color-index-brand,.meter--spiral .meter__thresholds .meter__slice.color-index-brand{stroke:rgba(1,169,130,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-critical,.meter--arc .meter__thresholds .meter__slice.color-index-error,.meter--circle .meter__thresholds .meter__slice.color-index-critical,.meter--circle .meter__thresholds .meter__slice.color-index-error,.meter--spiral .meter__thresholds .meter__slice.color-index-critical,.meter--spiral .meter__thresholds .meter__slice.color-index-error{stroke:rgba(240,73,83,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-warning,.meter--circle .meter__thresholds .meter__slice.color-index-warning,.meter--spiral .meter__thresholds .meter__slice.color-index-warning{stroke:rgba(255,209,68,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-ok,.meter--circle .meter__thresholds .meter__slice.color-index-ok,.meter--spiral .meter__thresholds .meter__slice.color-index-ok{stroke:rgba(1,169,130,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-disabled,.meter--arc .meter__thresholds .meter__slice.color-index-unknown,.meter--circle .meter__thresholds .meter__slice.color-index-disabled,.meter--circle .meter__thresholds .meter__slice.color-index-unknown,.meter--spiral .meter__thresholds .meter__slice.color-index-disabled,.meter--spiral .meter__thresholds .meter__slice.color-index-unknown{stroke:hsla(0,0%,80%,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-graph-1,.meter--arc .meter__thresholds .meter__slice.color-index-graph-5,.meter--circle .meter__thresholds .meter__slice.color-index-graph-1,.meter--circle .meter__thresholds .meter__slice.color-index-graph-5,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-1,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-5{stroke:rgba(97,124,145,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-graph-2,.meter--arc .meter__thresholds .meter__slice.color-index-graph-6,.meter--circle .meter__thresholds .meter__slice.color-index-graph-2,.meter--circle .meter__thresholds .meter__slice.color-index-graph-6,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-2,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-6{stroke:rgba(148,171,168,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-graph-3,.meter--arc .meter__thresholds .meter__slice.color-index-graph-7,.meter--circle .meter__thresholds .meter__slice.color-index-graph-3,.meter--circle .meter__thresholds .meter__slice.color-index-graph-7,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-3,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-7{stroke:hsla(21,8%,57%,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-graph-4,.meter--arc .meter__thresholds .meter__slice.color-index-graph-8,.meter--circle .meter__thresholds .meter__slice.color-index-graph-4,.meter--circle .meter__thresholds .meter__slice.color-index-graph-8,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-4,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-8{stroke:rgba(140,102,148,.5)}.meter--arc .meter__threshold,.meter--circle .meter__threshold,.meter--spiral .meter__threshold{stroke-linecap:butt}.meter--arc .meter__value-label,.meter--circle .meter__value-label,.meter--spiral .meter__value-label{display:block}@media screen and (max-width:44.9375em){.meter--arc,.meter--circle{width:192px}}.meter--arc .meter__value,.meter--circle .meter__value{white-space:normal;pointer-events:none;text-align:center}.meter--arc .meter__value--active,.meter--circle .meter__value--active{pointer-events:auto;cursor:pointer}.meter--arc:not(.meter--vertical) .meter__minmax-container,.meter--circle .meter__minmax-container{width:192px}.meter--arc:not(.meter--vertical) .meter__value,.meter--circle .meter__value{position:absolute;left:50%}.meter--arc:not(.meter--vertical).meter--small .meter__minmax-container,.meter--circle.meter--small .meter__minmax-container{width:96px}.meter--arc:not(.meter--vertical).meter--large .meter__minmax-container,.meter--circle.meter--large .meter__minmax-container{width:288px}.meter--arc.meter--vertical.meter--legend-right .meter__legend,.meter--circle.meter--legend-right .meter__legend{top:96px}.meter--arc.meter--vertical.meter--legend-right.meter--small .meter__legend,.meter--circle.meter--legend-right.meter--small .meter__legend{top:48px}.meter--arc.meter--vertical.meter--legend-right.meter--large .meter__legend,.meter--circle.meter--legend-right.meter--large .meter__legend{top:144px}.meter--circle svg.meter__graphic{width:192px;height:192px}.meter--circle .meter__value{top:96px;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);max-width:144px}.meter--circle.meter--small svg.meter__graphic{width:96px;height:96px}.meter--circle.meter--small .meter__value{top:48px;max-width:72px}.meter--circle.meter--large svg.meter__graphic{width:288px;height:288px}.meter--circle.meter--large .meter__value{top:144px;max-width:216px}.meter--circle:not(.meter--stacked):not(.meter--single) .meter__value{position:static;margin:0 auto;-webkit-transform:none;transform:none}.meter--arc:not(.meter--vertical) svg.meter__graphic{width:192px;height:144px}.meter--arc:not(.meter--vertical) .meter__value{top:108px;-webkit-transform:translateX(-50%);transform:translateX(-50%);max-width:120px}.meter--arc:not(.meter--vertical).meter--legend-right .meter__legend{top:72px}.meter--arc:not(.meter--vertical).meter--small svg.meter__graphic{width:96px;height:72px}.meter--arc:not(.meter--vertical).meter--small .meter__value{top:60px;max-width:60px}.meter--arc:not(.meter--vertical).meter--large svg.meter__graphic{width:288px;height:216px}.meter--arc:not(.meter--vertical).meter--large .meter__value{top:156px;max-width:180px}.meter--arc.meter--vertical svg.meter__graphic{display:inline;width:144px;height:192px}.meter--arc.meter--vertical .meter__value{position:relative;top:96px;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:inline-block;margin-left:-24px;vertical-align:top}.meter--arc.meter--vertical .meter__minmax-container{display:inline-block;vertical-align:top;margin-left:12px;padding-top:12px;padding-bottom:12px}.meter--arc.meter--vertical.meter--small svg.meter__graphic{width:72px;height:96px}.meter--arc.meter--vertical.meter--small .meter__value{top:48px;margin-left:-12px}.meter--arc.meter--vertical.meter--small .meter__minmax-container{padding-top:0;padding-bottom:0}.meter--arc.meter--vertical.meter--large svg.meter__graphic{width:216px;height:288px}.meter--arc.meter--vertical.meter--large .meter__value{top:144px;margin-left:-48px}.meter--arc.meter--vertical.meter--minmax .meter__value{margin-left:-72px}.meter--arc.meter--vertical.meter--minmax.meter--small .meter__value{margin-left:-60px}.meter--arc.meter--vertical.meter--legend-right.meter--small .meter__value{min-width:78px}.meter--arc.meter--vertical.meter--legend-right .meter__value{min-width:120px}.meter--spiral .meter__value{position:absolute;top:0;right:0;white-space:normal;text-align:right}.meter--spiral .meter__value-value{display:block;font-size:24px;font-size:1.5rem;line-height:1;margin-bottom:6px}.meter--spiral .meter__value-units{font-size:20px;font-size:1.25rem;line-height:1.2;color:#777;margin-left:.2em}.meter--spiral .meter__value-label{display:block;font-size:14px;font-size:.875rem;line-height:16px}.meter--loading .meter__thresholds,.meter--loading .meter__value{display:none}.notification{font-size:19px;font-size:1.1875rem;line-height:24px}.notification__message{font-size:24px;font-size:1.5rem;line-height:24px}.notification__message+*{margin-top:24px}.notification__status{margin-right:24px;flex:0 0 auto}.notification--critical{background-color:#f04953;color:#fff}.notification--critical .notification__status .status-icon__base{fill:#fff}.notification--critical .notification__status .status-icon__detail{stroke:#f04953;fill:#f04953}.notification--critical .notification__status.status-icon-unknown .status-icon__detail{stroke:#fff;fill:#fff}.notification--error{background-color:#f04953;color:#fff}.notification--error .notification__status .status-icon__base{fill:#fff}.notification--error .notification__status .status-icon__detail{stroke:#f04953;fill:#f04953}.notification--error .notification__status.status-icon-unknown .status-icon__detail{stroke:#fff;fill:#fff}.notification--warning{background-color:#ffd144}.notification--warning .notification__status .status-icon__base{fill:#fff}.notification--warning .notification__status .status-icon__detail{stroke:#ffd144;fill:#ffd144}.notification--warning .notification__status.status-icon-unknown .status-icon__detail{stroke:#fff;fill:#fff}.notification--ok{background-color:#01a982;color:#fff}.notification--ok .notification__status .status-icon__base{fill:#fff}.notification--ok .notification__status .status-icon__detail{stroke:#01a982;fill:#01a982}.notification--ok .notification__status.status-icon-unknown .status-icon__detail{stroke:#fff;fill:#fff}.notification--unknown{background-color:#ccc}.notification--unknown .notification__status .status-icon__base{fill:#fff}.notification--unknown .notification__status .status-icon__detail{stroke:#ccc;fill:#ccc}.notification--unknown .notification__status.status-icon-unknown .status-icon__detail{stroke:#fff;fill:#fff}.notification--disabled{background-color:#ccc}.notification--disabled .notification__status .status-icon__base{fill:#fff}.notification--disabled .notification__status .status-icon__detail{stroke:#ccc;fill:#ccc}.notification--disabled .notification__status.status-icon-unknown .status-icon__detail{stroke:#fff;fill:#fff}.notifications-control__icon{width:48px;height:48px;vertical-align:middle}.notifications{position:fixed;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,50%,.6);z-index:4}.notifications__container{position:absolute;top:0;right:0;min-width:300px;padding:24px;padding-top:96px;background-color:#fff;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-bottom-left-radius:0}.notifications__icon{position:absolute;top:24px;right:84px;width:48px;height:48px;vertical-align:middle}.number-input__input{-moz-appearance:textfield}.number-input__input::-webkit-inner-spin-button,.number-input__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.object{overflow:auto}.object__container{padding:24px}.object ol,.object ul{margin:0;list-style-type:none}.object li{width:auto}.object__attribute{margin-bottom:12px}.object__attribute-name{display:block;color:#777;font-size:14px;font-size:.875rem;line-height:1.71429}.object__attribute-value{display:block;font-size:16px;font-size:1rem;line-height:1.5}.object__attribute-value ol,.object__attribute-value ul{margin-left:24px;padding-top:24px;padding-bottom:24px}.object__attribute--container>.object__attribute-name{font-weight:700}.object__attribute--unset .object__attribute-value{font-style:italic;color:#777}.object__attribute--array>.object__attribute-value>ol>li{border-top:1px solid #ccc}.object__attribute--array>.object__attribute-value>ol>li:last-child{border-bottom:1px solid #ccc}.object__attribute--array>.object__attribute-value>ol>li>ul{padding-top:0;padding-bottom:0}.paragraph--small{font-size:14px;font-size:.875rem;line-height:1.71429}.paragraph--small a{text-decoration:none}.paragraph--large{font-size:24px;font-size:1.5rem;line-height:28px}.paragraph--large a{color:#01a982;font-weight:600}.radio-button{margin-right:24px;white-space:nowrap}.radio-button:not(.radio-button--disabled){cursor:pointer}.radio-button:hover:not(.radio-button--disabled) .radio-button__control{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button:hover:not(.radio-button--disabled) .radio-button__control{border-color:#fff}.radio-button:hover:not(.radio-button--disabled) .radio-button__input:checked+.radio-button__control{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button:hover:not(.radio-button--disabled) .radio-button__input:checked+.radio-button__control{border-color:#fff}.radio-button:hover:not(.radio-button--disabled) .radio-button__label{color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button:hover:not(.radio-button--disabled) .radio-button__label{color:#fff}.radio-button__input{opacity:0;position:absolute}.radio-button__input:checked+.radio-button__control{border-color:#01a982}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button__input:checked+.radio-button__control{border-color:#fff}.radio-button__input:checked+.radio-button__control+.radio-button__label{color:#333}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button__input:checked+.radio-button__control+.radio-button__label{color:#fff}.radio-button__input:checked+.radio-button__control:after{content:"";display:block;position:absolute;top:5px;left:5px;width:10px;height:10px;background-color:#01a982;border-radius:12px}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button__input:checked+.radio-button__control:after{background-color:#fff}.radio-button__input:focus+.radio-button__control{content:"";border-color:#2ad2c9;box-shadow:0 0 1px 1px #2ad2c9}.radio-button__control{position:relative;display:inline-block;width:24px;height:24px;margin-right:12px;vertical-align:middle;background-color:inherit;color:#017b5f;border:2px solid #999;border-radius:24px}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button__control{border-color:#dbdbdb}.radio-button__label{color:#777}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button__label{color:#dbdbdb}.radio-button--disabled .radio-button__control{opacity:.5}.search{display:inline-block}.search:focus{outline:none;margin:-1px;border:1px solid #2ad2c9;box-shadow:0 0 1px 1px #2ad2c9}.search--controlled{cursor:pointer}.search__input{margin-right:0}.header .search__input{font-size:inherit}.search__drop{font-size:20px;font-size:1.25rem;line-height:inherit}@media screen and (max-width:44.9375em){.search__drop{max-width:100%;width:100vw}}.search__drop--inline{margin-left:-1px}.search__drop--inline .search__drop-contents{display:block}.search__drop--controlled .search__drop-contents{display:inline-block}.search__drop input{margin-right:0;box-sizing:border-box;width:100%}@media screen and (max-width:44.9375em){.search__drop input{width:calc(100vw - 72px)}}.search__drop-control{vertical-align:top;height:48px}.search__drop .search__suggestion{padding:6px 24px;cursor:pointer}.search__drop .search__suggestion--active,.search__drop .search__suggestion:hover{background-color:rgba(0,0,0,.1)}.search__drop--large{line-height:96px}.search--inline{position:relative}.search--inline .search__input{width:100%;padding-right:47px;box-sizing:border-box}.search--inline .search__input:focus{padding-right:46px}.header .search--inline .search__input:not(:focus){border-color:transparent}.search--inline .control-icon-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none}.search--small{line-height:24px}.search--small .search__input{font-size:14px;font-size:.875rem;line-height:14px;padding:4px 13px;padding-right:23px}.search--small .search__input:focus{padding:3px 12px;padding-right:22px}.search--small .control-icon-search{height:12px;width:12px}.search--large{line-height:triple(24px)}.search--large .search__input{font-size:36px;font-size:2.25rem;line-height:48px;padding:-7px 35px;padding-right:47px}.search--large .control-icon-search{right:24px}.search-input{position:relative;display:inline-block}.search-input__input{width:100%;height:100%;display:block;padding-right:60px}.search-input__input:focus{padding-right:59px}.search-input__control{position:absolute;top:50%;transform:translateY(-50%);right:12px}.search-input__suggestions{border-top-left-radius:0;border-top-right-radius:0;margin:0;list-style-type:none}.search-input__suggestion{padding:6px 24px;cursor:pointer}.search-input__suggestion--active,.search-input__suggestion:hover{background-color:rgba(0,0,0,.1)}.search-input--active .search-input__input{border-bottom-left-radius:0;border-bottom-right-radius:0}section:not(.section){padding-top:24px;padding-bottom:24px}section:not(.section):first-of-type{margin-top:0;padding-top:0}.section>img,section>img{margin-top:24px;margin-bottom:24px;display:block;height:auto}@media screen and (max-width:44.9375em){.section>img,section>img{max-width:576px}}.section>iframe,section>iframe{width:100%;max-width:576px;height:400px}@media screen and (max-width:44.9375em){.section>iframe,section>iframe{height:250px}}@media screen and (max-width:44.9375em){.section>ol,.section>ul,section>ol,section>ul{margin-left:0;margin-bottom:24px}}.section>dl>dt,section>dl>dt{margin-top:24px;margin-bottom:6px;text-transform:uppercase}.section>dl>dt code,section>dl>dt code{text-transform:none;white-space:pre-wrap}.section>dl>dd,section>dl>dd{margin-left:0}@media screen and (max-width:44.9375em){.section>dl>dd,section>dl>dd{padding-right:24px}}.react-gravatar{width:48px;height:48px;border-radius:24px;border:2px solid transparent;overflow:hidden;cursor:pointer;transition:all .3s ease-in-out}.react-gravatar:hover{border-color:#01a982}.session{position:fixed;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,50%,.6);z-index:4}.session__container{position:absolute;top:0;right:0;min-width:300px;padding:24px;padding-top:96px;background-color:#fff;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-bottom-left-radius:0}.session .react-gravatar{position:absolute;top:24px;right:24px}.session__actions{margin-top:24px;padding-top:24px;border-top:1px solid #ccc}.session a{cursor:pointer}.settings{position:relative;text-align:center}.settings__panels{display:inline-block}.settings__panel{vertical-align:top}.sidebar{min-height:100vh}@media screen and (max-width:44.9375em){.sidebar{max-width:100%;width:100vw}}@media screen and (min-width:45em){.sidebar{width:336px}}.sidebar--fixed{display:flex;flex-direction:column}.sidebar--fixed>*{flex:1;overflow:auto}.sidebar--fixed>.footer,.sidebar--fixed>.header{flex:0 0 auto}.sidebar--primary{background-color:#f5f5f5}@media screen and (min-width:45em){.sidebar--small{width:240px}}@media screen and (min-width:45em){.sidebar--large{width:480px}}.split{position:relative;overflow:visible}.split:after{position:absolute;left:0;content:' ';display:block;width:45em;height:0;z-index:-10}@media screen and (min-width:45em){.split{display:flex}.split--fixed>*{position:relative;height:100vh;overflow:auto;-ms-overflow-style:-ms-autohiding-scrollbar}.split--flex-right>:first-child:not(:last-child){flex:0 0 auto}.split--flex-right>:last-child{flex:1}.split--flex-left>.object,.split--flex-left>:last-child:not(:first-child){flex:0 0 auto}.split--flex-both>*,.split--flex-left>:first-child{flex:1}.split--separator>*{border-right:1px solid #000}.split--separator>:last-child{border-right:none}}@media screen and (max-width:44.9375em){.split--separator>*{border-bottom:1px solid #000}.split--separator>:last-child{border-bottom:none}}.skip-link-anchor{width:0;height:0;overflow:hidden}.tab{padding:12px}.tab a{text-decoration:none}.tab a:focus .tab__label{border-bottom:4px solid}.tab__label{cursor:pointer;padding-bottom:12px;font-weight:600;color:#777}.tab--active .tab__label{color:#000;border-bottom:4px solid #000}.tab:focus .tab__label,.tab:hover .tab__label{border-bottom:4px solid}.tabs{margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;list-style:none;border-bottom:1px solid #ccc}.tabs__content{padding:24px}@media screen and (max-width:44.9375em){.tabs__content{padding:24px 0}}.table table{width:100%}.table td,.table th{padding:11px 12px;vertical-align:top;text-align:left}.table td:first-child,.table th:first-child{padding-left:24px}.table td:last-child,.table th:last-child{padding-right:24px}.table th{font-weight:100;font-size:20px;font-size:1.25rem;line-height:1.2;border-bottom:1px solid #ccc}.table__mirror{position:absolute;top:0;left:0;right:0}.table__mirror>thead{position:fixed;background-color:hsla(0,0%,100%,.9)}@media screen and (max-width:44.9375em){.table__mirror>thead{position:static}}.table__more{margin-top:24px;text-align:center}.table--scrollable{position:relative}.table--selectable tbody tr{cursor:pointer}.table--selectable tbody tr td{transition:background-color .2s}.table--selectable tbody tr.table-row--selected td{background-color:#d0f3eb;color:#333}[class*=background-color-index-]:not([class*=background-color-index-light]) .table--selectable tbody tr.table-row--selected td{background-color:rgba(0,0,0,.2);color:#fff}.table--selectable tbody tr:hover:not(.table-row--selected) td{background-color:rgba(0,0,0,.1);color:#000}.tbd,[class*=background-color-index-]:not([class*=background-color-index-light]) .table--selectable tbody tr:hover:not(.table-row--selected) td{color:#fff}.tbd{text-align:center;padding:96px;font-size:96px;font-size:6rem;line-height:1;font-style:italic;background-color:#ccc}.tiles{width:100%;padding:12px}@media screen and (min-width:45em){.tiles.box--direction-row>.tile{flex:0 0 192px;margin:12px}.tiles.box--direction-row>.tile>*{box-sizing:border-box}.tiles.box--direction-row>.tile--wide{flex-basis:calc(100% - 24px);box-sizing:border-box}}.tiles__container{display:flex;flex-direction:row;align-items:center;width:100%}.tiles__container .tiles__left,.tiles__container .tiles__right{flex:0 0 auto}.tiles__container .tiles{flex:1;margin:0}.tiles__container .tiles.box--direction-row{width:100%;overflow:hidden}.tiles--fill.box--wrap{justify-content:space-around}.tiles--fill.box--wrap>.tile{flex-grow:1}.tiles--flush{padding:0}.tiles--flush>.tile{margin:0}.tiles--flush>.tile--wide{flex-basis:100%}.tiles--moreable{position:relative;padding-bottom:48px}.tiles--moreable .tiles__more{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tiles--selectable .tile{cursor:pointer;transition:background-color .2s}.tiles--selectable .tile--selected{background-color:#d0f3eb;color:#333}.tiles--selectable .tile:hover:not(.tile--selected){background-color:rgba(0,0,0,.1);color:#000}.tiles--small>.tile{flex-basis:96px}@media screen and (min-width:45em){.tiles--large>.tile{flex-basis:384px}}@media screen and (max-width:44.9375em){.tiles--large>.tile{flex-basis:100%}}.tile{overflow:hidden}.tile .status-icon{margin-right:6px}.tile>.chart{width:100%}.tile--selectable{cursor:pointer;transition:background-color .2s}.tile--selectable.tile--selected{background-color:#d0f3eb;color:#333}.tile--selectable:hover:not(.tile--selected){background-color:rgba(0,0,0,.1);color:#000}.tile--eclipsed{opacity:.2}.title{max-height:100%;overflow:hidden;text-overflow:ellipsis;font-weight:400;white-space:nowrap;font-size:24px;font-size:1.5rem;line-height:inherit}@media screen and (min-width:45em){.title{font-weight:600}}.title>:not(:last-child){margin-right:12px}.title a{color:inherit}.title a,.title a:hover{text-decoration:none}[class*=background-color-index-] .title a:hover{text-decoration:underline}.title img,.title svg{max-width:576px}.title img:not(:last-child),.title svg:not(:last-child){margin-right:12px}.title--interactive{cursor:pointer}@media screen and (min-width:45em){.title--interactive{transition:color .3s ease-in-out}}.title--interactive:hover{color:#01a982;cursor:pointer}[class*=background-color-index-]:not([class*=background-color-index-light]) .title--interactive:hover{color:#fff}@media screen and (max-width:44.9375em){.title--responsive img,.title--responsive svg{margin-right:0}.title--responsive>:not(:first-child){display:none}}.topology{position:relative}@media screen and (max-width:44.9375em){.topology__contents>.topology__parts{flex-direction:column}}@media screen and (min-width:45em){.topology__contents>.topology__parts--direction-row>.topology__part{margin-right:48px}.topology__contents>.topology__parts--direction-row>.topology__part:last-child{margin-right:0}}@media screen and (max-width:44.9375em){.topology__contents>.topology__parts--direction-row>.topology__part{margin-bottom:48px}.topology__contents>.topology__parts--direction-row>.topology__part:last-child{margin-bottom:0}}.topology__contents>.topology__parts--direction-column>.topology__part{margin-bottom:48px}.topology__contents>.topology__parts--direction-column>.topology__part:last-child{margin-bottom:0}.topology__canvas{position:absolute;pointer-events:none}.topology__parts{display:flex;align-items:stretch}.topology__parts--direction-row{flex-direction:row;flex-grow:1}.topology__parts--direction-column{flex-direction:column;flex-grow:1}.topology__parts--align-start{align-items:flex-start}.topology__parts--align-center{align-items:center}.topology__parts--align-end{align-items:flex-end}.topology__part,.topology__parts--align-stretch{align-items:stretch}.topology__part{display:flex;justify-content:center;overflow:hidden}.topology__part>.topology__parts .topology__part{flex:1}.topology__part--demarcate{border:1px solid #ccc}.topology__part--demarcate.topology__part--empty{background-color:#f5f5f5;min-width:24px;min-height:24px}.topology__part--justify-start{justify-content:flex-start}.topology__part--justify-center{justify-content:center}.topology__part--justify-between{justify-content:space-between}.topology__part--justify-end{justify-content:flex-end}.topology__part--align-start{align-items:flex-start}.topology__part--align-center{align-items:center}.topology__part--align-end{align-items:flex-end}.topology__part--align-stretch{align-items:stretch}.topology__part--direction-row{flex-direction:row}.topology__part--direction-row.topology__part--reverse{flex-direction:row-reverse}.topology__part--direction-row>:not(.topology__parts):not(.topology__part){margin:6px}.topology__part--direction-column{flex-direction:column}.topology__part--direction-column.topology__part--reverse{flex-direction:column-reverse}.topology__part--direction-column>:not(.topology__parts):not(.topology__part){margin:6px}.topology__label{font-size:14px;margin-left:12px;margin-right:12px}.topology .status-icon{position:relative;z-index:1}.video{position:relative;height:auto}@media screen and (max-width:44.9375em){.video{max-width:100%;width:100vw}}@media screen and (min-width:45em){.video--small{width:240px}.video--small .video__control.button--primary{width:48px;height:48px;border-radius:24px}.video--large{width:960px}}.video--full,.video video{width:100%}.video__summary{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;text-align:left;padding:24px;background-color:rgba(51,51,51,.7);color:#dbdbdb;border-radius:0}.video__control.button--primary{flex:0 0 auto;width:96px;height:96px;border-radius:48px;background-color:rgba(1,169,130,.7)}.video__control.button--primary:hover{background-color:#01a982}.video__title{margin-left:24px}.video__timeline{position:absolute;left:0;right:0;bottom:0;height:72px;color:#dbdbdb;background-color:rgba(51,51,51,.7)}.video__timeline-chapter{position:absolute;height:100%;padding-left:6px;border-left:2px solid #dbdbdb;text-align:left;cursor:pointer}.video__timeline-chapter:hover{color:#fff;border-color:#fff}.video__timeline-chapter time{display:block;font-size:14px;font-size:.875rem;line-height:24px}.video__progress{position:absolute;left:0;right:0;bottom:0;height:6px;text-align:left}.video__progress-meter{height:100%;background-color:#01a982}.video--playing:not(.video--interacting) .video__progress,.video--playing:not(.video--interacting) .video__summary,.video--playing:not(.video--interacting) .video__timeline{opacity:0;transition:opacity 1s}.clearfix:after{content:"";display:table;clear:both}.button{letter-spacing:.04167em}.button:not(.button--disabled):not(.button--icon):not(.button--fill).button--primary:hover,.button:not(.button--disabled):not(.button--icon):not(.button--fill):hover{box-shadow:0 0 0 2px #01a982}.button:not(.button--disabled):not(.button--icon):not(.button--fill).button--secondary:hover{box-shadow:0 0 0 2px rgba(51,51,51,.6)}.button:not(.button--disabled):not(.button--icon):not(.button--fill).button--accent:hover{box-shadow:0 0 0 2px #ff8d6d}[class*=background-color-index-]:not([class*=background-color-index-light]) .button:not(.button--disabled):not(.button--icon):not(.button--fill):hover{box-shadow:0 0 0 2px #eee}[class*=background-color-index-]:not([class*=background-color-index-light]) .button:not(.button--disabled):not(.button--icon):not(.button--fill).button--primary:hover{box-shadow:0 0 0 2px #01a982}[class*=background-color-index-]:not([class*=background-color-index-light]) .button:not(.button--disabled):not(.button--icon):not(.button--fill).button--secondary:hover{box-shadow:0 0 0 2px #eee}[class*=background-color-index-]:not([class*=background-color-index-light]) .button:not(.button--disabled):not(.button--icon):not(.button--fill).button--accent:hover{box-shadow:0 0 0 2px #ff8d6d}.button--fill:not(.button--disabled):not(.button--icon):hover{padding:4px 20px;border-width:4px}@media screen and (min-width:45em){.button--fill:not(.button--disabled):not(.button--icon){transition:none}} \ No newline at end of file diff --git a/css/grommet-hpinc.css b/css/grommet-hpinc.css index 4575801..41c6661 100644 --- a/css/grommet-hpinc.css +++ b/css/grommet-hpinc.css @@ -2149,79 +2149,79 @@ button:not(.button) { width: 100%; height: 192px; max-height: calc(100vh - 144px); } - .distribution__box { + .distribution__item--clickable { cursor: pointer; } - .distribution__box.color-index-unset { - fill: #ddd; } - .distribution__box.color-index-brand { - fill: #0096D6; } - .distribution__box.color-index-critical { - fill: #F04B37; } - .distribution__box.color-index-warning { - fill: #F0AA3C; } - .distribution__box.color-index-ok { - fill: #509137; } - .distribution__box.color-index-unknown { - fill: #848484; } - .distribution__box.color-index-disabled { - fill: #848484; } - .distribution__box.color-index-graph-1, .distribution__box.color-index-graph-6 { - fill: #0096D6; } - .distribution__box.color-index-graph-2, .distribution__box.color-index-graph-7 { - fill: #C094bf; } - .distribution__box.color-index-graph-3, .distribution__box.color-index-graph-8 { - fill: #99d5ef; } - .distribution__box.color-index-graph-4, .distribution__box.color-index-graph-9 { - fill: #87898b; } - .distribution__box.color-index-graph-5, .distribution__box.color-index-graph-10 { - fill: #b9b8bb; } - .distribution__box.color-index-grey-1, .distribution__box.color-index-grey-5 { - fill: #676767; } - .distribution__box.color-index-grey-2, .distribution__box.color-index-grey-6 { - fill: #CCCCCC; } - .distribution__box.color-index-grey-3, .distribution__box.color-index-grey-7 { - fill: #E8E8E8; } - .distribution__box.color-index-grey-4, .distribution__box.color-index-grey-8 { - fill: #F2F2F2; } - .distribution__icons.color-index-loading { + .distribution__item-box.color-index-unset { + fill: #ddd; } + .distribution__item-box.color-index-brand { + fill: #0096D6; } + .distribution__item-box.color-index-critical { + fill: #F04B37; } + .distribution__item-box.color-index-warning { + fill: #F0AA3C; } + .distribution__item-box.color-index-ok { + fill: #509137; } + .distribution__item-box.color-index-unknown { + fill: #848484; } + .distribution__item-box.color-index-disabled { + fill: #848484; } + .distribution__item-box.color-index-graph-1, .distribution__item-box.color-index-graph-6 { + fill: #0096D6; } + .distribution__item-box.color-index-graph-2, .distribution__item-box.color-index-graph-7 { + fill: #C094bf; } + .distribution__item-box.color-index-graph-3, .distribution__item-box.color-index-graph-8 { + fill: #99d5ef; } + .distribution__item-box.color-index-graph-4, .distribution__item-box.color-index-graph-9 { + fill: #87898b; } + .distribution__item-box.color-index-graph-5, .distribution__item-box.color-index-graph-10 { + fill: #b9b8bb; } + .distribution__item-box.color-index-grey-1, .distribution__item-box.color-index-grey-5 { + fill: #676767; } + .distribution__item-box.color-index-grey-2, .distribution__item-box.color-index-grey-6 { + fill: #CCCCCC; } + .distribution__item-box.color-index-grey-3, .distribution__item-box.color-index-grey-7 { + fill: #E8E8E8; } + .distribution__item-box.color-index-grey-4, .distribution__item-box.color-index-grey-8 { + fill: #F2F2F2; } + .distribution__item-icons.color-index-loading { stroke: #ddd; stroke-dasharray: 1px 10px; stroke-dashoffset: 0; } - .distribution__icons.color-index-unset { + .distribution__item-icons.color-index-unset { stroke: #ddd; } - .distribution__icons.color-index-brand { + .distribution__item-icons.color-index-brand { stroke: #0096D6; } - .distribution__icons.color-index-critical { + .distribution__item-icons.color-index-critical { stroke: #F04B37; } - .distribution__icons.color-index-warning { + .distribution__item-icons.color-index-warning { stroke: #F0AA3C; } - .distribution__icons.color-index-ok { + .distribution__item-icons.color-index-ok { stroke: #509137; } - .distribution__icons.color-index-unknown { + .distribution__item-icons.color-index-unknown { stroke: #848484; } - .distribution__icons.color-index-disabled { + .distribution__item-icons.color-index-disabled { stroke: #848484; } - .distribution__icons.color-index-graph-1, .distribution__icons.color-index-graph-6 { + .distribution__item-icons.color-index-graph-1, .distribution__item-icons.color-index-graph-6 { stroke: #0096D6; } - .distribution__icons.color-index-graph-2, .distribution__icons.color-index-graph-7 { + .distribution__item-icons.color-index-graph-2, .distribution__item-icons.color-index-graph-7 { stroke: #C094bf; } - .distribution__icons.color-index-graph-3, .distribution__icons.color-index-graph-8 { + .distribution__item-icons.color-index-graph-3, .distribution__item-icons.color-index-graph-8 { stroke: #99d5ef; } - .distribution__icons.color-index-graph-4, .distribution__icons.color-index-graph-9 { + .distribution__item-icons.color-index-graph-4, .distribution__item-icons.color-index-graph-9 { stroke: #87898b; } - .distribution__icons.color-index-graph-5, .distribution__icons.color-index-graph-10 { + .distribution__item-icons.color-index-graph-5, .distribution__item-icons.color-index-graph-10 { stroke: #b9b8bb; } - .distribution__icons.color-index-grey-1, .distribution__icons.color-index-grey-5 { + .distribution__item-icons.color-index-grey-1, .distribution__item-icons.color-index-grey-5 { stroke: #676767; } - .distribution__icons.color-index-grey-2, .distribution__icons.color-index-grey-6 { + .distribution__item-icons.color-index-grey-2, .distribution__item-icons.color-index-grey-6 { stroke: #CCCCCC; } - .distribution__icons.color-index-grey-3, .distribution__icons.color-index-grey-7 { + .distribution__item-icons.color-index-grey-3, .distribution__item-icons.color-index-grey-7 { stroke: #E8E8E8; } - .distribution__icons.color-index-grey-4, .distribution__icons.color-index-grey-8 { + .distribution__item-icons.color-index-grey-4, .distribution__item-icons.color-index-grey-8 { stroke: #F2F2F2; } - .distribution__icons.color-index-light-1, .distribution__icons.color-index-light-3 { + .distribution__item-icons.color-index-light-1, .distribution__item-icons.color-index-light-3 { stroke: #ffffff; } - .distribution__icons.color-index-light-2, .distribution__icons.color-index-light-4 { + .distribution__item-icons.color-index-light-2, .distribution__item-icons.color-index-light-4 { stroke: #f5f5f5; } .distribution__label { position: absolute; @@ -2245,12 +2245,8 @@ button:not(.button) { font-weight: normal; } .distribution__label-label { display: block; } - .distribution__label--small { - padding: 12px; } - .distribution__label--small .distribution__label-value { - font-size: 20px; - font-size: 1.25rem; - line-height: 1.2; } + .distribution__label--active { + color: #333; } .distribution__label--thin .distribution__label-value, .distribution__label--thin .distribution__label-label { display: inline-block; } @@ -2307,6 +2303,13 @@ button:not(.button) { padding: 0 12px 12px 0; } .distribution--icons .distribution__label-value { line-height: 1; } + .distribution--small-label .distribution__label { + padding-top: 0px; + padding-left: 6px; } + .distribution--small-label .distribution__label-value { + font-size: 20px; + font-size: 1.25rem; + line-height: 1.2; } .distribution--small .distribution__graphic { height: 96px; } .distribution--large .distribution__graphic { @@ -2891,6 +2894,12 @@ header.header { right: 0px; } header.header--primary .header__wrapper { border-bottom: none; } + header.header h1, + header.header h2, + header.header h3, + header.header h4, + header.header h5 { + margin-bottom: 0; } header.header.header--splash { -webkit-transform: translate(0, 40vh); transform: translate(0, 40vh); } @@ -2986,7 +2995,8 @@ div.header--flush .header__wrapper { vertical-align: middle; cursor: pointer; fill: #999; - stroke: #999; } + stroke: #999; + flex: 0 0 auto; } .control-icon *:not([stroke])[fill="none"] { stroke-width: 0; } .control-icon *[stroke] { @@ -3100,7 +3110,8 @@ div.header--flush .header__wrapper { .status-icon { width: 24px; height: 24px; - vertical-align: middle; } + vertical-align: middle; + flex: 0 0 auto; } .status-icon .status-icon__base { fill: #848484; } .status-icon-critical .status-icon__base { @@ -3411,16 +3422,7 @@ a.active > .label .label__icon.control-icon svg { color: #777; font-style: italic; } .list .list-item { - padding-left: 24px; - padding-right: 24px; - padding-top: 12px; - padding-bottom: 12px; - border-bottom: 1px solid #ccc; - display: flex; - align-items: center; max-width: none; } - .list .list-item:last-child { - border-bottom: none; } .list .list-item__image { height: 24px; width: 24px; @@ -3446,9 +3448,6 @@ a.active > .label .label__icon.control-icon svg { color: #333; } .list .list-item--row .list-item__annotation { text-align: right; } - .list .list-item--column { - flex-direction: column; - align-items: start; } .list--selectable .list-item { cursor: pointer; transition: background-color 0.2s; } @@ -3458,22 +3457,14 @@ a.active > .label .label__icon.control-icon svg { .list--selectable .list-item:hover:not(.list-item--selected) { background-color: rgba(0, 0, 0, 0.1); color: #000; } - .list--small .list-item, - .list--small .list__more { - padding-top: 6px; - padding-bottom: 6px; } - .list--small .list-item__image, - .list--small .list__more__image { - height: 12px; - width: 12px; } - .list--large .list-item, - .list--large .list__more { - padding-top: 24px; - padding-bottom: 24px; } - .list--large .list-item__image, - .list--large .list__more__image { - height: 48px; - width: 48px; } + .list--small .list-item__image, + .list--small .list__more__image { + height: 12px; + width: 12px; } + .list--large .list-item__image, + .list--large .list__more__image { + height: 48px; + width: 48px; } .legend { text-align: left; @@ -3495,63 +3486,63 @@ a.active > .label .label__icon.control-icon svg { .legend__item-units, .legend__total-units { display: inline-block; margin-left: 6px; } - .legend__item { + .legend__item--clickable { cursor: pointer; } - .legend__item svg.legend__item-swatch { - width: 12px; - height: 12px; - margin-top: 6px; - margin-right: 12px; - overflow: visible; } - .legend__item svg.legend__item-swatch.color-index-loading { - stroke: #ddd; - stroke-dasharray: 1px 10px; - stroke-dashoffset: 0; } - .legend__item svg.legend__item-swatch.color-index-unset { - stroke: #ddd; } - .legend__item svg.legend__item-swatch.color-index-brand { - stroke: #0096D6; } - .legend__item svg.legend__item-swatch.color-index-critical { - stroke: #F04B37; } - .legend__item svg.legend__item-swatch.color-index-warning { - stroke: #F0AA3C; } - .legend__item svg.legend__item-swatch.color-index-ok { - stroke: #509137; } - .legend__item svg.legend__item-swatch.color-index-unknown { - stroke: #848484; } - .legend__item svg.legend__item-swatch.color-index-disabled { - stroke: #848484; } - .legend__item svg.legend__item-swatch.color-index-graph-1, .legend__item svg.legend__item-swatch.color-index-graph-6 { - stroke: #0096D6; } - .legend__item svg.legend__item-swatch.color-index-graph-2, .legend__item svg.legend__item-swatch.color-index-graph-7 { - stroke: #C094bf; } - .legend__item svg.legend__item-swatch.color-index-graph-3, .legend__item svg.legend__item-swatch.color-index-graph-8 { - stroke: #99d5ef; } - .legend__item svg.legend__item-swatch.color-index-graph-4, .legend__item svg.legend__item-swatch.color-index-graph-9 { - stroke: #87898b; } - .legend__item svg.legend__item-swatch.color-index-graph-5, .legend__item svg.legend__item-swatch.color-index-graph-10 { - stroke: #b9b8bb; } - .legend__item svg.legend__item-swatch.color-index-grey-1, .legend__item svg.legend__item-swatch.color-index-grey-5 { - stroke: #676767; } - .legend__item svg.legend__item-swatch.color-index-grey-2, .legend__item svg.legend__item-swatch.color-index-grey-6 { - stroke: #CCCCCC; } - .legend__item svg.legend__item-swatch.color-index-grey-3, .legend__item svg.legend__item-swatch.color-index-grey-7 { - stroke: #E8E8E8; } - .legend__item svg.legend__item-swatch.color-index-grey-4, .legend__item svg.legend__item-swatch.color-index-grey-8 { - stroke: #F2F2F2; } - .legend__item svg.legend__item-swatch.color-index-light-1, .legend__item svg.legend__item-swatch.color-index-light-3 { - stroke: #ffffff; } - .legend__item svg.legend__item-swatch.color-index-light-2, .legend__item svg.legend__item-swatch.color-index-light-4 { - stroke: #f5f5f5; } - .legend__item svg.legend__item-swatch path { - stroke-width: 12px; - transition-property: stroke-width; - transition-duration: 0.3s; - transition-timing-function: ease-in-out; } - .legend__item--active { - color: #333; } - .legend__item--active svg.legend__item-swatch path { - stroke-width: 12px; } + .legend__item svg.legend__item-swatch { + width: 12px; + height: 12px; + margin-top: 6px; + margin-right: 12px; + overflow: visible; } + .legend__item svg.legend__item-swatch.color-index-loading { + stroke: #ddd; + stroke-dasharray: 1px 10px; + stroke-dashoffset: 0; } + .legend__item svg.legend__item-swatch.color-index-unset { + stroke: #ddd; } + .legend__item svg.legend__item-swatch.color-index-brand { + stroke: #0096D6; } + .legend__item svg.legend__item-swatch.color-index-critical { + stroke: #F04B37; } + .legend__item svg.legend__item-swatch.color-index-warning { + stroke: #F0AA3C; } + .legend__item svg.legend__item-swatch.color-index-ok { + stroke: #509137; } + .legend__item svg.legend__item-swatch.color-index-unknown { + stroke: #848484; } + .legend__item svg.legend__item-swatch.color-index-disabled { + stroke: #848484; } + .legend__item svg.legend__item-swatch.color-index-graph-1, .legend__item svg.legend__item-swatch.color-index-graph-6 { + stroke: #0096D6; } + .legend__item svg.legend__item-swatch.color-index-graph-2, .legend__item svg.legend__item-swatch.color-index-graph-7 { + stroke: #C094bf; } + .legend__item svg.legend__item-swatch.color-index-graph-3, .legend__item svg.legend__item-swatch.color-index-graph-8 { + stroke: #99d5ef; } + .legend__item svg.legend__item-swatch.color-index-graph-4, .legend__item svg.legend__item-swatch.color-index-graph-9 { + stroke: #87898b; } + .legend__item svg.legend__item-swatch.color-index-graph-5, .legend__item svg.legend__item-swatch.color-index-graph-10 { + stroke: #b9b8bb; } + .legend__item svg.legend__item-swatch.color-index-grey-1, .legend__item svg.legend__item-swatch.color-index-grey-5 { + stroke: #676767; } + .legend__item svg.legend__item-swatch.color-index-grey-2, .legend__item svg.legend__item-swatch.color-index-grey-6 { + stroke: #CCCCCC; } + .legend__item svg.legend__item-swatch.color-index-grey-3, .legend__item svg.legend__item-swatch.color-index-grey-7 { + stroke: #E8E8E8; } + .legend__item svg.legend__item-swatch.color-index-grey-4, .legend__item svg.legend__item-swatch.color-index-grey-8 { + stroke: #F2F2F2; } + .legend__item svg.legend__item-swatch.color-index-light-1, .legend__item svg.legend__item-swatch.color-index-light-3 { + stroke: #ffffff; } + .legend__item svg.legend__item-swatch.color-index-light-2, .legend__item svg.legend__item-swatch.color-index-light-4 { + stroke: #f5f5f5; } + .legend__item svg.legend__item-swatch path { + stroke-width: 12px; + transition-property: stroke-width; + transition-duration: 0.3s; + transition-timing-function: ease-in-out; } + .legend__item--active { + color: #333; } + .legend__item--active svg.legend__item-swatch path { + stroke-width: 12px; } .legend__total { margin-left: 24px; } .legend__total > * { @@ -3744,14 +3735,11 @@ a.active > .label .label__icon.control-icon svg { font-size: 1rem; line-height: inherit; max-height: 100vh; } - .menu__drop .anchor, - .menu__drop a { + .menu__drop .anchor { padding: 12px 24px; white-space: nowrap; display: block; } - .menu__drop .anchor:hover, .menu__drop .anchor:focus, - .menu__drop a:hover, - .menu__drop a:focus { + .menu__drop .anchor:hover, .menu__drop .anchor:focus { text-decoration: none; background-color: rgba(0, 0, 0, 0.1); } .menu__drop .check-box, @@ -4032,53 +4020,53 @@ a.active > .label .label__icon.control-icon svg { stroke-linecap: butt; stroke-dasharray: 192px 192px; stroke-dashoffset: 0; } - .meter--bar .meter__values .meter__slice { + .meter--bar .meter__values .meter__slice.color-index-loading { + stroke: #ddd; + stroke-dasharray: 1px 10px; + stroke-dashoffset: 0; } + .meter--bar .meter__values .meter__slice.color-index-unset { + stroke: #ddd; } + .meter--bar .meter__values .meter__slice.color-index-brand { + stroke: #0096D6; } + .meter--bar .meter__values .meter__slice.color-index-critical { + stroke: #F04B37; } + .meter--bar .meter__values .meter__slice.color-index-warning { + stroke: #F0AA3C; } + .meter--bar .meter__values .meter__slice.color-index-ok { + stroke: #509137; } + .meter--bar .meter__values .meter__slice.color-index-unknown { + stroke: #848484; } + .meter--bar .meter__values .meter__slice.color-index-disabled { + stroke: #848484; } + .meter--bar .meter__values .meter__slice.color-index-graph-1, .meter--bar .meter__values .meter__slice.color-index-graph-6 { + stroke: #0096D6; } + .meter--bar .meter__values .meter__slice.color-index-graph-2, .meter--bar .meter__values .meter__slice.color-index-graph-7 { + stroke: #C094bf; } + .meter--bar .meter__values .meter__slice.color-index-graph-3, .meter--bar .meter__values .meter__slice.color-index-graph-8 { + stroke: #99d5ef; } + .meter--bar .meter__values .meter__slice.color-index-graph-4, .meter--bar .meter__values .meter__slice.color-index-graph-9 { + stroke: #87898b; } + .meter--bar .meter__values .meter__slice.color-index-graph-5, .meter--bar .meter__values .meter__slice.color-index-graph-10 { + stroke: #b9b8bb; } + .meter--bar .meter__values .meter__slice.color-index-grey-1, .meter--bar .meter__values .meter__slice.color-index-grey-5 { + stroke: #676767; } + .meter--bar .meter__values .meter__slice.color-index-grey-2, .meter--bar .meter__values .meter__slice.color-index-grey-6 { + stroke: #CCCCCC; } + .meter--bar .meter__values .meter__slice.color-index-grey-3, .meter--bar .meter__values .meter__slice.color-index-grey-7 { + stroke: #E8E8E8; } + .meter--bar .meter__values .meter__slice.color-index-grey-4, .meter--bar .meter__values .meter__slice.color-index-grey-8 { + stroke: #F2F2F2; } + .meter--bar .meter__values .meter__slice.color-index-light-1, .meter--bar .meter__values .meter__slice.color-index-light-3 { + stroke: #ffffff; } + .meter--bar .meter__values .meter__slice.color-index-light-2, .meter--bar .meter__values .meter__slice.color-index-light-4 { + stroke: #f5f5f5; } + .meter--bar .meter__values .meter__slice--clickable { cursor: pointer; } - .meter--bar .meter__values .meter__slice.color-index-loading { - stroke: #ddd; - stroke-dasharray: 1px 10px; - stroke-dashoffset: 0; } - .meter--bar .meter__values .meter__slice.color-index-unset { - stroke: #ddd; } - .meter--bar .meter__values .meter__slice.color-index-brand { - stroke: #0096D6; } - .meter--bar .meter__values .meter__slice.color-index-critical { - stroke: #F04B37; } - .meter--bar .meter__values .meter__slice.color-index-warning { - stroke: #F0AA3C; } - .meter--bar .meter__values .meter__slice.color-index-ok { - stroke: #509137; } - .meter--bar .meter__values .meter__slice.color-index-unknown { - stroke: #848484; } - .meter--bar .meter__values .meter__slice.color-index-disabled { - stroke: #848484; } - .meter--bar .meter__values .meter__slice.color-index-graph-1, .meter--bar .meter__values .meter__slice.color-index-graph-6 { - stroke: #0096D6; } - .meter--bar .meter__values .meter__slice.color-index-graph-2, .meter--bar .meter__values .meter__slice.color-index-graph-7 { - stroke: #C094bf; } - .meter--bar .meter__values .meter__slice.color-index-graph-3, .meter--bar .meter__values .meter__slice.color-index-graph-8 { - stroke: #99d5ef; } - .meter--bar .meter__values .meter__slice.color-index-graph-4, .meter--bar .meter__values .meter__slice.color-index-graph-9 { - stroke: #87898b; } - .meter--bar .meter__values .meter__slice.color-index-graph-5, .meter--bar .meter__values .meter__slice.color-index-graph-10 { - stroke: #b9b8bb; } - .meter--bar .meter__values .meter__slice.color-index-grey-1, .meter--bar .meter__values .meter__slice.color-index-grey-5 { - stroke: #676767; } - .meter--bar .meter__values .meter__slice.color-index-grey-2, .meter--bar .meter__values .meter__slice.color-index-grey-6 { - stroke: #CCCCCC; } - .meter--bar .meter__values .meter__slice.color-index-grey-3, .meter--bar .meter__values .meter__slice.color-index-grey-7 { - stroke: #E8E8E8; } - .meter--bar .meter__values .meter__slice.color-index-grey-4, .meter--bar .meter__values .meter__slice.color-index-grey-8 { - stroke: #F2F2F2; } - .meter--bar .meter__values .meter__slice.color-index-light-1, .meter--bar .meter__values .meter__slice.color-index-light-3 { - stroke: #ffffff; } - .meter--bar .meter__values .meter__slice.color-index-light-2, .meter--bar .meter__values .meter__slice.color-index-light-4 { - stroke: #f5f5f5; } - @media screen and (min-width: 45em) { - .meter--bar .meter__values .meter__slice { - transition: stroke-width 0.2s; - -webkit-animation: draw-meter 1.5s linear; - animation: draw-meter 1.5s linear; } } + @media screen and (min-width: 45em) { + .meter--bar .meter__values .meter__slice { + transition: stroke-width 0.2s; + -webkit-animation: draw-meter 1.5s linear; + animation: draw-meter 1.5s linear; } } .meter--bar .meter__thresholds .meter__slice.color-index-unset { stroke: rgba(221, 221, 221, 0.5); } .meter--bar .meter__thresholds .meter__slice.color-index-brand { @@ -4130,10 +4118,14 @@ a.active > .label .label__icon.control-icon svg { .meter--bar:not(.meter--vertical).meter--single .meter__value-label, .meter--bar:not(.meter--vertical).meter--stacked .meter__value-label { display: inline-block; margin-left: 4px; } + .meter--bar:not(.meter--vertical).meter--single.meter--legend-right .meter__value, .meter--bar:not(.meter--vertical).meter--stacked.meter--legend-right .meter__value { + min-width: 84px; } .meter--bar:not(.meter--vertical).meter--legend-right .meter__legend { top: 0px; -webkit-transform: none; transform: none; } + .meter--bar:not(.meter--vertical).meter--legend-right .meter__value { + min-width: 48px; } .meter--bar:not(.meter--vertical).meter--small svg.meter__graphic { width: 96px; } .meter--bar:not(.meter--vertical).meter--small .meter__value-value, @@ -4141,6 +4133,10 @@ a.active > .label .label__icon.control-icon svg { font-size: 16px; font-size: 1rem; line-height: 1.5; } + .meter--bar:not(.meter--vertical).meter--small.meter--legend-right .meter__value { + min-width: 42px; } + .meter--bar:not(.meter--vertical).meter--small.meter--legend-right.meter--stacked .meter__value { + min-width: 72px; } .meter--bar:not(.meter--vertical).meter--large svg.meter__graphic { width: 288px; } .meter--bar:not(.meter--vertical).meter--large .meter__value { @@ -4168,12 +4164,16 @@ a.active > .label .label__icon.control-icon svg { left: 24px; } .meter--bar.meter--vertical.meter--legend-right .meter__legend { top: 96px; } + .meter--bar.meter--vertical.meter--legend-right .meter__value { + min-width: 60px; } .meter--bar.meter--vertical.meter--small svg.meter__graphic { height: 96px; } .meter--bar.meter--vertical.meter--small .meter__value { top: 48px; } .meter--bar.meter--vertical.meter--small.meter--legend-right .meter__legend { top: 48px; } + .meter--bar.meter--vertical.meter--small.meter--legend-right .meter__value { + min-width: 42px; } .meter--bar.meter--vertical.meter--large svg.meter__graphic { height: 288px; } .meter--bar.meter--vertical.meter--large .meter__value { @@ -4197,53 +4197,53 @@ a.active > .label .label__icon.control-icon svg { stroke-linecap: square; stroke-width: 4px; stroke: #000; } - .meter--circle .meter__values .meter__slice, .meter--arc .meter__values .meter__slice, .meter--spiral .meter__values .meter__slice { + .meter--circle .meter__values .meter__slice.color-index-loading, .meter--arc .meter__values .meter__slice.color-index-loading, .meter--spiral .meter__values .meter__slice.color-index-loading { + stroke: #ddd; + stroke-dasharray: 1px 10px; + stroke-dashoffset: 0; } + .meter--circle .meter__values .meter__slice.color-index-unset, .meter--arc .meter__values .meter__slice.color-index-unset, .meter--spiral .meter__values .meter__slice.color-index-unset { + stroke: #ddd; } + .meter--circle .meter__values .meter__slice.color-index-brand, .meter--arc .meter__values .meter__slice.color-index-brand, .meter--spiral .meter__values .meter__slice.color-index-brand { + stroke: #0096D6; } + .meter--circle .meter__values .meter__slice.color-index-critical, .meter--arc .meter__values .meter__slice.color-index-critical, .meter--spiral .meter__values .meter__slice.color-index-critical { + stroke: #F04B37; } + .meter--circle .meter__values .meter__slice.color-index-warning, .meter--arc .meter__values .meter__slice.color-index-warning, .meter--spiral .meter__values .meter__slice.color-index-warning { + stroke: #F0AA3C; } + .meter--circle .meter__values .meter__slice.color-index-ok, .meter--arc .meter__values .meter__slice.color-index-ok, .meter--spiral .meter__values .meter__slice.color-index-ok { + stroke: #509137; } + .meter--circle .meter__values .meter__slice.color-index-unknown, .meter--arc .meter__values .meter__slice.color-index-unknown, .meter--spiral .meter__values .meter__slice.color-index-unknown { + stroke: #848484; } + .meter--circle .meter__values .meter__slice.color-index-disabled, .meter--arc .meter__values .meter__slice.color-index-disabled, .meter--spiral .meter__values .meter__slice.color-index-disabled { + stroke: #848484; } + .meter--circle .meter__values .meter__slice.color-index-graph-1, .meter--circle .meter__values .meter__slice.color-index-graph-6, .meter--arc .meter__values .meter__slice.color-index-graph-1, .meter--arc .meter__values .meter__slice.color-index-graph-6, .meter--spiral .meter__values .meter__slice.color-index-graph-1, .meter--spiral .meter__values .meter__slice.color-index-graph-6 { + stroke: #0096D6; } + .meter--circle .meter__values .meter__slice.color-index-graph-2, .meter--circle .meter__values .meter__slice.color-index-graph-7, .meter--arc .meter__values .meter__slice.color-index-graph-2, .meter--arc .meter__values .meter__slice.color-index-graph-7, .meter--spiral .meter__values .meter__slice.color-index-graph-2, .meter--spiral .meter__values .meter__slice.color-index-graph-7 { + stroke: #C094bf; } + .meter--circle .meter__values .meter__slice.color-index-graph-3, .meter--circle .meter__values .meter__slice.color-index-graph-8, .meter--arc .meter__values .meter__slice.color-index-graph-3, .meter--arc .meter__values .meter__slice.color-index-graph-8, .meter--spiral .meter__values .meter__slice.color-index-graph-3, .meter--spiral .meter__values .meter__slice.color-index-graph-8 { + stroke: #99d5ef; } + .meter--circle .meter__values .meter__slice.color-index-graph-4, .meter--circle .meter__values .meter__slice.color-index-graph-9, .meter--arc .meter__values .meter__slice.color-index-graph-4, .meter--arc .meter__values .meter__slice.color-index-graph-9, .meter--spiral .meter__values .meter__slice.color-index-graph-4, .meter--spiral .meter__values .meter__slice.color-index-graph-9 { + stroke: #87898b; } + .meter--circle .meter__values .meter__slice.color-index-graph-5, .meter--circle .meter__values .meter__slice.color-index-graph-10, .meter--arc .meter__values .meter__slice.color-index-graph-5, .meter--arc .meter__values .meter__slice.color-index-graph-10, .meter--spiral .meter__values .meter__slice.color-index-graph-5, .meter--spiral .meter__values .meter__slice.color-index-graph-10 { + stroke: #b9b8bb; } + .meter--circle .meter__values .meter__slice.color-index-grey-1, .meter--circle .meter__values .meter__slice.color-index-grey-5, .meter--arc .meter__values .meter__slice.color-index-grey-1, .meter--arc .meter__values .meter__slice.color-index-grey-5, .meter--spiral .meter__values .meter__slice.color-index-grey-1, .meter--spiral .meter__values .meter__slice.color-index-grey-5 { + stroke: #676767; } + .meter--circle .meter__values .meter__slice.color-index-grey-2, .meter--circle .meter__values .meter__slice.color-index-grey-6, .meter--arc .meter__values .meter__slice.color-index-grey-2, .meter--arc .meter__values .meter__slice.color-index-grey-6, .meter--spiral .meter__values .meter__slice.color-index-grey-2, .meter--spiral .meter__values .meter__slice.color-index-grey-6 { + stroke: #CCCCCC; } + .meter--circle .meter__values .meter__slice.color-index-grey-3, .meter--circle .meter__values .meter__slice.color-index-grey-7, .meter--arc .meter__values .meter__slice.color-index-grey-3, .meter--arc .meter__values .meter__slice.color-index-grey-7, .meter--spiral .meter__values .meter__slice.color-index-grey-3, .meter--spiral .meter__values .meter__slice.color-index-grey-7 { + stroke: #E8E8E8; } + .meter--circle .meter__values .meter__slice.color-index-grey-4, .meter--circle .meter__values .meter__slice.color-index-grey-8, .meter--arc .meter__values .meter__slice.color-index-grey-4, .meter--arc .meter__values .meter__slice.color-index-grey-8, .meter--spiral .meter__values .meter__slice.color-index-grey-4, .meter--spiral .meter__values .meter__slice.color-index-grey-8 { + stroke: #F2F2F2; } + .meter--circle .meter__values .meter__slice.color-index-light-1, .meter--circle .meter__values .meter__slice.color-index-light-3, .meter--arc .meter__values .meter__slice.color-index-light-1, .meter--arc .meter__values .meter__slice.color-index-light-3, .meter--spiral .meter__values .meter__slice.color-index-light-1, .meter--spiral .meter__values .meter__slice.color-index-light-3 { + stroke: #ffffff; } + .meter--circle .meter__values .meter__slice.color-index-light-2, .meter--circle .meter__values .meter__slice.color-index-light-4, .meter--arc .meter__values .meter__slice.color-index-light-2, .meter--arc .meter__values .meter__slice.color-index-light-4, .meter--spiral .meter__values .meter__slice.color-index-light-2, .meter--spiral .meter__values .meter__slice.color-index-light-4 { + stroke: #f5f5f5; } + .meter--circle .meter__values .meter__slice--clickable, .meter--arc .meter__values .meter__slice--clickable, .meter--spiral .meter__values .meter__slice--clickable { cursor: pointer; } - .meter--circle .meter__values .meter__slice.color-index-loading, .meter--arc .meter__values .meter__slice.color-index-loading, .meter--spiral .meter__values .meter__slice.color-index-loading { - stroke: #ddd; - stroke-dasharray: 1px 10px; - stroke-dashoffset: 0; } - .meter--circle .meter__values .meter__slice.color-index-unset, .meter--arc .meter__values .meter__slice.color-index-unset, .meter--spiral .meter__values .meter__slice.color-index-unset { - stroke: #ddd; } - .meter--circle .meter__values .meter__slice.color-index-brand, .meter--arc .meter__values .meter__slice.color-index-brand, .meter--spiral .meter__values .meter__slice.color-index-brand { - stroke: #0096D6; } - .meter--circle .meter__values .meter__slice.color-index-critical, .meter--arc .meter__values .meter__slice.color-index-critical, .meter--spiral .meter__values .meter__slice.color-index-critical { - stroke: #F04B37; } - .meter--circle .meter__values .meter__slice.color-index-warning, .meter--arc .meter__values .meter__slice.color-index-warning, .meter--spiral .meter__values .meter__slice.color-index-warning { - stroke: #F0AA3C; } - .meter--circle .meter__values .meter__slice.color-index-ok, .meter--arc .meter__values .meter__slice.color-index-ok, .meter--spiral .meter__values .meter__slice.color-index-ok { - stroke: #509137; } - .meter--circle .meter__values .meter__slice.color-index-unknown, .meter--arc .meter__values .meter__slice.color-index-unknown, .meter--spiral .meter__values .meter__slice.color-index-unknown { - stroke: #848484; } - .meter--circle .meter__values .meter__slice.color-index-disabled, .meter--arc .meter__values .meter__slice.color-index-disabled, .meter--spiral .meter__values .meter__slice.color-index-disabled { - stroke: #848484; } - .meter--circle .meter__values .meter__slice.color-index-graph-1, .meter--circle .meter__values .meter__slice.color-index-graph-6, .meter--arc .meter__values .meter__slice.color-index-graph-1, .meter--arc .meter__values .meter__slice.color-index-graph-6, .meter--spiral .meter__values .meter__slice.color-index-graph-1, .meter--spiral .meter__values .meter__slice.color-index-graph-6 { - stroke: #0096D6; } - .meter--circle .meter__values .meter__slice.color-index-graph-2, .meter--circle .meter__values .meter__slice.color-index-graph-7, .meter--arc .meter__values .meter__slice.color-index-graph-2, .meter--arc .meter__values .meter__slice.color-index-graph-7, .meter--spiral .meter__values .meter__slice.color-index-graph-2, .meter--spiral .meter__values .meter__slice.color-index-graph-7 { - stroke: #C094bf; } - .meter--circle .meter__values .meter__slice.color-index-graph-3, .meter--circle .meter__values .meter__slice.color-index-graph-8, .meter--arc .meter__values .meter__slice.color-index-graph-3, .meter--arc .meter__values .meter__slice.color-index-graph-8, .meter--spiral .meter__values .meter__slice.color-index-graph-3, .meter--spiral .meter__values .meter__slice.color-index-graph-8 { - stroke: #99d5ef; } - .meter--circle .meter__values .meter__slice.color-index-graph-4, .meter--circle .meter__values .meter__slice.color-index-graph-9, .meter--arc .meter__values .meter__slice.color-index-graph-4, .meter--arc .meter__values .meter__slice.color-index-graph-9, .meter--spiral .meter__values .meter__slice.color-index-graph-4, .meter--spiral .meter__values .meter__slice.color-index-graph-9 { - stroke: #87898b; } - .meter--circle .meter__values .meter__slice.color-index-graph-5, .meter--circle .meter__values .meter__slice.color-index-graph-10, .meter--arc .meter__values .meter__slice.color-index-graph-5, .meter--arc .meter__values .meter__slice.color-index-graph-10, .meter--spiral .meter__values .meter__slice.color-index-graph-5, .meter--spiral .meter__values .meter__slice.color-index-graph-10 { - stroke: #b9b8bb; } - .meter--circle .meter__values .meter__slice.color-index-grey-1, .meter--circle .meter__values .meter__slice.color-index-grey-5, .meter--arc .meter__values .meter__slice.color-index-grey-1, .meter--arc .meter__values .meter__slice.color-index-grey-5, .meter--spiral .meter__values .meter__slice.color-index-grey-1, .meter--spiral .meter__values .meter__slice.color-index-grey-5 { - stroke: #676767; } - .meter--circle .meter__values .meter__slice.color-index-grey-2, .meter--circle .meter__values .meter__slice.color-index-grey-6, .meter--arc .meter__values .meter__slice.color-index-grey-2, .meter--arc .meter__values .meter__slice.color-index-grey-6, .meter--spiral .meter__values .meter__slice.color-index-grey-2, .meter--spiral .meter__values .meter__slice.color-index-grey-6 { - stroke: #CCCCCC; } - .meter--circle .meter__values .meter__slice.color-index-grey-3, .meter--circle .meter__values .meter__slice.color-index-grey-7, .meter--arc .meter__values .meter__slice.color-index-grey-3, .meter--arc .meter__values .meter__slice.color-index-grey-7, .meter--spiral .meter__values .meter__slice.color-index-grey-3, .meter--spiral .meter__values .meter__slice.color-index-grey-7 { - stroke: #E8E8E8; } - .meter--circle .meter__values .meter__slice.color-index-grey-4, .meter--circle .meter__values .meter__slice.color-index-grey-8, .meter--arc .meter__values .meter__slice.color-index-grey-4, .meter--arc .meter__values .meter__slice.color-index-grey-8, .meter--spiral .meter__values .meter__slice.color-index-grey-4, .meter--spiral .meter__values .meter__slice.color-index-grey-8 { - stroke: #F2F2F2; } - .meter--circle .meter__values .meter__slice.color-index-light-1, .meter--circle .meter__values .meter__slice.color-index-light-3, .meter--arc .meter__values .meter__slice.color-index-light-1, .meter--arc .meter__values .meter__slice.color-index-light-3, .meter--spiral .meter__values .meter__slice.color-index-light-1, .meter--spiral .meter__values .meter__slice.color-index-light-3 { - stroke: #ffffff; } - .meter--circle .meter__values .meter__slice.color-index-light-2, .meter--circle .meter__values .meter__slice.color-index-light-4, .meter--arc .meter__values .meter__slice.color-index-light-2, .meter--arc .meter__values .meter__slice.color-index-light-4, .meter--spiral .meter__values .meter__slice.color-index-light-2, .meter--spiral .meter__values .meter__slice.color-index-light-4 { - stroke: #f5f5f5; } - @media screen and (min-width: 45em) { - .meter--circle .meter__values .meter__slice, .meter--arc .meter__values .meter__slice, .meter--spiral .meter__values .meter__slice { - transition: stroke-width 0.2s; - -webkit-animation: draw-arc 1.5s linear; - animation: draw-arc 1.5s linear; } } + @media screen and (min-width: 45em) { + .meter--circle .meter__values .meter__slice, .meter--arc .meter__values .meter__slice, .meter--spiral .meter__values .meter__slice { + transition: stroke-width 0.2s; + -webkit-animation: draw-arc 1.5s linear; + animation: draw-arc 1.5s linear; } } .meter--circle .meter__thresholds .meter__slice.color-index-unset, .meter--arc .meter__thresholds .meter__slice.color-index-unset, .meter--spiral .meter__thresholds .meter__slice.color-index-unset { stroke: rgba(221, 221, 221, 0.5); } .meter--circle .meter__thresholds .meter__slice.color-index-brand, .meter--arc .meter__thresholds .meter__slice.color-index-brand, .meter--spiral .meter__thresholds .meter__slice.color-index-brand { @@ -4367,7 +4367,7 @@ a.active > .label .label__icon.control-icon svg { height: 96px; } .meter--arc.meter--vertical.meter--small .meter__value { top: 48px; - margin-left: -18px; } + margin-left: -12px; } .meter--arc.meter--vertical.meter--small .meter__minmax-container { padding-top: 0px; padding-bottom: 0px; } @@ -4381,6 +4381,10 @@ a.active > .label .label__icon.control-icon svg { margin-left: -72px; } .meter--arc.meter--vertical.meter--minmax.meter--small .meter__value { margin-left: -60px; } + .meter--arc.meter--vertical.meter--legend-right.meter--small .meter__value { + min-width: 78px; } + .meter--arc.meter--vertical.meter--legend-right .meter__value { + min-width: 120px; } .meter--spiral .meter__value { position: absolute; top: 0px; @@ -4408,57 +4412,74 @@ a.active > .label .label__icon.control-icon svg { .meter--loading .meter__value { display: none; } -.notification__status { - margin-right: 12px; } - -.notification__message { - margin-bottom: 24px; - vertical-align: middle; } - -.notification--critical { - background-color: #F04B37; - font-size: 19px; - font-size: 1.1875rem; - line-height: 24px; - color: #dbdbdb; } - .notification--critical .notification__status .status-icon__base { - fill: #dbdbdb; } - -.notification--warning { - background-color: #F0AA3C; - font-size: 19px; - font-size: 1.1875rem; - line-height: 24px; - color: #dbdbdb; } - .notification--warning .notification__status .status-icon__base { - fill: #dbdbdb; } - -.notification--ok { - background-color: #509137; - font-size: 19px; - font-size: 1.1875rem; - line-height: 24px; - color: #dbdbdb; } - .notification--ok .notification__status .status-icon__base { - fill: #dbdbdb; } - -.notification--unknown { - background-color: #848484; +.notification { font-size: 19px; font-size: 1.1875rem; - line-height: 24px; - color: #dbdbdb; } - .notification--unknown .notification__status .status-icon__base { - fill: #dbdbdb; } - -.notification--disabled { - background-color: #848484; - font-size: 19px; - font-size: 1.1875rem; - line-height: 24px; - color: #dbdbdb; } - .notification--disabled .notification__status .status-icon__base { - fill: #dbdbdb; } + line-height: 24px; } + .notification__message { + font-size: 24px; + font-size: 1.5rem; + line-height: 24px; } + .notification__message + * { + margin-top: 24px; } + .notification__status { + margin-right: 24px; + flex: 0 0 auto; } + .notification--critical { + background-color: #F04B37; + color: #fff; } + .notification--critical .notification__status .status-icon__base { + fill: #fff; } + .notification--critical .notification__status .status-icon__detail { + stroke: #F04B37; + fill: #F04B37; } + .notification--critical .notification__status.status-icon-unknown .status-icon__detail { + stroke: #fff; + fill: #fff; } + .notification--warning { + background-color: #F0AA3C; + color: #fff; } + .notification--warning .notification__status .status-icon__base { + fill: #fff; } + .notification--warning .notification__status .status-icon__detail { + stroke: #F0AA3C; + fill: #F0AA3C; } + .notification--warning .notification__status.status-icon-unknown .status-icon__detail { + stroke: #fff; + fill: #fff; } + .notification--ok { + background-color: #509137; + color: #fff; } + .notification--ok .notification__status .status-icon__base { + fill: #fff; } + .notification--ok .notification__status .status-icon__detail { + stroke: #509137; + fill: #509137; } + .notification--ok .notification__status.status-icon-unknown .status-icon__detail { + stroke: #fff; + fill: #fff; } + .notification--unknown { + background-color: #848484; + color: #fff; } + .notification--unknown .notification__status .status-icon__base { + fill: #fff; } + .notification--unknown .notification__status .status-icon__detail { + stroke: #848484; + fill: #848484; } + .notification--unknown .notification__status.status-icon-unknown .status-icon__detail { + stroke: #fff; + fill: #fff; } + .notification--disabled { + background-color: #848484; + color: #fff; } + .notification--disabled .notification__status .status-icon__base { + fill: #fff; } + .notification--disabled .notification__status .status-icon__detail { + stroke: #848484; + fill: #848484; } + .notification--disabled .notification__status.status-icon-unknown .status-icon__detail { + stroke: #fff; + fill: #fff; } .notifications-control__icon { width: 48px; @@ -5008,14 +5029,15 @@ section > dl > dd { .tiles { width: 100%; padding: 12px; } - .tiles > .tile { - flex: 0 0 192px; - margin: 12px; } - .tiles > .tile > * { - box-sizing: border-box; } - .tiles > .tile--wide { - flex-basis: calc(100% - 24px); - box-sizing: border-box; } + @media screen and (min-width: 45em) { + .tiles.box--direction-row > .tile { + flex: 0 0 192px; + margin: 12px; } + .tiles.box--direction-row > .tile > * { + box-sizing: border-box; } + .tiles.box--direction-row > .tile--wide { + flex-basis: calc(100% - 24px); + box-sizing: border-box; } } .tiles__container { display: flex; flex-direction: row; diff --git a/css/grommet-hpinc.min.css b/css/grommet-hpinc.min.css index 8d7fff9..7b27be6 100644 --- a/css/grommet-hpinc.min.css +++ b/css/grommet-hpinc.min.css @@ -6,4 +6,4 @@ * github.com/inuitcss | inuitcss.com */ -/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}blockquote,body,caption,dd,dl,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,legend,ol,p,pre,table,td,th,ul{margin:0;padding:0}abbr[title],dfn[title]{cursor:help}ins,u{text-decoration:none}ins{border-bottom:1px solid}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}address,blockquote,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,ol,p,pre,table,ul{margin-bottom:24px;margin-bottom:1.5rem}dd,ol,ul{margin-left:48px;margin-left:3rem}html{font-size:1em;line-height:1.5;background-color:#fff;color:#333;overflow-y:scroll;min-height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}h1{font-size:36px;font-size:2.25rem;line-height:1.33333}h2{font-size:30px;font-size:1.875rem;line-height:1.6}h3{font-size:24px;font-size:1.5rem;line-height:1}h4{font-size:20px;font-size:1.25rem;line-height:1.2}h5{font-size:16px;font-size:1rem;line-height:1.5}h6{font-size:14px;font-size:.875rem;line-height:1.71429}li>ol,li>ul{margin-bottom:0}img{max-width:100%;font-style:italic;vertical-align:middle}.gm-style img,img[height],img[width]{max-width:none}.brand-font,html{font-family:HPSimplified,Arial,sans-serif}body,html{font-size:16px;font-size:1rem;line-height:24px}h1{font-size:48px;font-size:3rem;line-height:1.125}h2{font-size:36px;font-size:2.25rem;line-height:1.33333}h3{font-size:24px;font-size:1.5rem;line-height:1.25}h4,h5{font-size:18px;font-size:1.125rem;line-height:1.33333}h1,h2,h3,h4,h5{font-weight:100;max-width:100%}h1.header--strong,h1>strong,h2.header--strong,h2>strong,h3.header--strong,h3>strong,h4.header--strong,h4>strong,h5.header--strong,h5>strong{font-weight:600}h1 a,h1 a.anchor,h2 a,h2 a.anchor,h3 a,h3 a.anchor,h4 a,h4 a.anchor,h5 a,h5 a.anchor{color:inherit;text-decoration:none}h1 a.anchor:hover,h1 a:hover,h2 a.anchor:hover,h2 a:hover,h3 a.anchor:hover,h3 a:hover,h4 a.anchor:hover,h4 a:hover,h5 a.anchor:hover,h5 a:hover{text-decoration:none}dd,li,p{max-width:576px;margin-left:0}dd{margin-bottom:12px}p{margin-top:24px;margin-bottom:24px}blockquote{font-size:36px;font-size:2.25rem;line-height:1.33333}code.hljs{border:1px solid #ccc}.large-number-font{font-family:HPSimplified,Arial,sans-serif}.secondary{color:#777}.error{color:#f04b37}input,select,textarea{font-size:16px;font-size:1rem;line-height:1.5;padding:11px 23px;border:1px solid #ccc;border-radius:0 5px 0 5px;outline:none;margin-right:12px;background-color:transparent}input:focus,select:focus,textarea:focus{padding:10px 22px;border-width:2px;border-color:#99d5ef}input::-moz-focus-inner,select::-moz-focus-inner,textarea::-moz-focus-inner{border:none;outline:none}input::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#aaa}input::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder{color:#aaa}input:-ms-input-placeholder,select:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#aaa}input.error,select.error,textarea.error{border-color:#f04b37}input[type=button],input[type=submit]{text-align:center;line-height:inherit}select{border-color:#ccc;padding-right:24px;-webkit-appearance:none;-moz-appearance:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAOhJREFUSA3tksENgzAMRUmrrlApuTAAxxw6QvfojYmYKtw6QpUDI1Rq6o8MStsAMT1UlbAUcMB+33FcFJttHfifDlhrT7QO31YMBlgDZw8HH5RSF3JLY0zrvX8MAZI3F1gT66y17ohz2zGgDSFc6UdF+5oDJWwUidMDXoFFfgtAfwJUjMppX7KI6CQJeOOcu48CcNaKzMFfBNaILME/BCQiOfCkQI5ILhwshceUpUAcG0/LeKEpzqwAEhIiRTSKs3Dk92MKZ8rep4vgR57zRTiYiwIIikVo29HKgiNXZGgXt0yUtwX/tgNPQqatJ1aBLFMAAAAASUVORK5CYII=) no-repeat center right;cursor:pointer}select::-moz-focus-inner{border:none}select.plain{border:none}input[type=range]{position:relative;-webkit-appearance:none;border-color:transparent;height:24px;padding:0;cursor:pointer;overflow-x:hidden}input[type=range]:focus{outline:none}input[type=range]::-moz-focus-inner,input[type=range]::-moz-focus-outer{border:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;background-color:#b2b2b2}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-webkit-slider-runnable-track{background-color:hsla(0,0%,100%,.1)}input[type=range]::-webkit-slider-thumb{position:relative;height:24px;width:24px;overflow:visible;-webkit-appearance:none;margin-top:-11px}input[type=range]::-webkit-slider-thumb:before{content:"";position:absolute;left:-3000px;right:24px;top:9px;bottom:9px;background-color:#0096d6;pointer-events:none}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-webkit-slider-thumb:before{background-color:#fff}input[type=range]::-webkit-slider-thumb:after{content:"";position:absolute;border:2px solid #0096d6;height:20px;width:20px;border-radius:24px;background-color:#fff;cursor:pointer}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-webkit-slider-thumb:after{background-color:transparent;border-color:#fff}input[type=range]:hover::-webkit-slider-thumb:after{content:"";border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]:hover::-webkit-slider-thumb:after{background-color:#fff;border-color:#fff}input[type=range]::-moz-range-track{width:100%;height:2px;background-color:#b2b2b2}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-moz-range-track{background-color:hsla(0,0%,100%,.1)}input[type=range]::-moz-range-thumb{position:relative;height:24px;width:24px;overflow:visible;border:2px solid #0096d6;height:20px;width:20px;border-radius:24px;background-color:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-moz-range-thumb{border-color:#fff;background-color:transparent}input[type=range]::hover::-moz-range-thumb{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::hover::-moz-range-thumb{border-color:#fff;background-color:#fff}input[type=range]::-ms-track{width:100%;height:2px;background-color:#b2b2b2;border-color:transparent;color:transparent}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-ms-track{background-color:hsla(0,0%,100%,.1)}input[type=range]::-ms-fill-lower{background:#0096d6;border-color:transparent}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-ms-fill-lower{background:#fff}input[type=range]::-ms-fill-upper{background:#b2b2b2;border-color:transparent}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-ms-fill-upper{background:hsla(0,0%,100%,.1)}input[type=range]::-ms-thumb{position:relative;height:24px;width:24px;overflow:visible;border:2px solid #999;height:20px;width:20px;border-radius:24px;background-color:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-ms-thumb{border-color:#fff}input[type=range]:hover::-ms-thumb{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]:hover::-ms-thumb{border-color:#fff;background-color:#fff}@media screen and (min-width:45em){body,html{height:100%;width:100%;overflow:visible}}.i-list-bare{margin:0;padding:0;list-style:none}.anchor,a{text-decoration:none;cursor:pointer}.anchor,.anchor:visited,a,a:visited{color:#2883d7}.anchor.active,a.active{color:#333}.anchor:hover:not(.anchor--disabled),a:hover:not(.anchor--disabled){text-decoration:underline;color:#0076a8}.anchor__icon,a__icon{display:inline-block;padding:12px}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu .anchor:not(.button),[class*=background-color-index-]:not([class*=background-color-index-light]) .menu a:not(.button),[class*=background-color-index-]:not([class*=background-color-index-light]) a{color:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu .anchor:not(.button) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu a:not(.button) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a .control-icon{fill:#dbdbdb;stroke:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor:hover:not(.anchor--disabled),[class*=background-color-index-]:not([class*=background-color-index-light]) .menu .anchor:not(.button):hover:not(.anchor--disabled),[class*=background-color-index-]:not([class*=background-color-index-light]) .menu a:not(.button):hover:not(.anchor--disabled),[class*=background-color-index-]:not([class*=background-color-index-light]) a:hover:not(.anchor--disabled){color:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor:hover:not(.anchor--disabled) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu .anchor:not(.button):hover:not(.anchor--disabled) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu a:not(.button):hover:not(.anchor--disabled) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a:hover:not(.anchor--disabled) .control-icon{fill:#fff;stroke:#fff}.anchor.anchor--primary,a.anchor--primary{font-size:19px;font-size:1.1875rem;line-height:24px;font-weight:600;color:#0096d6;text-decoration:none}.anchor.anchor--primary .control-icon,a.anchor--primary .control-icon{stroke:#0096d6;margin-right:12px}.anchor.anchor--primary>span,a.anchor--primary>span{vertical-align:middle}.anchor.anchor--primary:hover:not(.anchor--disabled)>.control-icon,a.anchor--primary:hover:not(.anchor--disabled)>.control-icon{transform:translateX(3px);stroke:#0096d6}.anchor.anchor--primary:hover:not(.anchor--disabled)>.control-icon path,.anchor.anchor--primary:hover:not(.anchor--disabled)>.control-icon polyline,a.anchor--primary:hover:not(.anchor--disabled)>.control-icon path,a.anchor--primary:hover:not(.anchor--disabled)>.control-icon polyline{stroke-width:3px}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor.anchor--primary,[class*=background-color-index-]:not([class*=background-color-index-light]) a.anchor--primary{color:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor.anchor--primary .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a.anchor--primary .control-icon{fill:#dbdbdb;stroke:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor.anchor--primary:hover:not(.anchor--disabled),[class*=background-color-index-]:not([class*=background-color-index-light]) a.anchor--primary:hover:not(.anchor--disabled){color:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor.anchor--primary:hover:not(.anchor--disabled) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a.anchor--primary:hover:not(.anchor--disabled) .control-icon{fill:#fff;stroke:#fff}.anchor--disabled,a--disabled{opacity:.3;cursor:default}.anchor--disabled .control-icon,a--disabled .control-icon{cursor:default}#loading{position:absolute;width:100%;height:100%;background-color:#ddd;text-align:center;padding-top:100px;font-size:48px;color:#ccc;font-style:italic}@media screen and (min-width:45em){.app{position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto}}.app--inline{position:relative}.app--centered>.split{width:100%;max-width:960px;margin-left:auto;margin-right:auto}.article{position:relative}.article--scroll-step{text-align:center;height:100vh;width:100vw;max-width:100%}.article--scroll-step>.article__control{position:fixed;z-index:4}.article--scroll-step>.article__control-up{top:0;left:50%;transform:translateX(-50%)}.article--scroll-step>.article__control-down{bottom:0;left:50%;transform:translateX(-50%)}.article--scroll-step>.article__control-left{top:50%;transform:translateY(-50%);left:0}.article--scroll-step>.article__control-right{top:50%;transform:translateY(-50%);right:0}.article--scroll-step.box--direction-column{overflow-x:hidden;overflow-y:auto}.article--scroll-step.box--direction-column>.article__control-carousel{top:50%;left:24px;transform:translateY(-50%)}.article--scroll-step.box--direction-row{overflow-x:auto;overflow-y:hidden}.article--scroll-step.box--direction-row>:not(.article__controls){overflow-y:auto}.article--scroll-step.box--direction-row>.article__control-carousel{top:24px;left:50%;transform:translateX(-50%)}.article>*{flex:0 0 auto}article:not(.article){width:100%}.attribute{margin-bottom:12px}@media screen and (max-width:44.9375em){.attribute{width:100%}}.attribute__label{display:block;text-align:left;font-size:14px;font-size:.875rem;line-height:24px;color:#777}.box{display:flex;background-position:center center;background-size:cover;background-repeat:no-repeat}.box__texture{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.box__container{padding-left:24px;padding-right:24px}.box__container--full{max-width:100%;width:100vw}.layer__container .box__container--full{width:calc(100vw - 48px)}.box__container--full-horizontal{max-width:100%;width:100vw}.layer__container .box__container--full-horizontal{width:calc(100vw - 48px)}.app--centered .box__container>.box{width:100%;max-width:960px;margin-left:auto;margin-right:auto}@media screen and (max-width:44.9375em){.app--centered .box__container>.box{padding-left:0;padding-right:0}}.box--wrap{flex-wrap:wrap}.box--pad-none{padding:0}.box--pad-small{padding:12px}.box--pad-medium{padding:24px}.box--pad-large{padding:48px}.box--pad-horizontal-none{padding-left:0;padding-right:0}.box--pad-horizontal-small{padding-left:12px;padding-right:12px}.box--pad-horizontal-medium{padding-left:24px;padding-right:24px}.box--pad-horizontal-large{padding-left:48px;padding-right:48px}.box--pad-vertical-none{padding-top:0;padding-bottom:0}.box--pad-vertical-small{padding-top:12px;padding-bottom:12px}.box--pad-vertical-medium{padding-top:24px;padding-bottom:24px}.box--pad-vertical-large{padding-top:48px;padding-bottom:48px}.box--full{position:relative;max-width:100%;width:100vw;min-height:100vh;height:100%}.layer__container .box--full{width:calc(100vw - 48px)}.box--full-horizontal{max-width:100%;width:100vw}.layer__container .box--full-horizontal{width:calc(100vw - 48px)}.box--full-vertical{min-height:100vh}.box--direction-row{flex-direction:row}.box--direction-row.box--reverse{flex-direction:row-reverse}.box--direction-row.box--pad-between-small>:not(:last-child){margin-right:12px}.box--direction-row.box--pad-between-medium>:not(:last-child){margin-right:24px}.box--direction-row.box--pad-between-large>:not(:last-child){margin-right:48px}@media screen and (max-width:44.9375em){.box--direction-row.box--responsive{flex-direction:column}.box--direction-row.box--responsive.box--reverse{flex-direction:column-reverse}}.box--direction-column{flex-direction:column}.box--direction-column.box--reverse{flex-direction:column-reverse}.box--direction-column>.footer.box--direction-row,.box--direction-column>.header.box--direction-row,.box--direction-column>.header__container--fixed{flex:0 0 auto}.box--direction-column.box--pad-between-small>:not(:last-child){margin-bottom:12px}.box--direction-column.box--pad-between-medium>:not(:last-child){margin-bottom:24px}.box--direction-column.box--pad-between-large>:not(:last-child){margin-bottom:48px}.box--justify-start{justify-content:flex-start}.box--justify-center{justify-content:center}.box--justify-between{justify-content:space-between}.box--justify-end{justify-content:flex-end}.box--align-start{align-items:flex-start}.box--align-center{align-items:center}.box--align-end{align-items:flex-end}.box--separator-all,.box--separator-horizontal,.box--separator-top{border-top:1px solid #ccc}.box--separator-all,.box--separator-bottom,.box--separator-horizontal{border-bottom:1px solid #ccc}.box--separator-all,.box--separator-left,.box--separator-vertical{border-left:1px solid #ccc}.box--separator-all,.box--separator-right,.box--separator-vertical{border-right:1px solid #ccc}@media screen and (max-width:44.9375em){.box--separator-all,.box--separator-left,.box--separator-vertical{border-left:none;border-bottom:1px solid #ccc}.box--separator-all,.box--separator-right,.box--separator-vertical{border-right:none;border-bottom:1px solid #ccc}}[class*=background-color-index-] .box[class*=box--separator]{border-color:#eee}.box--text-align-left{text-align:left}.box--text-align-center{text-align:center}.box--text-align-right{text-align:right}.box>.flex,.box>.flex-grow-1{flex-grow:1}.box--direction-down,.box--direction-up{flex-direction:column}.box--direction-left{justify-content:flex-end}.box--flush{padding:0}button:not(.button),input[type=button],input[type=submit]{padding:6px 22px;background-color:transparent;border:2px solid #0096d6;border-radius:0 5px 0 5px;color:#333;font-size:19px;font-size:1.1875rem;line-height:24px;font-weight:600;cursor:pointer;text-align:center;outline:none;min-width:120px;max-width:384px}button:not(.button):focus:not(.button--disabled),input[type=button]:focus:not(.button--disabled),input[type=submit]:focus:not(.button--disabled){border-color:#99d5ef;box-shadow:0 0 1px 1px #99d5ef}@media screen and (min-width:45em){button:not(.button),input[type=button],input[type=submit]{transition:.1s ease-in-out}}.button{padding:6px 22px;background-color:transparent;border:2px solid #0096d6;border-radius:0 5px 0 5px;color:#333;font-size:19px;font-size:1.1875rem;line-height:24px;font-weight:600;cursor:pointer;text-align:center;outline:none;min-width:120px;max-width:384px}.button:focus:not(.button--disabled){border-color:#99d5ef;box-shadow:0 0 1px 1px #99d5ef}@media screen and (min-width:45em){.button{transition:.1s ease-in-out}}.button__icon{display:inline-block;padding:12px}.button--primary{border-color:#0096d6;background-color:#0096d6;color:#fff}.button--secondary{border-color:rgba(51,51,51,.6)}.button--accent{border-color:#e6734b}.button--icon{border:none;padding:0;width:auto;height:auto;min-width:0;max-width:none}.button--icon.button--primary{background-color:#0096d6}.button--icon>span:not(.button__icon){vertical-align:middle}.button--icon>span:not(.button__icon):first-child{margin-left:12px}.button--icon>span:not(.button__icon):last-child{margin-right:12px}[class*=background-color-index-]:not([class*=background-color-index-light]) .button--icon{color:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .button--icon .control-icon{fill:#dbdbdb;stroke:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .button--icon:hover{color:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) .button--icon:hover .control-icon{fill:#fff;stroke:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) .button:not(.button--primary){border-color:#eee;color:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .button:not(.button--primary).button--accent{border-color:#e6734b}.button--disabled{opacity:.3;cursor:default}.button--fill{width:100%;max-width:none;flex-grow:1}.calendar{position:relative;display:inline-block;min-width:288px}.calendar__input{width:100%;height:100%;display:block;padding-right:60px}.calendar__input:focus{padding-right:59px}.calendar__control{position:absolute;top:50%;right:12px;transform:translateY(-50%)}.calendar__drop{border-top-left-radius:0;border-top-right-radius:0}.calendar__title{text-align:center}.calendar__grid{width:100%;padding:12px}.calendar__grid table{width:100%}.calendar__grid td,.calendar__grid th{text-align:center;padding:6px}.calendar__grid th{color:#777;font-weight:400}.calendar__day{display:inline-block;cursor:pointer;width:24px;height:24px;transition:background-color .3s}.calendar__day:hover{background-color:rgba(0,0,0,.1)}.calendar__day--other-month{color:#777}.calendar__day--active{background-color:#0096d6;color:#dbdbdb}.calendar--active .calendar__input{border-bottom-left-radius:0;border-bottom-right-radius:0}@-webkit-keyframes a{0%{opacity:1}to{opacity:0}}@keyframes a{0%{opacity:1}to{opacity:0}}.carousel{position:relative;max-width:100%;overflow:hidden}.carousel__track{display:flex;max-width:none;transition:all .8s}.carousel__item>*{width:100%}.carousel__arrow{-webkit-animation:b 1s;animation:b 1s;z-index:1;position:absolute;top:50%;transform:translateY(-50%);cursor:pointer}.carousel__arrow .control-icon{filter:drop-shadow(1px 1px 1px rgba(170,170,170,.5));-webkit-filter:drop-shadow(1px 1px 1px hsla(0,0%,67%,.5))}.carousel__arrow .control-icon polyline{stroke:#fff;stroke-width:1px}.carousel__arrow--next{right:0}.carousel__arrow--prev{left:0}.carousel .control-icon-next{right:0}.carousel .control-icon-previous{left:0}.carousel__controls{-webkit-animation:b 1s;animation:b 1s;margin-left:50%;transform:translateX(-50%);position:absolute;bottom:12px;text-align:center;z-index:1}.carousel__control{display:inline-block;width:36px;height:36px;stroke:#fff;fill:transparent;cursor:pointer;filter:drop-shadow(1px 1px 1px rgba(170,170,170,.5));-webkit-filter:drop-shadow(1px 1px 1px hsla(0,0%,67%,.5))}.carousel__control--active{stroke:#0096d6;fill:#0096d6}.carousel--hide-controls .carousel__controls,.carousel--hide-controls .control-icon-next,.carousel--hide-controls .control-icon-previous{opacity:0;-webkit-animation:a 1s;animation:a 1s}.carousel-controls__control{width:36px;height:36px;stroke:#fff;fill:transparent;cursor:pointer;filter:drop-shadow(1px 1px 1px rgba(170,170,170,.5));-webkit-filter:drop-shadow(1px 1px 1px hsla(0,0%,67%,.5))}.carousel-controls__control:hover{stroke-width:2px}.carousel-controls__control--active{stroke:#0096d6;fill:#0096d6}@-webkit-keyframes b{0%{opacity:0}to{opacity:1}}@keyframes b{0%{opacity:0}to{opacity:1}}.chart{position:relative;display:block}.chart__grid{stroke:#ccc}.chart__graphic{width:100%;height:192px;max-height:calc(100vh - 144px)}@media screen and (min-width:45em){.chart__values g{-webkit-animation:b 1.5s;animation:b 1.5s}}.chart__values-line{stroke-width:3px}.chart__values-line.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.chart__values-line.color-index-unset{stroke:#ddd}.chart__values-line.color-index-brand{stroke:#0096d6}.chart__values-line.color-index-critical{stroke:#f04b37}.chart__values-line.color-index-warning{stroke:#f0aa3c}.chart__values-line.color-index-ok{stroke:#509137}.chart__values-line.color-index-disabled,.chart__values-line.color-index-unknown{stroke:#848484}.chart__values-line.color-index-graph-1,.chart__values-line.color-index-graph-6{stroke:#0096d6}.chart__values-line.color-index-graph-2,.chart__values-line.color-index-graph-7{stroke:#c094bf}.chart__values-line.color-index-graph-3,.chart__values-line.color-index-graph-8{stroke:#99d5ef}.chart__values-line.color-index-graph-4,.chart__values-line.color-index-graph-9{stroke:#87898b}.chart__values-line.color-index-graph-5,.chart__values-line.color-index-graph-10{stroke:#b9b8bb}.chart__values-line.color-index-grey-1,.chart__values-line.color-index-grey-5{stroke:#676767}.chart__values-line.color-index-grey-2,.chart__values-line.color-index-grey-6{stroke:#ccc}.chart__values-line.color-index-grey-3,.chart__values-line.color-index-grey-7{stroke:#e8e8e8}.chart__values-line.color-index-grey-4,.chart__values-line.color-index-grey-8{stroke:#f2f2f2}.chart__values-line.color-index-light-1,.chart__values-line.color-index-light-3{stroke:#fff}.chart__values-line.color-index-light-2,.chart__values-line.color-index-light-4{stroke:#f5f5f5}.chart__values-area.color-index-critical,.chart__values-bar.color-index-critical{fill:rgba(240,75,55,.7)}.chart__values-area.color-index-warning,.chart__values-bar.color-index-warning{fill:rgba(240,170,60,.7)}.chart__values-area.color-index-ok,.chart__values-bar.color-index-ok{fill:rgba(80,145,55,.7)}.chart__values-area.color-index-disabled,.chart__values-area.color-index-unknown,.chart__values-bar.color-index-disabled,.chart__values-bar.color-index-unknown{fill:hsla(0,0%,52%,.7)}.chart__values-area.color-index-graph-1,.chart__values-area.color-index-graph-6,.chart__values-bar.color-index-graph-1,.chart__values-bar.color-index-graph-6{fill:rgba(0,150,214,.7)}.chart__values-area.color-index-graph-2,.chart__values-area.color-index-graph-7,.chart__values-bar.color-index-graph-2,.chart__values-bar.color-index-graph-7{fill:rgba(192,148,191,.7)}.chart__values-area.color-index-graph-3,.chart__values-area.color-index-graph-8,.chart__values-bar.color-index-graph-3,.chart__values-bar.color-index-graph-8{fill:rgba(153,213,239,.7)}.chart__values-area.color-index-graph-4,.chart__values-area.color-index-graph-9,.chart__values-bar.color-index-graph-4,.chart__values-bar.color-index-graph-9{fill:hsla(210,2%,54%,.7)}.chart__values-area.color-index-graph-5,.chart__values-area.color-index-graph-10,.chart__values-bar.color-index-graph-5,.chart__values-bar.color-index-graph-10{fill:hsla(260,2%,73%,.7)}.chart__values-area--active.color-index-unset,.chart__values-bar--active.color-index-unset{fill:#ddd}.chart__values-area--active.color-index-brand,.chart__values-bar--active.color-index-brand{fill:#0096d6}.chart__values-area--active.color-index-critical,.chart__values-bar--active.color-index-critical{fill:#f04b37}.chart__values-area--active.color-index-warning,.chart__values-bar--active.color-index-warning{fill:#f0aa3c}.chart__values-area--active.color-index-ok,.chart__values-bar--active.color-index-ok{fill:#509137}.chart__values-area--active.color-index-disabled,.chart__values-area--active.color-index-unknown,.chart__values-bar--active.color-index-disabled,.chart__values-bar--active.color-index-unknown{fill:#848484}.chart__values-area--active.color-index-graph-1,.chart__values-area--active.color-index-graph-6,.chart__values-bar--active.color-index-graph-1,.chart__values-bar--active.color-index-graph-6{fill:#0096d6}.chart__values-area--active.color-index-graph-2,.chart__values-area--active.color-index-graph-7,.chart__values-bar--active.color-index-graph-2,.chart__values-bar--active.color-index-graph-7{fill:#c094bf}.chart__values-area--active.color-index-graph-3,.chart__values-area--active.color-index-graph-8,.chart__values-bar--active.color-index-graph-3,.chart__values-bar--active.color-index-graph-8{fill:#99d5ef}.chart__values-area--active.color-index-graph-4,.chart__values-area--active.color-index-graph-9,.chart__values-bar--active.color-index-graph-4,.chart__values-bar--active.color-index-graph-9{fill:#87898b}.chart__values-area--active.color-index-graph-5,.chart__values-area--active.color-index-graph-10,.chart__values-bar--active.color-index-graph-5,.chart__values-bar--active.color-index-graph-10{fill:#b9b8bb}.chart__values-area--active.color-index-grey-1,.chart__values-area--active.color-index-grey-5,.chart__values-bar--active.color-index-grey-1,.chart__values-bar--active.color-index-grey-5{fill:#676767}.chart__values-area--active.color-index-grey-2,.chart__values-area--active.color-index-grey-6,.chart__values-bar--active.color-index-grey-2,.chart__values-bar--active.color-index-grey-6{fill:#ccc}.chart__values-area--active.color-index-grey-3,.chart__values-area--active.color-index-grey-7,.chart__values-bar--active.color-index-grey-3,.chart__values-bar--active.color-index-grey-7{fill:#e8e8e8}.chart__values-area--active.color-index-grey-4,.chart__values-area--active.color-index-grey-8,.chart__values-bar--active.color-index-grey-4,.chart__values-bar--active.color-index-grey-8{fill:#f2f2f2}.chart__values-point{stroke-width:3px;fill:#fff}.chart__values-point.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.chart__values-point.color-index-unset{stroke:#ddd}.chart__values-point.color-index-brand{stroke:#0096d6}.chart__values-point.color-index-critical{stroke:#f04b37}.chart__values-point.color-index-warning{stroke:#f0aa3c}.chart__values-point.color-index-ok{stroke:#509137}.chart__values-point.color-index-disabled,.chart__values-point.color-index-unknown{stroke:#848484}.chart__values-point.color-index-graph-1,.chart__values-point.color-index-graph-6{stroke:#0096d6}.chart__values-point.color-index-graph-2,.chart__values-point.color-index-graph-7{stroke:#c094bf}.chart__values-point.color-index-graph-3,.chart__values-point.color-index-graph-8{stroke:#99d5ef}.chart__values-point.color-index-graph-4,.chart__values-point.color-index-graph-9{stroke:#87898b}.chart__values-point.color-index-graph-5,.chart__values-point.color-index-graph-10{stroke:#b9b8bb}.chart__values-point.color-index-grey-1,.chart__values-point.color-index-grey-5{stroke:#676767}.chart__values-point.color-index-grey-2,.chart__values-point.color-index-grey-6{stroke:#ccc}.chart__values-point.color-index-grey-3,.chart__values-point.color-index-grey-7{stroke:#e8e8e8}.chart__values-point.color-index-grey-4,.chart__values-point.color-index-grey-8{stroke:#f2f2f2}.chart__values-point.color-index-light-1,.chart__values-point.color-index-light-3{stroke:#fff}.chart__values-point.color-index-light-2,.chart__values-point.color-index-light-4{stroke:#f5f5f5}.chart__values--loading{stroke-width:24px}.chart__values--loading.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.chart__values--loading.color-index-unset{stroke:#ddd}.chart__values--loading.color-index-brand{stroke:#0096d6}.chart__values--loading.color-index-critical{stroke:#f04b37}.chart__values--loading.color-index-warning{stroke:#f0aa3c}.chart__values--loading.color-index-ok{stroke:#509137}.chart__values--loading.color-index-disabled,.chart__values--loading.color-index-unknown{stroke:#848484}.chart__values--loading.color-index-graph-1,.chart__values--loading.color-index-graph-6{stroke:#0096d6}.chart__values--loading.color-index-graph-2,.chart__values--loading.color-index-graph-7{stroke:#c094bf}.chart__values--loading.color-index-graph-3,.chart__values--loading.color-index-graph-8{stroke:#99d5ef}.chart__values--loading.color-index-graph-4,.chart__values--loading.color-index-graph-9{stroke:#87898b}.chart__values--loading.color-index-graph-5,.chart__values--loading.color-index-graph-10{stroke:#b9b8bb}.chart__values--loading.color-index-grey-1,.chart__values--loading.color-index-grey-5{stroke:#676767}.chart__values--loading.color-index-grey-2,.chart__values--loading.color-index-grey-6{stroke:#ccc}.chart__values--loading.color-index-grey-3,.chart__values--loading.color-index-grey-7{stroke:#e8e8e8}.chart__values--loading.color-index-grey-4,.chart__values--loading.color-index-grey-8{stroke:#f2f2f2}.chart__values--loading.color-index-light-1,.chart__values--loading.color-index-light-3{stroke:#fff}.chart__values--loading.color-index-light-2,.chart__values--loading.color-index-light-4{stroke:#f5f5f5}.chart__threshold{stroke-width:2px;stroke:rgba(51,51,51,.2);pointer-events:none}.chart__yaxis .chart__bar.color-index-critical{fill:rgba(240,75,55,.5)}.chart__yaxis .chart__bar.color-index-warning{fill:rgba(240,170,60,.5)}.chart__yaxis .chart__bar.color-index-ok{fill:rgba(80,145,55,.5)}.chart__yaxis .chart__bar.color-index-disabled,.chart__yaxis .chart__bar.color-index-unknown{fill:hsla(0,0%,52%,.5)}.chart__yaxis .chart__bar.color-index-graph-1,.chart__yaxis .chart__bar.color-index-graph-6{fill:rgba(0,150,214,.5)}.chart__yaxis .chart__bar.color-index-graph-2,.chart__yaxis .chart__bar.color-index-graph-7{fill:rgba(192,148,191,.5)}.chart__yaxis .chart__bar.color-index-graph-3,.chart__yaxis .chart__bar.color-index-graph-8{fill:rgba(153,213,239,.5)}.chart__yaxis .chart__bar.color-index-graph-4,.chart__yaxis .chart__bar.color-index-graph-9{fill:hsla(210,2%,54%,.5)}.chart__yaxis .chart__bar.color-index-graph-5,.chart__yaxis .chart__bar.color-index-graph-10{fill:hsla(260,2%,73%,.5)}.chart__xaxis-index text{fill:#777}.chart__xaxis-index--eclipse text{fill:transparent}.chart__xaxis-index--active text{fill:#333}.chart__front-xband-background{fill:transparent}.chart__cursor{stroke:#333;stroke-width:2;pointer-events:none}.chart__cursor-point{stroke-width:2}.chart__cursor-point.color-index-unset{fill:#ddd}.chart__cursor-point.color-index-brand{fill:#0096d6}.chart__cursor-point.color-index-critical{fill:#f04b37}.chart__cursor-point.color-index-warning{fill:#f0aa3c}.chart__cursor-point.color-index-ok{fill:#509137}.chart__cursor-point.color-index-disabled,.chart__cursor-point.color-index-unknown{fill:#848484}.chart__cursor-point.color-index-graph-1,.chart__cursor-point.color-index-graph-6{fill:#0096d6}.chart__cursor-point.color-index-graph-2,.chart__cursor-point.color-index-graph-7{fill:#c094bf}.chart__cursor-point.color-index-graph-3,.chart__cursor-point.color-index-graph-8{fill:#99d5ef}.chart__cursor-point.color-index-graph-4,.chart__cursor-point.color-index-graph-9{fill:#87898b}.chart__cursor-point.color-index-graph-5,.chart__cursor-point.color-index-graph-10{fill:#b9b8bb}.chart__cursor-point.color-index-grey-1,.chart__cursor-point.color-index-grey-5{fill:#676767}.chart__cursor-point.color-index-grey-2,.chart__cursor-point.color-index-grey-6{fill:#ccc}.chart__cursor-point.color-index-grey-3,.chart__cursor-point.color-index-grey-7{fill:#e8e8e8}.chart__cursor-point.color-index-grey-4,.chart__cursor-point.color-index-grey-8{fill:#f2f2f2}.chart__legend--overlay{padding:12px;pointer-events:none}@media screen and (max-width:44.9375em){.chart__legend--overlay{margin:0 auto}}@media screen and (min-width:45em){.chart__legend--overlay{position:absolute;left:0;margin:0;background-color:hsla(0,0%,100%,.8)}}.chart--area .chart__gradient.color-index-critical .begin,.chart--bar .chart__gradient.color-index-critical .begin{stop-color:#f04b37}.chart--area .chart__gradient.color-index-critical .mid,.chart--bar .chart__gradient.color-index-critical .mid{stop-color:#f04b37;stop-opacity:.5}.chart--area .chart__gradient.color-index-critical .end,.chart--bar .chart__gradient.color-index-critical .end{stop-color:#f04b37;stop-opacity:0}.chart--area .chart__gradient.color-index-warning .begin,.chart--bar .chart__gradient.color-index-warning .begin{stop-color:#f0aa3c}.chart--area .chart__gradient.color-index-warning .mid,.chart--bar .chart__gradient.color-index-warning .mid{stop-color:#f0aa3c;stop-opacity:.5}.chart--area .chart__gradient.color-index-warning .end,.chart--bar .chart__gradient.color-index-warning .end{stop-color:#f0aa3c;stop-opacity:0}.chart--area .chart__gradient.color-index-ok .begin,.chart--bar .chart__gradient.color-index-ok .begin{stop-color:#509137}.chart--area .chart__gradient.color-index-ok .mid,.chart--bar .chart__gradient.color-index-ok .mid{stop-color:#509137;stop-opacity:.5}.chart--area .chart__gradient.color-index-ok .end,.chart--bar .chart__gradient.color-index-ok .end{stop-color:#509137;stop-opacity:0}.chart--area .chart__gradient.color-index-unknown .begin,.chart--bar .chart__gradient.color-index-unknown .begin{stop-color:#848484}.chart--area .chart__gradient.color-index-unknown .mid,.chart--bar .chart__gradient.color-index-unknown .mid{stop-color:#848484;stop-opacity:.5}.chart--area .chart__gradient.color-index-unknown .end,.chart--bar .chart__gradient.color-index-unknown .end{stop-color:#848484;stop-opacity:0}.chart--area .chart__gradient.color-index-disabled .begin,.chart--bar .chart__gradient.color-index-disabled .begin{stop-color:#848484}.chart--area .chart__gradient.color-index-disabled .mid,.chart--bar .chart__gradient.color-index-disabled .mid{stop-color:#848484;stop-opacity:.5}.chart--area .chart__gradient.color-index-disabled .end,.chart--bar .chart__gradient.color-index-disabled .end{stop-color:#848484;stop-opacity:0}.chart--area .chart__gradient.color-index-graph-1 .begin,.chart--area .chart__gradient.color-index-graph-6 .begin,.chart--bar .chart__gradient.color-index-graph-1 .begin,.chart--bar .chart__gradient.color-index-graph-6 .begin{stop-color:#0096d6}.chart--area .chart__gradient.color-index-graph-1 .mid,.chart--area .chart__gradient.color-index-graph-6 .mid,.chart--bar .chart__gradient.color-index-graph-1 .mid,.chart--bar .chart__gradient.color-index-graph-6 .mid{stop-color:#0096d6;stop-opacity:.5}.chart--area .chart__gradient.color-index-graph-1 .end,.chart--area .chart__gradient.color-index-graph-6 .end,.chart--bar .chart__gradient.color-index-graph-1 .end,.chart--bar .chart__gradient.color-index-graph-6 .end{stop-color:#0096d6;stop-opacity:0}.chart--area .chart__gradient.color-index-graph-2 .begin,.chart--area .chart__gradient.color-index-graph-7 .begin,.chart--bar .chart__gradient.color-index-graph-2 .begin,.chart--bar .chart__gradient.color-index-graph-7 .begin{stop-color:#c094bf}.chart--area .chart__gradient.color-index-graph-2 .mid,.chart--area .chart__gradient.color-index-graph-7 .mid,.chart--bar .chart__gradient.color-index-graph-2 .mid,.chart--bar .chart__gradient.color-index-graph-7 .mid{stop-color:#c094bf;stop-opacity:.5}.chart--area .chart__gradient.color-index-graph-2 .end,.chart--area .chart__gradient.color-index-graph-7 .end,.chart--bar .chart__gradient.color-index-graph-2 .end,.chart--bar .chart__gradient.color-index-graph-7 .end{stop-color:#c094bf;stop-opacity:0}.chart--area .chart__gradient.color-index-graph-3 .begin,.chart--area .chart__gradient.color-index-graph-8 .begin,.chart--bar .chart__gradient.color-index-graph-3 .begin,.chart--bar .chart__gradient.color-index-graph-8 .begin{stop-color:#99d5ef}.chart--area .chart__gradient.color-index-graph-3 .mid,.chart--area .chart__gradient.color-index-graph-8 .mid,.chart--bar .chart__gradient.color-index-graph-3 .mid,.chart--bar .chart__gradient.color-index-graph-8 .mid{stop-color:#99d5ef;stop-opacity:.5}.chart--area .chart__gradient.color-index-graph-3 .end,.chart--area .chart__gradient.color-index-graph-8 .end,.chart--bar .chart__gradient.color-index-graph-3 .end,.chart--bar .chart__gradient.color-index-graph-8 .end{stop-color:#99d5ef;stop-opacity:0}.chart--area .chart__gradient.color-index-graph-4 .begin,.chart--area .chart__gradient.color-index-graph-9 .begin,.chart--bar .chart__gradient.color-index-graph-4 .begin,.chart--bar .chart__gradient.color-index-graph-9 .begin{stop-color:#87898b}.chart--area .chart__gradient.color-index-graph-4 .mid,.chart--area .chart__gradient.color-index-graph-9 .mid,.chart--bar .chart__gradient.color-index-graph-4 .mid,.chart--bar .chart__gradient.color-index-graph-9 .mid{stop-color:#87898b;stop-opacity:.5}.chart--area .chart__gradient.color-index-graph-4 .end,.chart--area .chart__gradient.color-index-graph-9 .end,.chart--bar .chart__gradient.color-index-graph-4 .end,.chart--bar .chart__gradient.color-index-graph-9 .end{stop-color:#87898b;stop-opacity:0}.chart--area .chart__gradient.color-index-graph-5 .begin,.chart--area .chart__gradient.color-index-graph-10 .begin,.chart--bar .chart__gradient.color-index-graph-5 .begin,.chart--bar .chart__gradient.color-index-graph-10 .begin{stop-color:#b9b8bb}.chart--area .chart__gradient.color-index-graph-5 .mid,.chart--area .chart__gradient.color-index-graph-10 .mid,.chart--bar .chart__gradient.color-index-graph-5 .mid,.chart--bar .chart__gradient.color-index-graph-10 .mid{stop-color:#b9b8bb;stop-opacity:.5}.chart--area .chart__gradient.color-index-graph-5 .end,.chart--area .chart__gradient.color-index-graph-10 .end,.chart--bar .chart__gradient.color-index-graph-5 .end,.chart--bar .chart__gradient.color-index-graph-10 .end{stop-color:#b9b8bb;stop-opacity:0}.chart--small .chart__graphic{height:96px}.chart--large .chart__graphic{height:288px}.chart--sparkline{display:inline-block;margin-right:6px}.chart--sparkline .chart__graphic{width:auto;height:24px}.chart--sparkline .chart__values-area.color-index-unset,.chart--sparkline .chart__values-bar.color-index-unset{fill:#ddd}.chart--sparkline .chart__values-area.color-index-brand,.chart--sparkline .chart__values-bar.color-index-brand{fill:#0096d6}.chart--sparkline .chart__values-area.color-index-critical,.chart--sparkline .chart__values-bar.color-index-critical{fill:#f04b37}.chart--sparkline .chart__values-area.color-index-warning,.chart--sparkline .chart__values-bar.color-index-warning{fill:#f0aa3c}.chart--sparkline .chart__values-area.color-index-ok,.chart--sparkline .chart__values-bar.color-index-ok{fill:#509137}.chart--sparkline .chart__values-area.color-index-disabled,.chart--sparkline .chart__values-area.color-index-unknown,.chart--sparkline .chart__values-bar.color-index-disabled,.chart--sparkline .chart__values-bar.color-index-unknown{fill:#848484}.chart--sparkline .chart__values-area.color-index-graph-1,.chart--sparkline .chart__values-area.color-index-graph-6,.chart--sparkline .chart__values-bar.color-index-graph-1,.chart--sparkline .chart__values-bar.color-index-graph-6{fill:#0096d6}.chart--sparkline .chart__values-area.color-index-graph-2,.chart--sparkline .chart__values-area.color-index-graph-7,.chart--sparkline .chart__values-bar.color-index-graph-2,.chart--sparkline .chart__values-bar.color-index-graph-7{fill:#c094bf}.chart--sparkline .chart__values-area.color-index-graph-3,.chart--sparkline .chart__values-area.color-index-graph-8,.chart--sparkline .chart__values-bar.color-index-graph-3,.chart--sparkline .chart__values-bar.color-index-graph-8{fill:#99d5ef}.chart--sparkline .chart__values-area.color-index-graph-4,.chart--sparkline .chart__values-area.color-index-graph-9,.chart--sparkline .chart__values-bar.color-index-graph-4,.chart--sparkline .chart__values-bar.color-index-graph-9{fill:#87898b}.chart--sparkline .chart__values-area.color-index-graph-5,.chart--sparkline .chart__values-area.color-index-graph-10,.chart--sparkline .chart__values-bar.color-index-graph-5,.chart--sparkline .chart__values-bar.color-index-graph-10{fill:#b9b8bb}.chart--sparkline .chart__values-area.color-index-grey-1,.chart--sparkline .chart__values-area.color-index-grey-5,.chart--sparkline .chart__values-bar.color-index-grey-1,.chart--sparkline .chart__values-bar.color-index-grey-5{fill:#676767}.chart--sparkline .chart__values-area.color-index-grey-2,.chart--sparkline .chart__values-area.color-index-grey-6,.chart--sparkline .chart__values-bar.color-index-grey-2,.chart--sparkline .chart__values-bar.color-index-grey-6{fill:#ccc}.chart--sparkline .chart__values-area.color-index-grey-3,.chart--sparkline .chart__values-area.color-index-grey-7,.chart--sparkline .chart__values-bar.color-index-grey-3,.chart--sparkline .chart__values-bar.color-index-grey-7{fill:#e8e8e8}.chart--sparkline .chart__values-area.color-index-grey-4,.chart--sparkline .chart__values-area.color-index-grey-8,.chart--sparkline .chart__values-bar.color-index-grey-4,.chart--sparkline .chart__values-bar.color-index-grey-8{fill:#f2f2f2}.check-box{margin-right:12px;white-space:nowrap}.check-box:not(.check-box--disabled){cursor:pointer}.check-box:hover:not(.check-box--disabled) .check-box__control{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box:hover:not(.check-box--disabled) .check-box__control{border-color:#fff}.check-box:hover:not(.check-box--disabled) .check-box__input:checked+.check-box__control{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box:hover:not(.check-box--disabled) .check-box__input:checked+.check-box__control{border-color:#fff}.check-box:hover:not(.check-box--disabled) .check-box__label{color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box:hover:not(.check-box--disabled) .check-box__label{color:#fff}.check-box__input{opacity:0;position:absolute}.check-box__input:checked+.check-box__control{border-color:#0096d6}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box__input:checked+.check-box__control{border-color:#fff}.check-box__input:checked+.check-box__control .check-box__control-check{display:block}.check-box__input:checked+.check-box__control+.check-box__label{color:#333}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box__input:checked+.check-box__control+.check-box__label{color:#fff}.check-box__input:focus+.check-box__control{border-color:#99d5ef;box-shadow:0 0 1px 1px #99d5ef}.check-box__control{position:relative;top:-1px;display:inline-block;width:24px;height:24px;margin-right:12px;vertical-align:middle;background-color:inherit;border:2px solid #999;border-radius:0 5px 0 5px}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box__control{border-color:#dbdbdb}.check-box__control-check{position:absolute;top:-2px;left:-2px;display:none;width:24px;height:24px;stroke-width:4px;stroke:#0096d6}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box__control-check{stroke:#fff}.check-box__label{color:#777}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box__label{color:#dbdbdb}.check-box--disabled .check-box__control{opacity:.5}.check-box--toggle:hover:not(.check-box--disabled) .check-box__control:after{content:"";border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle:hover:not(.check-box--disabled) .check-box__control:after{background-color:#fff;border-color:#fff}.check-box--toggle:hover:not(.check-box--disabled) .check-box__input:checked+.check-box__control:after{content:"";border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle:hover:not(.check-box--disabled) .check-box__input:checked+.check-box__control:after{background-color:#fff;border-color:#fff}.check-box--toggle .check-box__control{width:48px;height:24px;border-radius:24px;background-color:#b2b2b2;border:none;transition:background-color .3s}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle .check-box__control{background-color:hsla(0,0%,100%,.1)}.check-box--toggle .check-box__control:after{content:"";display:block;position:absolute;top:-2px;left:0;width:28px;height:28px;background-color:#fff;border:2px solid #999;border-radius:24px;transition:margin-left .3s}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle .check-box__control:after{background-color:transparent;border-color:#dbdbdb}.check-box--toggle .check-box__input:checked+.check-box__control{background-color:#0096d6}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle .check-box__input:checked+.check-box__control{background-color:hsla(0,0%,100%,.1)}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle .check-box__input:checked+.check-box__control .check-box__control-check{stroke:transparent}.check-box--toggle .check-box__input:checked+.check-box__control:after{content:"";background-color:#fff;border-color:#0096d6;margin-left:24px}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle .check-box__input:checked+.check-box__control:after{border-color:#dbdbdb}.background-color-index-neutral-1,.background-color-index-neutral-5{background-color:#006996}.background-color-index-neutral-1-a,.background-color-index-neutral-5-a{background-color:rgba(0,105,150,.8)}.background-color-index-neutral-2,.background-color-index-neutral-6{background-color:#a65336}.background-color-index-neutral-2-a,.background-color-index-neutral-6-a{background-color:rgba(166,83,54,.8)}.background-color-index-neutral-3,.background-color-index-neutral-7{background-color:#a69136}.background-color-index-neutral-3-a,.background-color-index-neutral-7-a{background-color:rgba(166,145,54,.8)}.background-color-index-neutral-4,.background-color-index-neutral-8{background-color:#774677}.background-color-index-neutral-4-a,.background-color-index-neutral-8-a{background-color:rgba(119,70,119,.8)}.background-color-index-accent-1,.background-color-index-accent-4{background-color:#e6734b}.background-color-index-accent-1-a,.background-color-index-accent-4-a{background-color:rgba(230,115,75,.8)}.background-color-index-accent-2,.background-color-index-accent-5{background-color:#e6c84b}.background-color-index-accent-2-a,.background-color-index-accent-5-a{background-color:rgba(230,200,75,.8)}.background-color-index-accent-3,.background-color-index-accent-6{background-color:#915591}.background-color-index-accent-3-a,.background-color-index-accent-6-a{background-color:rgba(145,85,145,.8)}.background-color-index-grey-1,.background-color-index-grey-5{background-color:#676767}.background-color-index-grey-1-a,.background-color-index-grey-5-a{background-color:hsla(0,0%,40%,.8)}.background-color-index-grey-2,.background-color-index-grey-6{background-color:#ccc}.background-color-index-grey-2-a,.background-color-index-grey-6-a{background-color:hsla(0,0%,80%,.8)}.background-color-index-grey-3,.background-color-index-grey-7{background-color:#e8e8e8}.background-color-index-grey-3-a,.background-color-index-grey-7-a{background-color:hsla(0,0%,91%,.8)}.background-color-index-grey-4,.background-color-index-grey-8{background-color:#f2f2f2}.background-color-index-grey-4-a,.background-color-index-grey-8-a{background-color:hsla(0,0%,95%,.8)}.background-color-index-graph-1,.background-color-index-graph-6{background-color:#0096d6}.background-color-index-graph-2,.background-color-index-graph-7{background-color:#c094bf}.background-color-index-graph-3,.background-color-index-graph-8{background-color:#99d5ef}.background-color-index-graph-4,.background-color-index-graph-9{background-color:#87898b}.background-color-index-graph-5,.background-color-index-graph-10{background-color:#b9b8bb}[class*=background-color-index-]{color:#dbdbdb}.background-color-index-light-1,.background-color-index-light-3{background-color:#fff;color:#333}.background-color-index-light-2,.background-color-index-light-4{background-color:#f5f5f5;color:#333}.center-column{padding-left:24px;padding-right:24px}.center-column .center-column__content{width:100%;max-width:960px;margin-left:auto;margin-right:auto}@media screen and (min-width:45em){.dashboard{height:calc(100vh - 96px)}}@media screen and (max-width:44.9375em){.dashboard{height:calc(100vh - 48px)}}.distribution{position:relative;display:block}.distribution__graphic{width:100%;height:192px;max-height:calc(100vh - 144px)}.distribution__box{cursor:pointer}.distribution__box.color-index-unset{fill:#ddd}.distribution__box.color-index-brand{fill:#0096d6}.distribution__box.color-index-critical{fill:#f04b37}.distribution__box.color-index-warning{fill:#f0aa3c}.distribution__box.color-index-ok{fill:#509137}.distribution__box.color-index-disabled,.distribution__box.color-index-unknown{fill:#848484}.distribution__box.color-index-graph-1,.distribution__box.color-index-graph-6{fill:#0096d6}.distribution__box.color-index-graph-2,.distribution__box.color-index-graph-7{fill:#c094bf}.distribution__box.color-index-graph-3,.distribution__box.color-index-graph-8{fill:#99d5ef}.distribution__box.color-index-graph-4,.distribution__box.color-index-graph-9{fill:#87898b}.distribution__box.color-index-graph-5,.distribution__box.color-index-graph-10{fill:#b9b8bb}.distribution__box.color-index-grey-1,.distribution__box.color-index-grey-5{fill:#676767}.distribution__box.color-index-grey-2,.distribution__box.color-index-grey-6{fill:#ccc}.distribution__box.color-index-grey-3,.distribution__box.color-index-grey-7{fill:#e8e8e8}.distribution__box.color-index-grey-4,.distribution__box.color-index-grey-8{fill:#f2f2f2}.distribution__icons.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.distribution__icons.color-index-unset{stroke:#ddd}.distribution__icons.color-index-brand{stroke:#0096d6}.distribution__icons.color-index-critical{stroke:#f04b37}.distribution__icons.color-index-warning{stroke:#f0aa3c}.distribution__icons.color-index-ok{stroke:#509137}.distribution__icons.color-index-disabled,.distribution__icons.color-index-unknown{stroke:#848484}.distribution__icons.color-index-graph-1,.distribution__icons.color-index-graph-6{stroke:#0096d6}.distribution__icons.color-index-graph-2,.distribution__icons.color-index-graph-7{stroke:#c094bf}.distribution__icons.color-index-graph-3,.distribution__icons.color-index-graph-8{stroke:#99d5ef}.distribution__icons.color-index-graph-4,.distribution__icons.color-index-graph-9{stroke:#87898b}.distribution__icons.color-index-graph-5,.distribution__icons.color-index-graph-10{stroke:#b9b8bb}.distribution__icons.color-index-grey-1,.distribution__icons.color-index-grey-5{stroke:#676767}.distribution__icons.color-index-grey-2,.distribution__icons.color-index-grey-6{stroke:#ccc}.distribution__icons.color-index-grey-3,.distribution__icons.color-index-grey-7{stroke:#e8e8e8}.distribution__icons.color-index-grey-4,.distribution__icons.color-index-grey-8{stroke:#f2f2f2}.distribution__icons.color-index-light-1,.distribution__icons.color-index-light-3{stroke:#fff}.distribution__icons.color-index-light-2,.distribution__icons.color-index-light-4{stroke:#f5f5f5}.distribution__label{position:absolute;padding:24px;font-family:HPSimplified,Arial,sans-serif;color:#dbdbdb;overflow:hidden;text-align:left;pointer-events:none}.distribution__label-value{display:block;font-size:36px;font-size:2.25rem;line-height:1.33333;font-weight:700}.distribution__label-units{font-size:24px;font-size:1.5rem;line-height:inherit;margin-left:6px;font-weight:400}.distribution__label-label{display:block}.distribution__label--small{padding:12px}.distribution__label--small .distribution__label-value{font-size:20px;font-size:1.25rem;line-height:1.2}.distribution__label--thin .distribution__label-label,.distribution__label--thin .distribution__label-value{display:inline-block}.distribution__label--icons{background-color:hsla(0,0%,100%,.8);color:#333}.distribution__label--icons .label-units{color:#777}.distribution__label--icons .label-label{display:block}.distribution__loading-indicator{stroke-width:24px}.distribution__loading-indicator.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.distribution__loading-indicator.color-index-unset{stroke:#ddd}.distribution__loading-indicator.color-index-brand{stroke:#0096d6}.distribution__loading-indicator.color-index-critical{stroke:#f04b37}.distribution__loading-indicator.color-index-warning{stroke:#f0aa3c}.distribution__loading-indicator.color-index-ok{stroke:#509137}.distribution__loading-indicator.color-index-disabled,.distribution__loading-indicator.color-index-unknown{stroke:#848484}.distribution__loading-indicator.color-index-graph-1,.distribution__loading-indicator.color-index-graph-6{stroke:#0096d6}.distribution__loading-indicator.color-index-graph-2,.distribution__loading-indicator.color-index-graph-7{stroke:#c094bf}.distribution__loading-indicator.color-index-graph-3,.distribution__loading-indicator.color-index-graph-8{stroke:#99d5ef}.distribution__loading-indicator.color-index-graph-4,.distribution__loading-indicator.color-index-graph-9{stroke:#87898b}.distribution__loading-indicator.color-index-graph-5,.distribution__loading-indicator.color-index-graph-10{stroke:#b9b8bb}.distribution__loading-indicator.color-index-grey-1,.distribution__loading-indicator.color-index-grey-5{stroke:#676767}.distribution__loading-indicator.color-index-grey-2,.distribution__loading-indicator.color-index-grey-6{stroke:#ccc}.distribution__loading-indicator.color-index-grey-3,.distribution__loading-indicator.color-index-grey-7{stroke:#e8e8e8}.distribution__loading-indicator.color-index-grey-4,.distribution__loading-indicator.color-index-grey-8{stroke:#f2f2f2}.distribution__loading-indicator.color-index-light-1,.distribution__loading-indicator.color-index-light-3{stroke:#fff}.distribution__loading-indicator.color-index-light-2,.distribution__loading-indicator.color-index-light-4{stroke:#f5f5f5}.distribution--icons .distribution__label{padding:0 12px 12px 0}.distribution--icons .distribution__label-value{line-height:1}.distribution--small .distribution__graphic{height:96px}.distribution--large .distribution__graphic{height:288px}@-webkit-keyframes c{0%{stroke-dashoffset:768px}to{stroke-dashoffset:0}}@keyframes c{0%{stroke-dashoffset:768px}to{stroke-dashoffset:0}}@media screen and (max-width:44.9375em){.donut{width:192px;margin:0 auto}}.donut.series-pre path{stroke-dashoffset:768px}.donut__graphic-container{position:relative;width:192px;height:192px}.donut svg.donut__graphic{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible}.donut__slice{stroke-width:24px;stroke-linecap:butt;stroke-dasharray:768px 768px;stroke-dashoffset:0;fill:none;cursor:pointer;stroke:#b2b2b2}.donut__slice.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.donut__slice.color-index-unset{stroke:#ddd}.donut__slice.color-index-brand{stroke:#0096d6}.donut__slice.color-index-critical{stroke:#f04b37}.donut__slice.color-index-warning{stroke:#f0aa3c}.donut__slice.color-index-ok{stroke:#509137}.donut__slice.color-index-disabled,.donut__slice.color-index-unknown{stroke:#848484}.donut__slice.color-index-graph-1,.donut__slice.color-index-graph-6{stroke:#0096d6}.donut__slice.color-index-graph-2,.donut__slice.color-index-graph-7{stroke:#c094bf}.donut__slice.color-index-graph-3,.donut__slice.color-index-graph-8{stroke:#99d5ef}.donut__slice.color-index-graph-4,.donut__slice.color-index-graph-9{stroke:#87898b}.donut__slice.color-index-graph-5,.donut__slice.color-index-graph-10{stroke:#b9b8bb}.donut__slice.color-index-grey-1,.donut__slice.color-index-grey-5{stroke:#676767}.donut__slice.color-index-grey-2,.donut__slice.color-index-grey-6{stroke:#ccc}.donut__slice.color-index-grey-3,.donut__slice.color-index-grey-7{stroke:#e8e8e8}.donut__slice.color-index-grey-4,.donut__slice.color-index-grey-8{stroke:#f2f2f2}.donut__slice.color-index-light-1,.donut__slice.color-index-light-3{stroke:#fff}.donut__slice.color-index-light-2,.donut__slice.color-index-light-4{stroke:#f5f5f5}@media screen and (min-width:45em){.donut__slice{-webkit-animation:c 3s;animation:c 3s}}.donut__slice-indicator.color-index-unset{fill:#ddd}.donut__slice-indicator.color-index-brand{fill:#0096d6}.donut__slice-indicator.color-index-critical{fill:#f04b37}.donut__slice-indicator.color-index-warning{fill:#f0aa3c}.donut__slice-indicator.color-index-ok{fill:#509137}.donut__slice-indicator.color-index-disabled,.donut__slice-indicator.color-index-unknown{fill:#848484}.donut__slice-indicator.color-index-graph-1,.donut__slice-indicator.color-index-graph-6{fill:#0096d6}.donut__slice-indicator.color-index-graph-2,.donut__slice-indicator.color-index-graph-7{fill:#c094bf}.donut__slice-indicator.color-index-graph-3,.donut__slice-indicator.color-index-graph-8{fill:#99d5ef}.donut__slice-indicator.color-index-graph-4,.donut__slice-indicator.color-index-graph-9{fill:#87898b}.donut__slice-indicator.color-index-graph-5,.donut__slice-indicator.color-index-graph-10{fill:#b9b8bb}.donut__slice-indicator.color-index-grey-1,.donut__slice-indicator.color-index-grey-5{fill:#676767}.donut__slice-indicator.color-index-grey-2,.donut__slice-indicator.color-index-grey-6{fill:#ccc}.donut__slice-indicator.color-index-grey-3,.donut__slice-indicator.color-index-grey-7{fill:#e8e8e8}.donut__slice-indicator.color-index-grey-4,.donut__slice-indicator.color-index-grey-8{fill:#f2f2f2}.donut__slice--active{stroke-width:24px}.donut__active{position:absolute;width:100%;margin-top:72px;text-align:center;white-space:normal;pointer-events:none}.donut__active-value{font-size:36px;font-size:2.25rem;line-height:38px;font-weight:700}.donut__active-units{font-size:24px;font-size:1.5rem;line-height:inherit;margin-left:6px;color:#777;font-weight:400}.donut__active-label{width:50%;margin:0 auto;font-size:14px;font-size:.875rem;line-height:16px}.donut__max-label,.donut__min-label{position:absolute;bottom:0;color:#777;font-size:14px;font-size:.875rem;line-height:1.71429}.donut__min-label{left:12px}.donut__max-label{right:12px}.donut__legend{margin:24px 0 0}@media screen and (min-width:45em){.donut--landscape{white-space:nowrap}.donut--landscape .donut__graphic-container,.donut--landscape .donut__legend{display:inline-block;vertical-align:middle}.donut--landscape .donut__legend{margin:0 0 0 24px}}.donut--portrait .donut__graphic-container{display:block}.donut--portrait .donut__legend{margin:24px 0 0}.donut--partial .donut__graphic-container{height:168px}.donut--small .donut__graphic-container{width:144px;height:144px}.donut--small .donut__active{margin-top:48px}@media screen and (min-width:45em){.donut--small .donut__legend{display:none}}.drop{position:fixed;z-index:5;background-color:hsla(0,0%,100%,.9);border:none;border-radius:0 5px 0 5px;box-shadow:0 2px 4px rgba(0,0,0,.3);overflow:auto}.footer{min-height:36px;line-height:36px;width:100%}.footer__content{display:flex;justify-content:space-between;width:100%;padding-left:24px;padding-right:24px}.footer__content.center-column__content>.menu:first-child{flex:0 0 auto;width:192px}@media screen and (max-width:44.9375em){.footer__content.center-column__content>.menu:first-child{width:100%}.footer__content.center-column__content>.menu:first-child:empty{width:0;margin:0;padding:0}}.footer__content>.flex-1{flex:1}.footer__content>.flex-2{flex:2}.footer__content>.flex-3{flex:3}.footer__content>.flex-4{flex:4}.footer__content>*{margin-right:48px}.footer__content>:last-child{margin-right:0;text-align:left}.footer--primary{height:auto;padding:24px}.footer--primary .footer__content{position:relative;color:#777;display:block}.footer--primary .footer__content p{padding-top:12px;margin:0;max-width:none;text-align:right;line-height:24px}.footer--centered .footer__content{display:block;text-align:center}.footer--centered .footer__content>*{margin-right:auto;margin-left:auto;text-align:center}.footer--flush .footer__content{padding-left:0;padding-right:0}.footer--large .footer__content{padding-top:24px;padding-bottom:24px}.footer__container--float{padding-left:24px;padding-right:24px}.footer__container--float,:not(.footer__container--float)>.footer--float{position:absolute;bottom:0;left:0;right:0}.form{position:relative}@media screen and (min-width:45em){.form{width:480px;max-width:100%}.form .form-field .tiles__container{max-width:480px}}.form--pad-none{padding:0}.form--pad-small{padding:12px}.form--pad-medium{padding:24px}.form--pad-large{padding:48px}.form--pad-horizontal-none{padding-left:0;padding-right:0}.form--pad-horizontal-small{padding-left:12px;padding-right:12px}.form--pad-horizontal-medium{padding-left:24px;padding-right:24px}.form--pad-horizontal-large{padding-left:48px;padding-right:48px}.form--pad-vertical-none{padding-top:0;padding-bottom:0}.form--pad-vertical-small{padding-top:12px;padding-bottom:12px}.form--pad-vertical-medium{padding-top:24px;padding-bottom:24px}.form--pad-vertical-large{padding-top:48px;padding-bottom:48px}.form>.header .header__wrapper{background-color:inherit}.form fieldset{border:none;margin:0;margin-bottom:2rem;margin-top:24px}.form fieldset:first-child{margin-top:0}.form fieldset:last-child{margin-bottom:0}.form fieldset>legend{font-size:24px;font-size:1.5rem;line-height:1;font-weight:600;margin-bottom:12px}.form fieldset>:not(.form-field)+.form-field{margin-top:12px}.form fieldset>.form-field+:not(.form-field):not(.form-fields){margin-top:24px}.form fieldset>.form-fields{display:flex;flex-direction:row}.form fieldset>.form-fields .form-field{margin-bottom:-1px}.form--fill{min-width:0}.form--compact{max-width:288px}.form-field{position:relative;padding:6px 24px;border:1px solid #ccc;margin-bottom:-1px;background-color:#fff;color:#333;opacity:1}@media screen and (min-width:45em){.form-field{width:100%;overflow:auto;transition:all .4s,padding-top .3s .1s,padding-bottom .3s .1s}}@media screen and (max-width:44.9375em){.form-field{display:block}}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field{background-color:transparent;color:#dbdbdb}.form--fill .form-field{width:100%}.form-field:last-child{margin-bottom:0}.form-field__label{display:block;font-size:14px;font-size:.875rem;line-height:24px;color:#777}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__label{color:#dbdbdb}.form-field__contents{display:block;margin-left:-24px;margin-right:-24px}.form-field__contents>.calendar input,.form-field__contents>.search-input input,.form-field__contents>input[type=email],.form-field__contents>input[type=file],.form-field__contents>input[type=number],.form-field__contents>input[type=password],.form-field__contents>input[type=range],.form-field__contents>input[type=text],.form-field__contents>select,.form-field__contents>textarea{display:block;width:100%;border:none;padding:0;padding-left:24px;padding-right:24px;border-radius:0;font-size:16px;font-size:1rem;line-height:1.5}.form-field__contents>.calendar input:focus,.form-field__contents>.search-input input:focus,.form-field__contents>input[type=email]:focus,.form-field__contents>input[type=file]:focus,.form-field__contents>input[type=number]:focus,.form-field__contents>input[type=password]:focus,.form-field__contents>input[type=range]:focus,.form-field__contents>input[type=text]:focus,.form-field__contents>select:focus,.form-field__contents>textarea:focus{border:none}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>.calendar input,[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>.search-input input,[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=email],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=file],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=number],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=password],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=range],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=text],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>select,[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>textarea{color:#fff}.form-field__contents>input[type=range]{width:calc(100% - 48px);margin-left:24px;margin-right:24px;padding-left:0;padding-right:0}.form-field__contents>select{display:block;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAABGdBTUEAALGPC/xhBQAAATdJREFUOBGlUjFqw0AQ1AWBCWpd+A1pXOYHJk38BZeSOkPS5BERaWRJTcCNH2A3xj9waRf+hGsJAoLLjNk77iLFIXhB7NzO3OjuGBUEgaqqaos+wXdL7eI4frqDg27bdoZ+vsHtLB5aGZOyLJ+VUmut9Rdmj0mSHAzX16EfY77HngH2TKHfUMcTXooDEAsKMFhlWXYvVKcJtxKzhTGj0Bpy0TTNK0xPED5EUfTOWV+Ro4Za7nE19spm+NtVHP7q03gn5Ca+Hf78RoxTfOZ5PiJmEXNGTA21xG51DEmmafqBtsM3DMNwic6bKMFDcqIB9Cv0l3Z1iRIMjphMiqKYC8Os2ohYtQM6b+hwwY8o8Qm8iLhag3uvbEiJQ0EjMfMiYnRuv2pIYV3XL4xHX0Rco39hRkni9Oe+bw49m1YsR5tyAAAAAElFTkSuQmCC);background-position:center right 18px;padding-left:22px}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>select{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAABGdBTUEAALGPC/xhBQAAATtJREFUOBGdkk1KxEAQhdNiEPdZeIEk4MalNwhu9ApeQdCNhxBc6U5w4wHGjcwBAi4VMpDkCCYHkEDi+4bp0JNp/6ag6ErVey9VRZkgCExVVS/GmEzx1jYMwzxJkpMdKQxd150r8bGtGlw00DJWpK7rU8UzFT/lx2mavtma7y3L8khTvcr3VD+L4/gZHB0ujUTf93cA5E95nu/b2vSlBgYsHCsGbhTko23bK3W3EPAwiqIbcj6jBgYsHBczjmyT341i67+tZq1DSOxOf78mVgcPRVEcEGPE5IjB+Pa8IQhYO7kVcS5SFIbhI3ycmBw1MGCntjtNrL6XpySBdwlkGvNilc8kNp6Ij7uxQxfk7ou8xNdOxMXa2DuyLXIO6ugeIXx6Ihbnvj8KAmya5lKiC3x6Iq7Qv2JOCf8L6QsuVKvxz0iZVQAAAABJRU5ErkJggg==)}.form-field__contents>select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.form-field__contents ::-ms-clear,.form-field__contents>select::-ms-expand{display:none}.form-field__contents>select::-ms-value{background:none;color:inherit}.form-field__contents>textarea{vertical-align:top;height:auto;resize:vertical}.form-field__contents>.check-box,.form-field__contents>.radio-button{display:block;font-size:16px;font-size:1rem;line-height:1.5;margin:12px 24px}.form-field__contents>.calendar,.form-field__contents>.search-input{display:block}.form-field__contents>.calendar input,.form-field__contents>.search-input input{margin-left:0;margin-right:0}.form-field__contents>.calendar .calendar__control,.form-field__contents>.calendar .search-input__control,.form-field__contents>.search-input .calendar__control,.form-field__contents>.search-input .search-input__control{top:auto;right:6px;transform:none;bottom:-6px}.form-field__contents>.number-input{display:flex;padding-right:6px}.form-field__contents>.number-input input[type=number]{display:inline-block;flex:1;border:none}.form--compact .form-field__contents>.number-input input[type=number]{width:144px}.form-field__contents>input[type=file]{display:inline-block}.form-field__contents>.table--selectable{font-size:16px;font-size:1rem;line-height:1.5}.form-field__contents>.table--selectable table{margin-bottom:0}.form-field__contents>.table--selectable table td:first-child,.form-field__contents>.table--selectable table th:first-child{padding-left:24px}.form-field__contents>.form-field{width:auto;margin-top:12px;border:none}.form-field__contents>.form-field>.form-field__label{border-top:1px solid #ccc;padding-top:6px}.form-field__contents>.form-field--hidden{margin-top:0}.form-field__help{display:block;font-size:13px;font-size:.8125rem;line-height:1.84615;color:#777}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__help{color:#dbdbdb}.form-field__error{display:block;float:right;color:#f04b37;line-height:24px}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__error{color:#dbdbdb}.form-field--text,.form-field--text .form-field__label{cursor:pointer}@media screen and (max-width:44.9375em){.form-field--hidden{display:none}}@media screen and (min-width:45em){.form-field--hidden{border:none;margin-bottom:0;padding-top:0;padding-bottom:0;opacity:0;overflow:hidden;max-height:0;transition:max-height .2s,all .4s}}.form-field--error{z-index:1;border-color:#f04b37}.form-field--focus{z-index:2;border-color:#99d5ef}.header{height:72px;width:100%;margin-bottom:0}.header--large{height:96px}.header--small{height:48px}.header.box>:not(:last-child){margin-right:12px}.header a{color:inherit}.header a,.header a:hover{text-decoration:none}.header .status-icon{flex-grow:0;flex-shrink:0}.header>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}header.header{font-size:24px;font-size:1.5rem;line-height:inherit;-webkit-transform:translate(0);transform:translate(0);transition:-webkit-transform .5s;transition:transform .5s}:not(.header__container--float)>header.header--float{position:absolute;top:0;left:0;right:0}header.header--primary .header__wrapper{border-bottom:none}header.header.header--splash{-webkit-transform:translateY(40vh);transform:translateY(40vh)}header.header.box--direction-row>*{margin-bottom:0}.header:not(header).box--separator-top{padding-top:6px}.header:not(header).box--separator-bottom{padding-bottom:6px}div.header__container{flex-shrink:0}div.header__container--fixed{position:relative}div.header__container--fixed .header__wrapper{position:absolute;top:0;left:0;right:0;z-index:3}@media screen and (min-width:45em){div.header__container--fixed .header__wrapper .header{position:fixed}div.header__container--fixed .header__wrapper .header:not(.header--float){background-color:hsla(0,0%,100%,.9)}}div.header__container--float{position:absolute;top:0;left:0;right:0;padding-left:24px;padding-right:24px}div.header__wrapper{height:72px}div.header--large .header__wrapper{height:96px}div.header--large .header__content{line-height:96px}div.header--small .header__wrapper{height:48px}div.header--small .header__content{line-height:48px}div.header--fixed .header__wrapper{position:absolute;top:0;left:0;right:0;background-color:hsla(0,0%,100%,.9);z-index:3}div.header--fixed.header--primary .header__wrapper{position:fixed;background-color:hsla(0,0%,100%,.9)}div.header--fixed.header--primary .header__content{position:static;background-color:transparent}div.header--flush .header__wrapper{padding-left:0;padding-right:0}.headline{font-size:48px;font-size:3rem;line-height:1;font-weight:100;margin-bottom:24px;max-width:100%}.headline--large{font-size:60px;font-size:3.75rem;line-height:1.2}.headline--small{font-size:30px;font-size:1.875rem;line-height:1.6}.headline--strong{font-weight:600}.control-icon{display:inline-block;width:24px;height:24px;vertical-align:middle;cursor:pointer;fill:#999;stroke:#999}.control-icon :not([stroke])[fill=none]{stroke-width:0}.control-icon [stroke]{stroke:inherit}.control-icon [fill*="#"]{fill:inherit}.control-icon.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.control-icon.color-index-unset{stroke:#ddd}.control-icon.color-index-brand{stroke:#0096d6}.control-icon.color-index-critical{stroke:#f04b37}.control-icon.color-index-warning{stroke:#f0aa3c}.control-icon.color-index-ok{stroke:#509137}.control-icon.color-index-disabled,.control-icon.color-index-unknown{stroke:#848484}.control-icon.color-index-graph-1,.control-icon.color-index-graph-6{stroke:#0096d6}.control-icon.color-index-graph-2,.control-icon.color-index-graph-7{stroke:#c094bf}.control-icon.color-index-graph-3,.control-icon.color-index-graph-8{stroke:#99d5ef}.control-icon.color-index-graph-4,.control-icon.color-index-graph-9{stroke:#87898b}.control-icon.color-index-graph-5,.control-icon.color-index-graph-10{stroke:#b9b8bb}.control-icon.color-index-grey-1,.control-icon.color-index-grey-5{stroke:#676767}.control-icon.color-index-grey-2,.control-icon.color-index-grey-6{stroke:#ccc}.control-icon.color-index-grey-3,.control-icon.color-index-grey-7{stroke:#e8e8e8}.control-icon.color-index-grey-4,.control-icon.color-index-grey-8{stroke:#f2f2f2}.control-icon.color-index-light-1,.control-icon.color-index-light-3{stroke:#fff}.control-icon.color-index-light-2,.control-icon.color-index-light-4{stroke:#f5f5f5}.control-icon.color-index-unset{fill:#ddd}.control-icon.color-index-brand{fill:#0096d6}.control-icon.color-index-critical{fill:#f04b37}.control-icon.color-index-warning{fill:#f0aa3c}.control-icon.color-index-ok{fill:#509137}.control-icon.color-index-disabled,.control-icon.color-index-unknown{fill:#848484}.control-icon.color-index-graph-1,.control-icon.color-index-graph-6{fill:#0096d6}.control-icon.color-index-graph-2,.control-icon.color-index-graph-7{fill:#c094bf}.control-icon.color-index-graph-3,.control-icon.color-index-graph-8{fill:#99d5ef}.control-icon.color-index-graph-4,.control-icon.color-index-graph-9{fill:#87898b}.control-icon.color-index-graph-5,.control-icon.color-index-graph-10{fill:#b9b8bb}.control-icon.color-index-grey-1,.control-icon.color-index-grey-5{fill:#676767}.control-icon.color-index-grey-2,.control-icon.color-index-grey-6{fill:#ccc}.control-icon.color-index-grey-3,.control-icon.color-index-grey-7{fill:#e8e8e8}.control-icon.color-index-grey-4,.control-icon.color-index-grey-8{fill:#f2f2f2}@media screen and (min-width:45em){.control-icon{transition:all .3s ease-in-out}}.anchor:hover:not(.anchor--disabled) .control-icon,.button:hover:not(.anchor--disabled) .control-icon,.menu__control:hover .control-icon,a:hover .control-icon{fill:#000;stroke:#000}.control-icon__badge circle{fill:#e6734b}.control-icon__badge text{stroke:#333;fill:#333}.button--primary .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .control-icon{fill:#dbdbdb;stroke:#dbdbdb}.button--primary:hover .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor:hover>.control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .button:hover>.control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu__control:hover>.control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a:hover>.control-icon{fill:#fff;stroke:#fff}.control-icon--active{fill:#000;stroke:#000}.control-icon--large{width:48px;height:48px}.status-icon{width:24px;height:24px;vertical-align:middle}.status-icon .status-icon__base{fill:#848484}.status-icon-critical .status-icon__base{fill:#f04b37}.status-icon-warning .status-icon__base{fill:#f0aa3c}.status-icon-ok .status-icon__base{fill:#509137}.status-icon-disabled .status-icon__base,.status-icon-label .status-icon__base,.status-icon-unknown .status-icon__base{fill:#848484}.status-icon__detail{fill:#fff;stroke:#fff}.status-icon-unknown .status-icon__detail{fill:#848484;stroke:#848484}.status-icon--large{width:48px;height:48px}.status-icon--small{width:12px;height:12px;margin-top:6px;margin-bottom:6px}.status-icon--small .status-icon__detail{display:none}@-webkit-keyframes d{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes d{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.icon-changing{width:24px;height:24px;-webkit-animation:d 1.5s linear infinite;animation:d 1.5s linear infinite}.icon-changing--small{width:12px;height:12px}.icon-spinning{width:24px;height:24px;-webkit-animation:d 4s steps(4,end) infinite;animation:d 4s steps(4,end) infinite}.icon-spinning--small{width:12px;height:12px}.logo-icon{width:48px;height:48px}.logo-icon.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.logo-icon.color-index-unset{stroke:#ddd}.logo-icon.color-index-brand{stroke:#0096d6}.logo-icon.color-index-critical{stroke:#f04b37}.logo-icon.color-index-warning{stroke:#f0aa3c}.logo-icon.color-index-ok{stroke:#509137}.logo-icon.color-index-disabled,.logo-icon.color-index-unknown{stroke:#848484}.logo-icon.color-index-graph-1,.logo-icon.color-index-graph-6{stroke:#0096d6}.logo-icon.color-index-graph-2,.logo-icon.color-index-graph-7{stroke:#c094bf}.logo-icon.color-index-graph-3,.logo-icon.color-index-graph-8{stroke:#99d5ef}.logo-icon.color-index-graph-4,.logo-icon.color-index-graph-9{stroke:#87898b}.logo-icon.color-index-graph-5,.logo-icon.color-index-graph-10{stroke:#b9b8bb}.logo-icon.color-index-grey-1,.logo-icon.color-index-grey-5{stroke:#676767}.logo-icon.color-index-grey-2,.logo-icon.color-index-grey-6{stroke:#ccc}.logo-icon.color-index-grey-3,.logo-icon.color-index-grey-7{stroke:#e8e8e8}.logo-icon.color-index-grey-4,.logo-icon.color-index-grey-8{stroke:#f2f2f2}.logo-icon.color-index-light-1,.logo-icon.color-index-light-3{stroke:#fff}.logo-icon.color-index-light-2,.logo-icon.color-index-light-4{stroke:#f5f5f5}.logo-icon--small{width:24px;height:24px}.logo-icon--large{width:96px;height:96px}.image--medium{width:576px}.image--large{width:960px}.image--small{width:240px}.image--full{width:100%;height:100%}.image--full-horizontal{width:100%}.image--full-vertical{height:100%}@media screen and (max-width:44.9375em){.label__text{display:none}}@media screen and (min-width:45em){.label__icon{display:none}}a.active>.label .label__icon.control-icon svg{fill:#000;stroke:#000}.layer{position:relative;z-index:4}@media screen and (min-width:45em){.layer{position:fixed;top:0;left:0;right:0;bottom:0}}@media screen and (max-width:44.9375em){.layer:not(.layer--hidden)+.app{display:none}}.layer__container{background-color:#fff}@media screen and (max-width:44.9375em){.layer__container{padding:0 24px;border-bottom:1px solid #ccc;box-shadow:0 2px 4px rgba(0,0,0,.3)}}@media screen and (min-width:45em){.layer__container{position:absolute;max-height:100%;max-width:100%;overflow:auto;padding:0 48px;border-radius:0 5px 0 5px;box-shadow:0 2px 4px rgba(0,0,0,.3)}}.layer__closer{position:absolute;top:0;right:0;z-index:1}.layer--flush .layer__container{padding:0}@media screen and (min-width:45em){.layer--align-center:not(.layer--hidden){background-image:radial-gradient(circle at top,#fff,#fff 20%,hsla(0,0%,50%,.6))}.layer--align-center:not(.layer--hidden) .layer__container{left:50%;top:50%;max-height:calc(100vh - 48px);max-width:calc(100vw - 48px);transform:translate(-50%,-50%)}}@media screen and (min-width:45em){.layer--align-left:not(.layer--hidden){background-image:radial-gradient(circle at left,#fff,#fff 20%,hsla(0,0%,50%,.6))}}.layer--align-left:not(.layer--hidden) .layer__container{top:0;bottom:0;left:0}@media screen and (min-width:45em){.layer--align-left:not(.layer--hidden) .layer__container{-webkit-animation:f .2s ease-in-out forwards;animation:f .2s ease-in-out forwards}}@media screen and (min-width:45em){.layer--align-right:not(.layer--hidden){background-image:radial-gradient(circle at right,#fff,#fff 20%,hsla(0,0%,50%,.6))}}.layer--align-right:not(.layer--hidden) .layer__container{top:0;bottom:0;right:0;display:flex;flex-direction:column;justify-content:center}@media screen and (min-width:45em){.layer--align-right:not(.layer--hidden) .layer__container{-webkit-animation:g .2s ease-in-out forwards;animation:g .2s ease-in-out forwards}}@media screen and (min-width:45em){.layer--align-top:not(.layer--hidden){background-image:radial-gradient(circle at top,#fff,#fff 20%,hsla(0,0%,50%,.6))}.layer--align-top:not(.layer--hidden) .layer__container{left:50%;transform:translateX(-50%)}}@media screen and (min-width:45em) and (min-width:45em){.layer--align-top:not(.layer--hidden) .layer__container{-webkit-animation:h .2s ease-in-out forwards;animation:h .2s ease-in-out forwards}}@media screen and (min-width:45em){.layer--align-bottom:not(.layer--hidden){background-image:radial-gradient(circle at bottom,#fff,#fff 20%,hsla(0,0%,50%,.6))}}.layer--align-bottom:not(.layer--hidden) .layer__container{bottom:0}.layer--hidden{left:-10000px;z-index:-1}.layer--hidden.layer--align-left{right:auto}.layer--hidden.layer--align-left .layer__container{left:-100vw}@media screen and (max-width:44.9375em){.layer--hidden{display:none}}@media screen and (min-width:45em){.layer--hidden.layer--peek{left:0;z-index:4}.layer--hidden.layer--peek.layer--align-left{right:auto}.layer--hidden.layer--peek.layer--align-left .layer__container{left:auto;right:-12px;border-right:10px solid #0096d6;-webkit-animation:e .5s ease-in-out alternate 5;animation:e .5s ease-in-out alternate 5}}@-webkit-keyframes e{0%{right:-6px}to{right:-12px}}@keyframes e{0%{right:-6px}to{right:-12px}}@-webkit-keyframes f{0%{left:-100vw}to{left:0}}@keyframes f{0%{left:-100vw}to{left:0}}@-webkit-keyframes g{0%{right:-100vw}to{right:0}}@keyframes g{0%{right:-100vw}to{right:0}}@-webkit-keyframes h{0%{top:-100vh}to{top:0}}@keyframes h{0%{top:-100vh}to{top:0}}.list{list-style-type:none;margin:0;padding:0;overflow:auto}.list__empty,.list__more{padding:12px 24px}.list__empty{color:#777;font-style:italic}.list .list-item{padding:12px 24px;border-bottom:1px solid #ccc;display:flex;align-items:center;max-width:none}.list .list-item:last-child{border-bottom:none}.list .list-item__image{height:24px;width:24px;margin-right:24px;overflow:hidden;flex:0 0 auto}.list .list-item__image img{height:100%;width:100%;max-width:none;object-fit:cover}.list .list-item__annotation,.list .list-item__label{flex:1}.list .list-item__annotation{margin-left:24px;color:#777}.list .list-item--selectable{cursor:pointer}.list .list-item--selectable:hover{background-color:rgba(0,0,0,.1)}.list .list-item--selected{background-color:#daf1fb;color:#333}.list .list-item--row .list-item__annotation{text-align:right}.list .list-item--column{flex-direction:column;align-items:start}.list--selectable .list-item{cursor:pointer;transition:background-color .2s}.list--selectable .list-item--selected{background-color:#daf1fb;color:#333}.list--selectable .list-item:hover:not(.list-item--selected){background-color:rgba(0,0,0,.1);color:#000}.list--small .list-item,.list--small .list__more{padding-top:6px;padding-bottom:6px}.list--small .list-item__image,.list--small .list__more__image{height:12px;width:12px}.list--large .list-item,.list--large .list__more{padding-top:24px;padding-bottom:24px}.list--large .list-item__image,.list--large .list__more__image{height:48px;width:48px}.legend{text-align:left;list-style-type:none;white-space:normal;display:inline-block;margin:0}.legend__item,.legend__total{color:#777}.legend__item>*,.legend__total>*{vertical-align:top}.legend__item-label,.legend__total-label{display:inline-block;width:72px}.legend__item-value,.legend__total-value{display:inline-block;width:72px;text-align:right}.legend__item-units,.legend__total-units{display:inline-block;margin-left:6px}.legend__item{cursor:pointer}.legend__item svg.legend__item-swatch{width:12px;height:12px;margin-top:6px;margin-right:12px;overflow:visible}.legend__item svg.legend__item-swatch.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.legend__item svg.legend__item-swatch.color-index-unset{stroke:#ddd}.legend__item svg.legend__item-swatch.color-index-brand{stroke:#0096d6}.legend__item svg.legend__item-swatch.color-index-critical{stroke:#f04b37}.legend__item svg.legend__item-swatch.color-index-warning{stroke:#f0aa3c}.legend__item svg.legend__item-swatch.color-index-ok{stroke:#509137}.legend__item svg.legend__item-swatch.color-index-disabled,.legend__item svg.legend__item-swatch.color-index-unknown{stroke:#848484}.legend__item svg.legend__item-swatch.color-index-graph-1,.legend__item svg.legend__item-swatch.color-index-graph-6{stroke:#0096d6}.legend__item svg.legend__item-swatch.color-index-graph-2,.legend__item svg.legend__item-swatch.color-index-graph-7{stroke:#c094bf}.legend__item svg.legend__item-swatch.color-index-graph-3,.legend__item svg.legend__item-swatch.color-index-graph-8{stroke:#99d5ef}.legend__item svg.legend__item-swatch.color-index-graph-4,.legend__item svg.legend__item-swatch.color-index-graph-9{stroke:#87898b}.legend__item svg.legend__item-swatch.color-index-graph-5,.legend__item svg.legend__item-swatch.color-index-graph-10{stroke:#b9b8bb}.legend__item svg.legend__item-swatch.color-index-grey-1,.legend__item svg.legend__item-swatch.color-index-grey-5{stroke:#676767}.legend__item svg.legend__item-swatch.color-index-grey-2,.legend__item svg.legend__item-swatch.color-index-grey-6{stroke:#ccc}.legend__item svg.legend__item-swatch.color-index-grey-3,.legend__item svg.legend__item-swatch.color-index-grey-7{stroke:#e8e8e8}.legend__item svg.legend__item-swatch.color-index-grey-4,.legend__item svg.legend__item-swatch.color-index-grey-8{stroke:#f2f2f2}.legend__item svg.legend__item-swatch.color-index-light-1,.legend__item svg.legend__item-swatch.color-index-light-3{stroke:#fff}.legend__item svg.legend__item-swatch.color-index-light-2,.legend__item svg.legend__item-swatch.color-index-light-4{stroke:#f5f5f5}.legend__item svg.legend__item-swatch path{stroke-width:12px;transition-property:stroke-width;transition-duration:.3s;transition-timing-function:ease-in-out}.legend__item--active{color:#333}.legend__item--active svg.legend__item-swatch path{stroke-width:12px}.legend__total{margin-left:24px}.legend__total>*{margin-top:6px;padding-top:6px;border-top:1px dotted #ccc}.legend--single .legend__item-value{font-size:36px;font-size:2.25rem;line-height:1.33333;font-weight:700;width:auto}.legend--single .legend__item-units{font-size:24px;font-size:1.5rem;line-height:inherit;margin-left:6px;color:#777;font-weight:400}.login{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:6}.login__background{position:absolute;max-width:none}.login__background--portrait{width:auto;height:100%}.login__background--landscape{height:auto;width:100%}.login__container{position:relative;width:384px;margin:96px auto;z-index:1;-webkit-animation-name:b;-webkit-animation-duration:.5s;animation-name:b;animation-duration:.5s}@media screen and (max-width:44.9375em){.login__container{margin:48px 0;width:100%;border-radius:0}}.login__footer{position:absolute;left:0;right:0;bottom:6px;padding:6px 24px;background-color:hsla(0,0%,100%,.9);text-align:center}.login-form{position:relative;width:384px;padding:24px;padding-bottom:48px;background-color:#fff;text-align:center;z-index:1;-webkit-animation-name:b;-webkit-animation-duration:.5s;animation-name:b;animation-duration:.5s}@media screen and (max-width:44.9375em){.login-form{width:100%;border-radius:0}}.login-form__secondary-text{color:#777}.login-form fieldset{text-align:left;border:none;margin-bottom:0}.login-form fieldset>*{width:100%;display:block}.login-form__remember-me{display:block;margin-top:24px;text-align:left}.login-form__submit{margin-top:24px;width:100%}.login-form__error{margin-bottom:12px;color:#f04b37;text-align:left}.login-form__footer{margin-top:12px;display:flex;justify-content:space-between;line-height:36px}.map{position:relative;padding:24px}.map__canvas{position:absolute;top:0;left:0;z-index:-1;opacity:.1}.map__canvas--highlight{opacity:1}.map__categories{margin:0;list-style-type:none}.map__category{position:relative;padding-top:24px;margin-bottom:12px;max-width:none}.map__category-label{position:absolute;top:0;left:0;font-size:14px;font-size:.875rem;line-height:1.71429}.map__category-items{margin:0;list-style-type:none;overflow:hidden;text-align:center}.map__item{display:inline-block;width:192px;border:1px solid #ccc;margin-right:12px;margin-bottom:12px;background-color:#fff;font-size:16px;font-size:1rem;line-height:1.5}.map__item>a{display:block;padding:6px 12px;transition:background-color .2s}.map__item>a>*{display:inline-block}.map__item>a:hover{background-color:rgba(0,0,0,.1)}.map__item .status-icon{margin-right:6px}.map__item--active{border-color:#000}.menu{position:relative;font-size:19px;font-size:1.1875rem;line-height:inherit}.menu:focus{outline:none}.menu:focus:not(.menu--expanded):after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border:1px solid #99d5ef;box-shadow:0 0 1px 1px #99d5ef;pointer-events:none}.menu>*{flex:0 0 auto}.menu a:not(.button){text-decoration:none}.menu a:not(.button).active,.menu a:not(.button):hover{color:#0076a8}.menu__control .control-icon-down{width:12px;height:12px}.menu__control .control-icon-down path,.menu__control .control-icon-down polyline{stroke-width:4px}.menu__drop{font-size:16px;font-size:1rem;line-height:inherit;max-height:100vh}.menu__drop .anchor,.menu__drop a{padding:12px 24px;white-space:nowrap;display:block}.menu__drop .anchor:focus,.menu__drop .anchor:hover,.menu__drop a:focus,.menu__drop a:hover{text-decoration:none;background-color:rgba(0,0,0,.1)}.menu__drop .check-box,.menu__drop .radio-button{margin-top:12px;margin-bottom:12px}.menu__drop--align-right{text-align:right}.menu__drop--align-right .menu__contents{text-align:left}.menu__drop--large .menu__control{line-height:96px}.menu--controlled{display:inline-block;cursor:pointer}.menu--controlled.menu--large{line-height:96px}.menu--controlled.menu--small{height:24px}.menu--inline.menu--row.box--justify-end>:not(.control-icon){margin-left:24px;margin-right:0}.menu--inline.menu--row.box--justify-end>:not(.control-icon):first-child{margin-left:0}.menu--inline.menu--row>:not(.control-icon):not(.button){margin-left:0;margin-right:24px}.menu--inline.menu--row>:not(.control-icon):not(.button):last-child{margin-right:0}@media screen and (max-width:44.9375em){.menu--inline.menu.box--direction-row.box--responsive>*{margin-right:0}}.menu--inline.menu.box--direction-column a:not(.button){margin-bottom:6px}.menu--small{font-size:16px;font-size:1rem;line-height:1.5}.menu--small .menu__control-drop-icon{margin-left:6px}.menu--small .menu__control-icon svg{width:18px;height:18px}.menu--primary>.menu{width:100%}.menu--primary>a:not(.button){padding:6px 24px;border-right:6px solid transparent;margin-bottom:0;width:100%}.menu--primary>a:not(.button):hover{text-decoration:none}.menu--primary>a:not(.button):hover:not(.active){background-color:rgba(0,0,0,.1)}.menu--primary>a:not(.button).active{border-color:#0096d6}@media screen and (max-width:44.9375em){.menu--primary.menu--down,.menu--primary.menu--down>*{display:block}}.menu--inline.menu.box--direction-column>.menu:not(:first-of-type) h2,.menu--inline.menu.box--direction-column>.menu:not(:first-of-type) h3,.menu__drop.box--direction-column>.menu:not(:first-of-type) h2,.menu__drop.box--direction-column>.menu:not(:first-of-type) h3{margin-top:24px}.menu--inline.menu>hr,.menu__drop>hr{margin:12px 24px 18px;height:1px;background-color:#ccc;border:none}.menu--inline.menu.box.box--separator-top,.menu__drop.box.box--separator-top{border-color:transparent}.menu--inline.menu.box.box--separator-top:before,.menu__drop.box.box--separator-top:before{content:'';margin:12px 24px 18px;height:1px;background-color:#ccc}.menu--inline.menu--small,.menu__drop--small{font-size:1em}.menu--inline.menu--small .menu__control-label,.menu__drop--small .menu__control-label{padding:12px}.menu--inline.menu--small .menu__control-icon svg,.menu__drop--small .menu__control-icon svg{width:18px;height:18px}.menu--inline.menu--small>a,.menu__drop--small>a{padding:6px 12px}.menu--inline.menu .menu__control-label,.menu__drop .menu__control-label{font-size:19px}.menu--inline.menu a,.menu__drop a{text-decoration:none}.menu--inline.menu--large>a,.menu__drop--large>a{padding:24px 48px}@media screen and (max-width:44.9375em){.menu--inline.menu.box--responsive>*,.menu__drop.box--responsive>*{margin-left:0;margin-right:0}.menu--inline.menu.box--responsive .button,.menu__drop.box--responsive .button{width:100%;margin-bottom:12px}.menu--inline.menu.box--responsive .menu,.menu__drop.box--responsive .menu{margin-bottom:36px}}@media screen and (max-width:44.9375em){.menu__drop{max-width:100%;width:100vw}}@-webkit-keyframes i{0%{stroke-dashoffset:192px}to{stroke-dashoffset:0}}@keyframes i{0%{stroke-dashoffset:192px}to{stroke-dashoffset:0}}@-webkit-keyframes j{0%{stroke-dashoffset:-192px}to{stroke-dashoffset:0}}@keyframes j{0%{stroke-dashoffset:-192px}to{stroke-dashoffset:0}}.meter{display:inline-block;position:relative}.meter__slice{stroke-width:4px}.meter__threshold{stroke:rgba(51,51,51,.2)}.meter__value-container{position:relative;display:inline-block}.meter__graphic-container{white-space:normal}.meter__graphic-container>a{text-decoration:none}.meter__value{white-space:normal;pointer-events:none}.meter__value--active{pointer-events:auto;cursor:pointer}.meter__value-value{font-size:36px;font-size:2.25rem;line-height:38px;font-weight:700}.meter__value-units{font-size:24px;font-size:1.5rem;line-height:inherit;margin-left:6px;color:#777;font-weight:400}.meter__minmax-container,.meter__value-label{display:block}.meter__minmax{display:flex;justify-content:space-between;color:#777;font-size:14px;font-size:.875rem;line-height:1.71429}.meter__label-max,.meter__label-min{flex:0 0 48px}.meter__label-max{text-align:right}.meter__label{fill:#777}.meter__label--active{fill:#000}.meter--legend-right{white-space:nowrap}.meter--legend-right .meter__legend{vertical-align:top;margin-left:24px}.meter--legend-right:not(.meter--tall-legend) .meter__legend{position:relative;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.meter--legend-bottom .meter__legend{margin-top:24px;display:block}.meter:not(.meter--vertical) .meter__graphic-container{display:inline-block}.meter:not(.meter--vertical) .meter__minmax-container{display:block;width:192px}.meter:not(.meter--vertical) .meter__minmax{width:100%}.meter:not(.meter--vertical).meter--small .meter__minmax-container{width:96px}.meter:not(.meter--vertical).meter--large .meter__minmax-container{width:288px}.meter--vertical .meter__graphic-container{display:inline-block;white-space:nowrap}.meter--vertical .meter__minmax-container{height:192px}.meter--vertical .meter__minmax{flex-direction:column;height:100%}.meter--vertical .meter__minmax-min{order:1}.meter--vertical .meter__minmax-max{order:0}.meter--vertical .meter__label-max,.meter--vertical .meter__label-min{flex:0 0 auto;text-align:left}.meter--vertical .meter__label-min{order:1}.meter--vertical .meter__label-max{order:0}.meter--vertical .meter__value-label{display:block}.meter--vertical.meter--small .meter__minmax-container{height:96px}.meter--vertical.meter--large .meter__minmax-container{height:288px}.meter--small .meter__slice{stroke-width:8px}.meter--small .meter__values .meter__slice:hover{stroke-width:24px}.meter--small .meter__value-value{font-size:20px;font-size:1.25rem;line-height:1.2}.meter--small .meter__value-units{font-size:16px;font-size:1rem;line-height:1.5}.meter--large .meter__value-value{font-size:64px;font-size:4rem;line-height:1.125}.meter--large .meter__value-units{font-size:48px;font-size:3rem;line-height:1}.meter.meter--active .meter__values .meter__slice:hover,.meter.meter--active:not(.meter--single) .meter__values .meter__slice.meter__slice--active{stroke-width:12px}.meter--bar .meter__slice{stroke-linecap:butt;stroke-dasharray:192px 192px;stroke-dashoffset:0}.meter--bar .meter__values .meter__slice{cursor:pointer}.meter--bar .meter__values .meter__slice.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.meter--bar .meter__values .meter__slice.color-index-unset{stroke:#ddd}.meter--bar .meter__values .meter__slice.color-index-brand{stroke:#0096d6}.meter--bar .meter__values .meter__slice.color-index-critical{stroke:#f04b37}.meter--bar .meter__values .meter__slice.color-index-warning{stroke:#f0aa3c}.meter--bar .meter__values .meter__slice.color-index-ok{stroke:#509137}.meter--bar .meter__values .meter__slice.color-index-disabled,.meter--bar .meter__values .meter__slice.color-index-unknown{stroke:#848484}.meter--bar .meter__values .meter__slice.color-index-graph-1,.meter--bar .meter__values .meter__slice.color-index-graph-6{stroke:#0096d6}.meter--bar .meter__values .meter__slice.color-index-graph-2,.meter--bar .meter__values .meter__slice.color-index-graph-7{stroke:#c094bf}.meter--bar .meter__values .meter__slice.color-index-graph-3,.meter--bar .meter__values .meter__slice.color-index-graph-8{stroke:#99d5ef}.meter--bar .meter__values .meter__slice.color-index-graph-4,.meter--bar .meter__values .meter__slice.color-index-graph-9{stroke:#87898b}.meter--bar .meter__values .meter__slice.color-index-graph-5,.meter--bar .meter__values .meter__slice.color-index-graph-10{stroke:#b9b8bb}.meter--bar .meter__values .meter__slice.color-index-grey-1,.meter--bar .meter__values .meter__slice.color-index-grey-5{stroke:#676767}.meter--bar .meter__values .meter__slice.color-index-grey-2,.meter--bar .meter__values .meter__slice.color-index-grey-6{stroke:#ccc}.meter--bar .meter__values .meter__slice.color-index-grey-3,.meter--bar .meter__values .meter__slice.color-index-grey-7{stroke:#e8e8e8}.meter--bar .meter__values .meter__slice.color-index-grey-4,.meter--bar .meter__values .meter__slice.color-index-grey-8{stroke:#f2f2f2}.meter--bar .meter__values .meter__slice.color-index-light-1,.meter--bar .meter__values .meter__slice.color-index-light-3{stroke:#fff}.meter--bar .meter__values .meter__slice.color-index-light-2,.meter--bar .meter__values .meter__slice.color-index-light-4{stroke:#f5f5f5}@media screen and (min-width:45em){.meter--bar .meter__values .meter__slice{transition:stroke-width .2s;-webkit-animation:i 1.5s linear;animation:i 1.5s linear}}.meter--bar .meter__thresholds .meter__slice.color-index-unset{stroke:hsla(0,0%,87%,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-brand{stroke:rgba(0,150,214,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-critical{stroke:rgba(240,75,55,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-warning{stroke:rgba(240,170,60,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-ok{stroke:rgba(80,145,55,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-disabled,.meter--bar .meter__thresholds .meter__slice.color-index-unknown{stroke:hsla(0,0%,52%,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-graph-1,.meter--bar .meter__thresholds .meter__slice.color-index-graph-6{stroke:rgba(0,150,214,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-graph-2,.meter--bar .meter__thresholds .meter__slice.color-index-graph-7{stroke:rgba(192,148,191,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-graph-3,.meter--bar .meter__thresholds .meter__slice.color-index-graph-8{stroke:rgba(153,213,239,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-graph-4,.meter--bar .meter__thresholds .meter__slice.color-index-graph-9{stroke:hsla(210,2%,54%,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-graph-5,.meter--bar .meter__thresholds .meter__slice.color-index-graph-10{stroke:hsla(260,2%,73%,.5)}.meter--bar .meter__value{text-align:left}.meter--bar .meter__value-label{font-size:14px;font-size:.875rem;line-height:16px}.meter--bar:not(.meter--vertical) .meter__minmax-container>a{vertical-align:top;display:block;height:24px}.meter--bar:not(.meter--vertical) .meter__graphic{width:192px}.meter--bar:not(.meter--vertical) .meter__value{display:inline-block;vertical-align:top;margin-left:12px}.meter--bar:not(.meter--vertical) .meter__value-value{font-size:24px;font-size:1.5rem;line-height:1}.meter--bar:not(.meter--vertical) .meter__value-units{font-size:20px;font-size:1.25rem;line-height:1.2}.meter--bar:not(.meter--vertical).meter--single .meter__value-label,.meter--bar:not(.meter--vertical).meter--stacked .meter__value-label{display:inline-block;margin-left:4px}.meter--bar:not(.meter--vertical).meter--legend-right .meter__legend{top:0;-webkit-transform:none;transform:none}.meter--bar:not(.meter--vertical).meter--small svg.meter__graphic{width:96px}.meter--bar:not(.meter--vertical).meter--small .meter__value-units,.meter--bar:not(.meter--vertical).meter--small .meter__value-value{font-size:16px;font-size:1rem;line-height:1.5}.meter--bar:not(.meter--vertical).meter--large svg.meter__graphic{width:288px}.meter--bar:not(.meter--vertical).meter--large .meter__value{margin-left:16px}.meter--bar:not(.meter--vertical).meter--large .meter__value-units,.meter--bar:not(.meter--vertical).meter--large .meter__value-value{font-size:26px;font-size:1.625rem;line-height:inherit}.meter--bar.meter--vertical{white-space:nowrap}.meter--bar.meter--vertical svg.meter__graphic{height:192px}.meter--bar.meter--vertical .meter__labeled-graphic{display:inline-block}.meter--bar.meter--vertical .meter__value{position:relative;vertical-align:top;top:96px;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:inline-block}.meter--bar.meter--vertical .meter__minmax-container{position:absolute;top:0;left:24px}.meter--bar.meter--vertical.meter--legend-right .meter__legend{top:96px}.meter--bar.meter--vertical.meter--small svg.meter__graphic{height:96px}.meter--bar.meter--vertical.meter--small.meter--legend-right .meter__legend,.meter--bar.meter--vertical.meter--small .meter__value{top:48px}.meter--bar.meter--vertical.meter--large svg.meter__graphic{height:288px}.meter--bar.meter--vertical.meter--large.meter--legend-right .meter__legend,.meter--bar.meter--vertical.meter--large .meter__value{top:144px}@media screen and (max-width:44.9375em){.meter--arc,.meter--circle,.meter--spiral{margin:0 auto}}.meter--arc svg.meter__graphic,.meter--circle svg.meter__graphic,.meter--spiral svg.meter__graphic{display:block}.meter--arc .meter.series-pre path,.meter--circle .meter.series-pre path,.meter--spiral .meter.series-pre path{stroke-dashoffset:768px}.meter--arc .meter__slice,.meter--circle .meter__slice,.meter--spiral .meter__slice{stroke-linecap:butt;stroke-dasharray:768px 768px;stroke-dashoffset:0;fill:none;stroke:#b2b2b2}.meter--arc .meter__slice-indicator,.meter--circle .meter__slice-indicator,.meter--spiral .meter__slice-indicator{stroke-linecap:square;stroke-width:4px;stroke:#000}.meter--arc .meter__values .meter__slice,.meter--circle .meter__values .meter__slice,.meter--spiral .meter__values .meter__slice{cursor:pointer}.meter--arc .meter__values .meter__slice.color-index-loading,.meter--circle .meter__values .meter__slice.color-index-loading,.meter--spiral .meter__values .meter__slice.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.meter--arc .meter__values .meter__slice.color-index-unset,.meter--circle .meter__values .meter__slice.color-index-unset,.meter--spiral .meter__values .meter__slice.color-index-unset{stroke:#ddd}.meter--arc .meter__values .meter__slice.color-index-brand,.meter--circle .meter__values .meter__slice.color-index-brand,.meter--spiral .meter__values .meter__slice.color-index-brand{stroke:#0096d6}.meter--arc .meter__values .meter__slice.color-index-critical,.meter--circle .meter__values .meter__slice.color-index-critical,.meter--spiral .meter__values .meter__slice.color-index-critical{stroke:#f04b37}.meter--arc .meter__values .meter__slice.color-index-warning,.meter--circle .meter__values .meter__slice.color-index-warning,.meter--spiral .meter__values .meter__slice.color-index-warning{stroke:#f0aa3c}.meter--arc .meter__values .meter__slice.color-index-ok,.meter--circle .meter__values .meter__slice.color-index-ok,.meter--spiral .meter__values .meter__slice.color-index-ok{stroke:#509137}.meter--arc .meter__values .meter__slice.color-index-disabled,.meter--arc .meter__values .meter__slice.color-index-unknown,.meter--circle .meter__values .meter__slice.color-index-disabled,.meter--circle .meter__values .meter__slice.color-index-unknown,.meter--spiral .meter__values .meter__slice.color-index-disabled,.meter--spiral .meter__values .meter__slice.color-index-unknown{stroke:#848484}.meter--arc .meter__values .meter__slice.color-index-graph-1,.meter--arc .meter__values .meter__slice.color-index-graph-6,.meter--circle .meter__values .meter__slice.color-index-graph-1,.meter--circle .meter__values .meter__slice.color-index-graph-6,.meter--spiral .meter__values .meter__slice.color-index-graph-1,.meter--spiral .meter__values .meter__slice.color-index-graph-6{stroke:#0096d6}.meter--arc .meter__values .meter__slice.color-index-graph-2,.meter--arc .meter__values .meter__slice.color-index-graph-7,.meter--circle .meter__values .meter__slice.color-index-graph-2,.meter--circle .meter__values .meter__slice.color-index-graph-7,.meter--spiral .meter__values .meter__slice.color-index-graph-2,.meter--spiral .meter__values .meter__slice.color-index-graph-7{stroke:#c094bf}.meter--arc .meter__values .meter__slice.color-index-graph-3,.meter--arc .meter__values .meter__slice.color-index-graph-8,.meter--circle .meter__values .meter__slice.color-index-graph-3,.meter--circle .meter__values .meter__slice.color-index-graph-8,.meter--spiral .meter__values .meter__slice.color-index-graph-3,.meter--spiral .meter__values .meter__slice.color-index-graph-8{stroke:#99d5ef}.meter--arc .meter__values .meter__slice.color-index-graph-4,.meter--arc .meter__values .meter__slice.color-index-graph-9,.meter--circle .meter__values .meter__slice.color-index-graph-4,.meter--circle .meter__values .meter__slice.color-index-graph-9,.meter--spiral .meter__values .meter__slice.color-index-graph-4,.meter--spiral .meter__values .meter__slice.color-index-graph-9{stroke:#87898b}.meter--arc .meter__values .meter__slice.color-index-graph-5,.meter--arc .meter__values .meter__slice.color-index-graph-10,.meter--circle .meter__values .meter__slice.color-index-graph-5,.meter--circle .meter__values .meter__slice.color-index-graph-10,.meter--spiral .meter__values .meter__slice.color-index-graph-5,.meter--spiral .meter__values .meter__slice.color-index-graph-10{stroke:#b9b8bb}.meter--arc .meter__values .meter__slice.color-index-grey-1,.meter--arc .meter__values .meter__slice.color-index-grey-5,.meter--circle .meter__values .meter__slice.color-index-grey-1,.meter--circle .meter__values .meter__slice.color-index-grey-5,.meter--spiral .meter__values .meter__slice.color-index-grey-1,.meter--spiral .meter__values .meter__slice.color-index-grey-5{stroke:#676767}.meter--arc .meter__values .meter__slice.color-index-grey-2,.meter--arc .meter__values .meter__slice.color-index-grey-6,.meter--circle .meter__values .meter__slice.color-index-grey-2,.meter--circle .meter__values .meter__slice.color-index-grey-6,.meter--spiral .meter__values .meter__slice.color-index-grey-2,.meter--spiral .meter__values .meter__slice.color-index-grey-6{stroke:#ccc}.meter--arc .meter__values .meter__slice.color-index-grey-3,.meter--arc .meter__values .meter__slice.color-index-grey-7,.meter--circle .meter__values .meter__slice.color-index-grey-3,.meter--circle .meter__values .meter__slice.color-index-grey-7,.meter--spiral .meter__values .meter__slice.color-index-grey-3,.meter--spiral .meter__values .meter__slice.color-index-grey-7{stroke:#e8e8e8}.meter--arc .meter__values .meter__slice.color-index-grey-4,.meter--arc .meter__values .meter__slice.color-index-grey-8,.meter--circle .meter__values .meter__slice.color-index-grey-4,.meter--circle .meter__values .meter__slice.color-index-grey-8,.meter--spiral .meter__values .meter__slice.color-index-grey-4,.meter--spiral .meter__values .meter__slice.color-index-grey-8{stroke:#f2f2f2}.meter--arc .meter__values .meter__slice.color-index-light-1,.meter--arc .meter__values .meter__slice.color-index-light-3,.meter--circle .meter__values .meter__slice.color-index-light-1,.meter--circle .meter__values .meter__slice.color-index-light-3,.meter--spiral .meter__values .meter__slice.color-index-light-1,.meter--spiral .meter__values .meter__slice.color-index-light-3{stroke:#fff}.meter--arc .meter__values .meter__slice.color-index-light-2,.meter--arc .meter__values .meter__slice.color-index-light-4,.meter--circle .meter__values .meter__slice.color-index-light-2,.meter--circle .meter__values .meter__slice.color-index-light-4,.meter--spiral .meter__values .meter__slice.color-index-light-2,.meter--spiral .meter__values .meter__slice.color-index-light-4{stroke:#f5f5f5}@media screen and (min-width:45em){.meter--arc .meter__values .meter__slice,.meter--circle .meter__values .meter__slice,.meter--spiral .meter__values .meter__slice{transition:stroke-width .2s;-webkit-animation:j 1.5s linear;animation:j 1.5s linear}}.meter--arc .meter__thresholds .meter__slice.color-index-unset,.meter--circle .meter__thresholds .meter__slice.color-index-unset,.meter--spiral .meter__thresholds .meter__slice.color-index-unset{stroke:hsla(0,0%,87%,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-brand,.meter--circle .meter__thresholds .meter__slice.color-index-brand,.meter--spiral .meter__thresholds .meter__slice.color-index-brand{stroke:rgba(0,150,214,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-critical,.meter--circle .meter__thresholds .meter__slice.color-index-critical,.meter--spiral .meter__thresholds .meter__slice.color-index-critical{stroke:rgba(240,75,55,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-warning,.meter--circle .meter__thresholds .meter__slice.color-index-warning,.meter--spiral .meter__thresholds .meter__slice.color-index-warning{stroke:rgba(240,170,60,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-ok,.meter--circle .meter__thresholds .meter__slice.color-index-ok,.meter--spiral .meter__thresholds .meter__slice.color-index-ok{stroke:rgba(80,145,55,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-disabled,.meter--arc .meter__thresholds .meter__slice.color-index-unknown,.meter--circle .meter__thresholds .meter__slice.color-index-disabled,.meter--circle .meter__thresholds .meter__slice.color-index-unknown,.meter--spiral .meter__thresholds .meter__slice.color-index-disabled,.meter--spiral .meter__thresholds .meter__slice.color-index-unknown{stroke:hsla(0,0%,52%,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-graph-1,.meter--arc .meter__thresholds .meter__slice.color-index-graph-6,.meter--circle .meter__thresholds .meter__slice.color-index-graph-1,.meter--circle .meter__thresholds .meter__slice.color-index-graph-6,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-1,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-6{stroke:rgba(0,150,214,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-graph-2,.meter--arc .meter__thresholds .meter__slice.color-index-graph-7,.meter--circle .meter__thresholds .meter__slice.color-index-graph-2,.meter--circle .meter__thresholds .meter__slice.color-index-graph-7,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-2,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-7{stroke:rgba(192,148,191,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-graph-3,.meter--arc .meter__thresholds .meter__slice.color-index-graph-8,.meter--circle .meter__thresholds .meter__slice.color-index-graph-3,.meter--circle .meter__thresholds .meter__slice.color-index-graph-8,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-3,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-8{stroke:rgba(153,213,239,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-graph-4,.meter--arc .meter__thresholds .meter__slice.color-index-graph-9,.meter--circle .meter__thresholds .meter__slice.color-index-graph-4,.meter--circle .meter__thresholds .meter__slice.color-index-graph-9,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-4,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-9{stroke:hsla(210,2%,54%,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-graph-5,.meter--arc .meter__thresholds .meter__slice.color-index-graph-10,.meter--circle .meter__thresholds .meter__slice.color-index-graph-5,.meter--circle .meter__thresholds .meter__slice.color-index-graph-10,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-5,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-10{stroke:hsla(260,2%,73%,.5)}.meter--arc .meter__threshold,.meter--circle .meter__threshold,.meter--spiral .meter__threshold{stroke-linecap:butt}.meter--arc .meter__value-label,.meter--circle .meter__value-label,.meter--spiral .meter__value-label{display:block}@media screen and (max-width:44.9375em){.meter--arc,.meter--circle{width:192px}}.meter--arc .meter__value,.meter--circle .meter__value{white-space:normal;pointer-events:none;text-align:center}.meter--arc .meter__value--active,.meter--circle .meter__value--active{pointer-events:auto;cursor:pointer}.meter--arc:not(.meter--vertical) .meter__minmax-container,.meter--circle .meter__minmax-container{width:192px}.meter--arc:not(.meter--vertical) .meter__value,.meter--circle .meter__value{position:absolute;left:50%}.meter--arc:not(.meter--vertical).meter--small .meter__minmax-container,.meter--circle.meter--small .meter__minmax-container{width:96px}.meter--arc:not(.meter--vertical).meter--large .meter__minmax-container,.meter--circle.meter--large .meter__minmax-container{width:288px}.meter--arc.meter--vertical.meter--legend-right .meter__legend,.meter--circle.meter--legend-right .meter__legend{top:96px}.meter--arc.meter--vertical.meter--legend-right.meter--small .meter__legend,.meter--circle.meter--legend-right.meter--small .meter__legend{top:48px}.meter--arc.meter--vertical.meter--legend-right.meter--large .meter__legend,.meter--circle.meter--legend-right.meter--large .meter__legend{top:144px}.meter--circle svg.meter__graphic{width:192px;height:192px}.meter--circle .meter__value{top:96px;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);max-width:144px}.meter--circle.meter--small svg.meter__graphic{width:96px;height:96px}.meter--circle.meter--small .meter__value{top:48px;max-width:72px}.meter--circle.meter--large svg.meter__graphic{width:288px;height:288px}.meter--circle.meter--large .meter__value{top:144px;max-width:216px}.meter--circle:not(.meter--stacked):not(.meter--single) .meter__value{position:static;margin:0 auto;-webkit-transform:none;transform:none}.meter--arc:not(.meter--vertical) svg.meter__graphic{width:192px;height:144px}.meter--arc:not(.meter--vertical) .meter__value{top:108px;-webkit-transform:translateX(-50%);transform:translateX(-50%);max-width:120px}.meter--arc:not(.meter--vertical).meter--legend-right .meter__legend{top:72px}.meter--arc:not(.meter--vertical).meter--small svg.meter__graphic{width:96px;height:72px}.meter--arc:not(.meter--vertical).meter--small .meter__value{top:60px;max-width:60px}.meter--arc:not(.meter--vertical).meter--large svg.meter__graphic{width:288px;height:216px}.meter--arc:not(.meter--vertical).meter--large .meter__value{top:156px;max-width:180px}.meter--arc.meter--vertical svg.meter__graphic{display:inline;width:144px;height:192px}.meter--arc.meter--vertical .meter__value{position:relative;top:96px;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:inline-block;margin-left:-24px;vertical-align:top}.meter--arc.meter--vertical .meter__minmax-container{display:inline-block;vertical-align:top;margin-left:12px;padding-top:12px;padding-bottom:12px}.meter--arc.meter--vertical.meter--small svg.meter__graphic{width:72px;height:96px}.meter--arc.meter--vertical.meter--small .meter__value{top:48px;margin-left:-18px}.meter--arc.meter--vertical.meter--small .meter__minmax-container{padding-top:0;padding-bottom:0}.meter--arc.meter--vertical.meter--large svg.meter__graphic{width:216px;height:288px}.meter--arc.meter--vertical.meter--large .meter__value{top:144px;margin-left:-48px}.meter--arc.meter--vertical.meter--minmax .meter__value{margin-left:-72px}.meter--arc.meter--vertical.meter--minmax.meter--small .meter__value{margin-left:-60px}.meter--spiral .meter__value{position:absolute;top:0;right:0;white-space:normal;text-align:right}.meter--spiral .meter__value-value{display:block;font-size:24px;font-size:1.5rem;line-height:1;margin-bottom:6px}.meter--spiral .meter__value-units{font-size:20px;font-size:1.25rem;line-height:1.2;color:#777;margin-left:.2em}.meter--spiral .meter__value-label{display:block;font-size:14px;font-size:.875rem;line-height:16px}.meter--loading .meter__thresholds,.meter--loading .meter__value{display:none}.notification__status{margin-right:12px}.notification__message{margin-bottom:24px;vertical-align:middle}.notification--critical{background-color:#f04b37;font-size:19px;font-size:1.1875rem;line-height:24px;color:#dbdbdb}.notification--critical .notification__status .status-icon__base{fill:#dbdbdb}.notification--warning{background-color:#f0aa3c;font-size:19px;font-size:1.1875rem;line-height:24px;color:#dbdbdb}.notification--warning .notification__status .status-icon__base{fill:#dbdbdb}.notification--ok{background-color:#509137;font-size:19px;font-size:1.1875rem;line-height:24px;color:#dbdbdb}.notification--ok .notification__status .status-icon__base{fill:#dbdbdb}.notification--unknown{background-color:#848484;font-size:19px;font-size:1.1875rem;line-height:24px;color:#dbdbdb}.notification--unknown .notification__status .status-icon__base{fill:#dbdbdb}.notification--disabled{background-color:#848484;font-size:19px;font-size:1.1875rem;line-height:24px;color:#dbdbdb}.notification--disabled .notification__status .status-icon__base{fill:#dbdbdb}.notifications-control__icon{width:48px;height:48px;vertical-align:middle}.notifications{position:fixed;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,50%,.6);z-index:4}.notifications__container{position:absolute;top:0;right:0;min-width:300px;padding:24px;padding-top:96px;background-color:#fff;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-bottom-left-radius:0 5px 0 5px}.notifications__icon{position:absolute;top:24px;right:84px;width:48px;height:48px;vertical-align:middle}.number-input__input{-moz-appearance:textfield}.number-input__input::-webkit-inner-spin-button,.number-input__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.object{overflow:auto}.object__container{padding:24px}.object ol,.object ul{margin:0;list-style-type:none}.object li{width:auto}.object__attribute{margin-bottom:12px}.object__attribute-name{display:block;color:#777;font-size:14px;font-size:.875rem;line-height:1.71429}.object__attribute-value{display:block;font-size:16px;font-size:1rem;line-height:1.5}.object__attribute-value ol,.object__attribute-value ul{margin-left:24px;padding-top:24px;padding-bottom:24px}.object__attribute--container>.object__attribute-name{font-weight:700}.object__attribute--unset .object__attribute-value{font-style:italic;color:#777}.object__attribute--array>.object__attribute-value>ol>li{border-top:1px solid #ccc}.object__attribute--array>.object__attribute-value>ol>li:last-child{border-bottom:1px solid #ccc}.object__attribute--array>.object__attribute-value>ol>li>ul{padding-top:0;padding-bottom:0}.paragraph--small{font-size:14px;font-size:.875rem;line-height:1.71429}.paragraph--small a{text-decoration:none}.paragraph--large{font-size:24px;font-size:1.5rem;line-height:28px}.paragraph--large a{color:#0096d6;font-weight:600}.radio-button{margin-right:24px;white-space:nowrap}.radio-button:not(.radio-button--disabled){cursor:pointer}.radio-button:hover:not(.radio-button--disabled) .radio-button__control{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button:hover:not(.radio-button--disabled) .radio-button__control{border-color:#fff}.radio-button:hover:not(.radio-button--disabled) .radio-button__input:checked+.radio-button__control{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button:hover:not(.radio-button--disabled) .radio-button__input:checked+.radio-button__control{border-color:#fff}.radio-button:hover:not(.radio-button--disabled) .radio-button__label{color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button:hover:not(.radio-button--disabled) .radio-button__label{color:#fff}.radio-button__input{opacity:0;position:absolute}.radio-button__input:checked+.radio-button__control{border-color:#0096d6}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button__input:checked+.radio-button__control{border-color:#fff}.radio-button__input:checked+.radio-button__control+.radio-button__label{color:#333}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button__input:checked+.radio-button__control+.radio-button__label{color:#fff}.radio-button__input:checked+.radio-button__control:after{content:"";display:block;position:absolute;top:5px;left:5px;width:10px;height:10px;background-color:#0096d6;border-radius:12px}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button__input:checked+.radio-button__control:after{background-color:#fff}.radio-button__input:focus+.radio-button__control{content:"";border-color:#99d5ef;box-shadow:0 0 1px 1px #99d5ef}.radio-button__control{position:relative;display:inline-block;width:24px;height:24px;margin-right:12px;vertical-align:middle;background-color:inherit;color:#0076a8;border:2px solid #999;border-radius:24px}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button__control{border-color:#dbdbdb}.radio-button__label{color:#777}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button__label{color:#dbdbdb}.radio-button--disabled .radio-button__control{opacity:.5}.search{display:inline-block}.search:focus{outline:none;margin:-1px;border:1px solid #99d5ef;box-shadow:0 0 1px 1px #99d5ef}.search--controlled{cursor:pointer}.search__input{margin-right:0}.header .search__input{font-size:inherit}.search__drop{font-size:20px;font-size:1.25rem;line-height:inherit}@media screen and (max-width:44.9375em){.search__drop{max-width:100%;width:100vw}}.search__drop--inline{margin-left:-1px}.search__drop--inline .search__drop-contents{display:block}.search__drop--controlled .search__drop-contents{display:inline-block}.search__drop input{margin-right:0;box-sizing:border-box;width:100%}@media screen and (max-width:44.9375em){.search__drop input{width:calc(100vw - 72px)}}.search__drop-control{vertical-align:top;height:48px}.search__drop .search__suggestion{padding:6px 24px;cursor:pointer}.search__drop .search__suggestion--active,.search__drop .search__suggestion:hover{background-color:rgba(0,0,0,.1)}.search__drop--large{line-height:96px}.search--inline{position:relative}.search--inline .search__input{width:100%;padding-right:47px;box-sizing:border-box}.search--inline .search__input:focus{padding-right:46px}.header .search--inline .search__input:not(:focus){border-color:transparent}.search--inline .control-icon-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none}.search--small{line-height:24px}.search--small .search__input{font-size:14px;font-size:.875rem;line-height:14px;padding:4px 13px;padding-right:23px}.search--small .search__input:focus{padding:3px 12px;padding-right:22px}.search--small .control-icon-search{height:12px;width:12px}.search--large{line-height:triple(24px)}.search--large .search__input{font-size:36px;font-size:2.25rem;line-height:48px;padding:-7px 35px;padding-right:47px}.search--large .control-icon-search{right:24px}.search-input{position:relative;display:inline-block}.search-input__input{width:100%;height:100%;display:block;padding-right:60px}.search-input__input:focus{padding-right:59px}.search-input__control{position:absolute;top:50%;transform:translateY(-50%);right:12px}.search-input__suggestions{border-top-left-radius:0;border-top-right-radius:0;margin:0;list-style-type:none}.search-input__suggestion{padding:6px 24px;cursor:pointer}.search-input__suggestion--active,.search-input__suggestion:hover{background-color:rgba(0,0,0,.1)}.search-input--active .search-input__input{border-bottom-left-radius:0;border-bottom-right-radius:0}section:not(.section){padding-top:24px;padding-bottom:24px}section:not(.section):first-of-type{margin-top:0;padding-top:0}.section>img,section>img{margin-top:24px;margin-bottom:24px;display:block;height:auto}@media screen and (max-width:44.9375em){.section>img,section>img{max-width:576px}}.section>iframe,section>iframe{width:100%;max-width:576px;height:400px}@media screen and (max-width:44.9375em){.section>iframe,section>iframe{height:250px}}@media screen and (max-width:44.9375em){.section>ol,.section>ul,section>ol,section>ul{margin-left:0;margin-bottom:24px}}.section>dl>dt,section>dl>dt{margin-top:24px;margin-bottom:6px;text-transform:uppercase}.section>dl>dt code,section>dl>dt code{text-transform:none;white-space:pre-wrap}.section>dl>dd,section>dl>dd{margin-left:0}@media screen and (max-width:44.9375em){.section>dl>dd,section>dl>dd{padding-right:24px}}.react-gravatar{width:48px;height:48px;border-radius:24px;border:2px solid transparent;overflow:hidden;cursor:pointer;transition:all .3s ease-in-out}.react-gravatar:hover{border-color:#0096d6}.session{position:fixed;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,50%,.6);z-index:4}.session__container{position:absolute;top:0;right:0;min-width:300px;padding:24px;padding-top:96px;background-color:#fff;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-bottom-left-radius:0 5px 0 5px}.session .react-gravatar{position:absolute;top:24px;right:24px}.session__actions{margin-top:24px;padding-top:24px;border-top:1px solid #ccc}.session a{cursor:pointer}.settings{position:relative;text-align:center}.settings__panels{display:inline-block}.settings__panel{vertical-align:top}.sidebar{min-height:100vh}@media screen and (max-width:44.9375em){.sidebar{max-width:100%;width:100vw}}@media screen and (min-width:45em){.sidebar{width:336px}}.sidebar--fixed{display:flex;flex-direction:column}.sidebar--fixed>*{flex:1;overflow:auto}.sidebar--fixed>.footer,.sidebar--fixed>.header{flex:0 0 auto}.sidebar--primary{background-color:#f5f5f5}@media screen and (min-width:45em){.sidebar--small{width:240px}}@media screen and (min-width:45em){.sidebar--large{width:480px}}.split{position:relative;overflow:visible}.split:after{position:absolute;left:0;content:' ';display:block;width:45em;height:0;z-index:-10}@media screen and (min-width:45em){.split{display:flex}.split--fixed>*{position:relative;height:100vh;overflow:auto;-ms-overflow-style:-ms-autohiding-scrollbar}.split--flex-right>:first-child:not(:last-child){flex:0 0 auto}.split--flex-right>:last-child{flex:1}.split--flex-left>.object,.split--flex-left>:last-child:not(:first-child){flex:0 0 auto}.split--flex-both>*,.split--flex-left>:first-child{flex:1}.split--separator>*{border-right:1px solid #000}.split--separator>:last-child{border-right:none}}@media screen and (max-width:44.9375em){.split--separator>*{border-bottom:1px solid #000}.split--separator>:last-child{border-bottom:none}}.skip-link-anchor{width:0;height:0;overflow:hidden}.tab{padding:12px}.tab a{text-decoration:none}.tab a:focus .tab__label{border-bottom:4px solid}.tab__label{cursor:pointer;padding-bottom:12px;font-weight:600;color:#777}.tab--active .tab__label{color:#000;border-bottom:4px solid #000}.tab:focus .tab__label,.tab:hover .tab__label{border-bottom:4px solid}.tabs{margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;list-style:none;border-bottom:1px solid #ccc}.tabs__content{padding:24px}@media screen and (max-width:44.9375em){.tabs__content{padding:24px 0}}.table table{width:100%}.table td,.table th{padding:11px 12px;vertical-align:top;text-align:left}.table td:first-child,.table th:first-child{padding-left:24px}.table td:last-child,.table th:last-child{padding-right:24px}.table th{font-weight:100;font-size:20px;font-size:1.25rem;line-height:1.2;border-bottom:1px solid #ccc}.table__mirror{position:absolute;top:0;left:0;right:0}.table__mirror>thead{position:fixed;background-color:hsla(0,0%,100%,.9)}@media screen and (max-width:44.9375em){.table__mirror>thead{position:static}}.table__more{margin-top:24px;text-align:center}.table--scrollable{position:relative}.table--selectable tbody tr{cursor:pointer}.table--selectable tbody tr td{transition:background-color .2s}.table--selectable tbody tr.table-row--selected td{background-color:#daf1fb;color:#333}[class*=background-color-index-]:not([class*=background-color-index-light]) .table--selectable tbody tr.table-row--selected td{background-color:rgba(0,0,0,.2);color:#fff}.table--selectable tbody tr:hover:not(.table-row--selected) td{background-color:rgba(0,0,0,.1);color:#000}.tbd,[class*=background-color-index-]:not([class*=background-color-index-light]) .table--selectable tbody tr:hover:not(.table-row--selected) td{color:#fff}.tbd{text-align:center;padding:96px;font-size:96px;font-size:6rem;line-height:1;font-style:italic;background-color:#ccc}.tiles{width:100%;padding:12px}.tiles>.tile{flex:0 0 192px;margin:12px}.tiles>.tile--wide,.tiles>.tile>*{box-sizing:border-box}.tiles>.tile--wide{flex-basis:calc(100% - 24px)}.tiles__container{display:flex;flex-direction:row;align-items:center;width:100%}.tiles__container .tiles__left,.tiles__container .tiles__right{flex:0 0 auto}.tiles__container .tiles{flex:1;margin:0}.tiles__container .tiles.box--direction-row{width:100%;overflow:hidden}.tiles--fill.box--wrap{justify-content:space-around}.tiles--fill.box--wrap>.tile{flex-grow:1}.tiles--flush{padding:0}.tiles--flush>.tile{margin:0}.tiles--flush>.tile--wide{flex-basis:100%}.tiles--moreable{position:relative;padding-bottom:48px}.tiles--moreable .tiles__more{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tiles--selectable .tile{cursor:pointer;transition:background-color .2s}.tiles--selectable .tile--selected{background-color:#daf1fb;color:#333}.tiles--selectable .tile:hover:not(.tile--selected){background-color:rgba(0,0,0,.1);color:#000}.tiles--small>.tile{flex-basis:96px}@media screen and (min-width:45em){.tiles--large>.tile{flex-basis:384px}}@media screen and (max-width:44.9375em){.tiles--large>.tile{flex-basis:100%}}.tile{overflow:hidden}.tile .status-icon{margin-right:6px}.tile>.chart{width:100%}.tile--selectable{cursor:pointer;transition:background-color .2s}.tile--selectable.tile--selected{background-color:#daf1fb;color:#333}.tile--selectable:hover:not(.tile--selected){background-color:rgba(0,0,0,.1);color:#000}.tile--eclipsed{opacity:.2}.title{max-height:100%;overflow:hidden;text-overflow:ellipsis;font-weight:400;white-space:nowrap;font-size:24px;font-size:1.5rem;line-height:inherit}@media screen and (min-width:45em){.title{font-weight:600}}.title>:not(:last-child){margin-right:12px}.title a{color:inherit}.title a,.title a:hover{text-decoration:none}[class*=background-color-index-] .title a:hover{text-decoration:underline}.title img,.title svg{max-width:576px}.title img:not(:last-child),.title svg:not(:last-child){margin-right:12px}.title--interactive{cursor:pointer}@media screen and (min-width:45em){.title--interactive{transition:color .3s ease-in-out}}.title--interactive:hover{color:#0096d6;cursor:pointer}[class*=background-color-index-]:not([class*=background-color-index-light]) .title--interactive:hover{color:#fff}@media screen and (max-width:44.9375em){.title--responsive img,.title--responsive svg{margin-right:0}.title--responsive>:not(:first-child){display:none}}.topology{position:relative}@media screen and (max-width:44.9375em){.topology__contents>.topology__parts{flex-direction:column}}@media screen and (min-width:45em){.topology__contents>.topology__parts--direction-row>.topology__part{margin-right:48px}.topology__contents>.topology__parts--direction-row>.topology__part:last-child{margin-right:0}}@media screen and (max-width:44.9375em){.topology__contents>.topology__parts--direction-row>.topology__part{margin-bottom:48px}.topology__contents>.topology__parts--direction-row>.topology__part:last-child{margin-bottom:0}}.topology__contents>.topology__parts--direction-column>.topology__part{margin-bottom:48px}.topology__contents>.topology__parts--direction-column>.topology__part:last-child{margin-bottom:0}.topology__canvas{position:absolute;pointer-events:none}.topology__parts{display:flex;align-items:stretch}.topology__parts--direction-row{flex-direction:row;flex-grow:1}.topology__parts--direction-column{flex-direction:column;flex-grow:1}.topology__parts--align-start{align-items:flex-start}.topology__parts--align-center{align-items:center}.topology__parts--align-end{align-items:flex-end}.topology__part,.topology__parts--align-stretch{align-items:stretch}.topology__part{display:flex;justify-content:center;overflow:hidden}.topology__part>.topology__parts .topology__part{flex:1}.topology__part--demarcate{border:1px solid #ccc}.topology__part--demarcate.topology__part--empty{background-color:#f5f5f5;min-width:24px;min-height:24px}.topology__part--justify-start{justify-content:flex-start}.topology__part--justify-center{justify-content:center}.topology__part--justify-between{justify-content:space-between}.topology__part--justify-end{justify-content:flex-end}.topology__part--align-start{align-items:flex-start}.topology__part--align-center{align-items:center}.topology__part--align-end{align-items:flex-end}.topology__part--align-stretch{align-items:stretch}.topology__part--direction-row{flex-direction:row}.topology__part--direction-row.topology__part--reverse{flex-direction:row-reverse}.topology__part--direction-row>:not(.topology__parts):not(.topology__part){margin:6px}.topology__part--direction-column{flex-direction:column}.topology__part--direction-column.topology__part--reverse{flex-direction:column-reverse}.topology__part--direction-column>:not(.topology__parts):not(.topology__part){margin:6px}.topology__label{font-size:14px;margin-left:12px;margin-right:12px}.topology .status-icon{position:relative;z-index:1}.video{position:relative;height:auto}@media screen and (max-width:44.9375em){.video{max-width:100%;width:100vw}}@media screen and (min-width:45em){.video--small{width:240px}.video--small .video__control.button--primary{width:48px;height:48px;border-radius:24px}.video--large{width:960px}}.video--full,.video video{width:100%}.video__summary{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;text-align:left;padding:24px;background-color:hsla(0,0%,40%,.7);color:#dbdbdb;border-radius:0 5px 0 5px}.video__control.button--primary{flex:0 0 auto;width:96px;height:96px;border-radius:48px;background-color:rgba(0,150,214,.7)}.video__control.button--primary:hover{background-color:#0096d6}.video__title{margin-left:24px}.video__timeline{position:absolute;left:0;right:0;bottom:0;height:72px;color:#dbdbdb;background-color:hsla(0,0%,40%,.7)}.video__timeline-chapter{position:absolute;height:100%;padding-left:6px;border-left:2px solid #dbdbdb;text-align:left;cursor:pointer}.video__timeline-chapter:hover{color:#fff;border-color:#fff}.video__timeline-chapter time{display:block;font-size:14px;font-size:.875rem;line-height:24px}.video__progress{position:absolute;left:0;right:0;bottom:0;height:6px;text-align:left}.video__progress-meter{height:100%;background-color:#0096d6}.video--playing:not(.video--interacting) .video__progress,.video--playing:not(.video--interacting) .video__summary,.video--playing:not(.video--interacting) .video__timeline{opacity:0;transition:opacity 1s}.clearfix:after{content:"";display:table;clear:both}.button--accent{background-color:#e6734b;color:#dbdbdb}.button:not(.button--disabled):hover{border-color:#00608a}.button:not(.button--disabled):active{border-color:#004f70}.button:not(.button--disabled).button--primary:hover{border-color:#00608a;background-color:#00608a}.button:not(.button--disabled).button--primary:active{border-color:#004f70;background-color:#004f70}.button:not(.button--disabled).button--secondary:hover{border-color:hsla(0,0%,5%,.6)}.button:not(.button--disabled).button--secondary:active{border-color:rgba(0,0,0,.6)}.button:not(.button--disabled).button--accent:hover{border-color:#c9481c;background-color:#c9481c}.button:not(.button--disabled).button--accent:active{border-color:#b24019;background-color:#b24019}[class*=background-color-index-]:not([class*=background-color-index-light]) .button:not(.button--disabled):hover{border-color:#c8c8c8}[class*=background-color-index-]:not([class*=background-color-index-light]) .button:not(.button--disabled).button--primary:hover{border-color:#00608a;background-color:#00608a}[class*=background-color-index-]:not([class*=background-color-index-light]) .button:not(.button--disabled).button--accent:hover{border-color:#c9481c} \ No newline at end of file +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}blockquote,body,caption,dd,dl,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,legend,ol,p,pre,table,td,th,ul{margin:0;padding:0}abbr[title],dfn[title]{cursor:help}ins,u{text-decoration:none}ins{border-bottom:1px solid}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}address,blockquote,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,ol,p,pre,table,ul{margin-bottom:24px;margin-bottom:1.5rem}dd,ol,ul{margin-left:48px;margin-left:3rem}html{font-size:1em;line-height:1.5;background-color:#fff;color:#333;overflow-y:scroll;min-height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}h1{font-size:36px;font-size:2.25rem;line-height:1.33333}h2{font-size:30px;font-size:1.875rem;line-height:1.6}h3{font-size:24px;font-size:1.5rem;line-height:1}h4{font-size:20px;font-size:1.25rem;line-height:1.2}h5{font-size:16px;font-size:1rem;line-height:1.5}h6{font-size:14px;font-size:.875rem;line-height:1.71429}li>ol,li>ul{margin-bottom:0}img{max-width:100%;font-style:italic;vertical-align:middle}.gm-style img,img[height],img[width]{max-width:none}.brand-font,html{font-family:HPSimplified,Arial,sans-serif}body,html{font-size:16px;font-size:1rem;line-height:24px}h1{font-size:48px;font-size:3rem;line-height:1.125}h2{font-size:36px;font-size:2.25rem;line-height:1.33333}h3{font-size:24px;font-size:1.5rem;line-height:1.25}h4,h5{font-size:18px;font-size:1.125rem;line-height:1.33333}h1,h2,h3,h4,h5{font-weight:100;max-width:100%}h1.header--strong,h1>strong,h2.header--strong,h2>strong,h3.header--strong,h3>strong,h4.header--strong,h4>strong,h5.header--strong,h5>strong{font-weight:600}h1 a,h1 a.anchor,h2 a,h2 a.anchor,h3 a,h3 a.anchor,h4 a,h4 a.anchor,h5 a,h5 a.anchor{color:inherit;text-decoration:none}h1 a.anchor:hover,h1 a:hover,h2 a.anchor:hover,h2 a:hover,h3 a.anchor:hover,h3 a:hover,h4 a.anchor:hover,h4 a:hover,h5 a.anchor:hover,h5 a:hover{text-decoration:none}dd,li,p{max-width:576px;margin-left:0}dd{margin-bottom:12px}p{margin-top:24px;margin-bottom:24px}blockquote{font-size:36px;font-size:2.25rem;line-height:1.33333}code.hljs{border:1px solid #ccc}.large-number-font{font-family:HPSimplified,Arial,sans-serif}.secondary{color:#777}.error{color:#f04b37}input,select,textarea{font-size:16px;font-size:1rem;line-height:1.5;padding:11px 23px;border:1px solid #ccc;border-radius:0 5px 0 5px;outline:none;margin-right:12px;background-color:transparent}input:focus,select:focus,textarea:focus{padding:10px 22px;border-width:2px;border-color:#99d5ef}input::-moz-focus-inner,select::-moz-focus-inner,textarea::-moz-focus-inner{border:none;outline:none}input::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#aaa}input::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder{color:#aaa}input:-ms-input-placeholder,select:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#aaa}input.error,select.error,textarea.error{border-color:#f04b37}input[type=button],input[type=submit]{text-align:center;line-height:inherit}select{border-color:#ccc;padding-right:24px;-webkit-appearance:none;-moz-appearance:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAOhJREFUSA3tksENgzAMRUmrrlApuTAAxxw6QvfojYmYKtw6QpUDI1Rq6o8MStsAMT1UlbAUcMB+33FcFJttHfifDlhrT7QO31YMBlgDZw8HH5RSF3JLY0zrvX8MAZI3F1gT66y17ohz2zGgDSFc6UdF+5oDJWwUidMDXoFFfgtAfwJUjMppX7KI6CQJeOOcu48CcNaKzMFfBNaILME/BCQiOfCkQI5ILhwshceUpUAcG0/LeKEpzqwAEhIiRTSKs3Dk92MKZ8rep4vgR57zRTiYiwIIikVo29HKgiNXZGgXt0yUtwX/tgNPQqatJ1aBLFMAAAAASUVORK5CYII=) no-repeat center right;cursor:pointer}select::-moz-focus-inner{border:none}select.plain{border:none}input[type=range]{position:relative;-webkit-appearance:none;border-color:transparent;height:24px;padding:0;cursor:pointer;overflow-x:hidden}input[type=range]:focus{outline:none}input[type=range]::-moz-focus-inner,input[type=range]::-moz-focus-outer{border:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;background-color:#b2b2b2}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-webkit-slider-runnable-track{background-color:hsla(0,0%,100%,.1)}input[type=range]::-webkit-slider-thumb{position:relative;height:24px;width:24px;overflow:visible;-webkit-appearance:none;margin-top:-11px}input[type=range]::-webkit-slider-thumb:before{content:"";position:absolute;left:-3000px;right:24px;top:9px;bottom:9px;background-color:#0096d6;pointer-events:none}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-webkit-slider-thumb:before{background-color:#fff}input[type=range]::-webkit-slider-thumb:after{content:"";position:absolute;border:2px solid #0096d6;height:20px;width:20px;border-radius:24px;background-color:#fff;cursor:pointer}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-webkit-slider-thumb:after{background-color:transparent;border-color:#fff}input[type=range]:hover::-webkit-slider-thumb:after{content:"";border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]:hover::-webkit-slider-thumb:after{background-color:#fff;border-color:#fff}input[type=range]::-moz-range-track{width:100%;height:2px;background-color:#b2b2b2}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-moz-range-track{background-color:hsla(0,0%,100%,.1)}input[type=range]::-moz-range-thumb{position:relative;height:24px;width:24px;overflow:visible;border:2px solid #0096d6;height:20px;width:20px;border-radius:24px;background-color:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-moz-range-thumb{border-color:#fff;background-color:transparent}input[type=range]::hover::-moz-range-thumb{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::hover::-moz-range-thumb{border-color:#fff;background-color:#fff}input[type=range]::-ms-track{width:100%;height:2px;background-color:#b2b2b2;border-color:transparent;color:transparent}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-ms-track{background-color:hsla(0,0%,100%,.1)}input[type=range]::-ms-fill-lower{background:#0096d6;border-color:transparent}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-ms-fill-lower{background:#fff}input[type=range]::-ms-fill-upper{background:#b2b2b2;border-color:transparent}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-ms-fill-upper{background:hsla(0,0%,100%,.1)}input[type=range]::-ms-thumb{position:relative;height:24px;width:24px;overflow:visible;border:2px solid #999;height:20px;width:20px;border-radius:24px;background-color:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-ms-thumb{border-color:#fff}input[type=range]:hover::-ms-thumb{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]:hover::-ms-thumb{border-color:#fff;background-color:#fff}@media screen and (min-width:45em){body,html{height:100%;width:100%;overflow:visible}}.i-list-bare{margin:0;padding:0;list-style:none}.anchor,a{text-decoration:none;cursor:pointer}.anchor,.anchor:visited,a,a:visited{color:#2883d7}.anchor.active,a.active{color:#333}.anchor:hover:not(.anchor--disabled),a:hover:not(.anchor--disabled){text-decoration:underline;color:#0076a8}.anchor__icon,a__icon{display:inline-block;padding:12px}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu .anchor:not(.button),[class*=background-color-index-]:not([class*=background-color-index-light]) .menu a:not(.button),[class*=background-color-index-]:not([class*=background-color-index-light]) a{color:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu .anchor:not(.button) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu a:not(.button) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a .control-icon{fill:#dbdbdb;stroke:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor:hover:not(.anchor--disabled),[class*=background-color-index-]:not([class*=background-color-index-light]) .menu .anchor:not(.button):hover:not(.anchor--disabled),[class*=background-color-index-]:not([class*=background-color-index-light]) .menu a:not(.button):hover:not(.anchor--disabled),[class*=background-color-index-]:not([class*=background-color-index-light]) a:hover:not(.anchor--disabled){color:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor:hover:not(.anchor--disabled) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu .anchor:not(.button):hover:not(.anchor--disabled) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu a:not(.button):hover:not(.anchor--disabled) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a:hover:not(.anchor--disabled) .control-icon{fill:#fff;stroke:#fff}.anchor.anchor--primary,a.anchor--primary{font-size:19px;font-size:1.1875rem;line-height:24px;font-weight:600;color:#0096d6;text-decoration:none}.anchor.anchor--primary .control-icon,a.anchor--primary .control-icon{stroke:#0096d6;margin-right:12px}.anchor.anchor--primary>span,a.anchor--primary>span{vertical-align:middle}.anchor.anchor--primary:hover:not(.anchor--disabled)>.control-icon,a.anchor--primary:hover:not(.anchor--disabled)>.control-icon{transform:translateX(3px);stroke:#0096d6}.anchor.anchor--primary:hover:not(.anchor--disabled)>.control-icon path,.anchor.anchor--primary:hover:not(.anchor--disabled)>.control-icon polyline,a.anchor--primary:hover:not(.anchor--disabled)>.control-icon path,a.anchor--primary:hover:not(.anchor--disabled)>.control-icon polyline{stroke-width:3px}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor.anchor--primary,[class*=background-color-index-]:not([class*=background-color-index-light]) a.anchor--primary{color:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor.anchor--primary .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a.anchor--primary .control-icon{fill:#dbdbdb;stroke:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor.anchor--primary:hover:not(.anchor--disabled),[class*=background-color-index-]:not([class*=background-color-index-light]) a.anchor--primary:hover:not(.anchor--disabled){color:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor.anchor--primary:hover:not(.anchor--disabled) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a.anchor--primary:hover:not(.anchor--disabled) .control-icon{fill:#fff;stroke:#fff}.anchor--disabled,a--disabled{opacity:.3;cursor:default}.anchor--disabled .control-icon,a--disabled .control-icon{cursor:default}#loading{position:absolute;width:100%;height:100%;background-color:#ddd;text-align:center;padding-top:100px;font-size:48px;color:#ccc;font-style:italic}@media screen and (min-width:45em){.app{position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto}}.app--inline{position:relative}.app--centered>.split{width:100%;max-width:960px;margin-left:auto;margin-right:auto}.article{position:relative}.article--scroll-step{text-align:center;height:100vh;width:100vw;max-width:100%}.article--scroll-step>.article__control{position:fixed;z-index:4}.article--scroll-step>.article__control-up{top:0;left:50%;transform:translateX(-50%)}.article--scroll-step>.article__control-down{bottom:0;left:50%;transform:translateX(-50%)}.article--scroll-step>.article__control-left{top:50%;transform:translateY(-50%);left:0}.article--scroll-step>.article__control-right{top:50%;transform:translateY(-50%);right:0}.article--scroll-step.box--direction-column{overflow-x:hidden;overflow-y:auto}.article--scroll-step.box--direction-column>.article__control-carousel{top:50%;left:24px;transform:translateY(-50%)}.article--scroll-step.box--direction-row{overflow-x:auto;overflow-y:hidden}.article--scroll-step.box--direction-row>:not(.article__controls){overflow-y:auto}.article--scroll-step.box--direction-row>.article__control-carousel{top:24px;left:50%;transform:translateX(-50%)}.article>*{flex:0 0 auto}article:not(.article){width:100%}.attribute{margin-bottom:12px}@media screen and (max-width:44.9375em){.attribute{width:100%}}.attribute__label{display:block;text-align:left;font-size:14px;font-size:.875rem;line-height:24px;color:#777}.box{display:flex;background-position:center center;background-size:cover;background-repeat:no-repeat}.box__texture{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.box__container{padding-left:24px;padding-right:24px}.box__container--full{max-width:100%;width:100vw}.layer__container .box__container--full{width:calc(100vw - 48px)}.box__container--full-horizontal{max-width:100%;width:100vw}.layer__container .box__container--full-horizontal{width:calc(100vw - 48px)}.app--centered .box__container>.box{width:100%;max-width:960px;margin-left:auto;margin-right:auto}@media screen and (max-width:44.9375em){.app--centered .box__container>.box{padding-left:0;padding-right:0}}.box--wrap{flex-wrap:wrap}.box--pad-none{padding:0}.box--pad-small{padding:12px}.box--pad-medium{padding:24px}.box--pad-large{padding:48px}.box--pad-horizontal-none{padding-left:0;padding-right:0}.box--pad-horizontal-small{padding-left:12px;padding-right:12px}.box--pad-horizontal-medium{padding-left:24px;padding-right:24px}.box--pad-horizontal-large{padding-left:48px;padding-right:48px}.box--pad-vertical-none{padding-top:0;padding-bottom:0}.box--pad-vertical-small{padding-top:12px;padding-bottom:12px}.box--pad-vertical-medium{padding-top:24px;padding-bottom:24px}.box--pad-vertical-large{padding-top:48px;padding-bottom:48px}.box--full{position:relative;max-width:100%;width:100vw;min-height:100vh;height:100%}.layer__container .box--full{width:calc(100vw - 48px)}.box--full-horizontal{max-width:100%;width:100vw}.layer__container .box--full-horizontal{width:calc(100vw - 48px)}.box--full-vertical{min-height:100vh}.box--direction-row{flex-direction:row}.box--direction-row.box--reverse{flex-direction:row-reverse}.box--direction-row.box--pad-between-small>:not(:last-child){margin-right:12px}.box--direction-row.box--pad-between-medium>:not(:last-child){margin-right:24px}.box--direction-row.box--pad-between-large>:not(:last-child){margin-right:48px}@media screen and (max-width:44.9375em){.box--direction-row.box--responsive{flex-direction:column}.box--direction-row.box--responsive.box--reverse{flex-direction:column-reverse}}.box--direction-column{flex-direction:column}.box--direction-column.box--reverse{flex-direction:column-reverse}.box--direction-column>.footer.box--direction-row,.box--direction-column>.header.box--direction-row,.box--direction-column>.header__container--fixed{flex:0 0 auto}.box--direction-column.box--pad-between-small>:not(:last-child){margin-bottom:12px}.box--direction-column.box--pad-between-medium>:not(:last-child){margin-bottom:24px}.box--direction-column.box--pad-between-large>:not(:last-child){margin-bottom:48px}.box--justify-start{justify-content:flex-start}.box--justify-center{justify-content:center}.box--justify-between{justify-content:space-between}.box--justify-end{justify-content:flex-end}.box--align-start{align-items:flex-start}.box--align-center{align-items:center}.box--align-end{align-items:flex-end}.box--separator-all,.box--separator-horizontal,.box--separator-top{border-top:1px solid #ccc}.box--separator-all,.box--separator-bottom,.box--separator-horizontal{border-bottom:1px solid #ccc}.box--separator-all,.box--separator-left,.box--separator-vertical{border-left:1px solid #ccc}.box--separator-all,.box--separator-right,.box--separator-vertical{border-right:1px solid #ccc}@media screen and (max-width:44.9375em){.box--separator-all,.box--separator-left,.box--separator-vertical{border-left:none;border-bottom:1px solid #ccc}.box--separator-all,.box--separator-right,.box--separator-vertical{border-right:none;border-bottom:1px solid #ccc}}[class*=background-color-index-] .box[class*=box--separator]{border-color:#eee}.box--text-align-left{text-align:left}.box--text-align-center{text-align:center}.box--text-align-right{text-align:right}.box>.flex,.box>.flex-grow-1{flex-grow:1}.box--direction-down,.box--direction-up{flex-direction:column}.box--direction-left{justify-content:flex-end}.box--flush{padding:0}button:not(.button),input[type=button],input[type=submit]{padding:6px 22px;background-color:transparent;border:2px solid #0096d6;border-radius:0 5px 0 5px;color:#333;font-size:19px;font-size:1.1875rem;line-height:24px;font-weight:600;cursor:pointer;text-align:center;outline:none;min-width:120px;max-width:384px}button:not(.button):focus:not(.button--disabled),input[type=button]:focus:not(.button--disabled),input[type=submit]:focus:not(.button--disabled){border-color:#99d5ef;box-shadow:0 0 1px 1px #99d5ef}@media screen and (min-width:45em){button:not(.button),input[type=button],input[type=submit]{transition:.1s ease-in-out}}.button{padding:6px 22px;background-color:transparent;border:2px solid #0096d6;border-radius:0 5px 0 5px;color:#333;font-size:19px;font-size:1.1875rem;line-height:24px;font-weight:600;cursor:pointer;text-align:center;outline:none;min-width:120px;max-width:384px}.button:focus:not(.button--disabled){border-color:#99d5ef;box-shadow:0 0 1px 1px #99d5ef}@media screen and (min-width:45em){.button{transition:.1s ease-in-out}}.button__icon{display:inline-block;padding:12px}.button--primary{border-color:#0096d6;background-color:#0096d6;color:#fff}.button--secondary{border-color:rgba(51,51,51,.6)}.button--accent{border-color:#e6734b}.button--icon{border:none;padding:0;width:auto;height:auto;min-width:0;max-width:none}.button--icon.button--primary{background-color:#0096d6}.button--icon>span:not(.button__icon){vertical-align:middle}.button--icon>span:not(.button__icon):first-child{margin-left:12px}.button--icon>span:not(.button__icon):last-child{margin-right:12px}[class*=background-color-index-]:not([class*=background-color-index-light]) .button--icon{color:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .button--icon .control-icon{fill:#dbdbdb;stroke:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .button--icon:hover{color:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) .button--icon:hover .control-icon{fill:#fff;stroke:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) .button:not(.button--primary){border-color:#eee;color:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .button:not(.button--primary).button--accent{border-color:#e6734b}.button--disabled{opacity:.3;cursor:default}.button--fill{width:100%;max-width:none;flex-grow:1}.calendar{position:relative;display:inline-block;min-width:288px}.calendar__input{width:100%;height:100%;display:block;padding-right:60px}.calendar__input:focus{padding-right:59px}.calendar__control{position:absolute;top:50%;right:12px;transform:translateY(-50%)}.calendar__drop{border-top-left-radius:0;border-top-right-radius:0}.calendar__title{text-align:center}.calendar__grid{width:100%;padding:12px}.calendar__grid table{width:100%}.calendar__grid td,.calendar__grid th{text-align:center;padding:6px}.calendar__grid th{color:#777;font-weight:400}.calendar__day{display:inline-block;cursor:pointer;width:24px;height:24px;transition:background-color .3s}.calendar__day:hover{background-color:rgba(0,0,0,.1)}.calendar__day--other-month{color:#777}.calendar__day--active{background-color:#0096d6;color:#dbdbdb}.calendar--active .calendar__input{border-bottom-left-radius:0;border-bottom-right-radius:0}@-webkit-keyframes a{0%{opacity:1}to{opacity:0}}@keyframes a{0%{opacity:1}to{opacity:0}}.carousel{position:relative;max-width:100%;overflow:hidden}.carousel__track{display:flex;max-width:none;transition:all .8s}.carousel__item>*{width:100%}.carousel__arrow{-webkit-animation:b 1s;animation:b 1s;z-index:1;position:absolute;top:50%;transform:translateY(-50%);cursor:pointer}.carousel__arrow .control-icon{filter:drop-shadow(1px 1px 1px rgba(170,170,170,.5));-webkit-filter:drop-shadow(1px 1px 1px hsla(0,0%,67%,.5))}.carousel__arrow .control-icon polyline{stroke:#fff;stroke-width:1px}.carousel__arrow--next{right:0}.carousel__arrow--prev{left:0}.carousel .control-icon-next{right:0}.carousel .control-icon-previous{left:0}.carousel__controls{-webkit-animation:b 1s;animation:b 1s;margin-left:50%;transform:translateX(-50%);position:absolute;bottom:12px;text-align:center;z-index:1}.carousel__control{display:inline-block;width:36px;height:36px;stroke:#fff;fill:transparent;cursor:pointer;filter:drop-shadow(1px 1px 1px rgba(170,170,170,.5));-webkit-filter:drop-shadow(1px 1px 1px hsla(0,0%,67%,.5))}.carousel__control--active{stroke:#0096d6;fill:#0096d6}.carousel--hide-controls .carousel__controls,.carousel--hide-controls .control-icon-next,.carousel--hide-controls .control-icon-previous{opacity:0;-webkit-animation:a 1s;animation:a 1s}.carousel-controls__control{width:36px;height:36px;stroke:#fff;fill:transparent;cursor:pointer;filter:drop-shadow(1px 1px 1px rgba(170,170,170,.5));-webkit-filter:drop-shadow(1px 1px 1px hsla(0,0%,67%,.5))}.carousel-controls__control:hover{stroke-width:2px}.carousel-controls__control--active{stroke:#0096d6;fill:#0096d6}@-webkit-keyframes b{0%{opacity:0}to{opacity:1}}@keyframes b{0%{opacity:0}to{opacity:1}}.chart{position:relative;display:block}.chart__grid{stroke:#ccc}.chart__graphic{width:100%;height:192px;max-height:calc(100vh - 144px)}@media screen and (min-width:45em){.chart__values g{-webkit-animation:b 1.5s;animation:b 1.5s}}.chart__values-line{stroke-width:3px}.chart__values-line.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.chart__values-line.color-index-unset{stroke:#ddd}.chart__values-line.color-index-brand{stroke:#0096d6}.chart__values-line.color-index-critical{stroke:#f04b37}.chart__values-line.color-index-warning{stroke:#f0aa3c}.chart__values-line.color-index-ok{stroke:#509137}.chart__values-line.color-index-disabled,.chart__values-line.color-index-unknown{stroke:#848484}.chart__values-line.color-index-graph-1,.chart__values-line.color-index-graph-6{stroke:#0096d6}.chart__values-line.color-index-graph-2,.chart__values-line.color-index-graph-7{stroke:#c094bf}.chart__values-line.color-index-graph-3,.chart__values-line.color-index-graph-8{stroke:#99d5ef}.chart__values-line.color-index-graph-4,.chart__values-line.color-index-graph-9{stroke:#87898b}.chart__values-line.color-index-graph-5,.chart__values-line.color-index-graph-10{stroke:#b9b8bb}.chart__values-line.color-index-grey-1,.chart__values-line.color-index-grey-5{stroke:#676767}.chart__values-line.color-index-grey-2,.chart__values-line.color-index-grey-6{stroke:#ccc}.chart__values-line.color-index-grey-3,.chart__values-line.color-index-grey-7{stroke:#e8e8e8}.chart__values-line.color-index-grey-4,.chart__values-line.color-index-grey-8{stroke:#f2f2f2}.chart__values-line.color-index-light-1,.chart__values-line.color-index-light-3{stroke:#fff}.chart__values-line.color-index-light-2,.chart__values-line.color-index-light-4{stroke:#f5f5f5}.chart__values-area.color-index-critical,.chart__values-bar.color-index-critical{fill:rgba(240,75,55,.7)}.chart__values-area.color-index-warning,.chart__values-bar.color-index-warning{fill:rgba(240,170,60,.7)}.chart__values-area.color-index-ok,.chart__values-bar.color-index-ok{fill:rgba(80,145,55,.7)}.chart__values-area.color-index-disabled,.chart__values-area.color-index-unknown,.chart__values-bar.color-index-disabled,.chart__values-bar.color-index-unknown{fill:hsla(0,0%,52%,.7)}.chart__values-area.color-index-graph-1,.chart__values-area.color-index-graph-6,.chart__values-bar.color-index-graph-1,.chart__values-bar.color-index-graph-6{fill:rgba(0,150,214,.7)}.chart__values-area.color-index-graph-2,.chart__values-area.color-index-graph-7,.chart__values-bar.color-index-graph-2,.chart__values-bar.color-index-graph-7{fill:rgba(192,148,191,.7)}.chart__values-area.color-index-graph-3,.chart__values-area.color-index-graph-8,.chart__values-bar.color-index-graph-3,.chart__values-bar.color-index-graph-8{fill:rgba(153,213,239,.7)}.chart__values-area.color-index-graph-4,.chart__values-area.color-index-graph-9,.chart__values-bar.color-index-graph-4,.chart__values-bar.color-index-graph-9{fill:hsla(210,2%,54%,.7)}.chart__values-area.color-index-graph-5,.chart__values-area.color-index-graph-10,.chart__values-bar.color-index-graph-5,.chart__values-bar.color-index-graph-10{fill:hsla(260,2%,73%,.7)}.chart__values-area--active.color-index-unset,.chart__values-bar--active.color-index-unset{fill:#ddd}.chart__values-area--active.color-index-brand,.chart__values-bar--active.color-index-brand{fill:#0096d6}.chart__values-area--active.color-index-critical,.chart__values-bar--active.color-index-critical{fill:#f04b37}.chart__values-area--active.color-index-warning,.chart__values-bar--active.color-index-warning{fill:#f0aa3c}.chart__values-area--active.color-index-ok,.chart__values-bar--active.color-index-ok{fill:#509137}.chart__values-area--active.color-index-disabled,.chart__values-area--active.color-index-unknown,.chart__values-bar--active.color-index-disabled,.chart__values-bar--active.color-index-unknown{fill:#848484}.chart__values-area--active.color-index-graph-1,.chart__values-area--active.color-index-graph-6,.chart__values-bar--active.color-index-graph-1,.chart__values-bar--active.color-index-graph-6{fill:#0096d6}.chart__values-area--active.color-index-graph-2,.chart__values-area--active.color-index-graph-7,.chart__values-bar--active.color-index-graph-2,.chart__values-bar--active.color-index-graph-7{fill:#c094bf}.chart__values-area--active.color-index-graph-3,.chart__values-area--active.color-index-graph-8,.chart__values-bar--active.color-index-graph-3,.chart__values-bar--active.color-index-graph-8{fill:#99d5ef}.chart__values-area--active.color-index-graph-4,.chart__values-area--active.color-index-graph-9,.chart__values-bar--active.color-index-graph-4,.chart__values-bar--active.color-index-graph-9{fill:#87898b}.chart__values-area--active.color-index-graph-5,.chart__values-area--active.color-index-graph-10,.chart__values-bar--active.color-index-graph-5,.chart__values-bar--active.color-index-graph-10{fill:#b9b8bb}.chart__values-area--active.color-index-grey-1,.chart__values-area--active.color-index-grey-5,.chart__values-bar--active.color-index-grey-1,.chart__values-bar--active.color-index-grey-5{fill:#676767}.chart__values-area--active.color-index-grey-2,.chart__values-area--active.color-index-grey-6,.chart__values-bar--active.color-index-grey-2,.chart__values-bar--active.color-index-grey-6{fill:#ccc}.chart__values-area--active.color-index-grey-3,.chart__values-area--active.color-index-grey-7,.chart__values-bar--active.color-index-grey-3,.chart__values-bar--active.color-index-grey-7{fill:#e8e8e8}.chart__values-area--active.color-index-grey-4,.chart__values-area--active.color-index-grey-8,.chart__values-bar--active.color-index-grey-4,.chart__values-bar--active.color-index-grey-8{fill:#f2f2f2}.chart__values-point{stroke-width:3px;fill:#fff}.chart__values-point.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.chart__values-point.color-index-unset{stroke:#ddd}.chart__values-point.color-index-brand{stroke:#0096d6}.chart__values-point.color-index-critical{stroke:#f04b37}.chart__values-point.color-index-warning{stroke:#f0aa3c}.chart__values-point.color-index-ok{stroke:#509137}.chart__values-point.color-index-disabled,.chart__values-point.color-index-unknown{stroke:#848484}.chart__values-point.color-index-graph-1,.chart__values-point.color-index-graph-6{stroke:#0096d6}.chart__values-point.color-index-graph-2,.chart__values-point.color-index-graph-7{stroke:#c094bf}.chart__values-point.color-index-graph-3,.chart__values-point.color-index-graph-8{stroke:#99d5ef}.chart__values-point.color-index-graph-4,.chart__values-point.color-index-graph-9{stroke:#87898b}.chart__values-point.color-index-graph-5,.chart__values-point.color-index-graph-10{stroke:#b9b8bb}.chart__values-point.color-index-grey-1,.chart__values-point.color-index-grey-5{stroke:#676767}.chart__values-point.color-index-grey-2,.chart__values-point.color-index-grey-6{stroke:#ccc}.chart__values-point.color-index-grey-3,.chart__values-point.color-index-grey-7{stroke:#e8e8e8}.chart__values-point.color-index-grey-4,.chart__values-point.color-index-grey-8{stroke:#f2f2f2}.chart__values-point.color-index-light-1,.chart__values-point.color-index-light-3{stroke:#fff}.chart__values-point.color-index-light-2,.chart__values-point.color-index-light-4{stroke:#f5f5f5}.chart__values--loading{stroke-width:24px}.chart__values--loading.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.chart__values--loading.color-index-unset{stroke:#ddd}.chart__values--loading.color-index-brand{stroke:#0096d6}.chart__values--loading.color-index-critical{stroke:#f04b37}.chart__values--loading.color-index-warning{stroke:#f0aa3c}.chart__values--loading.color-index-ok{stroke:#509137}.chart__values--loading.color-index-disabled,.chart__values--loading.color-index-unknown{stroke:#848484}.chart__values--loading.color-index-graph-1,.chart__values--loading.color-index-graph-6{stroke:#0096d6}.chart__values--loading.color-index-graph-2,.chart__values--loading.color-index-graph-7{stroke:#c094bf}.chart__values--loading.color-index-graph-3,.chart__values--loading.color-index-graph-8{stroke:#99d5ef}.chart__values--loading.color-index-graph-4,.chart__values--loading.color-index-graph-9{stroke:#87898b}.chart__values--loading.color-index-graph-5,.chart__values--loading.color-index-graph-10{stroke:#b9b8bb}.chart__values--loading.color-index-grey-1,.chart__values--loading.color-index-grey-5{stroke:#676767}.chart__values--loading.color-index-grey-2,.chart__values--loading.color-index-grey-6{stroke:#ccc}.chart__values--loading.color-index-grey-3,.chart__values--loading.color-index-grey-7{stroke:#e8e8e8}.chart__values--loading.color-index-grey-4,.chart__values--loading.color-index-grey-8{stroke:#f2f2f2}.chart__values--loading.color-index-light-1,.chart__values--loading.color-index-light-3{stroke:#fff}.chart__values--loading.color-index-light-2,.chart__values--loading.color-index-light-4{stroke:#f5f5f5}.chart__threshold{stroke-width:2px;stroke:rgba(51,51,51,.2);pointer-events:none}.chart__yaxis .chart__bar.color-index-critical{fill:rgba(240,75,55,.5)}.chart__yaxis .chart__bar.color-index-warning{fill:rgba(240,170,60,.5)}.chart__yaxis .chart__bar.color-index-ok{fill:rgba(80,145,55,.5)}.chart__yaxis .chart__bar.color-index-disabled,.chart__yaxis .chart__bar.color-index-unknown{fill:hsla(0,0%,52%,.5)}.chart__yaxis .chart__bar.color-index-graph-1,.chart__yaxis .chart__bar.color-index-graph-6{fill:rgba(0,150,214,.5)}.chart__yaxis .chart__bar.color-index-graph-2,.chart__yaxis .chart__bar.color-index-graph-7{fill:rgba(192,148,191,.5)}.chart__yaxis .chart__bar.color-index-graph-3,.chart__yaxis .chart__bar.color-index-graph-8{fill:rgba(153,213,239,.5)}.chart__yaxis .chart__bar.color-index-graph-4,.chart__yaxis .chart__bar.color-index-graph-9{fill:hsla(210,2%,54%,.5)}.chart__yaxis .chart__bar.color-index-graph-5,.chart__yaxis .chart__bar.color-index-graph-10{fill:hsla(260,2%,73%,.5)}.chart__xaxis-index text{fill:#777}.chart__xaxis-index--eclipse text{fill:transparent}.chart__xaxis-index--active text{fill:#333}.chart__front-xband-background{fill:transparent}.chart__cursor{stroke:#333;stroke-width:2;pointer-events:none}.chart__cursor-point{stroke-width:2}.chart__cursor-point.color-index-unset{fill:#ddd}.chart__cursor-point.color-index-brand{fill:#0096d6}.chart__cursor-point.color-index-critical{fill:#f04b37}.chart__cursor-point.color-index-warning{fill:#f0aa3c}.chart__cursor-point.color-index-ok{fill:#509137}.chart__cursor-point.color-index-disabled,.chart__cursor-point.color-index-unknown{fill:#848484}.chart__cursor-point.color-index-graph-1,.chart__cursor-point.color-index-graph-6{fill:#0096d6}.chart__cursor-point.color-index-graph-2,.chart__cursor-point.color-index-graph-7{fill:#c094bf}.chart__cursor-point.color-index-graph-3,.chart__cursor-point.color-index-graph-8{fill:#99d5ef}.chart__cursor-point.color-index-graph-4,.chart__cursor-point.color-index-graph-9{fill:#87898b}.chart__cursor-point.color-index-graph-5,.chart__cursor-point.color-index-graph-10{fill:#b9b8bb}.chart__cursor-point.color-index-grey-1,.chart__cursor-point.color-index-grey-5{fill:#676767}.chart__cursor-point.color-index-grey-2,.chart__cursor-point.color-index-grey-6{fill:#ccc}.chart__cursor-point.color-index-grey-3,.chart__cursor-point.color-index-grey-7{fill:#e8e8e8}.chart__cursor-point.color-index-grey-4,.chart__cursor-point.color-index-grey-8{fill:#f2f2f2}.chart__legend--overlay{padding:12px;pointer-events:none}@media screen and (max-width:44.9375em){.chart__legend--overlay{margin:0 auto}}@media screen and (min-width:45em){.chart__legend--overlay{position:absolute;left:0;margin:0;background-color:hsla(0,0%,100%,.8)}}.chart--area .chart__gradient.color-index-critical .begin,.chart--bar .chart__gradient.color-index-critical .begin{stop-color:#f04b37}.chart--area .chart__gradient.color-index-critical .mid,.chart--bar .chart__gradient.color-index-critical .mid{stop-color:#f04b37;stop-opacity:.5}.chart--area .chart__gradient.color-index-critical .end,.chart--bar .chart__gradient.color-index-critical .end{stop-color:#f04b37;stop-opacity:0}.chart--area .chart__gradient.color-index-warning .begin,.chart--bar .chart__gradient.color-index-warning .begin{stop-color:#f0aa3c}.chart--area .chart__gradient.color-index-warning .mid,.chart--bar .chart__gradient.color-index-warning .mid{stop-color:#f0aa3c;stop-opacity:.5}.chart--area .chart__gradient.color-index-warning .end,.chart--bar .chart__gradient.color-index-warning .end{stop-color:#f0aa3c;stop-opacity:0}.chart--area .chart__gradient.color-index-ok .begin,.chart--bar .chart__gradient.color-index-ok .begin{stop-color:#509137}.chart--area .chart__gradient.color-index-ok .mid,.chart--bar .chart__gradient.color-index-ok .mid{stop-color:#509137;stop-opacity:.5}.chart--area .chart__gradient.color-index-ok .end,.chart--bar .chart__gradient.color-index-ok .end{stop-color:#509137;stop-opacity:0}.chart--area .chart__gradient.color-index-unknown .begin,.chart--bar .chart__gradient.color-index-unknown .begin{stop-color:#848484}.chart--area .chart__gradient.color-index-unknown .mid,.chart--bar .chart__gradient.color-index-unknown .mid{stop-color:#848484;stop-opacity:.5}.chart--area .chart__gradient.color-index-unknown .end,.chart--bar .chart__gradient.color-index-unknown .end{stop-color:#848484;stop-opacity:0}.chart--area .chart__gradient.color-index-disabled .begin,.chart--bar .chart__gradient.color-index-disabled .begin{stop-color:#848484}.chart--area .chart__gradient.color-index-disabled .mid,.chart--bar .chart__gradient.color-index-disabled .mid{stop-color:#848484;stop-opacity:.5}.chart--area .chart__gradient.color-index-disabled .end,.chart--bar .chart__gradient.color-index-disabled .end{stop-color:#848484;stop-opacity:0}.chart--area .chart__gradient.color-index-graph-1 .begin,.chart--area .chart__gradient.color-index-graph-6 .begin,.chart--bar .chart__gradient.color-index-graph-1 .begin,.chart--bar .chart__gradient.color-index-graph-6 .begin{stop-color:#0096d6}.chart--area .chart__gradient.color-index-graph-1 .mid,.chart--area .chart__gradient.color-index-graph-6 .mid,.chart--bar .chart__gradient.color-index-graph-1 .mid,.chart--bar .chart__gradient.color-index-graph-6 .mid{stop-color:#0096d6;stop-opacity:.5}.chart--area .chart__gradient.color-index-graph-1 .end,.chart--area .chart__gradient.color-index-graph-6 .end,.chart--bar .chart__gradient.color-index-graph-1 .end,.chart--bar .chart__gradient.color-index-graph-6 .end{stop-color:#0096d6;stop-opacity:0}.chart--area .chart__gradient.color-index-graph-2 .begin,.chart--area .chart__gradient.color-index-graph-7 .begin,.chart--bar .chart__gradient.color-index-graph-2 .begin,.chart--bar .chart__gradient.color-index-graph-7 .begin{stop-color:#c094bf}.chart--area .chart__gradient.color-index-graph-2 .mid,.chart--area .chart__gradient.color-index-graph-7 .mid,.chart--bar .chart__gradient.color-index-graph-2 .mid,.chart--bar .chart__gradient.color-index-graph-7 .mid{stop-color:#c094bf;stop-opacity:.5}.chart--area .chart__gradient.color-index-graph-2 .end,.chart--area .chart__gradient.color-index-graph-7 .end,.chart--bar .chart__gradient.color-index-graph-2 .end,.chart--bar .chart__gradient.color-index-graph-7 .end{stop-color:#c094bf;stop-opacity:0}.chart--area .chart__gradient.color-index-graph-3 .begin,.chart--area .chart__gradient.color-index-graph-8 .begin,.chart--bar .chart__gradient.color-index-graph-3 .begin,.chart--bar .chart__gradient.color-index-graph-8 .begin{stop-color:#99d5ef}.chart--area .chart__gradient.color-index-graph-3 .mid,.chart--area .chart__gradient.color-index-graph-8 .mid,.chart--bar .chart__gradient.color-index-graph-3 .mid,.chart--bar .chart__gradient.color-index-graph-8 .mid{stop-color:#99d5ef;stop-opacity:.5}.chart--area .chart__gradient.color-index-graph-3 .end,.chart--area .chart__gradient.color-index-graph-8 .end,.chart--bar .chart__gradient.color-index-graph-3 .end,.chart--bar .chart__gradient.color-index-graph-8 .end{stop-color:#99d5ef;stop-opacity:0}.chart--area .chart__gradient.color-index-graph-4 .begin,.chart--area .chart__gradient.color-index-graph-9 .begin,.chart--bar .chart__gradient.color-index-graph-4 .begin,.chart--bar .chart__gradient.color-index-graph-9 .begin{stop-color:#87898b}.chart--area .chart__gradient.color-index-graph-4 .mid,.chart--area .chart__gradient.color-index-graph-9 .mid,.chart--bar .chart__gradient.color-index-graph-4 .mid,.chart--bar .chart__gradient.color-index-graph-9 .mid{stop-color:#87898b;stop-opacity:.5}.chart--area .chart__gradient.color-index-graph-4 .end,.chart--area .chart__gradient.color-index-graph-9 .end,.chart--bar .chart__gradient.color-index-graph-4 .end,.chart--bar .chart__gradient.color-index-graph-9 .end{stop-color:#87898b;stop-opacity:0}.chart--area .chart__gradient.color-index-graph-5 .begin,.chart--area .chart__gradient.color-index-graph-10 .begin,.chart--bar .chart__gradient.color-index-graph-5 .begin,.chart--bar .chart__gradient.color-index-graph-10 .begin{stop-color:#b9b8bb}.chart--area .chart__gradient.color-index-graph-5 .mid,.chart--area .chart__gradient.color-index-graph-10 .mid,.chart--bar .chart__gradient.color-index-graph-5 .mid,.chart--bar .chart__gradient.color-index-graph-10 .mid{stop-color:#b9b8bb;stop-opacity:.5}.chart--area .chart__gradient.color-index-graph-5 .end,.chart--area .chart__gradient.color-index-graph-10 .end,.chart--bar .chart__gradient.color-index-graph-5 .end,.chart--bar .chart__gradient.color-index-graph-10 .end{stop-color:#b9b8bb;stop-opacity:0}.chart--small .chart__graphic{height:96px}.chart--large .chart__graphic{height:288px}.chart--sparkline{display:inline-block;margin-right:6px}.chart--sparkline .chart__graphic{width:auto;height:24px}.chart--sparkline .chart__values-area.color-index-unset,.chart--sparkline .chart__values-bar.color-index-unset{fill:#ddd}.chart--sparkline .chart__values-area.color-index-brand,.chart--sparkline .chart__values-bar.color-index-brand{fill:#0096d6}.chart--sparkline .chart__values-area.color-index-critical,.chart--sparkline .chart__values-bar.color-index-critical{fill:#f04b37}.chart--sparkline .chart__values-area.color-index-warning,.chart--sparkline .chart__values-bar.color-index-warning{fill:#f0aa3c}.chart--sparkline .chart__values-area.color-index-ok,.chart--sparkline .chart__values-bar.color-index-ok{fill:#509137}.chart--sparkline .chart__values-area.color-index-disabled,.chart--sparkline .chart__values-area.color-index-unknown,.chart--sparkline .chart__values-bar.color-index-disabled,.chart--sparkline .chart__values-bar.color-index-unknown{fill:#848484}.chart--sparkline .chart__values-area.color-index-graph-1,.chart--sparkline .chart__values-area.color-index-graph-6,.chart--sparkline .chart__values-bar.color-index-graph-1,.chart--sparkline .chart__values-bar.color-index-graph-6{fill:#0096d6}.chart--sparkline .chart__values-area.color-index-graph-2,.chart--sparkline .chart__values-area.color-index-graph-7,.chart--sparkline .chart__values-bar.color-index-graph-2,.chart--sparkline .chart__values-bar.color-index-graph-7{fill:#c094bf}.chart--sparkline .chart__values-area.color-index-graph-3,.chart--sparkline .chart__values-area.color-index-graph-8,.chart--sparkline .chart__values-bar.color-index-graph-3,.chart--sparkline .chart__values-bar.color-index-graph-8{fill:#99d5ef}.chart--sparkline .chart__values-area.color-index-graph-4,.chart--sparkline .chart__values-area.color-index-graph-9,.chart--sparkline .chart__values-bar.color-index-graph-4,.chart--sparkline .chart__values-bar.color-index-graph-9{fill:#87898b}.chart--sparkline .chart__values-area.color-index-graph-5,.chart--sparkline .chart__values-area.color-index-graph-10,.chart--sparkline .chart__values-bar.color-index-graph-5,.chart--sparkline .chart__values-bar.color-index-graph-10{fill:#b9b8bb}.chart--sparkline .chart__values-area.color-index-grey-1,.chart--sparkline .chart__values-area.color-index-grey-5,.chart--sparkline .chart__values-bar.color-index-grey-1,.chart--sparkline .chart__values-bar.color-index-grey-5{fill:#676767}.chart--sparkline .chart__values-area.color-index-grey-2,.chart--sparkline .chart__values-area.color-index-grey-6,.chart--sparkline .chart__values-bar.color-index-grey-2,.chart--sparkline .chart__values-bar.color-index-grey-6{fill:#ccc}.chart--sparkline .chart__values-area.color-index-grey-3,.chart--sparkline .chart__values-area.color-index-grey-7,.chart--sparkline .chart__values-bar.color-index-grey-3,.chart--sparkline .chart__values-bar.color-index-grey-7{fill:#e8e8e8}.chart--sparkline .chart__values-area.color-index-grey-4,.chart--sparkline .chart__values-area.color-index-grey-8,.chart--sparkline .chart__values-bar.color-index-grey-4,.chart--sparkline .chart__values-bar.color-index-grey-8{fill:#f2f2f2}.check-box{margin-right:12px;white-space:nowrap}.check-box:not(.check-box--disabled){cursor:pointer}.check-box:hover:not(.check-box--disabled) .check-box__control{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box:hover:not(.check-box--disabled) .check-box__control{border-color:#fff}.check-box:hover:not(.check-box--disabled) .check-box__input:checked+.check-box__control{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box:hover:not(.check-box--disabled) .check-box__input:checked+.check-box__control{border-color:#fff}.check-box:hover:not(.check-box--disabled) .check-box__label{color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box:hover:not(.check-box--disabled) .check-box__label{color:#fff}.check-box__input{opacity:0;position:absolute}.check-box__input:checked+.check-box__control{border-color:#0096d6}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box__input:checked+.check-box__control{border-color:#fff}.check-box__input:checked+.check-box__control .check-box__control-check{display:block}.check-box__input:checked+.check-box__control+.check-box__label{color:#333}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box__input:checked+.check-box__control+.check-box__label{color:#fff}.check-box__input:focus+.check-box__control{border-color:#99d5ef;box-shadow:0 0 1px 1px #99d5ef}.check-box__control{position:relative;top:-1px;display:inline-block;width:24px;height:24px;margin-right:12px;vertical-align:middle;background-color:inherit;border:2px solid #999;border-radius:0 5px 0 5px}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box__control{border-color:#dbdbdb}.check-box__control-check{position:absolute;top:-2px;left:-2px;display:none;width:24px;height:24px;stroke-width:4px;stroke:#0096d6}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box__control-check{stroke:#fff}.check-box__label{color:#777}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box__label{color:#dbdbdb}.check-box--disabled .check-box__control{opacity:.5}.check-box--toggle:hover:not(.check-box--disabled) .check-box__control:after{content:"";border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle:hover:not(.check-box--disabled) .check-box__control:after{background-color:#fff;border-color:#fff}.check-box--toggle:hover:not(.check-box--disabled) .check-box__input:checked+.check-box__control:after{content:"";border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle:hover:not(.check-box--disabled) .check-box__input:checked+.check-box__control:after{background-color:#fff;border-color:#fff}.check-box--toggle .check-box__control{width:48px;height:24px;border-radius:24px;background-color:#b2b2b2;border:none;transition:background-color .3s}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle .check-box__control{background-color:hsla(0,0%,100%,.1)}.check-box--toggle .check-box__control:after{content:"";display:block;position:absolute;top:-2px;left:0;width:28px;height:28px;background-color:#fff;border:2px solid #999;border-radius:24px;transition:margin-left .3s}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle .check-box__control:after{background-color:transparent;border-color:#dbdbdb}.check-box--toggle .check-box__input:checked+.check-box__control{background-color:#0096d6}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle .check-box__input:checked+.check-box__control{background-color:hsla(0,0%,100%,.1)}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle .check-box__input:checked+.check-box__control .check-box__control-check{stroke:transparent}.check-box--toggle .check-box__input:checked+.check-box__control:after{content:"";background-color:#fff;border-color:#0096d6;margin-left:24px}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle .check-box__input:checked+.check-box__control:after{border-color:#dbdbdb}.background-color-index-neutral-1,.background-color-index-neutral-5{background-color:#006996}.background-color-index-neutral-1-a,.background-color-index-neutral-5-a{background-color:rgba(0,105,150,.8)}.background-color-index-neutral-2,.background-color-index-neutral-6{background-color:#a65336}.background-color-index-neutral-2-a,.background-color-index-neutral-6-a{background-color:rgba(166,83,54,.8)}.background-color-index-neutral-3,.background-color-index-neutral-7{background-color:#a69136}.background-color-index-neutral-3-a,.background-color-index-neutral-7-a{background-color:rgba(166,145,54,.8)}.background-color-index-neutral-4,.background-color-index-neutral-8{background-color:#774677}.background-color-index-neutral-4-a,.background-color-index-neutral-8-a{background-color:rgba(119,70,119,.8)}.background-color-index-accent-1,.background-color-index-accent-4{background-color:#e6734b}.background-color-index-accent-1-a,.background-color-index-accent-4-a{background-color:rgba(230,115,75,.8)}.background-color-index-accent-2,.background-color-index-accent-5{background-color:#e6c84b}.background-color-index-accent-2-a,.background-color-index-accent-5-a{background-color:rgba(230,200,75,.8)}.background-color-index-accent-3,.background-color-index-accent-6{background-color:#915591}.background-color-index-accent-3-a,.background-color-index-accent-6-a{background-color:rgba(145,85,145,.8)}.background-color-index-grey-1,.background-color-index-grey-5{background-color:#676767}.background-color-index-grey-1-a,.background-color-index-grey-5-a{background-color:hsla(0,0%,40%,.8)}.background-color-index-grey-2,.background-color-index-grey-6{background-color:#ccc}.background-color-index-grey-2-a,.background-color-index-grey-6-a{background-color:hsla(0,0%,80%,.8)}.background-color-index-grey-3,.background-color-index-grey-7{background-color:#e8e8e8}.background-color-index-grey-3-a,.background-color-index-grey-7-a{background-color:hsla(0,0%,91%,.8)}.background-color-index-grey-4,.background-color-index-grey-8{background-color:#f2f2f2}.background-color-index-grey-4-a,.background-color-index-grey-8-a{background-color:hsla(0,0%,95%,.8)}.background-color-index-graph-1,.background-color-index-graph-6{background-color:#0096d6}.background-color-index-graph-2,.background-color-index-graph-7{background-color:#c094bf}.background-color-index-graph-3,.background-color-index-graph-8{background-color:#99d5ef}.background-color-index-graph-4,.background-color-index-graph-9{background-color:#87898b}.background-color-index-graph-5,.background-color-index-graph-10{background-color:#b9b8bb}[class*=background-color-index-]{color:#dbdbdb}.background-color-index-light-1,.background-color-index-light-3{background-color:#fff;color:#333}.background-color-index-light-2,.background-color-index-light-4{background-color:#f5f5f5;color:#333}.center-column{padding-left:24px;padding-right:24px}.center-column .center-column__content{width:100%;max-width:960px;margin-left:auto;margin-right:auto}@media screen and (min-width:45em){.dashboard{height:calc(100vh - 96px)}}@media screen and (max-width:44.9375em){.dashboard{height:calc(100vh - 48px)}}.distribution{position:relative;display:block}.distribution__graphic{width:100%;height:192px;max-height:calc(100vh - 144px)}.distribution__item--clickable{cursor:pointer}.distribution__item-box.color-index-unset{fill:#ddd}.distribution__item-box.color-index-brand{fill:#0096d6}.distribution__item-box.color-index-critical{fill:#f04b37}.distribution__item-box.color-index-warning{fill:#f0aa3c}.distribution__item-box.color-index-ok{fill:#509137}.distribution__item-box.color-index-disabled,.distribution__item-box.color-index-unknown{fill:#848484}.distribution__item-box.color-index-graph-1,.distribution__item-box.color-index-graph-6{fill:#0096d6}.distribution__item-box.color-index-graph-2,.distribution__item-box.color-index-graph-7{fill:#c094bf}.distribution__item-box.color-index-graph-3,.distribution__item-box.color-index-graph-8{fill:#99d5ef}.distribution__item-box.color-index-graph-4,.distribution__item-box.color-index-graph-9{fill:#87898b}.distribution__item-box.color-index-graph-5,.distribution__item-box.color-index-graph-10{fill:#b9b8bb}.distribution__item-box.color-index-grey-1,.distribution__item-box.color-index-grey-5{fill:#676767}.distribution__item-box.color-index-grey-2,.distribution__item-box.color-index-grey-6{fill:#ccc}.distribution__item-box.color-index-grey-3,.distribution__item-box.color-index-grey-7{fill:#e8e8e8}.distribution__item-box.color-index-grey-4,.distribution__item-box.color-index-grey-8{fill:#f2f2f2}.distribution__item-icons.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.distribution__item-icons.color-index-unset{stroke:#ddd}.distribution__item-icons.color-index-brand{stroke:#0096d6}.distribution__item-icons.color-index-critical{stroke:#f04b37}.distribution__item-icons.color-index-warning{stroke:#f0aa3c}.distribution__item-icons.color-index-ok{stroke:#509137}.distribution__item-icons.color-index-disabled,.distribution__item-icons.color-index-unknown{stroke:#848484}.distribution__item-icons.color-index-graph-1,.distribution__item-icons.color-index-graph-6{stroke:#0096d6}.distribution__item-icons.color-index-graph-2,.distribution__item-icons.color-index-graph-7{stroke:#c094bf}.distribution__item-icons.color-index-graph-3,.distribution__item-icons.color-index-graph-8{stroke:#99d5ef}.distribution__item-icons.color-index-graph-4,.distribution__item-icons.color-index-graph-9{stroke:#87898b}.distribution__item-icons.color-index-graph-5,.distribution__item-icons.color-index-graph-10{stroke:#b9b8bb}.distribution__item-icons.color-index-grey-1,.distribution__item-icons.color-index-grey-5{stroke:#676767}.distribution__item-icons.color-index-grey-2,.distribution__item-icons.color-index-grey-6{stroke:#ccc}.distribution__item-icons.color-index-grey-3,.distribution__item-icons.color-index-grey-7{stroke:#e8e8e8}.distribution__item-icons.color-index-grey-4,.distribution__item-icons.color-index-grey-8{stroke:#f2f2f2}.distribution__item-icons.color-index-light-1,.distribution__item-icons.color-index-light-3{stroke:#fff}.distribution__item-icons.color-index-light-2,.distribution__item-icons.color-index-light-4{stroke:#f5f5f5}.distribution__label{position:absolute;padding:24px;font-family:HPSimplified,Arial,sans-serif;color:#dbdbdb;overflow:hidden;text-align:left;pointer-events:none}.distribution__label-value{display:block;font-size:36px;font-size:2.25rem;line-height:1.33333;font-weight:700}.distribution__label-units{font-size:24px;font-size:1.5rem;line-height:inherit;margin-left:6px;font-weight:400}.distribution__label-label{display:block}.distribution__label--active{color:#333}.distribution__label--thin .distribution__label-label,.distribution__label--thin .distribution__label-value{display:inline-block}.distribution__label--icons{background-color:hsla(0,0%,100%,.8);color:#333}.distribution__label--icons .label-units{color:#777}.distribution__label--icons .label-label{display:block}.distribution__loading-indicator{stroke-width:24px}.distribution__loading-indicator.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.distribution__loading-indicator.color-index-unset{stroke:#ddd}.distribution__loading-indicator.color-index-brand{stroke:#0096d6}.distribution__loading-indicator.color-index-critical{stroke:#f04b37}.distribution__loading-indicator.color-index-warning{stroke:#f0aa3c}.distribution__loading-indicator.color-index-ok{stroke:#509137}.distribution__loading-indicator.color-index-disabled,.distribution__loading-indicator.color-index-unknown{stroke:#848484}.distribution__loading-indicator.color-index-graph-1,.distribution__loading-indicator.color-index-graph-6{stroke:#0096d6}.distribution__loading-indicator.color-index-graph-2,.distribution__loading-indicator.color-index-graph-7{stroke:#c094bf}.distribution__loading-indicator.color-index-graph-3,.distribution__loading-indicator.color-index-graph-8{stroke:#99d5ef}.distribution__loading-indicator.color-index-graph-4,.distribution__loading-indicator.color-index-graph-9{stroke:#87898b}.distribution__loading-indicator.color-index-graph-5,.distribution__loading-indicator.color-index-graph-10{stroke:#b9b8bb}.distribution__loading-indicator.color-index-grey-1,.distribution__loading-indicator.color-index-grey-5{stroke:#676767}.distribution__loading-indicator.color-index-grey-2,.distribution__loading-indicator.color-index-grey-6{stroke:#ccc}.distribution__loading-indicator.color-index-grey-3,.distribution__loading-indicator.color-index-grey-7{stroke:#e8e8e8}.distribution__loading-indicator.color-index-grey-4,.distribution__loading-indicator.color-index-grey-8{stroke:#f2f2f2}.distribution__loading-indicator.color-index-light-1,.distribution__loading-indicator.color-index-light-3{stroke:#fff}.distribution__loading-indicator.color-index-light-2,.distribution__loading-indicator.color-index-light-4{stroke:#f5f5f5}.distribution--icons .distribution__label{padding:0 12px 12px 0}.distribution--icons .distribution__label-value{line-height:1}.distribution--small-label .distribution__label{padding-top:0;padding-left:6px}.distribution--small-label .distribution__label-value{font-size:20px;font-size:1.25rem;line-height:1.2}.distribution--small .distribution__graphic{height:96px}.distribution--large .distribution__graphic{height:288px}@-webkit-keyframes c{0%{stroke-dashoffset:768px}to{stroke-dashoffset:0}}@keyframes c{0%{stroke-dashoffset:768px}to{stroke-dashoffset:0}}@media screen and (max-width:44.9375em){.donut{width:192px;margin:0 auto}}.donut.series-pre path{stroke-dashoffset:768px}.donut__graphic-container{position:relative;width:192px;height:192px}.donut svg.donut__graphic{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible}.donut__slice{stroke-width:24px;stroke-linecap:butt;stroke-dasharray:768px 768px;stroke-dashoffset:0;fill:none;cursor:pointer;stroke:#b2b2b2}.donut__slice.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.donut__slice.color-index-unset{stroke:#ddd}.donut__slice.color-index-brand{stroke:#0096d6}.donut__slice.color-index-critical{stroke:#f04b37}.donut__slice.color-index-warning{stroke:#f0aa3c}.donut__slice.color-index-ok{stroke:#509137}.donut__slice.color-index-disabled,.donut__slice.color-index-unknown{stroke:#848484}.donut__slice.color-index-graph-1,.donut__slice.color-index-graph-6{stroke:#0096d6}.donut__slice.color-index-graph-2,.donut__slice.color-index-graph-7{stroke:#c094bf}.donut__slice.color-index-graph-3,.donut__slice.color-index-graph-8{stroke:#99d5ef}.donut__slice.color-index-graph-4,.donut__slice.color-index-graph-9{stroke:#87898b}.donut__slice.color-index-graph-5,.donut__slice.color-index-graph-10{stroke:#b9b8bb}.donut__slice.color-index-grey-1,.donut__slice.color-index-grey-5{stroke:#676767}.donut__slice.color-index-grey-2,.donut__slice.color-index-grey-6{stroke:#ccc}.donut__slice.color-index-grey-3,.donut__slice.color-index-grey-7{stroke:#e8e8e8}.donut__slice.color-index-grey-4,.donut__slice.color-index-grey-8{stroke:#f2f2f2}.donut__slice.color-index-light-1,.donut__slice.color-index-light-3{stroke:#fff}.donut__slice.color-index-light-2,.donut__slice.color-index-light-4{stroke:#f5f5f5}@media screen and (min-width:45em){.donut__slice{-webkit-animation:c 3s;animation:c 3s}}.donut__slice-indicator.color-index-unset{fill:#ddd}.donut__slice-indicator.color-index-brand{fill:#0096d6}.donut__slice-indicator.color-index-critical{fill:#f04b37}.donut__slice-indicator.color-index-warning{fill:#f0aa3c}.donut__slice-indicator.color-index-ok{fill:#509137}.donut__slice-indicator.color-index-disabled,.donut__slice-indicator.color-index-unknown{fill:#848484}.donut__slice-indicator.color-index-graph-1,.donut__slice-indicator.color-index-graph-6{fill:#0096d6}.donut__slice-indicator.color-index-graph-2,.donut__slice-indicator.color-index-graph-7{fill:#c094bf}.donut__slice-indicator.color-index-graph-3,.donut__slice-indicator.color-index-graph-8{fill:#99d5ef}.donut__slice-indicator.color-index-graph-4,.donut__slice-indicator.color-index-graph-9{fill:#87898b}.donut__slice-indicator.color-index-graph-5,.donut__slice-indicator.color-index-graph-10{fill:#b9b8bb}.donut__slice-indicator.color-index-grey-1,.donut__slice-indicator.color-index-grey-5{fill:#676767}.donut__slice-indicator.color-index-grey-2,.donut__slice-indicator.color-index-grey-6{fill:#ccc}.donut__slice-indicator.color-index-grey-3,.donut__slice-indicator.color-index-grey-7{fill:#e8e8e8}.donut__slice-indicator.color-index-grey-4,.donut__slice-indicator.color-index-grey-8{fill:#f2f2f2}.donut__slice--active{stroke-width:24px}.donut__active{position:absolute;width:100%;margin-top:72px;text-align:center;white-space:normal;pointer-events:none}.donut__active-value{font-size:36px;font-size:2.25rem;line-height:38px;font-weight:700}.donut__active-units{font-size:24px;font-size:1.5rem;line-height:inherit;margin-left:6px;color:#777;font-weight:400}.donut__active-label{width:50%;margin:0 auto;font-size:14px;font-size:.875rem;line-height:16px}.donut__max-label,.donut__min-label{position:absolute;bottom:0;color:#777;font-size:14px;font-size:.875rem;line-height:1.71429}.donut__min-label{left:12px}.donut__max-label{right:12px}.donut__legend{margin:24px 0 0}@media screen and (min-width:45em){.donut--landscape{white-space:nowrap}.donut--landscape .donut__graphic-container,.donut--landscape .donut__legend{display:inline-block;vertical-align:middle}.donut--landscape .donut__legend{margin:0 0 0 24px}}.donut--portrait .donut__graphic-container{display:block}.donut--portrait .donut__legend{margin:24px 0 0}.donut--partial .donut__graphic-container{height:168px}.donut--small .donut__graphic-container{width:144px;height:144px}.donut--small .donut__active{margin-top:48px}@media screen and (min-width:45em){.donut--small .donut__legend{display:none}}.drop{position:fixed;z-index:5;background-color:hsla(0,0%,100%,.9);border:none;border-radius:0 5px 0 5px;box-shadow:0 2px 4px rgba(0,0,0,.3);overflow:auto}.footer{min-height:36px;line-height:36px;width:100%}.footer__content{display:flex;justify-content:space-between;width:100%;padding-left:24px;padding-right:24px}.footer__content.center-column__content>.menu:first-child{flex:0 0 auto;width:192px}@media screen and (max-width:44.9375em){.footer__content.center-column__content>.menu:first-child{width:100%}.footer__content.center-column__content>.menu:first-child:empty{width:0;margin:0;padding:0}}.footer__content>.flex-1{flex:1}.footer__content>.flex-2{flex:2}.footer__content>.flex-3{flex:3}.footer__content>.flex-4{flex:4}.footer__content>*{margin-right:48px}.footer__content>:last-child{margin-right:0;text-align:left}.footer--primary{height:auto;padding:24px}.footer--primary .footer__content{position:relative;color:#777;display:block}.footer--primary .footer__content p{padding-top:12px;margin:0;max-width:none;text-align:right;line-height:24px}.footer--centered .footer__content{display:block;text-align:center}.footer--centered .footer__content>*{margin-right:auto;margin-left:auto;text-align:center}.footer--flush .footer__content{padding-left:0;padding-right:0}.footer--large .footer__content{padding-top:24px;padding-bottom:24px}.footer__container--float{padding-left:24px;padding-right:24px}.footer__container--float,:not(.footer__container--float)>.footer--float{position:absolute;bottom:0;left:0;right:0}.form{position:relative}@media screen and (min-width:45em){.form{width:480px;max-width:100%}.form .form-field .tiles__container{max-width:480px}}.form--pad-none{padding:0}.form--pad-small{padding:12px}.form--pad-medium{padding:24px}.form--pad-large{padding:48px}.form--pad-horizontal-none{padding-left:0;padding-right:0}.form--pad-horizontal-small{padding-left:12px;padding-right:12px}.form--pad-horizontal-medium{padding-left:24px;padding-right:24px}.form--pad-horizontal-large{padding-left:48px;padding-right:48px}.form--pad-vertical-none{padding-top:0;padding-bottom:0}.form--pad-vertical-small{padding-top:12px;padding-bottom:12px}.form--pad-vertical-medium{padding-top:24px;padding-bottom:24px}.form--pad-vertical-large{padding-top:48px;padding-bottom:48px}.form>.header .header__wrapper{background-color:inherit}.form fieldset{border:none;margin:0;margin-bottom:2rem;margin-top:24px}.form fieldset:first-child{margin-top:0}.form fieldset:last-child{margin-bottom:0}.form fieldset>legend{font-size:24px;font-size:1.5rem;line-height:1;font-weight:600;margin-bottom:12px}.form fieldset>:not(.form-field)+.form-field{margin-top:12px}.form fieldset>.form-field+:not(.form-field):not(.form-fields){margin-top:24px}.form fieldset>.form-fields{display:flex;flex-direction:row}.form fieldset>.form-fields .form-field{margin-bottom:-1px}.form--fill{min-width:0}.form--compact{max-width:288px}.form-field{position:relative;padding:6px 24px;border:1px solid #ccc;margin-bottom:-1px;background-color:#fff;color:#333;opacity:1}@media screen and (min-width:45em){.form-field{width:100%;overflow:auto;transition:all .4s,padding-top .3s .1s,padding-bottom .3s .1s}}@media screen and (max-width:44.9375em){.form-field{display:block}}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field{background-color:transparent;color:#dbdbdb}.form--fill .form-field{width:100%}.form-field:last-child{margin-bottom:0}.form-field__label{display:block;font-size:14px;font-size:.875rem;line-height:24px;color:#777}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__label{color:#dbdbdb}.form-field__contents{display:block;margin-left:-24px;margin-right:-24px}.form-field__contents>.calendar input,.form-field__contents>.search-input input,.form-field__contents>input[type=email],.form-field__contents>input[type=file],.form-field__contents>input[type=number],.form-field__contents>input[type=password],.form-field__contents>input[type=range],.form-field__contents>input[type=text],.form-field__contents>select,.form-field__contents>textarea{display:block;width:100%;border:none;padding:0;padding-left:24px;padding-right:24px;border-radius:0;font-size:16px;font-size:1rem;line-height:1.5}.form-field__contents>.calendar input:focus,.form-field__contents>.search-input input:focus,.form-field__contents>input[type=email]:focus,.form-field__contents>input[type=file]:focus,.form-field__contents>input[type=number]:focus,.form-field__contents>input[type=password]:focus,.form-field__contents>input[type=range]:focus,.form-field__contents>input[type=text]:focus,.form-field__contents>select:focus,.form-field__contents>textarea:focus{border:none}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>.calendar input,[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>.search-input input,[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=email],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=file],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=number],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=password],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=range],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=text],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>select,[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>textarea{color:#fff}.form-field__contents>input[type=range]{width:calc(100% - 48px);margin-left:24px;margin-right:24px;padding-left:0;padding-right:0}.form-field__contents>select{display:block;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAABGdBTUEAALGPC/xhBQAAATdJREFUOBGlUjFqw0AQ1AWBCWpd+A1pXOYHJk38BZeSOkPS5BERaWRJTcCNH2A3xj9waRf+hGsJAoLLjNk77iLFIXhB7NzO3OjuGBUEgaqqaos+wXdL7eI4frqDg27bdoZ+vsHtLB5aGZOyLJ+VUmut9Rdmj0mSHAzX16EfY77HngH2TKHfUMcTXooDEAsKMFhlWXYvVKcJtxKzhTGj0Bpy0TTNK0xPED5EUfTOWV+Ro4Za7nE19spm+NtVHP7q03gn5Ca+Hf78RoxTfOZ5PiJmEXNGTA21xG51DEmmafqBtsM3DMNwic6bKMFDcqIB9Cv0l3Z1iRIMjphMiqKYC8Os2ohYtQM6b+hwwY8o8Qm8iLhag3uvbEiJQ0EjMfMiYnRuv2pIYV3XL4xHX0Rco39hRkni9Oe+bw49m1YsR5tyAAAAAElFTkSuQmCC);background-position:center right 18px;padding-left:22px}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>select{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAABGdBTUEAALGPC/xhBQAAATtJREFUOBGdkk1KxEAQhdNiEPdZeIEk4MalNwhu9ApeQdCNhxBc6U5w4wHGjcwBAi4VMpDkCCYHkEDi+4bp0JNp/6ag6ErVey9VRZkgCExVVS/GmEzx1jYMwzxJkpMdKQxd150r8bGtGlw00DJWpK7rU8UzFT/lx2mavtma7y3L8khTvcr3VD+L4/gZHB0ujUTf93cA5E95nu/b2vSlBgYsHCsGbhTko23bK3W3EPAwiqIbcj6jBgYsHBczjmyT341i67+tZq1DSOxOf78mVgcPRVEcEGPE5IjB+Pa8IQhYO7kVcS5SFIbhI3ycmBw1MGCntjtNrL6XpySBdwlkGvNilc8kNp6Ij7uxQxfk7ou8xNdOxMXa2DuyLXIO6ugeIXx6Ihbnvj8KAmya5lKiC3x6Iq7Qv2JOCf8L6QsuVKvxz0iZVQAAAABJRU5ErkJggg==)}.form-field__contents>select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.form-field__contents ::-ms-clear,.form-field__contents>select::-ms-expand{display:none}.form-field__contents>select::-ms-value{background:none;color:inherit}.form-field__contents>textarea{vertical-align:top;height:auto;resize:vertical}.form-field__contents>.check-box,.form-field__contents>.radio-button{display:block;font-size:16px;font-size:1rem;line-height:1.5;margin:12px 24px}.form-field__contents>.calendar,.form-field__contents>.search-input{display:block}.form-field__contents>.calendar input,.form-field__contents>.search-input input{margin-left:0;margin-right:0}.form-field__contents>.calendar .calendar__control,.form-field__contents>.calendar .search-input__control,.form-field__contents>.search-input .calendar__control,.form-field__contents>.search-input .search-input__control{top:auto;right:6px;transform:none;bottom:-6px}.form-field__contents>.number-input{display:flex;padding-right:6px}.form-field__contents>.number-input input[type=number]{display:inline-block;flex:1;border:none}.form--compact .form-field__contents>.number-input input[type=number]{width:144px}.form-field__contents>input[type=file]{display:inline-block}.form-field__contents>.table--selectable{font-size:16px;font-size:1rem;line-height:1.5}.form-field__contents>.table--selectable table{margin-bottom:0}.form-field__contents>.table--selectable table td:first-child,.form-field__contents>.table--selectable table th:first-child{padding-left:24px}.form-field__contents>.form-field{width:auto;margin-top:12px;border:none}.form-field__contents>.form-field>.form-field__label{border-top:1px solid #ccc;padding-top:6px}.form-field__contents>.form-field--hidden{margin-top:0}.form-field__help{display:block;font-size:13px;font-size:.8125rem;line-height:1.84615;color:#777}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__help{color:#dbdbdb}.form-field__error{display:block;float:right;color:#f04b37;line-height:24px}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__error{color:#dbdbdb}.form-field--text,.form-field--text .form-field__label{cursor:pointer}@media screen and (max-width:44.9375em){.form-field--hidden{display:none}}@media screen and (min-width:45em){.form-field--hidden{border:none;margin-bottom:0;padding-top:0;padding-bottom:0;opacity:0;overflow:hidden;max-height:0;transition:max-height .2s,all .4s}}.form-field--error{z-index:1;border-color:#f04b37}.form-field--focus{z-index:2;border-color:#99d5ef}.header{height:72px;width:100%;margin-bottom:0}.header--large{height:96px}.header--small{height:48px}.header.box>:not(:last-child){margin-right:12px}.header a{color:inherit}.header a,.header a:hover{text-decoration:none}.header .status-icon{flex-grow:0;flex-shrink:0}.header>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}header.header{font-size:24px;font-size:1.5rem;line-height:inherit;-webkit-transform:translate(0);transform:translate(0);transition:-webkit-transform .5s;transition:transform .5s}:not(.header__container--float)>header.header--float{position:absolute;top:0;left:0;right:0}header.header--primary .header__wrapper{border-bottom:none}header.header h1,header.header h2,header.header h3,header.header h4,header.header h5{margin-bottom:0}header.header.header--splash{-webkit-transform:translateY(40vh);transform:translateY(40vh)}header.header.box--direction-row>*{margin-bottom:0}.header:not(header).box--separator-top{padding-top:6px}.header:not(header).box--separator-bottom{padding-bottom:6px}div.header__container{flex-shrink:0}div.header__container--fixed{position:relative}div.header__container--fixed .header__wrapper{position:absolute;top:0;left:0;right:0;z-index:3}@media screen and (min-width:45em){div.header__container--fixed .header__wrapper .header{position:fixed}div.header__container--fixed .header__wrapper .header:not(.header--float){background-color:hsla(0,0%,100%,.9)}}div.header__container--float{position:absolute;top:0;left:0;right:0;padding-left:24px;padding-right:24px}div.header__wrapper{height:72px}div.header--large .header__wrapper{height:96px}div.header--large .header__content{line-height:96px}div.header--small .header__wrapper{height:48px}div.header--small .header__content{line-height:48px}div.header--fixed .header__wrapper{position:absolute;top:0;left:0;right:0;background-color:hsla(0,0%,100%,.9);z-index:3}div.header--fixed.header--primary .header__wrapper{position:fixed;background-color:hsla(0,0%,100%,.9)}div.header--fixed.header--primary .header__content{position:static;background-color:transparent}div.header--flush .header__wrapper{padding-left:0;padding-right:0}.headline{font-size:48px;font-size:3rem;line-height:1;font-weight:100;margin-bottom:24px;max-width:100%}.headline--large{font-size:60px;font-size:3.75rem;line-height:1.2}.headline--small{font-size:30px;font-size:1.875rem;line-height:1.6}.headline--strong{font-weight:600}.control-icon{display:inline-block;width:24px;height:24px;vertical-align:middle;cursor:pointer;fill:#999;stroke:#999;flex:0 0 auto}.control-icon :not([stroke])[fill=none]{stroke-width:0}.control-icon [stroke]{stroke:inherit}.control-icon [fill*="#"]{fill:inherit}.control-icon.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.control-icon.color-index-unset{stroke:#ddd}.control-icon.color-index-brand{stroke:#0096d6}.control-icon.color-index-critical{stroke:#f04b37}.control-icon.color-index-warning{stroke:#f0aa3c}.control-icon.color-index-ok{stroke:#509137}.control-icon.color-index-disabled,.control-icon.color-index-unknown{stroke:#848484}.control-icon.color-index-graph-1,.control-icon.color-index-graph-6{stroke:#0096d6}.control-icon.color-index-graph-2,.control-icon.color-index-graph-7{stroke:#c094bf}.control-icon.color-index-graph-3,.control-icon.color-index-graph-8{stroke:#99d5ef}.control-icon.color-index-graph-4,.control-icon.color-index-graph-9{stroke:#87898b}.control-icon.color-index-graph-5,.control-icon.color-index-graph-10{stroke:#b9b8bb}.control-icon.color-index-grey-1,.control-icon.color-index-grey-5{stroke:#676767}.control-icon.color-index-grey-2,.control-icon.color-index-grey-6{stroke:#ccc}.control-icon.color-index-grey-3,.control-icon.color-index-grey-7{stroke:#e8e8e8}.control-icon.color-index-grey-4,.control-icon.color-index-grey-8{stroke:#f2f2f2}.control-icon.color-index-light-1,.control-icon.color-index-light-3{stroke:#fff}.control-icon.color-index-light-2,.control-icon.color-index-light-4{stroke:#f5f5f5}.control-icon.color-index-unset{fill:#ddd}.control-icon.color-index-brand{fill:#0096d6}.control-icon.color-index-critical{fill:#f04b37}.control-icon.color-index-warning{fill:#f0aa3c}.control-icon.color-index-ok{fill:#509137}.control-icon.color-index-disabled,.control-icon.color-index-unknown{fill:#848484}.control-icon.color-index-graph-1,.control-icon.color-index-graph-6{fill:#0096d6}.control-icon.color-index-graph-2,.control-icon.color-index-graph-7{fill:#c094bf}.control-icon.color-index-graph-3,.control-icon.color-index-graph-8{fill:#99d5ef}.control-icon.color-index-graph-4,.control-icon.color-index-graph-9{fill:#87898b}.control-icon.color-index-graph-5,.control-icon.color-index-graph-10{fill:#b9b8bb}.control-icon.color-index-grey-1,.control-icon.color-index-grey-5{fill:#676767}.control-icon.color-index-grey-2,.control-icon.color-index-grey-6{fill:#ccc}.control-icon.color-index-grey-3,.control-icon.color-index-grey-7{fill:#e8e8e8}.control-icon.color-index-grey-4,.control-icon.color-index-grey-8{fill:#f2f2f2}@media screen and (min-width:45em){.control-icon{transition:all .3s ease-in-out}}.anchor:hover:not(.anchor--disabled) .control-icon,.button:hover:not(.anchor--disabled) .control-icon,.menu__control:hover .control-icon,a:hover .control-icon{fill:#000;stroke:#000}.control-icon__badge circle{fill:#e6734b}.control-icon__badge text{stroke:#333;fill:#333}.button--primary .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .control-icon{fill:#dbdbdb;stroke:#dbdbdb}.button--primary:hover .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor:hover>.control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .button:hover>.control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu__control:hover>.control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a:hover>.control-icon{fill:#fff;stroke:#fff}.control-icon--active{fill:#000;stroke:#000}.control-icon--large{width:48px;height:48px}.status-icon{width:24px;height:24px;vertical-align:middle;flex:0 0 auto}.status-icon .status-icon__base{fill:#848484}.status-icon-critical .status-icon__base{fill:#f04b37}.status-icon-warning .status-icon__base{fill:#f0aa3c}.status-icon-ok .status-icon__base{fill:#509137}.status-icon-disabled .status-icon__base,.status-icon-label .status-icon__base,.status-icon-unknown .status-icon__base{fill:#848484}.status-icon__detail{fill:#fff;stroke:#fff}.status-icon-unknown .status-icon__detail{fill:#848484;stroke:#848484}.status-icon--large{width:48px;height:48px}.status-icon--small{width:12px;height:12px;margin-top:6px;margin-bottom:6px}.status-icon--small .status-icon__detail{display:none}@-webkit-keyframes d{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes d{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.icon-changing{width:24px;height:24px;-webkit-animation:d 1.5s linear infinite;animation:d 1.5s linear infinite}.icon-changing--small{width:12px;height:12px}.icon-spinning{width:24px;height:24px;-webkit-animation:d 4s steps(4,end) infinite;animation:d 4s steps(4,end) infinite}.icon-spinning--small{width:12px;height:12px}.logo-icon{width:48px;height:48px}.logo-icon.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.logo-icon.color-index-unset{stroke:#ddd}.logo-icon.color-index-brand{stroke:#0096d6}.logo-icon.color-index-critical{stroke:#f04b37}.logo-icon.color-index-warning{stroke:#f0aa3c}.logo-icon.color-index-ok{stroke:#509137}.logo-icon.color-index-disabled,.logo-icon.color-index-unknown{stroke:#848484}.logo-icon.color-index-graph-1,.logo-icon.color-index-graph-6{stroke:#0096d6}.logo-icon.color-index-graph-2,.logo-icon.color-index-graph-7{stroke:#c094bf}.logo-icon.color-index-graph-3,.logo-icon.color-index-graph-8{stroke:#99d5ef}.logo-icon.color-index-graph-4,.logo-icon.color-index-graph-9{stroke:#87898b}.logo-icon.color-index-graph-5,.logo-icon.color-index-graph-10{stroke:#b9b8bb}.logo-icon.color-index-grey-1,.logo-icon.color-index-grey-5{stroke:#676767}.logo-icon.color-index-grey-2,.logo-icon.color-index-grey-6{stroke:#ccc}.logo-icon.color-index-grey-3,.logo-icon.color-index-grey-7{stroke:#e8e8e8}.logo-icon.color-index-grey-4,.logo-icon.color-index-grey-8{stroke:#f2f2f2}.logo-icon.color-index-light-1,.logo-icon.color-index-light-3{stroke:#fff}.logo-icon.color-index-light-2,.logo-icon.color-index-light-4{stroke:#f5f5f5}.logo-icon--small{width:24px;height:24px}.logo-icon--large{width:96px;height:96px}.image--medium{width:576px}.image--large{width:960px}.image--small{width:240px}.image--full{width:100%;height:100%}.image--full-horizontal{width:100%}.image--full-vertical{height:100%}@media screen and (max-width:44.9375em){.label__text{display:none}}@media screen and (min-width:45em){.label__icon{display:none}}a.active>.label .label__icon.control-icon svg{fill:#000;stroke:#000}.layer{position:relative;z-index:4}@media screen and (min-width:45em){.layer{position:fixed;top:0;left:0;right:0;bottom:0}}@media screen and (max-width:44.9375em){.layer:not(.layer--hidden)+.app{display:none}}.layer__container{background-color:#fff}@media screen and (max-width:44.9375em){.layer__container{padding:0 24px;border-bottom:1px solid #ccc;box-shadow:0 2px 4px rgba(0,0,0,.3)}}@media screen and (min-width:45em){.layer__container{position:absolute;max-height:100%;max-width:100%;overflow:auto;padding:0 48px;border-radius:0 5px 0 5px;box-shadow:0 2px 4px rgba(0,0,0,.3)}}.layer__closer{position:absolute;top:0;right:0;z-index:1}.layer--flush .layer__container{padding:0}@media screen and (min-width:45em){.layer--align-center:not(.layer--hidden){background-image:radial-gradient(circle at top,#fff,#fff 20%,hsla(0,0%,50%,.6))}.layer--align-center:not(.layer--hidden) .layer__container{left:50%;top:50%;max-height:calc(100vh - 48px);max-width:calc(100vw - 48px);transform:translate(-50%,-50%)}}@media screen and (min-width:45em){.layer--align-left:not(.layer--hidden){background-image:radial-gradient(circle at left,#fff,#fff 20%,hsla(0,0%,50%,.6))}}.layer--align-left:not(.layer--hidden) .layer__container{top:0;bottom:0;left:0}@media screen and (min-width:45em){.layer--align-left:not(.layer--hidden) .layer__container{-webkit-animation:f .2s ease-in-out forwards;animation:f .2s ease-in-out forwards}}@media screen and (min-width:45em){.layer--align-right:not(.layer--hidden){background-image:radial-gradient(circle at right,#fff,#fff 20%,hsla(0,0%,50%,.6))}}.layer--align-right:not(.layer--hidden) .layer__container{top:0;bottom:0;right:0;display:flex;flex-direction:column;justify-content:center}@media screen and (min-width:45em){.layer--align-right:not(.layer--hidden) .layer__container{-webkit-animation:g .2s ease-in-out forwards;animation:g .2s ease-in-out forwards}}@media screen and (min-width:45em){.layer--align-top:not(.layer--hidden){background-image:radial-gradient(circle at top,#fff,#fff 20%,hsla(0,0%,50%,.6))}.layer--align-top:not(.layer--hidden) .layer__container{left:50%;transform:translateX(-50%)}}@media screen and (min-width:45em) and (min-width:45em){.layer--align-top:not(.layer--hidden) .layer__container{-webkit-animation:h .2s ease-in-out forwards;animation:h .2s ease-in-out forwards}}@media screen and (min-width:45em){.layer--align-bottom:not(.layer--hidden){background-image:radial-gradient(circle at bottom,#fff,#fff 20%,hsla(0,0%,50%,.6))}}.layer--align-bottom:not(.layer--hidden) .layer__container{bottom:0}.layer--hidden{left:-10000px;z-index:-1}.layer--hidden.layer--align-left{right:auto}.layer--hidden.layer--align-left .layer__container{left:-100vw}@media screen and (max-width:44.9375em){.layer--hidden{display:none}}@media screen and (min-width:45em){.layer--hidden.layer--peek{left:0;z-index:4}.layer--hidden.layer--peek.layer--align-left{right:auto}.layer--hidden.layer--peek.layer--align-left .layer__container{left:auto;right:-12px;border-right:10px solid #0096d6;-webkit-animation:e .5s ease-in-out alternate 5;animation:e .5s ease-in-out alternate 5}}@-webkit-keyframes e{0%{right:-6px}to{right:-12px}}@keyframes e{0%{right:-6px}to{right:-12px}}@-webkit-keyframes f{0%{left:-100vw}to{left:0}}@keyframes f{0%{left:-100vw}to{left:0}}@-webkit-keyframes g{0%{right:-100vw}to{right:0}}@keyframes g{0%{right:-100vw}to{right:0}}@-webkit-keyframes h{0%{top:-100vh}to{top:0}}@keyframes h{0%{top:-100vh}to{top:0}}.list{list-style-type:none;margin:0;padding:0;overflow:auto}.list__empty,.list__more{padding:12px 24px}.list__empty{color:#777;font-style:italic}.list .list-item{max-width:none}.list .list-item__image{height:24px;width:24px;margin-right:24px;overflow:hidden;flex:0 0 auto}.list .list-item__image img{height:100%;width:100%;max-width:none;object-fit:cover}.list .list-item__annotation,.list .list-item__label{flex:1}.list .list-item__annotation{margin-left:24px;color:#777}.list .list-item--selectable{cursor:pointer}.list .list-item--selectable:hover{background-color:rgba(0,0,0,.1)}.list .list-item--selected{background-color:#daf1fb;color:#333}.list .list-item--row .list-item__annotation{text-align:right}.list--selectable .list-item{cursor:pointer;transition:background-color .2s}.list--selectable .list-item--selected{background-color:#daf1fb;color:#333}.list--selectable .list-item:hover:not(.list-item--selected){background-color:rgba(0,0,0,.1);color:#000}.list--small .list-item__image,.list--small .list__more__image{height:12px;width:12px}.list--large .list-item__image,.list--large .list__more__image{height:48px;width:48px}.legend{text-align:left;list-style-type:none;white-space:normal;display:inline-block;margin:0}.legend__item,.legend__total{color:#777}.legend__item>*,.legend__total>*{vertical-align:top}.legend__item-label,.legend__total-label{display:inline-block;width:72px}.legend__item-value,.legend__total-value{display:inline-block;width:72px;text-align:right}.legend__item-units,.legend__total-units{display:inline-block;margin-left:6px}.legend__item--clickable{cursor:pointer}.legend__item svg.legend__item-swatch{width:12px;height:12px;margin-top:6px;margin-right:12px;overflow:visible}.legend__item svg.legend__item-swatch.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.legend__item svg.legend__item-swatch.color-index-unset{stroke:#ddd}.legend__item svg.legend__item-swatch.color-index-brand{stroke:#0096d6}.legend__item svg.legend__item-swatch.color-index-critical{stroke:#f04b37}.legend__item svg.legend__item-swatch.color-index-warning{stroke:#f0aa3c}.legend__item svg.legend__item-swatch.color-index-ok{stroke:#509137}.legend__item svg.legend__item-swatch.color-index-disabled,.legend__item svg.legend__item-swatch.color-index-unknown{stroke:#848484}.legend__item svg.legend__item-swatch.color-index-graph-1,.legend__item svg.legend__item-swatch.color-index-graph-6{stroke:#0096d6}.legend__item svg.legend__item-swatch.color-index-graph-2,.legend__item svg.legend__item-swatch.color-index-graph-7{stroke:#c094bf}.legend__item svg.legend__item-swatch.color-index-graph-3,.legend__item svg.legend__item-swatch.color-index-graph-8{stroke:#99d5ef}.legend__item svg.legend__item-swatch.color-index-graph-4,.legend__item svg.legend__item-swatch.color-index-graph-9{stroke:#87898b}.legend__item svg.legend__item-swatch.color-index-graph-5,.legend__item svg.legend__item-swatch.color-index-graph-10{stroke:#b9b8bb}.legend__item svg.legend__item-swatch.color-index-grey-1,.legend__item svg.legend__item-swatch.color-index-grey-5{stroke:#676767}.legend__item svg.legend__item-swatch.color-index-grey-2,.legend__item svg.legend__item-swatch.color-index-grey-6{stroke:#ccc}.legend__item svg.legend__item-swatch.color-index-grey-3,.legend__item svg.legend__item-swatch.color-index-grey-7{stroke:#e8e8e8}.legend__item svg.legend__item-swatch.color-index-grey-4,.legend__item svg.legend__item-swatch.color-index-grey-8{stroke:#f2f2f2}.legend__item svg.legend__item-swatch.color-index-light-1,.legend__item svg.legend__item-swatch.color-index-light-3{stroke:#fff}.legend__item svg.legend__item-swatch.color-index-light-2,.legend__item svg.legend__item-swatch.color-index-light-4{stroke:#f5f5f5}.legend__item svg.legend__item-swatch path{stroke-width:12px;transition-property:stroke-width;transition-duration:.3s;transition-timing-function:ease-in-out}.legend__item--active{color:#333}.legend__item--active svg.legend__item-swatch path{stroke-width:12px}.legend__total{margin-left:24px}.legend__total>*{margin-top:6px;padding-top:6px;border-top:1px dotted #ccc}.legend--single .legend__item-value{font-size:36px;font-size:2.25rem;line-height:1.33333;font-weight:700;width:auto}.legend--single .legend__item-units{font-size:24px;font-size:1.5rem;line-height:inherit;margin-left:6px;color:#777;font-weight:400}.login{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:6}.login__background{position:absolute;max-width:none}.login__background--portrait{width:auto;height:100%}.login__background--landscape{height:auto;width:100%}.login__container{position:relative;width:384px;margin:96px auto;z-index:1;-webkit-animation-name:b;-webkit-animation-duration:.5s;animation-name:b;animation-duration:.5s}@media screen and (max-width:44.9375em){.login__container{margin:48px 0;width:100%;border-radius:0}}.login__footer{position:absolute;left:0;right:0;bottom:6px;padding:6px 24px;background-color:hsla(0,0%,100%,.9);text-align:center}.login-form{position:relative;width:384px;padding:24px;padding-bottom:48px;background-color:#fff;text-align:center;z-index:1;-webkit-animation-name:b;-webkit-animation-duration:.5s;animation-name:b;animation-duration:.5s}@media screen and (max-width:44.9375em){.login-form{width:100%;border-radius:0}}.login-form__secondary-text{color:#777}.login-form fieldset{text-align:left;border:none;margin-bottom:0}.login-form fieldset>*{width:100%;display:block}.login-form__remember-me{display:block;margin-top:24px;text-align:left}.login-form__submit{margin-top:24px;width:100%}.login-form__error{margin-bottom:12px;color:#f04b37;text-align:left}.login-form__footer{margin-top:12px;display:flex;justify-content:space-between;line-height:36px}.map{position:relative;padding:24px}.map__canvas{position:absolute;top:0;left:0;z-index:-1;opacity:.1}.map__canvas--highlight{opacity:1}.map__categories{margin:0;list-style-type:none}.map__category{position:relative;padding-top:24px;margin-bottom:12px;max-width:none}.map__category-label{position:absolute;top:0;left:0;font-size:14px;font-size:.875rem;line-height:1.71429}.map__category-items{margin:0;list-style-type:none;overflow:hidden;text-align:center}.map__item{display:inline-block;width:192px;border:1px solid #ccc;margin-right:12px;margin-bottom:12px;background-color:#fff;font-size:16px;font-size:1rem;line-height:1.5}.map__item>a{display:block;padding:6px 12px;transition:background-color .2s}.map__item>a>*{display:inline-block}.map__item>a:hover{background-color:rgba(0,0,0,.1)}.map__item .status-icon{margin-right:6px}.map__item--active{border-color:#000}.menu{position:relative;font-size:19px;font-size:1.1875rem;line-height:inherit}.menu:focus{outline:none}.menu:focus:not(.menu--expanded):after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border:1px solid #99d5ef;box-shadow:0 0 1px 1px #99d5ef;pointer-events:none}.menu>*{flex:0 0 auto}.menu a:not(.button){text-decoration:none}.menu a:not(.button).active,.menu a:not(.button):hover{color:#0076a8}.menu__control .control-icon-down{width:12px;height:12px}.menu__control .control-icon-down path,.menu__control .control-icon-down polyline{stroke-width:4px}.menu__drop{font-size:16px;font-size:1rem;line-height:inherit;max-height:100vh}.menu__drop .anchor{padding:12px 24px;white-space:nowrap;display:block}.menu__drop .anchor:focus,.menu__drop .anchor:hover{text-decoration:none;background-color:rgba(0,0,0,.1)}.menu__drop .check-box,.menu__drop .radio-button{margin-top:12px;margin-bottom:12px}.menu__drop--align-right{text-align:right}.menu__drop--align-right .menu__contents{text-align:left}.menu__drop--large .menu__control{line-height:96px}.menu--controlled{display:inline-block;cursor:pointer}.menu--controlled.menu--large{line-height:96px}.menu--controlled.menu--small{height:24px}.menu--inline.menu--row.box--justify-end>:not(.control-icon){margin-left:24px;margin-right:0}.menu--inline.menu--row.box--justify-end>:not(.control-icon):first-child{margin-left:0}.menu--inline.menu--row>:not(.control-icon):not(.button){margin-left:0;margin-right:24px}.menu--inline.menu--row>:not(.control-icon):not(.button):last-child{margin-right:0}@media screen and (max-width:44.9375em){.menu--inline.menu.box--direction-row.box--responsive>*{margin-right:0}}.menu--inline.menu.box--direction-column a:not(.button){margin-bottom:6px}.menu--small{font-size:16px;font-size:1rem;line-height:1.5}.menu--small .menu__control-drop-icon{margin-left:6px}.menu--small .menu__control-icon svg{width:18px;height:18px}.menu--primary>.menu{width:100%}.menu--primary>a:not(.button){padding:6px 24px;border-right:6px solid transparent;margin-bottom:0;width:100%}.menu--primary>a:not(.button):hover{text-decoration:none}.menu--primary>a:not(.button):hover:not(.active){background-color:rgba(0,0,0,.1)}.menu--primary>a:not(.button).active{border-color:#0096d6}@media screen and (max-width:44.9375em){.menu--primary.menu--down,.menu--primary.menu--down>*{display:block}}.menu--inline.menu.box--direction-column>.menu:not(:first-of-type) h2,.menu--inline.menu.box--direction-column>.menu:not(:first-of-type) h3,.menu__drop.box--direction-column>.menu:not(:first-of-type) h2,.menu__drop.box--direction-column>.menu:not(:first-of-type) h3{margin-top:24px}.menu--inline.menu>hr,.menu__drop>hr{margin:12px 24px 18px;height:1px;background-color:#ccc;border:none}.menu--inline.menu.box.box--separator-top,.menu__drop.box.box--separator-top{border-color:transparent}.menu--inline.menu.box.box--separator-top:before,.menu__drop.box.box--separator-top:before{content:'';margin:12px 24px 18px;height:1px;background-color:#ccc}.menu--inline.menu--small,.menu__drop--small{font-size:1em}.menu--inline.menu--small .menu__control-label,.menu__drop--small .menu__control-label{padding:12px}.menu--inline.menu--small .menu__control-icon svg,.menu__drop--small .menu__control-icon svg{width:18px;height:18px}.menu--inline.menu--small>a,.menu__drop--small>a{padding:6px 12px}.menu--inline.menu .menu__control-label,.menu__drop .menu__control-label{font-size:19px}.menu--inline.menu a,.menu__drop a{text-decoration:none}.menu--inline.menu--large>a,.menu__drop--large>a{padding:24px 48px}@media screen and (max-width:44.9375em){.menu--inline.menu.box--responsive>*,.menu__drop.box--responsive>*{margin-left:0;margin-right:0}.menu--inline.menu.box--responsive .button,.menu__drop.box--responsive .button{width:100%;margin-bottom:12px}.menu--inline.menu.box--responsive .menu,.menu__drop.box--responsive .menu{margin-bottom:36px}}@media screen and (max-width:44.9375em){.menu__drop{max-width:100%;width:100vw}}@-webkit-keyframes i{0%{stroke-dashoffset:192px}to{stroke-dashoffset:0}}@keyframes i{0%{stroke-dashoffset:192px}to{stroke-dashoffset:0}}@-webkit-keyframes j{0%{stroke-dashoffset:-192px}to{stroke-dashoffset:0}}@keyframes j{0%{stroke-dashoffset:-192px}to{stroke-dashoffset:0}}.meter{display:inline-block;position:relative}.meter__slice{stroke-width:4px}.meter__threshold{stroke:rgba(51,51,51,.2)}.meter__value-container{position:relative;display:inline-block}.meter__graphic-container{white-space:normal}.meter__graphic-container>a{text-decoration:none}.meter__value{white-space:normal;pointer-events:none}.meter__value--active{pointer-events:auto;cursor:pointer}.meter__value-value{font-size:36px;font-size:2.25rem;line-height:38px;font-weight:700}.meter__value-units{font-size:24px;font-size:1.5rem;line-height:inherit;margin-left:6px;color:#777;font-weight:400}.meter__minmax-container,.meter__value-label{display:block}.meter__minmax{display:flex;justify-content:space-between;color:#777;font-size:14px;font-size:.875rem;line-height:1.71429}.meter__label-max,.meter__label-min{flex:0 0 48px}.meter__label-max{text-align:right}.meter__label{fill:#777}.meter__label--active{fill:#000}.meter--legend-right{white-space:nowrap}.meter--legend-right .meter__legend{vertical-align:top;margin-left:24px}.meter--legend-right:not(.meter--tall-legend) .meter__legend{position:relative;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.meter--legend-bottom .meter__legend{margin-top:24px;display:block}.meter:not(.meter--vertical) .meter__graphic-container{display:inline-block}.meter:not(.meter--vertical) .meter__minmax-container{display:block;width:192px}.meter:not(.meter--vertical) .meter__minmax{width:100%}.meter:not(.meter--vertical).meter--small .meter__minmax-container{width:96px}.meter:not(.meter--vertical).meter--large .meter__minmax-container{width:288px}.meter--vertical .meter__graphic-container{display:inline-block;white-space:nowrap}.meter--vertical .meter__minmax-container{height:192px}.meter--vertical .meter__minmax{flex-direction:column;height:100%}.meter--vertical .meter__minmax-min{order:1}.meter--vertical .meter__minmax-max{order:0}.meter--vertical .meter__label-max,.meter--vertical .meter__label-min{flex:0 0 auto;text-align:left}.meter--vertical .meter__label-min{order:1}.meter--vertical .meter__label-max{order:0}.meter--vertical .meter__value-label{display:block}.meter--vertical.meter--small .meter__minmax-container{height:96px}.meter--vertical.meter--large .meter__minmax-container{height:288px}.meter--small .meter__slice{stroke-width:8px}.meter--small .meter__values .meter__slice:hover{stroke-width:24px}.meter--small .meter__value-value{font-size:20px;font-size:1.25rem;line-height:1.2}.meter--small .meter__value-units{font-size:16px;font-size:1rem;line-height:1.5}.meter--large .meter__value-value{font-size:64px;font-size:4rem;line-height:1.125}.meter--large .meter__value-units{font-size:48px;font-size:3rem;line-height:1}.meter.meter--active .meter__values .meter__slice:hover,.meter.meter--active:not(.meter--single) .meter__values .meter__slice.meter__slice--active{stroke-width:12px}.meter--bar .meter__slice{stroke-linecap:butt;stroke-dasharray:192px 192px;stroke-dashoffset:0}.meter--bar .meter__values .meter__slice.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.meter--bar .meter__values .meter__slice.color-index-unset{stroke:#ddd}.meter--bar .meter__values .meter__slice.color-index-brand{stroke:#0096d6}.meter--bar .meter__values .meter__slice.color-index-critical{stroke:#f04b37}.meter--bar .meter__values .meter__slice.color-index-warning{stroke:#f0aa3c}.meter--bar .meter__values .meter__slice.color-index-ok{stroke:#509137}.meter--bar .meter__values .meter__slice.color-index-disabled,.meter--bar .meter__values .meter__slice.color-index-unknown{stroke:#848484}.meter--bar .meter__values .meter__slice.color-index-graph-1,.meter--bar .meter__values .meter__slice.color-index-graph-6{stroke:#0096d6}.meter--bar .meter__values .meter__slice.color-index-graph-2,.meter--bar .meter__values .meter__slice.color-index-graph-7{stroke:#c094bf}.meter--bar .meter__values .meter__slice.color-index-graph-3,.meter--bar .meter__values .meter__slice.color-index-graph-8{stroke:#99d5ef}.meter--bar .meter__values .meter__slice.color-index-graph-4,.meter--bar .meter__values .meter__slice.color-index-graph-9{stroke:#87898b}.meter--bar .meter__values .meter__slice.color-index-graph-5,.meter--bar .meter__values .meter__slice.color-index-graph-10{stroke:#b9b8bb}.meter--bar .meter__values .meter__slice.color-index-grey-1,.meter--bar .meter__values .meter__slice.color-index-grey-5{stroke:#676767}.meter--bar .meter__values .meter__slice.color-index-grey-2,.meter--bar .meter__values .meter__slice.color-index-grey-6{stroke:#ccc}.meter--bar .meter__values .meter__slice.color-index-grey-3,.meter--bar .meter__values .meter__slice.color-index-grey-7{stroke:#e8e8e8}.meter--bar .meter__values .meter__slice.color-index-grey-4,.meter--bar .meter__values .meter__slice.color-index-grey-8{stroke:#f2f2f2}.meter--bar .meter__values .meter__slice.color-index-light-1,.meter--bar .meter__values .meter__slice.color-index-light-3{stroke:#fff}.meter--bar .meter__values .meter__slice.color-index-light-2,.meter--bar .meter__values .meter__slice.color-index-light-4{stroke:#f5f5f5}.meter--bar .meter__values .meter__slice--clickable{cursor:pointer}@media screen and (min-width:45em){.meter--bar .meter__values .meter__slice{transition:stroke-width .2s;-webkit-animation:i 1.5s linear;animation:i 1.5s linear}}.meter--bar .meter__thresholds .meter__slice.color-index-unset{stroke:hsla(0,0%,87%,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-brand{stroke:rgba(0,150,214,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-critical{stroke:rgba(240,75,55,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-warning{stroke:rgba(240,170,60,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-ok{stroke:rgba(80,145,55,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-disabled,.meter--bar .meter__thresholds .meter__slice.color-index-unknown{stroke:hsla(0,0%,52%,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-graph-1,.meter--bar .meter__thresholds .meter__slice.color-index-graph-6{stroke:rgba(0,150,214,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-graph-2,.meter--bar .meter__thresholds .meter__slice.color-index-graph-7{stroke:rgba(192,148,191,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-graph-3,.meter--bar .meter__thresholds .meter__slice.color-index-graph-8{stroke:rgba(153,213,239,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-graph-4,.meter--bar .meter__thresholds .meter__slice.color-index-graph-9{stroke:hsla(210,2%,54%,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-graph-5,.meter--bar .meter__thresholds .meter__slice.color-index-graph-10{stroke:hsla(260,2%,73%,.5)}.meter--bar .meter__value{text-align:left}.meter--bar .meter__value-label{font-size:14px;font-size:.875rem;line-height:16px}.meter--bar:not(.meter--vertical) .meter__minmax-container>a{vertical-align:top;display:block;height:24px}.meter--bar:not(.meter--vertical) .meter__graphic{width:192px}.meter--bar:not(.meter--vertical) .meter__value{display:inline-block;vertical-align:top;margin-left:12px}.meter--bar:not(.meter--vertical) .meter__value-value{font-size:24px;font-size:1.5rem;line-height:1}.meter--bar:not(.meter--vertical) .meter__value-units{font-size:20px;font-size:1.25rem;line-height:1.2}.meter--bar:not(.meter--vertical).meter--single .meter__value-label,.meter--bar:not(.meter--vertical).meter--stacked .meter__value-label{display:inline-block;margin-left:4px}.meter--bar:not(.meter--vertical).meter--single.meter--legend-right .meter__value,.meter--bar:not(.meter--vertical).meter--stacked.meter--legend-right .meter__value{min-width:84px}.meter--bar:not(.meter--vertical).meter--legend-right .meter__legend{top:0;-webkit-transform:none;transform:none}.meter--bar:not(.meter--vertical).meter--legend-right .meter__value{min-width:48px}.meter--bar:not(.meter--vertical).meter--small svg.meter__graphic{width:96px}.meter--bar:not(.meter--vertical).meter--small .meter__value-units,.meter--bar:not(.meter--vertical).meter--small .meter__value-value{font-size:16px;font-size:1rem;line-height:1.5}.meter--bar:not(.meter--vertical).meter--small.meter--legend-right .meter__value{min-width:42px}.meter--bar:not(.meter--vertical).meter--small.meter--legend-right.meter--stacked .meter__value{min-width:72px}.meter--bar:not(.meter--vertical).meter--large svg.meter__graphic{width:288px}.meter--bar:not(.meter--vertical).meter--large .meter__value{margin-left:16px}.meter--bar:not(.meter--vertical).meter--large .meter__value-units,.meter--bar:not(.meter--vertical).meter--large .meter__value-value{font-size:26px;font-size:1.625rem;line-height:inherit}.meter--bar.meter--vertical{white-space:nowrap}.meter--bar.meter--vertical svg.meter__graphic{height:192px}.meter--bar.meter--vertical .meter__labeled-graphic{display:inline-block}.meter--bar.meter--vertical .meter__value{position:relative;vertical-align:top;top:96px;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:inline-block}.meter--bar.meter--vertical .meter__minmax-container{position:absolute;top:0;left:24px}.meter--bar.meter--vertical.meter--legend-right .meter__legend{top:96px}.meter--bar.meter--vertical.meter--legend-right .meter__value{min-width:60px}.meter--bar.meter--vertical.meter--small svg.meter__graphic{height:96px}.meter--bar.meter--vertical.meter--small.meter--legend-right .meter__legend,.meter--bar.meter--vertical.meter--small .meter__value{top:48px}.meter--bar.meter--vertical.meter--small.meter--legend-right .meter__value{min-width:42px}.meter--bar.meter--vertical.meter--large svg.meter__graphic{height:288px}.meter--bar.meter--vertical.meter--large.meter--legend-right .meter__legend,.meter--bar.meter--vertical.meter--large .meter__value{top:144px}@media screen and (max-width:44.9375em){.meter--arc,.meter--circle,.meter--spiral{margin:0 auto}}.meter--arc svg.meter__graphic,.meter--circle svg.meter__graphic,.meter--spiral svg.meter__graphic{display:block}.meter--arc .meter.series-pre path,.meter--circle .meter.series-pre path,.meter--spiral .meter.series-pre path{stroke-dashoffset:768px}.meter--arc .meter__slice,.meter--circle .meter__slice,.meter--spiral .meter__slice{stroke-linecap:butt;stroke-dasharray:768px 768px;stroke-dashoffset:0;fill:none;stroke:#b2b2b2}.meter--arc .meter__slice-indicator,.meter--circle .meter__slice-indicator,.meter--spiral .meter__slice-indicator{stroke-linecap:square;stroke-width:4px;stroke:#000}.meter--arc .meter__values .meter__slice.color-index-loading,.meter--circle .meter__values .meter__slice.color-index-loading,.meter--spiral .meter__values .meter__slice.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.meter--arc .meter__values .meter__slice.color-index-unset,.meter--circle .meter__values .meter__slice.color-index-unset,.meter--spiral .meter__values .meter__slice.color-index-unset{stroke:#ddd}.meter--arc .meter__values .meter__slice.color-index-brand,.meter--circle .meter__values .meter__slice.color-index-brand,.meter--spiral .meter__values .meter__slice.color-index-brand{stroke:#0096d6}.meter--arc .meter__values .meter__slice.color-index-critical,.meter--circle .meter__values .meter__slice.color-index-critical,.meter--spiral .meter__values .meter__slice.color-index-critical{stroke:#f04b37}.meter--arc .meter__values .meter__slice.color-index-warning,.meter--circle .meter__values .meter__slice.color-index-warning,.meter--spiral .meter__values .meter__slice.color-index-warning{stroke:#f0aa3c}.meter--arc .meter__values .meter__slice.color-index-ok,.meter--circle .meter__values .meter__slice.color-index-ok,.meter--spiral .meter__values .meter__slice.color-index-ok{stroke:#509137}.meter--arc .meter__values .meter__slice.color-index-disabled,.meter--arc .meter__values .meter__slice.color-index-unknown,.meter--circle .meter__values .meter__slice.color-index-disabled,.meter--circle .meter__values .meter__slice.color-index-unknown,.meter--spiral .meter__values .meter__slice.color-index-disabled,.meter--spiral .meter__values .meter__slice.color-index-unknown{stroke:#848484}.meter--arc .meter__values .meter__slice.color-index-graph-1,.meter--arc .meter__values .meter__slice.color-index-graph-6,.meter--circle .meter__values .meter__slice.color-index-graph-1,.meter--circle .meter__values .meter__slice.color-index-graph-6,.meter--spiral .meter__values .meter__slice.color-index-graph-1,.meter--spiral .meter__values .meter__slice.color-index-graph-6{stroke:#0096d6}.meter--arc .meter__values .meter__slice.color-index-graph-2,.meter--arc .meter__values .meter__slice.color-index-graph-7,.meter--circle .meter__values .meter__slice.color-index-graph-2,.meter--circle .meter__values .meter__slice.color-index-graph-7,.meter--spiral .meter__values .meter__slice.color-index-graph-2,.meter--spiral .meter__values .meter__slice.color-index-graph-7{stroke:#c094bf}.meter--arc .meter__values .meter__slice.color-index-graph-3,.meter--arc .meter__values .meter__slice.color-index-graph-8,.meter--circle .meter__values .meter__slice.color-index-graph-3,.meter--circle .meter__values .meter__slice.color-index-graph-8,.meter--spiral .meter__values .meter__slice.color-index-graph-3,.meter--spiral .meter__values .meter__slice.color-index-graph-8{stroke:#99d5ef}.meter--arc .meter__values .meter__slice.color-index-graph-4,.meter--arc .meter__values .meter__slice.color-index-graph-9,.meter--circle .meter__values .meter__slice.color-index-graph-4,.meter--circle .meter__values .meter__slice.color-index-graph-9,.meter--spiral .meter__values .meter__slice.color-index-graph-4,.meter--spiral .meter__values .meter__slice.color-index-graph-9{stroke:#87898b}.meter--arc .meter__values .meter__slice.color-index-graph-5,.meter--arc .meter__values .meter__slice.color-index-graph-10,.meter--circle .meter__values .meter__slice.color-index-graph-5,.meter--circle .meter__values .meter__slice.color-index-graph-10,.meter--spiral .meter__values .meter__slice.color-index-graph-5,.meter--spiral .meter__values .meter__slice.color-index-graph-10{stroke:#b9b8bb}.meter--arc .meter__values .meter__slice.color-index-grey-1,.meter--arc .meter__values .meter__slice.color-index-grey-5,.meter--circle .meter__values .meter__slice.color-index-grey-1,.meter--circle .meter__values .meter__slice.color-index-grey-5,.meter--spiral .meter__values .meter__slice.color-index-grey-1,.meter--spiral .meter__values .meter__slice.color-index-grey-5{stroke:#676767}.meter--arc .meter__values .meter__slice.color-index-grey-2,.meter--arc .meter__values .meter__slice.color-index-grey-6,.meter--circle .meter__values .meter__slice.color-index-grey-2,.meter--circle .meter__values .meter__slice.color-index-grey-6,.meter--spiral .meter__values .meter__slice.color-index-grey-2,.meter--spiral .meter__values .meter__slice.color-index-grey-6{stroke:#ccc}.meter--arc .meter__values .meter__slice.color-index-grey-3,.meter--arc .meter__values .meter__slice.color-index-grey-7,.meter--circle .meter__values .meter__slice.color-index-grey-3,.meter--circle .meter__values .meter__slice.color-index-grey-7,.meter--spiral .meter__values .meter__slice.color-index-grey-3,.meter--spiral .meter__values .meter__slice.color-index-grey-7{stroke:#e8e8e8}.meter--arc .meter__values .meter__slice.color-index-grey-4,.meter--arc .meter__values .meter__slice.color-index-grey-8,.meter--circle .meter__values .meter__slice.color-index-grey-4,.meter--circle .meter__values .meter__slice.color-index-grey-8,.meter--spiral .meter__values .meter__slice.color-index-grey-4,.meter--spiral .meter__values .meter__slice.color-index-grey-8{stroke:#f2f2f2}.meter--arc .meter__values .meter__slice.color-index-light-1,.meter--arc .meter__values .meter__slice.color-index-light-3,.meter--circle .meter__values .meter__slice.color-index-light-1,.meter--circle .meter__values .meter__slice.color-index-light-3,.meter--spiral .meter__values .meter__slice.color-index-light-1,.meter--spiral .meter__values .meter__slice.color-index-light-3{stroke:#fff}.meter--arc .meter__values .meter__slice.color-index-light-2,.meter--arc .meter__values .meter__slice.color-index-light-4,.meter--circle .meter__values .meter__slice.color-index-light-2,.meter--circle .meter__values .meter__slice.color-index-light-4,.meter--spiral .meter__values .meter__slice.color-index-light-2,.meter--spiral .meter__values .meter__slice.color-index-light-4{stroke:#f5f5f5}.meter--arc .meter__values .meter__slice--clickable,.meter--circle .meter__values .meter__slice--clickable,.meter--spiral .meter__values .meter__slice--clickable{cursor:pointer}@media screen and (min-width:45em){.meter--arc .meter__values .meter__slice,.meter--circle .meter__values .meter__slice,.meter--spiral .meter__values .meter__slice{transition:stroke-width .2s;-webkit-animation:j 1.5s linear;animation:j 1.5s linear}}.meter--arc .meter__thresholds .meter__slice.color-index-unset,.meter--circle .meter__thresholds .meter__slice.color-index-unset,.meter--spiral .meter__thresholds .meter__slice.color-index-unset{stroke:hsla(0,0%,87%,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-brand,.meter--circle .meter__thresholds .meter__slice.color-index-brand,.meter--spiral .meter__thresholds .meter__slice.color-index-brand{stroke:rgba(0,150,214,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-critical,.meter--circle .meter__thresholds .meter__slice.color-index-critical,.meter--spiral .meter__thresholds .meter__slice.color-index-critical{stroke:rgba(240,75,55,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-warning,.meter--circle .meter__thresholds .meter__slice.color-index-warning,.meter--spiral .meter__thresholds .meter__slice.color-index-warning{stroke:rgba(240,170,60,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-ok,.meter--circle .meter__thresholds .meter__slice.color-index-ok,.meter--spiral .meter__thresholds .meter__slice.color-index-ok{stroke:rgba(80,145,55,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-disabled,.meter--arc .meter__thresholds .meter__slice.color-index-unknown,.meter--circle .meter__thresholds .meter__slice.color-index-disabled,.meter--circle .meter__thresholds .meter__slice.color-index-unknown,.meter--spiral .meter__thresholds .meter__slice.color-index-disabled,.meter--spiral .meter__thresholds .meter__slice.color-index-unknown{stroke:hsla(0,0%,52%,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-graph-1,.meter--arc .meter__thresholds .meter__slice.color-index-graph-6,.meter--circle .meter__thresholds .meter__slice.color-index-graph-1,.meter--circle .meter__thresholds .meter__slice.color-index-graph-6,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-1,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-6{stroke:rgba(0,150,214,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-graph-2,.meter--arc .meter__thresholds .meter__slice.color-index-graph-7,.meter--circle .meter__thresholds .meter__slice.color-index-graph-2,.meter--circle .meter__thresholds .meter__slice.color-index-graph-7,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-2,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-7{stroke:rgba(192,148,191,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-graph-3,.meter--arc .meter__thresholds .meter__slice.color-index-graph-8,.meter--circle .meter__thresholds .meter__slice.color-index-graph-3,.meter--circle .meter__thresholds .meter__slice.color-index-graph-8,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-3,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-8{stroke:rgba(153,213,239,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-graph-4,.meter--arc .meter__thresholds .meter__slice.color-index-graph-9,.meter--circle .meter__thresholds .meter__slice.color-index-graph-4,.meter--circle .meter__thresholds .meter__slice.color-index-graph-9,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-4,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-9{stroke:hsla(210,2%,54%,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-graph-5,.meter--arc .meter__thresholds .meter__slice.color-index-graph-10,.meter--circle .meter__thresholds .meter__slice.color-index-graph-5,.meter--circle .meter__thresholds .meter__slice.color-index-graph-10,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-5,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-10{stroke:hsla(260,2%,73%,.5)}.meter--arc .meter__threshold,.meter--circle .meter__threshold,.meter--spiral .meter__threshold{stroke-linecap:butt}.meter--arc .meter__value-label,.meter--circle .meter__value-label,.meter--spiral .meter__value-label{display:block}@media screen and (max-width:44.9375em){.meter--arc,.meter--circle{width:192px}}.meter--arc .meter__value,.meter--circle .meter__value{white-space:normal;pointer-events:none;text-align:center}.meter--arc .meter__value--active,.meter--circle .meter__value--active{pointer-events:auto;cursor:pointer}.meter--arc:not(.meter--vertical) .meter__minmax-container,.meter--circle .meter__minmax-container{width:192px}.meter--arc:not(.meter--vertical) .meter__value,.meter--circle .meter__value{position:absolute;left:50%}.meter--arc:not(.meter--vertical).meter--small .meter__minmax-container,.meter--circle.meter--small .meter__minmax-container{width:96px}.meter--arc:not(.meter--vertical).meter--large .meter__minmax-container,.meter--circle.meter--large .meter__minmax-container{width:288px}.meter--arc.meter--vertical.meter--legend-right .meter__legend,.meter--circle.meter--legend-right .meter__legend{top:96px}.meter--arc.meter--vertical.meter--legend-right.meter--small .meter__legend,.meter--circle.meter--legend-right.meter--small .meter__legend{top:48px}.meter--arc.meter--vertical.meter--legend-right.meter--large .meter__legend,.meter--circle.meter--legend-right.meter--large .meter__legend{top:144px}.meter--circle svg.meter__graphic{width:192px;height:192px}.meter--circle .meter__value{top:96px;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);max-width:144px}.meter--circle.meter--small svg.meter__graphic{width:96px;height:96px}.meter--circle.meter--small .meter__value{top:48px;max-width:72px}.meter--circle.meter--large svg.meter__graphic{width:288px;height:288px}.meter--circle.meter--large .meter__value{top:144px;max-width:216px}.meter--circle:not(.meter--stacked):not(.meter--single) .meter__value{position:static;margin:0 auto;-webkit-transform:none;transform:none}.meter--arc:not(.meter--vertical) svg.meter__graphic{width:192px;height:144px}.meter--arc:not(.meter--vertical) .meter__value{top:108px;-webkit-transform:translateX(-50%);transform:translateX(-50%);max-width:120px}.meter--arc:not(.meter--vertical).meter--legend-right .meter__legend{top:72px}.meter--arc:not(.meter--vertical).meter--small svg.meter__graphic{width:96px;height:72px}.meter--arc:not(.meter--vertical).meter--small .meter__value{top:60px;max-width:60px}.meter--arc:not(.meter--vertical).meter--large svg.meter__graphic{width:288px;height:216px}.meter--arc:not(.meter--vertical).meter--large .meter__value{top:156px;max-width:180px}.meter--arc.meter--vertical svg.meter__graphic{display:inline;width:144px;height:192px}.meter--arc.meter--vertical .meter__value{position:relative;top:96px;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:inline-block;margin-left:-24px;vertical-align:top}.meter--arc.meter--vertical .meter__minmax-container{display:inline-block;vertical-align:top;margin-left:12px;padding-top:12px;padding-bottom:12px}.meter--arc.meter--vertical.meter--small svg.meter__graphic{width:72px;height:96px}.meter--arc.meter--vertical.meter--small .meter__value{top:48px;margin-left:-12px}.meter--arc.meter--vertical.meter--small .meter__minmax-container{padding-top:0;padding-bottom:0}.meter--arc.meter--vertical.meter--large svg.meter__graphic{width:216px;height:288px}.meter--arc.meter--vertical.meter--large .meter__value{top:144px;margin-left:-48px}.meter--arc.meter--vertical.meter--minmax .meter__value{margin-left:-72px}.meter--arc.meter--vertical.meter--minmax.meter--small .meter__value{margin-left:-60px}.meter--arc.meter--vertical.meter--legend-right.meter--small .meter__value{min-width:78px}.meter--arc.meter--vertical.meter--legend-right .meter__value{min-width:120px}.meter--spiral .meter__value{position:absolute;top:0;right:0;white-space:normal;text-align:right}.meter--spiral .meter__value-value{display:block;font-size:24px;font-size:1.5rem;line-height:1;margin-bottom:6px}.meter--spiral .meter__value-units{font-size:20px;font-size:1.25rem;line-height:1.2;color:#777;margin-left:.2em}.meter--spiral .meter__value-label{display:block;font-size:14px;font-size:.875rem;line-height:16px}.meter--loading .meter__thresholds,.meter--loading .meter__value{display:none}.notification{font-size:19px;font-size:1.1875rem;line-height:24px}.notification__message{font-size:24px;font-size:1.5rem;line-height:24px}.notification__message+*{margin-top:24px}.notification__status{margin-right:24px;flex:0 0 auto}.notification--critical{background-color:#f04b37;color:#fff}.notification--critical .notification__status .status-icon__base{fill:#fff}.notification--critical .notification__status .status-icon__detail{stroke:#f04b37;fill:#f04b37}.notification--critical .notification__status.status-icon-unknown .status-icon__detail{stroke:#fff;fill:#fff}.notification--warning{background-color:#f0aa3c;color:#fff}.notification--warning .notification__status .status-icon__base{fill:#fff}.notification--warning .notification__status .status-icon__detail{stroke:#f0aa3c;fill:#f0aa3c}.notification--warning .notification__status.status-icon-unknown .status-icon__detail{stroke:#fff;fill:#fff}.notification--ok{background-color:#509137;color:#fff}.notification--ok .notification__status .status-icon__base{fill:#fff}.notification--ok .notification__status .status-icon__detail{stroke:#509137;fill:#509137}.notification--ok .notification__status.status-icon-unknown .status-icon__detail{stroke:#fff;fill:#fff}.notification--unknown{background-color:#848484;color:#fff}.notification--unknown .notification__status .status-icon__base{fill:#fff}.notification--unknown .notification__status .status-icon__detail{stroke:#848484;fill:#848484}.notification--unknown .notification__status.status-icon-unknown .status-icon__detail{stroke:#fff;fill:#fff}.notification--disabled{background-color:#848484;color:#fff}.notification--disabled .notification__status .status-icon__base{fill:#fff}.notification--disabled .notification__status .status-icon__detail{stroke:#848484;fill:#848484}.notification--disabled .notification__status.status-icon-unknown .status-icon__detail{stroke:#fff;fill:#fff}.notifications-control__icon{width:48px;height:48px;vertical-align:middle}.notifications{position:fixed;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,50%,.6);z-index:4}.notifications__container{position:absolute;top:0;right:0;min-width:300px;padding:24px;padding-top:96px;background-color:#fff;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-bottom-left-radius:0 5px 0 5px}.notifications__icon{position:absolute;top:24px;right:84px;width:48px;height:48px;vertical-align:middle}.number-input__input{-moz-appearance:textfield}.number-input__input::-webkit-inner-spin-button,.number-input__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.object{overflow:auto}.object__container{padding:24px}.object ol,.object ul{margin:0;list-style-type:none}.object li{width:auto}.object__attribute{margin-bottom:12px}.object__attribute-name{display:block;color:#777;font-size:14px;font-size:.875rem;line-height:1.71429}.object__attribute-value{display:block;font-size:16px;font-size:1rem;line-height:1.5}.object__attribute-value ol,.object__attribute-value ul{margin-left:24px;padding-top:24px;padding-bottom:24px}.object__attribute--container>.object__attribute-name{font-weight:700}.object__attribute--unset .object__attribute-value{font-style:italic;color:#777}.object__attribute--array>.object__attribute-value>ol>li{border-top:1px solid #ccc}.object__attribute--array>.object__attribute-value>ol>li:last-child{border-bottom:1px solid #ccc}.object__attribute--array>.object__attribute-value>ol>li>ul{padding-top:0;padding-bottom:0}.paragraph--small{font-size:14px;font-size:.875rem;line-height:1.71429}.paragraph--small a{text-decoration:none}.paragraph--large{font-size:24px;font-size:1.5rem;line-height:28px}.paragraph--large a{color:#0096d6;font-weight:600}.radio-button{margin-right:24px;white-space:nowrap}.radio-button:not(.radio-button--disabled){cursor:pointer}.radio-button:hover:not(.radio-button--disabled) .radio-button__control{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button:hover:not(.radio-button--disabled) .radio-button__control{border-color:#fff}.radio-button:hover:not(.radio-button--disabled) .radio-button__input:checked+.radio-button__control{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button:hover:not(.radio-button--disabled) .radio-button__input:checked+.radio-button__control{border-color:#fff}.radio-button:hover:not(.radio-button--disabled) .radio-button__label{color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button:hover:not(.radio-button--disabled) .radio-button__label{color:#fff}.radio-button__input{opacity:0;position:absolute}.radio-button__input:checked+.radio-button__control{border-color:#0096d6}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button__input:checked+.radio-button__control{border-color:#fff}.radio-button__input:checked+.radio-button__control+.radio-button__label{color:#333}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button__input:checked+.radio-button__control+.radio-button__label{color:#fff}.radio-button__input:checked+.radio-button__control:after{content:"";display:block;position:absolute;top:5px;left:5px;width:10px;height:10px;background-color:#0096d6;border-radius:12px}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button__input:checked+.radio-button__control:after{background-color:#fff}.radio-button__input:focus+.radio-button__control{content:"";border-color:#99d5ef;box-shadow:0 0 1px 1px #99d5ef}.radio-button__control{position:relative;display:inline-block;width:24px;height:24px;margin-right:12px;vertical-align:middle;background-color:inherit;color:#0076a8;border:2px solid #999;border-radius:24px}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button__control{border-color:#dbdbdb}.radio-button__label{color:#777}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button__label{color:#dbdbdb}.radio-button--disabled .radio-button__control{opacity:.5}.search{display:inline-block}.search:focus{outline:none;margin:-1px;border:1px solid #99d5ef;box-shadow:0 0 1px 1px #99d5ef}.search--controlled{cursor:pointer}.search__input{margin-right:0}.header .search__input{font-size:inherit}.search__drop{font-size:20px;font-size:1.25rem;line-height:inherit}@media screen and (max-width:44.9375em){.search__drop{max-width:100%;width:100vw}}.search__drop--inline{margin-left:-1px}.search__drop--inline .search__drop-contents{display:block}.search__drop--controlled .search__drop-contents{display:inline-block}.search__drop input{margin-right:0;box-sizing:border-box;width:100%}@media screen and (max-width:44.9375em){.search__drop input{width:calc(100vw - 72px)}}.search__drop-control{vertical-align:top;height:48px}.search__drop .search__suggestion{padding:6px 24px;cursor:pointer}.search__drop .search__suggestion--active,.search__drop .search__suggestion:hover{background-color:rgba(0,0,0,.1)}.search__drop--large{line-height:96px}.search--inline{position:relative}.search--inline .search__input{width:100%;padding-right:47px;box-sizing:border-box}.search--inline .search__input:focus{padding-right:46px}.header .search--inline .search__input:not(:focus){border-color:transparent}.search--inline .control-icon-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none}.search--small{line-height:24px}.search--small .search__input{font-size:14px;font-size:.875rem;line-height:14px;padding:4px 13px;padding-right:23px}.search--small .search__input:focus{padding:3px 12px;padding-right:22px}.search--small .control-icon-search{height:12px;width:12px}.search--large{line-height:triple(24px)}.search--large .search__input{font-size:36px;font-size:2.25rem;line-height:48px;padding:-7px 35px;padding-right:47px}.search--large .control-icon-search{right:24px}.search-input{position:relative;display:inline-block}.search-input__input{width:100%;height:100%;display:block;padding-right:60px}.search-input__input:focus{padding-right:59px}.search-input__control{position:absolute;top:50%;transform:translateY(-50%);right:12px}.search-input__suggestions{border-top-left-radius:0;border-top-right-radius:0;margin:0;list-style-type:none}.search-input__suggestion{padding:6px 24px;cursor:pointer}.search-input__suggestion--active,.search-input__suggestion:hover{background-color:rgba(0,0,0,.1)}.search-input--active .search-input__input{border-bottom-left-radius:0;border-bottom-right-radius:0}section:not(.section){padding-top:24px;padding-bottom:24px}section:not(.section):first-of-type{margin-top:0;padding-top:0}.section>img,section>img{margin-top:24px;margin-bottom:24px;display:block;height:auto}@media screen and (max-width:44.9375em){.section>img,section>img{max-width:576px}}.section>iframe,section>iframe{width:100%;max-width:576px;height:400px}@media screen and (max-width:44.9375em){.section>iframe,section>iframe{height:250px}}@media screen and (max-width:44.9375em){.section>ol,.section>ul,section>ol,section>ul{margin-left:0;margin-bottom:24px}}.section>dl>dt,section>dl>dt{margin-top:24px;margin-bottom:6px;text-transform:uppercase}.section>dl>dt code,section>dl>dt code{text-transform:none;white-space:pre-wrap}.section>dl>dd,section>dl>dd{margin-left:0}@media screen and (max-width:44.9375em){.section>dl>dd,section>dl>dd{padding-right:24px}}.react-gravatar{width:48px;height:48px;border-radius:24px;border:2px solid transparent;overflow:hidden;cursor:pointer;transition:all .3s ease-in-out}.react-gravatar:hover{border-color:#0096d6}.session{position:fixed;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,50%,.6);z-index:4}.session__container{position:absolute;top:0;right:0;min-width:300px;padding:24px;padding-top:96px;background-color:#fff;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-bottom-left-radius:0 5px 0 5px}.session .react-gravatar{position:absolute;top:24px;right:24px}.session__actions{margin-top:24px;padding-top:24px;border-top:1px solid #ccc}.session a{cursor:pointer}.settings{position:relative;text-align:center}.settings__panels{display:inline-block}.settings__panel{vertical-align:top}.sidebar{min-height:100vh}@media screen and (max-width:44.9375em){.sidebar{max-width:100%;width:100vw}}@media screen and (min-width:45em){.sidebar{width:336px}}.sidebar--fixed{display:flex;flex-direction:column}.sidebar--fixed>*{flex:1;overflow:auto}.sidebar--fixed>.footer,.sidebar--fixed>.header{flex:0 0 auto}.sidebar--primary{background-color:#f5f5f5}@media screen and (min-width:45em){.sidebar--small{width:240px}}@media screen and (min-width:45em){.sidebar--large{width:480px}}.split{position:relative;overflow:visible}.split:after{position:absolute;left:0;content:' ';display:block;width:45em;height:0;z-index:-10}@media screen and (min-width:45em){.split{display:flex}.split--fixed>*{position:relative;height:100vh;overflow:auto;-ms-overflow-style:-ms-autohiding-scrollbar}.split--flex-right>:first-child:not(:last-child){flex:0 0 auto}.split--flex-right>:last-child{flex:1}.split--flex-left>.object,.split--flex-left>:last-child:not(:first-child){flex:0 0 auto}.split--flex-both>*,.split--flex-left>:first-child{flex:1}.split--separator>*{border-right:1px solid #000}.split--separator>:last-child{border-right:none}}@media screen and (max-width:44.9375em){.split--separator>*{border-bottom:1px solid #000}.split--separator>:last-child{border-bottom:none}}.skip-link-anchor{width:0;height:0;overflow:hidden}.tab{padding:12px}.tab a{text-decoration:none}.tab a:focus .tab__label{border-bottom:4px solid}.tab__label{cursor:pointer;padding-bottom:12px;font-weight:600;color:#777}.tab--active .tab__label{color:#000;border-bottom:4px solid #000}.tab:focus .tab__label,.tab:hover .tab__label{border-bottom:4px solid}.tabs{margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;list-style:none;border-bottom:1px solid #ccc}.tabs__content{padding:24px}@media screen and (max-width:44.9375em){.tabs__content{padding:24px 0}}.table table{width:100%}.table td,.table th{padding:11px 12px;vertical-align:top;text-align:left}.table td:first-child,.table th:first-child{padding-left:24px}.table td:last-child,.table th:last-child{padding-right:24px}.table th{font-weight:100;font-size:20px;font-size:1.25rem;line-height:1.2;border-bottom:1px solid #ccc}.table__mirror{position:absolute;top:0;left:0;right:0}.table__mirror>thead{position:fixed;background-color:hsla(0,0%,100%,.9)}@media screen and (max-width:44.9375em){.table__mirror>thead{position:static}}.table__more{margin-top:24px;text-align:center}.table--scrollable{position:relative}.table--selectable tbody tr{cursor:pointer}.table--selectable tbody tr td{transition:background-color .2s}.table--selectable tbody tr.table-row--selected td{background-color:#daf1fb;color:#333}[class*=background-color-index-]:not([class*=background-color-index-light]) .table--selectable tbody tr.table-row--selected td{background-color:rgba(0,0,0,.2);color:#fff}.table--selectable tbody tr:hover:not(.table-row--selected) td{background-color:rgba(0,0,0,.1);color:#000}.tbd,[class*=background-color-index-]:not([class*=background-color-index-light]) .table--selectable tbody tr:hover:not(.table-row--selected) td{color:#fff}.tbd{text-align:center;padding:96px;font-size:96px;font-size:6rem;line-height:1;font-style:italic;background-color:#ccc}.tiles{width:100%;padding:12px}@media screen and (min-width:45em){.tiles.box--direction-row>.tile{flex:0 0 192px;margin:12px}.tiles.box--direction-row>.tile>*{box-sizing:border-box}.tiles.box--direction-row>.tile--wide{flex-basis:calc(100% - 24px);box-sizing:border-box}}.tiles__container{display:flex;flex-direction:row;align-items:center;width:100%}.tiles__container .tiles__left,.tiles__container .tiles__right{flex:0 0 auto}.tiles__container .tiles{flex:1;margin:0}.tiles__container .tiles.box--direction-row{width:100%;overflow:hidden}.tiles--fill.box--wrap{justify-content:space-around}.tiles--fill.box--wrap>.tile{flex-grow:1}.tiles--flush{padding:0}.tiles--flush>.tile{margin:0}.tiles--flush>.tile--wide{flex-basis:100%}.tiles--moreable{position:relative;padding-bottom:48px}.tiles--moreable .tiles__more{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tiles--selectable .tile{cursor:pointer;transition:background-color .2s}.tiles--selectable .tile--selected{background-color:#daf1fb;color:#333}.tiles--selectable .tile:hover:not(.tile--selected){background-color:rgba(0,0,0,.1);color:#000}.tiles--small>.tile{flex-basis:96px}@media screen and (min-width:45em){.tiles--large>.tile{flex-basis:384px}}@media screen and (max-width:44.9375em){.tiles--large>.tile{flex-basis:100%}}.tile{overflow:hidden}.tile .status-icon{margin-right:6px}.tile>.chart{width:100%}.tile--selectable{cursor:pointer;transition:background-color .2s}.tile--selectable.tile--selected{background-color:#daf1fb;color:#333}.tile--selectable:hover:not(.tile--selected){background-color:rgba(0,0,0,.1);color:#000}.tile--eclipsed{opacity:.2}.title{max-height:100%;overflow:hidden;text-overflow:ellipsis;font-weight:400;white-space:nowrap;font-size:24px;font-size:1.5rem;line-height:inherit}@media screen and (min-width:45em){.title{font-weight:600}}.title>:not(:last-child){margin-right:12px}.title a{color:inherit}.title a,.title a:hover{text-decoration:none}[class*=background-color-index-] .title a:hover{text-decoration:underline}.title img,.title svg{max-width:576px}.title img:not(:last-child),.title svg:not(:last-child){margin-right:12px}.title--interactive{cursor:pointer}@media screen and (min-width:45em){.title--interactive{transition:color .3s ease-in-out}}.title--interactive:hover{color:#0096d6;cursor:pointer}[class*=background-color-index-]:not([class*=background-color-index-light]) .title--interactive:hover{color:#fff}@media screen and (max-width:44.9375em){.title--responsive img,.title--responsive svg{margin-right:0}.title--responsive>:not(:first-child){display:none}}.topology{position:relative}@media screen and (max-width:44.9375em){.topology__contents>.topology__parts{flex-direction:column}}@media screen and (min-width:45em){.topology__contents>.topology__parts--direction-row>.topology__part{margin-right:48px}.topology__contents>.topology__parts--direction-row>.topology__part:last-child{margin-right:0}}@media screen and (max-width:44.9375em){.topology__contents>.topology__parts--direction-row>.topology__part{margin-bottom:48px}.topology__contents>.topology__parts--direction-row>.topology__part:last-child{margin-bottom:0}}.topology__contents>.topology__parts--direction-column>.topology__part{margin-bottom:48px}.topology__contents>.topology__parts--direction-column>.topology__part:last-child{margin-bottom:0}.topology__canvas{position:absolute;pointer-events:none}.topology__parts{display:flex;align-items:stretch}.topology__parts--direction-row{flex-direction:row;flex-grow:1}.topology__parts--direction-column{flex-direction:column;flex-grow:1}.topology__parts--align-start{align-items:flex-start}.topology__parts--align-center{align-items:center}.topology__parts--align-end{align-items:flex-end}.topology__part,.topology__parts--align-stretch{align-items:stretch}.topology__part{display:flex;justify-content:center;overflow:hidden}.topology__part>.topology__parts .topology__part{flex:1}.topology__part--demarcate{border:1px solid #ccc}.topology__part--demarcate.topology__part--empty{background-color:#f5f5f5;min-width:24px;min-height:24px}.topology__part--justify-start{justify-content:flex-start}.topology__part--justify-center{justify-content:center}.topology__part--justify-between{justify-content:space-between}.topology__part--justify-end{justify-content:flex-end}.topology__part--align-start{align-items:flex-start}.topology__part--align-center{align-items:center}.topology__part--align-end{align-items:flex-end}.topology__part--align-stretch{align-items:stretch}.topology__part--direction-row{flex-direction:row}.topology__part--direction-row.topology__part--reverse{flex-direction:row-reverse}.topology__part--direction-row>:not(.topology__parts):not(.topology__part){margin:6px}.topology__part--direction-column{flex-direction:column}.topology__part--direction-column.topology__part--reverse{flex-direction:column-reverse}.topology__part--direction-column>:not(.topology__parts):not(.topology__part){margin:6px}.topology__label{font-size:14px;margin-left:12px;margin-right:12px}.topology .status-icon{position:relative;z-index:1}.video{position:relative;height:auto}@media screen and (max-width:44.9375em){.video{max-width:100%;width:100vw}}@media screen and (min-width:45em){.video--small{width:240px}.video--small .video__control.button--primary{width:48px;height:48px;border-radius:24px}.video--large{width:960px}}.video--full,.video video{width:100%}.video__summary{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;text-align:left;padding:24px;background-color:hsla(0,0%,40%,.7);color:#dbdbdb;border-radius:0 5px 0 5px}.video__control.button--primary{flex:0 0 auto;width:96px;height:96px;border-radius:48px;background-color:rgba(0,150,214,.7)}.video__control.button--primary:hover{background-color:#0096d6}.video__title{margin-left:24px}.video__timeline{position:absolute;left:0;right:0;bottom:0;height:72px;color:#dbdbdb;background-color:hsla(0,0%,40%,.7)}.video__timeline-chapter{position:absolute;height:100%;padding-left:6px;border-left:2px solid #dbdbdb;text-align:left;cursor:pointer}.video__timeline-chapter:hover{color:#fff;border-color:#fff}.video__timeline-chapter time{display:block;font-size:14px;font-size:.875rem;line-height:24px}.video__progress{position:absolute;left:0;right:0;bottom:0;height:6px;text-align:left}.video__progress-meter{height:100%;background-color:#0096d6}.video--playing:not(.video--interacting) .video__progress,.video--playing:not(.video--interacting) .video__summary,.video--playing:not(.video--interacting) .video__timeline{opacity:0;transition:opacity 1s}.clearfix:after{content:"";display:table;clear:both}.button--accent{background-color:#e6734b;color:#dbdbdb}.button:not(.button--disabled):hover{border-color:#00608a}.button:not(.button--disabled):active{border-color:#004f70}.button:not(.button--disabled).button--primary:hover{border-color:#00608a;background-color:#00608a}.button:not(.button--disabled).button--primary:active{border-color:#004f70;background-color:#004f70}.button:not(.button--disabled).button--secondary:hover{border-color:hsla(0,0%,5%,.6)}.button:not(.button--disabled).button--secondary:active{border-color:rgba(0,0,0,.6)}.button:not(.button--disabled).button--accent:hover{border-color:#c9481c;background-color:#c9481c}.button:not(.button--disabled).button--accent:active{border-color:#b24019;background-color:#b24019}[class*=background-color-index-]:not([class*=background-color-index-light]) .button:not(.button--disabled):hover{border-color:#c8c8c8}[class*=background-color-index-]:not([class*=background-color-index-light]) .button:not(.button--disabled).button--primary:hover{border-color:#00608a;background-color:#00608a}[class*=background-color-index-]:not([class*=background-color-index-light]) .button:not(.button--disabled).button--accent:hover{border-color:#c9481c} \ No newline at end of file diff --git a/css/grommet.css b/css/grommet.css index ad04cca..40d4dd5 100644 --- a/css/grommet.css +++ b/css/grommet.css @@ -1514,7 +1514,7 @@ button:not(.button) { .chart__values-line.color-index-unknown { stroke: #a8a8a8; } .chart__values-line.color-index-disabled { - stroke: #EDEDED; } + stroke: #a8a8a8; } .chart__values-line.color-index-graph-1, .chart__values-line.color-index-graph-6 { stroke: #c3a4fe; } .chart__values-line.color-index-graph-2, .chart__values-line.color-index-graph-7 { @@ -1548,7 +1548,7 @@ button:not(.button) { .chart__values-bar.color-index-unknown, .chart__values-area.color-index-unknown { fill: rgba(168, 168, 168, 0.7); } .chart__values-bar.color-index-disabled, .chart__values-area.color-index-disabled { - fill: rgba(237, 237, 237, 0.7); } + fill: rgba(168, 168, 168, 0.7); } .chart__values-bar.color-index-graph-1, .chart__values-bar.color-index-graph-6, .chart__values-area.color-index-graph-1, .chart__values-area.color-index-graph-6 { fill: rgba(195, 164, 254, 0.7); } .chart__values-bar.color-index-graph-2, .chart__values-bar.color-index-graph-7, .chart__values-area.color-index-graph-2, .chart__values-area.color-index-graph-7 { @@ -1574,7 +1574,7 @@ button:not(.button) { .chart__values-bar--active.color-index-unknown, .chart__values-area--active.color-index-unknown { fill: #a8a8a8; } .chart__values-bar--active.color-index-disabled, .chart__values-area--active.color-index-disabled { - fill: #EDEDED; } + fill: #a8a8a8; } .chart__values-bar--active.color-index-graph-1, .chart__values-bar--active.color-index-graph-6, .chart__values-area--active.color-index-graph-1, .chart__values-area--active.color-index-graph-6 { fill: #c3a4fe; } .chart__values-bar--active.color-index-graph-2, .chart__values-bar--active.color-index-graph-7, .chart__values-area--active.color-index-graph-2, .chart__values-area--active.color-index-graph-7 { @@ -1615,7 +1615,7 @@ button:not(.button) { .chart__values-point.color-index-unknown { stroke: #a8a8a8; } .chart__values-point.color-index-disabled { - stroke: #EDEDED; } + stroke: #a8a8a8; } .chart__values-point.color-index-graph-1, .chart__values-point.color-index-graph-6 { stroke: #c3a4fe; } .chart__values-point.color-index-graph-2, .chart__values-point.color-index-graph-7 { @@ -1659,7 +1659,7 @@ button:not(.button) { .chart__values--loading.color-index-unknown { stroke: #a8a8a8; } .chart__values--loading.color-index-disabled { - stroke: #EDEDED; } + stroke: #a8a8a8; } .chart__values--loading.color-index-graph-1, .chart__values--loading.color-index-graph-6 { stroke: #c3a4fe; } .chart__values--loading.color-index-graph-2, .chart__values--loading.color-index-graph-7 { @@ -1697,7 +1697,7 @@ button:not(.button) { .chart__yaxis .chart__bar.color-index-unknown { fill: rgba(168, 168, 168, 0.5); } .chart__yaxis .chart__bar.color-index-disabled { - fill: rgba(237, 237, 237, 0.5); } + fill: rgba(168, 168, 168, 0.5); } .chart__yaxis .chart__bar.color-index-graph-1, .chart__yaxis .chart__bar.color-index-graph-6 { fill: rgba(195, 164, 254, 0.5); } .chart__yaxis .chart__bar.color-index-graph-2, .chart__yaxis .chart__bar.color-index-graph-7 { @@ -1737,7 +1737,7 @@ button:not(.button) { .chart__cursor-point.color-index-unknown { fill: #a8a8a8; } .chart__cursor-point.color-index-disabled { - fill: #EDEDED; } + fill: #a8a8a8; } .chart__cursor-point.color-index-graph-1, .chart__cursor-point.color-index-graph-6 { fill: #c3a4fe; } .chart__cursor-point.color-index-graph-2, .chart__cursor-point.color-index-graph-7 { @@ -1809,12 +1809,12 @@ button:not(.button) { stop-color: #a8a8a8; stop-opacity: 0; } .chart--area .chart__gradient.color-index-disabled .begin, .chart--bar .chart__gradient.color-index-disabled .begin { - stop-color: #EDEDED; } + stop-color: #a8a8a8; } .chart--area .chart__gradient.color-index-disabled .mid, .chart--bar .chart__gradient.color-index-disabled .mid { - stop-color: #EDEDED; + stop-color: #a8a8a8; stop-opacity: 0.5; } .chart--area .chart__gradient.color-index-disabled .end, .chart--bar .chart__gradient.color-index-disabled .end { - stop-color: #EDEDED; + stop-color: #a8a8a8; stop-opacity: 0; } .chart--area .chart__gradient.color-index-graph-1 .begin, .chart--area .chart__gradient.color-index-graph-6 .begin, .chart--bar .chart__gradient.color-index-graph-1 .begin, .chart--bar .chart__gradient.color-index-graph-6 .begin { stop-color: #c3a4fe; } @@ -1881,7 +1881,7 @@ button:not(.button) { .chart--sparkline .chart__values-bar.color-index-unknown, .chart--sparkline .chart__values-area.color-index-unknown { fill: #a8a8a8; } .chart--sparkline .chart__values-bar.color-index-disabled, .chart--sparkline .chart__values-area.color-index-disabled { - fill: #EDEDED; } + fill: #a8a8a8; } .chart--sparkline .chart__values-bar.color-index-graph-1, .chart--sparkline .chart__values-bar.color-index-graph-6, .chart--sparkline .chart__values-area.color-index-graph-1, .chart--sparkline .chart__values-area.color-index-graph-6 { fill: #c3a4fe; } .chart--sparkline .chart__values-bar.color-index-graph-2, .chart--sparkline .chart__values-bar.color-index-graph-7, .chart--sparkline .chart__values-area.color-index-graph-2, .chart--sparkline .chart__values-area.color-index-graph-7 { @@ -2143,83 +2143,83 @@ button:not(.button) { width: 100%; height: 192px; max-height: calc(100vh - 144px); } - .distribution__box { + .distribution__item--clickable { cursor: pointer; } - .distribution__box.color-index-unset { - fill: #ddd; } - .distribution__box.color-index-brand { - fill: #8C50FF; } - .distribution__box.color-index-critical { - fill: #FF856B; } - .distribution__box.color-index-error { - fill: #FF856B; } - .distribution__box.color-index-warning { - fill: #FFB86B; } - .distribution__box.color-index-ok { - fill: #4EB976; } - .distribution__box.color-index-unknown { - fill: #a8a8a8; } - .distribution__box.color-index-disabled { - fill: #EDEDED; } - .distribution__box.color-index-graph-1, .distribution__box.color-index-graph-6 { - fill: #c3a4fe; } - .distribution__box.color-index-graph-2, .distribution__box.color-index-graph-7 { - fill: #a577ff; } - .distribution__box.color-index-graph-3, .distribution__box.color-index-graph-8 { - fill: #5d0cfb; } - .distribution__box.color-index-graph-4, .distribution__box.color-index-graph-9 { - fill: #7026ff; } - .distribution__box.color-index-graph-5, .distribution__box.color-index-graph-10 { - fill: #767676; } - .distribution__box.color-index-grey-1, .distribution__box.color-index-grey-5 { - fill: #333333; } - .distribution__box.color-index-grey-2, .distribution__box.color-index-grey-6 { - fill: #444444; } - .distribution__box.color-index-grey-3, .distribution__box.color-index-grey-7 { - fill: #555555; } - .distribution__box.color-index-grey-4, .distribution__box.color-index-grey-8 { - fill: #666666; } - .distribution__icons.color-index-loading { + .distribution__item-box.color-index-unset { + fill: #ddd; } + .distribution__item-box.color-index-brand { + fill: #8C50FF; } + .distribution__item-box.color-index-critical { + fill: #FF856B; } + .distribution__item-box.color-index-error { + fill: #FF856B; } + .distribution__item-box.color-index-warning { + fill: #FFB86B; } + .distribution__item-box.color-index-ok { + fill: #4EB976; } + .distribution__item-box.color-index-unknown { + fill: #a8a8a8; } + .distribution__item-box.color-index-disabled { + fill: #a8a8a8; } + .distribution__item-box.color-index-graph-1, .distribution__item-box.color-index-graph-6 { + fill: #c3a4fe; } + .distribution__item-box.color-index-graph-2, .distribution__item-box.color-index-graph-7 { + fill: #a577ff; } + .distribution__item-box.color-index-graph-3, .distribution__item-box.color-index-graph-8 { + fill: #5d0cfb; } + .distribution__item-box.color-index-graph-4, .distribution__item-box.color-index-graph-9 { + fill: #7026ff; } + .distribution__item-box.color-index-graph-5, .distribution__item-box.color-index-graph-10 { + fill: #767676; } + .distribution__item-box.color-index-grey-1, .distribution__item-box.color-index-grey-5 { + fill: #333333; } + .distribution__item-box.color-index-grey-2, .distribution__item-box.color-index-grey-6 { + fill: #444444; } + .distribution__item-box.color-index-grey-3, .distribution__item-box.color-index-grey-7 { + fill: #555555; } + .distribution__item-box.color-index-grey-4, .distribution__item-box.color-index-grey-8 { + fill: #666666; } + .distribution__item-icons.color-index-loading { stroke: #ddd; stroke-dasharray: 1px 10px; stroke-dashoffset: 0; } - .distribution__icons.color-index-unset { + .distribution__item-icons.color-index-unset { stroke: #ddd; } - .distribution__icons.color-index-brand { + .distribution__item-icons.color-index-brand { stroke: #8C50FF; } - .distribution__icons.color-index-critical { + .distribution__item-icons.color-index-critical { stroke: #FF856B; } - .distribution__icons.color-index-error { + .distribution__item-icons.color-index-error { stroke: #FF856B; } - .distribution__icons.color-index-warning { + .distribution__item-icons.color-index-warning { stroke: #FFB86B; } - .distribution__icons.color-index-ok { + .distribution__item-icons.color-index-ok { stroke: #4EB976; } - .distribution__icons.color-index-unknown { + .distribution__item-icons.color-index-unknown { + stroke: #a8a8a8; } + .distribution__item-icons.color-index-disabled { stroke: #a8a8a8; } - .distribution__icons.color-index-disabled { - stroke: #EDEDED; } - .distribution__icons.color-index-graph-1, .distribution__icons.color-index-graph-6 { + .distribution__item-icons.color-index-graph-1, .distribution__item-icons.color-index-graph-6 { stroke: #c3a4fe; } - .distribution__icons.color-index-graph-2, .distribution__icons.color-index-graph-7 { + .distribution__item-icons.color-index-graph-2, .distribution__item-icons.color-index-graph-7 { stroke: #a577ff; } - .distribution__icons.color-index-graph-3, .distribution__icons.color-index-graph-8 { + .distribution__item-icons.color-index-graph-3, .distribution__item-icons.color-index-graph-8 { stroke: #5d0cfb; } - .distribution__icons.color-index-graph-4, .distribution__icons.color-index-graph-9 { + .distribution__item-icons.color-index-graph-4, .distribution__item-icons.color-index-graph-9 { stroke: #7026ff; } - .distribution__icons.color-index-graph-5, .distribution__icons.color-index-graph-10 { + .distribution__item-icons.color-index-graph-5, .distribution__item-icons.color-index-graph-10 { stroke: #767676; } - .distribution__icons.color-index-grey-1, .distribution__icons.color-index-grey-5 { + .distribution__item-icons.color-index-grey-1, .distribution__item-icons.color-index-grey-5 { stroke: #333333; } - .distribution__icons.color-index-grey-2, .distribution__icons.color-index-grey-6 { + .distribution__item-icons.color-index-grey-2, .distribution__item-icons.color-index-grey-6 { stroke: #444444; } - .distribution__icons.color-index-grey-3, .distribution__icons.color-index-grey-7 { + .distribution__item-icons.color-index-grey-3, .distribution__item-icons.color-index-grey-7 { stroke: #555555; } - .distribution__icons.color-index-grey-4, .distribution__icons.color-index-grey-8 { + .distribution__item-icons.color-index-grey-4, .distribution__item-icons.color-index-grey-8 { stroke: #666666; } - .distribution__icons.color-index-light-1, .distribution__icons.color-index-light-3 { + .distribution__item-icons.color-index-light-1, .distribution__item-icons.color-index-light-3 { stroke: #ffffff; } - .distribution__icons.color-index-light-2, .distribution__icons.color-index-light-4 { + .distribution__item-icons.color-index-light-2, .distribution__item-icons.color-index-light-4 { stroke: #f5f5f5; } .distribution__label { position: absolute; @@ -2243,12 +2243,8 @@ button:not(.button) { font-weight: normal; } .distribution__label-label { display: block; } - .distribution__label--small { - padding: 12px; } - .distribution__label--small .distribution__label-value { - font-size: 20px; - font-size: 1.25rem; - line-height: 1.2; } + .distribution__label--active { + color: #333; } .distribution__label--thin .distribution__label-value, .distribution__label--thin .distribution__label-label { display: inline-block; } @@ -2280,7 +2276,7 @@ button:not(.button) { .distribution__loading-indicator.color-index-unknown { stroke: #a8a8a8; } .distribution__loading-indicator.color-index-disabled { - stroke: #EDEDED; } + stroke: #a8a8a8; } .distribution__loading-indicator.color-index-graph-1, .distribution__loading-indicator.color-index-graph-6 { stroke: #c3a4fe; } .distribution__loading-indicator.color-index-graph-2, .distribution__loading-indicator.color-index-graph-7 { @@ -2307,6 +2303,13 @@ button:not(.button) { padding: 0 12px 12px 0; } .distribution--icons .distribution__label-value { line-height: 1; } + .distribution--small-label .distribution__label { + padding-top: 0px; + padding-left: 6px; } + .distribution--small-label .distribution__label-value { + font-size: 20px; + font-size: 1.25rem; + line-height: 1.2; } .distribution--small .distribution__graphic { height: 96px; } .distribution--large .distribution__graphic { @@ -2372,7 +2375,7 @@ button:not(.button) { .donut__slice.color-index-unknown { stroke: #a8a8a8; } .donut__slice.color-index-disabled { - stroke: #EDEDED; } + stroke: #a8a8a8; } .donut__slice.color-index-graph-1, .donut__slice.color-index-graph-6 { stroke: #c3a4fe; } .donut__slice.color-index-graph-2, .donut__slice.color-index-graph-7 { @@ -2414,7 +2417,7 @@ button:not(.button) { .donut__slice-indicator.color-index-unknown { fill: #a8a8a8; } .donut__slice-indicator.color-index-disabled { - fill: #EDEDED; } + fill: #a8a8a8; } .donut__slice-indicator.color-index-graph-1, .donut__slice-indicator.color-index-graph-6 { fill: #c3a4fe; } .donut__slice-indicator.color-index-graph-2, .donut__slice-indicator.color-index-graph-7 { @@ -2895,6 +2898,12 @@ header.header { right: 0px; } header.header--primary .header__wrapper { border-bottom: none; } + header.header h1, + header.header h2, + header.header h3, + header.header h4, + header.header h5 { + margin-bottom: 0; } header.header.header--splash { -webkit-transform: translate(0, 40vh); transform: translate(0, 40vh); } @@ -2990,7 +2999,8 @@ div.header--flush .header__wrapper { vertical-align: middle; cursor: pointer; fill: #999; - stroke: #999; } + stroke: #999; + flex: 0 0 auto; } .control-icon *:not([stroke])[fill="none"] { stroke-width: 0; } .control-icon *[stroke] { @@ -3016,7 +3026,7 @@ div.header--flush .header__wrapper { .control-icon.color-index-unknown { stroke: #a8a8a8; } .control-icon.color-index-disabled { - stroke: #EDEDED; } + stroke: #a8a8a8; } .control-icon.color-index-graph-1, .control-icon.color-index-graph-6 { stroke: #c3a4fe; } .control-icon.color-index-graph-2, .control-icon.color-index-graph-7 { @@ -3054,7 +3064,7 @@ div.header--flush .header__wrapper { .control-icon.color-index-unknown { fill: #a8a8a8; } .control-icon.color-index-disabled { - fill: #EDEDED; } + fill: #a8a8a8; } .control-icon.color-index-graph-1, .control-icon.color-index-graph-6 { fill: #c3a4fe; } .control-icon.color-index-graph-2, .control-icon.color-index-graph-7 { @@ -3108,7 +3118,8 @@ div.header--flush .header__wrapper { .status-icon { width: 24px; height: 24px; - vertical-align: middle; } + vertical-align: middle; + flex: 0 0 auto; } .status-icon .status-icon__base { fill: #a8a8a8; } .status-icon-critical .status-icon__base { @@ -3122,7 +3133,7 @@ div.header--flush .header__wrapper { .status-icon-unknown .status-icon__base { fill: #a8a8a8; } .status-icon-disabled .status-icon__base { - fill: #EDEDED; } + fill: #a8a8a8; } .status-icon-label .status-icon__base { fill: #a8a8a8; } .status-icon__detail { @@ -3192,7 +3203,7 @@ div.header--flush .header__wrapper { .logo-icon.color-index-unknown { stroke: #a8a8a8; } .logo-icon.color-index-disabled { - stroke: #EDEDED; } + stroke: #a8a8a8; } .logo-icon.color-index-graph-1, .logo-icon.color-index-graph-6 { stroke: #c3a4fe; } .logo-icon.color-index-graph-2, .logo-icon.color-index-graph-7 { @@ -3423,16 +3434,7 @@ a.active > .label .label__icon.control-icon svg { color: #777; font-style: italic; } .list .list-item { - padding-left: 24px; - padding-right: 24px; - padding-top: 12px; - padding-bottom: 12px; - border-bottom: 1px solid #ccc; - display: flex; - align-items: center; max-width: none; } - .list .list-item:last-child { - border-bottom: none; } .list .list-item__image { height: 24px; width: 24px; @@ -3458,9 +3460,6 @@ a.active > .label .label__icon.control-icon svg { color: #333; } .list .list-item--row .list-item__annotation { text-align: right; } - .list .list-item--column { - flex-direction: column; - align-items: start; } .list--selectable .list-item { cursor: pointer; transition: background-color 0.2s; } @@ -3470,22 +3469,14 @@ a.active > .label .label__icon.control-icon svg { .list--selectable .list-item:hover:not(.list-item--selected) { background-color: rgba(0, 0, 0, 0.1); color: #000; } - .list--small .list-item, - .list--small .list__more { - padding-top: 6px; - padding-bottom: 6px; } - .list--small .list-item__image, - .list--small .list__more__image { - height: 12px; - width: 12px; } - .list--large .list-item, - .list--large .list__more { - padding-top: 24px; - padding-bottom: 24px; } - .list--large .list-item__image, - .list--large .list__more__image { - height: 48px; - width: 48px; } + .list--small .list-item__image, + .list--small .list__more__image { + height: 12px; + width: 12px; } + .list--large .list-item__image, + .list--large .list__more__image { + height: 48px; + width: 48px; } .legend { text-align: left; @@ -3507,65 +3498,65 @@ a.active > .label .label__icon.control-icon svg { .legend__item-units, .legend__total-units { display: inline-block; margin-left: 6px; } - .legend__item { + .legend__item--clickable { cursor: pointer; } - .legend__item svg.legend__item-swatch { - width: 12px; - height: 12px; - margin-top: 6px; - margin-right: 12px; - overflow: visible; } - .legend__item svg.legend__item-swatch.color-index-loading { - stroke: #ddd; - stroke-dasharray: 1px 10px; - stroke-dashoffset: 0; } - .legend__item svg.legend__item-swatch.color-index-unset { - stroke: #ddd; } - .legend__item svg.legend__item-swatch.color-index-brand { - stroke: #8C50FF; } - .legend__item svg.legend__item-swatch.color-index-critical { - stroke: #FF856B; } - .legend__item svg.legend__item-swatch.color-index-error { - stroke: #FF856B; } - .legend__item svg.legend__item-swatch.color-index-warning { - stroke: #FFB86B; } - .legend__item svg.legend__item-swatch.color-index-ok { - stroke: #4EB976; } - .legend__item svg.legend__item-swatch.color-index-unknown { - stroke: #a8a8a8; } - .legend__item svg.legend__item-swatch.color-index-disabled { - stroke: #EDEDED; } - .legend__item svg.legend__item-swatch.color-index-graph-1, .legend__item svg.legend__item-swatch.color-index-graph-6 { - stroke: #c3a4fe; } - .legend__item svg.legend__item-swatch.color-index-graph-2, .legend__item svg.legend__item-swatch.color-index-graph-7 { - stroke: #a577ff; } - .legend__item svg.legend__item-swatch.color-index-graph-3, .legend__item svg.legend__item-swatch.color-index-graph-8 { - stroke: #5d0cfb; } - .legend__item svg.legend__item-swatch.color-index-graph-4, .legend__item svg.legend__item-swatch.color-index-graph-9 { - stroke: #7026ff; } - .legend__item svg.legend__item-swatch.color-index-graph-5, .legend__item svg.legend__item-swatch.color-index-graph-10 { - stroke: #767676; } - .legend__item svg.legend__item-swatch.color-index-grey-1, .legend__item svg.legend__item-swatch.color-index-grey-5 { - stroke: #333333; } - .legend__item svg.legend__item-swatch.color-index-grey-2, .legend__item svg.legend__item-swatch.color-index-grey-6 { - stroke: #444444; } - .legend__item svg.legend__item-swatch.color-index-grey-3, .legend__item svg.legend__item-swatch.color-index-grey-7 { - stroke: #555555; } - .legend__item svg.legend__item-swatch.color-index-grey-4, .legend__item svg.legend__item-swatch.color-index-grey-8 { - stroke: #666666; } - .legend__item svg.legend__item-swatch.color-index-light-1, .legend__item svg.legend__item-swatch.color-index-light-3 { - stroke: #ffffff; } - .legend__item svg.legend__item-swatch.color-index-light-2, .legend__item svg.legend__item-swatch.color-index-light-4 { - stroke: #f5f5f5; } - .legend__item svg.legend__item-swatch path { - stroke-width: 12px; - transition-property: stroke-width; - transition-duration: 0.3s; - transition-timing-function: ease-in-out; } - .legend__item--active { - color: #333; } - .legend__item--active svg.legend__item-swatch path { - stroke-width: 12px; } + .legend__item svg.legend__item-swatch { + width: 12px; + height: 12px; + margin-top: 6px; + margin-right: 12px; + overflow: visible; } + .legend__item svg.legend__item-swatch.color-index-loading { + stroke: #ddd; + stroke-dasharray: 1px 10px; + stroke-dashoffset: 0; } + .legend__item svg.legend__item-swatch.color-index-unset { + stroke: #ddd; } + .legend__item svg.legend__item-swatch.color-index-brand { + stroke: #8C50FF; } + .legend__item svg.legend__item-swatch.color-index-critical { + stroke: #FF856B; } + .legend__item svg.legend__item-swatch.color-index-error { + stroke: #FF856B; } + .legend__item svg.legend__item-swatch.color-index-warning { + stroke: #FFB86B; } + .legend__item svg.legend__item-swatch.color-index-ok { + stroke: #4EB976; } + .legend__item svg.legend__item-swatch.color-index-unknown { + stroke: #a8a8a8; } + .legend__item svg.legend__item-swatch.color-index-disabled { + stroke: #a8a8a8; } + .legend__item svg.legend__item-swatch.color-index-graph-1, .legend__item svg.legend__item-swatch.color-index-graph-6 { + stroke: #c3a4fe; } + .legend__item svg.legend__item-swatch.color-index-graph-2, .legend__item svg.legend__item-swatch.color-index-graph-7 { + stroke: #a577ff; } + .legend__item svg.legend__item-swatch.color-index-graph-3, .legend__item svg.legend__item-swatch.color-index-graph-8 { + stroke: #5d0cfb; } + .legend__item svg.legend__item-swatch.color-index-graph-4, .legend__item svg.legend__item-swatch.color-index-graph-9 { + stroke: #7026ff; } + .legend__item svg.legend__item-swatch.color-index-graph-5, .legend__item svg.legend__item-swatch.color-index-graph-10 { + stroke: #767676; } + .legend__item svg.legend__item-swatch.color-index-grey-1, .legend__item svg.legend__item-swatch.color-index-grey-5 { + stroke: #333333; } + .legend__item svg.legend__item-swatch.color-index-grey-2, .legend__item svg.legend__item-swatch.color-index-grey-6 { + stroke: #444444; } + .legend__item svg.legend__item-swatch.color-index-grey-3, .legend__item svg.legend__item-swatch.color-index-grey-7 { + stroke: #555555; } + .legend__item svg.legend__item-swatch.color-index-grey-4, .legend__item svg.legend__item-swatch.color-index-grey-8 { + stroke: #666666; } + .legend__item svg.legend__item-swatch.color-index-light-1, .legend__item svg.legend__item-swatch.color-index-light-3 { + stroke: #ffffff; } + .legend__item svg.legend__item-swatch.color-index-light-2, .legend__item svg.legend__item-swatch.color-index-light-4 { + stroke: #f5f5f5; } + .legend__item svg.legend__item-swatch path { + stroke-width: 12px; + transition-property: stroke-width; + transition-duration: 0.3s; + transition-timing-function: ease-in-out; } + .legend__item--active { + color: #333; } + .legend__item--active svg.legend__item-swatch path { + stroke-width: 12px; } .legend__total { margin-left: 24px; } .legend__total > * { @@ -3758,14 +3749,11 @@ a.active > .label .label__icon.control-icon svg { font-size: 1rem; line-height: inherit; max-height: 100vh; } - .menu__drop .anchor, - .menu__drop a { + .menu__drop .anchor { padding: 12px 24px; white-space: nowrap; display: block; } - .menu__drop .anchor:hover, .menu__drop .anchor:focus, - .menu__drop a:hover, - .menu__drop a:focus { + .menu__drop .anchor:hover, .menu__drop .anchor:focus { text-decoration: none; background-color: rgba(0, 0, 0, 0.1); } .menu__drop .check-box, @@ -4046,55 +4034,55 @@ a.active > .label .label__icon.control-icon svg { stroke-linecap: butt; stroke-dasharray: 192px 192px; stroke-dashoffset: 0; } - .meter--bar .meter__values .meter__slice { + .meter--bar .meter__values .meter__slice.color-index-loading { + stroke: #ddd; + stroke-dasharray: 1px 10px; + stroke-dashoffset: 0; } + .meter--bar .meter__values .meter__slice.color-index-unset { + stroke: #ddd; } + .meter--bar .meter__values .meter__slice.color-index-brand { + stroke: #8C50FF; } + .meter--bar .meter__values .meter__slice.color-index-critical { + stroke: #FF856B; } + .meter--bar .meter__values .meter__slice.color-index-error { + stroke: #FF856B; } + .meter--bar .meter__values .meter__slice.color-index-warning { + stroke: #FFB86B; } + .meter--bar .meter__values .meter__slice.color-index-ok { + stroke: #4EB976; } + .meter--bar .meter__values .meter__slice.color-index-unknown { + stroke: #a8a8a8; } + .meter--bar .meter__values .meter__slice.color-index-disabled { + stroke: #a8a8a8; } + .meter--bar .meter__values .meter__slice.color-index-graph-1, .meter--bar .meter__values .meter__slice.color-index-graph-6 { + stroke: #c3a4fe; } + .meter--bar .meter__values .meter__slice.color-index-graph-2, .meter--bar .meter__values .meter__slice.color-index-graph-7 { + stroke: #a577ff; } + .meter--bar .meter__values .meter__slice.color-index-graph-3, .meter--bar .meter__values .meter__slice.color-index-graph-8 { + stroke: #5d0cfb; } + .meter--bar .meter__values .meter__slice.color-index-graph-4, .meter--bar .meter__values .meter__slice.color-index-graph-9 { + stroke: #7026ff; } + .meter--bar .meter__values .meter__slice.color-index-graph-5, .meter--bar .meter__values .meter__slice.color-index-graph-10 { + stroke: #767676; } + .meter--bar .meter__values .meter__slice.color-index-grey-1, .meter--bar .meter__values .meter__slice.color-index-grey-5 { + stroke: #333333; } + .meter--bar .meter__values .meter__slice.color-index-grey-2, .meter--bar .meter__values .meter__slice.color-index-grey-6 { + stroke: #444444; } + .meter--bar .meter__values .meter__slice.color-index-grey-3, .meter--bar .meter__values .meter__slice.color-index-grey-7 { + stroke: #555555; } + .meter--bar .meter__values .meter__slice.color-index-grey-4, .meter--bar .meter__values .meter__slice.color-index-grey-8 { + stroke: #666666; } + .meter--bar .meter__values .meter__slice.color-index-light-1, .meter--bar .meter__values .meter__slice.color-index-light-3 { + stroke: #ffffff; } + .meter--bar .meter__values .meter__slice.color-index-light-2, .meter--bar .meter__values .meter__slice.color-index-light-4 { + stroke: #f5f5f5; } + .meter--bar .meter__values .meter__slice--clickable { cursor: pointer; } - .meter--bar .meter__values .meter__slice.color-index-loading { - stroke: #ddd; - stroke-dasharray: 1px 10px; - stroke-dashoffset: 0; } - .meter--bar .meter__values .meter__slice.color-index-unset { - stroke: #ddd; } - .meter--bar .meter__values .meter__slice.color-index-brand { - stroke: #8C50FF; } - .meter--bar .meter__values .meter__slice.color-index-critical { - stroke: #FF856B; } - .meter--bar .meter__values .meter__slice.color-index-error { - stroke: #FF856B; } - .meter--bar .meter__values .meter__slice.color-index-warning { - stroke: #FFB86B; } - .meter--bar .meter__values .meter__slice.color-index-ok { - stroke: #4EB976; } - .meter--bar .meter__values .meter__slice.color-index-unknown { - stroke: #a8a8a8; } - .meter--bar .meter__values .meter__slice.color-index-disabled { - stroke: #EDEDED; } - .meter--bar .meter__values .meter__slice.color-index-graph-1, .meter--bar .meter__values .meter__slice.color-index-graph-6 { - stroke: #c3a4fe; } - .meter--bar .meter__values .meter__slice.color-index-graph-2, .meter--bar .meter__values .meter__slice.color-index-graph-7 { - stroke: #a577ff; } - .meter--bar .meter__values .meter__slice.color-index-graph-3, .meter--bar .meter__values .meter__slice.color-index-graph-8 { - stroke: #5d0cfb; } - .meter--bar .meter__values .meter__slice.color-index-graph-4, .meter--bar .meter__values .meter__slice.color-index-graph-9 { - stroke: #7026ff; } - .meter--bar .meter__values .meter__slice.color-index-graph-5, .meter--bar .meter__values .meter__slice.color-index-graph-10 { - stroke: #767676; } - .meter--bar .meter__values .meter__slice.color-index-grey-1, .meter--bar .meter__values .meter__slice.color-index-grey-5 { - stroke: #333333; } - .meter--bar .meter__values .meter__slice.color-index-grey-2, .meter--bar .meter__values .meter__slice.color-index-grey-6 { - stroke: #444444; } - .meter--bar .meter__values .meter__slice.color-index-grey-3, .meter--bar .meter__values .meter__slice.color-index-grey-7 { - stroke: #555555; } - .meter--bar .meter__values .meter__slice.color-index-grey-4, .meter--bar .meter__values .meter__slice.color-index-grey-8 { - stroke: #666666; } - .meter--bar .meter__values .meter__slice.color-index-light-1, .meter--bar .meter__values .meter__slice.color-index-light-3 { - stroke: #ffffff; } - .meter--bar .meter__values .meter__slice.color-index-light-2, .meter--bar .meter__values .meter__slice.color-index-light-4 { - stroke: #f5f5f5; } - @media screen and (min-width: 45em) { - .meter--bar .meter__values .meter__slice { - transition: stroke-width 0.2s; - -webkit-animation: draw-meter 1.5s linear; - animation: draw-meter 1.5s linear; } } + @media screen and (min-width: 45em) { + .meter--bar .meter__values .meter__slice { + transition: stroke-width 0.2s; + -webkit-animation: draw-meter 1.5s linear; + animation: draw-meter 1.5s linear; } } .meter--bar .meter__thresholds .meter__slice.color-index-unset { stroke: rgba(221, 221, 221, 0.5); } .meter--bar .meter__thresholds .meter__slice.color-index-brand { @@ -4110,7 +4098,7 @@ a.active > .label .label__icon.control-icon svg { .meter--bar .meter__thresholds .meter__slice.color-index-unknown { stroke: rgba(168, 168, 168, 0.5); } .meter--bar .meter__thresholds .meter__slice.color-index-disabled { - stroke: rgba(237, 237, 237, 0.5); } + stroke: rgba(168, 168, 168, 0.5); } .meter--bar .meter__thresholds .meter__slice.color-index-graph-1, .meter--bar .meter__thresholds .meter__slice.color-index-graph-6 { stroke: rgba(195, 164, 254, 0.5); } .meter--bar .meter__thresholds .meter__slice.color-index-graph-2, .meter--bar .meter__thresholds .meter__slice.color-index-graph-7 { @@ -4148,10 +4136,14 @@ a.active > .label .label__icon.control-icon svg { .meter--bar:not(.meter--vertical).meter--single .meter__value-label, .meter--bar:not(.meter--vertical).meter--stacked .meter__value-label { display: inline-block; margin-left: 4px; } + .meter--bar:not(.meter--vertical).meter--single.meter--legend-right .meter__value, .meter--bar:not(.meter--vertical).meter--stacked.meter--legend-right .meter__value { + min-width: 84px; } .meter--bar:not(.meter--vertical).meter--legend-right .meter__legend { top: 0px; -webkit-transform: none; transform: none; } + .meter--bar:not(.meter--vertical).meter--legend-right .meter__value { + min-width: 48px; } .meter--bar:not(.meter--vertical).meter--small svg.meter__graphic { width: 96px; } .meter--bar:not(.meter--vertical).meter--small .meter__value-value, @@ -4159,6 +4151,10 @@ a.active > .label .label__icon.control-icon svg { font-size: 16px; font-size: 1rem; line-height: 1.5; } + .meter--bar:not(.meter--vertical).meter--small.meter--legend-right .meter__value { + min-width: 42px; } + .meter--bar:not(.meter--vertical).meter--small.meter--legend-right.meter--stacked .meter__value { + min-width: 72px; } .meter--bar:not(.meter--vertical).meter--large svg.meter__graphic { width: 288px; } .meter--bar:not(.meter--vertical).meter--large .meter__value { @@ -4186,12 +4182,16 @@ a.active > .label .label__icon.control-icon svg { left: 24px; } .meter--bar.meter--vertical.meter--legend-right .meter__legend { top: 96px; } + .meter--bar.meter--vertical.meter--legend-right .meter__value { + min-width: 60px; } .meter--bar.meter--vertical.meter--small svg.meter__graphic { height: 96px; } .meter--bar.meter--vertical.meter--small .meter__value { top: 48px; } .meter--bar.meter--vertical.meter--small.meter--legend-right .meter__legend { top: 48px; } + .meter--bar.meter--vertical.meter--small.meter--legend-right .meter__value { + min-width: 42px; } .meter--bar.meter--vertical.meter--large svg.meter__graphic { height: 288px; } .meter--bar.meter--vertical.meter--large .meter__value { @@ -4215,55 +4215,55 @@ a.active > .label .label__icon.control-icon svg { stroke-linecap: square; stroke-width: 4px; stroke: #000; } - .meter--circle .meter__values .meter__slice, .meter--arc .meter__values .meter__slice, .meter--spiral .meter__values .meter__slice { + .meter--circle .meter__values .meter__slice.color-index-loading, .meter--arc .meter__values .meter__slice.color-index-loading, .meter--spiral .meter__values .meter__slice.color-index-loading { + stroke: #ddd; + stroke-dasharray: 1px 10px; + stroke-dashoffset: 0; } + .meter--circle .meter__values .meter__slice.color-index-unset, .meter--arc .meter__values .meter__slice.color-index-unset, .meter--spiral .meter__values .meter__slice.color-index-unset { + stroke: #ddd; } + .meter--circle .meter__values .meter__slice.color-index-brand, .meter--arc .meter__values .meter__slice.color-index-brand, .meter--spiral .meter__values .meter__slice.color-index-brand { + stroke: #8C50FF; } + .meter--circle .meter__values .meter__slice.color-index-critical, .meter--arc .meter__values .meter__slice.color-index-critical, .meter--spiral .meter__values .meter__slice.color-index-critical { + stroke: #FF856B; } + .meter--circle .meter__values .meter__slice.color-index-error, .meter--arc .meter__values .meter__slice.color-index-error, .meter--spiral .meter__values .meter__slice.color-index-error { + stroke: #FF856B; } + .meter--circle .meter__values .meter__slice.color-index-warning, .meter--arc .meter__values .meter__slice.color-index-warning, .meter--spiral .meter__values .meter__slice.color-index-warning { + stroke: #FFB86B; } + .meter--circle .meter__values .meter__slice.color-index-ok, .meter--arc .meter__values .meter__slice.color-index-ok, .meter--spiral .meter__values .meter__slice.color-index-ok { + stroke: #4EB976; } + .meter--circle .meter__values .meter__slice.color-index-unknown, .meter--arc .meter__values .meter__slice.color-index-unknown, .meter--spiral .meter__values .meter__slice.color-index-unknown { + stroke: #a8a8a8; } + .meter--circle .meter__values .meter__slice.color-index-disabled, .meter--arc .meter__values .meter__slice.color-index-disabled, .meter--spiral .meter__values .meter__slice.color-index-disabled { + stroke: #a8a8a8; } + .meter--circle .meter__values .meter__slice.color-index-graph-1, .meter--circle .meter__values .meter__slice.color-index-graph-6, .meter--arc .meter__values .meter__slice.color-index-graph-1, .meter--arc .meter__values .meter__slice.color-index-graph-6, .meter--spiral .meter__values .meter__slice.color-index-graph-1, .meter--spiral .meter__values .meter__slice.color-index-graph-6 { + stroke: #c3a4fe; } + .meter--circle .meter__values .meter__slice.color-index-graph-2, .meter--circle .meter__values .meter__slice.color-index-graph-7, .meter--arc .meter__values .meter__slice.color-index-graph-2, .meter--arc .meter__values .meter__slice.color-index-graph-7, .meter--spiral .meter__values .meter__slice.color-index-graph-2, .meter--spiral .meter__values .meter__slice.color-index-graph-7 { + stroke: #a577ff; } + .meter--circle .meter__values .meter__slice.color-index-graph-3, .meter--circle .meter__values .meter__slice.color-index-graph-8, .meter--arc .meter__values .meter__slice.color-index-graph-3, .meter--arc .meter__values .meter__slice.color-index-graph-8, .meter--spiral .meter__values .meter__slice.color-index-graph-3, .meter--spiral .meter__values .meter__slice.color-index-graph-8 { + stroke: #5d0cfb; } + .meter--circle .meter__values .meter__slice.color-index-graph-4, .meter--circle .meter__values .meter__slice.color-index-graph-9, .meter--arc .meter__values .meter__slice.color-index-graph-4, .meter--arc .meter__values .meter__slice.color-index-graph-9, .meter--spiral .meter__values .meter__slice.color-index-graph-4, .meter--spiral .meter__values .meter__slice.color-index-graph-9 { + stroke: #7026ff; } + .meter--circle .meter__values .meter__slice.color-index-graph-5, .meter--circle .meter__values .meter__slice.color-index-graph-10, .meter--arc .meter__values .meter__slice.color-index-graph-5, .meter--arc .meter__values .meter__slice.color-index-graph-10, .meter--spiral .meter__values .meter__slice.color-index-graph-5, .meter--spiral .meter__values .meter__slice.color-index-graph-10 { + stroke: #767676; } + .meter--circle .meter__values .meter__slice.color-index-grey-1, .meter--circle .meter__values .meter__slice.color-index-grey-5, .meter--arc .meter__values .meter__slice.color-index-grey-1, .meter--arc .meter__values .meter__slice.color-index-grey-5, .meter--spiral .meter__values .meter__slice.color-index-grey-1, .meter--spiral .meter__values .meter__slice.color-index-grey-5 { + stroke: #333333; } + .meter--circle .meter__values .meter__slice.color-index-grey-2, .meter--circle .meter__values .meter__slice.color-index-grey-6, .meter--arc .meter__values .meter__slice.color-index-grey-2, .meter--arc .meter__values .meter__slice.color-index-grey-6, .meter--spiral .meter__values .meter__slice.color-index-grey-2, .meter--spiral .meter__values .meter__slice.color-index-grey-6 { + stroke: #444444; } + .meter--circle .meter__values .meter__slice.color-index-grey-3, .meter--circle .meter__values .meter__slice.color-index-grey-7, .meter--arc .meter__values .meter__slice.color-index-grey-3, .meter--arc .meter__values .meter__slice.color-index-grey-7, .meter--spiral .meter__values .meter__slice.color-index-grey-3, .meter--spiral .meter__values .meter__slice.color-index-grey-7 { + stroke: #555555; } + .meter--circle .meter__values .meter__slice.color-index-grey-4, .meter--circle .meter__values .meter__slice.color-index-grey-8, .meter--arc .meter__values .meter__slice.color-index-grey-4, .meter--arc .meter__values .meter__slice.color-index-grey-8, .meter--spiral .meter__values .meter__slice.color-index-grey-4, .meter--spiral .meter__values .meter__slice.color-index-grey-8 { + stroke: #666666; } + .meter--circle .meter__values .meter__slice.color-index-light-1, .meter--circle .meter__values .meter__slice.color-index-light-3, .meter--arc .meter__values .meter__slice.color-index-light-1, .meter--arc .meter__values .meter__slice.color-index-light-3, .meter--spiral .meter__values .meter__slice.color-index-light-1, .meter--spiral .meter__values .meter__slice.color-index-light-3 { + stroke: #ffffff; } + .meter--circle .meter__values .meter__slice.color-index-light-2, .meter--circle .meter__values .meter__slice.color-index-light-4, .meter--arc .meter__values .meter__slice.color-index-light-2, .meter--arc .meter__values .meter__slice.color-index-light-4, .meter--spiral .meter__values .meter__slice.color-index-light-2, .meter--spiral .meter__values .meter__slice.color-index-light-4 { + stroke: #f5f5f5; } + .meter--circle .meter__values .meter__slice--clickable, .meter--arc .meter__values .meter__slice--clickable, .meter--spiral .meter__values .meter__slice--clickable { cursor: pointer; } - .meter--circle .meter__values .meter__slice.color-index-loading, .meter--arc .meter__values .meter__slice.color-index-loading, .meter--spiral .meter__values .meter__slice.color-index-loading { - stroke: #ddd; - stroke-dasharray: 1px 10px; - stroke-dashoffset: 0; } - .meter--circle .meter__values .meter__slice.color-index-unset, .meter--arc .meter__values .meter__slice.color-index-unset, .meter--spiral .meter__values .meter__slice.color-index-unset { - stroke: #ddd; } - .meter--circle .meter__values .meter__slice.color-index-brand, .meter--arc .meter__values .meter__slice.color-index-brand, .meter--spiral .meter__values .meter__slice.color-index-brand { - stroke: #8C50FF; } - .meter--circle .meter__values .meter__slice.color-index-critical, .meter--arc .meter__values .meter__slice.color-index-critical, .meter--spiral .meter__values .meter__slice.color-index-critical { - stroke: #FF856B; } - .meter--circle .meter__values .meter__slice.color-index-error, .meter--arc .meter__values .meter__slice.color-index-error, .meter--spiral .meter__values .meter__slice.color-index-error { - stroke: #FF856B; } - .meter--circle .meter__values .meter__slice.color-index-warning, .meter--arc .meter__values .meter__slice.color-index-warning, .meter--spiral .meter__values .meter__slice.color-index-warning { - stroke: #FFB86B; } - .meter--circle .meter__values .meter__slice.color-index-ok, .meter--arc .meter__values .meter__slice.color-index-ok, .meter--spiral .meter__values .meter__slice.color-index-ok { - stroke: #4EB976; } - .meter--circle .meter__values .meter__slice.color-index-unknown, .meter--arc .meter__values .meter__slice.color-index-unknown, .meter--spiral .meter__values .meter__slice.color-index-unknown { - stroke: #a8a8a8; } - .meter--circle .meter__values .meter__slice.color-index-disabled, .meter--arc .meter__values .meter__slice.color-index-disabled, .meter--spiral .meter__values .meter__slice.color-index-disabled { - stroke: #EDEDED; } - .meter--circle .meter__values .meter__slice.color-index-graph-1, .meter--circle .meter__values .meter__slice.color-index-graph-6, .meter--arc .meter__values .meter__slice.color-index-graph-1, .meter--arc .meter__values .meter__slice.color-index-graph-6, .meter--spiral .meter__values .meter__slice.color-index-graph-1, .meter--spiral .meter__values .meter__slice.color-index-graph-6 { - stroke: #c3a4fe; } - .meter--circle .meter__values .meter__slice.color-index-graph-2, .meter--circle .meter__values .meter__slice.color-index-graph-7, .meter--arc .meter__values .meter__slice.color-index-graph-2, .meter--arc .meter__values .meter__slice.color-index-graph-7, .meter--spiral .meter__values .meter__slice.color-index-graph-2, .meter--spiral .meter__values .meter__slice.color-index-graph-7 { - stroke: #a577ff; } - .meter--circle .meter__values .meter__slice.color-index-graph-3, .meter--circle .meter__values .meter__slice.color-index-graph-8, .meter--arc .meter__values .meter__slice.color-index-graph-3, .meter--arc .meter__values .meter__slice.color-index-graph-8, .meter--spiral .meter__values .meter__slice.color-index-graph-3, .meter--spiral .meter__values .meter__slice.color-index-graph-8 { - stroke: #5d0cfb; } - .meter--circle .meter__values .meter__slice.color-index-graph-4, .meter--circle .meter__values .meter__slice.color-index-graph-9, .meter--arc .meter__values .meter__slice.color-index-graph-4, .meter--arc .meter__values .meter__slice.color-index-graph-9, .meter--spiral .meter__values .meter__slice.color-index-graph-4, .meter--spiral .meter__values .meter__slice.color-index-graph-9 { - stroke: #7026ff; } - .meter--circle .meter__values .meter__slice.color-index-graph-5, .meter--circle .meter__values .meter__slice.color-index-graph-10, .meter--arc .meter__values .meter__slice.color-index-graph-5, .meter--arc .meter__values .meter__slice.color-index-graph-10, .meter--spiral .meter__values .meter__slice.color-index-graph-5, .meter--spiral .meter__values .meter__slice.color-index-graph-10 { - stroke: #767676; } - .meter--circle .meter__values .meter__slice.color-index-grey-1, .meter--circle .meter__values .meter__slice.color-index-grey-5, .meter--arc .meter__values .meter__slice.color-index-grey-1, .meter--arc .meter__values .meter__slice.color-index-grey-5, .meter--spiral .meter__values .meter__slice.color-index-grey-1, .meter--spiral .meter__values .meter__slice.color-index-grey-5 { - stroke: #333333; } - .meter--circle .meter__values .meter__slice.color-index-grey-2, .meter--circle .meter__values .meter__slice.color-index-grey-6, .meter--arc .meter__values .meter__slice.color-index-grey-2, .meter--arc .meter__values .meter__slice.color-index-grey-6, .meter--spiral .meter__values .meter__slice.color-index-grey-2, .meter--spiral .meter__values .meter__slice.color-index-grey-6 { - stroke: #444444; } - .meter--circle .meter__values .meter__slice.color-index-grey-3, .meter--circle .meter__values .meter__slice.color-index-grey-7, .meter--arc .meter__values .meter__slice.color-index-grey-3, .meter--arc .meter__values .meter__slice.color-index-grey-7, .meter--spiral .meter__values .meter__slice.color-index-grey-3, .meter--spiral .meter__values .meter__slice.color-index-grey-7 { - stroke: #555555; } - .meter--circle .meter__values .meter__slice.color-index-grey-4, .meter--circle .meter__values .meter__slice.color-index-grey-8, .meter--arc .meter__values .meter__slice.color-index-grey-4, .meter--arc .meter__values .meter__slice.color-index-grey-8, .meter--spiral .meter__values .meter__slice.color-index-grey-4, .meter--spiral .meter__values .meter__slice.color-index-grey-8 { - stroke: #666666; } - .meter--circle .meter__values .meter__slice.color-index-light-1, .meter--circle .meter__values .meter__slice.color-index-light-3, .meter--arc .meter__values .meter__slice.color-index-light-1, .meter--arc .meter__values .meter__slice.color-index-light-3, .meter--spiral .meter__values .meter__slice.color-index-light-1, .meter--spiral .meter__values .meter__slice.color-index-light-3 { - stroke: #ffffff; } - .meter--circle .meter__values .meter__slice.color-index-light-2, .meter--circle .meter__values .meter__slice.color-index-light-4, .meter--arc .meter__values .meter__slice.color-index-light-2, .meter--arc .meter__values .meter__slice.color-index-light-4, .meter--spiral .meter__values .meter__slice.color-index-light-2, .meter--spiral .meter__values .meter__slice.color-index-light-4 { - stroke: #f5f5f5; } - @media screen and (min-width: 45em) { - .meter--circle .meter__values .meter__slice, .meter--arc .meter__values .meter__slice, .meter--spiral .meter__values .meter__slice { - transition: stroke-width 0.2s; - -webkit-animation: draw-arc 1.5s linear; - animation: draw-arc 1.5s linear; } } + @media screen and (min-width: 45em) { + .meter--circle .meter__values .meter__slice, .meter--arc .meter__values .meter__slice, .meter--spiral .meter__values .meter__slice { + transition: stroke-width 0.2s; + -webkit-animation: draw-arc 1.5s linear; + animation: draw-arc 1.5s linear; } } .meter--circle .meter__thresholds .meter__slice.color-index-unset, .meter--arc .meter__thresholds .meter__slice.color-index-unset, .meter--spiral .meter__thresholds .meter__slice.color-index-unset { stroke: rgba(221, 221, 221, 0.5); } .meter--circle .meter__thresholds .meter__slice.color-index-brand, .meter--arc .meter__thresholds .meter__slice.color-index-brand, .meter--spiral .meter__thresholds .meter__slice.color-index-brand { @@ -4279,7 +4279,7 @@ a.active > .label .label__icon.control-icon svg { .meter--circle .meter__thresholds .meter__slice.color-index-unknown, .meter--arc .meter__thresholds .meter__slice.color-index-unknown, .meter--spiral .meter__thresholds .meter__slice.color-index-unknown { stroke: rgba(168, 168, 168, 0.5); } .meter--circle .meter__thresholds .meter__slice.color-index-disabled, .meter--arc .meter__thresholds .meter__slice.color-index-disabled, .meter--spiral .meter__thresholds .meter__slice.color-index-disabled { - stroke: rgba(237, 237, 237, 0.5); } + stroke: rgba(168, 168, 168, 0.5); } .meter--circle .meter__thresholds .meter__slice.color-index-graph-1, .meter--circle .meter__thresholds .meter__slice.color-index-graph-6, .meter--arc .meter__thresholds .meter__slice.color-index-graph-1, .meter--arc .meter__thresholds .meter__slice.color-index-graph-6, .meter--spiral .meter__thresholds .meter__slice.color-index-graph-1, .meter--spiral .meter__thresholds .meter__slice.color-index-graph-6 { stroke: rgba(195, 164, 254, 0.5); } .meter--circle .meter__thresholds .meter__slice.color-index-graph-2, .meter--circle .meter__thresholds .meter__slice.color-index-graph-7, .meter--arc .meter__thresholds .meter__slice.color-index-graph-2, .meter--arc .meter__thresholds .meter__slice.color-index-graph-7, .meter--spiral .meter__thresholds .meter__slice.color-index-graph-2, .meter--spiral .meter__thresholds .meter__slice.color-index-graph-7 { @@ -4389,7 +4389,7 @@ a.active > .label .label__icon.control-icon svg { height: 96px; } .meter--arc.meter--vertical.meter--small .meter__value { top: 48px; - margin-left: -18px; } + margin-left: -12px; } .meter--arc.meter--vertical.meter--small .meter__minmax-container { padding-top: 0px; padding-bottom: 0px; } @@ -4403,6 +4403,10 @@ a.active > .label .label__icon.control-icon svg { margin-left: -72px; } .meter--arc.meter--vertical.meter--minmax.meter--small .meter__value { margin-left: -60px; } + .meter--arc.meter--vertical.meter--legend-right.meter--small .meter__value { + min-width: 78px; } + .meter--arc.meter--vertical.meter--legend-right .meter__value { + min-width: 120px; } .meter--spiral .meter__value { position: absolute; top: 0px; @@ -4430,61 +4434,80 @@ a.active > .label .label__icon.control-icon svg { .meter--loading .meter__value { display: none; } -.notification__status { - margin-right: 12px; } - -.notification__message { - margin-bottom: 24px; - vertical-align: middle; } - -.notification--critical { - background-color: #FF856B; - font-size: 19px; - font-size: 1.1875rem; - line-height: 24px; } - .notification--critical .notification__status .status-icon__base { - fill: #333; } - -.notification--error { - background-color: #FF856B; - font-size: 19px; - font-size: 1.1875rem; - line-height: 24px; } - .notification--error .notification__status .status-icon__base { - fill: #333; } - -.notification--warning { - background-color: #FFB86B; - font-size: 19px; - font-size: 1.1875rem; - line-height: 24px; } - .notification--warning .notification__status .status-icon__base { - fill: #333; } - -.notification--ok { - background-color: #4EB976; - font-size: 19px; - font-size: 1.1875rem; - line-height: 24px; - color: #dbdbdb; } - .notification--ok .notification__status .status-icon__base { - fill: #dbdbdb; } - -.notification--unknown { - background-color: #a8a8a8; +.notification { font-size: 19px; font-size: 1.1875rem; line-height: 24px; } - .notification--unknown .notification__status .status-icon__base { - fill: #333; } - -.notification--disabled { - background-color: #EDEDED; - font-size: 19px; - font-size: 1.1875rem; - line-height: 24px; } - .notification--disabled .notification__status .status-icon__base { - fill: #333; } + .notification__message { + font-size: 24px; + font-size: 1.5rem; + line-height: 24px; } + .notification__message + * { + margin-top: 24px; } + .notification__status { + margin-right: 24px; + flex: 0 0 auto; } + .notification--critical { + background-color: #FF856B; } + .notification--critical .notification__status .status-icon__base { + fill: #fff; } + .notification--critical .notification__status .status-icon__detail { + stroke: #FF856B; + fill: #FF856B; } + .notification--critical .notification__status.status-icon-unknown .status-icon__detail { + stroke: #fff; + fill: #fff; } + .notification--error { + background-color: #FF856B; } + .notification--error .notification__status .status-icon__base { + fill: #fff; } + .notification--error .notification__status .status-icon__detail { + stroke: #FF856B; + fill: #FF856B; } + .notification--error .notification__status.status-icon-unknown .status-icon__detail { + stroke: #fff; + fill: #fff; } + .notification--warning { + background-color: #FFB86B; } + .notification--warning .notification__status .status-icon__base { + fill: #fff; } + .notification--warning .notification__status .status-icon__detail { + stroke: #FFB86B; + fill: #FFB86B; } + .notification--warning .notification__status.status-icon-unknown .status-icon__detail { + stroke: #fff; + fill: #fff; } + .notification--ok { + background-color: #4EB976; + color: #fff; } + .notification--ok .notification__status .status-icon__base { + fill: #fff; } + .notification--ok .notification__status .status-icon__detail { + stroke: #4EB976; + fill: #4EB976; } + .notification--ok .notification__status.status-icon-unknown .status-icon__detail { + stroke: #fff; + fill: #fff; } + .notification--unknown { + background-color: #a8a8a8; } + .notification--unknown .notification__status .status-icon__base { + fill: #fff; } + .notification--unknown .notification__status .status-icon__detail { + stroke: #a8a8a8; + fill: #a8a8a8; } + .notification--unknown .notification__status.status-icon-unknown .status-icon__detail { + stroke: #fff; + fill: #fff; } + .notification--disabled { + background-color: #a8a8a8; } + .notification--disabled .notification__status .status-icon__base { + fill: #fff; } + .notification--disabled .notification__status .status-icon__detail { + stroke: #a8a8a8; + fill: #a8a8a8; } + .notification--disabled .notification__status.status-icon-unknown .status-icon__detail { + stroke: #fff; + fill: #fff; } .notifications-control__icon { width: 48px; @@ -5034,14 +5057,15 @@ section > dl > dd { .tiles { width: 100%; padding: 12px; } - .tiles > .tile { - flex: 0 0 192px; - margin: 12px; } - .tiles > .tile > * { - box-sizing: border-box; } - .tiles > .tile--wide { - flex-basis: calc(100% - 24px); - box-sizing: border-box; } + @media screen and (min-width: 45em) { + .tiles.box--direction-row > .tile { + flex: 0 0 192px; + margin: 12px; } + .tiles.box--direction-row > .tile > * { + box-sizing: border-box; } + .tiles.box--direction-row > .tile--wide { + flex-basis: calc(100% - 24px); + box-sizing: border-box; } } .tiles__container { display: flex; flex-direction: row; diff --git a/css/grommet.min.css b/css/grommet.min.css index b203360..0b59c3f 100644 --- a/css/grommet.min.css +++ b/css/grommet.min.css @@ -4,4 +4,4 @@ * github.com/inuitcss | inuitcss.com */@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:300;src:local("Source Sans Pro Light"),local("SourceSansPro-Light"),url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGPS42wKzre0cxmO5m5GyTsY.ttf) format("truetype")}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:400;src:local("Source Sans Pro"),local("SourceSansPro-Regular"),url(https://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlEY6Fu39Tt9XkmtSosaMoEA.ttf) format("truetype")}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:700;src:local("Source Sans Pro Bold"),local("SourceSansPro-Bold"),url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGLlcMrNrsnL9dgADnXgYJjs.ttf) format("truetype")}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:400;src:local("Source Sans Pro Italic"),local("SourceSansPro-It"),url(https://fonts.gstatic.com/s/sourcesanspro/v9/M2Jd71oPJhLKp0zdtTvoMzpKUtbt71woJ25xl7KOGD0.ttf) format("truetype")} -/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}blockquote,body,caption,dd,dl,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,legend,ol,p,pre,table,td,th,ul{margin:0;padding:0}abbr[title],dfn[title]{cursor:help}ins,u{text-decoration:none}ins{border-bottom:1px solid}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}address,blockquote,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,ol,p,pre,table,ul{margin-bottom:24px;margin-bottom:1.5rem}dd,ol,ul{margin-left:48px;margin-left:3rem}html{font-size:1em;line-height:1.5;background-color:#fff;color:#333;overflow-y:scroll;min-height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}h1{font-size:36px;font-size:2.25rem;line-height:1.33333}h2{font-size:30px;font-size:1.875rem;line-height:1.6}h3{font-size:24px;font-size:1.5rem;line-height:1}h4{font-size:20px;font-size:1.25rem;line-height:1.2}h5{font-size:16px;font-size:1rem;line-height:1.5}h6{font-size:14px;font-size:.875rem;line-height:1.71429}li>ol,li>ul{margin-bottom:0}img{max-width:100%;font-style:italic;vertical-align:middle}.gm-style img,img[height],img[width]{max-width:none}.brand-font,html{font-family:Source Sans Pro,Arial,sans-serif}body,html{font-size:16px;font-size:1rem;line-height:24px}h1{font-size:48px;font-size:3rem;line-height:1.125}h2{font-size:36px;font-size:2.25rem;line-height:1.33333}h3{font-size:24px;font-size:1.5rem;line-height:1.25}h4,h5{font-size:18px;font-size:1.125rem;line-height:1.33333}h1,h2,h3,h4,h5{font-weight:100;max-width:100%}h1.header--strong,h1>strong,h2.header--strong,h2>strong,h3.header--strong,h3>strong,h4.header--strong,h4>strong,h5.header--strong,h5>strong{font-weight:600}h1 a,h1 a.anchor,h2 a,h2 a.anchor,h3 a,h3 a.anchor,h4 a,h4 a.anchor,h5 a,h5 a.anchor{color:inherit;text-decoration:none}h1 a.anchor:hover,h1 a:hover,h2 a.anchor:hover,h2 a:hover,h3 a.anchor:hover,h3 a:hover,h4 a.anchor:hover,h4 a:hover,h5 a.anchor:hover,h5 a:hover{text-decoration:none}dd,li,p{max-width:576px;margin-left:0}dd{margin-bottom:12px}p{margin-top:24px;margin-bottom:24px}blockquote{font-size:36px;font-size:2.25rem;line-height:1.33333}code.hljs{border:1px solid #ccc}.large-number-font{font-family:Source Sans Pro,Arial,sans-serif}.secondary{color:#777}.error{color:#ff856b}input,select,textarea{font-size:16px;font-size:1rem;line-height:1.5;padding:11px 23px;border:1px solid #ccc;border-radius:4px;outline:none;margin-right:12px;background-color:transparent}input:focus,select:focus,textarea:focus{padding:10px 22px;border-width:2px;border-color:#c3a4fe}input::-moz-focus-inner,select::-moz-focus-inner,textarea::-moz-focus-inner{border:none;outline:none}input::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#aaa}input::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder{color:#aaa}input:-ms-input-placeholder,select:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#aaa}input.error,select.error,textarea.error{border-color:#ff856b}input[type=button],input[type=submit]{text-align:center;line-height:inherit}select{border-color:#ccc;padding-right:24px;-webkit-appearance:none;-moz-appearance:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAOhJREFUSA3tksENgzAMRUmrrlApuTAAxxw6QvfojYmYKtw6QpUDI1Rq6o8MStsAMT1UlbAUcMB+33FcFJttHfifDlhrT7QO31YMBlgDZw8HH5RSF3JLY0zrvX8MAZI3F1gT66y17ohz2zGgDSFc6UdF+5oDJWwUidMDXoFFfgtAfwJUjMppX7KI6CQJeOOcu48CcNaKzMFfBNaILME/BCQiOfCkQI5ILhwshceUpUAcG0/LeKEpzqwAEhIiRTSKs3Dk92MKZ8rep4vgR57zRTiYiwIIikVo29HKgiNXZGgXt0yUtwX/tgNPQqatJ1aBLFMAAAAASUVORK5CYII=) no-repeat center right;cursor:pointer}select::-moz-focus-inner{border:none}select.plain{border:none}input[type=range]{position:relative;-webkit-appearance:none;border-color:transparent;height:24px;padding:0;cursor:pointer;overflow-x:hidden}input[type=range]:focus{outline:none}input[type=range]::-moz-focus-inner,input[type=range]::-moz-focus-outer{border:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;background-color:#b2b2b2}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-webkit-slider-runnable-track{background-color:hsla(0,0%,100%,.1)}input[type=range]::-webkit-slider-thumb{position:relative;height:24px;width:24px;overflow:visible;-webkit-appearance:none;margin-top:-11px}input[type=range]::-webkit-slider-thumb:before{content:"";position:absolute;left:-3000px;right:24px;top:9px;bottom:9px;background-color:#8c50ff;pointer-events:none}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-webkit-slider-thumb:before{background-color:#fff}input[type=range]::-webkit-slider-thumb:after{content:"";position:absolute;border:2px solid #8c50ff;height:20px;width:20px;border-radius:24px;background-color:#fff;cursor:pointer}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-webkit-slider-thumb:after{background-color:transparent;border-color:#fff}input[type=range]:hover::-webkit-slider-thumb:after{content:"";border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]:hover::-webkit-slider-thumb:after{background-color:#fff;border-color:#fff}input[type=range]::-moz-range-track{width:100%;height:2px;background-color:#b2b2b2}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-moz-range-track{background-color:hsla(0,0%,100%,.1)}input[type=range]::-moz-range-thumb{position:relative;height:24px;width:24px;overflow:visible;border:2px solid #8c50ff;height:20px;width:20px;border-radius:24px;background-color:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-moz-range-thumb{border-color:#fff;background-color:transparent}input[type=range]::hover::-moz-range-thumb{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::hover::-moz-range-thumb{border-color:#fff;background-color:#fff}input[type=range]::-ms-track{width:100%;height:2px;background-color:#b2b2b2;border-color:transparent;color:transparent}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-ms-track{background-color:hsla(0,0%,100%,.1)}input[type=range]::-ms-fill-lower{background:#8c50ff;border-color:transparent}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-ms-fill-lower{background:#fff}input[type=range]::-ms-fill-upper{background:#b2b2b2;border-color:transparent}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-ms-fill-upper{background:hsla(0,0%,100%,.1)}input[type=range]::-ms-thumb{position:relative;height:24px;width:24px;overflow:visible;border:2px solid #999;height:20px;width:20px;border-radius:24px;background-color:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-ms-thumb{border-color:#fff}input[type=range]:hover::-ms-thumb{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]:hover::-ms-thumb{border-color:#fff;background-color:#fff}@media screen and (min-width:45em){body,html{height:100%;width:100%;overflow:visible}}.i-list-bare{margin:0;padding:0;list-style:none}.anchor,a{text-decoration:none;cursor:pointer}.anchor,.anchor:visited,a,a:visited{color:#8c50ff}.anchor.active,a.active{color:#333}.anchor:hover:not(.anchor--disabled),a:hover:not(.anchor--disabled){text-decoration:underline;color:#6e22ff}.anchor__icon,a__icon{display:inline-block;padding:12px}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu .anchor:not(.button),[class*=background-color-index-]:not([class*=background-color-index-light]) .menu a:not(.button),[class*=background-color-index-]:not([class*=background-color-index-light]) a{color:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu .anchor:not(.button) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu a:not(.button) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a .control-icon{fill:#dbdbdb;stroke:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor:hover:not(.anchor--disabled),[class*=background-color-index-]:not([class*=background-color-index-light]) .menu .anchor:not(.button):hover:not(.anchor--disabled),[class*=background-color-index-]:not([class*=background-color-index-light]) .menu a:not(.button):hover:not(.anchor--disabled),[class*=background-color-index-]:not([class*=background-color-index-light]) a:hover:not(.anchor--disabled){color:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor:hover:not(.anchor--disabled) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu .anchor:not(.button):hover:not(.anchor--disabled) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu a:not(.button):hover:not(.anchor--disabled) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a:hover:not(.anchor--disabled) .control-icon{fill:#fff;stroke:#fff}.anchor.anchor--primary,a.anchor--primary{font-size:19px;font-size:1.1875rem;line-height:24px;font-weight:600;color:#8c50ff;text-decoration:none}.anchor.anchor--primary .control-icon,a.anchor--primary .control-icon{stroke:#8c50ff;margin-right:12px}.anchor.anchor--primary>span,a.anchor--primary>span{vertical-align:middle}.anchor.anchor--primary:hover:not(.anchor--disabled)>.control-icon,a.anchor--primary:hover:not(.anchor--disabled)>.control-icon{transform:translateX(3px);stroke:#8c50ff}.anchor.anchor--primary:hover:not(.anchor--disabled)>.control-icon path,.anchor.anchor--primary:hover:not(.anchor--disabled)>.control-icon polyline,a.anchor--primary:hover:not(.anchor--disabled)>.control-icon path,a.anchor--primary:hover:not(.anchor--disabled)>.control-icon polyline{stroke-width:3px}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor.anchor--primary,[class*=background-color-index-]:not([class*=background-color-index-light]) a.anchor--primary{color:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor.anchor--primary .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a.anchor--primary .control-icon{fill:#dbdbdb;stroke:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor.anchor--primary:hover:not(.anchor--disabled),[class*=background-color-index-]:not([class*=background-color-index-light]) a.anchor--primary:hover:not(.anchor--disabled){color:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor.anchor--primary:hover:not(.anchor--disabled) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a.anchor--primary:hover:not(.anchor--disabled) .control-icon{fill:#fff;stroke:#fff}.anchor--disabled,a--disabled{opacity:.3;cursor:default}.anchor--disabled .control-icon,a--disabled .control-icon{cursor:default}#loading{position:absolute;width:100%;height:100%;background-color:#ddd;text-align:center;padding-top:100px;font-size:48px;color:#ccc;font-style:italic}@media screen and (min-width:45em){.app{position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto}}.app--inline{position:relative}.app--centered>.split{width:100%;max-width:960px;margin-left:auto;margin-right:auto}.article{position:relative}.article--scroll-step{text-align:center;height:100vh;width:100vw;max-width:100%}.article--scroll-step>.article__control{position:fixed;z-index:4}.article--scroll-step>.article__control-up{top:0;left:50%;transform:translateX(-50%)}.article--scroll-step>.article__control-down{bottom:0;left:50%;transform:translateX(-50%)}.article--scroll-step>.article__control-left{top:50%;transform:translateY(-50%);left:0}.article--scroll-step>.article__control-right{top:50%;transform:translateY(-50%);right:0}.article--scroll-step.box--direction-column{overflow-x:hidden;overflow-y:auto}.article--scroll-step.box--direction-column>.article__control-carousel{top:50%;left:24px;transform:translateY(-50%)}.article--scroll-step.box--direction-row{overflow-x:auto;overflow-y:hidden}.article--scroll-step.box--direction-row>:not(.article__controls){overflow-y:auto}.article--scroll-step.box--direction-row>.article__control-carousel{top:24px;left:50%;transform:translateX(-50%)}.article>*{flex:0 0 auto}article:not(.article){width:100%}.attribute{margin-bottom:12px}@media screen and (max-width:44.9375em){.attribute{width:100%}}.attribute__label{display:block;text-align:left;font-size:14px;font-size:.875rem;line-height:24px;color:#777}.box{display:flex;background-position:center center;background-size:cover;background-repeat:no-repeat}.box__texture{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.box__container{padding-left:24px;padding-right:24px}.box__container--full{max-width:100%;width:100vw}.layer__container .box__container--full{width:calc(100vw - 48px)}.box__container--full-horizontal{max-width:100%;width:100vw}.layer__container .box__container--full-horizontal{width:calc(100vw - 48px)}.app--centered .box__container>.box{width:100%;max-width:960px;margin-left:auto;margin-right:auto}@media screen and (max-width:44.9375em){.app--centered .box__container>.box{padding-left:0;padding-right:0}}.box--wrap{flex-wrap:wrap}.box--pad-none{padding:0}.box--pad-small{padding:12px}.box--pad-medium{padding:24px}.box--pad-large{padding:48px}.box--pad-horizontal-none{padding-left:0;padding-right:0}.box--pad-horizontal-small{padding-left:12px;padding-right:12px}.box--pad-horizontal-medium{padding-left:24px;padding-right:24px}.box--pad-horizontal-large{padding-left:48px;padding-right:48px}.box--pad-vertical-none{padding-top:0;padding-bottom:0}.box--pad-vertical-small{padding-top:12px;padding-bottom:12px}.box--pad-vertical-medium{padding-top:24px;padding-bottom:24px}.box--pad-vertical-large{padding-top:48px;padding-bottom:48px}.box--full{position:relative;max-width:100%;width:100vw;min-height:100vh;height:100%}.layer__container .box--full{width:calc(100vw - 48px)}.box--full-horizontal{max-width:100%;width:100vw}.layer__container .box--full-horizontal{width:calc(100vw - 48px)}.box--full-vertical{min-height:100vh}.box--direction-row{flex-direction:row}.box--direction-row.box--reverse{flex-direction:row-reverse}.box--direction-row.box--pad-between-small>:not(:last-child){margin-right:12px}.box--direction-row.box--pad-between-medium>:not(:last-child){margin-right:24px}.box--direction-row.box--pad-between-large>:not(:last-child){margin-right:48px}@media screen and (max-width:44.9375em){.box--direction-row.box--responsive{flex-direction:column}.box--direction-row.box--responsive.box--reverse{flex-direction:column-reverse}}.box--direction-column{flex-direction:column}.box--direction-column.box--reverse{flex-direction:column-reverse}.box--direction-column>.footer.box--direction-row,.box--direction-column>.header.box--direction-row,.box--direction-column>.header__container--fixed{flex:0 0 auto}.box--direction-column.box--pad-between-small>:not(:last-child){margin-bottom:12px}.box--direction-column.box--pad-between-medium>:not(:last-child){margin-bottom:24px}.box--direction-column.box--pad-between-large>:not(:last-child){margin-bottom:48px}.box--justify-start{justify-content:flex-start}.box--justify-center{justify-content:center}.box--justify-between{justify-content:space-between}.box--justify-end{justify-content:flex-end}.box--align-start{align-items:flex-start}.box--align-center{align-items:center}.box--align-end{align-items:flex-end}.box--separator-all,.box--separator-horizontal,.box--separator-top{border-top:1px solid #ccc}.box--separator-all,.box--separator-bottom,.box--separator-horizontal{border-bottom:1px solid #ccc}.box--separator-all,.box--separator-left,.box--separator-vertical{border-left:1px solid #ccc}.box--separator-all,.box--separator-right,.box--separator-vertical{border-right:1px solid #ccc}@media screen and (max-width:44.9375em){.box--separator-all,.box--separator-left,.box--separator-vertical{border-left:none;border-bottom:1px solid #ccc}.box--separator-all,.box--separator-right,.box--separator-vertical{border-right:none;border-bottom:1px solid #ccc}}[class*=background-color-index-] .box[class*=box--separator]{border-color:#eee}.box--text-align-left{text-align:left}.box--text-align-center{text-align:center}.box--text-align-right{text-align:right}.box>.flex,.box>.flex-grow-1{flex-grow:1}.box--direction-down,.box--direction-up{flex-direction:column}.box--direction-left{justify-content:flex-end}.box--flush{padding:0}button:not(.button),input[type=button],input[type=submit]{padding:6px 22px;background-color:transparent;border:2px solid #8c50ff;border-radius:4px;color:#333;font-size:19px;font-size:1.1875rem;line-height:24px;font-weight:600;cursor:pointer;text-align:center;outline:none;min-width:120px;max-width:384px}button:not(.button):focus:not(.button--disabled),input[type=button]:focus:not(.button--disabled),input[type=submit]:focus:not(.button--disabled){border-color:#c3a4fe;box-shadow:0 0 1px 1px #c3a4fe}@media screen and (min-width:45em){button:not(.button),input[type=button],input[type=submit]{transition:.1s ease-in-out}}.button{padding:6px 22px;background-color:transparent;border:2px solid #8c50ff;border-radius:4px;color:#333;font-size:19px;font-size:1.1875rem;line-height:24px;font-weight:600;cursor:pointer;text-align:center;outline:none;min-width:120px;max-width:384px}.button:focus:not(.button--disabled){border-color:#c3a4fe;box-shadow:0 0 1px 1px #c3a4fe}@media screen and (min-width:45em){.button{transition:.1s ease-in-out}}.button__icon{display:inline-block;padding:12px}.button--primary{border-color:#8c50ff;background-color:#8c50ff;color:#fff}.button--secondary{border-color:rgba(51,51,51,.6)}.button--accent{border-color:#c3a4fe}.button--icon{border:none;padding:0;width:auto;height:auto;min-width:0;max-width:none}.button--icon.button--primary{background-color:#8c50ff}.button--icon>span:not(.button__icon){vertical-align:middle}.button--icon>span:not(.button__icon):first-child{margin-left:12px}.button--icon>span:not(.button__icon):last-child{margin-right:12px}[class*=background-color-index-]:not([class*=background-color-index-light]) .button--icon{color:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .button--icon .control-icon{fill:#dbdbdb;stroke:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .button--icon:hover{color:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) .button--icon:hover .control-icon{fill:#fff;stroke:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) .button:not(.button--primary){border-color:#eee;color:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .button:not(.button--primary).button--accent{border-color:#c3a4fe}.button--disabled{opacity:.3;cursor:default}.button--fill{width:100%;max-width:none;flex-grow:1}.calendar{position:relative;display:inline-block;min-width:288px}.calendar__input{width:100%;height:100%;display:block;padding-right:60px}.calendar__input:focus{padding-right:59px}.calendar__control{position:absolute;top:50%;right:12px;transform:translateY(-50%)}.calendar__drop{border-top-left-radius:0;border-top-right-radius:0}.calendar__title{text-align:center}.calendar__grid{width:100%;padding:12px}.calendar__grid table{width:100%}.calendar__grid td,.calendar__grid th{text-align:center;padding:6px}.calendar__grid th{color:#777;font-weight:400}.calendar__day{display:inline-block;cursor:pointer;width:24px;height:24px;transition:background-color .3s}.calendar__day:hover{background-color:rgba(0,0,0,.1)}.calendar__day--other-month{color:#777}.calendar__day--active{background-color:#8c50ff;color:#dbdbdb}.calendar--active .calendar__input{border-bottom-left-radius:0;border-bottom-right-radius:0}@-webkit-keyframes a{0%{opacity:1}to{opacity:0}}@keyframes a{0%{opacity:1}to{opacity:0}}.carousel{position:relative;max-width:100%;overflow:hidden}.carousel__track{display:flex;max-width:none;transition:all .8s}.carousel__item>*{width:100%}.carousel__arrow{-webkit-animation:b 1s;animation:b 1s;z-index:1;position:absolute;top:50%;transform:translateY(-50%);cursor:pointer}.carousel__arrow .control-icon{filter:drop-shadow(1px 1px 1px rgba(170,170,170,.5));-webkit-filter:drop-shadow(1px 1px 1px hsla(0,0%,67%,.5))}.carousel__arrow .control-icon polyline{stroke:#fff;stroke-width:1px}.carousel__arrow--next{right:0}.carousel__arrow--prev{left:0}.carousel .control-icon-next{right:0}.carousel .control-icon-previous{left:0}.carousel__controls{-webkit-animation:b 1s;animation:b 1s;margin-left:50%;transform:translateX(-50%);position:absolute;bottom:12px;text-align:center;z-index:1}.carousel__control{display:inline-block;width:36px;height:36px;stroke:#fff;fill:transparent;cursor:pointer;filter:drop-shadow(1px 1px 1px rgba(170,170,170,.5));-webkit-filter:drop-shadow(1px 1px 1px hsla(0,0%,67%,.5))}.carousel__control--active{stroke:#8c50ff;fill:#8c50ff}.carousel--hide-controls .carousel__controls,.carousel--hide-controls .control-icon-next,.carousel--hide-controls .control-icon-previous{opacity:0;-webkit-animation:a 1s;animation:a 1s}.carousel-controls__control{width:36px;height:36px;stroke:#fff;fill:transparent;cursor:pointer;filter:drop-shadow(1px 1px 1px rgba(170,170,170,.5));-webkit-filter:drop-shadow(1px 1px 1px hsla(0,0%,67%,.5))}.carousel-controls__control:hover{stroke-width:2px}.carousel-controls__control--active{stroke:#8c50ff;fill:#8c50ff}@-webkit-keyframes b{0%{opacity:0}to{opacity:1}}@keyframes b{0%{opacity:0}to{opacity:1}}.chart{position:relative;display:block}.chart__grid{stroke:#ccc}.chart__graphic{width:100%;height:192px;max-height:calc(100vh - 144px)}@media screen and (min-width:45em){.chart__values g{-webkit-animation:b 1.5s;animation:b 1.5s}}.chart__values-line{stroke-width:3px}.chart__values-line.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.chart__values-line.color-index-unset{stroke:#ddd}.chart__values-line.color-index-brand{stroke:#8c50ff}.chart__values-line.color-index-critical,.chart__values-line.color-index-error{stroke:#ff856b}.chart__values-line.color-index-warning{stroke:#ffb86b}.chart__values-line.color-index-ok{stroke:#4eb976}.chart__values-line.color-index-unknown{stroke:#a8a8a8}.chart__values-line.color-index-disabled{stroke:#ededed}.chart__values-line.color-index-graph-1,.chart__values-line.color-index-graph-6{stroke:#c3a4fe}.chart__values-line.color-index-graph-2,.chart__values-line.color-index-graph-7{stroke:#a577ff}.chart__values-line.color-index-graph-3,.chart__values-line.color-index-graph-8{stroke:#5d0cfb}.chart__values-line.color-index-graph-4,.chart__values-line.color-index-graph-9{stroke:#7026ff}.chart__values-line.color-index-graph-5,.chart__values-line.color-index-graph-10{stroke:#767676}.chart__values-line.color-index-grey-1,.chart__values-line.color-index-grey-5{stroke:#333}.chart__values-line.color-index-grey-2,.chart__values-line.color-index-grey-6{stroke:#444}.chart__values-line.color-index-grey-3,.chart__values-line.color-index-grey-7{stroke:#555}.chart__values-line.color-index-grey-4,.chart__values-line.color-index-grey-8{stroke:#666}.chart__values-line.color-index-light-1,.chart__values-line.color-index-light-3{stroke:#fff}.chart__values-line.color-index-light-2,.chart__values-line.color-index-light-4{stroke:#f5f5f5}.chart__values-area.color-index-critical,.chart__values-area.color-index-error,.chart__values-bar.color-index-critical,.chart__values-bar.color-index-error{fill:rgba(255,133,107,.7)}.chart__values-area.color-index-warning,.chart__values-bar.color-index-warning{fill:rgba(255,184,107,.7)}.chart__values-area.color-index-ok,.chart__values-bar.color-index-ok{fill:rgba(78,185,118,.7)}.chart__values-area.color-index-unknown,.chart__values-bar.color-index-unknown{fill:hsla(0,0%,66%,.7)}.chart__values-area.color-index-disabled,.chart__values-bar.color-index-disabled{fill:hsla(0,0%,93%,.7)}.chart__values-area.color-index-graph-1,.chart__values-area.color-index-graph-6,.chart__values-bar.color-index-graph-1,.chart__values-bar.color-index-graph-6{fill:rgba(195,164,254,.7)}.chart__values-area.color-index-graph-2,.chart__values-area.color-index-graph-7,.chart__values-bar.color-index-graph-2,.chart__values-bar.color-index-graph-7{fill:rgba(165,119,255,.7)}.chart__values-area.color-index-graph-3,.chart__values-area.color-index-graph-8,.chart__values-bar.color-index-graph-3,.chart__values-bar.color-index-graph-8{fill:rgba(93,12,251,.7)}.chart__values-area.color-index-graph-4,.chart__values-area.color-index-graph-9,.chart__values-bar.color-index-graph-4,.chart__values-bar.color-index-graph-9{fill:rgba(112,38,255,.7)}.chart__values-area.color-index-graph-5,.chart__values-area.color-index-graph-10,.chart__values-bar.color-index-graph-5,.chart__values-bar.color-index-graph-10{fill:hsla(0,0%,46%,.7)}.chart__values-area--active.color-index-unset,.chart__values-bar--active.color-index-unset{fill:#ddd}.chart__values-area--active.color-index-brand,.chart__values-bar--active.color-index-brand{fill:#8c50ff}.chart__values-area--active.color-index-critical,.chart__values-area--active.color-index-error,.chart__values-bar--active.color-index-critical,.chart__values-bar--active.color-index-error{fill:#ff856b}.chart__values-area--active.color-index-warning,.chart__values-bar--active.color-index-warning{fill:#ffb86b}.chart__values-area--active.color-index-ok,.chart__values-bar--active.color-index-ok{fill:#4eb976}.chart__values-area--active.color-index-unknown,.chart__values-bar--active.color-index-unknown{fill:#a8a8a8}.chart__values-area--active.color-index-disabled,.chart__values-bar--active.color-index-disabled{fill:#ededed}.chart__values-area--active.color-index-graph-1,.chart__values-area--active.color-index-graph-6,.chart__values-bar--active.color-index-graph-1,.chart__values-bar--active.color-index-graph-6{fill:#c3a4fe}.chart__values-area--active.color-index-graph-2,.chart__values-area--active.color-index-graph-7,.chart__values-bar--active.color-index-graph-2,.chart__values-bar--active.color-index-graph-7{fill:#a577ff}.chart__values-area--active.color-index-graph-3,.chart__values-area--active.color-index-graph-8,.chart__values-bar--active.color-index-graph-3,.chart__values-bar--active.color-index-graph-8{fill:#5d0cfb}.chart__values-area--active.color-index-graph-4,.chart__values-area--active.color-index-graph-9,.chart__values-bar--active.color-index-graph-4,.chart__values-bar--active.color-index-graph-9{fill:#7026ff}.chart__values-area--active.color-index-graph-5,.chart__values-area--active.color-index-graph-10,.chart__values-bar--active.color-index-graph-5,.chart__values-bar--active.color-index-graph-10{fill:#767676}.chart__values-area--active.color-index-grey-1,.chart__values-area--active.color-index-grey-5,.chart__values-bar--active.color-index-grey-1,.chart__values-bar--active.color-index-grey-5{fill:#333}.chart__values-area--active.color-index-grey-2,.chart__values-area--active.color-index-grey-6,.chart__values-bar--active.color-index-grey-2,.chart__values-bar--active.color-index-grey-6{fill:#444}.chart__values-area--active.color-index-grey-3,.chart__values-area--active.color-index-grey-7,.chart__values-bar--active.color-index-grey-3,.chart__values-bar--active.color-index-grey-7{fill:#555}.chart__values-area--active.color-index-grey-4,.chart__values-area--active.color-index-grey-8,.chart__values-bar--active.color-index-grey-4,.chart__values-bar--active.color-index-grey-8{fill:#666}.chart__values-point{stroke-width:3px;fill:#fff}.chart__values-point.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.chart__values-point.color-index-unset{stroke:#ddd}.chart__values-point.color-index-brand{stroke:#8c50ff}.chart__values-point.color-index-critical,.chart__values-point.color-index-error{stroke:#ff856b}.chart__values-point.color-index-warning{stroke:#ffb86b}.chart__values-point.color-index-ok{stroke:#4eb976}.chart__values-point.color-index-unknown{stroke:#a8a8a8}.chart__values-point.color-index-disabled{stroke:#ededed}.chart__values-point.color-index-graph-1,.chart__values-point.color-index-graph-6{stroke:#c3a4fe}.chart__values-point.color-index-graph-2,.chart__values-point.color-index-graph-7{stroke:#a577ff}.chart__values-point.color-index-graph-3,.chart__values-point.color-index-graph-8{stroke:#5d0cfb}.chart__values-point.color-index-graph-4,.chart__values-point.color-index-graph-9{stroke:#7026ff}.chart__values-point.color-index-graph-5,.chart__values-point.color-index-graph-10{stroke:#767676}.chart__values-point.color-index-grey-1,.chart__values-point.color-index-grey-5{stroke:#333}.chart__values-point.color-index-grey-2,.chart__values-point.color-index-grey-6{stroke:#444}.chart__values-point.color-index-grey-3,.chart__values-point.color-index-grey-7{stroke:#555}.chart__values-point.color-index-grey-4,.chart__values-point.color-index-grey-8{stroke:#666}.chart__values-point.color-index-light-1,.chart__values-point.color-index-light-3{stroke:#fff}.chart__values-point.color-index-light-2,.chart__values-point.color-index-light-4{stroke:#f5f5f5}.chart__values--loading{stroke-width:24px}.chart__values--loading.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.chart__values--loading.color-index-unset{stroke:#ddd}.chart__values--loading.color-index-brand{stroke:#8c50ff}.chart__values--loading.color-index-critical,.chart__values--loading.color-index-error{stroke:#ff856b}.chart__values--loading.color-index-warning{stroke:#ffb86b}.chart__values--loading.color-index-ok{stroke:#4eb976}.chart__values--loading.color-index-unknown{stroke:#a8a8a8}.chart__values--loading.color-index-disabled{stroke:#ededed}.chart__values--loading.color-index-graph-1,.chart__values--loading.color-index-graph-6{stroke:#c3a4fe}.chart__values--loading.color-index-graph-2,.chart__values--loading.color-index-graph-7{stroke:#a577ff}.chart__values--loading.color-index-graph-3,.chart__values--loading.color-index-graph-8{stroke:#5d0cfb}.chart__values--loading.color-index-graph-4,.chart__values--loading.color-index-graph-9{stroke:#7026ff}.chart__values--loading.color-index-graph-5,.chart__values--loading.color-index-graph-10{stroke:#767676}.chart__values--loading.color-index-grey-1,.chart__values--loading.color-index-grey-5{stroke:#333}.chart__values--loading.color-index-grey-2,.chart__values--loading.color-index-grey-6{stroke:#444}.chart__values--loading.color-index-grey-3,.chart__values--loading.color-index-grey-7{stroke:#555}.chart__values--loading.color-index-grey-4,.chart__values--loading.color-index-grey-8{stroke:#666}.chart__values--loading.color-index-light-1,.chart__values--loading.color-index-light-3{stroke:#fff}.chart__values--loading.color-index-light-2,.chart__values--loading.color-index-light-4{stroke:#f5f5f5}.chart__threshold{stroke-width:2px;stroke:rgba(51,51,51,.2);pointer-events:none}.chart__yaxis .chart__bar.color-index-critical,.chart__yaxis .chart__bar.color-index-error{fill:rgba(255,133,107,.5)}.chart__yaxis .chart__bar.color-index-warning{fill:rgba(255,184,107,.5)}.chart__yaxis .chart__bar.color-index-ok{fill:rgba(78,185,118,.5)}.chart__yaxis .chart__bar.color-index-unknown{fill:hsla(0,0%,66%,.5)}.chart__yaxis .chart__bar.color-index-disabled{fill:hsla(0,0%,93%,.5)}.chart__yaxis .chart__bar.color-index-graph-1,.chart__yaxis .chart__bar.color-index-graph-6{fill:rgba(195,164,254,.5)}.chart__yaxis .chart__bar.color-index-graph-2,.chart__yaxis .chart__bar.color-index-graph-7{fill:rgba(165,119,255,.5)}.chart__yaxis .chart__bar.color-index-graph-3,.chart__yaxis .chart__bar.color-index-graph-8{fill:rgba(93,12,251,.5)}.chart__yaxis .chart__bar.color-index-graph-4,.chart__yaxis .chart__bar.color-index-graph-9{fill:rgba(112,38,255,.5)}.chart__yaxis .chart__bar.color-index-graph-5,.chart__yaxis .chart__bar.color-index-graph-10{fill:hsla(0,0%,46%,.5)}.chart__xaxis-index text{fill:#777}.chart__xaxis-index--eclipse text{fill:transparent}.chart__xaxis-index--active text{fill:#333}.chart__front-xband-background{fill:transparent}.chart__cursor{stroke:#333;stroke-width:2;pointer-events:none}.chart__cursor-point{stroke-width:2}.chart__cursor-point.color-index-unset{fill:#ddd}.chart__cursor-point.color-index-brand{fill:#8c50ff}.chart__cursor-point.color-index-critical,.chart__cursor-point.color-index-error{fill:#ff856b}.chart__cursor-point.color-index-warning{fill:#ffb86b}.chart__cursor-point.color-index-ok{fill:#4eb976}.chart__cursor-point.color-index-unknown{fill:#a8a8a8}.chart__cursor-point.color-index-disabled{fill:#ededed}.chart__cursor-point.color-index-graph-1,.chart__cursor-point.color-index-graph-6{fill:#c3a4fe}.chart__cursor-point.color-index-graph-2,.chart__cursor-point.color-index-graph-7{fill:#a577ff}.chart__cursor-point.color-index-graph-3,.chart__cursor-point.color-index-graph-8{fill:#5d0cfb}.chart__cursor-point.color-index-graph-4,.chart__cursor-point.color-index-graph-9{fill:#7026ff}.chart__cursor-point.color-index-graph-5,.chart__cursor-point.color-index-graph-10{fill:#767676}.chart__cursor-point.color-index-grey-1,.chart__cursor-point.color-index-grey-5{fill:#333}.chart__cursor-point.color-index-grey-2,.chart__cursor-point.color-index-grey-6{fill:#444}.chart__cursor-point.color-index-grey-3,.chart__cursor-point.color-index-grey-7{fill:#555}.chart__cursor-point.color-index-grey-4,.chart__cursor-point.color-index-grey-8{fill:#666}.chart__legend--overlay{padding:12px;pointer-events:none}@media screen and (max-width:44.9375em){.chart__legend--overlay{margin:0 auto}}@media screen and (min-width:45em){.chart__legend--overlay{position:absolute;left:0;margin:0;background-color:hsla(0,0%,100%,.8)}}.chart--area .chart__gradient.color-index-critical .begin,.chart--bar .chart__gradient.color-index-critical .begin{stop-color:#ff856b}.chart--area .chart__gradient.color-index-critical .mid,.chart--bar .chart__gradient.color-index-critical .mid{stop-color:#ff856b;stop-opacity:.5}.chart--area .chart__gradient.color-index-critical .end,.chart--bar .chart__gradient.color-index-critical .end{stop-color:#ff856b;stop-opacity:0}.chart--area .chart__gradient.color-index-error .begin,.chart--bar .chart__gradient.color-index-error .begin{stop-color:#ff856b}.chart--area .chart__gradient.color-index-error .mid,.chart--bar .chart__gradient.color-index-error .mid{stop-color:#ff856b;stop-opacity:.5}.chart--area .chart__gradient.color-index-error .end,.chart--bar .chart__gradient.color-index-error .end{stop-color:#ff856b;stop-opacity:0}.chart--area .chart__gradient.color-index-warning .begin,.chart--bar .chart__gradient.color-index-warning .begin{stop-color:#ffb86b}.chart--area .chart__gradient.color-index-warning .mid,.chart--bar .chart__gradient.color-index-warning .mid{stop-color:#ffb86b;stop-opacity:.5}.chart--area .chart__gradient.color-index-warning .end,.chart--bar .chart__gradient.color-index-warning .end{stop-color:#ffb86b;stop-opacity:0}.chart--area .chart__gradient.color-index-ok .begin,.chart--bar .chart__gradient.color-index-ok .begin{stop-color:#4eb976}.chart--area .chart__gradient.color-index-ok .mid,.chart--bar .chart__gradient.color-index-ok .mid{stop-color:#4eb976;stop-opacity:.5}.chart--area .chart__gradient.color-index-ok .end,.chart--bar .chart__gradient.color-index-ok .end{stop-color:#4eb976;stop-opacity:0}.chart--area .chart__gradient.color-index-unknown .begin,.chart--bar .chart__gradient.color-index-unknown .begin{stop-color:#a8a8a8}.chart--area .chart__gradient.color-index-unknown .mid,.chart--bar .chart__gradient.color-index-unknown .mid{stop-color:#a8a8a8;stop-opacity:.5}.chart--area .chart__gradient.color-index-unknown .end,.chart--bar .chart__gradient.color-index-unknown .end{stop-color:#a8a8a8;stop-opacity:0}.chart--area .chart__gradient.color-index-disabled .begin,.chart--bar .chart__gradient.color-index-disabled .begin{stop-color:#ededed}.chart--area .chart__gradient.color-index-disabled .mid,.chart--bar .chart__gradient.color-index-disabled .mid{stop-color:#ededed;stop-opacity:.5}.chart--area .chart__gradient.color-index-disabled .end,.chart--bar .chart__gradient.color-index-disabled .end{stop-color:#ededed;stop-opacity:0}.chart--area .chart__gradient.color-index-graph-1 .begin,.chart--area .chart__gradient.color-index-graph-6 .begin,.chart--bar .chart__gradient.color-index-graph-1 .begin,.chart--bar .chart__gradient.color-index-graph-6 .begin{stop-color:#c3a4fe}.chart--area .chart__gradient.color-index-graph-1 .mid,.chart--area .chart__gradient.color-index-graph-6 .mid,.chart--bar .chart__gradient.color-index-graph-1 .mid,.chart--bar .chart__gradient.color-index-graph-6 .mid{stop-color:#c3a4fe;stop-opacity:.5}.chart--area .chart__gradient.color-index-graph-1 .end,.chart--area .chart__gradient.color-index-graph-6 .end,.chart--bar .chart__gradient.color-index-graph-1 .end,.chart--bar .chart__gradient.color-index-graph-6 .end{stop-color:#c3a4fe;stop-opacity:0}.chart--area .chart__gradient.color-index-graph-2 .begin,.chart--area .chart__gradient.color-index-graph-7 .begin,.chart--bar .chart__gradient.color-index-graph-2 .begin,.chart--bar .chart__gradient.color-index-graph-7 .begin{stop-color:#a577ff}.chart--area .chart__gradient.color-index-graph-2 .mid,.chart--area .chart__gradient.color-index-graph-7 .mid,.chart--bar .chart__gradient.color-index-graph-2 .mid,.chart--bar .chart__gradient.color-index-graph-7 .mid{stop-color:#a577ff;stop-opacity:.5}.chart--area .chart__gradient.color-index-graph-2 .end,.chart--area .chart__gradient.color-index-graph-7 .end,.chart--bar .chart__gradient.color-index-graph-2 .end,.chart--bar .chart__gradient.color-index-graph-7 .end{stop-color:#a577ff;stop-opacity:0}.chart--area .chart__gradient.color-index-graph-3 .begin,.chart--area .chart__gradient.color-index-graph-8 .begin,.chart--bar .chart__gradient.color-index-graph-3 .begin,.chart--bar .chart__gradient.color-index-graph-8 .begin{stop-color:#5d0cfb}.chart--area .chart__gradient.color-index-graph-3 .mid,.chart--area .chart__gradient.color-index-graph-8 .mid,.chart--bar .chart__gradient.color-index-graph-3 .mid,.chart--bar .chart__gradient.color-index-graph-8 .mid{stop-color:#5d0cfb;stop-opacity:.5}.chart--area .chart__gradient.color-index-graph-3 .end,.chart--area .chart__gradient.color-index-graph-8 .end,.chart--bar .chart__gradient.color-index-graph-3 .end,.chart--bar .chart__gradient.color-index-graph-8 .end{stop-color:#5d0cfb;stop-opacity:0}.chart--area .chart__gradient.color-index-graph-4 .begin,.chart--area .chart__gradient.color-index-graph-9 .begin,.chart--bar .chart__gradient.color-index-graph-4 .begin,.chart--bar .chart__gradient.color-index-graph-9 .begin{stop-color:#7026ff}.chart--area .chart__gradient.color-index-graph-4 .mid,.chart--area .chart__gradient.color-index-graph-9 .mid,.chart--bar .chart__gradient.color-index-graph-4 .mid,.chart--bar .chart__gradient.color-index-graph-9 .mid{stop-color:#7026ff;stop-opacity:.5}.chart--area .chart__gradient.color-index-graph-4 .end,.chart--area .chart__gradient.color-index-graph-9 .end,.chart--bar .chart__gradient.color-index-graph-4 .end,.chart--bar .chart__gradient.color-index-graph-9 .end{stop-color:#7026ff;stop-opacity:0}.chart--area .chart__gradient.color-index-graph-5 .begin,.chart--area .chart__gradient.color-index-graph-10 .begin,.chart--bar .chart__gradient.color-index-graph-5 .begin,.chart--bar .chart__gradient.color-index-graph-10 .begin{stop-color:#767676}.chart--area .chart__gradient.color-index-graph-5 .mid,.chart--area .chart__gradient.color-index-graph-10 .mid,.chart--bar .chart__gradient.color-index-graph-5 .mid,.chart--bar .chart__gradient.color-index-graph-10 .mid{stop-color:#767676;stop-opacity:.5}.chart--area .chart__gradient.color-index-graph-5 .end,.chart--area .chart__gradient.color-index-graph-10 .end,.chart--bar .chart__gradient.color-index-graph-5 .end,.chart--bar .chart__gradient.color-index-graph-10 .end{stop-color:#767676;stop-opacity:0}.chart--small .chart__graphic{height:96px}.chart--large .chart__graphic{height:288px}.chart--sparkline{display:inline-block;margin-right:6px}.chart--sparkline .chart__graphic{width:auto;height:24px}.chart--sparkline .chart__values-area.color-index-unset,.chart--sparkline .chart__values-bar.color-index-unset{fill:#ddd}.chart--sparkline .chart__values-area.color-index-brand,.chart--sparkline .chart__values-bar.color-index-brand{fill:#8c50ff}.chart--sparkline .chart__values-area.color-index-critical,.chart--sparkline .chart__values-area.color-index-error,.chart--sparkline .chart__values-bar.color-index-critical,.chart--sparkline .chart__values-bar.color-index-error{fill:#ff856b}.chart--sparkline .chart__values-area.color-index-warning,.chart--sparkline .chart__values-bar.color-index-warning{fill:#ffb86b}.chart--sparkline .chart__values-area.color-index-ok,.chart--sparkline .chart__values-bar.color-index-ok{fill:#4eb976}.chart--sparkline .chart__values-area.color-index-unknown,.chart--sparkline .chart__values-bar.color-index-unknown{fill:#a8a8a8}.chart--sparkline .chart__values-area.color-index-disabled,.chart--sparkline .chart__values-bar.color-index-disabled{fill:#ededed}.chart--sparkline .chart__values-area.color-index-graph-1,.chart--sparkline .chart__values-area.color-index-graph-6,.chart--sparkline .chart__values-bar.color-index-graph-1,.chart--sparkline .chart__values-bar.color-index-graph-6{fill:#c3a4fe}.chart--sparkline .chart__values-area.color-index-graph-2,.chart--sparkline .chart__values-area.color-index-graph-7,.chart--sparkline .chart__values-bar.color-index-graph-2,.chart--sparkline .chart__values-bar.color-index-graph-7{fill:#a577ff}.chart--sparkline .chart__values-area.color-index-graph-3,.chart--sparkline .chart__values-area.color-index-graph-8,.chart--sparkline .chart__values-bar.color-index-graph-3,.chart--sparkline .chart__values-bar.color-index-graph-8{fill:#5d0cfb}.chart--sparkline .chart__values-area.color-index-graph-4,.chart--sparkline .chart__values-area.color-index-graph-9,.chart--sparkline .chart__values-bar.color-index-graph-4,.chart--sparkline .chart__values-bar.color-index-graph-9{fill:#7026ff}.chart--sparkline .chart__values-area.color-index-graph-5,.chart--sparkline .chart__values-area.color-index-graph-10,.chart--sparkline .chart__values-bar.color-index-graph-5,.chart--sparkline .chart__values-bar.color-index-graph-10{fill:#767676}.chart--sparkline .chart__values-area.color-index-grey-1,.chart--sparkline .chart__values-area.color-index-grey-5,.chart--sparkline .chart__values-bar.color-index-grey-1,.chart--sparkline .chart__values-bar.color-index-grey-5{fill:#333}.chart--sparkline .chart__values-area.color-index-grey-2,.chart--sparkline .chart__values-area.color-index-grey-6,.chart--sparkline .chart__values-bar.color-index-grey-2,.chart--sparkline .chart__values-bar.color-index-grey-6{fill:#444}.chart--sparkline .chart__values-area.color-index-grey-3,.chart--sparkline .chart__values-area.color-index-grey-7,.chart--sparkline .chart__values-bar.color-index-grey-3,.chart--sparkline .chart__values-bar.color-index-grey-7{fill:#555}.chart--sparkline .chart__values-area.color-index-grey-4,.chart--sparkline .chart__values-area.color-index-grey-8,.chart--sparkline .chart__values-bar.color-index-grey-4,.chart--sparkline .chart__values-bar.color-index-grey-8{fill:#666}.check-box{margin-right:12px;white-space:nowrap}.check-box:not(.check-box--disabled){cursor:pointer}.check-box:hover:not(.check-box--disabled) .check-box__control{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box:hover:not(.check-box--disabled) .check-box__control{border-color:#fff}.check-box:hover:not(.check-box--disabled) .check-box__input:checked+.check-box__control{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box:hover:not(.check-box--disabled) .check-box__input:checked+.check-box__control{border-color:#fff}.check-box:hover:not(.check-box--disabled) .check-box__label{color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box:hover:not(.check-box--disabled) .check-box__label{color:#fff}.check-box__input{opacity:0;position:absolute}.check-box__input:checked+.check-box__control{border-color:#8c50ff}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box__input:checked+.check-box__control{border-color:#fff}.check-box__input:checked+.check-box__control .check-box__control-check{display:block}.check-box__input:checked+.check-box__control+.check-box__label{color:#333}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box__input:checked+.check-box__control+.check-box__label{color:#fff}.check-box__input:focus+.check-box__control{border-color:#c3a4fe;box-shadow:0 0 1px 1px #c3a4fe}.check-box__control{position:relative;top:-1px;display:inline-block;width:24px;height:24px;margin-right:12px;vertical-align:middle;background-color:inherit;border:2px solid #999;border-radius:4px}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box__control{border-color:#dbdbdb}.check-box__control-check{position:absolute;top:-2px;left:-2px;display:none;width:24px;height:24px;stroke-width:4px;stroke:#8c50ff}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box__control-check{stroke:#fff}.check-box__label{color:#777}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box__label{color:#dbdbdb}.check-box--disabled .check-box__control{opacity:.5}.check-box--toggle:hover:not(.check-box--disabled) .check-box__control:after{content:"";border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle:hover:not(.check-box--disabled) .check-box__control:after{background-color:#fff;border-color:#fff}.check-box--toggle:hover:not(.check-box--disabled) .check-box__input:checked+.check-box__control:after{content:"";border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle:hover:not(.check-box--disabled) .check-box__input:checked+.check-box__control:after{background-color:#fff;border-color:#fff}.check-box--toggle .check-box__control{width:48px;height:24px;border-radius:24px;background-color:#b2b2b2;border:none;transition:background-color .3s}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle .check-box__control{background-color:hsla(0,0%,100%,.1)}.check-box--toggle .check-box__control:after{content:"";display:block;position:absolute;top:-2px;left:0;width:28px;height:28px;background-color:#fff;border:2px solid #999;border-radius:24px;transition:margin-left .3s}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle .check-box__control:after{background-color:transparent;border-color:#dbdbdb}.check-box--toggle .check-box__input:checked+.check-box__control{background-color:#8c50ff}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle .check-box__input:checked+.check-box__control{background-color:hsla(0,0%,100%,.1)}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle .check-box__input:checked+.check-box__control .check-box__control-check{stroke:transparent}.check-box--toggle .check-box__input:checked+.check-box__control:after{content:"";background-color:#fff;border-color:#8c50ff;margin-left:24px}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle .check-box__input:checked+.check-box__control:after{border-color:#dbdbdb}.background-color-index-neutral-1,.background-color-index-neutral-4{background-color:#5d0cfb}.background-color-index-neutral-1-a,.background-color-index-neutral-4-a{background-color:rgba(93,12,251,.8)}.background-color-index-neutral-2,.background-color-index-neutral-5{background-color:#7026ff}.background-color-index-neutral-2-a,.background-color-index-neutral-5-a{background-color:rgba(112,38,255,.8)}.background-color-index-neutral-3,.background-color-index-neutral-6{background-color:#767676}.background-color-index-neutral-3-a,.background-color-index-neutral-6-a{background-color:hsla(0,0%,46%,.8)}.background-color-index-accent-1,.background-color-index-accent-3{background-color:#c3a4fe}.background-color-index-accent-1-a,.background-color-index-accent-3-a{background-color:rgba(195,164,254,.8)}.background-color-index-accent-2,.background-color-index-accent-4{background-color:#a577ff}.background-color-index-accent-2-a,.background-color-index-accent-4-a{background-color:rgba(165,119,255,.8)}.background-color-index-grey-1,.background-color-index-grey-5{background-color:#333}.background-color-index-grey-1-a,.background-color-index-grey-5-a{background-color:rgba(51,51,51,.8)}.background-color-index-grey-2,.background-color-index-grey-6{background-color:#444}.background-color-index-grey-2-a,.background-color-index-grey-6-a{background-color:rgba(68,68,68,.8)}.background-color-index-grey-3,.background-color-index-grey-7{background-color:#555}.background-color-index-grey-3-a,.background-color-index-grey-7-a{background-color:rgba(85,85,85,.8)}.background-color-index-grey-4,.background-color-index-grey-8{background-color:#666}.background-color-index-grey-4-a,.background-color-index-grey-8-a{background-color:hsla(0,0%,40%,.8)}.background-color-index-graph-1,.background-color-index-graph-6{background-color:#c3a4fe}.background-color-index-graph-2,.background-color-index-graph-7{background-color:#a577ff}.background-color-index-graph-3,.background-color-index-graph-8{background-color:#5d0cfb}.background-color-index-graph-4,.background-color-index-graph-9{background-color:#7026ff}.background-color-index-graph-5,.background-color-index-graph-10{background-color:#767676}[class*=background-color-index-]{color:#dbdbdb}.background-color-index-light-1,.background-color-index-light-3{background-color:#fff;color:#333}.background-color-index-light-2,.background-color-index-light-4{background-color:#f5f5f5;color:#333}.center-column{padding-left:24px;padding-right:24px}.center-column .center-column__content{width:100%;max-width:960px;margin-left:auto;margin-right:auto}@media screen and (min-width:45em){.dashboard{height:calc(100vh - 96px)}}@media screen and (max-width:44.9375em){.dashboard{height:calc(100vh - 48px)}}.distribution{position:relative;display:block}.distribution__graphic{width:100%;height:192px;max-height:calc(100vh - 144px)}.distribution__box{cursor:pointer}.distribution__box.color-index-unset{fill:#ddd}.distribution__box.color-index-brand{fill:#8c50ff}.distribution__box.color-index-critical,.distribution__box.color-index-error{fill:#ff856b}.distribution__box.color-index-warning{fill:#ffb86b}.distribution__box.color-index-ok{fill:#4eb976}.distribution__box.color-index-unknown{fill:#a8a8a8}.distribution__box.color-index-disabled{fill:#ededed}.distribution__box.color-index-graph-1,.distribution__box.color-index-graph-6{fill:#c3a4fe}.distribution__box.color-index-graph-2,.distribution__box.color-index-graph-7{fill:#a577ff}.distribution__box.color-index-graph-3,.distribution__box.color-index-graph-8{fill:#5d0cfb}.distribution__box.color-index-graph-4,.distribution__box.color-index-graph-9{fill:#7026ff}.distribution__box.color-index-graph-5,.distribution__box.color-index-graph-10{fill:#767676}.distribution__box.color-index-grey-1,.distribution__box.color-index-grey-5{fill:#333}.distribution__box.color-index-grey-2,.distribution__box.color-index-grey-6{fill:#444}.distribution__box.color-index-grey-3,.distribution__box.color-index-grey-7{fill:#555}.distribution__box.color-index-grey-4,.distribution__box.color-index-grey-8{fill:#666}.distribution__icons.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.distribution__icons.color-index-unset{stroke:#ddd}.distribution__icons.color-index-brand{stroke:#8c50ff}.distribution__icons.color-index-critical,.distribution__icons.color-index-error{stroke:#ff856b}.distribution__icons.color-index-warning{stroke:#ffb86b}.distribution__icons.color-index-ok{stroke:#4eb976}.distribution__icons.color-index-unknown{stroke:#a8a8a8}.distribution__icons.color-index-disabled{stroke:#ededed}.distribution__icons.color-index-graph-1,.distribution__icons.color-index-graph-6{stroke:#c3a4fe}.distribution__icons.color-index-graph-2,.distribution__icons.color-index-graph-7{stroke:#a577ff}.distribution__icons.color-index-graph-3,.distribution__icons.color-index-graph-8{stroke:#5d0cfb}.distribution__icons.color-index-graph-4,.distribution__icons.color-index-graph-9{stroke:#7026ff}.distribution__icons.color-index-graph-5,.distribution__icons.color-index-graph-10{stroke:#767676}.distribution__icons.color-index-grey-1,.distribution__icons.color-index-grey-5{stroke:#333}.distribution__icons.color-index-grey-2,.distribution__icons.color-index-grey-6{stroke:#444}.distribution__icons.color-index-grey-3,.distribution__icons.color-index-grey-7{stroke:#555}.distribution__icons.color-index-grey-4,.distribution__icons.color-index-grey-8{stroke:#666}.distribution__icons.color-index-light-1,.distribution__icons.color-index-light-3{stroke:#fff}.distribution__icons.color-index-light-2,.distribution__icons.color-index-light-4{stroke:#f5f5f5}.distribution__label{position:absolute;padding:24px;font-family:Source Sans Pro,Arial,sans-serif;color:#dbdbdb;overflow:hidden;text-align:left;pointer-events:none}.distribution__label-value{display:block;font-size:36px;font-size:2.25rem;line-height:1.33333;font-weight:700}.distribution__label-units{font-size:24px;font-size:1.5rem;line-height:inherit;margin-left:6px;font-weight:400}.distribution__label-label{display:block}.distribution__label--small{padding:12px}.distribution__label--small .distribution__label-value{font-size:20px;font-size:1.25rem;line-height:1.2}.distribution__label--thin .distribution__label-label,.distribution__label--thin .distribution__label-value{display:inline-block}.distribution__label--icons{background-color:hsla(0,0%,100%,.8);color:#333}.distribution__label--icons .label-units{color:#777}.distribution__label--icons .label-label{display:block}.distribution__loading-indicator{stroke-width:24px}.distribution__loading-indicator.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.distribution__loading-indicator.color-index-unset{stroke:#ddd}.distribution__loading-indicator.color-index-brand{stroke:#8c50ff}.distribution__loading-indicator.color-index-critical,.distribution__loading-indicator.color-index-error{stroke:#ff856b}.distribution__loading-indicator.color-index-warning{stroke:#ffb86b}.distribution__loading-indicator.color-index-ok{stroke:#4eb976}.distribution__loading-indicator.color-index-unknown{stroke:#a8a8a8}.distribution__loading-indicator.color-index-disabled{stroke:#ededed}.distribution__loading-indicator.color-index-graph-1,.distribution__loading-indicator.color-index-graph-6{stroke:#c3a4fe}.distribution__loading-indicator.color-index-graph-2,.distribution__loading-indicator.color-index-graph-7{stroke:#a577ff}.distribution__loading-indicator.color-index-graph-3,.distribution__loading-indicator.color-index-graph-8{stroke:#5d0cfb}.distribution__loading-indicator.color-index-graph-4,.distribution__loading-indicator.color-index-graph-9{stroke:#7026ff}.distribution__loading-indicator.color-index-graph-5,.distribution__loading-indicator.color-index-graph-10{stroke:#767676}.distribution__loading-indicator.color-index-grey-1,.distribution__loading-indicator.color-index-grey-5{stroke:#333}.distribution__loading-indicator.color-index-grey-2,.distribution__loading-indicator.color-index-grey-6{stroke:#444}.distribution__loading-indicator.color-index-grey-3,.distribution__loading-indicator.color-index-grey-7{stroke:#555}.distribution__loading-indicator.color-index-grey-4,.distribution__loading-indicator.color-index-grey-8{stroke:#666}.distribution__loading-indicator.color-index-light-1,.distribution__loading-indicator.color-index-light-3{stroke:#fff}.distribution__loading-indicator.color-index-light-2,.distribution__loading-indicator.color-index-light-4{stroke:#f5f5f5}.distribution--icons .distribution__label{padding:0 12px 12px 0}.distribution--icons .distribution__label-value{line-height:1}.distribution--small .distribution__graphic{height:96px}.distribution--large .distribution__graphic{height:288px}@-webkit-keyframes c{0%{stroke-dashoffset:768px}to{stroke-dashoffset:0}}@keyframes c{0%{stroke-dashoffset:768px}to{stroke-dashoffset:0}}@media screen and (max-width:44.9375em){.donut{width:192px;margin:0 auto}}.donut.series-pre path{stroke-dashoffset:768px}.donut__graphic-container{position:relative;width:192px;height:192px}.donut svg.donut__graphic{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible}.donut__slice{stroke-width:24px;stroke-linecap:butt;stroke-dasharray:768px 768px;stroke-dashoffset:0;fill:none;cursor:pointer;stroke:#b2b2b2}.donut__slice.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.donut__slice.color-index-unset{stroke:#ddd}.donut__slice.color-index-brand{stroke:#8c50ff}.donut__slice.color-index-critical,.donut__slice.color-index-error{stroke:#ff856b}.donut__slice.color-index-warning{stroke:#ffb86b}.donut__slice.color-index-ok{stroke:#4eb976}.donut__slice.color-index-unknown{stroke:#a8a8a8}.donut__slice.color-index-disabled{stroke:#ededed}.donut__slice.color-index-graph-1,.donut__slice.color-index-graph-6{stroke:#c3a4fe}.donut__slice.color-index-graph-2,.donut__slice.color-index-graph-7{stroke:#a577ff}.donut__slice.color-index-graph-3,.donut__slice.color-index-graph-8{stroke:#5d0cfb}.donut__slice.color-index-graph-4,.donut__slice.color-index-graph-9{stroke:#7026ff}.donut__slice.color-index-graph-5,.donut__slice.color-index-graph-10{stroke:#767676}.donut__slice.color-index-grey-1,.donut__slice.color-index-grey-5{stroke:#333}.donut__slice.color-index-grey-2,.donut__slice.color-index-grey-6{stroke:#444}.donut__slice.color-index-grey-3,.donut__slice.color-index-grey-7{stroke:#555}.donut__slice.color-index-grey-4,.donut__slice.color-index-grey-8{stroke:#666}.donut__slice.color-index-light-1,.donut__slice.color-index-light-3{stroke:#fff}.donut__slice.color-index-light-2,.donut__slice.color-index-light-4{stroke:#f5f5f5}@media screen and (min-width:45em){.donut__slice{-webkit-animation:c 3s;animation:c 3s}}.donut__slice-indicator.color-index-unset{fill:#ddd}.donut__slice-indicator.color-index-brand{fill:#8c50ff}.donut__slice-indicator.color-index-critical,.donut__slice-indicator.color-index-error{fill:#ff856b}.donut__slice-indicator.color-index-warning{fill:#ffb86b}.donut__slice-indicator.color-index-ok{fill:#4eb976}.donut__slice-indicator.color-index-unknown{fill:#a8a8a8}.donut__slice-indicator.color-index-disabled{fill:#ededed}.donut__slice-indicator.color-index-graph-1,.donut__slice-indicator.color-index-graph-6{fill:#c3a4fe}.donut__slice-indicator.color-index-graph-2,.donut__slice-indicator.color-index-graph-7{fill:#a577ff}.donut__slice-indicator.color-index-graph-3,.donut__slice-indicator.color-index-graph-8{fill:#5d0cfb}.donut__slice-indicator.color-index-graph-4,.donut__slice-indicator.color-index-graph-9{fill:#7026ff}.donut__slice-indicator.color-index-graph-5,.donut__slice-indicator.color-index-graph-10{fill:#767676}.donut__slice-indicator.color-index-grey-1,.donut__slice-indicator.color-index-grey-5{fill:#333}.donut__slice-indicator.color-index-grey-2,.donut__slice-indicator.color-index-grey-6{fill:#444}.donut__slice-indicator.color-index-grey-3,.donut__slice-indicator.color-index-grey-7{fill:#555}.donut__slice-indicator.color-index-grey-4,.donut__slice-indicator.color-index-grey-8{fill:#666}.donut__slice--active{stroke-width:24px}.donut__active{position:absolute;width:100%;margin-top:72px;text-align:center;white-space:normal;pointer-events:none}.donut__active-value{font-size:36px;font-size:2.25rem;line-height:38px;font-weight:700}.donut__active-units{font-size:24px;font-size:1.5rem;line-height:inherit;margin-left:6px;color:#777;font-weight:400}.donut__active-label{width:50%;margin:0 auto;font-size:14px;font-size:.875rem;line-height:16px}.donut__max-label,.donut__min-label{position:absolute;bottom:0;color:#777;font-size:14px;font-size:.875rem;line-height:1.71429}.donut__min-label{left:12px}.donut__max-label{right:12px}.donut__legend{margin:24px 0 0}@media screen and (min-width:45em){.donut--landscape{white-space:nowrap}.donut--landscape .donut__graphic-container,.donut--landscape .donut__legend{display:inline-block;vertical-align:middle}.donut--landscape .donut__legend{margin:0 0 0 24px}}.donut--portrait .donut__graphic-container{display:block}.donut--portrait .donut__legend{margin:24px 0 0}.donut--partial .donut__graphic-container{height:168px}.donut--small .donut__graphic-container{width:144px;height:144px}.donut--small .donut__active{margin-top:48px}@media screen and (min-width:45em){.donut--small .donut__legend{display:none}}.drop{position:fixed;z-index:5;background-color:hsla(0,0%,100%,.9);border:none;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.3);overflow:auto}.footer{min-height:36px;line-height:36px;width:100%}.footer__content{display:flex;justify-content:space-between;width:100%;padding-left:24px;padding-right:24px}.footer__content.center-column__content>.menu:first-child{flex:0 0 auto;width:192px}@media screen and (max-width:44.9375em){.footer__content.center-column__content>.menu:first-child{width:100%}.footer__content.center-column__content>.menu:first-child:empty{width:0;margin:0;padding:0}}.footer__content>.flex-1{flex:1}.footer__content>.flex-2{flex:2}.footer__content>.flex-3{flex:3}.footer__content>.flex-4{flex:4}.footer__content>*{margin-right:48px}.footer__content>:last-child{margin-right:0;text-align:left}.footer--primary{height:auto;padding:24px}.footer--primary .footer__content{position:relative;color:#777;display:block}.footer--primary .footer__content p{padding-top:12px;margin:0;max-width:none;text-align:right;line-height:24px}.footer--centered .footer__content{display:block;text-align:center}.footer--centered .footer__content>*{margin-right:auto;margin-left:auto;text-align:center}.footer--flush .footer__content{padding-left:0;padding-right:0}.footer--large .footer__content{padding-top:24px;padding-bottom:24px}.footer__container--float{padding-left:24px;padding-right:24px}.footer__container--float,:not(.footer__container--float)>.footer--float{position:absolute;bottom:0;left:0;right:0}.form{position:relative}@media screen and (min-width:45em){.form{width:480px;max-width:100%}.form .form-field .tiles__container{max-width:480px}}.form--pad-none{padding:0}.form--pad-small{padding:12px}.form--pad-medium{padding:24px}.form--pad-large{padding:48px}.form--pad-horizontal-none{padding-left:0;padding-right:0}.form--pad-horizontal-small{padding-left:12px;padding-right:12px}.form--pad-horizontal-medium{padding-left:24px;padding-right:24px}.form--pad-horizontal-large{padding-left:48px;padding-right:48px}.form--pad-vertical-none{padding-top:0;padding-bottom:0}.form--pad-vertical-small{padding-top:12px;padding-bottom:12px}.form--pad-vertical-medium{padding-top:24px;padding-bottom:24px}.form--pad-vertical-large{padding-top:48px;padding-bottom:48px}.form>.header .header__wrapper{background-color:inherit}.form fieldset{border:none;margin:0;margin-bottom:2rem;margin-top:24px}.form fieldset:first-child{margin-top:0}.form fieldset:last-child{margin-bottom:0}.form fieldset>legend{font-size:24px;font-size:1.5rem;line-height:1;font-weight:600;margin-bottom:12px}.form fieldset>:not(.form-field)+.form-field{margin-top:12px}.form fieldset>.form-field+:not(.form-field):not(.form-fields){margin-top:24px}.form fieldset>.form-fields{display:flex;flex-direction:row}.form fieldset>.form-fields .form-field{margin-bottom:-1px}.form--fill{min-width:0}.form--compact{max-width:288px}.form-field{position:relative;padding:6px 24px;border:1px solid #ccc;margin-bottom:-1px;background-color:#fff;color:#333;opacity:1}@media screen and (min-width:45em){.form-field{width:100%;overflow:auto;transition:all .4s,padding-top .3s .1s,padding-bottom .3s .1s}}@media screen and (max-width:44.9375em){.form-field{display:block}}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field{background-color:transparent;color:#dbdbdb}.form--fill .form-field{width:100%}.form-field:last-child{margin-bottom:0}.form-field__label{display:block;font-size:14px;font-size:.875rem;line-height:24px;color:#777}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__label{color:#dbdbdb}.form-field__contents{display:block;margin-left:-24px;margin-right:-24px}.form-field__contents>.calendar input,.form-field__contents>.search-input input,.form-field__contents>input[type=email],.form-field__contents>input[type=file],.form-field__contents>input[type=number],.form-field__contents>input[type=password],.form-field__contents>input[type=range],.form-field__contents>input[type=text],.form-field__contents>select,.form-field__contents>textarea{display:block;width:100%;border:none;padding:0;padding-left:24px;padding-right:24px;border-radius:0;font-size:16px;font-size:1rem;line-height:1.5}.form-field__contents>.calendar input:focus,.form-field__contents>.search-input input:focus,.form-field__contents>input[type=email]:focus,.form-field__contents>input[type=file]:focus,.form-field__contents>input[type=number]:focus,.form-field__contents>input[type=password]:focus,.form-field__contents>input[type=range]:focus,.form-field__contents>input[type=text]:focus,.form-field__contents>select:focus,.form-field__contents>textarea:focus{border:none}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>.calendar input,[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>.search-input input,[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=email],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=file],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=number],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=password],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=range],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=text],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>select,[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>textarea{color:#fff}.form-field__contents>input[type=range]{width:calc(100% - 48px);margin-left:24px;margin-right:24px;padding-left:0;padding-right:0}.form-field__contents>select{display:block;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAABGdBTUEAALGPC/xhBQAAATdJREFUOBGlUjFqw0AQ1AWBCWpd+A1pXOYHJk38BZeSOkPS5BERaWRJTcCNH2A3xj9waRf+hGsJAoLLjNk77iLFIXhB7NzO3OjuGBUEgaqqaos+wXdL7eI4frqDg27bdoZ+vsHtLB5aGZOyLJ+VUmut9Rdmj0mSHAzX16EfY77HngH2TKHfUMcTXooDEAsKMFhlWXYvVKcJtxKzhTGj0Bpy0TTNK0xPED5EUfTOWV+Ro4Za7nE19spm+NtVHP7q03gn5Ca+Hf78RoxTfOZ5PiJmEXNGTA21xG51DEmmafqBtsM3DMNwic6bKMFDcqIB9Cv0l3Z1iRIMjphMiqKYC8Os2ohYtQM6b+hwwY8o8Qm8iLhag3uvbEiJQ0EjMfMiYnRuv2pIYV3XL4xHX0Rco39hRkni9Oe+bw49m1YsR5tyAAAAAElFTkSuQmCC);background-position:center right 18px;padding-left:22px}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>select{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAABGdBTUEAALGPC/xhBQAAATtJREFUOBGdkk1KxEAQhdNiEPdZeIEk4MalNwhu9ApeQdCNhxBc6U5w4wHGjcwBAi4VMpDkCCYHkEDi+4bp0JNp/6ag6ErVey9VRZkgCExVVS/GmEzx1jYMwzxJkpMdKQxd150r8bGtGlw00DJWpK7rU8UzFT/lx2mavtma7y3L8khTvcr3VD+L4/gZHB0ujUTf93cA5E95nu/b2vSlBgYsHCsGbhTko23bK3W3EPAwiqIbcj6jBgYsHBczjmyT341i67+tZq1DSOxOf78mVgcPRVEcEGPE5IjB+Pa8IQhYO7kVcS5SFIbhI3ycmBw1MGCntjtNrL6XpySBdwlkGvNilc8kNp6Ij7uxQxfk7ou8xNdOxMXa2DuyLXIO6ugeIXx6Ihbnvj8KAmya5lKiC3x6Iq7Qv2JOCf8L6QsuVKvxz0iZVQAAAABJRU5ErkJggg==)}.form-field__contents>select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.form-field__contents ::-ms-clear,.form-field__contents>select::-ms-expand{display:none}.form-field__contents>select::-ms-value{background:none;color:inherit}.form-field__contents>textarea{vertical-align:top;height:auto;resize:vertical}.form-field__contents>.check-box,.form-field__contents>.radio-button{display:block;font-size:16px;font-size:1rem;line-height:1.5;margin:12px 24px}.form-field__contents>.calendar,.form-field__contents>.search-input{display:block}.form-field__contents>.calendar input,.form-field__contents>.search-input input{margin-left:0;margin-right:0}.form-field__contents>.calendar .calendar__control,.form-field__contents>.calendar .search-input__control,.form-field__contents>.search-input .calendar__control,.form-field__contents>.search-input .search-input__control{top:auto;right:6px;transform:none;bottom:-6px}.form-field__contents>.number-input{display:flex;padding-right:6px}.form-field__contents>.number-input input[type=number]{display:inline-block;flex:1;border:none}.form--compact .form-field__contents>.number-input input[type=number]{width:144px}.form-field__contents>input[type=file]{display:inline-block}.form-field__contents>.table--selectable{font-size:16px;font-size:1rem;line-height:1.5}.form-field__contents>.table--selectable table{margin-bottom:0}.form-field__contents>.table--selectable table td:first-child,.form-field__contents>.table--selectable table th:first-child{padding-left:24px}.form-field__contents>.form-field{width:auto;margin-top:12px;border:none}.form-field__contents>.form-field>.form-field__label{border-top:1px solid #ccc;padding-top:6px}.form-field__contents>.form-field--hidden{margin-top:0}.form-field__help{display:block;font-size:13px;font-size:.8125rem;line-height:1.84615;color:#777}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__help{color:#dbdbdb}.form-field__error{display:block;float:right;color:#ff856b;line-height:24px}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__error{color:#dbdbdb}.form-field--text,.form-field--text .form-field__label{cursor:pointer}@media screen and (max-width:44.9375em){.form-field--hidden{display:none}}@media screen and (min-width:45em){.form-field--hidden{border:none;margin-bottom:0;padding-top:0;padding-bottom:0;opacity:0;overflow:hidden;max-height:0;transition:max-height .2s,all .4s}}.form-field--error{z-index:1;border-color:#ff856b}.form-field--focus{z-index:2;border-color:#c3a4fe}.header{height:72px;width:100%;margin-bottom:0}.header--large{height:96px}.header--small{height:48px}.header.box>:not(:last-child){margin-right:12px}.header a{color:inherit}.header a,.header a:hover{text-decoration:none}.header .status-icon{flex-grow:0;flex-shrink:0}.header>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}header.header{font-size:24px;font-size:1.5rem;line-height:inherit;-webkit-transform:translate(0);transform:translate(0);transition:-webkit-transform .5s;transition:transform .5s}:not(.header__container--float)>header.header--float{position:absolute;top:0;left:0;right:0}header.header--primary .header__wrapper{border-bottom:none}header.header.header--splash{-webkit-transform:translateY(40vh);transform:translateY(40vh)}header.header.box--direction-row>*{margin-bottom:0}.header:not(header).box--separator-top{padding-top:6px}.header:not(header).box--separator-bottom{padding-bottom:6px}div.header__container{flex-shrink:0}div.header__container--fixed{position:relative}div.header__container--fixed .header__wrapper{position:absolute;top:0;left:0;right:0;z-index:3}@media screen and (min-width:45em){div.header__container--fixed .header__wrapper .header{position:fixed}div.header__container--fixed .header__wrapper .header:not(.header--float){background-color:hsla(0,0%,100%,.9)}}div.header__container--float{position:absolute;top:0;left:0;right:0;padding-left:24px;padding-right:24px}div.header__wrapper{height:72px}div.header--large .header__wrapper{height:96px}div.header--large .header__content{line-height:96px}div.header--small .header__wrapper{height:48px}div.header--small .header__content{line-height:48px}div.header--fixed .header__wrapper{position:absolute;top:0;left:0;right:0;background-color:hsla(0,0%,100%,.9);z-index:3}div.header--fixed.header--primary .header__wrapper{position:fixed;background-color:hsla(0,0%,100%,.9)}div.header--fixed.header--primary .header__content{position:static;background-color:transparent}div.header--flush .header__wrapper{padding-left:0;padding-right:0}.headline{font-size:48px;font-size:3rem;line-height:1;font-weight:100;margin-bottom:24px;max-width:100%}.headline--large{font-size:60px;font-size:3.75rem;line-height:1.2}.headline--small{font-size:30px;font-size:1.875rem;line-height:1.6}.headline--strong{font-weight:600}.control-icon{display:inline-block;width:24px;height:24px;vertical-align:middle;cursor:pointer;fill:#999;stroke:#999}.control-icon :not([stroke])[fill=none]{stroke-width:0}.control-icon [stroke]{stroke:inherit}.control-icon [fill*="#"]{fill:inherit}.control-icon.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.control-icon.color-index-unset{stroke:#ddd}.control-icon.color-index-brand{stroke:#8c50ff}.control-icon.color-index-critical,.control-icon.color-index-error{stroke:#ff856b}.control-icon.color-index-warning{stroke:#ffb86b}.control-icon.color-index-ok{stroke:#4eb976}.control-icon.color-index-unknown{stroke:#a8a8a8}.control-icon.color-index-disabled{stroke:#ededed}.control-icon.color-index-graph-1,.control-icon.color-index-graph-6{stroke:#c3a4fe}.control-icon.color-index-graph-2,.control-icon.color-index-graph-7{stroke:#a577ff}.control-icon.color-index-graph-3,.control-icon.color-index-graph-8{stroke:#5d0cfb}.control-icon.color-index-graph-4,.control-icon.color-index-graph-9{stroke:#7026ff}.control-icon.color-index-graph-5,.control-icon.color-index-graph-10{stroke:#767676}.control-icon.color-index-grey-1,.control-icon.color-index-grey-5{stroke:#333}.control-icon.color-index-grey-2,.control-icon.color-index-grey-6{stroke:#444}.control-icon.color-index-grey-3,.control-icon.color-index-grey-7{stroke:#555}.control-icon.color-index-grey-4,.control-icon.color-index-grey-8{stroke:#666}.control-icon.color-index-light-1,.control-icon.color-index-light-3{stroke:#fff}.control-icon.color-index-light-2,.control-icon.color-index-light-4{stroke:#f5f5f5}.control-icon.color-index-unset{fill:#ddd}.control-icon.color-index-brand{fill:#8c50ff}.control-icon.color-index-critical,.control-icon.color-index-error{fill:#ff856b}.control-icon.color-index-warning{fill:#ffb86b}.control-icon.color-index-ok{fill:#4eb976}.control-icon.color-index-unknown{fill:#a8a8a8}.control-icon.color-index-disabled{fill:#ededed}.control-icon.color-index-graph-1,.control-icon.color-index-graph-6{fill:#c3a4fe}.control-icon.color-index-graph-2,.control-icon.color-index-graph-7{fill:#a577ff}.control-icon.color-index-graph-3,.control-icon.color-index-graph-8{fill:#5d0cfb}.control-icon.color-index-graph-4,.control-icon.color-index-graph-9{fill:#7026ff}.control-icon.color-index-graph-5,.control-icon.color-index-graph-10{fill:#767676}.control-icon.color-index-grey-1,.control-icon.color-index-grey-5{fill:#333}.control-icon.color-index-grey-2,.control-icon.color-index-grey-6{fill:#444}.control-icon.color-index-grey-3,.control-icon.color-index-grey-7{fill:#555}.control-icon.color-index-grey-4,.control-icon.color-index-grey-8{fill:#666}@media screen and (min-width:45em){.control-icon{transition:all .3s ease-in-out}}.anchor:hover:not(.anchor--disabled) .control-icon,.button:hover:not(.anchor--disabled) .control-icon,.menu__control:hover .control-icon,a:hover .control-icon{fill:#000;stroke:#000}.control-icon__badge circle{fill:#c3a4fe}.control-icon__badge text{stroke:#333;fill:#333}.button--primary .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .control-icon{fill:#dbdbdb;stroke:#dbdbdb}.button--primary:hover .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor:hover>.control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .button:hover>.control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu__control:hover>.control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a:hover>.control-icon{fill:#fff;stroke:#fff}.control-icon--active{fill:#000;stroke:#000}.control-icon--large{width:48px;height:48px}.status-icon{width:24px;height:24px;vertical-align:middle}.status-icon .status-icon__base{fill:#a8a8a8}.status-icon-critical .status-icon__base,.status-icon-error .status-icon__base{fill:#ff856b}.status-icon-warning .status-icon__base{fill:#ffb86b}.status-icon-ok .status-icon__base{fill:#4eb976}.status-icon-unknown .status-icon__base{fill:#a8a8a8}.status-icon-disabled .status-icon__base{fill:#ededed}.status-icon-label .status-icon__base{fill:#a8a8a8}.status-icon__detail{fill:#fff;stroke:#fff}.status-icon-unknown .status-icon__detail{fill:#a8a8a8;stroke:#a8a8a8}.status-icon--large{width:48px;height:48px}.status-icon--small{width:12px;height:12px;margin-top:6px;margin-bottom:6px}.status-icon--small .status-icon__detail{display:none}@-webkit-keyframes d{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes d{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.icon-changing{width:24px;height:24px;-webkit-animation:d 1.5s linear infinite;animation:d 1.5s linear infinite}.icon-changing--small{width:12px;height:12px}.icon-spinning{width:24px;height:24px;-webkit-animation:d 4s steps(4,end) infinite;animation:d 4s steps(4,end) infinite}.icon-spinning--small{width:12px;height:12px}.logo-icon{width:48px;height:48px}.logo-icon.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.logo-icon.color-index-unset{stroke:#ddd}.logo-icon.color-index-brand{stroke:#8c50ff}.logo-icon.color-index-critical,.logo-icon.color-index-error{stroke:#ff856b}.logo-icon.color-index-warning{stroke:#ffb86b}.logo-icon.color-index-ok{stroke:#4eb976}.logo-icon.color-index-unknown{stroke:#a8a8a8}.logo-icon.color-index-disabled{stroke:#ededed}.logo-icon.color-index-graph-1,.logo-icon.color-index-graph-6{stroke:#c3a4fe}.logo-icon.color-index-graph-2,.logo-icon.color-index-graph-7{stroke:#a577ff}.logo-icon.color-index-graph-3,.logo-icon.color-index-graph-8{stroke:#5d0cfb}.logo-icon.color-index-graph-4,.logo-icon.color-index-graph-9{stroke:#7026ff}.logo-icon.color-index-graph-5,.logo-icon.color-index-graph-10{stroke:#767676}.logo-icon.color-index-grey-1,.logo-icon.color-index-grey-5{stroke:#333}.logo-icon.color-index-grey-2,.logo-icon.color-index-grey-6{stroke:#444}.logo-icon.color-index-grey-3,.logo-icon.color-index-grey-7{stroke:#555}.logo-icon.color-index-grey-4,.logo-icon.color-index-grey-8{stroke:#666}.logo-icon.color-index-light-1,.logo-icon.color-index-light-3{stroke:#fff}.logo-icon.color-index-light-2,.logo-icon.color-index-light-4{stroke:#f5f5f5}.logo-icon--small{width:24px;height:24px}.logo-icon--large{width:96px;height:96px}.image--medium{width:576px}.image--large{width:960px}.image--small{width:240px}.image--full{width:100%;height:100%}.image--full-horizontal{width:100%}.image--full-vertical{height:100%}@media screen and (max-width:44.9375em){.label__text{display:none}}@media screen and (min-width:45em){.label__icon{display:none}}a.active>.label .label__icon.control-icon svg{fill:#000;stroke:#000}.layer{position:relative;z-index:4}@media screen and (min-width:45em){.layer{position:fixed;top:0;left:0;right:0;bottom:0}}@media screen and (max-width:44.9375em){.layer:not(.layer--hidden)+.app{display:none}}.layer__container{background-color:#fff}@media screen and (max-width:44.9375em){.layer__container{padding:0 24px;border-bottom:1px solid #ccc;box-shadow:0 2px 4px rgba(0,0,0,.3)}}@media screen and (min-width:45em){.layer__container{position:absolute;max-height:100%;max-width:100%;overflow:auto;padding:0 48px;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.3)}}.layer__closer{position:absolute;top:0;right:0;z-index:1}.layer--flush .layer__container{padding:0}@media screen and (min-width:45em){.layer--align-center:not(.layer--hidden){background-image:radial-gradient(circle at top,#fff,#fff 20%,hsla(0,0%,50%,.6))}.layer--align-center:not(.layer--hidden) .layer__container{left:50%;top:50%;max-height:calc(100vh - 48px);max-width:calc(100vw - 48px);transform:translate(-50%,-50%)}}@media screen and (min-width:45em){.layer--align-left:not(.layer--hidden){background-image:radial-gradient(circle at left,#fff,#fff 20%,hsla(0,0%,50%,.6))}}.layer--align-left:not(.layer--hidden) .layer__container{top:0;bottom:0;left:0}@media screen and (min-width:45em){.layer--align-left:not(.layer--hidden) .layer__container{-webkit-animation:f .2s ease-in-out forwards;animation:f .2s ease-in-out forwards}}@media screen and (min-width:45em){.layer--align-right:not(.layer--hidden){background-image:radial-gradient(circle at right,#fff,#fff 20%,hsla(0,0%,50%,.6))}}.layer--align-right:not(.layer--hidden) .layer__container{top:0;bottom:0;right:0;display:flex;flex-direction:column;justify-content:center}@media screen and (min-width:45em){.layer--align-right:not(.layer--hidden) .layer__container{-webkit-animation:g .2s ease-in-out forwards;animation:g .2s ease-in-out forwards}}@media screen and (min-width:45em){.layer--align-top:not(.layer--hidden){background-image:radial-gradient(circle at top,#fff,#fff 20%,hsla(0,0%,50%,.6))}.layer--align-top:not(.layer--hidden) .layer__container{left:50%;transform:translateX(-50%)}}@media screen and (min-width:45em) and (min-width:45em){.layer--align-top:not(.layer--hidden) .layer__container{-webkit-animation:h .2s ease-in-out forwards;animation:h .2s ease-in-out forwards}}@media screen and (min-width:45em){.layer--align-bottom:not(.layer--hidden){background-image:radial-gradient(circle at bottom,#fff,#fff 20%,hsla(0,0%,50%,.6))}}.layer--align-bottom:not(.layer--hidden) .layer__container{bottom:0}.layer--hidden{left:-10000px;z-index:-1}.layer--hidden.layer--align-left{right:auto}.layer--hidden.layer--align-left .layer__container{left:-100vw}@media screen and (max-width:44.9375em){.layer--hidden{display:none}}@media screen and (min-width:45em){.layer--hidden.layer--peek{left:0;z-index:4}.layer--hidden.layer--peek.layer--align-left{right:auto}.layer--hidden.layer--peek.layer--align-left .layer__container{left:auto;right:-12px;border-right:10px solid #8c50ff;-webkit-animation:e .5s ease-in-out alternate 5;animation:e .5s ease-in-out alternate 5}}@-webkit-keyframes e{0%{right:-6px}to{right:-12px}}@keyframes e{0%{right:-6px}to{right:-12px}}@-webkit-keyframes f{0%{left:-100vw}to{left:0}}@keyframes f{0%{left:-100vw}to{left:0}}@-webkit-keyframes g{0%{right:-100vw}to{right:0}}@keyframes g{0%{right:-100vw}to{right:0}}@-webkit-keyframes h{0%{top:-100vh}to{top:0}}@keyframes h{0%{top:-100vh}to{top:0}}.list{list-style-type:none;margin:0;padding:0;overflow:auto}.list__empty,.list__more{padding:12px 24px}.list__empty{color:#777;font-style:italic}.list .list-item{padding:12px 24px;border-bottom:1px solid #ccc;display:flex;align-items:center;max-width:none}.list .list-item:last-child{border-bottom:none}.list .list-item__image{height:24px;width:24px;margin-right:24px;overflow:hidden;flex:0 0 auto}.list .list-item__image img{height:100%;width:100%;max-width:none;object-fit:cover}.list .list-item__annotation,.list .list-item__label{flex:1}.list .list-item__annotation{margin-left:24px;color:#777}.list .list-item--selectable{cursor:pointer}.list .list-item--selectable:hover{background-color:rgba(0,0,0,.1)}.list .list-item--selected{background-color:#d9c5ff;color:#333}.list .list-item--row .list-item__annotation{text-align:right}.list .list-item--column{flex-direction:column;align-items:start}.list--selectable .list-item{cursor:pointer;transition:background-color .2s}.list--selectable .list-item--selected{background-color:#d9c5ff;color:#333}.list--selectable .list-item:hover:not(.list-item--selected){background-color:rgba(0,0,0,.1);color:#000}.list--small .list-item,.list--small .list__more{padding-top:6px;padding-bottom:6px}.list--small .list-item__image,.list--small .list__more__image{height:12px;width:12px}.list--large .list-item,.list--large .list__more{padding-top:24px;padding-bottom:24px}.list--large .list-item__image,.list--large .list__more__image{height:48px;width:48px}.legend{text-align:left;list-style-type:none;white-space:normal;display:inline-block;margin:0}.legend__item,.legend__total{color:#777}.legend__item>*,.legend__total>*{vertical-align:top}.legend__item-label,.legend__total-label{display:inline-block;width:72px}.legend__item-value,.legend__total-value{display:inline-block;width:72px;text-align:right}.legend__item-units,.legend__total-units{display:inline-block;margin-left:6px}.legend__item{cursor:pointer}.legend__item svg.legend__item-swatch{width:12px;height:12px;margin-top:6px;margin-right:12px;overflow:visible}.legend__item svg.legend__item-swatch.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.legend__item svg.legend__item-swatch.color-index-unset{stroke:#ddd}.legend__item svg.legend__item-swatch.color-index-brand{stroke:#8c50ff}.legend__item svg.legend__item-swatch.color-index-critical,.legend__item svg.legend__item-swatch.color-index-error{stroke:#ff856b}.legend__item svg.legend__item-swatch.color-index-warning{stroke:#ffb86b}.legend__item svg.legend__item-swatch.color-index-ok{stroke:#4eb976}.legend__item svg.legend__item-swatch.color-index-unknown{stroke:#a8a8a8}.legend__item svg.legend__item-swatch.color-index-disabled{stroke:#ededed}.legend__item svg.legend__item-swatch.color-index-graph-1,.legend__item svg.legend__item-swatch.color-index-graph-6{stroke:#c3a4fe}.legend__item svg.legend__item-swatch.color-index-graph-2,.legend__item svg.legend__item-swatch.color-index-graph-7{stroke:#a577ff}.legend__item svg.legend__item-swatch.color-index-graph-3,.legend__item svg.legend__item-swatch.color-index-graph-8{stroke:#5d0cfb}.legend__item svg.legend__item-swatch.color-index-graph-4,.legend__item svg.legend__item-swatch.color-index-graph-9{stroke:#7026ff}.legend__item svg.legend__item-swatch.color-index-graph-5,.legend__item svg.legend__item-swatch.color-index-graph-10{stroke:#767676}.legend__item svg.legend__item-swatch.color-index-grey-1,.legend__item svg.legend__item-swatch.color-index-grey-5{stroke:#333}.legend__item svg.legend__item-swatch.color-index-grey-2,.legend__item svg.legend__item-swatch.color-index-grey-6{stroke:#444}.legend__item svg.legend__item-swatch.color-index-grey-3,.legend__item svg.legend__item-swatch.color-index-grey-7{stroke:#555}.legend__item svg.legend__item-swatch.color-index-grey-4,.legend__item svg.legend__item-swatch.color-index-grey-8{stroke:#666}.legend__item svg.legend__item-swatch.color-index-light-1,.legend__item svg.legend__item-swatch.color-index-light-3{stroke:#fff}.legend__item svg.legend__item-swatch.color-index-light-2,.legend__item svg.legend__item-swatch.color-index-light-4{stroke:#f5f5f5}.legend__item svg.legend__item-swatch path{stroke-width:12px;transition-property:stroke-width;transition-duration:.3s;transition-timing-function:ease-in-out}.legend__item--active{color:#333}.legend__item--active svg.legend__item-swatch path{stroke-width:12px}.legend__total{margin-left:24px}.legend__total>*{margin-top:6px;padding-top:6px;border-top:1px dotted #ccc}.legend--single .legend__item-value{font-size:36px;font-size:2.25rem;line-height:1.33333;font-weight:700;width:auto}.legend--single .legend__item-units{font-size:24px;font-size:1.5rem;line-height:inherit;margin-left:6px;color:#777;font-weight:400}.login{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:6}.login__background{position:absolute;max-width:none}.login__background--portrait{width:auto;height:100%}.login__background--landscape{height:auto;width:100%}.login__container{position:relative;width:384px;margin:96px auto;z-index:1;-webkit-animation-name:b;-webkit-animation-duration:.5s;animation-name:b;animation-duration:.5s}@media screen and (max-width:44.9375em){.login__container{margin:48px 0;width:100%;border-radius:0}}.login__footer{position:absolute;left:0;right:0;bottom:6px;padding:6px 24px;background-color:hsla(0,0%,100%,.9);text-align:center}.login-form{position:relative;width:384px;padding:24px;padding-bottom:48px;background-color:#fff;text-align:center;z-index:1;-webkit-animation-name:b;-webkit-animation-duration:.5s;animation-name:b;animation-duration:.5s}@media screen and (max-width:44.9375em){.login-form{width:100%;border-radius:0}}.login-form__secondary-text{color:#777}.login-form fieldset{text-align:left;border:none;margin-bottom:0}.login-form fieldset>*{width:100%;display:block}.login-form__remember-me{display:block;margin-top:24px;text-align:left}.login-form__submit{margin-top:24px;width:100%}.login-form__error{margin-bottom:12px;color:#ff856b;text-align:left}.login-form__footer{margin-top:12px;display:flex;justify-content:space-between;line-height:36px}.map{position:relative;padding:24px}.map__canvas{position:absolute;top:0;left:0;z-index:-1;opacity:.1}.map__canvas--highlight{opacity:1}.map__categories{margin:0;list-style-type:none}.map__category{position:relative;padding-top:24px;margin-bottom:12px;max-width:none}.map__category-label{position:absolute;top:0;left:0;font-size:14px;font-size:.875rem;line-height:1.71429}.map__category-items{margin:0;list-style-type:none;overflow:hidden;text-align:center}.map__item{display:inline-block;width:192px;border:1px solid #ccc;margin-right:12px;margin-bottom:12px;background-color:#fff;font-size:16px;font-size:1rem;line-height:1.5}.map__item>a{display:block;padding:6px 12px;transition:background-color .2s}.map__item>a>*{display:inline-block}.map__item>a:hover{background-color:rgba(0,0,0,.1)}.map__item .status-icon{margin-right:6px}.map__item--active{border-color:#000}.menu{position:relative;font-size:19px;font-size:1.1875rem;line-height:inherit}.menu:focus{outline:none}.menu:focus:not(.menu--expanded):after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border:1px solid #c3a4fe;box-shadow:0 0 1px 1px #c3a4fe;pointer-events:none}.menu>*{flex:0 0 auto}.menu a:not(.button){text-decoration:none}.menu a:not(.button).active,.menu a:not(.button):hover{color:#6e22ff}.menu__control .control-icon-down{width:12px;height:12px}.menu__control .control-icon-down path,.menu__control .control-icon-down polyline{stroke-width:4px}.menu__drop{font-size:16px;font-size:1rem;line-height:inherit;max-height:100vh}.menu__drop .anchor,.menu__drop a{padding:12px 24px;white-space:nowrap;display:block}.menu__drop .anchor:focus,.menu__drop .anchor:hover,.menu__drop a:focus,.menu__drop a:hover{text-decoration:none;background-color:rgba(0,0,0,.1)}.menu__drop .check-box,.menu__drop .radio-button{margin-top:12px;margin-bottom:12px}.menu__drop--align-right{text-align:right}.menu__drop--align-right .menu__contents{text-align:left}.menu__drop--large .menu__control{line-height:96px}.menu--controlled{display:inline-block;cursor:pointer}.menu--controlled.menu--large{line-height:96px}.menu--controlled.menu--small{height:24px}.menu--inline.menu--row.box--justify-end>:not(.control-icon){margin-left:24px;margin-right:0}.menu--inline.menu--row.box--justify-end>:not(.control-icon):first-child{margin-left:0}.menu--inline.menu--row>:not(.control-icon):not(.button){margin-left:0;margin-right:24px}.menu--inline.menu--row>:not(.control-icon):not(.button):last-child{margin-right:0}@media screen and (max-width:44.9375em){.menu--inline.menu.box--direction-row.box--responsive>*{margin-right:0}}.menu--inline.menu.box--direction-column a:not(.button){margin-bottom:6px}.menu--small{font-size:16px;font-size:1rem;line-height:1.5}.menu--small .menu__control-drop-icon{margin-left:6px}.menu--small .menu__control-icon svg{width:18px;height:18px}.menu--primary>.menu{width:100%}.menu--primary>a:not(.button){padding:6px 24px;border-right:6px solid transparent;margin-bottom:0;width:100%}.menu--primary>a:not(.button):hover{text-decoration:none}.menu--primary>a:not(.button):hover:not(.active){background-color:rgba(0,0,0,.1)}.menu--primary>a:not(.button).active{border-color:#8c50ff}@media screen and (max-width:44.9375em){.menu--primary.menu--down,.menu--primary.menu--down>*{display:block}}.menu--inline.menu.box--direction-column>.menu:not(:first-of-type) h2,.menu--inline.menu.box--direction-column>.menu:not(:first-of-type) h3,.menu__drop.box--direction-column>.menu:not(:first-of-type) h2,.menu__drop.box--direction-column>.menu:not(:first-of-type) h3{margin-top:24px}.menu--inline.menu>hr,.menu__drop>hr{margin:12px 24px 18px;height:1px;background-color:#ccc;border:none}.menu--inline.menu.box.box--separator-top,.menu__drop.box.box--separator-top{border-color:transparent}.menu--inline.menu.box.box--separator-top:before,.menu__drop.box.box--separator-top:before{content:'';margin:12px 24px 18px;height:1px;background-color:#ccc}.menu--inline.menu--small,.menu__drop--small{font-size:1em}.menu--inline.menu--small .menu__control-label,.menu__drop--small .menu__control-label{padding:12px}.menu--inline.menu--small .menu__control-icon svg,.menu__drop--small .menu__control-icon svg{width:18px;height:18px}.menu--inline.menu--small>a,.menu__drop--small>a{padding:6px 12px}.menu--inline.menu .menu__control-label,.menu__drop .menu__control-label{font-size:19px}.menu--inline.menu a,.menu__drop a{text-decoration:none}.menu--inline.menu--large>a,.menu__drop--large>a{padding:24px 48px}@media screen and (max-width:44.9375em){.menu--inline.menu.box--responsive>*,.menu__drop.box--responsive>*{margin-left:0;margin-right:0}.menu--inline.menu.box--responsive .button,.menu__drop.box--responsive .button{width:100%;margin-bottom:12px}.menu--inline.menu.box--responsive .menu,.menu__drop.box--responsive .menu{margin-bottom:36px}}@media screen and (max-width:44.9375em){.menu__drop{max-width:100%;width:100vw}}@-webkit-keyframes i{0%{stroke-dashoffset:192px}to{stroke-dashoffset:0}}@keyframes i{0%{stroke-dashoffset:192px}to{stroke-dashoffset:0}}@-webkit-keyframes j{0%{stroke-dashoffset:-192px}to{stroke-dashoffset:0}}@keyframes j{0%{stroke-dashoffset:-192px}to{stroke-dashoffset:0}}.meter{display:inline-block;position:relative}.meter__slice{stroke-width:4px}.meter__threshold{stroke:rgba(51,51,51,.2)}.meter__value-container{position:relative;display:inline-block}.meter__graphic-container{white-space:normal}.meter__graphic-container>a{text-decoration:none}.meter__value{white-space:normal;pointer-events:none}.meter__value--active{pointer-events:auto;cursor:pointer}.meter__value-value{font-size:36px;font-size:2.25rem;line-height:38px;font-weight:700}.meter__value-units{font-size:24px;font-size:1.5rem;line-height:inherit;margin-left:6px;color:#777;font-weight:400}.meter__minmax-container,.meter__value-label{display:block}.meter__minmax{display:flex;justify-content:space-between;color:#777;font-size:14px;font-size:.875rem;line-height:1.71429}.meter__label-max,.meter__label-min{flex:0 0 48px}.meter__label-max{text-align:right}.meter__label{fill:#777}.meter__label--active{fill:#000}.meter--legend-right{white-space:nowrap}.meter--legend-right .meter__legend{vertical-align:top;margin-left:24px}.meter--legend-right:not(.meter--tall-legend) .meter__legend{position:relative;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.meter--legend-bottom .meter__legend{margin-top:24px;display:block}.meter:not(.meter--vertical) .meter__graphic-container{display:inline-block}.meter:not(.meter--vertical) .meter__minmax-container{display:block;width:192px}.meter:not(.meter--vertical) .meter__minmax{width:100%}.meter:not(.meter--vertical).meter--small .meter__minmax-container{width:96px}.meter:not(.meter--vertical).meter--large .meter__minmax-container{width:288px}.meter--vertical .meter__graphic-container{display:inline-block;white-space:nowrap}.meter--vertical .meter__minmax-container{height:192px}.meter--vertical .meter__minmax{flex-direction:column;height:100%}.meter--vertical .meter__minmax-min{order:1}.meter--vertical .meter__minmax-max{order:0}.meter--vertical .meter__label-max,.meter--vertical .meter__label-min{flex:0 0 auto;text-align:left}.meter--vertical .meter__label-min{order:1}.meter--vertical .meter__label-max{order:0}.meter--vertical .meter__value-label{display:block}.meter--vertical.meter--small .meter__minmax-container{height:96px}.meter--vertical.meter--large .meter__minmax-container{height:288px}.meter--small .meter__slice{stroke-width:8px}.meter--small .meter__values .meter__slice:hover{stroke-width:24px}.meter--small .meter__value-value{font-size:20px;font-size:1.25rem;line-height:1.2}.meter--small .meter__value-units{font-size:16px;font-size:1rem;line-height:1.5}.meter--large .meter__value-value{font-size:64px;font-size:4rem;line-height:1.125}.meter--large .meter__value-units{font-size:48px;font-size:3rem;line-height:1}.meter.meter--active .meter__values .meter__slice:hover,.meter.meter--active:not(.meter--single) .meter__values .meter__slice.meter__slice--active{stroke-width:12px}.meter--bar .meter__slice{stroke-linecap:butt;stroke-dasharray:192px 192px;stroke-dashoffset:0}.meter--bar .meter__values .meter__slice{cursor:pointer}.meter--bar .meter__values .meter__slice.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.meter--bar .meter__values .meter__slice.color-index-unset{stroke:#ddd}.meter--bar .meter__values .meter__slice.color-index-brand{stroke:#8c50ff}.meter--bar .meter__values .meter__slice.color-index-critical,.meter--bar .meter__values .meter__slice.color-index-error{stroke:#ff856b}.meter--bar .meter__values .meter__slice.color-index-warning{stroke:#ffb86b}.meter--bar .meter__values .meter__slice.color-index-ok{stroke:#4eb976}.meter--bar .meter__values .meter__slice.color-index-unknown{stroke:#a8a8a8}.meter--bar .meter__values .meter__slice.color-index-disabled{stroke:#ededed}.meter--bar .meter__values .meter__slice.color-index-graph-1,.meter--bar .meter__values .meter__slice.color-index-graph-6{stroke:#c3a4fe}.meter--bar .meter__values .meter__slice.color-index-graph-2,.meter--bar .meter__values .meter__slice.color-index-graph-7{stroke:#a577ff}.meter--bar .meter__values .meter__slice.color-index-graph-3,.meter--bar .meter__values .meter__slice.color-index-graph-8{stroke:#5d0cfb}.meter--bar .meter__values .meter__slice.color-index-graph-4,.meter--bar .meter__values .meter__slice.color-index-graph-9{stroke:#7026ff}.meter--bar .meter__values .meter__slice.color-index-graph-5,.meter--bar .meter__values .meter__slice.color-index-graph-10{stroke:#767676}.meter--bar .meter__values .meter__slice.color-index-grey-1,.meter--bar .meter__values .meter__slice.color-index-grey-5{stroke:#333}.meter--bar .meter__values .meter__slice.color-index-grey-2,.meter--bar .meter__values .meter__slice.color-index-grey-6{stroke:#444}.meter--bar .meter__values .meter__slice.color-index-grey-3,.meter--bar .meter__values .meter__slice.color-index-grey-7{stroke:#555}.meter--bar .meter__values .meter__slice.color-index-grey-4,.meter--bar .meter__values .meter__slice.color-index-grey-8{stroke:#666}.meter--bar .meter__values .meter__slice.color-index-light-1,.meter--bar .meter__values .meter__slice.color-index-light-3{stroke:#fff}.meter--bar .meter__values .meter__slice.color-index-light-2,.meter--bar .meter__values .meter__slice.color-index-light-4{stroke:#f5f5f5}@media screen and (min-width:45em){.meter--bar .meter__values .meter__slice{transition:stroke-width .2s;-webkit-animation:i 1.5s linear;animation:i 1.5s linear}}.meter--bar .meter__thresholds .meter__slice.color-index-unset{stroke:hsla(0,0%,87%,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-brand{stroke:rgba(140,80,255,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-critical,.meter--bar .meter__thresholds .meter__slice.color-index-error{stroke:rgba(255,133,107,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-warning{stroke:rgba(255,184,107,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-ok{stroke:rgba(78,185,118,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-unknown{stroke:hsla(0,0%,66%,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-disabled{stroke:hsla(0,0%,93%,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-graph-1,.meter--bar .meter__thresholds .meter__slice.color-index-graph-6{stroke:rgba(195,164,254,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-graph-2,.meter--bar .meter__thresholds .meter__slice.color-index-graph-7{stroke:rgba(165,119,255,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-graph-3,.meter--bar .meter__thresholds .meter__slice.color-index-graph-8{stroke:rgba(93,12,251,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-graph-4,.meter--bar .meter__thresholds .meter__slice.color-index-graph-9{stroke:rgba(112,38,255,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-graph-5,.meter--bar .meter__thresholds .meter__slice.color-index-graph-10{stroke:hsla(0,0%,46%,.5)}.meter--bar .meter__value{text-align:left}.meter--bar .meter__value-label{font-size:14px;font-size:.875rem;line-height:16px}.meter--bar:not(.meter--vertical) .meter__minmax-container>a{vertical-align:top;display:block;height:24px}.meter--bar:not(.meter--vertical) .meter__graphic{width:192px}.meter--bar:not(.meter--vertical) .meter__value{display:inline-block;vertical-align:top;margin-left:12px}.meter--bar:not(.meter--vertical) .meter__value-value{font-size:24px;font-size:1.5rem;line-height:1}.meter--bar:not(.meter--vertical) .meter__value-units{font-size:20px;font-size:1.25rem;line-height:1.2}.meter--bar:not(.meter--vertical).meter--single .meter__value-label,.meter--bar:not(.meter--vertical).meter--stacked .meter__value-label{display:inline-block;margin-left:4px}.meter--bar:not(.meter--vertical).meter--legend-right .meter__legend{top:0;-webkit-transform:none;transform:none}.meter--bar:not(.meter--vertical).meter--small svg.meter__graphic{width:96px}.meter--bar:not(.meter--vertical).meter--small .meter__value-units,.meter--bar:not(.meter--vertical).meter--small .meter__value-value{font-size:16px;font-size:1rem;line-height:1.5}.meter--bar:not(.meter--vertical).meter--large svg.meter__graphic{width:288px}.meter--bar:not(.meter--vertical).meter--large .meter__value{margin-left:16px}.meter--bar:not(.meter--vertical).meter--large .meter__value-units,.meter--bar:not(.meter--vertical).meter--large .meter__value-value{font-size:26px;font-size:1.625rem;line-height:inherit}.meter--bar.meter--vertical{white-space:nowrap}.meter--bar.meter--vertical svg.meter__graphic{height:192px}.meter--bar.meter--vertical .meter__labeled-graphic{display:inline-block}.meter--bar.meter--vertical .meter__value{position:relative;vertical-align:top;top:96px;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:inline-block}.meter--bar.meter--vertical .meter__minmax-container{position:absolute;top:0;left:24px}.meter--bar.meter--vertical.meter--legend-right .meter__legend{top:96px}.meter--bar.meter--vertical.meter--small svg.meter__graphic{height:96px}.meter--bar.meter--vertical.meter--small.meter--legend-right .meter__legend,.meter--bar.meter--vertical.meter--small .meter__value{top:48px}.meter--bar.meter--vertical.meter--large svg.meter__graphic{height:288px}.meter--bar.meter--vertical.meter--large.meter--legend-right .meter__legend,.meter--bar.meter--vertical.meter--large .meter__value{top:144px}@media screen and (max-width:44.9375em){.meter--arc,.meter--circle,.meter--spiral{margin:0 auto}}.meter--arc svg.meter__graphic,.meter--circle svg.meter__graphic,.meter--spiral svg.meter__graphic{display:block}.meter--arc .meter.series-pre path,.meter--circle .meter.series-pre path,.meter--spiral .meter.series-pre path{stroke-dashoffset:768px}.meter--arc .meter__slice,.meter--circle .meter__slice,.meter--spiral .meter__slice{stroke-linecap:butt;stroke-dasharray:768px 768px;stroke-dashoffset:0;fill:none;stroke:#b2b2b2}.meter--arc .meter__slice-indicator,.meter--circle .meter__slice-indicator,.meter--spiral .meter__slice-indicator{stroke-linecap:square;stroke-width:4px;stroke:#000}.meter--arc .meter__values .meter__slice,.meter--circle .meter__values .meter__slice,.meter--spiral .meter__values .meter__slice{cursor:pointer}.meter--arc .meter__values .meter__slice.color-index-loading,.meter--circle .meter__values .meter__slice.color-index-loading,.meter--spiral .meter__values .meter__slice.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.meter--arc .meter__values .meter__slice.color-index-unset,.meter--circle .meter__values .meter__slice.color-index-unset,.meter--spiral .meter__values .meter__slice.color-index-unset{stroke:#ddd}.meter--arc .meter__values .meter__slice.color-index-brand,.meter--circle .meter__values .meter__slice.color-index-brand,.meter--spiral .meter__values .meter__slice.color-index-brand{stroke:#8c50ff}.meter--arc .meter__values .meter__slice.color-index-critical,.meter--arc .meter__values .meter__slice.color-index-error,.meter--circle .meter__values .meter__slice.color-index-critical,.meter--circle .meter__values .meter__slice.color-index-error,.meter--spiral .meter__values .meter__slice.color-index-critical,.meter--spiral .meter__values .meter__slice.color-index-error{stroke:#ff856b}.meter--arc .meter__values .meter__slice.color-index-warning,.meter--circle .meter__values .meter__slice.color-index-warning,.meter--spiral .meter__values .meter__slice.color-index-warning{stroke:#ffb86b}.meter--arc .meter__values .meter__slice.color-index-ok,.meter--circle .meter__values .meter__slice.color-index-ok,.meter--spiral .meter__values .meter__slice.color-index-ok{stroke:#4eb976}.meter--arc .meter__values .meter__slice.color-index-unknown,.meter--circle .meter__values .meter__slice.color-index-unknown,.meter--spiral .meter__values .meter__slice.color-index-unknown{stroke:#a8a8a8}.meter--arc .meter__values .meter__slice.color-index-disabled,.meter--circle .meter__values .meter__slice.color-index-disabled,.meter--spiral .meter__values .meter__slice.color-index-disabled{stroke:#ededed}.meter--arc .meter__values .meter__slice.color-index-graph-1,.meter--arc .meter__values .meter__slice.color-index-graph-6,.meter--circle .meter__values .meter__slice.color-index-graph-1,.meter--circle .meter__values .meter__slice.color-index-graph-6,.meter--spiral .meter__values .meter__slice.color-index-graph-1,.meter--spiral .meter__values .meter__slice.color-index-graph-6{stroke:#c3a4fe}.meter--arc .meter__values .meter__slice.color-index-graph-2,.meter--arc .meter__values .meter__slice.color-index-graph-7,.meter--circle .meter__values .meter__slice.color-index-graph-2,.meter--circle .meter__values .meter__slice.color-index-graph-7,.meter--spiral .meter__values .meter__slice.color-index-graph-2,.meter--spiral .meter__values .meter__slice.color-index-graph-7{stroke:#a577ff}.meter--arc .meter__values .meter__slice.color-index-graph-3,.meter--arc .meter__values .meter__slice.color-index-graph-8,.meter--circle .meter__values .meter__slice.color-index-graph-3,.meter--circle .meter__values .meter__slice.color-index-graph-8,.meter--spiral .meter__values .meter__slice.color-index-graph-3,.meter--spiral .meter__values .meter__slice.color-index-graph-8{stroke:#5d0cfb}.meter--arc .meter__values .meter__slice.color-index-graph-4,.meter--arc .meter__values .meter__slice.color-index-graph-9,.meter--circle .meter__values .meter__slice.color-index-graph-4,.meter--circle .meter__values .meter__slice.color-index-graph-9,.meter--spiral .meter__values .meter__slice.color-index-graph-4,.meter--spiral .meter__values .meter__slice.color-index-graph-9{stroke:#7026ff}.meter--arc .meter__values .meter__slice.color-index-graph-5,.meter--arc .meter__values .meter__slice.color-index-graph-10,.meter--circle .meter__values .meter__slice.color-index-graph-5,.meter--circle .meter__values .meter__slice.color-index-graph-10,.meter--spiral .meter__values .meter__slice.color-index-graph-5,.meter--spiral .meter__values .meter__slice.color-index-graph-10{stroke:#767676}.meter--arc .meter__values .meter__slice.color-index-grey-1,.meter--arc .meter__values .meter__slice.color-index-grey-5,.meter--circle .meter__values .meter__slice.color-index-grey-1,.meter--circle .meter__values .meter__slice.color-index-grey-5,.meter--spiral .meter__values .meter__slice.color-index-grey-1,.meter--spiral .meter__values .meter__slice.color-index-grey-5{stroke:#333}.meter--arc .meter__values .meter__slice.color-index-grey-2,.meter--arc .meter__values .meter__slice.color-index-grey-6,.meter--circle .meter__values .meter__slice.color-index-grey-2,.meter--circle .meter__values .meter__slice.color-index-grey-6,.meter--spiral .meter__values .meter__slice.color-index-grey-2,.meter--spiral .meter__values .meter__slice.color-index-grey-6{stroke:#444}.meter--arc .meter__values .meter__slice.color-index-grey-3,.meter--arc .meter__values .meter__slice.color-index-grey-7,.meter--circle .meter__values .meter__slice.color-index-grey-3,.meter--circle .meter__values .meter__slice.color-index-grey-7,.meter--spiral .meter__values .meter__slice.color-index-grey-3,.meter--spiral .meter__values .meter__slice.color-index-grey-7{stroke:#555}.meter--arc .meter__values .meter__slice.color-index-grey-4,.meter--arc .meter__values .meter__slice.color-index-grey-8,.meter--circle .meter__values .meter__slice.color-index-grey-4,.meter--circle .meter__values .meter__slice.color-index-grey-8,.meter--spiral .meter__values .meter__slice.color-index-grey-4,.meter--spiral .meter__values .meter__slice.color-index-grey-8{stroke:#666}.meter--arc .meter__values .meter__slice.color-index-light-1,.meter--arc .meter__values .meter__slice.color-index-light-3,.meter--circle .meter__values .meter__slice.color-index-light-1,.meter--circle .meter__values .meter__slice.color-index-light-3,.meter--spiral .meter__values .meter__slice.color-index-light-1,.meter--spiral .meter__values .meter__slice.color-index-light-3{stroke:#fff}.meter--arc .meter__values .meter__slice.color-index-light-2,.meter--arc .meter__values .meter__slice.color-index-light-4,.meter--circle .meter__values .meter__slice.color-index-light-2,.meter--circle .meter__values .meter__slice.color-index-light-4,.meter--spiral .meter__values .meter__slice.color-index-light-2,.meter--spiral .meter__values .meter__slice.color-index-light-4{stroke:#f5f5f5}@media screen and (min-width:45em){.meter--arc .meter__values .meter__slice,.meter--circle .meter__values .meter__slice,.meter--spiral .meter__values .meter__slice{transition:stroke-width .2s;-webkit-animation:j 1.5s linear;animation:j 1.5s linear}}.meter--arc .meter__thresholds .meter__slice.color-index-unset,.meter--circle .meter__thresholds .meter__slice.color-index-unset,.meter--spiral .meter__thresholds .meter__slice.color-index-unset{stroke:hsla(0,0%,87%,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-brand,.meter--circle .meter__thresholds .meter__slice.color-index-brand,.meter--spiral .meter__thresholds .meter__slice.color-index-brand{stroke:rgba(140,80,255,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-critical,.meter--arc .meter__thresholds .meter__slice.color-index-error,.meter--circle .meter__thresholds .meter__slice.color-index-critical,.meter--circle .meter__thresholds .meter__slice.color-index-error,.meter--spiral .meter__thresholds .meter__slice.color-index-critical,.meter--spiral .meter__thresholds .meter__slice.color-index-error{stroke:rgba(255,133,107,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-warning,.meter--circle .meter__thresholds .meter__slice.color-index-warning,.meter--spiral .meter__thresholds .meter__slice.color-index-warning{stroke:rgba(255,184,107,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-ok,.meter--circle .meter__thresholds .meter__slice.color-index-ok,.meter--spiral .meter__thresholds .meter__slice.color-index-ok{stroke:rgba(78,185,118,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-unknown,.meter--circle .meter__thresholds .meter__slice.color-index-unknown,.meter--spiral .meter__thresholds .meter__slice.color-index-unknown{stroke:hsla(0,0%,66%,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-disabled,.meter--circle .meter__thresholds .meter__slice.color-index-disabled,.meter--spiral .meter__thresholds .meter__slice.color-index-disabled{stroke:hsla(0,0%,93%,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-graph-1,.meter--arc .meter__thresholds .meter__slice.color-index-graph-6,.meter--circle .meter__thresholds .meter__slice.color-index-graph-1,.meter--circle .meter__thresholds .meter__slice.color-index-graph-6,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-1,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-6{stroke:rgba(195,164,254,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-graph-2,.meter--arc .meter__thresholds .meter__slice.color-index-graph-7,.meter--circle .meter__thresholds .meter__slice.color-index-graph-2,.meter--circle .meter__thresholds .meter__slice.color-index-graph-7,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-2,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-7{stroke:rgba(165,119,255,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-graph-3,.meter--arc .meter__thresholds .meter__slice.color-index-graph-8,.meter--circle .meter__thresholds .meter__slice.color-index-graph-3,.meter--circle .meter__thresholds .meter__slice.color-index-graph-8,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-3,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-8{stroke:rgba(93,12,251,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-graph-4,.meter--arc .meter__thresholds .meter__slice.color-index-graph-9,.meter--circle .meter__thresholds .meter__slice.color-index-graph-4,.meter--circle .meter__thresholds .meter__slice.color-index-graph-9,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-4,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-9{stroke:rgba(112,38,255,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-graph-5,.meter--arc .meter__thresholds .meter__slice.color-index-graph-10,.meter--circle .meter__thresholds .meter__slice.color-index-graph-5,.meter--circle .meter__thresholds .meter__slice.color-index-graph-10,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-5,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-10{stroke:hsla(0,0%,46%,.5)}.meter--arc .meter__threshold,.meter--circle .meter__threshold,.meter--spiral .meter__threshold{stroke-linecap:butt}.meter--arc .meter__value-label,.meter--circle .meter__value-label,.meter--spiral .meter__value-label{display:block}@media screen and (max-width:44.9375em){.meter--arc,.meter--circle{width:192px}}.meter--arc .meter__value,.meter--circle .meter__value{white-space:normal;pointer-events:none;text-align:center}.meter--arc .meter__value--active,.meter--circle .meter__value--active{pointer-events:auto;cursor:pointer}.meter--arc:not(.meter--vertical) .meter__minmax-container,.meter--circle .meter__minmax-container{width:192px}.meter--arc:not(.meter--vertical) .meter__value,.meter--circle .meter__value{position:absolute;left:50%}.meter--arc:not(.meter--vertical).meter--small .meter__minmax-container,.meter--circle.meter--small .meter__minmax-container{width:96px}.meter--arc:not(.meter--vertical).meter--large .meter__minmax-container,.meter--circle.meter--large .meter__minmax-container{width:288px}.meter--arc.meter--vertical.meter--legend-right .meter__legend,.meter--circle.meter--legend-right .meter__legend{top:96px}.meter--arc.meter--vertical.meter--legend-right.meter--small .meter__legend,.meter--circle.meter--legend-right.meter--small .meter__legend{top:48px}.meter--arc.meter--vertical.meter--legend-right.meter--large .meter__legend,.meter--circle.meter--legend-right.meter--large .meter__legend{top:144px}.meter--circle svg.meter__graphic{width:192px;height:192px}.meter--circle .meter__value{top:96px;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);max-width:144px}.meter--circle.meter--small svg.meter__graphic{width:96px;height:96px}.meter--circle.meter--small .meter__value{top:48px;max-width:72px}.meter--circle.meter--large svg.meter__graphic{width:288px;height:288px}.meter--circle.meter--large .meter__value{top:144px;max-width:216px}.meter--circle:not(.meter--stacked):not(.meter--single) .meter__value{position:static;margin:0 auto;-webkit-transform:none;transform:none}.meter--arc:not(.meter--vertical) svg.meter__graphic{width:192px;height:144px}.meter--arc:not(.meter--vertical) .meter__value{top:108px;-webkit-transform:translateX(-50%);transform:translateX(-50%);max-width:120px}.meter--arc:not(.meter--vertical).meter--legend-right .meter__legend{top:72px}.meter--arc:not(.meter--vertical).meter--small svg.meter__graphic{width:96px;height:72px}.meter--arc:not(.meter--vertical).meter--small .meter__value{top:60px;max-width:60px}.meter--arc:not(.meter--vertical).meter--large svg.meter__graphic{width:288px;height:216px}.meter--arc:not(.meter--vertical).meter--large .meter__value{top:156px;max-width:180px}.meter--arc.meter--vertical svg.meter__graphic{display:inline;width:144px;height:192px}.meter--arc.meter--vertical .meter__value{position:relative;top:96px;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:inline-block;margin-left:-24px;vertical-align:top}.meter--arc.meter--vertical .meter__minmax-container{display:inline-block;vertical-align:top;margin-left:12px;padding-top:12px;padding-bottom:12px}.meter--arc.meter--vertical.meter--small svg.meter__graphic{width:72px;height:96px}.meter--arc.meter--vertical.meter--small .meter__value{top:48px;margin-left:-18px}.meter--arc.meter--vertical.meter--small .meter__minmax-container{padding-top:0;padding-bottom:0}.meter--arc.meter--vertical.meter--large svg.meter__graphic{width:216px;height:288px}.meter--arc.meter--vertical.meter--large .meter__value{top:144px;margin-left:-48px}.meter--arc.meter--vertical.meter--minmax .meter__value{margin-left:-72px}.meter--arc.meter--vertical.meter--minmax.meter--small .meter__value{margin-left:-60px}.meter--spiral .meter__value{position:absolute;top:0;right:0;white-space:normal;text-align:right}.meter--spiral .meter__value-value{display:block;font-size:24px;font-size:1.5rem;line-height:1;margin-bottom:6px}.meter--spiral .meter__value-units{font-size:20px;font-size:1.25rem;line-height:1.2;color:#777;margin-left:.2em}.meter--spiral .meter__value-label{display:block;font-size:14px;font-size:.875rem;line-height:16px}.meter--loading .meter__thresholds,.meter--loading .meter__value{display:none}.notification__status{margin-right:12px}.notification__message{margin-bottom:24px;vertical-align:middle}.notification--critical{background-color:#ff856b;font-size:19px;font-size:1.1875rem;line-height:24px}.notification--critical .notification__status .status-icon__base{fill:#333}.notification--error{background-color:#ff856b;font-size:19px;font-size:1.1875rem;line-height:24px}.notification--error .notification__status .status-icon__base{fill:#333}.notification--warning{background-color:#ffb86b;font-size:19px;font-size:1.1875rem;line-height:24px}.notification--warning .notification__status .status-icon__base{fill:#333}.notification--ok{background-color:#4eb976;font-size:19px;font-size:1.1875rem;line-height:24px;color:#dbdbdb}.notification--ok .notification__status .status-icon__base{fill:#dbdbdb}.notification--unknown{background-color:#a8a8a8;font-size:19px;font-size:1.1875rem;line-height:24px}.notification--unknown .notification__status .status-icon__base{fill:#333}.notification--disabled{background-color:#ededed;font-size:19px;font-size:1.1875rem;line-height:24px}.notification--disabled .notification__status .status-icon__base{fill:#333}.notifications-control__icon{width:48px;height:48px;vertical-align:middle}.notifications{position:fixed;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,50%,.6);z-index:4}.notifications__container{position:absolute;top:0;right:0;min-width:300px;padding:24px;padding-top:96px;background-color:#fff;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-bottom-left-radius:4px}.notifications__icon{position:absolute;top:24px;right:84px;width:48px;height:48px;vertical-align:middle}.number-input__input{-moz-appearance:textfield}.number-input__input::-webkit-inner-spin-button,.number-input__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.object{overflow:auto}.object__container{padding:24px}.object ol,.object ul{margin:0;list-style-type:none}.object li{width:auto}.object__attribute{margin-bottom:12px}.object__attribute-name{display:block;color:#777;font-size:14px;font-size:.875rem;line-height:1.71429}.object__attribute-value{display:block;font-size:16px;font-size:1rem;line-height:1.5}.object__attribute-value ol,.object__attribute-value ul{margin-left:24px;padding-top:24px;padding-bottom:24px}.object__attribute--container>.object__attribute-name{font-weight:700}.object__attribute--unset .object__attribute-value{font-style:italic;color:#777}.object__attribute--array>.object__attribute-value>ol>li{border-top:1px solid #ccc}.object__attribute--array>.object__attribute-value>ol>li:last-child{border-bottom:1px solid #ccc}.object__attribute--array>.object__attribute-value>ol>li>ul{padding-top:0;padding-bottom:0}.paragraph--small{font-size:14px;font-size:.875rem;line-height:1.71429}.paragraph--small a{text-decoration:none}.paragraph--large{font-size:24px;font-size:1.5rem;line-height:28px}.paragraph--large a{color:#8c50ff;font-weight:600}.radio-button{margin-right:24px;white-space:nowrap}.radio-button:not(.radio-button--disabled){cursor:pointer}.radio-button:hover:not(.radio-button--disabled) .radio-button__control{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button:hover:not(.radio-button--disabled) .radio-button__control{border-color:#fff}.radio-button:hover:not(.radio-button--disabled) .radio-button__input:checked+.radio-button__control{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button:hover:not(.radio-button--disabled) .radio-button__input:checked+.radio-button__control{border-color:#fff}.radio-button:hover:not(.radio-button--disabled) .radio-button__label{color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button:hover:not(.radio-button--disabled) .radio-button__label{color:#fff}.radio-button__input{opacity:0;position:absolute}.radio-button__input:checked+.radio-button__control{border-color:#8c50ff}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button__input:checked+.radio-button__control{border-color:#fff}.radio-button__input:checked+.radio-button__control+.radio-button__label{color:#333}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button__input:checked+.radio-button__control+.radio-button__label{color:#fff}.radio-button__input:checked+.radio-button__control:after{content:"";display:block;position:absolute;top:5px;left:5px;width:10px;height:10px;background-color:#8c50ff;border-radius:12px}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button__input:checked+.radio-button__control:after{background-color:#fff}.radio-button__input:focus+.radio-button__control{content:"";border-color:#c3a4fe;box-shadow:0 0 1px 1px #c3a4fe}.radio-button__control{position:relative;display:inline-block;width:24px;height:24px;margin-right:12px;vertical-align:middle;background-color:inherit;color:#6e22ff;border:2px solid #999;border-radius:24px}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button__control{border-color:#dbdbdb}.radio-button__label{color:#777}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button__label{color:#dbdbdb}.radio-button--disabled .radio-button__control{opacity:.5}.search{display:inline-block}.search:focus{outline:none;margin:-1px;border:1px solid #c3a4fe;box-shadow:0 0 1px 1px #c3a4fe}.search--controlled{cursor:pointer}.search__input{margin-right:0}.header .search__input{font-size:inherit}.search__drop{font-size:20px;font-size:1.25rem;line-height:inherit}@media screen and (max-width:44.9375em){.search__drop{max-width:100%;width:100vw}}.search__drop--inline{margin-left:-1px}.search__drop--inline .search__drop-contents{display:block}.search__drop--controlled .search__drop-contents{display:inline-block}.search__drop input{margin-right:0;box-sizing:border-box;width:100%}@media screen and (max-width:44.9375em){.search__drop input{width:calc(100vw - 72px)}}.search__drop-control{vertical-align:top;height:48px}.search__drop .search__suggestion{padding:6px 24px;cursor:pointer}.search__drop .search__suggestion--active,.search__drop .search__suggestion:hover{background-color:rgba(0,0,0,.1)}.search__drop--large{line-height:96px}.search--inline{position:relative}.search--inline .search__input{width:100%;padding-right:47px;box-sizing:border-box}.search--inline .search__input:focus{padding-right:46px}.header .search--inline .search__input:not(:focus){border-color:transparent}.search--inline .control-icon-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none}.search--small{line-height:24px}.search--small .search__input{font-size:14px;font-size:.875rem;line-height:14px;padding:4px 13px;padding-right:23px}.search--small .search__input:focus{padding:3px 12px;padding-right:22px}.search--small .control-icon-search{height:12px;width:12px}.search--large{line-height:triple(24px)}.search--large .search__input{font-size:36px;font-size:2.25rem;line-height:48px;padding:-7px 35px;padding-right:47px}.search--large .control-icon-search{right:24px}.search-input{position:relative;display:inline-block}.search-input__input{width:100%;height:100%;display:block;padding-right:60px}.search-input__input:focus{padding-right:59px}.search-input__control{position:absolute;top:50%;transform:translateY(-50%);right:12px}.search-input__suggestions{border-top-left-radius:0;border-top-right-radius:0;margin:0;list-style-type:none}.search-input__suggestion{padding:6px 24px;cursor:pointer}.search-input__suggestion--active,.search-input__suggestion:hover{background-color:rgba(0,0,0,.1)}.search-input--active .search-input__input{border-bottom-left-radius:0;border-bottom-right-radius:0}section:not(.section){padding-top:24px;padding-bottom:24px}section:not(.section):first-of-type{margin-top:0;padding-top:0}.section>img,section>img{margin-top:24px;margin-bottom:24px;display:block;height:auto}@media screen and (max-width:44.9375em){.section>img,section>img{max-width:576px}}.section>iframe,section>iframe{width:100%;max-width:576px;height:400px}@media screen and (max-width:44.9375em){.section>iframe,section>iframe{height:250px}}@media screen and (max-width:44.9375em){.section>ol,.section>ul,section>ol,section>ul{margin-left:0;margin-bottom:24px}}.section>dl>dt,section>dl>dt{margin-top:24px;margin-bottom:6px;text-transform:uppercase}.section>dl>dt code,section>dl>dt code{text-transform:none;white-space:pre-wrap}.section>dl>dd,section>dl>dd{margin-left:0}@media screen and (max-width:44.9375em){.section>dl>dd,section>dl>dd{padding-right:24px}}.react-gravatar{width:48px;height:48px;border-radius:24px;border:2px solid transparent;overflow:hidden;cursor:pointer;transition:all .3s ease-in-out}.react-gravatar:hover{border-color:#8c50ff}.session{position:fixed;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,50%,.6);z-index:4}.session__container{position:absolute;top:0;right:0;min-width:300px;padding:24px;padding-top:96px;background-color:#fff;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-bottom-left-radius:4px}.session .react-gravatar{position:absolute;top:24px;right:24px}.session__actions{margin-top:24px;padding-top:24px;border-top:1px solid #ccc}.session a{cursor:pointer}.settings{position:relative;text-align:center}.settings__panels{display:inline-block}.settings__panel{vertical-align:top}.sidebar{min-height:100vh}@media screen and (max-width:44.9375em){.sidebar{max-width:100%;width:100vw}}@media screen and (min-width:45em){.sidebar{width:336px}}.sidebar--fixed{display:flex;flex-direction:column}.sidebar--fixed>*{flex:1;overflow:auto}.sidebar--fixed>.footer,.sidebar--fixed>.header{flex:0 0 auto}.sidebar--primary{background-color:#f5f5f5}@media screen and (min-width:45em){.sidebar--small{width:240px}}@media screen and (min-width:45em){.sidebar--large{width:480px}}.split{position:relative;overflow:visible}.split:after{position:absolute;left:0;content:' ';display:block;width:45em;height:0;z-index:-10}@media screen and (min-width:45em){.split{display:flex}.split--fixed>*{position:relative;height:100vh;overflow:auto;-ms-overflow-style:-ms-autohiding-scrollbar}.split--flex-right>:first-child:not(:last-child){flex:0 0 auto}.split--flex-right>:last-child{flex:1}.split--flex-left>.object,.split--flex-left>:last-child:not(:first-child){flex:0 0 auto}.split--flex-both>*,.split--flex-left>:first-child{flex:1}.split--separator>*{border-right:1px solid #000}.split--separator>:last-child{border-right:none}}@media screen and (max-width:44.9375em){.split--separator>*{border-bottom:1px solid #000}.split--separator>:last-child{border-bottom:none}}.skip-link-anchor{width:0;height:0;overflow:hidden}.tab{padding:12px}.tab a{text-decoration:none}.tab a:focus .tab__label{border-bottom:4px solid}.tab__label{cursor:pointer;padding-bottom:12px;font-weight:600;color:#777}.tab--active .tab__label{color:#000;border-bottom:4px solid #000}.tab:focus .tab__label,.tab:hover .tab__label{border-bottom:4px solid}.tabs{margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;list-style:none;border-bottom:1px solid #ccc}.tabs__content{padding:24px}@media screen and (max-width:44.9375em){.tabs__content{padding:24px 0}}.table table{width:100%}.table td,.table th{padding:11px 12px;vertical-align:top;text-align:left}.table td:first-child,.table th:first-child{padding-left:24px}.table td:last-child,.table th:last-child{padding-right:24px}.table th{font-weight:100;font-size:20px;font-size:1.25rem;line-height:1.2;border-bottom:1px solid #ccc}.table__mirror{position:absolute;top:0;left:0;right:0}.table__mirror>thead{position:fixed;background-color:hsla(0,0%,100%,.9)}@media screen and (max-width:44.9375em){.table__mirror>thead{position:static}}.table__more{margin-top:24px;text-align:center}.table--scrollable{position:relative}.table--selectable tbody tr{cursor:pointer}.table--selectable tbody tr td{transition:background-color .2s}.table--selectable tbody tr.table-row--selected td{background-color:#d9c5ff;color:#333}[class*=background-color-index-]:not([class*=background-color-index-light]) .table--selectable tbody tr.table-row--selected td{background-color:rgba(0,0,0,.2);color:#fff}.table--selectable tbody tr:hover:not(.table-row--selected) td{background-color:rgba(0,0,0,.1);color:#000}.tbd,[class*=background-color-index-]:not([class*=background-color-index-light]) .table--selectable tbody tr:hover:not(.table-row--selected) td{color:#fff}.tbd{text-align:center;padding:96px;font-size:96px;font-size:6rem;line-height:1;font-style:italic;background-color:#ccc}.tiles{width:100%;padding:12px}.tiles>.tile{flex:0 0 192px;margin:12px}.tiles>.tile--wide,.tiles>.tile>*{box-sizing:border-box}.tiles>.tile--wide{flex-basis:calc(100% - 24px)}.tiles__container{display:flex;flex-direction:row;align-items:center;width:100%}.tiles__container .tiles__left,.tiles__container .tiles__right{flex:0 0 auto}.tiles__container .tiles{flex:1;margin:0}.tiles__container .tiles.box--direction-row{width:100%;overflow:hidden}.tiles--fill.box--wrap{justify-content:space-around}.tiles--fill.box--wrap>.tile{flex-grow:1}.tiles--flush{padding:0}.tiles--flush>.tile{margin:0}.tiles--flush>.tile--wide{flex-basis:100%}.tiles--moreable{position:relative;padding-bottom:48px}.tiles--moreable .tiles__more{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tiles--selectable .tile{cursor:pointer;transition:background-color .2s}.tiles--selectable .tile--selected{background-color:#d9c5ff;color:#333}.tiles--selectable .tile:hover:not(.tile--selected){background-color:rgba(0,0,0,.1);color:#000}.tiles--small>.tile{flex-basis:96px}@media screen and (min-width:45em){.tiles--large>.tile{flex-basis:384px}}@media screen and (max-width:44.9375em){.tiles--large>.tile{flex-basis:100%}}.tile{overflow:hidden}.tile .status-icon{margin-right:6px}.tile>.chart{width:100%}.tile--selectable{cursor:pointer;transition:background-color .2s}.tile--selectable.tile--selected{background-color:#d9c5ff;color:#333}.tile--selectable:hover:not(.tile--selected){background-color:rgba(0,0,0,.1);color:#000}.tile--eclipsed{opacity:.2}.title{max-height:100%;overflow:hidden;text-overflow:ellipsis;font-weight:400;white-space:nowrap;font-size:24px;font-size:1.5rem;line-height:inherit}@media screen and (min-width:45em){.title{font-weight:600}}.title>:not(:last-child){margin-right:12px}.title a{color:inherit}.title a,.title a:hover{text-decoration:none}[class*=background-color-index-] .title a:hover{text-decoration:underline}.title img,.title svg{max-width:576px}.title img:not(:last-child),.title svg:not(:last-child){margin-right:12px}.title--interactive{cursor:pointer}@media screen and (min-width:45em){.title--interactive{transition:color .3s ease-in-out}}.title--interactive:hover{color:#8c50ff;cursor:pointer}[class*=background-color-index-]:not([class*=background-color-index-light]) .title--interactive:hover{color:#fff}@media screen and (max-width:44.9375em){.title--responsive img,.title--responsive svg{margin-right:0}.title--responsive>:not(:first-child){display:none}}.topology{position:relative}@media screen and (max-width:44.9375em){.topology__contents>.topology__parts{flex-direction:column}}@media screen and (min-width:45em){.topology__contents>.topology__parts--direction-row>.topology__part{margin-right:48px}.topology__contents>.topology__parts--direction-row>.topology__part:last-child{margin-right:0}}@media screen and (max-width:44.9375em){.topology__contents>.topology__parts--direction-row>.topology__part{margin-bottom:48px}.topology__contents>.topology__parts--direction-row>.topology__part:last-child{margin-bottom:0}}.topology__contents>.topology__parts--direction-column>.topology__part{margin-bottom:48px}.topology__contents>.topology__parts--direction-column>.topology__part:last-child{margin-bottom:0}.topology__canvas{position:absolute;pointer-events:none}.topology__parts{display:flex;align-items:stretch}.topology__parts--direction-row{flex-direction:row;flex-grow:1}.topology__parts--direction-column{flex-direction:column;flex-grow:1}.topology__parts--align-start{align-items:flex-start}.topology__parts--align-center{align-items:center}.topology__parts--align-end{align-items:flex-end}.topology__part,.topology__parts--align-stretch{align-items:stretch}.topology__part{display:flex;justify-content:center;overflow:hidden}.topology__part>.topology__parts .topology__part{flex:1}.topology__part--demarcate{border:1px solid #ccc}.topology__part--demarcate.topology__part--empty{background-color:#f5f5f5;min-width:24px;min-height:24px}.topology__part--justify-start{justify-content:flex-start}.topology__part--justify-center{justify-content:center}.topology__part--justify-between{justify-content:space-between}.topology__part--justify-end{justify-content:flex-end}.topology__part--align-start{align-items:flex-start}.topology__part--align-center{align-items:center}.topology__part--align-end{align-items:flex-end}.topology__part--align-stretch{align-items:stretch}.topology__part--direction-row{flex-direction:row}.topology__part--direction-row.topology__part--reverse{flex-direction:row-reverse}.topology__part--direction-row>:not(.topology__parts):not(.topology__part){margin:6px}.topology__part--direction-column{flex-direction:column}.topology__part--direction-column.topology__part--reverse{flex-direction:column-reverse}.topology__part--direction-column>:not(.topology__parts):not(.topology__part){margin:6px}.topology__label{font-size:14px;margin-left:12px;margin-right:12px}.topology .status-icon{position:relative;z-index:1}.video{position:relative;height:auto}@media screen and (max-width:44.9375em){.video{max-width:100%;width:100vw}}@media screen and (min-width:45em){.video--small{width:240px}.video--small .video__control.button--primary{width:48px;height:48px;border-radius:24px}.video--large{width:960px}}.video--full,.video video{width:100%}.video__summary{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;text-align:left;padding:24px;background-color:rgba(51,51,51,.7);color:#dbdbdb;border-radius:4px}.video__control.button--primary{flex:0 0 auto;width:96px;height:96px;border-radius:48px;background-color:rgba(140,80,255,.7)}.video__control.button--primary:hover{background-color:#8c50ff}.video__title{margin-left:24px}.video__timeline{position:absolute;left:0;right:0;bottom:0;height:72px;color:#dbdbdb;background-color:rgba(51,51,51,.7)}.video__timeline-chapter{position:absolute;height:100%;padding-left:6px;border-left:2px solid #dbdbdb;text-align:left;cursor:pointer}.video__timeline-chapter:hover{color:#fff;border-color:#fff}.video__timeline-chapter time{display:block;font-size:14px;font-size:.875rem;line-height:24px}.video__progress{position:absolute;left:0;right:0;bottom:0;height:6px;text-align:left}.video__progress-meter{height:100%;background-color:#8c50ff}.video--playing:not(.video--interacting) .video__progress,.video--playing:not(.video--interacting) .video__summary,.video--playing:not(.video--interacting) .video__timeline{opacity:0;transition:opacity 1s}.clearfix:after{content:"";display:table;clear:both} \ No newline at end of file +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}blockquote,body,caption,dd,dl,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,legend,ol,p,pre,table,td,th,ul{margin:0;padding:0}abbr[title],dfn[title]{cursor:help}ins,u{text-decoration:none}ins{border-bottom:1px solid}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}address,blockquote,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,ol,p,pre,table,ul{margin-bottom:24px;margin-bottom:1.5rem}dd,ol,ul{margin-left:48px;margin-left:3rem}html{font-size:1em;line-height:1.5;background-color:#fff;color:#333;overflow-y:scroll;min-height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}h1{font-size:36px;font-size:2.25rem;line-height:1.33333}h2{font-size:30px;font-size:1.875rem;line-height:1.6}h3{font-size:24px;font-size:1.5rem;line-height:1}h4{font-size:20px;font-size:1.25rem;line-height:1.2}h5{font-size:16px;font-size:1rem;line-height:1.5}h6{font-size:14px;font-size:.875rem;line-height:1.71429}li>ol,li>ul{margin-bottom:0}img{max-width:100%;font-style:italic;vertical-align:middle}.gm-style img,img[height],img[width]{max-width:none}.brand-font,html{font-family:Source Sans Pro,Arial,sans-serif}body,html{font-size:16px;font-size:1rem;line-height:24px}h1{font-size:48px;font-size:3rem;line-height:1.125}h2{font-size:36px;font-size:2.25rem;line-height:1.33333}h3{font-size:24px;font-size:1.5rem;line-height:1.25}h4,h5{font-size:18px;font-size:1.125rem;line-height:1.33333}h1,h2,h3,h4,h5{font-weight:100;max-width:100%}h1.header--strong,h1>strong,h2.header--strong,h2>strong,h3.header--strong,h3>strong,h4.header--strong,h4>strong,h5.header--strong,h5>strong{font-weight:600}h1 a,h1 a.anchor,h2 a,h2 a.anchor,h3 a,h3 a.anchor,h4 a,h4 a.anchor,h5 a,h5 a.anchor{color:inherit;text-decoration:none}h1 a.anchor:hover,h1 a:hover,h2 a.anchor:hover,h2 a:hover,h3 a.anchor:hover,h3 a:hover,h4 a.anchor:hover,h4 a:hover,h5 a.anchor:hover,h5 a:hover{text-decoration:none}dd,li,p{max-width:576px;margin-left:0}dd{margin-bottom:12px}p{margin-top:24px;margin-bottom:24px}blockquote{font-size:36px;font-size:2.25rem;line-height:1.33333}code.hljs{border:1px solid #ccc}.large-number-font{font-family:Source Sans Pro,Arial,sans-serif}.secondary{color:#777}.error{color:#ff856b}input,select,textarea{font-size:16px;font-size:1rem;line-height:1.5;padding:11px 23px;border:1px solid #ccc;border-radius:4px;outline:none;margin-right:12px;background-color:transparent}input:focus,select:focus,textarea:focus{padding:10px 22px;border-width:2px;border-color:#c3a4fe}input::-moz-focus-inner,select::-moz-focus-inner,textarea::-moz-focus-inner{border:none;outline:none}input::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#aaa}input::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder{color:#aaa}input:-ms-input-placeholder,select:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#aaa}input.error,select.error,textarea.error{border-color:#ff856b}input[type=button],input[type=submit]{text-align:center;line-height:inherit}select{border-color:#ccc;padding-right:24px;-webkit-appearance:none;-moz-appearance:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAOhJREFUSA3tksENgzAMRUmrrlApuTAAxxw6QvfojYmYKtw6QpUDI1Rq6o8MStsAMT1UlbAUcMB+33FcFJttHfifDlhrT7QO31YMBlgDZw8HH5RSF3JLY0zrvX8MAZI3F1gT66y17ohz2zGgDSFc6UdF+5oDJWwUidMDXoFFfgtAfwJUjMppX7KI6CQJeOOcu48CcNaKzMFfBNaILME/BCQiOfCkQI5ILhwshceUpUAcG0/LeKEpzqwAEhIiRTSKs3Dk92MKZ8rep4vgR57zRTiYiwIIikVo29HKgiNXZGgXt0yUtwX/tgNPQqatJ1aBLFMAAAAASUVORK5CYII=) no-repeat center right;cursor:pointer}select::-moz-focus-inner{border:none}select.plain{border:none}input[type=range]{position:relative;-webkit-appearance:none;border-color:transparent;height:24px;padding:0;cursor:pointer;overflow-x:hidden}input[type=range]:focus{outline:none}input[type=range]::-moz-focus-inner,input[type=range]::-moz-focus-outer{border:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;background-color:#b2b2b2}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-webkit-slider-runnable-track{background-color:hsla(0,0%,100%,.1)}input[type=range]::-webkit-slider-thumb{position:relative;height:24px;width:24px;overflow:visible;-webkit-appearance:none;margin-top:-11px}input[type=range]::-webkit-slider-thumb:before{content:"";position:absolute;left:-3000px;right:24px;top:9px;bottom:9px;background-color:#8c50ff;pointer-events:none}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-webkit-slider-thumb:before{background-color:#fff}input[type=range]::-webkit-slider-thumb:after{content:"";position:absolute;border:2px solid #8c50ff;height:20px;width:20px;border-radius:24px;background-color:#fff;cursor:pointer}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-webkit-slider-thumb:after{background-color:transparent;border-color:#fff}input[type=range]:hover::-webkit-slider-thumb:after{content:"";border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]:hover::-webkit-slider-thumb:after{background-color:#fff;border-color:#fff}input[type=range]::-moz-range-track{width:100%;height:2px;background-color:#b2b2b2}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-moz-range-track{background-color:hsla(0,0%,100%,.1)}input[type=range]::-moz-range-thumb{position:relative;height:24px;width:24px;overflow:visible;border:2px solid #8c50ff;height:20px;width:20px;border-radius:24px;background-color:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-moz-range-thumb{border-color:#fff;background-color:transparent}input[type=range]::hover::-moz-range-thumb{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::hover::-moz-range-thumb{border-color:#fff;background-color:#fff}input[type=range]::-ms-track{width:100%;height:2px;background-color:#b2b2b2;border-color:transparent;color:transparent}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-ms-track{background-color:hsla(0,0%,100%,.1)}input[type=range]::-ms-fill-lower{background:#8c50ff;border-color:transparent}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-ms-fill-lower{background:#fff}input[type=range]::-ms-fill-upper{background:#b2b2b2;border-color:transparent}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-ms-fill-upper{background:hsla(0,0%,100%,.1)}input[type=range]::-ms-thumb{position:relative;height:24px;width:24px;overflow:visible;border:2px solid #999;height:20px;width:20px;border-radius:24px;background-color:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]::-ms-thumb{border-color:#fff}input[type=range]:hover::-ms-thumb{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) input[type=range]:hover::-ms-thumb{border-color:#fff;background-color:#fff}@media screen and (min-width:45em){body,html{height:100%;width:100%;overflow:visible}}.i-list-bare{margin:0;padding:0;list-style:none}.anchor,a{text-decoration:none;cursor:pointer}.anchor,.anchor:visited,a,a:visited{color:#8c50ff}.anchor.active,a.active{color:#333}.anchor:hover:not(.anchor--disabled),a:hover:not(.anchor--disabled){text-decoration:underline;color:#6e22ff}.anchor__icon,a__icon{display:inline-block;padding:12px}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu .anchor:not(.button),[class*=background-color-index-]:not([class*=background-color-index-light]) .menu a:not(.button),[class*=background-color-index-]:not([class*=background-color-index-light]) a{color:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu .anchor:not(.button) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu a:not(.button) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a .control-icon{fill:#dbdbdb;stroke:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor:hover:not(.anchor--disabled),[class*=background-color-index-]:not([class*=background-color-index-light]) .menu .anchor:not(.button):hover:not(.anchor--disabled),[class*=background-color-index-]:not([class*=background-color-index-light]) .menu a:not(.button):hover:not(.anchor--disabled),[class*=background-color-index-]:not([class*=background-color-index-light]) a:hover:not(.anchor--disabled){color:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor:hover:not(.anchor--disabled) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu .anchor:not(.button):hover:not(.anchor--disabled) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu a:not(.button):hover:not(.anchor--disabled) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a:hover:not(.anchor--disabled) .control-icon{fill:#fff;stroke:#fff}.anchor.anchor--primary,a.anchor--primary{font-size:19px;font-size:1.1875rem;line-height:24px;font-weight:600;color:#8c50ff;text-decoration:none}.anchor.anchor--primary .control-icon,a.anchor--primary .control-icon{stroke:#8c50ff;margin-right:12px}.anchor.anchor--primary>span,a.anchor--primary>span{vertical-align:middle}.anchor.anchor--primary:hover:not(.anchor--disabled)>.control-icon,a.anchor--primary:hover:not(.anchor--disabled)>.control-icon{transform:translateX(3px);stroke:#8c50ff}.anchor.anchor--primary:hover:not(.anchor--disabled)>.control-icon path,.anchor.anchor--primary:hover:not(.anchor--disabled)>.control-icon polyline,a.anchor--primary:hover:not(.anchor--disabled)>.control-icon path,a.anchor--primary:hover:not(.anchor--disabled)>.control-icon polyline{stroke-width:3px}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor.anchor--primary,[class*=background-color-index-]:not([class*=background-color-index-light]) a.anchor--primary{color:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor.anchor--primary .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a.anchor--primary .control-icon{fill:#dbdbdb;stroke:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor.anchor--primary:hover:not(.anchor--disabled),[class*=background-color-index-]:not([class*=background-color-index-light]) a.anchor--primary:hover:not(.anchor--disabled){color:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor.anchor--primary:hover:not(.anchor--disabled) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a.anchor--primary:hover:not(.anchor--disabled) .control-icon{fill:#fff;stroke:#fff}.anchor--disabled,a--disabled{opacity:.3;cursor:default}.anchor--disabled .control-icon,a--disabled .control-icon{cursor:default}#loading{position:absolute;width:100%;height:100%;background-color:#ddd;text-align:center;padding-top:100px;font-size:48px;color:#ccc;font-style:italic}@media screen and (min-width:45em){.app{position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto}}.app--inline{position:relative}.app--centered>.split{width:100%;max-width:960px;margin-left:auto;margin-right:auto}.article{position:relative}.article--scroll-step{text-align:center;height:100vh;width:100vw;max-width:100%}.article--scroll-step>.article__control{position:fixed;z-index:4}.article--scroll-step>.article__control-up{top:0;left:50%;transform:translateX(-50%)}.article--scroll-step>.article__control-down{bottom:0;left:50%;transform:translateX(-50%)}.article--scroll-step>.article__control-left{top:50%;transform:translateY(-50%);left:0}.article--scroll-step>.article__control-right{top:50%;transform:translateY(-50%);right:0}.article--scroll-step.box--direction-column{overflow-x:hidden;overflow-y:auto}.article--scroll-step.box--direction-column>.article__control-carousel{top:50%;left:24px;transform:translateY(-50%)}.article--scroll-step.box--direction-row{overflow-x:auto;overflow-y:hidden}.article--scroll-step.box--direction-row>:not(.article__controls){overflow-y:auto}.article--scroll-step.box--direction-row>.article__control-carousel{top:24px;left:50%;transform:translateX(-50%)}.article>*{flex:0 0 auto}article:not(.article){width:100%}.attribute{margin-bottom:12px}@media screen and (max-width:44.9375em){.attribute{width:100%}}.attribute__label{display:block;text-align:left;font-size:14px;font-size:.875rem;line-height:24px;color:#777}.box{display:flex;background-position:center center;background-size:cover;background-repeat:no-repeat}.box__texture{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.box__container{padding-left:24px;padding-right:24px}.box__container--full{max-width:100%;width:100vw}.layer__container .box__container--full{width:calc(100vw - 48px)}.box__container--full-horizontal{max-width:100%;width:100vw}.layer__container .box__container--full-horizontal{width:calc(100vw - 48px)}.app--centered .box__container>.box{width:100%;max-width:960px;margin-left:auto;margin-right:auto}@media screen and (max-width:44.9375em){.app--centered .box__container>.box{padding-left:0;padding-right:0}}.box--wrap{flex-wrap:wrap}.box--pad-none{padding:0}.box--pad-small{padding:12px}.box--pad-medium{padding:24px}.box--pad-large{padding:48px}.box--pad-horizontal-none{padding-left:0;padding-right:0}.box--pad-horizontal-small{padding-left:12px;padding-right:12px}.box--pad-horizontal-medium{padding-left:24px;padding-right:24px}.box--pad-horizontal-large{padding-left:48px;padding-right:48px}.box--pad-vertical-none{padding-top:0;padding-bottom:0}.box--pad-vertical-small{padding-top:12px;padding-bottom:12px}.box--pad-vertical-medium{padding-top:24px;padding-bottom:24px}.box--pad-vertical-large{padding-top:48px;padding-bottom:48px}.box--full{position:relative;max-width:100%;width:100vw;min-height:100vh;height:100%}.layer__container .box--full{width:calc(100vw - 48px)}.box--full-horizontal{max-width:100%;width:100vw}.layer__container .box--full-horizontal{width:calc(100vw - 48px)}.box--full-vertical{min-height:100vh}.box--direction-row{flex-direction:row}.box--direction-row.box--reverse{flex-direction:row-reverse}.box--direction-row.box--pad-between-small>:not(:last-child){margin-right:12px}.box--direction-row.box--pad-between-medium>:not(:last-child){margin-right:24px}.box--direction-row.box--pad-between-large>:not(:last-child){margin-right:48px}@media screen and (max-width:44.9375em){.box--direction-row.box--responsive{flex-direction:column}.box--direction-row.box--responsive.box--reverse{flex-direction:column-reverse}}.box--direction-column{flex-direction:column}.box--direction-column.box--reverse{flex-direction:column-reverse}.box--direction-column>.footer.box--direction-row,.box--direction-column>.header.box--direction-row,.box--direction-column>.header__container--fixed{flex:0 0 auto}.box--direction-column.box--pad-between-small>:not(:last-child){margin-bottom:12px}.box--direction-column.box--pad-between-medium>:not(:last-child){margin-bottom:24px}.box--direction-column.box--pad-between-large>:not(:last-child){margin-bottom:48px}.box--justify-start{justify-content:flex-start}.box--justify-center{justify-content:center}.box--justify-between{justify-content:space-between}.box--justify-end{justify-content:flex-end}.box--align-start{align-items:flex-start}.box--align-center{align-items:center}.box--align-end{align-items:flex-end}.box--separator-all,.box--separator-horizontal,.box--separator-top{border-top:1px solid #ccc}.box--separator-all,.box--separator-bottom,.box--separator-horizontal{border-bottom:1px solid #ccc}.box--separator-all,.box--separator-left,.box--separator-vertical{border-left:1px solid #ccc}.box--separator-all,.box--separator-right,.box--separator-vertical{border-right:1px solid #ccc}@media screen and (max-width:44.9375em){.box--separator-all,.box--separator-left,.box--separator-vertical{border-left:none;border-bottom:1px solid #ccc}.box--separator-all,.box--separator-right,.box--separator-vertical{border-right:none;border-bottom:1px solid #ccc}}[class*=background-color-index-] .box[class*=box--separator]{border-color:#eee}.box--text-align-left{text-align:left}.box--text-align-center{text-align:center}.box--text-align-right{text-align:right}.box>.flex,.box>.flex-grow-1{flex-grow:1}.box--direction-down,.box--direction-up{flex-direction:column}.box--direction-left{justify-content:flex-end}.box--flush{padding:0}button:not(.button),input[type=button],input[type=submit]{padding:6px 22px;background-color:transparent;border:2px solid #8c50ff;border-radius:4px;color:#333;font-size:19px;font-size:1.1875rem;line-height:24px;font-weight:600;cursor:pointer;text-align:center;outline:none;min-width:120px;max-width:384px}button:not(.button):focus:not(.button--disabled),input[type=button]:focus:not(.button--disabled),input[type=submit]:focus:not(.button--disabled){border-color:#c3a4fe;box-shadow:0 0 1px 1px #c3a4fe}@media screen and (min-width:45em){button:not(.button),input[type=button],input[type=submit]{transition:.1s ease-in-out}}.button{padding:6px 22px;background-color:transparent;border:2px solid #8c50ff;border-radius:4px;color:#333;font-size:19px;font-size:1.1875rem;line-height:24px;font-weight:600;cursor:pointer;text-align:center;outline:none;min-width:120px;max-width:384px}.button:focus:not(.button--disabled){border-color:#c3a4fe;box-shadow:0 0 1px 1px #c3a4fe}@media screen and (min-width:45em){.button{transition:.1s ease-in-out}}.button__icon{display:inline-block;padding:12px}.button--primary{border-color:#8c50ff;background-color:#8c50ff;color:#fff}.button--secondary{border-color:rgba(51,51,51,.6)}.button--accent{border-color:#c3a4fe}.button--icon{border:none;padding:0;width:auto;height:auto;min-width:0;max-width:none}.button--icon.button--primary{background-color:#8c50ff}.button--icon>span:not(.button__icon){vertical-align:middle}.button--icon>span:not(.button__icon):first-child{margin-left:12px}.button--icon>span:not(.button__icon):last-child{margin-right:12px}[class*=background-color-index-]:not([class*=background-color-index-light]) .button--icon{color:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .button--icon .control-icon{fill:#dbdbdb;stroke:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .button--icon:hover{color:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) .button--icon:hover .control-icon{fill:#fff;stroke:#fff}[class*=background-color-index-]:not([class*=background-color-index-light]) .button:not(.button--primary){border-color:#eee;color:#dbdbdb}[class*=background-color-index-]:not([class*=background-color-index-light]) .button:not(.button--primary).button--accent{border-color:#c3a4fe}.button--disabled{opacity:.3;cursor:default}.button--fill{width:100%;max-width:none;flex-grow:1}.calendar{position:relative;display:inline-block;min-width:288px}.calendar__input{width:100%;height:100%;display:block;padding-right:60px}.calendar__input:focus{padding-right:59px}.calendar__control{position:absolute;top:50%;right:12px;transform:translateY(-50%)}.calendar__drop{border-top-left-radius:0;border-top-right-radius:0}.calendar__title{text-align:center}.calendar__grid{width:100%;padding:12px}.calendar__grid table{width:100%}.calendar__grid td,.calendar__grid th{text-align:center;padding:6px}.calendar__grid th{color:#777;font-weight:400}.calendar__day{display:inline-block;cursor:pointer;width:24px;height:24px;transition:background-color .3s}.calendar__day:hover{background-color:rgba(0,0,0,.1)}.calendar__day--other-month{color:#777}.calendar__day--active{background-color:#8c50ff;color:#dbdbdb}.calendar--active .calendar__input{border-bottom-left-radius:0;border-bottom-right-radius:0}@-webkit-keyframes a{0%{opacity:1}to{opacity:0}}@keyframes a{0%{opacity:1}to{opacity:0}}.carousel{position:relative;max-width:100%;overflow:hidden}.carousel__track{display:flex;max-width:none;transition:all .8s}.carousel__item>*{width:100%}.carousel__arrow{-webkit-animation:b 1s;animation:b 1s;z-index:1;position:absolute;top:50%;transform:translateY(-50%);cursor:pointer}.carousel__arrow .control-icon{filter:drop-shadow(1px 1px 1px rgba(170,170,170,.5));-webkit-filter:drop-shadow(1px 1px 1px hsla(0,0%,67%,.5))}.carousel__arrow .control-icon polyline{stroke:#fff;stroke-width:1px}.carousel__arrow--next{right:0}.carousel__arrow--prev{left:0}.carousel .control-icon-next{right:0}.carousel .control-icon-previous{left:0}.carousel__controls{-webkit-animation:b 1s;animation:b 1s;margin-left:50%;transform:translateX(-50%);position:absolute;bottom:12px;text-align:center;z-index:1}.carousel__control{display:inline-block;width:36px;height:36px;stroke:#fff;fill:transparent;cursor:pointer;filter:drop-shadow(1px 1px 1px rgba(170,170,170,.5));-webkit-filter:drop-shadow(1px 1px 1px hsla(0,0%,67%,.5))}.carousel__control--active{stroke:#8c50ff;fill:#8c50ff}.carousel--hide-controls .carousel__controls,.carousel--hide-controls .control-icon-next,.carousel--hide-controls .control-icon-previous{opacity:0;-webkit-animation:a 1s;animation:a 1s}.carousel-controls__control{width:36px;height:36px;stroke:#fff;fill:transparent;cursor:pointer;filter:drop-shadow(1px 1px 1px rgba(170,170,170,.5));-webkit-filter:drop-shadow(1px 1px 1px hsla(0,0%,67%,.5))}.carousel-controls__control:hover{stroke-width:2px}.carousel-controls__control--active{stroke:#8c50ff;fill:#8c50ff}@-webkit-keyframes b{0%{opacity:0}to{opacity:1}}@keyframes b{0%{opacity:0}to{opacity:1}}.chart{position:relative;display:block}.chart__grid{stroke:#ccc}.chart__graphic{width:100%;height:192px;max-height:calc(100vh - 144px)}@media screen and (min-width:45em){.chart__values g{-webkit-animation:b 1.5s;animation:b 1.5s}}.chart__values-line{stroke-width:3px}.chart__values-line.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.chart__values-line.color-index-unset{stroke:#ddd}.chart__values-line.color-index-brand{stroke:#8c50ff}.chart__values-line.color-index-critical,.chart__values-line.color-index-error{stroke:#ff856b}.chart__values-line.color-index-warning{stroke:#ffb86b}.chart__values-line.color-index-ok{stroke:#4eb976}.chart__values-line.color-index-disabled,.chart__values-line.color-index-unknown{stroke:#a8a8a8}.chart__values-line.color-index-graph-1,.chart__values-line.color-index-graph-6{stroke:#c3a4fe}.chart__values-line.color-index-graph-2,.chart__values-line.color-index-graph-7{stroke:#a577ff}.chart__values-line.color-index-graph-3,.chart__values-line.color-index-graph-8{stroke:#5d0cfb}.chart__values-line.color-index-graph-4,.chart__values-line.color-index-graph-9{stroke:#7026ff}.chart__values-line.color-index-graph-5,.chart__values-line.color-index-graph-10{stroke:#767676}.chart__values-line.color-index-grey-1,.chart__values-line.color-index-grey-5{stroke:#333}.chart__values-line.color-index-grey-2,.chart__values-line.color-index-grey-6{stroke:#444}.chart__values-line.color-index-grey-3,.chart__values-line.color-index-grey-7{stroke:#555}.chart__values-line.color-index-grey-4,.chart__values-line.color-index-grey-8{stroke:#666}.chart__values-line.color-index-light-1,.chart__values-line.color-index-light-3{stroke:#fff}.chart__values-line.color-index-light-2,.chart__values-line.color-index-light-4{stroke:#f5f5f5}.chart__values-area.color-index-critical,.chart__values-area.color-index-error,.chart__values-bar.color-index-critical,.chart__values-bar.color-index-error{fill:rgba(255,133,107,.7)}.chart__values-area.color-index-warning,.chart__values-bar.color-index-warning{fill:rgba(255,184,107,.7)}.chart__values-area.color-index-ok,.chart__values-bar.color-index-ok{fill:rgba(78,185,118,.7)}.chart__values-area.color-index-disabled,.chart__values-area.color-index-unknown,.chart__values-bar.color-index-disabled,.chart__values-bar.color-index-unknown{fill:hsla(0,0%,66%,.7)}.chart__values-area.color-index-graph-1,.chart__values-area.color-index-graph-6,.chart__values-bar.color-index-graph-1,.chart__values-bar.color-index-graph-6{fill:rgba(195,164,254,.7)}.chart__values-area.color-index-graph-2,.chart__values-area.color-index-graph-7,.chart__values-bar.color-index-graph-2,.chart__values-bar.color-index-graph-7{fill:rgba(165,119,255,.7)}.chart__values-area.color-index-graph-3,.chart__values-area.color-index-graph-8,.chart__values-bar.color-index-graph-3,.chart__values-bar.color-index-graph-8{fill:rgba(93,12,251,.7)}.chart__values-area.color-index-graph-4,.chart__values-area.color-index-graph-9,.chart__values-bar.color-index-graph-4,.chart__values-bar.color-index-graph-9{fill:rgba(112,38,255,.7)}.chart__values-area.color-index-graph-5,.chart__values-area.color-index-graph-10,.chart__values-bar.color-index-graph-5,.chart__values-bar.color-index-graph-10{fill:hsla(0,0%,46%,.7)}.chart__values-area--active.color-index-unset,.chart__values-bar--active.color-index-unset{fill:#ddd}.chart__values-area--active.color-index-brand,.chart__values-bar--active.color-index-brand{fill:#8c50ff}.chart__values-area--active.color-index-critical,.chart__values-area--active.color-index-error,.chart__values-bar--active.color-index-critical,.chart__values-bar--active.color-index-error{fill:#ff856b}.chart__values-area--active.color-index-warning,.chart__values-bar--active.color-index-warning{fill:#ffb86b}.chart__values-area--active.color-index-ok,.chart__values-bar--active.color-index-ok{fill:#4eb976}.chart__values-area--active.color-index-disabled,.chart__values-area--active.color-index-unknown,.chart__values-bar--active.color-index-disabled,.chart__values-bar--active.color-index-unknown{fill:#a8a8a8}.chart__values-area--active.color-index-graph-1,.chart__values-area--active.color-index-graph-6,.chart__values-bar--active.color-index-graph-1,.chart__values-bar--active.color-index-graph-6{fill:#c3a4fe}.chart__values-area--active.color-index-graph-2,.chart__values-area--active.color-index-graph-7,.chart__values-bar--active.color-index-graph-2,.chart__values-bar--active.color-index-graph-7{fill:#a577ff}.chart__values-area--active.color-index-graph-3,.chart__values-area--active.color-index-graph-8,.chart__values-bar--active.color-index-graph-3,.chart__values-bar--active.color-index-graph-8{fill:#5d0cfb}.chart__values-area--active.color-index-graph-4,.chart__values-area--active.color-index-graph-9,.chart__values-bar--active.color-index-graph-4,.chart__values-bar--active.color-index-graph-9{fill:#7026ff}.chart__values-area--active.color-index-graph-5,.chart__values-area--active.color-index-graph-10,.chart__values-bar--active.color-index-graph-5,.chart__values-bar--active.color-index-graph-10{fill:#767676}.chart__values-area--active.color-index-grey-1,.chart__values-area--active.color-index-grey-5,.chart__values-bar--active.color-index-grey-1,.chart__values-bar--active.color-index-grey-5{fill:#333}.chart__values-area--active.color-index-grey-2,.chart__values-area--active.color-index-grey-6,.chart__values-bar--active.color-index-grey-2,.chart__values-bar--active.color-index-grey-6{fill:#444}.chart__values-area--active.color-index-grey-3,.chart__values-area--active.color-index-grey-7,.chart__values-bar--active.color-index-grey-3,.chart__values-bar--active.color-index-grey-7{fill:#555}.chart__values-area--active.color-index-grey-4,.chart__values-area--active.color-index-grey-8,.chart__values-bar--active.color-index-grey-4,.chart__values-bar--active.color-index-grey-8{fill:#666}.chart__values-point{stroke-width:3px;fill:#fff}.chart__values-point.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.chart__values-point.color-index-unset{stroke:#ddd}.chart__values-point.color-index-brand{stroke:#8c50ff}.chart__values-point.color-index-critical,.chart__values-point.color-index-error{stroke:#ff856b}.chart__values-point.color-index-warning{stroke:#ffb86b}.chart__values-point.color-index-ok{stroke:#4eb976}.chart__values-point.color-index-disabled,.chart__values-point.color-index-unknown{stroke:#a8a8a8}.chart__values-point.color-index-graph-1,.chart__values-point.color-index-graph-6{stroke:#c3a4fe}.chart__values-point.color-index-graph-2,.chart__values-point.color-index-graph-7{stroke:#a577ff}.chart__values-point.color-index-graph-3,.chart__values-point.color-index-graph-8{stroke:#5d0cfb}.chart__values-point.color-index-graph-4,.chart__values-point.color-index-graph-9{stroke:#7026ff}.chart__values-point.color-index-graph-5,.chart__values-point.color-index-graph-10{stroke:#767676}.chart__values-point.color-index-grey-1,.chart__values-point.color-index-grey-5{stroke:#333}.chart__values-point.color-index-grey-2,.chart__values-point.color-index-grey-6{stroke:#444}.chart__values-point.color-index-grey-3,.chart__values-point.color-index-grey-7{stroke:#555}.chart__values-point.color-index-grey-4,.chart__values-point.color-index-grey-8{stroke:#666}.chart__values-point.color-index-light-1,.chart__values-point.color-index-light-3{stroke:#fff}.chart__values-point.color-index-light-2,.chart__values-point.color-index-light-4{stroke:#f5f5f5}.chart__values--loading{stroke-width:24px}.chart__values--loading.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.chart__values--loading.color-index-unset{stroke:#ddd}.chart__values--loading.color-index-brand{stroke:#8c50ff}.chart__values--loading.color-index-critical,.chart__values--loading.color-index-error{stroke:#ff856b}.chart__values--loading.color-index-warning{stroke:#ffb86b}.chart__values--loading.color-index-ok{stroke:#4eb976}.chart__values--loading.color-index-disabled,.chart__values--loading.color-index-unknown{stroke:#a8a8a8}.chart__values--loading.color-index-graph-1,.chart__values--loading.color-index-graph-6{stroke:#c3a4fe}.chart__values--loading.color-index-graph-2,.chart__values--loading.color-index-graph-7{stroke:#a577ff}.chart__values--loading.color-index-graph-3,.chart__values--loading.color-index-graph-8{stroke:#5d0cfb}.chart__values--loading.color-index-graph-4,.chart__values--loading.color-index-graph-9{stroke:#7026ff}.chart__values--loading.color-index-graph-5,.chart__values--loading.color-index-graph-10{stroke:#767676}.chart__values--loading.color-index-grey-1,.chart__values--loading.color-index-grey-5{stroke:#333}.chart__values--loading.color-index-grey-2,.chart__values--loading.color-index-grey-6{stroke:#444}.chart__values--loading.color-index-grey-3,.chart__values--loading.color-index-grey-7{stroke:#555}.chart__values--loading.color-index-grey-4,.chart__values--loading.color-index-grey-8{stroke:#666}.chart__values--loading.color-index-light-1,.chart__values--loading.color-index-light-3{stroke:#fff}.chart__values--loading.color-index-light-2,.chart__values--loading.color-index-light-4{stroke:#f5f5f5}.chart__threshold{stroke-width:2px;stroke:rgba(51,51,51,.2);pointer-events:none}.chart__yaxis .chart__bar.color-index-critical,.chart__yaxis .chart__bar.color-index-error{fill:rgba(255,133,107,.5)}.chart__yaxis .chart__bar.color-index-warning{fill:rgba(255,184,107,.5)}.chart__yaxis .chart__bar.color-index-ok{fill:rgba(78,185,118,.5)}.chart__yaxis .chart__bar.color-index-disabled,.chart__yaxis .chart__bar.color-index-unknown{fill:hsla(0,0%,66%,.5)}.chart__yaxis .chart__bar.color-index-graph-1,.chart__yaxis .chart__bar.color-index-graph-6{fill:rgba(195,164,254,.5)}.chart__yaxis .chart__bar.color-index-graph-2,.chart__yaxis .chart__bar.color-index-graph-7{fill:rgba(165,119,255,.5)}.chart__yaxis .chart__bar.color-index-graph-3,.chart__yaxis .chart__bar.color-index-graph-8{fill:rgba(93,12,251,.5)}.chart__yaxis .chart__bar.color-index-graph-4,.chart__yaxis .chart__bar.color-index-graph-9{fill:rgba(112,38,255,.5)}.chart__yaxis .chart__bar.color-index-graph-5,.chart__yaxis .chart__bar.color-index-graph-10{fill:hsla(0,0%,46%,.5)}.chart__xaxis-index text{fill:#777}.chart__xaxis-index--eclipse text{fill:transparent}.chart__xaxis-index--active text{fill:#333}.chart__front-xband-background{fill:transparent}.chart__cursor{stroke:#333;stroke-width:2;pointer-events:none}.chart__cursor-point{stroke-width:2}.chart__cursor-point.color-index-unset{fill:#ddd}.chart__cursor-point.color-index-brand{fill:#8c50ff}.chart__cursor-point.color-index-critical,.chart__cursor-point.color-index-error{fill:#ff856b}.chart__cursor-point.color-index-warning{fill:#ffb86b}.chart__cursor-point.color-index-ok{fill:#4eb976}.chart__cursor-point.color-index-disabled,.chart__cursor-point.color-index-unknown{fill:#a8a8a8}.chart__cursor-point.color-index-graph-1,.chart__cursor-point.color-index-graph-6{fill:#c3a4fe}.chart__cursor-point.color-index-graph-2,.chart__cursor-point.color-index-graph-7{fill:#a577ff}.chart__cursor-point.color-index-graph-3,.chart__cursor-point.color-index-graph-8{fill:#5d0cfb}.chart__cursor-point.color-index-graph-4,.chart__cursor-point.color-index-graph-9{fill:#7026ff}.chart__cursor-point.color-index-graph-5,.chart__cursor-point.color-index-graph-10{fill:#767676}.chart__cursor-point.color-index-grey-1,.chart__cursor-point.color-index-grey-5{fill:#333}.chart__cursor-point.color-index-grey-2,.chart__cursor-point.color-index-grey-6{fill:#444}.chart__cursor-point.color-index-grey-3,.chart__cursor-point.color-index-grey-7{fill:#555}.chart__cursor-point.color-index-grey-4,.chart__cursor-point.color-index-grey-8{fill:#666}.chart__legend--overlay{padding:12px;pointer-events:none}@media screen and (max-width:44.9375em){.chart__legend--overlay{margin:0 auto}}@media screen and (min-width:45em){.chart__legend--overlay{position:absolute;left:0;margin:0;background-color:hsla(0,0%,100%,.8)}}.chart--area .chart__gradient.color-index-critical .begin,.chart--bar .chart__gradient.color-index-critical .begin{stop-color:#ff856b}.chart--area .chart__gradient.color-index-critical .mid,.chart--bar .chart__gradient.color-index-critical .mid{stop-color:#ff856b;stop-opacity:.5}.chart--area .chart__gradient.color-index-critical .end,.chart--bar .chart__gradient.color-index-critical .end{stop-color:#ff856b;stop-opacity:0}.chart--area .chart__gradient.color-index-error .begin,.chart--bar .chart__gradient.color-index-error .begin{stop-color:#ff856b}.chart--area .chart__gradient.color-index-error .mid,.chart--bar .chart__gradient.color-index-error .mid{stop-color:#ff856b;stop-opacity:.5}.chart--area .chart__gradient.color-index-error .end,.chart--bar .chart__gradient.color-index-error .end{stop-color:#ff856b;stop-opacity:0}.chart--area .chart__gradient.color-index-warning .begin,.chart--bar .chart__gradient.color-index-warning .begin{stop-color:#ffb86b}.chart--area .chart__gradient.color-index-warning .mid,.chart--bar .chart__gradient.color-index-warning .mid{stop-color:#ffb86b;stop-opacity:.5}.chart--area .chart__gradient.color-index-warning .end,.chart--bar .chart__gradient.color-index-warning .end{stop-color:#ffb86b;stop-opacity:0}.chart--area .chart__gradient.color-index-ok .begin,.chart--bar .chart__gradient.color-index-ok .begin{stop-color:#4eb976}.chart--area .chart__gradient.color-index-ok .mid,.chart--bar .chart__gradient.color-index-ok .mid{stop-color:#4eb976;stop-opacity:.5}.chart--area .chart__gradient.color-index-ok .end,.chart--bar .chart__gradient.color-index-ok .end{stop-color:#4eb976;stop-opacity:0}.chart--area .chart__gradient.color-index-unknown .begin,.chart--bar .chart__gradient.color-index-unknown .begin{stop-color:#a8a8a8}.chart--area .chart__gradient.color-index-unknown .mid,.chart--bar .chart__gradient.color-index-unknown .mid{stop-color:#a8a8a8;stop-opacity:.5}.chart--area .chart__gradient.color-index-unknown .end,.chart--bar .chart__gradient.color-index-unknown .end{stop-color:#a8a8a8;stop-opacity:0}.chart--area .chart__gradient.color-index-disabled .begin,.chart--bar .chart__gradient.color-index-disabled .begin{stop-color:#a8a8a8}.chart--area .chart__gradient.color-index-disabled .mid,.chart--bar .chart__gradient.color-index-disabled .mid{stop-color:#a8a8a8;stop-opacity:.5}.chart--area .chart__gradient.color-index-disabled .end,.chart--bar .chart__gradient.color-index-disabled .end{stop-color:#a8a8a8;stop-opacity:0}.chart--area .chart__gradient.color-index-graph-1 .begin,.chart--area .chart__gradient.color-index-graph-6 .begin,.chart--bar .chart__gradient.color-index-graph-1 .begin,.chart--bar .chart__gradient.color-index-graph-6 .begin{stop-color:#c3a4fe}.chart--area .chart__gradient.color-index-graph-1 .mid,.chart--area .chart__gradient.color-index-graph-6 .mid,.chart--bar .chart__gradient.color-index-graph-1 .mid,.chart--bar .chart__gradient.color-index-graph-6 .mid{stop-color:#c3a4fe;stop-opacity:.5}.chart--area .chart__gradient.color-index-graph-1 .end,.chart--area .chart__gradient.color-index-graph-6 .end,.chart--bar .chart__gradient.color-index-graph-1 .end,.chart--bar .chart__gradient.color-index-graph-6 .end{stop-color:#c3a4fe;stop-opacity:0}.chart--area .chart__gradient.color-index-graph-2 .begin,.chart--area .chart__gradient.color-index-graph-7 .begin,.chart--bar .chart__gradient.color-index-graph-2 .begin,.chart--bar .chart__gradient.color-index-graph-7 .begin{stop-color:#a577ff}.chart--area .chart__gradient.color-index-graph-2 .mid,.chart--area .chart__gradient.color-index-graph-7 .mid,.chart--bar .chart__gradient.color-index-graph-2 .mid,.chart--bar .chart__gradient.color-index-graph-7 .mid{stop-color:#a577ff;stop-opacity:.5}.chart--area .chart__gradient.color-index-graph-2 .end,.chart--area .chart__gradient.color-index-graph-7 .end,.chart--bar .chart__gradient.color-index-graph-2 .end,.chart--bar .chart__gradient.color-index-graph-7 .end{stop-color:#a577ff;stop-opacity:0}.chart--area .chart__gradient.color-index-graph-3 .begin,.chart--area .chart__gradient.color-index-graph-8 .begin,.chart--bar .chart__gradient.color-index-graph-3 .begin,.chart--bar .chart__gradient.color-index-graph-8 .begin{stop-color:#5d0cfb}.chart--area .chart__gradient.color-index-graph-3 .mid,.chart--area .chart__gradient.color-index-graph-8 .mid,.chart--bar .chart__gradient.color-index-graph-3 .mid,.chart--bar .chart__gradient.color-index-graph-8 .mid{stop-color:#5d0cfb;stop-opacity:.5}.chart--area .chart__gradient.color-index-graph-3 .end,.chart--area .chart__gradient.color-index-graph-8 .end,.chart--bar .chart__gradient.color-index-graph-3 .end,.chart--bar .chart__gradient.color-index-graph-8 .end{stop-color:#5d0cfb;stop-opacity:0}.chart--area .chart__gradient.color-index-graph-4 .begin,.chart--area .chart__gradient.color-index-graph-9 .begin,.chart--bar .chart__gradient.color-index-graph-4 .begin,.chart--bar .chart__gradient.color-index-graph-9 .begin{stop-color:#7026ff}.chart--area .chart__gradient.color-index-graph-4 .mid,.chart--area .chart__gradient.color-index-graph-9 .mid,.chart--bar .chart__gradient.color-index-graph-4 .mid,.chart--bar .chart__gradient.color-index-graph-9 .mid{stop-color:#7026ff;stop-opacity:.5}.chart--area .chart__gradient.color-index-graph-4 .end,.chart--area .chart__gradient.color-index-graph-9 .end,.chart--bar .chart__gradient.color-index-graph-4 .end,.chart--bar .chart__gradient.color-index-graph-9 .end{stop-color:#7026ff;stop-opacity:0}.chart--area .chart__gradient.color-index-graph-5 .begin,.chart--area .chart__gradient.color-index-graph-10 .begin,.chart--bar .chart__gradient.color-index-graph-5 .begin,.chart--bar .chart__gradient.color-index-graph-10 .begin{stop-color:#767676}.chart--area .chart__gradient.color-index-graph-5 .mid,.chart--area .chart__gradient.color-index-graph-10 .mid,.chart--bar .chart__gradient.color-index-graph-5 .mid,.chart--bar .chart__gradient.color-index-graph-10 .mid{stop-color:#767676;stop-opacity:.5}.chart--area .chart__gradient.color-index-graph-5 .end,.chart--area .chart__gradient.color-index-graph-10 .end,.chart--bar .chart__gradient.color-index-graph-5 .end,.chart--bar .chart__gradient.color-index-graph-10 .end{stop-color:#767676;stop-opacity:0}.chart--small .chart__graphic{height:96px}.chart--large .chart__graphic{height:288px}.chart--sparkline{display:inline-block;margin-right:6px}.chart--sparkline .chart__graphic{width:auto;height:24px}.chart--sparkline .chart__values-area.color-index-unset,.chart--sparkline .chart__values-bar.color-index-unset{fill:#ddd}.chart--sparkline .chart__values-area.color-index-brand,.chart--sparkline .chart__values-bar.color-index-brand{fill:#8c50ff}.chart--sparkline .chart__values-area.color-index-critical,.chart--sparkline .chart__values-area.color-index-error,.chart--sparkline .chart__values-bar.color-index-critical,.chart--sparkline .chart__values-bar.color-index-error{fill:#ff856b}.chart--sparkline .chart__values-area.color-index-warning,.chart--sparkline .chart__values-bar.color-index-warning{fill:#ffb86b}.chart--sparkline .chart__values-area.color-index-ok,.chart--sparkline .chart__values-bar.color-index-ok{fill:#4eb976}.chart--sparkline .chart__values-area.color-index-disabled,.chart--sparkline .chart__values-area.color-index-unknown,.chart--sparkline .chart__values-bar.color-index-disabled,.chart--sparkline .chart__values-bar.color-index-unknown{fill:#a8a8a8}.chart--sparkline .chart__values-area.color-index-graph-1,.chart--sparkline .chart__values-area.color-index-graph-6,.chart--sparkline .chart__values-bar.color-index-graph-1,.chart--sparkline .chart__values-bar.color-index-graph-6{fill:#c3a4fe}.chart--sparkline .chart__values-area.color-index-graph-2,.chart--sparkline .chart__values-area.color-index-graph-7,.chart--sparkline .chart__values-bar.color-index-graph-2,.chart--sparkline .chart__values-bar.color-index-graph-7{fill:#a577ff}.chart--sparkline .chart__values-area.color-index-graph-3,.chart--sparkline .chart__values-area.color-index-graph-8,.chart--sparkline .chart__values-bar.color-index-graph-3,.chart--sparkline .chart__values-bar.color-index-graph-8{fill:#5d0cfb}.chart--sparkline .chart__values-area.color-index-graph-4,.chart--sparkline .chart__values-area.color-index-graph-9,.chart--sparkline .chart__values-bar.color-index-graph-4,.chart--sparkline .chart__values-bar.color-index-graph-9{fill:#7026ff}.chart--sparkline .chart__values-area.color-index-graph-5,.chart--sparkline .chart__values-area.color-index-graph-10,.chart--sparkline .chart__values-bar.color-index-graph-5,.chart--sparkline .chart__values-bar.color-index-graph-10{fill:#767676}.chart--sparkline .chart__values-area.color-index-grey-1,.chart--sparkline .chart__values-area.color-index-grey-5,.chart--sparkline .chart__values-bar.color-index-grey-1,.chart--sparkline .chart__values-bar.color-index-grey-5{fill:#333}.chart--sparkline .chart__values-area.color-index-grey-2,.chart--sparkline .chart__values-area.color-index-grey-6,.chart--sparkline .chart__values-bar.color-index-grey-2,.chart--sparkline .chart__values-bar.color-index-grey-6{fill:#444}.chart--sparkline .chart__values-area.color-index-grey-3,.chart--sparkline .chart__values-area.color-index-grey-7,.chart--sparkline .chart__values-bar.color-index-grey-3,.chart--sparkline .chart__values-bar.color-index-grey-7{fill:#555}.chart--sparkline .chart__values-area.color-index-grey-4,.chart--sparkline .chart__values-area.color-index-grey-8,.chart--sparkline .chart__values-bar.color-index-grey-4,.chart--sparkline .chart__values-bar.color-index-grey-8{fill:#666}.check-box{margin-right:12px;white-space:nowrap}.check-box:not(.check-box--disabled){cursor:pointer}.check-box:hover:not(.check-box--disabled) .check-box__control{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box:hover:not(.check-box--disabled) .check-box__control{border-color:#fff}.check-box:hover:not(.check-box--disabled) .check-box__input:checked+.check-box__control{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box:hover:not(.check-box--disabled) .check-box__input:checked+.check-box__control{border-color:#fff}.check-box:hover:not(.check-box--disabled) .check-box__label{color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box:hover:not(.check-box--disabled) .check-box__label{color:#fff}.check-box__input{opacity:0;position:absolute}.check-box__input:checked+.check-box__control{border-color:#8c50ff}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box__input:checked+.check-box__control{border-color:#fff}.check-box__input:checked+.check-box__control .check-box__control-check{display:block}.check-box__input:checked+.check-box__control+.check-box__label{color:#333}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box__input:checked+.check-box__control+.check-box__label{color:#fff}.check-box__input:focus+.check-box__control{border-color:#c3a4fe;box-shadow:0 0 1px 1px #c3a4fe}.check-box__control{position:relative;top:-1px;display:inline-block;width:24px;height:24px;margin-right:12px;vertical-align:middle;background-color:inherit;border:2px solid #999;border-radius:4px}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box__control{border-color:#dbdbdb}.check-box__control-check{position:absolute;top:-2px;left:-2px;display:none;width:24px;height:24px;stroke-width:4px;stroke:#8c50ff}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box__control-check{stroke:#fff}.check-box__label{color:#777}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box__label{color:#dbdbdb}.check-box--disabled .check-box__control{opacity:.5}.check-box--toggle:hover:not(.check-box--disabled) .check-box__control:after{content:"";border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle:hover:not(.check-box--disabled) .check-box__control:after{background-color:#fff;border-color:#fff}.check-box--toggle:hover:not(.check-box--disabled) .check-box__input:checked+.check-box__control:after{content:"";border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle:hover:not(.check-box--disabled) .check-box__input:checked+.check-box__control:after{background-color:#fff;border-color:#fff}.check-box--toggle .check-box__control{width:48px;height:24px;border-radius:24px;background-color:#b2b2b2;border:none;transition:background-color .3s}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle .check-box__control{background-color:hsla(0,0%,100%,.1)}.check-box--toggle .check-box__control:after{content:"";display:block;position:absolute;top:-2px;left:0;width:28px;height:28px;background-color:#fff;border:2px solid #999;border-radius:24px;transition:margin-left .3s}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle .check-box__control:after{background-color:transparent;border-color:#dbdbdb}.check-box--toggle .check-box__input:checked+.check-box__control{background-color:#8c50ff}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle .check-box__input:checked+.check-box__control{background-color:hsla(0,0%,100%,.1)}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle .check-box__input:checked+.check-box__control .check-box__control-check{stroke:transparent}.check-box--toggle .check-box__input:checked+.check-box__control:after{content:"";background-color:#fff;border-color:#8c50ff;margin-left:24px}[class*=background-color-index-]:not([class*=background-color-index-light]) .check-box--toggle .check-box__input:checked+.check-box__control:after{border-color:#dbdbdb}.background-color-index-neutral-1,.background-color-index-neutral-4{background-color:#5d0cfb}.background-color-index-neutral-1-a,.background-color-index-neutral-4-a{background-color:rgba(93,12,251,.8)}.background-color-index-neutral-2,.background-color-index-neutral-5{background-color:#7026ff}.background-color-index-neutral-2-a,.background-color-index-neutral-5-a{background-color:rgba(112,38,255,.8)}.background-color-index-neutral-3,.background-color-index-neutral-6{background-color:#767676}.background-color-index-neutral-3-a,.background-color-index-neutral-6-a{background-color:hsla(0,0%,46%,.8)}.background-color-index-accent-1,.background-color-index-accent-3{background-color:#c3a4fe}.background-color-index-accent-1-a,.background-color-index-accent-3-a{background-color:rgba(195,164,254,.8)}.background-color-index-accent-2,.background-color-index-accent-4{background-color:#a577ff}.background-color-index-accent-2-a,.background-color-index-accent-4-a{background-color:rgba(165,119,255,.8)}.background-color-index-grey-1,.background-color-index-grey-5{background-color:#333}.background-color-index-grey-1-a,.background-color-index-grey-5-a{background-color:rgba(51,51,51,.8)}.background-color-index-grey-2,.background-color-index-grey-6{background-color:#444}.background-color-index-grey-2-a,.background-color-index-grey-6-a{background-color:rgba(68,68,68,.8)}.background-color-index-grey-3,.background-color-index-grey-7{background-color:#555}.background-color-index-grey-3-a,.background-color-index-grey-7-a{background-color:rgba(85,85,85,.8)}.background-color-index-grey-4,.background-color-index-grey-8{background-color:#666}.background-color-index-grey-4-a,.background-color-index-grey-8-a{background-color:hsla(0,0%,40%,.8)}.background-color-index-graph-1,.background-color-index-graph-6{background-color:#c3a4fe}.background-color-index-graph-2,.background-color-index-graph-7{background-color:#a577ff}.background-color-index-graph-3,.background-color-index-graph-8{background-color:#5d0cfb}.background-color-index-graph-4,.background-color-index-graph-9{background-color:#7026ff}.background-color-index-graph-5,.background-color-index-graph-10{background-color:#767676}[class*=background-color-index-]{color:#dbdbdb}.background-color-index-light-1,.background-color-index-light-3{background-color:#fff;color:#333}.background-color-index-light-2,.background-color-index-light-4{background-color:#f5f5f5;color:#333}.center-column{padding-left:24px;padding-right:24px}.center-column .center-column__content{width:100%;max-width:960px;margin-left:auto;margin-right:auto}@media screen and (min-width:45em){.dashboard{height:calc(100vh - 96px)}}@media screen and (max-width:44.9375em){.dashboard{height:calc(100vh - 48px)}}.distribution{position:relative;display:block}.distribution__graphic{width:100%;height:192px;max-height:calc(100vh - 144px)}.distribution__item--clickable{cursor:pointer}.distribution__item-box.color-index-unset{fill:#ddd}.distribution__item-box.color-index-brand{fill:#8c50ff}.distribution__item-box.color-index-critical,.distribution__item-box.color-index-error{fill:#ff856b}.distribution__item-box.color-index-warning{fill:#ffb86b}.distribution__item-box.color-index-ok{fill:#4eb976}.distribution__item-box.color-index-disabled,.distribution__item-box.color-index-unknown{fill:#a8a8a8}.distribution__item-box.color-index-graph-1,.distribution__item-box.color-index-graph-6{fill:#c3a4fe}.distribution__item-box.color-index-graph-2,.distribution__item-box.color-index-graph-7{fill:#a577ff}.distribution__item-box.color-index-graph-3,.distribution__item-box.color-index-graph-8{fill:#5d0cfb}.distribution__item-box.color-index-graph-4,.distribution__item-box.color-index-graph-9{fill:#7026ff}.distribution__item-box.color-index-graph-5,.distribution__item-box.color-index-graph-10{fill:#767676}.distribution__item-box.color-index-grey-1,.distribution__item-box.color-index-grey-5{fill:#333}.distribution__item-box.color-index-grey-2,.distribution__item-box.color-index-grey-6{fill:#444}.distribution__item-box.color-index-grey-3,.distribution__item-box.color-index-grey-7{fill:#555}.distribution__item-box.color-index-grey-4,.distribution__item-box.color-index-grey-8{fill:#666}.distribution__item-icons.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.distribution__item-icons.color-index-unset{stroke:#ddd}.distribution__item-icons.color-index-brand{stroke:#8c50ff}.distribution__item-icons.color-index-critical,.distribution__item-icons.color-index-error{stroke:#ff856b}.distribution__item-icons.color-index-warning{stroke:#ffb86b}.distribution__item-icons.color-index-ok{stroke:#4eb976}.distribution__item-icons.color-index-disabled,.distribution__item-icons.color-index-unknown{stroke:#a8a8a8}.distribution__item-icons.color-index-graph-1,.distribution__item-icons.color-index-graph-6{stroke:#c3a4fe}.distribution__item-icons.color-index-graph-2,.distribution__item-icons.color-index-graph-7{stroke:#a577ff}.distribution__item-icons.color-index-graph-3,.distribution__item-icons.color-index-graph-8{stroke:#5d0cfb}.distribution__item-icons.color-index-graph-4,.distribution__item-icons.color-index-graph-9{stroke:#7026ff}.distribution__item-icons.color-index-graph-5,.distribution__item-icons.color-index-graph-10{stroke:#767676}.distribution__item-icons.color-index-grey-1,.distribution__item-icons.color-index-grey-5{stroke:#333}.distribution__item-icons.color-index-grey-2,.distribution__item-icons.color-index-grey-6{stroke:#444}.distribution__item-icons.color-index-grey-3,.distribution__item-icons.color-index-grey-7{stroke:#555}.distribution__item-icons.color-index-grey-4,.distribution__item-icons.color-index-grey-8{stroke:#666}.distribution__item-icons.color-index-light-1,.distribution__item-icons.color-index-light-3{stroke:#fff}.distribution__item-icons.color-index-light-2,.distribution__item-icons.color-index-light-4{stroke:#f5f5f5}.distribution__label{position:absolute;padding:24px;font-family:Source Sans Pro,Arial,sans-serif;color:#dbdbdb;overflow:hidden;text-align:left;pointer-events:none}.distribution__label-value{display:block;font-size:36px;font-size:2.25rem;line-height:1.33333;font-weight:700}.distribution__label-units{font-size:24px;font-size:1.5rem;line-height:inherit;margin-left:6px;font-weight:400}.distribution__label-label{display:block}.distribution__label--active{color:#333}.distribution__label--thin .distribution__label-label,.distribution__label--thin .distribution__label-value{display:inline-block}.distribution__label--icons{background-color:hsla(0,0%,100%,.8);color:#333}.distribution__label--icons .label-units{color:#777}.distribution__label--icons .label-label{display:block}.distribution__loading-indicator{stroke-width:24px}.distribution__loading-indicator.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.distribution__loading-indicator.color-index-unset{stroke:#ddd}.distribution__loading-indicator.color-index-brand{stroke:#8c50ff}.distribution__loading-indicator.color-index-critical,.distribution__loading-indicator.color-index-error{stroke:#ff856b}.distribution__loading-indicator.color-index-warning{stroke:#ffb86b}.distribution__loading-indicator.color-index-ok{stroke:#4eb976}.distribution__loading-indicator.color-index-disabled,.distribution__loading-indicator.color-index-unknown{stroke:#a8a8a8}.distribution__loading-indicator.color-index-graph-1,.distribution__loading-indicator.color-index-graph-6{stroke:#c3a4fe}.distribution__loading-indicator.color-index-graph-2,.distribution__loading-indicator.color-index-graph-7{stroke:#a577ff}.distribution__loading-indicator.color-index-graph-3,.distribution__loading-indicator.color-index-graph-8{stroke:#5d0cfb}.distribution__loading-indicator.color-index-graph-4,.distribution__loading-indicator.color-index-graph-9{stroke:#7026ff}.distribution__loading-indicator.color-index-graph-5,.distribution__loading-indicator.color-index-graph-10{stroke:#767676}.distribution__loading-indicator.color-index-grey-1,.distribution__loading-indicator.color-index-grey-5{stroke:#333}.distribution__loading-indicator.color-index-grey-2,.distribution__loading-indicator.color-index-grey-6{stroke:#444}.distribution__loading-indicator.color-index-grey-3,.distribution__loading-indicator.color-index-grey-7{stroke:#555}.distribution__loading-indicator.color-index-grey-4,.distribution__loading-indicator.color-index-grey-8{stroke:#666}.distribution__loading-indicator.color-index-light-1,.distribution__loading-indicator.color-index-light-3{stroke:#fff}.distribution__loading-indicator.color-index-light-2,.distribution__loading-indicator.color-index-light-4{stroke:#f5f5f5}.distribution--icons .distribution__label{padding:0 12px 12px 0}.distribution--icons .distribution__label-value{line-height:1}.distribution--small-label .distribution__label{padding-top:0;padding-left:6px}.distribution--small-label .distribution__label-value{font-size:20px;font-size:1.25rem;line-height:1.2}.distribution--small .distribution__graphic{height:96px}.distribution--large .distribution__graphic{height:288px}@-webkit-keyframes c{0%{stroke-dashoffset:768px}to{stroke-dashoffset:0}}@keyframes c{0%{stroke-dashoffset:768px}to{stroke-dashoffset:0}}@media screen and (max-width:44.9375em){.donut{width:192px;margin:0 auto}}.donut.series-pre path{stroke-dashoffset:768px}.donut__graphic-container{position:relative;width:192px;height:192px}.donut svg.donut__graphic{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible}.donut__slice{stroke-width:24px;stroke-linecap:butt;stroke-dasharray:768px 768px;stroke-dashoffset:0;fill:none;cursor:pointer;stroke:#b2b2b2}.donut__slice.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.donut__slice.color-index-unset{stroke:#ddd}.donut__slice.color-index-brand{stroke:#8c50ff}.donut__slice.color-index-critical,.donut__slice.color-index-error{stroke:#ff856b}.donut__slice.color-index-warning{stroke:#ffb86b}.donut__slice.color-index-ok{stroke:#4eb976}.donut__slice.color-index-disabled,.donut__slice.color-index-unknown{stroke:#a8a8a8}.donut__slice.color-index-graph-1,.donut__slice.color-index-graph-6{stroke:#c3a4fe}.donut__slice.color-index-graph-2,.donut__slice.color-index-graph-7{stroke:#a577ff}.donut__slice.color-index-graph-3,.donut__slice.color-index-graph-8{stroke:#5d0cfb}.donut__slice.color-index-graph-4,.donut__slice.color-index-graph-9{stroke:#7026ff}.donut__slice.color-index-graph-5,.donut__slice.color-index-graph-10{stroke:#767676}.donut__slice.color-index-grey-1,.donut__slice.color-index-grey-5{stroke:#333}.donut__slice.color-index-grey-2,.donut__slice.color-index-grey-6{stroke:#444}.donut__slice.color-index-grey-3,.donut__slice.color-index-grey-7{stroke:#555}.donut__slice.color-index-grey-4,.donut__slice.color-index-grey-8{stroke:#666}.donut__slice.color-index-light-1,.donut__slice.color-index-light-3{stroke:#fff}.donut__slice.color-index-light-2,.donut__slice.color-index-light-4{stroke:#f5f5f5}@media screen and (min-width:45em){.donut__slice{-webkit-animation:c 3s;animation:c 3s}}.donut__slice-indicator.color-index-unset{fill:#ddd}.donut__slice-indicator.color-index-brand{fill:#8c50ff}.donut__slice-indicator.color-index-critical,.donut__slice-indicator.color-index-error{fill:#ff856b}.donut__slice-indicator.color-index-warning{fill:#ffb86b}.donut__slice-indicator.color-index-ok{fill:#4eb976}.donut__slice-indicator.color-index-disabled,.donut__slice-indicator.color-index-unknown{fill:#a8a8a8}.donut__slice-indicator.color-index-graph-1,.donut__slice-indicator.color-index-graph-6{fill:#c3a4fe}.donut__slice-indicator.color-index-graph-2,.donut__slice-indicator.color-index-graph-7{fill:#a577ff}.donut__slice-indicator.color-index-graph-3,.donut__slice-indicator.color-index-graph-8{fill:#5d0cfb}.donut__slice-indicator.color-index-graph-4,.donut__slice-indicator.color-index-graph-9{fill:#7026ff}.donut__slice-indicator.color-index-graph-5,.donut__slice-indicator.color-index-graph-10{fill:#767676}.donut__slice-indicator.color-index-grey-1,.donut__slice-indicator.color-index-grey-5{fill:#333}.donut__slice-indicator.color-index-grey-2,.donut__slice-indicator.color-index-grey-6{fill:#444}.donut__slice-indicator.color-index-grey-3,.donut__slice-indicator.color-index-grey-7{fill:#555}.donut__slice-indicator.color-index-grey-4,.donut__slice-indicator.color-index-grey-8{fill:#666}.donut__slice--active{stroke-width:24px}.donut__active{position:absolute;width:100%;margin-top:72px;text-align:center;white-space:normal;pointer-events:none}.donut__active-value{font-size:36px;font-size:2.25rem;line-height:38px;font-weight:700}.donut__active-units{font-size:24px;font-size:1.5rem;line-height:inherit;margin-left:6px;color:#777;font-weight:400}.donut__active-label{width:50%;margin:0 auto;font-size:14px;font-size:.875rem;line-height:16px}.donut__max-label,.donut__min-label{position:absolute;bottom:0;color:#777;font-size:14px;font-size:.875rem;line-height:1.71429}.donut__min-label{left:12px}.donut__max-label{right:12px}.donut__legend{margin:24px 0 0}@media screen and (min-width:45em){.donut--landscape{white-space:nowrap}.donut--landscape .donut__graphic-container,.donut--landscape .donut__legend{display:inline-block;vertical-align:middle}.donut--landscape .donut__legend{margin:0 0 0 24px}}.donut--portrait .donut__graphic-container{display:block}.donut--portrait .donut__legend{margin:24px 0 0}.donut--partial .donut__graphic-container{height:168px}.donut--small .donut__graphic-container{width:144px;height:144px}.donut--small .donut__active{margin-top:48px}@media screen and (min-width:45em){.donut--small .donut__legend{display:none}}.drop{position:fixed;z-index:5;background-color:hsla(0,0%,100%,.9);border:none;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.3);overflow:auto}.footer{min-height:36px;line-height:36px;width:100%}.footer__content{display:flex;justify-content:space-between;width:100%;padding-left:24px;padding-right:24px}.footer__content.center-column__content>.menu:first-child{flex:0 0 auto;width:192px}@media screen and (max-width:44.9375em){.footer__content.center-column__content>.menu:first-child{width:100%}.footer__content.center-column__content>.menu:first-child:empty{width:0;margin:0;padding:0}}.footer__content>.flex-1{flex:1}.footer__content>.flex-2{flex:2}.footer__content>.flex-3{flex:3}.footer__content>.flex-4{flex:4}.footer__content>*{margin-right:48px}.footer__content>:last-child{margin-right:0;text-align:left}.footer--primary{height:auto;padding:24px}.footer--primary .footer__content{position:relative;color:#777;display:block}.footer--primary .footer__content p{padding-top:12px;margin:0;max-width:none;text-align:right;line-height:24px}.footer--centered .footer__content{display:block;text-align:center}.footer--centered .footer__content>*{margin-right:auto;margin-left:auto;text-align:center}.footer--flush .footer__content{padding-left:0;padding-right:0}.footer--large .footer__content{padding-top:24px;padding-bottom:24px}.footer__container--float{padding-left:24px;padding-right:24px}.footer__container--float,:not(.footer__container--float)>.footer--float{position:absolute;bottom:0;left:0;right:0}.form{position:relative}@media screen and (min-width:45em){.form{width:480px;max-width:100%}.form .form-field .tiles__container{max-width:480px}}.form--pad-none{padding:0}.form--pad-small{padding:12px}.form--pad-medium{padding:24px}.form--pad-large{padding:48px}.form--pad-horizontal-none{padding-left:0;padding-right:0}.form--pad-horizontal-small{padding-left:12px;padding-right:12px}.form--pad-horizontal-medium{padding-left:24px;padding-right:24px}.form--pad-horizontal-large{padding-left:48px;padding-right:48px}.form--pad-vertical-none{padding-top:0;padding-bottom:0}.form--pad-vertical-small{padding-top:12px;padding-bottom:12px}.form--pad-vertical-medium{padding-top:24px;padding-bottom:24px}.form--pad-vertical-large{padding-top:48px;padding-bottom:48px}.form>.header .header__wrapper{background-color:inherit}.form fieldset{border:none;margin:0;margin-bottom:2rem;margin-top:24px}.form fieldset:first-child{margin-top:0}.form fieldset:last-child{margin-bottom:0}.form fieldset>legend{font-size:24px;font-size:1.5rem;line-height:1;font-weight:600;margin-bottom:12px}.form fieldset>:not(.form-field)+.form-field{margin-top:12px}.form fieldset>.form-field+:not(.form-field):not(.form-fields){margin-top:24px}.form fieldset>.form-fields{display:flex;flex-direction:row}.form fieldset>.form-fields .form-field{margin-bottom:-1px}.form--fill{min-width:0}.form--compact{max-width:288px}.form-field{position:relative;padding:6px 24px;border:1px solid #ccc;margin-bottom:-1px;background-color:#fff;color:#333;opacity:1}@media screen and (min-width:45em){.form-field{width:100%;overflow:auto;transition:all .4s,padding-top .3s .1s,padding-bottom .3s .1s}}@media screen and (max-width:44.9375em){.form-field{display:block}}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field{background-color:transparent;color:#dbdbdb}.form--fill .form-field{width:100%}.form-field:last-child{margin-bottom:0}.form-field__label{display:block;font-size:14px;font-size:.875rem;line-height:24px;color:#777}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__label{color:#dbdbdb}.form-field__contents{display:block;margin-left:-24px;margin-right:-24px}.form-field__contents>.calendar input,.form-field__contents>.search-input input,.form-field__contents>input[type=email],.form-field__contents>input[type=file],.form-field__contents>input[type=number],.form-field__contents>input[type=password],.form-field__contents>input[type=range],.form-field__contents>input[type=text],.form-field__contents>select,.form-field__contents>textarea{display:block;width:100%;border:none;padding:0;padding-left:24px;padding-right:24px;border-radius:0;font-size:16px;font-size:1rem;line-height:1.5}.form-field__contents>.calendar input:focus,.form-field__contents>.search-input input:focus,.form-field__contents>input[type=email]:focus,.form-field__contents>input[type=file]:focus,.form-field__contents>input[type=number]:focus,.form-field__contents>input[type=password]:focus,.form-field__contents>input[type=range]:focus,.form-field__contents>input[type=text]:focus,.form-field__contents>select:focus,.form-field__contents>textarea:focus{border:none}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>.calendar input,[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>.search-input input,[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=email],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=file],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=number],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=password],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=range],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>input[type=text],[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>select,[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>textarea{color:#fff}.form-field__contents>input[type=range]{width:calc(100% - 48px);margin-left:24px;margin-right:24px;padding-left:0;padding-right:0}.form-field__contents>select{display:block;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAABGdBTUEAALGPC/xhBQAAATdJREFUOBGlUjFqw0AQ1AWBCWpd+A1pXOYHJk38BZeSOkPS5BERaWRJTcCNH2A3xj9waRf+hGsJAoLLjNk77iLFIXhB7NzO3OjuGBUEgaqqaos+wXdL7eI4frqDg27bdoZ+vsHtLB5aGZOyLJ+VUmut9Rdmj0mSHAzX16EfY77HngH2TKHfUMcTXooDEAsKMFhlWXYvVKcJtxKzhTGj0Bpy0TTNK0xPED5EUfTOWV+Ro4Za7nE19spm+NtVHP7q03gn5Ca+Hf78RoxTfOZ5PiJmEXNGTA21xG51DEmmafqBtsM3DMNwic6bKMFDcqIB9Cv0l3Z1iRIMjphMiqKYC8Os2ohYtQM6b+hwwY8o8Qm8iLhag3uvbEiJQ0EjMfMiYnRuv2pIYV3XL4xHX0Rco39hRkni9Oe+bw49m1YsR5tyAAAAAElFTkSuQmCC);background-position:center right 18px;padding-left:22px}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__contents>select{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAABGdBTUEAALGPC/xhBQAAATtJREFUOBGdkk1KxEAQhdNiEPdZeIEk4MalNwhu9ApeQdCNhxBc6U5w4wHGjcwBAi4VMpDkCCYHkEDi+4bp0JNp/6ag6ErVey9VRZkgCExVVS/GmEzx1jYMwzxJkpMdKQxd150r8bGtGlw00DJWpK7rU8UzFT/lx2mavtma7y3L8khTvcr3VD+L4/gZHB0ujUTf93cA5E95nu/b2vSlBgYsHCsGbhTko23bK3W3EPAwiqIbcj6jBgYsHBczjmyT341i67+tZq1DSOxOf78mVgcPRVEcEGPE5IjB+Pa8IQhYO7kVcS5SFIbhI3ycmBw1MGCntjtNrL6XpySBdwlkGvNilc8kNp6Ij7uxQxfk7ou8xNdOxMXa2DuyLXIO6ugeIXx6Ihbnvj8KAmya5lKiC3x6Iq7Qv2JOCf8L6QsuVKvxz0iZVQAAAABJRU5ErkJggg==)}.form-field__contents>select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.form-field__contents ::-ms-clear,.form-field__contents>select::-ms-expand{display:none}.form-field__contents>select::-ms-value{background:none;color:inherit}.form-field__contents>textarea{vertical-align:top;height:auto;resize:vertical}.form-field__contents>.check-box,.form-field__contents>.radio-button{display:block;font-size:16px;font-size:1rem;line-height:1.5;margin:12px 24px}.form-field__contents>.calendar,.form-field__contents>.search-input{display:block}.form-field__contents>.calendar input,.form-field__contents>.search-input input{margin-left:0;margin-right:0}.form-field__contents>.calendar .calendar__control,.form-field__contents>.calendar .search-input__control,.form-field__contents>.search-input .calendar__control,.form-field__contents>.search-input .search-input__control{top:auto;right:6px;transform:none;bottom:-6px}.form-field__contents>.number-input{display:flex;padding-right:6px}.form-field__contents>.number-input input[type=number]{display:inline-block;flex:1;border:none}.form--compact .form-field__contents>.number-input input[type=number]{width:144px}.form-field__contents>input[type=file]{display:inline-block}.form-field__contents>.table--selectable{font-size:16px;font-size:1rem;line-height:1.5}.form-field__contents>.table--selectable table{margin-bottom:0}.form-field__contents>.table--selectable table td:first-child,.form-field__contents>.table--selectable table th:first-child{padding-left:24px}.form-field__contents>.form-field{width:auto;margin-top:12px;border:none}.form-field__contents>.form-field>.form-field__label{border-top:1px solid #ccc;padding-top:6px}.form-field__contents>.form-field--hidden{margin-top:0}.form-field__help{display:block;font-size:13px;font-size:.8125rem;line-height:1.84615;color:#777}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__help{color:#dbdbdb}.form-field__error{display:block;float:right;color:#ff856b;line-height:24px}[class*=background-color-index-]:not([class*=background-color-index-light]) .form-field__error{color:#dbdbdb}.form-field--text,.form-field--text .form-field__label{cursor:pointer}@media screen and (max-width:44.9375em){.form-field--hidden{display:none}}@media screen and (min-width:45em){.form-field--hidden{border:none;margin-bottom:0;padding-top:0;padding-bottom:0;opacity:0;overflow:hidden;max-height:0;transition:max-height .2s,all .4s}}.form-field--error{z-index:1;border-color:#ff856b}.form-field--focus{z-index:2;border-color:#c3a4fe}.header{height:72px;width:100%;margin-bottom:0}.header--large{height:96px}.header--small{height:48px}.header.box>:not(:last-child){margin-right:12px}.header a{color:inherit}.header a,.header a:hover{text-decoration:none}.header .status-icon{flex-grow:0;flex-shrink:0}.header>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}header.header{font-size:24px;font-size:1.5rem;line-height:inherit;-webkit-transform:translate(0);transform:translate(0);transition:-webkit-transform .5s;transition:transform .5s}:not(.header__container--float)>header.header--float{position:absolute;top:0;left:0;right:0}header.header--primary .header__wrapper{border-bottom:none}header.header h1,header.header h2,header.header h3,header.header h4,header.header h5{margin-bottom:0}header.header.header--splash{-webkit-transform:translateY(40vh);transform:translateY(40vh)}header.header.box--direction-row>*{margin-bottom:0}.header:not(header).box--separator-top{padding-top:6px}.header:not(header).box--separator-bottom{padding-bottom:6px}div.header__container{flex-shrink:0}div.header__container--fixed{position:relative}div.header__container--fixed .header__wrapper{position:absolute;top:0;left:0;right:0;z-index:3}@media screen and (min-width:45em){div.header__container--fixed .header__wrapper .header{position:fixed}div.header__container--fixed .header__wrapper .header:not(.header--float){background-color:hsla(0,0%,100%,.9)}}div.header__container--float{position:absolute;top:0;left:0;right:0;padding-left:24px;padding-right:24px}div.header__wrapper{height:72px}div.header--large .header__wrapper{height:96px}div.header--large .header__content{line-height:96px}div.header--small .header__wrapper{height:48px}div.header--small .header__content{line-height:48px}div.header--fixed .header__wrapper{position:absolute;top:0;left:0;right:0;background-color:hsla(0,0%,100%,.9);z-index:3}div.header--fixed.header--primary .header__wrapper{position:fixed;background-color:hsla(0,0%,100%,.9)}div.header--fixed.header--primary .header__content{position:static;background-color:transparent}div.header--flush .header__wrapper{padding-left:0;padding-right:0}.headline{font-size:48px;font-size:3rem;line-height:1;font-weight:100;margin-bottom:24px;max-width:100%}.headline--large{font-size:60px;font-size:3.75rem;line-height:1.2}.headline--small{font-size:30px;font-size:1.875rem;line-height:1.6}.headline--strong{font-weight:600}.control-icon{display:inline-block;width:24px;height:24px;vertical-align:middle;cursor:pointer;fill:#999;stroke:#999;flex:0 0 auto}.control-icon :not([stroke])[fill=none]{stroke-width:0}.control-icon [stroke]{stroke:inherit}.control-icon [fill*="#"]{fill:inherit}.control-icon.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.control-icon.color-index-unset{stroke:#ddd}.control-icon.color-index-brand{stroke:#8c50ff}.control-icon.color-index-critical,.control-icon.color-index-error{stroke:#ff856b}.control-icon.color-index-warning{stroke:#ffb86b}.control-icon.color-index-ok{stroke:#4eb976}.control-icon.color-index-disabled,.control-icon.color-index-unknown{stroke:#a8a8a8}.control-icon.color-index-graph-1,.control-icon.color-index-graph-6{stroke:#c3a4fe}.control-icon.color-index-graph-2,.control-icon.color-index-graph-7{stroke:#a577ff}.control-icon.color-index-graph-3,.control-icon.color-index-graph-8{stroke:#5d0cfb}.control-icon.color-index-graph-4,.control-icon.color-index-graph-9{stroke:#7026ff}.control-icon.color-index-graph-5,.control-icon.color-index-graph-10{stroke:#767676}.control-icon.color-index-grey-1,.control-icon.color-index-grey-5{stroke:#333}.control-icon.color-index-grey-2,.control-icon.color-index-grey-6{stroke:#444}.control-icon.color-index-grey-3,.control-icon.color-index-grey-7{stroke:#555}.control-icon.color-index-grey-4,.control-icon.color-index-grey-8{stroke:#666}.control-icon.color-index-light-1,.control-icon.color-index-light-3{stroke:#fff}.control-icon.color-index-light-2,.control-icon.color-index-light-4{stroke:#f5f5f5}.control-icon.color-index-unset{fill:#ddd}.control-icon.color-index-brand{fill:#8c50ff}.control-icon.color-index-critical,.control-icon.color-index-error{fill:#ff856b}.control-icon.color-index-warning{fill:#ffb86b}.control-icon.color-index-ok{fill:#4eb976}.control-icon.color-index-disabled,.control-icon.color-index-unknown{fill:#a8a8a8}.control-icon.color-index-graph-1,.control-icon.color-index-graph-6{fill:#c3a4fe}.control-icon.color-index-graph-2,.control-icon.color-index-graph-7{fill:#a577ff}.control-icon.color-index-graph-3,.control-icon.color-index-graph-8{fill:#5d0cfb}.control-icon.color-index-graph-4,.control-icon.color-index-graph-9{fill:#7026ff}.control-icon.color-index-graph-5,.control-icon.color-index-graph-10{fill:#767676}.control-icon.color-index-grey-1,.control-icon.color-index-grey-5{fill:#333}.control-icon.color-index-grey-2,.control-icon.color-index-grey-6{fill:#444}.control-icon.color-index-grey-3,.control-icon.color-index-grey-7{fill:#555}.control-icon.color-index-grey-4,.control-icon.color-index-grey-8{fill:#666}@media screen and (min-width:45em){.control-icon{transition:all .3s ease-in-out}}.anchor:hover:not(.anchor--disabled) .control-icon,.button:hover:not(.anchor--disabled) .control-icon,.menu__control:hover .control-icon,a:hover .control-icon{fill:#000;stroke:#000}.control-icon__badge circle{fill:#c3a4fe}.control-icon__badge text{stroke:#333;fill:#333}.button--primary .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .control-icon{fill:#dbdbdb;stroke:#dbdbdb}.button--primary:hover .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .anchor:hover>.control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .button:hover>.control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu__control:hover>.control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a:hover>.control-icon{fill:#fff;stroke:#fff}.control-icon--active{fill:#000;stroke:#000}.control-icon--large{width:48px;height:48px}.status-icon{width:24px;height:24px;vertical-align:middle;flex:0 0 auto}.status-icon .status-icon__base{fill:#a8a8a8}.status-icon-critical .status-icon__base,.status-icon-error .status-icon__base{fill:#ff856b}.status-icon-warning .status-icon__base{fill:#ffb86b}.status-icon-ok .status-icon__base{fill:#4eb976}.status-icon-disabled .status-icon__base,.status-icon-label .status-icon__base,.status-icon-unknown .status-icon__base{fill:#a8a8a8}.status-icon__detail{fill:#fff;stroke:#fff}.status-icon-unknown .status-icon__detail{fill:#a8a8a8;stroke:#a8a8a8}.status-icon--large{width:48px;height:48px}.status-icon--small{width:12px;height:12px;margin-top:6px;margin-bottom:6px}.status-icon--small .status-icon__detail{display:none}@-webkit-keyframes d{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes d{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.icon-changing{width:24px;height:24px;-webkit-animation:d 1.5s linear infinite;animation:d 1.5s linear infinite}.icon-changing--small{width:12px;height:12px}.icon-spinning{width:24px;height:24px;-webkit-animation:d 4s steps(4,end) infinite;animation:d 4s steps(4,end) infinite}.icon-spinning--small{width:12px;height:12px}.logo-icon{width:48px;height:48px}.logo-icon.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.logo-icon.color-index-unset{stroke:#ddd}.logo-icon.color-index-brand{stroke:#8c50ff}.logo-icon.color-index-critical,.logo-icon.color-index-error{stroke:#ff856b}.logo-icon.color-index-warning{stroke:#ffb86b}.logo-icon.color-index-ok{stroke:#4eb976}.logo-icon.color-index-disabled,.logo-icon.color-index-unknown{stroke:#a8a8a8}.logo-icon.color-index-graph-1,.logo-icon.color-index-graph-6{stroke:#c3a4fe}.logo-icon.color-index-graph-2,.logo-icon.color-index-graph-7{stroke:#a577ff}.logo-icon.color-index-graph-3,.logo-icon.color-index-graph-8{stroke:#5d0cfb}.logo-icon.color-index-graph-4,.logo-icon.color-index-graph-9{stroke:#7026ff}.logo-icon.color-index-graph-5,.logo-icon.color-index-graph-10{stroke:#767676}.logo-icon.color-index-grey-1,.logo-icon.color-index-grey-5{stroke:#333}.logo-icon.color-index-grey-2,.logo-icon.color-index-grey-6{stroke:#444}.logo-icon.color-index-grey-3,.logo-icon.color-index-grey-7{stroke:#555}.logo-icon.color-index-grey-4,.logo-icon.color-index-grey-8{stroke:#666}.logo-icon.color-index-light-1,.logo-icon.color-index-light-3{stroke:#fff}.logo-icon.color-index-light-2,.logo-icon.color-index-light-4{stroke:#f5f5f5}.logo-icon--small{width:24px;height:24px}.logo-icon--large{width:96px;height:96px}.image--medium{width:576px}.image--large{width:960px}.image--small{width:240px}.image--full{width:100%;height:100%}.image--full-horizontal{width:100%}.image--full-vertical{height:100%}@media screen and (max-width:44.9375em){.label__text{display:none}}@media screen and (min-width:45em){.label__icon{display:none}}a.active>.label .label__icon.control-icon svg{fill:#000;stroke:#000}.layer{position:relative;z-index:4}@media screen and (min-width:45em){.layer{position:fixed;top:0;left:0;right:0;bottom:0}}@media screen and (max-width:44.9375em){.layer:not(.layer--hidden)+.app{display:none}}.layer__container{background-color:#fff}@media screen and (max-width:44.9375em){.layer__container{padding:0 24px;border-bottom:1px solid #ccc;box-shadow:0 2px 4px rgba(0,0,0,.3)}}@media screen and (min-width:45em){.layer__container{position:absolute;max-height:100%;max-width:100%;overflow:auto;padding:0 48px;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.3)}}.layer__closer{position:absolute;top:0;right:0;z-index:1}.layer--flush .layer__container{padding:0}@media screen and (min-width:45em){.layer--align-center:not(.layer--hidden){background-image:radial-gradient(circle at top,#fff,#fff 20%,hsla(0,0%,50%,.6))}.layer--align-center:not(.layer--hidden) .layer__container{left:50%;top:50%;max-height:calc(100vh - 48px);max-width:calc(100vw - 48px);transform:translate(-50%,-50%)}}@media screen and (min-width:45em){.layer--align-left:not(.layer--hidden){background-image:radial-gradient(circle at left,#fff,#fff 20%,hsla(0,0%,50%,.6))}}.layer--align-left:not(.layer--hidden) .layer__container{top:0;bottom:0;left:0}@media screen and (min-width:45em){.layer--align-left:not(.layer--hidden) .layer__container{-webkit-animation:f .2s ease-in-out forwards;animation:f .2s ease-in-out forwards}}@media screen and (min-width:45em){.layer--align-right:not(.layer--hidden){background-image:radial-gradient(circle at right,#fff,#fff 20%,hsla(0,0%,50%,.6))}}.layer--align-right:not(.layer--hidden) .layer__container{top:0;bottom:0;right:0;display:flex;flex-direction:column;justify-content:center}@media screen and (min-width:45em){.layer--align-right:not(.layer--hidden) .layer__container{-webkit-animation:g .2s ease-in-out forwards;animation:g .2s ease-in-out forwards}}@media screen and (min-width:45em){.layer--align-top:not(.layer--hidden){background-image:radial-gradient(circle at top,#fff,#fff 20%,hsla(0,0%,50%,.6))}.layer--align-top:not(.layer--hidden) .layer__container{left:50%;transform:translateX(-50%)}}@media screen and (min-width:45em) and (min-width:45em){.layer--align-top:not(.layer--hidden) .layer__container{-webkit-animation:h .2s ease-in-out forwards;animation:h .2s ease-in-out forwards}}@media screen and (min-width:45em){.layer--align-bottom:not(.layer--hidden){background-image:radial-gradient(circle at bottom,#fff,#fff 20%,hsla(0,0%,50%,.6))}}.layer--align-bottom:not(.layer--hidden) .layer__container{bottom:0}.layer--hidden{left:-10000px;z-index:-1}.layer--hidden.layer--align-left{right:auto}.layer--hidden.layer--align-left .layer__container{left:-100vw}@media screen and (max-width:44.9375em){.layer--hidden{display:none}}@media screen and (min-width:45em){.layer--hidden.layer--peek{left:0;z-index:4}.layer--hidden.layer--peek.layer--align-left{right:auto}.layer--hidden.layer--peek.layer--align-left .layer__container{left:auto;right:-12px;border-right:10px solid #8c50ff;-webkit-animation:e .5s ease-in-out alternate 5;animation:e .5s ease-in-out alternate 5}}@-webkit-keyframes e{0%{right:-6px}to{right:-12px}}@keyframes e{0%{right:-6px}to{right:-12px}}@-webkit-keyframes f{0%{left:-100vw}to{left:0}}@keyframes f{0%{left:-100vw}to{left:0}}@-webkit-keyframes g{0%{right:-100vw}to{right:0}}@keyframes g{0%{right:-100vw}to{right:0}}@-webkit-keyframes h{0%{top:-100vh}to{top:0}}@keyframes h{0%{top:-100vh}to{top:0}}.list{list-style-type:none;margin:0;padding:0;overflow:auto}.list__empty,.list__more{padding:12px 24px}.list__empty{color:#777;font-style:italic}.list .list-item{max-width:none}.list .list-item__image{height:24px;width:24px;margin-right:24px;overflow:hidden;flex:0 0 auto}.list .list-item__image img{height:100%;width:100%;max-width:none;object-fit:cover}.list .list-item__annotation,.list .list-item__label{flex:1}.list .list-item__annotation{margin-left:24px;color:#777}.list .list-item--selectable{cursor:pointer}.list .list-item--selectable:hover{background-color:rgba(0,0,0,.1)}.list .list-item--selected{background-color:#d9c5ff;color:#333}.list .list-item--row .list-item__annotation{text-align:right}.list--selectable .list-item{cursor:pointer;transition:background-color .2s}.list--selectable .list-item--selected{background-color:#d9c5ff;color:#333}.list--selectable .list-item:hover:not(.list-item--selected){background-color:rgba(0,0,0,.1);color:#000}.list--small .list-item__image,.list--small .list__more__image{height:12px;width:12px}.list--large .list-item__image,.list--large .list__more__image{height:48px;width:48px}.legend{text-align:left;list-style-type:none;white-space:normal;display:inline-block;margin:0}.legend__item,.legend__total{color:#777}.legend__item>*,.legend__total>*{vertical-align:top}.legend__item-label,.legend__total-label{display:inline-block;width:72px}.legend__item-value,.legend__total-value{display:inline-block;width:72px;text-align:right}.legend__item-units,.legend__total-units{display:inline-block;margin-left:6px}.legend__item--clickable{cursor:pointer}.legend__item svg.legend__item-swatch{width:12px;height:12px;margin-top:6px;margin-right:12px;overflow:visible}.legend__item svg.legend__item-swatch.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.legend__item svg.legend__item-swatch.color-index-unset{stroke:#ddd}.legend__item svg.legend__item-swatch.color-index-brand{stroke:#8c50ff}.legend__item svg.legend__item-swatch.color-index-critical,.legend__item svg.legend__item-swatch.color-index-error{stroke:#ff856b}.legend__item svg.legend__item-swatch.color-index-warning{stroke:#ffb86b}.legend__item svg.legend__item-swatch.color-index-ok{stroke:#4eb976}.legend__item svg.legend__item-swatch.color-index-disabled,.legend__item svg.legend__item-swatch.color-index-unknown{stroke:#a8a8a8}.legend__item svg.legend__item-swatch.color-index-graph-1,.legend__item svg.legend__item-swatch.color-index-graph-6{stroke:#c3a4fe}.legend__item svg.legend__item-swatch.color-index-graph-2,.legend__item svg.legend__item-swatch.color-index-graph-7{stroke:#a577ff}.legend__item svg.legend__item-swatch.color-index-graph-3,.legend__item svg.legend__item-swatch.color-index-graph-8{stroke:#5d0cfb}.legend__item svg.legend__item-swatch.color-index-graph-4,.legend__item svg.legend__item-swatch.color-index-graph-9{stroke:#7026ff}.legend__item svg.legend__item-swatch.color-index-graph-5,.legend__item svg.legend__item-swatch.color-index-graph-10{stroke:#767676}.legend__item svg.legend__item-swatch.color-index-grey-1,.legend__item svg.legend__item-swatch.color-index-grey-5{stroke:#333}.legend__item svg.legend__item-swatch.color-index-grey-2,.legend__item svg.legend__item-swatch.color-index-grey-6{stroke:#444}.legend__item svg.legend__item-swatch.color-index-grey-3,.legend__item svg.legend__item-swatch.color-index-grey-7{stroke:#555}.legend__item svg.legend__item-swatch.color-index-grey-4,.legend__item svg.legend__item-swatch.color-index-grey-8{stroke:#666}.legend__item svg.legend__item-swatch.color-index-light-1,.legend__item svg.legend__item-swatch.color-index-light-3{stroke:#fff}.legend__item svg.legend__item-swatch.color-index-light-2,.legend__item svg.legend__item-swatch.color-index-light-4{stroke:#f5f5f5}.legend__item svg.legend__item-swatch path{stroke-width:12px;transition-property:stroke-width;transition-duration:.3s;transition-timing-function:ease-in-out}.legend__item--active{color:#333}.legend__item--active svg.legend__item-swatch path{stroke-width:12px}.legend__total{margin-left:24px}.legend__total>*{margin-top:6px;padding-top:6px;border-top:1px dotted #ccc}.legend--single .legend__item-value{font-size:36px;font-size:2.25rem;line-height:1.33333;font-weight:700;width:auto}.legend--single .legend__item-units{font-size:24px;font-size:1.5rem;line-height:inherit;margin-left:6px;color:#777;font-weight:400}.login{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:6}.login__background{position:absolute;max-width:none}.login__background--portrait{width:auto;height:100%}.login__background--landscape{height:auto;width:100%}.login__container{position:relative;width:384px;margin:96px auto;z-index:1;-webkit-animation-name:b;-webkit-animation-duration:.5s;animation-name:b;animation-duration:.5s}@media screen and (max-width:44.9375em){.login__container{margin:48px 0;width:100%;border-radius:0}}.login__footer{position:absolute;left:0;right:0;bottom:6px;padding:6px 24px;background-color:hsla(0,0%,100%,.9);text-align:center}.login-form{position:relative;width:384px;padding:24px;padding-bottom:48px;background-color:#fff;text-align:center;z-index:1;-webkit-animation-name:b;-webkit-animation-duration:.5s;animation-name:b;animation-duration:.5s}@media screen and (max-width:44.9375em){.login-form{width:100%;border-radius:0}}.login-form__secondary-text{color:#777}.login-form fieldset{text-align:left;border:none;margin-bottom:0}.login-form fieldset>*{width:100%;display:block}.login-form__remember-me{display:block;margin-top:24px;text-align:left}.login-form__submit{margin-top:24px;width:100%}.login-form__error{margin-bottom:12px;color:#ff856b;text-align:left}.login-form__footer{margin-top:12px;display:flex;justify-content:space-between;line-height:36px}.map{position:relative;padding:24px}.map__canvas{position:absolute;top:0;left:0;z-index:-1;opacity:.1}.map__canvas--highlight{opacity:1}.map__categories{margin:0;list-style-type:none}.map__category{position:relative;padding-top:24px;margin-bottom:12px;max-width:none}.map__category-label{position:absolute;top:0;left:0;font-size:14px;font-size:.875rem;line-height:1.71429}.map__category-items{margin:0;list-style-type:none;overflow:hidden;text-align:center}.map__item{display:inline-block;width:192px;border:1px solid #ccc;margin-right:12px;margin-bottom:12px;background-color:#fff;font-size:16px;font-size:1rem;line-height:1.5}.map__item>a{display:block;padding:6px 12px;transition:background-color .2s}.map__item>a>*{display:inline-block}.map__item>a:hover{background-color:rgba(0,0,0,.1)}.map__item .status-icon{margin-right:6px}.map__item--active{border-color:#000}.menu{position:relative;font-size:19px;font-size:1.1875rem;line-height:inherit}.menu:focus{outline:none}.menu:focus:not(.menu--expanded):after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border:1px solid #c3a4fe;box-shadow:0 0 1px 1px #c3a4fe;pointer-events:none}.menu>*{flex:0 0 auto}.menu a:not(.button){text-decoration:none}.menu a:not(.button).active,.menu a:not(.button):hover{color:#6e22ff}.menu__control .control-icon-down{width:12px;height:12px}.menu__control .control-icon-down path,.menu__control .control-icon-down polyline{stroke-width:4px}.menu__drop{font-size:16px;font-size:1rem;line-height:inherit;max-height:100vh}.menu__drop .anchor{padding:12px 24px;white-space:nowrap;display:block}.menu__drop .anchor:focus,.menu__drop .anchor:hover{text-decoration:none;background-color:rgba(0,0,0,.1)}.menu__drop .check-box,.menu__drop .radio-button{margin-top:12px;margin-bottom:12px}.menu__drop--align-right{text-align:right}.menu__drop--align-right .menu__contents{text-align:left}.menu__drop--large .menu__control{line-height:96px}.menu--controlled{display:inline-block;cursor:pointer}.menu--controlled.menu--large{line-height:96px}.menu--controlled.menu--small{height:24px}.menu--inline.menu--row.box--justify-end>:not(.control-icon){margin-left:24px;margin-right:0}.menu--inline.menu--row.box--justify-end>:not(.control-icon):first-child{margin-left:0}.menu--inline.menu--row>:not(.control-icon):not(.button){margin-left:0;margin-right:24px}.menu--inline.menu--row>:not(.control-icon):not(.button):last-child{margin-right:0}@media screen and (max-width:44.9375em){.menu--inline.menu.box--direction-row.box--responsive>*{margin-right:0}}.menu--inline.menu.box--direction-column a:not(.button){margin-bottom:6px}.menu--small{font-size:16px;font-size:1rem;line-height:1.5}.menu--small .menu__control-drop-icon{margin-left:6px}.menu--small .menu__control-icon svg{width:18px;height:18px}.menu--primary>.menu{width:100%}.menu--primary>a:not(.button){padding:6px 24px;border-right:6px solid transparent;margin-bottom:0;width:100%}.menu--primary>a:not(.button):hover{text-decoration:none}.menu--primary>a:not(.button):hover:not(.active){background-color:rgba(0,0,0,.1)}.menu--primary>a:not(.button).active{border-color:#8c50ff}@media screen and (max-width:44.9375em){.menu--primary.menu--down,.menu--primary.menu--down>*{display:block}}.menu--inline.menu.box--direction-column>.menu:not(:first-of-type) h2,.menu--inline.menu.box--direction-column>.menu:not(:first-of-type) h3,.menu__drop.box--direction-column>.menu:not(:first-of-type) h2,.menu__drop.box--direction-column>.menu:not(:first-of-type) h3{margin-top:24px}.menu--inline.menu>hr,.menu__drop>hr{margin:12px 24px 18px;height:1px;background-color:#ccc;border:none}.menu--inline.menu.box.box--separator-top,.menu__drop.box.box--separator-top{border-color:transparent}.menu--inline.menu.box.box--separator-top:before,.menu__drop.box.box--separator-top:before{content:'';margin:12px 24px 18px;height:1px;background-color:#ccc}.menu--inline.menu--small,.menu__drop--small{font-size:1em}.menu--inline.menu--small .menu__control-label,.menu__drop--small .menu__control-label{padding:12px}.menu--inline.menu--small .menu__control-icon svg,.menu__drop--small .menu__control-icon svg{width:18px;height:18px}.menu--inline.menu--small>a,.menu__drop--small>a{padding:6px 12px}.menu--inline.menu .menu__control-label,.menu__drop .menu__control-label{font-size:19px}.menu--inline.menu a,.menu__drop a{text-decoration:none}.menu--inline.menu--large>a,.menu__drop--large>a{padding:24px 48px}@media screen and (max-width:44.9375em){.menu--inline.menu.box--responsive>*,.menu__drop.box--responsive>*{margin-left:0;margin-right:0}.menu--inline.menu.box--responsive .button,.menu__drop.box--responsive .button{width:100%;margin-bottom:12px}.menu--inline.menu.box--responsive .menu,.menu__drop.box--responsive .menu{margin-bottom:36px}}@media screen and (max-width:44.9375em){.menu__drop{max-width:100%;width:100vw}}@-webkit-keyframes i{0%{stroke-dashoffset:192px}to{stroke-dashoffset:0}}@keyframes i{0%{stroke-dashoffset:192px}to{stroke-dashoffset:0}}@-webkit-keyframes j{0%{stroke-dashoffset:-192px}to{stroke-dashoffset:0}}@keyframes j{0%{stroke-dashoffset:-192px}to{stroke-dashoffset:0}}.meter{display:inline-block;position:relative}.meter__slice{stroke-width:4px}.meter__threshold{stroke:rgba(51,51,51,.2)}.meter__value-container{position:relative;display:inline-block}.meter__graphic-container{white-space:normal}.meter__graphic-container>a{text-decoration:none}.meter__value{white-space:normal;pointer-events:none}.meter__value--active{pointer-events:auto;cursor:pointer}.meter__value-value{font-size:36px;font-size:2.25rem;line-height:38px;font-weight:700}.meter__value-units{font-size:24px;font-size:1.5rem;line-height:inherit;margin-left:6px;color:#777;font-weight:400}.meter__minmax-container,.meter__value-label{display:block}.meter__minmax{display:flex;justify-content:space-between;color:#777;font-size:14px;font-size:.875rem;line-height:1.71429}.meter__label-max,.meter__label-min{flex:0 0 48px}.meter__label-max{text-align:right}.meter__label{fill:#777}.meter__label--active{fill:#000}.meter--legend-right{white-space:nowrap}.meter--legend-right .meter__legend{vertical-align:top;margin-left:24px}.meter--legend-right:not(.meter--tall-legend) .meter__legend{position:relative;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.meter--legend-bottom .meter__legend{margin-top:24px;display:block}.meter:not(.meter--vertical) .meter__graphic-container{display:inline-block}.meter:not(.meter--vertical) .meter__minmax-container{display:block;width:192px}.meter:not(.meter--vertical) .meter__minmax{width:100%}.meter:not(.meter--vertical).meter--small .meter__minmax-container{width:96px}.meter:not(.meter--vertical).meter--large .meter__minmax-container{width:288px}.meter--vertical .meter__graphic-container{display:inline-block;white-space:nowrap}.meter--vertical .meter__minmax-container{height:192px}.meter--vertical .meter__minmax{flex-direction:column;height:100%}.meter--vertical .meter__minmax-min{order:1}.meter--vertical .meter__minmax-max{order:0}.meter--vertical .meter__label-max,.meter--vertical .meter__label-min{flex:0 0 auto;text-align:left}.meter--vertical .meter__label-min{order:1}.meter--vertical .meter__label-max{order:0}.meter--vertical .meter__value-label{display:block}.meter--vertical.meter--small .meter__minmax-container{height:96px}.meter--vertical.meter--large .meter__minmax-container{height:288px}.meter--small .meter__slice{stroke-width:8px}.meter--small .meter__values .meter__slice:hover{stroke-width:24px}.meter--small .meter__value-value{font-size:20px;font-size:1.25rem;line-height:1.2}.meter--small .meter__value-units{font-size:16px;font-size:1rem;line-height:1.5}.meter--large .meter__value-value{font-size:64px;font-size:4rem;line-height:1.125}.meter--large .meter__value-units{font-size:48px;font-size:3rem;line-height:1}.meter.meter--active .meter__values .meter__slice:hover,.meter.meter--active:not(.meter--single) .meter__values .meter__slice.meter__slice--active{stroke-width:12px}.meter--bar .meter__slice{stroke-linecap:butt;stroke-dasharray:192px 192px;stroke-dashoffset:0}.meter--bar .meter__values .meter__slice.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.meter--bar .meter__values .meter__slice.color-index-unset{stroke:#ddd}.meter--bar .meter__values .meter__slice.color-index-brand{stroke:#8c50ff}.meter--bar .meter__values .meter__slice.color-index-critical,.meter--bar .meter__values .meter__slice.color-index-error{stroke:#ff856b}.meter--bar .meter__values .meter__slice.color-index-warning{stroke:#ffb86b}.meter--bar .meter__values .meter__slice.color-index-ok{stroke:#4eb976}.meter--bar .meter__values .meter__slice.color-index-disabled,.meter--bar .meter__values .meter__slice.color-index-unknown{stroke:#a8a8a8}.meter--bar .meter__values .meter__slice.color-index-graph-1,.meter--bar .meter__values .meter__slice.color-index-graph-6{stroke:#c3a4fe}.meter--bar .meter__values .meter__slice.color-index-graph-2,.meter--bar .meter__values .meter__slice.color-index-graph-7{stroke:#a577ff}.meter--bar .meter__values .meter__slice.color-index-graph-3,.meter--bar .meter__values .meter__slice.color-index-graph-8{stroke:#5d0cfb}.meter--bar .meter__values .meter__slice.color-index-graph-4,.meter--bar .meter__values .meter__slice.color-index-graph-9{stroke:#7026ff}.meter--bar .meter__values .meter__slice.color-index-graph-5,.meter--bar .meter__values .meter__slice.color-index-graph-10{stroke:#767676}.meter--bar .meter__values .meter__slice.color-index-grey-1,.meter--bar .meter__values .meter__slice.color-index-grey-5{stroke:#333}.meter--bar .meter__values .meter__slice.color-index-grey-2,.meter--bar .meter__values .meter__slice.color-index-grey-6{stroke:#444}.meter--bar .meter__values .meter__slice.color-index-grey-3,.meter--bar .meter__values .meter__slice.color-index-grey-7{stroke:#555}.meter--bar .meter__values .meter__slice.color-index-grey-4,.meter--bar .meter__values .meter__slice.color-index-grey-8{stroke:#666}.meter--bar .meter__values .meter__slice.color-index-light-1,.meter--bar .meter__values .meter__slice.color-index-light-3{stroke:#fff}.meter--bar .meter__values .meter__slice.color-index-light-2,.meter--bar .meter__values .meter__slice.color-index-light-4{stroke:#f5f5f5}.meter--bar .meter__values .meter__slice--clickable{cursor:pointer}@media screen and (min-width:45em){.meter--bar .meter__values .meter__slice{transition:stroke-width .2s;-webkit-animation:i 1.5s linear;animation:i 1.5s linear}}.meter--bar .meter__thresholds .meter__slice.color-index-unset{stroke:hsla(0,0%,87%,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-brand{stroke:rgba(140,80,255,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-critical,.meter--bar .meter__thresholds .meter__slice.color-index-error{stroke:rgba(255,133,107,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-warning{stroke:rgba(255,184,107,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-ok{stroke:rgba(78,185,118,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-disabled,.meter--bar .meter__thresholds .meter__slice.color-index-unknown{stroke:hsla(0,0%,66%,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-graph-1,.meter--bar .meter__thresholds .meter__slice.color-index-graph-6{stroke:rgba(195,164,254,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-graph-2,.meter--bar .meter__thresholds .meter__slice.color-index-graph-7{stroke:rgba(165,119,255,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-graph-3,.meter--bar .meter__thresholds .meter__slice.color-index-graph-8{stroke:rgba(93,12,251,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-graph-4,.meter--bar .meter__thresholds .meter__slice.color-index-graph-9{stroke:rgba(112,38,255,.5)}.meter--bar .meter__thresholds .meter__slice.color-index-graph-5,.meter--bar .meter__thresholds .meter__slice.color-index-graph-10{stroke:hsla(0,0%,46%,.5)}.meter--bar .meter__value{text-align:left}.meter--bar .meter__value-label{font-size:14px;font-size:.875rem;line-height:16px}.meter--bar:not(.meter--vertical) .meter__minmax-container>a{vertical-align:top;display:block;height:24px}.meter--bar:not(.meter--vertical) .meter__graphic{width:192px}.meter--bar:not(.meter--vertical) .meter__value{display:inline-block;vertical-align:top;margin-left:12px}.meter--bar:not(.meter--vertical) .meter__value-value{font-size:24px;font-size:1.5rem;line-height:1}.meter--bar:not(.meter--vertical) .meter__value-units{font-size:20px;font-size:1.25rem;line-height:1.2}.meter--bar:not(.meter--vertical).meter--single .meter__value-label,.meter--bar:not(.meter--vertical).meter--stacked .meter__value-label{display:inline-block;margin-left:4px}.meter--bar:not(.meter--vertical).meter--single.meter--legend-right .meter__value,.meter--bar:not(.meter--vertical).meter--stacked.meter--legend-right .meter__value{min-width:84px}.meter--bar:not(.meter--vertical).meter--legend-right .meter__legend{top:0;-webkit-transform:none;transform:none}.meter--bar:not(.meter--vertical).meter--legend-right .meter__value{min-width:48px}.meter--bar:not(.meter--vertical).meter--small svg.meter__graphic{width:96px}.meter--bar:not(.meter--vertical).meter--small .meter__value-units,.meter--bar:not(.meter--vertical).meter--small .meter__value-value{font-size:16px;font-size:1rem;line-height:1.5}.meter--bar:not(.meter--vertical).meter--small.meter--legend-right .meter__value{min-width:42px}.meter--bar:not(.meter--vertical).meter--small.meter--legend-right.meter--stacked .meter__value{min-width:72px}.meter--bar:not(.meter--vertical).meter--large svg.meter__graphic{width:288px}.meter--bar:not(.meter--vertical).meter--large .meter__value{margin-left:16px}.meter--bar:not(.meter--vertical).meter--large .meter__value-units,.meter--bar:not(.meter--vertical).meter--large .meter__value-value{font-size:26px;font-size:1.625rem;line-height:inherit}.meter--bar.meter--vertical{white-space:nowrap}.meter--bar.meter--vertical svg.meter__graphic{height:192px}.meter--bar.meter--vertical .meter__labeled-graphic{display:inline-block}.meter--bar.meter--vertical .meter__value{position:relative;vertical-align:top;top:96px;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:inline-block}.meter--bar.meter--vertical .meter__minmax-container{position:absolute;top:0;left:24px}.meter--bar.meter--vertical.meter--legend-right .meter__legend{top:96px}.meter--bar.meter--vertical.meter--legend-right .meter__value{min-width:60px}.meter--bar.meter--vertical.meter--small svg.meter__graphic{height:96px}.meter--bar.meter--vertical.meter--small.meter--legend-right .meter__legend,.meter--bar.meter--vertical.meter--small .meter__value{top:48px}.meter--bar.meter--vertical.meter--small.meter--legend-right .meter__value{min-width:42px}.meter--bar.meter--vertical.meter--large svg.meter__graphic{height:288px}.meter--bar.meter--vertical.meter--large.meter--legend-right .meter__legend,.meter--bar.meter--vertical.meter--large .meter__value{top:144px}@media screen and (max-width:44.9375em){.meter--arc,.meter--circle,.meter--spiral{margin:0 auto}}.meter--arc svg.meter__graphic,.meter--circle svg.meter__graphic,.meter--spiral svg.meter__graphic{display:block}.meter--arc .meter.series-pre path,.meter--circle .meter.series-pre path,.meter--spiral .meter.series-pre path{stroke-dashoffset:768px}.meter--arc .meter__slice,.meter--circle .meter__slice,.meter--spiral .meter__slice{stroke-linecap:butt;stroke-dasharray:768px 768px;stroke-dashoffset:0;fill:none;stroke:#b2b2b2}.meter--arc .meter__slice-indicator,.meter--circle .meter__slice-indicator,.meter--spiral .meter__slice-indicator{stroke-linecap:square;stroke-width:4px;stroke:#000}.meter--arc .meter__values .meter__slice.color-index-loading,.meter--circle .meter__values .meter__slice.color-index-loading,.meter--spiral .meter__values .meter__slice.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0}.meter--arc .meter__values .meter__slice.color-index-unset,.meter--circle .meter__values .meter__slice.color-index-unset,.meter--spiral .meter__values .meter__slice.color-index-unset{stroke:#ddd}.meter--arc .meter__values .meter__slice.color-index-brand,.meter--circle .meter__values .meter__slice.color-index-brand,.meter--spiral .meter__values .meter__slice.color-index-brand{stroke:#8c50ff}.meter--arc .meter__values .meter__slice.color-index-critical,.meter--arc .meter__values .meter__slice.color-index-error,.meter--circle .meter__values .meter__slice.color-index-critical,.meter--circle .meter__values .meter__slice.color-index-error,.meter--spiral .meter__values .meter__slice.color-index-critical,.meter--spiral .meter__values .meter__slice.color-index-error{stroke:#ff856b}.meter--arc .meter__values .meter__slice.color-index-warning,.meter--circle .meter__values .meter__slice.color-index-warning,.meter--spiral .meter__values .meter__slice.color-index-warning{stroke:#ffb86b}.meter--arc .meter__values .meter__slice.color-index-ok,.meter--circle .meter__values .meter__slice.color-index-ok,.meter--spiral .meter__values .meter__slice.color-index-ok{stroke:#4eb976}.meter--arc .meter__values .meter__slice.color-index-disabled,.meter--arc .meter__values .meter__slice.color-index-unknown,.meter--circle .meter__values .meter__slice.color-index-disabled,.meter--circle .meter__values .meter__slice.color-index-unknown,.meter--spiral .meter__values .meter__slice.color-index-disabled,.meter--spiral .meter__values .meter__slice.color-index-unknown{stroke:#a8a8a8}.meter--arc .meter__values .meter__slice.color-index-graph-1,.meter--arc .meter__values .meter__slice.color-index-graph-6,.meter--circle .meter__values .meter__slice.color-index-graph-1,.meter--circle .meter__values .meter__slice.color-index-graph-6,.meter--spiral .meter__values .meter__slice.color-index-graph-1,.meter--spiral .meter__values .meter__slice.color-index-graph-6{stroke:#c3a4fe}.meter--arc .meter__values .meter__slice.color-index-graph-2,.meter--arc .meter__values .meter__slice.color-index-graph-7,.meter--circle .meter__values .meter__slice.color-index-graph-2,.meter--circle .meter__values .meter__slice.color-index-graph-7,.meter--spiral .meter__values .meter__slice.color-index-graph-2,.meter--spiral .meter__values .meter__slice.color-index-graph-7{stroke:#a577ff}.meter--arc .meter__values .meter__slice.color-index-graph-3,.meter--arc .meter__values .meter__slice.color-index-graph-8,.meter--circle .meter__values .meter__slice.color-index-graph-3,.meter--circle .meter__values .meter__slice.color-index-graph-8,.meter--spiral .meter__values .meter__slice.color-index-graph-3,.meter--spiral .meter__values .meter__slice.color-index-graph-8{stroke:#5d0cfb}.meter--arc .meter__values .meter__slice.color-index-graph-4,.meter--arc .meter__values .meter__slice.color-index-graph-9,.meter--circle .meter__values .meter__slice.color-index-graph-4,.meter--circle .meter__values .meter__slice.color-index-graph-9,.meter--spiral .meter__values .meter__slice.color-index-graph-4,.meter--spiral .meter__values .meter__slice.color-index-graph-9{stroke:#7026ff}.meter--arc .meter__values .meter__slice.color-index-graph-5,.meter--arc .meter__values .meter__slice.color-index-graph-10,.meter--circle .meter__values .meter__slice.color-index-graph-5,.meter--circle .meter__values .meter__slice.color-index-graph-10,.meter--spiral .meter__values .meter__slice.color-index-graph-5,.meter--spiral .meter__values .meter__slice.color-index-graph-10{stroke:#767676}.meter--arc .meter__values .meter__slice.color-index-grey-1,.meter--arc .meter__values .meter__slice.color-index-grey-5,.meter--circle .meter__values .meter__slice.color-index-grey-1,.meter--circle .meter__values .meter__slice.color-index-grey-5,.meter--spiral .meter__values .meter__slice.color-index-grey-1,.meter--spiral .meter__values .meter__slice.color-index-grey-5{stroke:#333}.meter--arc .meter__values .meter__slice.color-index-grey-2,.meter--arc .meter__values .meter__slice.color-index-grey-6,.meter--circle .meter__values .meter__slice.color-index-grey-2,.meter--circle .meter__values .meter__slice.color-index-grey-6,.meter--spiral .meter__values .meter__slice.color-index-grey-2,.meter--spiral .meter__values .meter__slice.color-index-grey-6{stroke:#444}.meter--arc .meter__values .meter__slice.color-index-grey-3,.meter--arc .meter__values .meter__slice.color-index-grey-7,.meter--circle .meter__values .meter__slice.color-index-grey-3,.meter--circle .meter__values .meter__slice.color-index-grey-7,.meter--spiral .meter__values .meter__slice.color-index-grey-3,.meter--spiral .meter__values .meter__slice.color-index-grey-7{stroke:#555}.meter--arc .meter__values .meter__slice.color-index-grey-4,.meter--arc .meter__values .meter__slice.color-index-grey-8,.meter--circle .meter__values .meter__slice.color-index-grey-4,.meter--circle .meter__values .meter__slice.color-index-grey-8,.meter--spiral .meter__values .meter__slice.color-index-grey-4,.meter--spiral .meter__values .meter__slice.color-index-grey-8{stroke:#666}.meter--arc .meter__values .meter__slice.color-index-light-1,.meter--arc .meter__values .meter__slice.color-index-light-3,.meter--circle .meter__values .meter__slice.color-index-light-1,.meter--circle .meter__values .meter__slice.color-index-light-3,.meter--spiral .meter__values .meter__slice.color-index-light-1,.meter--spiral .meter__values .meter__slice.color-index-light-3{stroke:#fff}.meter--arc .meter__values .meter__slice.color-index-light-2,.meter--arc .meter__values .meter__slice.color-index-light-4,.meter--circle .meter__values .meter__slice.color-index-light-2,.meter--circle .meter__values .meter__slice.color-index-light-4,.meter--spiral .meter__values .meter__slice.color-index-light-2,.meter--spiral .meter__values .meter__slice.color-index-light-4{stroke:#f5f5f5}.meter--arc .meter__values .meter__slice--clickable,.meter--circle .meter__values .meter__slice--clickable,.meter--spiral .meter__values .meter__slice--clickable{cursor:pointer}@media screen and (min-width:45em){.meter--arc .meter__values .meter__slice,.meter--circle .meter__values .meter__slice,.meter--spiral .meter__values .meter__slice{transition:stroke-width .2s;-webkit-animation:j 1.5s linear;animation:j 1.5s linear}}.meter--arc .meter__thresholds .meter__slice.color-index-unset,.meter--circle .meter__thresholds .meter__slice.color-index-unset,.meter--spiral .meter__thresholds .meter__slice.color-index-unset{stroke:hsla(0,0%,87%,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-brand,.meter--circle .meter__thresholds .meter__slice.color-index-brand,.meter--spiral .meter__thresholds .meter__slice.color-index-brand{stroke:rgba(140,80,255,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-critical,.meter--arc .meter__thresholds .meter__slice.color-index-error,.meter--circle .meter__thresholds .meter__slice.color-index-critical,.meter--circle .meter__thresholds .meter__slice.color-index-error,.meter--spiral .meter__thresholds .meter__slice.color-index-critical,.meter--spiral .meter__thresholds .meter__slice.color-index-error{stroke:rgba(255,133,107,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-warning,.meter--circle .meter__thresholds .meter__slice.color-index-warning,.meter--spiral .meter__thresholds .meter__slice.color-index-warning{stroke:rgba(255,184,107,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-ok,.meter--circle .meter__thresholds .meter__slice.color-index-ok,.meter--spiral .meter__thresholds .meter__slice.color-index-ok{stroke:rgba(78,185,118,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-disabled,.meter--arc .meter__thresholds .meter__slice.color-index-unknown,.meter--circle .meter__thresholds .meter__slice.color-index-disabled,.meter--circle .meter__thresholds .meter__slice.color-index-unknown,.meter--spiral .meter__thresholds .meter__slice.color-index-disabled,.meter--spiral .meter__thresholds .meter__slice.color-index-unknown{stroke:hsla(0,0%,66%,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-graph-1,.meter--arc .meter__thresholds .meter__slice.color-index-graph-6,.meter--circle .meter__thresholds .meter__slice.color-index-graph-1,.meter--circle .meter__thresholds .meter__slice.color-index-graph-6,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-1,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-6{stroke:rgba(195,164,254,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-graph-2,.meter--arc .meter__thresholds .meter__slice.color-index-graph-7,.meter--circle .meter__thresholds .meter__slice.color-index-graph-2,.meter--circle .meter__thresholds .meter__slice.color-index-graph-7,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-2,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-7{stroke:rgba(165,119,255,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-graph-3,.meter--arc .meter__thresholds .meter__slice.color-index-graph-8,.meter--circle .meter__thresholds .meter__slice.color-index-graph-3,.meter--circle .meter__thresholds .meter__slice.color-index-graph-8,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-3,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-8{stroke:rgba(93,12,251,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-graph-4,.meter--arc .meter__thresholds .meter__slice.color-index-graph-9,.meter--circle .meter__thresholds .meter__slice.color-index-graph-4,.meter--circle .meter__thresholds .meter__slice.color-index-graph-9,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-4,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-9{stroke:rgba(112,38,255,.5)}.meter--arc .meter__thresholds .meter__slice.color-index-graph-5,.meter--arc .meter__thresholds .meter__slice.color-index-graph-10,.meter--circle .meter__thresholds .meter__slice.color-index-graph-5,.meter--circle .meter__thresholds .meter__slice.color-index-graph-10,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-5,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-10{stroke:hsla(0,0%,46%,.5)}.meter--arc .meter__threshold,.meter--circle .meter__threshold,.meter--spiral .meter__threshold{stroke-linecap:butt}.meter--arc .meter__value-label,.meter--circle .meter__value-label,.meter--spiral .meter__value-label{display:block}@media screen and (max-width:44.9375em){.meter--arc,.meter--circle{width:192px}}.meter--arc .meter__value,.meter--circle .meter__value{white-space:normal;pointer-events:none;text-align:center}.meter--arc .meter__value--active,.meter--circle .meter__value--active{pointer-events:auto;cursor:pointer}.meter--arc:not(.meter--vertical) .meter__minmax-container,.meter--circle .meter__minmax-container{width:192px}.meter--arc:not(.meter--vertical) .meter__value,.meter--circle .meter__value{position:absolute;left:50%}.meter--arc:not(.meter--vertical).meter--small .meter__minmax-container,.meter--circle.meter--small .meter__minmax-container{width:96px}.meter--arc:not(.meter--vertical).meter--large .meter__minmax-container,.meter--circle.meter--large .meter__minmax-container{width:288px}.meter--arc.meter--vertical.meter--legend-right .meter__legend,.meter--circle.meter--legend-right .meter__legend{top:96px}.meter--arc.meter--vertical.meter--legend-right.meter--small .meter__legend,.meter--circle.meter--legend-right.meter--small .meter__legend{top:48px}.meter--arc.meter--vertical.meter--legend-right.meter--large .meter__legend,.meter--circle.meter--legend-right.meter--large .meter__legend{top:144px}.meter--circle svg.meter__graphic{width:192px;height:192px}.meter--circle .meter__value{top:96px;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);max-width:144px}.meter--circle.meter--small svg.meter__graphic{width:96px;height:96px}.meter--circle.meter--small .meter__value{top:48px;max-width:72px}.meter--circle.meter--large svg.meter__graphic{width:288px;height:288px}.meter--circle.meter--large .meter__value{top:144px;max-width:216px}.meter--circle:not(.meter--stacked):not(.meter--single) .meter__value{position:static;margin:0 auto;-webkit-transform:none;transform:none}.meter--arc:not(.meter--vertical) svg.meter__graphic{width:192px;height:144px}.meter--arc:not(.meter--vertical) .meter__value{top:108px;-webkit-transform:translateX(-50%);transform:translateX(-50%);max-width:120px}.meter--arc:not(.meter--vertical).meter--legend-right .meter__legend{top:72px}.meter--arc:not(.meter--vertical).meter--small svg.meter__graphic{width:96px;height:72px}.meter--arc:not(.meter--vertical).meter--small .meter__value{top:60px;max-width:60px}.meter--arc:not(.meter--vertical).meter--large svg.meter__graphic{width:288px;height:216px}.meter--arc:not(.meter--vertical).meter--large .meter__value{top:156px;max-width:180px}.meter--arc.meter--vertical svg.meter__graphic{display:inline;width:144px;height:192px}.meter--arc.meter--vertical .meter__value{position:relative;top:96px;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:inline-block;margin-left:-24px;vertical-align:top}.meter--arc.meter--vertical .meter__minmax-container{display:inline-block;vertical-align:top;margin-left:12px;padding-top:12px;padding-bottom:12px}.meter--arc.meter--vertical.meter--small svg.meter__graphic{width:72px;height:96px}.meter--arc.meter--vertical.meter--small .meter__value{top:48px;margin-left:-12px}.meter--arc.meter--vertical.meter--small .meter__minmax-container{padding-top:0;padding-bottom:0}.meter--arc.meter--vertical.meter--large svg.meter__graphic{width:216px;height:288px}.meter--arc.meter--vertical.meter--large .meter__value{top:144px;margin-left:-48px}.meter--arc.meter--vertical.meter--minmax .meter__value{margin-left:-72px}.meter--arc.meter--vertical.meter--minmax.meter--small .meter__value{margin-left:-60px}.meter--arc.meter--vertical.meter--legend-right.meter--small .meter__value{min-width:78px}.meter--arc.meter--vertical.meter--legend-right .meter__value{min-width:120px}.meter--spiral .meter__value{position:absolute;top:0;right:0;white-space:normal;text-align:right}.meter--spiral .meter__value-value{display:block;font-size:24px;font-size:1.5rem;line-height:1;margin-bottom:6px}.meter--spiral .meter__value-units{font-size:20px;font-size:1.25rem;line-height:1.2;color:#777;margin-left:.2em}.meter--spiral .meter__value-label{display:block;font-size:14px;font-size:.875rem;line-height:16px}.meter--loading .meter__thresholds,.meter--loading .meter__value{display:none}.notification{font-size:19px;font-size:1.1875rem;line-height:24px}.notification__message{font-size:24px;font-size:1.5rem;line-height:24px}.notification__message+*{margin-top:24px}.notification__status{margin-right:24px;flex:0 0 auto}.notification--critical{background-color:#ff856b}.notification--critical .notification__status .status-icon__base{fill:#fff}.notification--critical .notification__status .status-icon__detail{stroke:#ff856b;fill:#ff856b}.notification--critical .notification__status.status-icon-unknown .status-icon__detail{stroke:#fff;fill:#fff}.notification--error{background-color:#ff856b}.notification--error .notification__status .status-icon__base{fill:#fff}.notification--error .notification__status .status-icon__detail{stroke:#ff856b;fill:#ff856b}.notification--error .notification__status.status-icon-unknown .status-icon__detail{stroke:#fff;fill:#fff}.notification--warning{background-color:#ffb86b}.notification--warning .notification__status .status-icon__base{fill:#fff}.notification--warning .notification__status .status-icon__detail{stroke:#ffb86b;fill:#ffb86b}.notification--warning .notification__status.status-icon-unknown .status-icon__detail{stroke:#fff;fill:#fff}.notification--ok{background-color:#4eb976;color:#fff}.notification--ok .notification__status .status-icon__base{fill:#fff}.notification--ok .notification__status .status-icon__detail{stroke:#4eb976;fill:#4eb976}.notification--ok .notification__status.status-icon-unknown .status-icon__detail{stroke:#fff;fill:#fff}.notification--unknown{background-color:#a8a8a8}.notification--unknown .notification__status .status-icon__base{fill:#fff}.notification--unknown .notification__status .status-icon__detail{stroke:#a8a8a8;fill:#a8a8a8}.notification--unknown .notification__status.status-icon-unknown .status-icon__detail{stroke:#fff;fill:#fff}.notification--disabled{background-color:#a8a8a8}.notification--disabled .notification__status .status-icon__base{fill:#fff}.notification--disabled .notification__status .status-icon__detail{stroke:#a8a8a8;fill:#a8a8a8}.notification--disabled .notification__status.status-icon-unknown .status-icon__detail{stroke:#fff;fill:#fff}.notifications-control__icon{width:48px;height:48px;vertical-align:middle}.notifications{position:fixed;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,50%,.6);z-index:4}.notifications__container{position:absolute;top:0;right:0;min-width:300px;padding:24px;padding-top:96px;background-color:#fff;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-bottom-left-radius:4px}.notifications__icon{position:absolute;top:24px;right:84px;width:48px;height:48px;vertical-align:middle}.number-input__input{-moz-appearance:textfield}.number-input__input::-webkit-inner-spin-button,.number-input__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.object{overflow:auto}.object__container{padding:24px}.object ol,.object ul{margin:0;list-style-type:none}.object li{width:auto}.object__attribute{margin-bottom:12px}.object__attribute-name{display:block;color:#777;font-size:14px;font-size:.875rem;line-height:1.71429}.object__attribute-value{display:block;font-size:16px;font-size:1rem;line-height:1.5}.object__attribute-value ol,.object__attribute-value ul{margin-left:24px;padding-top:24px;padding-bottom:24px}.object__attribute--container>.object__attribute-name{font-weight:700}.object__attribute--unset .object__attribute-value{font-style:italic;color:#777}.object__attribute--array>.object__attribute-value>ol>li{border-top:1px solid #ccc}.object__attribute--array>.object__attribute-value>ol>li:last-child{border-bottom:1px solid #ccc}.object__attribute--array>.object__attribute-value>ol>li>ul{padding-top:0;padding-bottom:0}.paragraph--small{font-size:14px;font-size:.875rem;line-height:1.71429}.paragraph--small a{text-decoration:none}.paragraph--large{font-size:24px;font-size:1.5rem;line-height:28px}.paragraph--large a{color:#8c50ff;font-weight:600}.radio-button{margin-right:24px;white-space:nowrap}.radio-button:not(.radio-button--disabled){cursor:pointer}.radio-button:hover:not(.radio-button--disabled) .radio-button__control{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button:hover:not(.radio-button--disabled) .radio-button__control{border-color:#fff}.radio-button:hover:not(.radio-button--disabled) .radio-button__input:checked+.radio-button__control{border-color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button:hover:not(.radio-button--disabled) .radio-button__input:checked+.radio-button__control{border-color:#fff}.radio-button:hover:not(.radio-button--disabled) .radio-button__label{color:#000}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button:hover:not(.radio-button--disabled) .radio-button__label{color:#fff}.radio-button__input{opacity:0;position:absolute}.radio-button__input:checked+.radio-button__control{border-color:#8c50ff}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button__input:checked+.radio-button__control{border-color:#fff}.radio-button__input:checked+.radio-button__control+.radio-button__label{color:#333}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button__input:checked+.radio-button__control+.radio-button__label{color:#fff}.radio-button__input:checked+.radio-button__control:after{content:"";display:block;position:absolute;top:5px;left:5px;width:10px;height:10px;background-color:#8c50ff;border-radius:12px}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button__input:checked+.radio-button__control:after{background-color:#fff}.radio-button__input:focus+.radio-button__control{content:"";border-color:#c3a4fe;box-shadow:0 0 1px 1px #c3a4fe}.radio-button__control{position:relative;display:inline-block;width:24px;height:24px;margin-right:12px;vertical-align:middle;background-color:inherit;color:#6e22ff;border:2px solid #999;border-radius:24px}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button__control{border-color:#dbdbdb}.radio-button__label{color:#777}[class*=background-color-index-]:not([class*=background-color-index-light]) .radio-button__label{color:#dbdbdb}.radio-button--disabled .radio-button__control{opacity:.5}.search{display:inline-block}.search:focus{outline:none;margin:-1px;border:1px solid #c3a4fe;box-shadow:0 0 1px 1px #c3a4fe}.search--controlled{cursor:pointer}.search__input{margin-right:0}.header .search__input{font-size:inherit}.search__drop{font-size:20px;font-size:1.25rem;line-height:inherit}@media screen and (max-width:44.9375em){.search__drop{max-width:100%;width:100vw}}.search__drop--inline{margin-left:-1px}.search__drop--inline .search__drop-contents{display:block}.search__drop--controlled .search__drop-contents{display:inline-block}.search__drop input{margin-right:0;box-sizing:border-box;width:100%}@media screen and (max-width:44.9375em){.search__drop input{width:calc(100vw - 72px)}}.search__drop-control{vertical-align:top;height:48px}.search__drop .search__suggestion{padding:6px 24px;cursor:pointer}.search__drop .search__suggestion--active,.search__drop .search__suggestion:hover{background-color:rgba(0,0,0,.1)}.search__drop--large{line-height:96px}.search--inline{position:relative}.search--inline .search__input{width:100%;padding-right:47px;box-sizing:border-box}.search--inline .search__input:focus{padding-right:46px}.header .search--inline .search__input:not(:focus){border-color:transparent}.search--inline .control-icon-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none}.search--small{line-height:24px}.search--small .search__input{font-size:14px;font-size:.875rem;line-height:14px;padding:4px 13px;padding-right:23px}.search--small .search__input:focus{padding:3px 12px;padding-right:22px}.search--small .control-icon-search{height:12px;width:12px}.search--large{line-height:triple(24px)}.search--large .search__input{font-size:36px;font-size:2.25rem;line-height:48px;padding:-7px 35px;padding-right:47px}.search--large .control-icon-search{right:24px}.search-input{position:relative;display:inline-block}.search-input__input{width:100%;height:100%;display:block;padding-right:60px}.search-input__input:focus{padding-right:59px}.search-input__control{position:absolute;top:50%;transform:translateY(-50%);right:12px}.search-input__suggestions{border-top-left-radius:0;border-top-right-radius:0;margin:0;list-style-type:none}.search-input__suggestion{padding:6px 24px;cursor:pointer}.search-input__suggestion--active,.search-input__suggestion:hover{background-color:rgba(0,0,0,.1)}.search-input--active .search-input__input{border-bottom-left-radius:0;border-bottom-right-radius:0}section:not(.section){padding-top:24px;padding-bottom:24px}section:not(.section):first-of-type{margin-top:0;padding-top:0}.section>img,section>img{margin-top:24px;margin-bottom:24px;display:block;height:auto}@media screen and (max-width:44.9375em){.section>img,section>img{max-width:576px}}.section>iframe,section>iframe{width:100%;max-width:576px;height:400px}@media screen and (max-width:44.9375em){.section>iframe,section>iframe{height:250px}}@media screen and (max-width:44.9375em){.section>ol,.section>ul,section>ol,section>ul{margin-left:0;margin-bottom:24px}}.section>dl>dt,section>dl>dt{margin-top:24px;margin-bottom:6px;text-transform:uppercase}.section>dl>dt code,section>dl>dt code{text-transform:none;white-space:pre-wrap}.section>dl>dd,section>dl>dd{margin-left:0}@media screen and (max-width:44.9375em){.section>dl>dd,section>dl>dd{padding-right:24px}}.react-gravatar{width:48px;height:48px;border-radius:24px;border:2px solid transparent;overflow:hidden;cursor:pointer;transition:all .3s ease-in-out}.react-gravatar:hover{border-color:#8c50ff}.session{position:fixed;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,50%,.6);z-index:4}.session__container{position:absolute;top:0;right:0;min-width:300px;padding:24px;padding-top:96px;background-color:#fff;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-bottom-left-radius:4px}.session .react-gravatar{position:absolute;top:24px;right:24px}.session__actions{margin-top:24px;padding-top:24px;border-top:1px solid #ccc}.session a{cursor:pointer}.settings{position:relative;text-align:center}.settings__panels{display:inline-block}.settings__panel{vertical-align:top}.sidebar{min-height:100vh}@media screen and (max-width:44.9375em){.sidebar{max-width:100%;width:100vw}}@media screen and (min-width:45em){.sidebar{width:336px}}.sidebar--fixed{display:flex;flex-direction:column}.sidebar--fixed>*{flex:1;overflow:auto}.sidebar--fixed>.footer,.sidebar--fixed>.header{flex:0 0 auto}.sidebar--primary{background-color:#f5f5f5}@media screen and (min-width:45em){.sidebar--small{width:240px}}@media screen and (min-width:45em){.sidebar--large{width:480px}}.split{position:relative;overflow:visible}.split:after{position:absolute;left:0;content:' ';display:block;width:45em;height:0;z-index:-10}@media screen and (min-width:45em){.split{display:flex}.split--fixed>*{position:relative;height:100vh;overflow:auto;-ms-overflow-style:-ms-autohiding-scrollbar}.split--flex-right>:first-child:not(:last-child){flex:0 0 auto}.split--flex-right>:last-child{flex:1}.split--flex-left>.object,.split--flex-left>:last-child:not(:first-child){flex:0 0 auto}.split--flex-both>*,.split--flex-left>:first-child{flex:1}.split--separator>*{border-right:1px solid #000}.split--separator>:last-child{border-right:none}}@media screen and (max-width:44.9375em){.split--separator>*{border-bottom:1px solid #000}.split--separator>:last-child{border-bottom:none}}.skip-link-anchor{width:0;height:0;overflow:hidden}.tab{padding:12px}.tab a{text-decoration:none}.tab a:focus .tab__label{border-bottom:4px solid}.tab__label{cursor:pointer;padding-bottom:12px;font-weight:600;color:#777}.tab--active .tab__label{color:#000;border-bottom:4px solid #000}.tab:focus .tab__label,.tab:hover .tab__label{border-bottom:4px solid}.tabs{margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;list-style:none;border-bottom:1px solid #ccc}.tabs__content{padding:24px}@media screen and (max-width:44.9375em){.tabs__content{padding:24px 0}}.table table{width:100%}.table td,.table th{padding:11px 12px;vertical-align:top;text-align:left}.table td:first-child,.table th:first-child{padding-left:24px}.table td:last-child,.table th:last-child{padding-right:24px}.table th{font-weight:100;font-size:20px;font-size:1.25rem;line-height:1.2;border-bottom:1px solid #ccc}.table__mirror{position:absolute;top:0;left:0;right:0}.table__mirror>thead{position:fixed;background-color:hsla(0,0%,100%,.9)}@media screen and (max-width:44.9375em){.table__mirror>thead{position:static}}.table__more{margin-top:24px;text-align:center}.table--scrollable{position:relative}.table--selectable tbody tr{cursor:pointer}.table--selectable tbody tr td{transition:background-color .2s}.table--selectable tbody tr.table-row--selected td{background-color:#d9c5ff;color:#333}[class*=background-color-index-]:not([class*=background-color-index-light]) .table--selectable tbody tr.table-row--selected td{background-color:rgba(0,0,0,.2);color:#fff}.table--selectable tbody tr:hover:not(.table-row--selected) td{background-color:rgba(0,0,0,.1);color:#000}.tbd,[class*=background-color-index-]:not([class*=background-color-index-light]) .table--selectable tbody tr:hover:not(.table-row--selected) td{color:#fff}.tbd{text-align:center;padding:96px;font-size:96px;font-size:6rem;line-height:1;font-style:italic;background-color:#ccc}.tiles{width:100%;padding:12px}@media screen and (min-width:45em){.tiles.box--direction-row>.tile{flex:0 0 192px;margin:12px}.tiles.box--direction-row>.tile>*{box-sizing:border-box}.tiles.box--direction-row>.tile--wide{flex-basis:calc(100% - 24px);box-sizing:border-box}}.tiles__container{display:flex;flex-direction:row;align-items:center;width:100%}.tiles__container .tiles__left,.tiles__container .tiles__right{flex:0 0 auto}.tiles__container .tiles{flex:1;margin:0}.tiles__container .tiles.box--direction-row{width:100%;overflow:hidden}.tiles--fill.box--wrap{justify-content:space-around}.tiles--fill.box--wrap>.tile{flex-grow:1}.tiles--flush{padding:0}.tiles--flush>.tile{margin:0}.tiles--flush>.tile--wide{flex-basis:100%}.tiles--moreable{position:relative;padding-bottom:48px}.tiles--moreable .tiles__more{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tiles--selectable .tile{cursor:pointer;transition:background-color .2s}.tiles--selectable .tile--selected{background-color:#d9c5ff;color:#333}.tiles--selectable .tile:hover:not(.tile--selected){background-color:rgba(0,0,0,.1);color:#000}.tiles--small>.tile{flex-basis:96px}@media screen and (min-width:45em){.tiles--large>.tile{flex-basis:384px}}@media screen and (max-width:44.9375em){.tiles--large>.tile{flex-basis:100%}}.tile{overflow:hidden}.tile .status-icon{margin-right:6px}.tile>.chart{width:100%}.tile--selectable{cursor:pointer;transition:background-color .2s}.tile--selectable.tile--selected{background-color:#d9c5ff;color:#333}.tile--selectable:hover:not(.tile--selected){background-color:rgba(0,0,0,.1);color:#000}.tile--eclipsed{opacity:.2}.title{max-height:100%;overflow:hidden;text-overflow:ellipsis;font-weight:400;white-space:nowrap;font-size:24px;font-size:1.5rem;line-height:inherit}@media screen and (min-width:45em){.title{font-weight:600}}.title>:not(:last-child){margin-right:12px}.title a{color:inherit}.title a,.title a:hover{text-decoration:none}[class*=background-color-index-] .title a:hover{text-decoration:underline}.title img,.title svg{max-width:576px}.title img:not(:last-child),.title svg:not(:last-child){margin-right:12px}.title--interactive{cursor:pointer}@media screen and (min-width:45em){.title--interactive{transition:color .3s ease-in-out}}.title--interactive:hover{color:#8c50ff;cursor:pointer}[class*=background-color-index-]:not([class*=background-color-index-light]) .title--interactive:hover{color:#fff}@media screen and (max-width:44.9375em){.title--responsive img,.title--responsive svg{margin-right:0}.title--responsive>:not(:first-child){display:none}}.topology{position:relative}@media screen and (max-width:44.9375em){.topology__contents>.topology__parts{flex-direction:column}}@media screen and (min-width:45em){.topology__contents>.topology__parts--direction-row>.topology__part{margin-right:48px}.topology__contents>.topology__parts--direction-row>.topology__part:last-child{margin-right:0}}@media screen and (max-width:44.9375em){.topology__contents>.topology__parts--direction-row>.topology__part{margin-bottom:48px}.topology__contents>.topology__parts--direction-row>.topology__part:last-child{margin-bottom:0}}.topology__contents>.topology__parts--direction-column>.topology__part{margin-bottom:48px}.topology__contents>.topology__parts--direction-column>.topology__part:last-child{margin-bottom:0}.topology__canvas{position:absolute;pointer-events:none}.topology__parts{display:flex;align-items:stretch}.topology__parts--direction-row{flex-direction:row;flex-grow:1}.topology__parts--direction-column{flex-direction:column;flex-grow:1}.topology__parts--align-start{align-items:flex-start}.topology__parts--align-center{align-items:center}.topology__parts--align-end{align-items:flex-end}.topology__part,.topology__parts--align-stretch{align-items:stretch}.topology__part{display:flex;justify-content:center;overflow:hidden}.topology__part>.topology__parts .topology__part{flex:1}.topology__part--demarcate{border:1px solid #ccc}.topology__part--demarcate.topology__part--empty{background-color:#f5f5f5;min-width:24px;min-height:24px}.topology__part--justify-start{justify-content:flex-start}.topology__part--justify-center{justify-content:center}.topology__part--justify-between{justify-content:space-between}.topology__part--justify-end{justify-content:flex-end}.topology__part--align-start{align-items:flex-start}.topology__part--align-center{align-items:center}.topology__part--align-end{align-items:flex-end}.topology__part--align-stretch{align-items:stretch}.topology__part--direction-row{flex-direction:row}.topology__part--direction-row.topology__part--reverse{flex-direction:row-reverse}.topology__part--direction-row>:not(.topology__parts):not(.topology__part){margin:6px}.topology__part--direction-column{flex-direction:column}.topology__part--direction-column.topology__part--reverse{flex-direction:column-reverse}.topology__part--direction-column>:not(.topology__parts):not(.topology__part){margin:6px}.topology__label{font-size:14px;margin-left:12px;margin-right:12px}.topology .status-icon{position:relative;z-index:1}.video{position:relative;height:auto}@media screen and (max-width:44.9375em){.video{max-width:100%;width:100vw}}@media screen and (min-width:45em){.video--small{width:240px}.video--small .video__control.button--primary{width:48px;height:48px;border-radius:24px}.video--large{width:960px}}.video--full,.video video{width:100%}.video__summary{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;text-align:left;padding:24px;background-color:rgba(51,51,51,.7);color:#dbdbdb;border-radius:4px}.video__control.button--primary{flex:0 0 auto;width:96px;height:96px;border-radius:48px;background-color:rgba(140,80,255,.7)}.video__control.button--primary:hover{background-color:#8c50ff}.video__title{margin-left:24px}.video__timeline{position:absolute;left:0;right:0;bottom:0;height:72px;color:#dbdbdb;background-color:rgba(51,51,51,.7)}.video__timeline-chapter{position:absolute;height:100%;padding-left:6px;border-left:2px solid #dbdbdb;text-align:left;cursor:pointer}.video__timeline-chapter:hover{color:#fff;border-color:#fff}.video__timeline-chapter time{display:block;font-size:14px;font-size:.875rem;line-height:24px}.video__progress{position:absolute;left:0;right:0;bottom:0;height:6px;text-align:left}.video__progress-meter{height:100%;background-color:#8c50ff}.video--playing:not(.video--interacting) .video__progress,.video--playing:not(.video--interacting) .video__summary,.video--playing:not(.video--interacting) .video__timeline{opacity:0;transition:opacity 1s}.clearfix:after{content:"";display:table;clear:both} \ No newline at end of file diff --git a/grommet.js b/grommet.js index 1b8c80a..8795434 100644 --- a/grommet.js +++ b/grommet.js @@ -52,82 +52,82 @@ var Grommet = // Components Anchor: __webpack_require__(1), App: __webpack_require__(42), - Article: __webpack_require__(241), - Box: __webpack_require__(195), - Button: __webpack_require__(216), - Calendar: __webpack_require__(247), - Carousel: __webpack_require__(350), - Chart: __webpack_require__(366), - CheckBox: __webpack_require__(368), - Distribution: __webpack_require__(369), - Footer: __webpack_require__(370), - Form: __webpack_require__(371), - FormField: __webpack_require__(372), - FormFields: __webpack_require__(373), - Header: __webpack_require__(348), - Headline: __webpack_require__(374), - Image: __webpack_require__(375), - Label: __webpack_require__(376), - Layer: __webpack_require__(213), - Legend: __webpack_require__(367), - List: __webpack_require__(377), - ListItem: __webpack_require__(378), - Login: __webpack_require__(379), - LoginForm: __webpack_require__(380), - Map: __webpack_require__(381), - Menu: __webpack_require__(217), - Meter: __webpack_require__(382), - NumberInput: __webpack_require__(389), - RadioButton: __webpack_require__(392), - Search: __webpack_require__(393), - SearchInput: __webpack_require__(395), - Section: __webpack_require__(396), - Sidebar: __webpack_require__(397), - Split: __webpack_require__(398), - Table: __webpack_require__(399), - TableRow: __webpack_require__(400), - Tiles: __webpack_require__(351), - Tile: __webpack_require__(363), - Title: __webpack_require__(349), - Topology: __webpack_require__(401), - Video: __webpack_require__(410), - Object: __webpack_require__(414), - TBD: __webpack_require__(415), + Article: __webpack_require__(97), + Box: __webpack_require__(50), + Button: __webpack_require__(72), + Calendar: __webpack_require__(103), + Carousel: __webpack_require__(206), + Chart: __webpack_require__(222), + CheckBox: __webpack_require__(224), + Distribution: __webpack_require__(225), + Footer: __webpack_require__(226), + Form: __webpack_require__(227), + FormField: __webpack_require__(228), + FormFields: __webpack_require__(229), + Header: __webpack_require__(204), + Headline: __webpack_require__(230), + Image: __webpack_require__(231), + Label: __webpack_require__(232), + Layer: __webpack_require__(69), + Legend: __webpack_require__(223), + List: __webpack_require__(233), + ListItem: __webpack_require__(234), + Login: __webpack_require__(235), + LoginForm: __webpack_require__(236), + Map: __webpack_require__(237), + Menu: __webpack_require__(73), + Meter: __webpack_require__(238), + NumberInput: __webpack_require__(245), + RadioButton: __webpack_require__(248), + Search: __webpack_require__(249), + SearchInput: __webpack_require__(251), + Section: __webpack_require__(252), + Sidebar: __webpack_require__(253), + Split: __webpack_require__(254), + Table: __webpack_require__(255), + TableRow: __webpack_require__(256), + Tiles: __webpack_require__(207), + Tile: __webpack_require__(219), + Title: __webpack_require__(205), + Topology: __webpack_require__(257), + Video: __webpack_require__(267), + Object: __webpack_require__(271), + TBD: __webpack_require__(272), Icons: { - Calendar: __webpack_require__(416), - Clear: __webpack_require__(417), - DragHandle: __webpack_require__(418), - Edit: __webpack_require__(419), - Facebook: __webpack_require__(420), - Filter: __webpack_require__(421), - Grommet: __webpack_require__(422), - Help: __webpack_require__(423), - Left: __webpack_require__(424), - LinkedIn: __webpack_require__(425), - Mail: __webpack_require__(426), - More: __webpack_require__(427), - Person: __webpack_require__(428), - Right: __webpack_require__(429), - Search: __webpack_require__(430), - SearchPlus: __webpack_require__(431), - Spinning: __webpack_require__(360), - Status: __webpack_require__(402), - Twitter: __webpack_require__(432), - World: __webpack_require__(433), - Base: __webpack_require__(434) + Calendar: __webpack_require__(273), + Clear: __webpack_require__(274), + DragHandle: __webpack_require__(275), + Edit: __webpack_require__(276), + Facebook: __webpack_require__(277), + Filter: __webpack_require__(278), + Grommet: __webpack_require__(279), + Help: __webpack_require__(280), + Left: __webpack_require__(281), + LinkedIn: __webpack_require__(282), + Mail: __webpack_require__(283), + More: __webpack_require__(284), + Person: __webpack_require__(285), + Right: __webpack_require__(286), + Search: __webpack_require__(287), + SearchPlus: __webpack_require__(288), + Spinning: __webpack_require__(216), + Status: __webpack_require__(258), + Twitter: __webpack_require__(289), + World: __webpack_require__(290), + Base: __webpack_require__(291) }, // Mixins Mixins: { - KeyboardAccelerators: __webpack_require__(731) + KeyboardAccelerators: __webpack_require__(588) }, // Utils Cookies: __webpack_require__(44), - DOM: __webpack_require__(215), - KeyboardAccelerators: __webpack_require__(211), + DOM: __webpack_require__(71), + KeyboardAccelerators: __webpack_require__(66), Locale: __webpack_require__(43), - Rest: __webpack_require__(732), - RestWatch: __webpack_require__(736), - Validator: __webpack_require__(737) + Rest: __webpack_require__(589), + RestWatch: __webpack_require__(593), + Validator: __webpack_require__(594) }; module.exports = Grommet; @@ -331,6 +331,7 @@ var Grommet = }; Icon.icon = true; + module.exports = exports.default; module.exports = exports['default']; /***/ }, @@ -4637,9 +4638,9 @@ var Grommet = } if (!localesSupported()) { - __webpack_require__(234); - __webpack_require__(239); - __webpack_require__(240); + __webpack_require__(90); + __webpack_require__(95); + __webpack_require__(96); Intl.NumberFormat = IntlPolyfill.NumberFormat; Intl.DateTimeFormat = IntlPolyfill.DateTimeFormat; } @@ -5084,18663 +5085,180 @@ var Grommet = var _react2 = _interopRequireDefault(_react); - var _reactDom = __webpack_require__(50); - - var _FormattedMessage = __webpack_require__(4); - - var _FormattedMessage2 = _interopRequireDefault(_FormattedMessage); - - var _Box = __webpack_require__(195); - - var _Box2 = _interopRequireDefault(_Box); - - var _Layer = __webpack_require__(213); - - var _Layer2 = _interopRequireDefault(_Layer); - - var _Menu = __webpack_require__(217); - - var _Menu2 = _interopRequireDefault(_Menu); - - var _DOM = __webpack_require__(215); - - var _DOM2 = _interopRequireDefault(_DOM); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - - function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - - function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // (C) Copyright 2014-2015 Hewlett Packard Enterprise Development LP - - var SkipLinks = function (_Component) { - _inherits(SkipLinks, _Component); - - function SkipLinks(props, context) { - _classCallCheck(this, SkipLinks); - - var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(SkipLinks).call(this, props, context)); - - _this._onBlur = _this._onBlur.bind(_this); - _this._onFocus = _this._onFocus.bind(_this); - _this._updateAnchors = _this._updateAnchors.bind(_this); - _this.state = { anchors: [], showLayer: false }; - return _this; - } - - _createClass(SkipLinks, [{ - key: 'componentDidMount', - value: function componentDidMount() { - this._updateAnchors(); - } - }, { - key: 'componentWillReceiveProps', - value: function componentWillReceiveProps() { - this.setState({ routeChanged: true }); - } - }, { - key: 'componentDidUpdate', - value: function componentDidUpdate() { - if (this.state.routeChanged) { - this.setState({ routeChanged: false }, this._updateAnchors); - } - } - }, { - key: '_updateAnchors', - value: function _updateAnchors() { - var anchorElements = document.querySelectorAll('.skip-link-anchor'); - - var anchors = Array.prototype.map.call(anchorElements, function (anchorElement) { - return { - id: anchorElement.getAttribute('id'), - label: anchorElement.textContent - }; - }); - - this.setState({ anchors: anchors }); - } - }, { - key: '_onFocus', - value: function _onFocus() { - if (!this.state.showLayer) { - this.setState({ showLayer: true }); - } - } - }, { - key: '_onBlur', - value: function _onBlur() { - var skipLinksLayer = (0, _reactDom.findDOMNode)(this.refs.skipLinksLayer); - var activeElement = document.activeElement; - if (!_DOM2.default.isDescendant(skipLinksLayer, activeElement)) { - this.setState({ showLayer: false }); - } - } - }, { - key: '_onClick', - value: function _onClick(destId) { - return function (event) { - var dest = document.getElementById(destId); - dest.focus(); - }; - } - }, { - key: 'render', - value: function render() { - - var anchorElements = this.state.anchors.map(function (anchor, index) { - return _react2.default.createElement( - 'a', - { tabIndex: '0', - href: '#' + anchor.id, - onFocus: this._onFocus, - onBlur: this._onBlur, - onClick: this._onClick(anchor.id), - key: anchor.id }, - anchor.label - ); - }.bind(this)); - - var menuComponent = undefined; - if (anchorElements.length > 0) { - menuComponent = _react2.default.createElement( - _Menu2.default, - { direction: 'row' }, - anchorElements - ); - } - - return _react2.default.createElement( - _Layer2.default, - { id: 'skip-link-layer', hidden: !this.state.showLayer, align: 'top' }, - _react2.default.createElement( - _Box2.default, - { ref: 'skipLinksLayer', - pad: { horizontal: 'small', vertical: 'medium' } }, - _react2.default.createElement( - 'h2', - null, - _react2.default.createElement(_FormattedMessage2.default, { id: 'Skip to', defaultMessage: 'Skip to' }) - ), - menuComponent - ) - ); - } - }]); - - return SkipLinks; - }(_react.Component); - - exports.default = SkipLinks; - module.exports = exports['default']; - -/***/ }, -/* 50 */ -/***/ function(module, exports, __webpack_require__) { - - 'use strict'; - - module.exports = __webpack_require__(51); - - -/***/ }, -/* 51 */ -/***/ function(module, exports, __webpack_require__) { - - /* WEBPACK VAR INJECTION */(function(process) {/** - * Copyright 2013-2015, Facebook, Inc. - * All rights reserved. - * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. - * - * @providesModule ReactDOM - */ - - /* globals __REACT_DEVTOOLS_GLOBAL_HOOK__*/ - - 'use strict'; - - var ReactCurrentOwner = __webpack_require__(52); - var ReactDOMTextComponent = __webpack_require__(53); - var ReactDefaultInjection = __webpack_require__(118); - var ReactInstanceHandles = __webpack_require__(92); - var ReactMount = __webpack_require__(75); - var ReactPerf = __webpack_require__(65); - var ReactReconciler = __webpack_require__(97); - var ReactUpdates = __webpack_require__(101); - var ReactVersion = __webpack_require__(193); - - var findDOMNode = __webpack_require__(138); - var renderSubtreeIntoContainer = __webpack_require__(194); - var warning = __webpack_require__(72); - - ReactDefaultInjection.inject(); - - var render = ReactPerf.measure('React', 'render', ReactMount.render); - - var React = { - findDOMNode: findDOMNode, - render: render, - unmountComponentAtNode: ReactMount.unmountComponentAtNode, - version: ReactVersion, - - /* eslint-disable camelcase */ - unstable_batchedUpdates: ReactUpdates.batchedUpdates, - unstable_renderSubtreeIntoContainer: renderSubtreeIntoContainer - }; - - // Inject the runtime into a devtools global hook regardless of browser. - // Allows for debugging when the hook is injected on the page. - /* eslint-enable camelcase */ - if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== 'undefined' && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.inject === 'function') { - __REACT_DEVTOOLS_GLOBAL_HOOK__.inject({ - CurrentOwner: ReactCurrentOwner, - InstanceHandles: ReactInstanceHandles, - Mount: ReactMount, - Reconciler: ReactReconciler, - TextComponent: ReactDOMTextComponent - }); - } - - if (process.env.NODE_ENV !== 'production') { - var ExecutionEnvironment = __webpack_require__(56); - if (ExecutionEnvironment.canUseDOM && window.top === window.self) { - - // First check if devtools is not installed - if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === 'undefined') { - // If we're in Chrome or Firefox, provide a download link if not installed. - if (navigator.userAgent.indexOf('Chrome') > -1 && navigator.userAgent.indexOf('Edge') === -1 || navigator.userAgent.indexOf('Firefox') > -1) { - console.debug('Download the React DevTools for a better development experience: ' + 'https://fb.me/react-devtools'); - } - } - - // If we're in IE8, check to see if we are in compatibility mode and provide - // information on preventing compatibility mode - var ieCompatibilityMode = document.documentMode && document.documentMode < 8; - - process.env.NODE_ENV !== 'production' ? warning(!ieCompatibilityMode, 'Internet Explorer is running in compatibility mode; please add the ' + 'following tag to your HTML to prevent this from happening: ' + '') : undefined; - - var expectedFeatures = [ - // shims - Array.isArray, Array.prototype.every, Array.prototype.forEach, Array.prototype.indexOf, Array.prototype.map, Date.now, Function.prototype.bind, Object.keys, String.prototype.split, String.prototype.trim, - - // shams - Object.create, Object.freeze]; - - for (var i = 0; i < expectedFeatures.length; i++) { - if (!expectedFeatures[i]) { - console.error('One or more ES5 shim/shams expected by React are not available: ' + 'https://fb.me/react-warning-polyfills'); - break; - } - } - } - } - - module.exports = React; - /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(30))) - -/***/ }, -/* 52 */ -/***/ function(module, exports) { - - /** - * Copyright 2013-2015, Facebook, Inc. - * All rights reserved. - * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. - * - * @providesModule ReactCurrentOwner - */ - - 'use strict'; - - /** - * Keeps track of the current owner. - * - * The current owner is the component who should own any components that are - * currently being constructed. - */ - var ReactCurrentOwner = { - - /** - * @internal - * @type {ReactComponent} - */ - current: null - - }; - - module.exports = ReactCurrentOwner; - -/***/ }, -/* 53 */ -/***/ function(module, exports, __webpack_require__) { - - /* WEBPACK VAR INJECTION */(function(process) {/** - * Copyright 2013-2015, Facebook, Inc. - * All rights reserved. - * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. - * - * @providesModule ReactDOMTextComponent - * @typechecks static-only - */ - - 'use strict'; - - var DOMChildrenOperations = __webpack_require__(54); - var DOMPropertyOperations = __webpack_require__(69); - var ReactComponentBrowserEnvironment = __webpack_require__(73); - var ReactMount = __webpack_require__(75); - - var assign = __webpack_require__(86); - var escapeTextContentForBrowser = __webpack_require__(68); - var setTextContent = __webpack_require__(67); - var validateDOMNesting = __webpack_require__(117); - - /** - * Text nodes violate a couple assumptions that React makes about components: - * - * - When mounting text into the DOM, adjacent text nodes are merged. - * - Text nodes cannot be assigned a React root ID. - * - * This component is used to wrap strings in elements so that they can undergo - * the same reconciliation that is applied to elements. - * - * TODO: Investigate representing React components in the DOM with text nodes. - * - * @class ReactDOMTextComponent - * @extends ReactComponent - * @internal - */ - var ReactDOMTextComponent = function (props) { - // This constructor and its argument is currently used by mocks. - }; - - assign(ReactDOMTextComponent.prototype, { - - /** - * @param {ReactText} text - * @internal - */ - construct: function (text) { - // TODO: This is really a ReactText (ReactNode), not a ReactElement - this._currentElement = text; - this._stringText = '' + text; - - // Properties - this._rootNodeID = null; - this._mountIndex = 0; - }, - - /** - * Creates the markup for this text node. This node is not intended to have - * any features besides containing text content. - * - * @param {string} rootID DOM ID of the root node. - * @param {ReactReconcileTransaction|ReactServerRenderingTransaction} transaction - * @return {string} Markup for this text node. - * @internal - */ - mountComponent: function (rootID, transaction, context) { - if (process.env.NODE_ENV !== 'production') { - if (context[validateDOMNesting.ancestorInfoContextKey]) { - validateDOMNesting('span', null, context[validateDOMNesting.ancestorInfoContextKey]); - } - } - - this._rootNodeID = rootID; - if (transaction.useCreateElement) { - var ownerDocument = context[ReactMount.ownerDocumentContextKey]; - var el = ownerDocument.createElement('span'); - DOMPropertyOperations.setAttributeForID(el, rootID); - // Populate node cache - ReactMount.getID(el); - setTextContent(el, this._stringText); - return el; - } else { - var escapedText = escapeTextContentForBrowser(this._stringText); - - if (transaction.renderToStaticMarkup) { - // Normally we'd wrap this in a `span` for the reasons stated above, but - // since this is a situation where React won't take over (static pages), - // we can simply return the text as it is. - return escapedText; - } - - return '' + escapedText + ''; - } - }, - - /** - * Updates this component by updating the text content. - * - * @param {ReactText} nextText The next text content - * @param {ReactReconcileTransaction} transaction - * @internal - */ - receiveComponent: function (nextText, transaction) { - if (nextText !== this._currentElement) { - this._currentElement = nextText; - var nextStringText = '' + nextText; - if (nextStringText !== this._stringText) { - // TODO: Save this as pending props and use performUpdateIfNecessary - // and/or updateComponent to do the actual update for consistency with - // other component types? - this._stringText = nextStringText; - var node = ReactMount.getNode(this._rootNodeID); - DOMChildrenOperations.updateTextContent(node, nextStringText); - } - } - }, - - unmountComponent: function () { - ReactComponentBrowserEnvironment.unmountIDFromEnvironment(this._rootNodeID); - } - - }); - - module.exports = ReactDOMTextComponent; - /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(30))) - -/***/ }, -/* 54 */ -/***/ function(module, exports, __webpack_require__) { - - /* WEBPACK VAR INJECTION */(function(process) {/** - * Copyright 2013-2015, Facebook, Inc. - * All rights reserved. - * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. - * - * @providesModule DOMChildrenOperations - * @typechecks static-only - */ - - 'use strict'; - - var Danger = __webpack_require__(55); - var ReactMultiChildUpdateTypes = __webpack_require__(63); - var ReactPerf = __webpack_require__(65); - - var setInnerHTML = __webpack_require__(66); - var setTextContent = __webpack_require__(67); - var invariant = __webpack_require__(60); - - /** - * Inserts `childNode` as a child of `parentNode` at the `index`. - * - * @param {DOMElement} parentNode Parent node in which to insert. - * @param {DOMElement} childNode Child node to insert. - * @param {number} index Index at which to insert the child. - * @internal - */ - function insertChildAt(parentNode, childNode, index) { - // By exploiting arrays returning `undefined` for an undefined index, we can - // rely exclusively on `insertBefore(node, null)` instead of also using - // `appendChild(node)`. However, using `undefined` is not allowed by all - // browsers so we must replace it with `null`. - - // fix render order error in safari - // IE8 will throw error when index out of list size. - var beforeChild = index >= parentNode.childNodes.length ? null : parentNode.childNodes.item(index); - - parentNode.insertBefore(childNode, beforeChild); - } - - /** - * Operations for updating with DOM children. - */ - var DOMChildrenOperations = { - - dangerouslyReplaceNodeWithMarkup: Danger.dangerouslyReplaceNodeWithMarkup, - - updateTextContent: setTextContent, - - /** - * Updates a component's children by processing a series of updates. The - * update configurations are each expected to have a `parentNode` property. - * - * @param {array} updates List of update configurations. - * @param {array} markupList List of markup strings. - * @internal - */ - processUpdates: function (updates, markupList) { - var update; - // Mapping from parent IDs to initial child orderings. - var initialChildren = null; - // List of children that will be moved or removed. - var updatedChildren = null; - - for (var i = 0; i < updates.length; i++) { - update = updates[i]; - if (update.type === ReactMultiChildUpdateTypes.MOVE_EXISTING || update.type === ReactMultiChildUpdateTypes.REMOVE_NODE) { - var updatedIndex = update.fromIndex; - var updatedChild = update.parentNode.childNodes[updatedIndex]; - var parentID = update.parentID; - - !updatedChild ? process.env.NODE_ENV !== 'production' ? invariant(false, 'processUpdates(): Unable to find child %s of element. This ' + 'probably means the DOM was unexpectedly mutated (e.g., by the ' + 'browser), usually due to forgetting a when using tables, ' + 'nesting tags like
,

, or , or using non-SVG elements ' + 'in an parent. Try inspecting the child nodes of the element ' + 'with React ID `%s`.', updatedIndex, parentID) : invariant(false) : undefined; - - initialChildren = initialChildren || {}; - initialChildren[parentID] = initialChildren[parentID] || []; - initialChildren[parentID][updatedIndex] = updatedChild; - - updatedChildren = updatedChildren || []; - updatedChildren.push(updatedChild); - } - } - - var renderedMarkup; - // markupList is either a list of markup or just a list of elements - if (markupList.length && typeof markupList[0] === 'string') { - renderedMarkup = Danger.dangerouslyRenderMarkup(markupList); - } else { - renderedMarkup = markupList; - } - - // Remove updated children first so that `toIndex` is consistent. - if (updatedChildren) { - for (var j = 0; j < updatedChildren.length; j++) { - updatedChildren[j].parentNode.removeChild(updatedChildren[j]); - } - } - - for (var k = 0; k < updates.length; k++) { - update = updates[k]; - switch (update.type) { - case ReactMultiChildUpdateTypes.INSERT_MARKUP: - insertChildAt(update.parentNode, renderedMarkup[update.markupIndex], update.toIndex); - break; - case ReactMultiChildUpdateTypes.MOVE_EXISTING: - insertChildAt(update.parentNode, initialChildren[update.parentID][update.fromIndex], update.toIndex); - break; - case ReactMultiChildUpdateTypes.SET_MARKUP: - setInnerHTML(update.parentNode, update.content); - break; - case ReactMultiChildUpdateTypes.TEXT_CONTENT: - setTextContent(update.parentNode, update.content); - break; - case ReactMultiChildUpdateTypes.REMOVE_NODE: - // Already removed by the for-loop above. - break; - } - } - } - - }; - - ReactPerf.measureMethods(DOMChildrenOperations, 'DOMChildrenOperations', { - updateTextContent: 'updateTextContent' - }); - - module.exports = DOMChildrenOperations; - /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(30))) - -/***/ }, -/* 55 */ -/***/ function(module, exports, __webpack_require__) { - - /* WEBPACK VAR INJECTION */(function(process) {/** - * Copyright 2013-2015, Facebook, Inc. - * All rights reserved. - * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. - * - * @providesModule Danger - * @typechecks static-only - */ - - 'use strict'; - - var ExecutionEnvironment = __webpack_require__(56); - - var createNodesFromMarkup = __webpack_require__(57); - var emptyFunction = __webpack_require__(62); - var getMarkupWrap = __webpack_require__(61); - var invariant = __webpack_require__(60); - - var OPEN_TAG_NAME_EXP = /^(<[^ \/>]+)/; - var RESULT_INDEX_ATTR = 'data-danger-index'; - - /** - * Extracts the `nodeName` from a string of markup. - * - * NOTE: Extracting the `nodeName` does not require a regular expression match - * because we make assumptions about React-generated markup (i.e. there are no - * spaces surrounding the opening tag and there is at least one attribute). - * - * @param {string} markup String of markup. - * @return {string} Node name of the supplied markup. - * @see http://jsperf.com/extract-nodename - */ - function getNodeName(markup) { - return markup.substring(1, markup.indexOf(' ')); - } - - var Danger = { - - /** - * Renders markup into an array of nodes. The markup is expected to render - * into a list of root nodes. Also, the length of `resultList` and - * `markupList` should be the same. - * - * @param {array} markupList List of markup strings to render. - * @return {array} List of rendered nodes. - * @internal - */ - dangerouslyRenderMarkup: function (markupList) { - !ExecutionEnvironment.canUseDOM ? process.env.NODE_ENV !== 'production' ? invariant(false, 'dangerouslyRenderMarkup(...): Cannot render markup in a worker ' + 'thread. Make sure `window` and `document` are available globally ' + 'before requiring React when unit testing or use ' + 'ReactDOMServer.renderToString for server rendering.') : invariant(false) : undefined; - var nodeName; - var markupByNodeName = {}; - // Group markup by `nodeName` if a wrap is necessary, else by '*'. - for (var i = 0; i < markupList.length; i++) { - !markupList[i] ? process.env.NODE_ENV !== 'production' ? invariant(false, 'dangerouslyRenderMarkup(...): Missing markup.') : invariant(false) : undefined; - nodeName = getNodeName(markupList[i]); - nodeName = getMarkupWrap(nodeName) ? nodeName : '*'; - markupByNodeName[nodeName] = markupByNodeName[nodeName] || []; - markupByNodeName[nodeName][i] = markupList[i]; - } - var resultList = []; - var resultListAssignmentCount = 0; - for (nodeName in markupByNodeName) { - if (!markupByNodeName.hasOwnProperty(nodeName)) { - continue; - } - var markupListByNodeName = markupByNodeName[nodeName]; - - // This for-in loop skips the holes of the sparse array. The order of - // iteration should follow the order of assignment, which happens to match - // numerical index order, but we don't rely on that. - var resultIndex; - for (resultIndex in markupListByNodeName) { - if (markupListByNodeName.hasOwnProperty(resultIndex)) { - var markup = markupListByNodeName[resultIndex]; - - // Push the requested markup with an additional RESULT_INDEX_ATTR - // attribute. If the markup does not start with a < character, it - // will be discarded below (with an appropriate console.error). - markupListByNodeName[resultIndex] = markup.replace(OPEN_TAG_NAME_EXP, - // This index will be parsed back out below. - '$1 ' + RESULT_INDEX_ATTR + '="' + resultIndex + '" '); - } - } - - // Render each group of markup with similar wrapping `nodeName`. - var renderNodes = createNodesFromMarkup(markupListByNodeName.join(''), emptyFunction // Do nothing special with ', '
']; - var trWrap = [3, '', '
']; - - var svgWrap = [1, '', '']; - - var markupWrap = { - '*': [1, '?

', '
'], - - 'area': [1, '', ''], - 'col': [2, '', '
'], - 'legend': [1, '
', '
'], - 'param': [1, '', ''], - 'tr': [2, '', '
'], - - 'optgroup': selectWrap, - 'option': selectWrap, - - 'caption': tableWrap, - 'colgroup': tableWrap, - 'tbody': tableWrap, - 'tfoot': tableWrap, - 'thead': tableWrap, - - 'td': trWrap, - 'th': trWrap - }; - - // Initialize the SVG elements since we know they'll always need to be wrapped - // consistently. If they are created inside a
they will be initialized in - // the wrong namespace (and will not display). - var svgElements = ['circle', 'clipPath', 'defs', 'ellipse', 'g', 'image', 'line', 'linearGradient', 'mask', 'path', 'pattern', 'polygon', 'polyline', 'radialGradient', 'rect', 'stop', 'text', 'tspan']; - svgElements.forEach(function (nodeName) { - markupWrap[nodeName] = svgWrap; - shouldWrap[nodeName] = true; - }); - - /** - * Gets the markup wrap configuration for the supplied `nodeName`. - * - * NOTE: This lazily detects which wraps are necessary for the current browser. - * - * @param {string} nodeName Lowercase `nodeName`. - * @return {?array} Markup wrap configuration, if applicable. - */ - function getMarkupWrap(nodeName) { - !!!dummyNode ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Markup wrapping node not initialized') : invariant(false) : undefined; - if (!markupWrap.hasOwnProperty(nodeName)) { - nodeName = '*'; - } - if (!shouldWrap.hasOwnProperty(nodeName)) { - if (nodeName === '*') { - dummyNode.innerHTML = ''; - } else { - dummyNode.innerHTML = '<' + nodeName + '>'; - } - shouldWrap[nodeName] = !dummyNode.firstChild; - } - return shouldWrap[nodeName] ? markupWrap[nodeName] : null; - } - - module.exports = getMarkupWrap; - /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(30))) - -/***/ }, -/* 62 */ -/***/ function(module, exports) { - - /** - * Copyright 2013-2015, Facebook, Inc. - * All rights reserved. - * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. - * - * @providesModule emptyFunction - */ - - "use strict"; - - function makeEmptyFunction(arg) { - return function () { - return arg; - }; - } - - /** - * This function accepts and discards inputs; it has no side effects. This is - * primarily useful idiomatically for overridable function endpoints which - * always need to be callable, since JS lacks a null-call idiom ala Cocoa. - */ - function emptyFunction() {} - - emptyFunction.thatReturns = makeEmptyFunction; - emptyFunction.thatReturnsFalse = makeEmptyFunction(false); - emptyFunction.thatReturnsTrue = makeEmptyFunction(true); - emptyFunction.thatReturnsNull = makeEmptyFunction(null); - emptyFunction.thatReturnsThis = function () { - return this; - }; - emptyFunction.thatReturnsArgument = function (arg) { - return arg; - }; - - module.exports = emptyFunction; - -/***/ }, -/* 63 */ -/***/ function(module, exports, __webpack_require__) { - - /** - * Copyright 2013-2015, Facebook, Inc. - * All rights reserved. - * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. - * - * @providesModule ReactMultiChildUpdateTypes - */ - - 'use strict'; - - var keyMirror = __webpack_require__(64); - - /** - * When a component's children are updated, a series of update configuration - * objects are created in order to batch and serialize the required changes. - * - * Enumerates all the possible types of update configurations. - * - * @internal - */ - var ReactMultiChildUpdateTypes = keyMirror({ - INSERT_MARKUP: null, - MOVE_EXISTING: null, - REMOVE_NODE: null, - SET_MARKUP: null, - TEXT_CONTENT: null - }); - - module.exports = ReactMultiChildUpdateTypes; - -/***/ }, -/* 64 */ -/***/ function(module, exports, __webpack_require__) { - - /* WEBPACK VAR INJECTION */(function(process) {/** - * Copyright 2013-2015, Facebook, Inc. - * All rights reserved. - * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. - * - * @providesModule keyMirror - * @typechecks static-only - */ - - 'use strict'; - - var invariant = __webpack_require__(60); - - /** - * Constructs an enumeration with keys equal to their value. - * - * For example: - * - * var COLORS = keyMirror({blue: null, red: null}); - * var myColor = COLORS.blue; - * var isColorValid = !!COLORS[myColor]; - * - * The last line could not be performed if the values of the generated enum were - * not equal to their keys. - * - * Input: {key1: val1, key2: val2} - * Output: {key1: key1, key2: key2} - * - * @param {object} obj - * @return {object} - */ - var keyMirror = function (obj) { - var ret = {}; - var key; - !(obj instanceof Object && !Array.isArray(obj)) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'keyMirror(...): Argument must be an object.') : invariant(false) : undefined; - for (key in obj) { - if (!obj.hasOwnProperty(key)) { - continue; - } - ret[key] = key; - } - return ret; - }; - - module.exports = keyMirror; - /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(30))) - -/***/ }, -/* 65 */ -/***/ function(module, exports, __webpack_require__) { - - /* WEBPACK VAR INJECTION */(function(process) {/** - * Copyright 2013-2015, Facebook, Inc. - * All rights reserved. - * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. - * - * @providesModule ReactPerf - * @typechecks static-only - */ - - 'use strict'; - - /** - * ReactPerf is a general AOP system designed to measure performance. This - * module only has the hooks: see ReactDefaultPerf for the analysis tool. - */ - var ReactPerf = { - /** - * Boolean to enable/disable measurement. Set to false by default to prevent - * accidental logging and perf loss. - */ - enableMeasure: false, - - /** - * Holds onto the measure function in use. By default, don't measure - * anything, but we'll override this if we inject a measure function. - */ - storedMeasure: _noMeasure, - - /** - * @param {object} object - * @param {string} objectName - * @param {object} methodNames - */ - measureMethods: function (object, objectName, methodNames) { - if (process.env.NODE_ENV !== 'production') { - for (var key in methodNames) { - if (!methodNames.hasOwnProperty(key)) { - continue; - } - object[key] = ReactPerf.measure(objectName, methodNames[key], object[key]); - } - } - }, - - /** - * Use this to wrap methods you want to measure. Zero overhead in production. - * - * @param {string} objName - * @param {string} fnName - * @param {function} func - * @return {function} - */ - measure: function (objName, fnName, func) { - if (process.env.NODE_ENV !== 'production') { - var measuredFunc = null; - var wrapper = function () { - if (ReactPerf.enableMeasure) { - if (!measuredFunc) { - measuredFunc = ReactPerf.storedMeasure(objName, fnName, func); - } - return measuredFunc.apply(this, arguments); - } - return func.apply(this, arguments); - }; - wrapper.displayName = objName + '_' + fnName; - return wrapper; - } - return func; - }, - - injection: { - /** - * @param {function} measure - */ - injectMeasure: function (measure) { - ReactPerf.storedMeasure = measure; - } - } - }; - - /** - * Simply passes through the measured function, without measuring it. - * - * @param {string} objName - * @param {string} fnName - * @param {function} func - * @return {function} - */ - function _noMeasure(objName, fnName, func) { - return func; - } - - module.exports = ReactPerf; - /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(30))) - -/***/ }, -/* 66 */ -/***/ function(module, exports, __webpack_require__) { - - /** - * Copyright 2013-2015, Facebook, Inc. - * All rights reserved. - * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. - * - * @providesModule setInnerHTML - */ - - /* globals MSApp */ - - 'use strict'; - - var ExecutionEnvironment = __webpack_require__(56); - - var WHITESPACE_TEST = /^[ \r\n\t\f]/; - var NONVISIBLE_TEST = /<(!--|link|noscript|meta|script|style)[ \r\n\t\f\/>]/; - - /** - * Set the innerHTML property of a node, ensuring that whitespace is preserved - * even in IE8. - * - * @param {DOMElement} node - * @param {string} html - * @internal - */ - var setInnerHTML = function (node, html) { - node.innerHTML = html; - }; - - // Win8 apps: Allow all html to be inserted - if (typeof MSApp !== 'undefined' && MSApp.execUnsafeLocalFunction) { - setInnerHTML = function (node, html) { - MSApp.execUnsafeLocalFunction(function () { - node.innerHTML = html; - }); - }; - } - - if (ExecutionEnvironment.canUseDOM) { - // IE8: When updating a just created node with innerHTML only leading - // whitespace is removed. When updating an existing node with innerHTML - // whitespace in root TextNodes is also collapsed. - // @see quirksmode.org/bugreports/archives/2004/11/innerhtml_and_t.html - - // Feature detection; only IE8 is known to behave improperly like this. - var testElement = document.createElement('div'); - testElement.innerHTML = ' '; - if (testElement.innerHTML === '') { - setInnerHTML = function (node, html) { - // Magic theory: IE8 supposedly differentiates between added and updated - // nodes when processing innerHTML, innerHTML on updated nodes suffers - // from worse whitespace behavior. Re-adding a node like this triggers - // the initial and more favorable whitespace behavior. - // TODO: What to do on a detached node? - if (node.parentNode) { - node.parentNode.replaceChild(node, node); - } - - // We also implement a workaround for non-visible tags disappearing into - // thin air on IE8, this only happens if there is no visible text - // in-front of the non-visible tags. Piggyback on the whitespace fix - // and simply check if any non-visible tags appear in the source. - if (WHITESPACE_TEST.test(html) || html[0] === '<' && NONVISIBLE_TEST.test(html)) { - // Recover leading whitespace by temporarily prepending any character. - // \uFEFF has the potential advantage of being zero-width/invisible. - // UglifyJS drops U+FEFF chars when parsing, so use String.fromCharCode - // in hopes that this is preserved even if "\uFEFF" is transformed to - // the actual Unicode character (by Babel, for example). - // https://github.com/mishoo/UglifyJS2/blob/v2.4.20/lib/parse.js#L216 - node.innerHTML = String.fromCharCode(0xFEFF) + html; - - // deleteData leaves an empty `TextNode` which offsets the index of all - // children. Definitely want to avoid this. - var textNode = node.firstChild; - if (textNode.data.length === 1) { - node.removeChild(textNode); - } else { - textNode.deleteData(0, 1); - } - } else { - node.innerHTML = html; - } - }; - } - } - - module.exports = setInnerHTML; - -/***/ }, -/* 67 */ -/***/ function(module, exports, __webpack_require__) { - - /** - * Copyright 2013-2015, Facebook, Inc. - * All rights reserved. - * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. - * - * @providesModule setTextContent - */ - - 'use strict'; - - var ExecutionEnvironment = __webpack_require__(56); - var escapeTextContentForBrowser = __webpack_require__(68); - var setInnerHTML = __webpack_require__(66); - - /** - * Set the textContent property of a node, ensuring that whitespace is preserved - * even in IE8. innerText is a poor substitute for textContent and, among many - * issues, inserts
instead of the literal newline chars. innerHTML behaves - * as it should. - * - * @param {DOMElement} node - * @param {string} text - * @internal - */ - var setTextContent = function (node, text) { - node.textContent = text; - }; - - if (ExecutionEnvironment.canUseDOM) { - if (!('textContent' in document.documentElement)) { - setTextContent = function (node, text) { - setInnerHTML(node, escapeTextContentForBrowser(text)); - }; - } - } - - module.exports = setTextContent; - -/***/ }, -/* 68 */ -/***/ function(module, exports) { - - /** - * Copyright 2013-2015, Facebook, Inc. - * All rights reserved. - * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. - * - * @providesModule escapeTextContentForBrowser - */ - - 'use strict'; - - var ESCAPE_LOOKUP = { - '&': '&', - '>': '>', - '<': '<', - '"': '"', - '\'': ''' - }; - - var ESCAPE_REGEX = /[&><"']/g; - - function escaper(match) { - return ESCAPE_LOOKUP[match]; - } - - /** - * Escapes text to prevent scripting attacks. - * - * @param {*} text Text value to escape. - * @return {string} An escaped string. - */ - function escapeTextContentForBrowser(text) { - return ('' + text).replace(ESCAPE_REGEX, escaper); - } - - module.exports = escapeTextContentForBrowser; - -/***/ }, -/* 69 */ -/***/ function(module, exports, __webpack_require__) { - - /* WEBPACK VAR INJECTION */(function(process) {/** - * Copyright 2013-2015, Facebook, Inc. - * All rights reserved. - * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. - * - * @providesModule DOMPropertyOperations - * @typechecks static-only - */ - - 'use strict'; - - var DOMProperty = __webpack_require__(70); - var ReactPerf = __webpack_require__(65); - - var quoteAttributeValueForBrowser = __webpack_require__(71); - var warning = __webpack_require__(72); - - // Simplified subset - var VALID_ATTRIBUTE_NAME_REGEX = /^[a-zA-Z_][\w\.\-]*$/; - var illegalAttributeNameCache = {}; - var validatedAttributeNameCache = {}; - - function isAttributeNameSafe(attributeName) { - if (validatedAttributeNameCache.hasOwnProperty(attributeName)) { - return true; - } - if (illegalAttributeNameCache.hasOwnProperty(attributeName)) { - return false; - } - if (VALID_ATTRIBUTE_NAME_REGEX.test(attributeName)) { - validatedAttributeNameCache[attributeName] = true; - return true; - } - illegalAttributeNameCache[attributeName] = true; - process.env.NODE_ENV !== 'production' ? warning(false, 'Invalid attribute name: `%s`', attributeName) : undefined; - return false; - } - - function shouldIgnoreValue(propertyInfo, value) { - return value == null || propertyInfo.hasBooleanValue && !value || propertyInfo.hasNumericValue && isNaN(value) || propertyInfo.hasPositiveNumericValue && value < 1 || propertyInfo.hasOverloadedBooleanValue && value === false; - } - - if (process.env.NODE_ENV !== 'production') { - var reactProps = { - children: true, - dangerouslySetInnerHTML: true, - key: true, - ref: true - }; - var warnedProperties = {}; - - var warnUnknownProperty = function (name) { - if (reactProps.hasOwnProperty(name) && reactProps[name] || warnedProperties.hasOwnProperty(name) && warnedProperties[name]) { - return; - } - - warnedProperties[name] = true; - var lowerCasedName = name.toLowerCase(); - - // data-* attributes should be lowercase; suggest the lowercase version - var standardName = DOMProperty.isCustomAttribute(lowerCasedName) ? lowerCasedName : DOMProperty.getPossibleStandardName.hasOwnProperty(lowerCasedName) ? DOMProperty.getPossibleStandardName[lowerCasedName] : null; - - // For now, only warn when we have a suggested correction. This prevents - // logging too much when using transferPropsTo. - process.env.NODE_ENV !== 'production' ? warning(standardName == null, 'Unknown DOM property %s. Did you mean %s?', name, standardName) : undefined; - }; - } - - /** - * Operations for dealing with DOM properties. - */ - var DOMPropertyOperations = { - - /** - * Creates markup for the ID property. - * - * @param {string} id Unescaped ID. - * @return {string} Markup string. - */ - createMarkupForID: function (id) { - return DOMProperty.ID_ATTRIBUTE_NAME + '=' + quoteAttributeValueForBrowser(id); - }, - - setAttributeForID: function (node, id) { - node.setAttribute(DOMProperty.ID_ATTRIBUTE_NAME, id); - }, - - /** - * Creates markup for a property. - * - * @param {string} name - * @param {*} value - * @return {?string} Markup string, or null if the property was invalid. - */ - createMarkupForProperty: function (name, value) { - var propertyInfo = DOMProperty.properties.hasOwnProperty(name) ? DOMProperty.properties[name] : null; - if (propertyInfo) { - if (shouldIgnoreValue(propertyInfo, value)) { - return ''; - } - var attributeName = propertyInfo.attributeName; - if (propertyInfo.hasBooleanValue || propertyInfo.hasOverloadedBooleanValue && value === true) { - return attributeName + '=""'; - } - return attributeName + '=' + quoteAttributeValueForBrowser(value); - } else if (DOMProperty.isCustomAttribute(name)) { - if (value == null) { - return ''; - } - return name + '=' + quoteAttributeValueForBrowser(value); - } else if (process.env.NODE_ENV !== 'production') { - warnUnknownProperty(name); - } - return null; - }, - - /** - * Creates markup for a custom property. - * - * @param {string} name - * @param {*} value - * @return {string} Markup string, or empty string if the property was invalid. - */ - createMarkupForCustomAttribute: function (name, value) { - if (!isAttributeNameSafe(name) || value == null) { - return ''; - } - return name + '=' + quoteAttributeValueForBrowser(value); - }, - - /** - * Sets the value for a property on a node. - * - * @param {DOMElement} node - * @param {string} name - * @param {*} value - */ - setValueForProperty: function (node, name, value) { - var propertyInfo = DOMProperty.properties.hasOwnProperty(name) ? DOMProperty.properties[name] : null; - if (propertyInfo) { - var mutationMethod = propertyInfo.mutationMethod; - if (mutationMethod) { - mutationMethod(node, value); - } else if (shouldIgnoreValue(propertyInfo, value)) { - this.deleteValueForProperty(node, name); - } else if (propertyInfo.mustUseAttribute) { - var attributeName = propertyInfo.attributeName; - var namespace = propertyInfo.attributeNamespace; - // `setAttribute` with objects becomes only `[object]` in IE8/9, - // ('' + value) makes it output the correct toString()-value. - if (namespace) { - node.setAttributeNS(namespace, attributeName, '' + value); - } else if (propertyInfo.hasBooleanValue || propertyInfo.hasOverloadedBooleanValue && value === true) { - node.setAttribute(attributeName, ''); - } else { - node.setAttribute(attributeName, '' + value); - } - } else { - var propName = propertyInfo.propertyName; - // Must explicitly cast values for HAS_SIDE_EFFECTS-properties to the - // property type before comparing; only `value` does and is string. - if (!propertyInfo.hasSideEffects || '' + node[propName] !== '' + value) { - // Contrary to `setAttribute`, object properties are properly - // `toString`ed by IE8/9. - node[propName] = value; - } - } - } else if (DOMProperty.isCustomAttribute(name)) { - DOMPropertyOperations.setValueForAttribute(node, name, value); - } else if (process.env.NODE_ENV !== 'production') { - warnUnknownProperty(name); - } - }, - - setValueForAttribute: function (node, name, value) { - if (!isAttributeNameSafe(name)) { - return; - } - if (value == null) { - node.removeAttribute(name); - } else { - node.setAttribute(name, '' + value); - } - }, - - /** - * Deletes the value for a property on a node. - * - * @param {DOMElement} node - * @param {string} name - */ - deleteValueForProperty: function (node, name) { - var propertyInfo = DOMProperty.properties.hasOwnProperty(name) ? DOMProperty.properties[name] : null; - if (propertyInfo) { - var mutationMethod = propertyInfo.mutationMethod; - if (mutationMethod) { - mutationMethod(node, undefined); - } else if (propertyInfo.mustUseAttribute) { - node.removeAttribute(propertyInfo.attributeName); - } else { - var propName = propertyInfo.propertyName; - var defaultValue = DOMProperty.getDefaultValueForProperty(node.nodeName, propName); - if (!propertyInfo.hasSideEffects || '' + node[propName] !== defaultValue) { - node[propName] = defaultValue; - } - } - } else if (DOMProperty.isCustomAttribute(name)) { - node.removeAttribute(name); - } else if (process.env.NODE_ENV !== 'production') { - warnUnknownProperty(name); - } - } - - }; - - ReactPerf.measureMethods(DOMPropertyOperations, 'DOMPropertyOperations', { - setValueForProperty: 'setValueForProperty', - setValueForAttribute: 'setValueForAttribute', - deleteValueForProperty: 'deleteValueForProperty' - }); - - module.exports = DOMPropertyOperations; - /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(30))) - -/***/ }, -/* 70 */ -/***/ function(module, exports, __webpack_require__) { - - /* WEBPACK VAR INJECTION */(function(process) {/** - * Copyright 2013-2015, Facebook, Inc. - * All rights reserved. - * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. - * - * @providesModule DOMProperty - * @typechecks static-only - */ - - 'use strict'; - - var invariant = __webpack_require__(60); - - function checkMask(value, bitmask) { - return (value & bitmask) === bitmask; - } - - var DOMPropertyInjection = { - /** - * Mapping from normalized, camelcased property names to a configuration that - * specifies how the associated DOM property should be accessed or rendered. - */ - MUST_USE_ATTRIBUTE: 0x1, - MUST_USE_PROPERTY: 0x2, - HAS_SIDE_EFFECTS: 0x4, - HAS_BOOLEAN_VALUE: 0x8, - HAS_NUMERIC_VALUE: 0x10, - HAS_POSITIVE_NUMERIC_VALUE: 0x20 | 0x10, - HAS_OVERLOADED_BOOLEAN_VALUE: 0x40, - - /** - * Inject some specialized knowledge about the DOM. This takes a config object - * with the following properties: - * - * isCustomAttribute: function that given an attribute name will return true - * if it can be inserted into the DOM verbatim. Useful for data-* or aria-* - * attributes where it's impossible to enumerate all of the possible - * attribute names, - * - * Properties: object mapping DOM property name to one of the - * DOMPropertyInjection constants or null. If your attribute isn't in here, - * it won't get written to the DOM. - * - * DOMAttributeNames: object mapping React attribute name to the DOM - * attribute name. Attribute names not specified use the **lowercase** - * normalized name. - * - * DOMAttributeNamespaces: object mapping React attribute name to the DOM - * attribute namespace URL. (Attribute names not specified use no namespace.) - * - * DOMPropertyNames: similar to DOMAttributeNames but for DOM properties. - * Property names not specified use the normalized name. - * - * DOMMutationMethods: Properties that require special mutation methods. If - * `value` is undefined, the mutation method should unset the property. - * - * @param {object} domPropertyConfig the config as described above. - */ - injectDOMPropertyConfig: function (domPropertyConfig) { - var Injection = DOMPropertyInjection; - var Properties = domPropertyConfig.Properties || {}; - var DOMAttributeNamespaces = domPropertyConfig.DOMAttributeNamespaces || {}; - var DOMAttributeNames = domPropertyConfig.DOMAttributeNames || {}; - var DOMPropertyNames = domPropertyConfig.DOMPropertyNames || {}; - var DOMMutationMethods = domPropertyConfig.DOMMutationMethods || {}; - - if (domPropertyConfig.isCustomAttribute) { - DOMProperty._isCustomAttributeFunctions.push(domPropertyConfig.isCustomAttribute); - } - - for (var propName in Properties) { - !!DOMProperty.properties.hasOwnProperty(propName) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'injectDOMPropertyConfig(...): You\'re trying to inject DOM property ' + '\'%s\' which has already been injected. You may be accidentally ' + 'injecting the same DOM property config twice, or you may be ' + 'injecting two configs that have conflicting property names.', propName) : invariant(false) : undefined; - - var lowerCased = propName.toLowerCase(); - var propConfig = Properties[propName]; - - var propertyInfo = { - attributeName: lowerCased, - attributeNamespace: null, - propertyName: propName, - mutationMethod: null, - - mustUseAttribute: checkMask(propConfig, Injection.MUST_USE_ATTRIBUTE), - mustUseProperty: checkMask(propConfig, Injection.MUST_USE_PROPERTY), - hasSideEffects: checkMask(propConfig, Injection.HAS_SIDE_EFFECTS), - hasBooleanValue: checkMask(propConfig, Injection.HAS_BOOLEAN_VALUE), - hasNumericValue: checkMask(propConfig, Injection.HAS_NUMERIC_VALUE), - hasPositiveNumericValue: checkMask(propConfig, Injection.HAS_POSITIVE_NUMERIC_VALUE), - hasOverloadedBooleanValue: checkMask(propConfig, Injection.HAS_OVERLOADED_BOOLEAN_VALUE) - }; - - !(!propertyInfo.mustUseAttribute || !propertyInfo.mustUseProperty) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'DOMProperty: Cannot require using both attribute and property: %s', propName) : invariant(false) : undefined; - !(propertyInfo.mustUseProperty || !propertyInfo.hasSideEffects) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'DOMProperty: Properties that have side effects must use property: %s', propName) : invariant(false) : undefined; - !(propertyInfo.hasBooleanValue + propertyInfo.hasNumericValue + propertyInfo.hasOverloadedBooleanValue <= 1) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'DOMProperty: Value can be one of boolean, overloaded boolean, or ' + 'numeric value, but not a combination: %s', propName) : invariant(false) : undefined; - - if (process.env.NODE_ENV !== 'production') { - DOMProperty.getPossibleStandardName[lowerCased] = propName; - } - - if (DOMAttributeNames.hasOwnProperty(propName)) { - var attributeName = DOMAttributeNames[propName]; - propertyInfo.attributeName = attributeName; - if (process.env.NODE_ENV !== 'production') { - DOMProperty.getPossibleStandardName[attributeName] = propName; - } - } - - if (DOMAttributeNamespaces.hasOwnProperty(propName)) { - propertyInfo.attributeNamespace = DOMAttributeNamespaces[propName]; - } - - if (DOMPropertyNames.hasOwnProperty(propName)) { - propertyInfo.propertyName = DOMPropertyNames[propName]; - } - - if (DOMMutationMethods.hasOwnProperty(propName)) { - propertyInfo.mutationMethod = DOMMutationMethods[propName]; - } - - DOMProperty.properties[propName] = propertyInfo; - } - } - }; - var defaultValueCache = {}; - - /** - * DOMProperty exports lookup objects that can be used like functions: - * - * > DOMProperty.isValid['id'] - * true - * > DOMProperty.isValid['foobar'] - * undefined - * - * Although this may be confusing, it performs better in general. - * - * @see http://jsperf.com/key-exists - * @see http://jsperf.com/key-missing - */ - var DOMProperty = { - - ID_ATTRIBUTE_NAME: 'data-reactid', - - /** - * Map from property "standard name" to an object with info about how to set - * the property in the DOM. Each object contains: - * - * attributeName: - * Used when rendering markup or with `*Attribute()`. - * attributeNamespace - * propertyName: - * Used on DOM node instances. (This includes properties that mutate due to - * external factors.) - * mutationMethod: - * If non-null, used instead of the property or `setAttribute()` after - * initial render. - * mustUseAttribute: - * Whether the property must be accessed and mutated using `*Attribute()`. - * (This includes anything that fails ` in `.) - * mustUseProperty: - * Whether the property must be accessed and mutated as an object property. - * hasSideEffects: - * Whether or not setting a value causes side effects such as triggering - * resources to be loaded or text selection changes. If true, we read from - * the DOM before updating to ensure that the value is only set if it has - * changed. - * hasBooleanValue: - * Whether the property should be removed when set to a falsey value. - * hasNumericValue: - * Whether the property must be numeric or parse as a numeric and should be - * removed when set to a falsey value. - * hasPositiveNumericValue: - * Whether the property must be positive numeric or parse as a positive - * numeric and should be removed when set to a falsey value. - * hasOverloadedBooleanValue: - * Whether the property can be used as a flag as well as with a value. - * Removed when strictly equal to false; present without a value when - * strictly equal to true; present with a value otherwise. - */ - properties: {}, - - /** - * Mapping from lowercase property names to the properly cased version, used - * to warn in the case of missing properties. Available only in __DEV__. - * @type {Object} - */ - getPossibleStandardName: process.env.NODE_ENV !== 'production' ? {} : null, - - /** - * All of the isCustomAttribute() functions that have been injected. - */ - _isCustomAttributeFunctions: [], - - /** - * Checks whether a property name is a custom attribute. - * @method - */ - isCustomAttribute: function (attributeName) { - for (var i = 0; i < DOMProperty._isCustomAttributeFunctions.length; i++) { - var isCustomAttributeFn = DOMProperty._isCustomAttributeFunctions[i]; - if (isCustomAttributeFn(attributeName)) { - return true; - } - } - return false; - }, - - /** - * Returns the default property value for a DOM property (i.e., not an - * attribute). Most default values are '' or false, but not all. Worse yet, - * some (in particular, `type`) vary depending on the type of element. - * - * TODO: Is it better to grab all the possible properties when creating an - * element to avoid having to create the same element twice? - */ - getDefaultValueForProperty: function (nodeName, prop) { - var nodeDefaults = defaultValueCache[nodeName]; - var testElement; - if (!nodeDefaults) { - defaultValueCache[nodeName] = nodeDefaults = {}; - } - if (!(prop in nodeDefaults)) { - testElement = document.createElement(nodeName); - nodeDefaults[prop] = testElement[prop]; - } - return nodeDefaults[prop]; - }, - - injection: DOMPropertyInjection - }; - - module.exports = DOMProperty; - /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(30))) - -/***/ }, -/* 71 */ -/***/ function(module, exports, __webpack_require__) { - - /** - * Copyright 2013-2015, Facebook, Inc. - * All rights reserved. - * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. - * - * @providesModule quoteAttributeValueForBrowser - */ - - 'use strict'; - - var escapeTextContentForBrowser = __webpack_require__(68); - - /** - * Escapes attribute value to prevent scripting attacks. - * - * @param {*} value Value to escape. - * @return {string} An escaped string. - */ - function quoteAttributeValueForBrowser(value) { - return '"' + escapeTextContentForBrowser(value) + '"'; - } - - module.exports = quoteAttributeValueForBrowser; - -/***/ }, -/* 72 */ -/***/ function(module, exports, __webpack_require__) { - - /* WEBPACK VAR INJECTION */(function(process) {/** - * Copyright 2014-2015, Facebook, Inc. - * All rights reserved. - * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. - * - * @providesModule warning - */ - - 'use strict'; - - var emptyFunction = __webpack_require__(62); - - /** - * Similar to invariant but only logs a warning if the condition is not met. - * This can be used to log issues in development environments in critical - * paths. Removing the logging code for production environments will keep the - * same logic and follow the same code paths. - */ - - var warning = emptyFunction; - - if (process.env.NODE_ENV !== 'production') { - warning = function (condition, format) { - for (var _len = arguments.length, args = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) { - args[_key - 2] = arguments[_key]; - } - - if (format === undefined) { - throw new Error('`warning(condition, format, ...args)` requires a warning ' + 'message argument'); - } - - if (format.indexOf('Failed Composite propType: ') === 0) { - return; // Ignore CompositeComponent proptype check. - } - - if (!condition) { - var argIndex = 0; - var message = 'Warning: ' + format.replace(/%s/g, function () { - return args[argIndex++]; - }); - if (typeof console !== 'undefined') { - console.error(message); - } - try { - // --- Welcome to debugging React --- - // This error was thrown as a convenience so that you can use this stack - // to find the callsite that caused this warning to fire. - throw new Error(message); - } catch (x) {} - } - }; - } - - module.exports = warning; - /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(30))) - -/***/ }, -/* 73 */ -/***/ function(module, exports, __webpack_require__) { - - /** - * Copyright 2013-2015, Facebook, Inc. - * All rights reserved. - * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. - * - * @providesModule ReactComponentBrowserEnvironment - */ - - 'use strict'; - - var ReactDOMIDOperations = __webpack_require__(74); - var ReactMount = __webpack_require__(75); - - /** - * Abstracts away all functionality of the reconciler that requires knowledge of - * the browser context. TODO: These callers should be refactored to avoid the - * need for this injection. - */ - var ReactComponentBrowserEnvironment = { - - processChildrenUpdates: ReactDOMIDOperations.dangerouslyProcessChildrenUpdates, - - replaceNodeWithMarkupByID: ReactDOMIDOperations.dangerouslyReplaceNodeWithMarkupByID, - - /** - * If a particular environment requires that some resources be cleaned up, - * specify this in the injected Mixin. In the DOM, we would likely want to - * purge any cached node ID lookups. - * - * @private - */ - unmountIDFromEnvironment: function (rootNodeID) { - ReactMount.purgeID(rootNodeID); - } - - }; - - module.exports = ReactComponentBrowserEnvironment; - -/***/ }, -/* 74 */ -/***/ function(module, exports, __webpack_require__) { - - /* WEBPACK VAR INJECTION */(function(process) {/** - * Copyright 2013-2015, Facebook, Inc. - * All rights reserved. - * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. - * - * @providesModule ReactDOMIDOperations - * @typechecks static-only - */ - - 'use strict'; - - var DOMChildrenOperations = __webpack_require__(54); - var DOMPropertyOperations = __webpack_require__(69); - var ReactMount = __webpack_require__(75); - var ReactPerf = __webpack_require__(65); - - var invariant = __webpack_require__(60); - - /** - * Errors for properties that should not be updated with `updatePropertyByID()`. - * - * @type {object} - * @private - */ - var INVALID_PROPERTY_ERRORS = { - dangerouslySetInnerHTML: '`dangerouslySetInnerHTML` must be set using `updateInnerHTMLByID()`.', - style: '`style` must be set using `updateStylesByID()`.' - }; - - /** - * Operations used to process updates to DOM nodes. - */ - var ReactDOMIDOperations = { - - /** - * Updates a DOM node with new property values. This should only be used to - * update DOM properties in `DOMProperty`. - * - * @param {string} id ID of the node to update. - * @param {string} name A valid property name, see `DOMProperty`. - * @param {*} value New value of the property. - * @internal - */ - updatePropertyByID: function (id, name, value) { - var node = ReactMount.getNode(id); - !!INVALID_PROPERTY_ERRORS.hasOwnProperty(name) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'updatePropertyByID(...): %s', INVALID_PROPERTY_ERRORS[name]) : invariant(false) : undefined; - - // If we're updating to null or undefined, we should remove the property - // from the DOM node instead of inadvertantly setting to a string. This - // brings us in line with the same behavior we have on initial render. - if (value != null) { - DOMPropertyOperations.setValueForProperty(node, name, value); - } else { - DOMPropertyOperations.deleteValueForProperty(node, name); - } - }, - - /** - * Replaces a DOM node that exists in the document with markup. - * - * @param {string} id ID of child to be replaced. - * @param {string} markup Dangerous markup to inject in place of child. - * @internal - * @see {Danger.dangerouslyReplaceNodeWithMarkup} - */ - dangerouslyReplaceNodeWithMarkupByID: function (id, markup) { - var node = ReactMount.getNode(id); - DOMChildrenOperations.dangerouslyReplaceNodeWithMarkup(node, markup); - }, - - /** - * Updates a component's children by processing a series of updates. - * - * @param {array} updates List of update configurations. - * @param {array} markup List of markup strings. - * @internal - */ - dangerouslyProcessChildrenUpdates: function (updates, markup) { - for (var i = 0; i < updates.length; i++) { - updates[i].parentNode = ReactMount.getNode(updates[i].parentID); - } - DOMChildrenOperations.processUpdates(updates, markup); - } - }; - - ReactPerf.measureMethods(ReactDOMIDOperations, 'ReactDOMIDOperations', { - dangerouslyReplaceNodeWithMarkupByID: 'dangerouslyReplaceNodeWithMarkupByID', - dangerouslyProcessChildrenUpdates: 'dangerouslyProcessChildrenUpdates' - }); - - module.exports = ReactDOMIDOperations; - /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(30))) - -/***/ }, -/* 75 */ -/***/ function(module, exports, __webpack_require__) { - - /* WEBPACK VAR INJECTION */(function(process) {/** - * Copyright 2013-2015, Facebook, Inc. - * All rights reserved. - * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. - * - * @providesModule ReactMount - */ - - 'use strict'; - - var DOMProperty = __webpack_require__(70); - var ReactBrowserEventEmitter = __webpack_require__(76); - var ReactCurrentOwner = __webpack_require__(52); - var ReactDOMFeatureFlags = __webpack_require__(88); - var ReactElement = __webpack_require__(89); - var ReactEmptyComponentRegistry = __webpack_require__(91); - var ReactInstanceHandles = __webpack_require__(92); - var ReactInstanceMap = __webpack_require__(94); - var ReactMarkupChecksum = __webpack_require__(95); - var ReactPerf = __webpack_require__(65); - var ReactReconciler = __webpack_require__(97); - var ReactUpdateQueue = __webpack_require__(100); - var ReactUpdates = __webpack_require__(101); - - var assign = __webpack_require__(86); - var emptyObject = __webpack_require__(105); - var containsNode = __webpack_require__(106); - var instantiateReactComponent = __webpack_require__(109); - var invariant = __webpack_require__(60); - var setInnerHTML = __webpack_require__(66); - var shouldUpdateReactComponent = __webpack_require__(114); - var validateDOMNesting = __webpack_require__(117); - var warning = __webpack_require__(72); - - var ATTR_NAME = DOMProperty.ID_ATTRIBUTE_NAME; - var nodeCache = {}; - - var ELEMENT_NODE_TYPE = 1; - var DOC_NODE_TYPE = 9; - var DOCUMENT_FRAGMENT_NODE_TYPE = 11; - - var ownerDocumentContextKey = '__ReactMount_ownerDocument$' + Math.random().toString(36).slice(2); - - /** Mapping from reactRootID to React component instance. */ - var instancesByReactRootID = {}; - - /** Mapping from reactRootID to `container` nodes. */ - var containersByReactRootID = {}; - - if (process.env.NODE_ENV !== 'production') { - /** __DEV__-only mapping from reactRootID to root elements. */ - var rootElementsByReactRootID = {}; - } - - // Used to store breadth-first search state in findComponentRoot. - var findComponentRootReusableArray = []; - - /** - * Finds the index of the first character - * that's not common between the two given strings. - * - * @return {number} the index of the character where the strings diverge - */ - function firstDifferenceIndex(string1, string2) { - var minLen = Math.min(string1.length, string2.length); - for (var i = 0; i < minLen; i++) { - if (string1.charAt(i) !== string2.charAt(i)) { - return i; - } - } - return string1.length === string2.length ? -1 : minLen; - } - - /** - * @param {DOMElement|DOMDocument} container DOM element that may contain - * a React component - * @return {?*} DOM element that may have the reactRoot ID, or null. - */ - function getReactRootElementInContainer(container) { - if (!container) { - return null; - } - - if (container.nodeType === DOC_NODE_TYPE) { - return container.documentElement; - } else { - return container.firstChild; - } - } - - /** - * @param {DOMElement} container DOM element that may contain a React component. - * @return {?string} A "reactRoot" ID, if a React component is rendered. - */ - function getReactRootID(container) { - var rootElement = getReactRootElementInContainer(container); - return rootElement && ReactMount.getID(rootElement); - } - - /** - * Accessing node[ATTR_NAME] or calling getAttribute(ATTR_NAME) on a form - * element can return its control whose name or ID equals ATTR_NAME. All - * DOM nodes support `getAttributeNode` but this can also get called on - * other objects so just return '' if we're given something other than a - * DOM node (such as window). - * - * @param {?DOMElement|DOMWindow|DOMDocument|DOMTextNode} node DOM node. - * @return {string} ID of the supplied `domNode`. - */ - function getID(node) { - var id = internalGetID(node); - if (id) { - if (nodeCache.hasOwnProperty(id)) { - var cached = nodeCache[id]; - if (cached !== node) { - !!isValid(cached, id) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'ReactMount: Two valid but unequal nodes with the same `%s`: %s', ATTR_NAME, id) : invariant(false) : undefined; - - nodeCache[id] = node; - } - } else { - nodeCache[id] = node; - } - } - - return id; - } - - function internalGetID(node) { - // If node is something like a window, document, or text node, none of - // which support attributes or a .getAttribute method, gracefully return - // the empty string, as if the attribute were missing. - return node && node.getAttribute && node.getAttribute(ATTR_NAME) || ''; - } - - /** - * Sets the React-specific ID of the given node. - * - * @param {DOMElement} node The DOM node whose ID will be set. - * @param {string} id The value of the ID attribute. - */ - function setID(node, id) { - var oldID = internalGetID(node); - if (oldID !== id) { - delete nodeCache[oldID]; - } - node.setAttribute(ATTR_NAME, id); - nodeCache[id] = node; - } - - /** - * Finds the node with the supplied React-generated DOM ID. - * - * @param {string} id A React-generated DOM ID. - * @return {DOMElement} DOM node with the suppled `id`. - * @internal - */ - function getNode(id) { - if (!nodeCache.hasOwnProperty(id) || !isValid(nodeCache[id], id)) { - nodeCache[id] = ReactMount.findReactNodeByID(id); - } - return nodeCache[id]; - } - - /** - * Finds the node with the supplied public React instance. - * - * @param {*} instance A public React instance. - * @return {?DOMElement} DOM node with the suppled `id`. - * @internal - */ - function getNodeFromInstance(instance) { - var id = ReactInstanceMap.get(instance)._rootNodeID; - if (ReactEmptyComponentRegistry.isNullComponentID(id)) { - return null; - } - if (!nodeCache.hasOwnProperty(id) || !isValid(nodeCache[id], id)) { - nodeCache[id] = ReactMount.findReactNodeByID(id); - } - return nodeCache[id]; - } - - /** - * A node is "valid" if it is contained by a currently mounted container. - * - * This means that the node does not have to be contained by a document in - * order to be considered valid. - * - * @param {?DOMElement} node The candidate DOM node. - * @param {string} id The expected ID of the node. - * @return {boolean} Whether the node is contained by a mounted container. - */ - function isValid(node, id) { - if (node) { - !(internalGetID(node) === id) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'ReactMount: Unexpected modification of `%s`', ATTR_NAME) : invariant(false) : undefined; - - var container = ReactMount.findReactContainerForID(id); - if (container && containsNode(container, node)) { - return true; - } - } - - return false; - } - - /** - * Causes the cache to forget about one React-specific ID. - * - * @param {string} id The ID to forget. - */ - function purgeID(id) { - delete nodeCache[id]; - } - - var deepestNodeSoFar = null; - function findDeepestCachedAncestorImpl(ancestorID) { - var ancestor = nodeCache[ancestorID]; - if (ancestor && isValid(ancestor, ancestorID)) { - deepestNodeSoFar = ancestor; - } else { - // This node isn't populated in the cache, so presumably none of its - // descendants are. Break out of the loop. - return false; - } - } - - /** - * Return the deepest cached node whose ID is a prefix of `targetID`. - */ - function findDeepestCachedAncestor(targetID) { - deepestNodeSoFar = null; - ReactInstanceHandles.traverseAncestors(targetID, findDeepestCachedAncestorImpl); - - var foundNode = deepestNodeSoFar; - deepestNodeSoFar = null; - return foundNode; - } - - /** - * Mounts this component and inserts it into the DOM. - * - * @param {ReactComponent} componentInstance The instance to mount. - * @param {string} rootID DOM ID of the root node. - * @param {DOMElement} container DOM element to mount into. - * @param {ReactReconcileTransaction} transaction - * @param {boolean} shouldReuseMarkup If true, do not insert markup - */ - function mountComponentIntoNode(componentInstance, rootID, container, transaction, shouldReuseMarkup, context) { - if (ReactDOMFeatureFlags.useCreateElement) { - context = assign({}, context); - if (container.nodeType === DOC_NODE_TYPE) { - context[ownerDocumentContextKey] = container; - } else { - context[ownerDocumentContextKey] = container.ownerDocument; - } - } - if (process.env.NODE_ENV !== 'production') { - if (context === emptyObject) { - context = {}; - } - var tag = container.nodeName.toLowerCase(); - context[validateDOMNesting.ancestorInfoContextKey] = validateDOMNesting.updatedAncestorInfo(null, tag, null); - } - var markup = ReactReconciler.mountComponent(componentInstance, rootID, transaction, context); - componentInstance._renderedComponent._topLevelWrapper = componentInstance; - ReactMount._mountImageIntoNode(markup, container, shouldReuseMarkup, transaction); - } - - /** - * Batched mount. - * - * @param {ReactComponent} componentInstance The instance to mount. - * @param {string} rootID DOM ID of the root node. - * @param {DOMElement} container DOM element to mount into. - * @param {boolean} shouldReuseMarkup If true, do not insert markup - */ - function batchedMountComponentIntoNode(componentInstance, rootID, container, shouldReuseMarkup, context) { - var transaction = ReactUpdates.ReactReconcileTransaction.getPooled( - /* forceHTML */shouldReuseMarkup); - transaction.perform(mountComponentIntoNode, null, componentInstance, rootID, container, transaction, shouldReuseMarkup, context); - ReactUpdates.ReactReconcileTransaction.release(transaction); - } - - /** - * Unmounts a component and removes it from the DOM. - * - * @param {ReactComponent} instance React component instance. - * @param {DOMElement} container DOM element to unmount from. - * @final - * @internal - * @see {ReactMount.unmountComponentAtNode} - */ - function unmountComponentFromNode(instance, container) { - ReactReconciler.unmountComponent(instance); - - if (container.nodeType === DOC_NODE_TYPE) { - container = container.documentElement; - } - - // http://jsperf.com/emptying-a-node - while (container.lastChild) { - container.removeChild(container.lastChild); - } - } - - /** - * True if the supplied DOM node has a direct React-rendered child that is - * not a React root element. Useful for warning in `render`, - * `unmountComponentAtNode`, etc. - * - * @param {?DOMElement} node The candidate DOM node. - * @return {boolean} True if the DOM element contains a direct child that was - * rendered by React but is not a root element. - * @internal - */ - function hasNonRootReactChild(node) { - var reactRootID = getReactRootID(node); - return reactRootID ? reactRootID !== ReactInstanceHandles.getReactRootIDFromNodeID(reactRootID) : false; - } - - /** - * Returns the first (deepest) ancestor of a node which is rendered by this copy - * of React. - */ - function findFirstReactDOMImpl(node) { - // This node might be from another React instance, so we make sure not to - // examine the node cache here - for (; node && node.parentNode !== node; node = node.parentNode) { - if (node.nodeType !== 1) { - // Not a DOMElement, therefore not a React component - continue; - } - var nodeID = internalGetID(node); - if (!nodeID) { - continue; - } - var reactRootID = ReactInstanceHandles.getReactRootIDFromNodeID(nodeID); - - // If containersByReactRootID contains the container we find by crawling up - // the tree, we know that this instance of React rendered the node. - // nb. isValid's strategy (with containsNode) does not work because render - // trees may be nested and we don't want a false positive in that case. - var current = node; - var lastID; - do { - lastID = internalGetID(current); - current = current.parentNode; - if (current == null) { - // The passed-in node has been detached from the container it was - // originally rendered into. - return null; - } - } while (lastID !== reactRootID); - - if (current === containersByReactRootID[reactRootID]) { - return node; - } - } - return null; - } - - /** - * Temporary (?) hack so that we can store all top-level pending updates on - * composites instead of having to worry about different types of components - * here. - */ - var TopLevelWrapper = function () {}; - TopLevelWrapper.prototype.isReactComponent = {}; - if (process.env.NODE_ENV !== 'production') { - TopLevelWrapper.displayName = 'TopLevelWrapper'; - } - TopLevelWrapper.prototype.render = function () { - // this.props is actually a ReactElement - return this.props; - }; - - /** - * Mounting is the process of initializing a React component by creating its - * representative DOM elements and inserting them into a supplied `container`. - * Any prior content inside `container` is destroyed in the process. - * - * ReactMount.render( - * component, - * document.getElementById('container') - * ); - * - *
<-- Supplied `container`. - *
<-- Rendered reactRoot of React - * // ... component. - *
- *
- * - * Inside of `container`, the first element rendered is the "reactRoot". - */ - var ReactMount = { - - TopLevelWrapper: TopLevelWrapper, - - /** Exposed for debugging purposes **/ - _instancesByReactRootID: instancesByReactRootID, - - /** - * This is a hook provided to support rendering React components while - * ensuring that the apparent scroll position of its `container` does not - * change. - * - * @param {DOMElement} container The `container` being rendered into. - * @param {function} renderCallback This must be called once to do the render. - */ - scrollMonitor: function (container, renderCallback) { - renderCallback(); - }, - - /** - * Take a component that's already mounted into the DOM and replace its props - * @param {ReactComponent} prevComponent component instance already in the DOM - * @param {ReactElement} nextElement component instance to render - * @param {DOMElement} container container to render into - * @param {?function} callback function triggered on completion - */ - _updateRootComponent: function (prevComponent, nextElement, container, callback) { - ReactMount.scrollMonitor(container, function () { - ReactUpdateQueue.enqueueElementInternal(prevComponent, nextElement); - if (callback) { - ReactUpdateQueue.enqueueCallbackInternal(prevComponent, callback); - } - }); - - if (process.env.NODE_ENV !== 'production') { - // Record the root element in case it later gets transplanted. - rootElementsByReactRootID[getReactRootID(container)] = getReactRootElementInContainer(container); - } - - return prevComponent; - }, - - /** - * Register a component into the instance map and starts scroll value - * monitoring - * @param {ReactComponent} nextComponent component instance to render - * @param {DOMElement} container container to render into - * @return {string} reactRoot ID prefix - */ - _registerComponent: function (nextComponent, container) { - !(container && (container.nodeType === ELEMENT_NODE_TYPE || container.nodeType === DOC_NODE_TYPE || container.nodeType === DOCUMENT_FRAGMENT_NODE_TYPE)) ? process.env.NODE_ENV !== 'production' ? invariant(false, '_registerComponent(...): Target container is not a DOM element.') : invariant(false) : undefined; - - ReactBrowserEventEmitter.ensureScrollValueMonitoring(); - - var reactRootID = ReactMount.registerContainer(container); - instancesByReactRootID[reactRootID] = nextComponent; - return reactRootID; - }, - - /** - * Render a new component into the DOM. - * @param {ReactElement} nextElement element to render - * @param {DOMElement} container container to render into - * @param {boolean} shouldReuseMarkup if we should skip the markup insertion - * @return {ReactComponent} nextComponent - */ - _renderNewRootComponent: function (nextElement, container, shouldReuseMarkup, context) { - // Various parts of our code (such as ReactCompositeComponent's - // _renderValidatedComponent) assume that calls to render aren't nested; - // verify that that's the case. - process.env.NODE_ENV !== 'production' ? warning(ReactCurrentOwner.current == null, '_renderNewRootComponent(): Render methods should be a pure function ' + 'of props and state; triggering nested component updates from ' + 'render is not allowed. If necessary, trigger nested updates in ' + 'componentDidUpdate. Check the render method of %s.', ReactCurrentOwner.current && ReactCurrentOwner.current.getName() || 'ReactCompositeComponent') : undefined; - - var componentInstance = instantiateReactComponent(nextElement, null); - var reactRootID = ReactMount._registerComponent(componentInstance, container); - - // The initial render is synchronous but any updates that happen during - // rendering, in componentWillMount or componentDidMount, will be batched - // according to the current batching strategy. - - ReactUpdates.batchedUpdates(batchedMountComponentIntoNode, componentInstance, reactRootID, container, shouldReuseMarkup, context); - - if (process.env.NODE_ENV !== 'production') { - // Record the root element in case it later gets transplanted. - rootElementsByReactRootID[reactRootID] = getReactRootElementInContainer(container); - } - - return componentInstance; - }, - - /** - * Renders a React component into the DOM in the supplied `container`. - * - * If the React component was previously rendered into `container`, this will - * perform an update on it and only mutate the DOM as necessary to reflect the - * latest React component. - * - * @param {ReactComponent} parentComponent The conceptual parent of this render tree. - * @param {ReactElement} nextElement Component element to render. - * @param {DOMElement} container DOM element to render into. - * @param {?function} callback function triggered on completion - * @return {ReactComponent} Component instance rendered in `container`. - */ - renderSubtreeIntoContainer: function (parentComponent, nextElement, container, callback) { - !(parentComponent != null && parentComponent._reactInternalInstance != null) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'parentComponent must be a valid React Component') : invariant(false) : undefined; - return ReactMount._renderSubtreeIntoContainer(parentComponent, nextElement, container, callback); - }, - - _renderSubtreeIntoContainer: function (parentComponent, nextElement, container, callback) { - !ReactElement.isValidElement(nextElement) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'ReactDOM.render(): Invalid component element.%s', typeof nextElement === 'string' ? ' Instead of passing an element string, make sure to instantiate ' + 'it by passing it to React.createElement.' : typeof nextElement === 'function' ? ' Instead of passing a component class, make sure to instantiate ' + 'it by passing it to React.createElement.' : - // Check if it quacks like an element - nextElement != null && nextElement.props !== undefined ? ' This may be caused by unintentionally loading two independent ' + 'copies of React.' : '') : invariant(false) : undefined; - - process.env.NODE_ENV !== 'production' ? warning(!container || !container.tagName || container.tagName.toUpperCase() !== 'BODY', 'render(): Rendering components directly into document.body is ' + 'discouraged, since its children are often manipulated by third-party ' + 'scripts and browser extensions. This may lead to subtle ' + 'reconciliation issues. Try rendering into a container element created ' + 'for your app.') : undefined; - - var nextWrappedElement = new ReactElement(TopLevelWrapper, null, null, null, null, null, nextElement); - - var prevComponent = instancesByReactRootID[getReactRootID(container)]; - - if (prevComponent) { - var prevWrappedElement = prevComponent._currentElement; - var prevElement = prevWrappedElement.props; - if (shouldUpdateReactComponent(prevElement, nextElement)) { - var publicInst = prevComponent._renderedComponent.getPublicInstance(); - var updatedCallback = callback && function () { - callback.call(publicInst); - }; - ReactMount._updateRootComponent(prevComponent, nextWrappedElement, container, updatedCallback); - return publicInst; - } else { - ReactMount.unmountComponentAtNode(container); - } - } - - var reactRootElement = getReactRootElementInContainer(container); - var containerHasReactMarkup = reactRootElement && !!internalGetID(reactRootElement); - var containerHasNonRootReactChild = hasNonRootReactChild(container); - - if (process.env.NODE_ENV !== 'production') { - process.env.NODE_ENV !== 'production' ? warning(!containerHasNonRootReactChild, 'render(...): Replacing React-rendered children with a new root ' + 'component. If you intended to update the children of this node, ' + 'you should instead have the existing children update their state ' + 'and render the new components instead of calling ReactDOM.render.') : undefined; - - if (!containerHasReactMarkup || reactRootElement.nextSibling) { - var rootElementSibling = reactRootElement; - while (rootElementSibling) { - if (internalGetID(rootElementSibling)) { - process.env.NODE_ENV !== 'production' ? warning(false, 'render(): Target node has markup rendered by React, but there ' + 'are unrelated nodes as well. This is most commonly caused by ' + 'white-space inserted around server-rendered markup.') : undefined; - break; - } - rootElementSibling = rootElementSibling.nextSibling; - } - } - } - - var shouldReuseMarkup = containerHasReactMarkup && !prevComponent && !containerHasNonRootReactChild; - var component = ReactMount._renderNewRootComponent(nextWrappedElement, container, shouldReuseMarkup, parentComponent != null ? parentComponent._reactInternalInstance._processChildContext(parentComponent._reactInternalInstance._context) : emptyObject)._renderedComponent.getPublicInstance(); - if (callback) { - callback.call(component); - } - return component; - }, - - /** - * Renders a React component into the DOM in the supplied `container`. - * - * If the React component was previously rendered into `container`, this will - * perform an update on it and only mutate the DOM as necessary to reflect the - * latest React component. - * - * @param {ReactElement} nextElement Component element to render. - * @param {DOMElement} container DOM element to render into. - * @param {?function} callback function triggered on completion - * @return {ReactComponent} Component instance rendered in `container`. - */ - render: function (nextElement, container, callback) { - return ReactMount._renderSubtreeIntoContainer(null, nextElement, container, callback); - }, - - /** - * Registers a container node into which React components will be rendered. - * This also creates the "reactRoot" ID that will be assigned to the element - * rendered within. - * - * @param {DOMElement} container DOM element to register as a container. - * @return {string} The "reactRoot" ID of elements rendered within. - */ - registerContainer: function (container) { - var reactRootID = getReactRootID(container); - if (reactRootID) { - // If one exists, make sure it is a valid "reactRoot" ID. - reactRootID = ReactInstanceHandles.getReactRootIDFromNodeID(reactRootID); - } - if (!reactRootID) { - // No valid "reactRoot" ID found, create one. - reactRootID = ReactInstanceHandles.createReactRootID(); - } - containersByReactRootID[reactRootID] = container; - return reactRootID; - }, - - /** - * Unmounts and destroys the React component rendered in the `container`. - * - * @param {DOMElement} container DOM element containing a React component. - * @return {boolean} True if a component was found in and unmounted from - * `container` - */ - unmountComponentAtNode: function (container) { - // Various parts of our code (such as ReactCompositeComponent's - // _renderValidatedComponent) assume that calls to render aren't nested; - // verify that that's the case. (Strictly speaking, unmounting won't cause a - // render but we still don't expect to be in a render call here.) - process.env.NODE_ENV !== 'production' ? warning(ReactCurrentOwner.current == null, 'unmountComponentAtNode(): Render methods should be a pure function ' + 'of props and state; triggering nested component updates from render ' + 'is not allowed. If necessary, trigger nested updates in ' + 'componentDidUpdate. Check the render method of %s.', ReactCurrentOwner.current && ReactCurrentOwner.current.getName() || 'ReactCompositeComponent') : undefined; - - !(container && (container.nodeType === ELEMENT_NODE_TYPE || container.nodeType === DOC_NODE_TYPE || container.nodeType === DOCUMENT_FRAGMENT_NODE_TYPE)) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'unmountComponentAtNode(...): Target container is not a DOM element.') : invariant(false) : undefined; - - var reactRootID = getReactRootID(container); - var component = instancesByReactRootID[reactRootID]; - if (!component) { - // Check if the node being unmounted was rendered by React, but isn't a - // root node. - var containerHasNonRootReactChild = hasNonRootReactChild(container); - - // Check if the container itself is a React root node. - var containerID = internalGetID(container); - var isContainerReactRoot = containerID && containerID === ReactInstanceHandles.getReactRootIDFromNodeID(containerID); - - if (process.env.NODE_ENV !== 'production') { - process.env.NODE_ENV !== 'production' ? warning(!containerHasNonRootReactChild, 'unmountComponentAtNode(): The node you\'re attempting to unmount ' + 'was rendered by React and is not a top-level container. %s', isContainerReactRoot ? 'You may have accidentally passed in a React root node instead ' + 'of its container.' : 'Instead, have the parent component update its state and ' + 'rerender in order to remove this component.') : undefined; - } - - return false; - } - ReactUpdates.batchedUpdates(unmountComponentFromNode, component, container); - delete instancesByReactRootID[reactRootID]; - delete containersByReactRootID[reactRootID]; - if (process.env.NODE_ENV !== 'production') { - delete rootElementsByReactRootID[reactRootID]; - } - return true; - }, - - /** - * Finds the container DOM element that contains React component to which the - * supplied DOM `id` belongs. - * - * @param {string} id The ID of an element rendered by a React component. - * @return {?DOMElement} DOM element that contains the `id`. - */ - findReactContainerForID: function (id) { - var reactRootID = ReactInstanceHandles.getReactRootIDFromNodeID(id); - var container = containersByReactRootID[reactRootID]; - - if (process.env.NODE_ENV !== 'production') { - var rootElement = rootElementsByReactRootID[reactRootID]; - if (rootElement && rootElement.parentNode !== container) { - process.env.NODE_ENV !== 'production' ? warning( - // Call internalGetID here because getID calls isValid which calls - // findReactContainerForID (this function). - internalGetID(rootElement) === reactRootID, 'ReactMount: Root element ID differed from reactRootID.') : undefined; - var containerChild = container.firstChild; - if (containerChild && reactRootID === internalGetID(containerChild)) { - // If the container has a new child with the same ID as the old - // root element, then rootElementsByReactRootID[reactRootID] is - // just stale and needs to be updated. The case that deserves a - // warning is when the container is empty. - rootElementsByReactRootID[reactRootID] = containerChild; - } else { - process.env.NODE_ENV !== 'production' ? warning(false, 'ReactMount: Root element has been removed from its original ' + 'container. New container: %s', rootElement.parentNode) : undefined; - } - } - } - - return container; - }, - - /** - * Finds an element rendered by React with the supplied ID. - * - * @param {string} id ID of a DOM node in the React component. - * @return {DOMElement} Root DOM node of the React component. - */ - findReactNodeByID: function (id) { - var reactRoot = ReactMount.findReactContainerForID(id); - return ReactMount.findComponentRoot(reactRoot, id); - }, - - /** - * Traverses up the ancestors of the supplied node to find a node that is a - * DOM representation of a React component rendered by this copy of React. - * - * @param {*} node - * @return {?DOMEventTarget} - * @internal - */ - getFirstReactDOM: function (node) { - return findFirstReactDOMImpl(node); - }, - - /** - * Finds a node with the supplied `targetID` inside of the supplied - * `ancestorNode`. Exploits the ID naming scheme to perform the search - * quickly. - * - * @param {DOMEventTarget} ancestorNode Search from this root. - * @pararm {string} targetID ID of the DOM representation of the component. - * @return {DOMEventTarget} DOM node with the supplied `targetID`. - * @internal - */ - findComponentRoot: function (ancestorNode, targetID) { - var firstChildren = findComponentRootReusableArray; - var childIndex = 0; - - var deepestAncestor = findDeepestCachedAncestor(targetID) || ancestorNode; - - if (process.env.NODE_ENV !== 'production') { - // This will throw on the next line; give an early warning - process.env.NODE_ENV !== 'production' ? warning(deepestAncestor != null, 'React can\'t find the root component node for data-reactid value ' + '`%s`. If you\'re seeing this message, it probably means that ' + 'you\'ve loaded two copies of React on the page. At this time, only ' + 'a single copy of React can be loaded at a time.', targetID) : undefined; - } - - firstChildren[0] = deepestAncestor.firstChild; - firstChildren.length = 1; - - while (childIndex < firstChildren.length) { - var child = firstChildren[childIndex++]; - var targetChild; - - while (child) { - var childID = ReactMount.getID(child); - if (childID) { - // Even if we find the node we're looking for, we finish looping - // through its siblings to ensure they're cached so that we don't have - // to revisit this node again. Otherwise, we make n^2 calls to getID - // when visiting the many children of a single node in order. - - if (targetID === childID) { - targetChild = child; - } else if (ReactInstanceHandles.isAncestorIDOf(childID, targetID)) { - // If we find a child whose ID is an ancestor of the given ID, - // then we can be sure that we only want to search the subtree - // rooted at this child, so we can throw out the rest of the - // search state. - firstChildren.length = childIndex = 0; - firstChildren.push(child.firstChild); - } - } else { - // If this child had no ID, then there's a chance that it was - // injected automatically by the browser, as when a `` - // element sprouts an extra `` child as a side effect of - // `.innerHTML` parsing. Optimistically continue down this - // branch, but not before examining the other siblings. - firstChildren.push(child.firstChild); - } - - child = child.nextSibling; - } - - if (targetChild) { - // Emptying firstChildren/findComponentRootReusableArray is - // not necessary for correctness, but it helps the GC reclaim - // any nodes that were left at the end of the search. - firstChildren.length = 0; - - return targetChild; - } - } - - firstChildren.length = 0; - - true ? process.env.NODE_ENV !== 'production' ? invariant(false, 'findComponentRoot(..., %s): Unable to find element. This probably ' + 'means the DOM was unexpectedly mutated (e.g., by the browser), ' + 'usually due to forgetting a when using tables, nesting tags ' + 'like ,

, or , or using non-SVG elements in an ' + 'parent. ' + 'Try inspecting the child nodes of the element with React ID `%s`.', targetID, ReactMount.getID(ancestorNode)) : invariant(false) : undefined; - }, - - _mountImageIntoNode: function (markup, container, shouldReuseMarkup, transaction) { - !(container && (container.nodeType === ELEMENT_NODE_TYPE || container.nodeType === DOC_NODE_TYPE || container.nodeType === DOCUMENT_FRAGMENT_NODE_TYPE)) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'mountComponentIntoNode(...): Target container is not valid.') : invariant(false) : undefined; - - if (shouldReuseMarkup) { - var rootElement = getReactRootElementInContainer(container); - if (ReactMarkupChecksum.canReuseMarkup(markup, rootElement)) { - return; - } else { - var checksum = rootElement.getAttribute(ReactMarkupChecksum.CHECKSUM_ATTR_NAME); - rootElement.removeAttribute(ReactMarkupChecksum.CHECKSUM_ATTR_NAME); - - var rootMarkup = rootElement.outerHTML; - rootElement.setAttribute(ReactMarkupChecksum.CHECKSUM_ATTR_NAME, checksum); - - var normalizedMarkup = markup; - if (process.env.NODE_ENV !== 'production') { - // because rootMarkup is retrieved from the DOM, various normalizations - // will have occurred which will not be present in `markup`. Here, - // insert markup into a

or