:root {
  color-scheme: light dark;
  --main-color-h: 229;
  --main-color-s: 96.8%;
  --main-color-l: 49.2%;
  --main-color: var(--main-color-h), var(--main-color-s), var(--main-color-l);
  --main-color-dark: var(--main-color-h), var(--main-color-s), calc(var(--main-color-l) - 10%);
  --page-bg-color: 0, 0%, 93%;
  --content-bg-color: 0, 0%, 100%;
  --content-alt-bg-color: 0, 0%, 95%;
  --icon-color: var(--main-color);
  --border-color: 0, 0%, 90%;
  --text-color: 222, 97%, 13%;
  --text-heading-color: 0, 0%, 0%;
  --link-color: var(--main-color);
  --payoff-color: 0, 0%, 70%;
  --input-bg-color: 0, 0%, 99%;
  --input-text-color: var(--text-color);
  --input-border-color: var(--border-color);
  --input-disabled-bg-color: 0, 0%, 80%;
  --input-disabled-text-color: 0, 0%, 30%;
  --input-disabled-border-color: var(--border-color);
  --button-bg-color: var(--main-color);
  --button-text-color: 0, 0%, 100%;
  --button-border-color: var(--main-color);
  --button-secondary-bg-color: var(--content-bg-color);
  --button-secondary-text-color: var(--main-color);
  --button-secondary-border-color: var(--main-color);
  --font-size-smallest: 12px;
  --font-size-small: 14px;
  --font-size-normal: 16px;
  --font-size-big: 18px;
  --font-size-biggest: 20px;
  --select-dropdown-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 15L2 5h16z' fill='hsl(0, 0%, 90%)'/%3E%3C/svg%3E");
  --select-search-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M19 17l-5.15-5.15a7 7 0 1 0-2 2L17 19zM3.5 8A4.5 4.5 0 1 1 8 12.5 4.5 4.5 0 0 1 3.5 8z' fill='hsl(0, 0%, 90%)'/%3E%3C/svg%3E");
}
:root[data-app-scheme=light] {
  color-scheme: light;
}
:root[data-app-scheme=dark] {
  color-scheme: dark;
  --main-color: var(--main-color-h), var(--main-color-s), calc(var(--main-color-l) - 25%);
  --main-color-dark: var(--main-color-h), var(--main-color-s), calc(var(--main-color-l) - 35%);
  --page-bg-color: 0, 0%, 13%;
  --content-bg-color: 0, 0%, 18%;
  --content-alt-bg-color: 0, 0%, 21%;
  --icon-color: var(--text-color);
  --border-color: 0, 0%, 40%;
  --text-color: 0, 0%, 80%;
  --text-heading-color: 0, 0%, 100%;
  --link-color: 0, 0%, 100%;
  --payoff-color: 0, 0%, 70%;
  --input-bg-color: 0, 0%, 20%;
  --input-text-color: var(--text-color);
  --input-border-color: var(--border-color);
  --input-disabled-bg-color: 0, 0%, 30%;
  --input-disabled-text-color: var(--text-color);
  --input-disabled-border-color: var(--border-color);
  --button-bg-color: var(--main-color);
  --button-text-color: 0, 0%, 100%;
  --button-border-color: var(--main-color);
  --button-secondary-bg-color: var(--content-bg-color);
  --button-secondary-text-color: var(--text-color);
  --button-secondary-border-color: var(--text-color);
  --select-dropdown-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 15L2 5h16z' fill='hsl(0, 0%, 40%)'/%3E%3C/svg%3E");
  --select-search-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M19 17l-5.15-5.15a7 7 0 1 0-2 2L17 19zM3.5 8A4.5 4.5 0 1 1 8 12.5 4.5 4.5 0 0 1 3.5 8z' fill='hsl(0, 0%, 40%)'/%3E%3C/svg%3E");
}
/* Ubuntu Light */
@font-face {
  font-family: 'Ubuntu';
  src: url('/assets/images/fonts/ubuntu-light-webfont.woff2') format('woff2'), url('/assets/images/fonts/ubuntu-light-webfont.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
/* Ubuntu Light Italic */
@font-face {
  font-family: 'Ubuntu';
  src: url('/assets/images/fonts/ubuntu-light-italic-webfont.woff2') format('woff2'), url('/assets/images/fonts/ubuntu-light-italic-webfont.woff') format('woff');
  font-weight: 300;
  font-style: italic;
}
/* Ubuntu Regular */
@font-face {
  font-family: 'Ubuntu';
  src: url('/assets/images/fonts/ubuntu-regular-webfont.woff2') format('woff2'), url('/assets/images/fonts/ubuntu-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
/* Ubuntu Regular Italic */
@font-face {
  font-family: 'Ubuntu';
  src: url('/assets/images/fonts/ubuntu-regular-italic-webfont.woff2') format('woff2'), url('/assets/images/fonts/ubuntu-regular-italic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}
/* Ubuntu Medium */
@font-face {
  font-family: 'Ubuntu';
  src: url('/assets/images/fonts/ubuntu-medium-webfont.woff2') format('woff2'), url('/assets/images/fonts/ubuntu-medium-webfont.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
/* Ubuntu Medium Italic */
@font-face {
  font-family: 'Ubuntu';
  src: url('/assets/images/fonts/ubuntu-medium-italic-webfont.woff2') format('woff2'), url('/assets/images/fonts/ubuntu-medium-italic-webfont.woff') format('woff');
  font-weight: 500;
  font-style: italic;
}
/* Ubuntu Bold */
@font-face {
  font-family: 'Ubuntu';
  src: url('/assets/images/fonts/ubuntu-bold-webfont.woff2') format('woff2'), url('/assets/images/fonts/ubuntu-bold-webfont.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
/* Ubuntu Bold Italic */
@font-face {
  font-family: 'Ubuntu';
  src: url('/assets/images/fonts/ubuntu-bold-italic-webfont.woff2') format('woff2'), url('/assets/images/fonts/ubuntu-bold-italic-webfont.woff') format('woff');
  font-weight: bold;
  font-style: italic;
}
/* Ubuntu Condensed */
@font-face {
  font-family: 'Ubuntu Condensed';
  src: url('/assets/images/fonts/ubuntu-condensed-webfont.woff2') format('woff2'), url('/assets/images/fonts/ubuntu-condensed-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
/* Ubuntu Mono Regular */
@font-face {
  font-family: 'Ubuntu Monospace';
  src: url('/assets/images/fonts/ubuntumono-regular-webfont.woff2') format('woff2'), url('/assets/images/fonts/ubuntumono-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
/* Ubuntu Mono Italic */
@font-face {
  font-family: 'Ubuntu Monospace';
  src: url('/assets/images/fonts/ubuntumono-regular-italic-webfont.woff2') format('woff2'), url('/assets/images/fonts/ubuntumono-regular-italic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}
/* Ubuntu Mono Bold */
@font-face {
  font-family: 'Ubuntu Monospace';
  src: url('/assets/images/fonts/ubuntumono-bold-webfont.woff2') format('woff2'), url('/assets/images/fonts/ubuntumono-bold-webfont.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
/* Ubuntu Mono Bold Italic */
@font-face {
  font-family: 'Ubuntu Monospace';
  src: url('/assets/images/fonts/ubuntumono-bold-italic-webfont.woff2') format('woff2'), url('/assets/images/fonts/ubuntumono-bold-italic-webfont.woff') format('woff');
  font-weight: bold;
  font-style: italic;
}
/**
 * Typography styles
 */
:root {
  font-family: Ubuntu, sans-serif;
  font-weight: 300;
  line-height: 1.8;
  color: hsl(var(--text-color));
}
/**
 * Font sizes
 */
.font-size-smallest {
  font-size: 12px;
}
.font-size-small {
  font-size: 14px;
}
.font-size-normal {
  font-size: 16px;
}
.font-size-big {
  font-size: 18px;
}
.font-size-biggest {
  font-size: 20px;
}
:root[data-app-font-size=smallest] {
  font-size: 12px;
}
:root[data-app-font-size=small] {
  font-size: 14px;
}
:root[data-app-font-size=normal] {
  font-size: 16px;
}
:root[data-app-font-size=big] {
  font-size: 18px;
}
:root[data-app-font-size=biggest] {
  font-size: 20px;
}
/**
 * Headings
 */
h1,
h2,
h3,
h4,
h5,
h5,
h6 {
  color: hsl(var(--text-heading-color));
  line-height: 1.2;
  font-weight: 300;
}
h1 {
  font-size: 1.3rem;
}
h2 {
  font-size: 1.2rem;
}
h3 {
  font-size: 1.1rem;
}
h4 {
  font-size: 1rem;
}
h5,
h6 {
  font-size: 1rem;
  font-weight: 500;
}
/**
 * Bold styles
 */
strong,
b {
  font-weight: 500;
}
/**
 * Paragraphs
 */
p {
  margin: 0;
  -ms-hyphens: auto;
      hyphens: auto;
}
/**
 * Margins on block elements
 */
h1,
h2,
h3,
h4,
h5,
h5,
h6 {
  margin: 0 0 0.5em 0;
}
h1,
h2,
h3,
h4,
h5,
h5,
h6,
p,
blockquote,
.block-typography {
  margin-top: 1.8rem;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h5:first-child,
h6:first-child,
p:first-child,
blockquote:first-child,
.block-typography:first-child {
  margin-top: 0;
}
/**
 * Lists
 */
ul,
ol,
dl {
  margin: 0;
  padding: 0 0 0 2rem;
}
ul dt,
ol dt,
dl dt,
ul dd,
ol dd,
dl dd {
  margin: 0;
  padding: 0;
}
/**
 * Links
 */
a {
  color: hsl(var(--link-color));
  text-decoration: none;
}
:root[data-app-scheme=dark] #login-outer:before {
  -webkit-filter: blur(5px) grayscale(100%) brightness(0.4);
          filter: blur(5px) grayscale(100%) brightness(0.4);
}
#login-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: hsl(var(--page-bg-color));
}
#login-outer:before {
  content: "";
  background-image: url("/assets/images/design/login-bg.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 110%;
  height: 110%;
  top: -5%;
  left: -5%;
  position: fixed;
  z-index: -1;
  -webkit-filter: blur(5px);
          filter: blur(5px);
}
#login-outer #login-inner #login-header,
#login-outer #login-inner #login-body {
  width: 299px;
}
#login-outer #login-inner #login-header {
  padding: 2rem 4rem;
  border-radius: 0.25rem 0.25rem 0 0;
  background: hsl(var(--main-color));
}
#login-outer #login-inner #login-header #login-logo {
  width: 100%;
  height: 50px;
  background-image: url("/assets/images/design/logo-white.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
#login-outer #login-inner #login-body {
  padding: 2rem 4rem;
  border-radius: 0 0 0.25rem 0.25rem;
  background-color: hsla(var(--page-bg-color), 0.8);
  display: flex;
  flex-direction: column;
  align-items: center;
}
#login-outer #login-inner #login-body form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
#login-outer #login-inner .login-failure {
  color: hsl(0, 100%, 40%);
}
#login-outer #login-inner input,
#login-outer #login-inner button {
  width: 100%;
  box-sizing: border-box;
  line-height: 2.5;
}
html {
  height: 100%;
}
body,
html {
  width: 100%;
  padding: 0;
  border: 0;
  margin: 0;
  background-color: hsl(var(--page-bg-color));
}
body {
  display: flex;
  justify-content: center;
  align-items: stretch;
  min-height: 100%;
}
.menu-logo {
  display: inline-block;
  height: 2rem;
  width: 120px;
  background-color: hsl(var(--icon-color));
  -webkit-mask-image: url("/assets/images/design/logo-white.svg");
          mask-image: url("/assets/images/design/logo-white.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
#website-outer {
  width: 100%;
  max-width: 1400px;
  background-color: hsl(var(--content-bg-color));
}
#website-outer #website-header.is-scrolling {
  z-index: 1500;
}
#website-outer #user-bar {
  padding: 0.5rem 2rem;
  background-color: hsl(var(--content-bg-color));
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  border-bottom: 2px solid hsl(var(--page-bg-color));
}
#website-outer #user-bar #user-bar-left {
  display: flex;
}
#website-outer #user-bar #user-bar-right .icon,
#website-outer #user-bar #user-bar-right .icon-container {
  height: 2rem;
  width: 2rem;
  background-position: left bottom;
  background-size: contain;
  background-repeat: no-repeat;
  text-align: right;
}
#website-outer #action-bar {
  display: none;
}
#website-outer #menu-button {
  margin-right: 1rem;
}
#website-outer #menu-container {
  visibility: hidden;
  position: fixed;
  background: hsl(var(--button-secondary-bg-color));
  border: 1px solid hsl(var(--button-secondary-border-color));
  border-radius: 0.25rem;
}
#website-outer #menu-container.show {
  visibility: visible;
  z-index: 2000;
}
#website-outer #menu-container a {
  display: block;
  color: hsl(var(--button-secondary-text-color));
  font-weight: normal;
  text-decoration: none;
}
#website-outer #menu-container #bread-crumbs {
  padding: 0.25rem 0.75rem;
  display: flex;
  background: hsl(var(--button-secondary-border-color));
}
#website-outer #menu-container #bread-crumbs a {
  color: hsl(var(--button-text-color));
}
#website-outer #menu-container #bread-crumbs a:hover {
  text-decoration: underline;
}
#website-outer #menu-container #bread-crumbs a:not(:last-child):after {
  content: "»";
  display: inline-block;
  margin: 0 0.5rem;
}
#website-outer #menu-container #menu-items {
  display: flex;
}
#website-outer #menu-container #menu-items a {
  padding: 0.6rem 3rem 0.6rem 0.75rem;
  line-height: 1em;
}
#website-outer #menu-container #menu-items a.active {
  color: hsl(var(--button-secondary-bg-color));
  background: hsl(var(--button-secondary-text-color));
}
#website-outer #menu-container #menu-items #menu-sub-items {
  min-width: 200px;
  flex-grow: 1;
  border-left: 1px solid hsl(var(--button-secondary-border-color));
}
#website-outer #menu-container #menu-items .menu-sub-items-list.hidden {
  display: none;
}
#website-outer #menu-container #menu-items .menu-sub-items-list.active {
  display: block;
}
#website-outer main {
  padding: 1rem 2rem 4rem 2rem;
}
#website-outer h1 {
  white-space: nowrap;
  display: flex;
}
#website-outer h1 .entity-name {
  margin-left: 0.5em;
  color: hsl(var(--payoff-color));
  overflow: hidden;
  text-overflow: ellipsis;
  text-overflow: '...]';
}
#website-outer h1 .entity-name:before {
  content: '[';
}
#website-outer h1 .entity-name:after {
  content: ']';
}
#website-outer h1 .entity-name:-moz-only-whitespace,
#website-outer h1 .entity-name:empty {
  display: none;
}
/**
 * Application error
 */
