* {
  font-family: Figtree,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important
}
:root {
  --page-bg: #f7f7fc;
  --content-bg: rgb(98.2745098039%, 98.7450980392%, 99.0588235294%);
  --text-primary: #333333;
  --text-brighter: rgb(50%, 50%, 50%);
  --text-secondary: #555555;
  --text-secondary2: rgb(69.3333333333%, 69.3333333333%, 69.3333333333%);
  --table-head-foot-bg: #efefef;
  --table-border-color: rgb(83.7254901961%, 83.7254901961%, 83.7254901961%);
  --scrollbar-track-bg: rgb(88.7254901961%, 88.7254901961%, 88.7254901961%);
  --accent-line-color: #4a90e2;
  --button-bg: #0A192F;
  --button-text: #f7f7fc;
  --button-primary-bg: #0070c0;
  --button-primary-text: #f7f7fc;
  --button-primary-bg-hover: rgb(0%, 32.2549019608%, 55.2941176471%);
  --button-secondary-bg: rgb(221, 217, 215);
  --button-secondary-text: #000000;
  --button-secondary-bg-hover: rgb(50%, 50%, 50%);
  --sheen-color: rgba(33.2941176471%, 72.2058823529%, 100%, 0.35);
  --shadow-sm: 0 3px 9px -5px rgba(0, 0, 0, 0.2);
  --shadow-lg: 0 7px 14px -9px rgba(0, 0, 0, 0.4);
  --button-shadow-color: rgba(0, 0, 0, 0.87);
  --border-color: #e9ecef;
  --border-color-rgb: 233,236,239;
  --toast-border: #e9ecef;
  --rules-bg: #fafafa;
  --color-table-header: rgba(0, 0, 0, 0.87);
  --accent-color-transparent: rgba(0, 112, 192, 0.2);
  --button-bg-hover: rgb(7.4303405573%, 18.5758513932%, 34.9226006192%);
  --footer-bg: rgba(0, 0, 0, 0.03);
  --input-bg: #f7f7fc;
  --input-bg-readonly: rgb(89.5900178253%, 89.5900178253%, 96.0962566845%);
  --checkbox-bg: var(--input-bg);
  --checkbox-border-color: var(--border-color);
  --checkbox-checked-bg: var(--accent);
  --checkbox-checkmark-color: var(--button-primary-text);
  --accent: #0070c0;
  --accent-hover: rgb(0%, 32.2549019608%, 55.2941176471%);
  --accent-dark-30: rgb(0%, 8.9215686275%, 15.2941176471%);
  --accent-dark-40: hsl(205, 100%, -2.3529411765%);
  --hero-bg: #fafafa;
  --warning-color: #c62828;
  --warning-bg: rgba(245, 124, 0, 0.1);
  --warning-border: #f57c00;
  --table-row-hover-bg: rgba(0, 0, 0, 0.04);
  --accent-focus-shadow: rgba(0, 112, 192, 0.25);
  --element-hover-bg: #fafafa;
  --skeleton-bg: linear-gradient(90deg, #f1f1f1 25%, #e0e0e0 50%, #f1f1f1 75%);
  --btn-deactivate-bg: #c62828;
  --btn-activate-bg: #2e7d32;
  --btn-email-bg: #0ea5e9;
  --btn-rights-bg: #8b5cf6;
  --filebrowser-bg: #f4f7f9;
  --filebrowser-header-bg-1: rgb(96.9803921569%, 97.8039215686%, 98.3529411765%);
  --filebrowser-header-bg-2: rgb(91.8039215686%, 94.0392156863%, 95.5294117647%);
  --filebrowser-table-header-1: rgb(92.6862745098%, 92.6862745098%, 92.6862745098%);
  --filebrowser-table-header-2: rgb(88.6862745098%, 88.6862745098%, 88.6862745098%);
  --filebrowser-row-hover: #fafafa;
  --filebrowser-context-bg-1: #f4f7f9;
  --filebrowser-context-bg-2: rgb(90.5098039216%, 93.0980392157%, 94.8235294118%);
  --filebrowser-modal-bg-1: rgb(94.3921568627%, 95.9215686275%, 96.9411764706%);
  --filebrowser-modal-bg-2: rgb(89.2156862745%, 92.1568627451%, 94.1176470588%);
  --filebrowser-accent-focus-shadow: rgba(0, 112, 192, 0.25);
  --sidebar-separator-color: rgba(233, 236, 239, 0.55);
  --sidebar-separator-gradient: linear-gradient(to right, rgba(204, 204, 204, 0) 0%, rgba(204, 204, 204, 0) 4%, rgba(204, 204, 204, 0) 12%, rgba(204, 204, 204, 0.28) 22%, rgba(204, 204, 204, 0.88) 50%, rgba(204, 204, 204, 0.28) 78%, rgba(204, 204, 204, 0) 88%, rgba(204, 204, 204, 0) 96%, rgba(204, 204, 204, 0) 100% )
}
[data-theme=dark] {
  --page-bg: #121212;
  --content-bg: #1E1E1E;
  --text-primary: #E0E0E0;
  --text-brighter: rgba(122, 122, 122, 0.8);
  --text-secondary: #BDBDBD;
  --text-secondary2: rgb(38.1176470588%, 38.1176470588%, 38.1176470588%);
  --accent-line-color: #0070c0;
  --button-bg: rgb(4.1176470588%, 4.1176470588%, 4.1176470588%);
  --button-text: #E0E0E0;
  --button-primary-bg: #0c0c0c;
  --button-primary-text: #E0E0E0;
  --button-bg-hover: rgb(10.7058823529%, 10.7058823529%, 10.7058823529%);
  --button-primary-bg-hover: rgb(10.7058823529%, 10.7058823529%, 10.7058823529%);
  --button-secondary-bg: rgb(2.9411764706%, 2.9411764706%, 2.9411764706%);
  --button-secondary-text: rgb(52.8431372549%, 52.8431372549%, 52.8431372549%);
  --button-secondary-bg-hover: rgb(8.9411764706%, 8.9411764706%, 8.9411764706%);
  --sheen-color: rgba(33.1176470588%, 33.1176470588%, 33.1176470588%, 0.3);
  --shadow-sm: 0 4px 15px -5px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 30px -15px rgba(0, 0, 0, 0.4);
  --button-shadow-color: hsla(0, 0%, -20%, 0.87);
  --border-color: #2c2c2c;
  --border-color-rgb: 44,44,44;
  --toast-border: #2c2c2c;
  --rules-bg: rgb(16.7647058824%, 16.7647058824%, 16.7647058824%);
  --color-table-header: hsl(209.0322580645, 100%, 103.9215686275%);
  --table-head-foot-bg: rgb(21.7647058824%, 21.7647058824%, 21.7647058824%);
  --table-border-color: rgb(26.7647058824%, 26.7647058824%, 26.7647058824%);
  --scrollbar-track-bg: rgb(16.7647058824%, 16.7647058824%, 16.7647058824%);
  --accent-color-transparent: rgba(0, 112, 192, 0.2);
  --footer-bg: rgba(0, 0, 0, 0.1);
  --input-bg: rgb(6.7647058824%, 6.7647058824%, 6.7647058824%);
  --input-bg-readonly: rgb(1.7647058824%, 1.7647058824%, 1.7647058824%);
  --checkbox-bg: rgb(16.7647058824%, 16.7647058824%, 16.7647058824%);
  --checkbox-border-color: #5f5f5f;
  --checkbox-checked-bg: #E0E0E0;
  --checkbox-checkmark-color: #1E1E1E;
  --accent: #0070c0;
  --accent-hover: rgb(0%, 55.5882352941%, 95.2941176471%);
  --accent-dark-30: rgb(0%, 8.9215686275%, 15.2941176471%);
  --accent-dark-40: hsl(205, 100%, -2.3529411765%);
  --hero-bg: rgb(12.0588235294%, 12.0588235294%, 12.0588235294%);
  --warning-color: rgb(87.1148459384%, 36.218487395%, 36.218487395%);
  --warning-bg: rgba(245, 124, 0, 0.2);
  --warning-border: rgb(100%, 63.4917967187%, 26.0784313725%);
  --table-row-hover-bg: rgba(247, 247, 252, 0.06);
  --accent-focus-shadow: rgba(0, 112, 192, 0.25);
  --element-hover-bg: rgb(21.7647058824%, 21.7647058824%, 21.7647058824%);
  --skeleton-bg: linear-gradient(90deg, #444 25%, #555 50%, #444 75%);
  --btn-deactivate-bg: rgb(87.1148459384%, 36.218487395%, 36.218487395%);
  --btn-activate-bg: rgb(32.0605435157%, 74.9982800138%, 34.2346061232%);
  --btn-email-bg: rgb(21.5749781694%, 72.3997777249%, 95.2877669286%);
  --btn-rights-bg: rgb(67.9981760146%, 55.0319197446%, 97.5170998632%);
  --filebrowser-bg: rgb(12.7647058824%, 12.7647058824%, 12.7647058824%);
  --filebrowser-header-bg-1: rgb(10.0588235294%, 10.0588235294%, 10.0588235294%);
  --filebrowser-header-bg-2: rgb(5.0588235294%, 5.0588235294%, 5.0588235294%);
  --filebrowser-table-header-1: rgb(9.7647058824%, 9.7647058824%, 9.7647058824%);
  --filebrowser-table-header-2: rgb(5.7647058824%, 5.7647058824%, 5.7647058824%);
  --filebrowser-row-hover: rgb(16.7647058824%, 16.7647058824%, 16.7647058824%);
  --filebrowser-context-bg-1: rgb(9.7647058824%, 9.7647058824%, 9.7647058824%);
  --filebrowser-context-bg-2: rgb(5.7647058824%, 5.7647058824%, 5.7647058824%);
  --filebrowser-modal-bg-1: rgb(8.7647058824%, 8.7647058824%, 8.7647058824%);
  --filebrowser-modal-bg-2: rgb(4.7647058824%, 4.7647058824%, 4.7647058824%);
  --filebrowser-accent-focus-shadow: rgba(0, 112, 192, 0.25);
  --sidebar-separator-color: rgba(42.2549019608%, 42.2549019608%, 42.2549019608%, 0.55);
  --sidebar-separator-gradient: linear-gradient(to right, rgba(22.2549019608%, 22.2549019608%, 22.2549019608%, 0) 0%, rgba(32.2549019608%, 32.2549019608%, 32.2549019608%, 0.03) 4%, rgba(47.2549019608%, 47.2549019608%, 47.2549019608%, 0.15) 12%, rgba(146, 146, 146, 0.32) 22%, rgba(72.2549019608%, 72.2549019608%, 72.2549019608%, 0.98) 50%, rgba(146, 146, 146, 0.32) 78%, rgba(47.2549019608%, 47.2549019608%, 47.2549019608%, 0.15) 88%, rgba(32.2549019608%, 32.2549019608%, 32.2549019608%, 0.03) 96%, rgba(22.2549019608%, 22.2549019608%, 22.2549019608%, 0) 100% )
}
@-webkit-keyframes fa-bounce-rotate {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1)
  }
  25% {
    -webkit-transform: rotate(90deg) scale(1.2);
    transform: rotate(90deg) scale(1.2)
  }
  50% {
    -webkit-transform: rotate(180deg) scale(.8);
    transform: rotate(180deg) scale(.8)
  }
  75% {
    -webkit-transform: rotate(270deg) scale(1.1);
    transform: rotate(270deg) scale(1.1)
  }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1)
  }
}
@keyframes fa-bounce-rotate {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1)
  }
  25% {
    -webkit-transform: rotate(90deg) scale(1.2);
    transform: rotate(90deg) scale(1.2)
  }
  50% {
    -webkit-transform: rotate(180deg) scale(.8);
    transform: rotate(180deg) scale(.8)
  }
  75% {
    -webkit-transform: rotate(270deg) scale(1.1);
    transform: rotate(270deg) scale(1.1)
  }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1)
  }
}
@-webkit-keyframes fa-elastic-wiggle {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  10% {
    -webkit-transform: rotate(30deg) scale(1.1);
    transform: rotate(30deg) scale(1.1)
  }
  20% {
    -webkit-transform: rotate(-20deg) scale(.95);
    transform: rotate(-20deg) scale(.95)
  }
  30% {
    -webkit-transform: rotate(15deg) scale(1.05);
    transform: rotate(15deg) scale(1.05)
  }
  40% {
    -webkit-transform: rotate(-10deg) scale(.98);
    transform: rotate(-10deg) scale(.98)
  }
  50% {
    -webkit-transform: rotate(5deg) scale(1.02);
    transform: rotate(5deg) scale(1.02)
  }
  60% {
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg)
  }
  70% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg)
  }
  80% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg)
  }
  90% {
    -webkit-transform: rotate(.5deg);
    transform: rotate(.5deg)
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1)
  }
}
@keyframes fa-elastic-wiggle {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  10% {
    -webkit-transform: rotate(30deg) scale(1.1);
    transform: rotate(30deg) scale(1.1)
  }
  20% {
    -webkit-transform: rotate(-20deg) scale(.95);
    transform: rotate(-20deg) scale(.95)
  }
  30% {
    -webkit-transform: rotate(15deg) scale(1.05);
    transform: rotate(15deg) scale(1.05)
  }
  40% {
    -webkit-transform: rotate(-10deg) scale(.98);
    transform: rotate(-10deg) scale(.98)
  }
  50% {
    -webkit-transform: rotate(5deg) scale(1.02);
    transform: rotate(5deg) scale(1.02)
  }
  60% {
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg)
  }
  70% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg)
  }
  80% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg)
  }
  90% {
    -webkit-transform: rotate(.5deg);
    transform: rotate(.5deg)
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1)
  }
}
@-webkit-keyframes fa-flip-glow {
  0% {
    -webkit-transform: rotateY(0) scale(1);
    transform: rotateY(0) scale(1);
    -webkit-filter: drop-shadow(0 0 0 transparent);
    filter: drop-shadow(0 0 0 transparent)
  }
  50% {
    -webkit-transform: rotateY(180deg) scale(1.2);
    transform: rotateY(180deg) scale(1.2);
    -webkit-filter: drop-shadow(0 0 12px rgba(255, 255, 255, .8));
    filter: drop-shadow(0 0 12px rgba(255, 255, 255, .8))
  }
  100% {
    -webkit-transform: rotateY(360deg) scale(1);
    transform: rotateY(360deg) scale(1);
    -webkit-filter: drop-shadow(0 0 0 transparent);
    filter: drop-shadow(0 0 0 transparent)
  }
}
@keyframes fa-flip-glow {
  0% {
    -webkit-transform: rotateY(0) scale(1);
    transform: rotateY(0) scale(1);
    -webkit-filter: drop-shadow(0 0 0 transparent);
    filter: drop-shadow(0 0 0 transparent)
  }
  50% {
    -webkit-transform: rotateY(180deg) scale(1.2);
    transform: rotateY(180deg) scale(1.2);
    -webkit-filter: drop-shadow(0 0 12px rgba(255, 255, 255, .8));
    filter: drop-shadow(0 0 12px rgba(255, 255, 255, .8))
  }
  100% {
    -webkit-transform: rotateY(360deg) scale(1);
    transform: rotateY(360deg) scale(1);
    -webkit-filter: drop-shadow(0 0 0 transparent);
    filter: drop-shadow(0 0 0 transparent)
  }
}
@-webkit-keyframes fa-pulse-rotate {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1)
  }
  25% {
    -webkit-transform: rotate(90deg) scale(1.3);
    transform: rotate(90deg) scale(1.3)
  }
  50% {
    -webkit-transform: rotate(180deg) scale(.7);
    transform: rotate(180deg) scale(.7)
  }
  75% {
    -webkit-transform: rotate(270deg) scale(1.3);
    transform: rotate(270deg) scale(1.3)
  }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1)
  }
}
@keyframes fa-pulse-rotate {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1)
  }
  25% {
    -webkit-transform: rotate(90deg) scale(1.3);
    transform: rotate(90deg) scale(1.3)
  }
  50% {
    -webkit-transform: rotate(180deg) scale(.7);
    transform: rotate(180deg) scale(.7)
  }
  75% {
    -webkit-transform: rotate(270deg) scale(1.3);
    transform: rotate(270deg) scale(1.3)
  }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1)
  }
}
@-webkit-keyframes fa-spin-jump {
  0% {
    -webkit-transform: rotate(0) translateY(0);
    transform: rotate(0) translateY(0)
  }
  25% {
    -webkit-transform: rotate(90deg) translateY(-10px) scale(1.1);
    transform: rotate(90deg) translateY(-10px) scale(1.1)
  }
  50% {
    -webkit-transform: rotate(180deg) translateY(-15px) scale(1.2);
    transform: rotate(180deg) translateY(-15px) scale(1.2)
  }
  75% {
    -webkit-transform: rotate(270deg) translateY(-10px) scale(1.1);
    transform: rotate(270deg) translateY(-10px) scale(1.1)
  }
  100% {
    -webkit-transform: rotate(360deg) translateY(0) scale(1);
    transform: rotate(360deg) translateY(0) scale(1)
  }
}
@keyframes fa-spin-jump {
  0% {
    -webkit-transform: rotate(0) translateY(0);
    transform: rotate(0) translateY(0)
  }
  25% {
    -webkit-transform: rotate(90deg) translateY(-10px) scale(1.1);
    transform: rotate(90deg) translateY(-10px) scale(1.1)
  }
  50% {
    -webkit-transform: rotate(180deg) translateY(-15px) scale(1.2);
    transform: rotate(180deg) translateY(-15px) scale(1.2)
  }
  75% {
    -webkit-transform: rotate(270deg) translateY(-10px) scale(1.1);
    transform: rotate(270deg) translateY(-10px) scale(1.1)
  }
  100% {
    -webkit-transform: rotate(360deg) translateY(0) scale(1);
    transform: rotate(360deg) translateY(0) scale(1)
  }
}
@-webkit-keyframes fa-rotate {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@keyframes fa-rotate {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
body {
  background-color: var(--page-bg);
  color: var(--text-primary);
  font-family: Figtree,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size: .9rem;
  -webkit-transition: background-color .3s,color .3s;
  transition: background-color .3s,color .3s;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0;
  padding: 0;
  padding-bottom: 70px!important
}
body .breadcrumb,
body .h4,
body .h5,
body h1,
body h2,
body h3 {
  font-size: 1.17rem;
  font-weight: 600
}
body.resizable-container-is-resizing {
  -webkit-user-select: none!important;
  -moz-user-select: none!important;
  -ms-user-select: none!important;
  user-select: none!important
}
body.resizable-container-is-resizing-horizontal {
  cursor: ew-resize!important
}
body.resizable-container-is-resizing-vertical {
  cursor: ns-resize!important
}
.content-wrapper--wide {
  max-width: 1240px
}
.page-section-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  margin: 0 0 2rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid var(--border-color)
}
.page-section-header h1 {
  margin: 0;
  color: var(--text-primary);
  font-weight: 600
}
.page-section-stack {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem
}
.page-panel--muted {
  background-color: var(--table-head-foot-bg);
  border: 1px solid var(--table-border-color);
  -webkit-box-shadow: 0 3px 9px -5px rgba(0,0,0,.2);
  box-shadow: 0 3px 9px -5px rgba(0,0,0,.2)
}
.honeypot-fields {
  position: absolute!important;
  left: -9999px!important;
  width: 1px!important;
  height: 1px!important;
  overflow: hidden!important;
  clip: rect(0,0,0,0)!important;
  white-space: nowrap!important;
  opacity: 0!important;
  pointer-events: none!important
}
.table-mapper {
  background-color: var(--table-head-foot-bg);
  padding: 4rem 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-collapse: collapse;
  border-radius: .5rem;
  -webkit-box-shadow: 0 3px 9px -5px rgba(0,0,0,.2);
  box-shadow: 0 3px 9px -5px rgba(0,0,0,.2);
  overflow-x: hidden;
  overflow-y: hidden
}
.table-mapper .text-center {
  padding-left: 1rem
}
.table-mapper .st-table-scroller {
  scrollbar-width: thin;
  scrollbar-color: var(--content-bg);
  overflow-x: auto
}
.table-mapper::-webkit-scrollbar {
  height: 8px;
  width: 8px
}
.table-mapper::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track-bg);
  border-radius: .5rem
}
.table-mapper::-webkit-scrollbar-thumb {
  background-color: var(--accent);
  border-radius: .5rem;
  -webkit-transition: background-color .2s;
  transition: background-color .2s
}
.table-mapper::-webkit-scrollbar-thumb:hover {
  background-color: var(--accent-hover)
}
.table-mapper table {
  table-layout: fixed;
  border-collapse: collapse;
  caption-side: bottom;
  border-width: 0 1px;
  color: var(--color-table-header);
  width: auto
}
.table-mapper table td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.table-mapper table tbody,
.table-mapper table td,
.table-mapper table tfoot,
.table-mapper table th,
.table-mapper table thead,
.table-mapper table tr {
  border: 0 solid;
  border-color: inherit
}
.table-mapper table thead th {
  background-color: var(--page-bg);
  font-weight: 600;
  padding: .55rem;
  text-align: left;
  border-bottom: 2px solid var(--border-color)
}
.table-mapper table thead th:not(:last-child) {
  border-right: 1px solid var(--table-border-color)
}
.table-mapper table tbody tr {
  -webkit-transition: background-image .2s;
  transition: background-image .2s;
  background-color: var(--page-bg);
  background-image: none;
  height: 2.1rem
}
.table-mapper table tbody tr:hover {
  background-image: linear-gradient(var(--table-row-hover-bg),var(--table-row-hover-bg))
}
.table-mapper table tbody tr:nth-child(even) {
  background-color: rgba(var(--border-color-rgb),.1)
}
.table-mapper table tbody tr td {
  padding: .55rem;
  border-bottom: 1px solid var(--table-border-color);
  color: var(--text-secondary)
}
.table-mapper table tbody tr td:not(:last-child) {
  border-right: 1px solid var(--table-border-color)
}
.table-mapper table tbody tr:last-child td:first-child {
  border-bottom-left-radius: .5rem
}
.table-mapper table tbody tr:last-child td:last-child {
  border-bottom-right-radius: .5rem
}
@media(min-width:768px) {
  .table-mapper table {
    width: 100%
  }
}
.card {
  background-color: var(--card-bg-color);
  border-radius: var(--border-radius,.75rem);
  -webkit-box-shadow: var(--box-shadow);
  box-shadow: var(--box-shadow);
  margin-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.card .card-header {
  padding: 1rem 1.5rem;
  border-bottom: 1px solid var(--border-color)
}
.card .card-body {
  padding: 1.5rem;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.card .table-mapper {
  padding: 0;
  background-color: var(--table-head-foot-bg);
  border: 1px solid var(--table-border-color);
  -webkit-box-shadow: 0 7px 14px -9px rgba(0,0,0,.4);
  box-shadow: 0 7px 14px -9px rgba(0,0,0,.4)
}
@media(max-width:900px) {
  .table-mapper {
    overflow-x: visible;
    padding: 2rem 0
  }
  .table-mapper .st-table-scroller {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}
@media(max-width:576px) {
  .card {
    margin-bottom: 1rem
  }
  .card .card-body {
    padding: .75rem
  }
  .table-mapper {
    padding: 1rem 0
  }
  .table-mapper table tbody td,
  .table-mapper table thead th {
    padding: .4rem
  }
}
.form-group {
  margin-bottom: 1rem
}
.form-group label {
  display: block;
  font-weight: 600;
  margin-bottom: .5rem;
  color: var(--text-secondary);
  font-size: .9rem
}
.form-group input[type=email],
.form-group input[type=number],
.form-group input[type=password],
.form-group input[type=tel],
.form-group input[type=text],
.form-group select,
.form-group textarea {
  width: 100%;
  padding: .7rem 1rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid var(--border-color);
  border-radius: .75rem;
  background: var(--input-bg);
  color: var(--text-primary);
  -webkit-box-shadow: var(--shadow-lg);
  box-shadow: var(--shadow-lg)
}
.form-group input[type=email]:focus,
.form-group input[type=number]:focus,
.form-group input[type=password]:focus,
.form-group input[type=tel]:focus,
.form-group input[type=text]:focus,
.form-group select:focus,
.form-group textarea:focus {
  outline: 0;
  -webkit-box-shadow: var(--shadow-sm),0 0 0 3px var(--accent-focus-shadow);
  box-shadow: var(--shadow-sm),0 0 0 3px var(--accent-focus-shadow)
}
.form-group select {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  background-image: linear-gradient(45deg,transparent 50%,var(--text-secondary) 50%),linear-gradient(135deg,var(--text-secondary) 50%,transparent 50%);
  background-position: calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px);
  background-size: 5px 5px,5px 5px;
  background-repeat: no-repeat;
  -webkit-transition: .3s;
  transition: .3s
}
.form-group select:hover {
  background-position: calc(100% - 20px) calc(1em + 6px),calc(100% - 15px) calc(1em + 6px);
  cursor: pointer
}
.form-group textarea {
  min-height: 100px;
  resize: vertical
}
.form-group input[type=number]::-webkit-inner-spin-button,
.form-group input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
  cursor: pointer
}
[data-theme=dark] .form-group input[type=number] {
  color-scheme: dark
}
.frontend-footer {
  padding: .8rem 0;
  background-color: var(--content-bg);
  text-align: center;
  width: 100%;
  border-top: 1px solid var(--border-color);
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000
}
.frontend-footer nav .footer-meta-item {
  color: var(--text-secondary)
}
.frontend-footer nav .footer-meta-sep,
.frontend-footer nav .footer-meta-val {
  color: var(--text-secondary2)
}
.frontend-footer nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1.5rem;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem
}
.frontend-footer a {
  color: var(--text-secondary);
  text-decoration: none;
  -webkit-transition: color .3s;
  transition: color .3s
}
.frontend-footer a:hover {
  color: var(--text-primary);
  text-decoration: underline
}
@media(max-width:576px) {
  body {
    padding-bottom: 58px!important
  }
  .frontend-footer {
    padding: .45rem 0
  }
  .frontend-footer nav {
    gap: 1rem;
    padding: 0 .5rem;
    font-size: .92rem
  }
}
body.page-home {
  line-height: 1.6
}
.page-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
  max-width: 100vw!important;
  left: 0!important
}
.main-header .btn-register {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 2px solid var(--accent);
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  font-weight: 600;
  border-radius: .5rem;
  background-color: rgba(0,0,0,0);
  color: var(--accent);
  -webkit-box-shadow: var(--shadow-sm);
  box-shadow: var(--shadow-sm);
  -webkit-transition: .3s;
  transition: .3s
}
.main-header .btn-register:hover:not(:disabled) {
  background-color: var(--accent);
  color: #fff
}
[data-theme=dark] .main-header .btn-register {
  color: color-mix(in oklab,var(--accent),#fff 15%);
  border-color: var(--accent)
}
[data-theme=dark] .main-header .btn-register:hover:not(:disabled) {
  background-color: var(--accent);
  color: #fff
}
.main-header .btn-register--small {
  font-size: .675rem!important;
  padding: .3rem .6rem!important
}
.main-header .btn-register:active:not(:disabled) {
  -webkit-transform: scale(.98);
  transform: scale(.98);
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.1)
}
.main-header .btn-register:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
  -webkit-box-shadow: 0 0 0 4px var(--accent-focus-shadow);
  box-shadow: 0 0 0 4px var(--accent-focus-shadow)
}
.main-header .btn-register:disabled {
  opacity: .6;
  cursor: not-allowed;
  -webkit-box-shadow: none;
  box-shadow: none
}
.main-header .btn-register {
  padding: .5rem 1.2rem
}
.hero-section {
  background-color: var(--hero-bg);
  padding: 4rem 2rem;
  text-align: center;
  border-bottom: 1px solid var(--border-color)
}
.hero-section h1 {
  margin-bottom: 1rem;
  color: var(--text-primary)
}
.hero-section p {
  color: var(--text-secondary);
  max-width: 700px;
  margin: 0 auto 2rem
}
.content-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 1200px;
  margin: 2rem auto;
  padding: 0 2rem;
  gap: 2rem;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}
