/* PDF.js viewer stylesheet (vendored from Mozilla pdf.js, Apache-2.0).
 * Extracted verbatim from imports/ui/PdfViewerStyled.tsx and scoped under
 * the ".pdf-viewer" wrapper so the rules do not leak globally.
 * Meteor auto-bundles client/*.css; no import is required. */

/* Copyright 2014 Mozilla Foundation
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *//*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */

.pdf-viewer .textLayer {
  position: absolute;
  text-align: initial;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  opacity: 0.2;
  line-height: 1;
}

.pdf-viewer .textLayer span,
.pdf-viewer .textLayer br {
  color: transparent;
  position: absolute;
  white-space: pre;
  cursor: text;
  transform-origin: 0% 0%;
}

.pdf-viewer .textLayer .highlight {
  margin: -1px;
  padding: 1px;
  background-color: rgba(180, 0, 170, 1);
  border-radius: 4px;
}

.pdf-viewer .textLayer .highlight.appended {
  position: initial;
}

.pdf-viewer .textLayer .highlight.begin {
  border-radius: 4px 0 0 4px;
}

.pdf-viewer .textLayer .highlight.end {
  border-radius: 0 4px 4px 0;
}

.pdf-viewer .textLayer .highlight.middle {
  border-radius: 0;
}

.pdf-viewer .textLayer .highlight.selected {
  background-color: rgba(0, 100, 0, 1);
}

.pdf-viewer .textLayer ::-moz-selection {
  background: rgba(0, 0, 255, 1);
}

.pdf-viewer .textLayer ::selection {
  background: rgba(0, 0, 255, 1);
}

/* Avoids https://github.com/mozilla/pdf.js/issues/13840 in Chrome */
.pdf-viewer .textLayer br::-moz-selection {
  background: transparent;
}
.pdf-viewer .textLayer br::selection {
  background: transparent;
}

.pdf-viewer .textLayer .endOfContent {
  display: block;
  position: absolute;
  left: 0;
  top: 100%;
  right: 0;
  bottom: 0;
  z-index: -1;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.pdf-viewer .textLayer .endOfContent.active {
  top: 0;
}


.pdf-viewer :root {
  --annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
}

.pdf-viewer .annotationLayer section {
  position: absolute;
  text-align: initial;
}

.pdf-viewer .annotationLayer .linkAnnotation > a,
.pdf-viewer .annotationLayer .buttonWidgetAnnotation.pushButton > a {
  position: absolute;
  font-size: 1em;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pdf-viewer .annotationLayer .linkAnnotation > a:hover,
.pdf-viewer .annotationLayer .buttonWidgetAnnotation.pushButton > a:hover {
  opacity: 0.2;
  background: rgba(255, 255, 0, 1);
  box-shadow: 0 2px 10px rgba(255, 255, 0, 1);
}

.pdf-viewer .annotationLayer .textAnnotation img {
  position: absolute;
  cursor: pointer;
}

.pdf-viewer .annotationLayer .textWidgetAnnotation input,
.pdf-viewer .annotationLayer .textWidgetAnnotation textarea,
.pdf-viewer .annotationLayer .choiceWidgetAnnotation select,
.pdf-viewer .annotationLayer .buttonWidgetAnnotation.checkBox input,
.pdf-viewer .annotationLayer .buttonWidgetAnnotation.radioButton input {
  background-image: var(--annotation-unfocused-field-background);
  border: 1px solid transparent;
  box-sizing: border-box;
  font-size: 9px;
  height: 100%;
  margin: 0;
  padding: 0 3px;
  vertical-align: top;
  width: 100%;
}

.pdf-viewer .annotationLayer .choiceWidgetAnnotation select option {
  padding: 0;
}

.pdf-viewer .annotationLayer .buttonWidgetAnnotation.radioButton input {
  border-radius: 50%;
}

.pdf-viewer .annotationLayer .textWidgetAnnotation textarea {
  font: message-box;
  font-size: 9px;
  resize: none;
}

.pdf-viewer .annotationLayer .textWidgetAnnotation input[disabled],
.pdf-viewer .annotationLayer .textWidgetAnnotation textarea[disabled],
.pdf-viewer .annotationLayer .choiceWidgetAnnotation select[disabled],
.pdf-viewer .annotationLayer .buttonWidgetAnnotation.checkBox input[disabled],
.pdf-viewer .annotationLayer .buttonWidgetAnnotation.radioButton input[disabled] {
  background: none;
  border: 1px solid transparent;
  cursor: not-allowed;
}

.pdf-viewer .annotationLayer .textWidgetAnnotation input:hover,
.pdf-viewer .annotationLayer .textWidgetAnnotation textarea:hover,
.pdf-viewer .annotationLayer .choiceWidgetAnnotation select:hover,
.pdf-viewer .annotationLayer .buttonWidgetAnnotation.checkBox input:hover,
.pdf-viewer .annotationLayer .buttonWidgetAnnotation.radioButton input:hover {
  border: 1px solid rgba(0, 0, 0, 1);
}

.pdf-viewer .annotationLayer .textWidgetAnnotation input:focus,
.pdf-viewer .annotationLayer .textWidgetAnnotation textarea:focus,
.pdf-viewer .annotationLayer .choiceWidgetAnnotation select:focus {
  background: none;
  border: 1px solid transparent;
}

.pdf-viewer .annotationLayer .textWidgetAnnotation input :focus,
.pdf-viewer .annotationLayer .textWidgetAnnotation textarea :focus,
.pdf-viewer .annotationLayer .choiceWidgetAnnotation select :focus,
.pdf-viewer .annotationLayer .buttonWidgetAnnotation.checkBox :focus,
.pdf-viewer .annotationLayer .buttonWidgetAnnotation.radioButton :focus {
  background-image: none;
  background-color: transparent;
  outline: auto;
}

.pdf-viewer .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
.pdf-viewer .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,
.pdf-viewer .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
  background-color: rgba(0, 0, 0, 1);
  content: "";
  display: block;
  position: absolute;
}

.pdf-viewer .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
.pdf-viewer .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
  height: 80%;
  left: 45%;
  width: 1px;
}

.pdf-viewer .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before {
  transform: rotate(45deg);
}

.pdf-viewer .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
  transform: rotate(-45deg);
}

.pdf-viewer .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
  border-radius: 50%;
  height: 50%;
  left: 30%;
  top: 20%;
  width: 50%;
}

.pdf-viewer .annotationLayer .textWidgetAnnotation input.comb {
  font-family: monospace;
  padding-left: 2px;
  padding-right: 0;
}

.pdf-viewer .annotationLayer .textWidgetAnnotation input.comb:focus {
  /*
   * Letter spacing is placed on the right side of each character. Hence, the
   * letter spacing of the last character may be placed outside the visible
   * area, causing horizontal scrolling. We avoid this by extending the width
   * when the element has focus and revert this when it loses focus.
   */
  width: 103%;
}

.pdf-viewer .annotationLayer .buttonWidgetAnnotation.checkBox input,
.pdf-viewer .annotationLayer .buttonWidgetAnnotation.radioButton input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
}

.pdf-viewer .annotationLayer .popupWrapper {
  position: absolute;
  width: 20em;
}

.pdf-viewer .annotationLayer .popup {
  position: absolute;
  z-index: 200;
  max-width: 20em;
  background-color: rgba(255, 255, 153, 1);
  box-shadow: 0 2px 5px rgba(136, 136, 136, 1);
  border-radius: 2px;
  padding: 6px;
  margin-left: 5px;
  cursor: pointer;
  font: message-box;
  font-size: 9px;
  white-space: normal;
  word-wrap: break-word;
}

.pdf-viewer .annotationLayer .popup > * {
  font-size: 9px;
}

.pdf-viewer .annotationLayer .popup h1 {
  display: inline-block;
}

.pdf-viewer .annotationLayer .popup span {
  display: inline-block;
  margin-left: 5px;
}

.pdf-viewer .annotationLayer .popup p {
  border-top: 1px solid rgba(51, 51, 51, 1);
  margin-top: 2px;
  padding-top: 2px;
}

.pdf-viewer .annotationLayer .highlightAnnotation,
.pdf-viewer .annotationLayer .underlineAnnotation,
.pdf-viewer .annotationLayer .squigglyAnnotation,
.pdf-viewer .annotationLayer .strikeoutAnnotation,
.pdf-viewer .annotationLayer .freeTextAnnotation,
.pdf-viewer .annotationLayer .lineAnnotation svg line,
.pdf-viewer .annotationLayer .squareAnnotation svg rect,
.pdf-viewer .annotationLayer .circleAnnotation svg ellipse,
.pdf-viewer .annotationLayer .polylineAnnotation svg polyline,
.pdf-viewer .annotationLayer .polygonAnnotation svg polygon,
.pdf-viewer .annotationLayer .caretAnnotation,
.pdf-viewer .annotationLayer .inkAnnotation svg polyline,
.pdf-viewer .annotationLayer .stampAnnotation,
.pdf-viewer .annotationLayer .fileAttachmentAnnotation {
  cursor: pointer;
}


.pdf-viewer :root {
  --xfa-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
}

.pdf-viewer .xfaLayer .highlight {
  margin: -1px;
  padding: 1px;
  background-color: rgba(239, 203, 237, 1);
  border-radius: 4px;
}

.pdf-viewer .xfaLayer .highlight.appended {
  position: initial;
}

.pdf-viewer .xfaLayer .highlight.begin {
  border-radius: 4px 0 0 4px;
}

.pdf-viewer .xfaLayer .highlight.end {
  border-radius: 0 4px 4px 0;
}

.pdf-viewer .xfaLayer .highlight.middle {
  border-radius: 0;
}

.pdf-viewer .xfaLayer .highlight.selected {
  background-color: rgba(203, 223, 203, 1);
}

.pdf-viewer .xfaLayer ::-moz-selection {
  background: rgba(0, 0, 255, 1);
}

.pdf-viewer .xfaLayer ::selection {
  background: rgba(0, 0, 255, 1);
}

.pdf-viewer .xfaPage {
  overflow: hidden;
  position: relative;
}

.pdf-viewer .xfaContentarea {
  position: absolute;
}

.pdf-viewer .xfaPrintOnly {
  display: none;
}

.pdf-viewer .xfaLayer {
  position: absolute;
  text-align: initial;
  top: 0;
  left: 0;
  transform-origin: 0 0;
  line-height: 1.2;
}

.pdf-viewer .xfaLayer * {
  color: inherit;
  font: inherit;
  font-style: inherit;
  font-weight: inherit;
  font-kerning: inherit;
  letter-spacing: -0.01px;
  text-align: inherit;
  text-decoration: inherit;
  box-sizing: border-box;
  background-color: transparent;
  padding: 0;
  margin: 0;
  pointer-events: auto;
  line-height: inherit;
}

.pdf-viewer .xfaLayer div {
  pointer-events: none;
}

.pdf-viewer .xfaLayer svg {
  pointer-events: none;
}

.pdf-viewer .xfaLayer svg * {
  pointer-events: none;
}

.pdf-viewer .xfaLayer a {
  color: blue;
}

.pdf-viewer .xfaRich li {
  margin-left: 3em;
}

.pdf-viewer .xfaFont {
  color: black;
  font-weight: normal;
  font-kerning: none;
  font-size: 10px;
  font-style: normal;
  letter-spacing: 0;
  text-decoration: none;
  vertical-align: 0;
}

.pdf-viewer .xfaCaption {
  overflow: hidden;
  flex: 0 0 auto;
}

.pdf-viewer .xfaCaptionForCheckButton {
  overflow: hidden;
  flex: 1 1 auto;
}

.pdf-viewer .xfaLabel {
  height: 100%;
  width: 100%;
}

.pdf-viewer .xfaLeft {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.pdf-viewer .xfaRight {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

.pdf-viewer .xfaLeft > .xfaCaption,
.pdf-viewer .xfaLeft > .xfaCaptionForCheckButton,
.pdf-viewer .xfaRight > .xfaCaption,
.pdf-viewer .xfaRight > .xfaCaptionForCheckButton {
  max-height: 100%;
}

.pdf-viewer .xfaTop {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.pdf-viewer .xfaBottom {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
}

.pdf-viewer .xfaTop > .xfaCaption,
.pdf-viewer .xfaTop > .xfaCaptionForCheckButton,
.pdf-viewer .xfaBottom > .xfaCaption,
.pdf-viewer .xfaBottom > .xfaCaptionForCheckButton {
  width: 100%;
}

.pdf-viewer .xfaBorder {
  background-color: transparent;
  position: absolute;
  pointer-events: none;
}

.pdf-viewer .xfaWrapped {
  width: 100%;
  height: 100%;
}

.pdf-viewer .xfaTextfield:focus,
.pdf-viewer .xfaSelect:focus {
  background-image: none;
  background-color: transparent;
  outline: auto;
  outline-offset: -1px;
}

.pdf-viewer .xfaCheckbox:focus,
.pdf-viewer .xfaRadio:focus {
  outline: auto;
}

.pdf-viewer .xfaTextfield,
.pdf-viewer .xfaSelect {
  height: 100%;
  width: 100%;
  flex: 1 1 auto;
  border: none;
  resize: none;
  background-image: var(--xfa-unfocused-field-background);
}

.pdf-viewer .xfaTop > .xfaTextfield,
.pdf-viewer .xfaTop > .xfaSelect,
.pdf-viewer .xfaBottom > .xfaTextfield,
.pdf-viewer .xfaBottom > .xfaSelect {
  flex: 0 1 auto;
}

.pdf-viewer .xfaButton {
  cursor: pointer;
  width: 100%;
  height: 100%;
  border: none;
  text-align: center;
}

.pdf-viewer .xfaLink {
  width: 100%;
  height: 100%;
}

.pdf-viewer .xfaCheckbox,
.pdf-viewer .xfaRadio {
  width: 100%;
  height: 100%;
  flex: 0 0 auto;
  border: none;
}

.pdf-viewer .xfaRich {
  white-space: pre-wrap;
  width: 100%;
  height: 100%;
}

.pdf-viewer .xfaImage {
  -o-object-position: left top;
     object-position: left top;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}

.pdf-viewer .xfaLrTb,
.pdf-viewer .xfaRlTb,
.pdf-viewer .xfaTb {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.pdf-viewer .xfaLr {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

.pdf-viewer .xfaRl {
  display: flex;
  flex-direction: row-reverse;
  align-items: stretch;
}

.pdf-viewer .xfaTb > div {
  justify-content: left;
}

.pdf-viewer .xfaPosition {
  position: relative;
}

.pdf-viewer .xfaArea {
  position: relative;
}

.pdf-viewer .xfaValignMiddle {
  display: flex;
  align-items: center;
}

.pdf-viewer .xfaTable {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.pdf-viewer .xfaTable .xfaRow {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

.pdf-viewer .xfaTable .xfaRlRow {
  display: flex;
  flex-direction: row-reverse;
  align-items: stretch;
  flex: 1;
}

.pdf-viewer .xfaTable .xfaRlRow > div {
  flex: 1;
}

.pdf-viewer .xfaNonInteractive input,
.pdf-viewer .xfaNonInteractive textarea,
.pdf-viewer .xfaDisabled input,
.pdf-viewer .xfaDisabled textarea,
.pdf-viewer .xfaReadOnly input,
.pdf-viewer .xfaReadOnly textarea {
  background: initial;
}

@media print {
  .pdf-viewer .xfaTextfield,
.pdf-viewer .xfaSelect {
    background: transparent;
  }

  .pdf-viewer .xfaSelect {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    text-indent: 1px;
    text-overflow: "";
  }
}

.pdf-viewer :root {
  --pdfViewer-padding-bottom: none;
  --page-margin: 1px auto -8px;
  --page-border: 9px solid transparent;
  --spreadHorizontalWrapped-margin-LR: -3.5px;
  --zoom-factor: 1;
}

@media screen and (forced-colors: active) {
  .pdf-viewer :root {
    --pdfViewer-padding-bottom: 9px;
    --page-margin: 9px auto 0;
    --page-border: none;
    --spreadHorizontalWrapped-margin-LR: 4.5px;
  }
}

.pdf-viewer .pdfViewer {
  padding-bottom: var(--pdfViewer-padding-bottom);
}

.pdf-viewer .pdfViewer .canvasWrapper {
  overflow: hidden;
}

.pdf-viewer .pdfViewer .page {
  direction: ltr;
  width: 816px;
  height: 1056px;
  margin: var(--page-margin);
  position: relative;
  overflow: visible;
  border: var(--page-border);
  background-clip: content-box;
  -o-border-image: url(images/shadow.png) 9 9 repeat;
     border-image: url(images/shadow.png) 9 9 repeat;
  background-color: rgba(255, 255, 255, 1);
}

.pdf-viewer .pdfViewer.removePageBorders .page {
  margin: 0 auto 10px;
  border: none;
}

.pdf-viewer .pdfViewer.singlePageView {
  display: inline-block;
}

.pdf-viewer .pdfViewer.singlePageView .page {
  margin: 0;
  border: none;
}

.pdf-viewer .pdfViewer.scrollHorizontal,
.pdf-viewer .pdfViewer.scrollWrapped,
.pdf-viewer .spread {
  margin-left: 3.5px;
  margin-right: 3.5px;
  text-align: center;
}

.pdf-viewer .pdfViewer.scrollHorizontal,
.pdf-viewer .spread {
  white-space: nowrap;
}

.pdf-viewer .pdfViewer.removePageBorders,
.pdf-viewer .pdfViewer.scrollHorizontal .spread,
.pdf-viewer .pdfViewer.scrollWrapped .spread {
  margin-left: 0;
  margin-right: 0;
}

.pdf-viewer .spread .page,
.pdf-viewer .pdfViewer.scrollHorizontal .page,
.pdf-viewer .pdfViewer.scrollWrapped .page,
.pdf-viewer .pdfViewer.scrollHorizontal .spread,
.pdf-viewer .pdfViewer.scrollWrapped .spread {
  display: inline-block;
  vertical-align: middle;
}

.pdf-viewer .spread .page,
.pdf-viewer .pdfViewer.scrollHorizontal .page,
.pdf-viewer .pdfViewer.scrollWrapped .page {
  margin-left: var(--spreadHorizontalWrapped-margin-LR);
  margin-right: var(--spreadHorizontalWrapped-margin-LR);
}

.pdf-viewer .pdfViewer.removePageBorders .spread .page,
.pdf-viewer .pdfViewer.removePageBorders.scrollHorizontal .page,
.pdf-viewer .pdfViewer.removePageBorders.scrollWrapped .page {
  margin-left: 5px;
  margin-right: 5px;
}

.pdf-viewer .pdfViewer .page canvas {
  margin: 0;
  display: block;
}

.pdf-viewer .pdfViewer .page canvas[hidden] {
  display: none;
}

.pdf-viewer .pdfViewer .page .loadingIcon {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url("images/loading-icon.gif") center no-repeat;
}

.pdf-viewer .pdfPresentationMode .pdfViewer {
  margin-left: 0;
  margin-right: 0;
}

.pdf-viewer .pdfPresentationMode .pdfViewer .page,
.pdf-viewer .pdfPresentationMode .pdfViewer .spread {
  display: block;
}

.pdf-viewer .pdfPresentationMode .pdfViewer .page,
.pdf-viewer .pdfPresentationMode .pdfViewer.removePageBorders .page {
  margin-left: auto;
  margin-right: auto;
}

.pdf-viewer .pdfPresentationMode:-webkit-full-screen .pdfViewer .page {
  margin-bottom: 100%;
  border: 0;
}

.pdf-viewer .pdfPresentationMode:fullscreen .pdfViewer .page {
  margin-bottom: 100%;
  border: 0;
}

.pdf-viewer :root {
  --sidebar-width: 200px;
  --sidebar-transition-duration: 200ms;
  --sidebar-transition-timing-function: ease;
  --scale-select-container-width: 140px;
  --scale-select-overflow: 22px;
  --loadingBar-end-offset: 0;

  --toolbar-icon-opacity: 0.7;
  --doorhanger-icon-opacity: 0.9;

  --main-color: rgba(12, 12, 13, 1);
  --body-bg-color: rgba(237, 237, 240, 1);
  --errorWrapper-bg-color: rgba(255, 110, 110, 1);
  --progressBar-color: rgba(10, 132, 255, 1);
  --progressBar-indeterminate-bg-color: rgba(221, 221, 222, 1);
  --progressBar-indeterminate-blend-color: rgba(116, 177, 239, 1);
  --scrollbar-color: auto;
  --scrollbar-bg-color: auto;
  --toolbar-icon-bg-color: rgba(0, 0, 0, 1);
  --toolbar-icon-hover-bg-color: rgba(0, 0, 0, 1);

  --sidebar-narrow-bg-color: rgba(237, 237, 240, 0.9);
  --sidebar-toolbar-bg-color: rgba(245, 246, 247, 1);
  --toolbar-bg-color: rgba(249, 249, 250, 1);
  --toolbar-border-color: rgba(204, 204, 204, 1);
  --button-hover-color: rgba(221, 222, 223, 1);
  --toggled-btn-color: rgba(0, 0, 0, 1);
  --toggled-btn-bg-color: rgba(0, 0, 0, 0.3);
  --toggled-hover-active-btn-color: rgba(0, 0, 0, 0.4);
  --dropdown-btn-bg-color: rgba(215, 215, 219, 1);
  --separator-color: rgba(0, 0, 0, 0.3);
  --field-color: rgba(6, 6, 6, 1);
  --field-bg-color: rgba(255, 255, 255, 1);
  --field-border-color: rgba(187, 187, 188, 1);
  --findbar-nextprevious-btn-bg-color: rgba(227, 228, 230, 1);
  --treeitem-color: rgba(0, 0, 0, 0.8);
  --treeitem-hover-color: rgba(0, 0, 0, 0.9);
  --treeitem-selected-color: rgba(0, 0, 0, 0.9);
  --treeitem-selected-bg-color: rgba(0, 0, 0, 0.25);
  --sidebaritem-bg-color: rgba(0, 0, 0, 0.15);
  --doorhanger-bg-color: rgba(255, 255, 255, 1);
  --doorhanger-border-color: rgba(12, 12, 13, 0.2);
  --doorhanger-hover-color: rgba(12, 12, 13, 1);
  --doorhanger-hover-bg-color: rgba(237, 237, 237, 1);
  --doorhanger-separator-color: rgba(222, 222, 222, 1);
  --overlay-button-border: 0 none;
  --overlay-button-bg-color: rgba(12, 12, 13, 0.1);
  --overlay-button-hover-bg-color: rgba(12, 12, 13, 0.3);

  --loading-icon: url(images/loading.svg);
  --treeitem-expanded-icon: url(images/treeitem-expanded.svg);
  --treeitem-collapsed-icon: url(images/treeitem-collapsed.svg);
  --toolbarButton-menuArrow-icon: url(images/toolbarButton-menuArrow.svg);
  --toolbarButton-sidebarToggle-icon: url(images/toolbarButton-sidebarToggle.svg);
  --toolbarButton-secondaryToolbarToggle-icon: url(images/toolbarButton-secondaryToolbarToggle.svg);
  --toolbarButton-pageUp-icon: url(images/toolbarButton-pageUp.svg);
  --toolbarButton-pageDown-icon: url(images/toolbarButton-pageDown.svg);
  --toolbarButton-zoomOut-icon: url(images/toolbarButton-zoomOut.svg);
  --toolbarButton-zoomIn-icon: url(images/toolbarButton-zoomIn.svg);
  --toolbarButton-presentationMode-icon: url(images/toolbarButton-presentationMode.svg);
  --toolbarButton-print-icon: url(images/toolbarButton-print.svg);
  --toolbarButton-openFile-icon: url(images/toolbarButton-openFile.svg);
  --toolbarButton-download-icon: url(images/toolbarButton-download.svg);
  --toolbarButton-bookmark-icon: url(images/toolbarButton-bookmark.svg);
  --toolbarButton-viewThumbnail-icon: url(images/toolbarButton-viewThumbnail.svg);
  --toolbarButton-viewOutline-icon: url(images/toolbarButton-viewOutline.svg);
  --toolbarButton-viewAttachments-icon: url(images/toolbarButton-viewAttachments.svg);
  --toolbarButton-viewLayers-icon: url(images/toolbarButton-viewLayers.svg);
  --toolbarButton-currentOutlineItem-icon: url(images/toolbarButton-currentOutlineItem.svg);
  --toolbarButton-search-icon: url(images/toolbarButton-search.svg);
  --findbarButton-previous-icon: url(images/findbarButton-previous.svg);
  --findbarButton-next-icon: url(images/findbarButton-next.svg);
  --secondaryToolbarButton-firstPage-icon: url(images/secondaryToolbarButton-firstPage.svg);
  --secondaryToolbarButton-lastPage-icon: url(images/secondaryToolbarButton-lastPage.svg);
  --secondaryToolbarButton-rotateCcw-icon: url(images/secondaryToolbarButton-rotateCcw.svg);
  --secondaryToolbarButton-rotateCw-icon: url(images/secondaryToolbarButton-rotateCw.svg);
  --secondaryToolbarButton-selectTool-icon: url(images/secondaryToolbarButton-selectTool.svg);
  --secondaryToolbarButton-handTool-icon: url(images/secondaryToolbarButton-handTool.svg);
  --secondaryToolbarButton-scrollVertical-icon: url(images/secondaryToolbarButton-scrollVertical.svg);
  --secondaryToolbarButton-scrollHorizontal-icon: url(images/secondaryToolbarButton-scrollHorizontal.svg);
  --secondaryToolbarButton-scrollWrapped-icon: url(images/secondaryToolbarButton-scrollWrapped.svg);
  --secondaryToolbarButton-spreadNone-icon: url(images/secondaryToolbarButton-spreadNone.svg);
  --secondaryToolbarButton-spreadOdd-icon: url(images/secondaryToolbarButton-spreadOdd.svg);
  --secondaryToolbarButton-spreadEven-icon: url(images/secondaryToolbarButton-spreadEven.svg);
  --secondaryToolbarButton-documentProperties-icon: url(images/secondaryToolbarButton-documentProperties.svg);
}

@media (prefers-color-scheme: dark) {
  .pdf-viewer :root {
    --main-color: rgba(249, 249, 250, 1);
    --body-bg-color: rgba(42, 42, 46, 1);
    --errorWrapper-bg-color: rgba(169, 14, 14, 1);
    --progressBar-color: rgba(0, 96, 223, 1);
    --progressBar-indeterminate-bg-color: rgba(40, 40, 43, 1);
    --progressBar-indeterminate-blend-color: rgba(20, 68, 133, 1);
    --scrollbar-color: rgba(121, 121, 123, 1);
    --scrollbar-bg-color: rgba(35, 35, 39, 1);
    --toolbar-icon-bg-color: rgba(255, 255, 255, 1);
    --toolbar-icon-hover-bg-color: rgba(255, 255, 255, 1);

    --sidebar-narrow-bg-color: rgba(42, 42, 46, 0.9);
    --sidebar-toolbar-bg-color: rgba(50, 50, 52, 1);
    --toolbar-bg-color: rgba(56, 56, 61, 1);
    --toolbar-border-color: rgba(12, 12, 13, 1);
    --button-hover-color: rgba(102, 102, 103, 1);
    --toggled-btn-color: rgba(255, 255, 255, 1);
    --toggled-btn-bg-color: rgba(0, 0, 0, 0.3);
    --toggled-hover-active-btn-color: rgba(0, 0, 0, 0.4);
    --dropdown-btn-bg-color: rgba(74, 74, 79, 1);
    --separator-color: rgba(0, 0, 0, 0.3);
    --field-color: rgba(250, 250, 250, 1);
    --field-bg-color: rgba(64, 64, 68, 1);
    --field-border-color: rgba(115, 115, 115, 1);
    --findbar-nextprevious-btn-bg-color: rgba(89, 89, 89, 1);
    --treeitem-color: rgba(255, 255, 255, 0.8);
    --treeitem-hover-color: rgba(255, 255, 255, 0.9);
    --treeitem-selected-color: rgba(255, 255, 255, 0.9);
    --treeitem-selected-bg-color: rgba(255, 255, 255, 0.25);
    --sidebaritem-bg-color: rgba(255, 255, 255, 0.15);
    --doorhanger-bg-color: rgba(74, 74, 79, 1);
    --doorhanger-border-color: rgba(39, 39, 43, 1);
    --doorhanger-hover-color: rgba(249, 249, 250, 1);
    --doorhanger-hover-bg-color: rgba(93, 94, 98, 1);
    --doorhanger-separator-color: rgba(92, 92, 97, 1);
    --overlay-button-bg-color: rgba(92, 92, 97, 1);
    --overlay-button-hover-bg-color: rgba(115, 115, 115, 1);
    --loading-icon: url(images/loading-dark.svg);
  }
}

@media screen and (forced-colors: active) {
  .pdf-viewer :root {
    --button-hover-color: Highlight;
    --doorhanger-hover-bg-color: Highlight;
    --toolbar-icon-opacity: 1;
    --toolbar-icon-bg-color: ButtonText;
    --toolbar-icon-hover-bg-color: ButtonFace;
    --toggled-btn-color: HighlightText;
    --toggled-btn-bg-color: LinkText;
    --doorhanger-hover-color: ButtonFace;
    --doorhanger-border-color-whcm: 1px solid ButtonText;
    --doorhanger-triangle-opacity-whcm: 0;
    --overlay-button-border: 1px solid Highlight;
    --overlay-button-hover-bg-color: Highlight;
    --overlay-button-hover-color: ButtonFace;
    --field-border-color: ButtonText;
  }
}

.pdf-viewer * {
  padding: 0;
  margin: 0;
}

.pdf-viewer html {
  height: 100%;
  width: 100%;
  /* Font size is needed to make the activity bar the correct size. */
  font-size: 10px;
}

.pdf-viewer body {
  height: 100%;
  width: 100%;
  background-color: var(--body-bg-color);
}

.pdf-viewer body,
.pdf-viewer input,
.pdf-viewer button,
.pdf-viewer select {
  font: message-box;
  outline: none;
  scrollbar-color: var(--scrollbar-color) var(--scrollbar-bg-color);
}

.pdf-viewer .hidden {
  display: none !important;
}
.pdf-viewer [hidden] {
  display: none !important;
}

.pdf-viewer .pdfViewer.enablePermissions .textLayer span {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
  cursor: not-allowed;
}

.pdf-viewer #viewerContainer.pdfPresentationMode:-webkit-full-screen {
  top: 0;
  border-top: 2px solid rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 1);
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: none;
  -webkit-user-select: none;
          user-select: none;
}

.pdf-viewer #viewerContainer.pdfPresentationMode:fullscreen {
  top: 0;
  border-top: 2px solid rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 1);
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.pdf-viewer .pdfPresentationMode:-webkit-full-screen a:not(.internalLink) {
  display: none;
}

.pdf-viewer .pdfPresentationMode:fullscreen a:not(.internalLink) {
  display: none;
}

.pdf-viewer .pdfPresentationMode:-webkit-full-screen .textLayer span {
  cursor: none;
}

.pdf-viewer .pdfPresentationMode:fullscreen .textLayer span {
  cursor: none;
}

.pdf-viewer .pdfPresentationMode.pdfPresentationModeControls > *,
.pdf-viewer .pdfPresentationMode.pdfPresentationModeControls .textLayer span {
  cursor: default;
}

.pdf-viewer #outerContainer {
  width: 100%;
  height: 100%;
  position: relative;
}

.pdf-viewer #sidebarContainer {
  position: absolute;
  top: 32px;
  bottom: 0;
  width: var(--sidebar-width);
  visibility: hidden;
  z-index: 100;
  border-top: 1px solid rgba(51, 51, 51, 1);
  transition-duration: var(--sidebar-transition-duration);
  transition-timing-function: var(--sidebar-transition-timing-function);
}
.pdf-viewer html[dir="ltr"] #sidebarContainer {
  transition-property: left;
  left: calc(0px - var(--sidebar-width));
  border-right: var(--doorhanger-border-color-whcm);
}
.pdf-viewer html[dir="rtl"] #sidebarContainer {
  transition-property: right;
  right: calc(0px - var(--sidebar-width));
  border-left: var(--doorhanger-border-color-whcm);
}

