:root {
  --wsf-debug-color-background: #FFFFFF;
  --wsf-debug-color: #000000;
  --wsf-debug-color-light: #A3A3A3;
  --wsf-debug-color-lighter: #CCCCCC;
  --wsf-debug-color-lightest: #F3F3F3;
  --wsf-debug-color-background-success: #F4FDF7;
  --wsf-debug-color-success: #0C3614;
  --wsf-debug-color-background-information: #EDF1F8;
  --wsf-debug-color-information: #124477;
  --wsf-debug-color-background-warning: #FFFCE6;
  --wsf-debug-color-warning: #5D3C00;
  --wsf-debug-color-background-danger: #FFF0F0;
  --wsf-debug-color-danger: #FF0000;
  --wsf-debug-tab-color-background: #E5E5E5;
  --wsf-debug-tab-color: #5A5A5A;
  --wsf-debug-tab-active-color: #333333;
  --wsf-debug-table-border-color: #DADADA;
}

@media (prefers-color-scheme: dark) {
  :root {
    --wsf-debug-color-background: #242424;
    --wsf-debug-color: #ABABAB;
    --wsf-debug-color-light: #A3A3A3;
    --wsf-debug-color-lighter: #3D3D3D;
    --wsf-debug-color-lightest: #333333;
    --wsf-debug-color-background-success: #0C3614;
    --wsf-debug-color-success: #F4FDF7;
    --wsf-debug-color-background-information: #124477;
    --wsf-debug-color-information: #EDF1F8;
    --wsf-debug-color-background-warning: #332B00;
    --wsf-debug-color-warning: #FFDE9F;
    --wsf-debug-color-background-danger: #290000;
    --wsf-debug-color-danger: #FF8180;
    --wsf-debug-tab-color-background: #000000;
    --wsf-debug-tab-color: #A5A5A5;
    --wsf-debug-tab-active-color: #EAEAEA;
    --wsf-debug-table-border-color: #3A3A3A;
  }
}

.wsf-form-identify {
  outline: 1px dashed var(--wsf-debug-color-information);
}

#wsf-debug {
  background-color: var(--wsf-debug-color-background);
  bottom: 0;
  color: var(--wsf-debug-color);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 12px;
  font-variant: normal;
  font-weight: 400;
  height: var(--wsf-debug-height);
  letter-spacing: normal;
  line-height: 1.2;
  left: 0;
  position: fixed;
  text-decoration: none;
  text-transform: none;
  width: 100%;
  z-index: 9999998;
}

#wsf-debug div, #wsf-debug span, #wsf-debug applet, #wsf-debug object, #wsf-debug iframe,
#wsf-debug h1, #wsf-debug h2, #wsf-debug h3, #wsf-debug h4, #wsf-debug h5, #wsf-debug h6, #wsf-debug p, #wsf-debug blockquote, #wsf-debug pre,
#wsf-debug a, #wsf-debug abbr, #wsf-debug acronym, #wsf-debug address, #wsf-debug big, #wsf-debug cite, #wsf-debug code,
#wsf-debug del, #wsf-debug dfn, #wsf-debug em, #wsf-debug img, #wsf-debug ins, #wsf-debug kbd, #wsf-debug q, #wsf-debug s, #wsf-debug samp,
#wsf-debug small, #wsf-debug strike, #wsf-debug strong, #wsf-debug sub, #wsf-debug sup, #wsf-debug tt, #wsf-debug var,
#wsf-debug b, #wsf-debug u, #wsf-debug i, #wsf-debug center,
#wsf-debug dl, #wsf-debug dt, #wsf-debug dd, #wsf-debug ol, #wsf-debug ul, #wsf-debug li,
#wsf-debug fieldset, #wsf-debug form, #wsf-debug label, #wsf-debug legend,
#wsf-debug table, #wsf-debug caption, #wsf-debug tbody, #wsf-debug tfoot, #wsf-debug thead, #wsf-debug tr, #wsf-debug th, #wsf-debug td,
#wsf-debug article, #wsf-debug aside, #wsf-debug canvas, #wsf-debug details, #wsf-debug embed,
#wsf-debug figure, #wsf-debug figcaption, #wsf-debug footer, #wsf-debug header, #wsf-debug hgroup,
#wsf-debug menu, #wsf-debug nav, #wsf-debug output, #wsf-debug ruby, #wsf-debug section, #wsf-debug summary,
#wsf-debug time, #wsf-debug mark, #wsf-debug audio, #wsf-debug video {
  border: 0;
  color: inherit;
  font-family: inherit;
  font-size: 100%;
  font-variant: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
  text-decoration: inherit;
  text-transform: inherit;
  vertical-align: inherit;
}