.main-content {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  background: var(--content-bg);
  padding: 2rem;
  border-radius: .5rem;
  -webkit-box-shadow: var(--shadow-sm);
  box-shadow: var(--shadow-sm)
}
.main-content h2 {
  border-bottom: 2px solid var(--accent);
  padding-bottom: .5rem;
  margin-top: 0
}
.sidebar {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.login-form-container {
  background: var(--content-bg);
  padding: 2rem;
  border-radius: .5rem;
  -webkit-box-shadow: var(--shadow-sm);
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--border-color);
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.login-form-container .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.login-form-container .form-group input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: unset!important
}
.login-form-container h3 {
  margin-top: 0;
  text-align: center;
  margin-bottom: 1.5rem
}
.login-form-container .login-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 2px solid var(--accent);
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  font-weight: 600;
  padding: .6rem 1.4rem;
  border-radius: .5rem;
  background-color: rgba(0,0,0,0);
  color: var(--accent);
  -webkit-box-shadow: var(--shadow-sm);
  box-shadow: var(--shadow-sm);
  -webkit-transition: .3s;
  transition: .3s;
  width: 100%
}
.login-form-container .login-button:hover:not(:disabled) {
  background-color: var(--accent);
  color: #fff
}
[data-theme=dark] .login-form-container .login-button {
  color: color-mix(in oklab,var(--accent),#fff 15%);
  border-color: var(--accent)
}
[data-theme=dark] .login-form-container .login-button:hover:not(:disabled) {
  background-color: var(--accent);
  color: #fff
}
.login-form-container .login-button--small {
  font-size: .675rem!important;
  padding: .3rem .6rem!important
}
.login-form-container .login-button:active:not(:disabled) {
  -webkit-transform: scale(.98);
  transform: scale(.98);
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.1)
}
.login-form-container .login-button:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
  -webkit-box-shadow: 0 0 0 4px var(--accent-focus-shadow);
  box-shadow: 0 0 0 4px var(--accent-focus-shadow)
}
.login-form-container .login-button:disabled {
  opacity: .6;
  cursor: not-allowed;
  -webkit-box-shadow: none;
  box-shadow: none
}
.login-form-container .form-links {
  margin-top: 1rem;
  text-align: center
}
.login-form-container .form-links a {
  color: var(--accent);
  text-decoration: none
}
.login-form-container .form-links a:hover {
  text-decoration: underline
}
@media(max-width:820px) {
  .content-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 1rem;
    margin: 1rem auto
  }
  .login-form-container,
  .main-content {
    padding: 1.5rem
  }
  .sidebar {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
  }
  .hero-section {
    padding: 2.5rem 1rem
  }
}