/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
.loader {
  width: 40px;
  height: 20px;
  --c: no-repeat radial-gradient(farthest-side, #6dc248 93%, #6dc248, transparent);
  background: var(--c) 0 0,var(--c) 50% 0;
  background-size: 8px 8px;
  position: relative;
  clip-path: inset(-200% -100% 0 0);
  animation: l6-0 1.5s linear infinite;
}
.loader:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 12px;
  background: #130e90;
  left: -16px;
  top: 0;
  animation: l6-1 1.5s linear infinite,l6-2 .5s cubic-bezier(0, 200, 0.8, 200) infinite;
}
.loader:after {
  content: "";
  position: absolute;
  inset: 0 0 auto auto;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #6fba2c;
  animation: l6-3 1.5s linear infinite;
}
@keyframes l6-0 {
  0%,30% {
    background-position: 0 0,50% 0;
  }
  33% {
    background-position: 0 100%,50% 0;
  }
  41%,63% {
    background-position: 0 0,50% 0;
  }
  66% {
    background-position: 0 0,50% 100%;
  }
  74%,100% {
    background-position: 0 0,50% 0;
  }
}
@keyframes l6-1 {
  90% {
    transform: translateY(0);
  }
  95% {
    transform: translateY(15px);
  }
  100% {
    transform: translateY(15px);
    left: calc(100% - 8px);
  }
}
@keyframes l6-2 {
  100% {
    top: -0.1px;
  }
}
@keyframes l6-3 {
  0%,80%,100% {
    transform: translate(0);
  }
  90% {
    transform: translate(26px);
  }
}
.hover-rotate .fa-solid {
  animation: float 2s ease infinite;
  animation-play-state: paused;
}
.hover-rotate:hover .fa-solid {
  animation-play-state: running;
}
.fade-out {
  animation: fadeOut 500ms;
}
.fade-in {
  animation: fadeIn 500ms;
}
.slide-up {
  animation: slideUp 500ms;
}
@keyframes slideUp {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0px);
  }
}
#top-bar {
  z-index: 1000;
}
#top-bar .control-button {
  height: 100%;
  place-items: center;
  color: #4d4d4d;
  cursor: pointer;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  --tw-ease: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
  transition-timing-function: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
}
#top-bar .control-button:hover {
  color: #130e90;
  background: #ddd;
}
#top-bar .user-icon-button:hover {
  background: #74c1cd;
  color: #4d4d4d;
}
#top-bar .button-gradient {
  transition: all .3s ease-in-out;
}
#top-bar .button-gradient i {
  vertical-align: middle;
  font-size: 1.3rem !important;
  background: -webkit-linear-gradient(45deg, rgb(19, 14, 144) 0%, rgb(111, 186, 44) 50%, rgb(111, 186, 44) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0,0,0,0);
}
#top-bar .global-search i {
  color: #6fba2c;
}
#top-bar .global-search label {
  border-radius: 0px !important;
}
.footer-bg {
  background: red;
  height: 160px;
}
#sidebar {
  position: fixed;
  z-index: 10;
  top: 20%;
  right: 30px;
  border-radius: 2em 5em 2em 5em;
  background: #fff;
  filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.07));
  padding: 50px 20px 50px;
  border: 2px solid #f0f3ff;
  font-weight: 600;
}
#sidebar .sidebar-but {
  transition: all ease-in-out .15s;
}
#sidebar .sidebar-but .sidebar-but-icon {
  color: #130e90;
}
#sidebar .sidebar-but .sidebar-but-name {
  color: var(--color-gray-800, oklch(27.8% 0.033 256.848));
}
#sidebar .sidebar-but:hover:not([disabled]) {
  filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.2));
  background: #130e90;
}
#sidebar .sidebar-but:hover:not([disabled]) .sidebar-but-icon,#sidebar .sidebar-but:hover:not([disabled]) .sidebar-but-name {
  color: var(--color-white, #fff);
}
#sidebar .sidebar-but .disabled {
  cursor: not-allowed;
  color: #ddd;
  background-color: none;
}
#sidebar .sidebar-but .disabled:hover {
  filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0));
}
#sidebar .sidebar-but-internal {
  display: grid;
  align-content: center;
  border-radius: 0.25rem;
  padding-inline: calc(var(--spacing, 0.25rem) * 2);
}
#sidebar .sidebar-but-collapsed {
  border-radius: 50%;
}
#sidebar .sidebar-but-collapsed:hover .sidebar-collapsed-tooltip {
  display: block;
}
#sidebar .sidebar-but-collapsed-items {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing, 0.25rem) * 2);
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 8px;
  transition: all ease-in-out .122222s;
}
#sidebar .sidebar-but-items {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  gap: calc(var(--spacing, 0.25rem) * 2);
  vertical-align: middle;
  cursor: pointer;
  border-radius: 8px;
  transition: all ease-in-out .122222s;
}
#sidebar:hover:not([disabled]) {
  color: #fff !important;
}
#sidebar .sidebar-collapsed-tooltip {
  position: absolute;
  display: none;
  z-index: 10;
  transform: translate(-105%, -10%);
  background: #ddd;
  min-width: 100px;
  max-width: 400px;
  color: #222;
  padding: 5px 10px;
  border-radius: 4px;
  font-weight: 400;
  font-size: 1.05em;
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.05));
}
.table-dl {
  min-width: 60%;
  height: 80dvh;
  background: #fff;
  border-radius: 12px;
  border: 1px solid #f0f3ff;
  display: flex;
  flex-direction: column;
  padding: 10px 25px;
}
.table-dl .table-bar-dl {
  font-weight: 700;
}
.table-dl .table-row-dl {
  border-bottom: 1px solid #ddd;
  padding: 10px 8px;
  transition: all ease-in-out .15s;
}
.table-dl .table-row-dl:hover {
  background: #caf6fd;
  background: rgba(202,246,253,.5);
  color: #555;
  border-bottom: 1px solid rgba(0,0,0,0);
  border-radius: 4px;
}
.table-dl .table-row-dl:last-child {
  border-bottom: none;
}
.table-dl .paging-np-dl {
  transition: all ease-in-out .3s;
  border-radius: 4px;
  padding: 0px 10px;
  cursor: pointer;
}
.table-dl .paging-np-dl:not(:disabled):hover {
  background: #caf6fd;
}
.table-dl .paging-np-dl:disabled {
  color: #4d4d4d;
  cursor: not-allowed;
}
.table-dl .table-bar-dl .select-dl {
  border: rgba(0,0,0,.3);
}
.datepicker-dl {
  border: 1px solid #66d2d4;
  border-radius: 4px;
  padding: 0 5px;
  transition: all ease-in-out .3s;
  cursor: pointer;
  background: rgba(0,0,0,0);
}
.datepicker-dl:hover {
  background: #66d2d4;
  color: #fff;
}
.button-dl {
  border: 1px solid #66d2d4;
  border-radius: 8px;
  transition: all ease-in-out .3s;
}
.button-dl:hover {
  background: #66d2d4;
  color: #fff;
}
.primary-blue-border {
  border: 1px solid #130e90;
}
.button-dl-primary {
  border: 1px solid #130e90;
}
.button-dl-primary:hover {
  background: #130e90;
  color: #fff;
}
.button-dl-nc,.button-dl-primary {
  border-radius: 8px;
  transition: all ease-in-out .3s;
}
.button-dl-nc:disabled,.button-dl-primary:disabled {
  background: #ddd;
  color: #4d4d4d;
  border-radius: 4px;
  cursor: not-allowed;
  filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));
}
.button-dl-filled {
  background: #130e90;
  color: #fff;
  border-radius: 8px;
  transition: all ease-in-out .3s;
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.4));
}
.button-dl-filled:hover:not([disabled]) {
  filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.2));
}
.button-dl-filled:disabled {
  background: #ddd;
  color: #4d4d4d;
  border-radius: 4px;
  cursor: not-allowed;
  filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));
}
.button-dl-filled-red {
  background: #d8225a;
}
.button-dl-filled-green {
  background: #6fba2c;
}
.button-dl-filled-yellow {
  background: #e8b91f;
}
.button-dl-filled-cyan {
  background: #74c1cd;
}
.textarea-dl {
  border: 1px solid #130e90;
  border-radius: 8px;
  padding: 4px 8px;
  transition: all ease-in-out .3s;
}
.select-dl {
  border: 1px solid #888;
  border-radius: 4px;
  background: rgba(0,0,0,0);
  padding: 0 5px;
  transition: all ease-in-out .3s;
  cursor: pointer;
}
.select-dl:hover {
  background: #caf6fd;
}
.nfa-search-result {
  border: .5px solid #184a9c;
  border-radius: 8px;
  padding: 16px 20px 10px;
  transition: all ease-in-out .2s;
  cursor: pointer;
}
.nfa-search-result:hover {
  border: .5px solid #6dc248;
  border-left: 6px solid #6dc248;
  padding-left: 14.5px;
  drop-shadow: 0 0 8px rgba(0,0,0,.2);
}
.nfa-search-result.selected {
  border-left: 6px solid #184a9c;
  padding-left: 14.5px;
}
.toast-notification {
  min-width: calc(var(--spacing, 0.25rem) * 64);
  cursor: pointer;
  border-radius: var(--radius-lg, 0.5rem);
  padding: calc(var(--spacing, 0.25rem) * 4);
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.toast-default {
  background-color: var(--color-gray-900, oklch(21% 0.034 264.665));
  color: var(--color-white, #fff);
}
.toast-success {
  background-color: var(--color-emerald-300, oklch(84.5% 0.143 164.978));
  color: var(--color-black, #000);
}
.toast-info {
  background-color: var(--color-sky-300, oklch(82.8% 0.111 230.318));
  color: var(--color-black, #000);
}
.toast-error {
  background-color: var(--color-red-400, oklch(70.4% 0.191 22.216));
  color: var(--color-black, #000);
}
.toast-warning {
  background-color: var(--color-yellow-200, oklch(94.5% 0.129 101.54));
  color: var(--color-black, #000);
}
#report-create-wrapper .missing-required {
  color: red;
}
#report-create-wrapper .draft-stage input,#report-create-wrapper .draft-stage textarea {
  width: 100%;
  background-color: var(--color-white, #fff);
  color: var(--color-gray-900, oklch(21% 0.034 264.665));
  border: 1px solid #184a9c;
  border-radius: 8px;
  padding: 4px 8px;
}
#report-create-wrapper .draft-stage label {
  font-size: 1.1rem;
  font-weight: 900;
  margin-bottom: 5px;
}
#report-create-wrapper .draft-stage .input-hint {
  margin-top: 2px;
  font-size: .9rem;
  font-weight: 500;
  color: var(--color-gray-600, oklch(44.6% 0.03 256.802));
  text-wrap: wrap;
}
#report-create-wrapper .draft-stage .collapse {
  background: #f0f3ff;
  border-radius: 8px;
}
#report-create-wrapper .draft-stage .nfa-search-table label {
  font-size: 1rem;
  font-weight: 500;
}
#report-create-wrapper .draft-stage .collapse-title {
  animation: float 2s ease infinite;
  animation-play-state: paused;
}
#report-create-wrapper .draft-stage .collapse-title:hover {
  animation-play-state: running;
  background: #184a9c;
}
#report-create-wrapper .steps .step::after,#report-create-wrapper .steps .step::before {
  background: #ccc9f4;
  color: #fff;
}
#report-create-wrapper .step-primary+.step-primary::before,#report-create-wrapper .steps .step-primary::after {
  background: #184a9c;
  color: #fff;
}
#report-create-wrapper .selector-opener {
  border-top: 1px solid #184a9c;
  border-bottom: 1px solid #184a9c;
  border-right: 1px solid #184a9c;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 0 8px;
}
#report-create-wrapper .selector-list {
  border: 1px solid #184a9c;
  background: #fff;
  border-radius: 8px;
  margin-top: 8px;
  font-size: 1.2rem;
  padding: 6px;
}
#report-create-wrapper .selector-list .selector-item {
  padding: 8px;
  margin-bottom: 4px;
  border-radius: 8px;
  transition: all .3s ease-in-out;
}
#report-create-wrapper .selector-list .selector-item:hover {
  background: #f0f3ff;
  color: #000;
}
#report-create-wrapper .selector-list .selected {
  background: #184a9c;
  color: #fff;
}
.dl-indicator {
  display: none;
}
.htmx-request .dl-indicator {
  display: block;
}
.htmx-request.dl-indicator {
  display: block;
}
#report-editor-toolbar #file-menu-button {
  anchor-name: --filemenu-anchor-1;
}
#report-editor-toolbar #new-file-menu-button {
  anchor-name: --filemenu-newmenu-anchor;
}
#report-editor-toolbar #open-file-menu-button {
  anchor-name: --filemenu-openmenu-anchor;
}
#report-editor-toolbar #share-file-menu-button {
  anchor-name: --filemenu-sharemenu-anchor;
}
#report-editor-toolbar #export-file-menu-button {
  anchor-name: --filemenu-exportmenu-anchor;
}
#report-editor-toolbar #file-menu-popover {
  position-anchor: --filemenu-anchor-1;
}
#report-editor-toolbar #new-file-menu-popover {
  position-anchor: --filemenu-newmenu-anchor;
}
#report-editor-toolbar #open-file-menu-popover {
  position-anchor: --filemenu-openmenu-anchor;
}
#report-editor-toolbar #export-file-menu-popover {
  position-anchor: --filemenu-exportmenu-anchor;
}
#report-editor-toolbar #share-file-menu-popover {
  position-anchor: --filemenu-sharemenu-anchor;
}
#report-editor-toolbar .file-menu-popovers {
  position: fixed;
  inset-block-start: anchor(bottom);
  inset-inline-start: anchor(start);
  margin-block-start: .75rem;
  color: #444;
}
#report-editor-toolbar .file-submenu-popovers {
  position: fixed;
  inset-block-start: anchor(top);
  inset-inline-start: anchor(end);
  margin-inline-start: .65rem;
  min-width: 10em;
  color: #444;
}
#report-editor-toolbar .toolbar-align-group {
  display: flex;
  align-items: center;
}
#report-editor-toolbar .toolbar-align-group .toolbar-button {
  aspect-ratio: 1;
  width: 2.5rem;
  padding: 0 4px;
  cursor: pointer;
  border-radius: 6px;
  transition: ease-in-out .3s all;
  border: 1px solid rgba(0,0,0,0);
}
#report-editor-toolbar .toolbar-align-group .toolbar-button:hover {
  background: #efefef;
}
#report-editor-toolbar .toolbar-align-group .toolbar-button.disabled {
  cursor: not-allowed;
  color: #999;
}
#report-editor-toolbar .toolbar-align-group .toolbar-button.disabled:hover {
  background: none;
}
#report-editor-toolbar .toolbar-align-group .toolbar-button.active {
  border: 1px solid #333;
}
#report-editor-toolbar .toolbar-align-group #font-size-selector {
  width: max-content;
}
#report-editor .data-link {
  display: inline-block;
  font-weight: 900;
  background: #b2ff6d;
  padding: 0px 10px 0px 8px;
  letter-spacing: .03em;
  clip-path: polygon(4% 0, 100% 0, 98% 100%, 0 100%);
}
#report-editor .rte-paragraph,#report-editor .rte-ul,#report-editor .rte-li {
  margin: 1em 0;
}
#report-editor h1,#report-editor h2,#report-editor h3,#report-editor h4,#report-editor h5,#report-editor h6 {
  margin: .2em 0;
  font-size: 1.3em;
}
#report-editor h1 {
  font-weight: 900;
  color: #43464d;
  font-size: 2em;
}
#report-editor h2 {
  font-weight: 700;
  font-size: 1.7em;
}
#report-editor h3 {
  font-weight: 600;
  font-size: 1.6em;
}
#report-editor h4 {
  font-weight: 900;
  font-size: 1.5em;
  color: #575b63;
}
#report-editor h5 {
  font-size: 1.4em;
  font-style: italic;
  font-weight: 700;
  color: #40444a;
}
#report-editor h6 {
  font-size: 1.3em;
  font-style: italic;
}
#report-editor li .rte-paragraph {
  margin: 0;
}
#report-editor .rte-li {
  margin: 0;
}
#report-editor ul,#report-editor .rte-ul {
  margin: 1.4em 0 0;
  list-style-type: disc;
  list-style-position: inside;
}
#report-editor ul ul,#report-editor ul .rte-ul,#report-editor .rte-ul ul,#report-editor .rte-ul .rte-ul {
  margin: 0;
  margin-top: .4em;
  margin-left: .8em;
}
#report-editor ul:has(input) {
  list-style-type: none;
}
#report-editor ol,#report-editor .rte-ol {
  list-style-type: number;
  list-style-position: inside;
}
#report-editor ol ol,#report-editor ol ul,#report-editor ol .rte-ol,#report-editor ol .rte-ul,#report-editor .rte-ol ol,#report-editor .rte-ol ul,#report-editor .rte-ol .rte-ol,#report-editor .rte-ol .rte-ul {
  margin: 0;
  margin-top: .4em;
  margin-left: .8em;
  list-style-type: lower-alpha;
}
#report-editor ol ol ol,#report-editor ol ol ul,#report-editor ol ol .rte-ol,#report-editor ol ol .rte-ul,#report-editor ol ul ol,#report-editor ol ul ul,#report-editor ol ul .rte-ol,#report-editor ol ul .rte-ul,#report-editor ol .rte-ol ol,#report-editor ol .rte-ol ul,#report-editor ol .rte-ol .rte-ol,#report-editor ol .rte-ol .rte-ul,#report-editor ol .rte-ul ol,#report-editor ol .rte-ul ul,#report-editor ol .rte-ul .rte-ol,#report-editor ol .rte-ul .rte-ul,#report-editor .rte-ol ol ol,#report-editor .rte-ol ol ul,#report-editor .rte-ol ol .rte-ol,#report-editor .rte-ol ol .rte-ul,#report-editor .rte-ol ul ol,#report-editor .rte-ol ul ul,#report-editor .rte-ol ul .rte-ol,#report-editor .rte-ol ul .rte-ul,#report-editor .rte-ol .rte-ol ol,#report-editor .rte-ol .rte-ol ul,#report-editor .rte-ol .rte-ol .rte-ol,#report-editor .rte-ol .rte-ol .rte-ul,#report-editor .rte-ol .rte-ul ol,#report-editor .rte-ol .rte-ul ul,#report-editor .rte-ol .rte-ul .rte-ol,#report-editor .rte-ol .rte-ul .rte-ul {
  list-style-type: lower-roman;
}
#report-editor blockquote {
  padding: .2em .6em;
  margin: .5em;
  border-left: 10px solid #e4e6ed;
  color: #444;
  background: rgba(0,0,0,.03);
}
#report-editor a {
  color: #6fba2c;
  text-decoration: underline;
  transition: .3s ease-in-out all;
}
#report-editor a:hover {
  color: #6017e8;
}
#report-editor table {
  --border: 0px solid black;
  border-radius: 6px;
  border-spacing: 0;
  border-collapse: separate;
  border: var(--border);
  overflow: hidden;
  width: 100%;
  margin-bottom: .5em;
}
#report-editor table .rte-paragraph {
  margin: 0;
}
#report-editor table tr td,#report-editor table tr th {
  padding: 2px 6px;
  border-bottom: 2px solid #dedede;
}
#report-editor table tr:last-child td {
  border: none;
}
#report-editor .rte-underline {
  text-decoration: underline;
}
#report-editor .rte-italic {
  font-style: italic;
}
#report-editor .rte-bold {
  font-weight: 800;
}
#report-editor .rte-list-bullet {
  list-style-type: disc;
}
#report-editor .rte-list-number {
  list-style-type: lower-alpha;
}
#report-editor .rte-quote,#report-editor .rte-quote-intense {
  padding: .2em .6em;
  margin: .5em;
  border-left: 10px solid #e4e6ed;
  color: #444;
  background: rgba(0,0,0,.03);
}
#report-editor .rte-quote-intense {
  color: #333;
  font-style: italic;
}
.reviewer-approve {
  color: #6fba2c !important;
}
.reviewer-approve:disabled {
  color: #ccc !important;
}
.reviewer-reject {
  color: #d8225a !important;
}
.reviewer-reject:disabled {
  color: #ccc !important;
}
.sidebar-but-disabled {
  color: #555 !important;
  cursor: not-allowed;
}
.sidebar-but-disabled i {
  color: #555 !important;
  cursor: not-allowed;
}
.sidebar-but-disabled:hover {
  background: #f0f3ff !important;
}
#report-draft-view-wrapper,#report-view-wrapper {
  max-height: calc(100vh - 80px);
}
#report-draft-view-wrapper .report-toggle-hidden,#report-view-wrapper .report-toggle-hidden {
  background: #f0f3ff;
  border-radius: 10px;
}
#report-draft-view-wrapper #preview-wrapper .report-preview,#report-view-wrapper #preview-wrapper .report-preview {
  background: #f0f3ff;
  border-radius: 10px;
}
#report-draft-view-wrapper #preview-wrapper .report-preview .stream-data,#report-view-wrapper #preview-wrapper .report-preview .stream-data {
  background-color: var(--color-yellow-200, oklch(94.5% 0.129 101.54));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
}
#report-draft-view-wrapper #preview-wrapper .report-preview .report-preview-content,#report-view-wrapper #preview-wrapper .report-preview .report-preview-content {
  height: 75vh;
  overflow: auto;
  background: #fff;
  padding: 20px;
}
#report-draft-view-wrapper #preview-wrapper .report-preview .heading,#report-view-wrapper #preview-wrapper .report-preview .heading {
  font-weight: 600;
  margin: 1.5em 0;
}
#report-draft-view-wrapper #preview-wrapper .report-preview .title,#report-view-wrapper #preview-wrapper .report-preview .title {
  margin: 0;
  font-size: 5rem;
  font-weight: 800;
  color: #6fba2c;
}
#report-draft-view-wrapper #preview-wrapper .report-preview .subtitle,#report-view-wrapper #preview-wrapper .report-preview .subtitle {
  font-size: 2rem;
  font-weight: 600;
  color: #555;
}
#report-draft-view-wrapper #preview-wrapper .report-preview .heading-1,#report-view-wrapper #preview-wrapper .report-preview .heading-1 {
  font-size: 1.8rem;
  font-weight: 400;
}
#report-draft-view-wrapper #preview-wrapper .report-preview .heading-underbar,#report-view-wrapper #preview-wrapper .report-preview .heading-underbar {
  margin-bottom: 10px;
  height: 5px;
  margin-left: -20px;
  width: calc(50% + 20px);
  background: #130e90;
}
#report-draft-view-wrapper #preview-wrapper .report-preview .heading-2,#report-view-wrapper #preview-wrapper .report-preview .heading-2 {
  font-size: 1.2rem;
  font-weight: 700;
}
#report-draft-view-wrapper #preview-wrapper .report-preview .heading-3,#report-view-wrapper #preview-wrapper .report-preview .heading-3 {
  font-size: 1.2rem;
  font-weight: 500;
}
#report-draft-view-wrapper #preview-wrapper .report-preview .heading-4,#report-view-wrapper #preview-wrapper .report-preview .heading-4 {
  font-size: 1rem;
  font-weight: 500;
}
#report-draft-view-wrapper #preview-wrapper .report-preview .heading-5,#report-view-wrapper #preview-wrapper .report-preview .heading-5 {
  font-size: .9rem;
  font-weight: 500;
}
#report-draft-view-wrapper #preview-wrapper .report-preview .heading-6,#report-view-wrapper #preview-wrapper .report-preview .heading-6 {
  font-size: .8rem;
  font-weight: 500;
}
#report-draft-view-wrapper #preview-wrapper .report-preview .section,#report-view-wrapper #preview-wrapper .report-preview .section {
  margin: 13em 0 17em;
}
#report-draft-view-wrapper #preview-wrapper .report-preview .section h2,#report-view-wrapper #preview-wrapper .report-preview .section h2 {
  font-size: 4rem;
  font-weight: 700;
}
#report-draft-view-wrapper #report-upload .drop-area,#report-view-wrapper #report-upload .drop-area {
  border-radius: 6px;
  border: 2px dashed #184a9c;
}
#report-draft-view-wrapper .doc-upload-area,#report-view-wrapper .doc-upload-area {
  border-radius: 8px;
  background: rgba(24,75,156,.15);
}
#report-draft-view-wrapper .report-title,#report-view-wrapper .report-title {
  font-weight: 700;
}
#report-draft-view-wrapper .report-upload-inner,#report-view-wrapper .report-upload-inner {
  background: #dde3ff;
  border-radius: 8px;
  border: 1px dashed #184a9c;
}
#report-draft-view-wrapper .metadataSidebar h2,#report-view-wrapper .metadataSidebar h2 {
  font-size: 1.2rem;
  font-weight: 700;
}
#report-draft-view-wrapper .metadataSidebar p,#report-view-wrapper .metadataSidebar p {
  font-size: .9rem;
}
#report-draft-view-wrapper .metadataSidebar .additional h2,#report-view-wrapper .metadataSidebar .additional h2 {
  font-weight: 500;
}
#report-draft-view-wrapper .metadataSidebar .additional i,#report-view-wrapper .metadataSidebar .additional i {
  margin-top: calc(var(--spacing, 0.25rem) * 2);
  margin-left: calc(var(--spacing, 0.25rem) * 4);
}
#report-draft-view-wrapper .metadataSidebar .linkedNFA,#report-view-wrapper .metadataSidebar .linkedNFA {
  border: 1px solid rgba(0,0,0,0);
  border-radius: 8px;
  transition: all ease-in-out .3s;
}
#report-draft-view-wrapper .metadataSidebar .linkedNFA:hover,#report-view-wrapper .metadataSidebar .linkedNFA:hover {
  border: 1px solid #184a9c;
}
#report-draft-view-wrapper .metadataSidebar .add-user button,#report-view-wrapper .metadataSidebar .add-user button {
  border: 1px solid #130e90;
  border-radius: 8px;
  max-width: 200px;
  transition: all ease-in-out .3s;
  color: #555;
}
#report-draft-view-wrapper .metadataSidebar .add-user button:hover,#report-view-wrapper .metadataSidebar .add-user button:hover {
  background: #130e90;
  color: #fff;
}
#report-draft-view-wrapper .metadataSidebar .remove-user button,#report-view-wrapper .metadataSidebar .remove-user button {
  border: 1px solid #d8225a;
  border-radius: 8px;
  transition: all ease-in-out .3s;
  color: #555;
}
#report-draft-view-wrapper .metadataSidebar .remove-user button:hover,#report-view-wrapper .metadataSidebar .remove-user button:hover {
  background: #d8225a;
  color: #fff;
}
#report-draft-view-wrapper .metadataEdit,#report-view-wrapper .metadataEdit {
  z-index: 50;
  color: #8e8e8e;
  cursor: pointer;
  transition: all ease-in-out .3s;
  font-size: .9rem;
}
#report-draft-view-wrapper .metadataEdit:hover,#report-view-wrapper .metadataEdit:hover {
  color: #184a9c;
}
#report-draft-view-wrapper .report-overlay,#report-view-wrapper .report-overlay {
  position: relative;
  z-index: 100;
  min-width: 30vw;
  right: 20vw;
  background: #fff;
  border-radius: 8px;
  filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.15));
  padding-inline: calc(var(--spacing, 0.25rem) * 4);
  padding-block: calc(var(--spacing, 0.25rem) * 6);
  padding-bottom: calc(var(--spacing, 0.25rem) * 10);
  height: 85vh;
}
#report-draft-view-wrapper .report-overlay h2,#report-view-wrapper .report-overlay h2 {
  font-size: 1.8rem;
  font-weight: 800;
}
#report-draft-view-wrapper .report-overlay h3,#report-view-wrapper .report-overlay h3 {
  font-size: 1.4rem;
  font-weight: 900;
}
#report-draft-view-wrapper .report-overlay label,#report-view-wrapper .report-overlay label {
  font-size: 1.1rem;
  font-weight: 700;
  margin: 20px 0;
}
#report-draft-view-wrapper .report-overlay input,#report-view-wrapper .report-overlay input {
  width: 100%;
  color: var(--color-gray-900, oklch(21% 0.034 264.665));
  background: rgba(0,0,0,0);
  border: 1px solid #184a9c;
  border-radius: 8px;
  padding: 4px 8px;
}
#report-draft-view-wrapper .overlay-close,#report-view-wrapper .overlay-close {
  margin-top: calc(var(--spacing, 0.25rem) * 2);
  margin-right: calc(var(--spacing, 0.25rem) * 6);
  height: calc(var(--spacing, 0.25rem) * 5);
  width: calc(var(--spacing, 0.25rem) * 5);
  border-radius: calc(infinity * 1px);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  background-color: var(--color-red-300, oklch(80.8% 0.114 19.571));
  cursor: pointer;
  transition: all .3s ease-in-out;
}
#report-draft-view-wrapper .overlay-close:hover,#report-view-wrapper .overlay-close:hover {
  background-color: var(--color-red-500, oklch(63.7% 0.237 25.331));
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
#report-draft-view-wrapper #report-design .dl-separator,#report-view-wrapper #report-design .dl-separator {
  height: 1px;
  background: #184a9c;
  width: 100%;
}
#report-draft-view-wrapper #report-design .select,#report-view-wrapper #report-design .select {
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
}
#report-draft-view-wrapper #report-design h4,#report-view-wrapper #report-design h4 {
  font-size: var(--text-xl, 1.25rem);
  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
}
#report-draft-view-wrapper #report-design .branding-images .image-preview img,#report-view-wrapper #report-design .branding-images .image-preview img {
  background: #fff;
  border-radius: 8px;
  max-height: 150px;
  height: auto;
  max-width: 200px;
  filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.1));
}
#report-draft-view-wrapper #report-design .report-design-content,#report-view-wrapper #report-design .report-design-content {
  overflow: auto;
  height: 75vh;
}
#report-draft-view-wrapper #report-design.report-overlay,#report-view-wrapper #report-design.report-overlay {
  min-width: 40vw;
  right: 28vw;
}
#report-draft-view-wrapper #report-design .color-front-wrapper,#report-view-wrapper #report-design .color-front-wrapper {
  width: 34px;
  height: 34px;
  cursor: pointer;
  background: radial-gradient(circle, rgb(227, 227, 227) 0%, rgb(255, 255, 255) 30%, rgb(200, 200, 200) 100%);
  border-radius: 50%;
  transition: background ease-in-out .3s;
}
#report-draft-view-wrapper #report-design .color-front-wrapper:hover,#report-view-wrapper #report-design .color-front-wrapper:hover {
  background: radial-gradient(circle, rgb(227, 227, 227) 0%, rgb(255, 255, 255) 10%, rgb(200, 200, 200) 100%);
}
#report-draft-view-wrapper #report-design .color-front-wrapper .colour-picker-front,#report-view-wrapper #report-design .color-front-wrapper .colour-picker-front {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
#report-draft-view-wrapper #report-design .colour-picker,#report-view-wrapper #report-design .colour-picker {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: none;
}
#report-draft-view-wrapper #report-design .colour-pickerinput,#report-view-wrapper #report-design .colour-pickerinput {
  border: none;
  border-radius: 50%;
}
#report-draft-view-wrapper #report-design .image-upload-preview,#report-view-wrapper #report-design .image-upload-preview {
  border: 2px dashed #184a9c;
  margin-bottom: calc(var(--spacing, 0.25rem) * 4);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-radius: var(--radius-lg, 0.5rem);
  padding: calc(var(--spacing, 0.25rem) * 4);
  font-weight: 500;
}
#report-draft-view-wrapper #report-design .image-upload-preview img,#report-view-wrapper #report-design .image-upload-preview img {
  border-radius: 8px;
  height: auto;
  max-width: 200px;
}
#report-draft-view-wrapper #report-design #dynamic-fields-section,#report-view-wrapper #report-design #dynamic-fields-section {
  background: #fff;
  border-radius: 8px;
}
#report-draft-view-wrapper #report-design #dynamic-fields-section .field-label,#report-view-wrapper #report-design #dynamic-fields-section .field-label {
  min-width: 150px;
  padding: 4px;
  border: none;
}
#report-draft-view-wrapper #report-design #dynamic-fields-section .colour-wrapper,#report-view-wrapper #report-design #dynamic-fields-section .colour-wrapper {
  border: 1px solid #d2d4d7;
  border-radius: 8px;
  padding: 4px;
}
#report-draft-view-wrapper #report-design #dynamic-fields-section .dynamic-section-field,#report-view-wrapper #report-design #dynamic-fields-section .dynamic-section-field {
  border: 1px solid #184a9c;
  border-radius: 8px;
  padding: 12px;
}
#report-draft-view-wrapper #report-design #dynamic-fields-section .dynamic-section-field h4,#report-view-wrapper #report-design #dynamic-fields-section .dynamic-section-field h4 {
  font-size: 1.1rem;
  font-weight: 600;
}
#report-draft-view-wrapper #report-design #dynamic-fields-section .dynamic-section-field .field-label,#report-view-wrapper #report-design #dynamic-fields-section .dynamic-section-field .field-label {
  font-weight: 500;
}
#report-draft-view-wrapper #report-design #dynamic-fields-section .dynamic-section-field input,#report-view-wrapper #report-design #dynamic-fields-section .dynamic-section-field input {
  border: none;
}
#report-draft-view-wrapper #nfaSearchResults .results,#report-view-wrapper #nfaSearchResults .results {
  overflow: auto;
  padding: 12px;
}
#report-draft-view-wrapper #nfaSearchResults .result,#report-view-wrapper #nfaSearchResults .result {
  transition: all ease-in-out .2s;
  cursor: pointer;
}
#report-draft-view-wrapper #notes .notes,#report-view-wrapper #notes .notes {
  height: 60vh;
  overflow: auto;
  padding: 10px;
}
#report-draft-view-wrapper #notes .note,#report-view-wrapper #notes .note {
  margin-bottom: calc(var(--spacing, 0.25rem) * 6);
  border-radius: var(--radius-lg, 0.5rem);
  background-color: var(--color-gray-100, oklch(96.7% 0.003 264.542));
  padding-inline: calc(var(--spacing, 0.25rem) * 4);
  padding-block: calc(var(--spacing, 0.25rem) * 2);
}
#report-draft-view-wrapper #notes .note .note-meta,#report-view-wrapper #notes .note .note-meta {
  font-size: .9rem;
  font-weight: 500;
  color: #888;
}
#report-draft-view-wrapper #notes .note-selection h3,#report-view-wrapper #notes .note-selection h3 {
  font-size: 1.2rem;
  font-weight: 600;
}
#report-draft-view-wrapper #notes .note-selection .active,#report-view-wrapper #notes .note-selection .active {
  text-decoration: underline;
}
#report-draft-view-wrapper #notes .note-selection .inactive,#report-view-wrapper #notes .note-selection .inactive {
  text-decoration: none;
  color: #888;
  font-weight: 300;
  transition: all ease-in-out .2s;
  cursor: pointer;
}
#report-draft-view-wrapper #notes .note-selection .inactive:hover,#report-view-wrapper #notes .note-selection .inactive:hover {
  text-decoration: underline;
  color: #184a9c;
}
#report-draft-view-wrapper #comments .comment-main,#report-view-wrapper #comments .comment-main {
  margin-bottom: calc(var(--spacing, 0.25rem) * 6);
  border-radius: var(--radius-lg, 0.5rem);
  background-color: var(--color-gray-100, oklch(96.7% 0.003 264.542));
  padding-inline: calc(var(--spacing, 0.25rem) * 4);
  padding-block: calc(var(--spacing, 0.25rem) * 2);
}
#report-draft-view-wrapper #comments .comment-other,#report-view-wrapper #comments .comment-other {
  background: #c8e9ff;
}
#report-draft-view-wrapper #comments .comments,#report-view-wrapper #comments .comments {
  height: 60vh;
  overflow: auto;
  padding: 10px;
  display: flex;
  flex-direction: column-reverse;
}
#report-draft-view-wrapper #comments .comment-create textarea,#report-view-wrapper #comments .comment-create textarea {
  border-radius: 8px;
  border: 1px solid #184a9c;
  padding: 4px 8px;
  resize: none;
  width: 100%;
  flex-grow: 1;
}
#report-draft-view-wrapper #comments .comment-send,#report-view-wrapper #comments .comment-send {
  background: #184a9c;
  filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.05));
  padding-inline: calc(var(--spacing, 0.25rem) * 4);
  padding-block: calc(var(--spacing, 0.25rem) * 2);
  color: var(--color-white, #fff);
}
#report-draft-view-wrapper #comments .comment-but-left,#report-view-wrapper #comments .comment-but-left {
  border-radius: 8px 8px 8px 24px;
}
#report-draft-view-wrapper #comments .comment-but-right,#report-view-wrapper #comments .comment-but-right {
  border-radius: 8px 8px 16px 8px;
}
#report-draft-view-wrapper #comments .report-overlay,#report-view-wrapper #comments .report-overlay {
  padding-bottom: calc(var(--spacing, 0.25rem) * 4);
}
#report-draft-view-wrapper #comment-context,#report-view-wrapper #comment-context {
  position: absolute;
  border-radius: var(--radius-lg, 0.5rem);
  background-color: var(--color-white, #fff);
  text-align: left;
  filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.3));
  transition: all ease-in-out .2s;
}
#report-draft-view-wrapper #comment-context .comment-context-but,#report-view-wrapper #comment-context .comment-context-but {
  border-radius: 8px;
}
#report-draft-view-wrapper #comment-context .comment-context-but i,#report-view-wrapper #comment-context .comment-context-but i {
  color: #444;
  padding-right: calc(var(--spacing, 0.25rem) * 2);
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
}
#report-draft-view-wrapper #comment-context .comment-context-but:hover,#report-view-wrapper #comment-context .comment-context-but:hover {
  background: #f0f3ff;
}
.unread-dot {
  position: absolute;
  z-index: 10;
  margin-top: 7px;
  margin-left: -25px;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  display: inline;
}
#data-create-wrapper .type-select select {
  border: 1px solid #130e90;
}
#data-create-wrapper .dl-divider {
  border-top: 1px solid #4d4d4d;
}
#data-create-wrapper .field-label {
  font-weight: 700;
  color: #4d4d4d;
}
#data-create-wrapper .input-note {
  font-size: .8em;
  color: #4d4d4d;
}
#data-create-wrapper .remove-option-btn {
  border-radius: var(--radius-md, 0.375rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-300, oklch(87.2% 0.01 258.338));
  padding: calc(var(--spacing, 0.25rem) * 2);
  padding-inline: calc(var(--spacing, 0.25rem) * 4);
  color: var(--color-gray-700, oklch(37.3% 0.034 259.733));
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  --tw-ease: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
  transition-timing-function: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-red-400, oklch(70.4% 0.191 22.216));
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-red-400, oklch(70.4% 0.191 22.216));
    }
  }
}
#data-create-wrapper .switch-to-image-btn {
  border-radius: var(--radius-md, 0.375rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-300, oklch(87.2% 0.01 258.338));
  padding: calc(var(--spacing, 0.25rem) * 2);
  padding-inline: calc(var(--spacing, 0.25rem) * 4);
  color: var(--color-gray-700, oklch(37.3% 0.034 259.733));
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  --tw-ease: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
  transition-timing-function: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-sky-400, oklch(74.6% 0.16 232.661));
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-sky-400, oklch(74.6% 0.16 232.661));
    }
  }
}
#data-wrapper .sidebar h2 {
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
  color: var(--color-gray-600, oklch(44.6% 0.03 256.802));
}
#data-wrapper #new-revision-dialog .modal-box {
  width: 80% !important;
  max-width: 80% !important;
  height: 70% !important;
  max-height: 70% !important;
}
#data-wrapper .data-overlay {
  position: relative;
  z-index: 100;
  min-width: 30vw;
  right: 18vw;
  background: #fff;
  border-radius: 8px;
  filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.15));
  padding-inline: calc(var(--spacing, 0.25rem) * 4);
  padding-block: calc(var(--spacing, 0.25rem) * 6);
  padding-bottom: calc(var(--spacing, 0.25rem) * 10);
  height: 85vh;
}
#data-wrapper .data-overlay h2 {
  font-size: 1.8rem;
  font-weight: 800;
}
#data-wrapper .data-overlay h3 {
  font-size: 1.4rem;
  font-weight: 900;
}
#data-wrapper .data-overlay label {
  font-size: 1.1rem;
  font-weight: 700;
  margin: 20px 0;
}
#data-wrapper .data-overlay input {
  width: 100%;
  color: var(--color-gray-900, oklch(21% 0.034 264.665));
  background: rgba(0,0,0,0);
  border: 1px solid #184a9c;
  border-radius: 8px;
  padding: 4px 8px;
}
#data-wrapper .overlay-close {
  margin-top: calc(var(--spacing, 0.25rem) * 2);
  margin-right: calc(var(--spacing, 0.25rem) * 6);
  height: calc(var(--spacing, 0.25rem) * 5);
  width: calc(var(--spacing, 0.25rem) * 5);
  cursor: pointer;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-red-300, oklch(80.8% 0.114 19.571));
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  --tw-ease: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
  transition-timing-function: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
}
#data-wrapper .overlay-close:hover {
  background-color: var(--color-red-500, oklch(63.7% 0.237 25.331));
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
#data-wrapper #data-comments .comment-main {
  margin-bottom: calc(var(--spacing, 0.25rem) * 6);
  border-radius: var(--radius-lg, 0.5rem);
  background-color: var(--color-gray-100, oklch(96.7% 0.003 264.542));
  padding-inline: calc(var(--spacing, 0.25rem) * 4);
  padding-block: calc(var(--spacing, 0.25rem) * 2);
}
#data-wrapper #data-comments .comment-other {
  background: #c8e9ff;
}
#data-wrapper #data-comments .comments {
  height: 60vh;
  overflow: auto;
  padding: 10px;
  display: flex;
  flex-direction: column-reverse;
}
#data-wrapper #data-comments .comment-create textarea {
  border-radius: 8px;
  border: 1px solid #184a9c;
  padding: 4px 8px;
  resize: none;
  width: 100%;
  flex-grow: 1;
}
#data-wrapper #data-comments .comment-send {
  background: #184a9c;
  filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.05));
  padding-inline: calc(var(--spacing, 0.25rem) * 4);
  padding-block: calc(var(--spacing, 0.25rem) * 2);
  color: var(--color-white, #fff);
}
#data-wrapper #data-comments .comment-but-left {
  border-radius: 8px 8px 8px 24px;
}
#data-wrapper #data-comments .comment-but-right {
  border-radius: 8px 8px 16px 8px;
}
#data-wrapper #data-comments .data-overlay {
  padding-bottom: calc(var(--spacing, 0.25rem) * 4);
}
#data-wrapper #comment-context {
  position: absolute;
  border-radius: var(--radius-lg, 0.5rem);
  background-color: var(--color-white, #fff);
  text-align: left;
  filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.3));
  transition: all ease-in-out .2s;
}
#data-wrapper #comment-context .comment-context-but {
  border-radius: 8px;
}
#data-wrapper #comment-context .comment-context-but i {
  color: #444;
  padding-right: calc(var(--spacing, 0.25rem) * 2);
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
}
#data-wrapper #comment-context .comment-context-but:hover {
  background: #f0f3ff;
}
#image-display-dialog .modal-box {
  max-width: 70%;
}
#apply-function-modal.modal {
  justify-items: end;
  padding-right: 2em;
}
#apply-function-modal.modal::backdrop {
  background-color: rgba(0,0,0,0);
}
#apply-function-modal.modal .modal-box {
  max-width: 30%;
}
#apply-function-modal.modal .modal-box .function-overview {
  max-height: 0em;
  transition: max-height .4s ease-in-out;
}
#apply-function-modal.modal .modal-box .function-overview.is-open {
  max-height: 30em;
}
.openFunction {
  animation-name: openFunctionList;
  animation-duration: .4s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}