#wsf-debug article, #wsf-debug aside, #wsf-debug details, #wsf-debug figcaption, #wsf-debug figure,
#wsf-debug footer, #wsf-debug header, #wsf-debug hgroup, #wsf-debug menu, #wsf-debug nav, #wsf-debug section {
  display: block;
}

#wsf-debug ol, #wsf-debug ul {
  list-style: none;
}

#wsf-debug blockquote, #wsf-debug q {
  quotes: none;
}

#wsf-debug blockquote::before, #wsf-debug blockquote::after,
#wsf-debug q::before, #wsf-debug q::after {
  content: '';
  content: none;
}

#wsf-debug table {
  border-collapse: collapse;
  border-spacing: 0;
}

#wsf-debug *, #wsf-debug *::before, #wsf-debug *::after {
  box-sizing: border-box;
}

#wsf-debug i {
  font-style: italic;
}

#wsf-debug strong {
  font-weight: bold;
}

#wsf-debug a:focus {
  outline: 0;
}

#wsf-debug ul {
  font-size: 12px;
}

#wsf-debug table {
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  border-bottom: 1px solid var(--wsf-debug-table-border-color);
  width: 100%;
}

#wsf-debug table thead {
  background-color: var(--wsf-debug-color-lightest);
  border: none;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 100;
}

#wsf-debug table thead + tbody::before {
  content: '';
  display: block;
  height: 19px;
}

#wsf-debug table tr + tr th, #wsf-debug table tr + tr td {
  border-top: 1px solid var(--wsf-debug-table-border-color);
}

#wsf-debug table tr th, #wsf-debug table tr td {
  border-left: 1px solid var(--wsf-debug-table-border-color);
  color: var(--wsf-debug-color);
  font-family: monospace;
  font-size: 11px;
  padding: 3px;
  text-align: left;
}

#wsf-debug table tr th:first-child, #wsf-debug table tr td:first-child {
  min-width: 180px;
  width: 180px;
}

#wsf-debug table tr th:last-child, #wsf-debug table tr td:last-child {
  min-width: calc(100% - 180px);
  width: calc(100% - 180px);
}

#wsf-debug table tr th {
  background-color: var(--wsf-debug-color-lightest);
}

#wsf-debug table tr td {
  background-color: var(--wsf-debug-color-background);
}

#wsf-debug table tr td pre {
  background-color: var(--wsf-debug-color-lightest);
  color: var(--wsf-debug-color);
  font-family: monospace;
  font-size: 11px;
  padding: 3px;
}

#wsf-debug table tr.wsf-audit-text td,
#wsf-debug table tr.wsf-audit-calc td,
#wsf-debug table tr.wsf-audit-conditional td {
  background-color: var(--wsf-debug-color-background-warning);
  color: var(--wsf-debug-color-warning);
}

#wsf-debug table tr.wsf-audit-text td pre,
#wsf-debug table tr.wsf-audit-calc td pre,
#wsf-debug table tr.wsf-audit-conditional td pre {
  background-color: var(--wsf-debug-color-background-warning);
  color: var(--wsf-debug-color-warning);
}

#wsf-debug table tr.wsf-audit-analytics td,
#wsf-debug table tr.wsf-audit-payment td,
#wsf-debug table tr.wsf-audit-ecommerce td,
#wsf-debug table tr.wsf-audit-duplicate-protect td,
#wsf-debug table tr.wsf-audit-spam-protect td,
#wsf-debug table tr.wsf-audit-action td {
  background-color: var(--wsf-debug-color-background-success);
  color: var(--wsf-debug-color-success);
}

#wsf-debug table tr.wsf-audit-analytics td pre,
#wsf-debug table tr.wsf-audit-payment td pre,
#wsf-debug table tr.wsf-audit-ecommerce td pre,
#wsf-debug table tr.wsf-audit-duplicate-protect td pre,
#wsf-debug table tr.wsf-audit-spam-protect td pre,
#wsf-debug table tr.wsf-audit-action td pre {
  background-color: var(--wsf-debug-color-background-success);
  color: var(--wsf-debug-color-success);
}