.application-error {
  white-space: pre-wrap;
  font-family: mono;
}
/**
 * Tabs
 */
.tabrow {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.tabrow a {
  color: hsl(var(--link-color));
  line-height: 2.5em;
  padding: 0 1em;
  border: 1px transparent solid;
  border-radius: 0.25rem 0.25rem 0 0;
  border-bottom: 1px hsl(var(--payoff-color)) solid;
  margin-left: -1px;
  margin-bottom: -1px;
  font-weight: normal;
  font-size: 0.75rem;
}
.tabrow a:first-child,
.tabrow a:first-child.selected-tab {
  margin-left: 0;
}
.tabrow a:hover,
.tabrow a:focus {
  outline: 0;
  border-top-color: hsl(var(--payoff-color));
  border-right-color: hsl(var(--payoff-color));
  border-left-color: hsl(var(--payoff-color));
}
.tabrow a.selected-tab {
  border-bottom-color: transparent;
  border-top-color: hsl(var(--payoff-color));
  border-right-color: hsl(var(--payoff-color));
  border-left-color: hsl(var(--payoff-color));
  margin-left: -1px;
  margin-bottom: -1px;
}
.tabrow::after {
  content: " ";
  border-bottom: 1px hsl(var(--payoff-color)) solid;
  flex-grow: 1;
  margin-bottom: -1px;
}
/**
 * Pagination
 */
.pagination {
  display: inline-flex;
}
.pagination .page-number,
.pagination .page-ellipsis {
  display: block;
  margin-left: 0.25rem;
  margin-bottom: 0.25rem;
  padding: 0.25rem 0.5rem;
  line-height: 1.5;
  border: 1px solid hsl(var(--button-border-color));
  border-radius: 0.25rem;
  font-weight: 300;
  text-decoration: none;
}
.pagination .page-number {
  color: hsl(var(--button-secondary-text-color));
  background: hsl(var(--button-secondary-bg-color));
  border-color: hsl(var(--button-secondary-border-color));
}
.pagination .page-number:hover {
  background: hsl(var(--button-secondary-text-color));
  color: hsl(var(--button-secondary-bg-color));
  border-color: hsl(var(--button-secondary-border-color));
}
.pagination .page-ellipsis {
  color: hsl(var(--text-color));
  background: transparent;
  border-color: transparent;
}
.pagination .page-number.active {
  color: hsl(var(--button-text-color));
  background: hsl(var(--button-bg-color));
  border-color: hsl(var(--button-border-color));
}
.pagination .page-number.active:hover {
  background: hsl(var(--main-color-dark));
  border-color: hsl(var(--main-color-dark));
}
.pagination-input {
  margin-right: 2rem;
}
.pagination-input input[type=number] {
  width: 5.5rem;
}
/**
 * Margins
 */
.segment.margin-top {
  margin-top: 1rem;
}
.segment.margin-bottom {
  margin-bottom: 1rem;
}
.spacer-tiny {
  margin-bottom: 0.5rem;
}
.spacer-small {
  margin-bottom: 1rem;
}
.spacer-medium {
  margin-bottom: 2rem;
}
.spacer-big {
  margin-bottom: 4rem;
}
/**
 * Overview table bottom
 */
.overview-bottom {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
}
.overview-bottom.scroll-along.is-scrolling {
  background: hsl(var(--content-bg-color));
  padding: 0.5rem 0;
  border-top: 2px solid hsl(var(--page-bg-color));
}
/**
 * Classification form
 */
.classification-form {
  display: grid;
  gap: 0.5em;
}
.classification-form .cf-block {
  padding: 0.5em;
  border-radius: 0.25rem;
  border: 1px hsl(var(--border-color)) solid;
  background: hsl(var(--content-alt-bg-color));
  display: grid;
  gap: 0.5em;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: -webkit-min-content auto;
  grid-template-rows: min-content auto;
  grid-template-areas: "title  feature" "inputs inputs";
}
.classification-form .cf-block.collapsed {
  opacity: 0.5;
  grid-template-areas: "title feature";
  grid-template-rows: -webkit-min-content;
  grid-template-rows: min-content;
}
.classification-form .cf-block.collapsed .cf-inputs {
  display: none;
}
.classification-form .cf-block[data-feature-type="T"] .cf-input-block,
.classification-form .cf-block[data-feature-type="B"] .cf-input-block,
.classification-form .cf-block[data-feature-type="I"] .cf-input-block,
.classification-form .cf-block[data-feature-type="T"] input[type=text],
.classification-form .cf-block[data-feature-type="B"] input[type=text],
.classification-form .cf-block[data-feature-type="I"] input[type=text],
.classification-form .cf-block[data-feature-type="T"] textarea,
.classification-form .cf-block[data-feature-type="B"] textarea,
.classification-form .cf-block[data-feature-type="I"] textarea {
  width: 100%;
  max-width: 100%;
}
.classification-form .cf-block[data-feature-type="I"] .cf-feature-input {
  flex-direction: column;
}
.classification-form .cf-title {
  font-weight: 500;
  grid-area: title;
}
.classification-form .cf-feature-info {
  grid-area: feature;
  display: flex;
  justify-content: right;
  gap: 0.5em;
}
.classification-form .cf-not-applicable {
  grid-area: not-applicable;
  text-align: right;
}
.classification-form .cf-inputs {
  grid-area: inputs;
}
.classification-form .cf-inputs .cf-multi-value-container,
.classification-form .cf-inputs .cf-translated-text-container {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
.classification-form .cf-inputs .cf-translated-text-buttons {
  width: 100%;
}
.classification-form .cf-inputs .cf-translated-text-container {
  display: grid;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
  gap: 0.5em;
}
.classification-form .cf-feature-input {
  display: flex;
  gap: 0.5em;
}
.classification-form .cf-errors p {
  margin: 0;
  font-style: italic;
}
/**
 * ETIM form
 */
table.etim-form {
  font-size: 0.8rem;
}
table.etim-form .etim-form-controls {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5em;
}
table.etim-form .batch-value-cell {
  min-width: 300px;
}
table.etim-form .etim-form-control {
  width: 100%;
}
table.etim-form td[data-feature-type="M"] .etim-form-controls {
  flex-direction: column;
}
table.etim-form td[data-feature-type="M"] .multi-value-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
table.etim-form td[data-feature-type="I"] .etim-form-controls {
  flex-direction: column;
}
table.etim-form td[data-feature-type="I"] .multi-value-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
table.etim-form td[data-feature-type] input[type=text],
table.etim-form td[data-feature-type] input[type=number],
table.etim-form td[data-feature-type] textarea {
  width: 100%;
}
table.etim-form .etim-mc-port-code,
table.etim-form .etim-mc-drawing-code {
  font-family: monospace;
}
table.etim-form td * {
  max-width: 100%;
}
table.etim-form tr td {
  vertical-align: top;
  padding: 0.5em;
}
/**
 * ETIM viewer
 */
.etim-feature-value-table:not(.show-values) tr:not(:first-of-type) {
  display: none;
}
/**
 * Issue indicators
 */
.issue-indicator {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  border: 1px hsl(var(--input-border-color)) solid;
  border-radius: 0.25rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
  background-color: hsl(var(--input-bg-color));
}
.issue-indicator::-moz-progress-bar {
  border-radius: 0.25rem;
  background-color: hsl(0, 100%, 40%);
}
.flex-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 1rem;
}
.flex-row .flex-grow {
  flex: 1 0;
}
.flex-row .flex-shrink {
  flex: 0 1;
}
.flex-row .flex-center {
  align-self: center;
}
.flex-row .flex-top {
  align-self: flex-start;
}
.flex-row .flex-bottom {
  align-self: flex-end;
}
.image-placeholder {
  background: hsl(var(--payoff-color));
  opacity: 0.5;
}
/**
 * Alert messages
 */
.alert {
  margin: 0.5rem 0;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 1px;
}
.alert ul,
.alert ol {
  margin: 0;
  padding: 0 0 0 1em;
  list-style-position: inside;
}
.alert a {
  font-weight: bolder;
}
.alert.alert-primary {
  background-color: #cce5ff;
  border-color: #b8daff;
  color: #004085;
}
.alert.alert-primary hr {
  border-top-color: #9fcdff;
}
.alert.alert-primary a {
  color: #002752;
}
.alert.alert-secondary {
  background-color: #e2e3e5;
  border-color: #d6d8db;
  color: #383d41;
}
.alert.alert-secondary hr {
  border-top-color: #c8cbcf;
}
.alert.alert-secondary a {
  color: #202326;
}
.alert.alert-info {
  background-color: #d1ecf1;
  border-color: #bee5eb;
  color: #0c5460;
}
.alert.alert-info hr {
  border-top-color: #abdde5;
}
.alert.alert-info a {
  color: #062c33;
}
.alert.alert-success {
  background-color: #d4edda;
  border-color: #c3e6cb;
  color: #155724;
}
.alert.alert-success hr {
  border-top-color: #b1dfbb;
}
.alert.alert-success a {
  color: #0b2e13;
}
.alert.alert-warning {
  background-color: #fff3cd;
  border-color: #ffeeba;
  color: #856404;
}
.alert.alert-warning hr {
  border-top-color: #ffe8a1;
}
.alert.alert-warning a {
  color: #533f03;
}
.alert.alert-error {
  background-color: #f8d7da;
  border-color: #f5c6cb;
  color: #721c24;
}
.alert.alert-error hr {
  border-top-color: #f1b0b7;
}
.alert.alert-error a {
  color: #491217;
}
/**
 * Badges
 */
.counter-badge {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 0.75rem;
  font-weight: 500;
  white-space: nowrap;
  min-width: 1em;
  padding: 0.25em 0.4em;
  border-radius: 50rem;
  text-align: center;
}
.counter-badge.badge-primary {
  color: hsl(var(--button-text-color));
  background-color: hsl(var(--button-bg-color));
}
.counter-badge.badge-secondary {
  color: #fff;
  background-color: #545b62;
}
.counter-badge.badge-info {
  color: #fff;
  background-color: #17a2b8;
}
.counter-badge.badge-success {
  color: #fff;
  background-color: #28a745;
}
.counter-badge.badge-error {
  color: #fff;
  background-color: #dc3545;
}
.counter-badge.badge-warning {
  color: #000;
  background-color: #ffc107;
}
.counter-badge.badge-light {
  color: #000;
  background-color: #fff;
}
.counter-badge.badge-dark {
  color: #fff;
  background-color: #000;
}
.counter-badge:empty {
  display: none;
}
.icon-badge {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 0.75rem;
  font-weight: 500;
  white-space: nowrap;
  min-width: 1em;
  padding: 1px;
  border-radius: 50rem;
  text-align: center;
}
.icon-badge.badge-primary {
  color: hsl(var(--button-text-color));
  background-color: hsl(var(--button-bg-color));
}
.icon-badge.badge-secondary {
  color: #fff;
  background-color: #545b62;
}
.icon-badge.badge-info {
  color: #fff;
  background-color: #17a2b8;
}
.icon-badge.badge-success {
  color: #fff;
  background-color: #28a745;
}
.icon-badge.badge-error {
  color: #fff;
  background-color: #dc3545;
}
.icon-badge.badge-warning {
  color: #000;
  background-color: #ffc107;
}
.icon-badge.badge-light {
  color: #000;
  background-color: #fff;
}
.icon-badge.badge-dark {
  color: #fff;
  background-color: #000;
}
.icon-badge:empty {
  display: none;
}
.message-badge {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 0.75rem;
  font-weight: 500;
  white-space: nowrap;
  padding: 0.25em 0.4em;
  border-radius: 0.25em;
}
.message-badge.badge-primary {
  color: hsl(var(--button-text-color));
  background-color: hsl(var(--button-bg-color));
}
.message-badge.badge-secondary {
  color: #fff;
  background-color: #545b62;
}
.message-badge.badge-info {
  color: #fff;
  background-color: #17a2b8;
}
.message-badge.badge-success {
  color: #fff;
  background-color: #28a745;
}
.message-badge.badge-error {
  color: #fff;
  background-color: #dc3545;
}
.message-badge.badge-warning {
  color: #000;
  background-color: #ffc107;
}
.message-badge.badge-light {
  color: #000;
  background-color: #fff;
}
.message-badge.badge-dark {
  color: #fff;
  background-color: #000;
}
.code-badge {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 0.75rem;
  font-weight: 500;
  white-space: nowrap;
  font-family: monospace;
  padding: 0.25em 0.4em;
  border-radius: 0.25em;
}
.code-badge.badge-primary {
  color: hsl(var(--button-text-color));
  background-color: hsl(var(--button-bg-color));
}
.code-badge.badge-secondary {
  color: #fff;
  background-color: #545b62;
}
.code-badge.badge-info {
  color: #fff;
  background-color: #17a2b8;
}
.code-badge.badge-success {
  color: #fff;
  background-color: #28a745;
}
.code-badge.badge-error {
  color: #fff;
  background-color: #dc3545;
}
.code-badge.badge-warning {
  color: #000;
  background-color: #ffc107;
}
.code-badge.badge-light {
  color: #000;
  background-color: #fff;
}
.code-badge.badge-dark {
  color: #fff;
  background-color: #000;
}
.language-badge {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 0.75rem;
  font-weight: 500;
  white-space: nowrap;
  padding: 0.25em 0.4em;
  border-radius: 0.25em;
  color: hsl(var(--button-text-color));
  background-color: hsl(var(--button-bg-color));
}
.language-badge.badge-primary {
  color: hsl(var(--button-text-color));
  background-color: hsl(var(--button-bg-color));
}
.language-badge.badge-secondary {
  color: #fff;
  background-color: #545b62;
}
.language-badge.badge-info {
  color: #fff;
  background-color: #17a2b8;
}
.language-badge.badge-success {
  color: #fff;
  background-color: #28a745;
}
.language-badge.badge-error {
  color: #fff;
  background-color: #dc3545;
}
.language-badge.badge-warning {
  color: #000;
  background-color: #ffc107;
}
.language-badge.badge-light {
  color: #000;
  background-color: #fff;
}
.language-badge.badge-dark {
  color: #fff;
  background-color: #000;
}
.error-message {
  font-size: 0.75rem;
}
/**
 * Icons
 */
.icon,
.icon-container,
.text-icon {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.icon,
.icon-container {
  height: 1.4em;
  width: 1.4em;
  min-height: 1.4em;
  min-width: 1.4em;
}
.icon-container {
  display: inline-flex;
}
.icon-container .counter-badge,
.icon-container .icon-badge {
  position: absolute;
  top: 0;
  right: 0;
}
.text-icon {
  height: 1em;
  width: 1em;
  min-height: 1em;
  min-width: 1em;
  vertical-align: baseline;
}
.icon,
.text-icon {
  background-color: hsl(var(--icon-color));
}
.icon.warning-icon,
.text-icon.warning-icon {
  background-color: hsl(0, 100%, 40%);
  -webkit-mask-image: url("/assets/images/icons/warning.svg");
          mask-image: url("/assets/images/icons/warning.svg");
}
.icon.success-icon,
.text-icon.success-icon {
  -webkit-mask-image: url("/assets/images/icons/check.svg");
          mask-image: url("/assets/images/icons/check.svg");
}
.icon.edit-icon,
.text-icon.edit-icon {
  -webkit-mask-image: url("/assets/images/icons/edit.svg");
          mask-image: url("/assets/images/icons/edit.svg");
}
.icon.delete-icon,
.text-icon.delete-icon {
  -webkit-mask-image: url("/assets/images/icons/delete.svg");
          mask-image: url("/assets/images/icons/delete.svg");
}
.icon.view-icon,
.text-icon.view-icon {
  -webkit-mask-image: url("/assets/images/icons/eye.svg");
          mask-image: url("/assets/images/icons/eye.svg");
}
.icon.hide-icon,
.text-icon.hide-icon {
  -webkit-mask-image: url("/assets/images/icons/eye-closed.svg");
          mask-image: url("/assets/images/icons/eye-closed.svg");
}
.icon.link-icon,
.text-icon.link-icon {
  -webkit-mask-image: url("/assets/images/icons/link.svg");
          mask-image: url("/assets/images/icons/link.svg");
}
.icon.download-icon,
.text-icon.download-icon {
  -webkit-mask-image: url("/assets/images/icons/download.svg");
          mask-image: url("/assets/images/icons/download.svg");
}
.icon.info-icon,
.text-icon.info-icon {
  -webkit-mask-image: url("/assets/images/icons/info.svg");
          mask-image: url("/assets/images/icons/info.svg");
}
.icon.copy-icon,
.text-icon.copy-icon {
  -webkit-mask-image: url("/assets/images/icons/copy.svg");
          mask-image: url("/assets/images/icons/copy.svg");
}
.icon.translation-icon,
.text-icon.translation-icon {
  -webkit-mask-image: url("/assets/images/icons/language.svg");
          mask-image: url("/assets/images/icons/language.svg");
}
.icon.calendar-icon,
.text-icon.calendar-icon {
  -webkit-mask-image: url("/assets/images/icons/calendar.svg");
          mask-image: url("/assets/images/icons/calendar.svg");
}
.icon.sort-icon,
.text-icon.sort-icon {
  -webkit-mask-image: url("/assets/images/icons/move.svg");
          mask-image: url("/assets/images/icons/move.svg");
  cursor: move;
}
.icon.help-icon,
.text-icon.help-icon {
  -webkit-mask-image: url("/assets/images/icons/help.svg");
          mask-image: url("/assets/images/icons/help.svg");
}
.icon.tray-icon,
.text-icon.tray-icon {
  -webkit-mask-image: url("/assets/images/icons/tray.svg");
          mask-image: url("/assets/images/icons/tray.svg");
}
.icon.settings-icon,
.text-icon.settings-icon {
  -webkit-mask-image: url("/assets/images/icons/settings.svg");
          mask-image: url("/assets/images/icons/settings.svg");
}
.icon.image-icon,
.text-icon.image-icon {
  -webkit-mask-image: url("/assets/images/icons/image.svg");
          mask-image: url("/assets/images/icons/image.svg");
}
.icon.add-icon,
.text-icon.add-icon {
  -webkit-mask-image: url("/assets/images/icons/add.svg");
          mask-image: url("/assets/images/icons/add.svg");
}
.icon.plus-icon,
.text-icon.plus-icon {
  -webkit-mask-image: url("/assets/images/icons/plus.svg");
          mask-image: url("/assets/images/icons/plus.svg");
}
.icon.subtract-icon,
.text-icon.subtract-icon {
  -webkit-mask-image: url("/assets/images/icons/subtract.svg");
          mask-image: url("/assets/images/icons/subtract.svg");
}
.icon.html-icon,
.text-icon.html-icon {
  -webkit-mask-image: url("/assets/images/icons/html.svg");
          mask-image: url("/assets/images/icons/html.svg");
}
.icon.search-icon,
.text-icon.search-icon {
  -webkit-mask-image: url("/assets/images/icons/search.svg");
          mask-image: url("/assets/images/icons/search.svg");
}
.icon.close-icon,
.text-icon.close-icon,
.icon.clear-icon,
.text-icon.clear-icon {
  -webkit-mask-image: url("/assets/images/icons/close.svg");
          mask-image: url("/assets/images/icons/close.svg");
}
.icon.key-icon,
.text-icon.key-icon {
  -webkit-mask-image: url("/assets/images/icons/key.svg");
          mask-image: url("/assets/images/icons/key.svg");
}
.icon.wrench-icon,
.text-icon.wrench-icon {
  -webkit-mask-image: url("/assets/images/icons/wrench.svg");
          mask-image: url("/assets/images/icons/wrench.svg");
}
.icon.phone-icon,
.text-icon.phone-icon {
  -webkit-mask-image: url("/assets/images/icons/phone.svg");
          mask-image: url("/assets/images/icons/phone.svg");
}
/**
 * Sortable generics
 */
.sortable-list,
.sortable-list li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.sortable-list .placeholder {
  outline: 1px dashed hsl(var(--main-color));
}
.sortable-list .sort-handle {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  height: 1.4em;
  width: 1.4em;
  min-height: 1.4em;
  min-width: 1.4em;
  background-color: hsl(var(--icon-color));
  -webkit-mask-image: url("/assets/images/icons/move.svg");
          mask-image: url("/assets/images/icons/move.svg");
  cursor: move;
}
.sortable-list .sort-handle.warning-icon {
  background-color: hsl(0, 100%, 40%);
  -webkit-mask-image: url("/assets/images/icons/warning.svg");
          mask-image: url("/assets/images/icons/warning.svg");
}
.sortable-list .sort-handle.success-icon {
  -webkit-mask-image: url("/assets/images/icons/check.svg");
          mask-image: url("/assets/images/icons/check.svg");
}
.sortable-list .sort-handle.edit-icon {
  -webkit-mask-image: url("/assets/images/icons/edit.svg");
          mask-image: url("/assets/images/icons/edit.svg");
}
.sortable-list .sort-handle.delete-icon {
  -webkit-mask-image: url("/assets/images/icons/delete.svg");
          mask-image: url("/assets/images/icons/delete.svg");
}
.sortable-list .sort-handle.view-icon {
  -webkit-mask-image: url("/assets/images/icons/eye.svg");
          mask-image: url("/assets/images/icons/eye.svg");
}
.sortable-list .sort-handle.hide-icon {
  -webkit-mask-image: url("/assets/images/icons/eye-closed.svg");
          mask-image: url("/assets/images/icons/eye-closed.svg");
}
.sortable-list .sort-handle.link-icon {
  -webkit-mask-image: url("/assets/images/icons/link.svg");
          mask-image: url("/assets/images/icons/link.svg");
}
.sortable-list .sort-handle.download-icon {
  -webkit-mask-image: url("/assets/images/icons/download.svg");
          mask-image: url("/assets/images/icons/download.svg");
}
.sortable-list .sort-handle.info-icon {
  -webkit-mask-image: url("/assets/images/icons/info.svg");
          mask-image: url("/assets/images/icons/info.svg");
}
.sortable-list .sort-handle.copy-icon {
  -webkit-mask-image: url("/assets/images/icons/copy.svg");
          mask-image: url("/assets/images/icons/copy.svg");
}
.sortable-list .sort-handle.translation-icon {
  -webkit-mask-image: url("/assets/images/icons/language.svg");
          mask-image: url("/assets/images/icons/language.svg");
}
.sortable-list .sort-handle.calendar-icon {
  -webkit-mask-image: url("/assets/images/icons/calendar.svg");
          mask-image: url("/assets/images/icons/calendar.svg");
}
.sortable-list .sort-handle.sort-icon {
  -webkit-mask-image: url("/assets/images/icons/move.svg");
          mask-image: url("/assets/images/icons/move.svg");
  cursor: move;
}
.sortable-list .sort-handle.help-icon {
  -webkit-mask-image: url("/assets/images/icons/help.svg");
          mask-image: url("/assets/images/icons/help.svg");
}
.sortable-list .sort-handle.tray-icon {
  -webkit-mask-image: url("/assets/images/icons/tray.svg");
          mask-image: url("/assets/images/icons/tray.svg");
}
.sortable-list .sort-handle.settings-icon {
  -webkit-mask-image: url("/assets/images/icons/settings.svg");
          mask-image: url("/assets/images/icons/settings.svg");
}
.sortable-list .sort-handle.image-icon {
  -webkit-mask-image: url("/assets/images/icons/image.svg");
          mask-image: url("/assets/images/icons/image.svg");
}
.sortable-list .sort-handle.add-icon {
  -webkit-mask-image: url("/assets/images/icons/add.svg");
          mask-image: url("/assets/images/icons/add.svg");
}
.sortable-list .sort-handle.plus-icon {
  -webkit-mask-image: url("/assets/images/icons/plus.svg");
          mask-image: url("/assets/images/icons/plus.svg");
}
.sortable-list .sort-handle.subtract-icon {
  -webkit-mask-image: url("/assets/images/icons/subtract.svg");
          mask-image: url("/assets/images/icons/subtract.svg");
}
.sortable-list .sort-handle.html-icon {
  -webkit-mask-image: url("/assets/images/icons/html.svg");
          mask-image: url("/assets/images/icons/html.svg");
}
.sortable-list .sort-handle.search-icon {
  -webkit-mask-image: url("/assets/images/icons/search.svg");
          mask-image: url("/assets/images/icons/search.svg");
}
.sortable-list .sort-handle.close-icon,
.sortable-list .sort-handle.clear-icon {
  -webkit-mask-image: url("/assets/images/icons/close.svg");
          mask-image: url("/assets/images/icons/close.svg");
}
.sortable-list .sort-handle.key-icon {
  -webkit-mask-image: url("/assets/images/icons/key.svg");
          mask-image: url("/assets/images/icons/key.svg");
}
.sortable-list .sort-handle.wrench-icon {
  -webkit-mask-image: url("/assets/images/icons/wrench.svg");
          mask-image: url("/assets/images/icons/wrench.svg");
}
.sortable-list .sort-handle.phone-icon {
  -webkit-mask-image: url("/assets/images/icons/phone.svg");
          mask-image: url("/assets/images/icons/phone.svg");
}
/**
 * Sortable category list
 */
.category-list,
.category-list li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.category-list .placeholder {
  outline: 1px dashed hsl(var(--main-color));
}
.category-list .sort-handle {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  height: 1.4em;
  width: 1.4em;
  min-height: 1.4em;
  min-width: 1.4em;
  background-color: hsl(var(--icon-color));
  -webkit-mask-image: url("/assets/images/icons/move.svg");
          mask-image: url("/assets/images/icons/move.svg");
  cursor: move;
}
.category-list .sort-handle.warning-icon {
  background-color: hsl(0, 100%, 40%);
  -webkit-mask-image: url("/assets/images/icons/warning.svg");
          mask-image: url("/assets/images/icons/warning.svg");
}
.category-list .sort-handle.success-icon {
  -webkit-mask-image: url("/assets/images/icons/check.svg");
          mask-image: url("/assets/images/icons/check.svg");
}
.category-list .sort-handle.edit-icon {
  -webkit-mask-image: url("/assets/images/icons/edit.svg");
          mask-image: url("/assets/images/icons/edit.svg");
}
.category-list .sort-handle.delete-icon {
  -webkit-mask-image: url("/assets/images/icons/delete.svg");
          mask-image: url("/assets/images/icons/delete.svg");
}
.category-list .sort-handle.view-icon {
  -webkit-mask-image: url("/assets/images/icons/eye.svg");
          mask-image: url("/assets/images/icons/eye.svg");
}
.category-list .sort-handle.hide-icon {
  -webkit-mask-image: url("/assets/images/icons/eye-closed.svg");
          mask-image: url("/assets/images/icons/eye-closed.svg");
}
.category-list .sort-handle.link-icon {
  -webkit-mask-image: url("/assets/images/icons/link.svg");
          mask-image: url("/assets/images/icons/link.svg");
}
.category-list .sort-handle.download-icon {
  -webkit-mask-image: url("/assets/images/icons/download.svg");
          mask-image: url("/assets/images/icons/download.svg");
}
.category-list .sort-handle.info-icon {
  -webkit-mask-image: url("/assets/images/icons/info.svg");
          mask-image: url("/assets/images/icons/info.svg");
}
.category-list .sort-handle.copy-icon {
  -webkit-mask-image: url("/assets/images/icons/copy.svg");
          mask-image: url("/assets/images/icons/copy.svg");
}
.category-list .sort-handle.translation-icon {
  -webkit-mask-image: url("/assets/images/icons/language.svg");
          mask-image: url("/assets/images/icons/language.svg");
}
.category-list .sort-handle.calendar-icon {
  -webkit-mask-image: url("/assets/images/icons/calendar.svg");
          mask-image: url("/assets/images/icons/calendar.svg");
}
.category-list .sort-handle.sort-icon {
  -webkit-mask-image: url("/assets/images/icons/move.svg");
          mask-image: url("/assets/images/icons/move.svg");
  cursor: move;
}
.category-list .sort-handle.help-icon {
  -webkit-mask-image: url("/assets/images/icons/help.svg");
          mask-image: url("/assets/images/icons/help.svg");
}
.category-list .sort-handle.tray-icon {
  -webkit-mask-image: url("/assets/images/icons/tray.svg");
          mask-image: url("/assets/images/icons/tray.svg");
}
.category-list .sort-handle.settings-icon {
  -webkit-mask-image: url("/assets/images/icons/settings.svg");
          mask-image: url("/assets/images/icons/settings.svg");
}
.category-list .sort-handle.image-icon {
  -webkit-mask-image: url("/assets/images/icons/image.svg");
          mask-image: url("/assets/images/icons/image.svg");
}
.category-list .sort-handle.add-icon {
  -webkit-mask-image: url("/assets/images/icons/add.svg");
          mask-image: url("/assets/images/icons/add.svg");
}
.category-list .sort-handle.plus-icon {
  -webkit-mask-image: url("/assets/images/icons/plus.svg");
          mask-image: url("/assets/images/icons/plus.svg");
}
.category-list .sort-handle.subtract-icon {
  -webkit-mask-image: url("/assets/images/icons/subtract.svg");
          mask-image: url("/assets/images/icons/subtract.svg");
}
.category-list .sort-handle.html-icon {
  -webkit-mask-image: url("/assets/images/icons/html.svg");
          mask-image: url("/assets/images/icons/html.svg");
}
.category-list .sort-handle.search-icon {
  -webkit-mask-image: url("/assets/images/icons/search.svg");
          mask-image: url("/assets/images/icons/search.svg");
}
.category-list .sort-handle.close-icon,
.category-list .sort-handle.clear-icon {
  -webkit-mask-image: url("/assets/images/icons/close.svg");
          mask-image: url("/assets/images/icons/close.svg");
}
.category-list .sort-handle.key-icon {
  -webkit-mask-image: url("/assets/images/icons/key.svg");
          mask-image: url("/assets/images/icons/key.svg");
}
.category-list .sort-handle.wrench-icon {
  -webkit-mask-image: url("/assets/images/icons/wrench.svg");
          mask-image: url("/assets/images/icons/wrench.svg");
}
.category-list .sort-handle.phone-icon {
  -webkit-mask-image: url("/assets/images/icons/phone.svg");
          mask-image: url("/assets/images/icons/phone.svg");
}
.category-list .placeholder,
.category-list .category-list-item {
  width: 600px;
}
.category-list li.collapsed > ol {
  display: none;
}
.category-list li.collapsed .category-collapse .icon {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  height: 1.4em;
  width: 1.4em;
  min-height: 1.4em;
  min-width: 1.4em;
  background-color: hsl(var(--icon-color));
  -webkit-mask-image: url("/assets/images/icons/plus.svg");
          mask-image: url("/assets/images/icons/plus.svg");
}
.category-list li.collapsed .category-collapse .icon.warning-icon {
  background-color: hsl(0, 100%, 40%);
  -webkit-mask-image: url("/assets/images/icons/warning.svg");
          mask-image: url("/assets/images/icons/warning.svg");
}
.category-list li.collapsed .category-collapse .icon.success-icon {
  -webkit-mask-image: url("/assets/images/icons/check.svg");
          mask-image: url("/assets/images/icons/check.svg");
}
.category-list li.collapsed .category-collapse .icon.edit-icon {
  -webkit-mask-image: url("/assets/images/icons/edit.svg");
          mask-image: url("/assets/images/icons/edit.svg");
}
.category-list li.collapsed .category-collapse .icon.delete-icon {
  -webkit-mask-image: url("/assets/images/icons/delete.svg");
          mask-image: url("/assets/images/icons/delete.svg");
}
.category-list li.collapsed .category-collapse .icon.view-icon {
  -webkit-mask-image: url("/assets/images/icons/eye.svg");
          mask-image: url("/assets/images/icons/eye.svg");
}
.category-list li.collapsed .category-collapse .icon.hide-icon {
  -webkit-mask-image: url("/assets/images/icons/eye-closed.svg");
          mask-image: url("/assets/images/icons/eye-closed.svg");
}
.category-list li.collapsed .category-collapse .icon.link-icon {
  -webkit-mask-image: url("/assets/images/icons/link.svg");
          mask-image: url("/assets/images/icons/link.svg");
}
.category-list li.collapsed .category-collapse .icon.download-icon {
  -webkit-mask-image: url("/assets/images/icons/download.svg");
          mask-image: url("/assets/images/icons/download.svg");
}
.category-list li.collapsed .category-collapse .icon.info-icon {
  -webkit-mask-image: url("/assets/images/icons/info.svg");
          mask-image: url("/assets/images/icons/info.svg");
}
.category-list li.collapsed .category-collapse .icon.copy-icon {
  -webkit-mask-image: url("/assets/images/icons/copy.svg");
          mask-image: url("/assets/images/icons/copy.svg");
}
.category-list li.collapsed .category-collapse .icon.translation-icon {
  -webkit-mask-image: url("/assets/images/icons/language.svg");
          mask-image: url("/assets/images/icons/language.svg");
}
.category-list li.collapsed .category-collapse .icon.calendar-icon {
  -webkit-mask-image: url("/assets/images/icons/calendar.svg");
          mask-image: url("/assets/images/icons/calendar.svg");
}
.category-list li.collapsed .category-collapse .icon.sort-icon {
  -webkit-mask-image: url("/assets/images/icons/move.svg");
          mask-image: url("/assets/images/icons/move.svg");
  cursor: move;
}
.category-list li.collapsed .category-collapse .icon.help-icon {
  -webkit-mask-image: url("/assets/images/icons/help.svg");
          mask-image: url("/assets/images/icons/help.svg");
}
.category-list li.collapsed .category-collapse .icon.tray-icon {
  -webkit-mask-image: url("/assets/images/icons/tray.svg");
          mask-image: url("/assets/images/icons/tray.svg");
}
.category-list li.collapsed .category-collapse .icon.settings-icon {
  -webkit-mask-image: url("/assets/images/icons/settings.svg");
          mask-image: url("/assets/images/icons/settings.svg");
}
.category-list li.collapsed .category-collapse .icon.image-icon {
  -webkit-mask-image: url("/assets/images/icons/image.svg");
          mask-image: url("/assets/images/icons/image.svg");
}
.category-list li.collapsed .category-collapse .icon.add-icon {
  -webkit-mask-image: url("/assets/images/icons/add.svg");
          mask-image: url("/assets/images/icons/add.svg");
}
.category-list li.collapsed .category-collapse .icon.plus-icon {
  -webkit-mask-image: url("/assets/images/icons/plus.svg");
          mask-image: url("/assets/images/icons/plus.svg");
}
.category-list li.collapsed .category-collapse .icon.subtract-icon {
  -webkit-mask-image: url("/assets/images/icons/subtract.svg");
          mask-image: url("/assets/images/icons/subtract.svg");
}
.category-list li.collapsed .category-collapse .icon.html-icon {
  -webkit-mask-image: url("/assets/images/icons/html.svg");
          mask-image: url("/assets/images/icons/html.svg");
}
.category-list li.collapsed .category-collapse .icon.search-icon {
  -webkit-mask-image: url("/assets/images/icons/search.svg");
          mask-image: url("/assets/images/icons/search.svg");
}
.category-list li.collapsed .category-collapse .icon.close-icon,
.category-list li.collapsed .category-collapse .icon.clear-icon {
  -webkit-mask-image: url("/assets/images/icons/close.svg");
          mask-image: url("/assets/images/icons/close.svg");
}
.category-list li.collapsed .category-collapse .icon.key-icon {
  -webkit-mask-image: url("/assets/images/icons/key.svg");
          mask-image: url("/assets/images/icons/key.svg");
}
.category-list li.collapsed .category-collapse .icon.wrench-icon {
  -webkit-mask-image: url("/assets/images/icons/wrench.svg");
          mask-image: url("/assets/images/icons/wrench.svg");
}
.category-list li.collapsed .category-collapse .icon.phone-icon {
  -webkit-mask-image: url("/assets/images/icons/phone.svg");
          mask-image: url("/assets/images/icons/phone.svg");
}
.category-list ol {
  margin: 0;
  padding: 0 0 0 2rem;
}
.category-list ol:first-child {
  padding: 0;
}
.category-list .category-list-item {
  display: flex;
  align-items: center;
  border-radius: 0.25rem;
  margin-bottom: 0.25rem;
  padding: 0.25rem;
  background: hsl(var(--content-alt-bg-color));
}
.category-list .category-list-item .category-handle {
  display: flex;
  align-items: center;
  cursor: move;
}
.category-list .category-list-item .category-handle .icon {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  height: 1.4em;
  width: 1.4em;
  min-height: 1.4em;
  min-width: 1.4em;
  background-color: hsl(var(--icon-color));
  -webkit-mask-image: url("/assets/images/icons/move.svg");
          mask-image: url("/assets/images/icons/move.svg");
  cursor: move;
}
.category-list .category-list-item .category-handle .icon.warning-icon {
  background-color: hsl(0, 100%, 40%);
  -webkit-mask-image: url("/assets/images/icons/warning.svg");
          mask-image: url("/assets/images/icons/warning.svg");
}
.category-list .category-list-item .category-handle .icon.success-icon {
  -webkit-mask-image: url("/assets/images/icons/check.svg");
          mask-image: url("/assets/images/icons/check.svg");
}
.category-list .category-list-item .category-handle .icon.edit-icon {
  -webkit-mask-image: url("/assets/images/icons/edit.svg");
          mask-image: url("/assets/images/icons/edit.svg");
}
.category-list .category-list-item .category-handle .icon.delete-icon {
  -webkit-mask-image: url("/assets/images/icons/delete.svg");
          mask-image: url("/assets/images/icons/delete.svg");
}
.category-list .category-list-item .category-handle .icon.view-icon {
  -webkit-mask-image: url("/assets/images/icons/eye.svg");
          mask-image: url("/assets/images/icons/eye.svg");
}
.category-list .category-list-item .category-handle .icon.hide-icon {
  -webkit-mask-image: url("/assets/images/icons/eye-closed.svg");
          mask-image: url("/assets/images/icons/eye-closed.svg");
}
.category-list .category-list-item .category-handle .icon.link-icon {
  -webkit-mask-image: url("/assets/images/icons/link.svg");
          mask-image: url("/assets/images/icons/link.svg");
}
.category-list .category-list-item .category-handle .icon.download-icon {
  -webkit-mask-image: url("/assets/images/icons/download.svg");
          mask-image: url("/assets/images/icons/download.svg");
}
.category-list .category-list-item .category-handle .icon.info-icon {
  -webkit-mask-image: url("/assets/images/icons/info.svg");
          mask-image: url("/assets/images/icons/info.svg");
}
.category-list .category-list-item .category-handle .icon.copy-icon {
  -webkit-mask-image: url("/assets/images/icons/copy.svg");
          mask-image: url("/assets/images/icons/copy.svg");
}
.category-list .category-list-item .category-handle .icon.translation-icon {
  -webkit-mask-image: url("/assets/images/icons/language.svg");
          mask-image: url("/assets/images/icons/language.svg");
}
.category-list .category-list-item .category-handle .icon.calendar-icon {
  -webkit-mask-image: url("/assets/images/icons/calendar.svg");
          mask-image: url("/assets/images/icons/calendar.svg");
}
.category-list .category-list-item .category-handle .icon.sort-icon {
  -webkit-mask-image: url("/assets/images/icons/move.svg");
          mask-image: url("/assets/images/icons/move.svg");
  cursor: move;
}
.category-list .category-list-item .category-handle .icon.help-icon {
  -webkit-mask-image: url("/assets/images/icons/help.svg");
          mask-image: url("/assets/images/icons/help.svg");
}
.category-list .category-list-item .category-handle .icon.tray-icon {
  -webkit-mask-image: url("/assets/images/icons/tray.svg");
          mask-image: url("/assets/images/icons/tray.svg");
}
.category-list .category-list-item .category-handle .icon.settings-icon {
  -webkit-mask-image: url("/assets/images/icons/settings.svg");
          mask-image: url("/assets/images/icons/settings.svg");
}
.category-list .category-list-item .category-handle .icon.image-icon {
  -webkit-mask-image: url("/assets/images/icons/image.svg");
          mask-image: url("/assets/images/icons/image.svg");
}
.category-list .category-list-item .category-handle .icon.add-icon {
  -webkit-mask-image: url("/assets/images/icons/add.svg");
          mask-image: url("/assets/images/icons/add.svg");
}
.category-list .category-list-item .category-handle .icon.plus-icon {
  -webkit-mask-image: url("/assets/images/icons/plus.svg");
          mask-image: url("/assets/images/icons/plus.svg");
}
.category-list .category-list-item .category-handle .icon.subtract-icon {
  -webkit-mask-image: url("/assets/images/icons/subtract.svg");
          mask-image: url("/assets/images/icons/subtract.svg");
}
.category-list .category-list-item .category-handle .icon.html-icon {
  -webkit-mask-image: url("/assets/images/icons/html.svg");
          mask-image: url("/assets/images/icons/html.svg");
}
.category-list .category-list-item .category-handle .icon.search-icon {
  -webkit-mask-image: url("/assets/images/icons/search.svg");
          mask-image: url("/assets/images/icons/search.svg");
}
.category-list .category-list-item .category-handle .icon.close-icon,
.category-list .category-list-item .category-handle .icon.clear-icon {
  -webkit-mask-image: url("/assets/images/icons/close.svg");
          mask-image: url("/assets/images/icons/close.svg");
}
.category-list .category-list-item .category-handle .icon.key-icon {
  -webkit-mask-image: url("/assets/images/icons/key.svg");
          mask-image: url("/assets/images/icons/key.svg");
}
.category-list .category-list-item .category-handle .icon.wrench-icon {
  -webkit-mask-image: url("/assets/images/icons/wrench.svg");
          mask-image: url("/assets/images/icons/wrench.svg");
}
.category-list .category-list-item .category-handle .icon.phone-icon {
  -webkit-mask-image: url("/assets/images/icons/phone.svg");
          mask-image: url("/assets/images/icons/phone.svg");
}
.category-list .category-list-item .category-collapse {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.category-list .category-list-item .category-collapse .icon {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  height: 1.4em;
  width: 1.4em;
  min-height: 1.4em;
  min-width: 1.4em;
  background-color: hsl(var(--icon-color));
  -webkit-mask-image: url("/assets/images/icons/subtract.svg");
          mask-image: url("/assets/images/icons/subtract.svg");
}
.category-list .category-list-item .category-collapse .icon.warning-icon {
  background-color: hsl(0, 100%, 40%);
  -webkit-mask-image: url("/assets/images/icons/warning.svg");
          mask-image: url("/assets/images/icons/warning.svg");
}
.category-list .category-list-item .category-collapse .icon.success-icon {
  -webkit-mask-image: url("/assets/images/icons/check.svg");
          mask-image: url("/assets/images/icons/check.svg");
}
.category-list .category-list-item .category-collapse .icon.edit-icon {
  -webkit-mask-image: url("/assets/images/icons/edit.svg");
          mask-image: url("/assets/images/icons/edit.svg");
}
.category-list .category-list-item .category-collapse .icon.delete-icon {
  -webkit-mask-image: url("/assets/images/icons/delete.svg");
          mask-image: url("/assets/images/icons/delete.svg");
}
.category-list .category-list-item .category-collapse .icon.view-icon {
  -webkit-mask-image: url("/assets/images/icons/eye.svg");
          mask-image: url("/assets/images/icons/eye.svg");
}
.category-list .category-list-item .category-collapse .icon.hide-icon {
  -webkit-mask-image: url("/assets/images/icons/eye-closed.svg");
          mask-image: url("/assets/images/icons/eye-closed.svg");
}
.category-list .category-list-item .category-collapse .icon.link-icon {
  -webkit-mask-image: url("/assets/images/icons/link.svg");
          mask-image: url("/assets/images/icons/link.svg");
}
.category-list .category-list-item .category-collapse .icon.download-icon {
  -webkit-mask-image: url("/assets/images/icons/download.svg");
          mask-image: url("/assets/images/icons/download.svg");
}
.category-list .category-list-item .category-collapse .icon.info-icon {
  -webkit-mask-image: url("/assets/images/icons/info.svg");
          mask-image: url("/assets/images/icons/info.svg");
}
.category-list .category-list-item .category-collapse .icon.copy-icon {
  -webkit-mask-image: url("/assets/images/icons/copy.svg");
          mask-image: url("/assets/images/icons/copy.svg");
}
.category-list .category-list-item .category-collapse .icon.translation-icon {
  -webkit-mask-image: url("/assets/images/icons/language.svg");
          mask-image: url("/assets/images/icons/language.svg");
}
.category-list .category-list-item .category-collapse .icon.calendar-icon {
  -webkit-mask-image: url("/assets/images/icons/calendar.svg");
          mask-image: url("/assets/images/icons/calendar.svg");
}
.category-list .category-list-item .category-collapse .icon.sort-icon {
  -webkit-mask-image: url("/assets/images/icons/move.svg");
          mask-image: url("/assets/images/icons/move.svg");
  cursor: move;
}
.category-list .category-list-item .category-collapse .icon.help-icon {
  -webkit-mask-image: url("/assets/images/icons/help.svg");
          mask-image: url("/assets/images/icons/help.svg");
}
.category-list .category-list-item .category-collapse .icon.tray-icon {
  -webkit-mask-image: url("/assets/images/icons/tray.svg");
          mask-image: url("/assets/images/icons/tray.svg");
}
.category-list .category-list-item .category-collapse .icon.settings-icon {
  -webkit-mask-image: url("/assets/images/icons/settings.svg");
          mask-image: url("/assets/images/icons/settings.svg");
}
.category-list .category-list-item .category-collapse .icon.image-icon {
  -webkit-mask-image: url("/assets/images/icons/image.svg");
          mask-image: url("/assets/images/icons/image.svg");
}
.category-list .category-list-item .category-collapse .icon.add-icon {
  -webkit-mask-image: url("/assets/images/icons/add.svg");
          mask-image: url("/assets/images/icons/add.svg");
}
.category-list .category-list-item .category-collapse .icon.plus-icon {
  -webkit-mask-image: url("/assets/images/icons/plus.svg");
          mask-image: url("/assets/images/icons/plus.svg");
}
.category-list .category-list-item .category-collapse .icon.subtract-icon {
  -webkit-mask-image: url("/assets/images/icons/subtract.svg");
          mask-image: url("/assets/images/icons/subtract.svg");
}
.category-list .category-list-item .category-collapse .icon.html-icon {
  -webkit-mask-image: url("/assets/images/icons/html.svg");
          mask-image: url("/assets/images/icons/html.svg");
}
.category-list .category-list-item .category-collapse .icon.search-icon {
  -webkit-mask-image: url("/assets/images/icons/search.svg");
          mask-image: url("/assets/images/icons/search.svg");
}
.category-list .category-list-item .category-collapse .icon.close-icon,
.category-list .category-list-item .category-collapse .icon.clear-icon {
  -webkit-mask-image: url("/assets/images/icons/close.svg");
          mask-image: url("/assets/images/icons/close.svg");
}
.category-list .category-list-item .category-collapse .icon.key-icon {
  -webkit-mask-image: url("/assets/images/icons/key.svg");
          mask-image: url("/assets/images/icons/key.svg");
}
.category-list .category-list-item .category-collapse .icon.wrench-icon {
  -webkit-mask-image: url("/assets/images/icons/wrench.svg");
          mask-image: url("/assets/images/icons/wrench.svg");
}
.category-list .category-list-item .category-collapse .icon.phone-icon {
  -webkit-mask-image: url("/assets/images/icons/phone.svg");
          mask-image: url("/assets/images/icons/phone.svg");
}
.category-list .category-list-item .category-id {
  margin: 0 0 0 1em;
}
.category-list .category-list-item .category-name {
  flex-grow: 1;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 1em;
}
.category-list .category-list-item .category-actions {
  display: flex;
  align-items: center;
}
/**
 * Product category form elements
 */
.product-category-list,
.product-category-list li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.product-category-list .placeholder {
  outline: 1px dashed hsl(var(--main-color));
}
.product-category-list .sort-handle {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  height: 1.4em;
  width: 1.4em;
  min-height: 1.4em;
  min-width: 1.4em;
  background-color: hsl(var(--icon-color));
  -webkit-mask-image: url("/assets/images/icons/move.svg");
          mask-image: url("/assets/images/icons/move.svg");
  cursor: move;
}
.product-category-list .sort-handle.warning-icon {
  background-color: hsl(0, 100%, 40%);
  -webkit-mask-image: url("/assets/images/icons/warning.svg");
          mask-image: url("/assets/images/icons/warning.svg");
}
.product-category-list .sort-handle.success-icon {
  -webkit-mask-image: url("/assets/images/icons/check.svg");
          mask-image: url("/assets/images/icons/check.svg");
}
.product-category-list .sort-handle.edit-icon {
  -webkit-mask-image: url("/assets/images/icons/edit.svg");
          mask-image: url("/assets/images/icons/edit.svg");
}
.product-category-list .sort-handle.delete-icon {
  -webkit-mask-image: url("/assets/images/icons/delete.svg");
          mask-image: url("/assets/images/icons/delete.svg");
}
.product-category-list .sort-handle.view-icon {
  -webkit-mask-image: url("/assets/images/icons/eye.svg");
          mask-image: url("/assets/images/icons/eye.svg");
}
.product-category-list .sort-handle.hide-icon {
  -webkit-mask-image: url("/assets/images/icons/eye-closed.svg");
          mask-image: url("/assets/images/icons/eye-closed.svg");
}
.product-category-list .sort-handle.link-icon {
  -webkit-mask-image: url("/assets/images/icons/link.svg");
          mask-image: url("/assets/images/icons/link.svg");
}
.product-category-list .sort-handle.download-icon {
  -webkit-mask-image: url("/assets/images/icons/download.svg");
          mask-image: url("/assets/images/icons/download.svg");
}
.product-category-list .sort-handle.info-icon {
  -webkit-mask-image: url("/assets/images/icons/info.svg");
          mask-image: url("/assets/images/icons/info.svg");
}
.product-category-list .sort-handle.copy-icon {
  -webkit-mask-image: url("/assets/images/icons/copy.svg");
          mask-image: url("/assets/images/icons/copy.svg");
}
.product-category-list .sort-handle.translation-icon {
  -webkit-mask-image: url("/assets/images/icons/language.svg");
          mask-image: url("/assets/images/icons/language.svg");
}
.product-category-list .sort-handle.calendar-icon {
  -webkit-mask-image: url("/assets/images/icons/calendar.svg");
          mask-image: url("/assets/images/icons/calendar.svg");
}
.product-category-list .sort-handle.sort-icon {
  -webkit-mask-image: url("/assets/images/icons/move.svg");
          mask-image: url("/assets/images/icons/move.svg");
  cursor: move;
}
.product-category-list .sort-handle.help-icon {
  -webkit-mask-image: url("/assets/images/icons/help.svg");
          mask-image: url("/assets/images/icons/help.svg");
}
.product-category-list .sort-handle.tray-icon {
  -webkit-mask-image: url("/assets/images/icons/tray.svg");
          mask-image: url("/assets/images/icons/tray.svg");
}
.product-category-list .sort-handle.settings-icon {
  -webkit-mask-image: url("/assets/images/icons/settings.svg");
          mask-image: url("/assets/images/icons/settings.svg");
}
.product-category-list .sort-handle.image-icon {
  -webkit-mask-image: url("/assets/images/icons/image.svg");
          mask-image: url("/assets/images/icons/image.svg");
}
.product-category-list .sort-handle.add-icon {
  -webkit-mask-image: url("/assets/images/icons/add.svg");
          mask-image: url("/assets/images/icons/add.svg");
}
.product-category-list .sort-handle.plus-icon {
  -webkit-mask-image: url("/assets/images/icons/plus.svg");
          mask-image: url("/assets/images/icons/plus.svg");
}
.product-category-list .sort-handle.subtract-icon {
  -webkit-mask-image: url("/assets/images/icons/subtract.svg");
          mask-image: url("/assets/images/icons/subtract.svg");
}
.product-category-list .sort-handle.html-icon {
  -webkit-mask-image: url("/assets/images/icons/html.svg");
          mask-image: url("/assets/images/icons/html.svg");
}
.product-category-list .sort-handle.search-icon {
  -webkit-mask-image: url("/assets/images/icons/search.svg");
          mask-image: url("/assets/images/icons/search.svg");
}
.product-category-list .sort-handle.close-icon,
.product-category-list .sort-handle.clear-icon {
  -webkit-mask-image: url("/assets/images/icons/close.svg");
          mask-image: url("/assets/images/icons/close.svg");
}
.product-category-list .sort-handle.key-icon {
  -webkit-mask-image: url("/assets/images/icons/key.svg");
          mask-image: url("/assets/images/icons/key.svg");
}
.product-category-list .sort-handle.wrench-icon {
  -webkit-mask-image: url("/assets/images/icons/wrench.svg");
          mask-image: url("/assets/images/icons/wrench.svg");
}
.product-category-list .sort-handle.phone-icon {
  -webkit-mask-image: url("/assets/images/icons/phone.svg");
          mask-image: url("/assets/images/icons/phone.svg");
}
.product-category-list .product-category {
  display: inline-flex;
  align-items: center;
  border-radius: 0.25rem;
  margin-bottom: 0.25rem;
  padding: 0.25rem;
  background: hsl(var(--content-alt-bg-color));
}
.product-category-list .product-category .sort-handle {
  flex-shrink: 0;
}
.product-category-list .product-category .product-category-picker {
  padding: 0 0.5rem;
}
.product-category-list .product-category .product-category-picker .category-picker-indicator {
  width: 400px;
}
.product-category-list .product-category .product-category-delete {
  padding: 0 0.5rem;
  flex-shrink: 0;
}
/**
 * Sort list
 */
.single-sort-list,
.single-sort-list li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.single-sort-list .placeholder {
  outline: 1px dashed hsl(var(--main-color));
}
.single-sort-list .sort-handle {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  height: 1.4em;
  width: 1.4em;
  min-height: 1.4em;
  min-width: 1.4em;
  background-color: hsl(var(--icon-color));
  -webkit-mask-image: url("/assets/images/icons/move.svg");
          mask-image: url("/assets/images/icons/move.svg");
  cursor: move;
}
.single-sort-list .sort-handle.warning-icon {
  background-color: hsl(0, 100%, 40%);
  -webkit-mask-image: url("/assets/images/icons/warning.svg");
          mask-image: url("/assets/images/icons/warning.svg");
}
.single-sort-list .sort-handle.success-icon {
  -webkit-mask-image: url("/assets/images/icons/check.svg");
          mask-image: url("/assets/images/icons/check.svg");
}
.single-sort-list .sort-handle.edit-icon {
  -webkit-mask-image: url("/assets/images/icons/edit.svg");
          mask-image: url("/assets/images/icons/edit.svg");
}
.single-sort-list .sort-handle.delete-icon {
  -webkit-mask-image: url("/assets/images/icons/delete.svg");
          mask-image: url("/assets/images/icons/delete.svg");
}
.single-sort-list .sort-handle.view-icon {
  -webkit-mask-image: url("/assets/images/icons/eye.svg");
          mask-image: url("/assets/images/icons/eye.svg");
}
.single-sort-list .sort-handle.hide-icon {
  -webkit-mask-image: url("/assets/images/icons/eye-closed.svg");
          mask-image: url("/assets/images/icons/eye-closed.svg");
}
.single-sort-list .sort-handle.link-icon {
  -webkit-mask-image: url("/assets/images/icons/link.svg");
          mask-image: url("/assets/images/icons/link.svg");
}
.single-sort-list .sort-handle.download-icon {
  -webkit-mask-image: url("/assets/images/icons/download.svg");
          mask-image: url("/assets/images/icons/download.svg");
}
.single-sort-list .sort-handle.info-icon {
  -webkit-mask-image: url("/assets/images/icons/info.svg");
          mask-image: url("/assets/images/icons/info.svg");
}
.single-sort-list .sort-handle.copy-icon {
  -webkit-mask-image: url("/assets/images/icons/copy.svg");
          mask-image: url("/assets/images/icons/copy.svg");
}
.single-sort-list .sort-handle.translation-icon {
  -webkit-mask-image: url("/assets/images/icons/language.svg");
          mask-image: url("/assets/images/icons/language.svg");
}
.single-sort-list .sort-handle.calendar-icon {
  -webkit-mask-image: url("/assets/images/icons/calendar.svg");
          mask-image: url("/assets/images/icons/calendar.svg");
}
.single-sort-list .sort-handle.sort-icon {
  -webkit-mask-image: url("/assets/images/icons/move.svg");
          mask-image: url("/assets/images/icons/move.svg");
  cursor: move;
}
.single-sort-list .sort-handle.help-icon {
  -webkit-mask-image: url("/assets/images/icons/help.svg");
          mask-image: url("/assets/images/icons/help.svg");
}
.single-sort-list .sort-handle.tray-icon {
  -webkit-mask-image: url("/assets/images/icons/tray.svg");
          mask-image: url("/assets/images/icons/tray.svg");
}
.single-sort-list .sort-handle.settings-icon {
  -webkit-mask-image: url("/assets/images/icons/settings.svg");
          mask-image: url("/assets/images/icons/settings.svg");
}
.single-sort-list .sort-handle.image-icon {
  -webkit-mask-image: url("/assets/images/icons/image.svg");
          mask-image: url("/assets/images/icons/image.svg");
}
.single-sort-list .sort-handle.add-icon {
  -webkit-mask-image: url("/assets/images/icons/add.svg");
          mask-image: url("/assets/images/icons/add.svg");
}
.single-sort-list .sort-handle.plus-icon {
  -webkit-mask-image: url("/assets/images/icons/plus.svg");
          mask-image: url("/assets/images/icons/plus.svg");
}
.single-sort-list .sort-handle.subtract-icon {
  -webkit-mask-image: url("/assets/images/icons/subtract.svg");
          mask-image: url("/assets/images/icons/subtract.svg");
}
.single-sort-list .sort-handle.html-icon {
  -webkit-mask-image: url("/assets/images/icons/html.svg");
          mask-image: url("/assets/images/icons/html.svg");
}
.single-sort-list .sort-handle.search-icon {
  -webkit-mask-image: url("/assets/images/icons/search.svg");
          mask-image: url("/assets/images/icons/search.svg");
}
.single-sort-list .sort-handle.close-icon,
.single-sort-list .sort-handle.clear-icon {
  -webkit-mask-image: url("/assets/images/icons/close.svg");
          mask-image: url("/assets/images/icons/close.svg");
}
.single-sort-list .sort-handle.key-icon {
  -webkit-mask-image: url("/assets/images/icons/key.svg");
          mask-image: url("/assets/images/icons/key.svg");
}
.single-sort-list .sort-handle.wrench-icon {
  -webkit-mask-image: url("/assets/images/icons/wrench.svg");
          mask-image: url("/assets/images/icons/wrench.svg");
}
.single-sort-list .sort-handle.phone-icon {
  -webkit-mask-image: url("/assets/images/icons/phone.svg");
          mask-image: url("/assets/images/icons/phone.svg");
}
.single-sort-list .placeholder,
.single-sort-list .sort-list-item {
  width: 500px;
}
.sort-list-item {
  display: inline-flex;
  align-items: center;
  border-radius: 0.25rem;
  margin-bottom: 0.25rem;
  padding: 0.25rem;
  background: hsl(var(--content-alt-bg-color));
}
.sort-list-item .sort-handle {
  margin-right: 0.5rem;
}
.sort-list-item .sort-list-item-description {
  flex-grow: 1;
  -ms-hyphens: auto;
      hyphens: auto;
}
.sort-list-item .sort-list-item-icons {
  padding: 0 0.25rem;
  white-space: nowrap;
}
/**
 * Trigger list items
 */
.trigger-list,
.trigger-list li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.trigger-list .placeholder {
  outline: 1px dashed hsl(var(--main-color));
}
.trigger-list .sort-handle {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  height: 1.4em;
  width: 1.4em;
  min-height: 1.4em;
  min-width: 1.4em;
  background-color: hsl(var(--icon-color));
  -webkit-mask-image: url("/assets/images/icons/move.svg");
          mask-image: url("/assets/images/icons/move.svg");
  cursor: move;
}
.trigger-list .sort-handle.warning-icon {
  background-color: hsl(0, 100%, 40%);
  -webkit-mask-image: url("/assets/images/icons/warning.svg");
          mask-image: url("/assets/images/icons/warning.svg");
}
.trigger-list .sort-handle.success-icon {
  -webkit-mask-image: url("/assets/images/icons/check.svg");
          mask-image: url("/assets/images/icons/check.svg");
}
.trigger-list .sort-handle.edit-icon {
  -webkit-mask-image: url("/assets/images/icons/edit.svg");
          mask-image: url("/assets/images/icons/edit.svg");
}
.trigger-list .sort-handle.delete-icon {
  -webkit-mask-image: url("/assets/images/icons/delete.svg");
          mask-image: url("/assets/images/icons/delete.svg");
}
.trigger-list .sort-handle.view-icon {
  -webkit-mask-image: url("/assets/images/icons/eye.svg");
          mask-image: url("/assets/images/icons/eye.svg");
}
.trigger-list .sort-handle.hide-icon {
  -webkit-mask-image: url("/assets/images/icons/eye-closed.svg");
          mask-image: url("/assets/images/icons/eye-closed.svg");
}
.trigger-list .sort-handle.link-icon {
  -webkit-mask-image: url("/assets/images/icons/link.svg");
          mask-image: url("/assets/images/icons/link.svg");
}
.trigger-list .sort-handle.download-icon {
  -webkit-mask-image: url("/assets/images/icons/download.svg");
          mask-image: url("/assets/images/icons/download.svg");
}
.trigger-list .sort-handle.info-icon {
  -webkit-mask-image: url("/assets/images/icons/info.svg");
          mask-image: url("/assets/images/icons/info.svg");
}
.trigger-list .sort-handle.copy-icon {
  -webkit-mask-image: url("/assets/images/icons/copy.svg");
          mask-image: url("/assets/images/icons/copy.svg");
}
.trigger-list .sort-handle.translation-icon {
  -webkit-mask-image: url("/assets/images/icons/language.svg");
          mask-image: url("/assets/images/icons/language.svg");
}
.trigger-list .sort-handle.calendar-icon {
  -webkit-mask-image: url("/assets/images/icons/calendar.svg");
          mask-image: url("/assets/images/icons/calendar.svg");
}
.trigger-list .sort-handle.sort-icon {
  -webkit-mask-image: url("/assets/images/icons/move.svg");
          mask-image: url("/assets/images/icons/move.svg");
  cursor: move;
}
.trigger-list .sort-handle.help-icon {
  -webkit-mask-image: url("/assets/images/icons/help.svg");
          mask-image: url("/assets/images/icons/help.svg");
}
.trigger-list .sort-handle.tray-icon {
  -webkit-mask-image: url("/assets/images/icons/tray.svg");
          mask-image: url("/assets/images/icons/tray.svg");
}
.trigger-list .sort-handle.settings-icon {
  -webkit-mask-image: url("/assets/images/icons/settings.svg");
          mask-image: url("/assets/images/icons/settings.svg");
}
.trigger-list .sort-handle.image-icon {
  -webkit-mask-image: url("/assets/images/icons/image.svg");
          mask-image: url("/assets/images/icons/image.svg");
}
.trigger-list .sort-handle.add-icon {
  -webkit-mask-image: url("/assets/images/icons/add.svg");
          mask-image: url("/assets/images/icons/add.svg");
}
.trigger-list .sort-handle.plus-icon {
  -webkit-mask-image: url("/assets/images/icons/plus.svg");
          mask-image: url("/assets/images/icons/plus.svg");
}
.trigger-list .sort-handle.subtract-icon {
  -webkit-mask-image: url("/assets/images/icons/subtract.svg");
          mask-image: url("/assets/images/icons/subtract.svg");
}
.trigger-list .sort-handle.html-icon {
  -webkit-mask-image: url("/assets/images/icons/html.svg");
          mask-image: url("/assets/images/icons/html.svg");
}
.trigger-list .sort-handle.search-icon {
  -webkit-mask-image: url("/assets/images/icons/search.svg");
          mask-image: url("/assets/images/icons/search.svg");
}
.trigger-list .sort-handle.close-icon,
.trigger-list .sort-handle.clear-icon {
  -webkit-mask-image: url("/assets/images/icons/close.svg");
          mask-image: url("/assets/images/icons/close.svg");
}
.trigger-list .sort-handle.key-icon {
  -webkit-mask-image: url("/assets/images/icons/key.svg");
          mask-image: url("/assets/images/icons/key.svg");
}
.trigger-list .sort-handle.wrench-icon {
  -webkit-mask-image: url("/assets/images/icons/wrench.svg");
          mask-image: url("/assets/images/icons/wrench.svg");
}
.trigger-list .sort-handle.phone-icon {
  -webkit-mask-image: url("/assets/images/icons/phone.svg");
          mask-image: url("/assets/images/icons/phone.svg");
}
.trigger-list .trigger-rule,
.trigger-list .trigger-action {
  display: inline-flex;
  align-items: center;
  border-radius: 0.25rem;
  margin-bottom: 0.25rem;
  padding: 0.25rem 1rem;
  background: rgba(0, 0, 0, 0.05);
}
.trigger-list .trigger-rule .sort-handle,
.trigger-list .trigger-action .sort-handle {
  margin-right: 0.5rem;
  display: none;
}
.trigger-list .trigger-rule .trigger-rule-property,
.trigger-list .trigger-action .trigger-rule-property {
  width: 200px;
  margin-right: 0.5rem;
}
.trigger-list .trigger-rule .trigger-rule-operator,
.trigger-list .trigger-action .trigger-rule-operator {
  margin-right: 0.5rem;
}
.trigger-list .trigger-rule .trigger-rule-operator .searchable-select-search-box,
.trigger-list .trigger-action .trigger-rule-operator .searchable-select-search-box {
  width: 125px;
}
.trigger-list .trigger-rule .trigger-rule-value,
.trigger-list .trigger-action .trigger-rule-value {
  margin-right: 0.5rem;
}
.trigger-list .trigger-rule .trigger-action-property,
.trigger-list .trigger-action .trigger-action-property {
  width: 200px;
  margin-right: 0.5rem;
}
.trigger-list .trigger-rule .trigger-action-operation,
.trigger-list .trigger-action .trigger-action-operation {
  margin-right: 0.5rem;
}
.trigger-list .trigger-rule .trigger-action-operation .searchable-select-search-box,
.trigger-list .trigger-action .trigger-action-operation .searchable-select-search-box {
  width: 125px;
}
.trigger-list .trigger-rule .trigger-action-value,
.trigger-list .trigger-action .trigger-action-value {
  margin-right: 0.5rem;
}
/**
 * Modal dialog
 */
body.no-scroll {
  overflow: hidden;
}
.modal-overlay {
  background: rgba(120, 120, 120, 0.3);
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-y: scroll;
  box-sizing: border-box;
  z-index: 2000;
}
.modal-overlay .modal-container {
  margin: 5vh auto 5vh auto;
  width: 100%;
  max-width: 1000px;
  border: 1px hsl(var(--payoff-color)) solid;
  border-radius: 0.3rem;
  background: hsl(var(--content-bg-color));
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
.modal-overlay .modal-container.modal-size-small {
  max-width: 500px;
}
.modal-overlay .modal-container .modal-header {
  border-bottom: 1px hsl(var(--payoff-color)) solid;
  padding: 1rem;
  display: flex;
  justify-content: space-between;
}
.modal-overlay .modal-container .modal-header .modal-title {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  font-size: 1.25rem;
}
.modal-overlay .modal-container .modal-header .modal-close {
  cursor: pointer;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: bold;
}
.modal-overlay .modal-container .modal-body {
  padding: 1rem;
}
.modal-overlay .modal-container .modal-footer {
  border-top: 1px hsl(var(--payoff-color)) solid;
  padding: 1rem;
  display: flex;
  justify-content: flex-end;
}
.modal-overlay .modal-container .modal-footer .modal-button {
  margin-left: 0.5rem;
}
#help-modal {
  width: 400px;
  height: 600px;
  border: 1px hsl(var(--payoff-color)) solid;
  border-radius: 0.3rem;
  background: hsl(var(--content-bg-color));
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3000;
}
#help-modal #help-modal-header {
  padding: 0 1rem;
  border-bottom: 1px hsl(var(--payoff-color)) solid;
  display: grid;
  grid-template-columns: auto -webkit-min-content -webkit-min-content;
  grid-template-columns: auto min-content min-content;
  grid-gap: 1rem;
}
#help-modal #help-modal-header #help-modal-title {
  padding: 1rem 0;
  cursor: move;
  line-height: 1.5;
  font-size: 1.25rem;
}
#help-modal #help-modal-header #help-modal-refresh,
#help-modal #help-modal-header #help-modal-close {
  padding: 1rem 0;
  cursor: pointer;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: bold;
}
#help-modal #help-modal-search {
  display: flex;
  margin-bottom: 1rem;
}
#help-modal #help-modal-search #help-modal-search-input {
  flex-grow: 1;
}
#help-modal #help-modal-body {
  padding: 1rem;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  flex-grow: 1;
  scrollbar-width: thin;
  scrollbar-color: hsl(var(--payoff-color)) white;
}
#help-modal .help-topic-title {
  display: flex;
  cursor: pointer;
  font-weight: bold;
}
#help-modal .help-topic-title h2 {
  order: 2;
  flex-grow: 1;
}
#help-modal .help-topic-title .help-topic-toggle {
  order: 1;
}
#help-modal .help-topic-title > * {
  font-size: 1.2rem;
  line-height: 1.5rem;
}
#help-modal .help-topic.open {
  margin-bottom: 1rem;
}
#help-modal .help-topic.close .help-topic-content {
  display: none;
}
/**
 * Table
 */