.pdf-viewer #outerContainer.sidebarResizing #sidebarContainer {
  /* Improve responsiveness and avoid visual glitches when the sidebar is resized. */
  transition-duration: 0s;
  /* Prevent e.g. the thumbnails being selected when the sidebar is resized. */
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.pdf-viewer #outerContainer.sidebarMoving #sidebarContainer,
.pdf-viewer #outerContainer.sidebarOpen #sidebarContainer {
  visibility: visible;
}
.pdf-viewer html[dir="ltr"] #outerContainer.sidebarOpen #sidebarContainer {
  left: 0;
}
.pdf-viewer html[dir="rtl"] #outerContainer.sidebarOpen #sidebarContainer {
  right: 0;
}

.pdf-viewer #mainContainer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  min-width: 320px;
}

.pdf-viewer #sidebarContent {
  top: 32px;
  bottom: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.1);
}
.pdf-viewer html[dir="ltr"] #sidebarContent {
  left: 0;
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25);
}
.pdf-viewer html[dir="rtl"] #sidebarContent {
  right: 0;
  box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.25);
}

.pdf-viewer #viewerContainer {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  top: 32px;
  right: 0;
  bottom: 0;
  left: 0;
  outline: none;
}
.pdf-viewer #viewerContainer:not(.pdfPresentationMode) {
  transition-duration: var(--sidebar-transition-duration);
  transition-timing-function: var(--sidebar-transition-timing-function);
}

.pdf-viewer #outerContainer.sidebarResizing #viewerContainer {
  /* Improve responsiveness and avoid visual glitches when the sidebar is resized. */
  transition-duration: 0s;
}

.pdf-viewer html[dir="ltr"]
  #outerContainer.sidebarOpen
  #viewerContainer:not(.pdfPresentationMode) {
  transition-property: left;
  left: var(--sidebar-width);
}
.pdf-viewer html[dir="rtl"]
  #outerContainer.sidebarOpen
  #viewerContainer:not(.pdfPresentationMode) {
  transition-property: right;
  right: var(--sidebar-width);
}

.pdf-viewer .toolbar {
  position: relative;
  left: 0;
  right: 0;
  z-index: 9999;
  cursor: default;
}

.pdf-viewer #toolbarContainer {
  width: 100%;
}

.pdf-viewer #toolbarSidebar {
  width: 100%;
  height: 32px;
  background-color: var(--sidebar-toolbar-bg-color);
}
.pdf-viewer html[dir="ltr"] #toolbarSidebar {
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(0, 0, 0, 0.15),
    0 0 1px rgba(0, 0, 0, 0.1);
}
.pdf-viewer html[dir="rtl"] #toolbarSidebar {
  box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(0, 0, 0, 0.15),
    0 0 1px rgba(0, 0, 0, 0.1);
}

.pdf-viewer html[dir="ltr"] #toolbarSidebar .toolbarButton {
  margin-right: 2px !important;
}
.pdf-viewer html[dir="rtl"] #toolbarSidebar .toolbarButton {
  margin-left: 2px !important;
}

.pdf-viewer html[dir="ltr"] #toolbarSidebarRight .toolbarButton {
  margin-right: 3px !important;
}
.pdf-viewer html[dir="rtl"] #toolbarSidebarRight .toolbarButton {
  margin-left: 3px !important;
}

.pdf-viewer #sidebarResizer {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 6px;
  z-index: 200;
  cursor: ew-resize;
}
.pdf-viewer html[dir="ltr"] #sidebarResizer {
  right: -6px;
}
.pdf-viewer html[dir="rtl"] #sidebarResizer {
  left: -6px;
}

.pdf-viewer #toolbarContainer,
.pdf-viewer .findbar,
.pdf-viewer .secondaryColorToolbar {
  position: relative;
  height: 32px;
  background-color: var(--toolbar-bg-color);
  box-shadow: 0 1px 0 var(--toolbar-border-color);
}

.pdf-viewer #toolbarViewer {
  height: 32px;
}

.pdf-viewer #loadingBar {
  position: absolute;
  height: 4px;
  background-color: var(--body-bg-color);
  border-bottom: 1px solid var(--toolbar-border-color);

  transition-duration: var(--sidebar-transition-duration);
  transition-timing-function: var(--sidebar-transition-timing-function);
}
.pdf-viewer html[dir="ltr"] #loadingBar {
  transition-property: left;
  left: 0;
  right: var(--loadingBar-end-offset);
}
.pdf-viewer html[dir="rtl"] #loadingBar {
  transition-property: right;
  left: var(--loadingBar-end-offset);
  right: 0;
}

.pdf-viewer html[dir="ltr"] #outerContainer.sidebarOpen #loadingBar {
  left: var(--sidebar-width);
}
.pdf-viewer html[dir="rtl"] #outerContainer.sidebarOpen #loadingBar {
  right: var(--sidebar-width);
}

.pdf-viewer #outerContainer.sidebarResizing #loadingBar {
  /* Improve responsiveness and avoid visual glitches when the sidebar is resized. */
  transition-duration: 0s;
}

.pdf-viewer #loadingBar .progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: var(--progressBar-color);
  overflow: hidden;
  transition: width 200ms;
}

@-webkit-keyframes progressIndeterminate {
  0% {
    left: -142px;
  }
  100% {
    left: 0;
  }
}

@keyframes progressIndeterminate {
  0% {
    left: -142px;
  }
  100% {
    left: 0;
  }
}

.pdf-viewer #loadingBar .progress.indeterminate {
  background-color: var(--progressBar-indeterminate-bg-color);
  transition: none;
}

.pdf-viewer #loadingBar .progress.indeterminate .glimmer {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: calc(100% + 150px);
  background: repeating-linear-gradient(
    135deg,
    var(--progressBar-indeterminate-blend-color) 0,
    var(--progressBar-indeterminate-bg-color) 5px,
    var(--progressBar-indeterminate-bg-color) 45px,
    var(--progressBar-color) 55px,
    var(--progressBar-color) 95px,
    var(--progressBar-indeterminate-blend-color) 100px
  );
  -webkit-animation: progressIndeterminate 1s linear infinite;
          animation: progressIndeterminate 1s linear infinite;
}

.pdf-viewer .findbar,
.pdf-viewer .secondaryColorToolbar {
  top: 32px;
  position: absolute;
  z-index: 10000;
  height: auto;
  min-width: 16px;
  padding: 0 4px;
  margin: 4px 2px;
  color: rgba(217, 217, 217, 1);
  font-size: 12px;
  line-height: 14px;
  text-align: left;
  cursor: default;
}

.pdf-viewer .findbar {
  min-width: 300px;
  background-color: var(--toolbar-bg-color);
}
.pdf-viewer .findbar > div {
  height: 32px;
}
.pdf-viewer .findbar.wrapContainers > div {
  clear: both;
}
.pdf-viewer .findbar.wrapContainers > div#findbarMessageContainer {
  height: auto;
}
.pdf-viewer html[dir="ltr"] .findbar {
  left: 64px;
}
.pdf-viewer html[dir="rtl"] .findbar {
  right: 64px;
}

.pdf-viewer .findbar .splitToolbarButton {
  margin-top: 3px;
}
.pdf-viewer html[dir="ltr"] .findbar .splitToolbarButton {
  margin-left: 0;
  margin-right: 5px;
}
.pdf-viewer html[dir="rtl"] .findbar .splitToolbarButton {
  margin-left: 5px;
  margin-right: 0;
}

.pdf-viewer .findbar .splitToolbarButton > .toolbarButton {
  background-color: var(--findbar-nextprevious-btn-bg-color);
  border-radius: 0;
  height: 26px;
  border-top: 1px solid var(--field-border-color);
  border-bottom: 1px solid var(--field-border-color);
}

.pdf-viewer .findbar .splitToolbarButton > .toolbarButton::before {
  top: 5px;
}

.pdf-viewer .findbar .splitToolbarButton > .findNext {
  width: 29px;
}
.pdf-viewer html[dir="ltr"] .findbar .splitToolbarButton > .findNext {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  border-right: 1px solid var(--field-border-color);
}
.pdf-viewer html[dir="rtl"] .findbar .splitToolbarButton > .findNext {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-left: 1px solid var(--field-border-color);
}

.pdf-viewer .findbar input[type="checkbox"] {
  pointer-events: none;
}

.pdf-viewer .findbar label {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.pdf-viewer .findbar label:hover,
.pdf-viewer .findbar input:focus + label {
  color: var(--toggled-btn-color);
  background-color: var(--button-hover-color);
}

.pdf-viewer html[dir="ltr"] #findInput {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.pdf-viewer html[dir="rtl"] #findInput {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.pdf-viewer .findbar .toolbarField[type="checkbox"]:checked + .toolbarLabel {
  background-color: var(--toggled-btn-bg-color) !important;
  color: var(--toggled-btn-color);
}

.pdf-viewer #findInput {
  width: 200px;
}
.pdf-viewer #findInput::-moz-placeholder {
  font-style: normal;
}
.pdf-viewer #findInput::placeholder {
  font-style: normal;
}
.pdf-viewer #findInput[data-status="pending"] {
  background-image: var(--loading-icon);
  background-repeat: no-repeat;
  background-position: 98%;
}
.pdf-viewer html[dir="rtl"] #findInput[data-status="pending"] {
  background-position: 3px;
}
.pdf-viewer #findInput[data-status="notFound"] {
  background-color: rgba(255, 102, 102, 1);
}

.pdf-viewer .secondaryColorToolbar {
  padding: 6px 0 10px;
  height: auto;
  z-index: 30000;
  background-color: var(--doorhanger-bg-color);
}
.pdf-viewer html[dir="ltr"] .secondaryColorToolbar {
  right: 4px;
}
.pdf-viewer html[dir="rtl"] .secondaryColorToolbar {
  left: 4px;
}

.pdf-viewer #secondaryToolbarButtonContainer {
  max-width: 220px;
  max-height: 400px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: -4px;
}

.pdf-viewer #secondaryToolbarButtonContainer.hiddenScrollModeButtons > .scrollModeButtons,
.pdf-viewer #secondaryToolbarButtonContainer.hiddenSpreadModeButtons > .spreadModeButtons {
  display: none !important;
}

.pdf-viewer .doorHanger,
.pdf-viewer .doorHangerRight {
  border-radius: 2px;
  box-shadow: 0 1px 5px var(--doorhanger-border-color),
    0 0 0 1px var(--doorhanger-border-color);
  border: var(--doorhanger-border-color-whcm);
}
.pdf-viewer .doorHanger:after,
.pdf-viewer .doorHanger:before,
.pdf-viewer .doorHangerRight:after,
.pdf-viewer .doorHangerRight:before {
  bottom: 100%;
  border: solid rgba(0, 0, 0, 0);
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  opacity: var(--doorhanger-triangle-opacity-whcm);
}
.pdf-viewer .doorHanger:after,
.pdf-viewer .doorHangerRight:after {
  border-width: 8px;
}
.pdf-viewer .doorHanger:after {
  border-bottom-color: var(--toolbar-bg-color);
}
.pdf-viewer .doorHangerRight:after {
  border-bottom-color: var(--doorhanger-bg-color);
}
.pdf-viewer .doorHanger:before,
.pdf-viewer .doorHangerRight:before {
  border-bottom-color: var(--doorhanger-border-color);
  border-width: 9px;
}

.pdf-viewer html[dir="ltr"] .doorHanger:after,
.pdf-viewer html[dir="rtl"] .doorHangerRight:after {
  left: 10px;
  margin-left: -8px;
}

.pdf-viewer html[dir="ltr"] .doorHanger:before,
.pdf-viewer html[dir="rtl"] .doorHangerRight:before {
  left: 10px;
  margin-left: -9px;
}

.pdf-viewer html[dir="rtl"] .doorHanger:after,
.pdf-viewer html[dir="ltr"] .doorHangerRight:after {
  right: 10px;
  margin-right: -8px;
}

.pdf-viewer html[dir="rtl"] .doorHanger:before,
.pdf-viewer html[dir="ltr"] .doorHangerRight:before {
  right: 10px;
  margin-right: -9px;
}

.pdf-viewer #findResultsCount {
  background-color: rgba(217, 217, 217, 1);
  color: rgba(82, 82, 82, 1);
  text-align: center;
  padding: 4px 5px;
  margin: 5px;
}

.pdf-viewer #findMsg {
  color: rgba(251, 0, 0, 1);
}
.pdf-viewer #findMsg:empty {
  display: none;
}

.pdf-viewer #toolbarViewerMiddle {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.pdf-viewer html[dir="ltr"] #toolbarViewerLeft,
.pdf-viewer html[dir="rtl"] #toolbarViewerRight,
.pdf-viewer html[dir="ltr"] #toolbarSidebarLeft,
.pdf-viewer html[dir="rtl"] #toolbarSidebarRight {
  float: left;
}
.pdf-viewer html[dir="ltr"] #toolbarViewerRight,
.pdf-viewer html[dir="rtl"] #toolbarViewerLeft,
.pdf-viewer html[dir="ltr"] #toolbarSidebarRight,
.pdf-viewer html[dir="rtl"] #toolbarSidebarLeft {
  float: right;
}
.pdf-viewer html[dir="ltr"] #toolbarViewerLeft > *,
.pdf-viewer html[dir="ltr"] #toolbarViewerMiddle > *,
.pdf-viewer html[dir="ltr"] #toolbarViewerRight > *,
.pdf-viewer html[dir="ltr"] #toolbarSidebarLeft *,
.pdf-viewer html[dir="ltr"] #toolbarSidebarRight *,
.pdf-viewer html[dir="ltr"] .findbar * {
  position: relative;
  float: left;
}
.pdf-viewer html[dir="rtl"] #toolbarViewerLeft > *,
.pdf-viewer html[dir="rtl"] #toolbarViewerMiddle > *,
.pdf-viewer html[dir="rtl"] #toolbarViewerRight > *,
.pdf-viewer html[dir="rtl"] #toolbarSidebarLeft *,
.pdf-viewer html[dir="rtl"] #toolbarSidebarRight *,
.pdf-viewer html[dir="rtl"] .findbar * {
  position: relative;
  float: right;
}

.pdf-viewer .splitToolbarButton {
  margin: 2px 2px 0;
  display: inline-block;
}
.pdf-viewer html[dir="ltr"] .splitToolbarButton > .toolbarButton {
  float: left;
}
.pdf-viewer html[dir="rtl"] .splitToolbarButton > .toolbarButton {
  float: right;
}

.pdf-viewer .toolbarButton,
.pdf-viewer .secondaryColorToolbarButton,
.pdf-viewer .overlayButton {
  border: 0 none;
  background: none;
  width: 28px;
  height: 28px;
}

.pdf-viewer .overlayButton:hover,
.pdf-viewer .overlayButton:focus {
  background-color: var(--overlay-button-hover-bg-color);
}

.pdf-viewer .overlayButton:hover > span,
.pdf-viewer .overlayButton:focus > span {
  color: var(--overlay-button-hover-color);
}

.pdf-viewer .toolbarButton > span {
  display: inline-block;
  width: 0;
  height: 0;
  overflow: hidden;
}

.pdf-viewer .toolbarButton[disabled],
.pdf-viewer .secondaryColorToolbarButton[disabled],
.pdf-viewer .overlayButton[disabled] {
  opacity: 0.5;
}

.pdf-viewer .splitToolbarButton.toggled .toolbarButton {
  margin: 0;
}

.pdf-viewer .splitToolbarButton > .toolbarButton:hover,
.pdf-viewer .splitToolbarButton > .toolbarButton:focus,
.pdf-viewer .dropdownToolbarButton:hover,
.pdf-viewer .toolbarButton.textButton:hover,
.pdf-viewer .toolbarButton.textButton:focus {
  background-color: var(--button-hover-color);
  z-index: 199;
}
.pdf-viewer .splitToolbarButton > .toolbarButton {
  position: relative;
}
.pdf-viewer html[dir="ltr"] .splitToolbarButton > .toolbarButton:first-child,
.pdf-viewer html[dir="rtl"] .splitToolbarButton > .toolbarButton:last-child {
  margin: 0;
}
.pdf-viewer html[dir="ltr"] .splitToolbarButton > .toolbarButton:last-child,
.pdf-viewer html[dir="rtl"] .splitToolbarButton > .toolbarButton:first-child {
  margin: 0;
}
.pdf-viewer .splitToolbarButtonSeparator {
  padding: 10px 0;
  width: 1px;
  background-color: var(--separator-color);
  z-index: 99;
  display: inline-block;
  margin: 4px 0;
}

.pdf-viewer .findbar .splitToolbarButtonSeparator {
  background-color: var(--field-border-color);
  margin: 0;
  padding: 13px 0;
}

.pdf-viewer html[dir="ltr"] .splitToolbarButtonSeparator {
  float: left;
}
.pdf-viewer html[dir="rtl"] .splitToolbarButtonSeparator {
  float: right;
}

.pdf-viewer .toolbarButton,
.pdf-viewer .dropdownToolbarButton,
.pdf-viewer .secondaryColorToolbarButton,
.pdf-viewer .overlayButton {
  min-width: 16px;
  margin: 2px 1px;
  padding: 2px 6px 0;
  border: none;
  border-radius: 2px;
  color: var(--main-color);
  font-size: 12px;
  line-height: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: default;
  box-sizing: border-box;
}

.pdf-viewer html[dir="ltr"] #toolbarViewerLeft > .toolbarButton:first-child,
.pdf-viewer html[dir="rtl"] #toolbarViewerRight > .toolbarButton:last-child {
  margin-left: 2px;
}

.pdf-viewer html[dir="ltr"] #toolbarViewerRight > .toolbarButton:last-child,
.pdf-viewer html[dir="rtl"] #toolbarViewerLeft > .toolbarButton:first-child {
  margin-right: 2px;
}
.pdf-viewer .toolbarButton:hover,
.pdf-viewer .toolbarButton:focus {
  background-color: var(--button-hover-color);
}
.pdf-viewer .secondaryColorToolbarButton:hover,
.pdf-viewer .secondaryColorToolbarButton:focus {
  background-color: var(--doorhanger-hover-bg-color);
  color: var(--doorhanger-hover-color);
}

.pdf-viewer .toolbarButton.toggled,
.pdf-viewer .splitToolbarButton.toggled > .toolbarButton.toggled,
.pdf-viewer .secondaryColorToolbarButton.toggled {
  background-color: var(--toggled-btn-bg-color);
  color: var(--toggled-btn-color);
}

.pdf-viewer .secondaryColorToolbarButton.toggled::before {
  background-color: var(--toggled-btn-color);
}

.pdf-viewer .toolbarButton.toggled::before {
  background-color: var(--toggled-btn-color);
}

.pdf-viewer .toolbarButton.toggled:hover:active,
.pdf-viewer .splitToolbarButton.toggled > .toolbarButton.toggled:hover:active,
.pdf-viewer .secondaryColorToolbarButton.toggled:hover:active {
  background-color: var(--toggled-hover-active-btn-color);
}

.pdf-viewer .dropdownToolbarButton {
  width: var(--scale-select-container-width);
  padding: 0;
  overflow: hidden;
  background-color: var(--dropdown-btn-bg-color);
  margin-top: 2px !important;
}
.pdf-viewer .dropdownToolbarButton::after {
  top: 6px;
  pointer-events: none;

  -webkit-mask-image: var(--toolbarButton-menuArrow-icon);
  mask-image: var(--toolbarButton-menuArrow-icon);
}
.pdf-viewer html[dir="ltr"] .dropdownToolbarButton::after {
  right: 7px;
}
.pdf-viewer html[dir="rtl"] .dropdownToolbarButton::after {
  left: 7px;
}

.pdf-viewer .dropdownToolbarButton > select {
  width: calc(var(--scale-select-container-width) + var(--scale-select-overflow));
  height: 28px;
  font-size: 12px;
  color: var(--main-color);
  margin: 0;
  padding: 1px 0 2px;
  border: none;
  background-color: var(--dropdown-btn-bg-color);
}
.pdf-viewer html[dir="ltr"] .dropdownToolbarButton > select {
  padding-left: 4px;
}
.pdf-viewer html[dir="rtl"] .dropdownToolbarButton > select {
  padding-right: 4px;
}
.pdf-viewer .dropdownToolbarButton > select:hover,
.pdf-viewer .dropdownToolbarButton > select:focus {
  background-color: var(--button-hover-color);
  color: var(--toggled-btn-color);
}

.pdf-viewer .dropdownToolbarButton > select > option {
  background: var(--doorhanger-bg-color);
  color: var(--main-color);
}

.pdf-viewer #customScaleOption {
  display: none;
}

.pdf-viewer #pageWidthOption {
  border-bottom: 1px rgba(255, 255, 255, 0.5) solid;
}

.pdf-viewer .toolbarButtonSpacer {
  width: 30px;
  display: inline-block;
  height: 1px;
}

.pdf-viewer .toolbarButton::before,
.pdf-viewer .secondaryColorToolbarButton::before,
.pdf-viewer .dropdownToolbarButton::after,
.pdf-viewer .treeItemToggler::before {
  /* All matching images have a size of 16x16
   * All relevant containers have a size of 28x28 */
  position: absolute;
  display: inline-block;
  width: 16px;
  height: 16px;

  content: "";
  background-color: var(--toolbar-icon-bg-color);
  -webkit-mask-size: cover;
  mask-size: cover;
}

.pdf-viewer .dropdownToolbarButton:hover::after,
.pdf-viewer .dropdownToolbarButton:focus::after,
.pdf-viewer .dropdownToolbarButton:active::after {
  background-color: var(--toolbar-icon-hover-bg-color);
}

.pdf-viewer .toolbarButton::before {
  opacity: var(--toolbar-icon-opacity);
  top: 6px;
  left: 6px;
}

.pdf-viewer .toolbarButton:hover::before,
.pdf-viewer .toolbarButton:focus::before,
.pdf-viewer .secondaryColorToolbarButton:hover::before,
.pdf-viewer .secondaryColorToolbarButton:focus::before {
  background-color: var(--toolbar-icon-hover-bg-color);
}

.pdf-viewer .secondaryColorToolbarButton::before {
  opacity: var(--doorhanger-icon-opacity);
  top: 5px;
}
.pdf-viewer html[dir="ltr"] .secondaryColorToolbarButton::before {
  left: 12px;
}
.pdf-viewer html[dir="rtl"] .secondaryColorToolbarButton::before {
  right: 12px;
}

.pdf-viewer .toolbarButton#sidebarToggle::before {
  -webkit-mask-image: var(--toolbarButton-sidebarToggle-icon);
  mask-image: var(--toolbarButton-sidebarToggle-icon);
}
.pdf-viewer html[dir="rtl"] .toolbarButton#sidebarToggle::before {
  transform: scaleX(-1);
}

.pdf-viewer .toolbarButton#secondaryToolbarToggle::before {
  -webkit-mask-image: var(--toolbarButton-secondaryToolbarToggle-icon);
  mask-image: var(--toolbarButton-secondaryToolbarToggle-icon);
}
.pdf-viewer html[dir="rtl"] .toolbarButton#secondaryToolbarToggle::before {
  transform: scaleX(-1);
}

.pdf-viewer .toolbarButton.findPrevious::before {
  -webkit-mask-image: var(--findbarButton-previous-icon);
  mask-image: var(--findbarButton-previous-icon);
}

.pdf-viewer .toolbarButton.findNext::before {
  -webkit-mask-image: var(--findbarButton-next-icon);
  mask-image: var(--findbarButton-next-icon);
}

.pdf-viewer .toolbarButton.pageUp::before {
  -webkit-mask-image: var(--toolbarButton-pageUp-icon);
  mask-image: var(--toolbarButton-pageUp-icon);
}

.pdf-viewer .toolbarButton.pageDown::before {
  -webkit-mask-image: var(--toolbarButton-pageDown-icon);
  mask-image: var(--toolbarButton-pageDown-icon);
}

.pdf-viewer .toolbarButton.zoomOut::before {
  -webkit-mask-image: var(--toolbarButton-zoomOut-icon);
  mask-image: var(--toolbarButton-zoomOut-icon);
}

.pdf-viewer .toolbarButton.zoomIn::before {
  -webkit-mask-image: var(--toolbarButton-zoomIn-icon);
  mask-image: var(--toolbarButton-zoomIn-icon);
}

.pdf-viewer .toolbarButton.presentationMode::before,
.pdf-viewer .secondaryColorToolbarButton.presentationMode::before {
  -webkit-mask-image: var(--toolbarButton-presentationMode-icon);
  mask-image: var(--toolbarButton-presentationMode-icon);
}

.pdf-viewer .toolbarButton.print::before,
.pdf-viewer .secondaryColorToolbarButton.print::before {
  -webkit-mask-image: var(--toolbarButton-print-icon);
  mask-image: var(--toolbarButton-print-icon);
}

.pdf-viewer .toolbarButton.openFile::before,
.pdf-viewer .secondaryColorToolbarButton.openFile::before {
  -webkit-mask-image: var(--toolbarButton-openFile-icon);
  mask-image: var(--toolbarButton-openFile-icon);
}

.pdf-viewer .toolbarButton.download::before,
.pdf-viewer .secondaryColorToolbarButton.download::before {
  -webkit-mask-image: var(--toolbarButton-download-icon);
  mask-image: var(--toolbarButton-download-icon);
}

.pdf-viewer .secondaryColorToolbarButton.bookmark {
  padding-top: 6px;
  text-decoration: none;
}

.pdf-viewer .bookmark[href="#"] {
  opacity: 0.5;
  pointer-events: none;
}

.pdf-viewer .toolbarButton.bookmark::before,
.pdf-viewer .secondaryColorToolbarButton.bookmark::before {
  -webkit-mask-image: var(--toolbarButton-bookmark-icon);
  mask-image: var(--toolbarButton-bookmark-icon);
}

.pdf-viewer #viewThumbnail.toolbarButton::before {
  -webkit-mask-image: var(--toolbarButton-viewThumbnail-icon);
  mask-image: var(--toolbarButton-viewThumbnail-icon);
}

.pdf-viewer #viewOutline.toolbarButton::before {
  -webkit-mask-image: var(--toolbarButton-viewOutline-icon);
  mask-image: var(--toolbarButton-viewOutline-icon);
}
.pdf-viewer html[dir="rtl"] #viewOutline.toolbarButton::before {
  transform: scaleX(-1);
}