#wsf-debug table tr.wsf-audit-event td {
  background-color: var(--wsf-debug-color-background-information);
  color: var(--wsf-debug-color-information);
}

#wsf-debug table tr.wsf-audit-event td pre {
  background-color: var(--wsf-debug-color-background-information);
  color: var(--wsf-debug-color-information);
}

#wsf-debug table tr.wsf-audit-error-parse-variables td,
#wsf-debug table tr.wsf-audit-error-ecommerce td {
  background-color: var(--wsf-debug-color-background-danger);
  color: var(--wsf-debug-color-danger);
}

#wsf-debug table tr.wsf-audit-error-parse-variables td pre,
#wsf-debug table tr.wsf-audit-error-ecommerce td pre {
  background-color: var(--wsf-debug-color-background-danger);
  color: var(--wsf-debug-color-danger);
}

#wsf-debug .wsf-debug-table-full table {
  width: 100%;
}

#wsf-debug .wsf-debug-table-full th:first-child {
  width: 160px;
}

#wsf-debug .wsf-debug-publish-pending {
  background-color: #3D7DD5;
  border-radius: 0;
  color: var(--wsf-debug-color-background);
  font-size: 10px;
  padding: 1px 4px;
}

#wsf-debug #wsf-debug-nav-wrapper {
  background-color: var(--wsf-debug-color-lightest);
  border-bottom: 1px solid var(--wsf-debug-color-lighter);
  border-top: 1px solid var(--wsf-debug-color-lighter);
  cursor: ns-resize;
}

#wsf-debug #wsf-debug-nav {
  display: inline-block;
  line-height: 28px;
  margin: 0 0 0 69px;
  height: 28px;
}

#wsf-debug #wsf-debug-nav li {
  display: inline-block;
  cursor: pointer;
  height: 28px;
  overflow-y: visible;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#wsf-debug #wsf-debug-nav li a {
  color: var(--wsf-debug-tab-color);
  cursor: pointer;
  display: block;
  height: 28px;
  padding: 0 10px;
  text-align: center;
  text-decoration: none;
  transition: none;
}

#wsf-debug #wsf-debug-nav li:hover a {
  background-color: var(--wsf-debug-tab-color-background);
  color: var(--wsf-debug-tab-active-color);
}

#wsf-debug #wsf-debug-nav li.wsf-tab-active a {
  background-color: var(--wsf-debug-tab-color-background);
  border-bottom: 1px solid var(--wsf-debug-color-information);
  color: var(--wsf-debug-tab-active-color);
}

#wsf-debug .wsf-debug-logo {
  display: block;
  left: 0;
  padding: 7px 8px;
  position: absolute;
  top: 0;
}

#wsf-debug .wsf-debug-logo svg {
  height: 15px;
  width: 53px;
}

@media (prefers-color-scheme: dark) {
  #wsf-debug .wsf-debug-logo svg path {
    fill: #FFFFFF;
  }
}

#wsf-debug .wsf-debug-minimize {
  cursor: pointer;
  position: absolute;
  right: 44px;
  top: 6px;
}

#wsf-debug .wsf-debug-minimize path {
  fill: var(--wsf-debug-tab-color);
}

#wsf-debug .wsf-debug-minimize:hover path {
  fill: var(--wsf-debug-tab-active-color);
}

#wsf-debug .wsf-debug-restore {
  cursor: pointer;
  position: absolute;
  right: 24px;
  top: 6px;
}

#wsf-debug .wsf-debug-restore path {
  fill: var(--wsf-debug-tab-color);
}

#wsf-debug .wsf-debug-restore:hover path {
  fill: var(--wsf-debug-tab-active-color);
}

#wsf-debug .wsf-debug-close {
  cursor: pointer;
  position: absolute;
  right: 4px;
  top: 6px;
}

#wsf-debug .wsf-debug-close path {
  fill: var(--wsf-debug-tab-color);
}

#wsf-debug .wsf-debug-close:hover path {
  fill: var(--wsf-debug-tab-active-color);
}

#wsf-debug .wsf-debug-instance-helpers li {
  display: inline-block;
}