table {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
}
table th,
table td {
  text-align: left;
  padding: 0.2em 0.5em;
  font-size: inherit;
}
table th.left,
table td.left {
  text-align: left;
}
table th.right,
table td.right {
  text-align: right;
}
table th.center,
table td.center {
  text-align: center;
}
table th.icons,
table td.icons {
  padding: 0 0.5em;
  vertical-align: middle;
  text-align: right;
}
table th.icons.left,
table td.icons.left {
  text-align: left;
}
table th.icons .icon,
table td.icons .icon {
  margin-left: 0.25em;
}
table th.icons .icon:first-child,
table td.icons .icon:first-child {
  margin-left: 0;
}
table th.no-padding,
table td.no-padding {
  padding: 0;
}
table.info-table {
  margin-bottom: 2rem;
}
table.info-table th {
  width: 250px;
  vertical-align: top;
  font-weight: 300;
  padding-left: 0;
}
table.info-table > tr > *:first-child {
  padding-left: 0;
}
table.info-table > tr > *:last-child {
  padding-right: 0;
}
table.info-table .description {
  font-size: 0.8rem;
  color: hsl(var(--payoff-color));
  margin: 0;
}
table.overview {
  width: 100%;
  table-layout: fixed;
}
table.overview td {
  vertical-align: top;
}
table.overview th,
table.overview td {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
table.overview th.wrap,
table.overview td.wrap {
  white-space: normal;
  word-wrap: break-word;
}
table.overview th.nowrap,
table.overview td.nowrap,
table.overview th.icons,
table.overview td.icons {
  overflow: auto;
  text-overflow: clip;
}
table.overview th.left-border,
table.overview td.left-border {
  border-left-width: 1px;
  border-left-style: solid;
}
table.overview.sub-overview {
  font-size: 0.8rem;
}
table.overview.sub-overview > thead > tr > th {
  border-top: 0;
}
table.overview > thead > tr,
table.overview > thead > tr > th {
  background: hsl(var(--content-bg-color));
  border-top: 1px solid hsl(var(--border-color));
  border-bottom: 2px solid hsl(var(--border-color));
}
table.overview > tbody > tr:nth-of-type(2n+1),
table.overview > tbody > tr:nth-of-type(2n+1) > td {
  background: hsl(var(--content-alt-bg-color));
}
table.overview > tbody > tr:nth-of-type(2n),
table.overview > tbody > tr:nth-of-type(2n) > td {
  background: hsl(var(--content-bg-color));
}
table.overview > tbody > tr,
table.overview > tbody > tr > td {
  border-color: hsl(var(--border-color));
  border-bottom: 1px solid hsl(var(--border-color));
}
table.overview > tbody > tr.primary,
table.overview > tbody > tr.primary > td {
  background-color: #cce5ff;
  border-color: #b8daff;
  color: #004085;
}
table.overview > tbody > tr.secondary,
table.overview > tbody > tr.secondary > td {
  background-color: #e2e3e5;
  border-color: #d6d8db;
  color: #383d41;
}
table.overview > tbody > tr.info,
table.overview > tbody > tr.info > td {
  background-color: #d1ecf1;
  border-color: #bee5eb;
  color: #0c5460;
}
table.overview > tbody > tr.success,
table.overview > tbody > tr.success > td {
  background-color: #d4edda;
  border-color: #c3e6cb;
  color: #155724;
}
table.overview > tbody > tr.warning,
table.overview > tbody > tr.warning > td {
  background-color: #fff3cd;
  border-color: #ffeeba;
  color: #856404;
}
table.overview > tbody > tr.error,
table.overview > tbody > tr.error > td {
  background-color: #f8d7da;
  border-color: #f5c6cb;
  color: #721c24;
}
col.col-id,
col.id-col {
  width: 5em;
}
col.col-date {
  width: 10em;
}
input,
select,
option,
textarea,
button,
a.button {
  box-sizing: border-box;
  font-size: inherit;
  font-family: inherit;
  line-height: 2;
  margin: 0;
  font-weight: normal;
}
input:last-child,
select:last-child,
option:last-child,
textarea:last-child,
button:last-child,
a.button:last-child {
  margin-right: 0;
}
a,
button,
label,
select,
option,
input[type=checkbox],
input[type=radio] {
  cursor: pointer;
}
input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=date],
select,
textarea,
button,
a.button {
  padding: 0 0.5em;
  border: 1px hsl(var(--input-border-color)) solid;
  background-color: hsl(var(--input-bg-color));
  color: hsl(var(--input-text-color));
  border-radius: 0.25rem;
  vertical-align: middle;
}
input[type=checkbox][disabled] + label,
input[type=radio][disabled] + label {
  opacity: 0.5;
}
input[type="radio"],
input[type="checkbox"] {
  width: 1em;
  height: 1em;
  accent-color: hsl(var(--button-border-color));
}
input.search-input {
  padding-right: 2em;
  background-repeat: no-repeat;
  background-image: var(--select-search-icon);
  background-position: right 0.5em center;
  background-size: auto 1em;
}
input[type=text],
input[type=password],
input[type=email],
select,
textarea.short-width {
  width: 300px;
}
input[type=number] {
  width: 150px;
}
input[type=number][size="2"] {
  width: 4.5rem;
}
input[type=number][size="3"] {
  width: 5.5rem;
}
input[type=number][size="4"] {
  width: 6.5rem;
}
input[type=number][size="5"] {
  width: 7.5rem;
}
select option {
  color: hsl(var(--input-text-color));
}
select option:disabled {
  color: hsl(var(--input-disabled-text-color));
}
select option[data-depth="2"] {
  padding-left: 1rem;
}
select option[data-depth="3"] {
  padding-left: 1.5rem;
}
select option[data-depth="4"] {
  padding-left: 2rem;
}
select option[data-depth="5"] {
  padding-left: 2.5rem;
}
select option[data-depth="6"] {
  padding-left: 3rem;
}
textarea {
  width: 100%;
  max-width: 50rem;
}
select:disabled,
select[readonly],
textarea:disabled,
textarea[readonly],
input:disabled,
input[readonly] {
  background-color: hsl(var(--input-disabled-bg-color));
  border-color: hsl(var(--input-disabled-border-color));
  color: hsl(var(--input-disabled-text-color));
  cursor: default;
}
/**
 * Buttons
 */