.pdf-viewer #viewAttachments.toolbarButton::before {
  -webkit-mask-image: var(--toolbarButton-viewAttachments-icon);
  mask-image: var(--toolbarButton-viewAttachments-icon);
}

.pdf-viewer #viewLayers.toolbarButton::before {
  -webkit-mask-image: var(--toolbarButton-viewLayers-icon);
  mask-image: var(--toolbarButton-viewLayers-icon);
}

.pdf-viewer #currentOutlineItem.toolbarButton::before {
  -webkit-mask-image: var(--toolbarButton-currentOutlineItem-icon);
  mask-image: var(--toolbarButton-currentOutlineItem-icon);
}
.pdf-viewer html[dir="rtl"] #currentOutlineItem.toolbarButton::before {
  transform: scaleX(-1);
}

.pdf-viewer #viewFind.toolbarButton::before {
  -webkit-mask-image: var(--toolbarButton-search-icon);
  mask-image: var(--toolbarButton-search-icon);
}

.pdf-viewer .toolbarButton.pdfSidebarNotification::after {
  position: absolute;
  display: inline-block;
  top: 1px;
  /* Create a filled circle, with a diameter of 9 pixels, using only CSS: */
  content: "";
  background-color: rgba(112, 219, 85, 1);
  height: 9px;
  width: 9px;
  border-radius: 50%;
}
.pdf-viewer html[dir="ltr"] .toolbarButton.pdfSidebarNotification::after {
  left: 17px;
}
.pdf-viewer html[dir="rtl"] .toolbarButton.pdfSidebarNotification::after {
  right: 17px;
}

.pdf-viewer .secondaryColorToolbarButton {
  position: relative;
  margin: 0;
  padding: 0 0 1px;
  height: auto;
  min-height: 26px;
  width: auto;
  min-width: 100%;
  white-space: normal;
  border-radius: 0;
  box-sizing: border-box;
}
.pdf-viewer html[dir="ltr"] .secondaryColorToolbarButton {
  padding-left: 36px;
  text-align: left;
}
.pdf-viewer html[dir="rtl"] .secondaryColorToolbarButton {
  padding-right: 36px;
  text-align: right;
}

.pdf-viewer html[dir="ltr"] .secondaryColorToolbarButton > span {
  padding-right: 4px;
}
.pdf-viewer html[dir="rtl"] .secondaryColorToolbarButton > span {
  padding-left: 4px;
}

.pdf-viewer .secondaryColorToolbarButton.firstPage::before {
  -webkit-mask-image: var(--secondaryToolbarButton-firstPage-icon);
  mask-image: var(--secondaryToolbarButton-firstPage-icon);
}

.pdf-viewer .secondaryColorToolbarButton.lastPage::before {
  -webkit-mask-image: var(--secondaryToolbarButton-lastPage-icon);
  mask-image: var(--secondaryToolbarButton-lastPage-icon);
}

.pdf-viewer .secondaryColorToolbarButton.rotateCcw::before {
  -webkit-mask-image: var(--secondaryToolbarButton-rotateCcw-icon);
  mask-image: var(--secondaryToolbarButton-rotateCcw-icon);
}

.pdf-viewer .secondaryColorToolbarButton.rotateCw::before {
  -webkit-mask-image: var(--secondaryToolbarButton-rotateCw-icon);
  mask-image: var(--secondaryToolbarButton-rotateCw-icon);
}

.pdf-viewer .secondaryColorToolbarButton.selectTool::before {
  -webkit-mask-image: var(--secondaryToolbarButton-selectTool-icon);
  mask-image: var(--secondaryToolbarButton-selectTool-icon);
}

.pdf-viewer .secondaryColorToolbarButton.handTool::before {
  -webkit-mask-image: var(--secondaryToolbarButton-handTool-icon);
  mask-image: var(--secondaryToolbarButton-handTool-icon);
}

.pdf-viewer .secondaryColorToolbarButton.scrollVertical::before {
  -webkit-mask-image: var(--secondaryToolbarButton-scrollVertical-icon);
  mask-image: var(--secondaryToolbarButton-scrollVertical-icon);
}

.pdf-viewer .secondaryColorToolbarButton.scrollHorizontal::before {
  -webkit-mask-image: var(--secondaryToolbarButton-scrollHorizontal-icon);
  mask-image: var(--secondaryToolbarButton-scrollHorizontal-icon);
}

.pdf-viewer .secondaryColorToolbarButton.scrollWrapped::before {
  -webkit-mask-image: var(--secondaryToolbarButton-scrollWrapped-icon);
  mask-image: var(--secondaryToolbarButton-scrollWrapped-icon);
}

.pdf-viewer .secondaryColorToolbarButton.spreadNone::before {
  -webkit-mask-image: var(--secondaryToolbarButton-spreadNone-icon);
  mask-image: var(--secondaryToolbarButton-spreadNone-icon);
}

.pdf-viewer .secondaryColorToolbarButton.spreadOdd::before {
  -webkit-mask-image: var(--secondaryToolbarButton-spreadOdd-icon);
  mask-image: var(--secondaryToolbarButton-spreadOdd-icon);
}

.pdf-viewer .secondaryColorToolbarButton.spreadEven::before {
  -webkit-mask-image: var(--secondaryToolbarButton-spreadEven-icon);
  mask-image: var(--secondaryToolbarButton-spreadEven-icon);
}

.pdf-viewer .secondaryColorToolbarButton.documentProperties::before {
  -webkit-mask-image: var(--secondaryToolbarButton-documentProperties-icon);
  mask-image: var(--secondaryToolbarButton-documentProperties-icon);
}

.pdf-viewer .verticalToolbarSeparator {
  display: block;
  padding: 11px 0;
  margin: 5px 2px;
  width: 1px;
  background-color: var(--separator-color);
}
.pdf-viewer html[dir="ltr"] .verticalToolbarSeparator {
  margin-left: 2px;
}
.pdf-viewer html[dir="rtl"] .verticalToolbarSeparator {
  margin-right: 2px;
}

.pdf-viewer .horizontalToolbarSeparator {
  display: block;
  margin: 6px 0 5px;
  height: 1px;
  width: 100%;
  border-top: 1px solid var(--doorhanger-separator-color);
}

.pdf-viewer .toolbarField {
  padding: 4px 7px;
  margin: 3px 0;
  border-radius: 2px;
  background-color: var(--field-bg-color);
  background-clip: padding-box;
  border-width: 1px;
  border-style: solid;
  border-color: var(--field-border-color);
  box-shadow: none;
  color: var(--field-color);
  font-size: 12px;
  line-height: 16px;
  outline-style: none;
}

.pdf-viewer .toolbarField[type="checkbox"] {
  opacity: 0;
  position: absolute !important;
  left: 0;
}

.pdf-viewer html[dir="ltr"] .toolbarField[type="checkbox"] {
  margin: 10px 0 3px 7px;
}

.pdf-viewer html[dir="rtl"] .toolbarField[type="checkbox"] {
  margin: 10px 7px 3px 0;
}

.pdf-viewer .toolbarField.pageNumber {
  -moz-appearance: textfield; /* hides the spinner in moz */
  min-width: 16px;
  text-align: right;
  width: 40px;
}

.pdf-viewer .toolbarField.pageNumber.visiblePageIsLoading {
  background-image: var(--loading-icon);
  background-repeat: no-repeat;
  background-position: 3px;
}

.pdf-viewer .toolbarField.pageNumber::-webkit-inner-spin-button,
.pdf-viewer .toolbarField.pageNumber::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.pdf-viewer .toolbarField:focus {
  border-color: #0a84ff;
}

.pdf-viewer .toolbarLabel {
  min-width: 16px;
  padding: 7px;
  margin: 2px;
  border-radius: 2px;
  color: var(--main-color);
  font-size: 12px;
  line-height: 14px;
  text-align: left;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: default;
}

.pdf-viewer html[dir="ltr"] #numPages.toolbarLabel {
  padding-left: 3px;
}
.pdf-viewer html[dir="rtl"] #numPages.toolbarLabel {
  padding-right: 3px;
}

.pdf-viewer #thumbnailView {
  position: absolute;
  width: calc(100% - 60px);
  top: 0;
  bottom: 0;
  padding: 10px 30px 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.pdf-viewer #thumbnailView > a:active,
.pdf-viewer #thumbnailView > a:focus {
  outline: 0;
}

.pdf-viewer .thumbnail {
  margin: 0 10px 5px;
}
.pdf-viewer html[dir="ltr"] .thumbnail {
  float: left;
}
.pdf-viewer html[dir="rtl"] .thumbnail {
  float: right;
}

.pdf-viewer #thumbnailView > a:last-of-type > .thumbnail {
  margin-bottom: 10px;
}

.pdf-viewer #thumbnailView > a:last-of-type > .thumbnail:not([data-loaded]) {
  margin-bottom: 9px;
}

.pdf-viewer .thumbnail:not([data-loaded]) {
  border: 1px dashed rgba(132, 132, 132, 1);
  margin: -1px 9px 4px;
}

.pdf-viewer .thumbnailImage {
  border: 1px solid rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3);
  opacity: 0.8;
  z-index: 99;
  background-color: rgba(255, 255, 255, 1);
  background-clip: content-box;
}

.pdf-viewer .thumbnailSelectionRing {
  border-radius: 2px;
  padding: 7px;
}

.pdf-viewer a:focus > .thumbnail > .thumbnailSelectionRing > .thumbnailImage,
.pdf-viewer .thumbnail:hover > .thumbnailSelectionRing > .thumbnailImage {
  opacity: 0.9;
}

.pdf-viewer a:focus > .thumbnail > .thumbnailSelectionRing,
.pdf-viewer .thumbnail:hover > .thumbnailSelectionRing {
  background-color: var(--sidebaritem-bg-color);
  background-clip: padding-box;
  color: rgba(255, 255, 255, 0.9);
}

.pdf-viewer .thumbnail.selected > .thumbnailSelectionRing > .thumbnailImage {
  opacity: 1;
}

.pdf-viewer .thumbnail.selected > .thumbnailSelectionRing {
  background-color: var(--sidebaritem-bg-color);
  background-clip: padding-box;
  color: rgba(255, 255, 255, 1);
}

.pdf-viewer #outlineView,
.pdf-viewer #attachmentsView,
.pdf-viewer #layersView {
  position: absolute;
  width: calc(100% - 8px);
  top: 0;
  bottom: 0;
  padding: 4px 4px 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.pdf-viewer html[dir="ltr"] .treeWithDeepNesting > .treeItem,
.pdf-viewer html[dir="ltr"] .treeItem > .treeItems {
  margin-left: 20px;
}

.pdf-viewer html[dir="rtl"] .treeWithDeepNesting > .treeItem,
.pdf-viewer html[dir="rtl"] .treeItem > .treeItems {
  margin-right: 20px;
}

.pdf-viewer .treeItem > a {
  text-decoration: none;
  display: inline-block;
  min-width: 95%;
  /* Subtract the right padding (left, in RTL mode) of the container: */
  min-width: calc(100% - 4px);
  height: auto;
  margin-bottom: 1px;
  border-radius: 2px;
  color: var(--treeitem-color);
  font-size: 13px;
  line-height: 15px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: normal;
  cursor: pointer;
}
.pdf-viewer html[dir="ltr"] .treeItem > a {
  padding: 2px 0 5px 4px;
}
.pdf-viewer html[dir="rtl"] .treeItem > a {
  padding: 2px 4px 5px 0;
}

.pdf-viewer #layersView .treeItem > a > * {
  cursor: pointer;
}
.pdf-viewer html[dir="ltr"] #layersView .treeItem > a > label {
  padding-left: 4px;
}
.pdf-viewer html[dir="rtl"] #layersView .treesItem > a > label {
  padding-right: 4px;
}

.pdf-viewer .treeItemToggler {
  position: relative;
  height: 0;
  width: 0;
  color: rgba(255, 255, 255, 0.5);
}
.pdf-viewer .treeItemToggler::before {
  -webkit-mask-image: var(--treeitem-expanded-icon);
  mask-image: var(--treeitem-expanded-icon);
}
.pdf-viewer .treeItemToggler.treeItemsHidden::before {
  -webkit-mask-image: var(--treeitem-collapsed-icon);
  mask-image: var(--treeitem-collapsed-icon);
}
.pdf-viewer html[dir="rtl"] .treeItemToggler.treeItemsHidden::before {
  transform: scaleX(-1);
}
.pdf-viewer .treeItemToggler.treeItemsHidden ~ .treeItems {
  display: none;
}
.pdf-viewer html[dir="ltr"] .treeItemToggler {
  float: left;
}
.pdf-viewer html[dir="rtl"] .treeItemToggler {
  float: right;
}
.pdf-viewer html[dir="ltr"] .treeItemToggler::before {
  right: 4px;
}
.pdf-viewer html[dir="rtl"] .treeItemToggler::before {
  left: 4px;
}

.pdf-viewer .treeItem.selected > a {
  background-color: var(--treeitem-selected-bg-color);
  color: var(--treeitem-selected-color);
}

.pdf-viewer .treeItemToggler:hover,
.pdf-viewer .treeItemToggler:hover + a,
.pdf-viewer .treeItemToggler:hover ~ .treeItems,
.pdf-viewer .treeItem > a:hover {
  background-color: var(--sidebaritem-bg-color);
  background-clip: padding-box;
  border-radius: 2px;
  color: var(--treeitem-hover-color);
}

/* TODO: file FF bug to support ::-moz-selection:window-inactive
   so we can override the opaque grey background when the window is inactive;
   see https://bugzilla.mozilla.org/show_bug.cgi?id=706209 */
.pdf-viewer ::-moz-selection {
  background: rgba(0, 0, 255, 0.3);
}
.pdf-viewer ::selection {
  background: rgba(0, 0, 255, 0.3);
}

.pdf-viewer #errorWrapper {
  background: none repeat scroll 0 0 var(--errorWrapper-bg-color);
  color: var(--main-color);
  left: 0;
  position: absolute;
  right: 0;
  z-index: 1000;
  padding: 3px 6px;
}

.pdf-viewer #errorMessageLeft {
  float: left;
}

.pdf-viewer #errorMessageRight {
  float: right;
}

.pdf-viewer #errorMoreInfo {
  background-color: var(--field-bg-color);
  color: var(--field-color);
  border: 1px solid var(--field-border-color);
  padding: 3px;
  margin: 3px;
  width: 98%;
}

.pdf-viewer .overlayButton {
  width: auto;
  margin: 3px 4px 2px !important;
  padding: 2px 11px;
  color: var(--main-color);
  background-color: var(--overlay-button-bg-color);
  border: var(--overlay-button-border) !important;
}

.pdf-viewer #overlayContainer {
  display: table;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 40000;
}
.pdf-viewer #overlayContainer > * {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.pdf-viewer #overlayContainer > .container {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.pdf-viewer #overlayContainer > .container > .dialog {
  display: inline-block;
  padding: 15px;
  border-spacing: 4px;
  color: var(--main-color);
  font-size: 12px;
  line-height: 14px;
  background-color: var(--doorhanger-bg-color);
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

.pdf-viewer .dialog > .row {
  display: table-row;
}

.pdf-viewer .dialog > .row > * {
  display: table-cell;
}

.pdf-viewer .dialog .toolbarField {
  margin: 5px 0;
}

.pdf-viewer .dialog .separator {
  display: block;
  margin: 4px 0;
  height: 1px;
  width: 100%;
  background-color: var(--separator-color);
}

.pdf-viewer .dialog .buttonRow {
  text-align: center;
  vertical-align: middle;
}

.pdf-viewer .dialog :link {
  color: rgba(255, 255, 255, 1);
}

.pdf-viewer #passwordOverlay > .dialog {
  text-align: center;
}
.pdf-viewer #passwordOverlay .toolbarField {
  width: 200px;
}

.pdf-viewer #documentPropertiesOverlay > .dialog {
  text-align: left;
}
.pdf-viewer #documentPropertiesOverlay .row > * {
  min-width: 100px;
}
.pdf-viewer html[dir="ltr"] #documentPropertiesOverlay .row > * {
  text-align: left;
}
.pdf-viewer html[dir="rtl"] #documentPropertiesOverlay .row > * {
  text-align: right;
}
.pdf-viewer #documentPropertiesOverlay .row > span {
  width: 125px;
  word-wrap: break-word;
}
.pdf-viewer #documentPropertiesOverlay .row > p {
  max-width: 225px;
  word-wrap: break-word;
}
.pdf-viewer #documentPropertiesOverlay .buttonRow {
  margin-top: 10px;
}

.pdf-viewer .clearBoth {
  clear: both;
}

.pdf-viewer .fileInput {
  background: rgba(255, 255, 255, 1);
  color: rgba(0, 0, 0, 1);
  margin-top: 5px;
  visibility: hidden;
  position: fixed;
  right: 0;
  top: 0;
}

.pdf-viewer #PDFBug {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
  border: 1px solid rgba(102, 102, 102, 1);
  position: fixed;
  top: 32px;
  right: 0;
  bottom: 0;
  font-size: 10px;
  padding: 0;
  width: 300px;
}
.pdf-viewer #PDFBug .controls {
  background: rgba(238, 238, 238, 1);
  border-bottom: 1px solid rgba(102, 102, 102, 1);
  padding: 3px;
}
.pdf-viewer #PDFBug .panels {
  bottom: 0;
  left: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  right: 0;
  top: 27px;
}
.pdf-viewer #PDFBug .panels > div {
  padding: 5px;
}
.pdf-viewer #PDFBug button.active {
  font-weight: bold;
}
.pdf-viewer .debuggerShowText {
  background: none repeat scroll 0 0 rgba(255, 255, 0, 1);
  color: rgba(0, 0, 255, 1);
}
.pdf-viewer .debuggerHideText:hover {
  background: none repeat scroll 0 0 rgba(255, 255, 0, 1);
}
.pdf-viewer #PDFBug .stats {
  font-family: courier;
  font-size: 10px;
  white-space: pre;
}
.pdf-viewer #PDFBug .stats .title {
  font-weight: bold;
}
.pdf-viewer #PDFBug table {
  font-size: 10px;
}
.pdf-viewer #PDFBug table.showText {
  border-collapse: collapse;
  text-align: center;
}
.pdf-viewer #PDFBug table.showText,
.pdf-viewer #PDFBug table.showText tr,
.pdf-viewer #PDFBug table.showText td {
  border: 1px solid black;
  padding: 1px;
}
.pdf-viewer #PDFBug table.showText td.advance {
  color: grey;
}

.pdf-viewer #viewer.textLayer-visible .textLayer {
  opacity: 1;
}

.pdf-viewer #viewer.textLayer-visible .canvasWrapper {
  background-color: rgba(128, 255, 128, 1);
}

.pdf-viewer #viewer.textLayer-visible .canvasWrapper canvas {
  mix-blend-mode: screen;
}

.pdf-viewer #viewer.textLayer-visible .textLayer span {
  background-color: rgba(255, 255, 0, 0.1);
  color: rgba(0, 0, 0, 1);
  border: solid 1px rgba(255, 0, 0, 0.5);
  box-sizing: border-box;
}

.pdf-viewer #viewer.textLayer-hover .textLayer span:hover {
  background-color: rgba(255, 255, 255, 1);
  color: rgba(0, 0, 0, 1);
}

.pdf-viewer #viewer.textLayer-shadow .textLayer span {
  background-color: rgba(255, 255, 255, 0.6);
  color: rgba(0, 0, 0, 1);
}

.pdf-viewer .grab-to-pan-grab {
  cursor: url("images/grab.cur"), move !important;
  cursor: -webkit-grab !important;
  cursor: grab !important;
}
.pdf-viewer .grab-to-pan-grab
  *:not(input):not(textarea):not(button):not(select):not(:link) {
  cursor: inherit !important;
}
.pdf-viewer .grab-to-pan-grab:active,
.pdf-viewer .grab-to-pan-grabbing {
  cursor: url("images/grabbing.cur"), move !important;
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  position: fixed;
  background: rgba(0, 0, 0, 0);
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 50000; /* should be higher than anything else in PDF.js! */
}

@page {
  margin: 0;
}

.pdf-viewer #printContainer {
  display: none;
}

@media print {
  /* General rules for printing. */
  .pdf-viewer body {
    background: rgba(0, 0, 0, 0) none;
  }

  /* Rules for browsers that don't support mozPrintCallback. */
  .pdf-viewer #sidebarContainer,
.pdf-viewer #secondaryToolbar,
.pdf-viewer .toolbar,
.pdf-viewer #loadingBox,
.pdf-viewer #errorWrapper,
.pdf-viewer .textLayer,
.pdf-viewer .canvasWrapper {
    display: none;
  }
  .pdf-viewer #viewerContainer {
    overflow: visible;
  }

  .pdf-viewer #mainContainer,
.pdf-viewer #viewerContainer,
.pdf-viewer .page,
.pdf-viewer .page canvas {
    position: static;
    padding: 0;
    margin: 0;
  }

  .pdf-viewer .page {
    float: left;
    display: none;
    border: none;
    box-shadow: none;
    background-clip: content-box;
    background-color: rgba(255, 255, 255, 1);
  }

  .pdf-viewer .page[data-loaded] {
    display: block;
  }

  .pdf-viewer .fileInput {
    display: none;
  }

  /* Rules for browsers that support PDF.js printing */
  .pdf-viewer body[data-pdfjsprinting] #outerContainer {
    display: none;
  }
  .pdf-viewer body[data-pdfjsprinting] #printContainer {
    display: block;
  }
  .pdf-viewer #printContainer {
    height: 100%;
  }
  /* wrapper around (scaled) print canvas elements */
  .pdf-viewer #printContainer > .printedPage {
    page-break-after: always;
    page-break-inside: avoid;

    /* The wrapper always cover the whole page. */
    height: 100%;
    width: 100%;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .pdf-viewer #printContainer > .xfaPrintedPage .xfaPage {
    position: absolute;
  }

  .pdf-viewer #printContainer > .xfaPrintedPage {
    page-break-after: always;
    page-break-inside: avoid;
    width: 100%;
    height: 100%;
    position: relative;
  }

  .pdf-viewer #printContainer > .printedPage canvas,
.pdf-viewer #printContainer > .printedPage img {
    /* The intrinsic canvas / image size will make sure that we fit the page. */
    max-width: 100%;
    max-height: 100%;

    direction: ltr;
    display: block;
  }
}

.pdf-viewer .visibleLargeView,
.pdf-viewer .visibleMediumView,
.pdf-viewer .visibleSmallView {
  display: none;
}

@media all and (max-width: 900px) {
  .pdf-viewer #toolbarViewerMiddle {
    display: table;
    margin: auto;
    left: auto;
    position: inherit;
    transform: none;
  }
}

@media all and (max-width: 840px) {
  .pdf-viewer #sidebarContainer {
    background-color: var(--sidebar-narrow-bg-color);
  }

  .pdf-viewer html[dir="ltr"] #outerContainer.sidebarOpen #viewerContainer {
    left: 0 !important;
  }
  .pdf-viewer html[dir="rtl"] #outerContainer.sidebarOpen #viewerContainer {
    right: 0 !important;
  }

  .pdf-viewer #outerContainer .hiddenLargeView,
.pdf-viewer #outerContainer .hiddenMediumView {
    display: inherit;
  }
  .pdf-viewer #outerContainer .visibleLargeView,
.pdf-viewer #outerContainer .visibleMediumView {
    display: none;
  }
}

@media all and (max-width: 770px) {
  .pdf-viewer #outerContainer .hiddenLargeView {
    display: none;
  }
  .pdf-viewer #outerContainer .visibleLargeView {
    display: inherit;
  }
}

@media all and (max-width: 700px) {
  .pdf-viewer #outerContainer .hiddenMediumView {
    display: none;
  }
  .pdf-viewer #outerContainer .visibleMediumView {
    display: inherit;
  }
}

@media all and (max-width: 640px) {
  .pdf-viewer .hiddenSmallView,
.pdf-viewer .hiddenSmallView * {
    display: none;
  }
  .pdf-viewer .visibleSmallView {
    display: inherit;
  }
  .pdf-viewer .toolbarButtonSpacer {
    width: 0;
  }
  .pdf-viewer html[dir="ltr"] .findbar {
    left: 34px;
  }
  .pdf-viewer html[dir="rtl"] .findbar {
    right: 34px;
  }
}

