/* 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, base, utilities;
@layer theme {
  :root, :host {
    --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-md: 28rem;
    --container-2xl: 42rem;
    --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-tight: -0.025em;
    --tracking-wide: 0.025em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-xs: 2px;
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 10px;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --text-micro: 0.6875rem;
    --text-micro--line-height: 1.45;
    --text-caption: 0.75rem;
    --text-caption--line-height: 1.5;
    --text-ui: 0.8125rem;
    --text-ui--line-height: 1.5;
    --text-label: 0.6875rem;
    --text-label--line-height: 1.5;
    --text-label--font-weight: 600;
    --text-label--letter-spacing: 0.12em;
    --text-title: 1.25rem;
    --text-title--line-height: 1.2;
    --text-title--font-weight: 600;
    --text-headline: 2rem;
    --text-headline--line-height: 1.2;
    --text-headline--font-weight: 700;
    --text-display: 3rem;
    --text-display--line-height: 1.05;
    --text-display--font-weight: 700;
    --text-display--letter-spacing: 0.04em;
    --tracking-caps: 0.12em;
    --tracking-display: 0.04em;
    --color-primary: #0b7a55;
    --color-primary-2: #096647;
    --color-primary-soft: #d1fae5;
    --color-on-primary: #ffffff;
    --color-emerald: #10b981;
    --color-link: #0b7a55;
    --color-link-hover: #096647;
    --color-secondary: #1a212a;
    --color-secondary-2: #232c38;
    --color-tertiary: #2c6fa8;
    --color-sky-blue: #2c6fa8;
    --color-quaternary: #8a6217;
    --color-orange: #8a6217;
    --color-light-blue: #dce9f4;
    --color-bright-blue: #2c6fa8;
    --color-danger: #c93838;
    --color-ink: #121821;
    --color-teal-1: #2c6fa8;
    --color-gold-1: #ffe7ab;
    --color-gold-2: #ffd479;
    --color-gold-3: #dab35d;
    --color-gold-4: #b07f25;
    --color-gold: #b07f25;
    --color-red-1: #a5241a;
    --color-red-2: #c93838;
    --color-red-3: #e05f52;
    --color-red-4: #ea8a7c;
    --color-red-5: #f3b8ad;
    --color-red-6: #fbe3de;
    --color-red-7: #c93838;
    --color-grey-1: #121821;
    --color-grey-2: #28323d;
    --color-grey-3: #46535f;
    --color-grey-4: #74818d;
    --color-grey-5: #aeb9c4;
    --color-grey-6: #cdd5dd;
    --color-grey-7: #e2e7ec;
    --color-grey-8: #eef1f5;
    --color-grey-9: #f6f8fa;
    --color-green: #0e9f6e;
    --color-green-2: #0d9466;
    --color-green-3: #34d399;
    --color-page: #f6f8fa;
    --color-page-alt: #eef1f5;
    --color-panel: #ffffff;
    --color-panel-alt: #eef1f5;
    --color-panel-deep: #e2e7ec;
    --color-overlay: rgba(15, 22, 30, 0.55);
    --color-fg-1: #121821;
    --color-fg-2: #46535f;
    --color-fg-3: #74818d;
    --color-ink-1: #121821;
    --color-ink-2: #46535f;
    --color-ink-3: #74818d;
    --color-soft: rgba(18, 24, 33, 0.10);
    --color-mid: rgba(18, 24, 33, 0.18);
    --color-strong: #46535f;
    --color-buy: #0e9f6e;
    --color-sell: #d64545;
    --color-warn: #e0a83a;
    --color-info: #2c6fa8;
    --color-positive: #0e9f6e;
    --color-negative: #d64545;
    --color-tick-up: #0e9f6e;
    --color-tick-down: #d64545;
    --color-tick-flat: #74818d;
    --color-fresh: #10b981;
    --color-stale: #e0a83a;
    --color-dead: #9aa6b0;
    --color-viz-1: #10b981;
    --color-viz-2: #2c6fa8;
    --color-viz-3: #c77a1b;
    --color-viz-4: #6a3fa8;
    --color-viz-5: #dab35d;
    --color-viz-grid: rgba(18, 24, 33, 0.10);
    --color-viz-axis: #74818d;
    --radius-card: 8px;
    --radius-input: 6px;
    --radius-coin: 9999px;
    --spacing-input: 2.25rem;
    --spacing-input-lg: 2.5rem;
    --spacing-app-header: 3.25rem;
    --spacing-nav-mobile: 3.25rem;
    --spacing-mobile-nav: 16rem;
    --spacing-footer-nav: 3.5rem;
  }
}
@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;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .-top-2 {
    top: calc(var(--spacing) * -2);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-1\/2 {
    top: calc(1 / 2 * 100%);
  }
  .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-10 {
    top: calc(var(--spacing) * 10);
  }
  .top-\[-0\.05rem\] {
    top: -0.05rem;
  }
  .top-\[-0\.5rem\] {
    top: -0.5rem;
  }
  .top-\[0\.1rem\] {
    top: 0.1rem;
  }
  .top-\[2px\] {
    top: 2px;
  }
  .top-\[11px\] {
    top: 11px;
  }
  .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%;
  }
  .right-\[50\%\] {
    right: 50%;
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .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-3 {
    left: calc(var(--spacing) * 3);
  }
  .left-4 {
    left: calc(var(--spacing) * 4);
  }
  .left-\[-50\%\] {
    left: -50%;
  }
  .z-0 {
    z-index: 0;
  }
  .z-1 {
    z-index: 1;
  }
  .z-2 {
    z-index: 2;
  }
  .z-3 {
    z-index: 3;
  }
  .z-4 {
    z-index: 4;
  }
  .z-5 {
    z-index: 5;
  }
  .z-10 {
    z-index: 10;
  }
  .z-50 {
    z-index: 50;
  }
  .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-4 {
    margin-inline: calc(var(--spacing) * -4);
  }
  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }
  .mx-\[-1rem\] {
    margin-inline: -1rem;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .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-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .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 {
    margin-right: calc(var(--spacing) * 1);
  }
  .mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-auto {
    margin-right: auto;
  }
  .mb-0\! {
    margin-bottom: calc(var(--spacing) * 0) !important;
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
  .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);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-1\.5 {
    margin-left: calc(var(--spacing) * 1.5);
  }
  .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-0\.5 {
    height: calc(var(--spacing) * 0.5);
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .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-20\! {
    height: calc(var(--spacing) * 20) !important;
  }
  .h-24\! {
    height: calc(var(--spacing) * 24) !important;
  }
  .h-32\! {
    height: calc(var(--spacing) * 32) !important;
  }
  .h-64 {
    height: calc(var(--spacing) * 64);
  }
  .h-72 {
    height: calc(var(--spacing) * 72);
  }
  .h-\[3px\] {
    height: 3px;
  }
  .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-input-lg {
    height: var(--spacing-input-lg);
  }
  .h-nav-mobile {
    height: var(--spacing-nav-mobile);
  }
  .h-px {
    height: 1px;
  }
  .max-h-28 {
    max-height: calc(var(--spacing) * 28);
  }
  .max-h-40 {
    max-height: calc(var(--spacing) * 40);
  }
  .max-h-56 {
    max-height: calc(var(--spacing) * 56);
  }
  .max-h-\[29rem\] {
    max-height: 29rem;
  }
  .max-h-\[70vh\] {
    max-height: 70vh;
  }
  .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-16 {
    min-height: calc(var(--spacing) * 16);
  }
  .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-1 {
    width: calc(var(--spacing) * 1);
  }
  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }
  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-48 {
    width: calc(var(--spacing) * 48);
  }
  .w-64 {
    width: calc(var(--spacing) * 64);
  }
  .w-\[35\%\] {
    width: 35%;
  }
  .w-\[42\%\] {
    width: 42%;
  }
  .w-\[55\%\] {
    width: 55%;
  }
  .w-\[60\%\] {
    width: 60%;
  }
  .w-\[68\%\] {
    width: 68%;
  }
  .w-\[70px\] {
    width: 70px;
  }
  .w-\[80\%\] {
    width: 80%;
  }
  .w-\[88\%\] {
    width: 88%;
  }
  .w-\[200px\] {
    width: 200px;
  }
  .w-\[calc\(100\%\+2rem\)\] {
    width: calc(100% + 2rem);
  }
  .w-auto {
    width: auto;
  }
  .w-full {
    width: 100%;
  }
  .w-mobile-nav {
    width: var(--spacing-mobile-nav);
  }
  .w-px {
    width: 1px;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-28 {
    max-width: calc(var(--spacing) * 28);
  }
  .max-w-\[30rem\] {
    max-width: 30rem;
  }
  .max-w-\[35rem\] {
    max-width: 35rem;
  }
  .max-w-\[232px\] {
    max-width: 232px;
  }
  .max-w-\[440px\] {
    max-width: 440px;
  }
  .max-w-\[560px\] {
    max-width: 560px;
  }
  .max-w-\[820px\] {
    max-width: 820px;
  }
  .max-w-\[1600px\] {
    max-width: 1600px;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .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-72 {
    min-width: calc(var(--spacing) * 72);
  }
  .min-w-80 {
    min-width: calc(var(--spacing) * 80);
  }
  .min-w-\[30rem\] {
    min-width: 30rem;
  }
  .min-w-\[200px\] {
    min-width: 200px;
  }
  .min-w-\[232px\] {
    min-width: 232px;
  }
  .min-w-\[420px\] {
    min-width: 420px;
  }
  .min-w-\[520px\] {
    min-width: 520px;
  }
  .min-w-\[580px\] {
    min-width: 580px;
  }
  .min-w-\[720px\] {
    min-width: 720px;
  }
  .min-w-\[760px\] {
    min-width: 760px;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-\[0\.5\] {
    flex: 0.5;
  }
  .flex-\[0\] {
    flex: 0;
  }
  .flex-none {
    flex: none;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .basis-full {
    flex-basis: 100%;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-rotate-90 {
    rotate: calc(90deg * -1);
  }
  .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;
  }
  .list-none {
    list-style-type: none;
  }
  .appearance-none {
    appearance: none;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-\[1\.3fr_auto_auto_repeat\(6\,minmax\(0\,1fr\)\)\] {
    grid-template-columns: 1.3fr auto auto repeat(6,minmax(0,1fr));
  }
  .grid-cols-\[1\.4fr_repeat\(6\,minmax\(0\,1fr\)\)\] {
    grid-template-columns: 1.4fr repeat(6,minmax(0,1fr));
  }
  .grid-cols-\[1\.5fr_auto_auto_auto\] {
    grid-template-columns: 1.5fr auto auto auto;
  }
  .grid-cols-\[1\.6fr_auto_auto\] {
    grid-template-columns: 1.6fr auto auto;
  }
  .grid-cols-\[1\.6fr_auto_auto_auto\] {
    grid-template-columns: 1.6fr auto auto auto;
  }
  .grid-cols-\[1\.6fr_auto_auto_auto_auto_auto\] {
    grid-template-columns: 1.6fr auto auto auto auto auto;
  }
  .grid-cols-\[1fr_auto_1fr\] {
    grid-template-columns: 1fr auto 1fr;
  }
  .grid-cols-\[1fr_auto_auto\] {
    grid-template-columns: 1fr auto auto;
  }
  .grid-cols-\[1fr_auto_auto_auto\] {
    grid-template-columns: 1fr auto auto auto;
  }
  .stat-track {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-around {
    justify-content: space-around;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-\[\.6rem\] {
    gap: .6rem;
  }
  .gap-\[3px\] {
    gap: 3px;
  }
  .gap-px {
    gap: 1px;
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-5 {
    column-gap: calc(var(--spacing) * 5);
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }
  .gap-y-1\.5 {
    row-gap: calc(var(--spacing) * 1.5);
  }
  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .divide-x {
    :where(& > :not(:last-child)) {
      --tw-divide-x-reverse: 0;
      border-inline-style: var(--tw-border-style);
      border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
      border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
    }
  }
  .divide-y {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
  }
  .divide-soft {
    :where(& > :not(:last-child)) {
      border-color: var(--color-soft);
    }
  }
  .self-center {
    align-self: center;
  }
  .self-end {
    align-self: flex-end;
  }
  .self-start {
    align-self: flex-start;
  }
  .self-stretch {
    align-self: stretch;
  }
  .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-\[2px\] {
    border-radius: 2px;
  }
  .rounded-\[3px\] {
    border-radius: 3px;
  }
  .rounded-\[4px\] {
    border-radius: 4px;
  }
  .rounded-card {
    border-radius: var(--radius-card);
  }
  .rounded-coin {
    border-radius: var(--radius-coin);
  }
  .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-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-t-\[2px\] {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
  }
  .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-\[\#2a2a2a\] {
    border-color: #2a2a2a;
  }
  .border-\[\#222\] {
    border-color: #222;
  }
  .border-\[\#222222\] {
    border-color: #222222;
  }
  .border-gold {
    border-color: var(--color-gold);
  }
  .border-gold\/30 {
    border-color: color-mix(in srgb, #b07f25 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-gold) 30%, transparent);
    }
  }
  .border-gold\/40 {
    border-color: color-mix(in srgb, #b07f25 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-gold) 40%, transparent);
    }
  }
  .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, #74818d 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-info {
    border-color: var(--color-info);
  }
  .border-info\/40 {
    border-color: color-mix(in srgb, #2c6fa8 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-info) 40%, transparent);
    }
  }
  .border-mid {
    border-color: var(--color-mid);
  }
  .border-orange\/40 {
    border-color: color-mix(in srgb, #8a6217 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-primary\/25 {
    border-color: color-mix(in srgb, #0b7a55 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-primary) 25%, transparent);
    }
  }
  .border-primary\/40 {
    border-color: color-mix(in srgb, #0b7a55 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
    }
  }
  .border-red-2 {
    border-color: var(--color-red-2);
  }
  .border-sell {
    border-color: var(--color-sell);
  }
  .border-sell\! {
    border-color: var(--color-sell) !important;
  }
  .border-sell\/40 {
    border-color: color-mix(in srgb, #d64545 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-sell) 40%, transparent);
    }
  }
  .border-soft {
    border-color: var(--color-soft);
  }
  .border-soft\/60 {
    border-color: color-mix(in srgb, rgba(18, 24, 33, 0.10) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-soft) 60%, transparent);
    }
  }
  .border-tertiary\/40 {
    border-color: color-mix(in srgb, #2c6fa8 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-tertiary) 40%, transparent);
    }
  }
  .border-warn {
    border-color: var(--color-warn);
  }
  .border-warn\/25 {
    border-color: color-mix(in srgb, #e0a83a 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-warn) 25%, transparent);
    }
  }
  .border-warn\/40 {
    border-color: color-mix(in srgb, #e0a83a 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-warn) 40%, transparent);
    }
  }
  .border-t-white {
    border-top-color: var(--color-white);
  }
  .bg-\[\#0c0c0c\] {
    background-color: #0c0c0c;
  }
  .bg-\[\#161616\] {
    background-color: #161616;
  }
  .bg-\[\#232323\] {
    background-color: #232323;
  }
  .bg-current {
    background-color: currentcolor;
  }
  .bg-dead {
    background-color: var(--color-dead);
  }
  .bg-fg-3 {
    background-color: var(--color-fg-3);
  }
  .bg-fg-3\/30 {
    background-color: color-mix(in srgb, #74818d 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-fg-3) 30%, transparent);
    }
  }
  .bg-fg-3\/60 {
    background-color: color-mix(in srgb, #74818d 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-fg-3) 60%, transparent);
    }
  }
  .bg-gold {
    background-color: var(--color-gold);
  }
  .bg-gold\/10 {
    background-color: color-mix(in srgb, #b07f25 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gold) 10%, transparent);
    }
  }
  .bg-gold\/15 {
    background-color: color-mix(in srgb, #b07f25 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gold) 15%, 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, #74818d 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-info {
    background-color: var(--color-info);
  }
  .bg-info\/15 {
    background-color: color-mix(in srgb, #2c6fa8 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-info) 15%, transparent);
    }
  }
  .bg-orange\/15 {
    background-color: color-mix(in srgb, #8a6217 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-orange) 15%, transparent);
    }
  }
  .bg-overlay {
    background-color: var(--color-overlay);
  }
  .bg-page {
    background-color: var(--color-page);
  }
  .bg-page-alt {
    background-color: var(--color-page-alt);
  }
  .bg-page\/60 {
    background-color: color-mix(in srgb, #f6f8fa 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-page) 60%, transparent);
    }
  }
  .bg-panel {
    background-color: var(--color-panel);
  }
  .bg-panel-alt {
    background-color: var(--color-panel-alt);
  }
  .bg-primary {
    background-color: var(--color-primary);
  }
  .bg-primary\/10 {
    background-color: color-mix(in srgb, #0b7a55 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
    }
  }
  .bg-primary\/15 {
    background-color: color-mix(in srgb, #0b7a55 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 15%, transparent);
    }
  }
  .bg-primary\/25 {
    background-color: color-mix(in srgb, #0b7a55 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 25%, transparent);
    }
  }
  .bg-primary\/40 {
    background-color: color-mix(in srgb, #0b7a55 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
    }
  }
  .bg-primary\/60 {
    background-color: color-mix(in srgb, #0b7a55 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 60%, transparent);
    }
  }
  .bg-primary\/\[0\.07\] {
    background-color: color-mix(in srgb, #0b7a55 7.000000000000001%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 7.000000000000001%, transparent);
    }
  }
  .bg-secondary {
    background-color: var(--color-secondary);
  }
  .bg-sell {
    background-color: var(--color-sell);
  }
  .bg-sell\/15 {
    background-color: color-mix(in srgb, #d64545 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sell) 15%, transparent);
    }
  }
  .bg-soft {
    background-color: var(--color-soft);
  }
  .bg-tertiary\/15 {
    background-color: color-mix(in srgb, #2c6fa8 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-warn {
    background-color: var(--color-warn);
  }
  .bg-warn\/10 {
    background-color: color-mix(in srgb, #e0a83a 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-warn) 10%, transparent);
    }
  }
  .bg-warn\/15 {
    background-color: color-mix(in srgb, #e0a83a 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-warn) 15%, transparent);
    }
  }
  .object-contain {
    object-fit: contain;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-0\.5 {
    padding: calc(var(--spacing) * 0.5);
  }
  .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-0\.5 {
    padding-inline: calc(var(--spacing) * 0.5);
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .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-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .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-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-14 {
    padding-block: calc(var(--spacing) * 14);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-\[\.6rem\] {
    padding-block: .6rem;
  }
  .py-\[0\.2rem\] {
    padding-block: 0.2rem;
  }
  .py-\[0\.7rem\] {
    padding-block: 0.7rem;
  }
  .py-\[3px\] {
    padding-block: 3px;
  }
  .py-\[12vh\] {
    padding-block: 12vh;
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-3\.5 {
    padding-top: calc(var(--spacing) * 3.5);
  }
  .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-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-2\.5 {
    padding-right: calc(var(--spacing) * 2.5);
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
  .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-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
  .pl-2\.5 {
    padding-left: calc(var(--spacing) * 2.5);
  }
  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }
  .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;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .align-middle {
    vertical-align: middle;
  }
  .num {
    font-family: var(--font-mono);
    font-variant-numeric: tabular-nums;
    font-feature-settings: 'tnum' 1, 'zero' 1;
    letter-spacing: 0;
  }
  .font-\[inherit\] {
    font-family: inherit;
  }
  .font-\[ui-monospace\,\'SF_Mono\'\,Menlo\,Consolas\,monospace\] {
    font-family: ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .font-sans {
    font-family: var(--font-sans);
  }
  .text-label {
    font-size: var(--text-label);
    line-height: var(--tw-leading, var(--text-label--line-height));
    letter-spacing: var(--tw-tracking, var(--text-label--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-label--font-weight));
  }
  .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-caption {
    font-size: var(--text-caption);
    line-height: var(--tw-leading, var(--text-caption--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-ui {
    font-size: var(--text-ui);
    line-height: var(--tw-leading, var(--text-ui--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .eyebrow {
    font-size: var(--text-label);
    font-weight: 600;
    letter-spacing: var(--tracking-caps);
    text-transform: uppercase;
  }
  .text-\[\.8rem\] {
    font-size: .8rem;
  }
  .text-\[\.9rem\] {
    font-size: .9rem;
  }
  .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-\[9px\] {
    font-size: 9px;
  }
  .text-\[10\.5px\] {
    font-size: 10.5px;
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .text-\[13px\] {
    font-size: 13px;
  }
  .text-\[14px\] {
    font-size: 14px;
  }
  .text-\[15px\] {
    font-size: 15px;
  }
  .text-\[16px\] {
    font-size: 16px;
  }
  .text-\[18px\] {
    font-size: 18px;
  }
  .text-\[22px\] {
    font-size: 22px;
  }
  .text-\[24px\] {
    font-size: 24px;
  }
  .text-\[26px\] {
    font-size: 26px;
  }
  .text-\[34px\] {
    font-size: 34px;
  }
  .text-\[44px\] {
    font-size: 44px;
  }
  .leading-\[1\.4\] {
    --tw-leading: 1.4;
    line-height: 1.4;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .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-\[0\.15rem\] {
    --tw-tracking: 0.15rem;
    letter-spacing: 0.15rem;
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .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 {
    white-space: pre;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .text-\[\#6b6b6b\] {
    color: #6b6b6b;
  }
  .text-\[\#7a7a7a\] {
    color: #7a7a7a;
  }
  .text-\[\#7fc8ff\] {
    color: #7fc8ff;
  }
  .text-\[\#888888\] {
    color: #888888;
  }
  .text-\[\#b0b0b0\] {
    color: #b0b0b0;
  }
  .text-\[\#d8d8d8\] {
    color: #d8d8d8;
  }
  .text-\[\#f0f0f0\] {
    color: #f0f0f0;
  }
  .text-\[\#ffd479\] {
    color: #ffd479;
  }
  .text-buy {
    color: var(--color-buy);
  }
  .text-danger {
    color: var(--color-danger);
  }
  .text-fg-1 {
    color: var(--color-fg-1);
  }
  .text-fg-2 {
    color: var(--color-fg-2);
  }
  .text-fg-3 {
    color: var(--color-fg-3);
  }
  .text-gold {
    color: var(--color-gold);
  }
  .text-green {
    color: var(--color-green);
  }
  .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-info {
    color: var(--color-info);
  }
  .text-ink {
    color: var(--color-ink);
  }
  .text-on-primary {
    color: var(--color-on-primary);
  }
  .text-on-primary\! {
    color: var(--color-on-primary) !important;
  }
  .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-sell {
    color: var(--color-sell);
  }
  .text-sell\! {
    color: var(--color-sell) !important;
  }
  .text-tertiary {
    color: var(--color-tertiary);
  }
  .text-warn {
    color: var(--color-warn);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\! {
    color: var(--color-white) !important;
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .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;
  }
  .accent-primary {
    accent-color: var(--color-primary);
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-25 {
    opacity: 25%;
  }
  .opacity-40 {
    opacity: 40%;
  }
  .opacity-45 {
    opacity: 45%;
  }
  .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);
  }
  .shadow-chip {
    box-shadow: var(--mb-shadow-chip);
  }
  .shadow-chunky {
    box-shadow: var(--mb-shadow-chunky);
  }
  .shadow-chunky-lg {
    box-shadow: var(--mb-shadow-chunky-lg);
  }
  .shadow-chunky-sm {
    box-shadow: var(--mb-shadow-chunky-sm);
  }
  .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,) !important;
  }
  .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));
  }
  .transition-colors {
    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));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    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));
  }
  .duration-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .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;
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }
  .\[all\:initial\] {
    all: initial;
  }
  .\[transition\:background_0\.15s_ease\,color_0\.15s_ease\,border-color_0\.15s_ease\] {
    transition: background 0.15s ease,color 0.15s ease,border-color 0.15s ease;
  }
  .group-hover\:text-fg-1 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-fg-1);
      }
    }
  }
  .group-hover\:opacity-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .file\:mr-3 {
    &::file-selector-button {
      margin-right: calc(var(--spacing) * 3);
    }
  }
  .file\:cursor-pointer {
    &::file-selector-button {
      cursor: pointer;
    }
  }
  .file\:rounded {
    &::file-selector-button {
      border-radius: 0.25rem;
    }
  }
  .file\:border-0 {
    &::file-selector-button {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .file\:bg-page-alt {
    &::file-selector-button {
      background-color: var(--color-page-alt);
    }
  }
  .file\:px-3 {
    &::file-selector-button {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .file\:py-1 {
    &::file-selector-button {
      padding-block: calc(var(--spacing) * 1);
    }
  }
  .file\:text-\[12px\] {
    &::file-selector-button {
      font-size: 12px;
    }
  }
  .file\:font-semibold {
    &::file-selector-button {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .file\:text-fg-2 {
    &::file-selector-button {
      color: var(--color-fg-2);
    }
  }
  .placeholder\:text-\[\#6b6b6b\] {
    &::placeholder {
      color: #6b6b6b;
    }
  }
  .placeholder\:text-fg-3 {
    &::placeholder {
      color: var(--color-fg-3);
    }
  }
  .placeholder\:capitalize {
    &::placeholder {
      text-transform: capitalize;
    }
  }
  .placeholder\:italic {
    &::placeholder {
      font-style: italic;
    }
  }
  .placeholder\:not-italic {
    &::placeholder {
      font-style: normal;
    }
  }
  .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-0 {
    &:last-child {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .last\:border-b {
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .last\:border-b-0 {
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .last\:border-grey-6 {
    &:last-child {
      border-color: var(--color-grey-6);
    }
  }
  .hover\:top-5 {
    &:hover {
      @media (hover: hover) {
        top: calc(var(--spacing) * 5);
      }
    }
  }
  .hover\:border-mid {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-mid);
      }
    }
  }
  .hover\:border-primary-2 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-primary-2);
      }
    }
  }
  .hover\:border-strong {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-strong);
      }
    }
  }
  .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-page {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-page);
      }
    }
  }
  .hover\:bg-page-alt {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-page-alt);
      }
    }
  }
  .hover\:bg-page-alt\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #eef1f5 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-page-alt) 40%, transparent);
        }
      }
    }
  }
  .hover\:bg-page-alt\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #eef1f5 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-page-alt) 60%, transparent);
        }
      }
    }
  }
  .hover\:bg-primary-2 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary-2);
      }
    }
  }
  .hover\:bg-sell\! {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-sell) !important;
      }
    }
  }
  .hover\:text-\[\#f0f0f0\] {
    &:hover {
      @media (hover: hover) {
        color: #f0f0f0;
      }
    }
  }
  .hover\:text-fg-1 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-fg-1);
      }
    }
  }
  .hover\:text-fg-2 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-fg-2);
      }
    }
  }
  .hover\:text-on-primary\! {
    &:hover {
      @media (hover: hover) {
        color: var(--color-on-primary) !important;
      }
    }
  }
  .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\:text-warn {
    &:hover {
      @media (hover: hover) {
        color: var(--color-warn);
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .focus\:border-\[\#3a3a3a\] {
    &:focus {
      border-color: #3a3a3a;
    }
  }
  .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;
    }
  }
  .focus-visible\:border-primary\/50 {
    &:focus-visible {
      border-color: color-mix(in srgb, #0b7a55 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
      }
    }
  }
  .focus-visible\:ring-2 {
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 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);
    }
  }
  .focus-visible\:ring-primary\/50 {
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, #0b7a55 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
      }
    }
  }
  .focus-visible\:ring-primary\/60 {
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, #0b7a55 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-primary) 60%, transparent);
      }
    }
  }
  .focus-visible\:outline-none {
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .disabled\:cursor-default {
    &:disabled {
      cursor: default;
    }
  }
  .disabled\:cursor-not-allowed {
    &:disabled {
      cursor: not-allowed;
    }
  }
  .disabled\:cursor-wait {
    &:disabled {
      cursor: wait;
    }
  }
  .disabled\:appearance-none {
    &:disabled {
      appearance: none;
    }
  }
  .disabled\:bg-grey-8 {
    &:disabled {
      background-color: var(--color-grey-8);
    }
  }
  .disabled\:bg-page-alt {
    &:disabled {
      background-color: var(--color-page-alt);
    }
  }
  .disabled\:text-fg-3 {
    &:disabled {
      color: var(--color-fg-3);
    }
  }
  .disabled\:opacity-60 {
    &:disabled {
      opacity: 60%;
    }
  }
  .sm\:grid-cols-3 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-\[180px_1fr\] {
    @media (width >= 40rem) {
      grid-template-columns: 180px 1fr;
    }
  }
  .sm\:gap-4 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .sm\:divide-y-0 {
    @media (width >= 40rem) {
      :where(& > :not(:last-child)) {
        --tw-divide-y-reverse: 0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(0px * var(--tw-divide-y-reverse));
        border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
      }
    }
  }
  .sm\:p-5 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .sm\:px-6 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:divide-x {
    @media (width >= 48rem) {
      :where(& > :not(:last-child)) {
        --tw-divide-x-reverse: 0;
        border-inline-style: var(--tw-border-style);
        border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
        border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
      }
    }
  }
  .md\:border-t-0 {
    @media (width >= 48rem) {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
  }
  .lg\:inline {
    @media (width >= 64rem) {
      display: inline;
    }
  }
  .lg\:grid-cols-2 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-5 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-6 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .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-\[-16rem\] {
    @media (max-width: 1000px) {
      left: -16rem;
    }
  }
  .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.25rem);
    }
  }
  .mobile\:h-full {
    @media (max-width: 1000px) {
      height: 100%;
    }
  }
  .mobile\:w-\[calc\(100\%-16rem\)\] {
    @media (max-width: 1000px) {
      width: calc(100% - 16rem);
    }
  }
  .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\:flex-1 {
    @media (max-width: 1000px) {
      flex: 1;
    }
  }
  .mobile\:resize-none {
    @media (max-width: 1000px) {
      resize: none;
    }
  }
  .mobile\:overflow-visible {
    @media (max-width: 1000px) {
      overflow: visible;
    }
  }
  .mobile\:bg-overlay {
    @media (max-width: 1000px) {
      background-color: var(--color-overlay);
    }
  }
  .mobile\:px-4 {
    @media (max-width: 1000px) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .mobile\:py-4 {
    @media (max-width: 1000px) {
      padding-block: 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-2 {
    & .app-pages-nav {
      margin-bottom: calc(var(--spacing) * 2);
    }
  }
  .\[\&_\.app-pages-nav\]\:flex-1 {
    & .app-pages-nav {
      flex: 1;
    }
  }
  .\[\&_\.app-pages-nav\]\:overflow-auto {
    & .app-pages-nav {
      overflow: auto;
    }
  }
  .\[\&_\.app-pages-nav\]\:px-2 {
    & .app-pages-nav {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .\[\&_\.app-pages-nav\]\:pt-2 {
    & .app-pages-nav {
      padding-top: calc(var(--spacing) * 2);
    }
  }
  .\[\&_\.app-pages-nav_\.nav-group-label\]\:px-2\.5 {
    & .app-pages-nav .nav-group-label {
      padding-inline: calc(var(--spacing) * 2.5);
    }
  }
  .\[\&_\.app-pages-nav_\.nav-group-label\]\:pt-4 {
    & .app-pages-nav .nav-group-label {
      padding-top: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.app-pages-nav_\.nav-group-label\]\:pb-1 {
    & .app-pages-nav .nav-group-label {
      padding-bottom: calc(var(--spacing) * 1);
    }
  }
  .\[\&_\.app-pages-nav_\.nav-group-label\]\:text-\[11px\] {
    & .app-pages-nav .nav-group-label {
      font-size: 11px;
    }
  }
  .\[\&_\.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-caps {
    & .app-pages-nav .nav-group-label {
      --tw-tracking: var(--tracking-caps);
      letter-spacing: var(--tracking-caps);
    }
  }
  .\[\&_\.app-pages-nav_\.nav-group-label\]\:text-fg-3 {
    & .app-pages-nav .nav-group-label {
      color: var(--color-fg-3);
    }
  }
  .\[\&_\.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;
    }
  }
  .\[\&_\.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-md {
    & .badge {
      border-radius: var(--radius-md);
    }
  }
  .\[\&_\.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-\[10px\] {
    & .badge {
      font-size: 10px;
    }
  }
  .\[\&_\.badge\]\:font-bold {
    & .badge {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .\[\&_\.badge\]\:text-on-primary {
    & .badge {
      color: var(--color-on-primary);
    }
  }
  .\[\&_\.badge\]\:text-white {
    & .badge {
      color: var(--color-white);
    }
  }
  .\[\&_\.body\]\:text-\[0\.85rem\] {
    & .body {
      font-size: 0.85rem;
    }
  }
  .\[\&_\.body\]\:text-fg-1 {
    & .body {
      color: var(--color-fg-1);
    }
  }
  .\[\&_\.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-soft {
    & .catalog-stats {
      border-color: var(--color-soft);
    }
  }
  .\[\&_\.catalog-stats\]\:px-3 {
    & .catalog-stats {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .\[\&_\.catalog-stats\]\:py-2 {
    & .catalog-stats {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .\[\&_\.catalog-stats\]\:font-mono {
    & .catalog-stats {
      font-family: var(--font-mono);
    }
  }
  .\[\&_\.catalog-stats\]\:text-\[11px\] {
    & .catalog-stats {
      font-size: 11px;
    }
  }
  .\[\&_\.catalog-stats\]\:text-fg-3 {
    & .catalog-stats {
      color: var(--color-fg-3);
    }
  }
  .\[\&_\.catalog-stats\]\:tabular-nums {
    & .catalog-stats {
      --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,);
    }
  }
  .\[\&_\.catalog-table_\.row-select_\.icon\.checkmark\]\:top-0 {
    & .catalog-table .row-select .icon.checkmark {
      top: calc(var(--spacing) * 0);
    }
  }
  .\[\&_\.catalog-tools\]\:mb-3 {
    & .catalog-tools {
      margin-bottom: calc(var(--spacing) * 3);
    }
  }
  .\[\&_\.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-2 {
    & .catalog-tools {
      gap: calc(var(--spacing) * 2);
    }
  }
  .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 {
    @media (max-width: 1000px) {
      & .catalog-tools .custom-tools {
        border-style: var(--tw-border-style);
        border-width: 1px;
      }
    }
  }
  .mobile\:\[\&_\.catalog-tools_\.custom-tools\]\:border-soft {
    @media (max-width: 1000px) {
      & .catalog-tools .custom-tools {
        border-color: var(--color-soft);
      }
    }
  }
  .mobile\:\[\&_\.catalog-tools_\.custom-tools\]\:bg-panel {
    @media (max-width: 1000px) {
      & .catalog-tools .custom-tools {
        background-color: var(--color-panel);
      }
    }
  }
  .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\]\:shadow-chunky {
    @media (max-width: 1000px) {
      & .catalog-tools .custom-tools {
        box-shadow: var(--mb-shadow-chunky);
      }
    }
  }
  .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\]\:text-fg-3 {
    @media (max-width: 1000px) {
      & .catalog-tools .custom-tools-mobile-opener {
        color: var(--color-fg-3);
      }
    }
  }
  .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-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\]\:text-primary {
    @media (max-width: 1000px) {
      & .catalog-tools .custom-tools-mobile-opener.open {
        color: var(--color-primary);
      }
    }
  }
  .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-2 {
    & .catalog-tools .filters {
      gap: calc(var(--spacing) * 2);
    }
  }
  .\[\&_\.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-1\/2 {
    & .clear {
      top: calc(1 / 2 * 100%);
    }
  }
  .\[\&_\.clear\]\:right-3 {
    & .clear {
      right: calc(var(--spacing) * 3);
    }
  }
  .\[\&_\.clear\]\:hidden {
    & .clear {
      display: none;
    }
  }
  .\[\&_\.clear\]\:inline-flex {
    & .clear {
      display: inline-flex;
    }
  }
  .\[\&_\.clear\]\:w-4 {
    & .clear {
      width: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.clear\]\:-translate-y-1\/2 {
    & .clear {
      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .\[\&_\.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-gold {
    & .critical .meta {
      color: var(--color-gold);
    }
  }
  .\[\&_\.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-fg-3 {
    & .date {
      color: var(--color-fg-3);
    }
  }
  .\[\&_\.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-sell {
    & .error .meta {
      color: var(--color-sell);
    }
  }
  .\[\&_\.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-fg-3 {
    & .expand {
      color: var(--color-fg-3);
    }
  }
  .\[\&_\.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-5 {
    & .field-group {
      margin-bottom: calc(var(--spacing) * 5);
    }
  }
  .\[\&_\.field-group\]\:flex {
    & .field-group {
      display: flex;
    }
  }
  .\[\&_\.field-group\]\:gap-3 {
    & .field-group {
      gap: calc(var(--spacing) * 3);
    }
  }
  .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-4 {
    @media (max-width: 1000px) {
      & .field-group .field {
        margin-bottom: calc(var(--spacing) * 4);
      }
    }
  }
  .\[\&_\.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-\[12px\] {
    & .field-group .field:not(.checkbox) .error {
      font-size: 12px;
    }
  }
  .\[\&_\.field-group_\.field\:not\(\.checkbox\)_\.error\]\:text-sell {
    & .field-group .field:not(.checkbox) .error {
      color: var(--color-sell);
    }
  }
  .\[\&_\.field-group_\.field\:not\(\.checkbox\)_\.input_input\]\:w-full {
    & .field-group .field:not(.checkbox) .input input {
      width: 100%;
    }
  }
  .\[\&_\.field-group_\.field\:not\(\.checkbox\)_label\]\:mb-1\.5 {
    & .field-group .field:not(.checkbox) label {
      margin-bottom: calc(var(--spacing) * 1.5);
    }
  }
  .\[\&_\.field-group_\.field\:not\(\.checkbox\)_label\]\:block {
    & .field-group .field:not(.checkbox) label {
      display: block;
    }
  }
  .\[\&_\.field-group_\.field\:not\(\.checkbox\)_label\]\:text-\[12px\] {
    & .field-group .field:not(.checkbox) label {
      font-size: 12px;
    }
  }
  .\[\&_\.field-group_\.field\:not\(\.checkbox\)_label\]\:font-semibold {
    & .field-group .field:not(.checkbox) label {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .\[\&_\.field-group_\.field\:not\(\.checkbox\)_label\]\:text-fg-2 {
    & .field-group .field:not(.checkbox) label {
      color: var(--color-fg-2);
    }
  }
  .\[\&_\.field-group_\.field\:not\(\.checkbox\)_label_\.icon\]\:relative {
    & .field-group .field:not(.checkbox) label .icon {
      position: relative;
    }
  }
  .\[\&_\.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\)_label_\.icon\]\:text-fg-3 {
    & .field-group .field:not(.checkbox) label .icon {
      color: var(--color-fg-3);
    }
  }
  .\[\&_\.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\]\:text-fg-2 {
    & .field-tip {
      color: var(--color-fg-2);
    }
  }
  .\[\&_\.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);
    }
  }
  .\[\&_\.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);
    }
  }
  .\[\&_\.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-fg-3 {
    & .hint {
      color: var(--color-fg-3);
    }
  }
  .\[\&_\.icon\]\:absolute {
    & .icon {
      position: absolute;
    }
  }
  .\[\&_\.icon\]\:relative {
    & .icon {
      position: relative;
    }
  }
  .\[\&_\.icon\]\:top-1\/2 {
    & .icon {
      top: calc(1 / 2 * 100%);
    }
  }
  .\[\&_\.icon\]\:top-\[0\.2rem\] {
    & .icon {
      top: 0.2rem;
    }
  }
  .\[\&_\.icon\]\:top-\[1px\] {
    & .icon {
      top: 1px;
    }
  }
  .\[\&_\.icon\]\:right-3 {
    & .icon {
      right: calc(var(--spacing) * 3);
    }
  }
  .\[\&_\.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-2\.5 {
    & .icon {
      margin-left: calc(var(--spacing) * 2.5);
    }
  }
  .\[\&_\.icon\]\:inline-flex {
    & .icon {
      display: inline-flex;
    }
  }
  .\[\&_\.icon\]\:h-6 {
    & .icon {
      height: calc(var(--spacing) * 6);
    }
  }
  .\[\&_\.icon\]\:w-4 {
    & .icon {
      width: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.icon\]\:-translate-y-1\/2 {
    & .icon {
      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .\[\&_\.icon\]\:cursor-pointer {
    & .icon {
      cursor: pointer;
    }
  }
  .\[\&_\.icon\]\:flex-row {
    & .icon {
      flex-direction: row;
    }
  }
  .\[\&_\.icon\]\:text-fg-3 {
    & .icon {
      color: var(--color-fg-3);
    }
  }
  .\[\&_\.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-300 {
    & .icon {
      --tw-duration: 300ms;
      transition-duration: 300ms;
    }
  }
  .\[\&_\.icon_svg\]\:w-4 {
    & .icon svg {
      width: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.icon_svg\]\:w-6 {
    & .icon svg {
      width: calc(var(--spacing) * 6);
    }
  }
  .\[\&_\.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-1\/2 {
    & .icon-start {
      top: calc(1 / 2 * 100%);
    }
  }
  .\[\&_\.icon-start\]\:left-3 {
    & .icon-start {
      left: calc(var(--spacing) * 3);
    }
  }
  .\[\&_\.icon-start\]\:-translate-y-1\/2 {
    & .icon-start {
      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .\[\&_\.icon-start\]\:text-fg-3 {
    & .icon-start {
      color: var(--color-fg-3);
    }
  }
  .\[\&_\.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-fg-1 {
    & .info .meta {
      color: var(--color-fg-1);
    }
  }
  .\[\&_\.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\]\:min-w-0 {
    & .left {
      min-width: calc(var(--spacing) * 0);
    }
  }
  .\[\&_\.left\]\:flex-col {
    & .left {
      flex-direction: column;
    }
  }
  .\[\&_\.left\]\:justify-around {
    & .left {
      justify-content: space-around;
    }
  }
  .\[\&_\.left\]\:justify-center {
    & .left {
      justify-content: center;
    }
  }
  .\[\&_\.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\]\: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%;
    }
  }
  .\[\&_\.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\]\:pb-4 {
    & .message {
      padding-bottom: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\.message\]\:text-\[13px\] {
    & .message {
      font-size: 13px;
    }
  }
  .\[\&_\.message\]\:text-fg-2 {
    & .message {
      color: var(--color-fg-2);
    }
  }
  .\[\&_\.meta\]\:text-\[0\.85rem\] {
    & .meta {
      font-size: 0.85rem;
    }
  }
  .\[\&_\.mobile-underlay\]\:hidden {
    & .mobile-underlay {
      display: none;
    }
  }
  .\[\&_\.modal-window\]\:min-w-\[min\(26rem\,90vw\)\] {
    & .modal-window {
      min-width: min(26rem, 90vw);
    }
  }
  .\[\&_\.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-8 {
    & .nav-item-accordion .nav-sub-items .nav-sub-item {
      height: calc(var(--spacing) * 8);
    }
  }
  .\[\&_\.nav-item-accordion_\.nav-sub-items_\.nav-sub-item\]\:pl-9 {
    & .nav-item-accordion .nav-sub-items .nav-sub-item {
      padding-left: calc(var(--spacing) * 9);
    }
  }
  .\[\&_\.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\.15rem\] {
    & .nav-item-accordion .nav-sub-items .nav-sub-item .sub-badge {
      height: 1.15rem;
    }
  }
  .\[\&_\.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-md {
    & .nav-item-accordion .nav-sub-items .nav-sub-item .sub-badge {
      border-radius: var(--radius-md);
    }
  }
  .\[\&_\.nav-item-accordion_\.nav-sub-items_\.nav-sub-item_\.sub-badge\]\:border {
    & .nav-item-accordion .nav-sub-items .nav-sub-item .sub-badge {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .\[\&_\.nav-item-accordion_\.nav-sub-items_\.nav-sub-item_\.sub-badge\]\:border-soft {
    & .nav-item-accordion .nav-sub-items .nav-sub-item .sub-badge {
      border-color: var(--color-soft);
    }
  }
  .\[\&_\.nav-item-accordion_\.nav-sub-items_\.nav-sub-item_\.sub-badge\]\:bg-page-alt {
    & .nav-item-accordion .nav-sub-items .nav-sub-item .sub-badge {
      background-color: var(--color-page-alt);
    }
  }
  .\[\&_\.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-fg-3 {
    & .nav-item-accordion .nav-sub-items .nav-sub-item .sub-badge {
      color: var(--color-fg-3);
    }
  }
  .\[\&_\.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-\[12\.5px\] {
    & .nav-item-accordion .nav-sub-items .nav-sub-item .text {
      font-size: 12.5px;
    }
  }
  .\[\&_\.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-fg-3 {
    & .nav-item-accordion .nav-sub-items .nav-sub-item .text {
      color: var(--color-fg-3);
    }
  }
  .\[\&_\.nav-item-accordion_\.nav-sub-items_\.nav-sub-item\:hover_\.text\]\:text-fg-1 {
    & .nav-item-accordion .nav-sub-items .nav-sub-item:hover .text {
      color: var(--color-fg-1);
    }
  }
  .\[\&_\.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-end {
    & .option-buttons {
      justify-content: flex-end;
    }
  }
  .\[\&_\.option-buttons\]\:gap-2 {
    & .option-buttons {
      gap: calc(var(--spacing) * 2);
    }
  }
  .\[\&_\.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-mid {
    & .rdtPicker {
      border-color: var(--color-mid);
    }
  }
  .\[\&_\.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\]\:items-center {
    & .right {
      align-items: center;
    }
  }
  .\[\&_\.right\]\:justify-around {
    & .right {
      justify-content: space-around;
    }
  }
  .\[\&_\.right\]\:gap-2 {
    & .right {
      gap: calc(var(--spacing) * 2);
    }
  }
  .\[\&_\.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;
    }
  }
  .\[\&_\.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-2\.5 {
    & .text {
      margin-left: calc(var(--spacing) * 2.5);
    }
  }
  .\[\&_\.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-\[13px\] {
    & .text {
      font-size: 13px;
    }
  }
  .\[\&_\.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-current {
    & .text {
      color: currentcolor;
    }
  }
  .\[\&_\.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-fg-1 {
    & .title {
      color: var(--color-fg-1);
    }
  }
  .\[\&_\.trace_\.meta\]\:text-fg-3 {
    & .trace .meta {
      color: var(--color-fg-3);
    }
  }
  .\[\&_\.warning_\.meta\]\:text-warn {
    & .warning .meta {
      color: var(--color-warn);
    }
  }
  .\[\&_\.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-flex {
    & h1 {
      display: inline-flex;
    }
  }
  .\[\&_h1\]\:items-center {
    & h1 {
      align-items: center;
    }
  }
  .mobile\:\[\&_h1\]\:text-\[1\.65rem\] {
    @media (max-width: 1000px) {
      & h1 {
        font-size: 1.65rem;
      }
    }
  }
  .\[\&_h1_\.icon\]\:mr-2\.5 {
    & h1 .icon {
      margin-right: calc(var(--spacing) * 2.5);
    }
  }
  .\[\&_h1_\.icon\]\:text-fg-3 {
    & h1 .icon {
      color: var(--color-fg-3);
    }
  }
  .mobile\:\[\&_h1_\.icon\]\:mr-1\.5 {
    @media (max-width: 1000px) {
      & h1 .icon {
        margin-right: calc(var(--spacing) * 1.5);
      }
    }
  }
  .\[\&_h1_\.icon_svg\]\:w-6 {
    & h1 .icon svg {
      width: calc(var(--spacing) * 6);
    }
  }
  .mobile\:\[\&_h1_\.icon_svg\]\:w-5 {
    @media (max-width: 1000px) {
      & h1 .icon svg {
        width: calc(var(--spacing) * 5);
      }
    }
  }
  .\[\&_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);
    }
  }
  .\[\&_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-mid {
    & input {
      border-color: var(--color-mid);
    }
  }
  .\[\&_input\]\:bg-page {
    & input {
      background-color: var(--color-page);
    }
  }
  .\[\&_input\]\:bg-transparent {
    & input {
      background-color: transparent;
    }
  }
  .\[\&_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-3 {
    & input {
      padding-left: calc(var(--spacing) * 3);
    }
  }
  .\[\&_input\]\:font-sans {
    & input {
      font-family: var(--font-sans);
    }
  }
  .\[\&_input\]\:text-\[13px\] {
    & input {
      font-size: 13px;
    }
  }
  .\[\&_input\]\:text-fg-1 {
    & input {
      color: var(--color-fg-1);
    }
  }
  .\[\&_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-mid {
    & input.form-control {
      border-color: var(--color-mid);
    }
  }
  .\[\&_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-fg-3 {
    & input::placeholder {
      color: var(--color-fg-3);
    }
  }
  .\[\&_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\]\:not-italic {
    & input::placeholder {
      font-style: normal;
    }
  }
  .\[\&_input\:disabled\]\:cursor-not-allowed {
    & input:disabled {
      cursor: not-allowed;
    }
  }
  .\[\&_input\:disabled\]\:bg-page-alt {
    & input:disabled {
      background-color: var(--color-page-alt);
    }
  }
  .\[\&_input\:disabled\]\:text-fg-3 {
    & input:disabled {
      color: var(--color-fg-3);
    }
  }
  .\[\&_input\:focus\]\:border-none {
    & input:focus {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .\[\&_input\:focus\]\:outline-none {
    & input:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .\[\&_input\:focus-visible\]\:border-primary\/50 {
    & input:focus-visible {
      border-color: color-mix(in srgb, #0b7a55 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
      }
    }
  }
  .\[\&_input\:focus-visible\]\:ring-2 {
    & input:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 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);
    }
  }
  .\[\&_input\:focus-visible\]\:ring-primary\/50 {
    & input:focus-visible {
      --tw-ring-color: color-mix(in srgb, #0b7a55 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
      }
    }
  }
  .\[\&_input\:focus-visible\]\:outline-none {
    & input:focus-visible {
      --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\]\: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-\[17px\] {
    & svg {
      width: 17px;
    }
  }
  .\[\&_svg\]\:min-w-4 {
    & svg {
      min-width: calc(var(--spacing) * 4);
    }
  }
  .\[\&_svg\]\:cursor-pointer {
    & svg {
      cursor: pointer;
    }
  }
  .\[\&_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_\*\]\:stroke-current {
    & svg * {
      stroke: currentcolor;
    }
  }
  .\[\&_svg_\*\]\:stroke-secondary {
    & svg * {
      stroke: var(--color-secondary);
    }
  }
  .\[\&_svg_\*\]\:stroke-2 {
    & svg * {
      stroke-width: 2;
    }
  }
  .dark\:\[\&_svg_\*\]\:stroke-primary {
    &:where(.dark, .dark *) {
      & svg * {
        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\]\:text-fg-3 {
    & table .row-actions {
      color: var(--color-fg-3);
    }
  }
  .\[\&_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\:hover\]\:text-primary {
    & table .row-actions a:hover {
      color: var(--color-primary);
    }
  }
  .\[\&_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-panel {
    & table .row-select {
      background-color: var(--color-panel);
    }
  }
  .\[\&_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_td\]\:box-border {
    & tbody td {
      box-sizing: border-box;
    }
  }
  .\[\&_tbody_td\]\:px-3 {
    & tbody td {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .\[\&_tbody_td\]\:py-2\.5 {
    & tbody td {
      padding-block: calc(var(--spacing) * 2.5);
    }
  }
  .\[\&_tbody_td\]\:text-\[13px\] {
    & tbody td {
      font-size: 13px;
    }
  }
  .\[\&_tbody_td\]\:text-fg-1 {
    & tbody td {
      color: var(--color-fg-1);
    }
  }
  .\[\&_tbody_tr\]\:border-b {
    & tbody tr {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .\[\&_tbody_tr\]\:border-soft {
    & tbody tr {
      border-color: var(--color-soft);
    }
  }
  .\[\&_tbody_tr\.skeleton-row\:hover\]\:bg-transparent {
    & tbody tr.skeleton-row:hover {
      background-color: transparent;
    }
  }
  .\[\&_tbody_tr\:hover\]\:bg-page-alt {
    & tbody tr:hover {
      background-color: var(--color-page-alt);
    }
  }
  .\[\&_tbody_tr\:last-child\]\:border-0 {
    & tbody tr:last-child {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .\[\&_tbody\.soft-loading\]\:opacity-80 {
    & tbody.soft-loading {
      opacity: 80%;
    }
  }
  .\[\&_td\]\:border {
    & td {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .\[\&_td\]\:border-soft {
    & td {
      border-color: var(--color-soft);
    }
  }
  .\[\&_td\]\:px-\[\.6rem\] {
    & td {
      padding-inline: .6rem;
    }
  }
  .\[\&_td\]\:py-1 {
    & td {
      padding-block: calc(var(--spacing) * 1);
    }
  }
  .\[\&_td\.k\]\:font-mono {
    & td.k {
      font-family: var(--font-mono);
    }
  }
  .\[\&_td\.k\]\:text-link {
    & td.k {
      color: var(--color-link);
    }
  }
  .\[\&_td\.mono\]\:font-mono {
    & td.mono {
      font-family: var(--font-mono);
    }
  }
  .\[\&_td\.mono\]\:tabular-nums {
    & td.mono {
      --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,);
    }
  }
  .\[\&_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-page-alt {
    & thead th {
      background-color: var(--color-page-alt);
    }
  }
  .\[\&_thead_th\]\:px-3 {
    & thead th {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .\[\&_thead_th\]\:py-2\.5 {
    & thead th {
      padding-block: calc(var(--spacing) * 2.5);
    }
  }
  .\[\&_thead_th\]\:text-\[11px\] {
    & thead th {
      font-size: 11px;
    }
  }
  .\[\&_thead_th\]\:font-semibold {
    & thead th {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .\[\&_thead_th\]\:tracking-caps {
    & thead th {
      --tw-tracking: var(--tracking-caps);
      letter-spacing: var(--tracking-caps);
    }
  }
  .\[\&_thead_th\]\:text-fg-3 {
    & thead th {
      color: var(--color-fg-3);
    }
  }
  .\[\&_thead_th\]\:uppercase {
    & thead th {
      text-transform: uppercase;
    }
  }
  .\[\&_thead_th\.row-actions\]\:z-\[2\] {
    & thead th.row-actions {
      z-index: 2;
    }
  }
  .\[\&_thead_th\.row-actions\]\:bg-page-alt {
    & thead th.row-actions {
      background-color: var(--color-page-alt);
    }
  }
  .\[\&_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-page-alt {
    & thead th.row-select {
      background-color: var(--color-page-alt);
    }
  }
  .\[\&_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);
      }
    }
  }
  .\[\&_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\]\:tracking-caps {
    &.caps {
      --tw-tracking: var(--tracking-caps);
      letter-spacing: var(--tracking-caps);
    }
  }
  .\[\&\.caps\]\:uppercase {
    &.caps {
      text-transform: uppercase;
    }
  }
  .\[\&\.checkbox\]\:mt-auto {
    &.checkbox {
      margin-top: auto;
    }
  }
  .\[\&\.checkbox_label\]\:flex {
    &.checkbox label {
      display: flex;
    }
  }
  .\[\&\.collapsed\]\:max-w-14 {
    &.collapsed {
      max-width: calc(var(--spacing) * 14);
    }
  }
  .\[\&\.collapsed\]\:min-w-14 {
    &.collapsed {
      min-width: calc(var(--spacing) * 14);
    }
  }
  .\[\&\.compact\]\:h-7 {
    &.compact {
      height: calc(var(--spacing) * 7);
    }
  }
  .\[\&\.compact\]\:rounded-md {
    &.compact {
      border-radius: var(--radius-md);
    }
  }
  .\[\&\.compact\]\:px-2\.5 {
    &.compact {
      padding-inline: calc(var(--spacing) * 2.5);
    }
  }
  .\[\&\.compact\]\:text-\[12px\] {
    &.compact {
      font-size: 12px;
    }
  }
  .\[\&\.critical\]\:border-viz-4\/40 {
    &.critical {
      border-color: color-mix(in srgb, #6a3fa8 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-viz-4) 40%, transparent);
      }
    }
  }
  .\[\&\.critical\]\:text-viz-4 {
    &.critical {
      color: var(--color-viz-4);
    }
  }
  .\[\&\.critical\.enabled\]\:bg-viz-4\/15 {
    &.critical.enabled {
      background-color: color-mix(in srgb, #6a3fa8 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-viz-4) 15%, transparent);
      }
    }
  }
  .\[\&\.error\]\:border-sell\/40 {
    &.error {
      border-color: color-mix(in srgb, #d64545 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-sell) 40%, transparent);
      }
    }
  }
  .\[\&\.error\]\:text-sell {
    &.error {
      color: var(--color-sell);
    }
  }
  .\[\&\.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\]\:border-sell {
    &.error input {
      border-color: var(--color-sell);
    }
  }
  .\[\&\.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-sell\/15 {
    &.error.enabled {
      background-color: color-mix(in srgb, #d64545 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-sell) 15%, transparent);
      }
    }
  }
  .\[\&\.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-info\/40 {
    &.info {
      border-color: color-mix(in srgb, #2c6fa8 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-info) 40%, transparent);
      }
    }
  }
  .\[\&\.info\]\:text-info {
    &.info {
      color: var(--color-info);
    }
  }
  .\[\&\.info\.enabled\]\:bg-info\/15 {
    &.info.enabled {
      background-color: color-mix(in srgb, #2c6fa8 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-info) 15%, transparent);
      }
    }
  }
  .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-on-primary {
    &.primary {
      color: var(--color-on-primary);
    }
  }
  .\[\&\.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-soft {
    &.secondary {
      border-color: var(--color-soft);
    }
  }
  .\[\&\.secondary\]\:bg-panel {
    &.secondary {
      background-color: var(--color-panel);
    }
  }
  .\[\&\.secondary\]\:text-fg-1 {
    &.secondary {
      color: var(--color-fg-1);
    }
  }
  .\[\&\.secondary\:disabled\]\:cursor-not-allowed {
    &.secondary:disabled {
      cursor: not-allowed;
    }
  }
  .\[\&\.secondary\:disabled\]\:bg-grey-8 {
    &.secondary:disabled {
      background-color: var(--color-grey-8);
    }
  }
  .\[\&\.secondary\:disabled\]\:text-grey-4 {
    &.secondary:disabled {
      color: var(--color-grey-4);
    }
  }
  .\[\&\.secondary\:disabled\]\:opacity-75 {
    &.secondary:disabled {
      opacity: 75%;
    }
  }
  .\[\&\.secondary\:disabled\:hover\]\:bg-grey-8 {
    &.secondary:disabled:hover {
      background-color: var(--color-grey-8);
    }
  }
  .\[\&\.secondary\:disabled\:hover\]\:text-grey-4 {
    &.secondary:disabled:hover {
      color: var(--color-grey-4);
    }
  }
  .\[\&\.secondary\:hover\]\:border-mid {
    &.secondary:hover {
      border-color: var(--color-mid);
    }
  }
  .\[\&\.secondary\:hover\]\:bg-page-alt {
    &.secondary:hover {
      background-color: var(--color-page-alt);
    }
  }
  .\[\&\.selected\]\:bg-primary\/10 {
    &.selected {
      background-color: color-mix(in srgb, #0b7a55 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
      }
    }
  }
  .\[\&\.selected\]\:text-primary {
    &.selected {
      color: var(--color-primary);
    }
  }
  .\[\&\.selected\]\:before\:absolute {
    &.selected {
      &::before {
        content: var(--tw-content);
        position: absolute;
      }
    }
  }
  .\[\&\.selected\]\:before\:top-1\.5 {
    &.selected {
      &::before {
        content: var(--tw-content);
        top: calc(var(--spacing) * 1.5);
      }
    }
  }
  .\[\&\.selected\]\:before\:bottom-1\.5 {
    &.selected {
      &::before {
        content: var(--tw-content);
        bottom: calc(var(--spacing) * 1.5);
      }
    }
  }
  .\[\&\.selected\]\:before\:left-0 {
    &.selected {
      &::before {
        content: var(--tw-content);
        left: calc(var(--spacing) * 0);
      }
    }
  }
  .\[\&\.selected\]\:before\:w-0\.5 {
    &.selected {
      &::before {
        content: var(--tw-content);
        width: calc(var(--spacing) * 0.5);
      }
    }
  }
  .\[\&\.selected\]\:before\:rounded-coin {
    &.selected {
      &::before {
        content: var(--tw-content);
        border-radius: var(--radius-coin);
      }
    }
  }
  .\[\&\.selected\]\:before\:bg-primary {
    &.selected {
      &::before {
        content: var(--tw-content);
        background-color: var(--color-primary);
      }
    }
  }
  .\[\&\.selected\]\:before\:content-\[\\\'\\\'\] {
    &.selected {
      &::before {
        --tw-content: \'\';
        content: var(--tw-content);
      }
    }
  }
  .\[\&\.sending\]\:text-grey-5 {
    &.sending {
      color: 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-mid {
    &.tertiary {
      border-color: var(--color-mid);
    }
  }
  .\[\&\.tertiary\]\:bg-transparent {
    &.tertiary {
      background-color: transparent;
    }
  }
  .\[\&\.tertiary\]\:text-fg-2 {
    &.tertiary {
      color: var(--color-fg-2);
    }
  }
  .\[\&\.tertiary\:disabled\]\:cursor-not-allowed {
    &.tertiary:disabled {
      cursor: not-allowed;
    }
  }
  .\[\&\.tertiary\:disabled\]\:opacity-75 {
    &.tertiary:disabled {
      opacity: 75%;
    }
  }
  .\[\&\.tertiary\:disabled\:hover\]\:border-mid {
    &.tertiary:disabled:hover {
      border-color: var(--color-mid);
    }
  }
  .\[\&\.tertiary\:disabled\:hover\]\:text-fg-2 {
    &.tertiary:disabled:hover {
      color: var(--color-fg-2);
    }
  }
  .\[\&\.tertiary\:hover\]\:border-primary {
    &.tertiary:hover {
      border-color: var(--color-primary);
    }
  }
  .\[\&\.tertiary\:hover\]\:text-primary {
    &.tertiary:hover {
      color: var(--color-primary);
    }
  }
  .\[\&\.trace\]\:border-soft {
    &.trace {
      border-color: var(--color-soft);
    }
  }
  .\[\&\.trace\]\:text-fg-3 {
    &.trace {
      color: var(--color-fg-3);
    }
  }
  .\[\&\.trace\.enabled\]\:bg-page-alt {
    &.trace.enabled {
      background-color: var(--color-page-alt);
    }
  }
  .\[\&\.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-primary\/10 {
    &.unread {
      background-color: color-mix(in srgb, #0b7a55 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
      }
    }
  }
  .\[\&\.warning\]\:border-warn\/40 {
    &.warning {
      border-color: color-mix(in srgb, #e0a83a 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-warn) 40%, transparent);
      }
    }
  }
  .\[\&\.warning\]\:text-warn {
    &.warning {
      color: var(--color-warn);
    }
  }
  .\[\&\.warning\.enabled\]\:bg-warn\/15 {
    &.warning.enabled {
      background-color: color-mix(in srgb, #e0a83a 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-warn) 15%, transparent);
      }
    }
  }
  .\[\&\:\:-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_svg\]\:w-7 {
    &:hover svg {
      width: calc(var(--spacing) * 7);
    }
  }
  .\[\&\:hover_svg\]\:text-primary {
    &:hover svg {
      color: var(--color-primary);
    }
  }
  .\[\&\>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;
    }
  }
}
:root {
  --mb-shadow-chunky: 0 4px 0 rgba(26, 20, 12, 0.22), 0 2px 6px rgba(26, 20, 12, 0.18);
  --mb-shadow-chunky-sm: 0 1px 2px rgba(26, 20, 12, 0.18), 0 1px 0 rgba(255, 248, 236, 0.35) inset;
  --mb-shadow-chunky-lg: 0 8px 0 rgba(26, 20, 12, 0.28), 0 6px 18px rgba(26, 20, 12, 0.25);
  --mb-shadow-chip: 1.5px 1.5px 0 rgba(18, 24, 33, 0.13);
  --mb-shadow-carved: inset 0 2px 4px rgba(26, 20, 12, 0.35);
}
.dark {
  --color-primary: #54a03b;
  --color-primary-2: #69bf4f;
  --color-primary-soft: #1c3324;
  --color-on-primary: #0e1217;
  --color-emerald: #86d063;
  --color-link: #86d063;
  --color-link-hover: #a3de85;
  --color-secondary: #232c38;
  --color-secondary-2: #2e3947;
  --color-tertiary: #5b9bd5;
  --color-sky-blue: #5b9bd5;
  --color-quaternary: #e0a83a;
  --color-orange: #e0a83a;
  --color-light-blue: #1d2b38;
  --color-bright-blue: #5b9bd5;
  --color-danger: #e76d54;
  --color-ink: #eef3f7;
  --color-teal-1: #5b9bd5;
  --color-gold-1: #f3dca0;
  --color-gold-2: #ecca77;
  --color-gold-3: #dab35d;
  --color-gold-4: #c79f49;
  --color-gold: #dab35d;
  --color-red-1: #c4442e;
  --color-red-2: #e76d54;
  --color-red-3: #ef8a72;
  --color-red-4: #f4a894;
  --color-red-5: #3a2621;
  --color-red-6: #2a1c19;
  --color-red-7: #e76d54;
  --color-grey-1: #eef3f7;
  --color-grey-2: #d7dee5;
  --color-grey-3: #c2ccd4;
  --color-grey-4: #8b97a1;
  --color-grey-5: #3f4a57;
  --color-grey-6: #2e3844;
  --color-grey-7: #2a3441;
  --color-grey-8: #212a34;
  --color-grey-9: #151b22;
  --color-green: #5fc05a;
  --color-green-2: #54a03b;
  --color-green-3: #86d063;
  --color-page: #0e1217;
  --color-page-alt: #151b22;
  --color-panel: #1a212a;
  --color-panel-alt: #232c36;
  --color-panel-deep: #0a0d11;
  --color-overlay: rgba(0, 0, 0, 0.72);
  --color-fg-1: #eef3f7;
  --color-fg-2: #c2ccd4;
  --color-fg-3: #8b97a1;
  --color-ink-1: #eef3f7;
  --color-ink-2: #c2ccd4;
  --color-ink-3: #8b97a1;
  --color-soft: rgba(255, 255, 255, 0.07);
  --color-mid: rgba(255, 255, 255, 0.13);
  --color-strong: rgba(255, 255, 255, 0.22);
  --color-buy: #5fc05a;
  --color-sell: #e76d54;
  --color-warn: #e0a83a;
  --color-info: #5b9bd5;
  --color-positive: #5fc05a;
  --color-negative: #e76d54;
  --color-tick-up: #5fc05a;
  --color-tick-down: #e76d54;
  --color-tick-flat: #8b97a1;
  --color-fresh: #58c84a;
  --color-stale: #e0a83a;
  --color-dead: #6b7682;
  --color-viz-1: #86d063;
  --color-viz-2: #5b9bd5;
  --color-viz-3: #e0a83a;
  --color-viz-4: #a98ad6;
  --color-viz-5: #dab35d;
  --color-viz-grid: rgba(255, 255, 255, 0.07);
  --color-viz-axis: #8b97a1;
  --mb-shadow-chunky: 0 1px 0 rgba(0, 0, 0, 0.5), 0 6px 16px rgba(0, 0, 0, 0.4);
  --mb-shadow-chunky-sm: 0 1px 2px rgba(0, 0, 0, 0.35), 0 1px 0 rgba(255, 255, 255, 0.04) inset;
  --mb-shadow-chunky-lg: 0 2px 0 rgba(0, 0, 0, 0.55), 0 12px 28px rgba(0, 0, 0, 0.5);
  --mb-shadow-chip: 1.5px 1.5px 0 rgba(0, 0, 0, 0.45);
  --mb-shadow-carved: inset 0 2px 4px rgba(0, 0, 0, 0.5);
}
@keyframes vbounce {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, 5px, 0);
  }
}
@layer base {
  a {
    color: var(--color-link);
    transition: color 0.2s ease;
  }
  a:hover {
    color: var(--color-link-hover);
  }
  h1, h2, h3, h4, h5 {
    margin: 0;
    color: var(--color-fg-1);
    letter-spacing: 0.02em;
  }
  h1 {
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 700;
  }
  h2 {
    font-size: 1.25rem;
    line-height: 1.25;
    font-weight: 600;
  }
  h3 {
    font-size: 1.0625rem;
    line-height: 1.3;
    font-weight: 600;
  }
  h4 {
    font-size: 0.9375rem;
    line-height: 1.35;
    font-weight: 600;
  }
  h5 {
    font-size: 0.8125rem;
    line-height: 1.4;
    font-weight: 600;
  }
}
.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;
  }
}
.skeleton-bar {
  border-radius: var(--radius-sm);
  background-color: var(--color-grey-8);
  background-image: linear-gradient(90deg, transparent 0%, var(--color-grey-7) 50%, transparent 100%);
  background-size: 300% 100%;
  background-repeat: no-repeat;
  animation: skeleton-sweep 1.6s ease-in-out infinite;
}
@keyframes skeleton-sweep {
  from {
    background-position: 100% 0;
  }
  to {
    background-position: 0% 0;
  }
}
.progress-indeterminate::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 35%;
  background-color: var(--color-primary);
  animation: progress-slide 1.1s ease-in-out infinite;
}
@keyframes progress-slide {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(286%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .skeleton-bar {
    animation: none;
  }
  .progress-indeterminate::after {
    width: 100%;
    opacity: 0.4;
    animation: none;
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@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-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@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-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-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-divide-x-reverse: 0;
      --tw-border-style: solid;
      --tw-divide-y-reverse: 0;
      --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-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");
}

/* Inter (UI) + JetBrains Mono (every number, price, id and timestamp), the
 * operator-console pairing. Variable fonts, so two files replace what would
 * otherwise be a weight-per-file set. Sourced from the @fontsource-variable
 * devDependencies and copied into public/fonts; the Barlow faces above are
 * kept for now so anything still asking for Barlow by name renders. */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("fonts/inter-latin-wght-normal.woff2") format("woff2-variations");
}

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("fonts/inter-latin-wght-italic.woff2") format("woff2-variations");
}

@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url("fonts/jetbrains-mono-latin-wght-normal.woff2") format("woff2-variations");
}

@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 100 800;
  font-display: swap;
  src: url("fonts/jetbrains-mono-latin-wght-italic.woff2") format("woff2-variations");
}

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

body, html {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-family: "Inter", system-ui, -apple-system, sans-serif;
  font-optical-sizing: auto;
  font-feature-settings: 'liga' 1, 'calt' 1;
}

#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;
}