.closeFunction {
  animation-name: closeFunctionList;
  animation-duration: .4s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}
.function-chevron {
  transition: transform .2s ease-in-out;
  transform: rotate(0deg);
}
.function-chevron.is-open {
  transform: rotate(180deg);
}
@keyframes openFunctionList {
  from {
    display: none;
    height: 0em;
  }
  to {
    display: block;
    height: 30em;
  }
}
@keyframes closeFunctionList {
  from {
    height: 30em;
  }
  to {
    height: 0em;
    display: none;
  }
}
#template-create-wrapper .dl-divider {
  border-bottom: 1px solid #ddd;
  margin: 19px 0 20px 0;
}
#template-create-wrapper h3 {
  font-weight: 400;
}
#template-create-wrapper .dl-textarea-bordered {
  border: 1px solid #d9dadd;
  border-radius: 8px;
}
#template-create-wrapper .remove-option-btn {
  align-self: center;
  font-size: var(--text-3xl, 1.875rem);
  line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
  color: var(--color-gray-400, oklch(70.7% 0.022 261.325));
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  &:hover {
    @media (hover: hover) {
      color: var(--color-red-400, oklch(70.4% 0.191 22.216));
    }
  }
}
#template-create-wrapper .remove-field-btn {
  margin-left: calc(var(--spacing, 0.25rem) * 8);
  display: flex;
  height: calc(var(--spacing, 0.25rem) * 12);
  place-items: end;
  align-content: center;
  align-items: center;
}
#template-create-wrapper .remove-field-btn i {
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
  color: var(--color-gray-700, oklch(37.3% 0.034 259.733));
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  &:hover {
    @media (hover: hover) {
      color: var(--color-red-400, oklch(70.4% 0.191 22.216));
    }
  }
}
.template-list .template-list-item {
  border-radius: 10px;
  border: 1px solid #e9e9e9;
  padding: 0 !important;
  margin: 0 !important;
  text-align: left;
}
.template-list .template-list-item:hover>.name {
  background: #e9e9e9;
}
.template-list .template-list-item .name {
  transition: background .3s;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.template-list .template-list-item .name,.template-list .template-list-item .description,.template-list .template-list-item .edited {
  padding: 6px 10px;
}
#user-add-wrapper .selected-user {
  background-color: var(--color-green-400, oklch(79.2% 0.209 151.711));
  color: var(--color-white, #fff);
}
#user-add-wrapper .dl-divider {
  border-top: 1px solid #4d4d4d;
}
#user-add-wrapper .field-label {
  font-weight: 700;
  color: #4d4d4d;
}
#user-add-wrapper .input-note {
  font-size: .8em;
  color: #4d4d4d;
}
#user-add-wrapper form label input {
  width: 100%;
}
#user-add-wrapper #user-selected-roles .selected-role .remove-role {
  border: 1px solid #d8225a;
  border-radius: 8px;
  transition: all .3s ease-in-out;
  padding: .2em .5em;
}
#user-add-wrapper #user-selected-roles .selected-role .remove-role:hover {
  background-color: #d8225a;
  color: #fff;
}
#user-view-wrapper .role-table {
  border: 1px solid #130e90;
  border-radius: 8px;
}
#user-view-wrapper .role-table .role-table-header {
  background: #130e90;
  color: #fff;
  font-weight: 700;
  padding: .5em;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