button,
a.button {
  display: inline-block;
  color: hsl(var(--button-text-color));
  background: hsl(var(--button-bg-color));
  border-color: hsl(var(--button-border-color));
  font-weight: normal;
  text-decoration: none;
  text-align: center;
}
button.small-button,
a.button.small-button {
  padding: 0 0.5em;
  line-height: 1.5;
  font-size: 0.8em;
}
button .icon,
a.button .icon {
  background-color: hsl(var(--button-text-color));
}
button::-moz-focus-inner,
a.button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button:hover,
a.button:hover {
  background: hsl(var(--main-color-dark));
  border-color: hsl(var(--main-color-dark));
}
button:disabled,
a.button:disabled,
button:hover:disabled,
a.button:hover:disabled {
  opacity: 0.5;
  cursor: default;
}
button.secondary:hover,
a.button.secondary:hover {
  color: hsl(var(--button-secondary-bg-color));
  background: hsl(var(--button-secondary-text-color));
  border-color: hsl(var(--button-secondary-border-color));
}
button.secondary:hover .icon,
a.button.secondary:hover .icon {
  background-color: hsl(var(--button-secondary-bg-color));
}
button.secondary,
a.button.secondary,
button.secondary:disabled:hover,
a.button.secondary:disabled:hover {
  color: hsl(var(--button-secondary-text-color));
  background-color: transparent;
  border-color: hsl(var(--button-secondary-border-color));
}
button.secondary .icon,
a.button.secondary .icon,
button.secondary:disabled:hover .icon,
a.button.secondary:disabled:hover .icon {
  background-color: hsl(var(--button-secondary-text-color));
}
button.delete-button:hover,
a.button.delete-button:hover {
  background: hsl(0, 100%, 30%);
  border-color: hsl(0, 100%, 30%);
}
button.delete-button,
a.button.delete-button {
  color: hsl(var(--button-text-color));
  background-color: hsl(0, 100%, 40%);
  border-color: hsl(0, 100%, 40%);
}
button.delete-button .icon,
a.button.delete-button .icon {
  background-color: hsl(var(--button-text-color));
}
button.delete-button.secondary:hover,
a.button.delete-button.secondary:hover {
  color: hsl(var(--button-text-color));
  background-color: hsl(0, 100%, 40%);
  border-color: hsl(0, 100%, 40%);
}
button.delete-button.secondary:hover .icon,
a.button.delete-button.secondary:hover .icon {
  background-color: hsl(var(--button-text-color));
}
button.delete-button.secondary,
a.button.delete-button.secondary,
button.delete-button.secondary:disabled:hover,
a.button.delete-button.secondary:disabled:hover {
  color: hsl(0, 100%, 40%);
  background: hsl(var(--button-secondary-bg-color));
  border-color: hsl(0, 100%, 40%);
}
button.delete-button.secondary .icon,
a.button.delete-button.secondary .icon,
button.delete-button.secondary:disabled:hover .icon,
a.button.delete-button.secondary:disabled:hover .icon {
  background-color: hsl(0, 100%, 40%);
}
.button-group {
  margin-right: 0.75rem;
}
/**
 * Dropdown button
 */
