* {
  font-family: Figtree,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important
}
:root {
  --page-bg: #f7f7fc;
  --content-bg: rgb(250.6, 251.8, 252.6);
  --text-primary: #333333;
  --text-brighter: rgb(127.5, 127.5, 127.5);
  --text-secondary: #555555;
  --text-secondary2: rgb(176.8, 176.8, 176.8);
  --table-head-foot-bg: #efefef;
  --table-border-color: rgb(213.5, 213.5, 213.5);
  --scrollbar-track-bg: rgb(226.25, 226.25, 226.25);
  --accent-line-color: #4a90e2;
  --button-bg: #0A192F;
  --button-text: #f7f7fc;
  --button-primary-bg: #0070c0;
  --button-primary-text: #f7f7fc;
  --button-primary-bg-hover: rgb(0, 82.25, 141);
  --button-secondary-bg: rgb(221, 217, 215);
  --button-secondary-text: #000000;
  --button-secondary-bg-hover: rgb(127.5, 127.5, 127.5);
  --sheen-color: rgba(84.9, 184.125, 255, 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(18.9473684211, 47.3684210526, 89.0526315789);
  --footer-bg: rgba(0, 0, 0, 0.03);
  --input-bg: #f7f7fc;
  --input-bg-readonly: rgb(228.4545454545, 228.4545454545, 245.0454545455);
  --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, 82.25, 141);
  --accent-dark-30: rgb(0, 22.75, 39);
  --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(247.3, 249.4, 250.8);
  --filebrowser-header-bg-2: rgb(234.1, 239.8, 243.6);
  --filebrowser-table-header-1: rgb(236.35, 236.35, 236.35);
  --filebrowser-table-header-2: rgb(226.15, 226.15, 226.15);
  --filebrowser-row-hover: #fafafa;
  --filebrowser-context-bg-1: #f4f7f9;
  --filebrowser-context-bg-2: rgb(230.8, 237.4, 241.8);
  --filebrowser-modal-bg-1: rgb(240.7, 244.6, 247.2);
  --filebrowser-modal-bg-2: rgb(227.5, 235, 240);
  --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(97.2, 97.2, 97.2);
  --accent-line-color: #0070c0;
  --button-bg: rgb(10.5, 10.5, 10.5);
  --button-text: #E0E0E0;
  --button-primary-bg: #0c0c0c;
  --button-primary-text: #E0E0E0;
  --button-bg-hover: rgb(27.3, 27.3, 27.3);
  --button-primary-bg-hover: rgb(27.3, 27.3, 27.3);
  --button-secondary-bg: rgb(7.5, 7.5, 7.5);
  --button-secondary-text: rgb(134.75, 134.75, 134.75);
  --button-secondary-bg-hover: rgb(22.8, 22.8, 22.8);
  --sheen-color: rgba(84.45, 84.45, 84.45, 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(42.75, 42.75, 42.75);
  --color-table-header: hsl(209.0322580645, 100%, 103.9215686275%);
  --table-head-foot-bg: rgb(55.5, 55.5, 55.5);
  --table-border-color: rgb(68.25, 68.25, 68.25);
  --scrollbar-track-bg: rgb(42.75, 42.75, 42.75);
  --accent-color-transparent: rgba(0, 112, 192, 0.2);
  --footer-bg: rgba(0, 0, 0, 0.1);
  --input-bg: rgb(17.25, 17.25, 17.25);
  --input-bg-readonly: rgb(4.5, 4.5, 4.5);
  --checkbox-bg: rgb(42.75, 42.75, 42.75);
  --checkbox-border-color: #5f5f5f;
  --checkbox-checked-bg: #E0E0E0;
  --checkbox-checkmark-color: #1E1E1E;
  --accent: #0070c0;
  --accent-hover: rgb(0, 141.75, 243);
  --accent-dark-30: rgb(0, 22.75, 39);
  --accent-dark-40: hsl(205, 100%, -2.3529411765%);
  --hero-bg: rgb(30.75, 30.75, 30.75);
  --warning-color: rgb(222.1428571429, 92.3571428571, 92.3571428571);
  --warning-bg: rgba(245, 124, 0, 0.2);
  --warning-border: rgb(255, 161.9040816327, 66.5);
  --table-row-hover-bg: rgba(247, 247, 252, 0.06);
  --accent-focus-shadow: rgba(0, 112, 192, 0.25);
  --element-hover-bg: rgb(55.5, 55.5, 55.5);
  --skeleton-bg: linear-gradient(90deg, #444 25%, #555 50%, #444 75%);
  --btn-deactivate-bg: rgb(222.1428571429, 92.3571428571, 92.3571428571);
  --btn-activate-bg: rgb(81.7543859649, 191.2456140351, 87.298245614);
  --btn-email-bg: rgb(55.016194332, 184.6194331984, 242.983805668);
  --btn-rights-bg: rgb(173.3953488372, 140.3313953488, 248.6686046512);
  --filebrowser-bg: rgb(32.55, 32.55, 32.55);
  --filebrowser-header-bg-1: rgb(25.65, 25.65, 25.65);
  --filebrowser-header-bg-2: rgb(12.9, 12.9, 12.9);
  --filebrowser-table-header-1: rgb(24.9, 24.9, 24.9);
  --filebrowser-table-header-2: rgb(14.7, 14.7, 14.7);
  --filebrowser-row-hover: rgb(42.75, 42.75, 42.75);
  --filebrowser-context-bg-1: rgb(24.9, 24.9, 24.9);
  --filebrowser-context-bg-2: rgb(14.7, 14.7, 14.7);
  --filebrowser-modal-bg-1: rgb(22.35, 22.35, 22.35);
  --filebrowser-modal-bg-2: rgb(12.15, 12.15, 12.15);
  --filebrowser-accent-focus-shadow: rgba(0, 112, 192, 0.25);
  --sidebar-separator-color: rgba(107.75, 107.75, 107.75, 0.55);
  --sidebar-separator-gradient: linear-gradient(to right, rgba(56.75, 56.75, 56.75, 0) 0%, rgba(82.25, 82.25, 82.25, 0.03) 4%, rgba(120.5, 120.5, 120.5, 0.15) 12%, rgba(146, 146, 146, 0.32) 22%, rgba(184.25, 184.25, 184.25, 0.98) 50%, rgba(146, 146, 146, 0.32) 78%, rgba(120.5, 120.5, 120.5, 0.15) 88%, rgba(82.25, 82.25, 82.25, 0.03) 96%, rgba(56.75, 56.75, 56.75, 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
}
.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%;
  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
}
.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)
}
.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
}
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: inline-block;
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  position: relative;
  overflow: hidden;
  font-weight: 600;
  border-radius: .5rem;
  background-color: var(--button-primary-bg);
  color: var(--button-text);
  -webkit-transition: background-color .8s,-webkit-box-shadow .2s;
  transition: box-shadow .2s,background-color .8s,-webkit-box-shadow .2s;
  -webkit-box-shadow: var(--shadow-sm);
  box-shadow: var(--shadow-sm)
}
.main-header .btn-register::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(110deg,transparent 40%,var(--sheen-color) 50%,transparent 60%);
  background-size: 250% 100%;
  background-position: 150% 0;
  -webkit-transition: background-position 2.2s cubic-bezier(.23,1,.32,1);
  transition: background-position 2.2s cubic-bezier(.23,1,.32,1)
}
[data-theme=dark] .main-header .btn-register {
  border-width: 2px;
  border-style: solid;
  border-color: color-mix(in oklab,var(--button-primary-bg),var(--page-bg) 35%);
  background: linear-gradient(to bottom,color-mix(in oklab,var(--button-primary-bg),var(--text-primary) 7%) 0,var(--button-primary-bg) 55%,color-mix(in oklab,var(--button-primary-bg),var(--page-bg) 10%) 100%);
  -webkit-box-shadow: inset 0 1px 0 color-mix(in oklab,var(--button-primary-bg),var(--text-primary) 28%),inset 0 -2px 3px rgba(var(--border-color-rgb),.35),var(--shadow-sm);
  box-shadow: inset 0 1px 0 color-mix(in oklab,var(--button-primary-bg),var(--text-primary) 28%),inset 0 -2px 3px rgba(var(--border-color-rgb),.35),var(--shadow-sm)
}
[data-theme=light] .main-header .btn-register {
  border-width: 1px;
  border-style: solid;
  border-color: color-mix(in oklab,var(--button-primary-bg),var(--text-primary) 45%);
  border-bottom-color: color-mix(in oklab,var(--button-primary-bg),var(--text-primary) 65%);
  background: linear-gradient(to bottom,color-mix(in oklab,var(--button-primary-bg),var(--page-bg) 20%) 0,var(--button-primary-bg) 100%);
  -webkit-box-shadow: inset 0 1px 1px color-mix(in oklab,var(--page-bg),transparent 30%),var(--shadow-sm);
  box-shadow: inset 0 1px 1px color-mix(in oklab,var(--page-bg),transparent 30%),var(--shadow-sm)
}
.main-header .btn-register:hover:not(:disabled) {
  background-color: var(--button-primary-bg-hover)
}
.main-header .btn-register:hover:not(:disabled)::before {
  background-position: -50% 0
}
[data-theme=dark] .main-header .btn-register:hover:not(:disabled) {
  background: linear-gradient(to bottom,color-mix(in oklab,var(--button-primary-bg-hover),var(--text-primary) 8%) 0,var(--button-primary-bg-hover) 55%,color-mix(in oklab,var(--button-primary-bg-hover),var(--page-bg) 8%) 100%)
}
[data-theme=light] .main-header .btn-register:hover:not(:disabled) {
  background: linear-gradient(to bottom,color-mix(in oklab,var(--button-primary-bg-hover),var(--page-bg) 15%) 0,var(--button-primary-bg-hover) 100%)
}
.main-header .btn-register--small {
  font-size: .675rem!important;
  padding: .3rem .6rem!important
}
.main-header .btn-register:active:not(:disabled) {
  -webkit-box-shadow: inset 0 2px 4px rgba(var(--text-primary-rgb),.15);
  box-shadow: inset 0 2px 4px rgba(var(--text-primary-rgb),.15);
  background-color: var(--button-primary-bg)
}
[data-theme=dark] .main-header .btn-register:active:not(:disabled) {
  background: linear-gradient(to top,color-mix(in oklab,var(--button-primary-bg),var(--page-bg) 12%) 0,var(--button-primary-bg) 60%,color-mix(in oklab,var(--button-primary-bg),var(--text-primary) 6%) 100%);
  border-color: color-mix(in oklab,var(--button-primary-bg),var(--page-bg) 45%)
}
[data-theme=light] .main-header .btn-register:active:not(:disabled) {
  border-color: color-mix(in oklab,var(--button-primary-bg),var(--text-primary) 65%);
  background: var(--button-primary-bg);
  -webkit-box-shadow: inset 0 1px 2px color-mix(in oklab,var(--text-primary),transparent 80%);
  box-shadow: inset 0 1px 2px color-mix(in oklab,var(--text-primary),transparent 80%)
}
.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: inline-block;
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  position: relative;
  overflow: hidden;
  font-weight: 600;
  padding: .6rem 1.4rem;
  border-radius: .5rem;
  background-color: var(--button-primary-bg);
  color: var(--button-text);
  -webkit-transition: background-color .8s,-webkit-box-shadow .2s;
  transition: box-shadow .2s,background-color .8s,-webkit-box-shadow .2s;
  -webkit-box-shadow: var(--shadow-sm);
  box-shadow: var(--shadow-sm);
  width: 100%
}
.login-form-container .login-button::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(110deg,transparent 40%,var(--sheen-color) 50%,transparent 60%);
  background-size: 250% 100%;
  background-position: 150% 0;
  -webkit-transition: background-position 2.2s cubic-bezier(.23,1,.32,1);
  transition: background-position 2.2s cubic-bezier(.23,1,.32,1)
}
[data-theme=dark] .login-form-container .login-button {
  border-width: 2px;
  border-style: solid;
  border-color: color-mix(in oklab,var(--button-primary-bg),var(--page-bg) 35%);
  background: linear-gradient(to bottom,color-mix(in oklab,var(--button-primary-bg),var(--text-primary) 7%) 0,var(--button-primary-bg) 55%,color-mix(in oklab,var(--button-primary-bg),var(--page-bg) 10%) 100%);
  -webkit-box-shadow: inset 0 1px 0 color-mix(in oklab,var(--button-primary-bg),var(--text-primary) 28%),inset 0 -2px 3px rgba(var(--border-color-rgb),.35),var(--shadow-sm);
  box-shadow: inset 0 1px 0 color-mix(in oklab,var(--button-primary-bg),var(--text-primary) 28%),inset 0 -2px 3px rgba(var(--border-color-rgb),.35),var(--shadow-sm)
}
[data-theme=light] .login-form-container .login-button {
  border-width: 1px;
  border-style: solid;
  border-color: color-mix(in oklab,var(--button-primary-bg),var(--text-primary) 45%);
  border-bottom-color: color-mix(in oklab,var(--button-primary-bg),var(--text-primary) 65%);
  background: linear-gradient(to bottom,color-mix(in oklab,var(--button-primary-bg),var(--page-bg) 20%) 0,var(--button-primary-bg) 100%);
  -webkit-box-shadow: inset 0 1px 1px color-mix(in oklab,var(--page-bg),transparent 30%),var(--shadow-sm);
  box-shadow: inset 0 1px 1px color-mix(in oklab,var(--page-bg),transparent 30%),var(--shadow-sm)
}
.login-form-container .login-button:hover:not(:disabled) {
  background-color: var(--button-primary-bg-hover)
}
.login-form-container .login-button:hover:not(:disabled)::before {
  background-position: -50% 0
}
[data-theme=dark] .login-form-container .login-button:hover:not(:disabled) {
  background: linear-gradient(to bottom,color-mix(in oklab,var(--button-primary-bg-hover),var(--text-primary) 8%) 0,var(--button-primary-bg-hover) 55%,color-mix(in oklab,var(--button-primary-bg-hover),var(--page-bg) 8%) 100%)
}
[data-theme=light] .login-form-container .login-button:hover:not(:disabled) {
  background: linear-gradient(to bottom,color-mix(in oklab,var(--button-primary-bg-hover),var(--page-bg) 15%) 0,var(--button-primary-bg-hover) 100%)
}
.login-form-container .login-button--small {
  font-size: .675rem!important;
  padding: .3rem .6rem!important
}
.login-form-container .login-button:active:not(:disabled) {
  -webkit-box-shadow: inset 0 2px 4px rgba(var(--text-primary-rgb),.15);
  box-shadow: inset 0 2px 4px rgba(var(--text-primary-rgb),.15);
  background-color: var(--button-primary-bg)
}
[data-theme=dark] .login-form-container .login-button:active:not(:disabled) {
  background: linear-gradient(to top,color-mix(in oklab,var(--button-primary-bg),var(--page-bg) 12%) 0,var(--button-primary-bg) 60%,color-mix(in oklab,var(--button-primary-bg),var(--text-primary) 6%) 100%);
  border-color: color-mix(in oklab,var(--button-primary-bg),var(--page-bg) 45%)
}
[data-theme=light] .login-form-container .login-button:active:not(:disabled) {
  border-color: color-mix(in oklab,var(--button-primary-bg),var(--text-primary) 65%);
  background: var(--button-primary-bg);
  -webkit-box-shadow: inset 0 1px 2px color-mix(in oklab,var(--text-primary),transparent 80%);
  box-shadow: inset 0 1px 2px color-mix(in oklab,var(--text-primary),transparent 80%)
}
.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
  }
}