#user-view-wrapper .role-table .role-row {
  border-bottom: 1px solid #130e90;
}
#user-view-wrapper .role-table .role-row:last-child {
  border-bottom: none;
}
#user-view-wrapper .role-table .role-row-spacer {
  min-height: 1em;
  background: #ddd;
  border-bottom: 1px solid #130e90;
}
#user-view-wrapper .role-table .role-row-spacer:last-child {
  border-bottom: none;
}
#settings-hub .hub-button,#hub-wrapper .hub-button,#system-settings-wrapper .hub-button {
  border: 1px solid #130e90;
  color: #130e90;
  transition: all .3s ease-in-out;
}
#settings-hub .hub-button:hover,#hub-wrapper .hub-button:hover,#system-settings-wrapper .hub-button:hover {
  color: #6fba2c;
  border: 1px solid #6fba2c;
}
#settings-hub .hub-button i,#hub-wrapper .hub-button i,#system-settings-wrapper .hub-button i {
  vertical-align: middle;
  font-size: 1.8rem !important;
  background: -webkit-linear-gradient(45deg, rgb(19, 14, 144) 0%, rgb(111, 186, 44) 50%, rgb(111, 186, 44) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0,0,0,0);
}
#dlt-add-wrapper .dl-divider {
  border-bottom: 1px solid #ddd;
  margin: 19px 0 20px 0;
}
#dlt-add-wrapper .dl-select {
  border: 1px solid #d2d4d7;
  border-radius: 8px;
  padding-left: 1em;
}
.onboarding-wrapper .loader {
  width: 90px;
  height: 14px;
  box-shadow: 0 3px 0 #fff;
  position: relative;
  clip-path: inset(-40px 0 -5px);
}
.onboarding-wrapper .loader:before {
  content: "";
  position: absolute;
  inset: auto calc(50% - 17px) 0;
  height: 50px;
  --g: no-repeat linear-gradient(#ccc 0 0);
  background: var(--g),var(--g),var(--g),var(--g);
  background-size: 16px 14px;
  animation: l7-1 2s infinite linear,l7-2 2s infinite linear;
}
@keyframes l7-1 {
  0%,100% {
    background-position: 0 -50px,100% -50px;
  }
  17.5% {
    background-position: 0 100%,100% -50px,0 -50px,100% -50px;
  }
  35% {
    background-position: 0 100%,100% 100%,0 -50px,100% -50px;
  }
  52.5% {
    background-position: 0 100%,100% 100%,0 calc(100% - 16px),100% -50px;
  }
  70%,98% {
    background-position: 0 100%,100% 100%,0 calc(100% - 16px),100% calc(100% - 16px);
  }
}
@keyframes l7-2 {
  0%,70% {
    transform: translate(0);
  }
  100% {
    transform: translate(200%);
  }
}
#documentation-viewer {
  font-size: 1.1em;
}
#documentation-viewer h1,#documentation-viewer h2,#documentation-viewer h3,#documentation-viewer h4,#documentation-viewer h5,#documentation-viewer h6 {
  margin: .2em 0;
  font-size: 1.3em;
}
#documentation-viewer h1 {
  font-weight: 900;
  color: #43464d;
  font-size: 2em;
}
#documentation-viewer h2 {
  font-weight: 700;
  font-size: 1.7em;
}
#documentation-viewer h3 {
  font-weight: 600;
  font-size: 1.6em;
}
#documentation-viewer h4 {
  font-weight: 900;
  font-size: 1.5em;
  color: #575b63;
}
#documentation-viewer h5 {
  font-size: 1.4em;
  font-style: italic;
  font-weight: 700;
  color: #40444a;
}
#documentation-viewer h6 {
  font-size: 1.3em;
  font-style: italic;
}
#documentation-viewer hr {
  margin: 1em 0;
}
#documentation-viewer ul,#documentation-viewer ol,#documentation-viewer p {
  margin: 1em 0;
  width: 700px;
}
#documentation-viewer ul {
  list-style-type: disc;
  list-style-position: inside;
}
#documentation-viewer ul ul {
  margin: 0;
  margin-top: .4em;
  margin-left: .8em;
}
#documentation-viewer ul:has(input) {
  list-style-type: none;
}
#documentation-viewer ol {
  list-style-type: number;
  list-style-position: inside;
}
#documentation-viewer ol ol,#documentation-viewer ol ul {
  margin: 0;
  margin-top: .4em;
  margin-left: .8em;
  list-style-type: lower-alpha;
}
#documentation-viewer ol ol ol,#documentation-viewer ol ol ul,#documentation-viewer ol ul ol,#documentation-viewer ol ul ul {
  list-style-type: lower-roman;
}
#documentation-viewer blockquote {
  padding: .2em .6em;
  margin: .5em;
  border-left: 10px solid #e4e6ed;
  color: #444;
  background: rgba(0,0,0,.03);
}
#documentation-viewer a {
  color: #6fba2c;
  text-decoration: underline;
  transition: .3s ease-in-out all;
}
#documentation-viewer a:hover {
  color: #6017e8;
}
#documentation-viewer table {
  --border: 0px solid black;
  border-radius: 6px;
  border-spacing: 0;
  border-collapse: separate;
  border: var(--border);
  overflow: hidden;
  width: 100%;
  margin-bottom: .5em;
}
#documentation-viewer table thead {
  background-color: #b8e4ff;
}
#documentation-viewer table thead tr th {
  padding: 2px 6px;
}
#documentation-viewer table tbody tr td {
  padding: 2px 6px;
  border-bottom: 2px solid #dedede;
}
#documentation-viewer table tbody tr:last-child td {
  border: none;
}
#documentation-viewer [id^="fn:"],#documentation-viewer [id^="fnref:"] {
  scroll-margin-top: 10vh;
}
#documentation-viewer code:not(:is(pre *)) {
  font-size: 1.2em;
  padding: 2px 4px;
  font-family: monospace;
  background: #e9d9ff;
  color: #361661;
}
#documentation-viewer pre.chroma {
  padding: 6px 16px 6px 0;
  border-radius: 6px;
  background-color: #272822;
  overflow-x: scroll;
  margin: 1em 0;
}
#documentation-viewer .bg {
  color: #f8f8f2;
  background-color: #272822;
}
#documentation-viewer .chroma {
  color: #f8f8f2;
  background-color: #272822;
}
#documentation-viewer .chroma .err {
  color: #960050;
  background-color: #1e0010;
}
#documentation-viewer .chroma .lntd {
  vertical-align: top;
  padding: 0;
  margin: 0;
  border: 0;
}
#documentation-viewer .chroma .lntable {
  border-spacing: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