.dropdown-toggle:after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-button {
  display: inline-block;
}
.dropdown-button:focus-within .dropdown-toggle {
  color: hsl(var(--button-secondary-text-color));
  background: hsl(var(--button-secondary-bg-color));
}
.dropdown-button:focus-within .dropdown-options,
.dropdown-button .dropdown-toggle:not(:disabled):active + .dropdown-options,
.dropdown-button .dropdown-toggle:not(:disabled):focus + .dropdown-options {
  display: block;
}
.dropdown-button .dropdown-options {
  display: none;
  position: absolute;
  border: 1px solid hsl(var(--button-secondary-border-color));
  background: hsl(var(--button-secondary-bg-color));
  border-radius: 0.25rem;
  padding: 0.25rem 0;
  min-width: 10rem;
}
.dropdown-button .dropdown-options:hover {
  display: block;
}
.dropdown-button .dropdown-options button {
  display: block;
  border: 0;
  border-radius: 0;
  padding: 0.25rem 0.5rem;
  margin: 0;
  color: hsl(var(--button-secondary-text-color));
  background: hsl(var(--button-secondary-bg-color));
  width: 100%;
  text-align: left;
}
.dropdown-button .dropdown-options button:hover {
  color: hsl(var(--button-secondary-bg-color));
  background: hsl(var(--button-secondary-text-color));
}
/**
 * Search suggestions
 */
