@keyframes spin360{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.z-index-example{z-index:-9999}body{background:#fff;color:#003251;font-weight:400}h1,h2,h3,h4,h5,h6{font-weight:500}li,p{font-weight:400}a{color:#3c78ff}a:active,a:focus,a:hover{color:#376be6}body>.off-page{background:#f9f9f9;border-right-color:#b3b3b3}body>.on-page{background:#fff}body>.sidebars>.sidebar:first-of-type{border-top-color:#b3b3b3}body>.sidebars>nav.sidebar a{border-bottom-color:#b3b3b3;color:#003251}body>.sidebars>nav.sidebar a:active,body>.sidebars>nav.sidebar a:focus,body>.sidebars>nav.sidebar a:hover{background:#e0e0e0}body>.layouts>.layout.top-bar{background:#fff;border-bottom-color:#e0e0e0}body>.layouts>.layout.top-bar .toggle-sidebar:active,body>.layouts>.layout.top-bar .toggle-sidebar:focus,body>.layouts>.layout.top-bar .toggle-sidebar:hover{background:hsla(0,0%,100%,.03);outline:none}body>.layouts>.layout.top-bar .toggle-sidebar.selected{background:#fff!important;outline:none}body>.layouts>.layout.top-bar .logo svg g.text,body>.layouts>.layout.top-bar .toggle-sidebar svg circle,body>.layouts>.layout.top-bar .toggle-sidebar svg path,body>.layouts>.layout.top-bar .toggle-sidebar svg rect{fill:#003251}body>.layouts>.layout.panels{border-bottom-color:#c1c1c1}body>.layouts>.layout.panels>.panel.options{background:#fff;border-right-color:#e0e0e0}body>.layouts>.layout.panels>.panel.options a{color:#212121}body>.layouts>.layout.panels>.panel.options a:active,body>.layouts>.layout.panels>.panel.options a:focus,body>.layouts>.layout.panels>.panel.options a:hover{background:#eee;color:#212121}body>.layouts>.layout.panels>.panel.options a.faded{color:#979797}body>.layouts>.layout.panels>.panel.options a.faded:active,body>.layouts>.layout.panels>.panel.options a.faded:focus,body>.layouts>.layout.panels>.panel.options a.faded:hover{background:#f9f9f9;color:#898989}body>.layouts>.layout.panels>.panel.options a.selected{background:#eee;color:#212121}body>.layouts>.layout.panels>.panel.options a.short.selected{color:#3c78ff}body>.layouts>.layout.panels>.panel.options a svg circle,body>.layouts>.layout.panels>.panel.options a svg g,body>.layouts>.layout.panels>.panel.options a svg path,body>.layouts>.layout.panels>.panel.options a svg rect{fill:#212121}body>.layouts>.layout.panels>.panel.options a.selected svg circle,body>.layouts>.layout.panels>.panel.options a.selected svg g,body>.layouts>.layout.panels>.panel.options a.selected svg path,body>.layouts>.layout.panels>.panel.options a.selected svg rect{fill:#3c78ff}body>.layouts>.layout.panels>.panel.view hr{background:#e0e0e0}body>.layouts>.layout.panels>.panel.view>p{color:#757575}body>.layouts>.layout.panels>.panel.view .grid>.column .metric,body>.layouts>.layout.panels>.panel.view .grid>.column .table{background:#fff;border-color:#eee}body>.layouts>.layout.panels>.panel.view .grid>.column .metric table td .pill,body>.layouts>.layout.panels>.panel.view .grid>.column .metric table th .pill,body>.layouts>.layout.panels>.panel.view .grid>.column .table table td .pill,body>.layouts>.layout.panels>.panel.view .grid>.column .table table th .pill{background:rgba(0,0,0,.5);color:#fff}body>.layouts>.layout.panels>.panel.view .grid>.column .metric table td .pill.positive,body>.layouts>.layout.panels>.panel.view .grid>.column .metric table th .pill.positive,body>.layouts>.layout.panels>.panel.view .grid>.column .table table td .pill.positive,body>.layouts>.layout.panels>.panel.view .grid>.column .table table th .pill.positive{background:#390}body>.layouts>.layout.panels>.panel.view .grid>.column .metric table td .pill.negative,body>.layouts>.layout.panels>.panel.view .grid>.column .metric table th .pill.negative,body>.layouts>.layout.panels>.panel.view .grid>.column .table table td .pill.negative,body>.layouts>.layout.panels>.panel.view .grid>.column .table table th .pill.negative{background:#dc045e}body>.layouts>.layout.panels>.panel.view .grid>.column .metric table td .pill.warning,body>.layouts>.layout.panels>.panel.view .grid>.column .metric table th .pill.warning,body>.layouts>.layout.panels>.panel.view .grid>.column .table table td .pill.warning,body>.layouts>.layout.panels>.panel.view .grid>.column .table table th .pill.warning{background:#f5b300}body>.layouts>.layout.panels>.panel.view .grid>.column .metric.metric--card .difference .change.addition,body>.layouts>.layout.panels>.panel.view .grid>.column .metric.metric--card .difference .change.increase,body>.layouts>.layout.panels>.panel.view .grid>.column .table.metric--card .difference .change.addition,body>.layouts>.layout.panels>.panel.view .grid>.column .table.metric--card .difference .change.increase{color:#390}body>.layouts>.layout.panels>.panel.view .grid>.column .metric.metric--card .difference .change.decrease,body>.layouts>.layout.panels>.panel.view .grid>.column .metric.metric--card .difference .change.subtraction,body>.layouts>.layout.panels>.panel.view .grid>.column .table.metric--card .difference .change.decrease,body>.layouts>.layout.panels>.panel.view .grid>.column .table.metric--card .difference .change.subtraction{color:#dc045e}body>.layouts>.layout.status-bar{color:#003251;font-weight:400}body>.layouts>.layout.loader-bar{background:#a5a5a5}body>.layouts>.layout.loader-bar span{background:#3c78ff}body[data-page-template=base]{background:#f9f9f9}body[data-page-template=base]>.container{background:#fff;box-shadow:2px 2px 10px rgba(33,33,33,.1)}.text-field{background:#a5a5a5}.text-field input[type=text]{background:#a5a5a5;color:#fff}.text-field input[type=text]::-moz-placeholder{color:#6e6e6e;opacity:1}.text-field input[type=text]::placeholder{color:#6e6e6e;opacity:1}.text-field .icon-wrap svg{fill:#6e6e6e}.switch-btn>*{background:#a5a5a5;color:#fff!important}.switch-btn>:not(.selected):active,.switch-btn>:not(.selected):focus,.switch-btn>:not(.selected):hover{background:#dcdcdc;color:#fff}.radio-btn{background:#dcdcdc;color:#212121}.radio-btn:before{background:#fff;border-color:#fff}.radio-btn:active,.radio-btn:focus,.radio-btn:hover{background:#c1c1c1;color:#212121}.radio-btn.selected:before{background:#3c78ff}.radio-btn-group:after{background:linear-gradient(90deg,transparent,hsla(0,0%,81%,.5))}[data-dropdown=toggle]{background:#fff;border-color:#eee}[data-dropdown=toggle]:hover{background:#f9f9f9;border-color:#e0e0e0}[data-component=changelog] h2{background-color:#f9f9f9;color:#979797}[data-component=changelog] p{color:#212121}[data-component=changelog] hr{background-color:#e0e0e0}[data-component=changelog] ul{background-color:#f9f9f9}[data-component=changelog] code{background:rgba(60,120,255,.2)}[data-component=changelog] code.added{background-color:rgba(39,199,55,.2)}[data-component=changelog] code.changed{background-color:rgba(60,120,255,.2)}[data-component=changelog] code.deprecated{background-color:rgba(188,27,137,.2)}[data-component=changelog] code.fixed{background-color:rgba(183,198,40,.2)}[data-component=changelog] code.removed{background-color:rgba(220,4,94,.2)}[data-component=changelog] code.security{background-color:rgba(236,113,8,.2)}[data-dropdown=menu]{background:#fff}[data-dropdown=menu] ul li{color:#212121}[data-dropdown=menu] ul li.spacer{border-bottom:1px solid #eee}[data-dropdown=menu] ul li a{color:#212121}[data-dropdown=menu] ul li a:hover{background-color:#eee;outline:none}[data-dropdown=menu] ul li a svg,[data-dropdown=menu] ul li a:hover svg{color:#6e6e6e}