@media all and (max-width: 535px) {
  .pdf-viewer #scaleSelectContainer {
    display: none;
  }
}
@layer properties;
@layer theme, utilities;
@layer theme {
  :root, :host {
    --font-sans: 'Barlow', sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-md: 28rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-wide: 0.025em;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --color-primary: #3d5e20;
    --color-primary-2: #446723;
    --color-secondary: #111811;
    --color-secondary-2: #1e2a1e;
    --color-tertiary: #15a1e2;
    --color-sky-blue: #15a1e2;
    --color-orange: #f4974c;
    --color-ink: #212121;
    --color-red-1: #950e2b;
    --color-red-2: #ce031b;
    --color-red-6: #fcd7d7;
    --color-red-7: #ee3939;
    --color-grey-1: #242a2d;
    --color-grey-2: #3e484e;
    --color-grey-3: #656366;
    --color-grey-4: #82929b;
    --color-grey-5: #c7ccce;
    --color-grey-6: #d2d7db;
    --color-grey-7: #e8ebed;
    --color-grey-8: #f4f5f6;
    --color-grey-9: #f9fafa;
    --radius-card: 1.5rem;
    --radius-input: 0.5rem;
    --spacing-input: 3rem;
    --spacing-app-header: 3.5rem;
    --spacing-nav-mobile: 3.5625rem;
    --spacing-mobile-nav: 18rem;
    --spacing-footer-nav: 3.75rem;
  }
}
@layer utilities {
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .-top-2 {
    top: calc(var(--spacing) * -2);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-3 {
    top: calc(var(--spacing) * 3);
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .top-6 {
    top: calc(var(--spacing) * 6);
  }
  .top-\[-0\.5rem\] {
    top: -0.5rem;
  }
  .top-\[-0\.15rem\] {
    top: -0.15rem;
  }
  .top-\[0\.1rem\] {
    top: 0.1rem;
  }
  .top-\[2px\] {
    top: 2px;
  }
  .top-\[calc\(3\.5rem\+2px\)\] {
    top: calc(3.5rem + 2px);
  }
  .top-full {
    top: 100%;
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .right-3 {
    right: calc(var(--spacing) * 3);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .right-5 {
    right: calc(var(--spacing) * 5);
  }
  .right-8 {
    right: calc(var(--spacing) * 8);
  }
  .right-12 {
    right: calc(var(--spacing) * 12);
  }
  .right-\[-100\%\] {
    right: -100%;
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }
  .bottom-\[-100\%\] {
    bottom: -100%;
  }
  .-left-0\.5 {
    left: calc(var(--spacing) * -0.5);
  }
  .-left-2 {
    left: calc(var(--spacing) * -2);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-4 {
    left: calc(var(--spacing) * 4);
  }
  .z-1 {
    z-index: 1;
  }
  .z-3 {
    z-index: 3;
  }
  .z-4 {
    z-index: 4;
  }
  .z-5 {
    z-index: 5;
  }
  .z-100 {
    z-index: 100;
  }
  .z-1000 {
    z-index: 1000;
  }
  .z-\[1\] {
    z-index: 1;
  }
  .z-\[3\] {
    z-index: 3;
  }
  .z-\[111\] {
    z-index: 111;
  }
  .z-\[1000\] {
    z-index: 1000;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .m-2 {
    margin: calc(var(--spacing) * 2);
  }
  .m-\[0\.1rem\] {
    margin: 0.1rem;
  }
  .m-auto {
    margin: auto;
  }
  .mx-\[-1rem\] {
    margin-inline: -1rem;
  }
  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }
  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-\[\.4rem\] {
    margin-top: .4rem;
  }
  .mt-\[1px\] {
    margin-top: 1px;
  }
  .mt-auto {
    margin-top: auto;
  }
  .mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mb-0\! {
    margin-bottom: calc(var(--spacing) * 0) !important;
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-\[0\.4rem\] {
    margin-left: 0.4rem;
  }
  .ml-auto {
    margin-left: auto;
  }
  .box-border {
    box-sizing: border-box;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .table-cell {
    display: table-cell;
  }
  .h-0 {
    height: calc(var(--spacing) * 0);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-\[calc\(100\%-3\.5rem-2px\)\] {
    height: calc(100% - 3.5rem - 2px);
  }
  .h-\[calc\(100\%-8\.25rem\)\] {
    height: calc(100% - 8.25rem);
  }
  .h-app-header {
    height: var(--spacing-app-header);
  }
  .h-auto {
    height: auto;
  }
  .h-footer-nav {
    height: var(--spacing-footer-nav);
  }
  .h-full {
    height: 100%;
  }
  .h-input {
    height: var(--spacing-input);
  }
  .h-nav-mobile {
    height: var(--spacing-nav-mobile);
  }
  .max-h-28 {
    max-height: calc(var(--spacing) * 28);
  }
  .max-h-40 {
    max-height: calc(var(--spacing) * 40);
  }
  .max-h-\[29rem\] {
    max-height: 29rem;
  }
  .max-h-\[80vh\] {
    max-height: 80vh;
  }
  .max-h-\[calc\(100vh-var\(--spacing-app-header\)-4px\)\] {
    max-height: calc(100vh - var(--spacing-app-header) - 4px);
  }
  .max-h-full {
    max-height: 100%;
  }
  .max-h-none {
    max-height: none;
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .min-h-8 {
    min-height: calc(var(--spacing) * 8);
  }
  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }
  .min-h-app-header {
    min-height: var(--spacing-app-header);
  }
  .min-h-input {
    min-height: var(--spacing-input);
  }
  .w-0 {
    width: calc(var(--spacing) * 0);
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-48 {
    width: calc(var(--spacing) * 48);
  }
  .w-56 {
    width: calc(var(--spacing) * 56);
  }
  .w-\[70px\] {
    width: 70px;
  }
  .w-\[calc\(100\%\+2rem\)\] {
    width: calc(100% + 2rem);
  }
  .w-full {
    width: 100%;
  }
  .w-mobile-nav {
    width: var(--spacing-mobile-nav);
  }
  .max-w-28 {
    max-width: calc(var(--spacing) * 28);
  }
  .max-w-72 {
    max-width: calc(var(--spacing) * 72);
  }
  .max-w-\[30rem\] {
    max-width: 30rem;
  }
  .max-w-\[35rem\] {
    max-width: 35rem;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .min-w-5 {
    min-width: calc(var(--spacing) * 5);
  }
  .min-w-6 {
    min-width: calc(var(--spacing) * 6);
  }
  .min-w-16 {
    min-width: calc(var(--spacing) * 16);
  }
  .min-w-40 {
    min-width: calc(var(--spacing) * 40);
  }
  .min-w-60 {
    min-width: calc(var(--spacing) * 60);
  }
  .min-w-80 {
    min-width: calc(var(--spacing) * 80);
  }
  .min-w-\[30rem\] {
    min-width: 30rem;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-\[0\.5\] {
    flex: 0.5;
  }
  .flex-\[0\] {
    flex: 0;
  }
  .flex-none {
    flex: none;
  }
  .shrink {
    flex-shrink: 1;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .basis-full {
    flex-basis: 100%;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-\[vbounce_0\.5s_alternate_infinite\] {
    animation: vbounce 0.5s alternate infinite;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .resize-y {
    resize: vertical;
  }
  .appearance-none {
    appearance: none;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .justify-around {
    justify-content: space-around;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-\[\.6rem\] {
    gap: .6rem;
  }
  .self-end {
    align-self: flex-end;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-\[0\.25rem\] {
    border-radius: 0.25rem;
  }
  .rounded-\[0\.625rem\] {
    border-radius: 0.625rem;
  }
  .rounded-\[3\.5rem\] {
    border-radius: 3.5rem;
  }
  .rounded-\[3px\] {
    border-radius: 3px;
  }
  .rounded-\[4px\] {
    border-radius: 4px;
  }
  .rounded-card {
    border-radius: var(--radius-card);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-input {
    border-radius: var(--radius-input);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-none\! {
    border-radius: 0 !important;
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-tl-input\! {
    border-top-left-radius: var(--radius-input) !important;
  }
  .rounded-tr-input\! {
    border-top-right-radius: var(--radius-input) !important;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }
  .border-l-\[3px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 3px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .border-\[\#222\] {
    border-color: #222;
  }
  .border-\[\#222222\] {
    border-color: #222222;
  }
  .border-\[\#c5a100\]\/40 {
    border-color: color-mix(in oklab, #c5a100 40%, transparent);
  }
  .border-\[\#e3e3e3\] {
    border-color: #e3e3e3;
  }
  .border-\[\#eee\] {
    border-color: #eee;
  }
  .border-black {
    border-color: var(--color-black);
  }
  .border-grey-3 {
    border-color: var(--color-grey-3);
  }
  .border-grey-4 {
    border-color: var(--color-grey-4);
  }
  .border-grey-4\/40 {
    border-color: color-mix(in srgb, #82929b 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-grey-4) 40%, transparent);
    }
  }
  .border-grey-5 {
    border-color: var(--color-grey-5);
  }
  .border-grey-6 {
    border-color: var(--color-grey-6);
  }
  .border-grey-7 {
    border-color: var(--color-grey-7);
  }
  .border-grey-7\! {
    border-color: var(--color-grey-7) !important;
  }
  .border-orange\/40 {
    border-color: color-mix(in srgb, #f4974c 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-orange) 40%, transparent);
    }
  }
  .border-primary {
    border-color: var(--color-primary);
  }
  .border-red-1\! {
    border-color: var(--color-red-1) !important;
  }
  .border-red-2 {
    border-color: var(--color-red-2);
  }
  .border-t-white {
    border-top-color: var(--color-white);
  }
  .bg-\[\#0c0c0c\] {
    background-color: #0c0c0c;
  }
  .bg-\[\#2e7d32\] {
    background-color: #2e7d32;
  }
  .bg-\[\#1565c0\] {
    background-color: #1565c0;
  }
  .bg-\[\#161616\] {
    background-color: #161616;
  }
  .bg-\[\#c5a100\]\/15 {
    background-color: color-mix(in oklab, #c5a100 15%, transparent);
  }
  .bg-\[\#c62828\] {
    background-color: #c62828;
  }
  .bg-\[\#e65100\] {
    background-color: #e65100;
  }
  .bg-\[\#f6f8fa\] {
    background-color: #f6f8fa;
  }
  .bg-\[rgba\(28\,61\,147\,0\.5\)\] {
    background-color: rgba(28,61,147,0.5);
  }
  .bg-black\/85 {
    background-color: color-mix(in srgb, #000 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 85%, transparent);
    }
  }
  .bg-grey-3 {
    background-color: var(--color-grey-3);
  }
  .bg-grey-4\! {
    background-color: var(--color-grey-4) !important;
  }
  .bg-grey-4\/15 {
    background-color: color-mix(in srgb, #82929b 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-grey-4) 15%, transparent);
    }
  }
  .bg-grey-6 {
    background-color: var(--color-grey-6);
  }
  .bg-grey-7 {
    background-color: var(--color-grey-7);
  }
  .bg-grey-7\! {
    background-color: var(--color-grey-7) !important;
  }
  .bg-grey-8 {
    background-color: var(--color-grey-8);
  }
  .bg-grey-9 {
    background-color: var(--color-grey-9);
  }
  .bg-orange\/15 {
    background-color: color-mix(in srgb, #f4974c 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-orange) 15%, transparent);
    }
  }
  .bg-primary {
    background-color: var(--color-primary);
  }
  .bg-red-1\! {
    background-color: var(--color-red-1) !important;
  }
  .bg-secondary {
    background-color: var(--color-secondary);
  }
  .bg-tertiary\/15 {
    background-color: color-mix(in srgb, #15a1e2 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-tertiary) 15%, transparent);
    }
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-10 {
    padding: calc(var(--spacing) * 10);
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .px-12 {
    padding-inline: calc(var(--spacing) * 12);
  }
  .px-\[\.8rem\] {
    padding-inline: .8rem;
  }
  .px-\[0\.4rem\] {
    padding-inline: 0.4rem;
  }
  .px-\[0\.35rem\] {
    padding-inline: 0.35rem;
  }
  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-\[\.6rem\] {
    padding-block: .6rem;
  }
  .py-\[\.15rem\] {
    padding-block: .15rem;
  }
  .py-\[0\.2rem\] {
    padding-block: 0.2rem;
  }
  .py-\[0\.7rem\] {
    padding-block: 0.7rem;
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-14 {
    padding-top: calc(var(--spacing) * 14);
  }
  .pr-0 {
    padding-right: calc(var(--spacing) * 0);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }
  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }
  .pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }
  .text-center {
    text-align: center;
  }
  .font-\[inherit\] {
    font-family: inherit;
  }
  .font-\[ui-monospace\,\'SF_Mono\'\,Menlo\,Consolas\,monospace\] {
    font-family: ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  }
  .font-\[ui-monospace\,monospace\] {
    font-family: ui-monospace,monospace;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .font-sans {
    font-family: var(--font-sans);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[\.8rem\] {
    font-size: .8rem;
  }
  .text-\[\.9rem\] {
    font-size: .9rem;
  }
  .text-\[\.75rem\] {
    font-size: .75rem;
  }
  .text-\[\.85rem\] {
    font-size: .85rem;
  }
  .text-\[\.95rem\] {
    font-size: .95rem;
  }
  .text-\[0\.8rem\] {
    font-size: 0.8rem;
  }
  .text-\[0\.9rem\] {
    font-size: 0.9rem;
  }
  .text-\[1\.1rem\] {
    font-size: 1.1rem;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .leading-\[1\.4\] {
    --tw-leading: 1.4;
    line-height: 1.4;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-normal\! {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-\[\.03em\] {
    --tw-tracking: .03em;
    letter-spacing: .03em;
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .text-ellipsis {
    text-overflow: ellipsis;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .text-\[\#6b6b6b\] {
    color: #6b6b6b;
  }
  .text-\[\#7a7a7a\] {
    color: #7a7a7a;
  }
  .text-\[\#7fc8ff\] {
    color: #7fc8ff;
  }
  .text-\[\#9a7d00\] {
    color: #9a7d00;
  }
  .text-\[\#444\] {
    color: #444;
  }
  .text-\[\#666\] {
    color: #666;
  }
  .text-\[\#888888\] {
    color: #888888;
  }
  .text-\[\#b0b0b0\] {
    color: #b0b0b0;
  }
  .text-\[\#d8d8d8\] {
    color: #d8d8d8;
  }
  .text-\[\#f0f0f0\] {
    color: #f0f0f0;
  }
  .text-black {
    color: var(--color-black);
  }
  .text-grey-1 {
    color: var(--color-grey-1);
  }
  .text-grey-1\! {
    color: var(--color-grey-1) !important;
  }
  .text-grey-2 {
    color: var(--color-grey-2);
  }
  .text-grey-3 {
    color: var(--color-grey-3);
  }
  .text-grey-3\! {
    color: var(--color-grey-3) !important;
  }
  .text-grey-4 {
    color: var(--color-grey-4);
  }
  .text-ink {
    color: var(--color-ink);
  }
  .text-orange {
    color: var(--color-orange);
  }
  .text-primary {
    color: var(--color-primary);
  }
  .text-red-2 {
    color: var(--color-red-2);
  }
  .text-secondary {
    color: var(--color-secondary);
  }
  .text-tertiary {
    color: var(--color-tertiary);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\! {
    color: var(--color-white) !important;
  }
  .capitalize {
    text-transform: capitalize;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .overline {
    text-decoration-line: overline;
  }
  .underline {
    text-decoration-line: underline;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-20 {
    opacity: 20%;
  }
  .opacity-75 {
    opacity: 75%;
  }
  .opacity-80 {
    opacity: 80%;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px 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);
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition {
    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));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[bottom\] {
    transition-property: bottom;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[max-width\] {
    transition-property: max-width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[right\] {
    transition-property: right;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[top\] {
    transition-property: top;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .duration-\[0\.25s\] {
    --tw-duration: 0.25s;
    transition-duration: 0.25s;
  }
  .ease-\[cubic-bezier\(\.53\,\.19\,0\,1\)\] {
    --tw-ease: cubic-bezier(.53,.19,0,1);
    transition-timing-function: cubic-bezier(.53,.19,0,1);
  }
  .ease-\[ease\] {
    --tw-ease: ease;
    transition-timing-function: ease;
  }
  .ease-linear {
    --tw-ease: linear;
    transition-timing-function: linear;
  }
  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }
  .\[all\:initial\] {
    all: initial;
  }
  .\[background\:\'\#FFF\'\] {
    background: '#FFF';
  }
  .\[transition\:background_0\.2s_ease\,color_0\.2s_ease\] {
    transition: background 0.2s ease,color 0.2s ease;
  }
  .placeholder\:capitalize {
    &::placeholder {
      text-transform: capitalize;
    }
  }
  .placeholder\:italic {
    &::placeholder {
      font-style: italic;
    }
  }
  .first\:border-t {
    &:first-child {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
  }
  .first\:border-grey-4 {
    &:first-child {
      border-color: var(--color-grey-4);
    }
  }
  .last\:border-b {
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .last\:border-grey-6 {
    &:last-child {
      border-color: var(--color-grey-6);
    }
  }
  .checked\:border {
    &:checked {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .checked\:border-primary {
    &:checked {
      border-color: var(--color-primary);
    }
  }
  .checked\:bg-primary {
    &:checked {
      background-color: var(--color-primary);
    }
  }
  .hover\:top-5 {
    &:hover {
      @media (hover: hover) {
        top: calc(var(--spacing) * 5);
      }
    }
  }
  .hover\:border-primary-2 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-primary-2);
      }
    }
  }
  .hover\:border-red-2\! {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-red-2) !important;
      }
    }
  }
  .hover\:bg-\[\#232323\] {
    &:hover {
      @media (hover: hover) {
        background-color: #232323;
      }
    }
  }
  .hover\:bg-grey-8 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-grey-8);
      }
    }
  }
  .hover\:bg-primary-2 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary-2);
      }
    }
  }
  .hover\:bg-red-2\! {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-2) !important;
      }
    }
  }
  .hover\:text-\[\#f0f0f0\] {
    &:hover {
      @media (hover: hover) {
        color: #f0f0f0;
      }
    }
  }
  .hover\:text-primary {
    &:hover {
      @media (hover: hover) {
        color: var(--color-primary);
      }
    }
  }
  .hover\:text-primary-2 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-primary-2);
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .focus\:\[outline\:1px_solid_var\(--color-primary\)\] {
    &:focus {
      outline: 1px solid var(--color-primary);
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .disabled\:cursor-not-allowed {
    &:disabled {
      cursor: not-allowed;
    }
  }
  .disabled\:appearance-none {
    &:disabled {
      appearance: none;
    }
  }
  .disabled\:border {
    &:disabled {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .disabled\:border-grey-4 {
    &:disabled {
      border-color: var(--color-grey-4);
    }
  }
  .disabled\:bg-grey-8 {
    &:disabled {
      background-color: var(--color-grey-8);
    }
  }
  .checked\:disabled\:border-grey-4 {
    &:checked {
      &:disabled {
        border-color: var(--color-grey-4);
      }
    }
  }
  .checked\:disabled\:bg-grey-4 {
    &:checked {
      &:disabled {
        background-color: var(--color-grey-4);
      }
    }
  }
  .dark\:text-white {
    &:where(.dark, .dark *) {
      color: var(--color-white);
    }
  }
  .print\:block {
    @media print {
      display: block;
    }
  }
  .print\:h-\[0\.5in\] {
    @media print {
      height: 0.5in;
    }
  }
  .print\:w-full\! {
    @media print {
      width: 100% !important;
    }
  }
  .print\:\[break-before\:always\] {
    @media print {
      break-before: always;
    }
  }
  .print\:\[page-break-before\:always\] {
    @media print {
      page-break-before: always;
    }
  }
  .mobile\:pointer-events-auto {
    @media (max-width: 1000px) {
      pointer-events: auto;
    }
  }
  .mobile\:pointer-events-none {
    @media (max-width: 1000px) {
      pointer-events: none;
    }
  }
  .mobile\:absolute {
    @media (max-width: 1000px) {
      position: absolute;
    }
  }
  .mobile\:fixed {
    @media (max-width: 1000px) {
      position: fixed;
    }
  }
  .mobile\:top-0 {
    @media (max-width: 1000px) {
      top: calc(var(--spacing) * 0);
    }
  }
  .mobile\:top-4 {
    @media (max-width: 1000px) {
      top: calc(var(--spacing) * 4);
    }
  }
  .mobile\:top-nav-mobile {
    @media (max-width: 1000px) {
      top: var(--spacing-nav-mobile);
    }
  }
  .mobile\:right-0 {
    @media (max-width: 1000px) {
      right: calc(var(--spacing) * 0);
    }
  }
  .mobile\:right-4 {
    @media (max-width: 1000px) {
      right: calc(var(--spacing) * 4);
    }
  }
  .mobile\:right-\[-3rem\] {
    @media (max-width: 1000px) {
      right: -3rem;
    }
  }
  .mobile\:left-\[-18rem\] {
    @media (max-width: 1000px) {
      left: -18rem;
    }
  }
  .mobile\:z-\[2\] {
    @media (max-width: 1000px) {
      z-index: 2;
    }
  }
  .mobile\:z-\[3\] {
    @media (max-width: 1000px) {
      z-index: 3;
    }
  }
  .mobile\:mr-48 {
    @media (max-width: 1000px) {
      margin-right: calc(var(--spacing) * 48);
    }
  }
  .mobile\:ml-16 {
    @media (max-width: 1000px) {
      margin-left: calc(var(--spacing) * 16);
    }
  }
  .mobile\:box-border {
    @media (max-width: 1000px) {
      box-sizing: border-box;
    }
  }
  .mobile\:block {
    @media (max-width: 1000px) {
      display: block;
    }
  }
  .mobile\:hidden {
    @media (max-width: 1000px) {
      display: none;
    }
  }
  .mobile\:h-\[calc\(100\%-3\.5rem-3\.75rem-4px\)\] {
    @media (max-width: 1000px) {
      height: calc(100% - 3.5rem - 3.75rem - 4px);
    }
  }
  .mobile\:h-\[calc\(100\%-theme\(spacing\.nav-mobile\)\)\] {
    @media (max-width: 1000px) {
      height: calc(100% - 3.5625rem);
    }
  }
  .mobile\:h-full {
    @media (max-width: 1000px) {
      height: 100%;
    }
  }
  .mobile\:w-\[calc\(100\%-18rem\)\] {
    @media (max-width: 1000px) {
      width: calc(100% - 18rem);
    }
  }
  .mobile\:w-full {
    @media (max-width: 1000px) {
      width: 100%;
    }
  }
  .mobile\:w-mobile-nav {
    @media (max-width: 1000px) {
      width: var(--spacing-mobile-nav);
    }
  }
  .mobile\:max-w-full {
    @media (max-width: 1000px) {
      max-width: 100%;
    }
  }
  .mobile\:min-w-0 {
    @media (max-width: 1000px) {
      min-width: calc(var(--spacing) * 0);
    }
  }
  .mobile\:resize-none {
    @media (max-width: 1000px) {
      resize: none;
    }
  }
  .mobile\:overflow-visible {
    @media (max-width: 1000px) {
      overflow: visible;
    }
  }
  .mobile\:bg-black {
    @media (max-width: 1000px) {
      background-color: var(--color-black);
    }
  }
  .mobile\:p-4 {
    @media (max-width: 1000px) {
      padding: calc(var(--spacing) * 4);
    }
  }
  .mobile\:px-4 {
    @media (max-width: 1000px) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .mobile\:opacity-0 {
    @media (max-width: 1000px) {
      opacity: 0%;
    }
  }
  .mobile\:opacity-30 {
    @media (max-width: 1000px) {
      opacity: 30%;
    }
  }
  .mobile\:transition-\[left\] {
    @media (max-width: 1000px) {
      transition-property: left;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .mobile\:duration-200 {
    @media (max-width: 1000px) {
      --tw-duration: 200ms;
      transition-duration: 200ms;
    }
  }
  .mobile\:\[transition\:width_0\.2s_ease\,opacity_0\.5s_ease\] {
    @media (max-width: 1000px) {
      transition: width 0.2s ease,opacity 0.5s ease;
    }
  }
  .desktop\:right-0 {
    @media (min-width: 1000px) {
      right: calc(var(--spacing) * 0);
    }
  }
  .desktop\:left-auto {
    @media (min-width: 1000px) {
      left: auto;
    }
  }
  .desktop\:h-\[50rem\] {
    @media (min-width: 1000px) {
      height: 50rem;
    }
  }
  .desktop\:w-\[35rem\] {
    @media (min-width: 1000px) {
      width: 35rem;
    }
  }
  .desktop\:border-l-2 {
    @media (min-width: 1000px) {
      border-left-style: var(--tw-border-style);
      border-left-width: 2px;
    }
  }
  .\[\&_\.ReactCrop\]\:m-auto {
    & .ReactCrop {
      margin: auto;
    }
  }
  .\[\&_\.ReactCrop\]\:max-h-full {
    & .ReactCrop {
      max-height: 100%;
    }
  }
  .\[\&_\.ReactCrop\]\:max-w-full {
    & .ReactCrop {
      max-width: 100%;
    }
  }
  .\[\&_\.ReactCrop\]\:\[scrollbar-width\:0px\] {
    & .ReactCrop {
      scrollbar-width: 0px;
    }
  }
  .\[\&_\.ReactCrop\]\:overflow-auto {
    & .ReactCrop {
      overflow: auto;
    }
  }
  .\[\&_\.ReactCrop\]\:\[-ms-overflow-style\:none\] {
    & .ReactCrop {
      -ms-overflow-style: none;
    }
  }
  .\[\&_\.ReactCrop_\.ReactCrop__child-wrapper\]\:h-full\! {
    & .ReactCrop .ReactCrop  child-wrapper {
      height: 100% !important;
    }
  }
  .\[\&_\.ReactCrop_\.ReactCrop__child-wrapper\]\:w-full\! {
    & .ReactCrop .ReactCrop  child-wrapper {
      width: 100% !important;
    }
  }
  .\[\&_\.ReactCrop_\.ReactCrop__child-wrapper_img\]\:max-h-full\! {
    & .ReactCrop .ReactCrop  child-wrapper img {
      max-height: 100% !important;
    }
  }
  .\[\&_\.ReactCrop_\.ReactCrop__child-wrapper_img\]\:max-w-full\! {
    & .ReactCrop .ReactCrop  child-wrapper img {
      max-width: 100% !important;
    }
  }
  .\[\&_\.ReactCrop_\.ReactCrop__image\]\:h-full\! {
    & .ReactCrop .ReactCrop  image {
      height: 100% !important;
    }
  }
  .\[\&_\.ReactCrop_\.ReactCrop__image\]\:w-full\! {
    & .ReactCrop .ReactCrop  image {
      width: 100% !important;
    }
  }
  .\[\&_\.ReactCrop_\.ReactCrop__image_img\]\:max-h-full\! {
    & .ReactCrop .ReactCrop  image img {
      max-height: 100% !important;
    }
  }
  .\[\&_\.ReactCrop_\.ReactCrop__image_img\]\:max-w-full\! {
    & .ReactCrop .ReactCrop  image img {
      max-width: 100% !important;
    }
  }
  .\[\&_\.ReactCrop\:\:-webkit-scrollbar\]\:h-0 {
    & .ReactCrop::-webkit-scrollbar {
      height: calc(var(--spacing) * 0);
    }
  }
  .\[\&_\.ReactCrop\:\:-webkit-scrollbar\]\:w-0 {
    & .ReactCrop::-webkit-scrollbar {
      width: calc(var(--spacing) * 0);
    }
  }
  .\[\&_\.active-inactive-all-filter\]\:hidden\! {
    & .active-inactive-all-filter {
      display: none !important;
    }
  }
  .\[\&_\.additional-config\]\:mb-8 {
    & .additional-config {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  .\[\&_\.agree-tos\]\:mb-4 {
    & .agree-tos {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.app-pages-nav\]\:mb-4 {
    & .app-pages-nav {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.app-pages-nav\]\:flex-1 {
    & .app-pages-nav {
      flex: 1;
    }
  }
  .\[\&_\.app-pages-nav\]\:overflow-auto {
    & .app-pages-nav {
      overflow: auto;
    }
  }
  .\[\&_\.app-pages-nav_\.nav-group-label\]\:px-3 {
    & .app-pages-nav .nav-group-label {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .\[\&_\.app-pages-nav_\.nav-group-label\]\:pt-5 {
    & .app-pages-nav .nav-group-label {
      padding-top: calc(var(--spacing) * 5);
    }
  }
  .\[\&_\.app-pages-nav_\.nav-group-label\]\:pb-\[0\.4rem\] {
    & .app-pages-nav .nav-group-label {
      padding-bottom: 0.4rem;
    }
  }
  .\[\&_\.app-pages-nav_\.nav-group-label\]\:text-\[0\.7rem\] {
    & .app-pages-nav .nav-group-label {
      font-size: 0.7rem;
    }
  }
  .\[\&_\.app-pages-nav_\.nav-group-label\]\:font-semibold {
    & .app-pages-nav .nav-group-label {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .\[\&_\.app-pages-nav_\.nav-group-label\]\:tracking-\[0\.09em\] {
    & .app-pages-nav .nav-group-label {
      --tw-tracking: 0.09em;
      letter-spacing: 0.09em;
    }
  }
  .\[\&_\.app-pages-nav_\.nav-group-label\]\:text-grey-4 {
    & .app-pages-nav .nav-group-label {
      color: var(--color-grey-4);
    }
  }
  .\[\&_\.app-pages-nav_\.nav-group-label\]\:uppercase {
    & .app-pages-nav .nav-group-label {
      text-transform: uppercase;
    }
  }
  .\[\&_\.app-pages-nav_\.nav-group-label\:first-child\]\:pt-\[0\.4rem\] {
    & .app-pages-nav .nav-group-label:first-child {
      padding-top: 0.4rem;
    }
  }
  .\[\&_\.app-selector\]\:absolute {
    & .app-selector {
      position: absolute;
    }
  }
  .\[\&_\.app-selector\]\:bottom-3 {
    & .app-selector {
      bottom: calc(var(--spacing) * 3);
    }
  }
  .\[\&_\.app-selector\]\:left-\[3\.7rem\] {
    & .app-selector {
      left: 3.7rem;
    }
  }
  .\[\&_\.app-selector\]\:whitespace-nowrap {
    & .app-selector {
      white-space: nowrap;
    }
  }
  .\[\&_\.avatar\]\:mr-2 {
    & .avatar {
      margin-right: calc(var(--spacing) * 2);
    }
  }
  .\[\&_\.avatar\]\:flex {
    & .avatar {
      display: flex;
    }
  }
  .\[\&_\.avatar\]\:flex-\[2\.5\] {
    & .avatar {
      flex: 2.5;
    }
  }
  .\[\&_\.avatar\]\:flex-col {
    & .avatar {
      flex-direction: column;
    }
  }
  .\[\&_\.avatar\]\:justify-around {
    & .avatar {
      justify-content: space-around;
    }
  }
  .\[\&_\.badge\]\:absolute {
    & .badge {
      position: absolute;
    }
  }
  .\[\&_\.badge\]\:top-0 {
    & .badge {
      top: calc(var(--spacing) * 0);
    }
  }
  .\[\&_\.badge\]\:top-1 {
    & .badge {
      top: calc(var(--spacing) * 1);
    }
  }
  .\[\&_\.badge\]\:right-0 {
    & .badge {
      right: calc(var(--spacing) * 0);
    }
  }
  .\[\&_\.badge\]\:left-1 {
    & .badge {
      left: calc(var(--spacing) * 1);
    }
  }
  .\[\&_\.badge\]\:flex {
    & .badge {
      display: flex;
    }
  }
  .\[\&_\.badge\]\:h-4 {
    & .badge {
      height: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.badge\]\:h-6 {
    & .badge {
      height: calc(var(--spacing) * 6);
    }
  }
  .\[\&_\.badge\]\:w-6 {
    & .badge {
      width: calc(var(--spacing) * 6);
    }
  }
  .\[\&_\.badge\]\:flex-col {
    & .badge {
      flex-direction: column;
    }
  }
  .\[\&_\.badge\]\:items-center {
    & .badge {
      align-items: center;
    }
  }
  .\[\&_\.badge\]\:justify-around {
    & .badge {
      justify-content: space-around;
    }
  }
  .\[\&_\.badge\]\:justify-center {
    & .badge {
      justify-content: center;
    }
  }
  .\[\&_\.badge\]\:rounded-\[0\.5rem\] {
    & .badge {
      border-radius: 0.5rem;
    }
  }
  .\[\&_\.badge\]\:rounded-xl {
    & .badge {
      border-radius: var(--radius-xl);
    }
  }
  .\[\&_\.badge\]\:bg-primary {
    & .badge {
      background-color: var(--color-primary);
    }
  }
  .\[\&_\.badge\]\:px-\[0\.3rem\] {
    & .badge {
      padding-inline: 0.3rem;
    }
  }
  .\[\&_\.badge\]\:text-center {
    & .badge {
      text-align: center;
    }
  }
  .\[\&_\.badge\]\:text-xs {
    & .badge {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .\[\&_\.badge\]\:text-\[0\.8rem\] {
    & .badge {
      font-size: 0.8rem;
    }
  }
  .\[\&_\.badge\]\:text-white {
    & .badge {
      color: var(--color-white);
    }
  }
  .\[\&_\.body\]\:text-\[0\.85rem\] {
    & .body {
      font-size: 0.85rem;
    }
  }
  .\[\&_\.body\]\:text-black {
    & .body {
      color: var(--color-black);
    }
  }
  .\[\&_\.btn\]\:mr-4 {
    & .btn {
      margin-right: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.buttons\]\:absolute {
    & .buttons {
      position: absolute;
    }
  }
  .\[\&_\.buttons\]\:top-4 {
    & .buttons {
      top: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.buttons\]\:right-4 {
    & .buttons {
      right: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.buttons\]\:z-\[-1\] {
    & .buttons {
      z-index: -1;
    }
  }
  .\[\&_\.buttons\]\:flex {
    & .buttons {
      display: flex;
    }
  }
  .\[\&_\.buttons\]\:h-8 {
    & .buttons {
      height: calc(var(--spacing) * 8);
    }
  }
  .\[\&_\.buttons\]\:flex-col {
    & .buttons {
      flex-direction: column;
    }
  }
  .\[\&_\.buttons\]\:justify-end {
    & .buttons {
      justify-content: flex-end;
    }
  }
  .\[\&_\.buttons\]\:gap-3 {
    & .buttons {
      gap: calc(var(--spacing) * 3);
    }
  }
  .\[\&_\.buttons\]\:bg-transparent {
    & .buttons {
      background-color: transparent;
    }
  }
  .\[\&_\.buttons_button\]\:ml-4 {
    & .buttons button {
      margin-left: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.catalog-stats\]\:border-t {
    & .catalog-stats {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
  }
  .\[\&_\.catalog-stats\]\:border-t-grey-6 {
    & .catalog-stats {
      border-top-color: var(--color-grey-6);
    }
  }
  .\[\&_\.catalog-stats\]\:px-4 {
    & .catalog-stats {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.catalog-stats\]\:py-2 {
    & .catalog-stats {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .\[\&_\.catalog-stats\]\:text-\[0\.85rem\] {
    & .catalog-stats {
      font-size: 0.85rem;
    }
  }
  .\[\&_\.catalog-stats\]\:text-grey-4 {
    & .catalog-stats {
      color: var(--color-grey-4);
    }
  }
  .\[\&_\.catalog-table_\.row-select_\.icon\.checkmark\]\:top-0 {
    & .catalog-table .row-select .icon.checkmark {
      top: calc(var(--spacing) * 0);
    }
  }
  .\[\&_\.catalog-tools\]\:mb-4 {
    & .catalog-tools {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.catalog-tools\]\:flex {
    & .catalog-tools {
      display: flex;
    }
  }
  .\[\&_\.catalog-tools\]\:items-center {
    & .catalog-tools {
      align-items: center;
    }
  }
  .\[\&_\.catalog-tools\]\:gap-4 {
    & .catalog-tools {
      gap: calc(var(--spacing) * 4);
    }
  }
  .mobile\:\[\&_\.catalog-tools\]\:w-full {
    @media (max-width: 1000px) {
      & .catalog-tools {
        width: 100%;
      }
    }
  }
  .\[\&_\.catalog-tools_\.custom-tools\]\:ml-auto {
    & .catalog-tools .custom-tools {
      margin-left: auto;
    }
  }
  .mobile\:\[\&_\.catalog-tools_\.custom-tools\]\:absolute {
    @media (max-width: 1000px) {
      & .catalog-tools .custom-tools {
        position: absolute;
      }
    }
  }
  .mobile\:\[\&_\.catalog-tools_\.custom-tools\]\:top-0 {
    @media (max-width: 1000px) {
      & .catalog-tools .custom-tools {
        top: calc(var(--spacing) * 0);
      }
    }
  }
  .mobile\:\[\&_\.catalog-tools_\.custom-tools\]\:left-0 {
    @media (max-width: 1000px) {
      & .catalog-tools .custom-tools {
        left: calc(var(--spacing) * 0);
      }
    }
  }
  .mobile\:\[\&_\.catalog-tools_\.custom-tools\]\:m-auto {
    @media (max-width: 1000px) {
      & .catalog-tools .custom-tools {
        margin: auto;
      }
    }
  }
  .mobile\:\[\&_\.catalog-tools_\.custom-tools\]\:mr-auto {
    @media (max-width: 1000px) {
      & .catalog-tools .custom-tools {
        margin-right: auto;
      }
    }
  }
  .mobile\:\[\&_\.catalog-tools_\.custom-tools\]\:hidden {
    @media (max-width: 1000px) {
      & .catalog-tools .custom-tools {
        display: none;
      }
    }
  }
  .mobile\:\[\&_\.catalog-tools_\.custom-tools\]\:w-\[calc\(100\%-4rem\)\] {
    @media (max-width: 1000px) {
      & .catalog-tools .custom-tools {
        width: calc(100% - 4rem);
      }
    }
  }
  .mobile\:\[\&_\.catalog-tools_\.custom-tools\]\:rounded-input {
    @media (max-width: 1000px) {
      & .catalog-tools .custom-tools {
        border-radius: var(--radius-input);
      }
    }
  }
  .mobile\:\[\&_\.catalog-tools_\.custom-tools\]\:border-2 {
    @media (max-width: 1000px) {
      & .catalog-tools .custom-tools {
        border-style: var(--tw-border-style);
        border-width: 2px;
      }
    }
  }
  .mobile\:\[\&_\.catalog-tools_\.custom-tools\]\:border-primary {
    @media (max-width: 1000px) {
      & .catalog-tools .custom-tools {
        border-color: var(--color-primary);
      }
    }
  }
  .mobile\:\[\&_\.catalog-tools_\.custom-tools\]\:bg-white {
    @media (max-width: 1000px) {
      & .catalog-tools .custom-tools {
        background-color: var(--color-white);
      }
    }
  }
  .mobile\:\[\&_\.catalog-tools_\.custom-tools\]\:p-4 {
    @media (max-width: 1000px) {
      & .catalog-tools .custom-tools {
        padding: calc(var(--spacing) * 4);
      }
    }
  }
  .mobile\:\[\&_\.catalog-tools_\.custom-tools_\.filters\]\:gap-2 {
    @media (max-width: 1000px) {
      & .catalog-tools .custom-tools .filters {
        gap: calc(var(--spacing) * 2);
      }
    }
  }
  .\[\&_\.catalog-tools_\.custom-tools-mobile-opener\]\:hidden {
    & .catalog-tools .custom-tools-mobile-opener {
      display: none;
    }
  }
  .mobile\:\[\&_\.catalog-tools_\.custom-tools-mobile-opener\]\:ml-auto {
    @media (max-width: 1000px) {
      & .catalog-tools .custom-tools-mobile-opener {
        margin-left: auto;
      }
    }
  }
  .mobile\:\[\&_\.catalog-tools_\.custom-tools-mobile-opener\]\:flex {
    @media (max-width: 1000px) {
      & .catalog-tools .custom-tools-mobile-opener {
        display: flex;
      }
    }
  }
  .mobile\:\[\&_\.catalog-tools_\.custom-tools-mobile-opener\]\:flex-col {
    @media (max-width: 1000px) {
      & .catalog-tools .custom-tools-mobile-opener {
        flex-direction: column;
      }
    }
  }
  .mobile\:\[\&_\.catalog-tools_\.custom-tools-mobile-opener\]\:justify-around {
    @media (max-width: 1000px) {
      & .catalog-tools .custom-tools-mobile-opener {
        justify-content: space-around;
      }
    }
  }
  .mobile\:\[\&_\.catalog-tools_\.custom-tools-mobile-opener_\.icon\]\:flex {
    @media (max-width: 1000px) {
      & .catalog-tools .custom-tools-mobile-opener .icon {
        display: flex;
      }
    }
  }
  .mobile\:\[\&_\.catalog-tools_\.custom-tools-mobile-opener_\.icon\]\:flex-col {
    @media (max-width: 1000px) {
      & .catalog-tools .custom-tools-mobile-opener .icon {
        flex-direction: column;
      }
    }
  }
  .mobile\:\[\&_\.catalog-tools_\.custom-tools-mobile-opener_\.icon\]\:justify-around {
    @media (max-width: 1000px) {
      & .catalog-tools .custom-tools-mobile-opener .icon {
        justify-content: space-around;
      }
    }
  }
  .mobile\:\[\&_\.catalog-tools_\.custom-tools-mobile-opener_\.icon_svg\]\:w-8 {
    @media (max-width: 1000px) {
      & .catalog-tools .custom-tools-mobile-opener .icon svg {
        width: calc(var(--spacing) * 8);
      }
    }
  }
  .mobile\:\[\&_\.catalog-tools_\.custom-tools-mobile-opener_\.icon_svg_\*\]\:\[stroke\:\#c7ccce\] {
    @media (max-width: 1000px) {
      & .catalog-tools .custom-tools-mobile-opener .icon svg * {
        stroke: #c7ccce;
      }
    }
  }
  .mobile\:\[\&_\.catalog-tools_\.custom-tools-mobile-opener_\.icon_svg_\*\]\:\[stroke-width\:1\] {
    @media (max-width: 1000px) {
      & .catalog-tools .custom-tools-mobile-opener .icon svg * {
        stroke-width: 1;
      }
    }
  }
  .mobile\:\[\&_\.catalog-tools_\.custom-tools-mobile-opener\.open_svg_\*\]\:\[stroke\:\#3d5e20\] {
    @media (max-width: 1000px) {
      & .catalog-tools .custom-tools-mobile-opener.open svg * {
        stroke: #3d5e20;
      }
    }
  }
  .mobile\:\[\&_\.catalog-tools_\.custom-tools-mobile-opener\.open_svg_\*\]\:\[stroke-width\:2\] {
    @media (max-width: 1000px) {
      & .catalog-tools .custom-tools-mobile-opener.open svg * {
        stroke-width: 2;
      }
    }
  }
  .mobile\:\[\&_\.catalog-tools_\.custom-tools\.open\]\:z-3 {
    @media (max-width: 1000px) {
      & .catalog-tools .custom-tools.open {
        z-index: 3;
      }
    }
  }
  .mobile\:\[\&_\.catalog-tools_\.custom-tools\.open\]\:block {
    @media (max-width: 1000px) {
      & .catalog-tools .custom-tools.open {
        display: block;
      }
    }
  }
  .\[\&_\.catalog-tools_\.filter\]\:w-auto {
    & .catalog-tools .filter {
      width: auto;
    }
  }
  .\[\&_\.catalog-tools_\.filters\]\:ml-auto {
    & .catalog-tools .filters {
      margin-left: auto;
    }
  }
  .\[\&_\.catalog-tools_\.filters\]\:flex {
    & .catalog-tools .filters {
      display: flex;
    }
  }
  .\[\&_\.catalog-tools_\.filters\]\:gap-4 {
    & .catalog-tools .filters {
      gap: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.catalog-tools_\.filters_\.filters-label\]\:flex {
    & .catalog-tools .filters .filters-label {
      display: flex;
    }
  }
  .\[\&_\.catalog-tools_\.filters_\.filters-label\]\:flex-col {
    & .catalog-tools .filters .filters-label {
      flex-direction: column;
    }
  }
  .\[\&_\.catalog-tools_\.filters_\.filters-label\]\:justify-around {
    & .catalog-tools .filters .filters-label {
      justify-content: space-around;
    }
  }
  .\[\&_\.catalog-tools_\.search\]\:mt-\[1px\] {
    & .catalog-tools .search {
      margin-top: 1px;
    }
  }
  .mobile\:\[\&_\.catalog-tools_\.search_input\]\:max-w-60 {
    @media (max-width: 1000px) {
      & .catalog-tools .search input {
        max-width: calc(var(--spacing) * 60);
      }
    }
  }
  .\[\&_\.center\]\:mr-auto {
    & .center {
      margin-right: auto;
    }
  }
  .\[\&_\.center\]\:ml-auto {
    & .center {
      margin-left: auto;
    }
  }
  .\[\&_\.center\]\:flex {
    & .center {
      display: flex;
    }
  }
  .\[\&_\.center\]\:flex-1 {
    & .center {
      flex: 1;
    }
  }
  .\[\&_\.center\]\:flex-col {
    & .center {
      flex-direction: column;
    }
  }
  .\[\&_\.center\]\:justify-around {
    & .center {
      justify-content: space-around;
    }
  }
  .\[\&_\.center\]\:text-center {
    & .center {
      text-align: center;
    }
  }
  .\[\&_\.checkmark\]\:relative {
    & .checkmark {
      position: relative;
    }
  }
  .\[\&_\.checkmark_svg\]\:relative {
    & .checkmark svg {
      position: relative;
    }
  }
  .\[\&_\.checkmark_svg\]\:top-\[0\.8rem\] {
    & .checkmark svg {
      top: 0.8rem;
    }
  }
  .\[\&_\.checkmark_svg\]\:top-\[0\.15rem\] {
    & .checkmark svg {
      top: 0.15rem;
    }
  }
  .\[\&_\.checkmark_svg\]\:left-\[0\.05rem\] {
    & .checkmark svg {
      left: 0.05rem;
    }
  }
  .\[\&_\.checkmark_svg\]\:left-\[0\.55rem\] {
    & .checkmark svg {
      left: 0.55rem;
    }
  }
  .\[\&_\.clear\]\:absolute {
    & .clear {
      position: absolute;
    }
  }
  .\[\&_\.clear\]\:top-0 {
    & .clear {
      top: calc(var(--spacing) * 0);
    }
  }
  .\[\&_\.clear\]\:right-4 {
    & .clear {
      right: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.clear\]\:hidden {
    & .clear {
      display: none;
    }
  }
  .\[\&_\.clear\]\:inline-flex {
    & .clear {
      display: inline-flex;
    }
  }
  .\[\&_\.clear\]\:h-full {
    & .clear {
      height: 100%;
    }
  }
  .\[\&_\.clear\]\:w-4 {
    & .clear {
      width: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.clear\]\:cursor-pointer {
    & .clear {
      cursor: pointer;
    }
  }
  .\[\&_\.credentials\]\:mt-12 {
    & .credentials {
      margin-top: calc(var(--spacing) * 12);
    }
  }
  .\[\&_\.credentials-modal_\.modal-body\]\:pt-8\! {
    & .credentials-modal .modal-body {
      padding-top: calc(var(--spacing) * 8) !important;
    }
  }
  .\[\&_\.critical_\.meta\]\:font-bold {
    & .critical .meta {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .\[\&_\.critical_\.meta\]\:text-\[\#A0A\] {
    & .critical .meta {
      color: #A0A;
    }
  }
  .\[\&_\.crumb-container\]\:flex {
    & .crumb-container {
      display: flex;
    }
  }
  .\[\&_\.crumb-container\]\:justify-center {
    & .crumb-container {
      justify-content: center;
    }
  }
  .\[\&_\.crumb-container_a\]\:mx-4 {
    & .crumb-container a {
      margin-inline: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.crumb-container_a\]\:text-grey-4 {
    & .crumb-container a {
      color: var(--color-grey-4);
    }
  }
  .\[\&_\.crumb-container_a\.current\]\:text-grey-2 {
    & .crumb-container a.current {
      color: var(--color-grey-2);
    }
  }
  .\[\&_\.date\]\:mr-4 {
    & .date {
      margin-right: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.date\]\:flex-1 {
    & .date {
      flex: 1;
    }
  }
  .\[\&_\.date\]\:text-xs {
    & .date {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .\[\&_\.date\]\:text-grey-5 {
    & .date {
      color: var(--color-grey-5);
    }
  }
  .\[\&_\.date_input\]\:max-w-32 {
    & .date input {
      max-width: calc(var(--spacing) * 32);
    }
  }
  .\[\&_\.date_input\]\:border-none {
    & .date input {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .\[\&_\.error_\.meta\]\:text-\[\#A00\] {
    & .error .meta {
      color: #A00;
    }
  }
  .\[\&_\.expand\]\:mr-4 {
    & .expand {
      margin-right: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.expand\]\:ml-auto {
    & .expand {
      margin-left: auto;
    }
  }
  .\[\&_\.expand\]\:cursor-pointer {
    & .expand {
      cursor: pointer;
    }
  }
  .\[\&_\.expand\]\:text-xs {
    & .expand {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .\[\&_\.expand\]\:text-\[\#99A\] {
    & .expand {
      color: #99A;
    }
  }
  .\[\&_\.expand\]\:text-grey-3 {
    & .expand {
      color: var(--color-grey-3);
    }
  }
  .\[\&_\.expand\:hover\]\:text-primary {
    & .expand:hover {
      color: var(--color-primary);
    }
  }
  .\[\&_\.field-error\]\:mt-1 {
    & .field-error {
      margin-top: calc(var(--spacing) * 1);
    }
  }
  .\[\&_\.field-error\]\:text-\[red\] {
    & .field-error {
      color: red;
    }
  }
  .\[\&_\.field-group\]\:mb-4 {
    & .field-group {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.field-group\]\:mb-8 {
    & .field-group {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  .\[\&_\.field-group\]\:flex {
    & .field-group {
      display: flex;
    }
  }
  .\[\&_\.field-group\]\:gap-4 {
    & .field-group {
      gap: calc(var(--spacing) * 4);
    }
  }
  .mobile\:\[\&_\.field-group\]\:mb-0 {
    @media (max-width: 1000px) {
      & .field-group {
        margin-bottom: calc(var(--spacing) * 0);
      }
    }
  }
  .mobile\:\[\&_\.field-group\]\:flex-col {
    @media (max-width: 1000px) {
      & .field-group {
        flex-direction: column;
      }
    }
  }
  .mobile\:\[\&_\.field-group_\.field\]\:mb-6 {
    @media (max-width: 1000px) {
      & .field-group .field {
        margin-bottom: calc(var(--spacing) * 6);
      }
    }
  }
  .\[\&_\.field-group_\.field\:not\(\.checkbox\)\]\:flex {
    & .field-group .field:not(.checkbox) {
      display: flex;
    }
  }
  .\[\&_\.field-group_\.field\:not\(\.checkbox\)\]\:w-full {
    & .field-group .field:not(.checkbox) {
      width: 100%;
    }
  }
  .\[\&_\.field-group_\.field\:not\(\.checkbox\)\]\:flex-col {
    & .field-group .field:not(.checkbox) {
      flex-direction: column;
    }
  }
  .\[\&_\.field-group_\.field\:not\(\.checkbox\)_\.error\]\:mt-1 {
    & .field-group .field:not(.checkbox) .error {
      margin-top: calc(var(--spacing) * 1);
    }
  }
  .\[\&_\.field-group_\.field\:not\(\.checkbox\)_\.error\]\:text-red-2 {
    & .field-group .field:not(.checkbox) .error {
      color: var(--color-red-2);
    }
  }
  .\[\&_\.field-group_\.field\:not\(\.checkbox\)_\.input_input\]\:w-full {
    & .field-group .field:not(.checkbox) .input input {
      width: 100%;
    }
  }
  .\[\&_\.field-group_\.field\:not\(\.checkbox\)_label\]\:text-base {
    & .field-group .field:not(.checkbox) label {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .\[\&_\.field-group_\.field\:not\(\.checkbox\)_label\]\:text-black {
    & .field-group .field:not(.checkbox) label {
      color: var(--color-black);
    }
  }
  .\[\&_\.field-group_\.field\:not\(\.checkbox\)_label_\.icon\]\:relative {
    & .field-group .field:not(.checkbox) label .icon {
      position: relative;
    }
  }
  .\[\&_\.field-group_\.field\:not\(\.checkbox\)_label_\.icon\]\:top-1 {
    & .field-group .field:not(.checkbox) label .icon {
      top: calc(var(--spacing) * 1);
    }
  }
  .\[\&_\.field-group_\.field\:not\(\.checkbox\)_label_\.icon\]\:left-1 {
    & .field-group .field:not(.checkbox) label .icon {
      left: calc(var(--spacing) * 1);
    }
  }
  .\[\&_\.field-group_\.field\:not\(\.checkbox\)_label_\.icon\]\:cursor-pointer {
    & .field-group .field:not(.checkbox) label .icon {
      cursor: pointer;
    }
  }
  .\[\&_\.field-group_\.field\:not\(\.checkbox\)\:last-child\]\:mr-0 {
    & .field-group .field:not(.checkbox):last-child {
      margin-right: calc(var(--spacing) * 0);
    }
  }
  .\[\&_\.field-group_\.wrapper_\.file-widget-thumb\]\:ml-0 {
    & .field-group .wrapper .file-widget-thumb {
      margin-left: calc(var(--spacing) * 0);
    }
  }
  .\[\&_\.field-tip\]\:relative {
    & .field-tip {
      position: relative;
    }
  }
  .\[\&_\.field-tip\]\:-top-\[0\.15rem\] {
    & .field-tip {
      top: calc(0.15rem * -1);
    }
  }
  .\[\&_\.field-tip\]\:left-0 {
    & .field-tip {
      left: calc(var(--spacing) * 0);
    }
  }
  .\[\&_\.field-tip\]\:ml-1 {
    & .field-tip {
      margin-left: calc(var(--spacing) * 1);
    }
  }
  .\[\&_\.field-tip_svg\]\:h-5 {
    & .field-tip svg {
      height: calc(var(--spacing) * 5);
    }
  }
  .\[\&_\.field-tip_svg\]\:w-5 {
    & .field-tip svg {
      width: calc(var(--spacing) * 5);
    }
  }
  .\[\&_\.field-tip_svg_\*\]\:fill-black {
    & .field-tip svg * {
      fill: var(--color-black);
    }
  }
  .\[\&_\.files-input_\.target\]\:p-0 {
    & .files-input .target {
      padding: calc(var(--spacing) * 0);
    }
  }
  .\[\&_\.files-input_tbody\]\:flex {
    & .files-input tbody {
      display: flex;
    }
  }
  .\[\&_\.files-input_tbody\]\:gap-4 {
    & .files-input tbody {
      gap: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.forgot-password\]\:absolute {
    & .forgot-password {
      position: absolute;
    }
  }
  .\[\&_\.forgot-password\]\:right-0 {
    & .forgot-password {
      right: calc(var(--spacing) * 0);
    }
  }
  .\[\&_\.forgot-password\]\:mb-4 {
    & .forgot-password {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.forgot-password\]\:text-primary {
    & .forgot-password {
      color: var(--color-primary);
    }
  }
  .\[\&_\.global-pages-nav\]\:mt-auto {
    & .global-pages-nav {
      margin-top: auto;
    }
  }
  .\[\&_\.global-pages-nav_hr\]\:border-t {
    & .global-pages-nav hr {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
  }
  .\[\&_\.global-pages-nav_hr\]\:border-none {
    & .global-pages-nav hr {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .\[\&_\.global-pages-nav_hr\]\:border-black {
    & .global-pages-nav hr {
      border-color: var(--color-black);
    }
  }
  .\[\&_\.hide\]\:hidden {
    & .hide {
      display: none;
    }
  }
  .\[\&_\.hint\]\:mt-1 {
    & .hint {
      margin-top: calc(var(--spacing) * 1);
    }
  }
  .\[\&_\.hint\]\:text-xs {
    & .hint {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .\[\&_\.hint\]\:text-\[\#888\] {
    & .hint {
      color: #888;
    }
  }
  .\[\&_\.icon\]\:absolute {
    & .icon {
      position: absolute;
    }
  }
  .\[\&_\.icon\]\:relative {
    & .icon {
      position: relative;
    }
  }
  .\[\&_\.icon\]\:top-0 {
    & .icon {
      top: calc(var(--spacing) * 0);
    }
  }
  .\[\&_\.icon\]\:top-\[0\.2rem\] {
    & .icon {
      top: 0.2rem;
    }
  }
  .\[\&_\.icon\]\:top-\[1px\] {
    & .icon {
      top: 1px;
    }
  }
  .\[\&_\.icon\]\:right-5 {
    & .icon {
      right: calc(var(--spacing) * 5);
    }
  }
  .\[\&_\.icon\]\:m-auto {
    & .icon {
      margin: auto;
    }
  }
  .\[\&_\.icon\]\:my-auto {
    & .icon {
      margin-block: auto;
    }
  }
  .\[\&_\.icon\]\:mr-2 {
    & .icon {
      margin-right: calc(var(--spacing) * 2);
    }
  }
  .\[\&_\.icon\]\:ml-2 {
    & .icon {
      margin-left: calc(var(--spacing) * 2);
    }
  }
  .\[\&_\.icon\]\:ml-4 {
    & .icon {
      margin-left: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.icon\]\:inline-flex {
    & .icon {
      display: inline-flex;
    }
  }
  .\[\&_\.icon\]\:h-6 {
    & .icon {
      height: calc(var(--spacing) * 6);
    }
  }
  .\[\&_\.icon\]\:h-full {
    & .icon {
      height: 100%;
    }
  }
  .\[\&_\.icon\]\:w-4 {
    & .icon {
      width: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.icon\]\:cursor-pointer {
    & .icon {
      cursor: pointer;
    }
  }
  .\[\&_\.icon\]\:flex-row {
    & .icon {
      flex-direction: row;
    }
  }
  .\[\&_\.icon\]\:transition-transform {
    & .icon {
      transition-property: transform, translate, scale, rotate;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .\[\&_\.icon\]\:duration-500 {
    & .icon {
      --tw-duration: 500ms;
      transition-duration: 500ms;
    }
  }
  .\[\&_\.icon_svg\]\:w-4 {
    & .icon svg {
      width: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.icon_svg\]\:w-6 {
    & .icon svg {
      width: calc(var(--spacing) * 6);
    }
  }
  .\[\&_\.icon_svg\]\:fill-grey-4 {
    & .icon svg {
      fill: var(--color-grey-4);
    }
  }
  .\[\&_\.icon_svg\]\:fill-white {
    & .icon svg {
      fill: var(--color-white);
    }
  }
  .\[\&_\.icon_svg_\*\]\:stroke-grey-4 {
    & .icon svg * {
      stroke: var(--color-grey-4);
    }
  }
  .\[\&_\.icon_svg_\*\]\:\[stroke-width\:2px\] {
    & .icon svg * {
      stroke-width: 2px;
    }
  }
  .\[\&_\.icon-start\]\:absolute {
    & .icon-start {
      position: absolute;
    }
  }
  .\[\&_\.icon-start\]\:top-4 {
    & .icon-start {
      top: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.icon-start\]\:left-4 {
    & .icon-start {
      left: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.icon\.collapsed\]\:scale-x-\[-1\] {
    & .icon.collapsed {
      --tw-scale-x: -1;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .\[\&_\.icon\.collapsed\]\:scale-y-\[-1\] {
    & .icon.collapsed {
      --tw-scale-y: -1;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .\[\&_\.icon\.hide\]\:hidden {
    & .icon.hide {
      display: none;
    }
  }
  .\[\&_\.icon\.toggle-visibility\]\:right-12 {
    & .icon.toggle-visibility {
      right: calc(var(--spacing) * 12);
    }
  }
  .\[\&_\.icon\.toggle-visibility\]\:w-4 {
    & .icon.toggle-visibility {
      width: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.icon\:hover_svg_\*\]\:stroke-primary {
    & .icon:hover svg * {
      stroke: var(--color-primary);
    }
  }
  .\[\&_\.impersonate\]\:ml-auto {
    & .impersonate {
      margin-left: auto;
    }
  }
  .\[\&_\.info_\.meta\]\:text-\[\#000\] {
    & .info .meta {
      color: #000;
    }
  }
  .\[\&_\.inner-wrapper\]\:box-border {
    & .inner-wrapper {
      box-sizing: border-box;
    }
  }
  .\[\&_\.inner-wrapper\]\:flex {
    & .inner-wrapper {
      display: flex;
    }
  }
  .\[\&_\.inner-wrapper\]\:w-\[30rem\] {
    & .inner-wrapper {
      width: 30rem;
    }
  }
  .\[\&_\.inner-wrapper\]\:max-w-full {
    & .inner-wrapper {
      max-width: 100%;
    }
  }
  .\[\&_\.inner-wrapper\]\:flex-col {
    & .inner-wrapper {
      flex-direction: column;
    }
  }
  .\[\&_\.inner-wrapper\]\:justify-around {
    & .inner-wrapper {
      justify-content: space-around;
    }
  }
  .\[\&_\.inner-wrapper\]\:px-4 {
    & .inner-wrapper {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .mobile\:\[\&_\.inner-wrapper_\.input\]\:mr-0 {
    @media (max-width: 1000px) {
      & .inner-wrapper .input {
        margin-right: calc(var(--spacing) * 0);
      }
    }
  }
  .mobile\:\[\&_\.inner-wrapper_\.input\]\:mb-2 {
    @media (max-width: 1000px) {
      & .inner-wrapper .input {
        margin-bottom: calc(var(--spacing) * 2);
      }
    }
  }
  .mobile\:\[\&_\.inner-wrapper_\.input\]\:block {
    @media (max-width: 1000px) {
      & .inner-wrapper .input {
        display: block;
      }
    }
  }
  .mobile\:\[\&_\.inner-wrapper_\.input\]\:w-full {
    @media (max-width: 1000px) {
      & .inner-wrapper .input {
        width: 100%;
      }
    }
  }
  .\[\&_\.inner-wrapper_\.logo\]\:mb-4 {
    & .inner-wrapper .logo {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.inner-wrapper_\.logo\]\:h-16 {
    & .inner-wrapper .logo {
      height: calc(var(--spacing) * 16);
    }
  }
  .\[\&_\.inner-wrapper_\.logo\]\:max-w-full {
    & .inner-wrapper .logo {
      max-width: 100%;
    }
  }
  .mobile\:\[\&_\.inner-wrapper_\.logo\]\:w-12 {
    @media (max-width: 1000px) {
      & .inner-wrapper .logo {
        width: calc(var(--spacing) * 12);
      }
    }
  }
  .mobile\:\[\&_\.inner-wrapper_\.logo\]\:p-4 {
    @media (max-width: 1000px) {
      & .inner-wrapper .logo {
        padding: calc(var(--spacing) * 4);
      }
    }
  }
  .\[\&_\.inner-wrapper_\.logo_img\]\:w-full {
    & .inner-wrapper .logo img {
      width: 100%;
    }
  }
  .\[\&_\.inner-wrapper_a\]\:font-bold {
    & .inner-wrapper a {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .\[\&_\.inner-wrapper_button\]\:m-auto {
    & .inner-wrapper button {
      margin: auto;
    }
  }
  .\[\&_\.inner-wrapper_button\]\:mt-4 {
    & .inner-wrapper button {
      margin-top: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.inner-wrapper_button\]\:w-full {
    & .inner-wrapper button {
      width: 100%;
    }
  }
  .\[\&_\.inner-wrapper_button_\.button-label\]\:w-full {
    & .inner-wrapper button .button-label {
      width: 100%;
    }
  }
  .\[\&_\.inner-wrapper_button_\.button-label\]\:text-center {
    & .inner-wrapper button .button-label {
      text-align: center;
    }
  }
  .\[\&_\.inner-wrapper_form\]\:flex {
    & .inner-wrapper form {
      display: flex;
    }
  }
  .\[\&_\.inner-wrapper_form\]\:flex-col {
    & .inner-wrapper form {
      flex-direction: column;
    }
  }
  .\[\&_\.inner-wrapper_form\]\:justify-around {
    & .inner-wrapper form {
      justify-content: space-around;
    }
  }
  .\[\&_\.inner-wrapper_form_\.form-error\]\:border-l-\[3px\] {
    & .inner-wrapper form .form-error {
      border-left-style: var(--tw-border-style);
      border-left-width: 3px;
    }
  }
  .\[\&_\.inner-wrapper_form_\.form-error\]\:border-red-2 {
    & .inner-wrapper form .form-error {
      border-color: var(--color-red-2);
    }
  }
  .\[\&_\.inner-wrapper_form_\.form-error\]\:px-2 {
    & .inner-wrapper form .form-error {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .\[\&_\.inner-wrapper_form_\.form-error\]\:text-red-2 {
    & .inner-wrapper form .form-error {
      color: var(--color-red-2);
    }
  }
  .\[\&_\.inner-wrapper_form_\.inputs\]\:mb-8 {
    & .inner-wrapper form .inputs {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  .\[\&_\.inner-wrapper_form_\.inputs\]\:flex {
    & .inner-wrapper form .inputs {
      display: flex;
    }
  }
  .\[\&_\.inner-wrapper_form_\.inputs\]\:w-full {
    & .inner-wrapper form .inputs {
      width: 100%;
    }
  }
  .\[\&_\.inner-wrapper_form_\.inputs\]\:flex-col {
    & .inner-wrapper form .inputs {
      flex-direction: column;
    }
  }
  .\[\&_\.inner-wrapper_form_\.inputs_input\]\:w-full {
    & .inner-wrapper form .inputs input {
      width: 100%;
    }
  }
  .\[\&_\.inner-wrapper_h2\]\:mb-2 {
    & .inner-wrapper h2 {
      margin-bottom: calc(var(--spacing) * 2);
    }
  }
  .\[\&_\.inner-wrapper_h2\]\:text-2xl {
    & .inner-wrapper h2 {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .\[\&_\.inner-wrapper_h2\]\:font-bold {
    & .inner-wrapper h2 {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .\[\&_\.inputs_label\]\:mt-4 {
    & .inputs label {
      margin-top: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.json-field\]\:w-full {
    & .json-field {
      width: 100%;
    }
  }
  .\[\&_\.left\]\:mr-auto {
    & .left {
      margin-right: auto;
    }
  }
  .\[\&_\.left\]\:flex {
    & .left {
      display: flex;
    }
  }
  .\[\&_\.left\]\:flex-col {
    & .left {
      flex-direction: column;
    }
  }
  .\[\&_\.left\]\:justify-around {
    & .left {
      justify-content: space-around;
    }
  }
  .\[\&_\.links\]\:relative {
    & .links {
      position: relative;
    }
  }
  .\[\&_\.loading-fullscreen\]\:opacity-40 {
    & .loading-fullscreen {
      opacity: 40%;
    }
  }
  .\[\&_\.logo\]\:absolute {
    & .logo {
      position: absolute;
    }
  }
  .\[\&_\.logo\]\:top-3 {
    & .logo {
      top: calc(var(--spacing) * 3);
    }
  }
  .\[\&_\.logo\]\:right-4 {
    & .logo {
      right: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.logo\]\:mr-auto {
    & .logo {
      margin-right: auto;
    }
  }
  .\[\&_\.logo\]\:ml-3 {
    & .logo {
      margin-left: calc(var(--spacing) * 3);
    }
  }
  .\[\&_\.logo\]\:max-w-full {
    & .logo {
      max-width: 100%;
    }
  }
  .\[\&_\.logo_img\]\:mt-8 {
    & .logo img {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  .\[\&_\.logo_img\]\:w-full {
    & .logo img {
      width: 100%;
    }
  }
  .\[\&_\.logo_img\]\:transition-\[width\] {
    & .logo img {
      transition-property: width;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .\[\&_\.logo_img\]\:duration-500 {
    & .logo img {
      --tw-duration: 500ms;
      transition-duration: 500ms;
    }
  }
  .\[\&_\.lvl1\]\:text-\[\#f0f0f0\] {
    & .lvl1 {
      color: #f0f0f0;
    }
  }
  .\[\&_\.lvl2\]\:text-\[\#b0b0b0\] {
    & .lvl2 {
      color: #b0b0b0;
    }
  }
  .\[\&_\.lvl3\]\:text-\[\#6b6b6b\] {
    & .lvl3 {
      color: #6b6b6b;
    }
  }
  .\[\&_\.magic-link\]\:absolute {
    & .magic-link {
      position: absolute;
    }
  }
  .\[\&_\.magic-link\]\:left-0 {
    & .magic-link {
      left: calc(var(--spacing) * 0);
    }
  }
  .\[\&_\.message\]\:py-4 {
    & .message {
      padding-block: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.meta\]\:text-\[0\.85rem\] {
    & .meta {
      font-size: 0.85rem;
    }
  }
  .\[\&_\.mobile-underlay\]\:hidden {
    & .mobile-underlay {
      display: none;
    }
  }
  .\[\&_\.modal-title\]\:text-2xl {
    & .modal-title {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .\[\&_\.multi-select-search_\.icon\]\:right-3 {
    & .multi-select-search .icon {
      right: calc(var(--spacing) * 3);
    }
  }
  .\[\&_\.nav-item-accordion_\.accordion-arrow\]\:mr-2 {
    & .nav-item-accordion .accordion-arrow {
      margin-right: calc(var(--spacing) * 2);
    }
  }
  .\[\&_\.nav-item-accordion_\.accordion-arrow\]\:ml-auto {
    & .nav-item-accordion .accordion-arrow {
      margin-left: auto;
    }
  }
  .\[\&_\.nav-item-accordion_\.accordion-arrow\]\:transition-transform {
    & .nav-item-accordion .accordion-arrow {
      transition-property: transform, translate, scale, rotate;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .\[\&_\.nav-item-accordion_\.accordion-arrow\]\:duration-200 {
    & .nav-item-accordion .accordion-arrow {
      --tw-duration: 200ms;
      transition-duration: 200ms;
    }
  }
  .\[\&_\.nav-item-accordion_\.accordion-arrow\.expanded\]\:rotate-180 {
    & .nav-item-accordion .accordion-arrow.expanded {
      rotate: 180deg;
    }
  }
  .\[\&_\.nav-item-accordion_\.nav-sub-items_\.nav-sub-item\]\:h-10 {
    & .nav-item-accordion .nav-sub-items .nav-sub-item {
      height: calc(var(--spacing) * 10);
    }
  }
  .\[\&_\.nav-item-accordion_\.nav-sub-items_\.nav-sub-item\]\:pl-10 {
    & .nav-item-accordion .nav-sub-items .nav-sub-item {
      padding-left: calc(var(--spacing) * 10);
    }
  }
  .\[\&_\.nav-item-accordion_\.nav-sub-items_\.nav-sub-item_\.sub-badge\]\:my-auto {
    & .nav-item-accordion .nav-sub-items .nav-sub-item .sub-badge {
      margin-block: auto;
    }
  }
  .\[\&_\.nav-item-accordion_\.nav-sub-items_\.nav-sub-item_\.sub-badge\]\:ml-auto {
    & .nav-item-accordion .nav-sub-items .nav-sub-item .sub-badge {
      margin-left: auto;
    }
  }
  .\[\&_\.nav-item-accordion_\.nav-sub-items_\.nav-sub-item_\.sub-badge\]\:inline-flex {
    & .nav-item-accordion .nav-sub-items .nav-sub-item .sub-badge {
      display: inline-flex;
    }
  }
  .\[\&_\.nav-item-accordion_\.nav-sub-items_\.nav-sub-item_\.sub-badge\]\:h-\[1\.4rem\] {
    & .nav-item-accordion .nav-sub-items .nav-sub-item .sub-badge {
      height: 1.4rem;
    }
  }
  .\[\&_\.nav-item-accordion_\.nav-sub-items_\.nav-sub-item_\.sub-badge\]\:min-w-\[1\.4rem\] {
    & .nav-item-accordion .nav-sub-items .nav-sub-item .sub-badge {
      min-width: 1.4rem;
    }
  }
  .\[\&_\.nav-item-accordion_\.nav-sub-items_\.nav-sub-item_\.sub-badge\]\:items-center {
    & .nav-item-accordion .nav-sub-items .nav-sub-item .sub-badge {
      align-items: center;
    }
  }
  .\[\&_\.nav-item-accordion_\.nav-sub-items_\.nav-sub-item_\.sub-badge\]\:justify-center {
    & .nav-item-accordion .nav-sub-items .nav-sub-item .sub-badge {
      justify-content: center;
    }
  }
  .\[\&_\.nav-item-accordion_\.nav-sub-items_\.nav-sub-item_\.sub-badge\]\:rounded-\[0\.7rem\] {
    & .nav-item-accordion .nav-sub-items .nav-sub-item .sub-badge {
      border-radius: 0.7rem;
    }
  }
  .\[\&_\.nav-item-accordion_\.nav-sub-items_\.nav-sub-item_\.sub-badge\]\:bg-secondary {
    & .nav-item-accordion .nav-sub-items .nav-sub-item .sub-badge {
      background-color: var(--color-secondary);
    }
  }
  .\[\&_\.nav-item-accordion_\.nav-sub-items_\.nav-sub-item_\.sub-badge\]\:px-\[0\.4rem\] {
    & .nav-item-accordion .nav-sub-items .nav-sub-item .sub-badge {
      padding-inline: 0.4rem;
    }
  }
  .\[\&_\.nav-item-accordion_\.nav-sub-items_\.nav-sub-item_\.sub-badge\]\:text-xs {
    & .nav-item-accordion .nav-sub-items .nav-sub-item .sub-badge {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .\[\&_\.nav-item-accordion_\.nav-sub-items_\.nav-sub-item_\.sub-badge\]\:font-bold {
    & .nav-item-accordion .nav-sub-items .nav-sub-item .sub-badge {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .\[\&_\.nav-item-accordion_\.nav-sub-items_\.nav-sub-item_\.sub-badge\]\:text-white {
    & .nav-item-accordion .nav-sub-items .nav-sub-item .sub-badge {
      color: var(--color-white);
    }
  }
  .\[\&_\.nav-item-accordion_\.nav-sub-items_\.nav-sub-item_\.text\]\:pr-3 {
    & .nav-item-accordion .nav-sub-items .nav-sub-item .text {
      padding-right: calc(var(--spacing) * 3);
    }
  }
  .\[\&_\.nav-item-accordion_\.nav-sub-items_\.nav-sub-item_\.text\]\:text-\[0\.95rem\] {
    & .nav-item-accordion .nav-sub-items .nav-sub-item .text {
      font-size: 0.95rem;
    }
  }
  .\[\&_\.nav-item-accordion_\.nav-sub-items_\.nav-sub-item_\.text\]\:font-normal {
    & .nav-item-accordion .nav-sub-items .nav-sub-item .text {
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
  }
  .\[\&_\.nav-item-accordion_\.nav-sub-items_\.nav-sub-item_\.text\]\:text-grey-3 {
    & .nav-item-accordion .nav-sub-items .nav-sub-item .text {
      color: var(--color-grey-3);
    }
  }
  .\[\&_\.nav-item-accordion_\.nav-sub-items_\.nav-sub-item\:hover_\.text\]\:text-black {
    & .nav-item-accordion .nav-sub-items .nav-sub-item:hover .text {
      color: var(--color-black);
    }
  }
  .\[\&_\.onboarding-banner\]\:mx-\[-1rem\] {
    & .onboarding-banner {
      margin-inline: -1rem;
    }
  }
  .\[\&_\.onboarding-banner\]\:flex {
    & .onboarding-banner {
      display: flex;
    }
  }
  .\[\&_\.onboarding-banner\]\:h-16 {
    & .onboarding-banner {
      height: calc(var(--spacing) * 16);
    }
  }
  .\[\&_\.onboarding-banner\]\:items-center {
    & .onboarding-banner {
      align-items: center;
    }
  }
  .\[\&_\.onboarding-banner\]\:justify-center {
    & .onboarding-banner {
      justify-content: center;
    }
  }
  .\[\&_\.onboarding-banner\]\:gap-6 {
    & .onboarding-banner {
      gap: calc(var(--spacing) * 6);
    }
  }
  .\[\&_\.onboarding-banner\]\:bg-red-6 {
    & .onboarding-banner {
      background-color: var(--color-red-6);
    }
  }
  .\[\&_\.onboarding-banner\]\:font-bold {
    & .onboarding-banner {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .\[\&_\.onboarding-banner\]\:text-red-7 {
    & .onboarding-banner {
      color: var(--color-red-7);
    }
  }
  .\[\&_\.onboarding-banner\]\:underline {
    & .onboarding-banner {
      text-decoration-line: underline;
    }
  }
  .\[\&_\.onboarding-banner_span\]\:cursor-pointer {
    & .onboarding-banner span {
      cursor: pointer;
    }
  }
  .\[\&_\.option-buttons\]\:flex {
    & .option-buttons {
      display: flex;
    }
  }
  .\[\&_\.option-buttons\]\:justify-center {
    & .option-buttons {
      justify-content: center;
    }
  }
  .\[\&_\.option-buttons\]\:gap-4 {
    & .option-buttons {
      gap: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.optional\]\:ml-1 {
    & .optional {
      margin-left: calc(var(--spacing) * 1);
    }
  }
  .\[\&_\.optional\]\:lowercase {
    & .optional {
      text-transform: lowercase;
    }
  }
  .\[\&_\.options\]\:z-\[3\] {
    & .options {
      z-index: 3;
    }
  }
  .\[\&_\.options\]\:text-grey-2 {
    & .options {
      color: var(--color-grey-2);
    }
  }
  .\[\&_\.page-body\]\:h-0 {
    & .page-body {
      height: calc(var(--spacing) * 0);
    }
  }
  .\[\&_\.page-body\]\:h-0\! {
    & .page-body {
      height: calc(var(--spacing) * 0) !important;
    }
  }
  .\[\&_\.page-body\]\:min-h-0\! {
    & .page-body {
      min-height: calc(var(--spacing) * 0) !important;
    }
  }
  .\[\&_\.page-heading_\.left\]\:ml-auto {
    & .page-heading .left {
      margin-left: auto;
    }
  }
  .\[\&_\.page-heading_\.left\]\:w-full {
    & .page-heading .left {
      width: 100%;
    }
  }
  .\[\&_\.page-heading_h1\]\:flex {
    & .page-heading h1 {
      display: flex;
    }
  }
  .\[\&_\.page-heading_h1\]\:w-full {
    & .page-heading h1 {
      width: 100%;
    }
  }
  .\[\&_\.page-heading_h1\]\:justify-between {
    & .page-heading h1 {
      justify-content: space-between;
    }
  }
  .\[\&_\.prediction\]\:cursor-pointer {
    & .prediction {
      cursor: pointer;
    }
  }
  .\[\&_\.prediction\]\:px-4 {
    & .prediction {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.prediction\]\:py-1 {
    & .prediction {
      padding-block: calc(var(--spacing) * 1);
    }
  }
  .\[\&_\.prediction\:hover\]\:bg-grey-7 {
    & .prediction:hover {
      background-color: var(--color-grey-7);
    }
  }
  .\[\&_\.rdtActive\]\:rounded-card {
    & .rdtActive {
      border-radius: var(--radius-card);
    }
  }
  .\[\&_\.rdtActive\]\:bg-secondary\! {
    & .rdtActive {
      background-color: var(--color-secondary) !important;
    }
  }
  .\[\&_\.rdtActive\]\:font-bold {
    & .rdtActive {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .\[\&_\.rdtPicker\]\:rounded-card {
    & .rdtPicker {
      border-radius: var(--radius-card);
    }
  }
  .\[\&_\.rdtPicker\]\:border {
    & .rdtPicker {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .\[\&_\.rdtPicker\]\:border-black {
    & .rdtPicker {
      border-color: var(--color-black);
    }
  }
  .\[\&_\.rdtToday\]\:before\:border-b-\[7px\]\! {
    & .rdtToday {
      &::before {
        content: var(--tw-content);
        border-bottom-style: var(--tw-border-style) !important;
        border-bottom-width: 7px !important;
      }
    }
  }
  .\[\&_\.rdtToday\]\:before\:border-solid {
    & .rdtToday {
      &::before {
        content: var(--tw-content);
        --tw-border-style: solid;
        border-style: solid;
      }
    }
  }
  .\[\&_\.rdtToday\]\:before\:border-b-secondary\! {
    & .rdtToday {
      &::before {
        content: var(--tw-content);
        border-bottom-color: var(--color-secondary) !important;
      }
    }
  }
  .\[\&_\.referral-checkbox\]\:mb-6 {
    & .referral-checkbox {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
  .\[\&_\.related-tickets_h3\]\:mt-0 {
    & .related-tickets h3 {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .\[\&_\.related-tickets_h3\]\:text-\[red\] {
    & .related-tickets h3 {
      color: red;
    }
  }
  .\[\&_\.related-tickets_table\]\:mb-8 {
    & .related-tickets table {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  .\[\&_\.related-tickets_table_td\]\:p-4 {
    & .related-tickets table td {
      padding: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.related-tickets_table_td\:first-child\]\:pl-0 {
    & .related-tickets table td:first-child {
      padding-left: calc(var(--spacing) * 0);
    }
  }
  .\[\&_\.rich-select_input\]\:min-h-0 {
    & .rich-select input {
      min-height: calc(var(--spacing) * 0);
    }
  }
  .\[\&_\.right\]\:ml-auto {
    & .right {
      margin-left: auto;
    }
  }
  .\[\&_\.right\]\:flex {
    & .right {
      display: flex;
    }
  }
  .\[\&_\.right\]\:flex-col {
    & .right {
      flex-direction: column;
    }
  }
  .\[\&_\.right\]\:justify-around {
    & .right {
      justify-content: space-around;
    }
  }
  .\[\&_\.right_\.btn\]\:ml-4 {
    & .right .btn {
      margin-left: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.row\]\:flex {
    & .row {
      display: flex;
    }
  }
  .\[\&_\.row\]\:gap-3 {
    & .row {
      gap: calc(var(--spacing) * 3);
    }
  }
  .\[\&_\.row\>\*\]\:flex-1 {
    & .row>* {
      flex: 1;
    }
  }
  .\[\&_\.search-wrapper\]\:mb-4 {
    & .search-wrapper {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.search-wrapper\]\:flex {
    & .search-wrapper {
      display: flex;
    }
  }
  .\[\&_\.search-wrapper_input\]\:w-60 {
    & .search-wrapper input {
      width: calc(var(--spacing) * 60);
    }
  }
  .\[\&_\.signup\]\:mt-8 {
    & .signup {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  .\[\&_\.signup\]\:hidden {
    & .signup {
      display: none;
    }
  }
  .\[\&_\.signup\]\:text-center {
    & .signup {
      text-align: center;
    }
  }
  .\[\&_\.signup_\.links\]\:flex {
    & .signup .links {
      display: flex;
    }
  }
  .\[\&_\.signup_\.links\]\:justify-center {
    & .signup .links {
      justify-content: center;
    }
  }
  .\[\&_\.signup_\.links\]\:gap-10 {
    & .signup .links {
      gap: calc(var(--spacing) * 10);
    }
  }
  .\[\&_\.signup_p\]\:m-0 {
    & .signup p {
      margin: calc(var(--spacing) * 0);
    }
  }
  .\[\&_\.strict-min\]\:mt-auto {
    & .strict-min {
      margin-top: auto;
    }
  }
  .\[\&_\.terms\]\:mt-8 {
    & .terms {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  .\[\&_\.text\]\:ml-4 {
    & .text {
      margin-left: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.text\]\:flex {
    & .text {
      display: flex;
    }
  }
  .\[\&_\.text\]\:max-w-full {
    & .text {
      max-width: 100%;
    }
  }
  .\[\&_\.text\]\:flex-col {
    & .text {
      flex-direction: column;
    }
  }
  .\[\&_\.text\]\:justify-around {
    & .text {
      justify-content: space-around;
    }
  }
  .\[\&_\.text\]\:overflow-x-hidden {
    & .text {
      overflow-x: hidden;
    }
  }
  .\[\&_\.text\]\:text-\[1\.1rem\] {
    & .text {
      font-size: 1.1rem;
    }
  }
  .\[\&_\.text\]\:font-medium {
    & .text {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .\[\&_\.text\]\:text-ellipsis {
    & .text {
      text-overflow: ellipsis;
    }
  }
  .\[\&_\.text\]\:whitespace-nowrap {
    & .text {
      white-space: nowrap;
    }
  }
  .\[\&_\.text\]\:text-black {
    & .text {
      color: var(--color-black);
    }
  }
  .\[\&_\.text\]\:capitalize {
    & .text {
      text-transform: capitalize;
    }
  }
  .\[\&_\.text\]\:transition-colors {
    & .text {
      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));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .\[\&_\.text\]\:duration-200 {
    & .text {
      --tw-duration: 200ms;
      transition-duration: 200ms;
    }
  }
  .\[\&_\.theme\]\:hidden\! {
    & .theme {
      display: none !important;
    }
  }
  .\[\&_\.title\]\:m-0 {
    & .title {
      margin: calc(var(--spacing) * 0);
    }
  }
  .\[\&_\.title\]\:text-base {
    & .title {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .\[\&_\.title\]\:font-bold {
    & .title {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .\[\&_\.title\]\:text-grey-4 {
    & .title {
      color: var(--color-grey-4);
    }
  }
  .\[\&_\.trace_\.meta\]\:text-\[\#888\] {
    & .trace .meta {
      color: #888;
    }
  }
  .\[\&_\.warning_\.meta\]\:text-\[\#880\] {
    & .warning .meta {
      color: #880;
    }
  }
  .\[\&_\.wrapper\]\:m-auto {
    & .wrapper {
      margin: auto;
    }
  }
  .\[\&_\.wrapper\]\:flex {
    & .wrapper {
      display: flex;
    }
  }
  .\[\&_\.wrapper\]\:w-\[30rem\] {
    & .wrapper {
      width: 30rem;
    }
  }
  .\[\&_\.wrapper\]\:w-\[55rem\]\! {
    & .wrapper {
      width: 55rem !important;
    }
  }
  .\[\&_\.wrapper\]\:max-w-\[90\%\]\! {
    & .wrapper {
      max-width: 90% !important;
    }
  }
  .\[\&_\.wrapper\]\:max-w-full {
    & .wrapper {
      max-width: 100%;
    }
  }
  .\[\&_\.wrapper\]\:flex-1 {
    & .wrapper {
      flex: 1;
    }
  }
  .\[\&_\.wrapper\]\:flex-col {
    & .wrapper {
      flex-direction: column;
    }
  }
  .\[\&_\.wrapper\]\:justify-around {
    & .wrapper {
      justify-content: space-around;
    }
  }
  .\[\&_\.wrapper\]\:text-center {
    & .wrapper {
      text-align: center;
    }
  }
  .\[\&_\.wrapper_\.file-widget-thumb\]\:ml-4 {
    & .wrapper .file-widget-thumb {
      margin-left: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.wrapper_\.login-error\]\:text-red-2 {
    & .wrapper .login-error {
      color: var(--color-red-2);
    }
  }
  .\[\&_\.wrapper_\.meta\.hide\]\:hidden {
    & .wrapper .meta.hide {
      display: none;
    }
  }
  .\[\&_\[icon\=warning\]\]\:absolute {
    & [icon=warning] {
      position: absolute;
    }
  }
  .\[\&_\[icon\=warning\]\]\:top-0 {
    & [icon=warning] {
      top: calc(var(--spacing) * 0);
    }
  }
  .\[\&_\[icon\=warning\]\]\:right-0 {
    & [icon=warning] {
      right: calc(var(--spacing) * 0);
    }
  }
  .\[\&_a\]\:m-auto {
    & a {
      margin: auto;
    }
  }
  .\[\&_a\]\:mx-4 {
    & a {
      margin-inline: calc(var(--spacing) * 4);
    }
  }
  .\[\&_a\]\:my-8 {
    & a {
      margin-block: calc(var(--spacing) * 8);
    }
  }
  .\[\&_a\]\:block {
    & a {
      display: block;
    }
  }
  .\[\&_a\]\:flex {
    & a {
      display: flex;
    }
  }
  .\[\&_a\]\:h-full {
    & a {
      height: 100%;
    }
  }
  .\[\&_a\]\:w-full {
    & a {
      width: 100%;
    }
  }
  .\[\&_a\]\:flex-col {
    & a {
      flex-direction: column;
    }
  }
  .\[\&_a\]\:justify-center {
    & a {
      justify-content: center;
    }
  }
  .\[\&_a\]\:bg-cover {
    & a {
      background-size: cover;
    }
  }
  .\[\&_a\]\:bg-center {
    & a {
      background-position: center;
    }
  }
  .\[\&_a\]\:text-grey-2 {
    & a {
      color: var(--color-grey-2);
    }
  }
  .\[\&_form\]\:pb-12 {
    & form {
      padding-bottom: calc(var(--spacing) * 12);
    }
  }
  .\[\&_form\]\:pb-24\! {
    & form {
      padding-bottom: calc(var(--spacing) * 24) !important;
    }
  }
  .\[\&_h1\]\:inline-block {
    & h1 {
      display: inline-block;
    }
  }
  .\[\&_h1\]\:font-normal {
    & h1 {
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
  }
  .mobile\:\[\&_h1\]\:text-\[1\.65rem\] {
    @media (max-width: 1000px) {
      & h1 {
        font-size: 1.65rem;
      }
    }
  }
  .\[\&_h1_\.icon\]\:relative {
    & h1 .icon {
      position: relative;
    }
  }
  .\[\&_h1_\.icon\]\:top-1 {
    & h1 .icon {
      top: calc(var(--spacing) * 1);
    }
  }
  .\[\&_h1_\.icon\]\:mr-3 {
    & h1 .icon {
      margin-right: calc(var(--spacing) * 3);
    }
  }
  .mobile\:\[\&_h1_\.icon\]\:relative {
    @media (max-width: 1000px) {
      & h1 .icon {
        position: relative;
      }
    }
  }
  .mobile\:\[\&_h1_\.icon\]\:top-1 {
    @media (max-width: 1000px) {
      & h1 .icon {
        top: calc(var(--spacing) * 1);
      }
    }
  }
  .mobile\:\[\&_h1_\.icon\]\:mr-1 {
    @media (max-width: 1000px) {
      & h1 .icon {
        margin-right: calc(var(--spacing) * 1);
      }
    }
  }
  .\[\&_h1_\.icon_svg\]\:w-8 {
    & h1 .icon svg {
      width: calc(var(--spacing) * 8);
    }
  }
  .mobile\:\[\&_h1_\.icon_svg\]\:w-\[1\.65rem\] {
    @media (max-width: 1000px) {
      & h1 .icon svg {
        width: 1.65rem;
      }
    }
  }
  .\[\&_h1_\.icon_svg_\*\]\:stroke-primary {
    & h1 .icon svg * {
      stroke: var(--color-primary);
    }
  }
  .\[\&_h2\]\:m-0 {
    & h2 {
      margin: calc(var(--spacing) * 0);
    }
  }
  .\[\&_h2\]\:-mb-4 {
    & h2 {
      margin-bottom: calc(var(--spacing) * -4);
    }
  }
  .\[\&_h2\]\:mb-2 {
    & h2 {
      margin-bottom: calc(var(--spacing) * 2);
    }
  }
  .\[\&_h3\]\:font-bold {
    & h3 {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .\[\&_i\]\:flex {
    & i {
      display: flex;
    }
  }
  .\[\&_i\]\:justify-center {
    & i {
      justify-content: center;
    }
  }
  .\[\&_iframe\]\:max-h-20 {
    & iframe {
      max-height: calc(var(--spacing) * 20);
    }
  }
  .\[\&_iframe\]\:max-h-28 {
    & iframe {
      max-height: calc(var(--spacing) * 28);
    }
  }
  .\[\&_iframe\]\:max-w-20 {
    & iframe {
      max-width: calc(var(--spacing) * 20);
    }
  }
  .\[\&_iframe\]\:max-w-28 {
    & iframe {
      max-width: calc(var(--spacing) * 28);
    }
  }
  .\[\&_img\]\:mr-2 {
    & img {
      margin-right: calc(var(--spacing) * 2);
    }
  }
  .\[\&_img\]\:max-h-14 {
    & img {
      max-height: calc(var(--spacing) * 14);
    }
  }
  .\[\&_img\]\:max-h-20 {
    & img {
      max-height: calc(var(--spacing) * 20);
    }
  }
  .\[\&_img\]\:max-h-28 {
    & img {
      max-height: calc(var(--spacing) * 28);
    }
  }
  .\[\&_img\]\:w-6 {
    & img {
      width: calc(var(--spacing) * 6);
    }
  }
  .\[\&_img\]\:max-w-20 {
    & img {
      max-width: calc(var(--spacing) * 20);
    }
  }
  .\[\&_img\]\:max-w-28 {
    & img {
      max-width: calc(var(--spacing) * 28);
    }
  }
  .\[\&_img\.logo\]\:w-96 {
    & img.logo {
      width: calc(var(--spacing) * 96);
    }
  }
  .\[\&_img\.logo\]\:max-w-full {
    & img.logo {
      max-width: 100%;
    }
  }
  .\[\&_input\]\:m-1 {
    & input {
      margin: calc(var(--spacing) * 1);
    }
  }
  .\[\&_input\]\:mr-4 {
    & input {
      margin-right: calc(var(--spacing) * 4);
    }
  }
  .\[\&_input\]\:box-border {
    & input {
      box-sizing: border-box;
    }
  }
  .\[\&_input\]\:inline-block {
    & input {
      display: inline-block;
    }
  }
  .\[\&_input\]\:min-h-input {
    & input {
      min-height: var(--spacing-input);
    }
  }
  .\[\&_input\]\:w-auto {
    & input {
      width: auto;
    }
  }
  .\[\&_input\]\:w-full {
    & input {
      width: 100%;
    }
  }
  .\[\&_input\]\:cursor-pointer {
    & input {
      cursor: pointer;
    }
  }
  .\[\&_input\]\:rounded-input {
    & input {
      border-radius: var(--radius-input);
    }
  }
  .\[\&_input\]\:border {
    & input {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .\[\&_input\]\:border-none\! {
    & input {
      --tw-border-style: none !important;
      border-style: none !important;
    }
  }
  .\[\&_input\]\:border-black {
    & input {
      border-color: var(--color-black);
    }
  }
  .\[\&_input\]\:bg-transparent {
    & input {
      background-color: transparent;
    }
  }
  .\[\&_input\]\:bg-white {
    & input {
      background-color: var(--color-white);
    }
  }
  .\[\&_input\]\:px-0\! {
    & input {
      padding-inline: calc(var(--spacing) * 0) !important;
    }
  }
  .\[\&_input\]\:py-0 {
    & input {
      padding-block: calc(var(--spacing) * 0);
    }
  }
  .\[\&_input\]\:py-\[0\.2rem\]\! {
    & input {
      padding-block: 0.2rem !important;
    }
  }
  .\[\&_input\]\:pr-10 {
    & input {
      padding-right: calc(var(--spacing) * 10);
    }
  }
  .\[\&_input\]\:pl-4 {
    & input {
      padding-left: calc(var(--spacing) * 4);
    }
  }
  .\[\&_input\]\:font-sans {
    & input {
      font-family: var(--font-sans);
    }
  }
  .\[\&_input\]\:text-base {
    & input {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .\[\&_input\]\:text-grey-2 {
    & input {
      color: var(--color-grey-2);
    }
  }
  .\[\&_input\.form-control\]\:box-border {
    & input.form-control {
      box-sizing: border-box;
    }
  }
  .\[\&_input\.form-control\]\:w-full {
    & input.form-control {
      width: 100%;
    }
  }
  .\[\&_input\.form-control\]\:rounded-card {
    & input.form-control {
      border-radius: var(--radius-card);
    }
  }
  .\[\&_input\.form-control\]\:border {
    & input.form-control {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .\[\&_input\.form-control\]\:border-black {
    & input.form-control {
      border-color: var(--color-black);
    }
  }
  .\[\&_input\.form-control\]\:px-3 {
    & input.form-control {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .\[\&_input\.form-control\]\:py-2 {
    & input.form-control {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .\[\&_input\.form-control\]\:font-sans {
    & input.form-control {
      font-family: var(--font-sans);
    }
  }
  .\[\&_input\.form-control\]\:text-base {
    & input.form-control {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .\[\&_input\.form-control\]\:placeholder\:capitalize {
    & input.form-control {
      &::placeholder {
        text-transform: capitalize;
      }
    }
  }
  .\[\&_input\.has-start-icon\]\:pl-10 {
    & input.has-start-icon {
      padding-left: calc(var(--spacing) * 10);
    }
  }
  .\[\&_input\:\:-webkit-inner-spin-button\]\:m-0 {
    & input::-webkit-inner-spin-button {
      margin: calc(var(--spacing) * 0);
    }
  }
  .\[\&_input\:\:-webkit-inner-spin-button\]\:appearance-none {
    & input::-webkit-inner-spin-button {
      appearance: none;
    }
  }
  .\[\&_input\:\:-webkit-outer-spin-button\]\:m-0 {
    & input::-webkit-outer-spin-button {
      margin: calc(var(--spacing) * 0);
    }
  }
  .\[\&_input\:\:-webkit-outer-spin-button\]\:appearance-none {
    & input::-webkit-outer-spin-button {
      appearance: none;
    }
  }
  .\[\&_input\:\:placeholder\]\:relative {
    & input::placeholder {
      position: relative;
    }
  }
  .\[\&_input\:\:placeholder\]\:top-\[-0\.15rem\] {
    & input::placeholder {
      top: -0.15rem;
    }
  }
  .\[\&_input\:\:placeholder\]\:text-grey-1 {
    & input::placeholder {
      color: var(--color-grey-1);
    }
  }
  .\[\&_input\:\:placeholder\]\:text-grey-2 {
    & input::placeholder {
      color: var(--color-grey-2);
    }
  }
  .\[\&_input\:\:placeholder\]\:italic {
    & input::placeholder {
      font-style: italic;
    }
  }
  .\[\&_input\:disabled\]\:cursor-not-allowed {
    & input:disabled {
      cursor: not-allowed;
    }
  }
  .\[\&_input\:disabled\]\:bg-grey-8 {
    & input:disabled {
      background-color: var(--color-grey-8);
    }
  }
  .\[\&_input\:disabled\]\:bg-white {
    & input:disabled {
      background-color: var(--color-white);
    }
  }
  .\[\&_input\:focus\]\:border-none {
    & input:focus {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .\[\&_input\:focus\]\:\[outline\:1px_solid_var\(--color-primary\)\] {
    & input:focus {
      outline: 1px solid var(--color-primary);
    }
  }
  .\[\&_input\:focus\]\:outline-none {
    & input:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .\[\&_input\[type\=checkbox\]\]\:relative {
    & input[type=checkbox] {
      position: relative;
    }
  }
  .\[\&_input\[type\=checkbox\]\]\:top-\[0\.2rem\] {
    & input[type=checkbox] {
      top: 0.2rem;
    }
  }
  .\[\&_input\[type\=checkbox\]\]\:top-\[0\.4rem\] {
    & input[type=checkbox] {
      top: 0.4rem;
    }
  }
  .\[\&_input\[type\=checkbox\]\]\:top-\[0\.65rem\] {
    & input[type=checkbox] {
      top: 0.65rem;
    }
  }
  .\[\&_input\[type\=checkbox\]\]\:mr-2 {
    & input[type=checkbox] {
      margin-right: calc(var(--spacing) * 2);
    }
  }
  .\[\&_input\[type\=checkbox\]\]\:inline {
    & input[type=checkbox] {
      display: inline;
    }
  }
  .\[\&_input\[type\=checkbox\]\]\:w-\[1\.2rem\] {
    & input[type=checkbox] {
      width: 1.2rem;
    }
  }
  .\[\&_input\[type\=checkbox\]\]\:w-\[1\.4rem\] {
    & input[type=checkbox] {
      width: 1.4rem;
    }
  }
  .\[\&_input\[type\=number\]\]\:\[appearance\:inherit\] {
    & input[type=number] {
      appearance: inherit;
    }
  }
  .\[\&_input\[type\=number\]\]\:\[-moz-appearance\:textfield\] {
    & input[type=number] {
      -moz-appearance: textfield;
    }
  }
  .\[\&_input\[type\=text\]\]\:w-\[calc\(100\%-0\.5rem\)\]\! {
    & input[type=text] {
      width: calc(100% - 0.5rem) !important;
    }
  }
  .\[\&_label\]\:relative {
    & label {
      position: relative;
    }
  }
  .\[\&_label\]\:mb-0\! {
    & label {
      margin-bottom: calc(var(--spacing) * 0) !important;
    }
  }
  .\[\&_label\]\:mb-1 {
    & label {
      margin-bottom: calc(var(--spacing) * 1);
    }
  }
  .\[\&_label\]\:block {
    & label {
      display: block;
    }
  }
  .\[\&_label\]\:flex {
    & label {
      display: flex;
    }
  }
  .\[\&_label\]\:h-10 {
    & label {
      height: calc(var(--spacing) * 10);
    }
  }
  .\[\&_label\]\:border-b {
    & label {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .\[\&_label\]\:border-grey-3 {
    & label {
      border-color: var(--color-grey-3);
    }
  }
  .\[\&_label\]\:p-2 {
    & label {
      padding: calc(var(--spacing) * 2);
    }
  }
  .\[\&_label\]\:py-1 {
    & label {
      padding-block: calc(var(--spacing) * 1);
    }
  }
  .\[\&_label\]\:pl-2 {
    & label {
      padding-left: calc(var(--spacing) * 2);
    }
  }
  .\[\&_label\]\:text-\[0\.85rem\] {
    & label {
      font-size: 0.85rem;
    }
  }
  .\[\&_label\]\:font-semibold {
    & label {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .\[\&_label_\.icon\]\:absolute\! {
    & label .icon {
      position: absolute !important;
    }
  }
  .\[\&_label_\.icon\]\:top-\[0\.9rem\] {
    & label .icon {
      top: 0.9rem;
    }
  }
  .\[\&_label_\.icon\]\:left-0 {
    & label .icon {
      left: calc(var(--spacing) * 0);
    }
  }
  .\[\&_label_span\]\:flex {
    & label span {
      display: flex;
    }
  }
  .\[\&_label_span\]\:flex-col {
    & label span {
      flex-direction: column;
    }
  }
  .\[\&_label_span\]\:justify-around {
    & label span {
      justify-content: space-around;
    }
  }
  .\[\&_label_span\]\:text-grey-2 {
    & label span {
      color: var(--color-grey-2);
    }
  }
  .\[\&_p\]\:text-center {
    & p {
      text-align: center;
    }
  }
  .\[\&_p\]\:text-\[1\.1rem\] {
    & p {
      font-size: 1.1rem;
    }
  }
  .\[\&_section\]\:mb-4 {
    & section {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .\[\&_section\]\:rounded-card {
    & section {
      border-radius: var(--radius-card);
    }
  }
  .\[\&_section\]\:border {
    & section {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .\[\&_section\]\:border-grey-6 {
    & section {
      border-color: var(--color-grey-6);
    }
  }
  .\[\&_section\]\:p-4 {
    & section {
      padding: calc(var(--spacing) * 4);
    }
  }
  .\[\&_span\]\:relative {
    & span {
      position: relative;
    }
  }
  .\[\&_span\]\:bottom-\[0\.2rem\] {
    & span {
      bottom: 0.2rem;
    }
  }
  .\[\&_span\]\:cursor-pointer {
    & span {
      cursor: pointer;
    }
  }
  .\[\&_svg\]\:h-7 {
    & svg {
      height: calc(var(--spacing) * 7);
    }
  }
  .\[\&_svg\]\:h-full {
    & svg {
      height: 100%;
    }
  }
  .\[\&_svg\]\:w-3 {
    & svg {
      width: calc(var(--spacing) * 3);
    }
  }
  .\[\&_svg\]\:w-6 {
    & svg {
      width: calc(var(--spacing) * 6);
    }
  }
  .\[\&_svg\]\:w-7 {
    & svg {
      width: calc(var(--spacing) * 7);
    }
  }
  .\[\&_svg\]\:w-8 {
    & svg {
      width: calc(var(--spacing) * 8);
    }
  }
  .\[\&_svg\]\:w-100 {
    & svg {
      width: calc(var(--spacing) * 100);
    }
  }
  .\[\&_svg\]\:w-full {
    & svg {
      width: 100%;
    }
  }
  .\[\&_svg\]\:min-w-4 {
    & svg {
      min-width: calc(var(--spacing) * 4);
    }
  }
  .\[\&_svg\]\:cursor-pointer {
    & svg {
      cursor: pointer;
    }
  }
  .\[\&_svg\]\:fill-primary {
    & svg {
      fill: var(--color-primary);
    }
  }
  .\[\&_svg\]\:transition-\[width\] {
    & svg {
      transition-property: width;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .\[\&_svg\]\:duration-\[0\.25s\] {
    & svg {
      --tw-duration: 0.25s;
      transition-duration: 0.25s;
    }
  }
  .\[\&_svg\]\:ease-\[ease\] {
    & svg {
      --tw-ease: ease;
      transition-timing-function: ease;
    }
  }
  .\[\&_svg_\*\]\:fill-white {
    & svg * {
      fill: var(--color-white);
    }
  }
  .\[\&_svg_\*\]\:\[stroke\:\'\#FFF\'\] {
    & svg * {
      stroke: '#FFF';
    }
  }
  .\[\&_svg_\*\]\:stroke-\[\#9ca3af\] {
    & svg * {
      stroke: #9ca3af;
    }
  }
  .\[\&_svg_\*\]\:stroke-black {
    & svg * {
      stroke: var(--color-black);
    }
  }
  .\[\&_svg_\*\]\:stroke-secondary {
    & svg * {
      stroke: var(--color-secondary);
    }
  }
  .\[\&_svg_\*\]\:stroke-2 {
    & svg * {
      stroke-width: 2;
    }
  }
  .hover\:\[\&_svg_\*\]\:stroke-secondary {
    &:hover {
      @media (hover: hover) {
        & svg * {
          stroke: var(--color-secondary);
        }
      }
    }
  }
  .dark\:\[\&_svg_\*\]\:stroke-primary {
    &:where(.dark, .dark *) {
      & svg * {
        stroke: var(--color-primary);
      }
    }
  }
  .\[\&_svg\:hover_\*\]\:stroke-primary {
    & svg:hover * {
      stroke: var(--color-primary);
    }
  }
  .\[\&_table\]\:w-full {
    & table {
      width: 100%;
    }
  }
  .\[\&_table\]\:border-collapse {
    & table {
      border-collapse: collapse;
    }
  }
  .\[\&_table\]\:text-left {
    & table {
      text-align: left;
    }
  }
  .\[\&_table_\.row-actions\]\:sticky {
    & table .row-actions {
      position: sticky;
    }
  }
  .\[\&_table_\.row-actions\]\:right-0 {
    & table .row-actions {
      right: calc(var(--spacing) * 0);
    }
  }
  .\[\&_table_\.row-actions\]\:z-\[1\] {
    & table .row-actions {
      z-index: 1;
    }
  }
  .\[\&_table_\.row-actions\]\:w-20 {
    & table .row-actions {
      width: calc(var(--spacing) * 20);
    }
  }
  .\[\&_table_\.row-actions\]\:px-3 {
    & table .row-actions {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .\[\&_table_\.row-actions\]\:py-0 {
    & table .row-actions {
      padding-block: calc(var(--spacing) * 0);
    }
  }
  .\[\&_table_\.row-actions\]\:text-center {
    & table .row-actions {
      text-align: center;
    }
  }
  .\[\&_table_\.row-actions_a\]\:mr-1 {
    & table .row-actions a {
      margin-right: calc(var(--spacing) * 1);
    }
  }
  .\[\&_table_\.row-actions_a\]\:cursor-pointer {
    & table .row-actions a {
      cursor: pointer;
    }
  }
  .\[\&_table_\.row-actions_a_svg\]\:w-3 {
    & table .row-actions a svg {
      width: calc(var(--spacing) * 3);
    }
  }
  .\[\&_table_\.row-actions_a_svg_\*\]\:stroke-grey-5 {
    & table .row-actions a svg * {
      stroke: var(--color-grey-5);
    }
  }
  .\[\&_table_\.row-actions_a\:last-child\]\:mr-0 {
    & table .row-actions a:last-child {
      margin-right: calc(var(--spacing) * 0);
    }
  }
  .\[\&_table_\.row-select\]\:sticky {
    & table .row-select {
      position: sticky;
    }
  }
  .\[\&_table_\.row-select\]\:left-0 {
    & table .row-select {
      left: calc(var(--spacing) * 0);
    }
  }
  .\[\&_table_\.row-select\]\:z-\[1\] {
    & table .row-select {
      z-index: 1;
    }
  }
  .\[\&_table_\.row-select\]\:w-0 {
    & table .row-select {
      width: calc(var(--spacing) * 0);
    }
  }
  .\[\&_table_\.row-select\]\:bg-white {
    & table .row-select {
      background-color: var(--color-white);
    }
  }
  .\[\&_table_\.row-select\]\:px-3 {
    & table .row-select {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .\[\&_table_\.row-select\]\:py-0 {
    & table .row-select {
      padding-block: calc(var(--spacing) * 0);
    }
  }
  .\[\&_table_\.row-select\]\:text-center {
    & table .row-select {
      text-align: center;
    }
  }
  .\[\&_table_\.row-select_input\[type\=checkbox\]\]\:align-middle {
    & table .row-select input[type=checkbox] {
      vertical-align: middle;
    }
  }
  .\[\&_tbody_\.loading-flex\]\:max-h-full {
    & tbody .loading-flex {
      max-height: 100%;
    }
  }
  .\[\&_tbody_\.loading-flex\]\:min-h-40 {
    & tbody .loading-flex {
      min-height: calc(var(--spacing) * 40);
    }
  }
  .\[\&_tbody_td\]\:box-border {
    & tbody td {
      box-sizing: border-box;
    }
  }
  .\[\&_tbody_td\]\:p-3 {
    & tbody td {
      padding: calc(var(--spacing) * 3);
    }
  }
  .\[\&_tbody_tr\]\:border-b {
    & tbody tr {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .\[\&_tbody_tr\]\:border-grey-7 {
    & tbody tr {
      border-color: var(--color-grey-7);
    }
  }
  .\[\&_tbody\.loading\]\:opacity-80 {
    & tbody.loading {
      opacity: 80%;
    }
  }
  .\[\&_tbody\.soft-loading\]\:opacity-80 {
    & tbody.soft-loading {
      opacity: 80%;
    }
  }
  .\[\&_td\]\:border {
    & td {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .\[\&_td\]\:border-\[\#eee\] {
    & td {
      border-color: #eee;
    }
  }
  .\[\&_td\]\:px-\[\.6rem\] {
    & td {
      padding-inline: .6rem;
    }
  }
  .\[\&_td\]\:py-1 {
    & td {
      padding-block: calc(var(--spacing) * 1);
    }
  }
  .\[\&_td\.k\]\:font-\[ui-monospace\,monospace\] {
    & td.k {
      font-family: ui-monospace,monospace;
    }
  }
  .\[\&_td\.k\]\:text-\[\#1565c0\] {
    & td.k {
      color: #1565c0;
    }
  }
  .\[\&_textarea\]\:h-\[15rem\] {
    & textarea {
      height: 15rem;
    }
  }
  .\[\&_textarea\]\:h-input {
    & textarea {
      height: var(--spacing-input);
    }
  }
  .\[\&_textarea\]\:w-full {
    & textarea {
      width: 100%;
    }
  }
  .\[\&_textarea\]\:font-mono {
    & textarea {
      font-family: var(--font-mono);
    }
  }
  .\[\&_th\]\:sticky {
    & th {
      position: sticky;
    }
  }
  .\[\&_thead_th\]\:sticky {
    & thead th {
      position: sticky;
    }
  }
  .\[\&_thead_th\]\:top-0 {
    & thead th {
      top: calc(var(--spacing) * 0);
    }
  }
  .\[\&_thead_th\]\:box-border {
    & thead th {
      box-sizing: border-box;
    }
  }
  .\[\&_thead_th\]\:cursor-pointer {
    & thead th {
      cursor: pointer;
    }
  }
  .\[\&_thead_th\]\:bg-grey-9 {
    & thead th {
      background-color: var(--color-grey-9);
    }
  }
  .\[\&_thead_th\]\:px-3 {
    & thead th {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .\[\&_thead_th\]\:py-2 {
    & thead th {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .\[\&_thead_th\]\:font-medium {
    & thead th {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .\[\&_thead_th\]\:text-grey-4 {
    & thead th {
      color: var(--color-grey-4);
    }
  }
  .\[\&_thead_th\.row-actions\]\:z-\[2\] {
    & thead th.row-actions {
      z-index: 2;
    }
  }
  .\[\&_thead_th\.row-actions\]\:bg-grey-9 {
    & thead th.row-actions {
      background-color: var(--color-grey-9);
    }
  }
  .\[\&_thead_th\.row-select\]\:z-\[2\] {
    & thead th.row-select {
      z-index: 2;
    }
  }
  .\[\&_thead_th\.row-select\]\:w-0 {
    & thead th.row-select {
      width: calc(var(--spacing) * 0);
    }
  }
  .\[\&_thead_th\.row-select\]\:border-t-0 {
    & thead th.row-select {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
  }
  .\[\&_thead_th\.row-select\]\:bg-grey-9 {
    & thead th.row-select {
      background-color: var(--color-grey-9);
    }
  }
  .\[\&_thead_th\.row-select\]\:px-3 {
    & thead th.row-select {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .\[\&_thead_th\.row-select\]\:py-0 {
    & thead th.row-select {
      padding-block: calc(var(--spacing) * 0);
    }
  }
  .\[\&_thead_th\.row-select\]\:text-center {
    & thead th.row-select {
      text-align: center;
    }
  }
  .\[\&_thead_th\.sort-asc\]\:after\:absolute {
    & thead th.sort-asc {
      &::after {
        content: var(--tw-content);
        position: absolute;
      }
    }
  }
  .\[\&_thead_th\.sort-asc\]\:after\:top-2 {
    & thead th.sort-asc {
      &::after {
        content: var(--tw-content);
        top: calc(var(--spacing) * 2);
      }
    }
  }
  .\[\&_thead_th\.sort-asc\]\:after\:text-\[0\.65rem\] {
    & thead th.sort-asc {
      &::after {
        content: var(--tw-content);
        font-size: 0.65rem;
      }
    }
  }
  .\[\&_thead_th\.sort-asc\]\:after\:opacity-80 {
    & thead th.sort-asc {
      &::after {
        content: var(--tw-content);
        opacity: 80%;
      }
    }
  }
  .\[\&_thead_th\.sort-asc\]\:after\:content-\[\\\'▲\\\'\] {
    & thead th.sort-asc {
      &::after {
        --tw-content: \'▲\';
        content: var(--tw-content);
      }
    }
  }
  .\[\&_thead_th\.sort-desc\]\:after\:absolute {
    & thead th.sort-desc {
      &::after {
        content: var(--tw-content);
        position: absolute;
      }
    }
  }
  .\[\&_thead_th\.sort-desc\]\:after\:top-2 {
    & thead th.sort-desc {
      &::after {
        content: var(--tw-content);
        top: calc(var(--spacing) * 2);
      }
    }
  }
  .\[\&_thead_th\.sort-desc\]\:after\:text-\[0\.65rem\] {
    & thead th.sort-desc {
      &::after {
        content: var(--tw-content);
        font-size: 0.65rem;
      }
    }
  }
  .\[\&_thead_th\.sort-desc\]\:after\:opacity-80 {
    & thead th.sort-desc {
      &::after {
        content: var(--tw-content);
        opacity: 80%;
      }
    }
  }
  .\[\&_thead_th\.sort-desc\]\:after\:content-\[\\\'▼\\\'\] {
    & thead th.sort-desc {
      &::after {
        --tw-content: \'▼\';
        content: var(--tw-content);
      }
    }
  }
  .\[\&_thead_th\:first-child\]\:rounded-l-card {
    & thead th:first-child {
      border-top-left-radius: var(--radius-card);
      border-bottom-left-radius: var(--radius-card);
    }
  }
  .\[\&_thead_th\:last-child\]\:rounded-r-card {
    & thead th:last-child {
      border-top-right-radius: var(--radius-card);
      border-bottom-right-radius: var(--radius-card);
    }
  }
  .\[\&_video\]\:max-h-20 {
    & video {
      max-height: calc(var(--spacing) * 20);
    }
  }
  .\[\&_video\]\:max-h-28 {
    & video {
      max-height: calc(var(--spacing) * 28);
    }
  }
  .\[\&_video\]\:max-w-20 {
    & video {
      max-width: calc(var(--spacing) * 20);
    }
  }
  .\[\&_video\]\:max-w-28 {
    & video {
      max-width: calc(var(--spacing) * 28);
    }
  }
  .\[\&\.active\]\:border-primary\! {
    &.active {
      border-color: var(--color-primary) !important;
    }
  }
  .\[\&\.active\]\:bg-primary\! {
    &.active {
      background-color: var(--color-primary) !important;
    }
  }
  .\[\&\.active\]\:text-white\! {
    &.active {
      color: var(--color-white) !important;
    }
  }
  .\[\&\.caps\]\:uppercase {
    &.caps {
      text-transform: uppercase;
    }
  }
  .\[\&\.checkbox\]\:mt-auto {
    &.checkbox {
      margin-top: auto;
    }
  }
  .\[\&\.checkbox_label\]\:flex {
    &.checkbox label {
      display: flex;
    }
  }
  .\[\&\.collapsed\]\:w-10 {
    &.collapsed {
      width: calc(var(--spacing) * 10);
    }
  }
  .\[\&\.collapsed\]\:max-w-14 {
    &.collapsed {
      max-width: calc(var(--spacing) * 14);
    }
  }
  .\[\&\.collapsed_\.logo_img\]\:w-0\! {
    &.collapsed .logo img {
      width: calc(var(--spacing) * 0) !important;
    }
  }
  .\[\&\.compact\]\:min-h-6 {
    &.compact {
      min-height: calc(var(--spacing) * 6);
    }
  }
  .\[\&\.compact\]\:rounded-xl {
    &.compact {
      border-radius: var(--radius-xl);
    }
  }
  .\[\&\.compact\]\:px-3 {
    &.compact {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .\[\&\.compact\]\:text-\[0\.8rem\] {
    &.compact {
      font-size: 0.8rem;
    }
  }
  .\[\&\.critical\]\:border-\[\#A0A\] {
    &.critical {
      border-color: #A0A;
    }
  }
  .\[\&\.critical\]\:text-\[\#A0A\] {
    &.critical {
      color: #A0A;
    }
  }
  .\[\&\.critical\.enabled\]\:bg-\[\#A0A\] {
    &.critical.enabled {
      background-color: #A0A;
    }
  }
  .\[\&\.critical\.enabled\]\:text-white {
    &.critical.enabled {
      color: var(--color-white);
    }
  }
  .\[\&\.error\]\:border-\[\#A00\] {
    &.error {
      border-color: #A00;
    }
  }
  .\[\&\.error\]\:text-\[\#A00\] {
    &.error {
      color: #A00;
    }
  }
  .\[\&\.error_input\]\:border {
    &.error input {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .\[\&\.error_input\]\:border-2 {
    &.error input {
      border-style: var(--tw-border-style);
      border-width: 2px;
    }
  }
  .\[\&\.error_input\]\:border-red-2 {
    &.error input {
      border-color: var(--color-red-2);
    }
  }
  .\[\&\.error_input\]\:text-red-2 {
    &.error input {
      color: var(--color-red-2);
    }
  }
  .\[\&\.error_input\]\:outline-none {
    &.error input {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .\[\&\.error_select\]\:border-2 {
    &.error select {
      border-style: var(--tw-border-style);
      border-width: 2px;
    }
  }
  .\[\&\.error_select\]\:border-red-2 {
    &.error select {
      border-color: var(--color-red-2);
    }
  }
  .\[\&\.error_select\]\:text-red-2 {
    &.error select {
      color: var(--color-red-2);
    }
  }
  .\[\&\.error_select\]\:outline-none {
    &.error select {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .\[\&\.error_textarea\]\:border-2 {
    &.error textarea {
      border-style: var(--tw-border-style);
      border-width: 2px;
    }
  }
  .\[\&\.error_textarea\]\:border-red-2 {
    &.error textarea {
      border-color: var(--color-red-2);
    }
  }
  .\[\&\.error_textarea\]\:text-red-2 {
    &.error textarea {
      color: var(--color-red-2);
    }
  }
  .\[\&\.error_textarea\]\:outline-none {
    &.error textarea {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .\[\&\.error\.enabled\]\:bg-\[\#A00\] {
    &.error.enabled {
      background-color: #A00;
    }
  }
  .\[\&\.error\.enabled\]\:text-white {
    &.error.enabled {
      color: var(--color-white);
    }
  }
  .\[\&\.has-files\]\:px-6 {
    &.has-files {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .\[\&\.has-files\]\:py-1 {
    &.has-files {
      padding-block: calc(var(--spacing) * 1);
    }
  }
  .\[\&\.has-value_input\:\:placeholder\]\:text-grey-2 {
    &.has-value input::placeholder {
      color: var(--color-grey-2);
    }
  }
  .\[\&\.has-value_input\:\:placeholder\]\:not-italic {
    &.has-value input::placeholder {
      font-style: normal;
    }
  }
  .\[\&\.info\]\:border-black {
    &.info {
      border-color: var(--color-black);
    }
  }
  .\[\&\.info\]\:text-black {
    &.info {
      color: var(--color-black);
    }
  }
  .\[\&\.info\.enabled\]\:bg-black {
    &.info.enabled {
      background-color: var(--color-black);
    }
  }
  .\[\&\.info\.enabled\]\:text-white {
    &.info.enabled {
      color: var(--color-white);
    }
  }
  .mobile\:\[\&\.loading-page\]\:top-nav-mobile {
    @media (max-width: 1000px) {
      &.loading-page {
        top: var(--spacing-nav-mobile);
      }
    }
  }
  .\[\&\.medium\]\:font-semibold {
    &.medium {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .\[\&\.not-new_\.description\]\:rounded-card {
    &.not-new .description {
      border-radius: var(--radius-card);
    }
  }
  .\[\&\.not-new_\.description\]\:border {
    &.not-new .description {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .\[\&\.not-new_\.description\]\:border-grey-6 {
    &.not-new .description {
      border-color: var(--color-grey-6);
    }
  }
  .\[\&\.not-new_\.description\]\:p-4 {
    &.not-new .description {
      padding: calc(var(--spacing) * 4);
    }
  }
  .\[\&\.not-new_\.files\]\:mt-2 {
    &.not-new .files {
      margin-top: calc(var(--spacing) * 2);
    }
  }
  .\[\&\.not-new_\.files\]\:border-t {
    &.not-new .files {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
  }
  .\[\&\.not-new_\.files\]\:border-grey-6 {
    &.not-new .files {
      border-color: var(--color-grey-6);
    }
  }
  .\[\&\.not-new_\.files_a\]\:ml-4 {
    &.not-new .files a {
      margin-left: calc(var(--spacing) * 4);
    }
  }
  .\[\&\.not-new_\.message\]\:rounded-card {
    &.not-new .message {
      border-radius: var(--radius-card);
    }
  }
  .\[\&\.not-new_\.message\]\:border {
    &.not-new .message {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .\[\&\.not-new_\.message\]\:border-grey-6 {
    &.not-new .message {
      border-color: var(--color-grey-6);
    }
  }
  .\[\&\.not-new_\.message\]\:p-4 {
    &.not-new .message {
      padding: calc(var(--spacing) * 4);
    }
  }
  .\[\&\.not-new_\.message_\.headers\]\:text-right {
    &.not-new .message .headers {
      text-align: right;
    }
  }
  .\[\&\.not-new_\.message_\.headers\]\:text-sm {
    &.not-new .message .headers {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .\[\&\.not-new_\.message_\.headers\]\:text-grey-4 {
    &.not-new .message .headers {
      color: var(--color-grey-4);
    }
  }
  .\[\&\.not-new_\.messages\]\:flex {
    &.not-new .messages {
      display: flex;
    }
  }
  .\[\&\.not-new_\.messages\]\:flex-col {
    &.not-new .messages {
      flex-direction: column;
    }
  }
  .\[\&\.not-new_\.messages\]\:gap-4 {
    &.not-new .messages {
      gap: calc(var(--spacing) * 4);
    }
  }
  .\[\&\.not-new_\.new-message\]\:flex-initial {
    &.not-new .new-message {
      flex: 0 auto;
    }
  }
  .\[\&\.not-new_\.new-message_\.page-body\]\:p-0 {
    &.not-new .new-message .page-body {
      padding: calc(var(--spacing) * 0);
    }
  }
  .\[\&\.not-new_\.new-message_\.page-heading\]\:hidden {
    &.not-new .new-message .page-heading {
      display: none;
    }
  }
  .\[\&\.not-new_\.page-heading\]\:pb-0 {
    &.not-new .page-heading {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .\[\&\.not-new_\.page-heading_h1\]\:leading-10 {
    &.not-new .page-heading h1 {
      --tw-leading: calc(var(--spacing) * 10);
      line-height: calc(var(--spacing) * 10);
    }
  }
  .\[\&\.not-new_\.page-heading_h1_span\]\:text-2xl {
    &.not-new .page-heading h1 span {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .\[\&\.not-new_\.page-heading_h1_span\]\:font-normal {
    &.not-new .page-heading h1 span {
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
  }
  .\[\&\.not-new_\.reply-button\]\:mb-4 {
    &.not-new .reply-button {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .\[\&\.open\]\:right-0 {
    &.open {
      right: calc(var(--spacing) * 0);
    }
  }
  .\[\&\.open\]\:opacity-100 {
    &.open {
      opacity: 100%;
    }
  }
  .\[\&\.open\]\:shadow-\[-8px_0px_10px_-7px_rgba\(0\,0\,0\,0\.66\)\] {
    &.open {
      --tw-shadow: -8px 0px 10px -7px var(--tw-shadow-color, rgba(0,0,0,0.66));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .mobile\:\[\&\.open\]\:fixed {
    @media (max-width: 1000px) {
      &.open {
        position: fixed;
      }
    }
  }
  .mobile\:\[\&\.open\]\:top-4 {
    @media (max-width: 1000px) {
      &.open {
        top: calc(var(--spacing) * 4);
      }
    }
  }
  .mobile\:\[\&\.open\]\:right-4 {
    @media (max-width: 1000px) {
      &.open {
        right: calc(var(--spacing) * 4);
      }
    }
  }
  .mobile\:\[\&\.open\]\:left-0 {
    @media (max-width: 1000px) {
      &.open {
        left: calc(var(--spacing) * 0);
      }
    }
  }
  .mobile\:\[\&\.open\]\:z-\[3\] {
    @media (max-width: 1000px) {
      &.open {
        z-index: 3;
      }
    }
  }
  .mobile\:\[\&\.open\]\:h-\[calc\(100\%-3rem\)\] {
    @media (max-width: 1000px) {
      &.open {
        height: calc(100% - 3rem);
      }
    }
  }
  .mobile\:\[\&\.open\]\:w-\[calc\(100\%-2rem\)\] {
    @media (max-width: 1000px) {
      &.open {
        width: calc(100% - 2rem);
      }
    }
  }
  .mobile\:\[\&\.open_\.input\]\:z-\[4\] {
    @media (max-width: 1000px) {
      &.open .input {
        z-index: 4;
      }
    }
  }
  .mobile\:\[\&\.open_\.mobile-underlay\]\:fixed {
    @media (max-width: 1000px) {
      &.open .mobile-underlay {
        position: fixed;
      }
    }
  }
  .mobile\:\[\&\.open_\.mobile-underlay\]\:top-0 {
    @media (max-width: 1000px) {
      &.open .mobile-underlay {
        top: calc(var(--spacing) * 0);
      }
    }
  }
  .mobile\:\[\&\.open_\.mobile-underlay\]\:left-0 {
    @media (max-width: 1000px) {
      &.open .mobile-underlay {
        left: calc(var(--spacing) * 0);
      }
    }
  }
  .mobile\:\[\&\.open_\.mobile-underlay\]\:z-\[3\] {
    @media (max-width: 1000px) {
      &.open .mobile-underlay {
        z-index: 3;
      }
    }
  }
  .mobile\:\[\&\.open_\.mobile-underlay\]\:block {
    @media (max-width: 1000px) {
      &.open .mobile-underlay {
        display: block;
      }
    }
  }
  .mobile\:\[\&\.open_\.mobile-underlay\]\:h-full {
    @media (max-width: 1000px) {
      &.open .mobile-underlay {
        height: 100%;
      }
    }
  }
  .mobile\:\[\&\.open_\.mobile-underlay\]\:w-full {
    @media (max-width: 1000px) {
      &.open .mobile-underlay {
        width: 100%;
      }
    }
  }
  .mobile\:\[\&\.open_\.mobile-underlay\]\:bg-\[rgba\(28\,61\,147\,0\.5\)\] {
    @media (max-width: 1000px) {
      &.open .mobile-underlay {
        background-color: rgba(28,61,147,0.5);
      }
    }
  }
  .mobile\:\[\&\.open_\.options\]\:z-\[4\] {
    @media (max-width: 1000px) {
      &.open .options {
        z-index: 4;
      }
    }
  }
  .\[\&\.primary\]\:border {
    &.primary {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .\[\&\.primary\]\:border-primary {
    &.primary {
      border-color: var(--color-primary);
    }
  }
  .\[\&\.primary\]\:bg-primary {
    &.primary {
      background-color: var(--color-primary);
    }
  }
  .\[\&\.primary\]\:text-white {
    &.primary {
      color: var(--color-white);
    }
  }
  .\[\&\.primary\:disabled\]\:cursor-not-allowed {
    &.primary:disabled {
      cursor: not-allowed;
    }
  }
  .\[\&\.primary\:disabled\]\:border {
    &.primary:disabled {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .\[\&\.primary\:disabled\]\:border-grey-5 {
    &.primary:disabled {
      border-color: var(--color-grey-5);
    }
  }
  .\[\&\.primary\:disabled\]\:bg-grey-5 {
    &.primary:disabled {
      background-color: var(--color-grey-5);
    }
  }
  .\[\&\.primary\:disabled\]\:text-grey-3 {
    &.primary:disabled {
      color: var(--color-grey-3);
    }
  }
  .\[\&\.primary\:disabled\]\:opacity-75 {
    &.primary:disabled {
      opacity: 75%;
    }
  }
  .\[\&\.primary\:disabled\:hover\]\:bg-grey-5 {
    &.primary:disabled:hover {
      background-color: var(--color-grey-5);
    }
  }
  .\[\&\.primary\:hover\]\:border-primary-2 {
    &.primary:hover {
      border-color: var(--color-primary-2);
    }
  }
  .\[\&\.primary\:hover\]\:bg-primary-2 {
    &.primary:hover {
      background-color: var(--color-primary-2);
    }
  }
  .\[\&\.print-mode\]\:flex {
    &.print-mode {
      display: flex;
    }
  }
  .\[\&\.print-mode\]\:hidden {
    &.print-mode {
      display: none;
    }
  }
  .print\:\[\&\.print-mode\]\:hidden {
    @media print {
      &.print-mode {
        display: none;
      }
    }
  }
  .\[\&\.received_\.content\]\:rounded-tl-none {
    &.received .content {
      border-top-left-radius: 0;
    }
  }
  .\[\&\.received_\.content\]\:bg-grey-7 {
    &.received .content {
      background-color: var(--color-grey-7);
    }
  }
  .\[\&\.received_\.sender\]\:ml-4 {
    &.received .sender {
      margin-left: calc(var(--spacing) * 4);
    }
  }
  .\[\&\.received_\.timestamp\]\:ml-4 {
    &.received .timestamp {
      margin-left: calc(var(--spacing) * 4);
    }
  }
  .\[\&\.secondary\]\:border {
    &.secondary {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .\[\&\.secondary\]\:border-secondary {
    &.secondary {
      border-color: var(--color-secondary);
    }
  }
  .\[\&\.secondary\]\:bg-secondary {
    &.secondary {
      background-color: var(--color-secondary);
    }
  }
  .\[\&\.secondary\]\:text-white {
    &.secondary {
      color: var(--color-white);
    }
  }
  .\[\&\.secondary\:disabled\]\:cursor-not-allowed {
    &.secondary:disabled {
      cursor: not-allowed;
    }
  }
  .\[\&\.secondary\:disabled\]\:bg-grey-5 {
    &.secondary:disabled {
      background-color: var(--color-grey-5);
    }
  }
  .\[\&\.secondary\:disabled\]\:text-grey-3 {
    &.secondary:disabled {
      color: var(--color-grey-3);
    }
  }
  .\[\&\.secondary\:disabled\]\:opacity-75 {
    &.secondary:disabled {
      opacity: 75%;
    }
  }
  .\[\&\.secondary\:disabled\:hover\]\:bg-grey-5 {
    &.secondary:disabled:hover {
      background-color: var(--color-grey-5);
    }
  }
  .\[\&\.secondary\:disabled\:hover\]\:text-grey-3 {
    &.secondary:disabled:hover {
      color: var(--color-grey-3);
    }
  }
  .\[\&\.secondary\:hover\]\:border-secondary-2 {
    &.secondary:hover {
      border-color: var(--color-secondary-2);
    }
  }
  .\[\&\.secondary\:hover\]\:bg-secondary-2 {
    &.secondary:hover {
      background-color: var(--color-secondary-2);
    }
  }
  .\[\&\.selected\]\:bg-grey-8 {
    &.selected {
      background-color: var(--color-grey-8);
    }
  }
  .\[\&\.sending_svg_\*\]\:fill-grey-5 {
    &.sending svg * {
      fill: var(--color-grey-5);
    }
  }
  .\[\&\.sent_\.content\]\:rounded-tr-none {
    &.sent .content {
      border-top-right-radius: 0;
    }
  }
  .\[\&\.sent_\.content\]\:bg-sky-blue {
    &.sent .content {
      background-color: var(--color-sky-blue);
    }
  }
  .\[\&\.sent_\.content\]\:text-white {
    &.sent .content {
      color: var(--color-white);
    }
  }
  .\[\&\.sent_\.sender\]\:mr-4 {
    &.sent .sender {
      margin-right: calc(var(--spacing) * 4);
    }
  }
  .\[\&\.sent_\.sender\]\:text-right {
    &.sent .sender {
      text-align: right;
    }
  }
  .\[\&\.sent_\.timestamp\]\:mr-4 {
    &.sent .timestamp {
      margin-right: calc(var(--spacing) * 4);
    }
  }
  .\[\&\.sent_\.timestamp\]\:text-right {
    &.sent .timestamp {
      text-align: right;
    }
  }
  .\[\&\.tertiary\]\:border {
    &.tertiary {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .\[\&\.tertiary\]\:border-secondary {
    &.tertiary {
      border-color: var(--color-secondary);
    }
  }
  .\[\&\.tertiary\]\:bg-white {
    &.tertiary {
      background-color: var(--color-white);
    }
  }
  .\[\&\.tertiary\]\:text-secondary {
    &.tertiary {
      color: var(--color-secondary);
    }
  }
  .\[\&\.tertiary\:disabled\]\:cursor-not-allowed {
    &.tertiary:disabled {
      cursor: not-allowed;
    }
  }
  .\[\&\.tertiary\:disabled\]\:opacity-75 {
    &.tertiary:disabled {
      opacity: 75%;
    }
  }
  .\[\&\.tertiary\:disabled\:hover\]\:bg-secondary {
    &.tertiary:disabled:hover {
      background-color: var(--color-secondary);
    }
  }
  .\[\&\.tertiary\:disabled\:hover\]\:text-white {
    &.tertiary:disabled:hover {
      color: var(--color-white);
    }
  }
  .\[\&\.tertiary\:hover\]\:border-primary-2 {
    &.tertiary:hover {
      border-color: var(--color-primary-2);
    }
  }
  .\[\&\.tertiary\:hover\]\:bg-primary {
    &.tertiary:hover {
      background-color: var(--color-primary);
    }
  }
  .\[\&\.tertiary\:hover\]\:text-white {
    &.tertiary:hover {
      color: var(--color-white);
    }
  }
  .\[\&\.trace\]\:border-\[\#888\] {
    &.trace {
      border-color: #888;
    }
  }
  .\[\&\.trace\]\:text-\[\#888\] {
    &.trace {
      color: #888;
    }
  }
  .\[\&\.trace\.enabled\]\:bg-\[\#888\] {
    &.trace.enabled {
      background-color: #888;
    }
  }
  .\[\&\.trace\.enabled\]\:text-white {
    &.trace.enabled {
      color: var(--color-white);
    }
  }
  .\[\&\.transition\]\:bottom-\[3\.75rem\] {
    &.transition {
      bottom: 3.75rem;
    }
  }
  .desktop\:\[\&\.transition\]\:bottom-0 {
    @media (min-width: 1000px) {
      &.transition {
        bottom: calc(var(--spacing) * 0);
      }
    }
  }
  .desktop\:\[\&\.transition\]\:h-\[calc\(100\%-8\.25rem\+4\.75rem\)\] {
    @media (min-width: 1000px) {
      &.transition {
        height: calc(100% - 8.25rem + 4.75rem);
      }
    }
  }
  .\[\&\.unread\]\:bg-\[\#d7ffd3\] {
    &.unread {
      background-color: #d7ffd3;
    }
  }
  .\[\&\.warning\]\:border-\[\#880\] {
    &.warning {
      border-color: #880;
    }
  }
  .\[\&\.warning\]\:text-\[\#880\] {
    &.warning {
      color: #880;
    }
  }
  .\[\&\.warning\.enabled\]\:bg-\[\#880\] {
    &.warning.enabled {
      background-color: #880;
    }
  }
  .\[\&\.warning\.enabled\]\:text-white {
    &.warning.enabled {
      color: var(--color-white);
    }
  }
  .\[\&\:\:-webkit-scrollbar\]\:h-0 {
    &::-webkit-scrollbar {
      height: calc(var(--spacing) * 0);
    }
  }
  .\[\&\:\:-webkit-scrollbar\]\:w-0 {
    &::-webkit-scrollbar {
      width: calc(var(--spacing) * 0);
    }
  }
  .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-\[red\] {
    &::-webkit-scrollbar-thumb {
      background-color: red;
    }
  }
  .\[\&\:\:-webkit-scrollbar-thumb\:hover\]\:bg-\[red\] {
    &::-webkit-scrollbar-thumb:hover {
      background-color: red;
    }
  }
  .\[\&\:\:-webkit-scrollbar-track\]\:bg-\[red\] {
    &::-webkit-scrollbar-track {
      background-color: red;
    }
  }
  .\[\&\:hover_\.text\]\:text-grey-4 {
    &:hover .text {
      color: var(--color-grey-4);
    }
  }
  .\[\&\:hover_svg\]\:w-6 {
    &:hover svg {
      width: calc(var(--spacing) * 6);
    }
  }
  .\[\&\:hover_svg\]\:w-7 {
    &:hover svg {
      width: calc(var(--spacing) * 7);
    }
  }
  .\[\&\>li\]\:flex {
    &>li {
      display: flex;
    }
  }
  .\[\&\>li\]\:items-center {
    &>li {
      align-items: center;
    }
  }
  .\[\&\>li\]\:justify-between {
    &>li {
      justify-content: space-between;
    }
  }
  .\[\&\>li\]\:border-b {
    &>li {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .\[\&\>li\]\:border-grey-6 {
    &>li {
      border-color: var(--color-grey-6);
    }
  }
  .\[\&\>li\]\:py-2 {
    &>li {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .\[\.active_\&\]\:opacity-100 {
    .active & {
      opacity: 100%;
    }
  }
  .\[\@media\(max-height\:1000px\)\]\:\[\&_\.page-body\]\:overflow-auto\! {
    @media (max-height:1000px) {
      & .page-body {
        overflow: auto !important;
      }
    }
  }
  .\[\@media\(max-width\:400px\)\]\:w-full {
    @media (max-width:400px) {
      width: 100%;
    }
  }
  .\[\@media\(max-width\:400px\)\]\:flex-col {
    @media (max-width:400px) {
      flex-direction: column;
    }
  }
}
@keyframes vbounce {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, 5px, 0);
  }
}
a {
  color: #3d5e20;
  transition: color 0.2s ease;
}
a:hover {
  color: #446723;
}
h1, h2, h3, h4, h5 {
  font-weight: normal;
}
.loading .bounces {
  margin: auto;
  width: 70px;
  text-align: center;
}
.loading .bounces > div {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: grey;
  display: inline-block;
  animation: loading-bounce 1.4s infinite ease-in-out both;
}
.loading .bounces .bounce1 {
  animation-delay: -0.32s;
}
.loading .bounces .bounce2 {
  animation-delay: -0.16s;
}
@keyframes loading-bounce {
  0%, 80%, 100% {
    transform: scale(0);
    background-color: #111811;
  }
  40% {
    transform: scale(1);
    background-color: #3d5e20;
  }
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  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-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: 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-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-content: "";
    }
  }
}@font-face {
  font-family: Barlow;
  font-weight: 900;
  src: url("fonts/Barlow-Black.ttf") format("truetype");
}

@font-face {
  font-family: Barlow;
  font-weight: 900;
  font-style: italic;
  src: url("fonts/Barlow-BlackItalic.ttf") format("truetype");
}

@font-face {
  font-family: Barlow;
  font-weight: 800;
  src: url("fonts/Barlow-ExtraBold.ttf") format("truetype");
}

@font-face {
  font-family: Barlow;
  font-weight: 800;
  font-style: italic;
  src: url("fonts/Barlow-ExtraBoldItalic.ttf") format("truetype");
}

@font-face {
  font-family: Barlow;
  font-weight: bold;
  src: url("fonts/Barlow-Bold.ttf") format("truetype");
}

@font-face {
  font-family: Barlow;
  font-weight: bold;
  font-style: italic;
  src: url("fonts/Barlow-BoldItalic.ttf") format("truetype");
}

@font-face {
  font-family: Barlow;
  font-weight: 700;
  src: url("fonts/Barlow-Bold.ttf") format("truetype");
}

@font-face {
  font-family: Barlow;
  font-weight: 700;
  font-style: italic;
  src: url("fonts/Barlow-BoldItalic.ttf") format("truetype");
}

@font-face {
  font-family: Barlow;
  font-weight: 600;
  src: url("fonts/Barlow-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: Barlow;
  font-weight: 600;
  font-style: italic;
  src: url("fonts/Barlow-SemiBoldItalic.ttf") format("truetype");
}

@font-face {
  font-family: Barlow;
  font-weight: 500;
  src: url("fonts/Barlow-Medium.ttf") format("truetype");
}

@font-face {
  font-family: Barlow;
  font-weight: 500;
  font-style: italic;
  src: url("fonts/Barlow-MediumItalic.ttf") format("truetype");
}

@font-face {
  font-family: Barlow;
  font-weight: normal;
  src: url("fonts/Barlow-Regular.ttf") format("truetype");
}

@font-face {
  font-family: Barlow;
  font-weight: normal;
  font-style: italic;
  src: url("fonts/Barlow-Italic.ttf") format("truetype");
}

@font-face {
  font-family: Barlow;
  font-weight: 400;
  src: url("fonts/Barlow-Regular.ttf") format("truetype");
}

@font-face {
  font-family: Barlow;
  font-weight: 400;
  font-style: italic;
  src: url("fonts/Barlow-Italic.ttf") format("truetype");
}

@font-face {
  font-family: Barlow;
  font-weight: 300;
  src: url("fonts/Barlow-Light.ttf") format("truetype");
}

@font-face {
  font-family: Barlow;
  font-weight: 300;
  font-style: italic;
  src: url("fonts/Barlow-LightItalic.ttf") format("truetype");
}

@font-face {
  font-family: Barlow;
  font-weight: 200;
  src: url("fonts/Barlow-ExtraLight.ttf") format("truetype");
}

@font-face {
  font-family: Barlow;
  font-weight: 200;
  font-style: italic;
  src: url("fonts/Barlow-ExtraLightItalic.ttf") format("truetype");
}

@font-face {
  font-family: Barlow;
  font-weight: 100;
  src: url("fonts/Barlow-Thin.ttf") format("truetype");
}

@font-face {
  font-family: Barlow;
  font-weight: 100;
  font-style: italic;
  src: url("fonts/Barlow-ThinItalic.ttf") format("truetype");
}

@media print {
  @page {
    margin: 0;
  }
}

body, html {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-family: "Barlow", sans-serif;
}

#react-target {
  width: 100%;
  height: 100%;
}

#react-target.print-mode {
  height: auto;
  min-height: 100%;
  width: 8.5in;
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: #c4c3c2;
}
::-webkit-scrollbar-thumb:hover {
  background: #b4b3b2;
}

:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #109E67;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  transform: translate3d(0, 0, var(--toastify-z-index) px);
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}
.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}
.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}
.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}
.Toastify__toast {
  --y: 0;
  position: relative;
  touch-action: none;
  width: var(--toastify-toast-width);
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: var(--toastify-toast-padding);
  border-radius: var(--toastify-toast-bd-radius);
  box-shadow: var(--toastify-toast-shadow);
  max-height: var(--toastify-toast-max-height);
  font-family: var(--toastify-font-family);
  /* webkit only issue #791 */
  z-index: 0;
  /* inner swag */
  display: flex;
  flex: 1 auto;
  align-items: center;
  word-break: break-word;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.Toastify__toast-icon {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  width: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.7s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL_DISABLED=ReactToastify.css.map */


/* rc-tooltip */

.rc-tooltip.rc-tooltip-zoom-appear,
.rc-tooltip.rc-tooltip-zoom-enter {
  opacity: 0;
}
.rc-tooltip.rc-tooltip-zoom-enter,
.rc-tooltip.rc-tooltip-zoom-leave {
  display: block;
}
.rc-tooltip-zoom-enter,
.rc-tooltip-zoom-appear {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  animation-play-state: paused;
}
.rc-tooltip-zoom-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
  animation-play-state: paused;
}
.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active,
.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active {
  animation-name: rcToolTipZoomIn;
  animation-play-state: running;
}
.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {
  animation-name: rcToolTipZoomOut;
  animation-play-state: running;
}
@keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
}
@keyframes rcToolTipZoomOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
}
.rc-tooltip {
  position: absolute;
  z-index: 999070;
  display: block;
  visibility: visible;
  font-size: 0.8rem;
  font-weight: bold;
  background-color: rgba(0, 0, 0, 0.05);
  /* box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.8); */
  border-radius: 1rem;
  opacity: 1;
  max-width: 20rem;
}
.rc-tooltip-hidden {
  display: none;
}
.rc-tooltip-inner {
  padding: 8px 10px;
  color: #ffffff;
  text-align: left;
  text-decoration: none;
  background-color: #2A3974;
  border-radius: 1rem;
  border: 1px solid #2A3974;
}
.rc-tooltip-arrow,
.rc-tooltip-arrow-inner {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.rc-tooltip-placement-top .rc-tooltip-arrow,
.rc-tooltip-placement-topLeft .rc-tooltip-arrow,
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  bottom: -5px;
  margin-left: -6px;
  border-width: 6px 6px 0;
  border-top-color: #2A3974;
}
.rc-tooltip-placement-top .rc-tooltip-arrow-inner,
.rc-tooltip-placement-topLeft .rc-tooltip-arrow-inner,
.rc-tooltip-placement-topRight .rc-tooltip-arrow-inner {
  bottom: 1px;
  margin-left: -6px;
  border-width: 6px 6px 0;
  border-top-color: #2A3974;
}
.rc-tooltip-placement-top .rc-tooltip-arrow {
  left: 50%;
}
.rc-tooltip-placement-topLeft .rc-tooltip-arrow {
  left: 15%;
}
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  right: 15%;
}
.rc-tooltip-placement-right .rc-tooltip-arrow,
.rc-tooltip-placement-rightTop .rc-tooltip-arrow,
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
  left: -5px;
  margin-top: -6px;
  border-width: 6px 6px 6px 0;
  border-right-color: #2A3974;
}
.rc-tooltip-placement-right .rc-tooltip-arrow-inner,
.rc-tooltip-placement-rightTop .rc-tooltip-arrow-inner,
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow-inner {
  left: 1px;
  margin-top: -6px;
  border-width: 6px 6px 6px 0;
  border-right-color: #2A3974;
}
.rc-tooltip-placement-right .rc-tooltip-arrow {
  top: 50%;
}
.rc-tooltip-placement-rightTop .rc-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
  bottom: 15%;
}
.rc-tooltip-placement-left .rc-tooltip-arrow,
.rc-tooltip-placement-leftTop .rc-tooltip-arrow,
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  right: -5px;
  margin-top: -6px;
  border-width: 6px 0 6px 6px;
  border-left-color: #2A3974;
}
.rc-tooltip-placement-left .rc-tooltip-arrow-inner,
.rc-tooltip-placement-leftTop .rc-tooltip-arrow-inner,
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow-inner {
  right: 1px;
  margin-top: -6px;
  border-width: 6px 0 6px 6px;
  border-left-color: #2A3974;
}
.rc-tooltip-placement-left .rc-tooltip-arrow {
  top: 50%;
}
.rc-tooltip-placement-leftTop .rc-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  bottom: 15%;
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow,
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  top: -5px;
  margin-left: -6px;
  border-width: 0 6px 6px;
  border-bottom-color: #2A3974;
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow-inner,
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow-inner,
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow-inner {
  top: 1px;
  margin-left: -6px;
  border-width: 0 6px 6px;
  border-bottom-color: #2A3974;
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow {
  left: 50%;
}
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow {
  left: 15%;
}
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  right: 15%;
}

.react-tooltip {
  max-width: 35rem;
  font-weight: normal;
  z-index: 5;
}