#documentation-viewer .chroma .hl {
  background-color: #3c3d38;
}
#documentation-viewer .chroma .lnt {
  white-space: pre;
  user-select: none;
  margin-right: .4em;
  padding: 0 .4em 0 .4em;
  color: #7f7f7f;
}
#documentation-viewer .chroma .ln {
  white-space: pre;
  user-select: none;
  margin-right: .4em;
  padding: 0 .4em 0 .4em;
  color: #7f7f7f;
  background-color: #32332b;
}
#documentation-viewer .chroma .line {
  display: flex;
}
#documentation-viewer .chroma .k {
  color: #66d9ef;
  color: #f92672;
}
#documentation-viewer .chroma .kc {
  color: #66d9ef;
  color: #f92672;
}
#documentation-viewer .chroma .kd {
  color: #66d9ef;
  color: #f92672;
}
#documentation-viewer .chroma .kn {
  color: #f92672;
}
#documentation-viewer .chroma .kp {
  color: #66d9ef;
}
#documentation-viewer .chroma .kr {
  color: #66d9ef;
  color: #f92672;
}
#documentation-viewer .chroma .kt {
  color: #f92672;
}
#documentation-viewer .chroma .na {
  color: #a6e22e;
}
#documentation-viewer .chroma .nc {
  color: #a6e22e;
}
#documentation-viewer .chroma .no {
  color: #66d9ef;
}
#documentation-viewer .chroma .nd {
  color: #a6e22e;
}
#documentation-viewer .chroma .ne {
  color: #a6e22e;
}
#documentation-viewer .chroma .nf {
  color: #a6e22e;
}
#documentation-viewer .chroma .nx {
  color: #66d9ef;
}
#documentation-viewer .chroma .nt {
  color: #f92672;
}
#documentation-viewer .chroma .l {
  color: #ae81ff;
}
#documentation-viewer .chroma .ld {
  color: #e6db74;
}
#documentation-viewer .chroma .s {
  color: #e6db74;
}
#documentation-viewer .chroma .sa {
  color: #e6db74;
}
#documentation-viewer .chroma .sb {
  color: #e6db74;
}
#documentation-viewer .chroma .sc {
  color: #e6db74;
}
#documentation-viewer .chroma .dl {
  color: #e6db74;
}
#documentation-viewer .chroma .sd {
  color: #e6db74;
}
#documentation-viewer .chroma .s2 {
  color: #e6db74;
}
#documentation-viewer .chroma .se {
  color: #ae81ff;
}
#documentation-viewer .chroma .sh {
  color: #e6db74;
}
#documentation-viewer .chroma .si {
  color: #e6db74;
}
#documentation-viewer .chroma .sx {
  color: #e6db74;
}
#documentation-viewer .chroma .sr {
  color: #e6db74;
}
#documentation-viewer .chroma .s1 {
  color: #e6db74;
}
#documentation-viewer .chroma .ss {
  color: #e6db74;
}
#documentation-viewer .chroma .m {
  color: #ae81ff;
}
#documentation-viewer .chroma .mb {
  color: #ae81ff;
}
#documentation-viewer .chroma .mf {
  color: #ae81ff;
}
#documentation-viewer .chroma .mh {
  color: #ae81ff;
}
#documentation-viewer .chroma .mi {
  color: #ae81ff;
}
#documentation-viewer .chroma .il {
  color: #ae81ff;
}
#documentation-viewer .chroma .mo {
  color: #ae81ff;
}
#documentation-viewer .chroma .o {
  color: #f92672;
}
#documentation-viewer .chroma .ow {
  color: #f92672;
}
#documentation-viewer .chroma .c {
  color: #75715e;
}
#documentation-viewer .chroma .ch {
  color: #75715e;
}
#documentation-viewer .chroma .cm {
  color: #75715e;
}
#documentation-viewer .chroma .c1 {
  color: #75715e;
}
#documentation-viewer .chroma .cs {
  color: #75715e;
}
#documentation-viewer .chroma .cp {
  color: #75715e;
}
#documentation-viewer .chroma .cpf {
  color: #75715e;
}
#documentation-viewer .chroma .gd {
  color: #f92672;
}
#documentation-viewer .chroma .ge {
  font-style: italic;
}
#documentation-viewer .chroma .gi {
  color: #a6e22e;
}
#documentation-viewer .chroma .gs {
  font-weight: bold;
}
#documentation-viewer .chroma .gu {
  color: #75715e;
}
#doc-editor-toolbar #file-menu-button {
  anchor-name: --filemenu-anchor-1;
}
#doc-editor-toolbar #new-file-menu-button {
  anchor-name: --filemenu-newmenu-anchor;
}
#doc-editor-toolbar #open-file-menu-button {
  anchor-name: --filemenu-openmenu-anchor;
}
#doc-editor-toolbar #share-file-menu-button {
  anchor-name: --filemenu-sharemenu-anchor;
}
#doc-editor-toolbar #export-file-menu-button {
  anchor-name: --filemenu-exportmenu-anchor;
}
#doc-editor-toolbar #file-menu-popover {
  position-anchor: --filemenu-anchor-1;
}
#doc-editor-toolbar #new-file-menu-popover {
  position-anchor: --filemenu-newmenu-anchor;
}
#doc-editor-toolbar #open-file-menu-popover {
  position-anchor: --filemenu-openmenu-anchor;
}
#doc-editor-toolbar #export-file-menu-popover {
  position-anchor: --filemenu-exportmenu-anchor;
}
#doc-editor-toolbar #share-file-menu-popover {
  position-anchor: --filemenu-sharemenu-anchor;
}
#doc-editor-toolbar .file-menu-popovers {
  position: fixed;
  inset-block-start: anchor(bottom);
  inset-inline-start: anchor(start);
  margin-block-start: .75rem;
  color: #444;
}
#doc-editor-toolbar .file-submenu-popovers {
  position: fixed;
  inset-block-start: anchor(top);
  inset-inline-start: anchor(end);
  margin-inline-start: .65rem;
  min-width: 10em;
  color: #444;
}
#doc-editor .data-link {
  display: inline-block;
  font-weight: 900;
  background: #b2ff6d;
  padding: 0px 10px 0px 8px;
  letter-spacing: .03em;
  clip-path: polygon(4% 0, 100% 0, 98% 100%, 0 100%);
}
#doc-editor .rte-paragraph,#doc-editor .rte-ul,#doc-editor .rte-li {
  margin: 1em 0;
}
#doc-editor h1,#doc-editor h2,#doc-editor h3,#doc-editor h4,#doc-editor h5,#doc-editor h6 {
  margin: .2em 0;
  font-size: 1.3em;
}
#doc-editor h1 {
  font-weight: 900;
  color: #43464d;
  font-size: 2em;
}
#doc-editor h2 {
  font-weight: 700;
  font-size: 1.7em;
}
#doc-editor h3 {
  font-weight: 600;
  font-size: 1.6em;
}
#doc-editor h4 {
  font-weight: 900;
  font-size: 1.5em;
  color: #575b63;
}
#doc-editor h5 {
  font-size: 1.4em;
  font-style: italic;
  font-weight: 700;
  color: #40444a;
}
#doc-editor h6 {
  font-size: 1.3em;
  font-style: italic;
}
#doc-editor li .rte-paragraph {
  margin: 0;
}
#doc-editor .rte-li {
  margin: 0;
}
#doc-editor ul,#doc-editor .rte-ul {
  margin: 1.4em 0 0;
  list-style-type: disc;
  list-style-position: inside;
}
#doc-editor ul ul,#doc-editor ul .rte-ul,#doc-editor .rte-ul ul,#doc-editor .rte-ul .rte-ul {
  margin: 0;
  margin-top: .4em;
  margin-left: .8em;
}
#doc-editor ul:has(input) {
  list-style-type: none;
}
#doc-editor ol,#doc-editor .rte-ol {
  list-style-type: number;
  list-style-position: inside;
}
#doc-editor ol ol,#doc-editor ol ul,#doc-editor ol .rte-ol,#doc-editor ol .rte-ul,#doc-editor .rte-ol ol,#doc-editor .rte-ol ul,#doc-editor .rte-ol .rte-ol,#doc-editor .rte-ol .rte-ul {
  margin: 0;
  margin-top: .4em;
  margin-left: .8em;
  list-style-type: lower-alpha;
}
#doc-editor ol ol ol,#doc-editor ol ol ul,#doc-editor ol ol .rte-ol,#doc-editor ol ol .rte-ul,#doc-editor ol ul ol,#doc-editor ol ul ul,#doc-editor ol ul .rte-ol,#doc-editor ol ul .rte-ul,#doc-editor ol .rte-ol ol,#doc-editor ol .rte-ol ul,#doc-editor ol .rte-ol .rte-ol,#doc-editor ol .rte-ol .rte-ul,#doc-editor ol .rte-ul ol,#doc-editor ol .rte-ul ul,#doc-editor ol .rte-ul .rte-ol,#doc-editor ol .rte-ul .rte-ul,#doc-editor .rte-ol ol ol,#doc-editor .rte-ol ol ul,#doc-editor .rte-ol ol .rte-ol,#doc-editor .rte-ol ol .rte-ul,#doc-editor .rte-ol ul ol,#doc-editor .rte-ol ul ul,#doc-editor .rte-ol ul .rte-ol,#doc-editor .rte-ol ul .rte-ul,#doc-editor .rte-ol .rte-ol ol,#doc-editor .rte-ol .rte-ol ul,#doc-editor .rte-ol .rte-ol .rte-ol,#doc-editor .rte-ol .rte-ol .rte-ul,#doc-editor .rte-ol .rte-ul ol,#doc-editor .rte-ol .rte-ul ul,#doc-editor .rte-ol .rte-ul .rte-ol,#doc-editor .rte-ol .rte-ul .rte-ul {
  list-style-type: lower-roman;
}
#doc-editor blockquote {
  padding: .2em .6em;
  margin: .5em;
  border-left: 10px solid #e4e6ed;
  color: #444;
  background: rgba(0,0,0,.03);
}
#doc-editor a {
  color: #6fba2c;
  text-decoration: underline;
  transition: .3s ease-in-out all;
}
#doc-editor a:hover {
  color: #6017e8;
}
#doc-editor table {
  --border: 0px solid black;
  border-radius: 6px;
  border-spacing: 0;
  border-collapse: separate;
  border: var(--border);
  overflow: hidden;
  width: 100%;
  margin-bottom: .5em;
}
#doc-editor table .rte-paragraph {
  margin: 0;
}
#doc-editor table tr td,#doc-editor table tr th {
  padding: 2px 6px;
  border-bottom: 2px solid #dedede;
}
#doc-editor table tr:last-child td {
  border: none;
}
#doc-editor .rte-underline {
  text-decoration: underline;
}
#doc-editor .rte-italic {
  font-style: italic;
}
#doc-editor .rte-bold {
  font-weight: 800;
}
#doc-editor .rte-list-bullet {
  list-style-type: disc;
}
#doc-editor .rte-list-number {
  list-style-type: lower-alpha;
}
#doc-editor .rte-quote,#doc-editor .rte-quote-intense {
  padding: .2em .6em;
  margin: .5em;
  border-left: 10px solid #e4e6ed;
  color: #444;
  background: rgba(0,0,0,.03);
}
#doc-editor .rte-quote-intense {
  color: #333;
  font-style: italic;
}
.sheet-editor-wrapper {
  width: 100%;
  height: 75vh;
  overflow: hidden;
  position: relative;
}
.sheet-editor-wrapper .sheet-editor-container>.x-spreadsheet {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.sheet-editor-wrapper .sheet-editor-container .x-spreadsheet-sheet {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}
.sheet-editor-wrapper .sheet-editor-container .x-spreadsheet-sheet .x-spreadsheet-table {
  width: 100%;
  height: 100%;
  display: block;
}
.editor-toolbar-wrapper .toolbar-button {
  border-bottom: 2px solid rgba(0,0,0,0);
  transition: all .3s ease-in-out;
}
.editor-toolbar-wrapper .toolbar-button:hover {
  border-bottom: 2px solid oklch(.541 .281 293.009);
}
.editor-toolbar-wrapper .active {
  font-weight: 900;
  border-bottom: 2px solid oklch(.541 .281 293.009);
}
.editor-toolbar-wrapper .toolbar-align-group {
  display: flex;
  align-items: center;
}
.editor-toolbar-wrapper .toolbar-align-group .toolbar-button {
  aspect-ratio: 1;
  width: 2.5rem;
  padding: 0 4px;
  cursor: pointer;
  border-radius: 6px;
  transition: ease-in-out .3s all;
  border: 1px solid rgba(0,0,0,0);
}
.editor-toolbar-wrapper .toolbar-align-group .toolbar-button:hover {
  background: #efefef;
}
.editor-toolbar-wrapper .toolbar-align-group .toolbar-button.disabled {
  cursor: not-allowed;
  color: #999;
}
.editor-toolbar-wrapper .toolbar-align-group .toolbar-button.disabled:hover {
  background: none;
}
.editor-toolbar-wrapper .toolbar-align-group .toolbar-button.active {
  border: 1px solid #333;
}
.editor-toolbar-wrapper .toolbar-align-group #font-size-selector {
  width: max-content;
}
@font-face {
  font-family: "Poppins";
  src: url("/static/fonts/Poppins/Poppins-Regular.ttf") format("truetype");
}
html {
  scroll-behavior: smooth;
}
html,body {
  color: #000;
  font-family: "Poppins",sans-serif !important;
  height: 100%;
}
.body-notop {
  padding-top: 0;
}
.body-topper {
  padding-top: 5rem;
}
.body-banner {
  padding-top: 10rem;
}
.dl-divider {
  border-bottom: 1px solid #ddd;
  margin: 19px 0 20px 0;
}
.dl-select {
  border: 1px solid #d2d4d7;
  border-radius: 8px;
  padding-left: 1em;
}
#content-wrapper {
  overflow: auto;
  height: auto;
}
.primary-blue-bg {
  background: #130e90;
}
.secondary-green-bg {
  background: #6fba2c;
}
.tertiary-blue-bg {
  background: #74c1cd;
}
.tertiary-yellow-bg {
  background: #e8b91f;
}
.tertiary-red-bg {
  background: #d8225a;
}
.gray-dark-bg {
  background: #4d4d4d;
}
.gray-light-bg {
  background: #ddd;
}
.primary-blue {
  color: #130e90;
}
.secondary-green {
  color: #6fba2c;
}
.tertiary-blue {
  color: #74c1cd;
}
.tertiary-yellow {
  color: #e8b91f;
}
.tertiary-red {
  color: #d8225a;
}
.gray-dark {
  color: #4d4d4d;
}
.gray-light {
  color: #ddd;
}
.highlight {
  font-weight: 900;
  color: #6fba2c;
}
.code {
  border-radius: var(--radius-lg, 0.5rem);
  background-color: var(--color-violet-950, oklch(28.3% 0.141 291.089));
  padding: calc(var(--spacing, 0.25rem) * 4);
  color: var(--color-white, #fff);
}
.inline-code {
  border-radius: var(--radius-lg, 0.5rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-400, oklch(70.7% 0.022 261.325));
  background-color: var(--color-gray-100, oklch(96.7% 0.003 264.542));
  padding-inline: calc(var(--spacing, 0.25rem) * 2);
  padding-block: calc(var(--spacing, 0.25rem) * 0.5);
  color: var(--color-violet-950, oklch(28.3% 0.141 291.089));
}
.link {
  cursor: pointer;
  color: var(--color-blue-800, oklch(42.4% 0.199 265.638));
  text-decoration-line: underline;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  --tw-ease: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
  transition-timing-function: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
  &:hover {
    @media (hover: hover) {
      color: var(--color-sky-600, oklch(58.8% 0.158 241.966));
    }
  }
}
.link-nounder {
  cursor: pointer;
  color: var(--color-blue-800, oklch(42.4% 0.199 265.638));
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  --tw-ease: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
  transition-timing-function: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
  &:hover {
    @media (hover: hover) {
      color: var(--color-sky-600, oklch(58.8% 0.158 241.966));
    }
  }
}
.dltooltip {
  visibility: hidden;
  position: absolute;
  opacity: 0%;
}
.has-dltooltip:hover .dltooltip {
  visibility: visible;
  z-index: 50;
  opacity: 100%;
}
.shower {
  opacity: 0%;
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  --tw-ease: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
  transition-timing-function: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
}
.has-shower:hover .shower {
  opacity: 100%;
}
.button-general {
  background-color: var(--color-sky-500, oklch(68.5% 0.169 237.323));
  padding-inline: calc(var(--spacing, 0.25rem) * 4);
  padding-block: calc(var(--spacing, 0.25rem) * 2);
  color: var(--color-white, #fff);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-emerald-300, oklch(84.5% 0.143 164.978));
    }
  }
}
.button-general:disabled {
  background-color: var(--color-gray-400, oklch(70.7% 0.022 261.325));
  padding-inline: calc(var(--spacing, 0.25rem) * 4);
  padding-block: calc(var(--spacing, 0.25rem) * 2);
  color: var(--color-gray-300, oklch(87.2% 0.01 258.338));
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-border-style: solid;
    }
  }
}