.search-result {
  padding: 0;
  border: 1px hsl(var(--input-border-color)) solid;
  border-radius: 0.25rem;
  box-sizing: border-box;
  position: absolute;
  background: hsl(var(--content-bg-color));
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: hsl(var(--border-color)) hsl(var(--content-bg-color));
  white-space: nowrap;
  max-height: 30rem;
  max-width: 400px;
}
.search-result table {
  width: 100%;
}
.search-result .search-result-item {
  cursor: pointer;
}
.search-result .search-result-item.selected {
  color: hsl(var(--button-secondary-bg-color));
  background: hsl(var(--button-secondary-text-color));
}
.search-result .td,
.search-result.no-results {
  line-height: 2rem;
  padding: 0 0.3rem;
}
/**
 * File input
 */
.file-input-box {
  background: hsl(var(--input-bg-color));
  outline: 2px dashed hsl(var(--input-border-color));
  outline-offset: -0.5rem;
  padding: 1rem;
}
.file-input-box.is-dragover {
  outline-color: hsl(var(--main-color));
}
.file-input-box.activated-input {
  box-sizing: border-box;
  width: 14rem;
  height: 6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.file-input-box.activated-input > * {
  max-width: 100%;
  display: block;
  text-align: center;
}
.file-input-box.activated-input input[type=file] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.file-input-box.activated-input .file-input-list {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: none;
}
/**
 * Language selector
 */
.ui-switcher {
  display: flex;
}
.ui-switcher .ui-switcher-button {
  padding: 0 0.75rem;
  color: hsl(var(--button-secondary-text-color));
  background-color: transparent;
  border: 1px solid hsl(var(--button-secondary-border-color));
  border-left-width: 0;
  font-weight: normal;
  text-decoration: none;
}
.ui-switcher .ui-switcher-button:first-child {
  border-left-width: 1px;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.ui-switcher .ui-switcher-button:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.ui-switcher .ui-switcher-button.is-current-option,
.ui-switcher .ui-switcher-button:hover {
  color: hsl(var(--button-secondary-bg-color));
  background: hsl(var(--button-secondary-text-color));
  border-color: hsl(var(--button-secondary-border-color));
}
.ui-switcher.app-font-size-switcher .ui-switcher-button {
  line-height: 1.8rem;
}
/**
 * Category picker indicator
 */
.category-picker-indicator {
  min-width: 300px;
  width: 300px;
  display: inline-block;
  margin: 0 0.25rem 0 0;
  font-size: 0.8rem;
}
.category-picker-indicator.category-picker-active {
  cursor: pointer;
}
.category-picker-indicator .category-picker-indicator-path {
  padding: 0.25rem 0.5rem;
  border: 1px hsl(var(--input-border-color)) solid;
  border-radius: 0.25rem;
  background-color: hsl(var(--input-bg-color));
  color: hsl(var(--input-text-color));
}
.category-picker-path {
  width: auto;
  display: flex;
  box-sizing: border-box;
  font-family: inherit;
  line-height: 1.5rem;
  font-weight: normal;
}
.category-picker-path .category-picker-path-item {
  flex: 0 1 auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.category-picker-path .category-picker-path-item.category-picker-category-code {
  margin-right: 0.4em;
  color: hsl(var(--payoff-color));
}
.category-picker-path .category-picker-path-item.super-category-item {
  font-weight: 500;
}
.category-picker-path .category-picker-path-item.super-category-item,
.category-picker-path .category-picker-path-item:last-child {
  flex-shrink: 0;
  max-width: 66%;
}
.category-picker-path .category-picker-path-ellipsis,
.category-picker-path .category-picker-path-separator {
  padding: 0 2px;
}
/**
 * Category picker selector
 */
.category-picker-selector {
  box-sizing: border-box;
  border-radius: 0.25rem;
  border: 1px solid hsl(var(--input-border-color));
  background: hsl(var(--input-bg-color));
}
.category-picker-selector .category-picker-selector-search input {
  border: 0;
  width: 100%;
  font-size: 0.8rem;
}
.category-picker-selector .category-picker-selector-parents .category-picker-selector-super,
.category-picker-selector .category-picker-selector-parents .category-picker-selector-item {
  border-bottom: 1px solid hsl(var(--input-border-color));
}
.category-picker-selector .category-picker-selector-children {
  background-color: hsl(var(--content-alt-bg-color));
}
.category-picker-selector .category-picker-selector-super,
.category-picker-selector .category-picker-selector-item {
  display: block;
  cursor: pointer;
  padding: 0.1rem 0.5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.category-picker-selector .category-picker-selector-super.selected,
.category-picker-selector .category-picker-selector-item.selected {
  color: hsl(var(--button-secondary-bg-color));
  background: hsl(var(--button-secondary-text-color));
}
.category-picker-selector .category-picker-selector-item {
  color: hsl(var(--text-color));
}
.category-picker-selector .category-picker-category-code {
  margin-right: 0.4em;
  color: hsl(var(--payoff-color));
}
.category-picker-selector .category-picker-selector-super {
  background-color: hsl(var(--button-secondary-bg-color));
  color: hsl(var(--button-secondary-text-color));
  font-weight: 500;
}
.category-picker-selector .category-picker-selector-buttons {
  padding: 0.5rem;
  gap: 0.5rem;
  display: flex;
  justify-content: flex-end;
}
.category-picker-selector .category-picker-selector-buttons button {
  font-size: 0.8rem;
}
/**
 * Searchable select
 */
.searchable-select-search-box {
  cursor: pointer;
  padding-right: 2em;
  background-repeat: no-repeat;
  background-image: var(--select-dropdown-icon);
  background-position: right 0.5em center;
  background-size: auto 1em;
}
.searchable-select-search-box[disabled] {
  cursor: default;
  background-image: none;
}
.searchable-select-search-box:focus {
  cursor: text;
  background-image: var(--select-search-icon);
}
/**
 * Form container grid
 */
.form-container {
  margin-bottom: 2rem;
  display: grid;
  row-gap: 0.5rem;
}
.form-container .form-row {
  display: grid;
  grid-template-columns: 250px auto;
  grid-template-rows: auto;
  grid-template-areas: "label element";
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
}
.form-container .form-label {
  grid-area: label;
}
.form-container .form-element {
  grid-area: element;
}
.form-container .description {
  font-size: 0.8rem;
  color: hsl(var(--payoff-color));
  margin: 0;
}
.form-container .description .error {
  color: hsl(0, 100%, 40%);
}
/**
 * Put form elements in either a vertical or horizontal row
 */
.form-elements-vertical {
  display: grid;
  grid-template-columns: -webkit-fit-content;
  grid-template-columns: fit-content;
  gap: 0.5rem;
}
.form-elements-horizontal {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.form-elements-horizontal > * {
  flex: 0 0 fit-content;
}
/**
 * Skwirrel API docs styling
 */
.skwirrel-documentation {
  counter-reset: section;
  word-wrap: break-word;
}
.skwirrel-documentation p {
  text-align: justify;
}
.skwirrel-documentation > p,
.skwirrel-documentation > ul,
.skwirrel-documentation > table {
  margin: 1rem 0 0 0;
}
.skwirrel-documentation p,
.skwirrel-documentation ul,
.skwirrel-documentation .codeblock {
  max-width: 80ch;
}
.skwirrel-documentation .parameter-table {
  max-width: 120ch;
}
.skwirrel-documentation * {
  box-sizing: border-box;
}
.skwirrel-documentation h2,
.skwirrel-documentation h3,
.skwirrel-documentation h4,
.skwirrel-documentation h5,
.skwirrel-documentation h5,
.skwirrel-documentation h6 {
  margin: 2.5rem 0 0 0;
}
.skwirrel-documentation h2:before,
.skwirrel-documentation h3:before,
.skwirrel-documentation h4:before,
.skwirrel-documentation h5:before,
.skwirrel-documentation h5:before,
.skwirrel-documentation h6:before {
  display: inline-block;
}
.skwirrel-documentation h2 .header-link,
.skwirrel-documentation h3 .header-link,
.skwirrel-documentation h4 .header-link,
.skwirrel-documentation h5 .header-link,
.skwirrel-documentation h5 .header-link,
.skwirrel-documentation h6 .header-link {
  display: inline-block;
  color: hsl(var(--link-color));
  margin-left: 0.5em;
  padding: 0 0.5em;
}
.skwirrel-documentation h2 .header-link:hover,
.skwirrel-documentation h3 .header-link:hover,
.skwirrel-documentation h4 .header-link:hover,
.skwirrel-documentation h5 .header-link:hover,
.skwirrel-documentation h5 .header-link:hover,
.skwirrel-documentation h6 .header-link:hover {
  background: hsl(var(--payoff-color));
}
.skwirrel-documentation h2 {
  counter-reset: sub-section;
}
.skwirrel-documentation h2:first-of-type {
  counter-set: section 0;
}
.skwirrel-documentation h2:before {
  counter-increment: section;
  content: counter(section) " ";
  margin-right: 1em;
}
.skwirrel-documentation h3 {
  counter-reset: composite;
}
.skwirrel-documentation h3:before {
  counter-increment: sub-section;
  content: counter(section) "." counter(sub-section) " ";
  margin-right: 1em;
}
.skwirrel-documentation h4 {
  counter-reset: detail;
}
.skwirrel-documentation h4:before {
  counter-increment: composite;
  content: counter(section) "." counter(sub-section) "." counter(composite) " ";
  margin-right: 1em;
}
.skwirrel-documentation h5:before {
  counter-increment: detail;
  content: counter(section) "." counter(sub-section) "." counter(composite) "." counter(detail) " ";
  margin-right: 1em;
}
.skwirrel-documentation .parameter-table {
  width: 100%;
  padding: 0;
  border-collapse: collapse;
}
.skwirrel-documentation .parameter-table th,
.skwirrel-documentation .parameter-table td {
  border: 1px hsl(var(--payoff-color)) solid;
  vertical-align: top;
}
.skwirrel-documentation .parameter-table th {
  font-weight: bold;
  background: hsl(var(--payoff-color));
  color: hsl(var(--text-heading-color));
}
.skwirrel-documentation .parameter-table .parameter-is-mandatory .parameter-name-col {
  font-weight: bold;
}
.skwirrel-documentation .parameter-table .parameter-is-deprecated {
  color: hsl(var(--payoff-color));
  font-style: italic;
}
.skwirrel-documentation .parameter-table .parameter-name-col,
.skwirrel-documentation .parameter-table .parameter-type-col,
.skwirrel-documentation .parameter-table .parameter-default-col {
  font-family: monospace;
}
.skwirrel-documentation #skwirrel-doc-toc {
  display: none;
  margin: 1.5rem 0 0 0;
}
.skwirrel-documentation #skwirrel-doc-toc .link-to-heading-h2 {
  counter-reset: sub-section;
}
.skwirrel-documentation #skwirrel-doc-toc .link-to-heading-h2:before {
  display: inline-block;
  counter-increment: section;
  content: counter(section) " ";
  margin-right: 1em;
}
.skwirrel-documentation #skwirrel-doc-toc .link-to-heading-h3 {
  padding-left: 1rem;
  counter-reset: composite;
}
.skwirrel-documentation #skwirrel-doc-toc .link-to-heading-h3:before {
  display: inline-block;
  counter-increment: sub-section;
  content: counter(section) "." counter(sub-section) " ";
  margin-right: 1em;
}
.skwirrel-documentation #skwirrel-doc-toc .link-to-heading-h4 {
  padding-left: 2rem;
  counter-reset: detail;
}
.skwirrel-documentation #skwirrel-doc-toc .link-to-heading-h4:before {
  display: inline-block;
  counter-increment: composite;
  content: counter(section) "." counter(sub-section) "." counter(composite) " ";
  margin-right: 1em;
}
.skwirrel-documentation #skwirrel-doc-toc .link-to-heading-h5 {
  padding-left: 3rem;
}
.skwirrel-documentation #skwirrel-doc-toc .link-to-heading-h5:before {
  display: inline-block;
  counter-increment: detail;
  content: counter(section) "." counter(sub-section) "." counter(composite) "." counter(detail) " ";
  margin-right: 1em;
}
.skwirrel-documentation #skwirrel-doc-toc .link-to-heading-h6 {
  padding-left: 4rem;
}
.codeblock {
  margin: 1rem 0 0 0;
  border: 1px hsl(var(--payoff-color)) solid;
}
.codeblock figcaption {
  padding: 0.5rem;
  line-height: normal;
  margin: 0;
  font-weight: bold;
  background: hsl(var(--payoff-color));
  color: hsl(var(--text-heading-color));
  border-bottom: 1px hsl(var(--payoff-color)) solid;
}
.codeblock pre {
  display: block;
  padding: 0.5rem;
  white-space: pre-wrap;
  -moz-tab-size: 4;
    -o-tab-size: 4;
       tab-size: 4;
  background: hsl(var(--content-alt-bg-color));
  line-height: normal;
  margin: 0;
}
.image-gallery {
  display: flex;
  flex-wrap: wrap;
}
.image-gallery .image-gallery-box {
  margin-right: 1rem;
  margin-bottom: 1rem;
  padding: 1rem;
  background: white;
  box-shadow: rgba(0, 0, 0, 0.09) 0 6px 9px 0;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.image-gallery .image-gallery-box .image-gallery-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 256px;
  height: 256px;
}
.image-gallery .image-gallery-box .image-gallery-file-name {
  display: block;
  width: 256px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  color: hsl(var(--payoff-color));
}
.image-gallery .image-gallery-box .image-gallery-markdown {
  width: 256px;
  max-width: 256px;
}