/**
 * The root stylesheet. Here, each other section of the stylesheet is loaded
 * from its own file. Each component is loaded in as it would be seen on the
 * page from top to bottom.
 */
/* http://meyerweb.com/eric/tools/css/reset/
 *    v2.0 | 20110126
 *       License: none (public domain)
 *       */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* This sheet contains rules/mixins for device specific sizes
 */
/* Font table for the site */
/* Navigation */
/* Headers */
/* Social */
/* Footers */
/* Normal Content */
/* Objects */
/* Form */
/* History view */
/* Main Tabs */
/* Terminals/Code Spans */
/* Dashboard */
/* Workflow */
/* Help Bubbles */
/* Results Data */
/* Side list */
/* Directory View */
/* Object Selection */
/* Test Viewer */
/* File List */
/* Admin Page */
/* Tooltips */
/* Object Tree */
/* Local fonts below */
@font-face {
  font-family: 'Alegreya Sans SC';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Alegreya Sans SC"), local("AlegreyaSansSC-Regular"), url "/fonts/alegreya/alegreya.woff2" format("woff2"), url "/fonts/alegreya/alegreya.woff" format("woff"); }
@font-face {
  font-family: 'Cinzel Decorative';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Cinzel Decorative Bold"), local("CinzelDecorative-Bold"), url "/fonts/cinzel/cinzel.woff2" format("woff2"), url "/fonts/cinzel/cinzel.woff" format("woff"); }
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url "/fonts/lato/Lato-Light.woff2" format("woff2"), url "/fonts/lato/Lato-Light.woff" format("woff"); }
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url "/fonts/lato/Lato-Regular.woff2" format("woff2"), url "/fonts/lato/Lato-Regular.woff" format("woff"); }
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: bold;
  font-display: swap;
  src: url "/fonts/lato/Lato-Heavy.woff2" format("woff2"), url "/fonts/lato/Lato-Heavy.woff" format("woff"); }
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 1000;
  font-display: swap;
  src: url "/fonts/lato/Lato-Black.woff2" format("woff2"), url "/fonts/lato/Lato-Black.woff" format("woff"); }
@font-face {
  font-family: 'Marcellus SC';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Marcellus SC"), local("MarcellusSC-Regular"), url "/fonts/marcellus/marcellus.woff2" format("woff2"), url "/fonts/marcellus/marcellus.woff" format("woff"); }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Open Sans Light"), local("OpenSans-Light"), url "/fonts/opensans/open_sans_300.woff2" format("woff2"), url "/fonts/opensans/open_sans_300.woff" format("woff"); }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Open Sans"), local("OpenSans"), url "/fonts/opensans/open_sans_400.woff2" format("woff2"), url "/fonts/opensans/open_sans_400.woff" format("woff"); }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url "/fonts/opensans/open_sans_600.woff2" format("woff2"), url "/fonts/opensans/open_sans_600.woff" format("woff"); }
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Oxygen"), local("Oxygen-Regular"), url "/fonts/oxygen/oxygen.woff2" format("woff2"), url "/fonts/oxygen/oxygen.woff" format("woff"); }
@font-face {
  font-family: 'inconsolata';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("inconsolata"), url "/fonts/inconsolata/inconsolata.woff2" format("woff2"), url "/fonts/inconsolata/inconsolata.woff" format("woff"); }
/**
 * Base rules for the application.
 *
 * Basically, these are defaults for simple elements.
 */
body *:focus {
  outline: none; }

body:not(.no-javascript) *.no-javascript {
  display: none; }

code {
  font: 1rem "inconsolata", monospace; }

strong code {
  font-weight: bold; }

em code {
  font-style: italic; }

pre {
  text-align: left;
  font: 1rem "inconsolata", monospace;
  white-space: pre-wrap;
  padding: 0.25rem; }
  pre.wrap {
    word-break: break-word; }

p {
  font: 0.9rem "Open Sans", sans-serif; }
  p strong {
    font-weight: bold; }
  p em {
    font-style: italic; }
  p.none {
    font-style: italic; }

input.link,
a {
  cursor: pointer;
  text-decoration: underline;
  margin: 0;
  padding: 0;
  min-width: 0;
  width: auto;
  background: none;
  border: none; }
  input.link[disabled],
  a[disabled] {
    cursor: default; }

ul li,
ol li {
  font: 0.9rem "Open Sans", sans-serif; }

*[hidden] {
  display: none !important;
  opacity: 0 !important; }

.sr-only {
  display: none !important; }

template {
  display: none !important; }

iframe:not(:root) {
  background-color: white;
  flex: 1 1 auto; }
  iframe:not(:root):-ms-fullscreen, iframe:not(:root):-webkit-full-screen, iframe:not(:root):-moz-full-screen, iframe:not(:root):fullscreen {
    background-color: white; }
    iframe:not(:root):-ms-fullscreen::-ms-backdrop, iframe:not(:root):-ms-fullscreen::-webkit-backdrop, iframe:not(:root):-ms-fullscreen::-moz-backdrop, iframe:not(:root):-ms-fullscreen::backdrop, iframe:not(:root):-webkit-full-screen::-ms-backdrop, iframe:not(:root):-webkit-full-screen::-webkit-backdrop, iframe:not(:root):-webkit-full-screen::-moz-backdrop, iframe:not(:root):-webkit-full-screen::backdrop, iframe:not(:root):-moz-full-screen::-ms-backdrop, iframe:not(:root):-moz-full-screen::-webkit-backdrop, iframe:not(:root):-moz-full-screen::-moz-backdrop, iframe:not(:root):-moz-full-screen::backdrop, iframe:not(:root):fullscreen::-ms-backdrop, iframe:not(:root):fullscreen::-webkit-backdrop, iframe:not(:root):fullscreen::-moz-backdrop, iframe:not(:root):fullscreen::backdrop {
      background-color: white; }

.cover {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: transparent; }

.cover.show,
body.await-blur .cover:not(.hide),
body.dragover .cover:not(.hide) {
  display: block; }

.ps__rail-y {
  z-index: 99999; }

table {
  width: 100%; }
  table thead tr th {
    padding: 0.5rem 1rem;
    border-bottom: 1px solid #ddd;
    font: bold 0.9rem 'Lato', sans-serif; }
  table tbody tr td {
    font: 300 0.9rem 'Lato', sans-serif;
    padding: 0.5rem 1rem;
    margin: 0;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #ddd; }
    table tbody tr td:not(:first-child) {
      border-left: 1px solid #ddd; }
    table tbody tr td:not(:last-child) {
      border-right: 1px solid #ddd; }
    table tbody tr td > * {
      vertical-align: middle; }
    table tbody tr td img.avatar {
      width: 1rem;
      height: 1rem;
      object-fit: contain;
      border: 0.0625rem solid #ddd;
      border-radius: 25%;
      vertical-align: middle;
      margin-right: 0.375rem; }

/**
 * Styling for code that has been syntax highlighted.
 */
/**
 * Zenburn theme for rouge highlighted sections.
 */
.highlight .hll {
  background-color: #222; }
.highlight .c {
  color: #7f9f7f; }
.highlight .err {
  color: #e37170;
  background-color: #3d3535; }
.highlight .g {
  color: #7f9f7f; }
.highlight .k {
  color: #f0dfaf; }
.highlight .l {
  color: #ccc; }
.highlight .n {
  color: #dcdccc; }
.highlight .o {
  color: #f0efd0; }
.highlight .x {
  color: #ccc; }
.highlight .p {
  color: #41706f; }
.highlight .cm {
  color: #7f9f7f; }
.highlight .cp {
  color: #7f9f7f; }
.highlight .c1 {
  color: #7f9f7f; }
.highlight .cs {
  color: #cd0000;
  font-weight: bold; }
.highlight .gd {
  color: #cd0000; }
.highlight .ge {
  color: #ccc;
  font-style: italic; }
.highlight .gr {
  color: red; }
.highlight .gh {
  color: #dcdccc;
  font-weight: bold; }
.highlight .gi {
  color: #00cd00; }
.highlight .go {
  color: gray; }
.highlight .gp {
  color: #dcdccc;
  font-weight: bold; }
.highlight .gs {
  color: #ccc;
  font-weight: bold; }
.highlight .gu {
  color: purple;
  font-weight: bold; }
.highlight .gt {
  color: #0040d0; }
.highlight .kc {
  color: #dca3a3; }
.highlight .kd {
  color: #ffff86; }
.highlight .kn {
  color: #dfaf8f;
  font-weight: bold; }
.highlight .kp {
  color: #cdcf99; }
.highlight .kr {
  color: #cdcd00; }
.highlight .kt {
  color: #00cd00; }
.highlight .ld {
  color: #cc9393; }
.highlight .m {
  color: #8cd0d3; }
.highlight .s {
  color: #cc9393; }
.highlight .na {
  color: #9ac39f; }
.highlight .nb {
  color: #efef8f; }
.highlight .nc {
  color: #efef8f; }
.highlight .no {
  color: #ccc; }
.highlight .nd {
  color: #ccc; }
.highlight .ni {
  color: #c28182; }
.highlight .ne {
  color: #c3bf9f;
  font-weight: bold; }
.highlight .nf {
  color: #efef8f; }
.highlight .nl {
  color: #ccc; }
.highlight .nn {
  color: #8fbede; }
.highlight .nx {
  color: #ccc; }
.highlight .py {
  color: #ccc; }
.highlight .nt {
  color: #9ac39f; }
.highlight .nv {
  color: #dcdccc; }
.highlight .ow {
  color: #f0efd0; }
.highlight .w {
  color: #ccc; }
.highlight .mf {
  color: #8cd0d3; }
.highlight .mh {
  color: #8cd0d3; }
.highlight .mi {
  color: #8cd0d3; }
.highlight .mo {
  color: #8cd0d3; }
.highlight .sb {
  color: #cc9393; }
.highlight .sc {
  color: #cc9393; }
.highlight .sd {
  color: #cc9393; }
.highlight .s2 {
  color: #cc9393; }
.highlight .se {
  color: #cc9393; }
.highlight .sh {
  color: #cc9393; }
.highlight .si {
  color: #cc9393; }
.highlight .sx {
  color: #cc9393; }
.highlight .sr {
  color: #cc9393; }
.highlight .s1 {
  color: #cc9393; }
.highlight .ss {
  color: #cc9393; }
.highlight .bp {
  color: #efef8f; }
.highlight .vc {
  color: #efef8f; }
.highlight .vg {
  color: #dcdccc; }
.highlight .vi {
  color: #ffffc7; }
.highlight .il {
  color: #8cd0d3; }

/**
 * Styling for errors list (for form input.)
 */
.card.errors {
  text-align: center; }

.content .card.errors h2 {
  margin: 0; }

.card.errors ul {
  list-style-type: square;
  list-style-position: inside; }

.card.errors ul li {
  margin-bottom: 7px;
  opacity: 0;
  transition: opacity 0.3s; }

.card.errors ul li.shown {
  opacity: 1; }

.card.errors ul li:last-child {
  margin-bottom: 0; }

/**
 * Styling for flash list (displays asynchronous messages.)
 */
body > ul.flash {
  position: absolute;
  top: 2rem;
  text-align: center;
  z-index: 999999999;
  width: 100%;
  box-sizing: border-box;
  height: 0; }
  @media (max-width: 450px) {
    body > ul.flash {
      top: 1.5rem; } }
  body > ul.flash li.flash {
    position: relative;
    text-align: center;
    margin: 0 auto;
    border-radius: 0.5rem;
    padding: 0.25rem;
    width: 20rem;
    max-width: 100%;
    box-shadow: 0 0 3px 1px black;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box; }
    @media (max-width: 450px) {
      body > ul.flash li.flash {
        border-radius: 0;
        width: 100%; } }
    body > ul.flash li.flash:not(:first-of-type) {
      margin-top: 0.5rem; }
      @media (max-width: 450px) {
        body > ul.flash li.flash:not(:first-of-type) {
          margin-top: 0; } }
    body > ul.flash li.flash svg,
    body > ul.flash li.flash img {
      width: 1.25rem;
      height: 1.25rem;
      position: absolute;
      left: 0.5rem;
      top: calc(50% - 0.625rem); }
    body > ul.flash li.flash svg + p,
    body > ul.flash li.flash img + p {
      padding-left: 2rem; }

/**
 * Styling for markdown generated pages.
 */
.card.markdown > img {
  display: block;
  margin: 0 auto;
  max-width: 80%; }
.card.markdown > p {
  text-align: left;
  width: 60rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.1rem;
  font-weight: 300; }
  .card.markdown > p + p {
    margin-top: 0.5rem; }
.card.markdown > ol li {
  list-style-type: decimal; }
.card.markdown code {
  font: 1rem "inconsolata", monospace; }
.card.markdown > pre {
  text-align: center; }
  .card.markdown > pre code {
    display: block;
    text-align: left;
    box-sizing: border-box;
    width: 60rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0.5rem 1rem; }
.card.markdown > p + pre {
  margin-top: 1rem; }
.card.markdown > ol:not(.tabs):not(.tab-panels):not(.card),
.card.markdown > ul:not(.tabs):not(.tab-panels):not(.card) {
  padding-left: 2rem;
  margin-top: 0.5rem;
  margin-left: auto;
  margin-right: auto;
  width: 60rem;
  max-width: 100%;
  text-align: left; }
  .card.markdown > ol:not(.tabs):not(.tab-panels):not(.card) li,
  .card.markdown > ul:not(.tabs):not(.tab-panels):not(.card) li {
    list-style-type: disc;
    list-style-position: inside; }
    .card.markdown > ol:not(.tabs):not(.tab-panels):not(.card) li:not(:first-child),
    .card.markdown > ul:not(.tabs):not(.tab-panels):not(.card) li:not(:first-child) {
      margin-top: 0.25rem; }
  .card.markdown > ol:not(.tabs):not(.tab-panels):not(.card) ul,
  .card.markdown > ol:not(.tabs):not(.tab-panels):not(.card) ol,
  .card.markdown > ul:not(.tabs):not(.tab-panels):not(.card) ul,
  .card.markdown > ul:not(.tabs):not(.tab-panels):not(.card) ol {
    margin-bottom: 0.5rem; }
.card.markdown a:not(.button) {
  color: #47cfeb; }
.card.markdown h2 {
  clear: both;
  margin-top: 0;
  padding-top: 1rem; }
  .card.markdown h2 + p {
    margin-top: 0.5rem; }
.card.markdown img,
.card.markdown .documentation {
  vertical-align: text-bottom; }
.card.markdown .image {
  display: block;
  margin: 0 auto;
  width: 60rem;
  max-width: 90%;
  box-sizing: border-box; }
  .card.markdown .image img {
    max-width: 100%;
    box-sizing: border-box; }
  .card.markdown .image.fullwidth {
    width: 100%; }
  .card.markdown .image.border img {
    border: 1px solid #3e6b74;
    padding: 0.25rem; }
  .card.markdown .image.right {
    text-align: right;
    float: right;
    clear: both;
    margin-right: 0;
    margin-left: 10px; }
  .card.markdown .image.left {
    text-align: left;
    clear: both;
    float: left;
    margin-right: 10px;
    margin-left: 0; }
  .card.markdown .image .caption p {
    font-size: 12px;
    color: #8bb8c1;
    font-family: "Alegreya Sans SC", serif; }
.card.markdown .documentation span.tab,
.card.markdown .documentation a,
.card.markdown .documentation {
  pointer-events: none;
  cursor: default; }
.card.markdown button.documentation,
.card.markdown input.button.documentation {
  padding: 0.1rem 0.4rem; }

.modal .markdown-editor .tab-panels li.tab-panel:not(:first-child) .markdown-preview {
  box-sizing: border-box;
  overflow: auto;
  text-align: left; }

.search.sidebar {
  flex: 0 0 auto;
  width: 20rem;
  box-shadow: 2px 0 0.25rem 1px #aaa;
  border-left: none;
  border-right: 1px solid #eee;
  z-index: 999;
  -webkit-transition: width 0.6s, left 0.6s;
  transition: width 0.6s, left 0.6s;
  overflow: hidden;
  box-sizing: border-box;
  left: 0;
  position: relative; }
  .search.sidebar.reveal {
    width: 0;
    left: -0.5rem; }
  .search.sidebar form > input,
  .search.sidebar form > ul.tab-panels > li > input {
    margin-bottom: 1rem;
    margin-left: 1rem;
    margin-top: 0;
    width: calc(100% - 40px); }
  .search.sidebar form h3 {
    margin-left: 1rem;
    text-align: left;
    margin-bottom: 0;
    margin-top: 1.5rem; }
  .search.sidebar form p.empty {
    display: none;
    color: #888;
    margin-left: 1.5rem;
    text-align: left; }
  .search.sidebar form ul.facets:empty + p.empty {
    display: block; }
  .search.sidebar form ul.facets:nth-last-child(2) {
    margin-bottom: 1rem; }
  .search.sidebar form label {
    text-align: left;
    display: block;
    margin-top: 0.5rem;
    margin-left: 1rem;
    font: 300 0.8rem "Open Sans", sans-serif;
    cursor: pointer; }
    .search.sidebar form label input.facet,
    .search.sidebar form label span.facet {
      vertical-align: middle; }

/**
 * Styling for the 'about' marketing page.
 */
body .content .index {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 0;
  margin-bottom: 0; }
  body .content .index > * {
    text-align: left;
    margin: 0 auto;
    max-width: 100rem; }
  body .content .index a {
    text-decoration: none;
    color: white;
    font-weight: 400; }

.content .index .header {
  background-color: #103942;
  position: relative;
  background-image: url "/images/static/noise-teal.png"; }

.content .index .header > img {
  width: 100%; }

.content .index .video {
  position: absolute;
  z-index: 2;
  top: 75%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%; }

.content .index .resizer {
  background-color: white;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%; }

.content .index .resizer > .resizer-content,
.content .index .video > .screen {
  position: relative;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 50rem; }

.content .index .resizer > .resizer-content > img,
.content .index .resizer > .resizer-content {
  max-width: 39rem; }

.content .index .video > .screen {
  border: 1.5rem solid #103942; }

.content .index .resizer > .resizer-content > img,
.content .index .video > .screen > img {
  max-width: 50rem;
  border: 2px solid white;
  padding: 3px;
  box-sizing: border-box;
  width: 100%; }

.content .index .video .screen .embed {
  position: absolute;
  background-color: #103942;
  border: 2px solid white;
  padding: 3px;
  box-sizing: border-box;
  background-size: 100% 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  max-width: 50rem;
  width: 100%;
  height: 100%; }

.index .markdown .image.left {
  padding-left: 1.5rem; }

.index .markdown .image.right {
  padding-right: 1.5rem; }

.index .markdown .image img.diagram {
  width: 300px;
  margin: 0;
  background-color: #f5f5ff; }

.index .markdown p {
  margin: 0;
  padding: 0 1.5rem; }

.index .markdown h2 {
  font: 300 1.2rem "Lato", serif;
  clear: both;
  font-size: 26px;
  margin: 0;
  padding: 0 1.5rem;
  text-align: center; }

.index .markdown:nth-of-type(2n) > *:not(.top-gallery) {
  background-color: #103942;
  color: #ccc; }
.index .markdown:nth-of-type(2n) h2 {
  color: white; }
.index .markdown:nth-of-type(2n) p strong {
  color: white; }

.content .index .markdown {
  position: relative;
  width: 100%;
  margin-top: 5px;
  text-align: justify;
  clear: both; }
  .content .index .markdown > *:not(.top-gallery) {
    background-color: #103942;
    color: #ccc; }
    .content .index .markdown > *:not(.top-gallery):first-child {
      padding-top: 1.5rem; }
    .content .index .markdown > *:not(.top-gallery):last-child {
      padding-bottom: 1.5rem; }

.content .index .markdown:nth-of-type(2n+1) > *:not(.top-gallery) {
  background-color: white;
  color: #333; }
.content .index .markdown:nth-of-type(2n+1) h2 {
  color: #103942; }
.content .index .markdown:nth-of-type(2n+1) p strong {
  color: #103942; }

.content .index .markdown .clear {
  clear: both; }

.content .index .markdown p {
  font-family: "Lato", sans-serif;
  font-weight: 200;
  font-size: 1.5rem; }

.content .index .markdown h2 + p {
  padding-top: 1.5rem; }

.content .index .markdown p + p {
  padding-top: 0.75rem; }

.content .index .markdown ~ .markdown p {
  font-family: "Lato", sans-serif;
  font-weight: 200;
  font-size: 1.5rem; }

.index .markdown.sponsors.section img {
  width: 8rem; }

.content .index .markdown.pillars {
  background-color: white;
  text-align: center; }
  .content .index .markdown.pillars > p {
    background: #103942;
    border: 5px solid white;
    outline: 5px solid #103942;
    box-sizing: border-box;
    position: absolute;
    top: 40px;
    left: 10%;
    width: 80%;
    margin: 0 auto;
    text-align: justify;
    padding: 1.5rem; }
    @media (max-width: 1000px) {
      .content .index .markdown.pillars > p {
        font-size: 1.3rem; } }
    @media (max-width: 750px) {
      .content .index .markdown.pillars > p {
        font-size: 1.1rem; } }
    @media (max-width: 650px) {
      .content .index .markdown.pillars > p {
        top: 1.5rem; } }
    @media (max-width: 550px) {
      .content .index .markdown.pillars > p {
        text-align: center; } }
  .content .index .markdown.pillars > ul {
    display: block;
    text-align: center;
    width: 100%;
    margin: 0; }
    .content .index .markdown.pillars > ul:last-child, .content .index .markdown.pillars > ul:first-child {
      padding: 0; }
    .content .index .markdown.pillars > ul li {
      background: url "/images/dynamic/hex/ffffff/index/pillar.svg" no-repeat 50% 0;
      color: white;
      display: inline-block;
      text-align: center;
      font-family: "Lato", sans-serif;
      font-weight: 700;
      font-size: 1rem;
      padding-top: 372px;
      height: 27px;
      width: 31%;
      background-size: 220px;
      background-position-y: calc(100% + 4px);
      text-shadow: 0 0 1px black; }
      @media (max-width: 800px) {
        .content .index .markdown.pillars > ul li {
          background-size: 190px;
          padding-top: 320px;
          height: 23px;
          font-size: 16px; } }
      @media (max-width: 650px) {
        .content .index .markdown.pillars > ul li {
          background-size: 160px;
          padding-top: 269px;
          height: 1.5rem;
          font-size: 14px; } }
      @media (max-width: 500px) {
        .content .index .markdown.pillars > ul li {
          background-size: 140px;
          padding-top: 410px;
          height: 17px;
          font-size: 12px; } }

body .content .index .nav-section > nav.facets {
  display: block;
  height: 100vh;
  position: sticky;
  top: 1.5rem;
  width: 220px;
  z-index: 999999;
  margin-top: 5px; }
  @media (max-width: 1000px) {
    body .content .index .nav-section > nav.facets {
      width: 160px; } }
  @media (max-width: 640px) {
    body .content .index .nav-section > nav.facets {
      width: 100%;
      height: 70px;
      line-height: 70px; } }
  body .content .index .nav-section > nav.facets > ul.facets.navigation {
    height: 100%;
    display: flex;
    flex-direction: column; }
    @media (max-width: 640px) {
      body .content .index .nav-section > nav.facets > ul.facets.navigation {
        flex-direction: row;
        height: 70px;
        line-height: 70px; } }
    body .content .index .nav-section > nav.facets > ul.facets.navigation .rest {
      flex: 1 0 0;
      background: #0a2c33; }
      @media (max-width: 640px) {
        body .content .index .nav-section > nav.facets > ul.facets.navigation .rest {
          display: none;
          flex: 0 0 0; } }
    body .content .index .nav-section > nav.facets > ul.facets.navigation li.facet.navigation {
      flex: 0 0 0; }
      @media (max-width: 640px) {
        body .content .index .nav-section > nav.facets > ul.facets.navigation li.facet.navigation {
          flex: 1 1 0; } }
      body .content .index .nav-section > nav.facets > ul.facets.navigation li.facet.navigation a {
        display: block;
        height: 100px;
        line-height: 100px;
        width: 100%;
        background: #103942;
        margin-bottom: 5px; }
        @media (max-width: 640px) {
          body .content .index .nav-section > nav.facets > ul.facets.navigation li.facet.navigation a {
            text-align: center;
            height: 70px;
            line-height: 70px; } }
        body .content .index .nav-section > nav.facets > ul.facets.navigation li.facet.navigation a img {
          height: 44px;
          width: 44px;
          padding: 0.75rem;
          padding-left: 1rem;
          vertical-align: middle; }
          @media (max-width: 1000px) {
            body .content .index .nav-section > nav.facets > ul.facets.navigation li.facet.navigation a img {
              height: 24px;
              width: 24px;
              padding: 0.5px;
              padding-left: 0.75rem; } }
          @media (max-width: 640px) {
            body .content .index .nav-section > nav.facets > ul.facets.navigation li.facet.navigation a img {
              width: 100%;
              height: 100%;
              padding: 12px;
              box-sizing: border-box;
              margin: 0 auto;
              object-fit: contain; } }
        body .content .index .nav-section > nav.facets > ul.facets.navigation li.facet.navigation a img.hover,
        body .content .index .nav-section > nav.facets > ul.facets.navigation li.facet.navigation a img.active {
          display: none; }
        body .content .index .nav-section > nav.facets > ul.facets.navigation li.facet.navigation a span {
          color: #2da0b7;
          display: inline-block;
          font: 300 1.1rem "Lato", sans-serif;
          white-space: normal;
          width: calc(100% - 79px);
          text-align: left;
          vertical-align: middle;
          padding-left: 0.5rem;
          box-sizing: border-box; }
          @media (max-width: 1000px) {
            body .content .index .nav-section > nav.facets > ul.facets.navigation li.facet.navigation a span {
              width: calc(100% - 43px);
              font-size: 1rem; } }
          @media (max-width: 640px) {
            body .content .index .nav-section > nav.facets > ul.facets.navigation li.facet.navigation a span {
              display: none; } }
        body .content .index .nav-section > nav.facets > ul.facets.navigation li.facet.navigation a:hover {
          background: #488e9c;
          text-decoration: none; }
          body .content .index .nav-section > nav.facets > ul.facets.navigation li.facet.navigation a:hover img {
            display: none; }
          body .content .index .nav-section > nav.facets > ul.facets.navigation li.facet.navigation a:hover img.active {
            display: none; }
          body .content .index .nav-section > nav.facets > ul.facets.navigation li.facet.navigation a:hover img.hover {
            display: inline-block; }
          body .content .index .nav-section > nav.facets > ul.facets.navigation li.facet.navigation a:hover span {
            color: #f5f5f5; }
            @media (max-width: 640px) {
              body .content .index .nav-section > nav.facets > ul.facets.navigation li.facet.navigation a:hover span {
                display: block;
                background: #0a2c33;
                border-bottom: 1px solid #252021;
                font: 300 1.2rem "Lato", serif;
                color: white;
                position: absolute;
                left: 0;
                width: 100%;
                padding: 0.75rem;
                z-index: 99;
                top: 70px; } }
      body .content .index .nav-section > nav.facets > ul.facets.navigation li.facet.navigation.active a {
        background: white; }
        body .content .index .nav-section > nav.facets > ul.facets.navigation li.facet.navigation.active a img {
          display: none; }
        body .content .index .nav-section > nav.facets > ul.facets.navigation li.facet.navigation.active a img.hover {
          display: none; }
        body .content .index .nav-section > nav.facets > ul.facets.navigation li.facet.navigation.active a img.active {
          display: inline-block; }
        body .content .index .nav-section > nav.facets > ul.facets.navigation li.facet.navigation.active a span {
          color: #d280e0; }
          @media (max-width: 640px) {
            body .content .index .nav-section > nav.facets > ul.facets.navigation li.facet.navigation.active a span {
              display: block;
              background: white;
              border-bottom: 1px solid #ddd;
              font: 300 1.2rem "Lato", serif;
              color: #103942;
              position: absolute;
              left: 0;
              width: 100%;
              padding: 0.75rem;
              top: 70px; } }
  body .content .index .nav-section > nav.facets + .markdown {
    margin-top: -100vh; }
    @media (max-width: 640px) {
      body .content .index .nav-section > nav.facets + .markdown {
        margin-top: 5px;
        padding-top: 0; } }
  body .content .index .nav-section > nav.facets ~ .markdown {
    margin-left: calc(220px + 5px);
    width: calc(100% - 220px - 5px);
    text-align: justify; }
    @media (max-width: 1000px) {
      body .content .index .nav-section > nav.facets ~ .markdown {
        margin-left: calc(160px + 5px);
        width: calc(100% - 160px - 5px); } }
    @media (max-width: 640px) {
      body .content .index .nav-section > nav.facets ~ .markdown {
        margin-left: 0;
        width: 100%;
        padding-top: 80px;
        margin-top: -75px; } }
    body .content .index .nav-section > nav.facets ~ .markdown:empty {
      padding: 0;
      margin: 0; }
  body .content .index .nav-section > nav.facets ~ .markdown:nth-of-type(2n) > *:not(.top-gallery) {
    background-color: white;
    color: #333; }
    body .content .index .nav-section > nav.facets ~ .markdown:nth-of-type(2n) > *:not(.top-gallery) a {
      text-decoration: none;
      color: #488e9c;
      font-weight: 400; }
  body .content .index .nav-section > nav.facets ~ .markdown:nth-of-type(2n) h2 {
    color: #103942; }
  body .content .index .nav-section > nav.facets ~ .markdown:nth-of-type(2n) p strong {
    color: #103942; }
  body .content .index .nav-section > nav.facets ~ .markdown:nth-of-type(2n+1) > *:not(.top-gallery) {
    background-color: #103942;
    color: #ccc; }
  body .content .index .nav-section > nav.facets ~ .markdown:nth-of-type(2n+1) h2 {
    color: white; }
  body .content .index .nav-section > nav.facets ~ .markdown:nth-of-type(2n+1) p strong {
    color: white; }

body .content .index .top-details .top-gallery {
  display: flex; }
  body .content .index .top-details .top-gallery .card.gallery {
    border-left: 0.75rem solid #103942;
    border-right: 0.75rem solid #103942;
    background: transparent; }
    body .content .index .top-details .top-gallery .card.gallery .flexbox {
      background: #888 url "/images/static/noise_med_gray.png";
      max-height: 100vh;
      margin-left: 5px;
      margin-right: 5px; }
      body .content .index .top-details .top-gallery .card.gallery .flexbox ul.preview {
        overflow: visible; }
        @media (max-width: 750px) {
          body .content .index .top-details .top-gallery .card.gallery .flexbox ul.preview > a {
            top: -118px;
            position: absolute;
            width: 0;
            height: 0; } }
        body .content .index .top-details .top-gallery .card.gallery .flexbox ul.preview li > a {
          position: absolute;
          left: 0;
          display: flex;
          justify-content: center;
          flex-direction: column;
          height: 100%;
          width: 100%; }
          body .content .index .top-details .top-gallery .card.gallery .flexbox ul.preview li > a img {
            max-height: 100%;
            margin: auto;
            display: inline-block; }
        body .content .index .top-details .top-gallery .card.gallery .flexbox ul.preview li .caption {
          position: absolute;
          box-sizing: border-box;
          right: 0;
          width: 300px;
          height: 100%;
          color: white;
          display: flex;
          justify-content: center;
          flex-direction: column; }
          body .content .index .top-details .top-gallery .card.gallery .flexbox ul.preview li .caption p {
            margin: auto;
            color: #ffd2ff; }
        body .content .index .top-details .top-gallery .card.gallery .flexbox ul.preview li.has-caption > a {
          width: calc(100% - 300px); }
        @media (max-width: 750px) {
          body .content .index .top-details .top-gallery .card.gallery .flexbox ul.preview li.has-caption > a {
            width: calc(100% - 200px); }
          body .content .index .top-details .top-gallery .card.gallery .flexbox ul.preview li .caption {
            width: 200px; }
            body .content .index .top-details .top-gallery .card.gallery .flexbox ul.preview li .caption p {
              font-size: 1rem; } }
        @media (max-width: 450px) {
          body .content .index .top-details .top-gallery .card.gallery .flexbox ul.preview li.has-caption > a {
            width: 100%;
            height: 50%; }
          body .content .index .top-details .top-gallery .card.gallery .flexbox ul.preview li .caption {
            width: 100%;
            height: 50%;
            top: 50%; } }
      body .content .index .top-details .top-gallery .card.gallery .flexbox ul.thumbs li.thumb a img {
        background-color: white;
        max-width: none; }

body .content .index .facet-section ul.facets.grid {
  display: grid;
  padding: 1.5rem;
  grid-template-columns: 33% 33% 33%;
  grid-auto-flow: row;
  grid-row-gap: 1.5rem; }
  @media (max-width: 750px) {
    body .content .index .facet-section ul.facets.grid {
      grid-template-columns: 50% 50%; } }
  @media (max-width: 450px) {
    body .content .index .facet-section ul.facets.grid {
      grid-template-columns: 100%; } }
  body .content .index .facet-section ul.facets.grid li.facet a {
    padding: 0.75rem;
    box-sizing: border-box;
    border: 1px solid #103942;
    border-radius: 0.75rem;
    width: 100%;
    height: 100%;
    display: block;
    position: relative; }
    body .content .index .facet-section ul.facets.grid li.facet a h3 {
      text-align: center;
      border-bottom: 1px solid #696969;
      padding-bottom: 0.75rem; }
      body .content .index .facet-section ul.facets.grid li.facet a h3 svg {
        width: 4rem;
        height: 4rem;
        display: inline-block;
        vertical-align: middle;
        fill: #2da0b7; }
      body .content .index .facet-section ul.facets.grid li.facet a h3 span {
        font: 400 1.4rem "Lato", sans-serif;
        color: white; }
        @media (max-width: 1000px) {
          body .content .index .facet-section ul.facets.grid li.facet a h3 span {
            font: 400 1.2rem "Lato", sans-serif; } }
      body .content .index .facet-section ul.facets.grid li.facet a h3 svg + span {
        vertical-align: middle;
        padding: 0 0.75rem;
        display: inline-block;
        box-sizing: border-box;
        text-align: center;
        max-width: calc(100% - 74px);
        width: calc(100% - 74px); }
    body .content .index .facet-section ul.facets.grid li.facet a h3 + p {
      display: block;
      color: #ffd2ff;
      width: 100%;
      box-sizing: border-box;
      padding-top: 0.75rem;
      text-align: center; }
      @media (max-width: 640px) {
        body .content .index .facet-section ul.facets.grid li.facet a h3 + p {
          font: 400 1rem "Lato", sans-serif; } }
    body .content .index .facet-section ul.facets.grid li.facet a:hover {
      background: #488e9c;
      border: 1px solid white;
      text-decoration: none; }
      body .content .index .facet-section ul.facets.grid li.facet a:hover h3 {
        border-bottom: 1px solid white; }
        body .content .index .facet-section ul.facets.grid li.facet a:hover h3 svg {
          fill: #fff; }
        body .content .index .facet-section ul.facets.grid li.facet a:hover h3 span {
          color: white; }
      body .content .index .facet-section ul.facets.grid li.facet a:hover p {
        color: white; }

.content .index footer {
  margin-top: 0.25rem; }

/**
 * Styling for the page/object header at the top of each page.
 */
nav.topbar,
span.topbar.documentation {
  z-index: 9999999999;
  width: 100%;
  margin: 0 auto;
  text-align: right;
  height: 1.5rem;
  line-height: 1.5rem;
  position: sticky;
  top: 0; }
  nav.topbar .logo,
  span.topbar.documentation .logo {
    color: #75dbf0;
    display: inline-block;
    width: 7.5rem;
    letter-spacing: 0.03em;
    vertical-align: top;
    position: absolute;
    left: 0;
    height: 1.5rem;
    line-height: 1.5rem; }
  nav.topbar span.navbar,
  nav.topbar ul.navbar,
  span.topbar.documentation span.navbar,
  span.topbar.documentation ul.navbar {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: top;
    list-style-type: none;
    height: 1.5rem; }
    nav.topbar span.navbar > li,
    nav.topbar span.navbar > span.item,
    nav.topbar ul.navbar > li,
    nav.topbar ul.navbar > span.item,
    span.topbar.documentation span.navbar > li,
    span.topbar.documentation span.navbar > span.item,
    span.topbar.documentation ul.navbar > li,
    span.topbar.documentation ul.navbar > span.item {
      display: inline-block;
      font: 0.8rem "Open Sans", sans-serif;
      line-height: 1.5rem;
      vertical-align: top; }
      nav.topbar span.navbar > li > a,
      nav.topbar span.navbar > li > div > a,
      nav.topbar span.navbar > li > div > button,
      nav.topbar span.navbar > span.item > a,
      nav.topbar span.navbar > span.item > div > a,
      nav.topbar span.navbar > span.item > div > button,
      nav.topbar ul.navbar > li > a,
      nav.topbar ul.navbar > li > div > a,
      nav.topbar ul.navbar > li > div > button,
      nav.topbar ul.navbar > span.item > a,
      nav.topbar ul.navbar > span.item > div > a,
      nav.topbar ul.navbar > span.item > div > button,
      span.topbar.documentation span.navbar > li > a,
      span.topbar.documentation span.navbar > li > div > a,
      span.topbar.documentation span.navbar > li > div > button,
      span.topbar.documentation span.navbar > span.item > a,
      span.topbar.documentation span.navbar > span.item > div > a,
      span.topbar.documentation span.navbar > span.item > div > button,
      span.topbar.documentation ul.navbar > li > a,
      span.topbar.documentation ul.navbar > li > div > a,
      span.topbar.documentation ul.navbar > li > div > button,
      span.topbar.documentation ul.navbar > span.item > a,
      span.topbar.documentation ul.navbar > span.item > div > a,
      span.topbar.documentation ul.navbar > span.item > div > button {
        position: relative;
        text-decoration: none;
        display: inline-block;
        border-left: 1px solid #d3d3d3;
        border-image: linear-gradient(to bottom, #e8e8e8, #bfbfbf) 1px 100%;
        height: 1.5rem;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        font: 0.8rem "Open Sans", sans-serif;
        line-height: 1.5rem; }
      nav.topbar span.navbar > li .dropdown-button,
      nav.topbar span.navbar > li .topbar-button,
      nav.topbar span.navbar > span.item .dropdown-button,
      nav.topbar span.navbar > span.item .topbar-button,
      nav.topbar ul.navbar > li .dropdown-button,
      nav.topbar ul.navbar > li .topbar-button,
      nav.topbar ul.navbar > span.item .dropdown-button,
      nav.topbar ul.navbar > span.item .topbar-button,
      span.topbar.documentation span.navbar > li .dropdown-button,
      span.topbar.documentation span.navbar > li .topbar-button,
      span.topbar.documentation span.navbar > span.item .dropdown-button,
      span.topbar.documentation span.navbar > span.item .topbar-button,
      span.topbar.documentation ul.navbar > li .dropdown-button,
      span.topbar.documentation ul.navbar > li .topbar-button,
      span.topbar.documentation ul.navbar > span.item .dropdown-button,
      span.topbar.documentation ul.navbar > span.item .topbar-button {
        display: inline-block;
        text-align: left;
        text-indent: -9999px;
        width: 1.5rem;
        height: 1.5rem;
        padding: 0;
        border: none;
        outline: none;
        background: transparent;
        border-left: 1px solid #d3d3d3;
        position: relative;
        vertical-align: top;
        cursor: pointer; }
        nav.topbar span.navbar > li .dropdown-button svg,
        nav.topbar span.navbar > li .dropdown-button img,
        nav.topbar span.navbar > li .topbar-button svg,
        nav.topbar span.navbar > li .topbar-button img,
        nav.topbar span.navbar > span.item .dropdown-button svg,
        nav.topbar span.navbar > span.item .dropdown-button img,
        nav.topbar span.navbar > span.item .topbar-button svg,
        nav.topbar span.navbar > span.item .topbar-button img,
        nav.topbar ul.navbar > li .dropdown-button svg,
        nav.topbar ul.navbar > li .dropdown-button img,
        nav.topbar ul.navbar > li .topbar-button svg,
        nav.topbar ul.navbar > li .topbar-button img,
        nav.topbar ul.navbar > span.item .dropdown-button svg,
        nav.topbar ul.navbar > span.item .dropdown-button img,
        nav.topbar ul.navbar > span.item .topbar-button svg,
        nav.topbar ul.navbar > span.item .topbar-button img,
        span.topbar.documentation span.navbar > li .dropdown-button svg,
        span.topbar.documentation span.navbar > li .dropdown-button img,
        span.topbar.documentation span.navbar > li .topbar-button svg,
        span.topbar.documentation span.navbar > li .topbar-button img,
        span.topbar.documentation span.navbar > span.item .dropdown-button svg,
        span.topbar.documentation span.navbar > span.item .dropdown-button img,
        span.topbar.documentation span.navbar > span.item .topbar-button svg,
        span.topbar.documentation span.navbar > span.item .topbar-button img,
        span.topbar.documentation ul.navbar > li .dropdown-button svg,
        span.topbar.documentation ul.navbar > li .dropdown-button img,
        span.topbar.documentation ul.navbar > li .topbar-button svg,
        span.topbar.documentation ul.navbar > li .topbar-button img,
        span.topbar.documentation ul.navbar > span.item .dropdown-button svg,
        span.topbar.documentation ul.navbar > span.item .dropdown-button img,
        span.topbar.documentation ul.navbar > span.item .topbar-button svg,
        span.topbar.documentation ul.navbar > span.item .topbar-button img {
          width: 1rem;
          height: 1rem;
          object-fit: contain;
          display: block;
          top: 0.25rem;
          left: calc(50% - 0.5rem);
          position: absolute; }
      nav.topbar span.navbar > li .current-person,
      nav.topbar span.navbar > span.item .current-person,
      nav.topbar ul.navbar > li .current-person,
      nav.topbar ul.navbar > span.item .current-person,
      span.topbar.documentation span.navbar > li .current-person,
      span.topbar.documentation span.navbar > span.item .current-person,
      span.topbar.documentation ul.navbar > li .current-person,
      span.topbar.documentation ul.navbar > span.item .current-person {
        outline: none;
        border: none;
        background: transparent;
        height: 1.5rem;
        padding: 0 0.25rem;
        cursor: pointer;
        border-left: 1px solid #d3d3d3;
        vertical-align: top; }
        nav.topbar span.navbar > li .current-person span,
        nav.topbar span.navbar > span.item .current-person span,
        nav.topbar ul.navbar > li .current-person span,
        nav.topbar ul.navbar > span.item .current-person span,
        span.topbar.documentation span.navbar > li .current-person span,
        span.topbar.documentation span.navbar > span.item .current-person span,
        span.topbar.documentation ul.navbar > li .current-person span,
        span.topbar.documentation ul.navbar > span.item .current-person span {
          display: inline-block;
          margin-right: 1.75rem;
          padding: 0 3px;
          border-radius: 0.5em; }
        nav.topbar span.navbar > li .current-person img,
        nav.topbar span.navbar > span.item .current-person img,
        nav.topbar ul.navbar > li .current-person img,
        nav.topbar ul.navbar > span.item .current-person img,
        span.topbar.documentation span.navbar > li .current-person img,
        span.topbar.documentation span.navbar > span.item .current-person img,
        span.topbar.documentation ul.navbar > li .current-person img,
        span.topbar.documentation ul.navbar > span.item .current-person img {
          width: 1.25rem;
          height: 1.25rem;
          object-fit: contain;
          top: 0.125rem;
          box-sizing: border-box;
          border-radius: 0.25rem;
          display: block;
          background-color: white;
          border: 1px solid #c5c5c5;
          position: absolute;
          right: 0.5rem; }
        @media (max-width: 450px) {
          nav.topbar span.navbar > li .current-person,
          nav.topbar span.navbar > span.item .current-person,
          nav.topbar ul.navbar > li .current-person,
          nav.topbar ul.navbar > span.item .current-person,
          span.topbar.documentation span.navbar > li .current-person,
          span.topbar.documentation span.navbar > span.item .current-person,
          span.topbar.documentation ul.navbar > li .current-person,
          span.topbar.documentation ul.navbar > span.item .current-person {
            display: inline-block;
            text-align: left;
            text-indent: -9999px;
            width: 1.5rem;
            height: 1.5rem;
            padding: 0;
            border: none;
            border-left: 1px solid #d3d3d3;
            outline: none;
            background: transparent;
            position: relative;
            vertical-align: top;
            cursor: pointer; }
            nav.topbar span.navbar > li .current-person img,
            nav.topbar span.navbar > span.item .current-person img,
            nav.topbar ul.navbar > li .current-person img,
            nav.topbar ul.navbar > span.item .current-person img,
            span.topbar.documentation span.navbar > li .current-person img,
            span.topbar.documentation span.navbar > span.item .current-person img,
            span.topbar.documentation ul.navbar > li .current-person img,
            span.topbar.documentation ul.navbar > span.item .current-person img {
              width: 1.25rem;
              height: 1.25rem;
              display: block;
              top: 0.125rem;
              left: 0.125rem;
              position: absolute; } }
      nav.topbar span.navbar > li .dropdown-button:hover,
      nav.topbar span.navbar > li .topbar-button:hover,
      nav.topbar span.navbar > span.item .dropdown-button:hover,
      nav.topbar span.navbar > span.item .topbar-button:hover,
      nav.topbar ul.navbar > li .dropdown-button:hover,
      nav.topbar ul.navbar > li .topbar-button:hover,
      nav.topbar ul.navbar > span.item .dropdown-button:hover,
      nav.topbar ul.navbar > span.item .topbar-button:hover,
      span.topbar.documentation span.navbar > li .dropdown-button:hover,
      span.topbar.documentation span.navbar > li .topbar-button:hover,
      span.topbar.documentation span.navbar > span.item .dropdown-button:hover,
      span.topbar.documentation span.navbar > span.item .topbar-button:hover,
      span.topbar.documentation ul.navbar > li .dropdown-button:hover,
      span.topbar.documentation ul.navbar > li .topbar-button:hover,
      span.topbar.documentation ul.navbar > span.item .dropdown-button:hover,
      span.topbar.documentation ul.navbar > span.item .topbar-button:hover {
        background-image: linear-gradient(to top, #ececec, #fff); }
      nav.topbar span.navbar > li .dropdown-menu .dropdown-menu-options,
      nav.topbar span.navbar > span.item .dropdown-menu .dropdown-menu-options,
      nav.topbar ul.navbar > li .dropdown-menu .dropdown-menu-options,
      nav.topbar ul.navbar > span.item .dropdown-menu .dropdown-menu-options,
      span.topbar.documentation span.navbar > li .dropdown-menu .dropdown-menu-options,
      span.topbar.documentation span.navbar > span.item .dropdown-menu .dropdown-menu-options,
      span.topbar.documentation ul.navbar > li .dropdown-menu .dropdown-menu-options,
      span.topbar.documentation ul.navbar > span.item .dropdown-menu .dropdown-menu-options {
        margin-top: 0.05rem;
        right: -0.15rem; }
      nav.topbar span.navbar > li .dropdown-menu button.current-person + .dropdown-menu-options,
      nav.topbar span.navbar > span.item .dropdown-menu button.current-person + .dropdown-menu-options,
      nav.topbar ul.navbar > li .dropdown-menu button.current-person + .dropdown-menu-options,
      nav.topbar ul.navbar > span.item .dropdown-menu button.current-person + .dropdown-menu-options,
      span.topbar.documentation span.navbar > li .dropdown-menu button.current-person + .dropdown-menu-options,
      span.topbar.documentation span.navbar > span.item .dropdown-menu button.current-person + .dropdown-menu-options,
      span.topbar.documentation ul.navbar > li .dropdown-menu button.current-person + .dropdown-menu-options,
      span.topbar.documentation ul.navbar > span.item .dropdown-menu button.current-person + .dropdown-menu-options {
        right: 0.2rem; }
        @media (max-width: 450px) {
          nav.topbar span.navbar > li .dropdown-menu button.current-person + .dropdown-menu-options,
          nav.topbar span.navbar > span.item .dropdown-menu button.current-person + .dropdown-menu-options,
          nav.topbar ul.navbar > li .dropdown-menu button.current-person + .dropdown-menu-options,
          nav.topbar ul.navbar > span.item .dropdown-menu button.current-person + .dropdown-menu-options,
          span.topbar.documentation span.navbar > li .dropdown-menu button.current-person + .dropdown-menu-options,
          span.topbar.documentation span.navbar > span.item .dropdown-menu button.current-person + .dropdown-menu-options,
          span.topbar.documentation ul.navbar > li .dropdown-menu button.current-person + .dropdown-menu-options,
          span.topbar.documentation ul.navbar > span.item .dropdown-menu button.current-person + .dropdown-menu-options {
            right: -0.15rem; } }
  nav.topbar ul.navbar.search,
  span.topbar.documentation ul.navbar.search {
    border-image: linear-gradient(to bottom, #e8e8e8, #bfbfbf) 1 100%;
    border-left: 1px solid #d3d3d3; }
    nav.topbar ul.navbar.search li,
    span.topbar.documentation ul.navbar.search li {
      padding-left: 0.5rem; }
      @media (max-width: 640px) {
        nav.topbar ul.navbar.search li,
        span.topbar.documentation ul.navbar.search li {
          padding-left: 0; } }
      nav.topbar ul.navbar.search li input#query,
      span.topbar.documentation ul.navbar.search li input#query {
        vertical-align: top;
        height: 1.5rem;
        box-sizing: border-box;
        padding: 0 0.25rem;
        border: none;
        border-left: 1px solid #ccc; }
        @media (max-width: 640px) {
          nav.topbar ul.navbar.search li input#query,
          span.topbar.documentation ul.navbar.search li input#query {
            display: none; } }
      nav.topbar ul.navbar.search li input[type=submit],
      span.topbar.documentation ul.navbar.search li input[type=submit] {
        display: block;
        text-indent: -9999px;
        width: 100%;
        min-width: 0;
        height: 100%;
        position: absolute;
        cursor: pointer;
        border: none;
        outline: none;
        background: none;
        padding: 0;
        margin: 0; }
      @media (max-width: 640px) {
        nav.topbar ul.navbar.search li .topbar-button,
        span.topbar.documentation ul.navbar.search li .topbar-button {
          border-left: none; } }
  nav.topbar.documentation,
  span.topbar.documentation.documentation {
    border: 1px solid #d3d3d3; }
    nav.topbar.documentation > span.navbar > span.item > a,
    span.topbar.documentation.documentation > span.navbar > span.item > a {
      border: none; }

/**
 * Styling for the footer of the site.
 *
 * Typically, this is only seen when you are on the front page or
 * otherwise not logged in.
 */
body footer {
  font: 0.8rem "Open Sans", sans-serif;
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
  margin-top: 2px;
  background: #482e48;
  box-sizing: border-box; }
  body footer ul {
    line-height: 1.8em;
    text-align: center; }
    body footer ul li {
      font: 0.8rem "Open Sans", sans-serif;
      display: inline-block;
      padding: 0 10px;
      border-right: 1px solid red;
      border-color: #694c69;
      padding-bottom: 2px; }
      body footer ul li:first-child {
        padding-left: 0; }
      body footer ul li:last-child {
        padding-right: 0;
        border: none; }
  body footer a {
    text-decoration: none;
    color: #bb96bb; }
    body footer a:hover {
      color: #fff; }

/**
 * Styling for the help "bubbles" and such.
 */
.card button.help-bubble,
.card a.help-bubble {
  font-size: 1rem;
  display: inline-block;
  vertical-align: middle;
  width: 1.125rem;
  height: 1.125rem;
  margin-left: 0.5rem;
  text-indent: -9999px;
  padding: 0 !important;
  border: none;
  outline: none;
  cursor: pointer;
  background: transparent;
  overflow: hidden;
  position: absolute;
  bottom: 0.45rem; }
  .card button.help-bubble svg,
  .card button.help-bubble img,
  .card a.help-bubble svg,
  .card a.help-bubble img {
    display: block;
    width: 1.125rem;
    height: 1.125rem; }
  .card button.help-bubble img.hover,
  .card a.help-bubble img.hover {
    display: none; }
  .card button.help-bubble:hover img,
  .card a.help-bubble:hover img {
    display: none; }
  .card button.help-bubble:hover img.hover,
  .card a.help-bubble:hover img.hover {
    display: block; }

.file-listing-container > .card > h2 > .help-bubble-container button.help-bubble,
.file-listing-container > .card > h2 > .help-bubble-container a.help-bubble,
.sidebar > .card > h2 > .help-bubble-container button.help-bubble,
.sidebar > .card > h2 > .help-bubble-container a.help-bubble,
.card h2.offscreen + .help-bubble-container button.help-bubble,
.card h2.offscreen + .help-bubble-container a.help-bubble {
  position: absolute;
  right: 0.5rem;
  top: 0.7rem;
  z-index: 9999999; }

.card h3 button.help-bubble,
.card h3 a.help-bubble {
  bottom: 0.375rem; }

.help {
  border: 1px solid red;
  border-top: 3px solid #ae85db;
  border-right: none;
  border-left: none;
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 0 1rem;
  position: relative;
  font: 400 0.9rem "Lato", sans-serif;
  min-height: 5rem;
  text-align: left;
  opacity: 1;
  -webkit-transition: height 0.3s ease-in-out, opacity 0.3s ease-in-out, border-width 0.3s ease-in-out, margin-bottom 0.3s ease-in-out;
  -moz-transition: height 0.3s ease-in-out, opacity 0.3s ease-in-out, border-width 0.3s ease-in-out;
  -ms-transition: height 0.3s ease-in-out, opacity 0.3s ease-in-out, border-width 0.3s ease-in-out;
  -o-transition: height 0.3s ease-in-out, opacity 0.3s ease-in-out, border-width 0.3s ease-in-out;
  transition: height 0.3s ease-in-out, opacity 0.3s ease-in-out, border-width 0.3s ease-in-out;
  overflow: hidden;
  z-index: 99999;
  white-space: normal;
  margin-bottom: 0.25rem; }
  @media (max-width: 1000px) {
    .help {
      margin-left: 0;
      margin-right: 0; } }
  .help > p.help-header {
    position: relative;
    height: 0;
    padding: 0;
    margin-top: 1rem; }
    .help > p.help-header svg.icon,
    .help > p.help-header img.icon {
      position: absolute;
      top: 0;
      left: 0;
      width: 2.5rem;
      height: 2.5rem; }
  .help.closed {
    border-width: 0;
    margin-bottom: 0; }
  .help:first-child {
    width: 100%;
    max-width: 100%;
    margin: 0;
    border-left: none;
    border-top: none;
    border-right: none;
    overflow: auto;
    flex: 0 0 auto; }
  .help > *:first-child {
    padding-top: 0.5rem; }
  .help > *:last-child {
    padding-bottom: 0.5rem; }
  .help ul > li,
  .help p {
    font: 400 0.9rem "Lato", sans-serif;
    width: 50rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box; }
    .help ul > li strong,
    .help p strong {
      font-weight: bold; }
    .help ul > li em,
    .help p em {
      font-style: italic; }
  .help > li,
  .help > p li,
  .help > p {
    font: 400 0.9rem "Lato", sans-serif;
    padding-left: 3rem;
    padding-right: 1rem;
    text-align: justify; }
  .help > p li,
  .help > ul li {
    list-style: disc;
    list-style-position: inside; }
  .help ul {
    width: 50rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    padding-left: 3.5rem;
    padding-right: 1rem; }
  .help > ul,
  .help > p ul {
    margin-top: 1rem; }
  .help * + p {
    margin-top: 1rem; }
  .help .delete {
    background-image: url "/images/dynamic/hex/aaaaaa/icons/ui/remove.svg";
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 0 0;
    display: block;
    position: absolute;
    right: 2px;
    top: 0;
    height: 14px;
    width: 14px;
    color: white;
    text-align: center;
    padding: 0;
    line-height: 1rem;
    cursor: pointer;
    vertical-align: top;
    text-indent: -9999px;
    flex: 0 0 auto; }
    .help .delete:hover {
      filter: brightness(50%); }

.card .help-bubble-container {
  position: absolute;
  bottom: 0; }
  .card .help-bubble-container::before, .card .help-bubble-container::after {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out; }
  .card .help-bubble-container::before {
    content: '';
    position: absolute;
    top: -0.375rem;
    right: -1.625rem;
    width: 0;
    height: 0;
    background: transparent;
    border: none;
    z-index: 999999999;
    border-bottom: 0.5625rem solid #f5eafb;
    border-right: 0.5625rem solid transparent;
    border-left: 0.5625rem solid transparent; }
  .card .help-bubble-container::after {
    content: '';
    position: absolute;
    top: -0.25rem;
    right: -1.5rem;
    width: 0.75rem;
    height: 0.75rem;
    transform: rotate(45deg);
    background: transparent;
    border: 0.0625rem solid #ae85db;
    z-index: 999999999;
    border-right: none;
    border-bottom: none; }
  .card .help-bubble-container.open::before, .card .help-bubble-container.open::after {
    opacity: 1; }

.file-listing-container > .card > h2 > .help-bubble-container,
.sidebar > .card > h2 > .help-bubble-container,
.card .offscreen + .help-bubble-container {
  position: absolute;
  top: 0;
  right: 0; }
  .file-listing-container > .card > h2 > .help-bubble-container.with-sidebar,
  .sidebar > .card > h2 > .help-bubble-container.with-sidebar,
  .card .offscreen + .help-bubble-container.with-sidebar {
    right: 3rem; }
  .file-listing-container > .card > h2 > .help-bubble-container::before,
  .sidebar > .card > h2 > .help-bubble-container::before,
  .card .offscreen + .help-bubble-container::before {
    top: 2rem;
    right: 0.5rem; }
  .file-listing-container > .card > h2 > .help-bubble-container::after,
  .sidebar > .card > h2 > .help-bubble-container::after,
  .card .offscreen + .help-bubble-container::after {
    top: 2.125rem;
    right: 0.625rem; }

.file-listing-container > .card > h2 + .help,
.sidebar > .card > h2 + .help,
.card .offscreen + .help-bubble-container + .help {
  margin: 0;
  width: 100%;
  max-width: 100%;
  border-left: none;
  border-right: none;
  overflow: auto;
  flex: 0 0 auto;
  z-index: 9999999;
  position: absolute;
  height: 100%;
  top: 2.5rem;
  border-top-width: 0.0625rem; }

ul.tab-bar + ul.tab-panels > li.tab-panel > .card > .offscreen + button.help-bubble + .help,
ul.tab-bar + ul.tab-panels > li.tab-panel > .card > .offscreen + a.help-button + .help {
  border-top: 3px solid #ae85db; }

ul.tab-bar .help::after {
  content: '';
  position: absolute;
  transform: rotate(45deg);
  top: 0.6875rem;
  border-left: 0.0625rem solid red;
  border-bottom: 0.0625rem solid red;
  z-index: 99;
  width: 0.5rem;
  height: 0.5rem; }
ul.tab-bar li[hidden] + .help {
  display: none; }
ul.tab-bar li:not([hidden]) + .help {
  position: absolute;
  width: auto;
  height: 2rem;
  min-height: auto;
  top: 0.25rem;
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  overflow: visible; }
  ul.tab-bar li:not([hidden]) + .help p {
    width: auto;
    height: auto;
    padding-left: 0;
    padding-right: 0; }
    ul.tab-bar li:not([hidden]) + .help p svg {
      position: relative;
      width: 1rem;
      height: 1rem;
      margin-right: 0.125rem;
      top: -0.0625rem;
      left: -0.25rem;
      vertical-align: top;
      display: inline-block; }
  ul.tab-bar li:not([hidden]) + .help.left::after {
    left: -0.3125rem; }
  ul.tab-bar li:not([hidden]) + .help.right::after {
    right: 0; }

/**
 * Styling for forms and inputs throughout the site.
 */
a.edit,
button.edit {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  display: block;
  overflow: hidden;
  cursor: pointer;
  padding: 0;
  margin: 0;
  text-indent: -9999px;
  border: none;
  background-color: #96cfdb;
  position: relative; }
  a.edit svg,
  button.edit svg {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%; }
  a.edit:hover,
  button.edit:hover {
    background-color: #2da0b7; }

form.inline {
  display: inline-block; }
form .card.submitting {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1 0 auto;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  box-sizing: border-box; }
  form .card.submitting .progress-bar {
    margin-top: 0.25rem;
    height: 0.25rem;
    border-radius: 0.10rem;
    max-width: 80%;
    width: 10rem;
    background: white;
    border: 0.0625rem solid #888;
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto; }
    form .card.submitting .progress-bar .progress-indicator {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 0%;
      background: red; }
  form .card.submitting > * {
    width: 100%; }
form button.delete {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  display: block;
  overflow: hidden;
  cursor: pointer;
  padding: 0;
  margin: 0;
  text-indent: -9999px;
  border: none;
  background-color: #ffc4c4;
  position: relative; }
  form button.delete svg {
    position: absolute;
    left: 10%;
    top: 10%;
    width: 80%;
    height: 80%;
    fill: white; }
  form button.delete:hover {
    background-color: #ffa1a1; }
form.modal label:not(:first-child) {
  margin-top: 1rem; }
form.modal label:not(.checkbox) {
  font: normal 1.1rem "Alegreya Sans SC", sans-serif;
  margin-bottom: 0.5rem;
  display: block;
  color: #3e6b74; }
  form.modal label:not(.checkbox):first-child {
    padding-top: 0.5rem; }
form.modal input[type=checkbox]:first-child + label {
  margin-top: 0; }
form.modal input.button:last-child,
form.modal a.button:last-child {
  margin-bottom: 1rem; }
form.modal select + h2,
form.modal .selector + h2,
form.modal a.button + h2,
form.modal input.button + h2,
form.modal input[type=password] + h2,
form.modal input[type=file] + h2,
form.modal .tagify.tags + h2,
form.modal input[type=text]:not(.auto-complete) + h2 {
  margin-top: 1rem; }
form.modal select,
form.modal .selector,
form.modal input[type=password],
form.modal input[type=file],
form.modal .tagify.tags,
form.modal input.auto-complete,
form.modal input[type=text] {
  text-align: left;
  width: 32rem;
  max-width: calc(100% - 2rem);
  margin: 0 auto;
  font: 400 0.8rem "Open Sans", sans-serif;
  box-sizing: border-box;
  border: 1px solid #aaa; }
  form.modal select:not(.auto-complete),
  form.modal .selector:not(.auto-complete),
  form.modal input[type=password]:not(.auto-complete),
  form.modal input[type=file]:not(.auto-complete),
  form.modal .tagify.tags:not(.auto-complete),
  form.modal input.auto-complete:not(.auto-complete),
  form.modal input[type=text]:not(.auto-complete) {
    padding: 0; }
    form.modal select:not(.auto-complete):not(.tagify),
    form.modal .selector:not(.auto-complete):not(.tagify),
    form.modal input[type=password]:not(.auto-complete):not(.tagify),
    form.modal input[type=file]:not(.auto-complete):not(.tagify),
    form.modal .tagify.tags:not(.auto-complete):not(.tagify),
    form.modal input.auto-complete:not(.auto-complete):not(.tagify),
    form.modal input[type=text]:not(.auto-complete):not(.tagify) {
      height: 2rem;
      padding: 0.25rem; }
  form.modal select.short,
  form.modal .selector.short,
  form.modal input[type=password].short,
  form.modal input[type=file].short,
  form.modal .tagify.tags.short,
  form.modal input.auto-complete.short,
  form.modal input[type=text].short {
    width: 16rem; }
  form.modal select:last-child,
  form.modal .selector:last-child,
  form.modal input[type=password]:last-child,
  form.modal input[type=file]:last-child,
  form.modal .tagify.tags:last-child,
  form.modal input.auto-complete:last-child,
  form.modal input[type=text]:last-child {
    margin-bottom: 1rem; }
  form.modal select[readonly], form.modal select[disabled],
  form.modal .selector[readonly],
  form.modal .selector[disabled],
  form.modal input[type=password][readonly],
  form.modal input[type=password][disabled],
  form.modal input[type=file][readonly],
  form.modal input[type=file][disabled],
  form.modal .tagify.tags[readonly],
  form.modal .tagify.tags[disabled],
  form.modal input.auto-complete[readonly],
  form.modal input.auto-complete[disabled],
  form.modal input[type=text][readonly],
  form.modal input[type=text][disabled] {
    opacity: 0.5; }
  form.modal select + a,
  form.modal .selector + a,
  form.modal input[type=password] + a,
  form.modal input[type=file] + a,
  form.modal .tagify.tags + a,
  form.modal input.auto-complete + a,
  form.modal input[type=text] + a {
    display: block;
    margin-top: 0.25rem;
    font: 0.9rem "Open Sans", sans-serif;
    font-size: 0.8rem; }
    form.modal select + a:last-child,
    form.modal .selector + a:last-child,
    form.modal input[type=password] + a:last-child,
    form.modal input[type=file] + a:last-child,
    form.modal .tagify.tags + a:last-child,
    form.modal input.auto-complete + a:last-child,
    form.modal input[type=text] + a:last-child {
      margin-bottom: 1rem; }
form.modal textarea {
  width: 32rem;
  height: 28rem;
  resize: none;
  max-width: calc(100% - 2rem);
  margin: 0 auto; }
  form.modal textarea:last-child {
    margin-bottom: 1rem; }
form .card.errors {
  margin-top: 0.125rem; }

form:not(.inline) input.button.next,
form:not(.inline) input[type=submit] {
  min-width: 16rem; }
  form:not(.inline) input.button.next.short,
  form:not(.inline) input[type=submit].short {
    min-width: 6rem; }
  form:not(.inline) input.button.next:last-child,
  form:not(.inline) input[type=submit]:last-child {
    margin-bottom: 0.5rem; }
form:not(.inline) .submit input[type=button]:last-child,
form:not(.inline) .submit input[type=submit]:last-child {
  margin-bottom: 0.5rem; }

form .editing-table {
  display: table;
  width: 100%;
  outline: 0.0625rem solid #ddd; }
  form .editing-table .editing-table-field {
    display: table-row; }
    form .editing-table .editing-table-field label:not(.checkbox):first-child {
      display: table-cell;
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
      text-align: right;
      padding-left: 2rem;
      border-right: 0.0625rem solid #aaa;
      padding-right: 1rem;
      border-bottom: 0.0625rem solid #ddd;
      vertical-align: top;
      background-color: white;
      min-width: 40%;
      position: relative;
      margin: 0;
      font: normal 1.1rem "Alegreya Sans SC", sans-serif;
      color: #3e6b74; }
    form .editing-table .editing-table-field span.icon {
      display: table-cell;
      width: 1.5rem;
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
      text-align: right;
      padding-left: 1rem;
      border-right: 0.0625rem solid #aaa;
      padding-right: 1rem;
      border-bottom: 0.0625rem solid #ddd;
      vertical-align: top;
      background-color: white;
      position: relative; }
      form .editing-table .editing-table-field span.icon svg {
        width: 1.5rem;
        height: 1.5rem;
        fill: #3e6b74; }
    form .editing-table .editing-table-field .editing-table-cell,
    form .editing-table .editing-table-field select,
    form .editing-table .editing-table-field button.selector,
    form .editing-table .editing-table-field textarea:not([hidden]),
    form .editing-table .editing-table-field input:not([hidden]):not([type="hidden"]) {
      display: table-cell;
      box-sizing: border-box;
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
      width: 100%;
      height: 2rem;
      max-width: none;
      margin-left: 1rem;
      margin-right: 1rem;
      width: calc(100% - 2rem);
      background: white;
      border: 0.0625rem solid #ddd;
      padding: 0 0.5rem; }
    form .editing-table .editing-table-field tags.tagify.tags {
      box-sizing: border-box;
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
      width: 100%;
      min-height: 2rem;
      max-width: none;
      margin-left: 1rem;
      margin-right: 1rem;
      width: calc(100% - 2rem); }
      form .editing-table .editing-table-field tags.tagify.tags tag, form .editing-table .editing-table-field tags.tagify.tags span.tagify__input {
        height: 1.25rem; }
      form .editing-table .editing-table-field tags.tagify.tags span.tagify__input {
        margin-top: 0.125rem;
        height: 1.125rem; }
    form .editing-table .editing-table-field > :first-child::after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      background-color: #d5131300;
      box-shadow: 0 0 3px 0px;
      clip-path: inset(0px -15px 0px 0px);
      height: calc(100% + 1px);
      width: 0.0625rem; }
    form .editing-table .editing-table-field:last-child span.icon,
    form .editing-table .editing-table-field:last-child label:not(.checkbox):first-child {
      border-bottom: none; }
    form .editing-table .editing-table-field.error {
      background: white; }
      form .editing-table .editing-table-field.error label:not(.checkbox):first-child {
        color: red; }
      form .editing-table .editing-table-field.error .editing-table-cell,
      form .editing-table .editing-table-field.error select,
      form .editing-table .editing-table-field.error button.selector,
      form .editing-table .editing-table-field.error textarea:not([hidden]),
      form .editing-table .editing-table-field.error input:not([hidden]):not([type="hidden"]) {
        box-shadow: inset 0 0 0.125rem 0.0625rem red; }

.jscolor-picker-wrap .jscolor-picker-shadow {
  box-shadow: 0 0 0.1875rem 0 #111 !important;
  border-radius: 0.3rem !important;
  border-top-left-radius: 0 !important; }
.jscolor-picker-wrap .jscolor-picker-border {
  border-radius: 0.3rem !important;
  border-top-left-radius: 0 !important;
  border: none !important; }

/**
 * This maintains the structure of the site.
 *
 * For the most part, this specifies the flex/grid contraints that direct the
 * flow of the site.
 */
html {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  height: 100%; }
  @media (min-width: 2561px), (min-device-width: 2561px) {
    html {
      font-size: 150%; } }
  html > body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 100%; }
    html > body > .topbar {
      flex: 0 0 auto; }
    html > body .content.flex {
      flex: 1 1 auto;
      display: flex;
      flex-direction: column;
      overflow: hidden; }
      html > body .content.flex > h1 {
        flex: 0 0 auto; }
      html > body .content.flex > .bar {
        flex: 0 0 auto; }
      html > body .content.flex > ul.tabs.card-tabs {
        flex: 0 0 auto;
        z-index: 9999999; }
      html > body .content.flex > .container {
        flex: 1 1 auto;
        flex-direction: row;
        overflow: hidden;
        display: flex; }
        html > body .content.flex > .container > * {
          flex: 1 1 auto;
          width: 100%;
          -webkit-transition: width 0.3s;
          transition: width 0.3s; }
        html > body .content.flex > .container > ul.tab-panels {
          display: flex;
          flex-direction: column;
          overflow: hidden; }
          html > body .content.flex > .container > ul.tab-panels > li.tab-panel {
            flex: 1 1 auto;
            overflow-x: hidden;
            overflow-y: auto; }
            html > body .content.flex > .container > ul.tab-panels > li.tab-panel.filled {
              overflow: hidden; }
            html > body .content.flex > .container > ul.tab-panels > li.tab-panel > .card:last-child {
              flex: 1 1 auto; }
        html > body .content.flex > .container > .sidebar {
          width: 20rem;
          max-width: 100%;
          flex: 0 0 auto;
          box-shadow: 0 0 2px 1px #696969;
          z-index: 999999;
          position: relative;
          left: 0; }
          html > body .content.flex > .container > .sidebar.right {
            left: auto;
            right: 0; }
          html > body .content.flex > .container > .sidebar.wide {
            width: 30rem; }
          html > body .content.flex > .container > .sidebar.very-wide {
            width: 37rem; }
          html > body .content.flex > .container > .sidebar.reveal {
            width: 0;
            left: -5px;
            margin-right: -1px; }
            html > body .content.flex > .container > .sidebar.reveal.right {
              left: auto;
              right: -5px;
              margin-left: -1px; }
      html > body .content.flex > .card.cards {
        overflow-x: hidden;
        overflow-y: auto;
        flex: 1 1 auto; }
      html > body .content.flex .card.container {
        flex: 1 1 auto;
        position: relative; }
        html > body .content.flex .card.container.flex {
          display: flex;
          flex-direction: row; }
          html > body .content.flex .card.container.flex.horizontal {
            flex-direction: column; }
          html > body .content.flex .card.container.flex > * {
            flex: 1 1 auto;
            width: 100%; }
          html > body .content.flex .card.container.flex > h2 {
            flex: 0 0 auto;
            overflow: hidden; }
        html > body .content.flex .card.container > .sidebar {
          -webkit-transition: width 0.3s;
          transition: width 0.3s;
          flex: 0 0 auto;
          overflow-x: hidden;
          overflow-y: auto;
          white-space: nowrap;
          box-shadow: 0 0 2px 1px #696969;
          z-index: 99999;
          position: relative;
          width: 20rem;
          left: 0;
          max-width: 100%; }
          html > body .content.flex .card.container > .sidebar.middle {
            z-index: 9999; }
          html > body .content.flex .card.container > .sidebar.filled {
            overflow: hidden; }
          html > body .content.flex .card.container > .sidebar.fixed {
            position: absolute;
            top: 0;
            bottom: 0; }
          html > body .content.flex .card.container > .sidebar.wide {
            width: 30rem; }
          html > body .content.flex .card.container > .sidebar.very-wide {
            width: 37rem; }
          html > body .content.flex .card.container > .sidebar.right {
            left: auto;
            right: 0; }
          html > body .content.flex .card.container > .sidebar.reveal {
            width: 0;
            left: -5px;
            margin-right: -1px; }
            html > body .content.flex .card.container > .sidebar.reveal.right {
              left: auto;
              right: -5px;
              margin-left: -1px; }
          html > body .content.flex .card.container > .sidebar + * .sidebar {
            z-index: 999; }
            html > body .content.flex .card.container > .sidebar + * .sidebar.right {
              z-index: 9999; }

.lightboxOverlay,
.lightbox {
  z-index: 999999999 !important; }

/**
 * Styling for the modal window.
 */
.modal-window {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999999999; }
  .modal-window::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-image: url "/images/static/noise_g2.png";
    opacity: 0.8; }
  .modal-window > .loading:not(.error-500):not(.error-400) {
    border-radius: 50%;
    position: fixed;
    left: calc(50% - 50px);
    top: calc(50% - 50px);
    width: 100px;
    height: 100px;
    background-size: 50%;
    background-position-y: 55%; }
  .modal-window > .close {
    background-color: #103942;
    background-image: url "/images/dynamic/hex/ffffff/icons/ui/remove.svg";
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 70%;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    right: calc(30% + 2px);
    top: calc(30% + 1px);
    width: 20px;
    height: 20px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 5px;
    z-index: 9999999; }
    @media (max-width: 1750px) {
      .modal-window > .close {
        right: calc((100vw - 700px) / 2 + 2px); } }
    @media (max-width: 700px) {
      .modal-window > .close {
        right: 2px; } }
@keyframes hover-animation {
  0% {
    background-color: #103942; }
  100% {
    background-color: #247f94; } }
    .modal-window > .close:hover {
      background-color: #247f94;
      animation: 0.2s hover-animation; }
  .modal-window .content {
    background-color: black;
    border: 1px solid #0a323c;
    box-shadow: 0 0 5px -1px black;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 5px;
    border-top-right-radius: 12px;
    position: absolute;
    padding: 0;
    margin: 0;
    width: 40%;
    min-width: 700px;
    max-height: 50%;
    left: 30%;
    top: 30%;
    flex-direction: column; }
    @media (max-width: 1750px) {
      .modal-window .content {
        left: calc((100vw - 700px) / 2); } }
    @media (max-width: 700px) {
      .modal-window .content {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        left: 0; } }
    .modal-window .content > form, .modal-window .content > .card {
      overflow: hidden;
      flex: 0 0 auto; }
    .modal-window .content > .card.filled {
      overflow: auto;
      flex: 1 1 auto; }
      .modal-window .content > .card.filled > .card.filled {
        flex: 1 1 auto; }
        .modal-window .content > .card.filled > .card.filled > ul.tab-panels {
          overflow: hidden; }
          .modal-window .content > .card.filled > .card.filled > ul.tab-panels > li.tab-panel .card {
            overflow: auto; }
            .modal-window .content > .card.filled > .card.filled > ul.tab-panels > li.tab-panel .card.submit {
              overflow: hidden;
              flex: 0 0 auto; }
  .modal-window.full .content {
    height: 50%; }
  .modal-window.tall .content {
    max-height: 90%;
    height: 90%;
    top: 5%; }
  .modal-window.large .close {
    right: calc(5% + 2px); }
  .modal-window.large .content {
    width: 90%;
    max-height: 90%;
    height: 90%;
    left: 5%;
    top: 5%; }

/**
 * Styling for the page/object header at the top of each page.
 */
/**
 * Styles a notice banner above the header for certain statements.
 *
 * One such statement is the "this is a snapshot" banner.
 */
.notice {
  text-align: center;
  padding: 0.25rem;
  background: repeating-linear-gradient(-45deg, #674c79, #734a90 1rem, #513366 1rem, #513366 2rem);
  box-shadow: 0 0 2px 1px black;
  position: relative;
  z-index: 999999999; }
  .notice p {
    color: white;
    font: 800 0.9rem Lato, sans-serif;
    text-shadow: 0 0 5px #513366;
    box-shadow: 0 0 2px 2px #4e355f;
    background: #6a4a7f;
    border-radius: 0.9rem;
    padding: 0.1rem 0.9rem;
    margin: 0;
    display: inline-block; }
    .notice p a {
      color: #e296e4;
      font: 800 0.9rem Lato, sans-serif;
      text-shadow: 0 0 5px #000; }

h1 + .bar + .card .card.notice {
  text-align: center;
  z-index: 999;
  box-shadow: 0 0 2px 0 black;
  padding: 0.25rem; }
  h1 + .bar + .card .card.notice p {
    padding: 0.1rem 0.9rem;
    margin: 0; }

.modal-window .content > .card > .card > ul.tab-panels > li.tab-panel .card.notice {
  overflow: visible; }

/**
 * Styles the role indicator on a profile header.
 */
h1.person ul.roles {
  position: absolute;
  right: 0; }
  h1.person ul.roles li.role {
    font: 300 0.75rem Lato, sans-serif;
    padding: 0.25rem 0.5rem;
    padding-right: 2rem;
    margin-top: 0.5rem;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
    h1.person ul.roles li.role svg,
    h1.person ul.roles li.role img {
      margin-right: 0.5rem;
      vertical-align: middle;
      width: 1rem;
      height: 1rem; }

h1 {
  position: relative;
  overflow: visible;
  font: 300 1.5rem "Lato", sans-serif;
  padding-bottom: 0.25rem;
  min-height: 4.5rem;
  display: block;
  /* Object Type */
  /* We will make it always a dropdown! */
  /* Icon */
  /* Authorship */
  /* Object Name */
  /* Version */
  /* Header Badges */ }
  @media (min-width: 641px) {
    h1[data-has-parent] {
      min-height: 6rem; } }
  h1 .type {
    white-space: nowrap;
    letter-spacing: 0.05em;
    display: flex;
    flex-direction: row;
    overflow: visible;
    text-overflow: ellipsis;
    padding-left: 6.5rem;
    font: 600 0.9rem "Lato", serif;
    height: 1.5625rem;
    z-index: 999;
    max-width: calc(100% - 10rem); }
    h1 .type > a {
      position: relative;
      bottom: -0.4375rem;
      font: 600 0.9rem "Lato", serif;
      text-decoration: none;
      flex: 0 0 auto; }
    h1 .type > span,
    h1 .type > ul {
      white-space: nowrap;
      position: relative;
      bottom: -0.4375rem;
      display: inline-block;
      color: #888;
      flex: 0 1 auto;
      overflow: hidden;
      padding-left: 0.5rem;
      text-overflow: ellipsis; }
      h1 .type > span li,
      h1 .type > ul li {
        display: inline-block;
        color: #888;
        font: 600 0.9rem "Lato", serif;
        font-weight: 300; }
        h1 .type > span li:not(:last-child),
        h1 .type > ul li:not(:last-child) {
          margin-right: 0.25rem; }
    h1 .type img {
      float: right;
      margin-top: 0.6rem;
      margin-right: 0.6rem;
      height: 1.8rem;
      width: 1.8rem;
      vertical-align: middle; }
    h1 .type.no-organization {
      margin-top: 0.6rem; }
  h1 .name {
    display: block;
    padding-left: 6.5rem;
    padding-right: 6.5rem;
    padding-bottom: 2px;
    word-wrap: break-word; }
    h1 .name a {
      font: 300 1.5rem "Lato", sans-serif;
      text-decoration: none; }
      h1 .name a:hover {
        text-decoration: none; }
  h1 .actions.dropdown-menu {
    z-index: 99999999;
    position: absolute;
    bottom: auto;
    right: 0;
    top: 0;
    width: 2rem;
    height: 100%;
    margin-left: 0.6rem;
    padding: 0;
    padding-left: 1px;
    border-left: 1px solid magenta; }
    h1 .actions.dropdown-menu button.actions-dropdown {
      display: block;
      cursor: pointer;
      width: 2rem;
      height: calc(50% + 1px);
      background: none;
      background-color: magenta;
      border: 1px solid blue;
      padding: 0; }
      h1 .actions.dropdown-menu button.actions-dropdown svg,
      h1 .actions.dropdown-menu button.actions-dropdown img {
        width: 1.5rem;
        height: 1.5rem;
        vertical-align: middle; }
        h1 .actions.dropdown-menu button.actions-dropdown svg.hover,
        h1 .actions.dropdown-menu button.actions-dropdown img.hover {
          display: none; }
      h1 .actions.dropdown-menu button.actions-dropdown + ul.dropdown-menu-options.options {
        right: 0; }
        h1 .actions.dropdown-menu button.actions-dropdown + ul.dropdown-menu-options.options li {
          border: none; }
          h1 .actions.dropdown-menu button.actions-dropdown + ul.dropdown-menu-options.options li a,
          h1 .actions.dropdown-menu button.actions-dropdown + ul.dropdown-menu-options.options li button,
          h1 .actions.dropdown-menu button.actions-dropdown + ul.dropdown-menu-options.options li input {
            height: auto; }
      h1 .actions.dropdown-menu button.actions-dropdown[disabled] {
        cursor: default;
        pointer-events: none; }
    h1 .actions.dropdown-menu button ~ button.actions-dropdown {
      top: -1px;
      position: relative; }
  h1 nav.dropdown-menu.media-tablet {
    position: absolute;
    right: 0;
    top: 0;
    height: calc(50% + 1px);
    width: 2rem;
    box-shadow: none;
    z-index: 999999999;
    padding: 0; }
    h1 nav.dropdown-menu.media-tablet button.nav-dropdown {
      width: 100%;
      height: 100%;
      border: 1px solid blue;
      background: red;
      padding: 0;
      margin: 0;
      cursor: pointer;
      vertical-align: top; }
      h1 nav.dropdown-menu.media-tablet button.nav-dropdown svg,
      h1 nav.dropdown-menu.media-tablet button.nav-dropdown img {
        width: 1.5rem;
        height: 1.5rem;
        vertical-align: middle; }
        h1 nav.dropdown-menu.media-tablet button.nav-dropdown svg.hover,
        h1 nav.dropdown-menu.media-tablet button.nav-dropdown img.hover {
          display: none; }
      h1 nav.dropdown-menu.media-tablet button.nav-dropdown:hover img {
        display: none; }
      h1 nav.dropdown-menu.media-tablet button.nav-dropdown:hover img.hover {
        display: inline-block; }
    @media (min-width: 641px) {
      h1 nav.dropdown-menu.media-tablet {
        position: relative;
        top: 0;
        left: 0;
        line-height: 1.5rem;
        background-color: #416e77;
        width: 100%;
        border-bottom: 1px solid #092227;
        box-shadow: 0 -2px 5px 0 black;
        height: 1.5rem;
        z-index: 99; }
        h1 nav.dropdown-menu.media-tablet > button {
          display: none; }
        h1 nav.dropdown-menu.media-tablet > ul.dropdown-menu-options {
          height: 1.5rem;
          line-height: 1.5rem;
          display: block; }
          h1 nav.dropdown-menu.media-tablet > ul.dropdown-menu-options li {
            position: relative;
            display: inline-block;
            vertical-align: top;
            overflow: hidden;
            font: 300 0.9rem "Lato", sans-serif;
            height: 1.5rem;
            line-height: 1.5rem; }
            h1 nav.dropdown-menu.media-tablet > ul.dropdown-menu-options li .icon {
              padding-left: 1rem;
              font: 300 0.9rem "Lato", sans-serif;
              min-height: 1.5rem;
              line-height: 1.5rem; }
            h1 nav.dropdown-menu.media-tablet > ul.dropdown-menu-options li a.icon {
              vertical-align: top;
              display: inline-block;
              height: 1.5rem;
              padding-right: 0.75rem;
              font: 300 0.9rem "Lato", sans-serif;
              line-height: 1.5rem;
              position: relative;
              z-index: 9;
              box-sizing: border-box;
              text-decoration: none; }
              h1 nav.dropdown-menu.media-tablet > ul.dropdown-menu-options li a.icon img.hover {
                display: none; }
              h1 nav.dropdown-menu.media-tablet > ul.dropdown-menu-options li a.icon svg,
              h1 nav.dropdown-menu.media-tablet > ul.dropdown-menu-options li a.icon img {
                vertical-align: middle;
                margin-right: 0.5rem;
                margin-bottom: 0;
                width: calc(1.5rem - 0.5rem);
                height: calc(1.5rem - 0.5rem); }
            h1 nav.dropdown-menu.media-tablet > ul.dropdown-menu-options li .after {
              vertical-align: top;
              height: 1.5rem;
              width: 1.5rem;
              line-height: 1.5rem;
              content: '';
              display: inline-block;
              position: absolute;
              right: -0.25rem;
              z-index: 0;
              transform: scaleX(0.5) rotate(45deg); }
            h1 nav.dropdown-menu.media-tablet > ul.dropdown-menu-options li:last-child {
              padding-right: 0.5rem; }
              h1 nav.dropdown-menu.media-tablet > ul.dropdown-menu-options li:last-child .after {
                vertical-align: top;
                height: 1.5rem;
                width: 1.5rem;
                line-height: 1.5rem;
                content: '';
                display: inline-block;
                position: absolute;
                right: -0.25rem;
                z-index: 0;
                transform: scaleX(0.5) rotate(45deg); }
            h1 nav.dropdown-menu.media-tablet > ul.dropdown-menu-options li .before {
              vertical-align: top;
              height: 1.5rem;
              width: 1.5rem;
              line-height: 1.5rem;
              content: '';
              display: inline-block;
              position: absolute;
              left: -0.7rem;
              z-index: 99;
              transform: scaleX(0.5) rotate(45deg); }
            h1 nav.dropdown-menu.media-tablet > ul.dropdown-menu-options li:first-child a.icon {
              padding-left: 0.25rem; }
            h1 nav.dropdown-menu.media-tablet > ul.dropdown-menu-options li:first-child .before {
              display: none; }
            h1 nav.dropdown-menu.media-tablet > ul.dropdown-menu-options li:hover a {
              text-decoration: none; }
              h1 nav.dropdown-menu.media-tablet > ul.dropdown-menu-options li:hover a img {
                display: none; }
              h1 nav.dropdown-menu.media-tablet > ul.dropdown-menu-options li:hover a img.hover {
                display: inline-block; } }
  h1 div.actions.dropdown-menu button.actions-dropdown:hover img {
    display: none; }
  h1 div.actions.dropdown-menu button.actions-dropdown:hover img.hover {
    display: inline-block; }
  h1 .large-icon {
    width: 3.5rem;
    height: 3.5rem;
    margin: 0.625rem;
    position: absolute;
    top: 0;
    left: 1rem; }
    h1 .large-icon.avatar {
      background-color: white;
      width: 4.75rem;
      height: 4.75rem;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0;
      border-right: 0.25rem solid blue;
      object-fit: contain; }
  @media (min-width: 641px) {
    h1 nav ~ .large-icon {
      top: 1.6rem; }
    h1 nav ~ .actions.dropdown-menu {
      top: 1.5rem;
      height: calc(100% - 1.5rem); } }
  h1 .parent,
  h1 .organization {
    display: block;
    font: 400 0.9rem "Lato", serif;
    min-height: 1em;
    padding-left: 6.5rem; }
    h1 .parent:empty,
    h1 .organization:empty {
      height: 0;
      min-height: 0; }
  h1.person .actions {
    width: 168px; }
  h1.person .name, h1.person .type, h1.person .organization {
    padding-left: 6rem; }
  h1 .large-icon + .name,
  h1 .shadow + .name,
  h1 .actions + .name {
    padding-top: 1rem; }
    h1 .large-icon + .name:last-child,
    h1 .shadow + .name:last-child,
    h1 .actions + .name:last-child {
      padding-top: 1.8rem; }
  h1 .version {
    margin-left: 0.6em;
    font: 300 0.7rem "Lato", sans-serif;
    background-color: #2da1b9;
    padding: 0.1em 0.3em;
    border-radius: 0.3em;
    text-align: center;
    border: 1px solid #eaeaea;
    vertical-align: middle;
    display: inline-block; }
    h1 .version + a.published {
      text-indent: -9999px;
      display: inline-block;
      overflow: hidden;
      width: 1rem;
      height: 1rem;
      position: relative;
      margin-left: 0.5rem;
      font: 300 0.7rem "Lato", sans-serif;
      vertical-align: middle; }
      h1 .version + a.published svg {
        height: 1rem;
        width: 1rem;
        position: absolute;
        top: 0;
        left: 0; }
  h1 ul.badges {
    display: inline-block; }
    h1 ul.badges li.badge {
      text-indent: -9999px;
      overflow: hidden;
      width: 20px;
      height: 20px;
      display: inline-block;
      background-size: auto 20px;
      background-repeat: no-repeat;
      vertical-align: middle; }
      h1 ul.badges li.badge.trusted {
        background-image: url "/images/trusted.svg"; }
  h1 .staged-icon {
    cursor: help;
    width: 6.75rem;
    height: 6.75rem;
    position: absolute;
    left: -4.25rem;
    top: -1rem;
    opacity: 0.75;
    z-index: 99; }
    h1 .staged-icon ~ .large-icon {
      left: 3rem; }
    h1 .staged-icon ~ .name, h1 .staged-icon ~ .type, h1 .staged-icon ~ .organization {
      padding-left: 8.5rem; }
    h1 .staged-icon + .help {
      position: absolute;
      z-index: 9;
      display: none;
      top: 0;
      left: 0; }
      h1 .staged-icon + .help p {
        width: auto;
        margin-left: 3rem;
        margin-right: 3rem; }
    h1 .staged-icon:hover + .help {
      display: block; }

h1 + .bar {
  height: 2px;
  margin-top: 1px;
  margin-bottom: 1px;
  background-color: #53455f;
  padding: 0;
  z-index: 99; }

@media (max-width: 450px) {
  h1 {
    min-height: 3rem;
    padding: 0.1rem; }
    h1 svg.large-icon,
    h1 img.large-icon {
      padding: 0;
      width: 2rem;
      height: 2rem;
      left: 0; }
    h1 .type {
      padding: 0;
      height: 1rem;
      font: 400 0.8rem "Marcellus SC", serif;
      padding-left: 3.5rem;
      padding-top: 0.1rem; }
      h1 .type > a {
        bottom: 0;
        font: 400 0.8rem "Marcellus SC", serif; }
      h1 .type > ul {
        bottom: 0; }
        h1 .type > ul li {
          font: 400 0.8rem "Marcellus SC", serif; }
      h1 .type.no-organization {
        margin-top: 0.4rem; }
    h1 .name {
      font: 300 1rem "Lato", sans-serif;
      padding: 0;
      padding-left: 3.5rem;
      height: 1rem;
      position: relative;
      top: -0.15rem; }
      h1 .name a {
        font: 300 1rem "Lato", sans-serif; }
    h1 .large-icon + .name {
      padding-top: 0.75rem; }
    h1 .organization {
      padding: 0;
      padding-left: 3.5rem;
      font: 400 0.7rem "Lato", serif; }
    h1.person .avatar {
      width: 3.25rem;
      height: 3.25rem; }
    h1.person .name,
    h1.person .type,
    h1.person .organization {
      padding-left: 4.25rem; }
    h1 svg.large-icon + .name:last-child,
    h1 img.large-icon + .name:last-child {
      padding-top: 1.3rem; }
    h1 .actions.dropdown-menu button.actions-dropdown img {
      width: 1rem;
      height: 1rem; }
    h1 nav.dropdown-menu.media-tablet button.nav-dropdown svg,
    h1 nav.dropdown-menu.media-tablet button.nav-dropdown img {
      width: 1rem;
      height: 1rem; }
    h1 .staged-icon {
      height: 5.75rem; }
      h1 .staged-icon:hover {
        z-index: 99999999999; }
      h1 .staged-icon + .help {
        z-index: 99999999; }
      h1 .staged-icon ~ .name, h1 .staged-icon ~ .type, h1 .staged-icon ~ .organization {
        padding-left: 6.5rem; } }
/**
 * Styling for tabs within the site.
 */
ul.tabs {
  list-style: none;
  line-height: 1.5rem;
  white-space: nowrap; }
  ul.tabs li.dropdown-menu {
    position: absolute;
    right: 2rem;
    left: auto;
    width: 1rem;
    overflow: visible;
    top: 0;
    z-index: 99999; }
    ul.tabs li.dropdown-menu:last-of-type {
      right: 0; }
    ul.tabs li.dropdown-menu button.dropdown {
      cursor: pointer;
      padding: 0;
      width: 1rem;
      margin: 0;
      top: 0;
      height: 1.6rem;
      border: none;
      border-left: 0.0625rem solid #867387;
      border-right: 0.0625rem solid #867387; }
      ul.tabs li.dropdown-menu button.dropdown svg,
      ul.tabs li.dropdown-menu button.dropdown img {
        width: 1rem;
        height: 1rem;
        top: calc(50% - 0.5rem);
        left: 0;
        position: absolute; }
      ul.tabs li.dropdown-menu button.dropdown img.hover {
        display: none; }
      ul.tabs li.dropdown-menu button.dropdown:hover img.hover {
        display: block; }
    ul.tabs li.dropdown-menu ul.dropdown-menu-options {
      z-index: 99999; }
      ul.tabs li.dropdown-menu ul.dropdown-menu-options li {
        display: block; }
        ul.tabs li.dropdown-menu ul.dropdown-menu-options li button.delete {
          display: none; }
        ul.tabs li.dropdown-menu ul.dropdown-menu-options li img {
          display: none; }
        ul.tabs li.dropdown-menu ul.dropdown-menu-options li img.nav {
          display: block; }
        ul.tabs li.dropdown-menu ul.dropdown-menu-options li img.nav.hover {
          display: none; }
        ul.tabs li.dropdown-menu ul.dropdown-menu-options li:hover img.nav.hover {
          display: block; }

ul.tabs.card-tabs,
span.tabs.card-tabs.documentation {
  margin: 0;
  text-align: left;
  display: block;
  position: relative;
  z-index: 99999;
  border-bottom: 0.125rem solid red; }
  ul.tabs.card-tabs > span.tab,
  ul.tabs.card-tabs > li.tab,
  span.tabs.card-tabs.documentation > span.tab,
  span.tabs.card-tabs.documentation > li.tab {
    position: relative;
    cursor: pointer;
    display: inline-block;
    height: 1.5rem;
    margin: 0;
    padding: 0;
    vertical-align: top;
    border-bottom: 0.125rem solid blue;
    margin-bottom: -0.125rem; }
    ul.tabs.card-tabs > span.tab:first-child,
    ul.tabs.card-tabs > li.tab:first-child,
    span.tabs.card-tabs.documentation > span.tab:first-child,
    span.tabs.card-tabs.documentation > li.tab:first-child {
      border-left: none; }
    ul.tabs.card-tabs > span.tab > a,
    ul.tabs.card-tabs > li.tab > a,
    span.tabs.card-tabs.documentation > span.tab > a,
    span.tabs.card-tabs.documentation > li.tab > a {
      border-left: 0.0625rem solid transparent;
      border-right: 0.0625rem solid transparent;
      text-decoration: none;
      display: inline-block;
      height: 1.5rem;
      padding: 0.1rem 0.3rem;
      padding-top: 0.1875REM;
      font: normal 0.78rem "Lato", sans-serif;
      text-align: center;
      line-height: 1.25rem;
      box-sizing: border-box; }
    ul.tabs.card-tabs > span.tab > a:hover,
    ul.tabs.card-tabs > li.tab > a:hover,
    span.tabs.card-tabs.documentation > span.tab > a:hover,
    span.tabs.card-tabs.documentation > li.tab > a:hover {
      text-decoration: none; }
    ul.tabs.card-tabs > span.tab.active,
    ul.tabs.card-tabs > li.tab.active,
    span.tabs.card-tabs.documentation > span.tab.active,
    span.tabs.card-tabs.documentation > li.tab.active {
      border-left: 0.0625rem solid #96659c;
      border-right: 0.0625rem solid #96659c;
      z-index: 999;
      border-bottom: 0.125rem solid blue; }
      ul.tabs.card-tabs > span.tab.active:first-child,
      ul.tabs.card-tabs > li.tab.active:first-child,
      span.tabs.card-tabs.documentation > span.tab.active:first-child,
      span.tabs.card-tabs.documentation > li.tab.active:first-child {
        border-left: none; }
      ul.tabs.card-tabs > span.tab.active > a,
      ul.tabs.card-tabs > li.tab.active > a,
      span.tabs.card-tabs.documentation > span.tab.active > a,
      span.tabs.card-tabs.documentation > li.tab.active > a {
        font: 1000 0.78rem "Lato", sans-serif;
        line-height: 1.25rem; }
      ul.tabs.card-tabs > span.tab.active:first-child, ul.tabs.card-tabs > span.tab.active:hover:first-child,
      ul.tabs.card-tabs > li.tab.active:first-child,
      ul.tabs.card-tabs > li.tab.active:hover:first-child,
      span.tabs.card-tabs.documentation > span.tab.active:first-child,
      span.tabs.card-tabs.documentation > span.tab.active:hover:first-child,
      span.tabs.card-tabs.documentation > li.tab.active:first-child,
      span.tabs.card-tabs.documentation > li.tab.active:hover:first-child {
        margin-left: 0; }
  ul.tabs.card-tabs ~ * ul.tabs.card-tabs,
  span.tabs.card-tabs.documentation ~ * ul.tabs.card-tabs {
    z-index: 99999; }
    ul.tabs.card-tabs ~ * ul.tabs.card-tabs > li.tab.active,
    span.tabs.card-tabs.documentation ~ * ul.tabs.card-tabs > li.tab.active {
      border-bottom: 0.125rem solid red; }
  ul.tabs.card-tabs.documentation,
  span.tabs.card-tabs.documentation.documentation {
    display: inline-block;
    height: 1.4rem;
    line-height: 1.4rem; }
    ul.tabs.card-tabs.documentation > .tab,
    span.tabs.card-tabs.documentation.documentation > .tab {
      height: 1.4rem;
      line-height: 1.4rem; }
      ul.tabs.card-tabs.documentation > .tab > a,
      span.tabs.card-tabs.documentation.documentation > .tab > a {
        height: 1.4rem;
        line-height: 1.4rem;
        vertical-align: text-bottom; }
  ul.tabs.card-tabs > span.tab.sidebar,
  ul.tabs.card-tabs > li.tab.sidebar,
  span.tabs.card-tabs.documentation > span.tab.sidebar,
  span.tabs.card-tabs.documentation > li.tab.sidebar {
    position: absolute;
    top: 0;
    right: 0;
    width: 2rem;
    height: 100%;
    border-left: 0.0625rem solid #867387;
    box-shadow: 0 0 0.5rem 0.125rem #ebcaec inset;
    box-shadow: 0 0 0.5rem 0.125rem #8c778e inset;
    background: #feefff;
    z-index: 999; }
    ul.tabs.card-tabs > span.tab.sidebar.disabled,
    ul.tabs.card-tabs > li.tab.sidebar.disabled,
    span.tabs.card-tabs.documentation > span.tab.sidebar.disabled,
    span.tabs.card-tabs.documentation > li.tab.sidebar.disabled {
      opacity: 0.25; }
    ul.tabs.card-tabs > span.tab.sidebar > a,
    ul.tabs.card-tabs > span.tab.sidebar > button,
    ul.tabs.card-tabs > li.tab.sidebar > a,
    ul.tabs.card-tabs > li.tab.sidebar > button,
    span.tabs.card-tabs.documentation > span.tab.sidebar > a,
    span.tabs.card-tabs.documentation > span.tab.sidebar > button,
    span.tabs.card-tabs.documentation > li.tab.sidebar > a,
    span.tabs.card-tabs.documentation > li.tab.sidebar > button {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      text-indent: -9999px;
      text-align: left;
      background-repeat: no-repeat;
      background-position: 0.8rem 50%;
      background-size: 1.4rem; }
      ul.tabs.card-tabs > span.tab.sidebar > a svg,
      ul.tabs.card-tabs > span.tab.sidebar > a img,
      ul.tabs.card-tabs > span.tab.sidebar > button svg,
      ul.tabs.card-tabs > span.tab.sidebar > button img,
      ul.tabs.card-tabs > li.tab.sidebar > a svg,
      ul.tabs.card-tabs > li.tab.sidebar > a img,
      ul.tabs.card-tabs > li.tab.sidebar > button svg,
      ul.tabs.card-tabs > li.tab.sidebar > button img,
      span.tabs.card-tabs.documentation > span.tab.sidebar > a svg,
      span.tabs.card-tabs.documentation > span.tab.sidebar > a img,
      span.tabs.card-tabs.documentation > span.tab.sidebar > button svg,
      span.tabs.card-tabs.documentation > span.tab.sidebar > button img,
      span.tabs.card-tabs.documentation > li.tab.sidebar > a svg,
      span.tabs.card-tabs.documentation > li.tab.sidebar > a img,
      span.tabs.card-tabs.documentation > li.tab.sidebar > button svg,
      span.tabs.card-tabs.documentation > li.tab.sidebar > button img {
        height: 1.25rem;
        width: 1.25rem;
        top: 0.125rem;
        left: 0.4rem;
        position: absolute; }
        ul.tabs.card-tabs > span.tab.sidebar > a svg.active,
        ul.tabs.card-tabs > span.tab.sidebar > a img.active,
        ul.tabs.card-tabs > span.tab.sidebar > button svg.active,
        ul.tabs.card-tabs > span.tab.sidebar > button img.active,
        ul.tabs.card-tabs > li.tab.sidebar > a svg.active,
        ul.tabs.card-tabs > li.tab.sidebar > a img.active,
        ul.tabs.card-tabs > li.tab.sidebar > button svg.active,
        ul.tabs.card-tabs > li.tab.sidebar > button img.active,
        span.tabs.card-tabs.documentation > span.tab.sidebar > a svg.active,
        span.tabs.card-tabs.documentation > span.tab.sidebar > a img.active,
        span.tabs.card-tabs.documentation > span.tab.sidebar > button svg.active,
        span.tabs.card-tabs.documentation > span.tab.sidebar > button img.active,
        span.tabs.card-tabs.documentation > li.tab.sidebar > a svg.active,
        span.tabs.card-tabs.documentation > li.tab.sidebar > a img.active,
        span.tabs.card-tabs.documentation > li.tab.sidebar > button svg.active,
        span.tabs.card-tabs.documentation > li.tab.sidebar > button img.active {
          display: block; }
      ul.tabs.card-tabs > span.tab.sidebar > a .arrow,
      ul.tabs.card-tabs > span.tab.sidebar > button .arrow,
      ul.tabs.card-tabs > li.tab.sidebar > a .arrow,
      ul.tabs.card-tabs > li.tab.sidebar > button .arrow,
      span.tabs.card-tabs.documentation > span.tab.sidebar > a .arrow,
      span.tabs.card-tabs.documentation > span.tab.sidebar > button .arrow,
      span.tabs.card-tabs.documentation > li.tab.sidebar > a .arrow,
      span.tabs.card-tabs.documentation > li.tab.sidebar > button .arrow {
        width: 0.6rem;
        height: 0.6rem;
        transform: rotate(45deg);
        position: absolute;
        left: -0.35rem;
        top: calc(50% - 0.3rem);
        background: transparent;
        box-sizing: border-box;
        border: 0.125rem solid #867387;
        border-right-color: transparent;
        border-top-color: transparent; }
        ul.tabs.card-tabs > span.tab.sidebar > a .arrow + .arrow,
        ul.tabs.card-tabs > span.tab.sidebar > button .arrow + .arrow,
        ul.tabs.card-tabs > li.tab.sidebar > a .arrow + .arrow,
        ul.tabs.card-tabs > li.tab.sidebar > button .arrow + .arrow,
        span.tabs.card-tabs.documentation > span.tab.sidebar > a .arrow + .arrow,
        span.tabs.card-tabs.documentation > span.tab.sidebar > button .arrow + .arrow,
        span.tabs.card-tabs.documentation > li.tab.sidebar > a .arrow + .arrow,
        span.tabs.card-tabs.documentation > li.tab.sidebar > button .arrow + .arrow {
          background: #ba99bb;
          border: none;
          left: calc(-0.35rem + 0.125rem);
          overflow: hidden; }
          ul.tabs.card-tabs > span.tab.sidebar > a .arrow + .arrow::before, ul.tabs.card-tabs > span.tab.sidebar > a .arrow + .arrow::after,
          ul.tabs.card-tabs > span.tab.sidebar > button .arrow + .arrow::before,
          ul.tabs.card-tabs > span.tab.sidebar > button .arrow + .arrow::after,
          ul.tabs.card-tabs > li.tab.sidebar > a .arrow + .arrow::before,
          ul.tabs.card-tabs > li.tab.sidebar > a .arrow + .arrow::after,
          ul.tabs.card-tabs > li.tab.sidebar > button .arrow + .arrow::before,
          ul.tabs.card-tabs > li.tab.sidebar > button .arrow + .arrow::after,
          span.tabs.card-tabs.documentation > span.tab.sidebar > a .arrow + .arrow::before,
          span.tabs.card-tabs.documentation > span.tab.sidebar > a .arrow + .arrow::after,
          span.tabs.card-tabs.documentation > span.tab.sidebar > button .arrow + .arrow::before,
          span.tabs.card-tabs.documentation > span.tab.sidebar > button .arrow + .arrow::after,
          span.tabs.card-tabs.documentation > li.tab.sidebar > a .arrow + .arrow::before,
          span.tabs.card-tabs.documentation > li.tab.sidebar > a .arrow + .arrow::after,
          span.tabs.card-tabs.documentation > li.tab.sidebar > button .arrow + .arrow::before,
          span.tabs.card-tabs.documentation > li.tab.sidebar > button .arrow + .arrow::after {
            content: '';
            position: absolute;
            background: blue;
            top: 0;
            left: calc(-0.7rem + 0.125rem);
            width: calc(0.7rem - 0.125rem);
            height: calc(0.7rem - 0.125rem); }
          ul.tabs.card-tabs > span.tab.sidebar > a .arrow + .arrow::after,
          ul.tabs.card-tabs > span.tab.sidebar > button .arrow + .arrow::after,
          ul.tabs.card-tabs > li.tab.sidebar > a .arrow + .arrow::after,
          ul.tabs.card-tabs > li.tab.sidebar > button .arrow + .arrow::after,
          span.tabs.card-tabs.documentation > span.tab.sidebar > a .arrow + .arrow::after,
          span.tabs.card-tabs.documentation > span.tab.sidebar > button .arrow + .arrow::after,
          span.tabs.card-tabs.documentation > li.tab.sidebar > a .arrow + .arrow::after,
          span.tabs.card-tabs.documentation > li.tab.sidebar > button .arrow + .arrow::after {
            top: 0.6rem;
            left: 0; }
    ul.tabs.card-tabs > span.tab.sidebar.reveal,
    ul.tabs.card-tabs > li.tab.sidebar.reveal,
    span.tabs.card-tabs.documentation > span.tab.sidebar.reveal,
    span.tabs.card-tabs.documentation > li.tab.sidebar.reveal {
      box-shadow: none;
      background: white; }
      ul.tabs.card-tabs > span.tab.sidebar.reveal > a svg,
      ul.tabs.card-tabs > span.tab.sidebar.reveal > a img,
      ul.tabs.card-tabs > span.tab.sidebar.reveal > button svg,
      ul.tabs.card-tabs > span.tab.sidebar.reveal > button img,
      ul.tabs.card-tabs > li.tab.sidebar.reveal > a svg,
      ul.tabs.card-tabs > li.tab.sidebar.reveal > a img,
      ul.tabs.card-tabs > li.tab.sidebar.reveal > button svg,
      ul.tabs.card-tabs > li.tab.sidebar.reveal > button img,
      span.tabs.card-tabs.documentation > span.tab.sidebar.reveal > a svg,
      span.tabs.card-tabs.documentation > span.tab.sidebar.reveal > a img,
      span.tabs.card-tabs.documentation > span.tab.sidebar.reveal > button svg,
      span.tabs.card-tabs.documentation > span.tab.sidebar.reveal > button img,
      span.tabs.card-tabs.documentation > li.tab.sidebar.reveal > a svg,
      span.tabs.card-tabs.documentation > li.tab.sidebar.reveal > a img,
      span.tabs.card-tabs.documentation > li.tab.sidebar.reveal > button svg,
      span.tabs.card-tabs.documentation > li.tab.sidebar.reveal > button img {
        display: block; }
        ul.tabs.card-tabs > span.tab.sidebar.reveal > a svg.active,
        ul.tabs.card-tabs > span.tab.sidebar.reveal > a img.active,
        ul.tabs.card-tabs > span.tab.sidebar.reveal > button svg.active,
        ul.tabs.card-tabs > span.tab.sidebar.reveal > button img.active,
        ul.tabs.card-tabs > li.tab.sidebar.reveal > a svg.active,
        ul.tabs.card-tabs > li.tab.sidebar.reveal > a img.active,
        ul.tabs.card-tabs > li.tab.sidebar.reveal > button svg.active,
        ul.tabs.card-tabs > li.tab.sidebar.reveal > button img.active,
        span.tabs.card-tabs.documentation > span.tab.sidebar.reveal > a svg.active,
        span.tabs.card-tabs.documentation > span.tab.sidebar.reveal > a img.active,
        span.tabs.card-tabs.documentation > span.tab.sidebar.reveal > button svg.active,
        span.tabs.card-tabs.documentation > span.tab.sidebar.reveal > button img.active,
        span.tabs.card-tabs.documentation > li.tab.sidebar.reveal > a svg.active,
        span.tabs.card-tabs.documentation > li.tab.sidebar.reveal > a img.active,
        span.tabs.card-tabs.documentation > li.tab.sidebar.reveal > button svg.active,
        span.tabs.card-tabs.documentation > li.tab.sidebar.reveal > button img.active {
          display: none; }
    ul.tabs.card-tabs > span.tab.sidebar + li.tab,
    ul.tabs.card-tabs > li.tab.sidebar + li.tab,
    span.tabs.card-tabs.documentation > span.tab.sidebar + li.tab,
    span.tabs.card-tabs.documentation > li.tab.sidebar + li.tab {
      margin-left: 0; }
    ul.tabs.card-tabs > span.tab.sidebar:first-child,
    ul.tabs.card-tabs > li.tab.sidebar:first-child,
    span.tabs.card-tabs.documentation > span.tab.sidebar:first-child,
    span.tabs.card-tabs.documentation > li.tab.sidebar:first-child {
      position: relative;
      right: auto;
      left: 0;
      z-index: 9999;
      border-left: none;
      border-right: 0.0625rem solid #867387; }
      ul.tabs.card-tabs > span.tab.sidebar:first-child > a .arrow,
      ul.tabs.card-tabs > span.tab.sidebar:first-child > button .arrow,
      ul.tabs.card-tabs > li.tab.sidebar:first-child > a .arrow,
      ul.tabs.card-tabs > li.tab.sidebar:first-child > button .arrow,
      span.tabs.card-tabs.documentation > span.tab.sidebar:first-child > a .arrow,
      span.tabs.card-tabs.documentation > span.tab.sidebar:first-child > button .arrow,
      span.tabs.card-tabs.documentation > li.tab.sidebar:first-child > a .arrow,
      span.tabs.card-tabs.documentation > li.tab.sidebar:first-child > button .arrow {
        transform: rotate(-135deg);
        left: auto;
        right: -0.35rem; }
      ul.tabs.card-tabs > span.tab.sidebar:first-child + li.tab,
      ul.tabs.card-tabs > li.tab.sidebar:first-child + li.tab,
      span.tabs.card-tabs.documentation > span.tab.sidebar:first-child + li.tab,
      span.tabs.card-tabs.documentation > li.tab.sidebar:first-child + li.tab {
        padding-left: 0.35rem;
        border-left: none; }
    ul.tabs.card-tabs > span.tab.sidebar.reveal > a .arrow, ul.tabs.card-tabs > span.tab.sidebar.reveal > button .arrow,
    ul.tabs.card-tabs > li.tab.sidebar.reveal > a .arrow,
    ul.tabs.card-tabs > li.tab.sidebar.reveal > button .arrow,
    span.tabs.card-tabs.documentation > span.tab.sidebar.reveal > a .arrow,
    span.tabs.card-tabs.documentation > span.tab.sidebar.reveal > button .arrow,
    span.tabs.card-tabs.documentation > li.tab.sidebar.reveal > a .arrow,
    span.tabs.card-tabs.documentation > li.tab.sidebar.reveal > button .arrow {
      box-shadow: none; }
      ul.tabs.card-tabs > span.tab.sidebar.reveal > a .arrow + .arrow, ul.tabs.card-tabs > span.tab.sidebar.reveal > button .arrow + .arrow,
      ul.tabs.card-tabs > li.tab.sidebar.reveal > a .arrow + .arrow,
      ul.tabs.card-tabs > li.tab.sidebar.reveal > button .arrow + .arrow,
      span.tabs.card-tabs.documentation > span.tab.sidebar.reveal > a .arrow + .arrow,
      span.tabs.card-tabs.documentation > span.tab.sidebar.reveal > button .arrow + .arrow,
      span.tabs.card-tabs.documentation > li.tab.sidebar.reveal > a .arrow + .arrow,
      span.tabs.card-tabs.documentation > li.tab.sidebar.reveal > button .arrow + .arrow {
        box-shadow: none;
        background: white; }
    ul.tabs.card-tabs > span.tab.sidebar:first-child > button .arrow + .arrow, ul.tabs.card-tabs > span.tab.sidebar:first-child > a .arrow + .arrow,
    ul.tabs.card-tabs > li.tab.sidebar:first-child > button .arrow + .arrow,
    ul.tabs.card-tabs > li.tab.sidebar:first-child > a .arrow + .arrow,
    span.tabs.card-tabs.documentation > span.tab.sidebar:first-child > button .arrow + .arrow,
    span.tabs.card-tabs.documentation > span.tab.sidebar:first-child > a .arrow + .arrow,
    span.tabs.card-tabs.documentation > li.tab.sidebar:first-child > button .arrow + .arrow,
    span.tabs.card-tabs.documentation > li.tab.sidebar:first-child > a .arrow + .arrow {
      left: auto;
      right: calc(-0.35rem + 0.125rem); }
      ul.tabs.card-tabs > span.tab.sidebar:first-child > button .arrow + .arrow::before, ul.tabs.card-tabs > span.tab.sidebar:first-child > button .arrow + .arrow::after, ul.tabs.card-tabs > span.tab.sidebar:first-child > a .arrow + .arrow::before, ul.tabs.card-tabs > span.tab.sidebar:first-child > a .arrow + .arrow::after,
      ul.tabs.card-tabs > li.tab.sidebar:first-child > button .arrow + .arrow::before,
      ul.tabs.card-tabs > li.tab.sidebar:first-child > button .arrow + .arrow::after,
      ul.tabs.card-tabs > li.tab.sidebar:first-child > a .arrow + .arrow::before,
      ul.tabs.card-tabs > li.tab.sidebar:first-child > a .arrow + .arrow::after,
      span.tabs.card-tabs.documentation > span.tab.sidebar:first-child > button .arrow + .arrow::before,
      span.tabs.card-tabs.documentation > span.tab.sidebar:first-child > button .arrow + .arrow::after,
      span.tabs.card-tabs.documentation > span.tab.sidebar:first-child > a .arrow + .arrow::before,
      span.tabs.card-tabs.documentation > span.tab.sidebar:first-child > a .arrow + .arrow::after,
      span.tabs.card-tabs.documentation > li.tab.sidebar:first-child > button .arrow + .arrow::before,
      span.tabs.card-tabs.documentation > li.tab.sidebar:first-child > button .arrow + .arrow::after,
      span.tabs.card-tabs.documentation > li.tab.sidebar:first-child > a .arrow + .arrow::before,
      span.tabs.card-tabs.documentation > li.tab.sidebar:first-child > a .arrow + .arrow::after {
        right: calc(-0.7rem + 0.125rem);
        width: calc(0.7rem - 0.125rem);
        height: calc(0.7rem - 0.125rem); }
      ul.tabs.card-tabs > span.tab.sidebar:first-child > button .arrow + .arrow::after, ul.tabs.card-tabs > span.tab.sidebar:first-child > a .arrow + .arrow::after,
      ul.tabs.card-tabs > li.tab.sidebar:first-child > button .arrow + .arrow::after,
      ul.tabs.card-tabs > li.tab.sidebar:first-child > a .arrow + .arrow::after,
      span.tabs.card-tabs.documentation > span.tab.sidebar:first-child > button .arrow + .arrow::after,
      span.tabs.card-tabs.documentation > span.tab.sidebar:first-child > a .arrow + .arrow::after,
      span.tabs.card-tabs.documentation > li.tab.sidebar:first-child > button .arrow + .arrow::after,
      span.tabs.card-tabs.documentation > li.tab.sidebar:first-child > a .arrow + .arrow::after {
        left: auto;
        right: 0; }

div.tab-panels.card.filled.flex,
ul.tab-panels.card.filled.flex {
  overflow: hidden; }
div.tab-panels div.tab-panel,
div.tab-panels form.tab-panel,
div.tab-panels li.tab-panel,
ul.tab-panels div.tab-panel,
ul.tab-panels form.tab-panel,
ul.tab-panels li.tab-panel {
  position: relative;
  display: none;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto; }
  div.tab-panels div.tab-panel.flex,
  div.tab-panels form.tab-panel.flex,
  div.tab-panels li.tab-panel.flex,
  ul.tab-panels div.tab-panel.flex,
  ul.tab-panels form.tab-panel.flex,
  ul.tab-panels li.tab-panel.flex {
    display: none; }
  div.tab-panels div.tab-panel.filled,
  div.tab-panels form.tab-panel.filled,
  div.tab-panels li.tab-panel.filled,
  ul.tab-panels div.tab-panel.filled,
  ul.tab-panels form.tab-panel.filled,
  ul.tab-panels li.tab-panel.filled {
    overflow: hidden; }
  div.tab-panels div.tab-panel.horizontal,
  div.tab-panels form.tab-panel.horizontal,
  div.tab-panels li.tab-panel.horizontal,
  ul.tab-panels div.tab-panel.horizontal,
  ul.tab-panels form.tab-panel.horizontal,
  ul.tab-panels li.tab-panel.horizontal {
    flex-direction: row; }
    div.tab-panels div.tab-panel.horizontal .card:not(.sidebar):not([hidden]) + .card,
    div.tab-panels form.tab-panel.horizontal .card:not(.sidebar):not([hidden]) + .card,
    div.tab-panels li.tab-panel.horizontal .card:not(.sidebar):not([hidden]) + .card,
    ul.tab-panels div.tab-panel.horizontal .card:not(.sidebar):not([hidden]) + .card,
    ul.tab-panels form.tab-panel.horizontal .card:not(.sidebar):not([hidden]) + .card,
    ul.tab-panels li.tab-panel.horizontal .card:not(.sidebar):not([hidden]) + .card {
      margin-top: 0;
      margin-left: 0.125rem; }
    @media (max-width: 1000px) {
      div.tab-panels div.tab-panel.horizontal.responsive-fit,
      div.tab-panels form.tab-panel.horizontal.responsive-fit,
      div.tab-panels li.tab-panel.horizontal.responsive-fit,
      ul.tab-panels div.tab-panel.horizontal.responsive-fit,
      ul.tab-panels form.tab-panel.horizontal.responsive-fit,
      ul.tab-panels li.tab-panel.horizontal.responsive-fit {
        flex-direction: column; }
        div.tab-panels div.tab-panel.horizontal.responsive-fit .card:not(.sidebar):not([hidden]) + .card,
        div.tab-panels form.tab-panel.horizontal.responsive-fit .card:not(.sidebar):not([hidden]) + .card,
        div.tab-panels li.tab-panel.horizontal.responsive-fit .card:not(.sidebar):not([hidden]) + .card,
        ul.tab-panels div.tab-panel.horizontal.responsive-fit .card:not(.sidebar):not([hidden]) + .card,
        ul.tab-panels form.tab-panel.horizontal.responsive-fit .card:not(.sidebar):not([hidden]) + .card,
        ul.tab-panels li.tab-panel.horizontal.responsive-fit .card:not(.sidebar):not([hidden]) + .card {
          margin-top: 0.125rem;
          margin-left: 0; } }
    @media (max-width: 640px) {
      div.tab-panels div.tab-panel.horizontal,
      div.tab-panels form.tab-panel.horizontal,
      div.tab-panels li.tab-panel.horizontal,
      ul.tab-panels div.tab-panel.horizontal,
      ul.tab-panels form.tab-panel.horizontal,
      ul.tab-panels li.tab-panel.horizontal {
        flex-direction: column; } }
  div.tab-panels div.tab-panel.cards,
  div.tab-panels form.tab-panel.cards,
  div.tab-panels li.tab-panel.cards,
  ul.tab-panels div.tab-panel.cards,
  ul.tab-panels form.tab-panel.cards,
  ul.tab-panels li.tab-panel.cards {
    margin-bottom: -0.125rem; }
  div.tab-panels div.tab-panel.default, div.tab-panels div.tab-panel.active, div.tab-panels div.tab-panel.active.flex,
  div.tab-panels form.tab-panel.default,
  div.tab-panels form.tab-panel.active,
  div.tab-panels form.tab-panel.active.flex,
  div.tab-panels li.tab-panel.default,
  div.tab-panels li.tab-panel.active,
  div.tab-panels li.tab-panel.active.flex,
  ul.tab-panels div.tab-panel.default,
  ul.tab-panels div.tab-panel.active,
  ul.tab-panels div.tab-panel.active.flex,
  ul.tab-panels form.tab-panel.default,
  ul.tab-panels form.tab-panel.active,
  ul.tab-panels form.tab-panel.active.flex,
  ul.tab-panels li.tab-panel.default,
  ul.tab-panels li.tab-panel.active,
  ul.tab-panels li.tab-panel.active.flex {
    display: flex; }
  div.tab-panels div.tab-panel.active ~ .default,
  div.tab-panels form.tab-panel.active ~ .default,
  div.tab-panels li.tab-panel.active ~ .default,
  ul.tab-panels div.tab-panel.active ~ .default,
  ul.tab-panels form.tab-panel.active ~ .default,
  ul.tab-panels li.tab-panel.active ~ .default {
    display: none; }

/**
 * Tab-bar styling.
 *
 * These are secondary tabs.
 */
.card > ul.tabs.tab-bar {
  display: block;
  overflow: visible;
  flex: 0 0 auto;
  height: 2.5rem;
  background-color: white;
  position: relative;
  z-index: 999999;
  box-sizing: border-box;
  text-align: left;
  line-height: 0;
  counter-reset: stepCounter; }
  .card > ul.tabs.tab-bar.overlay-open {
    z-index: 99999999; }
  .card > ul.tabs.tab-bar > span {
    display: inline-block;
    height: 2.5rem;
    vertical-align: top;
    font: 300 1rem "Open Sans", sans-serif;
    line-height: 2.5rem;
    padding-right: 0.75rem; }
  .card > ul.tabs.tab-bar span.separator {
    display: inline-block;
    width: 0;
    height: calc(100% - 0.5rem);
    border-left: 1px solid #f1f1f1;
    padding-right: 0.75rem;
    margin-top: 0.25rem; }
  .card > ul.tabs.tab-bar .button + span.separator {
    margin-left: 0.25rem; }
  .card > ul.tabs.tab-bar li.tab + span.separator {
    margin-left: 0.5rem; }
  .card > ul.tabs.tab-bar > svg,
  .card > ul.tabs.tab-bar > img {
    width: 1.5rem;
    height: 1.5rem;
    margin-top: 0.5rem;
    margin-right: 0.5rem;
    vertical-align: top; }
    .card > ul.tabs.tab-bar > svg:first-child,
    .card > ul.tabs.tab-bar > img:first-child {
      margin-left: 0.75rem; }
  .card > ul.tabs.tab-bar > :first-child[hidden] + svg,
  .card > ul.tabs.tab-bar > :first-child[hidden] + img {
    margin-left: 0.75rem; }
  .card > ul.tabs.tab-bar > .selector {
    margin: 0;
    margin-top: 0.25rem;
    margin-right: 0.75rem; }
  .card > ul.tabs.tab-bar > input,
  .card > ul.tabs.tab-bar > .button {
    height: 2rem;
    line-height: 0;
    box-sizing: border-box;
    vertical-align: top;
    margin-top: 0.25rem;
    margin-right: 0.75rem; }
  .card > ul.tabs.tab-bar > input:not(.button) {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    width: 16rem;
    margin-right: 0.5rem; }
  .card > ul.tabs.tab-bar > button.button,
  .card > ul.tabs.tab-bar > a.button {
    margin-left: 0;
    padding: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    line-height: 1.75rem;
    width: 16rem; }
    .card > ul.tabs.tab-bar > button.button:first-child,
    .card > ul.tabs.tab-bar > a.button:first-child {
      margin-left: 0.5rem; }
  .card > ul.tabs.tab-bar > button.button.icon,
  .card > ul.tabs.tab-bar > a.button.icon {
    text-align: center;
    padding: 0.3rem;
    width: 2rem;
    margin-right: 0.5rem;
    position: relative;
    box-sizing: border-box; }
    .card > ul.tabs.tab-bar > button.button.icon svg,
    .card > ul.tabs.tab-bar > button.button.icon img,
    .card > ul.tabs.tab-bar > a.button.icon svg,
    .card > ul.tabs.tab-bar > a.button.icon img {
      width: 1.25rem;
      height: 1.25rem;
      position: absolute;
      left: calc(0.375rem - 1px);
      top: calc(0.375rem - 1px); }
      .card > ul.tabs.tab-bar > button.button.icon svg.hover,
      .card > ul.tabs.tab-bar > button.button.icon img.hover,
      .card > ul.tabs.tab-bar > a.button.icon svg.hover,
      .card > ul.tabs.tab-bar > a.button.icon img.hover {
        display: none; }
      .card > ul.tabs.tab-bar > button.button.icon svg.disabled,
      .card > ul.tabs.tab-bar > button.button.icon img.disabled,
      .card > ul.tabs.tab-bar > a.button.icon svg.disabled,
      .card > ul.tabs.tab-bar > a.button.icon img.disabled {
        display: none; }
  .card > ul.tabs.tab-bar > h2 {
    font: 300 1rem "Open Sans", sans-serif;
    height: 2.5rem;
    padding: 0 0.5rem;
    margin: 0;
    line-height: 2.5rem; }
  .card > ul.tabs.tab-bar > li.close {
    background-image: url "/images/dynamic/hex/999999/icons/ui/remove.svg";
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 70%;
    border-radius: 50%;
    border: 1px solid #999;
    cursor: pointer;
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    z-index: 9999999;
    width: 1.5rem;
    height: 1.5rem;
    overflow: hidden;
    text-indent: -9999px; }
  .card > ul.tabs.tab-bar > li.tab {
    margin-top: 0.25rem;
    padding-left: 0.25rem;
    display: inline-block;
    color: #aaa;
    font: 300 1rem "Open Sans", sans-serif;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    cursor: pointer;
    vertical-align: top; }
    .card > ul.tabs.tab-bar > li.tab > a {
      cursor: pointer;
      margin-top: 0;
      padding: 0 0.5rem;
      height: 1.8rem;
      line-height: 2rem;
      border-bottom: 0.2rem solid transparent;
      text-decoration: none;
      display: inline-block;
      position: relative; }
      .card > ul.tabs.tab-bar > li.tab > a.icon {
        padding-left: 2rem;
        background-repeat: no-repeat;
        background-size: 1.5rem 1.5rem;
        background-position: 0.25rem calc(50% + 0.1rem); }
        .card > ul.tabs.tab-bar > li.tab > a.icon svg,
        .card > ul.tabs.tab-bar > li.tab > a.icon img {
          position: absolute;
          left: 0.225rem;
          top: 0.375rem;
          width: 1.25rem;
          height: 1.25rem; }
          .card > ul.tabs.tab-bar > li.tab > a.icon svg.hover,
          .card > ul.tabs.tab-bar > li.tab > a.icon img.hover {
            display: none; }
          .card > ul.tabs.tab-bar > li.tab > a.icon svg.active,
          .card > ul.tabs.tab-bar > li.tab > a.icon img.active {
            display: none; }
    .card > ul.tabs.tab-bar > li.tab:hover > a {
      text-decoration: none; }
    .card > ul.tabs.tab-bar > li.tab:first-child {
      margin-left: 0; }
    .card > ul.tabs.tab-bar > li.tab:not(:last-child) {
      padding-right: 0.25rem; }
    .card > ul.tabs.tab-bar > li.tab:not(.sidebar):first-of-type {
      padding-left: 0.5rem; }
    .card > ul.tabs.tab-bar > li.tab.active > a {
      color: #777;
      font-weight: bold;
      border-bottom: 0.2rem solid #d7b6d8; }
    .card > ul.tabs.tab-bar > li.tab[disabled] {
      cursor: default;
      opacity: 0.75; }
      .card > ul.tabs.tab-bar > li.tab[disabled] a {
        cursor: default; }
        .card > ul.tabs.tab-bar > li.tab[disabled] a svg {
          opacity: 0.5; }
    .card > ul.tabs.tab-bar > li.tab.sidebar {
      border: none;
      margin-top: 0;
      position: absolute;
      top: 0;
      right: 0;
      width: 2.5rem;
      height: 100%;
      border-left: 1px solid magenta;
      overflow: visible; }
      .card > ul.tabs.tab-bar > li.tab.sidebar:not([hidden]) + * {
        margin-left: 3.75rem; }
      .card > ul.tabs.tab-bar > li.tab.sidebar:not([hidden]) + li.tab {
        padding-left: 0; }
      .card > ul.tabs.tab-bar > li.tab.sidebar > a,
      .card > ul.tabs.tab-bar > li.tab.sidebar > button {
        border: none;
        height: 100%;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        text-indent: -9999px;
        background-repeat: no-repeat;
        background-position: 0.8rem 50%;
        background-size: 1.4rem; }
        .card > ul.tabs.tab-bar > li.tab.sidebar > a svg,
        .card > ul.tabs.tab-bar > li.tab.sidebar > a img,
        .card > ul.tabs.tab-bar > li.tab.sidebar > button svg,
        .card > ul.tabs.tab-bar > li.tab.sidebar > button img {
          height: 1.5rem;
          width: 1.5rem;
          top: 0.5rem;
          left: 0.5rem;
          position: absolute; }
          .card > ul.tabs.tab-bar > li.tab.sidebar > a svg.active,
          .card > ul.tabs.tab-bar > li.tab.sidebar > a img.active,
          .card > ul.tabs.tab-bar > li.tab.sidebar > button svg.active,
          .card > ul.tabs.tab-bar > li.tab.sidebar > button img.active {
            display: block; }
        .card > ul.tabs.tab-bar > li.tab.sidebar > a .arrow,
        .card > ul.tabs.tab-bar > li.tab.sidebar > button .arrow {
          width: 1rem;
          height: 1rem;
          transform: rotate(45deg);
          position: absolute;
          left: -0.5rem;
          top: calc(50% - 0.5rem);
          background: transparent;
          box-sizing: border-box;
          border: 2px solid magenta;
          border-right-color: transparent;
          border-top-color: transparent; }
          .card > ul.tabs.tab-bar > li.tab.sidebar > a .arrow + .arrow,
          .card > ul.tabs.tab-bar > li.tab.sidebar > button .arrow + .arrow {
            background: #ba99bb;
            border: none;
            left: calc(-0.5rem + 2px);
            overflow: hidden; }
            .card > ul.tabs.tab-bar > li.tab.sidebar > a .arrow + .arrow::before, .card > ul.tabs.tab-bar > li.tab.sidebar > a .arrow + .arrow::after,
            .card > ul.tabs.tab-bar > li.tab.sidebar > button .arrow + .arrow::before,
            .card > ul.tabs.tab-bar > li.tab.sidebar > button .arrow + .arrow::after {
              content: '';
              position: absolute;
              background: blue;
              top: 2px;
              left: calc(-1rem + 2px);
              width: calc(1rem - 2px);
              height: calc(1rem - 2px); }
            .card > ul.tabs.tab-bar > li.tab.sidebar > a .arrow + .arrow::after,
            .card > ul.tabs.tab-bar > li.tab.sidebar > button .arrow + .arrow::after {
              top: 1rem;
              left: 0; }
      .card > ul.tabs.tab-bar > li.tab.sidebar:first-of-type {
        left: 0;
        right: auto;
        border: none;
        border-right: 1px solid magenta; }
        .card > ul.tabs.tab-bar > li.tab.sidebar:first-of-type a .arrow {
          left: auto;
          right: -0.5rem;
          border: 2px solid magenta;
          border-left-color: transparent;
          border-bottom-color: transparent; }
          .card > ul.tabs.tab-bar > li.tab.sidebar:first-of-type a .arrow::before, .card > ul.tabs.tab-bar > li.tab.sidebar:first-of-type a .arrow::after {
            left: auto;
            top: 0;
            right: calc(-1rem + 2px); }
          .card > ul.tabs.tab-bar > li.tab.sidebar:first-of-type a .arrow::after {
            right: 0;
            top: calc(-1rem - -0.125rem); }
          .card > ul.tabs.tab-bar > li.tab.sidebar:first-of-type a .arrow + .arrow {
            border: none;
            left: auto;
            right: calc(-0.5rem + 2px); }
      .card > ul.tabs.tab-bar > li.tab.sidebar.reveal img {
        display: block; }
        .card > ul.tabs.tab-bar > li.tab.sidebar.reveal img.active {
          display: none; }
    .card > ul.tabs.tab-bar > li.tab.step {
      position: relative;
      counter-increment: stepCounter; }
      .card > ul.tabs.tab-bar > li.tab.step > a {
        padding-left: 1.5rem; }
        .card > ul.tabs.tab-bar > li.tab.step > a.icon {
          padding-left: 3rem; }
        .card > ul.tabs.tab-bar > li.tab.step > a::before {
          content: counter(stepCounter);
          position: absolute;
          border-radius: 50%;
          text-align: center;
          left: 0;
          width: 1rem;
          height: 1rem;
          line-height: 2rem;
          vertical-align: middle;
          border: 0.0625rem solid #ddd;
          display: inline;
          top: 0.5rem;
          font-size: 0.75rem;
          padding: 0;
          margin: 0;
          line-height: calc(1rem - 0.0625rem); }
        .card > ul.tabs.tab-bar > li.tab.step > a svg {
          padding-left: 1.225rem; }
      .card > ul.tabs.tab-bar > li.tab.step.active > a::before {
        border: none;
        width: 1.125rem;
        height: 1.125rem;
        line-height: 1.125rem;
        background: #c292c4;
        color: white; }
      .card > ul.tabs.tab-bar > li.tab.step + li.tab.step {
        margin-left: 1.5rem;
        padding-left: 1rem; }
        .card > ul.tabs.tab-bar > li.tab.step + li.tab.step::before {
          content: '';
          width: 1.875rem;
          height: 1.875rem;
          transform: rotate(225deg);
          position: absolute;
          left: -2rem;
          top: calc(50% - 1rem + 0.03125rem);
          background: transparent;
          box-sizing: border-box;
          border: 0.0625rem solid #d4d1d1;
          border-right-color: transparent;
          border-top-color: transparent; }
  .card > ul.tabs.tab-bar > button.button.icon[disabled] img,
  .card > ul.tabs.tab-bar > a.button.icon[disabled] img {
    display: none; }
  .card > ul.tabs.tab-bar > button.button.icon[disabled] img.hover,
  .card > ul.tabs.tab-bar > a.button.icon[disabled] img.hover {
    display: none; }
  .card > ul.tabs.tab-bar > button.button.icon[disabled] img.disabled,
  .card > ul.tabs.tab-bar > a.button.icon[disabled] img.disabled {
    display: block; }
  .card > ul.tabs.tab-bar li.tab.active a.icon img {
    display: none; }
    .card > ul.tabs.tab-bar li.tab.active a.icon img.active {
      display: block; }
  .card > ul.tabs.tab-bar li.tab:hover:not(.active) a.icon img {
    display: none; }
    .card > ul.tabs.tab-bar li.tab:hover:not(.active) a.icon img.active {
      display: none; }
    .card > ul.tabs.tab-bar li.tab:hover:not(.active) a.icon img.hover {
      display: block; }
  .card > ul.tabs.tab-bar > button.button.icon:hover:not([disabled]) img,
  .card > ul.tabs.tab-bar > a.button.icon:hover:not([disabled]) img {
    display: none; }
  .card > ul.tabs.tab-bar > button.button.icon:hover:not([disabled]) img.disabled,
  .card > ul.tabs.tab-bar > a.button.icon:hover:not([disabled]) img.disabled {
    display: none; }
  .card > ul.tabs.tab-bar > button.button.icon:hover:not([disabled]) img.hover,
  .card > ul.tabs.tab-bar > a.button.icon:hover:not([disabled]) img.hover {
    display: block; }

.card .card > ul.tabs.tab-bar {
  z-index: 99999; }
  .card .card > ul.tabs.tab-bar.overlay-open {
    z-index: 99999999; }
  .card .card > ul.tabs.tab-bar + ul.tab-panels ul.tabs.tab-bar {
    z-index: 9999; }
    .card .card > ul.tabs.tab-bar + ul.tab-panels ul.tabs.tab-bar.overlay-open {
      z-index: 99999999; }

/**
 * Card styling.
 *
 * Cards are sections of the site that are usually blocks of information.
 *
 * Sometimes, cards are the only section and sometimes that are grids of
 * information.
 *
 * It may make sense to place them in a list or grid or a smaller size or
 * scrollable when at a different device width (like a phone, etc) and
 * different classes can be applied to hint at which behavior is appropriate.
 */
.card {
  text-align: center;
  position: relative; }
  .card > .submit {
    overflow: hidden; }
  .card > p {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box; }
    .card > p + p {
      padding-top: 0.5rem; }
    .card > p.warning {
      padding-top: 1rem;
      padding-bottom: 1rem; }
  .card > ul:not(.tabs):not(.tab-panels):not(.card) {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box; }
  .card > ul.facets.subscriptions {
    display: inline-block; }
  .card > input:last-child:not(.button),
  .card > ul:last-child:not(.tab-panels):not(.tabs):not(.card),
  .card > p:last-child {
    padding-bottom: 1rem; }
  .card > p + ul:not(.tabs):not(.tab-panels):not(.card) {
    padding-top: 1rem; }
  .card > ul:not(.tabs):not(.tab-panels):not(.card) + ul:not(.tabs):not(.tab-panels) {
    padding-top: 1rem; }
  .card > p:first-child {
    padding-top: 1rem; }
  .card.loading {
    min-height: 5rem; }
  .card.full {
    height: 100%;
    margin: 0;
    padding-bottom: 0; }
  .card.none {
    padding: 1rem; }
    .card.none svg.none-icon,
    .card.none img.none-icon {
      width: 20rem;
      aspect-ratio: 1 / 1;
      max-width: 80%;
      padding-bottom: 2rem; }
      .card.none svg.none-icon.small,
      .card.none img.none-icon.small {
        width: 10rem;
        padding-bottom: 1rem; }
    .card.none > p {
      color: #888; }
  .card > ul:not(.tabs):not(.tab-panels):not(.card) + p {
    padding-top: 1rem; }
  .card > h2 {
    font: 300 1.2rem "Lato", serif;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    overflow: hidden;
    box-sizing: border-box;
    position: relative; }
    .card > h2.offscreen {
      position: absolute;
      clip: rect(1px 1px 1px 1px);
      /* for Internet Explorer */
      /* stylelint-disable-line */
      clip: rect(1px, 1px, 1px, 1px);
      padding: 0;
      border: 0;
      height: 1px;
      width: 1px;
      overflow: hidden; }
    .card > h2.has-help {
      padding-bottom: 0.25rem;
      overflow: visible; }
      .card > h2.has-help + .help + * {
        margin-top: 0.25rem; }
  .card > p + h2 {
    padding-top: 1.5rem; }
  .card > h2:first-child {
    padding-top: 1rem; }
  .card.flex {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    overflow: hidden; }
    .card.flex.filled {
      flex: 1 1 auto; }
    .card.flex.center-content {
      align-items: center;
      display: flex;
      justify-content: center; }
    .card.flex.scrollable {
      overflow: auto; }
    .card.flex.horizontal {
      flex-direction: row;
      box-shadow: none; }
      @media (max-width: 1000px) {
        .card.flex.horizontal.responsive-fit {
          flex-direction: column; } }
      .card.flex.horizontal > .card:not(.horizontal) {
        margin-top: 0.125rem;
        box-shadow: none; }
        .card.flex.horizontal > .card:not(.horizontal):not(:first-child) {
          margin-left: 0.125rem; }
      .card.flex.horizontal > .card.horizontal:not(:first-child) {
        padding-left: 0.125rem; }
      @media (max-width: 640px) {
        .card.flex.horizontal {
          flex-direction: column; }
          .card.flex.horizontal > .card:not(.horizontal):not(:first-child) {
            margin-left: 0; }
          .card.flex.horizontal > .card.horizontal {
            padding-left: 0; } }
    .card.flex > h2 {
      flex: 0 0 auto; }
      .card.flex > h2:not(.has-help) {
        overflow: hidden; }
    .card.flex > ul.tab-panels {
      flex: 1 1 auto;
      display: flex; }
      .card.flex > ul.tab-panels.card.filled {
        overflow: hidden; }
      .card.flex > ul.tab-panels > li.tab-panel {
        flex: 1 1 auto; }
    .card.flex > .card.separator-resize {
      flex: 1 1 auto; }
    .card.flex > .card.filled {
      flex: 1 1 auto;
      overflow: auto;
      overflow-x: hidden; }
      .card.flex > .card.filled.scrollable {
        overflow: auto; }
    .card.flex > *:not(h2):not(.filled):not(.separator-resize):not(.sidebar) {
      flex: 0 0 auto; }
    .card.flex:not(.center-content) > *:last-child:not(h2):not(.filled):not(.separator-resize):not(.sidebar):not(.submit) {
      flex: 1 1 auto; }
      .card.flex:not(.center-content) > *:last-child:not(h2):not(.filled):not(.separator-resize):not(.sidebar):not(.submit):not(.horizontal) {
        box-shadow: 0 2px 0 2px magenta; }
  .card > ul:not(.tabs):not(.tab-panels):not(.card) + h2 {
    padding-top: 1.5rem; }
  .card:not(.sidebar):not([hidden]) ~ .card:not(.tab-panel):not(.transparent) {
    margin-top: 0.125rem; }
  .card > h3 {
    box-sizing: border-box;
    font: 300 1rem "Lato", serif;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    z-index: 99999;
    margin-top: 0.5rem;
    position: relative; }
    .card > h3:first-child {
      margin-top: 1rem; }
    .card > h3.has-help {
      padding-bottom: 0.25rem; }
      .card > h3.has-help + .help + * {
        margin-top: 0.25rem; }
  .card > form + h3,
  .card > ul:not(.tabs):not(.tab-panels):not(.card) + h3 {
    padding-top: 1rem; }
  .card.file-listing-container > h2:first-child,
  .card.file-listing-container > .card > h2:first-child, .card.sidebar > h2:first-child,
  .card.sidebar > .card > h2:first-child {
    height: 2.5rem;
    padding-top: 0.625rem;
    overflow: visible; }
    .card.file-listing-container > h2:first-child.has-help,
    .card.file-listing-container > .card > h2:first-child.has-help, .card.sidebar > h2:first-child.has-help,
    .card.sidebar > .card > h2:first-child.has-help {
      padding-right: 2.125rem; }
      .card.file-listing-container > h2:first-child.has-help > span.label,
      .card.file-listing-container > .card > h2:first-child.has-help > span.label, .card.sidebar > h2:first-child.has-help > span.label,
      .card.sidebar > .card > h2:first-child.has-help > span.label {
        display: inline-block;
        box-sizing: border-box;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis; }

/**
 * Policy styling.
 *
 * Policies are agreements that users must consent to or acknowledge in order
 * to make use of the site.
 */
.card > .policy-box {
  margin: 0 auto;
  width: 90%;
  background-color: lightgrey;
  padding: 5px;
  margin-top: 10px;
  margin-bottom: 5px;
  border: solid;
  text-align: center; }
  .card > .policy-box {
    padding-top: 10px; }
  .card > .policy-box h2 {
    margin-top: 5px;
    margin-bottom: 10px; }
  .card > .policy-box p {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px; }
  .card > .policy-box p ~ p {
    margin-top: 13px; }
  .card > .policy-box .checkbox {
    margin-top: 5px;
    margin-bottom: 5px; }

/**
 * Styling for any configuration form.
 */
occam-configuration {
  padding: 0;
  position: relative;
  text-align: left;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
  /* Navigation bar */ }
  occam-configuration > ul.configuration-group {
    display: block;
    padding: 1rem;
    flex: 1 1 100%;
    overflow: auto; }
  occam-configuration ul.configuration-group {
    width: auto;
    line-height: 1.25rem; }
    occam-configuration ul.configuration-group .configuration-item-actions {
      max-width: 60rem;
      width: 100%;
      margin: 0 auto; }
    occam-configuration ul.configuration-group div.configuration-array-actions,
    occam-configuration ul.configuration-group li.configuration-item {
      position: relative;
      flex-direction: row;
      display: flex;
      max-width: 60rem;
      margin: 0 auto; }
      occam-configuration ul.configuration-group div.configuration-array-actions h2 ~ ul.configuration-array-items,
      occam-configuration ul.configuration-group div.configuration-array-actions h2 ~ div.configuration-array-actions,
      occam-configuration ul.configuration-group div.configuration-array-actions h2 ~ ul.configuration-group,
      occam-configuration ul.configuration-group li.configuration-item h2 ~ ul.configuration-array-items,
      occam-configuration ul.configuration-group li.configuration-item h2 ~ div.configuration-array-actions,
      occam-configuration ul.configuration-group li.configuration-item h2 ~ ul.configuration-group {
        display: none; }
      occam-configuration ul.configuration-group div.configuration-array-actions.configuration-item-group,
      occam-configuration ul.configuration-group li.configuration-item.configuration-item-group {
        display: block;
        margin-top: 1rem; }
        occam-configuration ul.configuration-group div.configuration-array-actions.configuration-item-group h2,
        occam-configuration ul.configuration-group li.configuration-item.configuration-item-group h2 {
          cursor: pointer;
          user-select: none; }
          occam-configuration ul.configuration-group div.configuration-array-actions.configuration-item-group h2::before,
          occam-configuration ul.configuration-group li.configuration-item.configuration-item-group h2::before {
            content: '';
            border-left: 0.4rem solid #103942;
            border-top: 0.25rem solid transparent;
            border-bottom: 0.25rem solid transparent;
            height: 0;
            width: 0;
            display: inline-block;
            margin-right: 0.4rem;
            position: relative;
            top: -0.125rem;
            transition: 0.5s transform; }
          occam-configuration ul.configuration-group div.configuration-array-actions.configuration-item-group h2:hover::before,
          occam-configuration ul.configuration-group li.configuration-item.configuration-item-group h2:hover::before {
            border-left-color: magenta; }
          occam-configuration ul.configuration-group div.configuration-array-actions.configuration-item-group h2::after,
          occam-configuration ul.configuration-group li.configuration-item.configuration-item-group h2::after {
            content: '...';
            padding: 0.125rem;
            border-radius: 0.5rem;
            background-color: white;
            margin-left: 0.5rem;
            color: #ddd;
            font-weight: bold;
            height: 0.5rem;
            line-height: 0;
            vertical-align: middle;
            display: inline-block;
            border: 0.0625rem solid #ddd;
            margin-bottom: 0.125rem; }
          occam-configuration ul.configuration-group div.configuration-array-actions.configuration-item-group h2:hover::after,
          occam-configuration ul.configuration-group li.configuration-item.configuration-item-group h2:hover::after {
            border-color: magenta;
            color: magenta; }
        occam-configuration ul.configuration-group div.configuration-array-actions.configuration-item-group.configuration-item-disabled h2 ~ ul.configuration-array-items,
        occam-configuration ul.configuration-group div.configuration-array-actions.configuration-item-group.configuration-item-disabled h2 ~ div.configuration-array-actions,
        occam-configuration ul.configuration-group div.configuration-array-actions.configuration-item-group.configuration-item-disabled h2 ~ ul.configuration-group,
        occam-configuration ul.configuration-group li.configuration-item.configuration-item-group.configuration-item-disabled h2 ~ ul.configuration-array-items,
        occam-configuration ul.configuration-group li.configuration-item.configuration-item-group.configuration-item-disabled h2 ~ div.configuration-array-actions,
        occam-configuration ul.configuration-group li.configuration-item.configuration-item-group.configuration-item-disabled h2 ~ ul.configuration-group {
          display: none; }
        occam-configuration ul.configuration-group div.configuration-array-actions.configuration-item-group.configuration-item-disabled h2,
        occam-configuration ul.configuration-group li.configuration-item.configuration-item-group.configuration-item-disabled h2 {
          opacity: 0.5; }
        occam-configuration ul.configuration-group div.configuration-array-actions.configuration-item-group ul.configuration-group,
        occam-configuration ul.configuration-group li.configuration-item.configuration-item-group ul.configuration-group {
          margin-left: 0;
          padding-left: 0.25rem;
          border-left: 0.25rem solid #ddd;
          margin-top: 0.25rem; }
        occam-configuration ul.configuration-group div.configuration-array-actions.configuration-item-group + div.configuration-item-editor + li.configuration-item, occam-configuration ul.configuration-group div.configuration-array-actions.configuration-item-group + li.configuration-item,
        occam-configuration ul.configuration-group li.configuration-item.configuration-item-group + div.configuration-item-editor + li.configuration-item,
        occam-configuration ul.configuration-group li.configuration-item.configuration-item-group + li.configuration-item {
          margin-top: 0.75rem; }
        occam-configuration ul.configuration-group div.configuration-array-actions.configuration-item-group.expanded:not(.configuration-item-disabled) h2 ~ div.configuration-array-actions,
        occam-configuration ul.configuration-group li.configuration-item.configuration-item-group.expanded:not(.configuration-item-disabled) h2 ~ div.configuration-array-actions {
          display: flex; }
        occam-configuration ul.configuration-group div.configuration-array-actions.configuration-item-group.expanded:not(.configuration-item-disabled) h2 ~ ul.configuration-array-items,
        occam-configuration ul.configuration-group div.configuration-array-actions.configuration-item-group.expanded:not(.configuration-item-disabled) h2 ~ ul.configuration-group,
        occam-configuration ul.configuration-group li.configuration-item.configuration-item-group.expanded:not(.configuration-item-disabled) h2 ~ ul.configuration-array-items,
        occam-configuration ul.configuration-group li.configuration-item.configuration-item-group.expanded:not(.configuration-item-disabled) h2 ~ ul.configuration-group {
          display: block; }
        occam-configuration ul.configuration-group div.configuration-array-actions.configuration-item-group.expanded:not(.configuration-item-disabled) h2::before,
        occam-configuration ul.configuration-group li.configuration-item.configuration-item-group.expanded:not(.configuration-item-disabled) h2::before {
          transform: rotate(90deg); }
        occam-configuration ul.configuration-group div.configuration-array-actions.configuration-item-group.expanded:not(.configuration-item-disabled) h2::after,
        occam-configuration ul.configuration-group li.configuration-item.configuration-item-group.expanded:not(.configuration-item-disabled) h2::after {
          display: none; }
      occam-configuration ul.configuration-group div.configuration-array-actions button.expand-editor,
      occam-configuration ul.configuration-group div.configuration-array-actions button.expand,
      occam-configuration ul.configuration-group li.configuration-item button.expand-editor,
      occam-configuration ul.configuration-group li.configuration-item button.expand {
        border: none;
        outline: none;
        background-color: #fff;
        color: #aaa;
        cursor: pointer;
        position: relative;
        z-index: 1;
        padding-left: 0.25rem;
        padding-right: 0.25rem;
        font-size: 0.5rem;
        top: 0; }
        occam-configuration ul.configuration-group div.configuration-array-actions button.expand-editor svg,
        occam-configuration ul.configuration-group div.configuration-array-actions button.expand svg,
        occam-configuration ul.configuration-group li.configuration-item button.expand-editor svg,
        occam-configuration ul.configuration-group li.configuration-item button.expand svg {
          width: 0.75rem;
          height: 0.75rem;
          display: inline-block;
          fill: #d38ad3;
          opacity: 0.25;
          vertical-align: bottom; }
          occam-configuration ul.configuration-group div.configuration-array-actions button.expand-editor svg:hover,
          occam-configuration ul.configuration-group div.configuration-array-actions button.expand svg:hover,
          occam-configuration ul.configuration-group li.configuration-item button.expand-editor svg:hover,
          occam-configuration ul.configuration-group li.configuration-item button.expand svg:hover {
            opacity: 1; }
        occam-configuration ul.configuration-group div.configuration-array-actions button.expand-editor.open svg,
        occam-configuration ul.configuration-group div.configuration-array-actions button.expand.open svg,
        occam-configuration ul.configuration-group li.configuration-item button.expand-editor.open svg,
        occam-configuration ul.configuration-group li.configuration-item button.expand.open svg {
          opacity: 1; }
      occam-configuration ul.configuration-group div.configuration-array-actions > .label,
      occam-configuration ul.configuration-group li.configuration-item > .label {
        flex: 1 0 auto;
        position: relative;
        max-width: calc(100% - 14rem); }
        occam-configuration ul.configuration-group div.configuration-array-actions > .label > label,
        occam-configuration ul.configuration-group li.configuration-item > .label > label {
          color: #3e6b74;
          font-family: "Open Sans", sans-serif;
          margin: 0;
          margin-left: 0.0625rem;
          padding-top: 0;
          position: relative;
          z-index: 1;
          font-size: 0.75rem;
          display: inline-block;
          padding-bottom: 0.25rem;
          background-color: #fff; }
          occam-configuration ul.configuration-group div.configuration-array-actions > .label > label.no-description,
          occam-configuration ul.configuration-group li.configuration-item > .label > label.no-description {
            padding-right: 0.25rem; }
          occam-configuration ul.configuration-group div.configuration-array-actions > .label > label.inspecting,
          occam-configuration ul.configuration-group li.configuration-item > .label > label.inspecting {
            color: #6aa3af; }
            occam-configuration ul.configuration-group div.configuration-array-actions > .label > label.inspecting::before,
            occam-configuration ul.configuration-group li.configuration-item > .label > label.inspecting::before {
              content: '';
              width: 0.25rem;
              background: #6aa3af;
              height: 1.0625rem;
              position: absolute;
              left: -0.5625rem;
              top: -0.0625rem;
              border-top: 0.125rem solid white;
              border-bottom: 0.125rem solid white; }
        occam-configuration ul.configuration-group div.configuration-array-actions > .label > span.configuration-dots,
        occam-configuration ul.configuration-group li.configuration-item > .label > span.configuration-dots {
          display: block;
          position: absolute;
          z-index: 0;
          top: 0.25rem;
          height: 0.5rem;
          width: calc(100% - 1rem);
          margin: 0;
          border-bottom: 0.0625rem dotted #ccf;
          border-left: 0.0625rem dotted #ccf;
          clear: both;
          border-bottom-left-radius: 0.5rem;
          margin-bottom: -0.5rem; }
      occam-configuration ul.configuration-group div.configuration-array-actions > .value,
      occam-configuration ul.configuration-group li.configuration-item > .value {
        flex: 0 0 14rem;
        width: 14rem; }
        occam-configuration ul.configuration-group div.configuration-array-actions > .value ul.configuration-tuple-items,
        occam-configuration ul.configuration-group li.configuration-item > .value ul.configuration-tuple-items {
          width: 100%;
          position: relative;
          display: flex;
          flex-direction: row; }
          occam-configuration ul.configuration-group div.configuration-array-actions > .value ul.configuration-tuple-items > li.configuration-tuple-item,
          occam-configuration ul.configuration-group li.configuration-item > .value ul.configuration-tuple-items > li.configuration-tuple-item {
            flex: 1 1 0%; }
        occam-configuration ul.configuration-group div.configuration-array-actions > .value ul.configuration-array-items,
        occam-configuration ul.configuration-group div.configuration-array-actions > .value button.array-add,
        occam-configuration ul.configuration-group div.configuration-array-actions > .value span.number,
        occam-configuration ul.configuration-group li.configuration-item > .value ul.configuration-array-items,
        occam-configuration ul.configuration-group li.configuration-item > .value button.array-add,
        occam-configuration ul.configuration-group li.configuration-item > .value span.number {
          width: 100%;
          position: relative;
          display: inline-block; }
          occam-configuration ul.configuration-group div.configuration-array-actions > .value ul.configuration-array-items:empty,
          occam-configuration ul.configuration-group div.configuration-array-actions > .value button.array-add:empty,
          occam-configuration ul.configuration-group div.configuration-array-actions > .value span.number:empty,
          occam-configuration ul.configuration-group li.configuration-item > .value ul.configuration-array-items:empty,
          occam-configuration ul.configuration-group li.configuration-item > .value button.array-add:empty,
          occam-configuration ul.configuration-group li.configuration-item > .value span.number:empty {
            display: none; }
          occam-configuration ul.configuration-group div.configuration-array-actions > .value ul.configuration-array-items > .configuration-array-item > .value,
          occam-configuration ul.configuration-group div.configuration-array-actions > .value button.array-add > .configuration-array-item > .value,
          occam-configuration ul.configuration-group div.configuration-array-actions > .value span.number > .configuration-array-item > .value,
          occam-configuration ul.configuration-group li.configuration-item > .value ul.configuration-array-items > .configuration-array-item > .value,
          occam-configuration ul.configuration-group li.configuration-item > .value button.array-add > .configuration-array-item > .value,
          occam-configuration ul.configuration-group li.configuration-item > .value span.number > .configuration-array-item > .value {
            position: relative; }
            occam-configuration ul.configuration-group div.configuration-array-actions > .value ul.configuration-array-items > .configuration-array-item > .value .configuration-input,
            occam-configuration ul.configuration-group div.configuration-array-actions > .value button.array-add > .configuration-array-item > .value .configuration-input,
            occam-configuration ul.configuration-group div.configuration-array-actions > .value span.number > .configuration-array-item > .value .configuration-input,
            occam-configuration ul.configuration-group li.configuration-item > .value ul.configuration-array-items > .configuration-array-item > .value .configuration-input,
            occam-configuration ul.configuration-group li.configuration-item > .value button.array-add > .configuration-array-item > .value .configuration-input,
            occam-configuration ul.configuration-group li.configuration-item > .value span.number > .configuration-array-item > .value .configuration-input {
              padding-right: 1.5rem;
              text-align: left; }
            occam-configuration ul.configuration-group div.configuration-array-actions > .value ul.configuration-array-items > .configuration-array-item > .value button.configuration-array-delete,
            occam-configuration ul.configuration-group div.configuration-array-actions > .value button.array-add > .configuration-array-item > .value button.configuration-array-delete,
            occam-configuration ul.configuration-group div.configuration-array-actions > .value span.number > .configuration-array-item > .value button.configuration-array-delete,
            occam-configuration ul.configuration-group li.configuration-item > .value ul.configuration-array-items > .configuration-array-item > .value button.configuration-array-delete,
            occam-configuration ul.configuration-group li.configuration-item > .value button.array-add > .configuration-array-item > .value button.configuration-array-delete,
            occam-configuration ul.configuration-group li.configuration-item > .value span.number > .configuration-array-item > .value button.configuration-array-delete {
              width: 1rem;
              height: 1rem;
              position: absolute;
              right: 0.25rem;
              top: 0.25rem;
              border: none;
              cursor: pointer; }
              occam-configuration ul.configuration-group div.configuration-array-actions > .value ul.configuration-array-items > .configuration-array-item > .value button.configuration-array-delete svg,
              occam-configuration ul.configuration-group div.configuration-array-actions > .value button.array-add > .configuration-array-item > .value button.configuration-array-delete svg,
              occam-configuration ul.configuration-group div.configuration-array-actions > .value span.number > .configuration-array-item > .value button.configuration-array-delete svg,
              occam-configuration ul.configuration-group li.configuration-item > .value ul.configuration-array-items > .configuration-array-item > .value button.configuration-array-delete svg,
              occam-configuration ul.configuration-group li.configuration-item > .value button.array-add > .configuration-array-item > .value button.configuration-array-delete svg,
              occam-configuration ul.configuration-group li.configuration-item > .value span.number > .configuration-array-item > .value button.configuration-array-delete svg {
                width: 1rem;
                height: 1rem;
                fill: #ff9c9c;
                display: inline-block;
                position: absolute;
                left: 0;
                top: 0; }
        occam-configuration ul.configuration-group div.configuration-array-actions > .value button,
        occam-configuration ul.configuration-group div.configuration-array-actions > .value input,
        occam-configuration ul.configuration-group li.configuration-item > .value button,
        occam-configuration ul.configuration-group li.configuration-item > .value input {
          padding: 0 0.3125rem;
          margin: 0;
          position: relative;
          z-index: 1;
          height: 1.5rem;
          width: 100%;
          border: 1px solid #ccc;
          border-radius: 0.0625rem;
          background-color: #fff;
          outline: none;
          margin-bottom: 0.0625rem;
          font: 400 0.9rem "Open Sans", sans-serif;
          box-sizing: border-box; }
          occam-configuration ul.configuration-group div.configuration-array-actions > .value button:focus,
          occam-configuration ul.configuration-group div.configuration-array-actions > .value input:focus,
          occam-configuration ul.configuration-group li.configuration-item > .value button:focus,
          occam-configuration ul.configuration-group li.configuration-item > .value input:focus {
            outline: none; }
          occam-configuration ul.configuration-group div.configuration-array-actions > .value button[disabled],
          occam-configuration ul.configuration-group div.configuration-array-actions > .value input[disabled],
          occam-configuration ul.configuration-group li.configuration-item > .value button[disabled],
          occam-configuration ul.configuration-group li.configuration-item > .value input[disabled] {
            border-color: #eee; }
        occam-configuration ul.configuration-group div.configuration-array-actions > .value input[data-units] + .units,
        occam-configuration ul.configuration-group li.configuration-item > .value input[data-units] + .units {
          position: absolute;
          pointer-events: none;
          right: 0.25rem;
          color: gray;
          z-index: 9;
          bottom: 0;
          height: calc(1.5rem - 2px);
          box-sizing: border-box;
          font: 400 0.9rem "Open Sans", sans-serif; }
        occam-configuration ul.configuration-group div.configuration-array-actions > .value .slider-checkbox,
        occam-configuration ul.configuration-group li.configuration-item > .value .slider-checkbox {
          position: relative;
          z-index: 1;
          width: 100%;
          display: inline-block;
          float: right;
          height: 1.5rem;
          display: flex;
          flex-direction: row; }
          occam-configuration ul.configuration-group div.configuration-array-actions > .value .slider-checkbox > .configuration-label-boolean,
          occam-configuration ul.configuration-group li.configuration-item > .value .slider-checkbox > .configuration-label-boolean {
            flex: 1 0 auto;
            font-family: "Open Sans", sans-serif;
            font-size: 0.75rem;
            color: #888;
            text-align: center; }
          occam-configuration ul.configuration-group div.configuration-array-actions > .value .slider-checkbox > input[type=checkbox],
          occam-configuration ul.configuration-group div.configuration-array-actions > .value .slider-checkbox > input.slider-input,
          occam-configuration ul.configuration-group li.configuration-item > .value .slider-checkbox > input[type=checkbox],
          occam-configuration ul.configuration-group li.configuration-item > .value .slider-checkbox > input.slider-input {
            position: absolute;
            left: 0; }
            occam-configuration ul.configuration-group div.configuration-array-actions > .value .slider-checkbox > input[type=checkbox]:checked ~ .configuration-label-boolean-on,
            occam-configuration ul.configuration-group div.configuration-array-actions > .value .slider-checkbox > input.slider-input:checked ~ .configuration-label-boolean-on,
            occam-configuration ul.configuration-group li.configuration-item > .value .slider-checkbox > input[type=checkbox]:checked ~ .configuration-label-boolean-on,
            occam-configuration ul.configuration-group li.configuration-item > .value .slider-checkbox > input.slider-input:checked ~ .configuration-label-boolean-on {
              color: #e987f7;
              font-weight: bold; }
        occam-configuration ul.configuration-group div.configuration-array-actions > .value .select,
        occam-configuration ul.configuration-group li.configuration-item > .value .select {
          display: inline-block;
          float: right;
          border-radius: 0.0625rem;
          position: relative;
          z-index: 1;
          width: 100%;
          height: 1.5rem;
          cursor: pointer;
          border: 1px solid #ccc;
          background: linear-gradient(to bottom, #f2f2f2 5%, #e6e6e6 100%);
          background-color: #666666;
          box-shadow: inset 0 0 1px 1px white;
          box-sizing: border-box; }
          occam-configuration ul.configuration-group div.configuration-array-actions > .value .select select,
          occam-configuration ul.configuration-group li.configuration-item > .value .select select {
            padding: 0;
            padding-left: 0.5rem;
            margin: 0;
            background: transparent;
            border: 0;
            border-radius: 0.125rem;
            -webkit-appearance: none;
            height: calc(1.5rem - 2px);
            width: 100%;
            box-sizing: border-box;
            cursor: pointer;
            outline: none;
            color: #333; }
            occam-configuration ul.configuration-group div.configuration-array-actions > .value .select select:active,
            occam-configuration ul.configuration-group li.configuration-item > .value .select select:active {
              outline: none; }
            occam-configuration ul.configuration-group div.configuration-array-actions > .value .select select:focus,
            occam-configuration ul.configuration-group li.configuration-item > .value .select select:focus {
              outline: none; }
          occam-configuration ul.configuration-group div.configuration-array-actions > .value .select:hover,
          occam-configuration ul.configuration-group li.configuration-item > .value .select:hover {
            box-shadow: inset 0 0 2px 1px #28c3e2; }
          occam-configuration ul.configuration-group div.configuration-array-actions > .value .select:active,
          occam-configuration ul.configuration-group li.configuration-item > .value .select:active {
            background: linear-gradient(linear, left top, left bottom, color-stop(0.05, #f2f2f2), color-stop(1, #e6e6e6));
            background-color: #666666;
            outline: none; }
          occam-configuration ul.configuration-group div.configuration-array-actions > .value .select::before,
          occam-configuration ul.configuration-group li.configuration-item > .value .select::before {
            pointer-events: none;
            background-image: url "/images/ui/dropdown_arrow.png";
            background-repeat: no-repeat;
            background-position: 0 center;
            position: absolute;
            right: 0;
            display: block;
            content: '';
            width: 17px;
            top: 0;
            bottom: 0; }
      occam-configuration ul.configuration-group div.configuration-array-actions.configuration-error > .label label,
      occam-configuration ul.configuration-group li.configuration-item.configuration-error > .label label {
        color: red; }
      occam-configuration ul.configuration-group div.configuration-array-actions.configuration-error > .label > span.configuration-dots,
      occam-configuration ul.configuration-group li.configuration-item.configuration-error > .label > span.configuration-dots {
        border-color: red; }
      occam-configuration ul.configuration-group div.configuration-array-actions.configuration-error > .label > div.description,
      occam-configuration ul.configuration-group li.configuration-item.configuration-error > .label > div.description {
        border-color: red; }
      occam-configuration ul.configuration-group div.configuration-array-actions.configuration-error > .value .configuration-error,
      occam-configuration ul.configuration-group li.configuration-item.configuration-error > .value .configuration-error {
        box-shadow: inset 0 0 0.125rem 0.0625rem red; }
      occam-configuration ul.configuration-group div.configuration-array-actions.configuration-item-disabled > .label > label,
      occam-configuration ul.configuration-group li.configuration-item.configuration-item-disabled > .label > label {
        opacity: 0.5; }
    occam-configuration ul.configuration-group.filtering li.configuration-item {
      display: none; }
      occam-configuration ul.configuration-group.filtering li.configuration-item.filtered {
        display: flex; }
    occam-configuration ul.configuration-group div.configuration-item-editor,
    occam-configuration ul.configuration-group div.description {
      color: #444;
      border: 0.0625rem solid #ddd;
      padding: 0;
      border-left-width: 0.25rem;
      margin-left: 0.125rem;
      margin-bottom: 0.75rem;
      background-color: transparent;
      white-space: normal; }
      occam-configuration ul.configuration-group div.configuration-item-editor button.configuration-item-delete,
      occam-configuration ul.configuration-group div.description button.configuration-item-delete {
        margin: 0.25rem; }
      occam-configuration ul.configuration-group div.configuration-item-editor.configuration-item-editor,
      occam-configuration ul.configuration-group div.description.configuration-item-editor {
        text-align: right;
        max-width: 60rem;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        left: 0.125rem; }
      occam-configuration ul.configuration-group div.configuration-item-editor.description,
      occam-configuration ul.configuration-group div.description.description {
        padding: 0.25rem 0.5rem;
        margin-right: 1rem;
        background: none; }
        occam-configuration ul.configuration-group div.configuration-item-editor.description p,
        occam-configuration ul.configuration-group div.description.description p {
          font-size: 0.75rem;
          color: #333; }
          occam-configuration ul.configuration-group div.configuration-item-editor.description p + h1,
          occam-configuration ul.configuration-group div.configuration-item-editor.description p + h2,
          occam-configuration ul.configuration-group div.configuration-item-editor.description p + h3,
          occam-configuration ul.configuration-group div.configuration-item-editor.description p + h4,
          occam-configuration ul.configuration-group div.configuration-item-editor.description p + h5,
          occam-configuration ul.configuration-group div.configuration-item-editor.description p + h6,
          occam-configuration ul.configuration-group div.configuration-item-editor.description p + p,
          occam-configuration ul.configuration-group div.description.description p + h1,
          occam-configuration ul.configuration-group div.description.description p + h2,
          occam-configuration ul.configuration-group div.description.description p + h3,
          occam-configuration ul.configuration-group div.description.description p + h4,
          occam-configuration ul.configuration-group div.description.description p + h5,
          occam-configuration ul.configuration-group div.description.description p + h6,
          occam-configuration ul.configuration-group div.description.description p + p {
            margin-top: 0.5rem; }
        occam-configuration ul.configuration-group div.configuration-item-editor.description h1, occam-configuration ul.configuration-group div.configuration-item-editor.description h2, occam-configuration ul.configuration-group div.configuration-item-editor.description h3, occam-configuration ul.configuration-group div.configuration-item-editor.description h4, occam-configuration ul.configuration-group div.configuration-item-editor.description h5, occam-configuration ul.configuration-group div.configuration-item-editor.description h6,
        occam-configuration ul.configuration-group div.description.description h1,
        occam-configuration ul.configuration-group div.description.description h2,
        occam-configuration ul.configuration-group div.description.description h3,
        occam-configuration ul.configuration-group div.description.description h4,
        occam-configuration ul.configuration-group div.description.description h5,
        occam-configuration ul.configuration-group div.description.description h6 {
          background: none;
          border: none;
          color: #333;
          position: relative;
          overflow: hidden;
          display: block;
          padding: 0;
          margin: 0;
          min-height: initial;
          font: 0.9rem "Open Sans", sans-serif;
          font-weight: bold;
          font-size: 1rem; }
        occam-configuration ul.configuration-group div.configuration-item-editor.description h2, occam-configuration ul.configuration-group div.configuration-item-editor.description h3, occam-configuration ul.configuration-group div.configuration-item-editor.description h4, occam-configuration ul.configuration-group div.configuration-item-editor.description h5, occam-configuration ul.configuration-group div.configuration-item-editor.description h6,
        occam-configuration ul.configuration-group div.description.description h2,
        occam-configuration ul.configuration-group div.description.description h3,
        occam-configuration ul.configuration-group div.description.description h4,
        occam-configuration ul.configuration-group div.description.description h5,
        occam-configuration ul.configuration-group div.description.description h6 {
          font-size: 0.75rem; }
        occam-configuration ul.configuration-group div.configuration-item-editor.description .description-content + .no-description,
        occam-configuration ul.configuration-group div.description.description .description-content + .no-description {
          display: none; }
        occam-configuration ul.configuration-group div.configuration-item-editor.description .description-content:empty + .no-description,
        occam-configuration ul.configuration-group div.description.description .description-content:empty + .no-description {
          display: block; }
          occam-configuration ul.configuration-group div.configuration-item-editor.description .description-content:empty + .no-description p,
          occam-configuration ul.configuration-group div.description.description .description-content:empty + .no-description p {
            font-style: italic;
            color: #888; }
      occam-configuration ul.configuration-group div.configuration-item-editor .description,
      occam-configuration ul.configuration-group div.description .description {
        text-align: left;
        border: none; }
      occam-configuration ul.configuration-group div.configuration-item-editor .markdown-editor,
      occam-configuration ul.configuration-group div.description .markdown-editor {
        border-bottom: 0.0625rem solid #ddd; }
      occam-configuration ul.configuration-group div.configuration-item-editor .editing-table,
      occam-configuration ul.configuration-group div.description .editing-table {
        border-bottom: 0.0625rem solid #ddd;
        text-align: left; }
      occam-configuration ul.configuration-group div.configuration-item-editor .CodeMirror.cm-s-paper.CodeMirror-wrap,
      occam-configuration ul.configuration-group div.description .CodeMirror.cm-s-paper.CodeMirror-wrap {
        border-left: none;
        border-right: none;
        border-radius: 0; }
      occam-configuration ul.configuration-group div.configuration-item-editor ul.configuration-validations,
      occam-configuration ul.configuration-group div.description ul.configuration-validations {
        background: none; }
        occam-configuration ul.configuration-group div.configuration-item-editor ul.configuration-validations:not(:empty),
        occam-configuration ul.configuration-group div.description ul.configuration-validations:not(:empty) {
          margin-top: 1rem; }
        occam-configuration ul.configuration-group div.configuration-item-editor ul.configuration-validations li.configuration-validation,
        occam-configuration ul.configuration-group div.description ul.configuration-validations li.configuration-validation {
          background: none;
          display: flex;
          flex-direction: row; }
          occam-configuration ul.configuration-group div.configuration-item-editor ul.configuration-validations li.configuration-validation svg,
          occam-configuration ul.configuration-group div.description ul.configuration-validations li.configuration-validation svg {
            flex: 0 0 1rem;
            display: inline-block;
            width: 0.75rem;
            height: 0.75rem;
            margin-right: 0.5rem;
            margin-top: auto;
            margin-bottom: auto;
            background: none;
            fill: #4bab42; }
          occam-configuration ul.configuration-group div.configuration-item-editor ul.configuration-validations li.configuration-validation svg.error,
          occam-configuration ul.configuration-group div.description ul.configuration-validations li.configuration-validation svg.error {
            display: none;
            background: none;
            fill: red; }
          occam-configuration ul.configuration-group div.configuration-item-editor ul.configuration-validations li.configuration-validation .configuration-validation-message,
          occam-configuration ul.configuration-group div.description ul.configuration-validations li.configuration-validation .configuration-validation-message {
            flex: 1 0 auto;
            width: 100%; }
            occam-configuration ul.configuration-group div.configuration-item-editor ul.configuration-validations li.configuration-validation .configuration-validation-message p,
            occam-configuration ul.configuration-group div.description ul.configuration-validations li.configuration-validation .configuration-validation-message p {
              color: #4bab42; }
          occam-configuration ul.configuration-group div.configuration-item-editor ul.configuration-validations li.configuration-validation.error svg,
          occam-configuration ul.configuration-group div.description ul.configuration-validations li.configuration-validation.error svg {
            display: none; }
          occam-configuration ul.configuration-group div.configuration-item-editor ul.configuration-validations li.configuration-validation.error svg.error,
          occam-configuration ul.configuration-group div.description ul.configuration-validations li.configuration-validation.error svg.error {
            display: inline; }
          occam-configuration ul.configuration-group div.configuration-item-editor ul.configuration-validations li.configuration-validation.error .configuration-validation-message p,
          occam-configuration ul.configuration-group div.description ul.configuration-validations li.configuration-validation.error .configuration-validation-message p {
            color: red; }
  occam-configuration nav {
    background: #eee;
    box-shadow: 0 0 0.125rem 0 #333;
    position: relative;
    flex: 0 0 2rem;
    z-index: 9;
    line-height: 2rem;
    padding: 0 0.25rem; }
    occam-configuration nav svg {
      width: 1rem;
      height: 1rem;
      vertical-align: middle;
      display: inline-block;
      fill: #cca6d7; }
    occam-configuration nav input {
      width: 8rem;
      height: 1.25rem;
      vertical-align: baseline;
      display: inline-block;
      border: 0.0625rem solid #ccc;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      box-sizing: border-box;
      padding-right: 1rem; }
      occam-configuration nav input:placeholder-shown + button.configuration-search-clear {
        display: none; }
    occam-configuration nav button.configuration-search-clear {
      width: 1rem;
      height: 1rem;
      border: none;
      background: none;
      padding: 0;
      margin: 0;
      display: inline-block;
      vertical-align: middle;
      cursor: pointer;
      margin-left: -1.25rem; }
      occam-configuration nav button.configuration-search-clear svg {
        vertical-align: top; }
    occam-configuration nav button.button {
      display: inline-block;
      height: 1.25rem;
      width: 1.25rem;
      position: relative;
      padding: 0;
      margin: 0; }
      occam-configuration nav button.button svg {
        vertical-align: top;
        top: 0.125rem;
        position: relative; }

.subscription-list {
  text-align: center; }
  .subscription-list > .facet.subscription.slider-checkbox {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    text-align: left; }

/**
 * Styling specific to Object pages.
 */
/**
 * Styling specific to the new object modal.
 */
form.new-object-data input[name="query"][type="text"]:not(.auto-complete):not(.tagify) {
  width: 100%;
  border-top: none;
  border-left: none;
  border-right: none;
  max-width: none;
  width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin: 0;
  box-shadow: 0 0 0.25rem #a3a3a3;
  position: sticky;
  z-index: 9; }
form.new-object-data .card.submitting {
  min-height: 13rem; }
form.new-object-data li#new-object-select-template > .card {
  overflow: hidden; }
  form.new-object-data li#new-object-select-template > .card .objects-container {
    width: 100%;
    min-height: 13rem; }
    form.new-object-data li#new-object-select-template > .card .objects-container ul.objects {
      padding-top: 1rem;
      width: 100%;
      min-height: 13rem; }
  form.new-object-data li#new-object-select-template > .card li.tab-panel {
    min-height: 15rem; }

/**
 * The styling of the federation lookup page.
 */
.card.object-locator {
  padding: 0 2rem; }
  .card.object-locator .card.searching {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    width: 10rem;
    height: 10rem;
    border: 1px solid #ccc;
    box-shadow: 0 0 2px 1px black;
    background-size: 40%;
    border-radius: 1rem; }
    .card.object-locator .card.searching h2 {
      background-color: transparent; }
    .card.object-locator .card.searching img.error {
      display: none; }
    .card.object-locator .card.searching.error:not(.loading):not(.transparent) h2 {
      background-color: transparent; }
    .card.object-locator .card.searching.error:not(.loading):not(.transparent) img.error {
      display: inline-block; }

/**
 * Styles the workflow tab for objects containing a workflow.
 *
 * This handles both the main workflow editor and the run view for queued
 * workflows.
 */
/**
 * Generic styling common to several sidebars.
 */
.sidebar .object-selected {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 15px;
  box-sizing: border-box;
  overflow: visible;
  height: 10rem; }
  .sidebar .object-selected .selector {
    margin: 0;
    margin-top: 20px; }
  .sidebar .object-selected ul.object-list {
    margin-left: 15px;
    width: 276px; }
  .sidebar .object-selected h2 {
    padding-left: 0;
    text-align: center;
    white-space: nowrap; }
    .sidebar .object-selected h2:not(:first-child) {
      margin-top: 20px; }
    .sidebar .object-selected h2:first-child {
      padding-bottom: 10px; }
  .sidebar .object-selected.disabled {
    pointer-events: none; }
  .sidebar .object-selected ul.connections {
    width: 100%; }
    .sidebar .object-selected ul.connections li.connection {
      white-space: normal;
      position: relative;
      left: calc(50% - 53px);
      top: 12.5px; }
      .sidebar .object-selected ul.connections li.connection li.input,
      .sidebar .object-selected ul.connections li.connection li.output {
        max-width: 95px;
        min-width: 95px; }
        .sidebar .object-selected ul.connections li.connection li.input .label,
        .sidebar .object-selected ul.connections li.connection li.output .label {
          display: block !important; }
        .sidebar .object-selected ul.connections li.connection li.input::after, .sidebar .object-selected ul.connections li.connection li.input::before,
        .sidebar .object-selected ul.connections li.connection li.output::after,
        .sidebar .object-selected ul.connections li.connection li.output::before {
          display: none; }
.sidebar .help {
  overflow-x: hidden; }
  .sidebar .help.mock::before {
    content: none; }
  .sidebar .help occam-workflow.mock {
    position: relative;
    margin: 10px;
    height: 50%;
    width: auto;
    border: 1px solid white;
    pointer-events: none; }
    .sidebar .help occam-workflow.mock ul.connections {
      left: calc(50% - 50px) !important;
      top: calc(50% - 50px) !important; }
    .sidebar .help occam-workflow.mock.run ul.connections .view-jobs-button {
      animation: 0.8s infinite alternate pulseHighlight; }
@keyframes pulseHighlight {
  0% {
    background-color: white; }
  100% {
    background-color: blue; } }
      .sidebar .help occam-workflow.mock.run ul.connections .view-jobs-button::before {
        filter: brightness(5); }

.jobs.sidebar {
  padding-bottom: 0; }
  .jobs.sidebar ~ .terminal {
    position: absolute;
    top: 0;
    left: 20rem;
    bottom: 0;
    right: 0;
    z-index: 99; }
    .jobs.sidebar ~ .terminal.fullscreen {
      left: 0; }
    @media (max-width: 640px) {
      .jobs.sidebar ~ .terminal {
        min-width: 100%; } }
  .jobs.sidebar > .object-selected {
    flex: 0 0 auto;
    padding-bottom: 1.25rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid #ddd;
    position: relative; }
    .jobs.sidebar > .object-selected ul.connections {
      width: 100%; }
    .jobs.sidebar > .object-selected .before,
    .jobs.sidebar > .object-selected .after {
      width: 1.4rem;
      height: 1.4rem;
      display: block;
      position: absolute;
      left: calc(50% - 0.7rem);
      bottom: -0.7rem;
      transform: rotate(45deg); }
    .jobs.sidebar > .object-selected .before {
      background-color: #ddd;
      bottom: calc(-0.7rem - 1px); }
    .jobs.sidebar > .object-selected .after {
      background-color: white; }
  .jobs.sidebar > nav.jobs {
    flex: 1 1 auto;
    position: relative;
    border-top: 1px solid #ddd; }
    .jobs.sidebar > nav.jobs > ul.jobs {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
      .jobs.sidebar > nav.jobs > ul.jobs + .help {
        display: none; }
      .jobs.sidebar > nav.jobs > ul.jobs:not([data-run-list-index]) + .help {
        display: block;
        width: 20rem;
        max-width: 20rem;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0; }

/**
 * Styling for the configuration sidebar of the workflow editor and object runner.
 */
.sidebar.configuration .configuration-panel ul.panes {
  position: relative;
  flex: 1 1 auto;
  margin: 0; }
  .sidebar.configuration .configuration-panel ul.panes li.pane {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    overflow: visible; }
    .sidebar.configuration .configuration-panel ul.panes li.pane.active {
      display: flex;
      flex-direction: column; }
    .sidebar.configuration .configuration-panel ul.panes li.pane > ul {
      flex: 0 0 auto; }
    .sidebar.configuration .configuration-panel ul.panes li.pane > .tab-panels {
      position: relative;
      flex: 1 1 auto; }
      .sidebar.configuration .configuration-panel ul.panes li.pane > .tab-panels .tab-panel.active {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        display: flex;
        flex-direction: column; }
        .sidebar.configuration .configuration-panel ul.panes li.pane > .tab-panels .tab-panel.active > .configuration {
          z-index: 9;
          flex: 1 1 auto;
          overflow: hidden;
          position: relative; }
          .sidebar.configuration .configuration-panel ul.panes li.pane > .tab-panels .tab-panel.active > .configuration > .card {
            text-align: left;
            display: flex;
            flex-direction: column;
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0; }
            .sidebar.configuration .configuration-panel ul.panes li.pane > .tab-panels .tab-panel.active > .configuration > .card > .configuration-nav {
              flex: 0 0 auto; }
            .sidebar.configuration .configuration-panel ul.panes li.pane > .tab-panels .tab-panel.active > .configuration > .card > .configuration-search-options {
              flex: 1 1 auto;
              overflow: auto; }
        .sidebar.configuration .configuration-panel ul.panes li.pane > .tab-panels .tab-panel.active > .card:last-child {
          flex: 0 0 auto; }
.sidebar.configuration .configuration-panel .help {
  overflow: auto;
  margin: 0;
  border-left: none;
  border-right: none; }
.sidebar.configuration .configuration-panel .configuration-help {
  display: none;
  flex: 1 1 auto;
  position: relative;
  height: 100%;
  border-top: 1px solid white;
  font: 400 0.9rem "Lato", sans-serif; }
  .sidebar.configuration .configuration-panel .configuration-help p {
    padding: 0 10px; }
  .sidebar.configuration .configuration-panel .configuration-help occam-workflow.mock {
    background: rgba(255, 255, 255, 0.75); }
    .sidebar.configuration .configuration-panel .configuration-help occam-workflow.mock ul.connections li.connection {
      left: 30px; }
      .sidebar.configuration .configuration-panel .configuration-help occam-workflow.mock ul.connections li.connection li.port.left:first-child {
        top: 30px; }
      .sidebar.configuration .configuration-panel .configuration-help occam-workflow.mock ul.connections li.connection li.port.left:last-child {
        top: 70px; }
      .sidebar.configuration .configuration-panel .configuration-help occam-workflow.mock ul.connections li.connection li.port.right {
        top: 50px; }
      .sidebar.configuration .configuration-panel .configuration-help occam-workflow.mock ul.connections li.connection .bottom-button svg {
        fill: white; }
    .sidebar.configuration .configuration-panel .configuration-help occam-workflow.mock ul.connections .configure-button {
      animation: 0.8s infinite alternate pulseHighlight; }
@keyframes pulseHighlight {
  0% {
    background-color: white; }
  100% {
    background-color: #5999a6; } }
      .sidebar.configuration .configuration-panel .configuration-help occam-workflow.mock ul.connections .configure-button::before {
        filter: brightness(5); }
.sidebar.configuration .configuration-panel .help.open ~ .configuration-help {
  border-top: none; }
.sidebar.configuration .configuration-panel ul.panes:empty {
  display: none; }
  .sidebar.configuration .configuration-panel ul.panes:empty + .configuration-help {
    display: block; }

/**
 * Styling for the object selection sidebar of the workflow editor.
 *
 * Some styling is also within the _sidebars.scss when it pertains to multiple
 * workflow sidebars.
 */
.object-select.sidebar {
  position: relative; }

/**
 * Styling specific to the Details page.
 */
.top-details.card:not(.loading) {
  background: transparent; }
  @media (max-height: 800px) {
    .top-details.card:not(.loading) {
      height: 100%; } }
  .top-details.card:not(.loading) .top-gallery:not(form) {
    display: flex;
    flex-direction: row;
    overflow: hidden; }
    .top-details.card:not(.loading) .top-gallery:not(form):not(.no-images):not(.build) {
      max-height: 600px;
      overflow: auto; }
      @media (max-width: 640px) {
        .top-details.card:not(.loading) .top-gallery:not(form):not(.no-images):not(.build) {
          max-height: none; } }
      @media (min-height: 1280px) {
        .top-details.card:not(.loading) .top-gallery:not(form):not(.no-images):not(.build) {
          max-height: 1000px; } }
      @media (max-height: 800px) {
        .top-details.card:not(.loading) .top-gallery:not(form):not(.no-images):not(.build) {
          max-height: 100%; } }
    .top-details.card:not(.loading) .top-gallery:not(form).no-images {
      max-height: 100%;
      overflow: auto; }
    @media (max-width: 640px) {
      .top-details.card:not(.loading) .top-gallery:not(form) {
        display: block;
        max-height: none; } }

/**
 * Object Details Description Area.
 */
.details .description,
.top-details .description {
  text-align: left;
  padding: 1rem;
  font: 300 0.9rem "Lato", sans-serif;
  min-height: 100%;
  max-height: 100%;
  flex: 1 0 auto;
  position: relative;
  overflow: auto;
  width: 100%;
  box-sizing: border-box; }
  .details .description pre,
  .top-details .description pre {
    background-color: #222; }
  .details .description > blockquote,
  .top-details .description > blockquote {
    text-align: left;
    margin-left: 0.25rem;
    padding-left: 0.75rem;
    border-left: 0.25rem solid #6aa3ae;
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
  .details .description:not(:last-child),
  .top-details .description:not(:last-child) {
    width: 50%;
    margin-right: 2px; }
    @media (max-width: 640px) {
      .details .description:not(:last-child),
      .top-details .description:not(:last-child) {
        width: 100%;
        margin-right: 0; } }
  .details .description *:not(.tag) > a,
  .top-details .description *:not(.tag) > a {
    font: 300 0.9rem "Lato", sans-serif;
    text-decoration: underline; }
  .details .description p,
  .top-details .description p {
    font: inherit; }
  .details .description p strong,
  .top-details .description p strong {
    font-weight: bold; }
  .details .description p em,
  .top-details .description p em {
    font-style: italic; }
  .details .description p.edit.edit-metadata,
  .top-details .description p.edit.edit-metadata {
    padding-top: 0.5rem; }
  .details .description p.edit.edit-description,
  .top-details .description p.edit.edit-description {
    border-top: 1px solid #5a5a5a;
    padding-top: 1rem; }
  .details .description > h1,
  .details .description > h2,
  .top-details .description > h1,
  .top-details .description > h2 {
    background: none;
    font: 400 1.5rem "Lato", serif;
    height: auto;
    padding: 0;
    margin: 0;
    min-height: 0;
    padding-top: 1.25rem;
    position: relative;
    padding-bottom: 1px;
    border-bottom: 1px solid #5a5a5a;
    margin-bottom: 0.5rem; }
    .details .description > h1::after,
    .details .description > h2::after,
    .top-details .description > h1::after,
    .top-details .description > h2::after {
      width: 95%;
      height: 2px;
      display: none;
      content: '';
      position: relative;
      bottom: 0;
      background-image: linear-gradient(to right, #8c5e8d, #a587a6 30%, transparent); }
  .details .description > h2,
  .top-details .description > h2 {
    font: 400 1rem "Lato", serif;
    margin-bottom: 7px;
    margin-top: 1rem; }
  .details .description > h3,
  .top-details .description > h3 {
    font: 400 1rem "Lato", serif;
    margin-bottom: 7px;
    margin-top: 1.25rem; }
  .details .description > h4,
  .top-details .description > h4 {
    font: 400 0.9rem "Lato", serif;
    margin-bottom: 7px;
    margin-top: 1.25rem; }
  .details .description img,
  .top-details .description img {
    max-width: 100%; }
  .details .description ul,
  .details .description ol,
  .top-details .description ul,
  .top-details .description ol {
    padding-left: 2rem;
    margin-top: 0.5rem; }
    .details .description ul li,
    .details .description ol li,
    .top-details .description ul li,
    .top-details .description ol li {
      list-style-type: disc; }
    .details .description ul ul,
    .details .description ul ol,
    .details .description ol ul,
    .details .description ol ol,
    .top-details .description ul ul,
    .top-details .description ul ol,
    .top-details .description ol ul,
    .top-details .description ol ol {
      margin-bottom: 0.5rem; }
  .details .description ol li,
  .top-details .description ol li {
    list-style-type: decimal; }
  .details .description ol + pre,
  .details .description ul + pre,
  .details .description pre + pre,
  .details .description pre + p,
  .details .description p + pre,
  .details .description p + p,
  .details .description ol + p,
  .details .description ul + p,
  .top-details .description ol + pre,
  .top-details .description ul + pre,
  .top-details .description pre + pre,
  .top-details .description pre + p,
  .top-details .description p + pre,
  .top-details .description p + p,
  .top-details .description ol + p,
  .top-details .description ul + p {
    margin-top: 0.5rem; }
  .details .description * + ul.tags,
  .top-details .description * + ul.tags {
    margin-top: 1rem;
    padding-left: 0; }
  .details .description ul.tags li.tag,
  .top-details .description ul.tags li.tag {
    position: relative;
    display: inline-block;
    line-height: 1em;
    margin-left: 0; }
    .details .description ul.tags li.tag + li.tag,
    .top-details .description ul.tags li.tag + li.tag {
      margin-left: 0.4rem; }
  .details .description ul.tags li a,
  .top-details .description ul.tags li a {
    font: 0.9rem "Alegreya Sans SC", serif;
    text-decoration: none;
    border: 1px solid white;
    border-radius: 4px;
    padding: 0 5px; }
    .details .description ul.tags li a:hover, .details .description ul.tags li a:focus,
    .top-details .description ul.tags li a:hover,
    .top-details .description ul.tags li a:focus {
      border: 1px solid white;
      text-decoration: none; }
  .details .description .information,
  .top-details .description .information {
    padding: 0;
    display: table;
    text-align: left;
    width: 100%; }
    .details .description .information > *,
    .top-details .description .information > * {
      display: table-row; }
      .details .description .information > * > *,
      .top-details .description .information > * > * {
        display: table-cell;
        padding-bottom: 0;
        vertical-align: baseline;
        font: 300 0.9rem "Lato", sans-serif; }
        .details .description .information > * > *:not(h2),
        .top-details .description .information > * > *:not(h2) {
          width: 100%;
          padding-left: 1rem; }
    .details .description .information ul,
    .top-details .description .information ul {
      list-style: none; }
      .details .description .information ul li,
      .top-details .description .information ul li {
        display: inline-block;
        margin: 0;
        padding: 0; }
        .details .description .information ul li img.avatar,
        .top-details .description .information ul li img.avatar {
          background-color: white;
          border: 0.0625rem solid blue;
          border-radius: 25%;
          margin-right: 0.25rem;
          vertical-align: middle;
          width: 1rem; }
        .details .description .information ul li:not(:last-of-type)::after,
        .top-details .description .information ul li:not(:last-of-type)::after {
          content: ", ";
          margin-right: 0.25em; }
        .details .description .information ul li.organization,
        .top-details .description .information ul li.organization {
          font-style: italic; }
      .details .description .information ul a.edit,
      .top-details .description .information ul a.edit {
        display: inline-block;
        margin-left: 0.5rem;
        vertical-align: bottom;
        width: 1rem;
        height: 1rem; }
        .details .description .information ul a.edit svg,
        .top-details .description .information ul a.edit svg {
          fill: white; }
    .details .description .information h2,
    .top-details .description .information h2 {
      font: 400 0.9rem "Lato", sans-serif;
      vertical-align: baseline;
      padding-top: 3px;
      text-align: left;
      white-space: nowrap; }
      .details .description .information h2 svg,
      .details .description .information h2 img,
      .top-details .description .information h2 svg,
      .top-details .description .information h2 img {
        width: 1rem;
        height: 1rem;
        margin-right: 0.5rem;
        vertical-align: top; }
      .details .description .information h2 span,
      .top-details .description .information h2 span {
        padding-right: 0.5rem; }
    .details .description .information .environment svg,
    .details .description .information .environment img,
    .top-details .description .information .environment svg,
    .top-details .description .information .environment img {
      width: 0.9rem;
      height: 0.9rem;
      margin-left: 0.2rem;
      margin-right: 0.5rem;
      vertical-align: middle; }
    .details .description .information:not(:empty) + *:not(.ps__rail-x):not(.edit-metadata),
    .top-details .description .information:not(:empty) + *:not(.ps__rail-x):not(.edit-metadata) {
      margin-top: 0.5rem;
      padding-top: 0.5rem;
      border-top: 1px solid #5a5a5a; }
    .details .description .information:not(:empty) + h1:not(.ps__rail-x):not(.edit-metadata), .details .description .information:not(:empty) + h2:not(.ps__rail-x):not(.edit-metadata),
    .top-details .description .information:not(:empty) + h1:not(.ps__rail-x):not(.edit-metadata),
    .top-details .description .information:not(:empty) + h2:not(.ps__rail-x):not(.edit-metadata) {
      padding-top: 1.25rem; }
    .details .description .information:not(:empty) + pre:not(.ps__rail-x):not(.edit-metadata),
    .top-details .description .information:not(:empty) + pre:not(.ps__rail-x):not(.edit-metadata) {
      background-color: transparent; }
  .details .description p + .information,
  .top-details .description p + .information {
    margin-top: 0.5rem; }
  .details .description .information:empty,
  .top-details .description .information:empty {
    display: none; }

/**
 * Details page image gallery styling.
 */
.top-details .card.gallery {
  flex: 0 1 auto;
  width: 50%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden; }
  @media (max-width: 640px) {
    .top-details .card.gallery {
      width: 100%; } }
  .top-details .card.gallery:first-child {
    width: 100%; }
  .top-details .card.gallery > .flexbox {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    max-height: 100%;
    overflow: hidden;
    height: 600px; }
    @media (max-width: 640px) {
      .top-details .card.gallery > .flexbox {
        height: 400px; } }
    @media (min-width: 2561px), (min-device-width: 2561px) {
      .top-details .card.gallery > .flexbox {
        height: 1000px; } }
    .top-details .card.gallery > .flexbox > ul.preview {
      flex: 0 1 auto;
      overflow: hidden;
      height: 100%;
      width: 100%;
      padding: 0;
      margin: 0;
      position: relative; }
      .top-details .card.gallery > .flexbox > ul.preview > li.preview {
        display: flex;
        opacity: 0;
        transition: opacity 0.5s;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        z-index: 0; }
        .top-details .card.gallery > .flexbox > ul.preview > li.preview:first-child, .top-details .card.gallery > .flexbox > ul.preview > li.preview:target, .top-details .card.gallery > .flexbox > ul.preview > li.preview.active {
          opacity: 1;
          z-index: 9; }
        .top-details .card.gallery > .flexbox > ul.preview > li.preview a {
          width: 100%; }
        .top-details .card.gallery > .flexbox > ul.preview > li.preview img {
          display: block;
          width: 100%;
          height: 100%;
          padding: 0;
          margin: 0 auto;
          object-fit: contain;
          object-position: center; }
      .top-details .card.gallery > .flexbox > ul.preview a:target + li.preview {
        opacity: 1;
        z-index: 9; }
    .top-details .card.gallery > .flexbox > ul.thumbs:not(.preview) {
      flex: 0 0 auto;
      padding: 0;
      margin: 0;
      overflow: auto;
      white-space: nowrap;
      position: relative;
      padding-top: 7px;
      margin-top: -7px;
      text-align: center; }
      .top-details .card.gallery > .flexbox > ul.thumbs:not(.preview) > .ps__rail-x {
        z-index: 9999; }
      .top-details .card.gallery > .flexbox > ul.thumbs:not(.preview) > li.thumb {
        display: inline-block;
        position: relative;
        margin-left: -5px; }
        .top-details .card.gallery > .flexbox > ul.thumbs:not(.preview) > li.thumb a {
          display: inline-block;
          position: relative;
          z-index: 999;
          border-top: 1px solid transparent; }
          .top-details .card.gallery > .flexbox > ul.thumbs:not(.preview) > li.thumb a img {
            display: inline-block;
            border: 5px solid #131212;
            padding: 0;
            margin: 0;
            height: 128px; }
            @media (min-width: 2561px), (min-device-width: 2561px) {
              .top-details .card.gallery > .flexbox > ul.thumbs:not(.preview) > li.thumb a img {
                height: 192px; } }
        .top-details .card.gallery > .flexbox > ul.thumbs:not(.preview) > li.thumb.active {
          z-index: 9999; }
          .top-details .card.gallery > .flexbox > ul.thumbs:not(.preview) > li.thumb.active a {
            border-color: #c49dc5; }
            .top-details .card.gallery > .flexbox > ul.thumbs:not(.preview) > li.thumb.active a img {
              border-color: black; }
          .top-details .card.gallery > .flexbox > ul.thumbs:not(.preview) > li.thumb.active .before, .top-details .card.gallery > .flexbox > ul.thumbs:not(.preview) > li.thumb.active::before {
            content: '';
            display: block;
            width: 0;
            height: 0;
            border-bottom: 11px solid #c49dc5;
            border-left: 11px solid transparent;
            border-right: 11px solid transparent;
            position: absolute;
            left: calc(50% - 11px);
            top: -7px;
            z-index: 99; }
          .top-details .card.gallery > .flexbox > ul.thumbs:not(.preview) > li.thumb.active .after, .top-details .card.gallery > .flexbox > ul.thumbs:not(.preview) > li.thumb.active::after {
            content: '';
            display: block;
            width: 0;
            height: 0;
            border-bottom: 10px solid white;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            position: absolute;
            left: calc(50% - 10px);
            top: -6px;
            z-index: 9999; }
        .top-details .card.gallery > .flexbox > ul.thumbs:not(.preview) > li.thumb:first-child {
          margin-left: 0; }

/**
 * Styles the run/build/etc sections of details page.
 */
.card.details ul.command {
  font: inherit; }
  .card.details ul.command li {
    font: inherit;
    display: inline-block;
    margin-left: 0.5rem;
    border-bottom: 1px solid #ddd; }
    .card.details ul.command li:first-child {
      margin-left: 0; }
    .card.details ul.command li code {
      font: 1rem "inconsolata", monospace; }

/**
 * Styles the citation sections.
 */
.card.citation > p {
  padding: 1rem; }
.card.citation pre {
  padding: 1rem;
  white-space: pre-wrap; }

/**
 * Object Inputs/Outputs Area.
 */
.card.metadata-io-preview {
  position: relative; }
  .card.metadata-io-preview .workflow-widget-zone {
    height: 15rem; }
    .card.metadata-io-preview .workflow-widget-zone .connections.dummy {
      position: absolute; }

.metadata-io .card.metadata-io-inputs,
.metadata-io .card.metadata-io-outputs {
  max-width: 50%;
  position: relative; }
  @media (max-width: 640px) {
    .metadata-io .card.metadata-io-inputs,
    .metadata-io .card.metadata-io-outputs {
      max-width: none; } }
  .metadata-io .card.metadata-io-inputs ol.object-list,
  .metadata-io .card.metadata-io-outputs ol.object-list {
    padding: 1rem;
    padding-top: 0;
    max-width: 35rem;
    margin: 0 auto; }
    .metadata-io .card.metadata-io-inputs ol.object-list:not(:last-child),
    .metadata-io .card.metadata-io-outputs ol.object-list:not(:last-child) {
      padding-bottom: 4rem; }
  .metadata-io .card.metadata-io-inputs a.add,
  .metadata-io .card.metadata-io-outputs a.add {
    padding: 0;
    height: 2.5rem;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 0.4rem;
    text-indent: -9999px;
    margin-left: 1rem;
    margin-right: 1rem;
    width: calc(100% - 2rem);
    margin-bottom: 1rem;
    position: absolute;
    bottom: 0;
    left: 0; }
    .metadata-io .card.metadata-io-inputs a.add svg.icon,
    .metadata-io .card.metadata-io-inputs a.add img.icon,
    .metadata-io .card.metadata-io-outputs a.add svg.icon,
    .metadata-io .card.metadata-io-outputs a.add img.icon {
      width: 2rem;
      height: 2rem;
      position: absolute;
      top: calc(50% - 1rem);
      left: calc(50% - 0.75rem); }
@media (max-width: 1000px) {
  .metadata-io.card.horizontal {
    flex-direction: column; }
    .metadata-io.card.horizontal > .card.horizontal {
      padding-left: 0; }
    .metadata-io.card.horizontal .card.metadata-io-preview {
      max-width: none; } }

/**
 * Object Requirements Area and Modal.
 */
form.new-requirement-data input[name="query"][type="text"]:not(.auto-complete):not(.tagify) {
  width: 100%;
  border-top: none;
  border-left: none;
  border-right: none;
  max-width: none;
  width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin: 0;
  box-shadow: 0 0 0.25rem #a3a3a3;
  position: sticky;
  z-index: 9; }
form.new-requirement-data .card.submitting {
  min-height: 13rem; }
form.new-requirement-data li#new-requirement-select-service > .card {
  overflow: hidden; }
  form.new-requirement-data li#new-requirement-select-service > .card .objects-container {
    width: 100%;
    min-height: 13rem; }
    form.new-requirement-data li#new-requirement-select-service > .card .objects-container ul.objects {
      padding-top: 1rem;
      width: 100%;
      min-height: 13rem; }
  form.new-requirement-data li#new-requirement-select-service > .card li.tab-panel {
    min-height: 15rem; }

/**
 * Object Installation section.
 */
.metadata-installation .metadata-installation-empty td {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }
.metadata-installation .metadata-installation-empty:not(:first-child) {
  display: none; }
.metadata-installation .metadata-installation-links-container {
  margin: 0.5rem auto;
  overflow-x: auto; }
.metadata-installation table.metadata-installation-links {
  margin: 0.5rem auto;
  width: auto; }
  .metadata-installation table.metadata-installation-links thead tr th {
    padding: 0.5rem 1rem;
    border-bottom: 0.0625rem solid #ddd;
    font: bold 0.9rem 'Lato', sans-serif; }
    .metadata-installation table.metadata-installation-links thead tr th.empty {
      padding: 0; }
  .metadata-installation table.metadata-installation-links tbody {
    margin-bottom: 1rem; }
    .metadata-installation table.metadata-installation-links tbody tr.metadata-installation-link td {
      border: none;
      padding-top: 0.125rem;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      vertical-align: middle; }
      .metadata-installation table.metadata-installation-links tbody tr.metadata-installation-link td.metadata-installation-link-summary {
        font-style: italic; }
      .metadata-installation table.metadata-installation-links tbody tr.metadata-installation-link td.metadata-installation-link-delete {
        padding-left: 0;
        padding-right: 0; }
        .metadata-installation table.metadata-installation-links tbody tr.metadata-installation-link td.metadata-installation-link-delete button {
          margin-left: 0.5rem; }
    .metadata-installation table.metadata-installation-links tbody tr.metadata-installation-link:first-child td {
      padding-top: 0.5rem; }
  .metadata-installation table.metadata-installation-links:not(:last-child) {
    border-bottom: 0.0625rem solid #ddd; }
    .metadata-installation table.metadata-installation-links:not(:last-child) tbody tr:nth-last-child(2) td {
      padding-bottom: 0.5rem; }
.metadata-installation a.add {
  display: inline-block;
  position: relative;
  padding: 0;
  height: 2.5rem;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 0.4rem;
  text-indent: -9999px;
  margin-left: 1rem;
  margin-right: 1rem;
  width: calc(100% - 2rem);
  max-width: 30rem;
  margin-bottom: 1rem; }
  .metadata-installation a.add svg.icon,
  .metadata-installation a.add img.icon {
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: calc(50% - 1rem);
    left: calc(50% - 0.75rem); }

/**
 * Details the edit description modal styling.
 */
form > .card.markdown-editor > ul > li > textarea {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%; }

/**
 * Styling for the file listing page.
 */
/**
 * Styling for the left-hand directory listing.
 */
.file-upload-droparea-message {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent; }
  .file-upload-droparea-message .overlay.help {
    opacity: 0.85;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    margin: 0;
    z-index: 0; }
    .file-upload-droparea-message .overlay.help::before, .file-upload-droparea-message .overlay.help::after {
      display: none; }
  .file-upload-droparea-message .help-text {
    font: 400 0.9rem "Lato", sans-serif;
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    margin: 1rem;
    border: 0.25rem solid magenta;
    border-style: double;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .file-upload-droparea-message .help-text span {
      flex: 0 0 auto; }

body.dragover .file-upload-droparea-message {
  display: block; }

.file-listing-container {
  z-index: 9;
  position: relative; }
  .file-listing-container h2 {
    position: absolute;
    z-index: 99999999;
    width: 100%;
    text-align: left; }
    .file-listing-container h2 + .help + ul.tabs.tab-bar {
      margin-top: 0; }
  .file-listing-container .new-actions-bar {
    padding: 0;
    width: 100%;
    height: 2rem; }
    .file-listing-container .new-actions-bar .new-actions {
      display: flex;
      flex-direction: row;
      padding: 0; }
      .file-listing-container .new-actions-bar .new-actions > button.new-action {
        margin: 0;
        min-width: 33%;
        flex: 1 0 auto;
        height: 2rem;
        text-align: center;
        overflow: hidden;
        display: flex;
        justify-content: center; }
        .file-listing-container .new-actions-bar .new-actions > button.new-action > svg {
          width: 1.5rem; }
  .file-listing-container .error {
    padding: 0.25rem;
    position: relative; }
    .file-listing-container .error svg,
    .file-listing-container .error img {
      width: 1.25rem;
      height: 1.25rem;
      position: absolute;
      left: 0.5rem;
      top: calc(50% - 0.625rem); }
    .file-listing-container .error svg + p,
    .file-listing-container .error img + p {
      padding-left: 2rem; }
  .file-listing-container .upload-bar {
    padding: 0;
    overflow: hidden; }
    .file-listing-container .upload-bar form {
      overflow: hidden;
      display: flex;
      flex-direction: row; }
      .file-listing-container .upload-bar form input[name=fileToUpload] {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        flex: 0 1 auto;
        margin: 0;
        min-width: 0;
        width: auto;
        box-sizing: border-box; }
      .file-listing-container .upload-bar form input[name=submit] {
        padding-left: 0;
        padding-right: 0;
        flex: 1 1;
        margin: 0;
        min-width: 0;
        width: auto;
        box-sizing: border-box; }
  .file-listing-container .file-listing-table {
    overflow: auto; }
    .file-listing-container .file-listing-table table.file-listing {
      width: 100%;
      max-width: 100%;
      overflow: visible;
      text-align: left;
      box-sizing: border-box; }
      .file-listing-container .file-listing-table table.file-listing td {
        position: relative;
        font: 400 0.8rem "Open Sans", sans-serif;
        padding: 0.35rem;
        border: none;
        text-align: left; }
        .file-listing-container .file-listing-table table.file-listing td a {
          text-decoration: none;
          font: 400 0.8rem "Open Sans", sans-serif;
          color: #103942; }
          .file-listing-container .file-listing-table table.file-listing td a span {
            vertical-align: middle; }
        .file-listing-container .file-listing-table table.file-listing td .dropdown-menu-options {
          margin-top: 2.1rem; }
      .file-listing-container .file-listing-table table.file-listing tr.group {
        font: 600 0.8rem "Open Sans", sans-serif; }
      .file-listing-container .file-listing-table table.file-listing td.checkbox {
        width: 1%; }
      .file-listing-container .file-listing-table table.file-listing td.type {
        display: none; }
      .file-listing-container .file-listing-table table.file-listing td.name .revision {
        margin-left: 0.125rem;
        color: #aaa;
        font: 400 0.8rem "Open Sans", sans-serif; }
        .file-listing-container .file-listing-table table.file-listing td.name .revision::before {
          content: '@';
          margin-right: 0.125rem; }
      .file-listing-container .file-listing-table table.file-listing td.truncate {
        white-space: nowrap;
        text-overflow: ellipsis;
        padding: 0; }
        .file-listing-container .file-listing-table table.file-listing td.truncate > *:first-child {
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          right: 0;
          white-space: nowrap;
          text-overflow: ellipsis;
          padding: 0.35rem;
          overflow: hidden;
          box-sizing: border-box;
          width: 100%; }
      .file-listing-container .file-listing-table table.file-listing tr {
        border-bottom: 1px solid #f3f3f3; }
        .file-listing-container .file-listing-table table.file-listing tr:last-child {
          border-bottom: 1px solid #ddd; }
        .file-listing-container .file-listing-table table.file-listing tr td.icon {
          width: 1.25rem;
          height: 1.25rem; }
          .file-listing-container .file-listing-table table.file-listing tr td.icon svg,
          .file-listing-container .file-listing-table table.file-listing tr td.icon img {
            width: 1.25rem;
            height: 1.25rem;
            vertical-align: top; }
        .file-listing-container .file-listing-table table.file-listing tr td.size {
          width: 1px;
          text-align: right;
          font: 400 0.8rem "Open Sans", sans-serif; }
          .file-listing-container .file-listing-table table.file-listing tr td.size.units {
            text-align: left;
            padding-left: 0; }
        .file-listing-container .file-listing-table table.file-listing tr td.actions {
          width: 1.75rem;
          box-sizing: border-box;
          border-bottom: 1px solid #ddd; }
          .file-listing-container .file-listing-table table.file-listing tr td.actions .dropdown-menu {
            border-left: 1px solid #ddd;
            box-sizing: border-box;
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            width: 100%; }
            .file-listing-container .file-listing-table table.file-listing tr td.actions .dropdown-menu > a {
              position: absolute;
              top: 0;
              right: 0;
              left: 0;
              bottom: 0;
              width: 100%;
              padding: 0.35rem;
              text-align: center;
              box-sizing: border-box;
              background: #eee3f8 linear-gradient(to top, #f2f2f2, #fff);
              font-weight: bold;
              color: #6aa3ae; }
              .file-listing-container .file-listing-table table.file-listing tr td.actions .dropdown-menu > a:hover {
                background: #fff;
                color: #4a838e; }
        .file-listing-container .file-listing-table table.file-listing tr td.name:hover {
          background-color: #f8f8f8; }
      .file-listing-container .file-listing-table table.file-listing tr.main {
        border-bottom-color: #ddd; }
        .file-listing-container .file-listing-table table.file-listing tr.main td {
          position: relative; }
          .file-listing-container .file-listing-table table.file-listing tr.main td::after {
            content: '';
            position: absolute;
            border-bottom: 1px solid #ddd;
            bottom: -3px;
            left: 0;
            right: 0;
            background: blue;
            z-index: 99; }
        .file-listing-container .file-listing-table table.file-listing tr.main td:not(.actions) {
          background-color: #feebff; }
        .file-listing-container .file-listing-table table.file-listing tr.main td:not(.actions).name a {
          font-weight: bold; }
        .file-listing-container .file-listing-table table.file-listing tr.main + tr td.name input {
          top: 2px; }
      .file-listing-container .file-listing-table table.file-listing tr.active td:not(.actions) {
        background-color: #d1f0f6; }
      .file-listing-container .file-listing-table table.file-listing tr.active td:hover {
        background-color: #d1f0f6; }
      .file-listing-container .file-listing-table table.file-listing tr.hover:not(.active) td:not(.actions) {
        background-color: #f8f8f8; }

/**
 * Styling to add individual file tabs to the tab bar.
 *
 * This will override styling for the typical 'tab-bar' which is the bar above
 * many of the individual tabs/pages.
 */
.card > ul.tabs.tab-bar.file-tabs {
  line-height: 1rem;
  height: 2.5rem;
  padding: 0;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
     supported by Chrome and Opera */ }
  .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab {
    display: inline-block;
    position: relative;
    border-right: 1px solid magenta;
    overflow: hidden;
    height: 2.5rem;
    margin: 0;
    padding: 0; }
    .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab button {
      text-indent: -9999px;
      overflow: hidden;
      width: 1rem;
      height: 1rem;
      display: inline-block;
      position: relative;
      vertical-align: top;
      top: 0.75rem;
      margin-left: 0.25rem;
      margin-right: -1.5rem;
      border: none;
      outline: none;
      cursor: pointer;
      background: none;
      background-size: 100% 100%;
      background-position: 0 0;
      background-repeat: no-repeat; }
      .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab button.delete {
        background-image: url "/images/dynamic/hex/ff8080/icons/ui/remove.svg"; }
      .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab button svg.nav,
      .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab button img.nav {
        display: none; }
    .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab > a,
    .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab > button {
      display: inline-block;
      height: 2.5rem;
      line-height: 2.5rem;
      padding-right: 0.5rem;
      transition: padding-right 0.5s;
      max-width: 10rem; }
      .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab > a svg,
      .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab > a img,
      .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab > button svg,
      .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab > button img {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        position: absolute;
        top: calc(50% - 1rem);
        left: 0.4rem; }
        .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab > a svg.nav,
        .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab > a img.nav,
        .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab > button svg.nav,
        .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab > button img.nav {
          display: none; }
        .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab > a svg.hover,
        .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab > a img.hover,
        .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab > button svg.hover,
        .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab > button img.hover {
          display: none; }
        .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab > a svg.active,
        .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab > a img.active,
        .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab > button svg.active,
        .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab > button img.active {
          display: none; }
      .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab > a .label,
      .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab > button .label {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        top: -0.1rem; }
      .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab > a span,
      .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab > button span {
        display: block;
        padding-left: 2.7rem;
        max-width: 7rem;
        text-overflow: ellipsis;
        overflow: hidden; }
        .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab > a span.type,
        .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab > button span.type {
          padding-top: 0.25rem;
          font: bold 0.7rem "Lato", sans-serif; }
        .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab > a span.name,
        .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab > button span.name {
          font: 300 0.9rem "Lato", sans-serif; }
      .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab > a:hover img,
      .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab > button:hover img {
        display: none; }
        .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab > a:hover img.active,
        .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab > button:hover img.active {
          display: none; }
        .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab > a:hover img.hover,
        .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab > button:hover img.hover {
          display: inline-block; }
        .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab > a:hover img.nav.hover,
        .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab > button:hover img.nav.hover {
          display: none; }
    .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab.active > a,
    .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab.active > button {
      padding-right: 1.5rem; }
      .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab.active > a img,
      .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab.active > button img {
        display: none; }
        .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab.active > a img.hover,
        .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab.active > button img.hover {
          display: none; }
        .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab.active > a img.active,
        .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab.active > button img.active {
          display: inline-block; }
      .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab.active > a span.type,
      .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab.active > button span.type {
        font: bold 0.7rem "Lato", sans-serif; }
      .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab.active > a span.name,
      .card > ul.tabs.tab-bar.file-tabs li.file-tab.tab.active > button span.name {
        font: 300 0.9rem "Lato", sans-serif; }
  .card > ul.tabs.tab-bar.file-tabs li.sidebar {
    z-index: 999; }
  .card > ul.tabs.tab-bar.file-tabs li.sidebar + li.file-tab.tab {
    margin-left: 1.75rem;
    padding-left: 1.25rem; }
  .card > ul.tabs.tab-bar.file-tabs li.dropdown-menu {
    position: absolute;
    right: calc(2.5rem - 1px);
    border-right: 1px solid magenta;
    left: auto;
    width: 1rem;
    overflow: visible; }
    .card > ul.tabs.tab-bar.file-tabs li.dropdown-menu button.dropdown {
      width: 1rem;
      margin: 0;
      top: 0;
      height: 2.5rem; }
    .card > ul.tabs.tab-bar.file-tabs li.dropdown-menu ul.dropdown-menu-options {
      z-index: 99999; }
      .card > ul.tabs.tab-bar.file-tabs li.dropdown-menu ul.dropdown-menu-options li.file-tab.tab {
        border: none;
        display: block;
        height: auto; }
        .card > ul.tabs.tab-bar.file-tabs li.dropdown-menu ul.dropdown-menu-options li.file-tab.tab button.delete {
          display: none; }
        .card > ul.tabs.tab-bar.file-tabs li.dropdown-menu ul.dropdown-menu-options li.file-tab.tab svg,
        .card > ul.tabs.tab-bar.file-tabs li.dropdown-menu ul.dropdown-menu-options li.file-tab.tab img {
          display: none; }
        .card > ul.tabs.tab-bar.file-tabs li.dropdown-menu ul.dropdown-menu-options li.file-tab.tab svg.nav,
        .card > ul.tabs.tab-bar.file-tabs li.dropdown-menu ul.dropdown-menu-options li.file-tab.tab img.nav {
          display: block; }
        .card > ul.tabs.tab-bar.file-tabs li.dropdown-menu ul.dropdown-menu-options li.file-tab.tab img.nav.hover {
          display: none; }
        .card > ul.tabs.tab-bar.file-tabs li.dropdown-menu ul.dropdown-menu-options li.file-tab.tab:hover img.nav {
          display: none; }
        .card > ul.tabs.tab-bar.file-tabs li.dropdown-menu ul.dropdown-menu-options li.file-tab.tab:hover img.nav.hover {
          display: block; }
  .card > ul.tabs.tab-bar.file-tabs li.tab:not(.file-tab):not(.sidebar) + li.file-tab.tab {
    margin-left: 0.5rem;
    border-left: 1px solid magenta; }

/**
 * Styling for the Run tab.
 */
.task-container {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  overflow: auto; }

.task-pane {
  margin: auto;
  width: 100%;
  max-width: 50rem;
  z-index: 9; }

.run-form .loading {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0; }

.task-form {
  width: 100%;
  display: table; }
  .task-form .task-form-row {
    display: table-row; }
    .task-form .task-form-row .task-form-header.label {
      width: 1px;
      display: table-cell;
      padding: 0.5rem;
      padding-left: 1rem;
      vertical-align: middle;
      text-align: right; }
      .task-form .task-form-row .task-form-header.label h3 {
        text-align: right;
        white-space: nowrap;
        margin: 0;
        padding: 0;
        font: normal 1.5rem "Alegreya Sans SC", sans-serif;
        background: transparent;
        color: #fff; }
        .task-form .task-form-row .task-form-header.label h3.break {
          white-space: normal; }
        .task-form .task-form-row .task-form-header.label h3 .info {
          display: inline-block;
          text-align: right; }
          .task-form .task-form-row .task-form-header.label h3 .info svg,
          .task-form .task-form-row .task-form-header.label h3 .info img {
            position: relative;
            vertical-align: bottom;
            bottom: 0.125rem;
            width: 1rem;
            height: 1rem;
            margin-left: 0.5rem;
            z-index: 9; }
          .task-form .task-form-row .task-form-header.label h3 .info span.environment {
            display: block;
            font: normal 1.1rem "Alegreya Sans SC", sans-serif; }
          .task-form .task-form-row .task-form-header.label h3 .info span.architecture {
            display: block;
            font: normal 1.1rem "Alegreya Sans SC", sans-serif; }
    .task-form .task-form-row .task-form-cell.settings {
      padding: 0.5rem;
      text-align: right; }
      .task-form .task-form-row .task-form-cell.settings label.slider-checkbox {
        color: white;
        font: 300 0.9rem "Lato", sans-serif;
        line-height: 1.25rem; }
    .task-form .task-form-row .task-form-cell.task-form-item {
      position: relative;
      padding: 0.5rem;
      cursor: pointer;
      -webkit-touch-callout: none;
      /* iOS Safari */
      -webkit-user-select: none;
      /* Safari */
      -khtml-user-select: none;
      /* Konqueror HTML */
      -moz-user-select: none;
      /* Firefox */
      -ms-user-select: none;
      /* Internet Explorer/Edge */
      user-select: none;
      /* Non-prefixed version, currently
         supported by Chrome and Opera */ }
      .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch,
      .task-form .task-form-row .task-form-cell.task-form-item .task-form-object {
        position: relative;
        border: 2px solid magenta;
        padding: 1rem 0.5rem;
        min-height: 6rem;
        box-sizing: border-box; }
        .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch > .info > svg.icon,
        .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch > .info > img.icon,
        .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch > svg.icon,
        .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch > img.icon,
        .task-form .task-form-row .task-form-cell.task-form-item .task-form-object > .info > svg.icon,
        .task-form .task-form-row .task-form-cell.task-form-item .task-form-object > .info > img.icon,
        .task-form .task-form-row .task-form-cell.task-form-item .task-form-object > svg.icon,
        .task-form .task-form-row .task-form-cell.task-form-item .task-form-object > img.icon {
          position: relative;
          width: 3.25rem;
          height: 3.25rem;
          vertical-align: middle;
          padding-right: 1rem;
          z-index: 9;
          padding-top: 0.325rem;
          padding-bottom: 0.325rem; }
        .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch span.name,
        .task-form .task-form-row .task-form-cell.task-form-item .task-form-object span.name {
          font: 300 1.5rem "Lato", sans-serif;
          color: #eee;
          position: relative;
          z-index: 9;
          vertical-align: middle;
          border-bottom: 1px dashed #eee; }
        .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch .info,
        .task-form .task-form-row .task-form-cell.task-form-item .task-form-object .info {
          vertical-align: middle;
          text-align: left;
          display: inline-block; }
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch .info span.type,
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-object .info span.type {
            display: block;
            font: 600 1rem "Lato", serif;
            color: #eee;
            position: relative;
            z-index: 9; }
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch .info span.name,
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-object .info span.name {
            display: block;
            font: 300 1.5rem "Lato", sans-serif;
            color: #eee;
            position: relative;
            z-index: 9;
            border-bottom: 1px dashed #eee; }
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch .info span.type + span.name,
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-object .info span.type + span.name {
            border-bottom: none; }
        .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch .info.path-info,
        .task-form .task-form-row .task-form-cell.task-form-item .task-form-object .info.path-info {
          margin-left: 1rem; }
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch .info.path-info img.arrow,
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-object .info.path-info img.arrow {
            height: 3rem;
            margin-right: 1rem;
            vertical-align: middle; }
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch .info.path-info span.path,
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-object .info.path-info span.path {
            padding: 0.5rem;
            border-radius: 0.5rem;
            color: #333;
            font: 300 1.1rem "Lato", sans-serif;
            background-color: magenta; }
        .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch .task-form-query,
        .task-form .task-form-row .task-form-cell.task-form-item .task-form-object .task-form-query {
          cursor: default;
          overflow: hidden;
          height: auto;
          transition: height 0.3s;
          position: relative;
          margin: 0;
          padding: 0;
          box-sizing: border-box;
          background-color: blue; }
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch .task-form-query .selector,
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-object .task-form-query .selector {
            margin-top: 1rem; }
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch .task-form-query ul.input-list,
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-object .task-form-query ul.input-list {
            display: table;
            width: 100%; }
            .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch .task-form-query ul.input-list > li.input,
            .task-form .task-form-row .task-form-cell.task-form-item .task-form-object .task-form-query ul.input-list > li.input {
              display: table-row;
              position: relative; }
              .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch .task-form-query ul.input-list > li.input > .object-header,
              .task-form .task-form-row .task-form-cell.task-form-item .task-form-object .task-form-query ul.input-list > li.input > .object-header {
                border-right: 0.0625px dashed #ccc;
                display: table-cell;
                max-width: 10rem;
                padding-bottom: 0.5rem;
                padding-top: 0.5rem;
                padding-right: 1rem;
                vertical-align: middle;
                width: 1%; }
                .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch .task-form-query ul.input-list > li.input > .object-header svg,
                .task-form .task-form-row .task-form-cell.task-form-item .task-form-object .task-form-query ul.input-list > li.input > .object-header svg {
                  fill: #846585;
                  height: 4rem;
                  margin-bottom: 0.5rem;
                  width: 4rem; }
                .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch .task-form-query ul.input-list > li.input > .object-header > p,
                .task-form .task-form-row .task-form-cell.task-form-item .task-form-object .task-form-query ul.input-list > li.input > .object-header > p {
                  overflow: hidden;
                  text-overflow: ellipsis; }
                  .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch .task-form-query ul.input-list > li.input > .object-header > p.type,
                  .task-form .task-form-row .task-form-cell.task-form-item .task-form-object .task-form-query ul.input-list > li.input > .object-header > p.type {
                    font: 600 0.75rem "Lato", serif; }
                  .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch .task-form-query ul.input-list > li.input > .object-header > p.name,
                  .task-form .task-form-row .task-form-cell.task-form-item .task-form-object .task-form-query ul.input-list > li.input > .object-header > p.name {
                    font: 300 1rem "Lato", sans-serif; }
              .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch .task-form-query ul.input-list > li.input > .objects-container,
              .task-form .task-form-row .task-form-cell.task-form-item .task-form-object .task-form-query ul.input-list > li.input > .objects-container {
                display: table-cell;
                padding-bottom: 0.5rem;
                padding-top: 0.5rem;
                padding-left: 1rem;
                position: relative;
                vertical-align: middle; }
                .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch .task-form-query ul.input-list > li.input > .objects-container > ul.objects,
                .task-form .task-form-row .task-form-cell.task-form-item .task-form-object .task-form-query ul.input-list > li.input > .objects-container > ul.objects {
                  justify-content: center; }
                  .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch .task-form-query ul.input-list > li.input > .objects-container > ul.objects > li.object,
                  .task-form .task-form-row .task-form-cell.task-form-item .task-form-object .task-form-query ul.input-list > li.input > .objects-container > ul.objects > li.object {
                    margin-bottom: 0; }
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch .task-form-query .objects-container,
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-object .task-form-query .objects-container {
            position: absolute;
            left: 0.0625rem;
            right: 0.0625rem;
            top: 0;
            padding-top: 1rem;
            margin: 0;
            border: none;
            box-sizing: border-box;
            display: flex;
            align-items: center;
            justify-content: center; }
            .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch .task-form-query .objects-container:first-child,
            .task-form .task-form-row .task-form-cell.task-form-item .task-form-object .task-form-query .objects-container:first-child {
              margin: 0; }
            .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch .task-form-query .objects-container ul.objects,
            .task-form .task-form-row .task-form-cell.task-form-item .task-form-object .task-form-query .objects-container ul.objects {
              border-bottom: none; }
              .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch .task-form-query .objects-container ul.objects li.object:last-child,
              .task-form .task-form-row .task-form-cell.task-form-item .task-form-object .task-form-query .objects-container ul.objects li.object:last-child {
                margin-right: 0; }
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch .task-form-query h4 + .objects-container,
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-object .task-form-query h4 + .objects-container {
            top: 2.4rem; }
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch .task-form-query h4,
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-object .task-form-query h4 {
            font: 300 1.2rem "Lato", sans-serif; }
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch .task-form-query.reveal,
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-object .task-form-query.reveal {
            height: 0 !important; }
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch .task-form-query > *:first-child,
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-object .task-form-query > *:first-child {
            margin-top: 1.5rem; }
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch .task-form-query > *:last-child,
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-object .task-form-query > *:last-child {
            margin-bottom: 0.5rem; }
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch .task-form-query::before,
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-object .task-form-query::before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            top: 0.5rem;
            width: 100%;
            border: 1px solid magenta;
            box-sizing: border-box;
            transition: background-color 0.3s; }
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch .task-form-query::after,
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-object .task-form-query::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            border-bottom: 1px solid magenta;
            height: 0.5rem; }
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch .task-form-query button.collapse,
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-object .task-form-query button.collapse {
            display: inline-block;
            overflow: hidden;
            text-indent: -9999px;
            width: 1.9375rem;
            height: 1.9375rem;
            margin-top: 0.5rem;
            border-radius: 1rem;
            cursor: pointer;
            border: none;
            background-color: #fff;
            border: 0.0625rem solid #ddd;
            position: relative; }
            .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch .task-form-query button.collapse svg,
            .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch .task-form-query button.collapse img,
            .task-form .task-form-row .task-form-cell.task-form-item .task-form-object .task-form-query button.collapse svg,
            .task-form .task-form-row .task-form-cell.task-form-item .task-form-object .task-form-query button.collapse img {
              position: absolute;
              width: 1rem;
              height: 1rem;
              top: 0.4375rem;
              left: 0.4375rem; }
            .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch .task-form-query button.collapse:first-child,
            .task-form .task-form-row .task-form-cell.task-form-item .task-form-object .task-form-query button.collapse:first-child {
              margin-top: 1rem; }
        .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch .objects-container + button.collapse,
        .task-form .task-form-row .task-form-cell.task-form-item .task-form-object .objects-container + button.collapse {
          margin-top: 12rem; }
        .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch .objects-container ~ p,
        .task-form .task-form-row .task-form-cell.task-form-item .task-form-object .objects-container ~ p {
          margin: 0 0.5rem;
          margin-top: 12rem;
          border: 0.0625rem solid #ddd;
          border-radius: 0.25rem;
          text-align: left;
          color: black;
          padding: 0.25rem 0.5rem; }
        .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch .objects-container ~ p.none,
        .task-form .task-form-row .task-form-cell.task-form-item .task-form-object .objects-container ~ p.none {
          display: none; }
        .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch .objects-container ~ p:empty,
        .task-form .task-form-row .task-form-cell.task-form-item .task-form-object .objects-container ~ p:empty {
          display: none; }
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch .objects-container ~ p:empty ~ p.none,
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-object .objects-container ~ p:empty ~ p.none {
            display: block; }
        .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch.loading,
        .task-form .task-form-row .task-form-cell.task-form-item .task-form-object.loading {
          background-image: url "/images/dynamic/hex/eeeeee/indicators/object.svg";
          background-repeat: no-repeat;
          background-position: 50% 50%;
          background-size: 10%; }
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch.loading svg.icon,
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch.loading img.icon,
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-object.loading svg.icon,
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-object.loading img.icon {
            display: none; }
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch.loading .info span.type,
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch.loading .info span.name,
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch.loading .info p,
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-object.loading .info span.type,
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-object.loading .info span.name,
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-object.loading .info p {
            display: none; }
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-dispatch.loading .task-form-query,
          .task-form .task-form-row .task-form-cell.task-form-item .task-form-object.loading .task-form-query {
            display: none; }
      .task-form .task-form-row .task-form-cell.task-form-item .task-form-inner-cell {
        border-top: none;
        padding-top: 0.5rem;
        min-height: 5rem; }
        .task-form .task-form-row .task-form-cell.task-form-item .task-form-inner-cell .info::before {
          content: "";
          position: absolute;
          left: calc(50% - 1.125rem + 2px);
          top: calc(-0.375rem + 1px);
          width: 0.8125rem;
          height: 0.75rem;
          background-color: #848484;
          border-top: 2px solid magenta;
          transform: rotate(45deg); }
        .task-form .task-form-row .task-form-cell.task-form-item .task-form-inner-cell .info::after {
          content: "";
          position: absolute;
          right: calc(50% - 1.125rem + 3px);
          top: calc(-0.375rem + 2px);
          width: 0.75rem;
          height: 0.75rem;
          background-color: blue;
          border-left: 2px solid magenta;
          transform: rotate(45deg); }
      .task-form .task-form-row .task-form-cell.task-form-item .task-form-object::before {
        content: "";
        width: 0.5rem;
        height: 0.5rem;
        left: calc(50% - 0.25rem - 2px);
        bottom: calc(-0.25rem - 3px);
        position: absolute;
        transform: rotate(45deg);
        background-color: blue;
        border: 2px solid magenta;
        border-top: none;
        border-left: none; }
      .task-form .task-form-row .task-form-cell.task-form-item .task-form-object::after {
        content: "";
        width: 0;
        height: 0;
        left: calc(50% - 0.1875rem - 1px);
        bottom: -0.1875rem;
        position: absolute;
        border-top: 0.1875rem solid magenta;
        border-left: 0.1875rem solid transparent;
        border-right: 0.1875rem solid transparent; }
      .task-form .task-form-row .task-form-cell.task-form-item::before {
        content: "";
        background-color: blue;
        border: 2px solid magenta;
        border-bottom: none;
        border-left: none;
        right: 0.5rem;
        top: 0;
        width: calc(50% - 1.25rem + 2px);
        height: 1rem;
        position: absolute;
        display: block; }
      .task-form .task-form-row .task-form-cell.task-form-item::after {
        content: "";
        background-color: blue;
        border: 2px solid magenta;
        border-bottom: none;
        border-right: none;
        left: 0.5rem;
        top: 0;
        width: calc(50% - 1.25rem);
        height: 1rem;
        position: absolute;
        display: block; }
      .task-form .task-form-row .task-form-cell.task-form-item.active::before, .task-form .task-form-row .task-form-cell.task-form-item.active::after {
        transition: background-color 0.3s; }
      .task-form .task-form-row .task-form-cell.task-form-item.active .task-form-object,
      .task-form .task-form-row .task-form-cell.task-form-item.active .task-form-dispatch {
        transition: background-color 0.3s; }
        .task-form .task-form-row .task-form-cell.task-form-item.active .task-form-object::before,
        .task-form .task-form-row .task-form-cell.task-form-item.active .task-form-dispatch::before {
          transition: background-color 0.3s; }
        .task-form .task-form-row .task-form-cell.task-form-item.active .task-form-object::after,
        .task-form .task-form-row .task-form-cell.task-form-item.active .task-form-dispatch::after {
          transition: background-color 0.3s; }
        .task-form .task-form-row .task-form-cell.task-form-item.active .task-form-object .task-form-query::after,
        .task-form .task-form-row .task-form-cell.task-form-item.active .task-form-dispatch .task-form-query::after {
          transition: background-color 0.3s; }
        .task-form .task-form-row .task-form-cell.task-form-item.active .task-form-object .info::before,
        .task-form .task-form-row .task-form-cell.task-form-item.active .task-form-object .info::after,
        .task-form .task-form-row .task-form-cell.task-form-item.active .task-form-dispatch .info::before,
        .task-form .task-form-row .task-form-cell.task-form-item.active .task-form-dispatch .info::after {
          transition: background-color 0.3s; }
    .task-form .task-form-row .task-form-cell.viewing-object + .task-form-header.label.running-object,
    .task-form .task-form-row .task-form-header.label.supplemental-object {
      padding-bottom: 1rem; }
    .task-form .task-form-row:last-child .task-form-cell:last-child {
      padding: 0.5rem;
      padding-top: 0; }
      .task-form .task-form-row:last-child .task-form-cell:last-child .submit {
        border: 2px solid magenta;
        padding: 0.5rem;
        border-bottom-left-radius: 0.5rem;
        border-bottom-right-radius: 0.5rem; }
        .task-form .task-form-row:last-child .task-form-cell:last-child .submit input.button {
          margin: 0;
          width: 10rem; }
    .task-form .task-form-row.settings + .task-form-row .task-form-cell {
      padding-top: 0; }
      .task-form .task-form-row.settings + .task-form-row .task-form-cell::before, .task-form .task-form-row.settings + .task-form-row .task-form-cell::after {
        display: none; }
      .task-form .task-form-row.settings + .task-form-row .task-form-cell .task-form-inner-cell {
        padding-top: 1rem;
        border-top: 2px solid magenta;
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0.5rem; }
        .task-form .task-form-row.settings + .task-form-row .task-form-cell .task-form-inner-cell .info::before, .task-form .task-form-row.settings + .task-form-row .task-form-cell .task-form-inner-cell .info::after {
          display: none; }
    .task-form .task-form-row .task-form-cell.task-form-item:hover:not(.active)::before, .task-form .task-form-row .task-form-cell.task-form-item:hover:not(.active)::after {
      transition: background-color 0.3s; }
    .task-form .task-form-row .task-form-cell.task-form-item:hover:not(.active) .task-form-object,
    .task-form .task-form-row .task-form-cell.task-form-item:hover:not(.active) .task-form-dispatch {
      transition: background-color 0.3s; }
      .task-form .task-form-row .task-form-cell.task-form-item:hover:not(.active) .task-form-object::before,
      .task-form .task-form-row .task-form-cell.task-form-item:hover:not(.active) .task-form-dispatch::before {
        transition: background-color 0.3s; }
      .task-form .task-form-row .task-form-cell.task-form-item:hover:not(.active) .task-form-object::after,
      .task-form .task-form-row .task-form-cell.task-form-item:hover:not(.active) .task-form-dispatch::after {
        transition: background-color 0.3s; }
      .task-form .task-form-row .task-form-cell.task-form-item:hover:not(.active) .task-form-object .task-form-query::after,
      .task-form .task-form-row .task-form-cell.task-form-item:hover:not(.active) .task-form-dispatch .task-form-query::after {
        transition: background-color 0.3s; }
      .task-form .task-form-row .task-form-cell.task-form-item:hover:not(.active) .task-form-object .info::before,
      .task-form .task-form-row .task-form-cell.task-form-item:hover:not(.active) .task-form-object .info::after,
      .task-form .task-form-row .task-form-cell.task-form-item:hover:not(.active) .task-form-dispatch .info::before,
      .task-form .task-form-row .task-form-cell.task-form-item:hover:not(.active) .task-form-dispatch .info::after {
        transition: background-color 0.3s; }
  .task-form .task-form-row.viewing-object .task-form-cell.task-form-item,
  .task-form .task-form-row.running-object .task-form-cell.task-form-item {
    margin-top: 1rem; }
  .task-form .task-form-row.viewing-object + .task-form-row.running-object .task-form-cell.task-form-item {
    margin-top: 0; }
  @media (max-width: 450px) {
    .task-form {
      display: block; }
      .task-form .task-form-row {
        display: block; }
        .task-form .task-form-row .task-form-header,
        .task-form .task-form-row .task-form-header.label {
          display: block;
          width: 100%;
          box-sizing: border-box;
          text-align: left;
          padding-top: 0;
          padding-bottom: 0; }
          .task-form .task-form-row .task-form-header h3,
          .task-form .task-form-row .task-form-header.label h3 {
            text-align: left;
            position: relative;
            padding-left: 0.5rem;
            font: normal 1.1rem "Alegreya Sans SC", sans-serif; }
            .task-form .task-form-row .task-form-header h3 .info,
            .task-form .task-form-row .task-form-header.label h3 .info {
              position: absolute;
              right: 0;
              top: 0; }
              .task-form .task-form-row .task-form-header h3 .info span.environment,
              .task-form .task-form-row .task-form-header h3 .info span.architecture,
              .task-form .task-form-row .task-form-header.label h3 .info span.environment,
              .task-form .task-form-row .task-form-header.label h3 .info span.architecture {
                display: inline-block; }
              .task-form .task-form-row .task-form-header h3 .info span + span,
              .task-form .task-form-row .task-form-header.label h3 .info span + span {
                padding-left: 0.5rem; }
        .task-form .task-form-row .task-form-cell:not(.task-form-header),
        .task-form .task-form-row .task-form-cell:not(.task-form-header).task-form-item {
          display: block;
          padding-bottom: 0;
          padding-top: 0; }
          .task-form .task-form-row .task-form-cell:not(.task-form-header)::before, .task-form .task-form-row .task-form-cell:not(.task-form-header)::after,
          .task-form .task-form-row .task-form-cell:not(.task-form-header).task-form-item::before,
          .task-form .task-form-row .task-form-cell:not(.task-form-header).task-form-item::after {
            content: none; }
          .task-form .task-form-row .task-form-cell:not(.task-form-header) .task-form-inner-cell,
          .task-form .task-form-row .task-form-cell:not(.task-form-header).task-form-item .task-form-inner-cell {
            border-top: 2px solid magenta;
            padding-top: 1rem; }
            .task-form .task-form-row .task-form-cell:not(.task-form-header) .task-form-inner-cell .info::before, .task-form .task-form-row .task-form-cell:not(.task-form-header) .task-form-inner-cell .info::after,
            .task-form .task-form-row .task-form-cell:not(.task-form-header).task-form-item .task-form-inner-cell .info::before,
            .task-form .task-form-row .task-form-cell:not(.task-form-header).task-form-item .task-form-inner-cell .info::after {
              content: none; }
        .task-form .task-form-row.supplemental-object .task-form-header.label, .task-form .task-form-row.viewing-object + .running-object .task-form-header.label {
          padding-bottom: 0; }
        .task-form .task-form-row.submit {
          padding-top: 0.5rem; } }

.task-panel {
  display: flex;
  flex-direction: column; }
  .task-panel > .card.build {
    display: flex;
    flex-direction: column;
    flex-grow: 1; }
    .task-panel > .card.build .description {
      width: 100%;
      margin: 0;
      flex: 0 0 auto;
      min-height: auto; }
    .task-panel > .card.build ul.tabs {
      flex: 0; }
    .task-panel > .card.build ul.tab-panels {
      flex: 1 1 auto;
      overflow: auto;
      position: relative; }
      .task-panel > .card.build ul.tab-panels li.tab-panel {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
        .task-panel > .card.build ul.tab-panels li.tab-panel .terminal {
          height: 100%;
          width: 100%; }

.card.task ol.task-running {
  margin-left: 1rem;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  text-align: left; }
  .card.task ol.task-running ol.task-running {
    margin-left: 1.75rem;
    margin-bottom: 0;
    border-left: 0.25rem solid #eaeaea;
    padding-left: 1rem; }
  .card.task ol.task-running .object-header {
    margin: 0; }
    .card.task ol.task-running .object-header svg.icon,
    .card.task ol.task-running .object-header img.icon {
      position: relative;
      width: 2rem;
      height: 2rem;
      vertical-align: middle;
      padding-right: 1rem;
      z-index: 9; }
    .card.task ol.task-running .object-header .info {
      text-align: left;
      display: inline-block;
      vertical-align: middle; }
      .card.task ol.task-running .object-header .info .name {
        display: block;
        font: 300 1.5rem "Lato", sans-serif;
        font-size: 1rem;
        color: #333;
        position: relative;
        z-index: 9; }
        .card.task ol.task-running .object-header .info .name span.version {
          margin-left: 0.5rem;
          font: 300 0.7rem "Lato", sans-serif;
          padding: 0.1em 0.3em;
          border-radius: 0.3em;
          text-align: center;
          border: 1px solid #eaeaea; }
      .card.task ol.task-running .object-header .info .type {
        display: block;
        font: 600 1rem "Lato", serif;
        font-size: 0.7rem;
        color: #a654a9;
        position: relative;
        z-index: 9; }
  .card.task ol.task-running li.task-item.object {
    display: block;
    margin: 0;
    padding: 0;
    margin-top: 0.75rem; }
    .card.task ol.task-running li.task-item.object a {
      display: inline-block;
      border: 1px solid #ccc;
      border-radius: 0.5rem;
      padding: 0.25rem 1rem;
      text-decoration: none; }
      .card.task ol.task-running li.task-item.object a p.summary {
        font: 0.8rem "Open Sans", sans-serif;
        color: #555;
        margin-top: 0.25rem; }

/**
 * Styles the build description metadata.
 */
.card.build .description {
  text-align: left;
  padding: 1rem;
  font: 300 0.9rem "Lato", sans-serif;
  min-height: 100%;
  max-height: 100%;
  flex: 1 0 auto;
  position: relative;
  overflow: auto;
  width: 100%;
  box-sizing: border-box; }
  .card.build .description *:not(.tag) > a {
    font: 300 0.9rem "Lato", sans-serif;
    text-decoration: underline; }
  .card.build .description .information {
    padding: 0;
    display: table;
    text-align: left; }
    .card.build .description .information > * {
      display: table-row; }
      .card.build .description .information > * > * {
        display: table-cell;
        padding-bottom: 0;
        vertical-align: baseline;
        font: 300 0.9rem "Lato", sans-serif; }
        .card.build .description .information > * > *:not(h2) {
          width: 100%;
          padding-left: 1rem; }
    .card.build .description .information h2 {
      font: 400 0.9rem "Lato", sans-serif;
      vertical-align: baseline;
      padding-top: 3px;
      text-align: left;
      white-space: nowrap; }
      .card.build .description .information h2 svg,
      .card.build .description .information h2 img {
        width: 1rem;
        height: 1rem;
        margin-right: 0.5rem;
        vertical-align: top; }
      .card.build .description .information h2 span {
        padding-right: 0.5rem; }

/**
 * This maintains the structure of running widgets.
 */
.card.object-runner.object-viewer .tab-bar.widget-toolbar {
  z-index: 9999; }

/**
 * Styling for the Run/Build terminal.
 */
.terminal.card {
  overflow: hidden;
  background: #222; }
  .terminal.card .xterm {
    padding-left: 0.25rem;
    overflow: hidden;
    background: #222; }

.run-viewer .run-form {
  display: flex;
  align-items: center;
  text-align: center;
  position: relative;
  overflow: auto; }
  .run-viewer .run-form > .image {
    display: block;
    filter: grayscale(1) brightness(0.5) contrast(0.4) blur(3px);
    opacity: 0.3;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    .run-viewer .run-form > .image img {
      display: block;
      padding: 0;
      margin: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .run-viewer .run-form > .card {
    margin: auto;
    padding: 1rem;
    border: 1px solid white;
    outline: 1px solid red;
    z-index: 9;
    width: 100%;
    max-width: 50rem;
    box-sizing: border-box; }
    .run-viewer .run-form > .card form.modal > .card {
      min-width: 16rem;
      padding: 0.5rem; }
    .run-viewer .run-form > .card form.modal .card {
      text-align: left;
      background: transparent; }
      .run-viewer .run-form > .card form.modal .card .card.section {
        border-left: 5px solid #aaa;
        padding: 0.5rem; }
      .run-viewer .run-form > .card form.modal .card span.expand::before {
        content: '\25b8'; }
      .run-viewer .run-form > .card form.modal .card span.expand.shown::before {
        content: '\25be'; }
      .run-viewer .run-form > .card form.modal .card table td:not(:first-child) {
        padding-left: 1rem; }
      .run-viewer .run-form > .card form.modal .card > h2,
      .run-viewer .run-form > .card form.modal .card > h3,
      .run-viewer .run-form > .card form.modal .card > label,
      .run-viewer .run-form > .card form.modal .card *:not(.slider-checkbox) > label {
        cursor: default;
        margin: 0;
        padding: 0;
        padding-bottom: 0.25rem;
        padding-top: 1rem;
        font: normal 1.1rem "Alegreya Sans SC", sans-serif;
        background: transparent; }
      .run-viewer .run-form > .card form.modal .card .slider-checkbox:not(:first-child) {
        margin-top: 1rem; }
      .run-viewer .run-form > .card form.modal .card .slider-checkbox input {
        width: auto;
        max-width: none;
        display: inline-block; }
      .run-viewer .run-form > .card form.modal .card .slider-checkbox label {
        display: inline-block;
        margin-left: 0; }
        .run-viewer .run-form > .card form.modal .card .slider-checkbox label::before {
          background-color: #333; }
      .run-viewer .run-form > .card form.modal .card .slider-checkbox input:checked + label::before {
        background-color: #e987f7; }
      .run-viewer .run-form > .card form.modal .card > h2:first-child,
      .run-viewer .run-form > .card form.modal .card > h3:first-child,
      .run-viewer .run-form > .card form.modal .card > label:first-child,
      .run-viewer .run-form > .card form.modal .card *:not(.slider-checkbox) > label:first-child {
        padding-top: 0; }
      .run-viewer .run-form > .card form.modal .card .outputs img {
        height: 2rem;
        max-width: calc(100% - 2rem); }
      .run-viewer .run-form > .card form.modal .card .selector,
      .run-viewer .run-form > .card form.modal .card select,
      .run-viewer .run-form > .card form.modal .card input:not(.button) {
        width: 100%;
        max-width: 100%;
        margin: 0; }
      .run-viewer .run-form > .card form.modal .card .buttons {
        display: inline-block;
        margin: auto; }
        .run-viewer .run-form > .card form.modal .card .buttons .button {
          margin: auto;
          margin-top: 0.5rem; }

/**
 * Styling for the history page.
 */
.card.object-history .sidebar.date-picker.reveal .calendar .left,
.card.object-history .sidebar.date-picker.reveal .calendar .right {
  display: none; }
.card.object-history a.publish {
  padding: 0;
  height: 2.5rem;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 0.4rem;
  background-color: #96cfdb;
  background-repeat: no-repeat;
  background-position: calc(50% + 0.25rem - 1px) 50%;
  margin-left: 1rem;
  margin-right: 1rem;
  width: calc(100% - 2rem);
  margin-bottom: 0;
  margin-top: 1rem;
  position: relative;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none; }
  .card.object-history a.publish svg.icon {
    width: 2rem;
    height: 2rem; }
  .card.object-history a.publish span {
    color: white;
    padding-left: 0.5rem; }

ul.history {
  text-align: left;
  padding: 1rem 2rem;
  margin: 0 auto;
  max-width: 60rem; }
  ul.history li.commit {
    border-top: 1px solid #ddd;
    margin: 0;
    padding: 10px 20px; }
    ul.history li.commit:last-child {
      border-bottom: 1px solid #ddd; }
    ul.history li.commit .date {
      display: inline-block;
      float: right;
      margin: 0;
      font: 300 0.9rem "Lato", serif;
      position: relative;
      top: -19px;
      padding-left: 10px;
      padding-right: 10px; }
    ul.history li.commit .name,
    ul.history li.commit .author {
      display: inline-block;
      margin: 0;
      font: bold 0.8rem "Lato", serif; }
    ul.history li.commit .name {
      font-weight: 300; }
    ul.history li.commit .message {
      display: block;
      margin: 0;
      margin-top: 0.5rem;
      font: 300 0.8rem "Lato", serif; }

/**
 * Access page styling.
 */
ul.review-links,
ul.permissions {
  display: table;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 200;
  margin: 0 auto; }
  ul.review-links input,
  ul.permissions input {
    background-color: transparent;
    border: none;
    min-width: auto;
    margin: 0; }
  ul.review-links ~ form input.link,
  ul.permissions ~ form input.link {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 200; }
  ul.review-links li,
  ul.permissions li {
    display: table-row; }
    ul.review-links li span,
    ul.permissions li span {
      vertical-align: middle;
      height: 20px;
      line-height: 20px;
      display: table-cell;
      padding: 5px 10px; }
      ul.review-links li span a,
      ul.permissions li span a {
        vertical-align: middle; }
      ul.review-links li span.icon img,
      ul.permissions li span.icon img {
        display: block;
        border-radius: 5px;
        width: 32px;
        height: 32px;
        box-shadow: 0 0 2px 0 black; }
      ul.review-links li span.remove input[type=submit],
      ul.permissions li span.remove input[type=submit] {
        margin: 0; }
      ul.review-links li span.key input[name=submit],
      ul.permissions li span.key input[name=submit] {
        min-width: auto;
        padding-left: 26px;
        background-image: url "/images/ui/public_unlocked_dot.png";
        background-repeat: no-repeat;
        background-position: 0 50%;
        background-size: 16px;
        color: #888; }
      ul.review-links li span.key[data-value=on] input,
      ul.permissions li span.key[data-value=on] input {
        background-image: url "/images/ui/public_unlocked_green.png";
        color: #333;
        font-weight: 400; }
      ul.review-links li span.key[data-value=off] input,
      ul.permissions li span.key[data-value=off] input {
        background-image: url "/images/ui/public_locked.png";
        color: #333; }
      ul.review-links li span.key .dropdown-menu-options li a,
      ul.permissions li span.key .dropdown-menu-options li a {
        padding-left: 40px;
        width: calc(100% - 48px);
        position: relative; }
        ul.review-links li span.key .dropdown-menu-options li a::after,
        ul.permissions li span.key .dropdown-menu-options li a::after {
          content: '';
          background-image: url "/images/ui/public_locked.png";
          background-position: 0% 50%;
          background-repeat: no-repeat;
          background-size: 20px;
          position: absolute;
          left: 10px;
          top: 0;
          width: 20px;
          height: 100%; }
        ul.review-links li span.key .dropdown-menu-options li a:hover::after,
        ul.permissions li span.key .dropdown-menu-options li a:hover::after {
          filter: brightness(200%); }
      ul.review-links li span.key .dropdown-menu-options li:first-child a::after,
      ul.permissions li span.key .dropdown-menu-options li:first-child a::after {
        background-image: url "/images/ui/public_unlocked_green.png"; }
      ul.review-links li span.key .dropdown-menu-options li:last-child a::after,
      ul.permissions li span.key .dropdown-menu-options li:last-child a::after {
        background-image: url "/images/ui/public_unlocked_dot.png"; }
    ul.review-links li:first-child span.icon img,
    ul.permissions li:first-child span.icon img {
      width: 20px;
      height: 20px;
      padding: 6px;
      box-shadow: none; }
    ul.review-links li.reveal,
    ul.permissions li.reveal {
      animation: reveal-animation 0.3s;
      opacity: 1; }
  ul.review-links + .add,
  ul.permissions + .add {
    padding-bottom: 20px; }
    ul.review-links + .add .loading,
    ul.permissions + .add .loading {
      margin: 0 auto; }
    ul.review-links + .add .warning,
    ul.permissions + .add .warning {
      border: 1px solid red;
      text-align: center;
      position: relative;
      margin: 0 auto; }
      ul.review-links + .add .warning .delete,
      ul.permissions + .add .warning .delete {
        min-width: auto;
        background-image: url "/images/icons/ui/remove.svg";
        background-repeat: no-repeat;
        background-size: 16px;
        background-position: 0 0;
        display: block;
        position: absolute;
        right: 2px;
        top: -1px;
        height: 14px;
        width: 14px;
        color: white;
        text-align: center;
        padding: 0;
        line-height: 10px;
        cursor: pointer;
        vertical-align: top;
        text-indent: -9999px;
        filter: brightness(70%); }
    ul.review-links + .add form,
    ul.permissions + .add form {
      margin-top: 10px; }
    ul.review-links + .add .add-person,
    ul.permissions + .add .add-person {
      font-family: "Lato", sans-serif;
      font-size: 14px;
      font-weight: 200;
      margin-left: 13px; }

.select-object .file-listing-container .file-listing-table table.file-listing tr td.actions {
  display: none; }

/**
 * Styling specific to the qrcode generation.
 */
.card img.qrcode {
  width: 16rem;
  height: 16rem;
  padding: 1rem; }

/**
 * Styling specific to System pages.
 */
.jobs-viewer table.jobs tbody tr td {
  padding: 0.5rem; }
.jobs-viewer table.jobs tbody tr td.status[data-status=failed] {
  color: red;
  font-weight: bold; }
.jobs-viewer table.jobs tbody tr td.target span {
  white-space: nowrap; }
  .jobs-viewer table.jobs tbody tr td.target span svg.icon {
    width: 1rem;
    height: 1rem;
    vertical-align: middle;
    margin-right: 0.375rem; }
.jobs-viewer table.jobs tbody tr td.identity a {
  white-space: nowrap; }

.target-viewer li.target.card {
  width: 100%; }
  .target-viewer li.target.card .target-information-container {
    max-width: 60rem;
    margin: 0 auto; }
    .target-viewer li.target.card .target-information-container .target-information {
      display: table;
      width: 100%; }
      .target-viewer li.target.card .target-information-container .target-information .target-information-row {
        display: table-row; }
        .target-viewer li.target.card .target-information-container .target-information .target-information-row .target-availability-figure {
          display: table-cell;
          padding: 0.5rem;
          vertical-align: top; }
          .target-viewer li.target.card .target-information-container .target-information .target-information-row .target-availability-figure figure {
            width: auto; }
        .target-viewer li.target.card .target-information-container .target-information .target-information-row .objects-container {
          display: table-cell;
          padding: 0.5rem;
          vertical-align: top;
          padding-top: 2rem; }
          .target-viewer li.target.card .target-information-container .target-information .target-information-row .objects-container ul.objects li.object {
            margin-bottom: 0; }
        .target-viewer li.target.card .target-information-container .target-information .target-information-row .target-availability {
          display: table-cell;
          padding: 0.5rem;
          vertical-align: middle;
          width: 100%; }
          .target-viewer li.target.card .target-information-container .target-information .target-information-row .target-availability p.status {
            padding-bottom: 0.5rem; }
          .target-viewer li.target.card .target-information-container .target-information .target-information-row .target-availability table {
            border: 0.0625rem solid #ddd; }
            .target-viewer li.target.card .target-information-container .target-information .target-information-row .target-availability table td {
              white-space: nowrap; }
              .target-viewer li.target.card .target-information-container .target-information .target-information-row .target-availability table td svg.icon {
                width: 1rem;
                height: 1rem;
                margin-left: 0.25rem;
                fill: #ffb0b0; }
            .target-viewer li.target.card .target-information-container .target-information .target-information-row .target-availability table td.status[data-status=down] {
              font-weight: bold;
              color: red; }

.workflow-widget-zone {
  width: 100%;
  height: 100%; }
  .workflow-widget-zone ul.connections {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0; }

.workflow-widget-zone,
.workflow-widget-js {
  padding: 0;
  display: block;
  overflow: hidden;
  position: relative;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
                   /* Non-prefixed version, currently
supported by Chrome and Opera */ }
  .workflow-widget-zone .hidden,
  .workflow-widget-zone [hidden],
  .workflow-widget-js .hidden,
  .workflow-widget-js [hidden] {
    display: none !important; }
  .workflow-widget-zone svg path,
  .workflow-widget-js svg path {
    fill: #e8b0e0;
    stroke: transparent;
    stroke-width: 0.625rem;
    cursor: pointer; }
    .workflow-widget-zone svg path:hover:not(.dummy),
    .workflow-widget-js svg path:hover:not(.dummy) {
      fill: #ff4be5; }
    .workflow-widget-zone svg path.port,
    .workflow-widget-js svg path.port {
      fill: #a3d495; }
      .workflow-widget-zone svg path.port:hover:not(.dummy),
      .workflow-widget-js svg path.port:hover:not(.dummy) {
        fill: #64b74c; }
    .workflow-widget-zone svg path.selected,
    .workflow-widget-js svg path.selected {
      fill: #ff6b6b;
      stroke: #ff9e9e;
      stroke-width: 0.0625rem; }
    .workflow-widget-zone svg path.highlight,
    .workflow-widget-js svg path.highlight {
      fill: #ff4be5;
      stroke: #ff4be5;
      stroke-width: 0.0625rem; }
  .workflow-widget-zone.selecting,
  .workflow-widget-js.selecting {
    cursor: crosshair; }
  .workflow-widget-zone.moving,
  .workflow-widget-js.moving {
    cursor: move; }
  .workflow-widget-zone > .selection,
  .workflow-widget-zone > .debug,
  .workflow-widget-js > .selection,
  .workflow-widget-js > .debug {
    display: block;
    position: absolute;
    background-color: rgba(90, 181, 181, 0.33);
    z-index: 9999;
    border-radius: 0.3125rem;
    border: 0.0625rem solid rgba(70, 161, 161, 0.33);
    cursor: crosshair; }
    .workflow-widget-zone > .selection.debug,
    .workflow-widget-zone > .debug.debug,
    .workflow-widget-js > .selection.debug,
    .workflow-widget-js > .debug.debug {
      background-color: rgba(255, 0, 0, 0.33); }
      .workflow-widget-zone > .selection.debug.quadtree,
      .workflow-widget-zone > .debug.debug.quadtree,
      .workflow-widget-js > .selection.debug.quadtree,
      .workflow-widget-js > .debug.debug.quadtree {
        background-color: rgba(255, 0, 255, 0.33); }
  .workflow-widget-zone ul.connections,
  .workflow-widget-js ul.connections {
    display: block;
    position: relative;
    list-style-type: none; }
    .workflow-widget-zone ul.connections .port-add-button,
    .workflow-widget-js ul.connections .port-add-button {
      display: none;
      border-radius: 0.625rem;
      left: -1.5625rem;
      bottom: 0;
      width: 1rem;
      height: 1rem;
      position: absolute;
      border: 0.0625rem solid #ddd;
      z-index: 9999;
      background-color: #fff;
      box-shadow: 0 0 0 0.25rem white;
      bottom: initial;
      top: -1.5625rem; }
      .workflow-widget-zone ul.connections .port-add-button:hover,
      .workflow-widget-js ul.connections .port-add-button:hover {
        border: 0.0625rem solid #bbb;
        background-color: #5ab5b5; }
        .workflow-widget-zone ul.connections .port-add-button:hover > img:not(:last-of-type),
        .workflow-widget-js ul.connections .port-add-button:hover > img:not(:last-of-type) {
          display: none; }
        .workflow-widget-zone ul.connections .port-add-button:hover > img.hover,
        .workflow-widget-js ul.connections .port-add-button:hover > img.hover {
          display: block; }
      .workflow-widget-zone ul.connections .port-add-button::before,
      .workflow-widget-js ul.connections .port-add-button::before {
        content: "";
        width: 0.5rem;
        height: 0.125rem;
        left: 0.25rem;
        top: 0.4375rem;
        position: absolute;
        background-color: #bbb; }
      .workflow-widget-zone ul.connections .port-add-button::after,
      .workflow-widget-js ul.connections .port-add-button::after {
        content: "";
        width: 0.125rem;
        height: 0.5rem;
        left: 0.4375rem;
        top: 0.25rem;
        position: absolute;
        background-color: #bbb; }
      .workflow-widget-zone ul.connections .port-add-button:hover::before,
      .workflow-widget-js ul.connections .port-add-button:hover::before {
        background-color: white; }
      .workflow-widget-zone ul.connections .port-add-button:hover::after,
      .workflow-widget-js ul.connections .port-add-button:hover::after {
        background-color: white; }
    .workflow-widget-zone ul.connections .input-add-button,
    .workflow-widget-js ul.connections .input-add-button {
      display: none;
      border-radius: 0.625rem;
      left: -1.5625rem;
      bottom: 0;
      width: 1rem;
      height: 1rem;
      position: absolute;
      border: 0.0625rem solid #ddd;
      z-index: 9999;
      background-color: #fff;
      box-shadow: 0 0 0 0.25rem white; }
      .workflow-widget-zone ul.connections .input-add-button:hover,
      .workflow-widget-js ul.connections .input-add-button:hover {
        border: 0.0625rem solid #bbb;
        background-color: #5ab5b5; }
        .workflow-widget-zone ul.connections .input-add-button:hover > img:not(:last-of-type),
        .workflow-widget-js ul.connections .input-add-button:hover > img:not(:last-of-type) {
          display: none; }
        .workflow-widget-zone ul.connections .input-add-button:hover > img.hover,
        .workflow-widget-js ul.connections .input-add-button:hover > img.hover {
          display: block; }
      .workflow-widget-zone ul.connections .input-add-button::before,
      .workflow-widget-js ul.connections .input-add-button::before {
        content: "";
        width: 0.5rem;
        height: 0.125rem;
        left: 0.25rem;
        top: 0.4375rem;
        position: absolute;
        background-color: #bbb; }
      .workflow-widget-zone ul.connections .input-add-button::after,
      .workflow-widget-js ul.connections .input-add-button::after {
        content: "";
        width: 0.125rem;
        height: 0.5rem;
        left: 0.4375rem;
        top: 0.25rem;
        position: absolute;
        background-color: #bbb; }
      .workflow-widget-zone ul.connections .input-add-button:hover::before,
      .workflow-widget-js ul.connections .input-add-button:hover::before {
        background-color: white; }
      .workflow-widget-zone ul.connections .input-add-button:hover::after,
      .workflow-widget-js ul.connections .input-add-button:hover::after {
        background-color: white; }
    .workflow-widget-zone ul.connections .output-add-button,
    .workflow-widget-js ul.connections .output-add-button {
      display: none;
      border-radius: 0.625rem;
      left: -1.5625rem;
      bottom: 0;
      width: 1rem;
      height: 1rem;
      position: absolute;
      border: 0.0625rem solid #ddd;
      z-index: 9999;
      background-color: #fff;
      box-shadow: 0 0 0 0.25rem white;
      left: initial;
      right: -1.5625rem; }
      .workflow-widget-zone ul.connections .output-add-button:hover,
      .workflow-widget-js ul.connections .output-add-button:hover {
        border: 0.0625rem solid #bbb;
        background-color: #5ab5b5; }
        .workflow-widget-zone ul.connections .output-add-button:hover > img:not(:last-of-type),
        .workflow-widget-js ul.connections .output-add-button:hover > img:not(:last-of-type) {
          display: none; }
        .workflow-widget-zone ul.connections .output-add-button:hover > img.hover,
        .workflow-widget-js ul.connections .output-add-button:hover > img.hover {
          display: block; }
      .workflow-widget-zone ul.connections .output-add-button::before,
      .workflow-widget-js ul.connections .output-add-button::before {
        content: "";
        width: 0.5rem;
        height: 0.125rem;
        left: 0.25rem;
        top: 0.4375rem;
        position: absolute;
        background-color: #bbb; }
      .workflow-widget-zone ul.connections .output-add-button::after,
      .workflow-widget-js ul.connections .output-add-button::after {
        content: "";
        width: 0.125rem;
        height: 0.5rem;
        left: 0.4375rem;
        top: 0.25rem;
        position: absolute;
        background-color: #bbb; }
      .workflow-widget-zone ul.connections .output-add-button:hover::before,
      .workflow-widget-js ul.connections .output-add-button:hover::before {
        background-color: white; }
      .workflow-widget-zone ul.connections .output-add-button:hover::after,
      .workflow-widget-js ul.connections .output-add-button:hover::after {
        background-color: white; }
    .workflow-widget-zone ul.connections .delete-button,
    .workflow-widget-js ul.connections .delete-button {
      display: none;
      border-radius: 0.625rem;
      left: -1.5625rem;
      bottom: 0;
      width: 1rem;
      height: 1rem;
      position: absolute;
      border: 0.0625rem solid #ddd;
      z-index: 9999;
      background-color: #fff;
      box-shadow: 0 0 0 0.25rem white;
      transform: rotate(45deg);
      left: calc(50% - 0.625rem);
      top: -1.5rem; }
      .workflow-widget-zone ul.connections .delete-button:hover,
      .workflow-widget-js ul.connections .delete-button:hover {
        border: 0.0625rem solid #bbb;
        background-color: #5ab5b5; }
        .workflow-widget-zone ul.connections .delete-button:hover > img:not(:last-of-type),
        .workflow-widget-js ul.connections .delete-button:hover > img:not(:last-of-type) {
          display: none; }
        .workflow-widget-zone ul.connections .delete-button:hover > img.hover,
        .workflow-widget-js ul.connections .delete-button:hover > img.hover {
          display: block; }
      .workflow-widget-zone ul.connections .delete-button::before,
      .workflow-widget-js ul.connections .delete-button::before {
        content: "";
        width: 0.5rem;
        height: 0.125rem;
        left: 0.25rem;
        top: 0.4375rem;
        position: absolute;
        background-color: #bbb; }
      .workflow-widget-zone ul.connections .delete-button::after,
      .workflow-widget-js ul.connections .delete-button::after {
        content: "";
        width: 0.125rem;
        height: 0.5rem;
        left: 0.4375rem;
        top: 0.25rem;
        position: absolute;
        background-color: #bbb; }
      .workflow-widget-zone ul.connections .delete-button:hover::before,
      .workflow-widget-js ul.connections .delete-button:hover::before {
        background-color: white; }
      .workflow-widget-zone ul.connections .delete-button:hover::after,
      .workflow-widget-js ul.connections .delete-button:hover::after {
        background-color: white; }
      .workflow-widget-zone ul.connections .delete-button::after, .workflow-widget-zone ul.connections .delete-button::before,
      .workflow-widget-js ul.connections .delete-button::after,
      .workflow-widget-js ul.connections .delete-button::before {
        background-color: #ff6b6b; }
      .workflow-widget-zone ul.connections .delete-button:hover,
      .workflow-widget-js ul.connections .delete-button:hover {
        background-color: #fcc;
        box-shadow: 0 0 0.0625rem 0.0625rem white inset; }
    .workflow-widget-zone ul.connections .bottom-button,
    .workflow-widget-js ul.connections .bottom-button {
      display: none;
      border-radius: 0.625rem;
      left: -1.5625rem;
      bottom: 0;
      width: 1rem;
      height: 1rem;
      position: absolute;
      border: 0.0625rem solid #ddd;
      z-index: 9999;
      background-color: #fff;
      box-shadow: 0 0 0 0.25rem white;
      top: calc(100% + 0.625rem); }
      .workflow-widget-zone ul.connections .bottom-button:hover,
      .workflow-widget-js ul.connections .bottom-button:hover {
        border: 0.0625rem solid #bbb;
        background-color: #5ab5b5; }
        .workflow-widget-zone ul.connections .bottom-button:hover > img:not(:last-of-type),
        .workflow-widget-js ul.connections .bottom-button:hover > img:not(:last-of-type) {
          display: none; }
        .workflow-widget-zone ul.connections .bottom-button:hover > img.hover,
        .workflow-widget-js ul.connections .bottom-button:hover > img.hover {
          display: block; }
      .workflow-widget-zone ul.connections .bottom-button.one.of-one,
      .workflow-widget-js ul.connections .bottom-button.one.of-one {
        left: calc(50% - 0.625rem); }
      .workflow-widget-zone ul.connections .bottom-button.one.of-two,
      .workflow-widget-js ul.connections .bottom-button.one.of-two {
        left: calc(35% - 0.625rem); }
      .workflow-widget-zone ul.connections .bottom-button.one.of-three,
      .workflow-widget-js ul.connections .bottom-button.one.of-three {
        left: calc(25% - 0.625rem); }
      .workflow-widget-zone ul.connections .bottom-button.one.of-four,
      .workflow-widget-js ul.connections .bottom-button.one.of-four {
        left: calc(14% - 0.625rem); }
      .workflow-widget-zone ul.connections .bottom-button.two.of-two,
      .workflow-widget-js ul.connections .bottom-button.two.of-two {
        left: calc(65% - 0.625rem); }
      .workflow-widget-zone ul.connections .bottom-button.two.of-three,
      .workflow-widget-js ul.connections .bottom-button.two.of-three {
        left: calc(50% - 0.625rem); }
      .workflow-widget-zone ul.connections .bottom-button.two.of-four,
      .workflow-widget-js ul.connections .bottom-button.two.of-four {
        left: calc(38% - 0.625rem); }
      .workflow-widget-zone ul.connections .bottom-button.three.of-three,
      .workflow-widget-js ul.connections .bottom-button.three.of-three {
        left: calc(75% - 0.625rem); }
      .workflow-widget-zone ul.connections .bottom-button.three.of-four,
      .workflow-widget-js ul.connections .bottom-button.three.of-four {
        left: calc(62% - 0.625rem); }
      .workflow-widget-zone ul.connections .bottom-button.four.of-four,
      .workflow-widget-js ul.connections .bottom-button.four.of-four {
        left: calc(86% - 0.625rem); }
      .workflow-widget-zone ul.connections .bottom-button svg,
      .workflow-widget-zone ul.connections .bottom-button img,
      .workflow-widget-js ul.connections .bottom-button svg,
      .workflow-widget-js ul.connections .bottom-button img {
        padding: 0.125rem;
        width: 100%;
        height: 100%;
        box-sizing: border-box; }
        .workflow-widget-zone ul.connections .bottom-button svg.hover,
        .workflow-widget-zone ul.connections .bottom-button img.hover,
        .workflow-widget-js ul.connections .bottom-button svg.hover,
        .workflow-widget-js ul.connections .bottom-button img.hover {
          display: none; }
    .workflow-widget-zone ul.connections .hide-wire-button,
    .workflow-widget-js ul.connections .hide-wire-button {
      display: none;
      border-radius: 0.625rem;
      left: -1.5625rem;
      bottom: 0;
      width: 1rem;
      height: 1rem;
      position: absolute;
      border: 0.0625rem solid #ddd;
      z-index: 9999;
      background-color: #fff;
      left: -0.625rem;
      bottom: -0.5625rem; }
      .workflow-widget-zone ul.connections .hide-wire-button:hover,
      .workflow-widget-js ul.connections .hide-wire-button:hover {
        border: 0.0625rem solid #bbb;
        background-color: #5ab5b5; }
      .workflow-widget-zone ul.connections .hide-wire-button::before,
      .workflow-widget-js ul.connections .hide-wire-button::before {
        content: '';
        display: block;
        width: 0.4375rem;
        height: 0.4375rem;
        border: solid 0.0625rem #bbb;
        border-radius: 75% 15%;
        transform: rotate(45deg);
        left: 0.25rem;
        top: 0.25rem;
        position: relative; }
      .workflow-widget-zone ul.connections .hide-wire-button::after,
      .workflow-widget-js ul.connections .hide-wire-button::after {
        content: '';
        display: block;
        width: 0.125rem;
        height: 0.6875rem;
        background: #bbb;
        border-radius: 25%;
        transform: rotate(45deg);
        left: calc(50% - 0.0625rem);
        top: calc(50% - 0.34375rem);
        position: absolute;
        box-shadow: 0 0 0 0.0625rem white; }
      .workflow-widget-zone ul.connections .hide-wire-button:hover::before,
      .workflow-widget-js ul.connections .hide-wire-button:hover::before {
        border-color: white; }
      .workflow-widget-zone ul.connections .hide-wire-button:hover::after,
      .workflow-widget-js ul.connections .hide-wire-button:hover::after {
        background: white;
        box-shadow: 0 0 0 0.0625rem #5ab5b5; }
    .workflow-widget-zone ul.connections .attach-button,
    .workflow-widget-js ul.connections .attach-button {
      display: none;
      border-radius: 0.625rem;
      left: -1.5625rem;
      bottom: 0;
      width: 1rem;
      height: 1rem;
      position: absolute;
      border: 0.0625rem solid #ddd;
      z-index: 9999;
      background-color: #fff;
      left: -0.625rem;
      bottom: -0.5625rem; }
    .workflow-widget-zone ul.connections > li.connection,
    .workflow-widget-js ul.connections > li.connection {
      position: absolute;
      box-sizing: content-box;
      display: flex;
      flex-direction: column;
      justify-content: center;
      text-align: center;
      line-height: 1em;
      width: 5.625rem;
      height: 5.125rem;
      border: 0.0625rem solid #ddd;
      border-left-width: 0.1875rem;
      border-left-color: #bbb;
      border-right-width: 0.1875rem;
      border-right-color: #bbb;
      border-radius: 0.3125rem;
      z-index: 999;
      background-color: white;
      cursor: pointer;
      padding: 0.5rem 0.3125rem; }
      .workflow-widget-zone ul.connections > li.connection > svg,
      .workflow-widget-zone ul.connections > li.connection > .icon,
      .workflow-widget-js ul.connections > li.connection > svg,
      .workflow-widget-js ul.connections > li.connection > .icon {
        width: 3.125rem;
        background-size: 2.5rem;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        border: 0.0625rem solid transparent;
        height: 3.125rem;
        display: inline-block;
        text-align: center;
        margin: 0 auto;
        line-height: 1em;
        position: absolute;
        top: 0.5rem;
        left: calc(50% - 1.625rem);
        box-sizing: border-box; }
        .workflow-widget-zone ul.connections > li.connection > svg + .type,
        .workflow-widget-zone ul.connections > li.connection > .icon + .type,
        .workflow-widget-js ul.connections > li.connection > svg + .type,
        .workflow-widget-js ul.connections > li.connection > .icon + .type {
          margin-top: 3.125rem; }
      .workflow-widget-zone ul.connections > li.connection > .icon,
      .workflow-widget-js ul.connections > li.connection > .icon {
        padding: 0.1875rem; }
        .workflow-widget-zone ul.connections > li.connection > .icon:not([src]),
        .workflow-widget-js ul.connections > li.connection > .icon:not([src]) {
          display: none; }
          .workflow-widget-zone ul.connections > li.connection > .icon:not([src]) + .type,
          .workflow-widget-js ul.connections > li.connection > .icon:not([src]) + .type {
            margin-top: 0; }
      .workflow-widget-zone ul.connections > li.connection > span.name,
      .workflow-widget-js ul.connections > li.connection > span.name {
        display: inline-block;
        font: 300 14px Lato, sans-serif;
        width: 5rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1em;
        margin: 0 auto; }
        .workflow-widget-zone ul.connections > li.connection > span.name:empty,
        .workflow-widget-js ul.connections > li.connection > span.name:empty {
          display: none; }
      .workflow-widget-zone ul.connections > li.connection > span.type,
      .workflow-widget-js ul.connections > li.connection > span.type {
        display: inline-block;
        font: bold 12px Lato, sans-serif;
        line-height: 1em;
        width: 5rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0 auto; }
        .workflow-widget-zone ul.connections > li.connection > span.type:empty,
        .workflow-widget-js ul.connections > li.connection > span.type:empty {
          display: none; }
      .workflow-widget-zone ul.connections > li.connection > .target,
      .workflow-widget-js ul.connections > li.connection > .target {
        display: none;
        border-radius: 0.625rem;
        left: -1.5625rem;
        bottom: 0;
        width: 1rem;
        height: 1rem;
        position: absolute;
        border: 0.0625rem solid #ddd;
        z-index: 9999;
        background-color: #fff;
        font: bold 12px Lato, sans-serif;
        color: #777;
        display: block;
        position: absolute;
        top: -0.5rem;
        height: 1rem;
        bottom: -0.5rem;
        background: white;
        border-radius: 0.25rem;
        font-size: 0.625rem;
        line-height: 0.875rem;
        top: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        box-sizing: border-box;
        padding-left: 0.25rem;
        padding-right: 0.25rem;
        outline: 0.0625rem solid #fff;
        box-shadow: 0 0 0.0625rem 0.0625rem #333;
        border: 0.125rem solid #888; }
        .workflow-widget-zone ul.connections > li.connection > .target.one.of-one,
        .workflow-widget-js ul.connections > li.connection > .target.one.of-one {
          left: 1rem;
          width: 4.25rem; }
        .workflow-widget-zone ul.connections > li.connection > .target.one.of-two,
        .workflow-widget-js ul.connections > li.connection > .target.one.of-two {
          left: 0.25rem;
          width: 2.75rem; }
        .workflow-widget-zone ul.connections > li.connection > .target.one.of-three,
        .workflow-widget-js ul.connections > li.connection > .target.one.of-three {
          left: 0.1875rem;
          width: 1.875rem; }
        .workflow-widget-zone ul.connections > li.connection > .target.one.of-four,
        .workflow-widget-js ul.connections > li.connection > .target.one.of-four {
          left: 0.125rem;
          width: 1.375rem; }
        .workflow-widget-zone ul.connections > li.connection > .target.two.of-two,
        .workflow-widget-js ul.connections > li.connection > .target.two.of-two {
          left: 3.25rem;
          width: 2.75rem; }
        .workflow-widget-zone ul.connections > li.connection > .target.two.of-three,
        .workflow-widget-js ul.connections > li.connection > .target.two.of-three {
          left: 2.1875rem;
          width: 1.875rem; }
        .workflow-widget-zone ul.connections > li.connection > .target.two.of-four,
        .workflow-widget-js ul.connections > li.connection > .target.two.of-four {
          left: 1.625rem;
          width: 1.375rem; }
        .workflow-widget-zone ul.connections > li.connection > .target.three.of-three,
        .workflow-widget-js ul.connections > li.connection > .target.three.of-three {
          left: 4.1875rem;
          width: 1.875rem; }
        .workflow-widget-zone ul.connections > li.connection > .target.three.of-four,
        .workflow-widget-js ul.connections > li.connection > .target.three.of-four {
          left: 3.125rem;
          width: 1.375rem; }
        .workflow-widget-zone ul.connections > li.connection > .target.four.of-four,
        .workflow-widget-js ul.connections > li.connection > .target.four.of-four {
          left: 4.625rem;
          width: 1.375rem; }
      .workflow-widget-zone ul.connections > li.connection.moving,
      .workflow-widget-js ul.connections > li.connection.moving {
        z-index: 99999 !important;
        box-shadow: 0 0 0.625rem 0.125rem #ddd; }
      .workflow-widget-zone ul.connections > li.connection.highlighted,
      .workflow-widget-js ul.connections > li.connection.highlighted {
        box-shadow: 0 0 0.625rem 0.125rem #ff4be5; }
      .workflow-widget-zone ul.connections > li.connection.selected,
      .workflow-widget-js ul.connections > li.connection.selected {
        border-color: #ff4be5;
        box-shadow: 0 0 0.625rem 0.125rem #eee;
        z-index: 99999; }
      .workflow-widget-zone ul.connections > li.connection[data-visibility="hidden"],
      .workflow-widget-js ul.connections > li.connection[data-visibility="hidden"] {
        width: 1.375rem;
        height: 1.5625rem;
        border-radius: 3.125rem;
        padding: 0; }
        .workflow-widget-zone ul.connections > li.connection[data-visibility="hidden"] > svg,
        .workflow-widget-zone ul.connections > li.connection[data-visibility="hidden"] > .icon,
        .workflow-widget-js ul.connections > li.connection[data-visibility="hidden"] > svg,
        .workflow-widget-js ul.connections > li.connection[data-visibility="hidden"] > .icon {
          width: 1.25rem;
          height: 1.25rem;
          top: 0.1875rem;
          left: 0.0625rem;
          position: absolute; }
        .workflow-widget-zone ul.connections > li.connection[data-visibility="hidden"] > span.name,
        .workflow-widget-zone ul.connections > li.connection[data-visibility="hidden"] > span.type,
        .workflow-widget-js ul.connections > li.connection[data-visibility="hidden"] > span.name,
        .workflow-widget-js ul.connections > li.connection[data-visibility="hidden"] > span.type {
          left: calc(50% - 2.5rem);
          top: 1.875rem;
          position: absolute;
          margin: 0; }
        .workflow-widget-zone ul.connections > li.connection[data-visibility="hidden"] > span.name,
        .workflow-widget-js ul.connections > li.connection[data-visibility="hidden"] > span.name {
          top: 2.9375rem; }
        .workflow-widget-zone ul.connections > li.connection[data-visibility="hidden"] > .bottom-button,
        .workflow-widget-js ul.connections > li.connection[data-visibility="hidden"] > .bottom-button {
          display: none; }
        .workflow-widget-zone ul.connections > li.connection[data-visibility="hidden"] ol.ports li.port.contains-selected:not(.disconnected) .attach-button,
        .workflow-widget-js ul.connections > li.connection[data-visibility="hidden"] ol.ports li.port.contains-selected:not(.disconnected) .attach-button {
          display: none; }
        .workflow-widget-zone ul.connections > li.connection[data-visibility="hidden"] ol.ports li.port.contains-selected:not(.disconnected) ol.connections li.connection.selected .delete-button,
        .workflow-widget-js ul.connections > li.connection[data-visibility="hidden"] ol.ports li.port.contains-selected:not(.disconnected) ol.connections li.connection.selected .delete-button {
          display: none; }
      .workflow-widget-zone ul.connections > li.connection.tracking-jobs:not(.ghost) > .icon,
      .workflow-widget-js ul.connections > li.connection.tracking-jobs:not(.ghost) > .icon {
        padding: 0.75rem; }
      .workflow-widget-zone ul.connections > li.connection.tracking-jobs:not(.ghost) > .icon:not([src]),
      .workflow-widget-js ul.connections > li.connection.tracking-jobs:not(.ghost) > .icon:not([src]) {
        display: inline-block;
        opacity: 0; }
        .workflow-widget-zone ul.connections > li.connection.tracking-jobs:not(.ghost) > .icon:not([src]) + .type,
        .workflow-widget-js ul.connections > li.connection.tracking-jobs:not(.ghost) > .icon:not([src]) + .type {
          margin-top: 3.125rem; }
      .workflow-widget-zone ul.connections > li.connection.tracking-jobs:not(.ghost) svg,
      .workflow-widget-js ul.connections > li.connection.tracking-jobs:not(.ghost) svg {
        border-radius: 50%;
        border: 0.0625rem solid #d4d4d4; }
        .workflow-widget-zone ul.connections > li.connection.tracking-jobs:not(.ghost) svg path,
        .workflow-widget-js ul.connections > li.connection.tracking-jobs:not(.ghost) svg path {
          fill: #bbb; }
@keyframes running-pulse {
  0% {
    fill: #c0c0ff; }
  100% {
    fill: #88f; } }
        .workflow-widget-zone ul.connections > li.connection.tracking-jobs:not(.ghost) svg path[data-job-status="finished"],
        .workflow-widget-js ul.connections > li.connection.tracking-jobs:not(.ghost) svg path[data-job-status="finished"] {
          fill: #82d082; }
        .workflow-widget-zone ul.connections > li.connection.tracking-jobs:not(.ghost) svg path[data-job-status="started"],
        .workflow-widget-js ul.connections > li.connection.tracking-jobs:not(.ghost) svg path[data-job-status="started"] {
          fill: #88f;
          animation: 1s infinite alternate running-pulse; }
        .workflow-widget-zone ul.connections > li.connection.tracking-jobs:not(.ghost) svg path[data-job-status="failed"],
        .workflow-widget-js ul.connections > li.connection.tracking-jobs:not(.ghost) svg path[data-job-status="failed"] {
          fill: #f88; }
      .workflow-widget-zone ul.connections > li.connection > .wire-dropdown,
      .workflow-widget-js ul.connections > li.connection > .wire-dropdown {
        background-color: white;
        border: 0.0625rem solid rgba(70, 161, 161, 0.33);
        display: block;
        outline: none;
        padding: 0 0;
        text-align: center;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 999999;
        max-height: 6.9375rem;
        overflow-y: auto; }
        .workflow-widget-zone ul.connections > li.connection > .wire-dropdown li,
        .workflow-widget-js ul.connections > li.connection > .wire-dropdown li {
          cursor: pointer;
          padding: 0.3125rem 0.625rem;
          height: 1.6875rem;
          color: #333; }
          .workflow-widget-zone ul.connections > li.connection > .wire-dropdown li:hover,
          .workflow-widget-js ul.connections > li.connection > .wire-dropdown li:hover {
            background-color: rgba(90, 181, 181, 0.33);
            color: #333; }
          .workflow-widget-zone ul.connections > li.connection > .wire-dropdown li span.type,
          .workflow-widget-js ul.connections > li.connection > .wire-dropdown li span.type {
            display: block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font: bold 10px Lato, sans-serif; }
          .workflow-widget-zone ul.connections > li.connection > .wire-dropdown li span.name,
          .workflow-widget-js ul.connections > li.connection > .wire-dropdown li span.name {
            display: block;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            font: 300 12px Lato, sans-serif; }
        .workflow-widget-zone ul.connections > li.connection > .wire-dropdown:active,
        .workflow-widget-js ul.connections > li.connection > .wire-dropdown:active {
          outline: none; }
      .workflow-widget-zone ul.connections > li.connection > ol.inputs,
      .workflow-widget-zone ul.connections > li.connection > ol.outputs,
      .workflow-widget-js ul.connections > li.connection > ol.inputs,
      .workflow-widget-js ul.connections > li.connection > ol.outputs {
        padding: 0;
        margin: 0;
        list-style-type: none; }
        .workflow-widget-zone ul.connections > li.connection > ol.inputs li.port > .label > span.name,
        .workflow-widget-zone ul.connections > li.connection > ol.outputs li.port > .label > span.name,
        .workflow-widget-js ul.connections > li.connection > ol.inputs li.port > .label > span.name,
        .workflow-widget-js ul.connections > li.connection > ol.outputs li.port > .label > span.name {
          color: #1e1e1e; }
        .workflow-widget-zone ul.connections > li.connection > ol.inputs li.port > .label > span.type,
        .workflow-widget-zone ul.connections > li.connection > ol.outputs li.port > .label > span.type,
        .workflow-widget-js ul.connections > li.connection > ol.inputs li.port > .label > span.type,
        .workflow-widget-js ul.connections > li.connection > ol.outputs li.port > .label > span.type {
          color: #398282; }
        .workflow-widget-zone ul.connections > li.connection > ol.inputs li.port > .label.revealed,
        .workflow-widget-zone ul.connections > li.connection > ol.outputs li.port > .label.revealed,
        .workflow-widget-js ul.connections > li.connection > ol.inputs li.port > .label.revealed,
        .workflow-widget-js ul.connections > li.connection > ol.outputs li.port > .label.revealed {
          display: inline-block !important; }
      .workflow-widget-zone ul.connections > li.connection ol.ports li.port.left,
      .workflow-widget-js ul.connections > li.connection ol.ports li.port.left {
        padding: 0;
        margin: 0;
        display: block;
        position: absolute;
        width: 6.25rem;
        top: 0;
        right: 6.4375rem; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.left > .label,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.left > .label {
          pointer-events: none;
          display: inline-block;
          position: absolute;
          white-space: nowrap;
          z-index: 999;
          bottom: 0.1875rem; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.left > .label > .name,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.left > .label > .name {
          display: block;
          font: 300 12px Lato, sans-serif; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.left > .label > .type,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.left > .label > .type {
          display: block;
          font: bold 10px Lato, sans-serif; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.left > .label.truncated > .type,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.left > .label.truncated > .type {
          display: none; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.left:not(.disconnected) .hide-wire-button,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.left:not(.disconnected) .hide-wire-button {
          display: none; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.left:not(.disconnected) .attach-button,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.left:not(.disconnected) .attach-button {
          display: inline-block; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.left:not(.disconnected).contains-only-partially-visible.contains-selected .hide-wire-button,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.left:not(.disconnected).contains-only-partially-visible.contains-selected .hide-wire-button {
          display: inline-block; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.left:not(.disconnected).contains-only-partially-visible.contains-selected ol.connections li.connection.selected .delete-button,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.left:not(.disconnected).contains-only-partially-visible.contains-selected ol.connections li.connection.selected .delete-button {
          display: none; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.left.disconnected:not(.drawing),
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.left.disconnected:not(.drawing) {
          border-bottom: 0.0625rem solid #e8b0e0; }
          .workflow-widget-zone ul.connections > li.connection ol.ports li.port.left.disconnected:not(.drawing)::before,
          .workflow-widget-js ul.connections > li.connection ol.ports li.port.left.disconnected:not(.drawing)::before {
            content: "";
            width: 0.375rem;
            height: 0.375rem;
            border-radius: 0.6875rem;
            background-color: #beeac4;
            border: 0.0625rem solid #9ed4a5;
            position: absolute;
            bottom: -0.3125rem; }
          .workflow-widget-zone ul.connections > li.connection ol.ports li.port.left.disconnected:not(.drawing)::after,
          .workflow-widget-js ul.connections > li.connection ol.ports li.port.left.disconnected:not(.drawing)::after {
            content: "";
            width: 0.75rem;
            height: 0.75rem;
            border-radius: 0.6975rem;
            border: 0.0625rem solid #add89d;
            background-color: transparent;
            position: absolute;
            bottom: -0.5rem; }
          .workflow-widget-zone ul.connections > li.connection ol.ports li.port.left.disconnected:not(.drawing).selected .hide-wire-button,
          .workflow-widget-js ul.connections > li.connection ol.ports li.port.left.disconnected:not(.drawing).selected .hide-wire-button {
            display: inline-block; }
          .workflow-widget-zone ul.connections > li.connection ol.ports li.port.left.disconnected:not(.drawing).selected::before,
          .workflow-widget-js ul.connections > li.connection ol.ports li.port.left.disconnected:not(.drawing).selected::before {
            background-color: #cefad4;
            border: 0.0625rem solid #aee4b5; }
          .workflow-widget-zone ul.connections > li.connection ol.ports li.port.left.disconnected:not(.drawing).selected::after,
          .workflow-widget-js ul.connections > li.connection ol.ports li.port.left.disconnected:not(.drawing).selected::after {
            border: 0.0625rem solid #bde8ad;
            box-shadow: 0 0 0.375rem 0 #ff7eff; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.left .hide-wire-button,
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.left .attach-button,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.left .hide-wire-button,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.left .attach-button {
          right: -0.625rem;
          left: auto; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.left > .label,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.left > .label {
          text-align: right;
          right: 0; }
          .workflow-widget-zone ul.connections > li.connection ol.ports li.port.left > .label > .name,
          .workflow-widget-zone ul.connections > li.connection ol.ports li.port.left > .label > .type,
          .workflow-widget-js ul.connections > li.connection ol.ports li.port.left > .label > .name,
          .workflow-widget-js ul.connections > li.connection ol.ports li.port.left > .label > .type {
            padding-right: 0.625rem; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.left.disconnected::before,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.left.disconnected::before {
          left: -0.875rem; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.left.disconnected::after,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.left.disconnected::after {
          left: -1.0625rem; }
      .workflow-widget-zone ul.connections > li.connection ol.ports li.port.right,
      .workflow-widget-js ul.connections > li.connection ol.ports li.port.right {
        padding: 0;
        margin: 0;
        display: block;
        position: absolute;
        width: 6.25rem;
        top: 0;
        left: 6.4375rem; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.right > .label,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.right > .label {
          pointer-events: none;
          display: inline-block;
          position: absolute;
          white-space: nowrap;
          z-index: 999;
          bottom: 0.1875rem; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.right > .label > .name,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.right > .label > .name {
          display: block;
          font: 300 12px Lato, sans-serif; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.right > .label > .type,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.right > .label > .type {
          display: block;
          font: bold 10px Lato, sans-serif; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.right > .label.truncated > .type,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.right > .label.truncated > .type {
          display: none; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.right:not(.disconnected) .hide-wire-button,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.right:not(.disconnected) .hide-wire-button {
          display: none; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.right:not(.disconnected) .attach-button,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.right:not(.disconnected) .attach-button {
          display: inline-block; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.right:not(.disconnected).contains-only-partially-visible.contains-selected .hide-wire-button,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.right:not(.disconnected).contains-only-partially-visible.contains-selected .hide-wire-button {
          display: inline-block; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.right:not(.disconnected).contains-only-partially-visible.contains-selected ol.connections li.connection.selected .delete-button,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.right:not(.disconnected).contains-only-partially-visible.contains-selected ol.connections li.connection.selected .delete-button {
          display: none; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.right.disconnected:not(.drawing),
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.right.disconnected:not(.drawing) {
          border-bottom: 0.0625rem solid #e8b0e0; }
          .workflow-widget-zone ul.connections > li.connection ol.ports li.port.right.disconnected:not(.drawing)::before,
          .workflow-widget-js ul.connections > li.connection ol.ports li.port.right.disconnected:not(.drawing)::before {
            content: "";
            width: 0.375rem;
            height: 0.375rem;
            border-radius: 0.6875rem;
            background-color: #beeac4;
            border: 0.0625rem solid #9ed4a5;
            position: absolute;
            bottom: -0.3125rem; }
          .workflow-widget-zone ul.connections > li.connection ol.ports li.port.right.disconnected:not(.drawing)::after,
          .workflow-widget-js ul.connections > li.connection ol.ports li.port.right.disconnected:not(.drawing)::after {
            content: "";
            width: 0.75rem;
            height: 0.75rem;
            border-radius: 0.6975rem;
            border: 0.0625rem solid #add89d;
            background-color: transparent;
            position: absolute;
            bottom: -0.5rem; }
          .workflow-widget-zone ul.connections > li.connection ol.ports li.port.right.disconnected:not(.drawing).selected .hide-wire-button,
          .workflow-widget-js ul.connections > li.connection ol.ports li.port.right.disconnected:not(.drawing).selected .hide-wire-button {
            display: inline-block; }
          .workflow-widget-zone ul.connections > li.connection ol.ports li.port.right.disconnected:not(.drawing).selected::before,
          .workflow-widget-js ul.connections > li.connection ol.ports li.port.right.disconnected:not(.drawing).selected::before {
            background-color: #cefad4;
            border: 0.0625rem solid #aee4b5; }
          .workflow-widget-zone ul.connections > li.connection ol.ports li.port.right.disconnected:not(.drawing).selected::after,
          .workflow-widget-js ul.connections > li.connection ol.ports li.port.right.disconnected:not(.drawing).selected::after {
            border: 0.0625rem solid #bde8ad;
            box-shadow: 0 0 0.375rem 0 #ff7eff; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.right > .label,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.right > .label {
          text-align: left;
          left: 0; }
          .workflow-widget-zone ul.connections > li.connection ol.ports li.port.right > .label > .name,
          .workflow-widget-zone ul.connections > li.connection ol.ports li.port.right > .label > .type,
          .workflow-widget-js ul.connections > li.connection ol.ports li.port.right > .label > .name,
          .workflow-widget-js ul.connections > li.connection ol.ports li.port.right > .label > .type {
            padding-left: 0.625rem; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.right.disconnected::before,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.right.disconnected::before {
          right: -0.875rem; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.right.disconnected::after,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.right.disconnected::after {
          right: -1.0625rem; }
      .workflow-widget-zone ul.connections > li.connection ol.ports li.port.top,
      .workflow-widget-js ul.connections > li.connection ol.ports li.port.top {
        padding: 0;
        margin: 0;
        display: block;
        position: absolute;
        width: 6.25rem;
        top: 0;
        top: auto;
        bottom: 6.3125rem;
        width: 0;
        height: 6.25rem; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.top > .label,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.top > .label {
          pointer-events: none;
          display: inline-block;
          position: absolute;
          white-space: nowrap;
          z-index: 999;
          bottom: 0.1875rem; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.top > .label > .name,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.top > .label > .name {
          display: block;
          font: 300 12px Lato, sans-serif; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.top > .label > .type,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.top > .label > .type {
          display: block;
          font: bold 10px Lato, sans-serif; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.top > .label.truncated > .type,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.top > .label.truncated > .type {
          display: none; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.top:not(.disconnected) .hide-wire-button,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.top:not(.disconnected) .hide-wire-button {
          display: none; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.top:not(.disconnected) .attach-button,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.top:not(.disconnected) .attach-button {
          display: inline-block; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.top:not(.disconnected).contains-only-partially-visible.contains-selected .hide-wire-button,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.top:not(.disconnected).contains-only-partially-visible.contains-selected .hide-wire-button {
          display: inline-block; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.top:not(.disconnected).contains-only-partially-visible.contains-selected ol.connections li.connection.selected .delete-button,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.top:not(.disconnected).contains-only-partially-visible.contains-selected ol.connections li.connection.selected .delete-button {
          display: none; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.top.disconnected:not(.drawing),
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.top.disconnected:not(.drawing) {
          border-bottom: 0.0625rem solid #e8b0e0; }
          .workflow-widget-zone ul.connections > li.connection ol.ports li.port.top.disconnected:not(.drawing)::before,
          .workflow-widget-js ul.connections > li.connection ol.ports li.port.top.disconnected:not(.drawing)::before {
            content: "";
            width: 0.375rem;
            height: 0.375rem;
            border-radius: 0.6875rem;
            background-color: #beeac4;
            border: 0.0625rem solid #9ed4a5;
            position: absolute;
            bottom: -0.3125rem; }
          .workflow-widget-zone ul.connections > li.connection ol.ports li.port.top.disconnected:not(.drawing)::after,
          .workflow-widget-js ul.connections > li.connection ol.ports li.port.top.disconnected:not(.drawing)::after {
            content: "";
            width: 0.75rem;
            height: 0.75rem;
            border-radius: 0.6975rem;
            border: 0.0625rem solid #add89d;
            background-color: transparent;
            position: absolute;
            bottom: -0.5rem; }
          .workflow-widget-zone ul.connections > li.connection ol.ports li.port.top.disconnected:not(.drawing).selected .hide-wire-button,
          .workflow-widget-js ul.connections > li.connection ol.ports li.port.top.disconnected:not(.drawing).selected .hide-wire-button {
            display: inline-block; }
          .workflow-widget-zone ul.connections > li.connection ol.ports li.port.top.disconnected:not(.drawing).selected::before,
          .workflow-widget-js ul.connections > li.connection ol.ports li.port.top.disconnected:not(.drawing).selected::before {
            background-color: #cefad4;
            border: 0.0625rem solid #aee4b5; }
          .workflow-widget-zone ul.connections > li.connection ol.ports li.port.top.disconnected:not(.drawing).selected::after,
          .workflow-widget-js ul.connections > li.connection ol.ports li.port.top.disconnected:not(.drawing).selected::after {
            border: 0.0625rem solid #bde8ad;
            box-shadow: 0 0 0.375rem 0 #ff7eff; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.top > .label,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.top > .label {
          text-align: left;
          left: -0.3125rem;
          right: auto;
          bottom: 0.4375rem;
          transform: rotate(-90deg);
          transform-origin: 0 100%; }
          .workflow-widget-zone ul.connections > li.connection ol.ports li.port.top > .label > .name,
          .workflow-widget-zone ul.connections > li.connection ol.ports li.port.top > .label > .type,
          .workflow-widget-js ul.connections > li.connection ol.ports li.port.top > .label > .name,
          .workflow-widget-js ul.connections > li.connection ol.ports li.port.top > .label > .type {
            padding: 0; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.top.disconnected,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.top.disconnected {
          border-right: 0.0625rem solid #e8b0e0;
          border-bottom: none; }
          .workflow-widget-zone ul.connections > li.connection ol.ports li.port.top.disconnected::before,
          .workflow-widget-js ul.connections > li.connection ol.ports li.port.top.disconnected::before {
            top: -0.8125rem;
            left: -0.125rem; }
          .workflow-widget-zone ul.connections > li.connection ol.ports li.port.top.disconnected::after,
          .workflow-widget-js ul.connections > li.connection ol.ports li.port.top.disconnected::after {
            top: -1rem;
            left: -0.4375rem; }
      .workflow-widget-zone ul.connections > li.connection ol.ports li.port.bottom,
      .workflow-widget-js ul.connections > li.connection ol.ports li.port.bottom {
        padding: 0;
        margin: 0;
        display: block;
        position: absolute;
        width: 6.25rem;
        top: 0;
        top: 6.3125rem;
        bottom: auto;
        width: 0;
        height: 6.25rem; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.bottom > .label,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.bottom > .label {
          pointer-events: none;
          display: inline-block;
          position: absolute;
          white-space: nowrap;
          z-index: 999;
          bottom: 0.1875rem; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.bottom > .label > .name,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.bottom > .label > .name {
          display: block;
          font: 300 12px Lato, sans-serif; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.bottom > .label > .type,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.bottom > .label > .type {
          display: block;
          font: bold 10px Lato, sans-serif; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.bottom > .label.truncated > .type,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.bottom > .label.truncated > .type {
          display: none; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.bottom:not(.disconnected) .hide-wire-button,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.bottom:not(.disconnected) .hide-wire-button {
          display: none; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.bottom:not(.disconnected) .attach-button,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.bottom:not(.disconnected) .attach-button {
          display: inline-block; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.bottom:not(.disconnected).contains-only-partially-visible.contains-selected .hide-wire-button,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.bottom:not(.disconnected).contains-only-partially-visible.contains-selected .hide-wire-button {
          display: inline-block; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.bottom:not(.disconnected).contains-only-partially-visible.contains-selected ol.connections li.connection.selected .delete-button,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.bottom:not(.disconnected).contains-only-partially-visible.contains-selected ol.connections li.connection.selected .delete-button {
          display: none; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.bottom.disconnected:not(.drawing),
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.bottom.disconnected:not(.drawing) {
          border-bottom: 0.0625rem solid #e8b0e0; }
          .workflow-widget-zone ul.connections > li.connection ol.ports li.port.bottom.disconnected:not(.drawing)::before,
          .workflow-widget-js ul.connections > li.connection ol.ports li.port.bottom.disconnected:not(.drawing)::before {
            content: "";
            width: 0.375rem;
            height: 0.375rem;
            border-radius: 0.6875rem;
            background-color: #beeac4;
            border: 0.0625rem solid #9ed4a5;
            position: absolute;
            bottom: -0.3125rem; }
          .workflow-widget-zone ul.connections > li.connection ol.ports li.port.bottom.disconnected:not(.drawing)::after,
          .workflow-widget-js ul.connections > li.connection ol.ports li.port.bottom.disconnected:not(.drawing)::after {
            content: "";
            width: 0.75rem;
            height: 0.75rem;
            border-radius: 0.6975rem;
            border: 0.0625rem solid #add89d;
            background-color: transparent;
            position: absolute;
            bottom: -0.5rem; }
          .workflow-widget-zone ul.connections > li.connection ol.ports li.port.bottom.disconnected:not(.drawing).selected .hide-wire-button,
          .workflow-widget-js ul.connections > li.connection ol.ports li.port.bottom.disconnected:not(.drawing).selected .hide-wire-button {
            display: inline-block; }
          .workflow-widget-zone ul.connections > li.connection ol.ports li.port.bottom.disconnected:not(.drawing).selected::before,
          .workflow-widget-js ul.connections > li.connection ol.ports li.port.bottom.disconnected:not(.drawing).selected::before {
            background-color: #cefad4;
            border: 0.0625rem solid #aee4b5; }
          .workflow-widget-zone ul.connections > li.connection ol.ports li.port.bottom.disconnected:not(.drawing).selected::after,
          .workflow-widget-js ul.connections > li.connection ol.ports li.port.bottom.disconnected:not(.drawing).selected::after {
            border: 0.0625rem solid #bde8ad;
            box-shadow: 0 0 0.375rem 0 #ff7eff; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.bottom .hide-wire-button,
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.bottom .attach-button,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.bottom .hide-wire-button,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.bottom .attach-button {
          left: -0.5625rem;
          bottom: auto;
          top: -0.625rem; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.bottom > .label,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.bottom > .label {
          text-align: right;
          left: auto;
          right: 0.3125rem;
          top: -1.125rem;
          bottom: auto;
          transform: rotate(-90deg);
          transform-origin: 100% 100%; }
          .workflow-widget-zone ul.connections > li.connection ol.ports li.port.bottom > .label > .name,
          .workflow-widget-zone ul.connections > li.connection ol.ports li.port.bottom > .label > .type,
          .workflow-widget-js ul.connections > li.connection ol.ports li.port.bottom > .label > .name,
          .workflow-widget-js ul.connections > li.connection ol.ports li.port.bottom > .label > .type {
            padding: 0; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.bottom.disconnected,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.bottom.disconnected {
          border-right: 0.0625rem solid #e8b0e0;
          border-bottom: none; }
          .workflow-widget-zone ul.connections > li.connection ol.ports li.port.bottom.disconnected::before,
          .workflow-widget-js ul.connections > li.connection ol.ports li.port.bottom.disconnected::before {
            bottom: -0.8125rem;
            left: -0.125rem; }
          .workflow-widget-zone ul.connections > li.connection ol.ports li.port.bottom.disconnected::after,
          .workflow-widget-js ul.connections > li.connection ol.ports li.port.bottom.disconnected::after {
            bottom: -1rem;
            left: -0.4375rem; }
      .workflow-widget-zone ul.connections > li.connection ol.ports li.port li.connection,
      .workflow-widget-js ul.connections > li.connection ol.ports li.port li.connection {
        padding: 0;
        margin: 0;
        display: block;
        position: absolute;
        width: 0.0625rem;
        height: 0.0625rem;
        background-color: transparent;
        left: auto;
        top: auto;
        bottom: auto;
        right: auto;
        border: none; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port li.connection .delete-button,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port li.connection .delete-button {
          top: -0.5675rem;
          display: none;
          box-shadow: none; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port li.connection.selected .delete-button,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port li.connection.selected .delete-button {
          display: inline-block; }
      .workflow-widget-zone ul.connections > li.connection ol.ports li.port ol.connections,
      .workflow-widget-js ul.connections > li.connection ol.ports li.port ol.connections {
        padding: 0;
        margin: 0; }
      .workflow-widget-zone ul.connections > li.connection ol.ports li.port.left ol.connections li.connection,
      .workflow-widget-js ul.connections > li.connection ol.ports li.port.left ol.connections li.connection {
        right: 0; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.left ol.connections li.connection .delete-button,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.left ol.connections li.connection .delete-button {
          left: auto;
          right: -0.625rem; }
      .workflow-widget-zone ul.connections > li.connection ol.ports li.port.right ol.connections li.connection,
      .workflow-widget-js ul.connections > li.connection ol.ports li.port.right ol.connections li.connection {
        left: 0; }
      .workflow-widget-zone ul.connections > li.connection ol.ports li.port.top ol.connections li.connection,
      .workflow-widget-js ul.connections > li.connection ol.ports li.port.top ol.connections li.connection {
        bottom: 0; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.top ol.connections li.connection .delete-button,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.top ol.connections li.connection .delete-button {
          top: -0.5rem; }
      .workflow-widget-zone ul.connections > li.connection ol.ports li.port.bottom ol.connections li.connection,
      .workflow-widget-js ul.connections > li.connection ol.ports li.port.bottom ol.connections li.connection {
        top: 0; }
        .workflow-widget-zone ul.connections > li.connection ol.ports li.port.bottom ol.connections li.connection .delete-button,
        .workflow-widget-js ul.connections > li.connection ol.ports li.port.bottom ol.connections li.connection .delete-button {
          top: -0.625rem;
          left: calc(50% - 0.5625rem); }
      .workflow-widget-zone ul.connections > li.connection ol.ports:not(.inputs):not(.outputs) li.port.disconnected,
      .workflow-widget-js ul.connections > li.connection ol.ports:not(.inputs):not(.outputs) li.port.disconnected {
        border-color: #a3d495; }
      .workflow-widget-zone ul.connections > li.connection[data-visibility="hidden"] ol.ports li.port > .label,
      .workflow-widget-js ul.connections > li.connection[data-visibility="hidden"] ol.ports li.port > .label {
        display: none; }
      .workflow-widget-zone ul.connections > li.connection[data-visibility="hidden"] ol.ports li.port.left,
      .workflow-widget-js ul.connections > li.connection[data-visibility="hidden"] ol.ports li.port.left {
        right: 1.5625rem; }
      .workflow-widget-zone ul.connections > li.connection[data-visibility="hidden"] ol.ports li.port.right,
      .workflow-widget-js ul.connections > li.connection[data-visibility="hidden"] ol.ports li.port.right {
        left: 1.5625rem; }
      .workflow-widget-zone ul.connections > li.connection.ghost,
      .workflow-widget-js ul.connections > li.connection.ghost {
        width: 0.0625rem;
        height: 0.0625rem;
        position: absolute;
        padding: 0;
        margin: 0;
        border: none;
        background: none;
        outline: none;
        overflow: hidden;
        pointer-events: none; }
      .workflow-widget-zone ul.connections > li.connection.dummy ol.ports li.port .attach-button,
      .workflow-widget-js ul.connections > li.connection.dummy ol.ports li.port .attach-button {
        display: none !important; }
      .workflow-widget-zone ul.connections > li.connection.viewing,
      .workflow-widget-js ul.connections > li.connection.viewing {
        z-index: 99999 !important; }
        .workflow-widget-zone ul.connections > li.connection.viewing > div.port-add-button,
        .workflow-widget-zone ul.connections > li.connection.viewing > div.input-add-button,
        .workflow-widget-zone ul.connections > li.connection.viewing > div.output-add-button,
        .workflow-widget-zone ul.connections > li.connection.viewing > div.delete-button,
        .workflow-widget-zone ul.connections > li.connection.viewing > div.bottom-button,
        .workflow-widget-js ul.connections > li.connection.viewing > div.port-add-button,
        .workflow-widget-js ul.connections > li.connection.viewing > div.input-add-button,
        .workflow-widget-js ul.connections > li.connection.viewing > div.output-add-button,
        .workflow-widget-js ul.connections > li.connection.viewing > div.delete-button,
        .workflow-widget-js ul.connections > li.connection.viewing > div.bottom-button {
          display: inline-block; }
        .workflow-widget-zone ul.connections > li.connection.viewing ol.ports li.port:not(.disconnected) .attach-button,
        .workflow-widget-js ul.connections > li.connection.viewing ol.ports li.port:not(.disconnected) .attach-button {
          display: none; }
  .workflow-widget-zone ul.connections.draggable,
  .workflow-widget-js ul.connections.draggable {
    margin: 0; }

/* This styles the test viewer widget which shows the tests for an object
 * including the structure and documentation for each section.
 */
.content .card .test-viewer-overview {
  overflow: auto; }
  .content .card .test-viewer-overview ul.overviews {
    flex-direction: row;
    display: flex; }
    .content .card .test-viewer-overview ul.overviews li.overview {
      flex: 1 0 auto; }
    .content .card .test-viewer-overview ul.overviews li.overview:not(:last-child) {
      border-right: 1px solid #ddd; }

.content .card .test-viewer {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem; }
  .content .card .test-viewer figure.donut {
    margin: 0 auto; }
    .content .card .test-viewer figure.donut figcaption ul.donut-keys span:not(.circle) {
      font: 400 0.9rem Open Sans, sans-serif; }
  .content .card .test-viewer ul.test-groups {
    text-align: left; }
    .content .card .test-viewer ul.test-groups h2,
    .content .card .test-viewer ul.test-groups h3,
    .content .card .test-viewer ul.test-groups h4,
    .content .card .test-viewer ul.test-groups h5,
    .content .card .test-viewer ul.test-groups h6 {
      font: 300 1rem "Open Sans", sans-serif; }
      .content .card .test-viewer ul.test-groups h2 span.type,
      .content .card .test-viewer ul.test-groups h3 span.type,
      .content .card .test-viewer ul.test-groups h4 span.type,
      .content .card .test-viewer ul.test-groups h5 span.type,
      .content .card .test-viewer ul.test-groups h6 span.type {
        margin-left: 0.5rem;
        font: 600 0.8rem "Open Sans", sans-serif;
        color: #aaa; }
    .content .card .test-viewer ul.test-groups ul.test-groups {
      margin-left: 15px; }
    .content .card .test-viewer ul.test-groups li.test-group {
      margin-top: 10px; }
      .content .card .test-viewer ul.test-groups li.test-group ul.tests li.test {
        font: normal 0.8rem "Open Sans", sans-serif;
        position: relative;
        padding-left: 2rem; }
        .content .card .test-viewer ul.test-groups li.test-group ul.tests li.test.failed {
          color: red; }
        .content .card .test-viewer ul.test-groups li.test-group ul.tests li.test img {
          width: 1.5rem;
          height: 1.5rem;
          vertical-align: middle;
          position: absolute;
          top: 0;
          left: 0; }
        .content .card .test-viewer ul.test-groups li.test-group ul.tests li.test > span {
          vertical-align: middle; }
        .content .card .test-viewer ul.test-groups li.test-group ul.tests li.test span.type {
          font: 600 0.8rem "Open Sans", sans-serif; }
        .content .card .test-viewer ul.test-groups li.test-group ul.tests li.test span.result {
          display: none; }
        .content .card .test-viewer ul.test-groups li.test-group ul.tests li.test span.time {
          color: #aaa;
          margin-left: 0.5rem;
          white-space: nowrap; }

.test-metadata-container {
  width: 100%;
  overflow-x: auto;
  border: 1px solid #aaa;
  max-width: 28rem;
  margin: 0 auto; }
  .test-metadata-container table.test-metadata {
    width: 100%; }
    .test-metadata-container table.test-metadata tbody tr td {
      padding: 0.25rem;
      text-align: left; }
    .test-metadata-container table.test-metadata tbody tr td:first-child {
      border-right: 1px solid #aaa; }
    .test-metadata-container table.test-metadata tbody tr:not(:last-child) td {
      border-bottom: 1px solid #aaa; }

/**
 * The styling for the run list panel.
 */
.sidebar ul.jobs,
.sidebar ul.runs,
.sidebar nav.navigation-list > ul {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  vertical-align: top;
  position: relative;
  text-align: left; }
  .sidebar ul.jobs p,
  .sidebar ul.jobs h3,
  .sidebar ul.runs p,
  .sidebar ul.runs h3,
  .sidebar nav.navigation-list > ul p,
  .sidebar nav.navigation-list > ul h3 {
    margin: 0;
    padding: 0.5rem;
    border-bottom: 1px solid #eaeaea; }
  .sidebar ul.jobs h3,
  .sidebar ul.runs h3,
  .sidebar nav.navigation-list > ul h3 {
    padding-bottom: 3px;
    font: bold 0.9rem "Lato", sans-serif; }
  .sidebar ul.jobs .loading,
  .sidebar ul.runs .loading,
  .sidebar nav.navigation-list > ul .loading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .sidebar ul.jobs p,
  .sidebar ul.runs p,
  .sidebar nav.navigation-list > ul p {
    color: #888; }
  .sidebar ul.jobs > li,
  .sidebar ul.runs > li,
  .sidebar nav.navigation-list > ul > li {
    position: relative;
    display: flex;
    flex-direction: row;
    /* Run list delete button */ }
    .sidebar ul.jobs > li form .delete,
    .sidebar ul.runs > li form .delete,
    .sidebar nav.navigation-list > ul > li form .delete {
      display: none; }
    .sidebar ul.jobs > li > a,
    .sidebar ul.runs > li > a,
    .sidebar nav.navigation-list > ul > li > a {
      position: relative;
      display: block;
      flex: 1 1 auto;
      padding-left: 3.5rem;
      padding-right: 0.5rem;
      border-bottom: 1px solid #eaeaea;
      font: normal 0.78rem "Lato", sans-serif;
      z-index: 99999;
      height: 3rem;
      line-height: 3rem;
      text-decoration: none; }
      .sidebar ul.jobs > li > a.clicked,
      .sidebar ul.runs > li > a.clicked,
      .sidebar nav.navigation-list > ul > li > a.clicked {
        outline: none; }
      .sidebar ul.jobs > li > a:hover,
      .sidebar ul.runs > li > a:hover,
      .sidebar nav.navigation-list > ul > li > a:hover {
        text-decoration: none; }
      .sidebar ul.jobs > li > a span.status,
      .sidebar ul.runs > li > a span.status,
      .sidebar nav.navigation-list > ul > li > a span.status {
        display: inline-block;
        position: absolute;
        width: 2rem;
        height: 2rem;
        top: calc(50% - 1rem);
        left: 10px; }
        .sidebar ul.jobs > li > a span.status svg,
        .sidebar ul.runs > li > a span.status svg,
        .sidebar nav.navigation-list > ul > li > a span.status svg {
          width: 2rem;
          height: 2rem;
          padding-left: 4px; }
          .sidebar ul.jobs > li > a span.status svg.failed, .sidebar ul.jobs > li > a span.status svg.done,
          .sidebar ul.runs > li > a span.status svg.failed,
          .sidebar ul.runs > li > a span.status svg.done,
          .sidebar nav.navigation-list > ul > li > a span.status svg.failed,
          .sidebar nav.navigation-list > ul > li > a span.status svg.done {
            display: none; }
        .sidebar ul.jobs > li > a span.status .dot,
        .sidebar ul.runs > li > a span.status .dot,
        .sidebar nav.navigation-list > ul > li > a span.status .dot {
          display: none;
          position: absolute;
          width: 0.5rem;
          height: 0.5rem;
          animation: 0.9s infinite alternate pulse;
          animation-delay: 0s;
          margin-left: 1px;
          margin-top: 1px;
          left: 0;
          top: calc(50% - 4px);
          border-radius: 1rem;
          background-color: #b3b3b3; }
        .sidebar ul.jobs > li > a span.status img ~ .dot,
        .sidebar ul.jobs > li > a span.status svg ~ .dot,
        .sidebar ul.runs > li > a span.status img ~ .dot,
        .sidebar ul.runs > li > a span.status svg ~ .dot,
        .sidebar nav.navigation-list > ul > li > a span.status img ~ .dot,
        .sidebar nav.navigation-list > ul > li > a span.status svg ~ .dot {
          top: 23px; }
        .sidebar ul.jobs > li > a span.status .dot + .dot,
        .sidebar ul.runs > li > a span.status .dot + .dot,
        .sidebar nav.navigation-list > ul > li > a span.status .dot + .dot {
          animation-delay: -0.6s;
          left: 0.7rem; }
      .sidebar ul.jobs > li > a span.status + span:not(:last-child),
      .sidebar ul.runs > li > a span.status + span:not(:last-child),
      .sidebar nav.navigation-list > ul > li > a span.status + span:not(:last-child) {
        padding-top: 0.6rem;
        line-height: 1em;
        height: 1em;
        display: block;
        font-weight: normal;
        text-overflow: ellipsis;
        overflow: hidden; }
        .sidebar ul.jobs > li > a span.status + span:not(:last-child) + span,
        .sidebar ul.runs > li > a span.status + span:not(:last-child) + span,
        .sidebar nav.navigation-list > ul > li > a span.status + span:not(:last-child) + span {
          padding-top: 2px;
          line-height: 1em;
          height: 1em;
          display: block;
          text-overflow: ellipsis;
          overflow: hidden; }
      .sidebar ul.jobs > li > a + ul.actions,
      .sidebar ul.runs > li > a + ul.actions,
      .sidebar nav.navigation-list > ul > li > a + ul.actions {
        position: relative;
        display: none;
        height: 3rem;
        line-height: 3rem;
        z-index: 99999;
        padding-right: 0.125rem;
        right: 0; }
        .sidebar ul.jobs > li > a + ul.actions li.action,
        .sidebar ul.runs > li > a + ul.actions li.action,
        .sidebar nav.navigation-list > ul > li > a + ul.actions li.action {
          display: inline-block;
          width: 1rem;
          height: 1rem;
          padding-right: 5px;
          vertical-align: top; }
          .sidebar ul.jobs > li > a + ul.actions li.action button,
          .sidebar ul.runs > li > a + ul.actions li.action button,
          .sidebar nav.navigation-list > ul > li > a + ul.actions li.action button {
            text-indent: -9999px;
            overflow: hidden;
            width: 1rem;
            height: 1rem;
            display: block;
            border: none;
            outline: none;
            cursor: pointer;
            position: relative;
            background: none;
            background-size: 100% 100%;
            background-position: 0 0;
            background-repeat: no-repeat; }
            .sidebar ul.jobs > li > a + ul.actions li.action button svg,
            .sidebar ul.runs > li > a + ul.actions li.action button svg,
            .sidebar nav.navigation-list > ul > li > a + ul.actions li.action button svg {
              width: 1rem;
              height: 1rem;
              position: absolute;
              left: 0;
              top: 0; }
    .sidebar ul.jobs > li[data-status=done] > a span.status svg.done,
    .sidebar ul.runs > li[data-status=done] > a span.status svg.done,
    .sidebar nav.navigation-list > ul > li[data-status=done] > a span.status svg.done {
      height: 2rem;
      width: 2rem;
      display: inline-block; }
    .sidebar ul.jobs > li[data-status=done] > a span.status.job,
    .sidebar ul.runs > li[data-status=done] > a span.status.job,
    .sidebar nav.navigation-list > ul > li[data-status=done] > a span.status.job {
      height: 38px;
      background-position: 50% 17px;
      background-size: 20px 20px; }
    .sidebar ul.jobs > li[data-status=done] > a span.status img,
    .sidebar ul.runs > li[data-status=done] > a span.status img,
    .sidebar nav.navigation-list > ul > li[data-status=done] > a span.status img {
      top: -7px;
      position: relative;
      height: 22px;
      width: 22px; }
    .sidebar ul.jobs > li[data-status=failed] > a span.status svg.failed,
    .sidebar ul.runs > li[data-status=failed] > a span.status svg.failed,
    .sidebar nav.navigation-list > ul > li[data-status=failed] > a span.status svg.failed {
      height: 2rem;
      width: 2rem;
      display: inline-block; }
    .sidebar ul.jobs > li[data-status=failed] > a span.status.job,
    .sidebar ul.runs > li[data-status=failed] > a span.status.job,
    .sidebar nav.navigation-list > ul > li[data-status=failed] > a span.status.job {
      height: 38px;
      background-position: 50% 17px;
      background-size: 20px 20px; }
    .sidebar ul.jobs > li[data-status=failed] > a span.status img,
    .sidebar ul.runs > li[data-status=failed] > a span.status img,
    .sidebar nav.navigation-list > ul > li[data-status=failed] > a span.status img {
      top: -7px;
      position: relative;
      height: 22px;
      width: 22px; }
    .sidebar ul.jobs > li[data-status=running] > a span.status .dot, .sidebar ul.jobs > li[data-status=pending] > a span.status .dot,
    .sidebar ul.runs > li[data-status=running] > a span.status .dot,
    .sidebar ul.runs > li[data-status=pending] > a span.status .dot,
    .sidebar nav.navigation-list > ul > li[data-status=running] > a span.status .dot,
    .sidebar nav.navigation-list > ul > li[data-status=pending] > a span.status .dot {
      display: inline-block; }
    .sidebar ul.jobs > li[data-status=running] > a span.status img, .sidebar ul.jobs > li[data-status=pending] > a span.status img,
    .sidebar ul.runs > li[data-status=running] > a span.status img,
    .sidebar ul.runs > li[data-status=pending] > a span.status img,
    .sidebar nav.navigation-list > ul > li[data-status=running] > a span.status img,
    .sidebar nav.navigation-list > ul > li[data-status=pending] > a span.status img {
      top: -7px;
      position: relative;
      height: 22px;
      width: 22px; }
    .sidebar ul.jobs > li[data-status=pending] > a span.status .dot,
    .sidebar ul.runs > li[data-status=pending] > a span.status .dot,
    .sidebar nav.navigation-list > ul > li[data-status=pending] > a span.status .dot {
      animation: none;
      animation-delay: 0s;
      width: 4px;
      height: 4px;
      margin-left: 3px;
      margin-top: 3px; }
      .sidebar ul.jobs > li[data-status=pending] > a span.status .dot + .dot,
      .sidebar ul.runs > li[data-status=pending] > a span.status .dot + .dot,
      .sidebar nav.navigation-list > ul > li[data-status=pending] > a span.status .dot + .dot {
        animation-delay: 0s; }
    .sidebar ul.jobs > li > a span.status .dot + .dot + .dot,
    .sidebar ul.runs > li > a span.status .dot + .dot + .dot,
    .sidebar nav.navigation-list > ul > li > a span.status .dot + .dot + .dot {
      animation-delay: -0.3s;
      left: 1.4rem; }
    .sidebar ul.jobs > li[data-status=pending] > a span.status .dot + .dot + .dot,
    .sidebar ul.runs > li[data-status=pending] > a span.status .dot + .dot + .dot,
    .sidebar nav.navigation-list > ul > li[data-status=pending] > a span.status .dot + .dot + .dot {
      animation-delay: 0s; }
    .sidebar ul.jobs > li.active form .delete,
    .sidebar ul.runs > li.active form .delete,
    .sidebar nav.navigation-list > ul > li.active form .delete {
      display: block; }
    .sidebar ul.jobs > li.active > a,
    .sidebar ul.runs > li.active > a,
    .sidebar nav.navigation-list > ul > li.active > a {
      font: 1000 0.78rem "Lato", sans-serif;
      line-height: 3rem;
      margin-left: 1rem;
      -webkit-transition: margin-left 0.3s, margin-right 0.3s;
      transition: margin-left 0.3s, margin-right 0.3s; }
    .sidebar ul.jobs > li.active > ul.actions,
    .sidebar ul.runs > li.active > ul.actions,
    .sidebar nav.navigation-list > ul > li.active > ul.actions {
      display: flex;
      flex-direction: row;
      align-items: center;
      right: 0; }
    .sidebar ul.jobs > li.active .before,
    .sidebar ul.runs > li.active .before,
    .sidebar nav.navigation-list > ul > li.active .before {
      content: '';
      display: block;
      width: 1.4rem;
      height: 1.4rem;
      position: absolute;
      left: 0.3rem;
      border: 1px solid #eaeaea;
      top: calc(100% - 2.35rem);
      z-index: 99999;
      transform: rotate(45deg); }
    .sidebar ul.jobs > li.active + h3, .sidebar ul.jobs > li.active + p, .sidebar ul.jobs > li.active + li > a,
    .sidebar ul.runs > li.active + h3,
    .sidebar ul.runs > li.active + p,
    .sidebar ul.runs > li.active + li > a,
    .sidebar nav.navigation-list > ul > li.active + h3,
    .sidebar nav.navigation-list > ul > li.active + p,
    .sidebar nav.navigation-list > ul > li.active + li > a {
      border-top: 1px solid #eaeaea;
      margin-top: -1px; }
    .sidebar ul.jobs > li.active > a:focus,
    .sidebar ul.runs > li.active > a:focus,
    .sidebar nav.navigation-list > ul > li.active > a:focus {
      outline: none; }
    .sidebar ul.jobs > li.active > a span.status svg.failed,
    .sidebar ul.jobs > li.active > a span.status svg.done,
    .sidebar ul.runs > li.active > a span.status svg.failed,
    .sidebar ul.runs > li.active > a span.status svg.done,
    .sidebar nav.navigation-list > ul > li.active > a span.status svg.failed,
    .sidebar nav.navigation-list > ul > li.active > a span.status svg.done {
      display: none; }
    .sidebar ul.jobs > li.active[data-status=done] > a span.status svg.done,
    .sidebar ul.runs > li.active[data-status=done] > a span.status svg.done,
    .sidebar nav.navigation-list > ul > li.active[data-status=done] > a span.status svg.done {
      display: inline-block; }
    .sidebar ul.jobs > li.active[data-status=failed] > a span.status svg.failed,
    .sidebar ul.runs > li.active[data-status=failed] > a span.status svg.failed,
    .sidebar nav.navigation-list > ul > li.active[data-status=failed] > a span.status svg.failed {
      display: inline-block; }
@keyframes pulse {
  0% {
    width: 0.5rem;
    height: 0.5rem;
    margin-left: 0.0625rem;
    margin-top: 0.0625rem; }
  50% {
    width: 0.25rem;
    height: 0.25rem;
    margin-left: 0.1875em;
    margin-top: 0.1875rem; } }
@keyframes slow-pulse {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.7; } }
  .sidebar ul.jobs.left > li,
  .sidebar ul.runs.left > li,
  .sidebar nav.navigation-list > ul.left > li {
    padding-right: 0;
    -webkit-transition: padding-right 0.3s;
    transition: padding-right 0.3s; }
    .sidebar ul.jobs.left > li .before,
    .sidebar ul.runs.left > li .before,
    .sidebar nav.navigation-list > ul.left > li .before {
      left: auto;
      right: 0.3rem; }
    .sidebar ul.jobs.left > li:not(.active) a,
    .sidebar ul.runs.left > li:not(.active) a,
    .sidebar nav.navigation-list > ul.left > li:not(.active) a {
      margin-left: 0;
      margin-right: 0; }
    .sidebar ul.jobs.left > li.active,
    .sidebar ul.runs.left > li.active,
    .sidebar nav.navigation-list > ul.left > li.active {
      padding-right: 1rem; }
      .sidebar ul.jobs.left > li.active a,
      .sidebar ul.runs.left > li.active a,
      .sidebar nav.navigation-list > ul.left > li.active a {
        margin-left: 0;
        margin-right: 0; }
        .sidebar ul.jobs.left > li.active a + ul.actions,
        .sidebar ul.runs.left > li.active a + ul.actions,
        .sidebar nav.navigation-list > ul.left > li.active a + ul.actions {
          right: 0; }
  .sidebar ul.jobs .ps__rail-y,
  .sidebar ul.runs .ps__rail-y,
  .sidebar nav.navigation-list > ul .ps__rail-y {
    z-index: 99999; }
.sidebar nav.navigation-list > ul li a {
  padding-left: 1rem; }

/**
 * Styling for the social sidebar.
 */
/**
 * Styling for each individual comment.
 */
.social.sidebar ul.comments {
  /* An individual comment */ }
  .social.sidebar ul.comments li.comment {
    /* The highlighted comment */
    /* The avatar icon to accompany the post */
    /* The name of the poster */
    /* The verb of the activity */
    /* The time or time ago the post was made */
    /* The actual content */ }
    .social.sidebar ul.comments li.comment.active > .comment-body {
      background-color: #eee; }
    .social.sidebar ul.comments li.comment .header {
      margin-left: 40px; }
    .social.sidebar ul.comments li.comment .actions {
      margin-left: 40px;
      position: relative;
      top: -4px; }
      .social.sidebar ul.comments li.comment .actions a,
      .social.sidebar ul.comments li.comment .actions input {
        font: 300 0.7rem "Lato", sans-serif; }
    .social.sidebar ul.comments li.comment span {
      display: inline-block;
      font: 300 0.9rem "Lato", sans-serif; }
    .social.sidebar ul.comments li.comment span.avatar {
      margin-right: 5px;
      position: absolute; }
      .social.sidebar ul.comments li.comment span.avatar img {
        width: 30px;
        height: 30px;
        border-radius: 5px;
        border: 1px solid #e0e0e0; }
    .social.sidebar ul.comments li.comment:not(:first-child) {
      margin-top: 15px; }
    .social.sidebar ul.comments li.comment span.name {
      font: bold 0.9rem "Lato", sans-serif;
      color: #585858; }
    .social.sidebar ul.comments li.comment span.verb {
      font: 300 0.9rem "Lato", sans-serif; }
    .social.sidebar ul.comments li.comment span.time {
      font: 300 0.9rem "Lato", sans-serif; }
    .social.sidebar ul.comments li.comment .content {
      margin-top: 5px; }

.social.sidebar {
  text-align: left;
  /* Prompts a non-logged in person to log in to post comments. */
  /* The no-comments description is not visible by default. */ }
  .social.sidebar > .card {
    width: 100%; }
  .social.sidebar p.login-prompt {
    margin: 0.5rem;
    padding: 0.5rem !important;
    border: 1px solid #ddd;
    border-radius: 0.5rem; }
  .social.sidebar p.no-comments {
    display: none; }
  .social.sidebar form.edit-field,
  .social.sidebar form.edit-box,
  .social.sidebar form.comment-field,
  .social.sidebar form.reply-box {
    margin-top: 10px;
    line-height: 0; }
    .social.sidebar form.edit-field .button,
    .social.sidebar form.edit-box .button,
    .social.sidebar form.comment-field .button,
    .social.sidebar form.reply-box .button {
      margin-top: 0; }
    .social.sidebar form.edit-field label,
    .social.sidebar form.edit-box label,
    .social.sidebar form.comment-field label,
    .social.sidebar form.reply-box label {
      font: normal 0.9rem "Open Sans", sans-serif;
      margin-left: 0.5rem; }
    .social.sidebar form.edit-field textarea,
    .social.sidebar form.edit-box textarea,
    .social.sidebar form.comment-field textarea,
    .social.sidebar form.reply-box textarea {
      /* Keep the textarea from being resized horizontally */
      width: 100%;
      max-width: 100%;
      min-width: 100%;
      padding: 0.5rem;
      box-sizing: border-box;
      border: 1px solid #eaeaea;
      /* The starting height */
      min-height: 5rem;
      height: 0; }
  .social.sidebar .card {
    text-align: left; }
    .social.sidebar .card > h2 {
      padding-top: 1rem;
      margin-bottom: 0.5rem; }
    .social.sidebar .card > form {
      margin-top: 0; }
      .social.sidebar .card > form > textarea {
        border: none;
        border-bottom: 1px solid #eaeaea;
        border-top: 1px solid #eaeaea;
        padding: 0.5rem; }
      .social.sidebar .card > form > .dropdown-menu {
        display: inline; }
  .social.sidebar .comment .content {
    background: white;
    font: normal 0.9rem "Open Sans", sans-serif; }
    .social.sidebar .comment .content p {
      font: normal 0.9rem "Open Sans", sans-serif; }
      .social.sidebar .comment .content p.comment-note {
        font: inherit;
        font-style: italic;
        color: #ddd; }
    .social.sidebar .comment .content h1 {
      font: inherit;
      margin-top: 10px;
      margin-bottom: 10px;
      min-height: 0;
      background-color: inherit;
      background-image: none;
      color: inherit;
      font-size: 1.4em;
      font-weight: 1000; }
    .social.sidebar .comment .content h2 {
      margin-top: 10px;
      margin-bottom: 10px;
      font: inherit;
      color: inherit;
      font-size: 1em;
      font-weight: 1000; }
    .social.sidebar .comment .content h3 {
      font: inherit;
      color: inherit;
      font-size: 1em;
      text-decoration: underline;
      margin-top: 5px;
      margin-bottom: 5px; }
    .social.sidebar .comment .content ul {
      font: inherit;
      list-style-type: disc; }
    .social.sidebar .comment .content ol {
      font: inherit;
      list-style-type: decimal; }
  .social.sidebar ul.comments {
    margin-top: 20px;
    padding-bottom: 20px;
    padding-left: 7px;
    padding-right: 7px;
    /* Inline threading */ }
    .social.sidebar ul.comments:empty {
      padding: 0;
      margin: 0; }
    .social.sidebar ul.comments form.edit-box {
      display: block; }
      .social.sidebar ul.comments form.edit-box textarea {
        min-height: 0;
        height: 0;
        padding: 0.5rem; }
      .social.sidebar ul.comments form.edit-box.revealed textarea {
        animation-duration: 0.5s;
        animation-name: reply-expand;
        height: 5rem; }
@keyframes reply-expand {
  0% {
    height: 0; }
  100% {
    height: 5rem; } }
    .social.sidebar ul.comments span.replies-link {
      margin-top: 10px;
      padding-left: 15px;
      padding-bottom: 0;
      border-left: 5px solid #eee; }
    .social.sidebar ul.comments ul.comments {
      margin-top: 10px;
      padding-left: 15px;
      padding-right: 0;
      padding-bottom: 0;
      border-left: 5px solid #eee;
      /* Do not let an empty list of replies take up space */ }
      .social.sidebar ul.comments ul.comments.loading {
        min-height: 40px; }
      .social.sidebar ul.comments ul.comments:empty:not(.loading) {
        margin: 0; }
    .social.sidebar ul.comments + p.no-comments {
      display: none; }
    .social.sidebar ul.comments:empty + p.no-comments {
      display: block; }

.globe {
  position: relative;
  margin: 0 auto;
  display: inline-block;
  border-radius: 50%;
  border: 5px solid white;
  box-shadow: 0 0 10px 1px #b56fb7;
  max-width: 100%;
  animation: 2s infinite alternate globe-pulse; }
@keyframes globe-pulse {
  0% {
    box-shadow: 0 0 10px 1px #b56fb7; }
  100% {
    box-shadow: 0 0 10px 4px #b56fb7; } }
  .globe circle.marker {
    stroke-width: 1px;
    fill: var(--theme-base-general-accent); }
  .globe circle.marker-aura {
    fill: white;
    animation: 2s infinite waypoint-glow; }
@keyframes waypoint-glow {
  0% {
    r: 3;
    opacity: 1; }
  100% {
    r: 6;
    opacity: 0; } }
  .globe path:not(.graticule) {
    fill: var(--theme-base-general-accent);
    stroke: var(--theme-base-general-accent-darkened); }
  .globe path.graticule {
    stroke: var(--theme-base-general-accent-lightened); }

/* Normal button colors */
.button {
  position: relative;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 0.125rem;
  color: #333;
  cursor: pointer;
  padding: 0.25rem 0.4rem;
  margin-top: 0.5rem;
  text-align: center;
  text-decoration: none;
  font: 300 0.8rem "Open Sans", sans-serif;
  background: linear-gradient(to bottom, white 5%, #e6e6e6 100%);
  box-shadow: inset 0 0 1px 1px white;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
     supported by Chrome and Opera */ }
  .button svg,
  .button img {
    display: inline-block;
    height: calc(100% - 0.25rem); }
    .button svg.hover,
    .button img.hover {
      display: none; }
  .button.inline {
    margin-top: 0; }
  .button:hover {
    text-decoration: none;
    box-shadow: inset 0 0 2px 1px #28c3e2; }
    .button:hover img {
      display: none; }
    .button:hover img.hover {
      display: inline-block; }
  .button:active {
    top: 1px;
    background: linear-gradient(to bottom, #f2f2f2 5%, #e6e6e6 100%);
    background-color: #dddddd; }
  .button.disabled, .button:disabled {
    color: #aaa;
    cursor: default; }
    .button.disabled:active, .button:disabled:active {
      position: relative;
      top: 0;
      background: linear-gradient(to bottom, white 5%, #e6e6e6 100%);
      background-color: #dddddd; }
    .button.disabled:hover, .button:disabled:hover {
      box-shadow: inset 0 0 1px 1px white; }

/* "red" button colors */
.button.red {
  background: linear-gradient(to bottom, white 5%, #e6e6e6 100%);
  box-shadow: inset 0 0 1px 1px white; }
  .button.red:hover {
    box-shadow: inset 0 0 1px 1px #cc3333; }
  .button.red:active {
    background: linear-gradient(to bottom, #f2f2f2 5%, #e6e6e6 100%); }
  .button.red.disabled:active, .button.red:disabled:active {
    background: linear-gradient(to bottom, white 5%, #e6e6e6 100%); }
  .button.red.disabled:hover, .button.red:disabled:hover {
    box-shadow: inset 0 0 1px 1px white; }

.button-selector .button.button-selector-show {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  max-width: 2rem;
  position: relative;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  margin: 0; }
  .button-selector .button.button-selector-show::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url "/images/ui/dropdown_arrow.png";
    background-repeat: no-repeat;
    background-position: 40% center;
    background-size: 55%;
    display: block; }
.button-selector.button-selector-bound .button-selector-item {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.dropdown.button-selector-dropdown .dropdown-item.button-selector-dropdown-item {
  text-align: center; }

/**
 * Styling for the dropdown menus on the site.
 */
.dropdown-menu:not(.media-tablet) {
  position: relative;
  outline: none;
  display: inline-block; }
  .dropdown-menu:not(.media-tablet):focus {
    outline: none; }
  .dropdown-menu:not(.media-tablet) > ul.dropdown-menu-options {
    z-index: 99999999;
    outline: none;
    display: none;
    position: absolute;
    right: 0;
    margin-top: -2px;
    padding-right: 1rem;
    background-color: white;
    border-radius: 0.3rem;
    box-shadow: 0 0 0.1875rem 0 #111;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
    .dropdown-menu:not(.media-tablet) > ul.dropdown-menu-options:focus {
      outline: none; }
    .dropdown-menu:not(.media-tablet) > ul.dropdown-menu-options::before {
      outline: none;
      content: '';
      display: block;
      position: absolute;
      width: 12px;
      height: 12px;
      right: 0.55rem;
      top: -5px;
      background-color: white;
      transform: rotateZ(45deg);
      box-shadow: 0 0 0.1875rem 0 #111; }
    .dropdown-menu:not(.media-tablet) > ul.dropdown-menu-options::after {
      outline: none;
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      background-color: white;
      height: 0.5rem;
      border-radius: 0.3rem; }
    .dropdown-menu:not(.media-tablet) > ul.dropdown-menu-options li {
      width: calc(100% + 1rem);
      position: relative;
      background-color: white;
      z-index: 99999;
      display: block;
      padding: 0;
      text-align: left;
      border: none; }
      .dropdown-menu:not(.media-tablet) > ul.dropdown-menu-options li form {
        display: inline-block;
        width: 100%;
        position: relative; }
      .dropdown-menu:not(.media-tablet) > ul.dropdown-menu-options li svg,
      .dropdown-menu:not(.media-tablet) > ul.dropdown-menu-options li img {
        position: absolute;
        left: 0.375rem;
        top: 0.375rem;
        width: 1.25rem;
        height: 1.25rem; }
        .dropdown-menu:not(.media-tablet) > ul.dropdown-menu-options li svg.hover,
        .dropdown-menu:not(.media-tablet) > ul.dropdown-menu-options li img.hover {
          display: none; }
      .dropdown-menu:not(.media-tablet) > ul.dropdown-menu-options li.separator {
        margin-top: 5px;
        margin-bottom: 5px;
        background-color: white;
        height: 1px;
        border-top: 1px solid #e8e8e8;
        border-bottom: 1px solid #e8e8e8; }
      .dropdown-menu:not(.media-tablet) > ul.dropdown-menu-options li a,
      .dropdown-menu:not(.media-tablet) > ul.dropdown-menu-options li form input {
        margin: 0;
        display: inline-block;
        padding: 0.25rem 0.5rem;
        width: calc(100% - 1rem);
        min-width: auto;
        vertical-align: middle;
        text-decoration: none;
        text-align: left;
        white-space: nowrap;
        position: relative;
        background: none;
        border: none;
        color: #222;
        cursor: pointer;
        font: 0.8rem "Open Sans", sans-serif;
        height: 2em;
        line-height: 2em; }
      .dropdown-menu:not(.media-tablet) > ul.dropdown-menu-options li:hover a,
      .dropdown-menu:not(.media-tablet) > ul.dropdown-menu-options li:hover form input {
        text-decoration: none; }
      .dropdown-menu:not(.media-tablet) > ul.dropdown-menu-options li:hover img {
        display: none; }
      .dropdown-menu:not(.media-tablet) > ul.dropdown-menu-options li:hover img.hover {
        display: block; }
      .dropdown-menu:not(.media-tablet) > ul.dropdown-menu-options li a.icon,
      .dropdown-menu:not(.media-tablet) > ul.dropdown-menu-options li form input.icon {
        padding-left: 2rem;
        width: calc(100% - 2.5rem);
        height: auto;
        box-sizing: content-box; }
        .dropdown-menu:not(.media-tablet) > ul.dropdown-menu-options li a.icon input,
        .dropdown-menu:not(.media-tablet) > ul.dropdown-menu-options li form input.icon input {
          padding-left: 2rem; }
  .dropdown-menu:not(.media-tablet):focus-within:not([disabled]) > ul.dropdown-menu-options, .dropdown-menu:not(.media-tablet):focus:not([disabled]) > ul.dropdown-menu-options {
    display: block; }
  .dropdown-menu:not(.media-tablet) > button:focus:not([disabled]) + ul.dropdown-menu-options, .dropdown-menu:not(.media-tablet) > button:active:not([disabled]) + ul.dropdown-menu-options, .dropdown-menu:not(.media-tablet) > a:focus:not([disabled]) + ul.dropdown-menu-options, .dropdown-menu:not(.media-tablet) > a:active:not([disabled]) + ul.dropdown-menu-options {
    display: block; }

@media (max-width: 640px) {
  .dropdown-menu.media-tablet {
    position: relative;
    outline: none;
    display: inline-block; }
    .dropdown-menu.media-tablet:focus {
      outline: none; }
    .dropdown-menu.media-tablet > ul.dropdown-menu-options {
      z-index: 99999999;
      outline: none;
      display: none;
      position: absolute;
      right: 0;
      margin-top: -2px;
      padding-right: 1rem;
      background-color: white;
      border-radius: 0.3rem;
      box-shadow: 0 0 0.1875rem 0 #111;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem; }
      .dropdown-menu.media-tablet > ul.dropdown-menu-options:focus {
        outline: none; }
      .dropdown-menu.media-tablet > ul.dropdown-menu-options::before {
        outline: none;
        content: '';
        display: block;
        position: absolute;
        width: 12px;
        height: 12px;
        right: 0.55rem;
        top: -5px;
        background-color: white;
        transform: rotateZ(45deg);
        box-shadow: 0 0 0.1875rem 0 #111; }
      .dropdown-menu.media-tablet > ul.dropdown-menu-options::after {
        outline: none;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: white;
        height: 0.5rem;
        border-radius: 0.3rem; }
      .dropdown-menu.media-tablet > ul.dropdown-menu-options li {
        width: calc(100% + 1rem);
        position: relative;
        background-color: white;
        z-index: 99999;
        display: block;
        padding: 0;
        text-align: left;
        border: none; }
        .dropdown-menu.media-tablet > ul.dropdown-menu-options li form {
          display: inline-block;
          width: 100%;
          position: relative; }
        .dropdown-menu.media-tablet > ul.dropdown-menu-options li svg,
        .dropdown-menu.media-tablet > ul.dropdown-menu-options li img {
          position: absolute;
          left: 0.375rem;
          top: 0.375rem;
          width: 1.25rem;
          height: 1.25rem; }
          .dropdown-menu.media-tablet > ul.dropdown-menu-options li svg.hover,
          .dropdown-menu.media-tablet > ul.dropdown-menu-options li img.hover {
            display: none; }
        .dropdown-menu.media-tablet > ul.dropdown-menu-options li.separator {
          margin-top: 5px;
          margin-bottom: 5px;
          background-color: white;
          height: 1px;
          border-top: 1px solid #e8e8e8;
          border-bottom: 1px solid #e8e8e8; }
        .dropdown-menu.media-tablet > ul.dropdown-menu-options li a,
        .dropdown-menu.media-tablet > ul.dropdown-menu-options li form input {
          margin: 0;
          display: inline-block;
          padding: 0.25rem 0.5rem;
          width: calc(100% - 1rem);
          min-width: auto;
          vertical-align: middle;
          text-decoration: none;
          text-align: left;
          white-space: nowrap;
          position: relative;
          background: none;
          border: none;
          color: #222;
          cursor: pointer;
          font: 0.8rem "Open Sans", sans-serif;
          height: 2em;
          line-height: 2em; }
        .dropdown-menu.media-tablet > ul.dropdown-menu-options li:hover a,
        .dropdown-menu.media-tablet > ul.dropdown-menu-options li:hover form input {
          text-decoration: none; }
        .dropdown-menu.media-tablet > ul.dropdown-menu-options li:hover img {
          display: none; }
        .dropdown-menu.media-tablet > ul.dropdown-menu-options li:hover img.hover {
          display: block; }
        .dropdown-menu.media-tablet > ul.dropdown-menu-options li a.icon,
        .dropdown-menu.media-tablet > ul.dropdown-menu-options li form input.icon {
          padding-left: 2rem;
          width: calc(100% - 2.5rem);
          height: auto;
          box-sizing: content-box; }
          .dropdown-menu.media-tablet > ul.dropdown-menu-options li a.icon input,
          .dropdown-menu.media-tablet > ul.dropdown-menu-options li form input.icon input {
            padding-left: 2rem; }
    .dropdown-menu.media-tablet:focus-within:not([disabled]) > ul.dropdown-menu-options, .dropdown-menu.media-tablet:focus:not([disabled]) > ul.dropdown-menu-options {
      display: block; }
    .dropdown-menu.media-tablet > button:focus:not([disabled]) + ul.dropdown-menu-options, .dropdown-menu.media-tablet > button:active:not([disabled]) + ul.dropdown-menu-options, .dropdown-menu.media-tablet > a:focus:not([disabled]) + ul.dropdown-menu-options, .dropdown-menu.media-tablet > a:active:not([disabled]) + ul.dropdown-menu-options {
      display: block; } }
/**
 * Tooltip styling.
 */
.tooltip {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  font: 600 0.8rem "Lato", sans-serif;
  border-radius: 5px;
  padding: 6px 10px;
  text-align: center;
  border: 1px solid blue;
  z-index: 9999999999;
  white-space: nowrap; }
  .tooltip.reveal {
    animation: tooltip-reveal 0.3s;
    opacity: 1; }
@keyframes tooltip-reveal {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  .tooltip .before {
    content: '';
    width: 7px;
    height: 7px;
    position: absolute;
    left: calc(50% - 3px);
    bottom: -4px;
    transform: rotateZ(45deg);
    box-shadow: 0 0 3px 1px #111; }
  .tooltip .after {
    content: '';
    width: 14px;
    height: 8px;
    position: absolute;
    left: calc(50% - 7px);
    bottom: -1px;
    border-bottom: 1px solid blue; }
  .tooltip.below .before {
    bottom: auto;
    top: -4px; }
  .tooltip.below .after {
    bottom: auto;
    top: -1px;
    height: 4px;
    border-bottom: none;
    border-top: 1px solid blue; }

/**
 * Selector (dropdown selection widget) Styling.
 */
button.selector,
select.selector {
  display: inline-block;
  border: 1px solid #c3c3c3;
  padding: 0 2rem;
  padding-left: 2.5rem;
  width: 16rem;
  height: 2rem;
  margin: 0 0.5rem;
  cursor: pointer;
  box-sizing: border-box;
  font: 300 0.9rem "Lato", sans-serif;
  line-height: 0;
  position: relative;
  vertical-align: middle;
  text-align: left; }
  button.selector .loading,
  select.selector .loading {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-size: 37px;
    background-position: 50% 0; }
  button.selector > h2,
  select.selector > h2 {
    font: bold 12px Lato, sans-serif;
    white-space: nowrap;
    font-size: 0.65rem;
    margin-top: 0.2rem; }
  button.selector > p,
  select.selector > p {
    display: block;
    margin-top: -0.1rem;
    padding: 0;
    font: 300 14px Lato, sans-serif;
    font-size: 0.88rem; }
  button.selector > img,
  select.selector > img {
    display: block;
    position: absolute;
    left: 0.5rem;
    top: calc(50% - 0.75rem);
    height: 1.5rem;
    width: 1.5rem; }
    button.selector > img.hover,
    select.selector > img.hover {
      display: none; }
    button.selector > img.disabled,
    select.selector > img.disabled {
      display: none; }

button.selector:hover > img,
select.selector:hover > img {
  display: none; }
  button.selector:hover > img.hover,
  select.selector:hover > img.hover {
    display: block; }

button.selector[readonly] > img,
select.selector[readonly] > img,
button.selector[disabled] > img,
select.selector[disabled] > img {
  display: none; }
  button.selector[readonly] > img.disabled,
  select.selector[readonly] > img.disabled,
  button.selector[disabled] > img.disabled,
  select.selector[disabled] > img.disabled {
    display: block; }
  button.selector[readonly] > img.hover,
  select.selector[readonly] > img.hover,
  button.selector[disabled] > img.hover,
  select.selector[disabled] > img.hover {
    display: none; }

div.dropdown {
  z-index: 9999999999999999;
  width: 264px;
  overflow: auto;
  background-color: white;
  border: 1px solid #aaa;
  overflow-x: hidden;
  position: fixed;
  display: none;
  max-height: 120px; }
  div.dropdown > .dropdown-item {
    cursor: pointer;
    width: 100%;
    padding: 5px 0;
    height: 28px;
    margin: 0;
    background: none;
    border: none;
    box-sizing: content-box;
    text-align: left;
    position: relative; }
    div.dropdown > .dropdown-item > h2 {
      display: block;
      background-position: 10px 50%;
      background-repeat: no-repeat;
      background-size: 20px auto;
      height: 26px;
      padding: 0;
      padding-left: 2.5rem;
      font: bold 12px Lato, sans-serif;
      white-space: nowrap; }
    div.dropdown > .dropdown-item > p {
      display: block;
      margin-top: -13px;
      padding: 0;
      padding-left: 2.5rem;
      font: 300 14px Lato, sans-serif;
      white-space: nowrap; }
    div.dropdown > .dropdown-item > img {
      display: block;
      position: absolute;
      width: 20px;
      height: 20px;
      left: 10px;
      top: 10px; }
      div.dropdown > .dropdown-item > img.hover {
        display: none; }
      div.dropdown > .dropdown-item > img.disabled {
        display: none; }
    div.dropdown > .dropdown-item.focus, div.dropdown > .dropdown-item:hover, div.dropdown > .dropdown-item:focus {
      background-color: #eee;
      padding: 4px 0;
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc; }
      div.dropdown > .dropdown-item.focus > img, div.dropdown > .dropdown-item:hover > img, div.dropdown > .dropdown-item:focus > img {
        top: 9px;
        display: none; }
        div.dropdown > .dropdown-item.focus > img.hover, div.dropdown > .dropdown-item:hover > img.hover, div.dropdown > .dropdown-item:focus > img.hover {
          display: block; }
    div.dropdown > .dropdown-item[disabled] > img {
      display: none; }
      div.dropdown > .dropdown-item[disabled] > img.disabled {
        display: block; }
      div.dropdown > .dropdown-item[disabled] > img.hover {
        display: none; }

button.selector > h2:last-child,
div.dropdown > .dropdown-item > h2:last-child {
  font: 300 14px Lato, sans-serif;
  font-size: 1rem;
  line-height: 1.75rem;
  height: 1.75rem;
  margin-top: 0; }

button.selector.no-icons,
select.selector.no-icons {
  padding-left: 0.5rem; }
  button.selector.no-icons > .dropdown-item > h2,
  select.selector.no-icons > .dropdown-item > h2 {
    padding-left: 0.5rem; }
  button.selector.no-icons > .dropdown-item > p,
  select.selector.no-icons > .dropdown-item > p {
    padding-left: 0.5rem; }

/**
 * Styles the auto-complete input fields.
 */
input.auto-complete {
  text-align: left;
  border: 1px solid #ddd;
  padding: 0;
  padding-left: 2.25rem;
  vertical-align: middle;
  width: 16rem;
  font: normal 1rem "Lato", sans-serif;
  color: black;
  height: 2rem;
  line-height: 2rem;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: 0.25rem;
  background-size: 1.5rem; }
  input.auto-complete ~ button {
    height: 2rem;
    top: 0.0625rem; }

.slider-checkbox {
  position: relative;
  display: inline-block;
  height: 1.25rem;
  cursor: pointer;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */ }
  .slider-checkbox .label,
  .slider-checkbox label {
    display: inline-block;
    position: relative;
    padding-left: calc(2.5rem + 6px);
    vertical-align: top;
    height: 1.25rem;
    line-height: 1.25rem; }
    .slider-checkbox .label::before, .slider-checkbox .label::after,
    .slider-checkbox label::before,
    .slider-checkbox label::after {
      position: absolute;
      -webkit-border-radius: calc(1.25rem / 2);
      -moz-border-radius: calc(1.25rem / 2);
      border-radius: calc(1.25rem / 2);
      transition: background-color 0.3s, left 0.3s; }
    .slider-checkbox .label::before,
    .slider-checkbox label::before {
      content: "";
      color: #fff;
      box-sizing: border-box;
      font-family: 'Lato', sans-serif;
      padding-left: calc(1.25rem + 3px);
      font-size: 12px;
      line-height: 1.25rem;
      background-color: #888;
      left: 0;
      top: 0;
      height: 1.25rem;
      width: 2.5rem;
      -webkit-border-radius: calc(1.25rem / 2);
      -moz-border-radius: calc(1.25rem / 2);
      border-radius: calc(1.25rem / 2);
      background-image: url "/images/icons/ui/remove.svg";
      background-size: 1rem;
      background-repeat: no-repeat;
      background-position: 1.25rem 50%; }
    .slider-checkbox .label::after,
    .slider-checkbox label::after {
      content: "";
      letter-spacing: 1.25rem;
      background: #fff;
      left: 1px;
      top: 1px;
      height: calc(1.25rem - 2px);
      width: calc(1.25rem - 2px); }
  .slider-checkbox input {
    margin: 0;
    margin-top: 1px;
    cursor: pointer;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background: red;
    width: 2.5rem;
    height: 1.25rem; }
    .slider-checkbox input:checked + .label::before, .slider-checkbox input:checked + label::before {
      background-color: #e987f7;
      content: "";
      padding-left: 6px;
      background-image: url "/images/dynamic/hex/ffffff/icons/ui/done.svg";
      background-size: 1.3rem;
      background-repeat: no-repeat;
      background-position: 0 50%; }
    .slider-checkbox input:checked + .label::after, .slider-checkbox input:checked + label::after {
      left: calc(1.25rem + 1px); }

/**
 * Objects container section.
 */
.objects-container {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  max-width: 100%;
  overflow: auto; }
  .objects-container:first-child:not(.card) {
    margin-top: 1.5rem; }
  .objects-container.single {
    height: 10.5rem;
    overflow: auto; }
  .objects-container.centered {
    max-width: 1200px; }
    @media (max-width: 640px) {
      .objects-container.centered {
        max-width: 100%; } }
  .objects-container.filled {
    width: 100%; }
  .objects-container:last-child {
    margin-bottom: 0; }
  .objects-container .ps__rail-x,
  .objects-container .ps__rail-y {
    z-index: 99999; }
  .objects-container ul.objects {
    position: relative;
    overflow: auto;
    padding: 0;
    white-space: nowrap;
    display: flex;
    flex-direction: row; }
    .objects-container ul.objects li.add,
    .objects-container ul.objects li.share,
    .objects-container ul.objects li.object {
      flex: 0 0 auto;
      box-sizing: border-box;
      display: inline-block;
      overflow: hidden;
      position: relative;
      grid-row: 1;
      padding: 0;
      margin: 0.5rem;
      margin-top: 0; }
      .objects-container ul.objects li.add.removing,
      .objects-container ul.objects li.share.removing,
      .objects-container ul.objects li.object.removing {
        opacity: 0.5; }
      .objects-container ul.objects li.add.stuck,
      .objects-container ul.objects li.share.stuck,
      .objects-container ul.objects li.object.stuck {
        position: sticky;
        right: 0;
        z-index: 999;
        overflow: visible; }
      .objects-container ul.objects li.add > .object-header,
      .objects-container ul.objects li.add button:not(.dropdown),
      .objects-container ul.objects li.add > div > a,
      .objects-container ul.objects li.add > a,
      .objects-container ul.objects li.share > .object-header,
      .objects-container ul.objects li.share button:not(.dropdown),
      .objects-container ul.objects li.share > div > a,
      .objects-container ul.objects li.share > a,
      .objects-container ul.objects li.object > .object-header,
      .objects-container ul.objects li.object button:not(.dropdown),
      .objects-container ul.objects li.object > div > a,
      .objects-container ul.objects li.object > a {
        display: inline-block;
        position: relative;
        padding: 1rem 1.5rem;
        margin: 0;
        border: 1px solid #ddd;
        border-radius: 0.4rem;
        min-width: 10rem;
        max-width: 16rem;
        text-align: center;
        text-decoration: none;
        color: black;
        height: 100%;
        box-sizing: border-box; }
        .objects-container ul.objects li.add > .object-header:not([href]),
        .objects-container ul.objects li.add button:not(.dropdown):not([href]),
        .objects-container ul.objects li.add > div > a:not([href]),
        .objects-container ul.objects li.add > a:not([href]),
        .objects-container ul.objects li.share > .object-header:not([href]),
        .objects-container ul.objects li.share button:not(.dropdown):not([href]),
        .objects-container ul.objects li.share > div > a:not([href]),
        .objects-container ul.objects li.share > a:not([href]),
        .objects-container ul.objects li.object > .object-header:not([href]),
        .objects-container ul.objects li.object button:not(.dropdown):not([href]),
        .objects-container ul.objects li.object > div > a:not([href]),
        .objects-container ul.objects li.object > a:not([href]) {
          cursor: auto; }
        .objects-container ul.objects li.add > .object-header svg,
        .objects-container ul.objects li.add > .object-header img,
        .objects-container ul.objects li.add button:not(.dropdown) svg,
        .objects-container ul.objects li.add button:not(.dropdown) img,
        .objects-container ul.objects li.add > div > a svg,
        .objects-container ul.objects li.add > div > a img,
        .objects-container ul.objects li.add > a svg,
        .objects-container ul.objects li.add > a img,
        .objects-container ul.objects li.share > .object-header svg,
        .objects-container ul.objects li.share > .object-header img,
        .objects-container ul.objects li.share button:not(.dropdown) svg,
        .objects-container ul.objects li.share button:not(.dropdown) img,
        .objects-container ul.objects li.share > div > a svg,
        .objects-container ul.objects li.share > div > a img,
        .objects-container ul.objects li.share > a svg,
        .objects-container ul.objects li.share > a img,
        .objects-container ul.objects li.object > .object-header svg,
        .objects-container ul.objects li.object > .object-header img,
        .objects-container ul.objects li.object button:not(.dropdown) svg,
        .objects-container ul.objects li.object button:not(.dropdown) img,
        .objects-container ul.objects li.object > div > a svg,
        .objects-container ul.objects li.object > div > a img,
        .objects-container ul.objects li.object > a svg,
        .objects-container ul.objects li.object > a img {
          width: 5rem;
          height: 5rem;
          object-fit: contain; }
          .objects-container ul.objects li.add > .object-header svg ~ svg:not(.fingerprint), .objects-container ul.objects li.add > .object-header svg ~ img:not(.fingerprint),
          .objects-container ul.objects li.add > .object-header img ~ svg:not(.fingerprint),
          .objects-container ul.objects li.add > .object-header img ~ img:not(.fingerprint),
          .objects-container ul.objects li.add button:not(.dropdown) svg ~ svg:not(.fingerprint),
          .objects-container ul.objects li.add button:not(.dropdown) svg ~ img:not(.fingerprint),
          .objects-container ul.objects li.add button:not(.dropdown) img ~ svg:not(.fingerprint),
          .objects-container ul.objects li.add button:not(.dropdown) img ~ img:not(.fingerprint),
          .objects-container ul.objects li.add > div > a svg ~ svg:not(.fingerprint),
          .objects-container ul.objects li.add > div > a svg ~ img:not(.fingerprint),
          .objects-container ul.objects li.add > div > a img ~ svg:not(.fingerprint),
          .objects-container ul.objects li.add > div > a img ~ img:not(.fingerprint),
          .objects-container ul.objects li.add > a svg ~ svg:not(.fingerprint),
          .objects-container ul.objects li.add > a svg ~ img:not(.fingerprint),
          .objects-container ul.objects li.add > a img ~ svg:not(.fingerprint),
          .objects-container ul.objects li.add > a img ~ img:not(.fingerprint),
          .objects-container ul.objects li.share > .object-header svg ~ svg:not(.fingerprint),
          .objects-container ul.objects li.share > .object-header svg ~ img:not(.fingerprint),
          .objects-container ul.objects li.share > .object-header img ~ svg:not(.fingerprint),
          .objects-container ul.objects li.share > .object-header img ~ img:not(.fingerprint),
          .objects-container ul.objects li.share button:not(.dropdown) svg ~ svg:not(.fingerprint),
          .objects-container ul.objects li.share button:not(.dropdown) svg ~ img:not(.fingerprint),
          .objects-container ul.objects li.share button:not(.dropdown) img ~ svg:not(.fingerprint),
          .objects-container ul.objects li.share button:not(.dropdown) img ~ img:not(.fingerprint),
          .objects-container ul.objects li.share > div > a svg ~ svg:not(.fingerprint),
          .objects-container ul.objects li.share > div > a svg ~ img:not(.fingerprint),
          .objects-container ul.objects li.share > div > a img ~ svg:not(.fingerprint),
          .objects-container ul.objects li.share > div > a img ~ img:not(.fingerprint),
          .objects-container ul.objects li.share > a svg ~ svg:not(.fingerprint),
          .objects-container ul.objects li.share > a svg ~ img:not(.fingerprint),
          .objects-container ul.objects li.share > a img ~ svg:not(.fingerprint),
          .objects-container ul.objects li.share > a img ~ img:not(.fingerprint),
          .objects-container ul.objects li.object > .object-header svg ~ svg:not(.fingerprint),
          .objects-container ul.objects li.object > .object-header svg ~ img:not(.fingerprint),
          .objects-container ul.objects li.object > .object-header img ~ svg:not(.fingerprint),
          .objects-container ul.objects li.object > .object-header img ~ img:not(.fingerprint),
          .objects-container ul.objects li.object button:not(.dropdown) svg ~ svg:not(.fingerprint),
          .objects-container ul.objects li.object button:not(.dropdown) svg ~ img:not(.fingerprint),
          .objects-container ul.objects li.object button:not(.dropdown) img ~ svg:not(.fingerprint),
          .objects-container ul.objects li.object button:not(.dropdown) img ~ img:not(.fingerprint),
          .objects-container ul.objects li.object > div > a svg ~ svg:not(.fingerprint),
          .objects-container ul.objects li.object > div > a svg ~ img:not(.fingerprint),
          .objects-container ul.objects li.object > div > a img ~ svg:not(.fingerprint),
          .objects-container ul.objects li.object > div > a img ~ img:not(.fingerprint),
          .objects-container ul.objects li.object > a svg ~ svg:not(.fingerprint),
          .objects-container ul.objects li.object > a svg ~ img:not(.fingerprint),
          .objects-container ul.objects li.object > a img ~ svg:not(.fingerprint),
          .objects-container ul.objects li.object > a img ~ img:not(.fingerprint) {
            width: 1rem;
            height: 1rem;
            padding: 0.25rem;
            position: absolute;
            top: 4.5rem;
            left: 7rem;
            border: 0.0625rem solid #ddd;
            border-radius: 0.3125rem; }
            .objects-container ul.objects li.add > .object-header svg ~ svg:not(.fingerprint) ~ p, .objects-container ul.objects li.add > .object-header svg ~ img:not(.fingerprint) ~ p,
            .objects-container ul.objects li.add > .object-header img ~ svg:not(.fingerprint) ~ p,
            .objects-container ul.objects li.add > .object-header img ~ img:not(.fingerprint) ~ p,
            .objects-container ul.objects li.add button:not(.dropdown) svg ~ svg:not(.fingerprint) ~ p,
            .objects-container ul.objects li.add button:not(.dropdown) svg ~ img:not(.fingerprint) ~ p,
            .objects-container ul.objects li.add button:not(.dropdown) img ~ svg:not(.fingerprint) ~ p,
            .objects-container ul.objects li.add button:not(.dropdown) img ~ img:not(.fingerprint) ~ p,
            .objects-container ul.objects li.add > div > a svg ~ svg:not(.fingerprint) ~ p,
            .objects-container ul.objects li.add > div > a svg ~ img:not(.fingerprint) ~ p,
            .objects-container ul.objects li.add > div > a img ~ svg:not(.fingerprint) ~ p,
            .objects-container ul.objects li.add > div > a img ~ img:not(.fingerprint) ~ p,
            .objects-container ul.objects li.add > a svg ~ svg:not(.fingerprint) ~ p,
            .objects-container ul.objects li.add > a svg ~ img:not(.fingerprint) ~ p,
            .objects-container ul.objects li.add > a img ~ svg:not(.fingerprint) ~ p,
            .objects-container ul.objects li.add > a img ~ img:not(.fingerprint) ~ p,
            .objects-container ul.objects li.share > .object-header svg ~ svg:not(.fingerprint) ~ p,
            .objects-container ul.objects li.share > .object-header svg ~ img:not(.fingerprint) ~ p,
            .objects-container ul.objects li.share > .object-header img ~ svg:not(.fingerprint) ~ p,
            .objects-container ul.objects li.share > .object-header img ~ img:not(.fingerprint) ~ p,
            .objects-container ul.objects li.share button:not(.dropdown) svg ~ svg:not(.fingerprint) ~ p,
            .objects-container ul.objects li.share button:not(.dropdown) svg ~ img:not(.fingerprint) ~ p,
            .objects-container ul.objects li.share button:not(.dropdown) img ~ svg:not(.fingerprint) ~ p,
            .objects-container ul.objects li.share button:not(.dropdown) img ~ img:not(.fingerprint) ~ p,
            .objects-container ul.objects li.share > div > a svg ~ svg:not(.fingerprint) ~ p,
            .objects-container ul.objects li.share > div > a svg ~ img:not(.fingerprint) ~ p,
            .objects-container ul.objects li.share > div > a img ~ svg:not(.fingerprint) ~ p,
            .objects-container ul.objects li.share > div > a img ~ img:not(.fingerprint) ~ p,
            .objects-container ul.objects li.share > a svg ~ svg:not(.fingerprint) ~ p,
            .objects-container ul.objects li.share > a svg ~ img:not(.fingerprint) ~ p,
            .objects-container ul.objects li.share > a img ~ svg:not(.fingerprint) ~ p,
            .objects-container ul.objects li.share > a img ~ img:not(.fingerprint) ~ p,
            .objects-container ul.objects li.object > .object-header svg ~ svg:not(.fingerprint) ~ p,
            .objects-container ul.objects li.object > .object-header svg ~ img:not(.fingerprint) ~ p,
            .objects-container ul.objects li.object > .object-header img ~ svg:not(.fingerprint) ~ p,
            .objects-container ul.objects li.object > .object-header img ~ img:not(.fingerprint) ~ p,
            .objects-container ul.objects li.object button:not(.dropdown) svg ~ svg:not(.fingerprint) ~ p,
            .objects-container ul.objects li.object button:not(.dropdown) svg ~ img:not(.fingerprint) ~ p,
            .objects-container ul.objects li.object button:not(.dropdown) img ~ svg:not(.fingerprint) ~ p,
            .objects-container ul.objects li.object button:not(.dropdown) img ~ img:not(.fingerprint) ~ p,
            .objects-container ul.objects li.object > div > a svg ~ svg:not(.fingerprint) ~ p,
            .objects-container ul.objects li.object > div > a svg ~ img:not(.fingerprint) ~ p,
            .objects-container ul.objects li.object > div > a img ~ svg:not(.fingerprint) ~ p,
            .objects-container ul.objects li.object > div > a img ~ img:not(.fingerprint) ~ p,
            .objects-container ul.objects li.object > a svg ~ svg:not(.fingerprint) ~ p,
            .objects-container ul.objects li.object > a svg ~ img:not(.fingerprint) ~ p,
            .objects-container ul.objects li.object > a img ~ svg:not(.fingerprint) ~ p,
            .objects-container ul.objects li.object > a img ~ img:not(.fingerprint) ~ p {
              display: none; }
        .objects-container ul.objects li.add > .object-header p,
        .objects-container ul.objects li.add button:not(.dropdown) p,
        .objects-container ul.objects li.add > div > a p,
        .objects-container ul.objects li.add > a p,
        .objects-container ul.objects li.share > .object-header p,
        .objects-container ul.objects li.share button:not(.dropdown) p,
        .objects-container ul.objects li.share > div > a p,
        .objects-container ul.objects li.share > a p,
        .objects-container ul.objects li.object > .object-header p,
        .objects-container ul.objects li.object button:not(.dropdown) p,
        .objects-container ul.objects li.object > div > a p,
        .objects-container ul.objects li.object > a p {
          margin: 0;
          padding: 0;
          font: bold 0.8rem Lato, sans-serif;
          width: 100%;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
          .objects-container ul.objects li.add > .object-header p.filename, .objects-container ul.objects li.add > .object-header p.relation,
          .objects-container ul.objects li.add button:not(.dropdown) p.filename,
          .objects-container ul.objects li.add button:not(.dropdown) p.relation,
          .objects-container ul.objects li.add > div > a p.filename,
          .objects-container ul.objects li.add > div > a p.relation,
          .objects-container ul.objects li.add > a p.filename,
          .objects-container ul.objects li.add > a p.relation,
          .objects-container ul.objects li.share > .object-header p.filename,
          .objects-container ul.objects li.share > .object-header p.relation,
          .objects-container ul.objects li.share button:not(.dropdown) p.filename,
          .objects-container ul.objects li.share button:not(.dropdown) p.relation,
          .objects-container ul.objects li.share > div > a p.filename,
          .objects-container ul.objects li.share > div > a p.relation,
          .objects-container ul.objects li.share > a p.filename,
          .objects-container ul.objects li.share > a p.relation,
          .objects-container ul.objects li.object > .object-header p.filename,
          .objects-container ul.objects li.object > .object-header p.relation,
          .objects-container ul.objects li.object button:not(.dropdown) p.filename,
          .objects-container ul.objects li.object button:not(.dropdown) p.relation,
          .objects-container ul.objects li.object > div > a p.filename,
          .objects-container ul.objects li.object > div > a p.relation,
          .objects-container ul.objects li.object > a p.filename,
          .objects-container ul.objects li.object > a p.relation {
            margin-bottom: 0.625rem; }
            .objects-container ul.objects li.add > .object-header p.filename span.size, .objects-container ul.objects li.add > .object-header p.relation span.size,
            .objects-container ul.objects li.add button:not(.dropdown) p.filename span.size,
            .objects-container ul.objects li.add button:not(.dropdown) p.relation span.size,
            .objects-container ul.objects li.add > div > a p.filename span.size,
            .objects-container ul.objects li.add > div > a p.relation span.size,
            .objects-container ul.objects li.add > a p.filename span.size,
            .objects-container ul.objects li.add > a p.relation span.size,
            .objects-container ul.objects li.share > .object-header p.filename span.size,
            .objects-container ul.objects li.share > .object-header p.relation span.size,
            .objects-container ul.objects li.share button:not(.dropdown) p.filename span.size,
            .objects-container ul.objects li.share button:not(.dropdown) p.relation span.size,
            .objects-container ul.objects li.share > div > a p.filename span.size,
            .objects-container ul.objects li.share > div > a p.relation span.size,
            .objects-container ul.objects li.share > a p.filename span.size,
            .objects-container ul.objects li.share > a p.relation span.size,
            .objects-container ul.objects li.object > .object-header p.filename span.size,
            .objects-container ul.objects li.object > .object-header p.relation span.size,
            .objects-container ul.objects li.object button:not(.dropdown) p.filename span.size,
            .objects-container ul.objects li.object button:not(.dropdown) p.relation span.size,
            .objects-container ul.objects li.object > div > a p.filename span.size,
            .objects-container ul.objects li.object > div > a p.relation span.size,
            .objects-container ul.objects li.object > a p.filename span.size,
            .objects-container ul.objects li.object > a p.relation span.size {
              font-weight: normal;
              border: 0.0625rem solid #ddd;
              border-radius: 0.25rem;
              padding: 0.125rem;
              margin-left: 0.5rem;
              font-size: 85%;
              vertical-align: middle; }
          .objects-container ul.objects li.add > .object-header p.filename,
          .objects-container ul.objects li.add button:not(.dropdown) p.filename,
          .objects-container ul.objects li.add > div > a p.filename,
          .objects-container ul.objects li.add > a p.filename,
          .objects-container ul.objects li.share > .object-header p.filename,
          .objects-container ul.objects li.share button:not(.dropdown) p.filename,
          .objects-container ul.objects li.share > div > a p.filename,
          .objects-container ul.objects li.share > a p.filename,
          .objects-container ul.objects li.object > .object-header p.filename,
          .objects-container ul.objects li.object button:not(.dropdown) p.filename,
          .objects-container ul.objects li.object > div > a p.filename,
          .objects-container ul.objects li.object > a p.filename {
            padding: 0.125rem 0; }
          .objects-container ul.objects li.add > .object-header p.type,
          .objects-container ul.objects li.add button:not(.dropdown) p.type,
          .objects-container ul.objects li.add > div > a p.type,
          .objects-container ul.objects li.add > a p.type,
          .objects-container ul.objects li.share > .object-header p.type,
          .objects-container ul.objects li.share button:not(.dropdown) p.type,
          .objects-container ul.objects li.share > div > a p.type,
          .objects-container ul.objects li.share > a p.type,
          .objects-container ul.objects li.object > .object-header p.type,
          .objects-container ul.objects li.object button:not(.dropdown) p.type,
          .objects-container ul.objects li.object > div > a p.type,
          .objects-container ul.objects li.object > a p.type {
            font: bold 0.7rem Lato, sans-serif; }
          .objects-container ul.objects li.add > .object-header p.name,
          .objects-container ul.objects li.add button:not(.dropdown) p.name,
          .objects-container ul.objects li.add > div > a p.name,
          .objects-container ul.objects li.add > a p.name,
          .objects-container ul.objects li.share > .object-header p.name,
          .objects-container ul.objects li.share button:not(.dropdown) p.name,
          .objects-container ul.objects li.share > div > a p.name,
          .objects-container ul.objects li.share > a p.name,
          .objects-container ul.objects li.object > .object-header p.name,
          .objects-container ul.objects li.object button:not(.dropdown) p.name,
          .objects-container ul.objects li.object > div > a p.name,
          .objects-container ul.objects li.object > a p.name {
            font: 400 0.8rem Lato, sans-serif; }
          .objects-container ul.objects li.add > .object-header p.version,
          .objects-container ul.objects li.add button:not(.dropdown) p.version,
          .objects-container ul.objects li.add > div > a p.version,
          .objects-container ul.objects li.add > a p.version,
          .objects-container ul.objects li.share > .object-header p.version,
          .objects-container ul.objects li.share button:not(.dropdown) p.version,
          .objects-container ul.objects li.share > div > a p.version,
          .objects-container ul.objects li.share > a p.version,
          .objects-container ul.objects li.object > .object-header p.version,
          .objects-container ul.objects li.object button:not(.dropdown) p.version,
          .objects-container ul.objects li.object > div > a p.version,
          .objects-container ul.objects li.object > a p.version {
            font: 400 0.7rem Lato, sans-serif;
            padding-top: 0.5em; }
        .objects-container ul.objects li.add > .object-header[href]:hover:not([disabled]):not(.object-header),
        .objects-container ul.objects li.add button:not(.dropdown)[href]:hover:not([disabled]):not(.object-header),
        .objects-container ul.objects li.add > div > a[href]:hover:not([disabled]):not(.object-header),
        .objects-container ul.objects li.add > a[href]:hover:not([disabled]):not(.object-header),
        .objects-container ul.objects li.share > .object-header[href]:hover:not([disabled]):not(.object-header),
        .objects-container ul.objects li.share button:not(.dropdown)[href]:hover:not([disabled]):not(.object-header),
        .objects-container ul.objects li.share > div > a[href]:hover:not([disabled]):not(.object-header),
        .objects-container ul.objects li.share > a[href]:hover:not([disabled]):not(.object-header),
        .objects-container ul.objects li.object > .object-header[href]:hover:not([disabled]):not(.object-header),
        .objects-container ul.objects li.object button:not(.dropdown)[href]:hover:not([disabled]):not(.object-header),
        .objects-container ul.objects li.object > div > a[href]:hover:not([disabled]):not(.object-header),
        .objects-container ul.objects li.object > a[href]:hover:not([disabled]):not(.object-header) {
          box-shadow: 0 0 5px 1px #2da0b7 inset;
          border-color: #79a9b3; }
        .objects-container ul.objects li.add > .object-header:first-child:not(:last-child),
        .objects-container ul.objects li.add button:not(.dropdown):first-child:not(:last-child),
        .objects-container ul.objects li.add > div > a:first-child:not(:last-child),
        .objects-container ul.objects li.add > a:first-child:not(:last-child),
        .objects-container ul.objects li.share > .object-header:first-child:not(:last-child),
        .objects-container ul.objects li.share button:not(.dropdown):first-child:not(:last-child),
        .objects-container ul.objects li.share > div > a:first-child:not(:last-child),
        .objects-container ul.objects li.share > a:first-child:not(:last-child),
        .objects-container ul.objects li.object > .object-header:first-child:not(:last-child),
        .objects-container ul.objects li.object button:not(.dropdown):first-child:not(:last-child),
        .objects-container ul.objects li.object > div > a:first-child:not(:last-child),
        .objects-container ul.objects li.object > a:first-child:not(:last-child) {
          margin-right: 3.5rem;
          z-index: 99; }
        .objects-container ul.objects li.add > .object-header.icon, .objects-container ul.objects li.add > .object-header.star, .objects-container ul.objects li.add > .object-header.remove, .objects-container ul.objects li.add > .object-header.add, .objects-container ul.objects li.add > .object-header.download, .objects-container ul.objects li.add > .object-header.copy,
        .objects-container ul.objects li.add button:not(.dropdown).icon,
        .objects-container ul.objects li.add button:not(.dropdown).star,
        .objects-container ul.objects li.add button:not(.dropdown).remove,
        .objects-container ul.objects li.add button:not(.dropdown).add,
        .objects-container ul.objects li.add button:not(.dropdown).download,
        .objects-container ul.objects li.add button:not(.dropdown).copy,
        .objects-container ul.objects li.add > div > a.icon,
        .objects-container ul.objects li.add > div > a.star,
        .objects-container ul.objects li.add > div > a.remove,
        .objects-container ul.objects li.add > div > a.add,
        .objects-container ul.objects li.add > div > a.download,
        .objects-container ul.objects li.add > div > a.copy,
        .objects-container ul.objects li.add > a.icon,
        .objects-container ul.objects li.add > a.star,
        .objects-container ul.objects li.add > a.remove,
        .objects-container ul.objects li.add > a.add,
        .objects-container ul.objects li.add > a.download,
        .objects-container ul.objects li.add > a.copy,
        .objects-container ul.objects li.share > .object-header.icon,
        .objects-container ul.objects li.share > .object-header.star,
        .objects-container ul.objects li.share > .object-header.remove,
        .objects-container ul.objects li.share > .object-header.add,
        .objects-container ul.objects li.share > .object-header.download,
        .objects-container ul.objects li.share > .object-header.copy,
        .objects-container ul.objects li.share button:not(.dropdown).icon,
        .objects-container ul.objects li.share button:not(.dropdown).star,
        .objects-container ul.objects li.share button:not(.dropdown).remove,
        .objects-container ul.objects li.share button:not(.dropdown).add,
        .objects-container ul.objects li.share button:not(.dropdown).download,
        .objects-container ul.objects li.share button:not(.dropdown).copy,
        .objects-container ul.objects li.share > div > a.icon,
        .objects-container ul.objects li.share > div > a.star,
        .objects-container ul.objects li.share > div > a.remove,
        .objects-container ul.objects li.share > div > a.add,
        .objects-container ul.objects li.share > div > a.download,
        .objects-container ul.objects li.share > div > a.copy,
        .objects-container ul.objects li.share > a.icon,
        .objects-container ul.objects li.share > a.star,
        .objects-container ul.objects li.share > a.remove,
        .objects-container ul.objects li.share > a.add,
        .objects-container ul.objects li.share > a.download,
        .objects-container ul.objects li.share > a.copy,
        .objects-container ul.objects li.object > .object-header.icon,
        .objects-container ul.objects li.object > .object-header.star,
        .objects-container ul.objects li.object > .object-header.remove,
        .objects-container ul.objects li.object > .object-header.add,
        .objects-container ul.objects li.object > .object-header.download,
        .objects-container ul.objects li.object > .object-header.copy,
        .objects-container ul.objects li.object button:not(.dropdown).icon,
        .objects-container ul.objects li.object button:not(.dropdown).star,
        .objects-container ul.objects li.object button:not(.dropdown).remove,
        .objects-container ul.objects li.object button:not(.dropdown).add,
        .objects-container ul.objects li.object button:not(.dropdown).download,
        .objects-container ul.objects li.object button:not(.dropdown).copy,
        .objects-container ul.objects li.object > div > a.icon,
        .objects-container ul.objects li.object > div > a.star,
        .objects-container ul.objects li.object > div > a.remove,
        .objects-container ul.objects li.object > div > a.add,
        .objects-container ul.objects li.object > div > a.download,
        .objects-container ul.objects li.object > div > a.copy,
        .objects-container ul.objects li.object > a.icon,
        .objects-container ul.objects li.object > a.star,
        .objects-container ul.objects li.object > a.remove,
        .objects-container ul.objects li.object > a.add,
        .objects-container ul.objects li.object > a.download,
        .objects-container ul.objects li.object > a.copy {
          padding: 0;
          cursor: pointer;
          border-color: #c7c7c7;
          text-indent: -9999px;
          opacity: 1;
          min-width: 0;
          width: 4rem;
          position: absolute;
          top: 0;
          bottom: 0;
          right: 0; }
          .objects-container ul.objects li.add > .object-header.icon svg.icon,
          .objects-container ul.objects li.add > .object-header.icon img.icon, .objects-container ul.objects li.add > .object-header.star svg.icon,
          .objects-container ul.objects li.add > .object-header.star img.icon, .objects-container ul.objects li.add > .object-header.remove svg.icon,
          .objects-container ul.objects li.add > .object-header.remove img.icon, .objects-container ul.objects li.add > .object-header.add svg.icon,
          .objects-container ul.objects li.add > .object-header.add img.icon, .objects-container ul.objects li.add > .object-header.download svg.icon,
          .objects-container ul.objects li.add > .object-header.download img.icon, .objects-container ul.objects li.add > .object-header.copy svg.icon,
          .objects-container ul.objects li.add > .object-header.copy img.icon,
          .objects-container ul.objects li.add button:not(.dropdown).icon svg.icon,
          .objects-container ul.objects li.add button:not(.dropdown).icon img.icon,
          .objects-container ul.objects li.add button:not(.dropdown).star svg.icon,
          .objects-container ul.objects li.add button:not(.dropdown).star img.icon,
          .objects-container ul.objects li.add button:not(.dropdown).remove svg.icon,
          .objects-container ul.objects li.add button:not(.dropdown).remove img.icon,
          .objects-container ul.objects li.add button:not(.dropdown).add svg.icon,
          .objects-container ul.objects li.add button:not(.dropdown).add img.icon,
          .objects-container ul.objects li.add button:not(.dropdown).download svg.icon,
          .objects-container ul.objects li.add button:not(.dropdown).download img.icon,
          .objects-container ul.objects li.add button:not(.dropdown).copy svg.icon,
          .objects-container ul.objects li.add button:not(.dropdown).copy img.icon,
          .objects-container ul.objects li.add > div > a.icon svg.icon,
          .objects-container ul.objects li.add > div > a.icon img.icon,
          .objects-container ul.objects li.add > div > a.star svg.icon,
          .objects-container ul.objects li.add > div > a.star img.icon,
          .objects-container ul.objects li.add > div > a.remove svg.icon,
          .objects-container ul.objects li.add > div > a.remove img.icon,
          .objects-container ul.objects li.add > div > a.add svg.icon,
          .objects-container ul.objects li.add > div > a.add img.icon,
          .objects-container ul.objects li.add > div > a.download svg.icon,
          .objects-container ul.objects li.add > div > a.download img.icon,
          .objects-container ul.objects li.add > div > a.copy svg.icon,
          .objects-container ul.objects li.add > div > a.copy img.icon,
          .objects-container ul.objects li.add > a.icon svg.icon,
          .objects-container ul.objects li.add > a.icon img.icon,
          .objects-container ul.objects li.add > a.star svg.icon,
          .objects-container ul.objects li.add > a.star img.icon,
          .objects-container ul.objects li.add > a.remove svg.icon,
          .objects-container ul.objects li.add > a.remove img.icon,
          .objects-container ul.objects li.add > a.add svg.icon,
          .objects-container ul.objects li.add > a.add img.icon,
          .objects-container ul.objects li.add > a.download svg.icon,
          .objects-container ul.objects li.add > a.download img.icon,
          .objects-container ul.objects li.add > a.copy svg.icon,
          .objects-container ul.objects li.add > a.copy img.icon,
          .objects-container ul.objects li.share > .object-header.icon svg.icon,
          .objects-container ul.objects li.share > .object-header.icon img.icon,
          .objects-container ul.objects li.share > .object-header.star svg.icon,
          .objects-container ul.objects li.share > .object-header.star img.icon,
          .objects-container ul.objects li.share > .object-header.remove svg.icon,
          .objects-container ul.objects li.share > .object-header.remove img.icon,
          .objects-container ul.objects li.share > .object-header.add svg.icon,
          .objects-container ul.objects li.share > .object-header.add img.icon,
          .objects-container ul.objects li.share > .object-header.download svg.icon,
          .objects-container ul.objects li.share > .object-header.download img.icon,
          .objects-container ul.objects li.share > .object-header.copy svg.icon,
          .objects-container ul.objects li.share > .object-header.copy img.icon,
          .objects-container ul.objects li.share button:not(.dropdown).icon svg.icon,
          .objects-container ul.objects li.share button:not(.dropdown).icon img.icon,
          .objects-container ul.objects li.share button:not(.dropdown).star svg.icon,
          .objects-container ul.objects li.share button:not(.dropdown).star img.icon,
          .objects-container ul.objects li.share button:not(.dropdown).remove svg.icon,
          .objects-container ul.objects li.share button:not(.dropdown).remove img.icon,
          .objects-container ul.objects li.share button:not(.dropdown).add svg.icon,
          .objects-container ul.objects li.share button:not(.dropdown).add img.icon,
          .objects-container ul.objects li.share button:not(.dropdown).download svg.icon,
          .objects-container ul.objects li.share button:not(.dropdown).download img.icon,
          .objects-container ul.objects li.share button:not(.dropdown).copy svg.icon,
          .objects-container ul.objects li.share button:not(.dropdown).copy img.icon,
          .objects-container ul.objects li.share > div > a.icon svg.icon,
          .objects-container ul.objects li.share > div > a.icon img.icon,
          .objects-container ul.objects li.share > div > a.star svg.icon,
          .objects-container ul.objects li.share > div > a.star img.icon,
          .objects-container ul.objects li.share > div > a.remove svg.icon,
          .objects-container ul.objects li.share > div > a.remove img.icon,
          .objects-container ul.objects li.share > div > a.add svg.icon,
          .objects-container ul.objects li.share > div > a.add img.icon,
          .objects-container ul.objects li.share > div > a.download svg.icon,
          .objects-container ul.objects li.share > div > a.download img.icon,
          .objects-container ul.objects li.share > div > a.copy svg.icon,
          .objects-container ul.objects li.share > div > a.copy img.icon,
          .objects-container ul.objects li.share > a.icon svg.icon,
          .objects-container ul.objects li.share > a.icon img.icon,
          .objects-container ul.objects li.share > a.star svg.icon,
          .objects-container ul.objects li.share > a.star img.icon,
          .objects-container ul.objects li.share > a.remove svg.icon,
          .objects-container ul.objects li.share > a.remove img.icon,
          .objects-container ul.objects li.share > a.add svg.icon,
          .objects-container ul.objects li.share > a.add img.icon,
          .objects-container ul.objects li.share > a.download svg.icon,
          .objects-container ul.objects li.share > a.download img.icon,
          .objects-container ul.objects li.share > a.copy svg.icon,
          .objects-container ul.objects li.share > a.copy img.icon,
          .objects-container ul.objects li.object > .object-header.icon svg.icon,
          .objects-container ul.objects li.object > .object-header.icon img.icon,
          .objects-container ul.objects li.object > .object-header.star svg.icon,
          .objects-container ul.objects li.object > .object-header.star img.icon,
          .objects-container ul.objects li.object > .object-header.remove svg.icon,
          .objects-container ul.objects li.object > .object-header.remove img.icon,
          .objects-container ul.objects li.object > .object-header.add svg.icon,
          .objects-container ul.objects li.object > .object-header.add img.icon,
          .objects-container ul.objects li.object > .object-header.download svg.icon,
          .objects-container ul.objects li.object > .object-header.download img.icon,
          .objects-container ul.objects li.object > .object-header.copy svg.icon,
          .objects-container ul.objects li.object > .object-header.copy img.icon,
          .objects-container ul.objects li.object button:not(.dropdown).icon svg.icon,
          .objects-container ul.objects li.object button:not(.dropdown).icon img.icon,
          .objects-container ul.objects li.object button:not(.dropdown).star svg.icon,
          .objects-container ul.objects li.object button:not(.dropdown).star img.icon,
          .objects-container ul.objects li.object button:not(.dropdown).remove svg.icon,
          .objects-container ul.objects li.object button:not(.dropdown).remove img.icon,
          .objects-container ul.objects li.object button:not(.dropdown).add svg.icon,
          .objects-container ul.objects li.object button:not(.dropdown).add img.icon,
          .objects-container ul.objects li.object button:not(.dropdown).download svg.icon,
          .objects-container ul.objects li.object button:not(.dropdown).download img.icon,
          .objects-container ul.objects li.object button:not(.dropdown).copy svg.icon,
          .objects-container ul.objects li.object button:not(.dropdown).copy img.icon,
          .objects-container ul.objects li.object > div > a.icon svg.icon,
          .objects-container ul.objects li.object > div > a.icon img.icon,
          .objects-container ul.objects li.object > div > a.star svg.icon,
          .objects-container ul.objects li.object > div > a.star img.icon,
          .objects-container ul.objects li.object > div > a.remove svg.icon,
          .objects-container ul.objects li.object > div > a.remove img.icon,
          .objects-container ul.objects li.object > div > a.add svg.icon,
          .objects-container ul.objects li.object > div > a.add img.icon,
          .objects-container ul.objects li.object > div > a.download svg.icon,
          .objects-container ul.objects li.object > div > a.download img.icon,
          .objects-container ul.objects li.object > div > a.copy svg.icon,
          .objects-container ul.objects li.object > div > a.copy img.icon,
          .objects-container ul.objects li.object > a.icon svg.icon,
          .objects-container ul.objects li.object > a.icon img.icon,
          .objects-container ul.objects li.object > a.star svg.icon,
          .objects-container ul.objects li.object > a.star img.icon,
          .objects-container ul.objects li.object > a.remove svg.icon,
          .objects-container ul.objects li.object > a.remove img.icon,
          .objects-container ul.objects li.object > a.add svg.icon,
          .objects-container ul.objects li.object > a.add img.icon,
          .objects-container ul.objects li.object > a.download svg.icon,
          .objects-container ul.objects li.object > a.download img.icon,
          .objects-container ul.objects li.object > a.copy svg.icon,
          .objects-container ul.objects li.object > a.copy img.icon {
            width: 2rem;
            height: 2rem;
            position: absolute;
            top: calc(50% - 1rem);
            left: calc(50% - 0.75rem); }
      .objects-container ul.objects li.add .half-button + .half-button a:last-child,
      .objects-container ul.objects li.add .half-button + .half-button button:last-child,
      .objects-container ul.objects li.add .half-button:not(:last-child) a:last-child,
      .objects-container ul.objects li.add .half-button:not(:last-child) button:last-child,
      .objects-container ul.objects li.share .half-button + .half-button a:last-child,
      .objects-container ul.objects li.share .half-button + .half-button button:last-child,
      .objects-container ul.objects li.share .half-button:not(:last-child) a:last-child,
      .objects-container ul.objects li.share .half-button:not(:last-child) button:last-child,
      .objects-container ul.objects li.object .half-button + .half-button a:last-child,
      .objects-container ul.objects li.object .half-button + .half-button button:last-child,
      .objects-container ul.objects li.object .half-button:not(:last-child) a:last-child,
      .objects-container ul.objects li.object .half-button:not(:last-child) button:last-child {
        height: 50%; }
      .objects-container ul.objects li.add .half-button:not(:last-child) a:last-child,
      .objects-container ul.objects li.add .half-button:not(:last-child) button:last-child,
      .objects-container ul.objects li.share .half-button:not(:last-child) a:last-child,
      .objects-container ul.objects li.share .half-button:not(:last-child) button:last-child,
      .objects-container ul.objects li.object .half-button:not(:last-child) a:last-child,
      .objects-container ul.objects li.object .half-button:not(:last-child) button:last-child {
        border-bottom: none;
        border-bottom-right-radius: 0; }
      .objects-container ul.objects li.add .half-button + .half-button:last-child a:last-child,
      .objects-container ul.objects li.add .half-button + .half-button:last-child button:last-child,
      .objects-container ul.objects li.share .half-button + .half-button:last-child a:last-child,
      .objects-container ul.objects li.share .half-button + .half-button:last-child button:last-child,
      .objects-container ul.objects li.object .half-button + .half-button:last-child a:last-child,
      .objects-container ul.objects li.object .half-button + .half-button:last-child button:last-child {
        top: auto;
        bottom: 0;
        border-top-color: white;
        border-top-right-radius: 0; }
      .objects-container ul.objects li.add.version p.version,
      .objects-container ul.objects li.share.version p.version,
      .objects-container ul.objects li.object.version p.version {
        padding: 0;
        font-size: 1rem; }
      .objects-container ul.objects li.add.empty:not(:first-of-type) a:first-child,
      .objects-container ul.objects li.share.empty:not(:first-of-type) a:first-child,
      .objects-container ul.objects li.object.empty:not(:first-of-type) a:first-child {
        padding: 0;
        width: 0;
        max-width: 0;
        min-width: 0;
        overflow: hidden;
        border: none;
        margin-left: 0.5rem; }
      .objects-container ul.objects li.add.empty:not(:first-of-type) a:last-child svg.icon,
      .objects-container ul.objects li.add.empty:not(:first-of-type) a:last-child img.icon,
      .objects-container ul.objects li.share.empty:not(:first-of-type) a:last-child svg.icon,
      .objects-container ul.objects li.share.empty:not(:first-of-type) a:last-child img.icon,
      .objects-container ul.objects li.object.empty:not(:first-of-type) a:last-child svg.icon,
      .objects-container ul.objects li.object.empty:not(:first-of-type) a:last-child img.icon {
        left: calc(50% - 1rem); }
      .objects-container ul.objects li.add.empty p.type,
      .objects-container ul.objects li.share.empty p.type,
      .objects-container ul.objects li.object.empty p.type {
        color: #ddd; }
      .objects-container ul.objects li.add.empty p.name,
      .objects-container ul.objects li.share.empty p.name,
      .objects-container ul.objects li.object.empty p.name {
        color: #ddd; }
    .objects-container ul.objects li.object.person img {
      border-radius: 0.5rem;
      margin-bottom: 0.5rem; }
    .objects-container ul.objects li.object.person img.fingerprint {
      position: absolute;
      background: white;
      right: 2rem;
      top: 5.75rem;
      width: 2rem;
      height: 2rem;
      border: 1px solid #b1b1b1;
      box-shadow: 0 0 1px 2px white; }
    .objects-container ul.objects.filled li.object {
      margin-bottom: 1rem; }
    .objects-container ul.objects.detailed.list {
      flex-direction: column;
      padding: 0; }
      .objects-container ul.objects.detailed.list li.object.detailed > .checkbox {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
      .objects-container ul.objects.detailed.list li.object.detailed > div > a,
      .objects-container ul.objects.detailed.list li.object.detailed > a {
        padding-left: 4rem;
        padding-right: 0.5rem;
        min-width: 17.2rem; }
        .objects-container ul.objects.detailed.list li.object.detailed > div > a svg,
        .objects-container ul.objects.detailed.list li.object.detailed > div > a img,
        .objects-container ul.objects.detailed.list li.object.detailed > a svg,
        .objects-container ul.objects.detailed.list li.object.detailed > a img {
          width: 2.5rem;
          height: 2.5rem;
          position: absolute;
          left: 0.5rem;
          top: calc(50% - 1.25rem);
          padding-right: 0.5rem;
          border-right: 1px solid #ddd; }
        .objects-container ul.objects.detailed.list li.object.detailed > div > a.vertical,
        .objects-container ul.objects.detailed.list li.object.detailed > a.vertical {
          min-width: 10rem;
          width: 10rem;
          padding: 0.5rem; }
          .objects-container ul.objects.detailed.list li.object.detailed > div > a.vertical > svg.icon,
          .objects-container ul.objects.detailed.list li.object.detailed > div > a.vertical > img.icon,
          .objects-container ul.objects.detailed.list li.object.detailed > a.vertical > svg.icon,
          .objects-container ul.objects.detailed.list li.object.detailed > a.vertical > img.icon {
            position: static;
            display: block;
            border: none;
            padding: 0.5rem;
            padding-bottom: 1.5rem; }
          .objects-container ul.objects.detailed.list li.object.detailed > div > a.vertical > p,
          .objects-container ul.objects.detailed.list li.object.detailed > a.vertical > p {
            white-space: normal; }
      .objects-container ul.objects.detailed.list li.object.detailed > div > a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
      .objects-container ul.objects.detailed.list li.object.detailed .actions {
        margin-left: 0.5rem; }
        .objects-container ul.objects.detailed.list li.object.detailed .actions a {
          min-width: 0;
          padding-left: 0.5rem; }
          .objects-container ul.objects.detailed.list li.object.detailed .actions a p {
            font: 400 0.8rem Lato, sans-serif; }
    .objects-container ul.objects.list:not(.small) {
      flex-direction: column;
      border-bottom: 1px solid #eee;
      margin-top: 0; }
      .objects-container ul.objects.list:not(.small) li.object {
        width: 100%;
        display: flex;
        flex-direction: row;
        overflow: visible;
        grid-row: auto;
        grid-column: 1;
        padding: 10px;
        margin: 0; }
        .objects-container ul.objects.list:not(.small) li.object:not(:first-child) {
          border-top: 1px solid #eee; }
        .objects-container ul.objects.list:not(.small) li.object button:not(.dropdown):first-child:not(:last-child),
        .objects-container ul.objects.list:not(.small) li.object > a:first-child:not(:last-child) {
          margin-right: 0;
          flex: 0 0 auto; }
        .objects-container ul.objects.list:not(.small) li.object > a:nth-child(2) {
          right: 0.6250rem;
          z-index: 99;
          height: calc(100% - 1.25rem);
          top: 0.625rem;
          width: 4rem; }
        .objects-container ul.objects.list:not(.small) li.object .description {
          padding: 0;
          flex: 1 1 auto;
          white-space: normal;
          overflow: visible;
          margin-left: 1rem;
          text-align: justify;
          font: 300 0.9rem "Lato", sans-serif;
          line-height: 1.25rem;
          max-height: 9rem;
          overflow: hidden; }
        .objects-container ul.objects.list:not(.small) li.object .statistics {
          flex: 0 0 auto;
          color: #888; }
          .objects-container ul.objects.list:not(.small) li.object .statistics > .dropdown-menu button {
            width: 1rem;
            height: 1rem; }
            .objects-container ul.objects.list:not(.small) li.object .statistics > .dropdown-menu button svg {
              position: absolute;
              top: 0.125rem;
              left: 0.125rem;
              width: 0.75rem;
              height: 0.75rem; }
            .objects-container ul.objects.list:not(.small) li.object .statistics > .dropdown-menu button ~ .dropdown-menu-options {
              right: -0.4125rem;
              top: 2rem; }
      .objects-container ul.objects.list:not(.small).filled {
        padding: 0; }
        .objects-container ul.objects.list:not(.small).filled li.object > div:first-child > a,
        .objects-container ul.objects.list:not(.small).filled li.object > a:first-child {
          width: 100%;
          max-width: none; }
          .objects-container ul.objects.list:not(.small).filled li.object > div:first-child > a:not(:last-child),
          .objects-container ul.objects.list:not(.small).filled li.object > a:first-child:not(:last-child) {
            width: calc(100% - 3.5rem);
            z-index: 999; }
    .objects-container ul.objects.small:not(.list) li.object.small:not(.detailed) {
      position: relative; }
      .objects-container ul.objects.small:not(.list) li.object.small:not(.detailed) svg,
      .objects-container ul.objects.small:not(.list) li.object.small:not(.detailed) img {
        width: 2.5rem;
        height: 2.5rem;
        position: absolute;
        top: 0.5rem;
        left: 0.5rem;
        display: block; }
      .objects-container ul.objects.small:not(.list) li.object.small:not(.detailed) .half-button a,
      .objects-container ul.objects.small:not(.list) li.object.small:not(.detailed) .half-button button {
        width: 2.5rem; }
        .objects-container ul.objects.small:not(.list) li.object.small:not(.detailed) .half-button a svg,
        .objects-container ul.objects.small:not(.list) li.object.small:not(.detailed) .half-button a img,
        .objects-container ul.objects.small:not(.list) li.object.small:not(.detailed) .half-button button svg,
        .objects-container ul.objects.small:not(.list) li.object.small:not(.detailed) .half-button button img {
          top: calc(50% - 0.75rem);
          left: 0.625rem;
          width: 1.5rem;
          height: 1.5rem; }
          .objects-container ul.objects.small:not(.list) li.object.small:not(.detailed) .half-button a svg.smaller,
          .objects-container ul.objects.small:not(.list) li.object.small:not(.detailed) .half-button a img.smaller,
          .objects-container ul.objects.small:not(.list) li.object.small:not(.detailed) .half-button button svg.smaller,
          .objects-container ul.objects.small:not(.list) li.object.small:not(.detailed) .half-button button img.smaller {
            width: 1rem;
            height: 1rem;
            top: calc(50% - 0.5rem);
            left: 0.9375rem; }
      .objects-container ul.objects.small:not(.list) li.object.small:not(.detailed) button:first-child,
      .objects-container ul.objects.small:not(.list) li.object.small:not(.detailed) a:first-child {
        padding-left: 3.5rem;
        margin-right: 2rem; }
      .objects-container ul.objects.small:not(.list) li.object.small:not(.detailed) .half-button + .half-button a:last-child,
      .objects-container ul.objects.small:not(.list) li.object.small:not(.detailed) .half-button + .half-button button:last-child,
      .objects-container ul.objects.small:not(.list) li.object.small:not(.detailed) .half-button:not(:last-child) a:last-child,
      .objects-container ul.objects.small:not(.list) li.object.small:not(.detailed) .half-button:not(:last-child) button:last-child {
        height: 50%; }
      .objects-container ul.objects.small:not(.list) li.object.small:not(.detailed) .half-button:not(:last-child) a:last-child,
      .objects-container ul.objects.small:not(.list) li.object.small:not(.detailed) .half-button:not(:last-child) button:last-child {
        border-bottom: none;
        border-bottom-right-radius: 0; }
      .objects-container ul.objects.small:not(.list) li.object.small:not(.detailed) .half-button + .half-button:last-child a:last-child,
      .objects-container ul.objects.small:not(.list) li.object.small:not(.detailed) .half-button + .half-button:last-child button:last-child {
        top: auto;
        bottom: 0;
        border-top-color: white;
        border-top-right-radius: 0; }
      .objects-container ul.objects.small:not(.list) li.object.small:not(.detailed):not(:first-of-type) {
        margin-left: 1rem; }
      .objects-container ul.objects.small:not(.list) li.object.small:not(.detailed):last-of-type .half-button button:last-child:not(:first-child) {
        right: 0; }
  .objects-container.grid-view ul.objects {
    white-space: normal;
    display: block; }
    .objects-container.grid-view ul.objects li.object {
      width: 24%;
      text-align: center;
      margin: 0; }
      .objects-container.grid-view ul.objects li.object > a {
        max-width: 10rem; }

table.objects {
  width: 100%; }
  table.objects thead tr th {
    padding: 0.5rem 1rem;
    border-bottom: 1px solid #ddd;
    font: bold 0.9rem 'Lato', sans-serif; }
  table.objects tbody tr td.objects {
    text-align: left;
    width: 100%; }
  table.objects tbody tr td > * {
    vertical-align: middle; }
  table.objects tbody tr td .objects-container.table-row {
    margin-top: 0; }
    table.objects tbody tr td .objects-container.table-row ul.objects.table-cell {
      padding: 0;
      margin: 0; }
      table.objects tbody tr td .objects-container.table-row ul.objects.table-cell li.object.table-cell-item {
        padding: 0;
        margin: 0; }

.object-list {
  display: table;
  margin: 10px 20px;
  margin-bottom: 0;
  text-align: left; }
  .object-list > .object-list-header,
  .object-list > li.object {
    display: table-row; }
    .object-list > .object-list-header > *,
    .object-list > li.object > * {
      vertical-align: top;
      display: table-cell;
      padding-left: 0.7rem;
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
      font: 300 0.9rem "Lato", sans-serif;
      position: relative;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .object-list > .object-list-header > *:not(.icon),
      .object-list > li.object > *:not(.icon) {
        width: 100%; }
      .object-list > .object-list-header > * button:not(.delete):not(.edit),
      .object-list > li.object > * button:not(.delete):not(.edit) {
        cursor: pointer;
        border: 1px solid #c7c7c7;
        border-radius: 50%;
        width: 1.5rem;
        height: 1.5rem;
        background-color: #96cfdb;
        overflow: hidden;
        text-indent: -9999px;
        padding: 0;
        margin: 0;
        vertical-align: middle; }
        .object-list > .object-list-header > * button:not(.delete):not(.edit) svg,
        .object-list > .object-list-header > * button:not(.delete):not(.edit) img,
        .object-list > li.object > * button:not(.delete):not(.edit) svg,
        .object-list > li.object > * button:not(.delete):not(.edit) img {
          width: 1rem;
          height: 1rem;
          position: absolute;
          left: 0.95rem;
          top: 0.5rem; }
        .object-list > .object-list-header > * button:not(.delete):not(.edit):hover,
        .object-list > li.object > * button:not(.delete):not(.edit):hover {
          background-color: #2da0b7; }
      .object-list > .object-list-header > *:first-child,
      .object-list > li.object > *:first-child {
        padding-left: 0; }
    .object-list > .object-list-header > .action,
    .object-list > li.object > .action {
      padding-left: 0.25rem; }
    .object-list > .object-list-header > p.configuration-column,
    .object-list > .object-list-header > p.name,
    .object-list > .object-list-header > h2.name,
    .object-list > li.object > p.configuration-column,
    .object-list > li.object > p.name,
    .object-list > li.object > h2.name {
      line-height: 1.25rem;
      padding-left: 10px;
      width: 100%; }
      .object-list > .object-list-header > p.configuration-column span,
      .object-list > .object-list-header > p.name span,
      .object-list > .object-list-header > h2.name span,
      .object-list > li.object > p.configuration-column span,
      .object-list > li.object > p.name span,
      .object-list > li.object > h2.name span {
        position: relative;
        top: 0.125rem; }
    .object-list > .object-list-header > p.type,
    .object-list > li.object > p.type {
      text-align: right;
      position: relative;
      top: 0.125rem; }
    .object-list > .object-list-header.supplemental > *,
    .object-list > li.object.supplemental > * {
      padding-top: 0;
      padding-bottom: 0.125rem; }
    .object-list > .object-list-header.supplemental > p.name,
    .object-list > .object-list-header.supplemental > h2.name,
    .object-list > li.object.supplemental > p.name,
    .object-list > li.object.supplemental > h2.name {
      font-size: 0.7rem; }
    .object-list > .object-list-header.supplemental > p.type,
    .object-list > li.object.supplemental > p.type {
      font-size: 0.7rem;
      font-family: inconsolata, monospace; }
    .object-list > .object-list-header.object-list-header > *,
    .object-list > li.object.object-list-header > * {
      font-weight: bold; }
      .object-list > .object-list-header.object-list-header > *.icon,
      .object-list > li.object.object-list-header > *.icon {
        padding-top: 0.125rem; }
      .object-list > .object-list-header.object-list-header > * > svg.icon,
      .object-list > li.object.object-list-header > * > svg.icon {
        fill: #666; }
  .object-list svg.icon,
  .object-list img.icon {
    width: 1.25rem;
    height: 1.25rem;
    vertical-align: middle; }

ol.object-tree {
  text-align: left;
  border: 1px solid #ccc;
  overflow: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  opacity: 1;
  transition: 0.3s opacity;
  box-sizing: border-box; }
  ol.object-tree.full {
    height: 100%; }
  ol.object-tree > li > ol.object-tree.object-sub-tree {
    border: none;
    max-height: none;
    height: auto;
    padding: 0;
    margin-left: 23px;
    overflow: visible; }
    ol.object-tree > li > ol.object-tree.object-sub-tree.loading {
      height: 30px;
      background-position-x: 20px;
      background-size: 34px;
      transition: 0.3s opacity, 0.3s height; }
      ol.object-tree > li > ol.object-tree.object-sub-tree.loading[hidden] {
        height: 0; }
  ol.object-tree li {
    line-height: 0;
    overflow: hidden; }
    ol.object-tree li span {
      font: 400 0.8rem "Open Sans", sans-serif;
      display: inline-block;
      height: 24px;
      line-height: 24px;
      max-height: 24px;
      vertical-align: middle;
      cursor: pointer;
      transition: 0.3s height, 0.3s max-height, 0.3s line-height; }
      ol.object-tree li span.selected {
        background-color: red;
        color: blue; }
    ol.object-tree li span.expand {
      position: relative;
      width: 24px; }
      ol.object-tree li span.expand.collapse::after {
        transform: rotate(90deg);
        border-left-color: #333;
        transition: 0.3s border-left-color, 0.3s transform; }
      ol.object-tree li span.expand::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        left: 10px;
        top: 6px;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 6px solid #aaa;
        transform: rotate(0deg);
        transition: 0.3s border-left-color, 0.3s transform; }
    ol.object-tree li span.icon {
      width: 24px;
      background-size: 20px;
      background-position: 4px 2px;
      margin-right: 5px; }
      ol.object-tree li span.icon img {
        width: 24px;
        border-radius: 50%; }
    ol.object-tree li span.name {
      padding: 0 5px;
      border-radius: 3px; }
  ol.object-tree[hidden] {
    display: block !important;
    opacity: 0;
    transition: 0.3s opacity; }
    ol.object-tree[hidden] li span {
      height: 0 !important;
      max-height: 0 !important;
      line-height: 0 !important;
      transition: 0.3s height, 0.3s max-height, 0.3s line-height;
      overflow: hidden; }
    ol.object-tree[hidden] ol.object-tree.loading, ol.object-tree[hidden].loading {
      height: 0;
      transition: 0.3s opacity, 0.3s height; }

form > ol.object-tree,
form > .card > ol.object-tree {
  margin-left: 15px;
  box-sizing: border-box;
  width: 600px;
  max-width: calc(100% - 30px); }

ul.object-preview-list {
  display: block;
  list-style: none;
  padding: 20px 20px;
  text-align: center; }
  ul.object-preview-list > li.object {
    border: none;
    display: inline-block;
    margin: 10px;
    padding: 0;
    position: relative;
    text-align: left;
    vertical-align: top; }
    ul.object-preview-list > li.object > a {
      display: block;
      text-decoration: none;
      padding: 0.5rem;
      border: 1px solid #ddd;
      border-radius: 0.5rem; }
      ul.object-preview-list > li.object > a .object-preview {
        width: 20rem;
        min-height: 4rem;
        max-width: 20rem;
        max-height: 20rem;
        position: relative;
        overflow: hidden;
        background-color: white;
        border: 1px solid #ddd;
        border-radius: 0.35rem;
        box-sizing: border-box;
        margin-top: 0.5rem; }
        ul.object-preview-list > li.object > a .object-preview.widget {
          height: 16rem; }
        ul.object-preview-list > li.object > a .object-preview img,
        ul.object-preview-list > li.object > a .object-preview iframe {
          display: block;
          width: 100%;
          box-sizing: border-box;
          pointer-events: none; }
        ul.object-preview-list > li.object > a .object-preview iframe {
          -moz-transform: scale(0.5);
          -moz-transform-origin: 0 0;
          -o-transform: scale(0.5);
          -o-transform-origin: 0 0;
          -webkit-transform: scale(0.5);
          -webkit-transform-origin: 0 0;
          transform: scale(0.5);
          transform-origin: 0 0;
          position: absolute;
          width: 600px;
          height: 400px; }
      ul.object-preview-list > li.object > a .object-header {
        width: 17.5rem;
        height: 2rem;
        position: relative;
        box-sizing: border-box;
        margin-right: 2.5rem; }
        ul.object-preview-list > li.object > a .object-header > svg,
        ul.object-preview-list > li.object > a .object-header > img {
          position: absolute;
          width: 2rem;
          height: 2rem;
          left: 0;
          top: 0; }
        ul.object-preview-list > li.object > a .object-header > h2 {
          position: absolute;
          top: 0;
          display: block;
          padding: 0;
          padding-left: 2.5rem;
          font: bold 12px Lato, sans-serif;
          white-space: nowrap;
          overflow: hidden; }
          ul.object-preview-list > li.object > a .object-header > h2 span.subtype {
            margin-left: 0.25rem; }
            ul.object-preview-list > li.object > a .object-header > h2 span.subtype::before {
              content: '[';
              color: #ccc; }
            ul.object-preview-list > li.object > a .object-header > h2 span.subtype::after {
              content: ']';
              color: #ccc; }
        ul.object-preview-list > li.object > a .object-header > p {
          display: block;
          position: absolute;
          bottom: 0;
          padding: 0;
          padding-left: 2.5rem;
          font: 300 14px Lato, sans-serif;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          padding-right: 0.5rem;
          width: calc(100% - 2.5rem); }
        ul.object-preview-list > li.object > a .object-header form {
          display: inline-block;
          position: absolute;
          top: calc(50% - 0.75rem);
          right: 0.5rem; }
          ul.object-preview-list > li.object > a .object-header form button {
            cursor: pointer;
            border: 1px solid #c7c7c7;
            border-radius: 50%;
            width: 1.5rem;
            height: 1.5rem;
            background-color: #96cfdb; }
            ul.object-preview-list > li.object > a .object-header form button svg,
            ul.object-preview-list > li.object > a .object-header form button img {
              width: 1rem;
              height: 1rem;
              position: absolute;
              left: 0.25rem;
              top: 0.25rem; }
            ul.object-preview-list > li.object > a .object-header form button:hover {
              background-color: #2da0b7; }
      ul.object-preview-list > li.object > a:hover, ul.object-preview-list > li.object > a:focus, ul.object-preview-list > li.object > a.focus {
        border: 1px solid #ccc; }
    ul.object-preview-list > li.object .dropdown-menu {
      position: absolute;
      right: 0.5rem;
      top: 0.5rem; }
      ul.object-preview-list > li.object .dropdown-menu button.dropdown {
        cursor: pointer;
        height: 2rem;
        margin: 0;
        width: 2rem; }
        ul.object-preview-list > li.object .dropdown-menu button.dropdown svg {
          height: 1rem;
          width: 1rem;
          vertical-align: middle; }
        ul.object-preview-list > li.object .dropdown-menu button.dropdown + ul.dropdown-menu-options.options {
          right: 0; }
          ul.object-preview-list > li.object .dropdown-menu button.dropdown + ul.dropdown-menu-options.options li {
            border: none; }
            ul.object-preview-list > li.object .dropdown-menu button.dropdown + ul.dropdown-menu-options.options li a,
            ul.object-preview-list > li.object .dropdown-menu button.dropdown + ul.dropdown-menu-options.options li button,
            ul.object-preview-list > li.object .dropdown-menu button.dropdown + ul.dropdown-menu-options.options li input {
              height: auto; }
        ul.object-preview-list > li.object .dropdown-menu button.dropdown[disabled] {
          cursor: default;
          pointer-events: none; }
      ul.object-preview-list > li.object .dropdown-menu button ~ button.actions-dropdown {
        top: -1px;
        position: relative; }
    ul.object-preview-list > li.object[data-has-preview] a .object-header {
      border-bottom: 1px solid #ddd;
      height: 2.5rem; }
      ul.object-preview-list > li.object[data-has-preview] a .object-header p {
        bottom: 0.5rem; }

/**
 * Loading graphic styling.
 */
.loading:not(.loading-content) {
  background-color: rgba(255, 255, 255, 0.7);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 10%; }
  .loading:not(.loading-content).error-500, .loading:not(.loading-content).error-400 {
    display: flex;
    align-items: center;
    justify-content: center; }
  .loading:not(.loading-content).overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99; }
  .loading:not(.loading-content).transparent {
    background-color: transparent; }
  .loading:not(.loading-content) > .card.loading.loading-content {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 0.25rem;
    background-size: 1.5rem;
    flex: 0 0 auto;
    padding-top: 2rem; }
  .loading:not(.loading-content).failed {
    background-image: url "/images/indicators/object-failed.svg";
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 10%; }
    .loading:not(.loading-content).failed > .card.loading.loading-content {
      background-image: url "/images/indicators/object-failed.svg"; }
  .loading:not(.loading-content).white {
    background-image: url "/images/dynamic/hex/ffffff/indicators/object.svg";
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 10%; }
    .loading:not(.loading-content).white > .card.loading.loading-content {
      background-image: url "/images/dynamic/hex/ffffff/indicators/object.svg"; }
  .loading:not(.loading-content):not(.error-500):not(.error-400) > .card.loading.loading-content {
    background-image: url "/images/indicators/object.svg"; }
  .loading:not(.loading-content):not(.error-500):not(.error-400):not([data-block-given]) {
    background-image: url "/images/indicators/object.svg";
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 10%; }

input.loading:not(.error-500):not(.error-400) {
  background-size: 6%; }

/* Styling for the Donut visualizations.
 *
 */
figure.donut {
  display: flex;
  justify-content: space-around;
  flex-direction: row;
  width: 40rem;
  margin: 0 auto; }
  figure.donut .chart-number {
    font-size: 0.4em;
    line-height: 1;
    text-anchor: middle;
    text-align: center;
    transform: translateY(-0.25em); }
  figure.donut .chart-label {
    font-size: 0.4em;
    line-height: 1;
    text-anchor: middle;
    text-align: center;
    transform: translateY(0.8em); }
  figure.donut .chart {
    flex: 1;
    align-self: center; }
  figure.donut figcaption {
    flex: 1;
    align-self: center;
    text-align: left; }
    figure.donut figcaption ul.donut-keys li {
      white-space: nowrap; }
    figure.donut figcaption ul.donut-keys li:not(:first-child) {
      margin-top: 10px; }
    figure.donut figcaption ul.donut-keys span {
      display: inline-block;
      height: 1.5rem;
      line-height: 1.5rem;
      vertical-align: middle; }
    figure.donut figcaption ul.donut-keys span:not(:last-child) {
      margin-right: 0.25rem; }
    figure.donut figcaption ul.donut-keys span.circle {
      border-radius: 50%;
      width: 1.5rem;
      margin-right: 0.5rem; }

/**
 * Styling for Paul Navasard's Calendar widget.
 *
 * Some original styling is found here https://codepen.io/peanav/pen/CfFjl
 * on codepen.
 */
.calendar {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  white-space: nowrap; }
  .calendar,
  .calendar *,
  .calendar *::before,
  .calendar *::after {
    box-sizing: border-box; }
  .calendar .header {
    height: 3rem;
    width: 100%;
    background: white;
    text-align: center;
    position: relative;
    z-index: 100; }
    .calendar .header h3 {
      background: none;
      max-height: none;
      height: auto;
      margin: 0;
      padding: 0;
      letter-spacing: 1px;
      font: 400 1.6rem "Lato", sans-serif;
      line-height: 3rem;
      color: #404040; }
  .calendar .left,
  .calendar .right {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    top: 50%;
    margin-top: -7.5px;
    cursor: pointer; }
  .calendar .left {
    border-width: 7.5px 10px 7.5px 0;
    border-color: transparent #a09fa0 transparent transparent;
    left: 20px; }
  .calendar .right {
    border-width: 7.5px 0 7.5px 10px;
    border-color: transparent transparent transparent #a09fa0;
    right: 20px; }
  .calendar .events {
    height: 75px;
    padding: 7px 0;
    overflow-y: auto;
    overflow-x: hidden; }
  .calendar .events.in {
    animation: fadeIn 0.3s ease both;
    animation-delay: 0.3s; }
  .calendar .events.out {
    animation: fadeOut 0.3s ease both; }
  .calendar .event {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.5px;
    padding: 2px 16px;
    vertical-align: top; }
  .calendar .event.empty {
    color: #eee; }
  .calendar .event-category {
    height: 10px;
    width: 10px;
    display: inline-block;
    margin: 6px 0 0;
    vertical-align: top; }
  .calendar .event span {
    display: inline-block;
    padding: 0 0 0 7px; }
  .calendar .month {
    opacity: 0; }
  .calendar .month.new {
    animation: fadeIn 1s ease-out;
    opacity: 1; }
  .calendar .month.in.next {
    animation: moveFromTopFadeMonth 0.4s ease-out;
    opacity: 1; }
  .calendar .month.out.next {
    animation: moveToTopFadeMonth 0.4s ease-in;
    opacity: 1; }
  .calendar .month.in.prev {
    animation: moveFromBottomFadeMonth 0.4s ease-out;
    opacity: 1; }
  .calendar .month.out.prev {
    animation: moveToBottomFadeMonth 0.4s ease-in;
    opacity: 1; }
  .calendar .week {
    background: white; }
  .calendar .day {
    display: inline-block;
    width: 6rem;
    padding: 0.5rem;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    background: white;
    position: relative;
    z-index: 100; }
    @media (max-width: 640px) {
      .calendar .day {
        width: 4rem; } }
    @media (max-width: 450px) {
      .calendar .day {
        width: 3rem; } }
  .calendar .day-name {
    text-transform: uppercase;
    margin-bottom: 0.25rem;
    color: #5999a6;
    letter-spacing: 0.7px;
    font: 400 0.6rem "Lato", sans-serif; }
  .calendar .day-number {
    font: 400 1.6rem "Lato", sans-serif;
    color: #404040; }
  .calendar .day.other .day-name,
  .calendar .day.other .day-number {
    opacity: 0.5; }
  .calendar .day.today {
    color: #9ccaeb; }
  .calendar .day .day-events {
    list-style: none;
    margin-top: 0.25rem;
    text-align: center;
    height: 0.75rem;
    line-height: 0.25rem;
    overflow: hidden; }
  .calendar .day .day-events span {
    vertical-align: top;
    display: inline-block;
    padding: 0;
    width: 5px;
    height: 5px;
    line-height: 5px;
    margin: 0 1px; }
  .calendar .day:hover {
    background-color: #ba99bb;
    color: white; }
    .calendar .day:hover .day-number,
    .calendar .day:hover .day-name {
      opacity: 1;
      color: white; }
  .calendar .details {
    position: relative;
    width: 42rem;
    height: 8rem;
    background: #6aa3ae;
    margin-top: 0.25rem;
    border-radius: 0.25rem; }
    @media (max-width: 640px) {
      .calendar .details {
        width: 30rem; } }
  .calendar .details.in {
    animation: moveFromTopFade 0.5s ease both; }
  .calendar .details.out {
    animation: moveToTopFade 0.5s ease both; }
  .calendar .arrow {
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #6aa3ae transparent;
    transition: all 0.7s ease; }
  .calendar .details.out .events {
    animation: fadeOutShrink 0.4s ease both; }
  .calendar .legend {
    width: calc(100% + 2px);
    height: 2rem;
    left: -1px;
    background: #b192b2;
    line-height: 2rem;
    position: relative;
    z-index: 9; }
  .calendar .entry {
    position: relative;
    padding: 0 0 0 25px;
    font-size: 13px;
    display: inline-block;
    line-height: 30px;
    background: transparent; }
  .calendar .entry::after {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    top: 12px;
    left: 14px; }
@keyframes moveFromTopFade {
  from {
    height: 0;
    margin-top: 0;
    transform: translateY(-100%); } }
@keyframes moveToTopFade {
  to {
    height: 0;
    transform: translateY(-100%); } }
@keyframes moveToTopFadeMonth {
  to {
    opacity: 0;
    transform: translateY(-30%); } }
@keyframes moveFromTopFadeMonth {
  from {
    opacity: 0;
    transform: translateY(30%); } }
@keyframes moveToBottomFadeMonth {
  to {
    opacity: 0;
    transform: translateY(30%); } }
@keyframes moveFromBottomFadeMonth {
  from {
    opacity: 0;
    transform: translateY(-30%); } }
@keyframes fadeIn {
  from {
    opacity: 0; } }
@keyframes fadeOut {
  to {
    opacity: 0; } }
@keyframes fadeOutShrink {
  to {
    opacity: 0;
    padding: 0;
    height: 0; } }
/**
 * Styling for the embedded view of the site.
 *
 * This view is for when a person wants to place an artifact within an iframe
 * or other dynamic container.
 *
 * Generally, much of the UI is condensed.
 */
/**
 * Styling of the page/object header when the page is embedded
 */
body.embedded > .content > h1 {
  z-index: 9999999999;
  position: fixed;
  padding: 0;
  padding-right: 1.5rem;
  margin: 0;
  height: 1.5rem;
  min-height: 0;
  top: 0;
  right: 0;
  overflow: hidden;
  max-width: calc(100% - 14rem); }
  body.embedded > .content > h1 .organization {
    display: none; }
  body.embedded > .content > h1 .actions {
    display: none; }
  body.embedded > .content > h1 .badges {
    display: none; }
  body.embedded > .content > h1 nav {
    display: none; }
  body.embedded > .content > h1 > svg,
  body.embedded > .content > h1 > img {
    padding: 0;
    margin: 0;
    width: 1.5rem;
    height: 1.5rem;
    left: 0;
    top: 0; }
  body.embedded > .content > h1 .type {
    left: 0;
    padding: 0;
    margin: 0;
    padding-left: 2rem;
    bottom: 0;
    height: 0.7rem;
    z-index: auto;
    overflow: visible;
    font: 400 0.8rem "Marcellus SC", serif;
    max-width: initial; }
    body.embedded > .content > h1 .type ul.subtypes {
      bottom: 0.2rem;
      height: 1rem;
      max-width: initial; }
    body.embedded > .content > h1 .type a {
      z-index: auto;
      font: 400 0.8rem "Marcellus SC", serif;
      bottom: 0.2rem; }
  body.embedded > .content > h1 .name {
    left: 0;
    padding: 0;
    margin: 0;
    font: 300 0.9rem "Lato", sans-serif;
    z-index: auto;
    padding-left: 2rem;
    bottom: 0.2rem;
    position: relative; }
    body.embedded > .content > h1 .name a {
      z-index: auto;
      font: 300 0.9rem "Lato", sans-serif; }
  body.embedded > .content > h1 + .bar {
    display: none; }

/**
 * Styling for tabs within an embedded site.
 */
body.embedded .content.flex > ul.tabs.card-tabs {
  position: fixed;
  top: 0;
  right: 0;
  width: 1rem;
  height: 1.5rem;
  box-sizing: border-box;
  z-index: 9999999999;
  box-shadow: none;
  border: none;
  background: none; }
  body.embedded .content.flex > ul.tabs.card-tabs > li.tab {
    display: none; }
  body.embedded .content.flex > ul.tabs.card-tabs > li.dropdown-menu {
    position: static;
    right: 0;
    top: 0;
    height: 1.5rem; }
    body.embedded .content.flex > ul.tabs.card-tabs > li.dropdown-menu button {
      display: block;
      border-right: none;
      border-left: 1px solid #d3d3d3;
      height: 1.5rem; }

.kss-markdown h1,
.kss-header__title,
.kss-navigation__title,
.kss-section__item {
  background: transparent;
  height: auto;
  min-height: auto; }

.kss-markdown code {
  padding: 0; }

.kss-markdown pre {
  margin-bottom: 1.5rem; }

/*# sourceMappingURL=app.css.map */