#wsf-debug .wsf-debug-nav-sub {
  background-color: var(--wsf-debug-color-lightest);
  border-bottom: 1px solid var(--wsf-debug-color-lighter);
  height: 28px;
  line-height: 26px;
  padding-top: 2px;
}

#wsf-debug .wsf-debug-nav-sub li {
  cursor: pointer;
  display: inline-block;
  height: 28px;
  overflow-y: visible;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#wsf-debug .wsf-debug-nav-sub li a {
  color: var(--wsf-debug-tab-color);
  cursor: pointer;
  display: block;
  height: 24px;
  padding: 0 10px;
  text-align: center;
  text-decoration: none;
  transition: none;
}

#wsf-debug .wsf-debug-nav-sub li:hover a {
  background-color: var(--wsf-debug-tab-color-background);
  color: var(--wsf-debug-tab-active-color);
}

#wsf-debug .wsf-debug-nav-sub li.wsf-tab-active a {
  background-color: var(--wsf-debug-color-background);
  border-left: 1px solid var(--wsf-debug-color-lighter);
  border-right: 1px solid var(--wsf-debug-color-lighter);
  border-top: 1px solid var(--wsf-debug-color-lighter);
  color: var(--wsf-debug-tab-active-color);
  height: 26px;
  padding: 0 9px;
}

#wsf-debug .wsf-debug-instance-toolbar {
  border-bottom: 1px solid var(--wsf-debug-table-border-color);
  overflow: hidden;
}

#wsf-debug .wsf-debug-instance-toolbar li {
  cursor: pointer;
  display: inline-block;
  padding: 4px 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#wsf-debug .wsf-debug-instance-toolbar li svg {
  cursor: pointer;
  height: 16px;
  vertical-align: text-bottom;
  width: 16px;
  display: inline-block;
}

#wsf-debug .wsf-debug-instance-toolbar li a,
#wsf-debug .wsf-debug-instance-toolbar li [data-action] {
  color: var(--wsf-debug-tab-color);
  transition: none;
}

#wsf-debug .wsf-debug-instance-toolbar li a:hover,
#wsf-debug .wsf-debug-instance-toolbar li [data-action]:hover {
  color: var(--wsf-debug-tab-active-color);
}

#wsf-debug .wsf-debug-instance-info-action {
  display: inline-block;
  margin-left: 5px;
}

#wsf-debug .wsf-debug-instance-info-action svg {
  cursor: pointer;
  height: 12px;
  vertical-align: text-top;
  width: 12px;
}

#wsf-debug .wsf-debug-instance-toolbar li svg path,
#wsf-debug .wsf-debug-instance-info-action svg path {
  fill: var(--wsf-debug-tab-color);
  transition: none;
}

#wsf-debug .wsf-debug-instance-toolbar li:hover svg path,
#wsf-debug .wsf-debug-instance-info-action:hover svg path {
  fill: var(--wsf-debug-tab-active-color);
}

#wsf-debug .wsf-debug-instance-panel {
  overflow-y: scroll;
}

#wsf-debug.wsf-debug-rtl {
  left: auto;
  right: 0;
}

#wsf-debug.wsf-debug-rtl table tr th, #wsf-debug.wsf-debug-rtl table tr td {
  text-align: right;
}

#wsf-debug.wsf-debug-rtl thead {
  left: auto;
  right: 0;
}

#wsf-debug.wsf-debug-rtl th {
  border-left: none;
  border-right: 1px solid var(--wsf-debug-table-border-color);
  text-align: right;
}

#wsf-debug.wsf-debug-rtl td {
  border-left: none;
  border-right: 1px solid var(--wsf-debug-table-border-color);
}

#wsf-debug.wsf-debug-rtl #wsf-debug-nav {
  margin: 0 69px 0 0;
}

#wsf-debug.wsf-debug-rtl .wsf-debug-logo {
  left: auto;
  right: 0;
}

#wsf-debug.wsf-debug-rtl .wsf-debug-minimize {
  left: 24px;
  right: auto;
}

#wsf-debug.wsf-debug-rtl .wsf-debug-restore {
  left: 4px;
  right: auto;
}

#wsf-debug.wsf-debug-rtl .wsf-debug-instance-info-action {
  margin-left: 0;
  margin-right: 5px;
}

.wsf-debug-scroll-lock {
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: fixed;
}