@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:700|Fira+Sans:200,300,300i,400,400i,600,600i|Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,latin-ext&display=swap");
body,
td,
th {
  padding: 0;
  margin: 0;
  font-family: "Fira Sans", "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-align: left;
  font-size: 13px;
  line-height: 1.43;
  color: #141823; }

html,
body {
  padding: 0;
  margin: 0;
  height: 100%; }

body {
  background-color: #fff; }

h1 {
  font-size: 1.6em; }

h2 {
  font-size: 1.4em; }

h3 {
  font-size: 1.2em; }

h4 {
  font-size: 1.15em; }

h5 {
  font-size: 1.1em; }

h6 {
  font-size: 1.05em; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  padding: .3em 0;
  margin: .5em 0;
  display: flex;
  flex-direction: row;
  align-items: center; }
  h1 > .icon,
  h2 > .icon,
  h3 > .icon,
  h4 > .icon,
  h5 > .icon,
  h6 > .icon {
    flex: 0 0 auto; }
    h1 > .icon + span,
    h2 > .icon + span,
    h3 > .icon + span,
    h4 > .icon + span,
    h5 > .icon + span,
    h6 > .icon + span {
      margin-left: 0.35em; }
  h1 > span,
  h2 > span,
  h3 > span,
  h4 > span,
  h5 > span,
  h6 > span {
    flex: 1 1 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start; }
    h1 > span.actions,
    h2 > span.actions,
    h3 > span.actions,
    h4 > span.actions,
    h5 > span.actions,
    h6 > span.actions {
      flex: 0 0 auto;
      white-space: nowrap; }
    h1 > span.multiline,
    h2 > span.multiline,
    h3 > span.multiline,
    h4 > span.multiline,
    h5 > span.multiline,
    h6 > span.multiline {
      flex-direction: column;
      align-items: flex-start;
      justify-content: center; }
  h1 .dropper-container,
  h1 .action-buttons,
  h1 .button-group,
  h2 .dropper-container,
  h2 .action-buttons,
  h2 .button-group,
  h3 .dropper-container,
  h3 .action-buttons,
  h3 .button-group,
  h4 .dropper-container,
  h4 .action-buttons,
  h4 .button-group,
  h5 .dropper-container,
  h5 .action-buttons,
  h5 .button-group,
  h6 .dropper-container,
  h6 .action-buttons,
  h6 .button-group {
    flex: 0 0 auto;
    padding: 0; }

table,
img,
a img {
  border: 0; }

a, a:hover {
  color: #232323;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  text-decoration: none;
  border-bottom: 2px dotted #00adc7; }

a.missing_wiki_page {
  color: #a40000;
  text-decoration: none; }

a.issue_closed {
  text-decoration: line-through; }

a:active, a:focus {
  outline: none; }

a:hover {
  color: #00adc7; }
  a:hover.image {
    border: 0; }

a.image {
  border: 0; }

a:not(.button):not(.list-item):not(.closer) .icon,
a:not(.button):not(.list-item):not(.closer) .fas,
a:not(.button):not(.list-item):not(.closer) .far {
  margin-right: 0.3em; }
  a:not(.button):not(.list-item):not(.closer) .icon.external,
  a:not(.button):not(.list-item):not(.closer) .fas.external,
  a:not(.button):not(.list-item):not(.closer) .far.external {
    font-size: 0.9em; }
  a:not(.button):not(.list-item):not(.closer) .icon:last-child,
  a:not(.button):not(.list-item):not(.closer) .fas:last-child,
  a:not(.button):not(.list-item):not(.closer) .far:last-child {
    margin-right: 0;
    margin-left: 0.5em; }

form,
p {
  margin: 0;
  padding: 0; }

p ~ p {
  margin-top: 1.5em; }

p ~ h2,
p ~ h3,
p ~ h4,
p ~ h5,
p ~ h6 {
  margin-top: 2em; }
  p ~ h2 ~ p,
  p ~ h3 ~ p,
  p ~ h4 ~ p,
  p ~ h5 ~ p,
  p ~ h6 ~ p {
    margin-top: 0; }

b,
strong {
  font-weight: 400; }

code {
  padding: 0 3px 0 3px;
  background-color: #f1f1f1;
  border: 1px solid #dcdcdc;
  border-radius: 2px;
  font-size: 0.9em;
  font-family: "Fira Mono", monospace;
  letter-spacing: 0; }

ul {
  list-style: disc;
  color: #00adc7;
  margin: 1.5em 0 0 1em;
  padding: 0; }
  ul li {
    margin: 0 0 0 .5em; }
    ul li ul {
      list-style: circle;
      margin-top: .25em; }
      ul li ul li {
        font-size: .95em; }
    ul li span {
      color: #232323; }

.fullpage_backdrop {
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 1000;
  width: 100%;
  height: 100%;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  transition: background-color .25s ease-in-out; }
  .fullpage_backdrop.hidden {
    display: none; }
  .fullpage_backdrop.see-through {
    background-color: rgba(255, 255, 255, 0); }
  .fullpage_backdrop.docked-right, .fullpage_backdrop.docked-left {
    align-items: stretch; }
    .fullpage_backdrop.docked-right.docked-right, .fullpage_backdrop.docked-left.docked-right {
      justify-content: flex-end; }
    .fullpage_backdrop.docked-right.docked-left, .fullpage_backdrop.docked-left.docked-left {
      justify-content: flex-end; }
    .fullpage_backdrop.docked-right .fullpage_backdrop_content, .fullpage_backdrop.docked-left .fullpage_backdrop_content {
      display: flex;
      flex: 1 1 30vw;
      max-width: 600px;
      min-width: 400px;
      flex-direction: column;
      align-items: stretch;
      justify-content: stretch; }
      .fullpage_backdrop.docked-right .fullpage_backdrop_content .backdrop-box, .fullpage_backdrop.docked-left .fullpage_backdrop_content .backdrop-box {
        margin: 0;
        flex: 1 1 100%;
        border-radius: 0; }
        .fullpage_backdrop.docked-right .fullpage_backdrop_content .backdrop-box, .fullpage_backdrop.docked-right .fullpage_backdrop_content .backdrop-box.small, .fullpage_backdrop.docked-right .fullpage_backdrop_content .backdrop-box.mediumsmall, .fullpage_backdrop.docked-right .fullpage_backdrop_content .backdrop-box.medium, .fullpage_backdrop.docked-right .fullpage_backdrop_content .backdrop-box.large, .fullpage_backdrop.docked-right .fullpage_backdrop_content .backdrop-box.huge, .fullpage_backdrop.docked-left .fullpage_backdrop_content .backdrop-box, .fullpage_backdrop.docked-left .fullpage_backdrop_content .backdrop-box.small, .fullpage_backdrop.docked-left .fullpage_backdrop_content .backdrop-box.mediumsmall, .fullpage_backdrop.docked-left .fullpage_backdrop_content .backdrop-box.medium, .fullpage_backdrop.docked-left .fullpage_backdrop_content .backdrop-box.large, .fullpage_backdrop.docked-left .fullpage_backdrop_content .backdrop-box.huge {
          width: auto;
          background-color: #FFF; }
    .fullpage_backdrop.docked-right .backdrop_detail_header button, .fullpage_backdrop.docked-right .backdrop_detail_header button:hover, .fullpage_backdrop.docked-left .backdrop_detail_header button, .fullpage_backdrop.docked-left .backdrop_detail_header button:hover {
      margin: 0 1em;
      font-size: .75em; }
  .fullpage_backdrop #fullpage_backdrop_indicator {
    position: absolute;
    top: 45%;
    left: 50%;
    width: 300px;
    margin-left: -150px;
    z-index: 100001;
    color: #999;
    font-size: 15px;
    font-weight: 400; }
  .fullpage_backdrop .fullpage_backdrop_content {
    position: relative;
    z-index: 100001;
    max-height: 100%; }
    .fullpage_backdrop .fullpage_backdrop_content .backdrop-box {
      z-index: 100001;
      margin: 5px auto;
      font-size: 1em;
      display: flex;
      flex-direction: column;
      padding: 0;
      background-color: white;
      border: none;
      box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
      border-radius: 4px; }
      .fullpage_backdrop .fullpage_backdrop_content .backdrop-box.hidden {
        display: none; }
      .fullpage_backdrop .fullpage_backdrop_content .backdrop-box.small {
        width: 400px; }
      .fullpage_backdrop .fullpage_backdrop_content .backdrop-box.mediumsmall {
        width: 500px; }
      .fullpage_backdrop .fullpage_backdrop_content .backdrop-box.medium {
        width: 600px; }
      .fullpage_backdrop .fullpage_backdrop_content .backdrop-box.large {
        width: 800px; }
      .fullpage_backdrop .fullpage_backdrop_content .backdrop-box.huge {
        width: 1010px; }
      .fullpage_backdrop .fullpage_backdrop_content .backdrop-box .backdrop_detail_content {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: stretch;
        font-weight: 400;
        font-size: 1.0em;
        padding: .5em;
        text-align: left;
        flex: 1 1 auto;
        box-sizing: border-box; }
        .fullpage_backdrop .fullpage_backdrop_content .backdrop-box .backdrop_detail_content:not(.with-sidebar) {
          background-color: #FFF;
          box-sizing: border-box;
          border-radius: .75em .75em 0 0; }
        .fullpage_backdrop .fullpage_backdrop_content .backdrop-box .backdrop_detail_content.dialog {
          border-radius: .75em;
          padding: 1em .5em; }
        .fullpage_backdrop .fullpage_backdrop_content .backdrop-box .backdrop_detail_content.onboarding-popup .content {
          padding: 1.5em;
          font-size: 1.05em; }
        .fullpage_backdrop .fullpage_backdrop_content .backdrop-box .backdrop_detail_content .content {
          flex: 1 1 auto;
          padding: 1em;
          font-size: 1.1em;
          box-sizing: border-box;
          background-color: #FFF; }
          .fullpage_backdrop .fullpage_backdrop_content .backdrop-box .backdrop_detail_content .content.hidden {
            display: none; }
        .fullpage_backdrop .fullpage_backdrop_content .backdrop-box .backdrop_detail_content.with-sidebar {
          flex-direction: row;
          align-items: stretch;
          justify-content: flex-start;
          padding: 0; }
          .fullpage_backdrop .fullpage_backdrop_content .backdrop-box .backdrop_detail_content.with-sidebar .sidebar {
            flex: 0 0 15em;
            padding: .75em 0 0 0;
            box-sizing: border-box; }
            .fullpage_backdrop .fullpage_backdrop_content .backdrop-box .backdrop_detail_content.with-sidebar .sidebar .list-mode {
              padding: 0;
              font-size: 1.05em; }
              .fullpage_backdrop .fullpage_backdrop_content .backdrop-box .backdrop_detail_content.with-sidebar .sidebar .list-mode .list-item {
                margin: 0;
                border-radius: 0; }
          .fullpage_backdrop .fullpage_backdrop_content .backdrop-box .backdrop_detail_content.with-sidebar .content {
            flex: 1 1 auto;
            padding: 1em;
            box-sizing: border-box;
            background-color: #FFF;
            border-radius: .75em 0 0 0; }
            .fullpage_backdrop .fullpage_backdrop_content .backdrop-box .backdrop_detail_content.with-sidebar .content.hidden {
              display: none; }
          .fullpage_backdrop .fullpage_backdrop_content .backdrop-box .backdrop_detail_content.with-sidebar.sidebar-right .content {
            border-radius: 0 .75em 0 0; }
            .fullpage_backdrop .fullpage_backdrop_content .backdrop-box .backdrop_detail_content.with-sidebar.sidebar-right .content.no-sidebar {
              border-radius: .75em .75em 0 0; }
          .fullpage_backdrop .fullpage_backdrop_content .backdrop-box .backdrop_detail_content.with-sidebar.sidebar-right .sidebar {
            flex: 0 0 22em; }
        .fullpage_backdrop .fullpage_backdrop_content .backdrop-box .backdrop_detail_content .tab_menu {
          margin-top: 30px;
          margin-bottom: 10px;
          font-size: 1.1em; }
      .fullpage_backdrop .fullpage_backdrop_content .backdrop-box .backdrop_detail_footer {
        flex: 0 0 auto;
        clear: both;
        font-size: 1.1em;
        padding: 5px;
        text-align: right;
        background-color: transparent; }
      .fullpage_backdrop .fullpage_backdrop_content .backdrop-box .backdrop_buttons {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-content: center;
        padding: 10px; }
        .fullpage_backdrop .fullpage_backdrop_content .backdrop-box .backdrop_buttons button + button,
        .fullpage_backdrop .fullpage_backdrop_content .backdrop-box .backdrop_buttons button + .button,
        .fullpage_backdrop .fullpage_backdrop_content .backdrop-box .backdrop_buttons .button + button,
        .fullpage_backdrop .fullpage_backdrop_content .backdrop-box .backdrop_buttons .button + .button {
          margin-left: auto; }

#dialog_backdrop_content,
#dialog_backdrop_modal_content {
  width: 600px;
  overflow: hidden; }
  #dialog_backdrop_content h3,
  #dialog_backdrop_modal_content h3 {
    margin: 5px;
    padding: 0 0 7px 0;
    color: #999;
    border-bottom: 1px dotted #b9b9b9;
    font-weight: 400; }
  #dialog_backdrop_content #dialog_content,
  #dialog_backdrop_content #dialog_modal_content,
  #dialog_backdrop_modal_content #dialog_content,
  #dialog_backdrop_modal_content #dialog_modal_content {
    padding: 0 7px;
    font-size: 1em;
    margin: 0;
    z-index: 1;
    background-color: transparent; }
  #dialog_backdrop_content #dialog_indicator,
  #dialog_backdrop_modal_content #dialog_indicator {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    float: none; }

.backdrop_detail_header {
  box-shadow: none;
  border: none;
  color: #00adc7;
  font-weight: 600;
  font-size: 1.4em;
  margin: 0;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }
  .backdrop_detail_header > span {
    flex: 1 1 auto;
    padding: .8em 1.2em;
    text-align: left;
    display: flex;
    align-items: center;
    font-weight: 700; }
  .backdrop_detail_header .icon + span {
    margin-left: .25em; }
  .backdrop_detail_header .count-badge {
    background-color: #00adc7;
    color: #FFF; }
  .backdrop_detail_header .closer,
  .backdrop_detail_header .back_link,
  .backdrop_detail_header .add_link {
    flex: 0 0 34px;
    padding: 5px;
    margin: 5px;
    box-sizing: border-box;
    border-radius: 4px;
    vertical-align: middle;
    transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
    display: inline-flex;
    text-align: center;
    align-items: center;
    justify-content: center; }
    .backdrop_detail_header .closer:hover,
    .backdrop_detail_header .back_link:hover,
    .backdrop_detail_header .add_link:hover {
      background-color: #00adc7;
      color: #fff;
      cursor: pointer; }
  .backdrop_detail_header a {
    color: #00adc7;
    border: none;
    text-decoration: none; }
    .backdrop_detail_header a:hover {
      border: none;
      text-decoration: none; }
  .backdrop_detail_header .backdrop_detail_header .closer a:hover {
    color: #faa; }

input, select, textarea, .input {
  font-family: "Fira Sans", "Open Sans", sans-serif;
  font-size: 1em;
  color: #555;
  border: none;
  border-bottom: 1px solid #AAA;
  padding: 2px;
  vertical-align: middle;
  font-weight: 400;
  background-color: #FFF; }

input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="url"],
textarea,
select,
.input {
  box-shadow: none;
  vertical-align: middle;
  border-bottom: 1px solid #969696;
  background-color: rgba(235, 235, 235, 0.2);
  border-radius: 4px 4px 0 0; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="search"]:focus,
  input[type="password"]:focus,
  input[type="url"]:focus,
  textarea:focus,
  select:focus,
  .input:focus {
    background-color: transparent;
    border-radius: 0;
    border-color: #00adc7; }
  input[type="text"][disabled], input[type="text"].disabled,
  input[type="email"][disabled],
  input[type="email"].disabled,
  input[type="search"][disabled],
  input[type="search"].disabled,
  input[type="password"][disabled],
  input[type="password"].disabled,
  input[type="url"][disabled],
  input[type="url"].disabled,
  textarea[disabled],
  textarea.disabled,
  select[disabled],
  select.disabled,
  .input[disabled],
  .input.disabled {
    background-color: #F9F9F9;
    color: #BBB; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="search"]:focus,
  input[type="password"]:focus,
  input[type="url"]:focus,
  textarea:focus,
  select:focus,
  .input:focus {
    border-bottom-color: #0C8990;
    outline: none; }

input[type="image"] {
  border: 0;
  padding: 0;
  width: 16px;
  height: 16px;
  background-color: transparent; }

input[type="checkbox"] {
  margin: 0;
  vertical-align: middle; }

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin: 0; }

input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.35); }

input:-moz-placeholder {
  color: rgba(0, 0, 0, 0.35); }

.input .placeholder {
  color: rgba(0, 0, 0, 0.35);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex: 1 1 auto; }
  .input .placeholder .fas + span,
  .input .placeholder .far + span {
    margin-left: .35em; }

input.shaded,
.input.shaded {
  background-color: rgba(255, 255, 255, 0.4);
  border-color: transparent;
  color: #FFF; }
  input.shaded::placeholder,
  .input.shaded::placeholder {
    color: #FFF;
    opacity: 1; }
  input.shaded::-webkit-input-placeholder,
  .input.shaded::-webkit-input-placeholder {
    color: #FFF;
    opacity: 1; }
  input.shaded:-moz-placeholder,
  .input.shaded:-moz-placeholder {
    color: #FFF;
    opacity: 1; }
  input.shaded:focus,
  .input.shaded:focus {
    border-bottom-color: transparent; }

input[type=file] {
  display: none; }

.input-container,
.form-container .form-row .input-container {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: stretch;
  align-content: stretch;
  flex: 1 1 100%; }
  .input-container input[type=text],
  .input-container input[type=password],
  .input-container input[type=email],
  .input-container input[type=search],
  .input-container input[type=url],
  .input-container input[type=number],
  .input-container .input,
  .form-container .form-row .input-container input[type=text],
  .form-container .form-row .input-container input[type=password],
  .form-container .form-row .input-container input[type=email],
  .form-container .form-row .input-container input[type=search],
  .form-container .form-row .input-container input[type=url],
  .form-container .form-row .input-container input[type=number],
  .form-container .form-row .input-container .input {
    padding-bottom: .2em;
    margin: 0 .25em;
    flex: 1 1 auto;
    text-align: right; }
  .input-container span,
  .form-container .form-row .input-container span {
    flex: 0 0 auto;
    font-weight: 300; }

input[type=submit], input[type=button], button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0; }

input[type=submit], input[type=submit]:hover,
input[type=button], input[type=button]:hover,
button, button:hover,
.button, .button:hover {
  line-height: 17px;
  margin: 0;
  cursor: pointer;
  border: none;
  border-radius: 3px;
  font-family: "Fira Sans", "Open Sans", sans-serif;
  vertical-align: middle;
  /*background: #3c1642;*/
  /*color: rgba(0, 0, 0, .7);*/
  background: #00adc7;
  color: #FFF;
  font-weight: 400;
  outline: 0;
  box-shadow: 1px 3px 3px -2px rgba(27, 27, 36, 0.2);
  text-transform: none;
  font-size: 1em;
  padding: .65em 1.5em;
  transition: background-color .2s ease-in-out, color .2s ease-in-out, box-shadow .2s ease-in-out, opacity .2s ease-in-out;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  white-space: nowrap; }
  input[type=submit]:active, input[type=submit].activated, input[type=submit].dropper.active, input[type=submit]:hover:active, input[type=submit]:hover.activated, input[type=submit]:hover.dropper.active,
  input[type=button]:active,
  input[type=button].activated,
  input[type=button].dropper.active, input[type=button]:hover:active, input[type=button]:hover.activated, input[type=button]:hover.dropper.active,
  button:active,
  button.activated,
  button.dropper.active, button:hover:active, button:hover.activated, button:hover.dropper.active,
  .button:active,
  .button.activated,
  .button.dropper.active, .button:hover:active, .button:hover.activated, .button:hover.dropper.active {
    box-shadow: 3px 3px 3px -3px rgba(27, 27, 36, 0.2) inset; }
  input[type=submit].dropper .icon.toggler, input[type=submit]:hover.dropper .icon.toggler,
  input[type=button].dropper .icon.toggler, input[type=button]:hover.dropper .icon.toggler,
  button.dropper .icon.toggler, button:hover.dropper .icon.toggler,
  .button.dropper .icon.toggler, .button:hover.dropper .icon.toggler {
    transition: transform .25s ease-in-out; }
  input[type=submit].dropper.active .icon.toggler, input[type=submit]:hover.dropper.active .icon.toggler,
  input[type=button].dropper.active .icon.toggler, input[type=button]:hover.dropper.active .icon.toggler,
  button.dropper.active .icon.toggler, button:hover.dropper.active .icon.toggler,
  .button.dropper.active .icon.toggler, .button:hover.dropper.active .icon.toggler {
    transform: rotate(180deg); }
  input[type=submit] span + .fas,
  input[type=submit] span + .icon,
  input[type=submit] span + .far, input[type=submit]:hover span + .fas,
  input[type=submit]:hover span + .icon,
  input[type=submit]:hover span + .far,
  input[type=button] span + .fas,
  input[type=button] span + .icon,
  input[type=button] span + .far, input[type=button]:hover span + .fas,
  input[type=button]:hover span + .icon,
  input[type=button]:hover span + .far,
  button span + .fas,
  button span + .icon,
  button span + .far, button:hover span + .fas,
  button:hover span + .icon,
  button:hover span + .far,
  .button span + .fas,
  .button span + .icon,
  .button span + .far, .button:hover span + .fas,
  .button:hover span + .icon,
  .button:hover span + .far {
    margin-left: .35rem; }
  input[type=submit] .icon:not(.indicator) + span,
  input[type=submit] .fas:not(.indicator) + span,
  input[type=submit] .far:not(.indicator) + span, input[type=submit]:hover .icon:not(.indicator) + span,
  input[type=submit]:hover .fas:not(.indicator) + span,
  input[type=submit]:hover .far:not(.indicator) + span,
  input[type=button] .icon:not(.indicator) + span,
  input[type=button] .fas:not(.indicator) + span,
  input[type=button] .far:not(.indicator) + span, input[type=button]:hover .icon:not(.indicator) + span,
  input[type=button]:hover .fas:not(.indicator) + span,
  input[type=button]:hover .far:not(.indicator) + span,
  button .icon:not(.indicator) + span,
  button .fas:not(.indicator) + span,
  button .far:not(.indicator) + span, button:hover .icon:not(.indicator) + span,
  button:hover .fas:not(.indicator) + span,
  button:hover .far:not(.indicator) + span,
  .button .icon:not(.indicator) + span,
  .button .fas:not(.indicator) + span,
  .button .far:not(.indicator) + span, .button:hover .icon:not(.indicator) + span,
  .button:hover .fas:not(.indicator) + span,
  .button:hover .far:not(.indicator) + span {
    margin-left: .35rem; }
  input[type=submit] span.icon, input[type=submit]:hover span.icon,
  input[type=button] span.icon, input[type=button]:hover span.icon,
  button span.icon, button:hover span.icon,
  .button span.icon, .button:hover span.icon {
    flex: 0 0 24px; }
    input[type=submit] span.icon img, input[type=submit]:hover span.icon img,
    input[type=button] span.icon img, input[type=button]:hover span.icon img,
    button span.icon img, button:hover span.icon img,
    .button span.icon img, .button:hover span.icon img {
      width: 24px; }
  input[type=submit] .indicator, input[type=submit]:hover .indicator,
  input[type=button] .indicator, input[type=button]:hover .indicator,
  button .indicator, button:hover .indicator,
  .button .indicator, .button:hover .indicator {
    display: inline-block;
    width: 0;
    opacity: 0;
    transition: width .2s ease-in-out, margin-left .2s ease-in-out; }
    input[type=submit] .indicator, input[type=submit] .indicator.fas, input[type=submit] .indicator.far, input[type=submit]:hover .indicator, input[type=submit]:hover .indicator.fas, input[type=submit]:hover .indicator.far,
    input[type=button] .indicator,
    input[type=button] .indicator.fas,
    input[type=button] .indicator.far, input[type=button]:hover .indicator, input[type=button]:hover .indicator.fas, input[type=button]:hover .indicator.far,
    button .indicator,
    button .indicator.fas,
    button .indicator.far, button:hover .indicator, button:hover .indicator.fas, button:hover .indicator.far,
    .button .indicator,
    .button .indicator.fas,
    .button .indicator.far, .button:hover .indicator, .button:hover .indicator.fas, .button:hover .indicator.far {
      margin-right: 0;
      margin-left: 0; }
  input[type=submit] span.highlight, input[type=submit]:hover span.highlight,
  input[type=button] span.highlight, input[type=button]:hover span.highlight,
  button span.highlight, button:hover span.highlight,
  .button span.highlight, .button:hover span.highlight {
    margin: 0; }

.submitting input[type=submit] .indicator, .submitting input[type=submit]:hover .indicator,
.submitting input[type=button] .indicator, .submitting input[type=button]:hover .indicator,
.submitting button .indicator, .submitting button:hover .indicator,
.submitting .button .indicator, .submitting .button:hover .indicator {
  opacity: 1;
  width: auto; }
  .submitting input[type=submit] .indicator:first-child, .submitting input[type=submit]:hover .indicator:first-child,
  .submitting input[type=button] .indicator:first-child, .submitting input[type=button]:hover .indicator:first-child,
  .submitting button .indicator:first-child, .submitting button:hover .indicator:first-child,
  .submitting .button .indicator:first-child, .submitting .button:hover .indicator:first-child {
    margin-right: .65em; }
  .submitting input[type=submit] .indicator:last-child, .submitting input[type=submit]:hover .indicator:last-child,
  .submitting input[type=button] .indicator:last-child, .submitting input[type=button]:hover .indicator:last-child,
  .submitting button .indicator:last-child, .submitting button:hover .indicator:last-child,
  .submitting .button .indicator:last-child, .submitting .button:hover .indicator:last-child {
    margin-left: .65em; }

button + button, button + button:hover,
.button + button, .button + button:hover,
button + .dropper-container, button + .dropper-container:hover,
.button + .dropper-container, .button + .dropper-container:hover,
button + .button, button + .button:hover,
.button + .button, .button + .button:hover {
  margin-left: 7px; }

button img, .button img {
  vertical-align: middle;
  display: inline-block;
  margin-right: 5px; }

button.button-icon img, .button.button-icon img {
  margin-right: 0; }

button .fas, .button .fas, button .far, .button .far {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 0 0; }

button .material-icons, .button .material-icons {
  vertical-align: middle;
  margin-right: .3em;
  font-size: 1em; }

button .fas:last-child, .button .fas:last-child, button .far:last-child, .button .far:last-child, button .material-icons:last-child, .button .material-icons:last-child {
  margin-right: 0; }

button:disabled, input[type=submit]:disabled, .button:disabled,
button:disabled:hover, input[type=submit]:disabled:hover, .button:disabled:hover,
button:disabled:active, input[type=submit]:disabled:active, .button:disabled:active,
button:disabled:focus, input[type=submit]:disabled:focus, .button:disabled:focus,
button.disabled, input[type=submit].disabled, .button.disabled {
  box-shadow: none;
  background: rgba(200, 200, 200, 0.2);
  color: #969696; }

input[type="button"]::-moz-focus-inner {
  border: 0; }

button::-moz-focus-inner {
  border: 0; }

.button::-moz-focus-inner {
  border: 0; }

button:focus, input[type=submit]:focus, .button:focus {
  outline: 0;
  box-shadow: 0 0 4px #0c8990, 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }

button.secondary,
input.button.secondary,
.button.secondary,
.backdrop_box input.button:not(.primary),
.backdrop_box button:not(.primary),
.backdrop_box .button:not(.primary),
.fullpage_backdrop_content button:not(.primary),
.fullpage_backdrop_content .button:not(.primary),
.fullpage_backdrop_content input.button:not(.primary) {
  background: transparent;
  color: #232323;
  box-shadow: none;
  border-radius: 4px;
  text-align: center; }

.popup_message button.secondary {
  color: #ffaa00; }

button.secondary.highlight,
input.button.secondary.highlight,
.button.secondary.highlight {
  font-weight: 700;
  border: 1px solid #00adc7; }
  button.secondary.highlight:not(.disabled):not([disabled]),
  input.button.secondary.highlight:not(.disabled):not([disabled]),
  .button.secondary.highlight:not(.disabled):not([disabled]) {
    color: #00adc7; }

button.secondary.enabled,
input.button.secondary.enabled,
.button.secondary.enabled {
  color: #00adc7; }
  button.secondary.enabled:hover,
  input.button.secondary.enabled:hover,
  .button.secondary.enabled:hover {
    color: #00adc7; }

button.icon,
.button.icon,
input.button.icon,
button.icon:hover,
.button.icon:hover,
input.button.icon:hover {
  background: transparent;
  box-shadow: none;
  color: #646464;
  padding: .65em 1.5em;
  box-sizing: border-box; }

.icon .fas, .icon .far {
  min-width: 16px; }

button.secondary.active, button.secondary.active:hover,
.button.secondary.active,
.button.secondary.active:hover,
input.button.secondary.active,
input.button.secondary.active:hover {
  background-color: rgba(200, 200, 200, 0.3);
  box-shadow: none; }

button.secondary:hover,
.button.secondary:hover,
input.button.secondary:hover,
button.icon:hover,
.button.icon:hover,
input.button.icon:hover,
.backdrop_box button:not(.primary):hover,
.backdrop_box .button:not(.primary):hover,
.backdrop_box input.button:not(.primary):hover,
.fullpage_backdrop_content button:not(.primary):hover,
.fullpage_backdrop_content .button:not(.primary):hover,
.fullpage_backdrop_content input.button:not(.primary):hover {
  background: rgba(225, 225, 225, 0.2);
  color: #00adc7;
  box-shadow: none; }

button.secondary:disabled,
.button.secondary.disabled,
input.button.secondary.disabled,
button.icon.secondary:disabled,
.button.icon.secondary.disabled,
input.icon.secondary:disabled {
  background: transparent;
  color: rgba(200, 200, 200, 0.3); }
  button.secondary:disabled:hover,
  .button.secondary.disabled:hover,
  input.button.secondary.disabled:hover,
  button.icon.secondary:disabled:hover,
  .button.icon.secondary.disabled:hover,
  input.icon.secondary:disabled:hover {
    background: transparent;
    color: rgba(200, 200, 200, 0.3); }

button.danger,
.button.danger,
input.button.danger,
button.icon.danger,
.button.icon.danger,
input.icon.danger {
  background-color: #cb1a00;
  color: #FFF; }
  button.danger .icon,
  .button.danger .icon,
  input.button.danger .icon,
  button.icon.danger .icon,
  .button.icon.danger .icon,
  input.icon.danger .icon {
    color: #FFF; }
  button.danger:hover,
  .button.danger:hover,
  input.button.danger:hover,
  button.icon.danger:hover,
  .button.icon.danger:hover,
  input.icon.danger:hover {
    background-color: #9e1200;
    color: #FFF; }
    button.danger:hover .icon,
    .button.danger:hover .icon,
    input.button.danger:hover .icon,
    button.icon.danger:hover .icon,
    .button.icon.danger:hover .icon,
    input.icon.danger:hover .icon {
      color: #FFF; }
  button.danger.secondary,
  .button.danger.secondary,
  input.button.danger.secondary,
  button.icon.danger.secondary,
  .button.icon.danger.secondary,
  input.icon.danger.secondary {
    background: transparent;
    color: #cb1a00; }
    button.danger.secondary .icon,
    .button.danger.secondary .icon,
    input.button.danger.secondary .icon,
    button.icon.danger.secondary .icon,
    .button.icon.danger.secondary .icon,
    input.icon.danger.secondary .icon {
      color: #cb1a00; }
    button.danger.secondary:hover,
    .button.danger.secondary:hover,
    input.button.danger.secondary:hover,
    button.icon.danger.secondary:hover,
    .button.icon.danger.secondary:hover,
    input.icon.danger.secondary:hover {
      background-color: #cb1a00;
      color: #FFF; }
      button.danger.secondary:hover .icon,
      .button.danger.secondary:hover .icon,
      input.button.danger.secondary:hover .icon,
      button.icon.danger.secondary:hover .icon,
      .button.icon.danger.secondary:hover .icon,
      input.icon.danger.secondary:hover .icon {
        color: #FFF; }

.button-group {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  justify-items: flex-end;
  padding: 10px;
  flex: 0 0 auto;
  align-items: center; }
  .button-group button,
  .button-group .button {
    white-space: nowrap; }
  .button-group .separator {
    flex: 0 0 1px;
    height: 1.5em;
    margin: 0 .5em;
    display: inline-block;
    border-right: 1px solid #676767; }

#dialog_backdrop.submitting .dialog-query-buttons .indicator {
  display: inline-flex; }

.dialog-query-buttons {
  padding: 0 10px;
  /*height: 40px;*/
  display: flex;
  margin: 10px 0;
  justify-content: flex-end;
  align-items: center;
  font-size: .75rem;
  justify-self: flex-end;
  flex: 1 1 auto; }
  .dialog-query-buttons .indicator {
    display: none;
    margin-right: auto;
    font-size: 1.2em; }

h1 .button, h1 .button:hover, h2 .button, h2 .button:hover, h3 .button, h3 .button:hover, h4 .button, h4 .button:hover, h5 .button, h5 .button:hover, h6 .button, h6 .button:hover {
  font-size: .85rem; }

.fancy-checkbox {
  display: none; }
  .fancy-checkbox + label {
    display: inline-flex;
    align-items: center;
    color: #555;
    transition: color .2s ease-in-out, background-color .2s ease-in-out; }
  .fancy-checkbox + label,
  .fancy-checkbox + .list-item {
    align-items: center; }
    .fancy-checkbox + label .fas.unchecked,
    .fancy-checkbox + label .far.unchecked,
    .fancy-checkbox + .list-item .fas.unchecked,
    .fancy-checkbox + .list-item .far.unchecked {
      display: inline-flex; }
    .fancy-checkbox + label .fas.checked,
    .fancy-checkbox + label .far.checked,
    .fancy-checkbox + .list-item .fas.checked,
    .fancy-checkbox + .list-item .far.checked {
      display: none; }
    .fancy-checkbox + label .fas.indicator,
    .fancy-checkbox + label .far.indicator,
    .fancy-checkbox + .list-item .fas.indicator,
    .fancy-checkbox + .list-item .far.indicator {
      display: none; }
    .fancy-checkbox + label .fas:not(.icon) + span,
    .fancy-checkbox + label .far:not(.icon) + span,
    .fancy-checkbox + label .fab:not(.icon) + span,
    .fancy-checkbox + .list-item .fas:not(.icon) + span,
    .fancy-checkbox + .list-item .far:not(.icon) + span,
    .fancy-checkbox + .list-item .fab:not(.icon) + span {
      margin-left: .3em; }
  .fancy-checkbox.submitting + label .fas.unchecked,
  .fancy-checkbox.submitting + label .far.unchecked,
  .fancy-checkbox.submitting + label .fas.checked,
  .fancy-checkbox.submitting + label .far.checked,
  .fancy-checkbox.submitting + .list-item .fas.unchecked,
  .fancy-checkbox.submitting + .list-item .far.unchecked,
  .fancy-checkbox.submitting + .list-item .fas.checked,
  .fancy-checkbox.submitting + .list-item .far.checked {
    display: none; }
  .fancy-checkbox.submitting + label .fas.indicator,
  .fancy-checkbox.submitting + label .far.indicator,
  .fancy-checkbox.submitting + .list-item .fas.indicator,
  .fancy-checkbox.submitting + .list-item .far.indicator {
    display: inline-flex;
    opacity: 1; }
  .fancy-checkbox:disabled + label,
  .fancy-checkbox:disabled + .list-item {
    color: #DDD; }
  .fancy-checkbox:checked:not(:disabled):not(.submitting) + label {
    color: #0cd8b6; }
  .fancy-checkbox:checked:not(:disabled):not(.submitting) + .list-item:not(.toggler),
  .fancy-checkbox:checked:not(:disabled):not(.submitting) + .list-item:not(.toggler):hover {
    background-color: #0cd8b6;
    color: #FFF; }
    .fancy-checkbox:checked:not(:disabled):not(.submitting) + .list-item:not(.toggler) .name,
    .fancy-checkbox:checked:not(:disabled):not(.submitting) + .list-item:not(.toggler) .icon,
    .fancy-checkbox:checked:not(:disabled):not(.submitting) + .list-item:not(.toggler) .expander,
    .fancy-checkbox:checked:not(:disabled):not(.submitting) + .list-item:not(.toggler):hover .name,
    .fancy-checkbox:checked:not(:disabled):not(.submitting) + .list-item:not(.toggler):hover .icon,
    .fancy-checkbox:checked:not(:disabled):not(.submitting) + .list-item:not(.toggler):hover .expander {
      color: #FFF; }
  .fancy-checkbox:checked:not(:disabled):not(.submitting) + .list-item.toggler {
    color: #141823; }
    .fancy-checkbox:checked:not(:disabled):not(.submitting) + .list-item.toggler .icon {
      color: #0cd8b6; }
  .fancy-checkbox:checked:not(:disabled):not(.submitting) + label .fas.checked,
  .fancy-checkbox:checked:not(:disabled):not(.submitting) + label .far.checked,
  .fancy-checkbox:checked:not(:disabled):not(.submitting) + .list-item .fas.checked,
  .fancy-checkbox:checked:not(:disabled):not(.submitting) + .list-item .far.checked {
    display: inline-block; }
  .fancy-checkbox:checked:not(:disabled):not(.submitting) + label .fas.unchecked,
  .fancy-checkbox:checked:not(:disabled):not(.submitting) + label .far.unchecked,
  .fancy-checkbox:checked:not(:disabled):not(.submitting) + .list-item .fas.unchecked,
  .fancy-checkbox:checked:not(:disabled):not(.submitting) + .list-item .far.unchecked {
    display: none; }
  .fancy-checkbox:focus + label {
    color: #558; }

.form-container .form-row > .fancy-checkbox + label:not(.button) {
  font-size: .95em; }

.fancy-checkbox-grid {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-right: -.5em;
  margin-bottom: -.5em; }
  .fancy-checkbox-grid .fancy-checkbox + label {
    margin: 0 .5em .5em 0;
    position: relative;
    flex: 0 0 auto;
    min-width: 7.9em;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    min-height: 4.5em;
    font-size: 1em;
    text-transform: none;
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: .5em; }
    .fancy-checkbox-grid .fancy-checkbox + label .fas.checked,
    .fancy-checkbox-grid .fancy-checkbox + label .far.checked {
      display: none;
      position: absolute;
      top: .3em;
      left: .3em;
      font-size: 1.5em;
      color: #FFF; }
  .fancy-checkbox-grid .fancy-checkbox:checked + label {
    border-color: #0cd8b6; }
    .fancy-checkbox-grid .fancy-checkbox:checked + label .fas:checked,
    .fancy-checkbox-grid .fancy-checkbox:checked + label .far:checked {
      display: inline-block; }
    .fancy-checkbox-grid .fancy-checkbox:checked + label.empty .fas,
    .fancy-checkbox-grid .fancy-checkbox:checked + label.empty .far {
      color: #0cd8b6; }

.fancy-dropdown-container {
  display: flex;
  flex-direction: column;
  position: relative;
  text-align: left;
  box-sizing: border-box; }
  .fancy-dropdown-container .fancy-dropdown {
    display: flex;
    align-items: center;
    position: relative;
    padding: 5px 0 5px 10px;
    font-size: 1em;
    vertical-align: middle;
    border: none;
    transition: background-color 0.25s ease-in-out, box-shadow .25s ease-in-out;
    border-radius: 4px;
    color: #141823;
    background: rgba(200, 200, 200, 0.1);
    box-sizing: border-box; }
    .fancy-dropdown-container .fancy-dropdown:hover {
      background: rgba(200, 200, 200, 0.3);
      cursor: pointer; }
    .fancy-dropdown-container .fancy-dropdown:focus {
      border-color: #0C8990; }
    .fancy-dropdown-container .fancy-dropdown.active {
      border-radius: 4px 4px 0 0;
      background: white;
      box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
      .fancy-dropdown-container .fancy-dropdown.active .dropdown-container {
        width: auto;
        min-width: 100%; }
    .fancy-dropdown-container .fancy-dropdown.shaded {
      background-color: rgba(255, 255, 255, 0.4);
      color: #FFF; }
      .fancy-dropdown-container .fancy-dropdown.shaded.active {
        border-radius: 4px;
        background: rgba(255, 255, 255, 0.6); }
        .fancy-dropdown-container .fancy-dropdown.shaded.active .dropdown-container {
          border-radius: 4px;
          margin: 0;
          width: auto; }
      .fancy-dropdown-container .fancy-dropdown.shaded > label {
        color: #FFF;
        font-weight: 400; }
      .fancy-dropdown-container .fancy-dropdown.shaded.no-value > .value {
        color: #FFF; }
    .fancy-dropdown-container .fancy-dropdown .expander,
    .fancy-dropdown-container .fancy-dropdown .fas.expander {
      flex: 0 0 40px;
      box-sizing: border-box;
      transform: rotate(0);
      cursor: pointer;
      padding: 0 10px;
      text-align: center;
      transition: transform .25s ease-in-out; }
    .fancy-dropdown-container .fancy-dropdown > label {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      flex: 0 0 auto;
      font-weight: 400;
      font-size: .9em;
      text-transform: uppercase;
      margin-right: .5em; }
      .fancy-dropdown-container .fancy-dropdown > label .locked {
        display: none; }
    .fancy-dropdown-container .fancy-dropdown > .value {
      flex: 1 1 auto;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      max-width: 250px;
      min-width: 100px;
      font-weight: 300; }
      .fancy-dropdown-container .fancy-dropdown > .value.no-value {
        color: #C8C8C8; }
    .fancy-dropdown-container .fancy-dropdown:not(.locked).no-value > .value {
      color: #C8C8C8; }
    .fancy-dropdown-container .fancy-dropdown .fas {
      flex: 0 0 auto;
      font-size: 1em; }
    .fancy-dropdown-container .fancy-dropdown .remove-button {
      border-left: 1px solid rgba(100, 100, 100, 0.2);
      transition: background-color 0.3s ease;
      padding: 0 8px; }
      .fancy-dropdown-container .fancy-dropdown .remove-button:hover {
        border-color: rgba(100, 100, 100, 0.4);
        background-color: rgba(250, 0, 0, 0.2);
        cursor: pointer; }
    .fancy-dropdown-container .fancy-dropdown .dropdown-container {
      list-style: none;
      font-size: 1em;
      display: flex;
      flex-direction: column;
      position: absolute;
      z-index: 10;
      opacity: 0;
      transform: scaleY(0);
      transform-origin: top;
      transition: opacity 0.3s ease, transform 0.3s ease-in-out;
      max-height: 450px;
      overflow: hidden;
      box-sizing: border-box;
      padding: 5px 0;
      background: #FFF;
      width: 100%;
      min-width: 100%;
      top: calc(100% + 3px);
      right: 0;
      margin: -3px 0 0 0;
      box-shadow: 0 5px 3px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 5px 5px 0 rgba(0, 0, 0, 0.12);
      border-radius: 0 0 4px 4px; }
      .fancy-dropdown-container .fancy-dropdown .dropdown-container.from-left {
        right: auto;
        left: 0; }
      .fancy-dropdown-container .fancy-dropdown .dropdown-container.from-center {
        right: auto;
        left: 50%;
        transform: scaleY(0) translateX(-50%); }
      .fancy-dropdown-container .fancy-dropdown .dropdown-container.from-bottom {
        top: auto;
        bottom: 37px;
        transform-origin: bottom; }
      .fancy-dropdown-container .fancy-dropdown .dropdown-container.list-mode,
      .fancy-dropdown-container .fancy-dropdown .dropdown-container .list-mode {
        max-height: 450px;
        overflow-y: auto;
        overflow-x: hidden; }
        .fancy-dropdown-container .fancy-dropdown .dropdown-container.list-mode .list-item:not(.separator),
        .fancy-dropdown-container .fancy-dropdown .dropdown-container .list-mode .list-item:not(.separator) {
          margin-left: 0;
          margin-right: 0;
          border-radius: 0;
          padding-left: .7em;
          padding-right: .7em; }
          .fancy-dropdown-container .fancy-dropdown .dropdown-container.list-mode .list-item:not(.separator).multiline span.name,
          .fancy-dropdown-container .fancy-dropdown .dropdown-container .list-mode .list-item:not(.separator).multiline span.name {
            max-width: none; }
    .fancy-dropdown-container .fancy-dropdown.active .dropdown-container {
      transform: scaleY(1);
      opacity: 1; }
    .fancy-dropdown-container .fancy-dropdown.active .expander {
      transform: rotate(180deg); }
  .fancy-dropdown-container.from-left .fancy-dropdown.active .dropdown-container {
    right: auto;
    left: 0; }
  .fancy-dropdown-container.from-bottom .fancy-dropdown.active {
    border-radius: 0 0 4px 4px;
    background-color: white;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 3px 0 rgba(0, 0, 0, 0.12); }
  .fancy-dropdown-container.from-bottom .fancy-dropdown .dropdown-container {
    top: auto;
    bottom: calc(100% - 5px);
    padding-bottom: 12px;
    transform-origin: bottom;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 -3px 1px -2px rgba(0, 0, 0, 0.2), 0 -2px 2px 0 rgba(0, 0, 0, 0.14), 0 -3px 3px 0 rgba(0, 0, 0, 0.12); }

.form-row.locked .fancy-dropdown label .locked,
.form-row.locked .fancy-dropdown .label .locked {
  display: inline-block;
  margin-left: .35em; }

.fancy-label-select {
  display: inline-flex;
  align-items: center;
  flex-direction: row;
  border: 1px solid #00adc7;
  background-color: transparent;
  color: #232323;
  border-radius: 4px; }
  .fancy-label-select input {
    display: none; }
    .fancy-label-select input:disabled + label {
      color: #DDD; }
    .fancy-label-select input:checked:not(:disabled) + label, .fancy-label-select input.fancy-checkbox:checked:not(:disabled) + label {
      background-color: #00adc7;
      color: #FFF; }
      .fancy-label-select input:checked:not(:disabled) + label .fas,
      .fancy-label-select input:checked:not(:disabled) + label .far, .fancy-label-select input.fancy-checkbox:checked:not(:disabled) + label .fas,
      .fancy-label-select input.fancy-checkbox:checked:not(:disabled) + label .far {
        font-size: .85em;
        margin: 0 1em 0 0; }
      .fancy-label-select input:checked:not(:disabled) + label + input + label::after, .fancy-label-select input.fancy-checkbox:checked:not(:disabled) + label + input + label::after {
        border-right: none; }
  .fancy-label-select label {
    flex: 0 0 auto;
    color: #555;
    transition: color .2s ease-in-out, background-color .2s ease-in-out;
    text-transform: none;
    padding: .25rem 1rem;
    position: relative; }
    .fancy-label-select label:hover {
      background-color: rgba(225, 225, 225, 0.15); }
    .fancy-label-select label:not(:first-of-type)::after {
      display: block;
      content: '';
      border-right: 1px solid #00adc7;
      height: calc(100% - .5rem);
      position: absolute;
      left: 1px;
      top: .25rem; }

.fancy-tabs {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0;
  flex-wrap: nowrap;
  padding: .5rem 0;
  overflow: visible; }
  .fancy-tabs .tab {
    padding: 1rem;
    font-size: .85rem;
    font-weight: 600;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    color: #141823;
    border-bottom: 3px solid transparent;
    margin: 0;
    position: relative;
    flex-wrap: nowrap;
    max-width: 200px;
    cursor: pointer; }
    .fancy-tabs .tab .name {
      flex: 1 1 auto;
      white-space: normal;
      line-height: 1.2em; }
    .fancy-tabs .tab .icon {
      flex: 0 0 auto;
      margin-right: .6em;
      font-size: .95em; }
    .fancy-tabs .tab.disabled {
      color: #ABABAB;
      cursor: default; }
    .fancy-tabs .tab.selected {
      color: #0cd8b6; }
      .fancy-tabs .tab.selected::after {
        content: '';
        display: block;
        width: 50%;
        height: 3px;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        background-color: #0cd8b6; }
  .fancy-tabs .spacer {
    flex: 1 1 auto; }
  .fancy-tabs .button-container {
    flex: 0 0 auto;
    align-items: center;
    display: flex;
    justify-content: flex-end; }

.fancy-panes {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: stretch; }
  .fancy-panes .pane {
    flex: 1 1 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start; }

.flexible-table {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex: 1 1 auto;
  overflow: visible;
  width: 100%; }
  .flexible-table .row {
    display: flex;
    flex: 0 0 auto; }
    .flexible-table .row.hidden {
      display: none; }
    .flexible-table .row + .row.header {
      margin-top: 1em; }
    .flexible-table .row:not(.disabled):hover .column:not(.invisible):not(.header):not(.disabled) {
      background-color: #F1F1F1; }
      .flexible-table .row:not(.disabled):hover .column:not(.invisible):not(.header):not(.disabled) .button.secondary {
        background-color: rgba(255, 255, 255, 0.65); }
      .flexible-table .row:not(.disabled):hover .column:not(.invisible):not(.header):not(.disabled) .button.secondary.active {
        background-color: rgba(225, 225, 225, 0.65); }
    .flexible-table .row.selected .column:not(.invisible) {
      background-color: #F1F1CA; }
    .flexible-table .row.disabled .column {
      color: #888; }
    .flexible-table .row.closed .column.result_issue {
      color: #888;
      text-decoration: line-through; }
    .flexible-table .row.blocking .column:not(.invisible) {
      background-color: #FCC; }
    .flexible-table .row.blocking:hover .column:not(.invisible) {
      background-color: #E0aC9C; }
  .flexible-table .body.children {
    margin-left: 25px; }
  .flexible-table .column {
    flex: 0 0 170px;
    display: flex;
    align-items: center;
    padding: .35rem;
    box-sizing: border-box;
    border-bottom: 1px dashed rgba(12, 137, 144, 0.4); }
    .flexible-table .column.hidden {
      display: none; }
    .flexible-table .column a:not(.button):not(.list-item),
    .flexible-table .column a:hover:not(.button):not(.list-item) {
      display: flex;
      align-items: center;
      border: none;
      font-weight: 300;
      padding: .2em; }
    .flexible-table .column .count-badge {
      font-size: 1em; }
    .flexible-table .column.header {
      font-size: 0.8em;
      background: transparent;
      font-weight: 600;
      text-transform: uppercase;
      border: none;
      border-bottom: 2px solid #232323;
      color: #232323;
      box-sizing: border-box; }
      .flexible-table .column.header .sort-indicator-asc,
      .flexible-table .column.header .sort-indicator-desc {
        display: none; }
      .flexible-table .column.header.sort_asc .sort-indicator-asc,
      .flexible-table .column.header.sort_desc .sort-indicator-desc {
        display: inline-flex;
        margin-left: .25em; }
      .flexible-table .column.header.invisible {
        border-bottom-color: transparent; }
      .flexible-table .column.header.info-icons.large {
        font-size: 1.2em; }
    .flexible-table .column.invisible {
      border-bottom-color: transparent; }
    .flexible-table .column.disabled {
      color: #888; }
    .flexible-table .column.list {
      flex-direction: column;
      align-items: flex-start;
      justify-content: center; }
    .flexible-table .column.grid {
      flex: 0 0 300px;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: flex-start;
      justify-content: flex-start; }
      .flexible-table .column.grid:not(.header) > * {
        margin: .15rem; }
    .flexible-table .column.info-icons {
      flex: 0 0 40px;
      align-items: center; }
      .flexible-table .column.info-icons.centered {
        justify-content: center; }
        .flexible-table .column.info-icons.centered .fas,
        .flexible-table .column.info-icons.centered .far,
        .flexible-table .column.info-icons.centered .fab {
          margin-left: 0;
          margin-right: 0; }
      .flexible-table .column.info-icons:not(.centered) {
        justify-content: flex-end; }
        .flexible-table .column.info-icons:not(.centered) .fas + .fas,
        .flexible-table .column.info-icons:not(.centered) .fas + .far,
        .flexible-table .column.info-icons:not(.centered) .far + .fas,
        .flexible-table .column.info-icons:not(.centered) .far + .far {
          margin-left: -.2em; }
      .flexible-table .column.info-icons img {
        width: 100%; }
    .flexible-table .column .button.secondary {
      color: #141823; }
    .flexible-table .column.sca_action_selector, .flexible-table .column.sca_actions {
      flex: 0 0 50px;
      display: flex;
      justify-content: center; }
      .flexible-table .column.sca_action_selector.hidden, .flexible-table .column.sca_actions.hidden {
        display: none; }
    .flexible-table .column.actions {
      flex: 0 0 100px;
      display: flex;
      justify-content: flex-end;
      padding-right: .5em; }
      .flexible-table .column.actions.hidden {
        display: none; }
    .flexible-table .column.numeric {
      flex: 0 0 75px;
      display: flex;
      justify-content: center; }
      .flexible-table .column.numeric.hidden {
        display: none; }
    .flexible-table .column.sc_title_container, .flexible-table .column.result_issue, .flexible-table .column.name-container {
      flex: 1 1 auto;
      min-width: 300px;
      text-overflow: ellipsis;
      overflow: hidden; }
    .flexible-table .column.multiline {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center; }
      .flexible-table .column.multiline.hidden {
        display: none; }
      .flexible-table .column.multiline .title {
        font-weight: 600;
        flex: 0 0 auto; }
      .flexible-table .column.multiline .description {
        font-weight: 400;
        flex: 0 0 auto; }
    .flexible-table .column.sc_actions {
      flex: 0 0 50px;
      display: flex;
      justify-content: flex-end;
      position: relative; }
      .flexible-table .column.sc_actions.hidden {
        display: none; }
    .flexible-table .column.smaller {
      font-weight: 300;
      font-size: 0.8em; }
    .flexible-table .column .fas,
    .flexible-table .column .far {
      margin-right: .35rem; }
      .flexible-table .column .fas:last-child,
      .flexible-table .column .far:last-child {
        margin-right: 0; }

.list-mode {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  text-align: left;
  box-sizing: border-box;
  font-family: "Fira Sans", "Open Sans", sans-serif;
  font-weight: 400; }
  .list-mode.grid-mode {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start; }
    .list-mode.grid-mode .list-item,
    .list-mode.grid-mode .list-item:hover {
      justify-content: center;
      margin: .35rem; }
  .list-mode.updating {
    opacity: 0.2; }
  .list-mode .header-banner {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: #FFF;
    box-sizing: border-box; }
    .list-mode .header-banner .header-name {
      display: flex;
      flex-direction: row;
      padding: 1.6em;
      align-items: center; }
      .list-mode .header-banner .header-name .image-container {
        flex: 0 0 2.8em;
        margin-right: 1em;
        padding: 0; }
        .list-mode .header-banner .header-name .image-container > img:not(.avatar) {
          width: 100%; }
      .list-mode .header-banner .header-name .name-container {
        flex: 1 1 auto;
        font-size: 1.55rem;
        font-weight: 600;
        line-height: 1.5rem;
        display: flex;
        flex-direction: column;
        padding: 0; }
    .list-mode .header-banner .info-container {
      font-size: .6em;
      display: flex;
      align-content: center;
      justify-content: flex-start; }
      .list-mode .header-banner .info-container .icon {
        flex: 0 0 25px;
        padding: .35em 0;
        color: #646464;
        align-self: center;
        text-align: center; }
    .list-mode .header-banner .button-group {
      padding: 0 1.5em 1.5em 1.5em;
      justify-content: flex-end;
      box-sizing: border-box; }
      .list-mode .header-banner .button-group button + button,
      .list-mode .header-banner .button-group button + .button,
      .list-mode .header-banner .button-group .button + button,
      .list-mode .header-banner .button-group .button + .button {
        margin-left: auto; }
      .list-mode .header-banner .button-group button.back-button .name,
      .list-mode .header-banner .button-group .button.back-button .name {
        display: none; }
      .list-mode .header-banner .button-group button.back-button:first-child:last-child,
      .list-mode .header-banner .button-group .button.back-button:first-child:last-child {
        margin-right: auto; }
        .list-mode .header-banner .button-group button.back-button:first-child:last-child .name,
        .list-mode .header-banner .button-group .button.back-button:first-child:last-child .name {
          display: inline-flex; }
  .list-mode .list-item,
  .list-mode .list-item:hover {
    position: relative;
    padding: .15em .35em;
    display: flex;
    flex-direction: row;
    color: #141823;
    border-radius: 5px;
    border: 1px solid transparent;
    margin: .15em 1em 0 1em;
    align-content: flex-start;
    align-items: center;
    justify-content: flex-start;
    justify-items: flex-start;
    font-size: .98em;
    text-transform: none;
    white-space: nowrap;
    min-width: 250px;
    transition: color .25s ease-in-out, background-color .25s ease-in-out;
    box-sizing: border-box; }
    .list-mode .list-item:last-child,
    .list-mode .list-item:hover:last-child {
      margin-bottom: 0; }
    .list-mode .list-item.disabled,
    .list-mode .list-item:hover.disabled {
      color: rgba(100, 100, 100, 0.4); }
      .list-mode .list-item.disabled:hover,
      .list-mode .list-item:hover.disabled:hover {
        cursor: default; }
      .list-mode .list-item.disabled .icon,
      .list-mode .list-item:hover.disabled .icon {
        color: rgba(100, 100, 100, 0.4); }
    .list-mode .list-item.help:hover,
    .list-mode .list-item:hover.help:hover {
      cursor: help; }
    .list-mode .list-item.help .icon:not(.issuetype-icon),
    .list-mode .list-item:hover.help .icon:not(.issuetype-icon) {
      color: #00adc7; }
    .list-mode .list-item.danger,
    .list-mode .list-item:hover.danger {
      color: #cb1a00; }
      .list-mode .list-item.danger.disabled,
      .list-mode .list-item:hover.danger.disabled {
        color: rgba(177, 22, 0, 0.54); }
      .list-mode .list-item.danger .icon,
      .list-mode .list-item:hover.danger .icon {
        color: #cb1a00; }
      .list-mode .list-item.danger:not(.disabled):hover,
      .list-mode .list-item:hover.danger:not(.disabled):hover {
        background-color: #cb1a00;
        color: #FFF; }
        .list-mode .list-item.danger:not(.disabled):hover .icon,
        .list-mode .list-item:hover.danger:not(.disabled):hover .icon {
          color: #FFF; }
    .list-mode .list-item .dropper-container,
    .list-mode .list-item:hover .dropper-container {
      box-sizing: border-box;
      border-left: 1px solid rgba(100, 100, 100, 0.1); }
      .list-mode .list-item .dropper-container .fas.dropper,
      .list-mode .list-item .dropper-container .far.dropper,
      .list-mode .list-item:hover .dropper-container .fas.dropper,
      .list-mode .list-item:hover .dropper-container .far.dropper {
        padding: .75em; }
    .list-mode .list-item.active .dropper-container,
    .list-mode .list-item:hover.active .dropper-container {
      border-radius: 4px;
      background-color: rgba(100, 100, 100, 0.1); }
    .list-mode .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover,
    .list-mode .list-item:hover:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover {
      background-color: rgba(225, 225, 225, 0.2);
      color: #141823; }
      .list-mode .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-bug_report, .list-mode .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-developer_report, .list-mode .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-feature_request, .list-mode .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-idea, .list-mode .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-enhancement, .list-mode .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-epic, .list-mode .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-documentation_request, .list-mode .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-unknown, .list-mode .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-, .list-mode .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-task,
      .list-mode .list-item:hover:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-bug_report,
      .list-mode .list-item:hover:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-developer_report,
      .list-mode .list-item:hover:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-feature_request,
      .list-mode .list-item:hover:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-idea,
      .list-mode .list-item:hover:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-enhancement,
      .list-mode .list-item:hover:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-epic,
      .list-mode .list-item:hover:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-documentation_request,
      .list-mode .list-item:hover:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-unknown,
      .list-mode .list-item:hover:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-,
      .list-mode .list-item:hover:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.danger):not(.filter-container):not(.form-container):hover .issuetype-icon.issuetype-task {
        background-color: rgba(225, 225, 225, 0.2);
        color: #141823; }
    .list-mode .list-item.selected,
    .list-mode .list-item:hover.selected {
      background-color: rgba(12, 216, 182, 0.1);
      color: #0cd8b6;
      border-left: 3px solid #0cd8b6;
      font-weight: 400; }
      .list-mode .list-item.selected:hover,
      .list-mode .list-item:hover.selected:hover {
        color: #FFF; }
        .list-mode .list-item.selected:hover > .icon:not(.issuetype-icon),
        .list-mode .list-item.selected:hover > a .icon:not(.issuetype-icon),
        .list-mode .list-item:hover.selected:hover > .icon:not(.issuetype-icon),
        .list-mode .list-item:hover.selected:hover > a .icon:not(.issuetype-icon) {
          color: #141823; }
        .list-mode .list-item.selected:hover > .name,
        .list-mode .list-item.selected:hover > a .name,
        .list-mode .list-item:hover.selected:hover > .name,
        .list-mode .list-item:hover.selected:hover > a .name {
          color: #0cd8b6; }
      .list-mode .list-item.selected > .icon:not(.issuetype-icon),
      .list-mode .list-item.selected > a .icon:not(.issuetype-icon),
      .list-mode .list-item:hover.selected > .icon:not(.issuetype-icon),
      .list-mode .list-item:hover.selected > a .icon:not(.issuetype-icon) {
        color: #232323; }
      .list-mode .list-item.selected > .name,
      .list-mode .list-item.selected > a .name,
      .list-mode .list-item:hover.selected > .name,
      .list-mode .list-item:hover.selected > a .name {
        color: #232323;
        font-weight: 400; }
    .list-mode .list-item.multiline .icon,
    .list-mode .list-item:hover.multiline .icon {
      font-size: 1.2em; }
    .list-mode .list-item.multiline span.name,
    .list-mode .list-item:hover.multiline span.name {
      flex: 1 1 auto;
      display: flex;
      flex-direction: column;
      font-size: 1em; }
      .list-mode .list-item.multiline span.name .title,
      .list-mode .list-item:hover.multiline span.name .title {
        font-weight: 600;
        white-space: normal;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start; }
        .list-mode .list-item.multiline span.name .title .separator,
        .list-mode .list-item:hover.multiline span.name .title .separator {
          flex: 0 0 auto;
          padding: 0 .5em;
          margin: 0;
          font-size: 0.8em;
          border-bottom: none; }
      .list-mode .list-item.multiline span.name .description,
      .list-mode .list-item:hover.multiline span.name .description {
        display: inline-block;
        text-align: left; }
        .list-mode .list-item.multiline span.name .description span,
        .list-mode .list-item.multiline span.name .description .button,
        .list-mode .list-item:hover.multiline span.name .description span,
        .list-mode .list-item:hover.multiline span.name .description .button {
          display: inline-flex; }
    .list-mode .list-item.multiline .information,
    .list-mode .list-item:hover.multiline .information {
      flex: 0 0 auto;
      display: flex;
      flex-direction: column;
      font-size: 1em;
      align-items: flex-start;
      justify-content: center; }
      .list-mode .list-item.multiline .information:last-child,
      .list-mode .list-item:hover.multiline .information:last-child {
        align-items: flex-end; }
      .list-mode .list-item.multiline .information .row,
      .list-mode .list-item:hover.multiline .information .row {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start; }
        .list-mode .list-item.multiline .information .row + .row,
        .list-mode .list-item:hover.multiline .information .row + .row {
          margin-top: .15em; }
        .list-mode .list-item.multiline .information .row .item,
        .list-mode .list-item:hover.multiline .information .row .item {
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: flex-start;
          padding: .25em .6em;
          border-radius: 4px;
          background-color: rgba(225, 225, 225, 0.3);
          color: #676767; }
          .list-mode .list-item.multiline .information .row .item .icon,
          .list-mode .list-item:hover.multiline .information .row .item .icon {
            padding: 0;
            margin: 0;
            flex: 0 0 auto; }
            .list-mode .list-item.multiline .information .row .item .icon + span,
            .list-mode .list-item:hover.multiline .information .row .item .icon + span {
              margin-left: .25em; }
          .list-mode .list-item.multiline .information .row .item + .item,
          .list-mode .list-item:hover.multiline .information .row .item + .item {
            margin-left: .25em; }
    .list-mode .list-item.with-pop-out,
    .list-mode .list-item:hover.with-pop-out {
      padding-right: 0; }
    .list-mode .list-item.expandable,
    .list-mode .list-item:hover.expandable {
      padding-right: 0; }
      .list-mode .list-item.expandable.expanded.selected,
      .list-mode .list-item:hover.expandable.expanded.selected {
        background-color: transparent;
        border-color: #0cd8b6; }
        .list-mode .list-item.expandable.expanded.selected .name,
        .list-mode .list-item:hover.expandable.expanded.selected .name {
          color: #0cd8b6;
          font-weight: 600; }
        .list-mode .list-item.expandable.expanded.selected .icon,
        .list-mode .list-item:hover.expandable.expanded.selected .icon {
          color: #0cd8b6; }
    .list-mode .list-item.faq,
    .list-mode .list-item:hover.faq {
      font-size: 1.05em; }
    .list-mode .list-item .name,
    .list-mode .list-item:hover .name {
      flex: 1 1 auto;
      align-self: center;
      padding: 7px 0;
      font-weight: 300;
      font-size: 1em;
      white-space: normal;
      overflow: hidden; }
    .list-mode .list-item .indicator,
    .list-mode .list-item .icon.indicator,
    .list-mode .list-item:hover .indicator,
    .list-mode .list-item:hover .icon.indicator {
      display: none;
      flex: 0 0 auto;
      text-align: center; }
    .list-mode .list-item.filter-container, .list-mode .list-item.text-input-container,
    .list-mode .list-item:hover.filter-container,
    .list-mode .list-item:hover.text-input-container {
      border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
      margin-bottom: 7px;
      padding-bottom: 7px;
      padding-left: 0;
      border-radius: 0; }
      .list-mode .list-item.filter-container:hover, .list-mode .list-item.text-input-container:hover,
      .list-mode .list-item:hover.filter-container:hover,
      .list-mode .list-item:hover.text-input-container:hover {
        background: transparent; }
      .list-mode .list-item.filter-container input[type=text],
      .list-mode .list-item.filter-container input[type=search], .list-mode .list-item.text-input-container input[type=text],
      .list-mode .list-item.text-input-container input[type=search],
      .list-mode .list-item:hover.filter-container input[type=text],
      .list-mode .list-item:hover.filter-container input[type=search],
      .list-mode .list-item:hover.text-input-container input[type=text],
      .list-mode .list-item:hover.text-input-container input[type=search] {
        border: none;
        background: rgba(200, 200, 200, 0.1);
        padding: .45em .75em;
        border-radius: 4px;
        color: #141823;
        flex: 1 1 auto; }
        .list-mode .list-item.filter-container input[type=text].filtering + .indicator,
        .list-mode .list-item.filter-container input[type=search].filtering + .indicator, .list-mode .list-item.text-input-container input[type=text].filtering + .indicator,
        .list-mode .list-item.text-input-container input[type=search].filtering + .indicator,
        .list-mode .list-item:hover.filter-container input[type=text].filtering + .indicator,
        .list-mode .list-item:hover.filter-container input[type=search].filtering + .indicator,
        .list-mode .list-item:hover.text-input-container input[type=text].filtering + .indicator,
        .list-mode .list-item:hover.text-input-container input[type=search].filtering + .indicator {
          display: inline-block; }
    .list-mode .list-item.submitting .indicator,
    .list-mode .list-item:hover.submitting .indicator {
      display: inline-block; }
    .list-mode .list-item.separator, .list-mode .list-item.separator:hover,
    .list-mode .list-item:hover.separator,
    .list-mode .list-item:hover.separator:hover {
      padding: 2px 0 0 0;
      margin: 0 10px 7px 10px;
      border-bottom: 1px solid rgba(100, 100, 100, 0.2);
      background-color: transparent;
      cursor: default;
      border-radius: 0;
      flex: 0 0 1px; }
    .list-mode .list-item .icon,
    .list-mode .list-item:hover .icon {
      flex: 0 0 35px;
      align-self: center;
      text-align: center;
      align-items: center;
      justify-content: center;
      flex-direction: row;
      box-sizing: border-box; }
      .list-mode .list-item .icon:not(.issuetype-icon),
      .list-mode .list-item:hover .icon:not(.issuetype-icon) {
        padding: .35em .65em .35em 0; }
        .list-mode .list-item .icon:not(.issuetype-icon):not(:first-child),
        .list-mode .list-item:hover .icon:not(.issuetype-icon):not(:first-child) {
          padding: .25em .15em;
          flex: 0 0 30px; }
      .list-mode .list-item .icon.issuetype-icon,
      .list-mode .list-item:hover .icon.issuetype-icon {
        flex: 0 0 30px;
        padding: .65em; }
      .list-mode .list-item .icon.large,
      .list-mode .list-item:hover .icon.large {
        flex: 0 0 36px; }
      .list-mode .list-item .icon img:not(.avatar),
      .list-mode .list-item:hover .icon img:not(.avatar) {
        width: 100%; }
      .list-mode .list-item .icon:not(.issuetype-icon),
      .list-mode .list-item:hover .icon:not(.issuetype-icon) {
        color: inherit; }
    .list-mode .list-item > a,
    .list-mode .list-item > a:hover,
    .list-mode .list-item:hover > a,
    .list-mode .list-item:hover > a:hover {
      color: inherit;
      border: none;
      display: flex;
      align-items: center; }
      .list-mode .list-item > a:not(.icon),
      .list-mode .list-item > a:hover:not(.icon),
      .list-mode .list-item:hover > a:not(.icon),
      .list-mode .list-item:hover > a:hover:not(.icon) {
        flex: 1 1 auto; }
      .list-mode .list-item > a .fas.icon,
      .list-mode .list-item > a .far.icon,
      .list-mode .list-item > a:hover .fas.icon,
      .list-mode .list-item > a:hover .far.icon,
      .list-mode .list-item:hover > a .fas.icon,
      .list-mode .list-item:hover > a .far.icon,
      .list-mode .list-item:hover > a:hover .fas.icon,
      .list-mode .list-item:hover > a:hover .far.icon {
        margin-right: 0; }
    .list-mode .list-item .button-group, .list-mode .list-item .button-group:hover,
    .list-mode .list-item:hover .button-group,
    .list-mode .list-item:hover .button-group:hover {
      padding: .25em; }
  .list-mode .fancy-checkbox:checked + .list-item:not(.disabled):not(.not-selectable):not(.separator):not(.header):not(.filter-container):hover {
    background-color: #0cd8b6;
    color: #FFF; }

.submenu {
  box-sizing: border-box; }
  .submenu.columns {
    box-sizing: border-box;
    flex-direction: row; }
    .submenu.columns.three-columns .column {
      flex: 1 1 33%; }
    .submenu.columns.two-columns .column {
      flex: 1 1 50%; }

.filtered .list-item:not(.sticky):not(.separator):not(.filter-container) {
  display: none; }
  .filtered .list-item:not(.sticky):not(.separator):not(.filter-container).separator, .filtered .list-item:not(.sticky):not(.separator):not(.filter-container).hidden {
    display: none; }
  .filtered .list-item:not(.sticky):not(.separator):not(.filter-container).visible {
    display: flex; }
  .filtered .list-item:not(.sticky):not(.separator):not(.filter-container).highlighted {
    color: #0cd8b6; }

.submenu {
  border: none; }

.expandable .expander, .expandable .expander:hover {
  transform: rotate(0);
  cursor: pointer;
  padding: .3em .5em;
  border-radius: 4px;
  margin-left: 0; }

.expandable + .submenu {
  display: none; }

.expandable + .expandable-menu {
  display: none; }

.expandable.expanded:not(button) .expander {
  transform: rotate(180deg);
  padding: .3em .5em;
  border-radius: 4px; }

.expandable.expanded + .expandable-menu {
  display: flex;
  flex-direction: column; }

.expandable.expanded + .submenu {
  display: flex;
  padding: 0 0 0 .75em;
  border: none;
  flex-direction: column; }

.collapsed {
  overflow: visible; }
  .collapsed .expandable.expanded + .submenu {
    display: none; }
  .collapsed .expandable .expander {
    display: none; }
  .collapsed .onboarding {
    display: none; }
  .collapsed > .list-mode {
    min-width: 0; }
    .collapsed > .list-mode > .header, .collapsed > .list-mode > .header:hover {
      margin: 0 .5em .5em .5em;
      padding: .5em 0 0 0;
      border-bottom: 1px solid rgba(100, 100, 100, 0.2); }
    .collapsed > .list-mode > .header .name {
      display: none; }
    .collapsed > .list-mode > .list-item, .collapsed > .list-mode > .list-item:hover {
      justify-content: center;
      padding: 0;
      font-size: 1em;
      min-width: 0; }
    .collapsed > .list-mode > .list-item > .icon:first-child,
    .collapsed > .list-mode > .list-item > a > .icon:first-child {
      padding: .75em .5em;
      flex: 1 1 auto;
      margin: 0; }
      .collapsed > .list-mode > .list-item > .icon:first-child:hover + .name,
      .collapsed > .list-mode > .list-item > a > .icon:first-child:hover + .name {
        opacity: 1;
        transform: scaleX(1); }
    .collapsed > .list-mode > .list-item > .icon:not(:first-child) {
      display: none; }
    .collapsed > .list-mode > .list-item > .name,
    .collapsed > .list-mode > .list-item > a .name {
      transition: opacity .2s ease-in-out, transform .2s ease-in-out;
      opacity: 0;
      transform: scaleX(0);
      transform-origin: left;
      position: absolute;
      left: 4em;
      background-color: #FFF;
      padding: .35em .75em;
      border-radius: .2em;
      box-shadow: rgba(9, 30, 66, 0.25) 0 1px 1px, rgba(9, 30, 66, 0.31) 0 0 1px;
      white-space: nowrap; }
    .collapsed > .list-mode > .list-item > .dropper-container {
      border-bottom: none;
      text-decoration: none; }
      .collapsed > .list-mode > .list-item > .dropper-container .list-item {
        justify-content: flex-start;
        padding: 0 7px;
        font-size: .95em; }
        .collapsed > .list-mode > .list-item > .dropper-container .list-item .icon:first-child,
        .collapsed > .list-mode > .list-item > .dropper-container .list-item .icon:not(:first-child) {
          display: flex;
          flex: 0 0 24px; }
        .collapsed > .list-mode > .list-item > .dropper-container .list-item .name {
          display: flex; }

.list-mode .header,
.list-mode .header:hover, .submenu .header,
.submenu .header:hover {
  color: #ABABAB;
  font-size: 1em;
  font-weight: 600;
  padding: 1.5em 0 .5em 1.25em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: stretch; }
  .list-mode .header span,
  .list-mode .header:hover span, .submenu .header span,
  .submenu .header:hover span {
    flex: 1 1 auto; }
  .list-mode .header .icon,
  .list-mode .header:hover .icon, .submenu .header .icon,
  .submenu .header:hover .icon {
    color: #ABABAB;
    flex: 0 0 auto;
    margin: 0 .35em;
    align-self: center;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center; }
    .list-mode .header .icon:not(.expander),
    .list-mode .header:hover .icon:not(.expander), .submenu .header .icon:not(.expander),
    .submenu .header:hover .icon:not(.expander) {
      padding: .35em; }
    .list-mode .header .icon, .list-mode .header .icon:hover,
    .list-mode .header:hover .icon,
    .list-mode .header:hover .icon:hover, .submenu .header .icon, .submenu .header .icon:hover,
    .submenu .header:hover .icon,
    .submenu .header:hover .icon:hover {
      text-decoration: none;
      border: none; }
    .list-mode .header .icon:not(.issuetype-icon),
    .list-mode .header:hover .icon:not(.issuetype-icon), .submenu .header .icon:not(.issuetype-icon),
    .submenu .header:hover .icon:not(.issuetype-icon) {
      color: #ABABAB; }
  .list-mode .header .name ~ .icon,
  .list-mode .header:hover .name ~ .icon, .submenu .header .name ~ .icon,
  .submenu .header:hover .name ~ .icon {
    margin-left: 0; }
  .list-mode .header .dropper-container,
  .list-mode .header .link-container, .list-mode .header.hover,
  .list-mode .header:hover .dropper-container,
  .list-mode .header:hover .link-container,
  .list-mode .header:hover.hover, .submenu .header .dropper-container,
  .submenu .header .link-container, .submenu .header.hover,
  .submenu .header:hover .dropper-container,
  .submenu .header:hover .link-container,
  .submenu .header:hover.hover {
    flex: 0 0 auto;
    margin-right: 1rem;
    border: none; }
    .list-mode .header .dropper-container .dropper,
    .list-mode .header .dropper-container .link,
    .list-mode .header .link-container .dropper,
    .list-mode .header .link-container .link, .list-mode .header.hover .dropper,
    .list-mode .header.hover .link,
    .list-mode .header:hover .dropper-container .dropper,
    .list-mode .header:hover .dropper-container .link,
    .list-mode .header:hover .link-container .dropper,
    .list-mode .header:hover .link-container .link,
    .list-mode .header:hover.hover .dropper,
    .list-mode .header:hover.hover .link, .submenu .header .dropper-container .dropper,
    .submenu .header .dropper-container .link,
    .submenu .header .link-container .dropper,
    .submenu .header .link-container .link, .submenu .header.hover .dropper,
    .submenu .header.hover .link,
    .submenu .header:hover .dropper-container .dropper,
    .submenu .header:hover .dropper-container .link,
    .submenu .header:hover .link-container .dropper,
    .submenu .header:hover .link-container .link,
    .submenu .header:hover.hover .dropper,
    .submenu .header:hover.hover .link {
      flex: 0 0 25px;
      padding: .35rem;
      box-sizing: border-box; }
      .list-mode .header .dropper-container .dropper.active,
      .list-mode .header .dropper-container .link.active,
      .list-mode .header .link-container .dropper.active,
      .list-mode .header .link-container .link.active, .list-mode .header.hover .dropper.active,
      .list-mode .header.hover .link.active,
      .list-mode .header:hover .dropper-container .dropper.active,
      .list-mode .header:hover .dropper-container .link.active,
      .list-mode .header:hover .link-container .dropper.active,
      .list-mode .header:hover .link-container .link.active,
      .list-mode .header:hover.hover .dropper.active,
      .list-mode .header:hover.hover .link.active, .submenu .header .dropper-container .dropper.active,
      .submenu .header .dropper-container .link.active,
      .submenu .header .link-container .dropper.active,
      .submenu .header .link-container .link.active, .submenu .header.hover .dropper.active,
      .submenu .header.hover .link.active,
      .submenu .header:hover .dropper-container .dropper.active,
      .submenu .header:hover .dropper-container .link.active,
      .submenu .header:hover .link-container .dropper.active,
      .submenu .header:hover .link-container .link.active,
      .submenu .header:hover.hover .dropper.active,
      .submenu .header:hover.hover .link.active {
        border-radius: 4px;
        background-color: rgba(100, 100, 100, 0.1); }

.list-mode .form-container .form-row, .submenu .form-container .form-row {
  padding: 0; }
  .list-mode .form-container .form-row.add-placeholder .icon, .submenu .form-container .form-row.add-placeholder .icon {
    padding-right: .35em;
    flex: 0 0 30px; }
    .list-mode .form-container .form-row.add-placeholder .icon + input[type=text], .submenu .form-container .form-row.add-placeholder .icon + input[type=text] {
      margin-left: 0; }

.dropper-container {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  line-height: 1em; }
  .dropper-container + .dropper-container {
    margin-left: .5em; }
  .dropper-container .dropdown-container {
    list-style: none;
    font-size: 1em;
    display: flex;
    flex-direction: column;
    position: absolute;
    margin: 0;
    z-index: 1000;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: top;
    transition: opacity 0.3s ease, transform 0.3s ease-in-out;
    max-height: 550px;
    overflow: hidden;
    box-sizing: border-box;
    padding: 5px 0;
    background: #FFF;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    top: calc(100% + 3px);
    right: 0; }
    .dropper-container .dropdown-container.from-left {
      right: auto;
      left: 0; }
      .dropper-container .dropdown-container.from-left.slide-out {
        position: fixed;
        left: 0;
        top: 89px;
        z-index: 1;
        height: calc(100% - 3.5em);
        transform-origin: left;
        transform: translateX(-120%);
        width: 350px;
        border-radius: 0;
        max-height: none; }
      .dropper-container .dropdown-container.from-left.pop-out {
        left: 20px;
        top: 0;
        z-index: 2000; }
    .dropper-container .dropdown-container.from-center {
      right: auto;
      left: 50%;
      transform: scaleY(0) translateX(-50%); }
    .dropper-container .dropdown-container.from-bottom {
      top: auto;
      bottom: 37px;
      transform-origin: bottom; }
    .dropper-container .dropdown-container.columns {
      flex-direction: row; }
      .dropper-container .dropdown-container.columns .column.hidden {
        display: none; }
      .dropper-container .dropdown-container.columns.three-columns .column {
        flex: 1 1 33%; }
      .dropper-container .dropdown-container.columns.two-columns .column {
        flex: 1 1 50%;
        min-width: 260px;
        overflow: auto; }
    .dropper-container .dropdown-container:not(.slide-out) .list-mode {
      max-height: 450px; }
    .dropper-container .dropdown-container .list-mode {
      overflow-y: auto;
      overflow-x: hidden;
      min-width: 260px;
      max-width: 350px; }
      .dropper-container .dropdown-container .list-mode .header-banner .header-name {
        padding: .3em; }
        .dropper-container .dropdown-container .list-mode .header-banner .header-name .image-container {
          padding-right: .3em;
          margin-right: 0; }
        .dropper-container .dropdown-container .list-mode .header-banner .header-name .name-container {
          padding: .3em 0; }
      .dropper-container .dropdown-container .list-mode .header {
        padding-left: .7em;
        padding-top: 1.5em;
        font-size: .85em;
        text-transform: uppercase;
        font-weight: 500;
        align-items: flex-start;
        justify-content: flex-start; }
        .dropper-container .dropdown-container .list-mode .header:first-child {
          padding-top: .5em; }
      .dropper-container .dropdown-container .list-mode .list-item:not(.separator), .dropper-container .dropdown-container .list-mode .list-item:not(.separator):hover {
        margin-left: 0;
        margin-right: 0;
        padding-left: .7em;
        padding-right: .7em;
        border-radius: 0; }
        .dropper-container .dropdown-container .list-mode .list-item:not(.separator) .icon, .dropper-container .dropdown-container .list-mode .list-item:not(.separator):hover .icon {
          flex: 0 0 auto;
          min-width: 20px;
          width: 20px; }
  .dropper-container.mentions-container {
    position: absolute;
    margin-left: .5em; }
    .dropper-container.mentions-container .dropdown-container {
      position: relative;
      transform: scaleY(1);
      opacity: 1; }
      .dropper-container.mentions-container .dropdown-container .list-mode {
        max-width: 60em; }
  .dropper-container .dropper {
    cursor: pointer; }
    .dropper-container .dropper + .dropdown-container.slide-out {
      opacity: 1; }
    .dropper-container .dropper.active + .dropdown-container {
      transform: scaleY(1);
      opacity: 1; }
      .dropper-container .dropper.active + .dropdown-container.slide-out {
        transform-origin: left;
        transform: translateX(0);
        box-shadow: none;
        box-sizing: border-box;
        border-right: 2px solid rgba(225, 225, 225, 0.5); }
      .dropper-container .dropper.active + .dropdown-container.from-center {
        transform: scaleY(1) translateX(-50%); }

.collapsed .dropper-container .dropper::after {
  display: block;
  content: '';
  background: rgba(255, 255, 255, 0.8);
  position: fixed;
  left: 0;
  height: 100%;
  top: 0;
  z-index: 100;
  width: calc(100vw - 350px);
  transform: scaleX(0);
  opacity: 0;
  transform-origin: left;
  transition: opacity .3s ease-in-out, left .3s ease-in-out; }

.collapsed .dropper-container .dropper.active::after {
  left: 350px;
  transform: scaleX(1);
  opacity: 1; }

.collapsed .dropper-container .dropper.active + .dropdown-container.slide-out {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  overflow: visible; }

div#debugger {
  position: absolute;
  top: 0;
  left: 0;
  border-top: 15px solid ORANGE;
  background-color: ORANGE;
  height: 0;
  width: 100%;
  overflow: hidden; }
  div#debugger:hover {
    height: 50%;
    overflow: scroll; }

div.debug-dump {
  background: #efefef;
  font-size: 12px;
  border: 1px solid #338;
  display: inline-block;
  vertical-align: top;
  margin: 3px;
  padding: 2px 4px;
  font-family: arial; }

#debug-container div.debug-dump {
  display: block; }

#debug-container div.debug-content {
  display: none; }

.debug-dump ul {
  list-style: none;
  margin: 0;
  padding: 0 0 5px 1em; }
  .debug-dump ul.properties {
    border-left: 1px dashed #559;
    margin: 0;
    padding: 0 0 5px 1em; }
  .debug-dump ul.array {
    border-left: 1px dashed #955;
    margin: 0;
    padding: 0 0 5px 1em; }

div.debug-dump > ul {
  border: 0 !important; }

.debug-dump li {
  padding: 0;
  margin: 0;
  list-style: none; }

.debug-dump span {
  color: #B82830; }
  .debug-dump span.value {
    color: #B82830;
    font-weight: bold; }
    .debug-dump span.value.integer {
      color: #409b40; }
    .debug-dump span.value.boolean {
      color: BLUE; }
  .debug-dump span.property {
    color: #28B869;
    font-weight: bold; }
  .debug-dump span.type {
    color: #2830B8; }
  .debug-dump span.access {
    color: #EC9B00; }
  .debug-dump span.location {
    color: #336; }
  .debug-dump span.key {
    color: #2877B8;
    font-weight: bold; }
  .debug-dump span.count {
    color: #2877B8; }
  .debug-dump span.class {
    color: #6928B8;
    font-weight: bold; }
  .debug-dump span.class-id {
    color: #2877B8; }
  .debug-dump span.access, .debug-dump span.type {
    visibility: hidden;
    display: none; }

.debug-dump li:hover {
  background-color: #fff; }
  .debug-dump li:hover span.access, .debug-dump li:hover span.type {
    visibility: visible;
    display: inline; }

#csp-dbg-main, #csp-dbg-open {
  font-family: sans-serif;
  font-size: 12px; }

#csp-dbg-main p {
  margin: 0;
  padding-bottom: 10px; }

#csp-dbg-open {
  position: fixed;
  bottom: 0;
  right: 0;
  padding: 4px;
  background: black;
  color: white;
  text-align: center;
  background: #45484d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45484d), color-stop(100%, #000000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #45484d 0%, #000000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #45484d 0%, #000000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #45484d 0%, #000000 100%);
  /* IE10+ */
  background: linear-gradient(top, #45484d 0%, #000000 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
  /* IE6-9 */
  -webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.75);
  box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.75);
  z-index: 99999999; }

#csp-dbg-open-btn {
  padding: 6px;
  border: 1px solid transparent;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  opacity: 0.8; }

#csp-dbg-open-btn:hover {
  padding: 6px;
  border: 1px solid #005596;
  cursor: pointer;
  background: #3f4c6b;
  /* Old browsers */
  background: -moz-linear-gradient(top, #3f4c6b 0%, #282f44 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3f4c6b), color-stop(100%, #282f44));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #3f4c6b 0%, #282f44 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #3f4c6b 0%, #282f44 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #3f4c6b 0%, #282f44 100%);
  /* IE10+ */
  background: linear-gradient(top, #3f4c6b 0%, #282f44 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#282f44',GradientType=0 );
  /* IE6-9 */ }

#csp-dbg-main {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 9999999; }

#csp-dbg-title {
  font-size: 30px;
  color: white;
  background: #45484d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45484d), color-stop(100%, #000000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #45484d 0%, #000000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #45484d 0%, #000000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #45484d 0%, #000000 100%);
  /* IE10+ */
  background: linear-gradient(top, #45484d 0%, #000000 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
  /* IE6-9 */
  padding: 15px; }

.csp-dbg-title-close, .csp-dbg-entry-open, .csp-dbg-entry-close {
  float: right;
  cursor: pointer; }

.csp-dbg-entry-timestamp {
  font-size: 1em;
  color: #777;
  font-weight: normal; }

.csp-dbg-entry-row {
  background: #333333;
  /* Old browsers */
  border-top: 1px solid #555555;
  border-bottom: 1px solid black;
  color: white;
  font-size: 13px;
  padding: 8px; }

#csp-dbg-row-ver {
  font-size: 12px;
  font-style: italic; }

.csp-dbg-entry-row-content {
  background: white;
  padding: 20px; }

.csp-dbg-tab-panels .csp-dbg-tab-panel {
  border: none;
  border-top: none;
  padding: 10px;
  margin: 0;
  color: #333; }

.csp-dbg-tab-panels .csp-dbg-tab-panel ul {
  margin-left: 10px;
  padding-left: 10px; }

.csp-dbg-tab-bar {
  border: 1px solid rgba(0, 0, 0, 0.4);
  margin: 0;
  padding: 10px;
  height: 20px;
  background-color: #F1F1F1;
  border-radius: 5px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4);
  position: relative; }

.csp-dbg-tab-bar ul {
  list-style: none;
  position: absolute;
  bottom: -1px; }

.csp-dbg-tab-bar li {
  display: block;
  float: left;
  background: #DADADA;
  padding: 7px;
  margin: 0;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px 5px 0 0;
  cursor: pointer;
  color: #777;
  box-shadow: inset 0 -3px 3px -3px rgba(0, 0, 0, 0.4); }

.csp-dbg-tab-bar li:hover {
  background: #E1E1E1; }

.csp-dbg-tab-bar li.csp-dbg-row-content-tab-selected, .csp-dbg-tab-bar li.csp-dbg-row-content-tab-selected:hover {
  border: 1px solid rgba(0, 0, 0, 0.4);
  border-bottom: 1px solid white;
  background: white;
  color: #444;
  box-shadow: none; }

#csp-dbg-next-row-id {
  display: none; }

.csp-dbg-log-level {
  font-weight: bold; }

.csp-dbg-log-source {
  font-weight: bold; }

.csp-dbg-log-time, .csp-dbg-query-title-time, .csp-dbg-timing-time {
  color: #AAA;
  font-style: italic; }

.csp-dbg-query-title-id, .csp-dbg-variable-title-id, .csp-dbg-timing-id, .csp-dbg-json-field {
  font-weight: bold; }

.csp-dbg-query-body, .csp-dbg-variable-content, .csp-dbg-json-value {
  padding-top: 5px;
  margin: 0;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px dotted #AAA; }

.csp-dbg-json {
  width: 100%; }

.csp-dbg-trace-file {
  color: #55F; }

.csp-dbg-trace-file-unknown {
  color: #AAA; }

.csp-dbg-trace-function {
  font-weight: bold; }

.count-badge {
  font-weight: 400;
  font-size: 0.8em;
  color: rgba(50, 50, 50, 0.6);
  margin-left: 5px;
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  padding: 3px 6px;
  background-color: rgba(200, 200, 200, 0.3); }
  .count-badge, .count-badge:hover {
    border-bottom: none; }
  .count-badge span:first-child {
    margin-right: 5px; }
  .count-badge .icon + span {
    margin-left: .25em; }
  .count-badge img {
    width: 16px;
    margin-right: 5px; }
  .count-badge + span {
    margin-left: .35em; }
  .count-badge .indicator {
    display: none; }
  .count-badge.type-info {
    background-color: #0cd8b6;
    color: #FFF; }
  .count-badge.is-thebuggenie {
    background-color: #0cd8b6;
    color: #FFF; }
  .count-badge.developer {
    background-color: #00adc7;
    color: #FFF; }
  .count-badge.username {
    background-color: #00adc7;
    color: #FFF;
    font-size: 1em; }
  .count-badge.is-pachno {
    background-color: #00adc7;
    color: #FFF; }
  .count-badge.submitting > span:not(.indicator) {
    display: none; }
  .count-badge.submitting .indicator {
    display: inline-block; }

.form-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  font-size: .85rem;
  flex: 1 1 100%; }
  .form-container.hidden {
    display: none; }
  .form-container form,
  .form-container .form {
    height: 100%;
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    flex-direction: column;
    align-items: stretch; }
    .form-container form .submit-indicator,
    .form-container .form .submit-indicator {
      opacity: 0;
      transition: opacity .25s ease-in-out; }
    .form-container form.hidden,
    .form-container .form.hidden {
      display: none; }
    .form-container form.submitting.form-row > input[type=text].invisible,
    .form-container form.submitting.form-row > input[type=password].invisible,
    .form-container form.submitting.form-row > input[type=email].invisible,
    .form-container form.submitting.form-row > input[type=search].invisible,
    .form-container form.submitting.form-row > input[type=url].invisible,
    .form-container form.submitting.form-row > input[type=password].invisible,
    .form-container form.submitting.form-row > .input.invisible,
    .form-container form.submitting .form-row > input[type=text].invisible,
    .form-container form.submitting .form-row > input[type=password].invisible,
    .form-container form.submitting .form-row > input[type=email].invisible,
    .form-container form.submitting .form-row > input[type=search].invisible,
    .form-container form.submitting .form-row > input[type=url].invisible,
    .form-container form.submitting .form-row > input[type=password].invisible,
    .form-container form.submitting .form-row > .input.invisible,
    .form-container .form.submitting.form-row > input[type=text].invisible,
    .form-container .form.submitting.form-row > input[type=password].invisible,
    .form-container .form.submitting.form-row > input[type=email].invisible,
    .form-container .form.submitting.form-row > input[type=search].invisible,
    .form-container .form.submitting.form-row > input[type=url].invisible,
    .form-container .form.submitting.form-row > input[type=password].invisible,
    .form-container .form.submitting.form-row > .input.invisible,
    .form-container .form.submitting .form-row > input[type=text].invisible,
    .form-container .form.submitting .form-row > input[type=password].invisible,
    .form-container .form.submitting .form-row > input[type=email].invisible,
    .form-container .form.submitting .form-row > input[type=search].invisible,
    .form-container .form.submitting .form-row > input[type=url].invisible,
    .form-container .form.submitting .form-row > input[type=password].invisible,
    .form-container .form.submitting .form-row > .input.invisible {
      border: 1px dashed #0c8990; }
      .form-container form.submitting.form-row > input[type=text].invisible + label,
      .form-container form.submitting.form-row > input[type=password].invisible + label,
      .form-container form.submitting.form-row > input[type=email].invisible + label,
      .form-container form.submitting.form-row > input[type=search].invisible + label,
      .form-container form.submitting.form-row > input[type=url].invisible + label,
      .form-container form.submitting.form-row > input[type=password].invisible + label,
      .form-container form.submitting.form-row > .input.invisible + label,
      .form-container form.submitting .form-row > input[type=text].invisible + label,
      .form-container form.submitting .form-row > input[type=password].invisible + label,
      .form-container form.submitting .form-row > input[type=email].invisible + label,
      .form-container form.submitting .form-row > input[type=search].invisible + label,
      .form-container form.submitting .form-row > input[type=url].invisible + label,
      .form-container form.submitting .form-row > input[type=password].invisible + label,
      .form-container form.submitting .form-row > .input.invisible + label,
      .form-container .form.submitting.form-row > input[type=text].invisible + label,
      .form-container .form.submitting.form-row > input[type=password].invisible + label,
      .form-container .form.submitting.form-row > input[type=email].invisible + label,
      .form-container .form.submitting.form-row > input[type=search].invisible + label,
      .form-container .form.submitting.form-row > input[type=url].invisible + label,
      .form-container .form.submitting.form-row > input[type=password].invisible + label,
      .form-container .form.submitting.form-row > .input.invisible + label,
      .form-container .form.submitting .form-row > input[type=text].invisible + label,
      .form-container .form.submitting .form-row > input[type=password].invisible + label,
      .form-container .form.submitting .form-row > input[type=email].invisible + label,
      .form-container .form.submitting .form-row > input[type=search].invisible + label,
      .form-container .form.submitting .form-row > input[type=url].invisible + label,
      .form-container .form.submitting .form-row > input[type=password].invisible + label,
      .form-container .form.submitting .form-row > .input.invisible + label {
        opacity: 0;
        transform: translateY(0); }
    .form-container form.submitting .submit-indicator,
    .form-container .form.submitting .submit-indicator {
      opacity: 1; }
  .form-container .measure {
    display: none; }
  .form-container > .row,
  .form-container .form > .row,
  .form-container form > .row {
    flex-direction: row;
    flex: 0 0 auto;
    display: flex;
    align-items: stretch;
    justify-content: flex-start; }
    .form-container > .row.hidden,
    .form-container .form > .row.hidden,
    .form-container form > .row.hidden {
      display: none; }
    .form-container > .row.centered,
    .form-container .form > .row.centered,
    .form-container form > .row.centered {
      align-items: center;
      justify-content: center; }
    .form-container > .row.aligned .column + .column .form-row,
    .form-container .form > .row.aligned .column + .column .form-row,
    .form-container form > .row.aligned .column + .column .form-row {
      justify-content: center; }
      .form-container > .row.aligned .column + .column .form-row label,
      .form-container .form > .row.aligned .column + .column .form-row label,
      .form-container form > .row.aligned .column + .column .form-row label {
        text-align: center;
        justify-content: center; }
      .form-container > .row.aligned .column + .column .form-row .helper-text,
      .form-container .form > .row.aligned .column + .column .form-row .helper-text,
      .form-container form > .row.aligned .column + .column .form-row .helper-text {
        text-align: center;
        justify-content: center; }
    .form-container > .row.aligned .column:last-child .form-row,
    .form-container .form > .row.aligned .column:last-child .form-row,
    .form-container form > .row.aligned .column:last-child .form-row {
      justify-content: flex-end; }
      .form-container > .row.aligned .column:last-child .form-row label,
      .form-container .form > .row.aligned .column:last-child .form-row label,
      .form-container form > .row.aligned .column:last-child .form-row label {
        text-align: end;
        justify-content: flex-end; }
      .form-container > .row.aligned .column:last-child .form-row .helper-text,
      .form-container .form > .row.aligned .column:last-child .form-row .helper-text,
      .form-container form > .row.aligned .column:last-child .form-row .helper-text {
        text-align: end;
        justify-content: flex-end; }
  .form-container fieldset {
    border: 0;
    border-top: 1px solid rgba(200, 200, 200, 0.8);
    padding: .5em 8em;
    max-width: 80%;
    margin: .5em auto 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    .form-container fieldset legend {
      background-color: transparent;
      border: none;
      display: flex;
      flex-direction: row;
      align-items: center; }
      .form-container fieldset legend span {
        padding: 0 2em; }
  .form-container > .column,
  .form-container > .row > .column,
  .form-container form > .column,
  .form-container form > .row > .column,
  .form-container .form > .column,
  .form-container .form > .row > .column {
    flex: 1 1 50%;
    max-width: 50%;
    min-width: 30%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: flex-start; }
    .form-container > .column.large,
    .form-container > .row > .column.large,
    .form-container form > .column.large,
    .form-container form > .row > .column.large,
    .form-container .form > .column.large,
    .form-container .form > .row > .column.large {
      flex: 1 1 70%;
      max-width: none; }
      .form-container > .column.large + .column,
      .form-container > .row > .column.large + .column,
      .form-container form > .column.large + .column,
      .form-container form > .row > .column.large + .column,
      .form-container .form > .column.large + .column,
      .form-container .form > .row > .column.large + .column {
        flex: 0 1 30%; }
    .form-container > .column.small,
    .form-container > .row > .column.small,
    .form-container form > .column.small,
    .form-container form > .row > .column.small,
    .form-container .form > .column.small,
    .form-container .form > .row > .column.small {
      flex: 0 1 35%; }
      .form-container > .column.small + .column:not(.small),
      .form-container > .row > .column.small + .column:not(.small),
      .form-container form > .column.small + .column:not(.small),
      .form-container form > .row > .column.small + .column:not(.small),
      .form-container .form > .column.small + .column:not(.small),
      .form-container .form > .row > .column.small + .column:not(.small) {
        max-width: none; }
    .form-container > .column.hidden,
    .form-container > .row > .column.hidden,
    .form-container form > .column.hidden,
    .form-container form > .row > .column.hidden,
    .form-container .form > .column.hidden,
    .form-container .form > .row > .column.hidden {
      display: none; }
  .form-container .separator {
    flex: 1 0 60%;
    box-sizing: border-box;
    padding: 0;
    height: .3em;
    width: 60%;
    background: linear-gradient(to right, #00adc7, #0cd8b6);
    border-radius: .25em;
    margin: 2em auto; }
  .form-container .form-row {
    flex: 0 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: stretch;
    align-content: flex-start;
    box-sizing: border-box;
    padding: .5em;
    width: 100%; }
    .form-container .form-row.align-right {
      justify-content: flex-end; }
    .form-container .form-row.hidden {
      display: none; }
      .form-container .form-row.hidden.locked {
        display: flex; }
    .form-container .form-row.featured {
      font-size: 1.1em; }
      .form-container .form-row.featured .helper-text {
        font-size: 1.05em;
        padding: 1em 0; }
    .form-container .form-row h1, .form-container .form-row h2, .form-container .form-row h3, .form-container .form-row h4, .form-container .form-row h5, .form-container .form-row h6 {
      flex: 1 1 100%; }
    .form-container .form-row .textarea_container {
      flex: 1 1 100%; }
    .form-container .form-row.container {
      padding: 0; }
    .form-container .form-row.header {
      justify-content: space-between;
      justify-items: flex-end;
      padding: .5em .5em 0 .5em; }
      .form-container .form-row.header button:first-child:last-child,
      .form-container .form-row.header .button:first-child:last-child {
        margin-left: auto; }
    .form-container .form-row .password-preview {
      font-size: 1.4em; }
    .form-container .form-row.centered {
      justify-content: center; }
      .form-container .form-row.centered input[type=text],
      .form-container .form-row.centered input[type=password],
      .form-container .form-row.centered input[type=email],
      .form-container .form-row.centered input[type=search],
      .form-container .form-row.centered input[type=url],
      .form-container .form-row.centered input[type=number],
      .form-container .form-row.centered .input {
        text-align: center; }
      .form-container .form-row.centered label {
        justify-content: center;
        text-align: center; }
    .form-container .form-row.captcha {
      padding: 2em; }
    .form-container .form-row.unified > input[type=text],
    .form-container .form-row.unified > input[type=password],
    .form-container .form-row.unified > input[type=search],
    .form-container .form-row.unified > input[type=email],
    .form-container .form-row.unified > input[type=url],
    .form-container .form-row.unified > input[type=password],
    .form-container .form-row.unified > .input,
    .form-container .form-row.unified > .fancy-dropdown-container {
      flex: 1 1 auto; }
    .form-container .form-row.unified .fancy-dropdown-container {
      min-width: 20em;
      max-width: 35em; }
    .form-container .form-row.unified button,
    .form-container .form-row.unified .button {
      margin-left: 1em;
      white-space: nowrap;
      flex: 0 0 auto; }
    .form-container .form-row.submit-container {
      margin-top: auto;
      justify-content: space-between;
      justify-items: flex-end;
      padding: .8em; }
      .form-container .form-row.submit-container button:first-child:last-child,
      .form-container .form-row.submit-container .button:first-child:last-child {
        margin-left: auto; }
    .form-container .form-row .error {
      display: none; }
    .form-container .form-row .validate-check {
      display: none; }
    .form-container .form-row.valid .validate-check {
      color: #0cd8b6;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-items: flex-start;
      font-size: 1em;
      flex: 1 1 100%;
      padding: 1em 0; }
      .form-container .form-row.valid .validate-check .icon {
        flex: 0 0 20px;
        margin-right: .25em; }
    .form-container .form-row.invalid .error {
      display: flex;
      flex-direction: row;
      color: #D62246;
      font-size: .9em;
      font-weight: 600;
      flex: 0 0 auto;
      padding: 1em 0;
      width: 100%; }
    .form-container .form-row.invalid > textarea,
    .form-container .form-row.invalid > input[type=text],
    .form-container .form-row.invalid > input[type=password],
    .form-container .form-row.invalid > input[type=email],
    .form-container .form-row.invalid > input[type=search],
    .form-container .form-row.invalid > input[type=url],
    .form-container .form-row.invalid > input[type=password],
    .form-container .form-row.invalid > .input {
      border-color: #D62246;
      background-color: rgba(214, 34, 70, 0.2); }
    .form-container .form-row .explanation {
      flex: 1 1 100%;
      color: #232323;
      padding: .35em 0;
      display: flex; }
    .form-container .form-row.disabled .explanation {
      color: #DDD; }
    .form-container .form-row .helper-text {
      flex: 1 1 100%;
      color: #999999;
      padding: .5em;
      display: flex;
      flex-direction: row;
      align-items: center;
      font-weight: 300;
      text-align: left; }
      .form-container .form-row .helper-text img {
        flex: 0 0 100px;
        width: 100px;
        margin-right: 1em; }
      .form-container .form-row .helper-text .far,
      .form-container .form-row .helper-text .fas {
        margin-right: .35rem; }
    .form-container .form-row .grid {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      flex-wrap: wrap; }
      .form-container .form-row .grid label {
        margin-right: 1.2em; }
    .form-container .form-row .image-grid label {
      margin: .5em;
      padding: .75em 1em;
      display: inline-block;
      box-sizing: border-box;
      background-color: transparent;
      border-radius: .5em;
      border: 1px solid transparent; }
      .form-container .form-row .image-grid label:hover {
        background-color: rgba(100, 100, 100, 0.1); }
      .form-container .form-row .image-grid label img {
        width: 40px;
        height: 40px; }
    .form-container .form-row .image-grid input {
      display: none; }
    .form-container .form-row .image-grid input:checked + label {
      border-color: #0c8990; }
    .form-container .form-row .image-container {
      padding: .5em 1.5em .5em .5em; }
      .form-container .form-row .image-container img {
        max-width: 40px; }
    .form-container .form-row > .list-mode {
      width: 100%; }
    .form-container .form-row > label:not(.button) {
      flex: 1 1 100%;
      display: flex;
      flex-direction: row;
      align-items: center;
      transition: color .25s ease-in-out;
      font-weight: 600;
      margin: 0;
      padding: 2px;
      cursor: pointer;
      text-transform: none;
      color: #888;
      font-size: .9em; }
      .form-container .form-row > label:not(.button) > span {
        flex: 0 0 auto;
        display: flex;
        align-items: center; }
        .form-container .form-row > label:not(.button) > span + span {
          margin-left: .35rem; }
        .form-container .form-row > label:not(.button) > span.required-indicator {
          display: none; }
      .form-container .form-row > label:not(.button).required {
        font-weight: 700; }
        .form-container .form-row > label:not(.button).required .required-indicator {
          display: inline-flex; }
      .form-container .form-row > label:not(.button) a,
      .form-container .form-row > label:not(.button) a:hover {
        margin: 0 .35em; }
      .form-container .form-row > label:not(.button) .icon {
        flex: 0 0 20px;
        font-size: 1.1em;
        margin-right: .25em; }
    .form-container .form-row textarea,
    .form-container .form-row input[type=text],
    .form-container .form-row input[type=password],
    .form-container .form-row input[type=search],
    .form-container .form-row input[type=url],
    .form-container .form-row input[type=password],
    .form-container .form-row input[type=email],
    .form-container .form-row .input {
      flex: 1 1 100%;
      padding: .65em .15em .25em .15em;
      font-size: 1.1em;
      box-sizing: border-box;
      font-weight: 300; }
      .form-container .form-row textarea.invisible,
      .form-container .form-row input[type=text].invisible,
      .form-container .form-row input[type=password].invisible,
      .form-container .form-row input[type=search].invisible,
      .form-container .form-row input[type=url].invisible,
      .form-container .form-row input[type=password].invisible,
      .form-container .form-row input[type=email].invisible,
      .form-container .form-row .input.invisible {
        background-color: transparent;
        border: 1px solid transparent;
        border-radius: 4px;
        padding: .35rem;
        flex: 1 1 auto; }
        .form-container .form-row textarea.invisible.title,
        .form-container .form-row input[type=text].invisible.title,
        .form-container .form-row input[type=password].invisible.title,
        .form-container .form-row input[type=search].invisible.title,
        .form-container .form-row input[type=url].invisible.title,
        .form-container .form-row input[type=password].invisible.title,
        .form-container .form-row input[type=email].invisible.title,
        .form-container .form-row .input.invisible.title {
          font-weight: 400; }
        .form-container .form-row textarea.invisible.inline,
        .form-container .form-row input[type=text].invisible.inline,
        .form-container .form-row input[type=password].invisible.inline,
        .form-container .form-row input[type=search].invisible.inline,
        .form-container .form-row input[type=url].invisible.inline,
        .form-container .form-row input[type=password].invisible.inline,
        .form-container .form-row input[type=email].invisible.inline,
        .form-container .form-row .input.invisible.inline {
          flex: 0 0 auto; }
        .form-container .form-row textarea.invisible + label,
        .form-container .form-row input[type=text].invisible + label,
        .form-container .form-row input[type=password].invisible + label,
        .form-container .form-row input[type=search].invisible + label,
        .form-container .form-row input[type=url].invisible + label,
        .form-container .form-row input[type=password].invisible + label,
        .form-container .form-row input[type=email].invisible + label,
        .form-container .form-row .input.invisible + label {
          opacity: 0;
          transform: translateY(-100%);
          margin-bottom: -1.8em; }
        .form-container .form-row textarea.invisible:hover,
        .form-container .form-row input[type=text].invisible:hover,
        .form-container .form-row input[type=password].invisible:hover,
        .form-container .form-row input[type=search].invisible:hover,
        .form-container .form-row input[type=url].invisible:hover,
        .form-container .form-row input[type=password].invisible:hover,
        .form-container .form-row input[type=email].invisible:hover,
        .form-container .form-row .input.invisible:hover {
          border: 1px solid transparent;
          background-color: rgba(0, 0, 0, 0.05);
          cursor: pointer; }
        .form-container .form-row textarea.invisible:focus,
        .form-container .form-row input[type=text].invisible:focus,
        .form-container .form-row input[type=password].invisible:focus,
        .form-container .form-row input[type=search].invisible:focus,
        .form-container .form-row input[type=url].invisible:focus,
        .form-container .form-row input[type=password].invisible:focus,
        .form-container .form-row input[type=email].invisible:focus,
        .form-container .form-row .input.invisible:focus {
          background: #FFF;
          border-color: #0c8990; }
          .form-container .form-row textarea.invisible:focus.with-label,
          .form-container .form-row input[type=text].invisible:focus.with-label,
          .form-container .form-row input[type=password].invisible:focus.with-label,
          .form-container .form-row input[type=search].invisible:focus.with-label,
          .form-container .form-row input[type=url].invisible:focus.with-label,
          .form-container .form-row input[type=password].invisible:focus.with-label,
          .form-container .form-row input[type=email].invisible:focus.with-label,
          .form-container .form-row .input.invisible:focus.with-label {
            padding-bottom: 2rem; }
          .form-container .form-row textarea.invisible:focus:hover,
          .form-container .form-row input[type=text].invisible:focus:hover,
          .form-container .form-row input[type=password].invisible:focus:hover,
          .form-container .form-row input[type=search].invisible:focus:hover,
          .form-container .form-row input[type=url].invisible:focus:hover,
          .form-container .form-row input[type=password].invisible:focus:hover,
          .form-container .form-row input[type=email].invisible:focus:hover,
          .form-container .form-row .input.invisible:focus:hover {
            cursor: text; }
          .form-container .form-row textarea.invisible:focus + label,
          .form-container .form-row input[type=text].invisible:focus + label,
          .form-container .form-row input[type=password].invisible:focus + label,
          .form-container .form-row input[type=search].invisible:focus + label,
          .form-container .form-row input[type=url].invisible:focus + label,
          .form-container .form-row input[type=password].invisible:focus + label,
          .form-container .form-row input[type=email].invisible:focus + label,
          .form-container .form-row .input.invisible:focus + label {
            display: none; }
      .form-container .form-row textarea.name-input-enhance,
      .form-container .form-row input[type=text].name-input-enhance,
      .form-container .form-row input[type=password].name-input-enhance,
      .form-container .form-row input[type=search].name-input-enhance,
      .form-container .form-row input[type=url].name-input-enhance,
      .form-container .form-row input[type=password].name-input-enhance,
      .form-container .form-row input[type=email].name-input-enhance,
      .form-container .form-row .input.name-input-enhance {
        font-size: 1.4em;
        padding: .5em .3em;
        font-weight: 400; }
        .form-container .form-row textarea.name-input-enhance:not(.invisible),
        .form-container .form-row input[type=text].name-input-enhance:not(.invisible),
        .form-container .form-row input[type=password].name-input-enhance:not(.invisible),
        .form-container .form-row input[type=search].name-input-enhance:not(.invisible),
        .form-container .form-row input[type=url].name-input-enhance:not(.invisible),
        .form-container .form-row input[type=password].name-input-enhance:not(.invisible),
        .form-container .form-row input[type=email].name-input-enhance:not(.invisible),
        .form-container .form-row .input.name-input-enhance:not(.invisible) {
          border-bottom-width: 2px; }
      .form-container .form-row textarea.code-input-6,
      .form-container .form-row input[type=text].code-input-6,
      .form-container .form-row input[type=password].code-input-6,
      .form-container .form-row input[type=search].code-input-6,
      .form-container .form-row input[type=url].code-input-6,
      .form-container .form-row input[type=password].code-input-6,
      .form-container .form-row input[type=email].code-input-6,
      .form-container .form-row .input.code-input-6 {
        max-width: 10rem; }
      .form-container .form-row textarea.number, .form-container .form-row textarea.prefix-and-key, .form-container .form-row textarea:not(.invisible).number,
      .form-container .form-row input[type=text].number,
      .form-container .form-row input[type=text].prefix-and-key,
      .form-container .form-row input[type=text]:not(.invisible).number,
      .form-container .form-row input[type=password].number,
      .form-container .form-row input[type=password].prefix-and-key,
      .form-container .form-row input[type=password]:not(.invisible).number,
      .form-container .form-row input[type=search].number,
      .form-container .form-row input[type=search].prefix-and-key,
      .form-container .form-row input[type=search]:not(.invisible).number,
      .form-container .form-row input[type=url].number,
      .form-container .form-row input[type=url].prefix-and-key,
      .form-container .form-row input[type=url]:not(.invisible).number,
      .form-container .form-row input[type=password].number,
      .form-container .form-row input[type=password].prefix-and-key,
      .form-container .form-row input[type=password]:not(.invisible).number,
      .form-container .form-row input[type=email].number,
      .form-container .form-row input[type=email].prefix-and-key,
      .form-container .form-row input[type=email]:not(.invisible).number,
      .form-container .form-row .input.number,
      .form-container .form-row .input.prefix-and-key,
      .form-container .form-row .input:not(.invisible).number {
        width: 10rem;
        flex: 0 0 auto; }
        .form-container .form-row textarea.number.small, .form-container .form-row textarea.prefix-and-key.small, .form-container .form-row textarea:not(.invisible).number.small,
        .form-container .form-row input[type=text].number.small,
        .form-container .form-row input[type=text].prefix-and-key.small,
        .form-container .form-row input[type=text]:not(.invisible).number.small,
        .form-container .form-row input[type=password].number.small,
        .form-container .form-row input[type=password].prefix-and-key.small,
        .form-container .form-row input[type=password]:not(.invisible).number.small,
        .form-container .form-row input[type=search].number.small,
        .form-container .form-row input[type=search].prefix-and-key.small,
        .form-container .form-row input[type=search]:not(.invisible).number.small,
        .form-container .form-row input[type=url].number.small,
        .form-container .form-row input[type=url].prefix-and-key.small,
        .form-container .form-row input[type=url]:not(.invisible).number.small,
        .form-container .form-row input[type=password].number.small,
        .form-container .form-row input[type=password].prefix-and-key.small,
        .form-container .form-row input[type=password]:not(.invisible).number.small,
        .form-container .form-row input[type=email].number.small,
        .form-container .form-row input[type=email].prefix-and-key.small,
        .form-container .form-row input[type=email]:not(.invisible).number.small,
        .form-container .form-row .input.number.small,
        .form-container .form-row .input.prefix-and-key.small,
        .form-container .form-row .input:not(.invisible).number.small {
          width: 5rem; }
      .form-container .form-row textarea.version,
      .form-container .form-row input[type=text].version,
      .form-container .form-row input[type=password].version,
      .form-container .form-row input[type=search].version,
      .form-container .form-row input[type=url].version,
      .form-container .form-row input[type=password].version,
      .form-container .form-row input[type=email].version,
      .form-container .form-row .input.version {
        width: 3em;
        flex: 0 0 auto;
        min-width: 3em; }
      .form-container .form-row textarea.medium, .form-container .form-row textarea:not(.invisible).medium,
      .form-container .form-row input[type=text].medium,
      .form-container .form-row input[type=text]:not(.invisible).medium,
      .form-container .form-row input[type=password].medium,
      .form-container .form-row input[type=password]:not(.invisible).medium,
      .form-container .form-row input[type=search].medium,
      .form-container .form-row input[type=search]:not(.invisible).medium,
      .form-container .form-row input[type=url].medium,
      .form-container .form-row input[type=url]:not(.invisible).medium,
      .form-container .form-row input[type=password].medium,
      .form-container .form-row input[type=password]:not(.invisible).medium,
      .form-container .form-row input[type=email].medium,
      .form-container .form-row input[type=email]:not(.invisible).medium,
      .form-container .form-row .input.medium,
      .form-container .form-row .input:not(.invisible).medium {
        width: 20rem;
        flex: 0 0 auto; }
      .form-container .form-row textarea:focus + label,
      .form-container .form-row textarea:active + label,
      .form-container .form-row input[type=text]:focus + label,
      .form-container .form-row input[type=text]:active + label,
      .form-container .form-row input[type=password]:focus + label,
      .form-container .form-row input[type=password]:active + label,
      .form-container .form-row input[type=search]:focus + label,
      .form-container .form-row input[type=search]:active + label,
      .form-container .form-row input[type=url]:focus + label,
      .form-container .form-row input[type=url]:active + label,
      .form-container .form-row input[type=password]:focus + label,
      .form-container .form-row input[type=password]:active + label,
      .form-container .form-row input[type=email]:focus + label,
      .form-container .form-row input[type=email]:active + label,
      .form-container .form-row .input:focus + label,
      .form-container .form-row .input:active + label {
        color: #0c8990; }
    .form-container .form-row.search-container input[type=search] {
      flex: 1 1 auto;
      margin-right: 1em;
      font-size: 1.25em;
      padding: .5em .2em;
      border-bottom-width: 2px; }
      .form-container .form-row.search-container input[type=search] + button {
        flex: 0 0 auto; }
    .form-container .form-row .message {
      flex: 1 1 auto;
      margin-right: 1em; }
      .form-container .form-row .message h1, .form-container .form-row .message h2, .form-container .form-row .message h3, .form-container .form-row .message h4, .form-container .form-row .message h5, .form-container .form-row .message h6 {
        font-weight: 400;
        font-size: 1.1em; }
      .form-container .form-row .message + button {
        flex: 0 0 auto; }
    .form-container .form-row.add-placeholder > .icon {
      color: rgba(0, 0, 0, 0.4); }
      .form-container .form-row.add-placeholder > .icon + textarea,
      .form-container .form-row.add-placeholder > .icon + input[type=text],
      .form-container .form-row.add-placeholder > .icon + input[type=password],
      .form-container .form-row.add-placeholder > .icon + input[type=url],
      .form-container .form-row.add-placeholder > .icon + input[type=password] {
        flex: 1 1 calc(100% - 55px);
        margin-left: 1em; }
    .form-container .form-row > textarea {
      padding: .3em .7em;
      border-radius: 4px;
      min-height: 10em; }
    .form-container .form-row > .fancy-dropdown-container {
      flex: 1 1 100%; }
      .form-container .form-row > .fancy-dropdown-container .fancy-dropdown > .value {
        flex: 1 1 auto;
        max-width: none; }
      .form-container .form-row > .fancy-dropdown-container .fancy-dropdown.embedded {
        background: white;
        border-color: rgba(200, 200, 200, 0.3); }
        .form-container .form-row > .fancy-dropdown-container .fancy-dropdown.embedded:hover {
          border-color: #0c8990;
          cursor: pointer; }
        .form-container .form-row > .fancy-dropdown-container .fancy-dropdown.embedded.active {
          border-color: #0c8990; }
      .form-container .form-row > .fancy-dropdown-container .fancy-dropdown.invisible:not(.embedded) {
        background-color: transparent; }
        .form-container .form-row > .fancy-dropdown-container .fancy-dropdown.invisible:not(.embedded):hover {
          background-color: rgba(225, 225, 225, 0.2); }
      .form-container .form-row > .fancy-dropdown-container .fancy-dropdown.invisible.active, .form-container .form-row > .fancy-dropdown-container .fancy-dropdown.invisible.active:hover {
        border: 2px solid #0c8990; }

.feature-box {
  background-color: #FFF;
  box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
  border-radius: 4px;
  padding: 1em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: stretch;
  color: #232323;
  transition: transform .25s ease-in-out, background .25s ease-in-out; }
  .feature-box.branding {
    background: linear-gradient(145deg, #00adc7, #0cd8b6) repeat;
    color: #FFF; }
    .feature-box.branding:hover {
      color: #FFF; }
    .feature-box.branding .button.secondary {
      border-color: #FFF;
      color: #FFF; }
      .feature-box.branding .button.secondary:not([disabled]) {
        color: #FFF; }
  .feature-box:is(a) {
    text-decoration: none;
    border: none; }
    .feature-box:is(a):hover {
      color: #232323;
      box-shadow: rgba(99, 99, 99, 0.2) 0 4px 10px 0;
      transform: translateY(-2px); }
  .feature-box .image {
    flex: 0 0 100px;
    max-width: 100px;
    width: 100px;
    display: flex;
    align-items: center;
    justify-items: center;
    justify-content: center;
    margin: 0 auto; }
    .feature-box .image.avatar {
      border-radius: 1em;
      overflow: hidden; }
      .feature-box .image.avatar img {
        border-radius: 1em; }
    .feature-box .image img {
      width: 100%;
      max-width: 100px;
      margin: 1.5em; }
      .feature-box .image img[data-zoomable] {
        cursor: zoom-in; }
    .feature-box .image.zoomed {
      position: fixed;
      height: 100%;
      width: 100%;
      max-width: none;
      left: 0;
      top: 0;
      background: rgba(255, 255, 255, 0.85);
      display: flex;
      align-items: center;
      align-content: center;
      justify-content: center; }
      .feature-box .image.zoomed img {
        width: auto;
        margin: 5em auto 0 auto;
        cursor: zoom-out;
        max-width: 50vw;
        border-radius: .5em;
        box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0; }
  .feature-box .details {
    padding: 0 0 0 1em;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    align-content: stretch;
    font-size: 1em; }
    .feature-box .details .title {
      font-size: 1.35em;
      font-weight: 700;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      align-content: center;
      justify-content: flex-start; }
      .feature-box .details .title .count-badge {
        font-size: .75em;
        font-weight: 400; }
    .feature-box .details .information {
      font-weight: 400;
      font-size: 1.1em;
      line-height: 1.5em;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      align-content: stretch;
      justify-content: flex-start; }
      .feature-box .details .information label {
        font-weight: 600;
        color: #00adc7; }
      .feature-box .details .information input[type=text] {
        width: 100%; }
    .feature-box .details ul {
      color: #232323;
      display: flex;
      list-style: none;
      margin: 0;
      padding: 0;
      flex-direction: column;
      align-items: flex-start;
      justify-content: stretch; }
      .feature-box .details ul li {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start; }
        .feature-box .details ul li label {
          color: #00adc7;
          min-width: 15em;
          font-weight: 700; }
  .feature-box .action-buttons {
    display: flex;
    align-items: center;
    justify-items: center;
    justify-content: center;
    flex: 0 0 auto;
    padding: 1em;
    font-size: 1.15em; }

.features-list {
  display: flex;
  flex: 1 1 100%;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
  padding: 2em 0 0 0;
  width: 100%;
  margin: 1.5em auto; }
  .features-list .feature-box {
    margin-bottom: 1em; }
  .features-list .more-container {
    flex: 1 1 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    padding: 2em;
    font-size: 1.2em; }

.features-grid {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 2em 0 0 0;
  margin: 0; }
  .features-grid.centered {
    margin: 0 auto; }
  .features-grid .feature-box {
    flex-direction: column;
    align-items: center;
    justify-content: stretch;
    flex: 1 1 33%;
    max-width: 350px;
    min-width: 250px;
    margin: .5em; }
    .features-grid .feature-box .image {
      width: 100%;
      max-width: 185px;
      flex: 0 0 auto;
      padding: 1.5em; }
      .features-grid .feature-box .image img {
        width: 80%; }
    .features-grid .feature-box .details {
      align-items: center;
      justify-content: center;
      justify-items: center;
      padding-left: 0;
      flex: 0 0 auto; }
      .features-grid .feature-box .details .title {
        margin: 1em 0;
        text-align: center;
        flex-direction: column;
        align-items: center; }
        .features-grid .feature-box .details .title .count-badge {
          margin-top: .35em; }
      .features-grid .feature-box .details .information {
        text-align: center; }
        .features-grid .feature-box .details .information.quoted {
          font-style: italic;
          font-weight: 300;
          font-size: 1.3em;
          line-height: 1.65em;
          padding: 1em; }
        .features-grid .feature-box .details .information.description {
          text-align: left;
          font-size: 1.2em;
          line-height: 1.6em;
          padding: 1.5em; }
    .features-grid .feature-box .action-buttons {
      margin: 1em;
      font-size: 1.2em;
      display: flex;
      flex-direction: column; }
      .features-grid .feature-box .action-buttons .button + .button {
        margin-top: 1em; }
    .features-grid .feature-box .rating {
      font-size: 1.2em;
      display: flex;
      flex-direction: row;
      align-content: center;
      justify-content: center;
      padding: 0 0 .75em 0; }
      .features-grid .feature-box .rating.hidden {
        display: none; }
  .features-grid.centered {
    margin-left: auto;
    margin-right: auto; }
  .features-grid.wide .feature-box {
    max-width: 650px;
    min-width: 400px;
    align-items: stretch; }
    .features-grid.wide .feature-box .details {
      align-items: stretch; }
  .features-grid + .features-list {
    margin-top: 0; }
  .features-grid .more-container {
    flex: 1 1 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    padding: 2em;
    font-size: 1.2em; }

.feature-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: stretch;
  box-sizing: border-box;
  width: auto;
  flex: 1 1 auto;
  max-width: 1200px;
  margin: 0 auto; }
  .feature-container + .feature-container {
    margin-top: 7em; }
  .feature-container .text-container {
    flex: 0 0 42%;
    padding: 0 1em;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box; }
    .feature-container .text-container h1 {
      font-family: "DM Sans", sans-serif;
      font-weight: 700;
      font-size: 2em; }
    .feature-container .text-container .description {
      font-size: 1.25em;
      line-height: 1.75em;
      font-weight: 400;
      padding: 1.5em 0;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      background: rgba(255, 255, 255, 0.7);
      border-radius: 10px; }
    .feature-container .text-container .action-buttons {
      font-weight: 400;
      font-size: 1.1em;
      line-height: 1.5em; }
  .feature-container .image-container {
    flex: 0 0 58%;
    padding: 0 0 0 2em;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    box-sizing: border-box; }
    .feature-container .image-container img {
      flex: 1 1 100%;
      margin: 0 0 0 1em;
      width: 100%; }
      .feature-container .image-container img[data-zoomable] {
        cursor: zoom-in; }
    .feature-container .image-container:first-child {
      padding: 0 2em 0 0; }
      .feature-container .image-container:first-child img {
        margin: 0 1em 0 0; }
    .feature-container .image-container.screenshot {
      justify-content: flex-end; }
      .feature-container .image-container.screenshot:first-child {
        justify-content: flex-start; }
      .feature-container .image-container.screenshot img {
        flex: 0 1 80%;
        width: 80%;
        border-radius: .5em;
        box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0; }
      .feature-container .image-container.screenshot.zoomed {
        position: fixed;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        background: rgba(255, 255, 255, 0.85);
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: center; }
        .feature-container .image-container.screenshot.zoomed img {
          width: auto;
          margin: 5em auto 0 auto;
          cursor: zoom-out;
          max-width: 50vw; }

.message-box {
  display: flex;
  width: calc(100% - 20px);
  box-sizing: border-box;
  margin: 10px;
  padding: 10px;
  border: none;
  align-items: center;
  border-radius: 5px;
  font-weight: 600; }
  .message-box.hidden {
    display: none; }
  .message-box.type-error {
    background-color: #AF3E4D;
    color: #FFF; }
    .message-box.type-error .message {
      color: white; }
  .message-box.type-warning {
    background-color: #F4D58D;
    color: #232323; }
  .message-box.type-info {
    border-color: transparent;
    color: #FFF;
    background: #0cd8b6; }
    .message-box.type-info .command_box {
      background-color: rgba(100, 100, 100, 0.3); }
  .message-box a, .message-box a:hover {
    color: #FFF;
    border-color: #FFF;
    text-decoration-color: #FFF; }
  .message-box .fas,
  .message-box .fab,
  .message-box .far {
    margin-right: 5px; }
    .message-box .fas.icon.large,
    .message-box .fab.icon.large,
    .message-box .far.icon.large {
      font-size: 2.4em;
      margin-right: .5em; }
  .message-box .title {
    flex: 1 1 auto;
    font-size: 1.1em;
    font-weight: 600; }
  .message-box .message {
    flex: 1 1 auto;
    font-size: 1em;
    display: flex;
    flex-direction: column; }
    .message-box .message + .actions {
      margin-left: 10px; }
  .message-box .actions {
    flex: 0 0 auto;
    flex-direction: column;
    align-items: flex-end; }
    .message-box .actions .button.secondary {
      background-color: rgba(255, 255, 255, 0.2);
      color: #FFF;
      border: 1px solid transparent; }
      .message-box .actions .button.secondary:hover {
        border-color: rgba(255, 255, 255, 0.4); }
  .message-box .image-container {
    flex: 0 0 60px;
    box-sizing: border-box;
    padding: 0 1em 0 .5em; }
    .message-box .image-container img {
      width: 100%;
      height: auto; }
  .message-box .command_box {
    font-size: .85em; }
  .message-box ul {
    margin: 0;
    padding: 0; }
    .message-box ul li {
      margin: 0; }
      .message-box ul li:not(.command_box) {
        padding: 0; }
      .message-box ul li + li {
        margin-left: .25em; }

.gallery {
  display: flex;
  align-items: center;
  justify-content: space-around;
  align-content: center;
  margin: 2em; }
  .gallery .image-container {
    display: flex;
    flex-direction: column;
    flex: 0 0 33%;
    width: 33%;
    align-items: flex-start; }
    .gallery .image-container img {
      cursor: zoom-in;
      width: 100%;
      border-radius: .5em;
      box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0; }
    .gallery .image-container.zoomed {
      position: fixed;
      height: 100%;
      width: 100%;
      left: 0;
      top: 0;
      background: rgba(255, 255, 255, 0.85);
      display: flex;
      align-items: center;
      align-content: center;
      justify-content: center; }
      .gallery .image-container.zoomed img {
        width: auto;
        margin: 5em auto 0 auto;
        cursor: zoom-out;
        max-width: 50vw; }
    .gallery .image-container .description {
      font-size: 1.1em;
      line-height: 1.45em;
      padding: 1.5em;
      text-align: center; }

.page-content-container.addon h1 {
  font-size: 1.85em;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-content: flex-start;
  justify-content: center; }
  .page-content-container.addon h1 > span {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start; }
    .page-content-container.addon h1 > span .information {
      font-size: .6em; }
      .page-content-container.addon h1 > span .information .count-badge {
        margin: 0 .25em 0 0; }
        .page-content-container.addon h1 > span .information .count-badge.status {
          background-color: #00adc7;
          color: #FFF; }
    .page-content-container.addon h1 > span.actions-container {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-end;
      font-size: .6em;
      flex: 0 0 auto;
      margin-left: auto;
      font-weight: 400; }

.page-content-container.addon h2 + .features-list {
  margin-top: 0;
  padding-top: 0; }

.main-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
  box-sizing: border-box;
  color: #232323; }
  .main-container * {
    box-sizing: border-box; }
  .main-container .header-navigation {
    padding: 2em;
    font-size: 1em;
    flex: 0 0 auto;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    box-sizing: border-box; }
    .main-container .header-navigation .logo {
      text-decoration: none;
      border: none;
      color: #232323;
      flex: 0 0 auto;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      font-size: 2em;
      font-family: "DM Sans", sans-serif;
      font-weight: 700; }
      .main-container .header-navigation .logo .logo-image {
        display: flex;
        flex: 0 0 2em;
        padding-right: .5em; }
        .main-container .header-navigation .logo .logo-image img {
          width: 52px;
          height: 52px; }
    .main-container .header-navigation .menu {
      margin-left: auto;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start; }
      .main-container .header-navigation .menu a:not(.button):not(.list-item), .main-container .header-navigation .menu a:not(.button):not(.list-item):hover {
        font-size: 1.07em;
        color: #676767;
        border: none;
        text-decoration: none;
        font-weight: 400;
        padding: 1em 2em; }
        .main-container .header-navigation .menu a:not(.button):not(.list-item).selected, .main-container .header-navigation .menu a:not(.button):not(.list-item):hover.selected {
          color: #0cd8b6;
          font-weight: 600; }
      .main-container .header-navigation .menu a.button.secondary.highlight, .main-container .header-navigation .menu a.button.secondary.highlight:hover {
        color: #0cd8b6;
        border-color: #0cd8b6; }
      .main-container .header-navigation .menu a.list-item, .main-container .header-navigation .menu a.list-item:hover {
        font-size: 1.1em;
        padding: .75em 1.5em; }
  .main-container .landing-page-container {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    padding: 0; }
    .main-container .landing-page-container .intro-container {
      width: 100%;
      max-width: 1200px;
      margin: 10vh auto 0 auto;
      padding: 0 2em;
      display: flex;
      align-items: flex-start;
      flex-direction: column;
      font-family: "Fira Sans", "Open Sans", sans-serif;
      z-index: 1; }
      .main-container .landing-page-container .intro-container .slogan {
        font-family: "DM Sans", sans-serif;
        font-weight: 700;
        font-size: 2.9em; }
      .main-container .landing-page-container .intro-container .introduction-text {
        font-size: 1.25em;
        line-height: 1.75em;
        font-weight: 400;
        width: 35em;
        padding: 1.5em 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        background: rgba(255, 255, 255, 0.9);
        border-radius: 10px 10px 0 0; }
      .main-container .landing-page-container .intro-container .action-buttons {
        display: flex;
        flex-direction: row;
        padding: .5em 0;
        align-items: center;
        font-size: 1.2em;
        background: rgba(255, 255, 255, 0.9);
        border-radius: 0 0 10px 10px;
        width: 35em; }
  .main-container .highlight {
    border-bottom: 2px solid #00adc7;
    display: inline-flex;
    align-items: center; }
    .main-container .highlight .icon {
      margin: 0 .5em; }
  .main-container .landing-page-background-image {
    max-width: 60vw;
    position: absolute;
    bottom: 20%;
    right: 10%; }
    .main-container .landing-page-background-image img {
      width: 100%; }
  .main-container .contact-container {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    font-size: 1.1em;
    line-height: 1.65em;
    width: 100%; }
  .main-container .page-container {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    padding: 0 3em; }
    .main-container .page-container .container-separator {
      display: block;
      width: 60%;
      max-width: 800px;
      height: .35em;
      background: linear-gradient(to right, #00adc7, #0cd8b6);
      border-radius: .25em;
      margin: 5em auto; }
      .main-container .page-container .container-separator + .contact-container,
      .main-container .page-container .container-separator + .features-list,
      .main-container .page-container .container-separator + .page-content-container,
      .main-container .page-container .container-separator + h3, .main-container .page-container .container-separator + h2, .main-container .page-container .container-separator + h1 {
        margin-top: 0;
        padding-top: 0; }
        .main-container .page-container .container-separator + .contact-container h1:first-child,
        .main-container .page-container .container-separator + .contact-container h2:first-child,
        .main-container .page-container .container-separator + .features-list h1:first-child,
        .main-container .page-container .container-separator + .features-list h2:first-child,
        .main-container .page-container .container-separator + .page-content-container h1:first-child,
        .main-container .page-container .container-separator + .page-content-container h2:first-child,
        .main-container .page-container .container-separator + h3 h1:first-child,
        .main-container .page-container .container-separator + h3 h2:first-child, .main-container .page-container .container-separator + h2 h1:first-child,
        .main-container .page-container .container-separator + h2 h2:first-child, .main-container .page-container .container-separator + h1 h1:first-child,
        .main-container .page-container .container-separator + h1 h2:first-child {
          margin-top: 0;
          padding-top: 0; }
    .main-container .page-container .page-content-container {
      width: 100%;
      max-width: 1200px;
      margin: 2vh auto 0 auto;
      display: flex;
      align-items: flex-start;
      flex-direction: column; }
      .main-container .page-container .page-content-container + .page-content-container {
        margin-top: 7vh; }
      .main-container .page-container .page-content-container .flexible-table {
        width: 100%; }
        .main-container .page-container .page-content-container .flexible-table .trigger-file-upload {
          margin: 2em auto; }
      .main-container .page-container .page-content-container p,
      .main-container .page-container .page-content-container > ul > li {
        font-family: "Fira Sans", "Open Sans", sans-serif;
        font-size: 1.1em;
        line-height: 1.75em; }
      .main-container .page-container .page-content-container a:not(.feature-box), .main-container .page-container .page-content-container a:not(.feature-box):hover {
        display: inline-flex;
        flex-direction: row;
        align-items: center; }
  .main-container footer {
    flex: 0 0 auto;
    width: 100%;
    max-width: 1200px;
    margin: 10vh auto 0 auto;
    display: flex;
    align-items: flex-end;
    flex-direction: row;
    padding: 1em 2em; }
    .main-container footer .copyright {
      font-weight: 600;
      color: rgba(0, 0, 0, 0.2); }
    .main-container footer .license {
      margin-left: auto;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.2); }

@media screen and (max-height: 800px) {
  #main-container .landing-page-container .landing-page-background-image {
    max-width: 50vw;
    bottom: 15%;
    right: 7%; } }

@media screen and (max-width: 800px) {
  #main-container .header-navigation {
    padding: 1em; }
    #main-container .header-navigation .logo {
      font-size: 1.5em; }
      #main-container .header-navigation .logo .logo-image {
        flex: 0 0 1.5em; }
        #main-container .header-navigation .logo .logo-image img {
          width: 30px;
          height: 30px; }
    #main-container .header-navigation .menu {
      flex-direction: column;
      align-items: flex-end;
      justify-content: flex-end; }
      #main-container .header-navigation .menu a, #main-container .header-navigation .menu a:hover {
        padding: .25em;
        color: #00adc7;
        border-bottom: 2px solid #00adc7; }
        #main-container .header-navigation .menu a.selected, #main-container .header-navigation .menu a:hover.selected {
          color: #0cd8b6;
          border-bottom: 2px solid #0cd8b6; }
        #main-container .header-navigation .menu a + a, #main-container .header-navigation .menu a:hover + a {
          margin-top: .5em; }
  #main-container .landing-page-container .intro-container {
    padding: 0 1.5em; }
    #main-container .landing-page-container .intro-container .introduction-text {
      max-width: calc(100vw - 3em); }
  #main-container .landing-page-container .landing-page-background-image {
    max-width: 80vw;
    position: relative;
    margin-left: 10vw;
    bottom: auto;
    right: auto;
    margin-top: 5em; }
  #main-container .page-container {
    padding: 2em 1.5em; }
  #main-container footer {
    padding: 1.5em;
    font-size: .9em;
    flex-direction: column; } }

.centered-container {
  text-align: left; }
  .centered-container p {
    margin: 0 auto;
    text-align: left; }
    .centered-container p ~ p {
      margin-top: 2em; }
  .centered-container .form-container {
    margin: 0 auto; }
  .centered-container h2 {
    margin: 2em auto 0 auto;
    max-width: 750px;
    font-size: 1.6em; }
  .centered-container .features-grid {
    margin-left: auto;
    margin-right: auto; }
    .centered-container .features-grid.hosting {
      max-width: 750px;
      width: 100%;
      margin: 1.5em auto; }
    .centered-container .features-grid.plans {
      max-width: none; }
      .centered-container .features-grid.plans .feature-box {
        max-width: 250px; }
        .centered-container .features-grid.plans .feature-box .details .title .name {
          font-size: 1.3em; }
        .centered-container .features-grid.plans .feature-box .details .title .price {
          font-weight: 400; }
        .centered-container .features-grid.plans .feature-box .details ul {
          align-items: center; }
          .centered-container .features-grid.plans .feature-box .details ul li {
            justify-content: center;
            font-size: 1.1em; }
            .centered-container .features-grid.plans .feature-box .details ul li + li {
              margin-top: .35em; }
            .centered-container .features-grid.plans .feature-box .details ul li label {
              font-size: 1.2em;
              min-width: 0; }
    .centered-container .features-grid + .features-list {
      margin-top: 0;
      padding-top: 1em; }
  .centered-container .features-list {
    max-width: 750px; }
  .centered-container .buttons-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 1em auto;
    font-size: 1.1em; }

.icon.heart {
  margin-left: .5em;
  color: #d60094; }

.icon.rating {
  margin: 0;
  color: #d6a928; }

.command_box {
  font-family: "Fira Mono", monospace;
  font-size: 1em;
  background-color: rgba(200, 200, 200, 0.3);
  border: 1px solid rgba(200, 200, 200, 0.3);
  border-radius: 3px;
  margin: 0 .25em;
  display: inline-flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  padding: .1em .2em; }
  .command_box .icon + span {
    margin-left: .25em; }

.popup_message {
  margin: 0 auto;
  position: fixed;
  bottom: 30px;
  width: auto;
  max-width: 700px;
  padding: 10px 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  font-size: 1em;
  color: #fff;
  border: none;
  box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.23);
  left: 50%;
  transform: translateX(-50%);
  background: rgba(50, 50, 50, 0.9);
  border-radius: 0.2em;
  align-items: center;
  z-index: 1001; }
  .popup_message .message-content {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    padding-right: 2em; }
    .popup_message .message-content .title {
      width: 100%;
      flex: 0 0 auto;
      font-weight: 400; }
    .popup_message .message-content .message {
      font-weight: 400;
      width: 100%;
      flex: 0 0 auto; }
  .popup_message .dismiss_me {
    flex: 0 0 auto;
    font-weight: 600;
    color: #b6ac6d;
    padding: 0.3em 0.8em;
    border-radius: 0.2em; }
    .popup_message .dismiss_me:hover {
      background-color: rgba(255, 255, 255, 0.15);
      color: #ccc17a;
      cursor: pointer; }

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