/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@charset "UTF-8";
@layer properties;
@layer theme, base, components, utilities;
@layer base {
  .choices {
    position: relative;
    overflow: hidden;
    margin-bottom: 24px;
    font-size: 16px;
  }
  .choices:focus {
    outline: none;
  }
  .choices:last-child {
    margin-bottom: 0;
  }
  .choices.is-open {
    overflow: visible;
  }
  .choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
    background-color: #eaeaea;
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
  }
  .choices.is-disabled .choices__item {
    cursor: not-allowed;
  }
  .choices [hidden] {
    display: none !important;
  }
  .choices[data-type*=select-one] {
    cursor: pointer;
  }
  .choices[data-type*=select-one] .choices__inner {
    padding-bottom: 7.5px;
  }
  .choices[data-type*=select-one] .choices__input {
    display: block;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    margin: 0;
  }
  .choices[data-type*=select-one] .choices__button {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
    padding: 0;
    background-size: 8px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    margin-right: 25px;
    height: 20px;
    width: 20px;
    border-radius: 10em;
    opacity: 0.25;
  }
  .choices[data-type*=select-one] .choices__button:hover, .choices[data-type*=select-one] .choices__button:focus {
    opacity: 1;
  }
  .choices[data-type*=select-one] .choices__button:focus {
    -webkit-box-shadow: 0 0 0 2px #005F75;
            box-shadow: 0 0 0 2px #005F75;
  }
  .choices[data-type*=select-one] .choices__item[data-placeholder] .choices__button {
    display: none;
  }
  .choices[data-type*=select-one]::after {
    content: "";
    height: 0;
    width: 0;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
    border-width: 5px;
    position: absolute;
    right: 11.5px;
    top: 50%;
    margin-top: -2.5px;
    pointer-events: none;
  }
  .choices[data-type*=select-one].is-open::after {
    border-color: transparent transparent #333;
    margin-top: -7.5px;
  }
  .choices[data-type*=select-one][dir=rtl]::after {
    left: 11.5px;
    right: auto;
  }
  .choices[data-type*=select-one][dir=rtl] .choices__button {
    right: auto;
    left: 0;
    margin-left: 25px;
    margin-right: 0;
  }
  .choices[data-type*=select-multiple] .choices__inner,
.choices[data-type*=text] .choices__inner {
    cursor: text;
  }
  .choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
    position: relative;
    display: inline-block;
    margin-top: 0;
    margin-right: -4px;
    margin-bottom: 0;
    margin-left: 8px;
    padding-left: 16px;
    border-left: 1px solid #003642;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
    background-size: 8px;
    width: 8px;
    line-height: 1;
    opacity: 0.75;
    border-radius: 0;
  }
  .choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=select-multiple] .choices__button:focus,
.choices[data-type*=text] .choices__button:hover,
.choices[data-type*=text] .choices__button:focus {
    opacity: 1;
  }
  .choices__inner {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-color: #f9f9f9;
    padding: 7.5px 7.5px 3.75px;
    border: 1px solid #ddd;
    border-radius: 2.5px;
    font-size: 14px;
    min-height: 44px;
    overflow: hidden;
  }
  .is-focused .choices__inner, .is-open .choices__inner {
    border-color: #b7b7b7;
  }
  .is-open .choices__inner {
    border-radius: 2.5px 2.5px 0 0;
  }
  .is-flipped.is-open .choices__inner {
    border-radius: 0 0 2.5px 2.5px;
  }
  .choices__list {
    margin: 0;
    padding-left: 0;
    list-style: none;
  }
  .choices__list--single {
    display: inline-block;
    padding: 4px 16px 4px 4px;
    width: 100%;
  }
  [dir=rtl] .choices__list--single {
    padding-right: 4px;
    padding-left: 16px;
  }
  .choices__list--single .choices__item {
    width: 100%;
  }
  .choices__list--multiple {
    display: inline;
  }
  .choices__list--multiple .choices__item {
    display: inline-block;
    vertical-align: middle;
    border-radius: 20px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 500;
    margin-right: 3.75px;
    margin-bottom: 3.75px;
    background-color: #005F75;
    border: 1px solid #004a5c;
    color: #fff;
    word-break: break-all;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .choices__list--multiple .choices__item[data-deletable] {
    padding-right: 5px;
  }
  [dir=rtl] .choices__list--multiple .choices__item {
    margin-right: 0;
    margin-left: 3.75px;
  }
  .choices__list--multiple .choices__item.is-highlighted {
    background-color: #004a5c;
    border: 1px solid #003642;
  }
  .is-disabled .choices__list--multiple .choices__item {
    background-color: #aaaaaa;
    border: 1px solid #919191;
  }
  .choices__list--dropdown, .choices__list[aria-expanded] {
    display: none;
    z-index: 1;
    position: absolute;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ddd;
    top: 100%;
    margin-top: -1px;
    border-bottom-left-radius: 2.5px;
    border-bottom-right-radius: 2.5px;
    overflow: hidden;
    word-break: break-all;
  }
  .is-active.choices__list--dropdown, .is-active.choices__list[aria-expanded] {
    display: block;
  }
  .is-open .choices__list--dropdown, .is-open .choices__list[aria-expanded] {
    border-color: #b7b7b7;
  }
  .is-flipped .choices__list--dropdown, .is-flipped .choices__list[aria-expanded] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: -1px;
    border-radius: 0.25rem 0.25rem 0 0;
  }
  .choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list {
    position: relative;
    max-height: 300px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position;
  }
  .choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item {
    position: relative;
    padding: 10px;
    font-size: 14px;
  }
  [dir=rtl] .choices__list--dropdown .choices__item, [dir=rtl] .choices__list[aria-expanded] .choices__item {
    text-align: right;
  }
  @media (min-width: 640px) {
    .choices__list--dropdown .choices__item--selectable[data-select-text], .choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
      padding-right: 100px;
    }
    .choices__list--dropdown .choices__item--selectable[data-select-text]::after, .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after {
      content: attr(data-select-text);
      font-size: 12px;
      opacity: 0;
      position: absolute;
      right: 10px;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
    }
    [dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text], [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
      text-align: right;
      padding-left: 100px;
      padding-right: 10px;
    }
    [dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text]::after, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after {
      right: auto;
      left: 10px;
    }
  }
  .choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    background-color: #f2f2f2;
  }
  .choices__list--dropdown .choices__item--selectable.is-highlighted::after, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
    opacity: 0.5;
  }
  .choices__item {
    cursor: default;
  }
  .choices__item--selectable {
    cursor: pointer;
  }
  .choices__item--disabled {
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    opacity: 0.5;
  }
  .choices__heading {
    font-weight: 600;
    font-size: 12px;
    padding: 10px;
    border-bottom: 1px solid #f7f7f7;
    color: gray;
  }
  .choices__button {
    text-indent: -9999px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
  }
  .choices__button:focus {
    outline: none;
  }
  .choices__input {
    display: inline-block;
    vertical-align: baseline;
    background-color: #f9f9f9;
    font-size: 14px;
    margin-bottom: 5px;
    border: 0;
    border-radius: 0;
    max-width: 100%;
    padding: 4px 0 4px 2px;
  }
  .choices__input:focus {
    outline: 0;
  }
  .choices__input::-webkit-search-decoration, .choices__input::-webkit-search-cancel-button, .choices__input::-webkit-search-results-button, .choices__input::-webkit-search-results-decoration {
    display: none;
  }
  .choices__input::-ms-clear, .choices__input::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
  }
  [dir=rtl] .choices__input {
    padding-right: 2px;
    padding-left: 0;
  }
  .choices__placeholder {
    opacity: 0.5;
  }
}
@layer base {
  pre code.hljs {
    display: block;
    overflow-x: auto;
    padding: 1em;
  }
  code.hljs {
    padding: 3px 5px;
  }
  .hljs {
    color: #383a42;
    background: #fafafa;
  }
  .hljs-comment,
.hljs-quote {
    color: #a0a1a7;
    font-style: italic;
  }
  .hljs-doctag,
.hljs-keyword,
.hljs-formula {
    color: #a626a4;
  }
  .hljs-section,
.hljs-name,
.hljs-selector-tag,
.hljs-deletion,
.hljs-subst {
    color: #e45649;
  }
  .hljs-literal {
    color: #0184bb;
  }
  .hljs-string,
.hljs-regexp,
.hljs-addition,
.hljs-attribute,
.hljs-meta .hljs-string {
    color: #50a14f;
  }
  .hljs-attr,
.hljs-variable,
.hljs-template-variable,
.hljs-type,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-number {
    color: #986801;
  }
  .hljs-symbol,
.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-title {
    color: #4078f2;
  }
  .hljs-built_in,
.hljs-title.class_,
.hljs-class .hljs-title {
    color: #c18401;
  }
  .hljs-emphasis {
    font-style: italic;
  }
  .hljs-strong {
    font-weight: bold;
  }
  .hljs-link {
    text-decoration: underline;
  }
}
@layer base {
  .tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0;
  }
  [data-tippy-root] {
    max-width: calc(100vw - 10px);
  }
  .tippy-box {
    position: relative;
    background-color: #333;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    white-space: normal;
    outline: 0;
    -webkit-transition-property: visibility,opacity,-webkit-transform;
    transition-property: visibility,opacity,-webkit-transform;
    transition-property: transform,visibility,opacity;
    transition-property: transform,visibility,opacity,-webkit-transform;
  }
  .tippy-box[data-placement^=top]>.tippy-arrow {
    bottom: 0;
  }
  .tippy-box[data-placement^=top]>.tippy-arrow:before {
    bottom: -7px;
    left: 0;
    border-width: 8px 8px 0;
    border-top-color: initial;
    -webkit-transform-origin: center top;
            transform-origin: center top;
  }
  .tippy-box[data-placement^=bottom]>.tippy-arrow {
    top: 0;
  }
  .tippy-box[data-placement^=bottom]>.tippy-arrow:before {
    top: -7px;
    left: 0;
    border-width: 0 8px 8px;
    border-bottom-color: initial;
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
  }
  .tippy-box[data-placement^=left]>.tippy-arrow {
    right: 0;
  }
  .tippy-box[data-placement^=left]>.tippy-arrow:before {
    border-width: 8px 0 8px 8px;
    border-left-color: initial;
    right: -7px;
    -webkit-transform-origin: center left;
            transform-origin: center left;
  }
  .tippy-box[data-placement^=right]>.tippy-arrow {
    left: 0;
  }
  .tippy-box[data-placement^=right]>.tippy-arrow:before {
    left: -7px;
    border-width: 8px 8px 8px 0;
    border-right-color: initial;
    -webkit-transform-origin: center right;
            transform-origin: center right;
  }
  .tippy-box[data-inertia][data-state=visible] {
    -webkit-transition-timing-function: cubic-bezier(.54,1.5,.38,1.11);
            transition-timing-function: cubic-bezier(.54,1.5,.38,1.11);
  }
  .tippy-arrow {
    width: 16px;
    height: 16px;
    color: #333;
  }
  .tippy-arrow:before {
    content: "";
    position: absolute;
    border-color: transparent;
    border-style: solid;
  }
  .tippy-content {
    position: relative;
    padding: 5px 9px;
    z-index: 1;
  }
}
@layer base {
  .tippy-box[data-theme~=light-border] {
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,8,16,.15);
    color: #333;
    -webkit-box-shadow: 0 4px 14px -2px rgba(0,8,16,.08);
            box-shadow: 0 4px 14px -2px rgba(0,8,16,.08);
  }
  .tippy-box[data-theme~=light-border]>.tippy-backdrop {
    background-color: #fff;
  }
  .tippy-box[data-theme~=light-border]>.tippy-arrow:after,.tippy-box[data-theme~=light-border]>.tippy-svg-arrow:after {
    content: "";
    position: absolute;
    z-index: -1;
  }
  .tippy-box[data-theme~=light-border]>.tippy-arrow:after {
    border-color: transparent;
    border-style: solid;
  }
  .tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-arrow:before {
    border-top-color: #fff;
  }
  .tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-arrow:after {
    border-top-color: rgba(0,8,16,.2);
    border-width: 7px 7px 0;
    top: 17px;
    left: 1px;
  }
  .tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-svg-arrow>svg {
    top: 16px;
  }
  .tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-svg-arrow:after {
    top: 17px;
  }
  .tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-arrow:before {
    border-bottom-color: #fff;
    bottom: 16px;
  }
  .tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-arrow:after {
    border-bottom-color: rgba(0,8,16,.2);
    border-width: 0 7px 7px;
    bottom: 17px;
    left: 1px;
  }
  .tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-svg-arrow>svg {
    bottom: 16px;
  }
  .tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-svg-arrow:after {
    bottom: 17px;
  }
  .tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-arrow:before {
    border-left-color: #fff;
  }
  .tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-arrow:after {
    border-left-color: rgba(0,8,16,.2);
    border-width: 7px 0 7px 7px;
    left: 17px;
    top: 1px;
  }
  .tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-svg-arrow>svg {
    left: 11px;
  }
  .tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-svg-arrow:after {
    left: 12px;
  }
  .tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-arrow:before {
    border-right-color: #fff;
    right: 16px;
  }
  .tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-arrow:after {
    border-width: 7px 7px 7px 0;
    right: 17px;
    top: 1px;
    border-right-color: rgba(0,8,16,.2);
  }
  .tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-svg-arrow>svg {
    right: 11px;
  }
  .tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-svg-arrow:after {
    right: 12px;
  }
  .tippy-box[data-theme~=light-border]>.tippy-svg-arrow {
    fill: #fff;
  }
  .tippy-box[data-theme~=light-border]>.tippy-svg-arrow:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA2czEuNzk2LS4wMTMgNC42Ny0zLjYxNUM1Ljg1MS45IDYuOTMuMDA2IDggMGMxLjA3LS4wMDYgMi4xNDguODg3IDMuMzQzIDIuMzg1QzE0LjIzMyA2LjAwNSAxNiA2IDE2IDZIMHoiIGZpbGw9InJnYmEoMCwgOCwgMTYsIDAuMikiLz48L3N2Zz4=);
    background-size: 16px 6px;
    width: 16px;
    height: 6px;
  }
}
@layer base {
  trix-editor {
    border: 1px solid #bbb;
    border-radius: 3px;
    margin: 0;
    padding: 0.4em 0.6em;
    min-height: 5em;
    outline: none;
  }
  trix-toolbar * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  trix-toolbar .trix-button-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    overflow-x: auto;
  }
  trix-toolbar .trix-button-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    border: 1px solid #bbb;
    border-top-color: #ccc;
    border-bottom-color: #888;
    border-radius: 3px;
  }
  trix-toolbar .trix-button-group:not(:first-child) {
    margin-left: 1.5vw;
  }
  @media (max-width: 768px) {
    trix-toolbar .trix-button-group:not(:first-child) {
      margin-left: 0;
    }
  }
  trix-toolbar .trix-button-group-spacer {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  @media (max-width: 768px) {
    trix-toolbar .trix-button-group-spacer {
      display: none;
    }
  }
  trix-toolbar .trix-button {
    position: relative;
    float: left;
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.75em;
    font-weight: 600;
    white-space: nowrap;
    padding: 0 0.5em;
    margin: 0;
    outline: none;
    border: none;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    background: transparent;
  }
  trix-toolbar .trix-button:not(:first-child) {
    border-left: 1px solid #ccc;
  }
  trix-toolbar .trix-button.trix-active {
    background: #cbeefa;
    color: rgb(0, 0, 0);
  }
  trix-toolbar .trix-button:not(:disabled) {
    cursor: pointer;
  }
  trix-toolbar .trix-button:disabled {
    color: rgba(0, 0, 0, 0.125);
  }
  @media (max-width: 768px) {
    trix-toolbar .trix-button {
      letter-spacing: -0.01em;
      padding: 0 0.3em;
    }
  }
  trix-toolbar .trix-button--icon {
    font-size: inherit;
    width: 2.6em;
    height: 1.6em;
    max-width: calc(0.8em + 4vw);
    text-indent: -9999px;
  }
  @media (max-width: 768px) {
    trix-toolbar .trix-button--icon {
      height: 2em;
      max-width: calc(0.8em + 3.5vw);
    }
  }
  trix-toolbar .trix-button--icon::before {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.6;
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  @media (max-width: 768px) {
    trix-toolbar .trix-button--icon::before {
      right: 6%;
      left: 6%;
    }
  }
  trix-toolbar .trix-button--icon.trix-active::before {
    opacity: 1;
  }
  trix-toolbar .trix-button--icon:disabled::before {
    opacity: 0.125;
  }
  trix-toolbar .trix-button--icon-attach::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.5%2018V7.5c0-2.25%203-2.25%203%200V18c0%204.125-6%204.125-6%200V7.5c0-6.375%209-6.375%209%200V18%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
    top: 8%;
    bottom: 4%;
  }
  trix-toolbar .trix-button--icon-bold::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.522%2019.242a.5.5%200%200%201-.5-.5V5.35a.5.5%200%200%201%20.5-.5h5.783c1.347%200%202.46.345%203.24.982.783.64%201.216%201.562%201.216%202.683%200%201.13-.587%202.129-1.476%202.71a.35.35%200%200%200%20.049.613c1.259.56%202.101%201.742%202.101%203.22%200%201.282-.483%202.334-1.363%203.063-.876.726-2.132%201.12-3.66%201.12h-5.89ZM9.27%207.347v3.362h1.97c.766%200%201.347-.17%201.733-.464.38-.291.587-.716.587-1.27%200-.53-.183-.928-.513-1.198-.334-.273-.838-.43-1.505-.43H9.27Zm0%205.606v3.791h2.389c.832%200%201.448-.177%201.853-.497.399-.315.614-.786.614-1.423%200-.62-.22-1.077-.63-1.385-.418-.313-1.053-.486-1.905-.486H9.27Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
  }
  trix-toolbar .trix-button--icon-italic::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9%205h6.5v2h-2.23l-2.31%2010H13v2H6v-2h2.461l2.306-10H9V5Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
  }
  trix-toolbar .trix-button--icon-link::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.948%205.258a4.337%204.337%200%200%200-6.108%200L11.217%206.87a.993.993%200%200%200%200%201.41c.392.39%201.027.39%201.418%200l1.623-1.613a2.323%202.323%200%200%201%203.271%200%202.29%202.29%200%200%201%200%203.251l-2.393%202.38a3.021%203.021%200%200%201-4.255%200l-.05-.049a1.007%201.007%200%200%200-1.418%200%20.993.993%200%200%200%200%201.41l.05.049a5.036%205.036%200%200%200%207.091%200l2.394-2.38a4.275%204.275%200%200%200%200-6.072Zm-13.683%2013.6a4.337%204.337%200%200%200%206.108%200l1.262-1.255a.993.993%200%200%200%200-1.41%201.007%201.007%200%200%200-1.418%200L9.954%2017.45a2.323%202.323%200%200%201-3.27%200%202.29%202.29%200%200%201%200-3.251l2.344-2.331a2.579%202.579%200%200%201%203.631%200c.392.39%201.027.39%201.419%200a.993.993%200%200%200%200-1.41%204.593%204.593%200%200%200-6.468%200l-2.345%202.33a4.275%204.275%200%200%200%200%206.072Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
  }
  trix-toolbar .trix-button--icon-strike::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%2014.986c.088%202.647%202.246%204.258%205.635%204.258%203.496%200%205.713-1.728%205.713-4.463%200-.275-.02-.536-.062-.781h-3.461c.398.293.573.654.573%201.123%200%201.035-1.074%201.787-2.646%201.787-1.563%200-2.773-.762-2.91-1.924H6ZM6.432%2010h3.763c-.632-.314-.914-.715-.914-1.273%200-1.045.977-1.739%202.432-1.739%201.475%200%202.52.723%202.617%201.914h2.764c-.05-2.548-2.11-4.238-5.39-4.238-3.145%200-5.392%201.719-5.392%204.316%200%20.363.04.703.12%201.02ZM4%2011a1%201%200%201%200%200%202h15a1%201%200%201%200%200-2H4Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
  }
  trix-toolbar .trix-button--icon-quote::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.581%208.471c.44-.5%201.056-.834%201.758-.995C8.074%207.17%209.201%207.822%2010%208.752c1.354%201.578%201.33%203.555.394%205.277-.941%201.731-2.788%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.121-.49.16-.764.294-.286.567-.566.791-.835.222-.266.413-.54.524-.815.113-.28.156-.597.026-.908-.128-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.674-2.7c0-.905.283-1.59.72-2.088Zm9.419%200c.44-.5%201.055-.834%201.758-.995%201.734-.306%202.862.346%203.66%201.276%201.355%201.578%201.33%203.555.395%205.277-.941%201.731-2.789%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.122-.49.16-.764.294-.286.567-.566.791-.835.222-.266.412-.54.523-.815.114-.28.157-.597.026-.908-.127-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.672-2.701c0-.905.283-1.59.72-2.088Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
  }
  trix-toolbar .trix-button--icon-heading-1::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.5%207.5v-3h-12v3H14v13h3v-13h4.5ZM9%2013.5h3.5v-3h-10v3H6v7h3v-7Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
  }
  trix-toolbar .trix-button--icon-code::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.293%2011.293a1%201%200%200%200%200%201.414l4%204a1%201%200%201%200%201.414-1.414L5.414%2012l3.293-3.293a1%201%200%200%200-1.414-1.414l-4%204Zm13.414%205.414%204-4a1%201%200%200%200%200-1.414l-4-4a1%201%200%201%200-1.414%201.414L18.586%2012l-3.293%203.293a1%201%200%200%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
  }
  trix-toolbar .trix-button--icon-bullet-list::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%207.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203ZM8%206a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-2.5-5a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200ZM5%2019.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
  }
  trix-toolbar .trix-button--icon-number-list::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%204h2v4H4V5H3V4Zm5%202a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-3.5-7H6v1l-1.5%202H6v1H3v-1l1.667-2H3v-1h2.5ZM3%2017v-1h3v4H3v-1h2v-.5H4v-1h1V17H3Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
  }
  trix-toolbar .trix-button--icon-undo::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%2014a1%201%200%200%200%201%201h6a1%201%200%201%200%200-2H6.257c2.247-2.764%205.151-3.668%207.579-3.264%202.589.432%204.739%202.356%205.174%205.405a1%201%200%200%200%201.98-.283c-.564-3.95-3.415-6.526-6.825-7.095C11.084%207.25%207.63%208.377%205%2011.39V8a1%201%200%200%200-2%200v6Zm2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
  }
  trix-toolbar .trix-button--icon-redo::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2014a1%201%200%200%201-1%201h-6a1%201%200%201%201%200-2h3.743c-2.247-2.764-5.151-3.668-7.579-3.264-2.589.432-4.739%202.356-5.174%205.405a1%201%200%200%201-1.98-.283c.564-3.95%203.415-6.526%206.826-7.095%203.08-.513%206.534.614%209.164%203.626V8a1%201%200%201%201%202%200v6Zm-2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
  }
  trix-toolbar .trix-button--icon-decrease-nesting-level::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-3.707-5.707a1%201%200%200%200%200%201.414l2%202a1%201%200%201%200%201.414-1.414L4.414%2012l1.293-1.293a1%201%200%200%200-1.414-1.414l-2%202Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
  }
  trix-toolbar .trix-button--icon-increase-nesting-level::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-2.293-2.293%202-2a1%201%200%200%200%200-1.414l-2-2a1%201%200%201%200-1.414%201.414L3.586%2012l-1.293%201.293a1%201%200%201%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
  }
  trix-toolbar .trix-dialogs {
    position: relative;
  }
  trix-toolbar .trix-dialog {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    font-size: 0.75em;
    padding: 15px 10px;
    background: #fff;
    -webkit-box-shadow: 0 0.3em 1em #ccc;
            box-shadow: 0 0.3em 1em #ccc;
    border-top: 2px solid #888;
    border-radius: 5px;
    z-index: 5;
  }
  trix-toolbar .trix-input--dialog {
    font-size: inherit;
    font-weight: normal;
    padding: 0.5em 0.8em;
    margin: 0 10px 0 0;
    border-radius: 3px;
    border: 1px solid #bbb;
    background-color: #fff;
    -webkit-box-shadow: none;
            box-shadow: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  trix-toolbar .trix-input--dialog.validate:invalid {
    -webkit-box-shadow: #F00 0px 0px 1.5px 1px;
            box-shadow: #F00 0px 0px 1.5px 1px;
  }
  trix-toolbar .trix-button--dialog {
    font-size: inherit;
    padding: 0.5em;
    border-bottom: none;
  }
  trix-toolbar .trix-dialog--link {
    max-width: 600px;
  }
  trix-toolbar .trix-dialog__link-fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  trix-toolbar .trix-dialog__link-fields .trix-input {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  trix-toolbar .trix-dialog__link-fields .trix-button-group {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 content;
            flex: 0 0 content;
    margin: 0;
  }
  trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  trix-editor [data-trix-mutable] ::-moz-selection, trix-editor [data-trix-mutable]::-moz-selection,
trix-editor [data-trix-cursor-target]::-moz-selection {
    background: none;
  }
  trix-editor [data-trix-mutable] ::-moz-selection, trix-editor [data-trix-mutable]::-moz-selection, trix-editor [data-trix-cursor-target]::-moz-selection {
    background: none;
  }
  trix-editor [data-trix-mutable] ::selection, trix-editor [data-trix-mutable]::selection,
trix-editor [data-trix-cursor-target]::selection {
    background: none;
  }
  trix-editor [data-trix-mutable].attachment__caption-editor:focus::-moz-selection {
    background: highlight;
  }
  trix-editor [data-trix-mutable].attachment__caption-editor:focus::selection {
    background: highlight;
  }
  trix-editor [data-trix-mutable].attachment.attachment--file {
    -webkit-box-shadow: 0 0 0 2px highlight;
            box-shadow: 0 0 0 2px highlight;
    border-color: transparent;
  }
  trix-editor [data-trix-mutable].attachment img {
    -webkit-box-shadow: 0 0 0 2px highlight;
            box-shadow: 0 0 0 2px highlight;
  }
  trix-editor .attachment {
    position: relative;
  }
  trix-editor .attachment:hover {
    cursor: default;
  }
  trix-editor .attachment--preview .attachment__caption:hover {
    cursor: text;
  }
  trix-editor .attachment__progress {
    position: absolute;
    z-index: 1;
    height: 20px;
    top: calc(50% - 10px);
    left: 5%;
    width: 90%;
    opacity: 0.9;
    -webkit-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in;
  }
  trix-editor .attachment__progress[value="100"] {
    opacity: 0;
  }
  trix-editor .attachment__caption-editor {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    color: inherit;
    text-align: center;
    vertical-align: top;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  trix-editor .attachment__toolbar {
    position: absolute;
    z-index: 1;
    top: -0.9em;
    left: 0;
    width: 100%;
    text-align: center;
  }
  trix-editor .trix-button-group {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  trix-editor .trix-button {
    position: relative;
    float: left;
    color: #666;
    white-space: nowrap;
    font-size: 80%;
    padding: 0 0.8em;
    margin: 0;
    outline: none;
    border: none;
    border-radius: 0;
    background: transparent;
  }
  trix-editor .trix-button:not(:first-child) {
    border-left: 1px solid #ccc;
  }
  trix-editor .trix-button.trix-active {
    background: #cbeefa;
  }
  trix-editor .trix-button:not(:disabled) {
    cursor: pointer;
  }
  trix-editor .trix-button--remove {
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    outline: none;
    width: 1.8em;
    height: 1.8em;
    line-height: 1.8em;
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid highlight;
    -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
            box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
  }
  trix-editor .trix-button--remove::before {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.7;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.41%2017.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
  }
  trix-editor .trix-button--remove:hover {
    border-color: #333;
  }
  trix-editor .trix-button--remove:hover::before {
    opacity: 1;
  }
  trix-editor .attachment__metadata-container {
    position: relative;
  }
  trix-editor .attachment__metadata {
    position: absolute;
    left: 50%;
    top: 2em;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    max-width: 90%;
    padding: 0.1em 0.6em;
    font-size: 0.8em;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 3px;
  }
  trix-editor .attachment__metadata .attachment__name {
    display: inline-block;
    max-width: 100%;
    vertical-align: bottom;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  trix-editor .attachment__metadata .attachment__size {
    margin-left: 0.2em;
    white-space: nowrap;
  }
  .trix-content {
    line-height: 1.5;
    overflow-wrap: break-word;
    word-break: break-word;
  }
  .trix-content * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  .trix-content h1 {
    font-size: 1.2em;
    line-height: 1.2;
  }
  .trix-content blockquote {
    border: 0 solid #ccc;
    border-left-width: 0.3em;
    margin-left: 0.3em;
    padding-left: 0.6em;
  }
  .trix-content [dir=rtl] blockquote,
.trix-content blockquote[dir=rtl] {
    border-width: 0;
    border-right-width: 0.3em;
    margin-right: 0.3em;
    padding-right: 0.6em;
  }
  .trix-content li {
    margin-left: 1em;
  }
  .trix-content [dir=rtl] li {
    margin-right: 1em;
  }
  .trix-content pre {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-family: monospace;
    font-size: 0.9em;
    padding: 0.5em;
    white-space: pre;
    background-color: #eee;
    overflow-x: auto;
  }
  .trix-content img {
    max-width: 100%;
    height: auto;
  }
  .trix-content .attachment {
    display: inline-block;
    position: relative;
    max-width: 100%;
  }
  .trix-content .attachment a {
    color: inherit;
    text-decoration: none;
  }
  .trix-content .attachment a:hover, .trix-content .attachment a:visited:hover {
    color: inherit;
  }
  .trix-content .attachment__caption {
    text-align: center;
  }
  .trix-content .attachment__caption .attachment__name + .attachment__size::before {
    content: " •";
  }
  .trix-content .attachment--preview {
    width: 100%;
    text-align: center;
  }
  .trix-content .attachment--preview .attachment__caption {
    color: #666;
    font-size: 0.9em;
    line-height: 1.2;
  }
  .trix-content .attachment--file {
    color: #333;
    line-height: 1;
    margin: 0 2px 2px 2px;
    padding: 0.4em 1em;
    border: 1px solid #bbb;
    border-radius: 5px;
  }
  .trix-content .attachment-gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
  }
  .trix-content .attachment-gallery .attachment {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 33%;
            flex: 1 0 33%;
    padding: 0 0.5em;
    max-width: 33%;
  }
  .trix-content .attachment-gallery.attachment-gallery--2 .attachment, .trix-content .attachment-gallery.attachment-gallery--4 .attachment {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
}
@layer base {
  /*!
 * Vditor v3.11.0 - A markdown editor written in TypeScript.
 *
 * MIT License
 *
 * Copyright (c) 2018-present B3log 开源, b3log.org
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * SOFTWARE.
 **/
  /*!
 * Vditor v3.11.0 - A markdown editor written in TypeScript.
 *
 * MIT License
 *
 * Copyright (c) 2018-present B3log 开源, b3log.org
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * SOFTWARE.
 **/
  .vditor {
    --border-color: #d1d5da;
    --second-color: rgba(88, 96, 105, 0.36);
    --panel-background-color: #fff;
    --panel-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    --toolbar-background-color: #f6f8fa;
    --toolbar-icon-color: #586069;
    --toolbar-icon-hover-color: #4285f4;
    --toolbar-height: 35px;
    --toolbar-divider-margin-top: 8px;
    --textarea-background-color: #fafbfc;
    --textarea-text-color: #24292e;
    --resize-icon-color: var(--toolbar-icon-color);
    --resize-background-color: var(--toolbar-background-color);
    --resize-hover-icon-color: var(--panel-background-color);
    --resize-hover-background-color: var(--toolbar-icon-hover-color);
    --count-background-color: rgba(27, 31, 35, 0.05);
    --heading-border-color: #eaecef;
    --blockquote-color: #6a737d;
    --ir-heading-color: #660e7a;
    --ir-title-color: #808080;
    --ir-bi-color: #0033b3;
    --ir-link-color: #008000;
    --ir-bracket-color: #0000ff;
    --ir-paren-color: #008000;
  }
  .vditor--dark {
    --border-color: #141414;
    --second-color: rgba(185, 185, 185, 0.36);
    --panel-background-color: #24292e;
    --panel-shadow: 0 1px 2px rgba(255, 255, 255, 0.2);
    --toolbar-background-color: #1d2125;
    --toolbar-icon-color: #b9b9b9;
    --toolbar-icon-hover-color: #fff;
    --textarea-background-color: #2f363d;
    --textarea-text-color: #d1d5da;
    --resize-icon-color: var(--border-color);
    --resize-background-color: var(--second-color);
    --resize-hover-icon-color: var(--toolbar-icon-hover-color);
    --resize-hover-background-color: rgba(185, 185, 185, 0.86);
    --count-background-color: rgba(66, 133, 244, 0.36);
    --heading-border-color: var(--textarea-text-color);
    --blockquote-color: var(--toolbar-icon-color);
    --ir-heading-color: #9876aa;
    --ir-title-color: #808080;
    --ir-bi-color: #cc7832;
    --ir-link-color: #ffc66d;
    --ir-bracket-color: #287bde;
    --ir-paren-color: #6a8759;
  }
  @-webkit-keyframes tooltip-appear {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes tooltip-appear {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .vditor-tooltipped {
    position: relative;
    cursor: pointer;
  }
  .vditor-tooltipped::after {
    position: absolute;
    z-index: 1000000;
    display: none;
    padding: 5px 8px;
    font-size: 11px;
    font-weight: normal;
    -webkit-font-smoothing: subpixel-antialiased;
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: break-word;
    white-space: pre;
    pointer-events: none;
    content: attr(aria-label);
    background: #3b3e43;
    border-radius: 3px;
    line-height: 16px;
    opacity: 0;
  }
  .vditor-tooltipped::before {
    position: absolute;
    z-index: 1000001;
    display: none;
    width: 0;
    height: 0;
    color: #3b3e43;
    pointer-events: none;
    content: "";
    border: 5px solid transparent;
    opacity: 0;
  }
  .vditor-tooltipped--hover::before,
.vditor-tooltipped--hover::after,
.vditor-tooltipped:hover::before,
.vditor-tooltipped:hover::after,
.vditor-tooltipped:active::before,
.vditor-tooltipped:active::after,
.vditor-tooltipped:focus::before,
.vditor-tooltipped:focus::after {
    display: inline-block;
    text-decoration: none;
    -webkit-animation-name: tooltip-appear;
            animation-name: tooltip-appear;
    -webkit-animation-duration: 0.15s;
            animation-duration: 0.15s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  .vditor-tooltipped__s::after,
.vditor-tooltipped__se::after,
.vditor-tooltipped__sw::after {
    top: 100%;
    right: 50%;
    margin-top: 5px;
  }
  .vditor-tooltipped__s::before,
.vditor-tooltipped__se::before,
.vditor-tooltipped__sw::before {
    top: auto;
    right: 50%;
    bottom: -5px;
    margin-right: -5px;
    border-bottom-color: #3b3e43;
  }
  .vditor-tooltipped__se::after {
    right: auto;
    left: 50%;
    margin-left: -15px;
  }
  .vditor-tooltipped__sw::after {
    margin-right: -15px;
  }
  .vditor-tooltipped__n::after,
.vditor-tooltipped__ne::after,
.vditor-tooltipped__nw::after {
    right: 50%;
    bottom: 100%;
    margin-bottom: 5px;
  }
  .vditor-tooltipped__n::before,
.vditor-tooltipped__ne::before,
.vditor-tooltipped__nw::before {
    top: -5px;
    right: 50%;
    bottom: auto;
    margin-right: -5px;
    border-top-color: #3b3e43;
  }
  .vditor-tooltipped__ne::after {
    right: auto;
    left: 50%;
    margin-left: -15px;
  }
  .vditor-tooltipped__nw::after {
    margin-right: -15px;
  }
  .vditor-tooltipped__s::after,
.vditor-tooltipped__n::after {
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  .vditor-tooltipped__w::after {
    right: 100%;
    bottom: 50%;
    margin-right: 5px;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
  .vditor-tooltipped__w::before {
    top: 50%;
    bottom: 50%;
    left: -5px;
    margin-top: -5px;
    border-left-color: #3b3e43;
  }
  .vditor-tooltipped__e::after {
    bottom: 50%;
    left: 100%;
    margin-left: 5px;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
  .vditor-tooltipped__e::before {
    top: 50%;
    right: -5px;
    bottom: 50%;
    margin-top: -5px;
    border-right-color: #3b3e43;
  }
  @media screen and (max-width: 520px) {
    .vditor-tooltipped:before,
  .vditor-tooltipped:after {
      content: none;
    }
  }
  @-webkit-keyframes scale-in {
    0% {
      opacity: 0;
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
    }
    100% {
      opacity: 1;
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @keyframes scale-in {
    0% {
      opacity: 0;
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
    }
    100% {
      opacity: 1;
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  .vditor-panel {
    background-color: var(--panel-background-color);
    position: absolute;
    -webkit-box-shadow: var(--panel-shadow);
            box-shadow: var(--panel-shadow);
    border-radius: 3px;
    padding: 5px;
    z-index: 3;
    font-size: 14px;
    display: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
    max-width: 320px;
    min-width: 80px;
    -webkit-animation-duration: 0.15s;
            animation-duration: 0.15s;
    -webkit-animation-name: scale-in;
            animation-name: scale-in;
    -webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.13, 1.5);
            animation-timing-function: cubic-bezier(0.2, 0, 0.13, 1.5);
    color: var(--toolbar-icon-color);
  }
  .vditor-panel--none {
    padding: 0;
    -webkit-animation: none;
            animation: none;
    min-width: auto;
    max-width: none;
    white-space: nowrap;
    opacity: 0.86;
  }
  .vditor-panel--arrow:before {
    position: absolute;
    width: 0;
    height: 0;
    pointer-events: none;
    content: " ";
    border: 7px solid transparent;
    top: -14px;
    left: 5px;
    border-bottom-color: var(--panel-background-color);
  }
  .vditor-panel--left {
    right: 0;
  }
  .vditor-panel--left.vditor-panel--arrow:before {
    right: 5px;
    left: auto;
  }
  .vditor-input {
    border: 0;
    padding: 3px 5px;
    background-color: var(--panel-background-color);
    font-size: 12px;
    color: var(--textarea-text-color);
  }
  .vditor-input:focus {
    background-color: var(--toolbar-background-color);
    outline: none;
  }
  .vditor-icon {
    color: var(--toolbar-icon-color);
    cursor: pointer;
    float: left;
    padding: 4px 5px;
    height: 21px;
    width: 23px;
    background-color: transparent;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .vditor-icon:hover,
.vditor-icon--current {
    color: var(--toolbar-icon-hover-color);
    background-color: transparent;
  }
  .vditor-icon:focus {
    outline: none;
  }
  .vditor-icon svg {
    height: 13px !important;
    width: 13px !important;
    float: left;
    fill: currentColor;
    pointer-events: none;
  }
  .vditor-toolbar {
    background-color: var(--toolbar-background-color);
    border-bottom: 1px solid var(--border-color);
    padding: 0 5px;
    line-height: 1;
  }
  .vditor-toolbar--pin {
    position: sticky;
    top: 0;
    z-index: 1;
  }
  .vditor-toolbar--hide {
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    height: 5px;
    overflow: hidden;
  }
  .vditor-toolbar--hide:hover {
    background-color: var(--toolbar-background-color);
    height: auto;
    overflow: visible;
  }
  .vditor-toolbar__item {
    float: left;
    position: relative;
  }
  .vditor-toolbar__item .vditor-tooltipped {
    color: var(--toolbar-icon-color);
    border: 0;
    padding: 10px 5px;
    background-color: transparent;
    height: var(--toolbar-height);
    width: 25px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 0;
  }
  .vditor-toolbar__item .vditor-tooltipped:focus {
    outline: none;
  }
  .vditor-toolbar__item .vditor-tooltipped:focus {
    cursor: pointer;
    color: var(--toolbar-icon-hover-color);
  }
  .vditor-toolbar__item svg {
    fill: currentColor;
    display: inline-block;
    stroke-width: 0;
    stroke: currentColor;
    width: 15px;
    height: 15px;
  }
  .vditor-toolbar__item input {
    position: absolute;
    width: 25px;
    height: var(--toolbar-height);
    top: 0;
    left: 0;
    cursor: pointer;
    opacity: 0.001;
    overflow: hidden;
  }
  .vditor-toolbar__divider {
    float: left;
    height: calc(var(--toolbar-height) - (var(--toolbar-divider-margin-top) * 2));
    border-left: 1px solid var(--second-color);
    margin: var(--toolbar-divider-margin-top) 8px;
  }
  .vditor-toolbar__br {
    width: 100%;
    padding: 0 !important;
    height: 0 !important;
  }
  .vditor-menu--current {
    color: var(--toolbar-icon-hover-color) !important;
  }
  .vditor-menu--disabled {
    color: var(--second-color) !important;
    cursor: not-allowed !important;
  }
  .vditor-emojis {
    display: inline-block;
    overflow: auto;
  }
  .vditor-emojis::-webkit-scrollbar {
    display: none;
  }
  .vditor-emojis__tip {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 1px;
    width: 200px;
    margin-right: 10px;
    color: var(--toolbar-icon-color);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .vditor-emojis__tail {
    margin-top: 5px;
    font-size: 12px;
    color: var(--toolbar-icon-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .vditor-emojis__tail a {
    text-decoration: none;
    color: var(--toolbar-icon-color);
  }
  .vditor-emojis__tail a:hover {
    color: var(--toolbar-icon-hover-color);
  }
  .vditor-emojis button {
    cursor: pointer;
    border-radius: 3px;
    float: left;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 26px;
    padding: 3px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 16px;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    border: 0;
    margin: 0;
    background-color: transparent;
    overflow: hidden;
  }
  .vditor-emojis button:focus {
    outline: none;
  }
  .vditor-emojis button:hover .vditor-emojis__icon {
    display: inline-block;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  .vditor-emojis img {
    height: 20px;
    width: 20px;
    float: left;
    margin: 3px 0 0 3px;
  }
  @media screen and (max-width: 520px) {
    .vditor-toolbar__item {
      padding: 0 12px;
    }
    .vditor-panel--left.vditor-panel--arrow:before {
      right: 17px;
    }
  }
  @media (hover: hover) and (pointer: fine) {
    .vditor-toolbar__item .vditor-tooltipped:hover {
      color: var(--toolbar-icon-hover-color);
    }
  }
  @-webkit-keyframes slideInDown {
    from {
      -webkit-transform: translate3d(0, -100%, 0);
              transform: translate3d(0, -100%, 0);
      visibility: visible;
    }
    to {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
  }
  @keyframes slideInDown {
    from {
      -webkit-transform: translate3d(0, -100%, 0);
              transform: translate3d(0, -100%, 0);
      visibility: visible;
    }
    to {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
  }
  .vditor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border: 1px solid var(--border-color);
    border-radius: 3px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", "Hiragino Sans GB", "Microsoft Yahei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
  }
  .vditor--fullscreen {
    position: fixed;
    top: 0;
    width: 100% !important;
    left: 0;
    height: 100vh !important;
    z-index: 90;
    border-radius: 0;
  }
  .vditor-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 60px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 1px;
    position: relative;
  }
  .vditor-preview {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 1px;
    overflow: auto;
    margin-left: -1px;
    border-left: 1px solid var(--border-color);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 0 0 3px 0;
    background-color: var(--textarea-background-color);
  }
  .vditor-preview::-webkit-scrollbar {
    display: none;
  }
  .vditor-preview__action {
    text-align: center;
    padding: 10px;
    background-color: var(--toolbar-background-color);
  }
  .vditor-preview__action button {
    background-color: var(--toolbar-background-color);
    color: var(--toolbar-icon-color);
    line-height: 20px;
    border: 0;
    margin: 0 10px;
    cursor: pointer;
    padding: 0 7px;
    font-size: 12px;
  }
  .vditor-preview__action button.vditor-preview__action--current,
.vditor-preview__action button:hover {
    color: var(--toolbar-icon-hover-color);
    background-color: var(--toolbar-background-color);
  }
  .vditor-preview__action button:focus {
    outline: none;
  }
  .vditor-preview__action button svg {
    fill: currentColor;
    height: 15px;
    width: 15px;
    vertical-align: middle;
  }
  .vditor-preview > .vditor-reset {
    padding: 10px;
    margin: 0 auto;
  }
  .vditor-preview img:not(.emoji) {
    cursor: pointer;
  }
  .vditor-devtools {
    display: none;
    background-color: var(--textarea-background-color);
    overflow: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 1px;
    -webkit-box-shadow: inset 1px 0 var(--border-color);
            box-shadow: inset 1px 0 var(--border-color);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 0 0 3px 0;
    padding: 10px;
  }
  .vditor-counter {
    padding: 3px;
    color: var(--toolbar-icon-color);
    background-color: var(--count-background-color);
    border-radius: 3px;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
    float: right;
    margin: 8px 3px 0 0;
  }
  .vditor-counter--error {
    color: #d23f31;
    background-color: rgba(210, 63, 49, 0.1);
  }
  .vditor-resize {
    padding: 3px 0;
    cursor: row-resize;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
    position: absolute;
    width: 100%;
  }
  .vditor-resize--top {
    top: -3px;
  }
  .vditor-resize--bottom {
    bottom: -3px;
  }
  .vditor-resize > div {
    height: 3px;
    background-color: var(--resize-background-color);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
  }
  .vditor-resize:hover > div,
.vditor-resize--selected > div {
    background-color: var(--resize-hover-background-color);
  }
  .vditor-resize:hover svg,
.vditor-resize--selected svg {
    color: var(--resize-hover-icon-color);
  }
  .vditor-resize svg {
    fill: currentColor;
    stroke-width: 0;
    stroke: currentColor;
    width: 13px;
    height: 3px;
    display: block;
    margin: 0 auto;
    color: var(--resize-icon-color);
  }
  .vditor-upload {
    position: absolute;
    height: 3px;
    left: 0;
    top: -2px;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    background-color: #4285f4;
  }
  .vditor-tip {
    position: absolute;
    font-size: 12px;
    top: 10px;
    -webkit-animation-duration: 0.15s;
            animation-duration: 0.15s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    left: 50%;
    z-index: 5;
  }
  .vditor-tip--show {
    display: block;
    -webkit-animation-name: slideInDown;
            animation-name: slideInDown;
  }
  .vditor-tip__content {
    text-align: left;
    display: inline-block;
    line-height: 16px;
    padding: 3px 10px;
    border-radius: 3px;
    background: var(--toolbar-background-color);
    position: relative;
    margin-left: -50%;
    color: var(--toolbar-icon-color);
    max-width: 100%;
    -webkit-box-shadow: var(--panel-shadow);
            box-shadow: var(--panel-shadow);
  }
  .vditor-tip__content ul {
    margin: 2px 0;
    padding: 0 0 0 18px;
  }
  .vditor-tip__content a {
    color: #4285f4;
  }
  .vditor-tip__close {
    position: absolute;
    color: var(--toolbar-icon-color);
    top: -7px;
    right: -15px;
    font-weight: bold;
    cursor: pointer;
  }
  .vditor-tip__close:hover {
    color: var(--toolbar-icon-hover-color);
  }
  .vditor-img {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    z-index: 100;
  }
  .vditor-img__bar {
    border-bottom: 1px solid var(--border-color);
    background-color: var(--toolbar-background-color);
    text-align: center;
    height: 36px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .vditor-img__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    margin-left: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
    color: var(--toolbar-icon-color);
  }
  .vditor-img__btn:hover {
    color: var(--toolbar-icon-hover-color);
  }
  .vditor-img__btn svg {
    height: 14px;
    width: 14px;
    margin-right: 8px;
    fill: currentColor;
  }
  .vditor-img__img {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background-color: var(--textarea-background-color);
    overflow: auto;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
  }
  .vditor-img__img img {
    max-width: none;
  }
  .vditor-hint {
    background-color: var(--panel-background-color);
    position: absolute;
    -webkit-box-shadow: var(--panel-shadow);
            box-shadow: var(--panel-shadow);
    border-radius: 3px;
    padding: 5px 0;
    z-index: 4;
    line-height: 20px;
    list-style: none;
    font-size: 12px;
    margin: 0;
    max-width: 250px;
    min-width: 80px;
    display: none;
  }
  .vditor-hint .vditor-hint {
    margin-top: -31px;
    left: 100%;
    right: auto;
  }
  .vditor-hint .vditor-hint.vditor-panel--left {
    right: 100%;
    left: auto;
  }
  .vditor-hint button {
    color: var(--toolbar-icon-color);
    display: block;
    padding: 3px 10px;
    border: 0;
    border-radius: 0;
    line-height: 20px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: left;
    margin: 0;
    background-color: transparent;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .vditor-hint button:focus {
    outline: none;
  }
  .vditor-hint--current,
.vditor-hint button:not(.vditor-menu--disabled):hover {
    background-color: var(--toolbar-background-color) !important;
    color: var(--toolbar-icon-hover-color) !important;
  }
  .vditor-hint__emoji {
    font-size: 16px;
    float: left;
    margin-right: 3px;
  }
  .vditor-hint img {
    height: 20px;
    width: 20px;
    float: left;
    margin-right: 3px;
  }
  .vditor-reset {
    color: #24292e;
    -webkit-font-variant-ligatures: no-common-ligatures;
            font-variant-ligatures: no-common-ligatures;
    font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", "Hiragino Sans GB", "Microsoft Yahei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
    word-wrap: break-word;
    overflow: auto;
    line-height: 1.5;
    font-size: 16px;
    word-break: break-word;
  }
  .vditor-reset--anchor {
    padding-left: 20px;
  }
  .vditor-reset--error {
    color: #d23f31;
    font-size: 12px;
    display: block;
    line-height: 16px;
  }
  .vditor-reset ul ul ul {
    list-style-type: square;
  }
  .vditor-reset ul ul {
    list-style-type: circle;
  }
  .vditor-reset ul {
    list-style-type: disc;
  }
  .vditor-reset ul,
.vditor-reset ol {
    padding-left: 2em;
    margin-top: 0;
    margin-bottom: 16px;
  }
  .vditor-reset li + li {
    margin-top: 0.25em;
  }
  .vditor-reset li p {
    margin-top: 16px;
  }
  .vditor-reset audio {
    max-width: 100%;
  }
  .vditor-reset audio:focus {
    outline: none;
  }
  .vditor-reset video {
    max-height: 90vh;
    max-width: 100%;
  }
  .vditor-reset img {
    max-width: 100%;
  }
  .vditor-reset img.emoji {
    cursor: auto;
    max-width: 20px;
    vertical-align: sub;
  }
  .vditor-reset h1,
.vditor-reset h2,
.vditor-reset h3,
.vditor-reset h4,
.vditor-reset h5,
.vditor-reset h6 {
    margin-top: 24px;
    margin-bottom: 16px;
    font-weight: 600;
    line-height: 1.25;
  }
  .vditor-reset h1:hover .vditor-anchor svg,
.vditor-reset h2:hover .vditor-anchor svg,
.vditor-reset h3:hover .vditor-anchor svg,
.vditor-reset h4:hover .vditor-anchor svg,
.vditor-reset h5:hover .vditor-anchor svg,
.vditor-reset h6:hover .vditor-anchor svg {
    visibility: visible;
  }
  .vditor-reset h1 {
    font-size: 1.75em;
  }
  .vditor-reset h2 {
    font-size: 1.55em;
  }
  .vditor-reset h3 {
    font-size: 1.38em;
  }
  .vditor-reset h4 {
    font-size: 1.25em;
  }
  .vditor-reset h5 {
    font-size: 1.13em;
  }
  .vditor-reset h6 {
    font-size: 1em;
  }
  .vditor-reset hr {
    height: 2px;
    padding: 0;
    margin: 24px 0;
    background-color: #eaecef;
    border: 0;
  }
  .vditor-reset p {
    margin-top: 0;
    margin-bottom: 16px;
  }
  .vditor-reset blockquote {
    padding: 0 1em;
    color: #6a737d;
    border-left: 0.25em solid #eaecef;
    margin: 0 0 16px 0;
  }
  .vditor-reset blockquote > :first-child {
    margin-top: 0;
  }
  .vditor-reset blockquote > :last-child {
    margin-bottom: 0;
  }
  .vditor-reset ins > iframe {
    border: 0;
  }
  .vditor-reset iframe {
    border: 1px solid #d1d5da;
    max-width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .vditor-reset iframe.iframe__video {
    min-width: 80%;
    min-height: 36vh;
  }
  .vditor-reset table {
    border-collapse: collapse;
    empty-cells: show;
    margin-bottom: 16px;
    overflow: auto;
    border-spacing: 0;
    display: block;
    word-break: keep-all;
    width: 100%;
  }
  .vditor-reset table tr {
    background-color: #fafbfc;
    border-top: 1px solid #c6cbd1;
  }
  .vditor-reset table td,
.vditor-reset table th {
    padding: 6px 13px;
    border: 1px solid #dfe2e5;
    word-break: normal;
    white-space: nowrap;
  }
  .vditor-reset table td:first-child::after,
.vditor-reset table th:first-child::after {
    content: "";
    display: inline-block;
    vertical-align: top;
    min-height: 24px;
  }
  .vditor-reset table th {
    font-weight: 600;
  }
  .vditor-reset table tbody tr:nth-child(2n) {
    background-color: #fff;
  }
  .vditor-reset code:not(.hljs):not(.highlight-chroma) {
    padding: 0.2em 0.4em;
    margin: 0;
    font-size: 85%;
    border-radius: 3px;
    font-family: mononoki, Consolas, "Liberation Mono", Menlo, Courier, monospace, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
    word-break: break-word;
    background-size: 20px 20px;
    white-space: pre-wrap;
  }
  .vditor-reset pre {
    margin: 1em 0;
  }
  .vditor-reset pre > code {
    margin: 0;
    font-size: 85%;
    padding: 0.5em;
    border-radius: 5px;
    display: block;
    overflow: auto;
    white-space: pre;
    font-family: mononoki, Consolas, "Liberation Mono", Menlo, Courier, monospace, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
    background-size: 20px 20px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8AgMAAABHkjHhAAAACVBMVEWAgIBaWlo+Pj7rTFvWAAAAA3RSTlMHCAw+VhR4AAAA+klEQVQoz4WSMW7EQAhFPxKWNh2FCx+HkaZI6RRb5DYbyVfIJXLKDCFoMbaTKSw/8ZnPAPjaH2xgZcUNUDADD7D9LtDBCLZ45fbkvo/30K8yeI64pPwl6znd/3n/Oe93P3ho9qeh72btTFzqkz0rsJle8Zr81OLEwZ1dv/713uWqvu2pl+k0fy7MWtj9r/tN5q/02z89qa/L4Dc2LvM93kezPfXlME/O86EbY/V9GB9ePX8G1/6W+/9h1dq/HGfTfzT3j/xNo7522Bfnqe5jO/fvhVthlfk434v3iO9zG/UOphyPeinPl1J8Gtaa7xPTa/Dk+RIs4deMvwGvcGsmsCvJ0AAAAABJRU5ErkJggg==);
    word-break: initial;
    word-wrap: normal;
  }
  .vditor-reset pre:hover div.vditor-copy {
    display: block;
  }
  .vditor-reset .language-math,
.vditor-reset .language-echarts,
.vditor-reset .language-mindmap,
.vditor-reset .language-plantuml,
.vditor-reset .language-mermaid,
.vditor-reset .language-smiles,
.vditor-reset .language-markmap,
.vditor-reset .language-abc,
.vditor-reset .language-flowchart,
.vditor-reset .language-graphviz {
    margin-bottom: 16px;
  }
  .vditor-reset .language-math mjx-container:focus {
    outline: none;
    cursor: context-menu;
  }
  .vditor-reset .language-math .katex-display > .katex > .katex-html > .tag {
    display: inline-block;
    font-size: 1.21rem;
    right: 2px;
  }
  .vditor-reset .language-echarts,
.vditor-reset .language-mindmap {
    overflow: hidden;
    height: 420px;
  }
  .vditor-reset .language-mermaid,
.vditor-reset .language-markmap,
.vditor-reset .language-flowchart,
.vditor-reset .language-graphviz {
    text-align: center;
  }
  .vditor-reset .language-graphviz parsererror {
    overflow: auto;
  }
  .vditor-reset kbd {
    display: inline-block;
    padding: 3px 5px;
    font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace;
    line-height: 10px;
    color: #24292e;
    vertical-align: middle;
    background-color: #fafbfc;
    border: solid 1px #d1d5da;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 #d1d5da;
            box-shadow: inset 0 -1px 0 #d1d5da;
  }
  .vditor-reset summary {
    cursor: pointer;
  }
  .vditor-reset summary:focus {
    outline: none;
  }
  .vditor-reset svg {
    height: auto;
    width: auto;
    stroke-width: initial;
  }
  .vditor-reset p:last-child,
.vditor-reset blockquote:last-child,
.vditor-reset pre:last-child,
.vditor-reset ul:last-child,
.vditor-reset ol:last-child,
.vditor-reset hr:last-child {
    margin-bottom: 0;
  }
  .vditor-comment {
    border-bottom: 2px solid #f8e6ab;
  }
  .vditor-comment--focus,
.vditor-comment--hover {
    background-color: #faf1d1;
    border-bottom: 2px solid #ffc60a;
  }
  .vditor-comment--focus .vditor-comment,
.vditor-comment--hover .vditor-comment {
    border-bottom: 2px solid #ffc60a;
  }
  .vditor-task {
    list-style: none !important;
    word-break: break-all;
  }
  .vditor-task input {
    margin: 0 0.2em 0.25em -1.6em;
    font-size: 12px;
    vertical-align: middle;
  }
  .vditor-copy {
    position: relative;
    display: none;
    z-index: 1;
  }
  .vditor-copy textarea {
    position: absolute;
    left: -100000px;
    height: 10px;
  }
  .vditor-copy span {
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 0.5em;
  }
  .vditor-copy svg {
    color: #586069;
    height: 14px;
    width: 14px !important;
    display: block;
    fill: currentColor;
  }
  .vditor-linenumber {
    padding-left: 4em !important;
    position: relative;
  }
  .vditor-linenumber__rows {
    position: absolute;
    pointer-events: none;
    top: 1em;
    left: 0;
    width: 3em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
    counter-reset: linenumber;
  }
  .vditor-linenumber__rows > span {
    pointer-events: none;
    display: block;
  }
  .vditor-linenumber__rows > span::before {
    counter-increment: linenumber;
    content: counter(linenumber);
    color: rgba(158, 150, 150, 0.38);
    display: block;
    padding-right: 1em;
    text-align: right;
  }
  .vditor-speech {
    position: absolute;
    display: none;
    background-color: #f6f8fa;
    border: 1px solid #d1d5da;
    border-radius: 3px;
    padding: 3px;
    cursor: pointer;
    color: #586069;
  }
  .vditor-speech:hover,
.vditor-speech--current {
    color: #4285f4;
  }
  .vditor-speech svg {
    height: 14px;
    width: 14px;
    fill: currentColor;
    display: block;
    stroke-width: 0;
    stroke: currentColor;
  }
  .vditor-anchor {
    margin-left: 5px;
  }
  .vditor-anchor--left {
    float: left;
    padding-right: 4px;
    margin-left: -20px;
  }
  .vditor-anchor svg {
    visibility: hidden;
  }
  .vditor-anchor:hover svg {
    visibility: visible;
  }
  .vditor-anchor:focus {
    outline: none;
  }
  .vditor-linkcard {
    margin: 31px auto 16px;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    cursor: pointer;
    max-width: 768px;
    padding: 0 10px;
  }
  .vditor-linkcard a {
    border-radius: 3px;
    background-color: #f6f8fa;
    overflow: hidden;
    max-height: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }
  .vditor-linkcard a:hover {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.13), 0 3px 6px rgba(0, 0, 0, 0.26);
            box-shadow: 0 0 3px rgba(0, 0, 0, 0.13), 0 3px 6px rgba(0, 0, 0, 0.26);
    text-decoration: none;
  }
  .vditor-linkcard a:visited .vditor-linkcard__abstract {
    color: rgba(88, 96, 105, 0.36);
  }
  .vditor-linkcard__info {
    padding: 10px;
    min-width: 200px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .vditor-linkcard__title {
    font-size: 14px;
    font-weight: 400;
    color: #24292e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .vditor-linkcard__title img {
    cursor: pointer;
    height: 20px;
    width: 20px;
    border-radius: 3px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 5px;
  }
  .vditor-linkcard__abstract {
    word-wrap: break-word;
    word-break: break-all;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 13px;
    color: #586069;
    margin: 5px 0;
  }
  .vditor-linkcard__site {
    font-size: 12px;
    color: #4285f4;
  }
  .vditor-linkcard__image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    max-width: 250px;
    min-width: 126px;
    cursor: pointer;
    background-color: rgba(88, 96, 105, 0.36);
  }
  .vditor-footnotes__goto-ref {
    text-decoration: none;
  }
  .vditor-toc {
    margin-bottom: 16px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
        user-select: text;
    color: #4285f4;
  }
  .vditor-toc .vditor-outline__action {
    display: none;
  }
  .vditor-toc ul {
    list-style: none !important;
    padding-left: 1em;
  }
  .vditor-toc > ul {
    padding-left: 0;
  }
  .vditor-toc span {
    cursor: pointer;
  }
  .vditor-toc li > span > svg {
    width: 0;
    height: 0;
  }
  .vditor-outline {
    width: 250px;
    border-right: 1px solid var(--border-color);
    background-color: var(--panel-background-color);
    display: none;
    overflow: auto;
  }
  .vditor-outline--right {
    border-right: 0;
    border-left: 1px solid var(--border-color);
  }
  .vditor-outline::-webkit-scrollbar {
    display: none;
  }
  .vditor-outline ul {
    list-style: none !important;
    padding-left: 1em;
    margin: 0;
  }
  .vditor-outline__content > ul {
    padding-left: 0;
  }
  .vditor-outline li > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 5px 10px;
    cursor: pointer;
    color: var(--textarea-text-color);
  }
  .vditor-outline li > span > svg {
    height: 10px;
    width: 10px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .vditor-outline li > span:hover {
    color: var(--toolbar-icon-hover-color);
  }
  .vditor-outline li > span > span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .vditor-outline__title {
    border-bottom: 1px dashed var(--border-color);
    padding: 5px 10px;
    color: var(--toolbar-icon-color);
    font-size: 12px;
  }
  .vditor-outline__action {
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    fill: currentColor;
    margin-right: 5px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .vditor-outline__action--close {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  .vditor-wysiwyg {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    position: relative;
    width: 100%;
    min-width: 1px;
  }
  .vditor-wysiwyg pre.vditor-reset {
    background-color: var(--panel-background-color);
    margin: 0;
    white-space: pre-wrap;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .vditor-wysiwyg pre.vditor-reset[contenteditable="false"] {
    opacity: 0.3;
    cursor: not-allowed;
  }
  .vditor-wysiwyg pre.vditor-reset:empty::before {
    content: attr(placeholder);
    color: var(--second-color);
  }
  .vditor-wysiwyg pre.vditor-reset:focus {
    outline: none;
    background-color: var(--textarea-background-color);
  }
  .vditor-wysiwyg pre.vditor-reset:after {
    content: "";
    height: var(--editor-bottom);
    display: block;
  }
  .vditor-wysiwyg blockquote:empty::before,
.vditor-wysiwyg pre > code:empty::before,
.vditor-wysiwyg p:empty::before,
.vditor-wysiwyg h1:empty::after,
.vditor-wysiwyg h2:empty::after,
.vditor-wysiwyg h3:empty::after,
.vditor-wysiwyg h4:empty::after,
.vditor-wysiwyg h5:empty::after,
.vditor-wysiwyg h6:empty::after {
    content: ' ';
  }
  .vditor-wysiwyg code[data-marker="`"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .vditor-wysiwyg__block pre:first-child {
    margin-bottom: -1em;
  }
  .vditor-wysiwyg__block pre:first-child code {
    color: var(--textarea-text-color);
    height: auto;
    text-align: left;
  }
  .vditor-wysiwyg__block pre:last-child {
    margin-bottom: 1em;
  }
  .vditor-wysiwyg__preview {
    cursor: pointer;
    white-space: initial;
    min-height: 27px;
  }
  .vditor-wysiwyg > .vditor-reset > h1:before,
.vditor-wysiwyg > .vditor-reset > h2:before,
.vditor-wysiwyg > .vditor-reset > h3:before,
.vditor-wysiwyg > .vditor-reset > h4:before,
.vditor-wysiwyg > .vditor-reset > h5:before,
.vditor-wysiwyg > .vditor-reset > h6:before,
.vditor-wysiwyg div.vditor-wysiwyg__block:before,
.vditor-wysiwyg div[data-type="link-ref-defs-block"]:before,
.vditor-wysiwyg div[data-type="footnotes-block"]:before,
.vditor-wysiwyg .vditor-toc:before {
    float: left;
    padding-right: 4px;
    margin-left: -29px;
    content: 'H1';
    font-size: 0.85rem;
    font-weight: normal;
    color: var(--second-color);
  }
  .vditor-wysiwyg > .vditor-reset > h2:before {
    content: 'H2';
  }
  .vditor-wysiwyg > .vditor-reset > h3:before {
    content: 'H3';
  }
  .vditor-wysiwyg > .vditor-reset > h4:before {
    content: 'H4';
  }
  .vditor-wysiwyg > .vditor-reset > h5:before {
    content: 'H5';
  }
  .vditor-wysiwyg > .vditor-reset > h6:before {
    content: 'H6';
  }
  .vditor-wysiwyg div[data-type="link-ref-defs-block"]:before {
    content: '"A"';
  }
  .vditor-wysiwyg div[data-type="footnotes-block"]:before {
    content: '^F';
  }
  .vditor-wysiwyg div.vditor-wysiwyg__block:before {
    content: "</>";
  }
  .vditor-wysiwyg div.vditor-wysiwyg__block[data-type="yaml-front-matter"]:before {
    content: "F";
  }
  .vditor-wysiwyg div.vditor-wysiwyg__block[data-type="math-block"]:before {
    content: "$$";
  }
  .vditor-wysiwyg .vditor-toc:before {
    content: "ToC";
  }
  .vditor-wysiwyg hr {
    display: inline-block;
    margin: 12px 0;
    width: 100%;
  }
  .vditor-wysiwyg details {
    white-space: initial;
  }
  .vditor-wysiwyg a {
    cursor: pointer;
  }
  .vditor-wysiwyg span[data-type="backslash"] > span {
    display: none;
    color: var(--second-color);
  }
  .vditor-wysiwyg span[data-type="link-ref"],
.vditor-wysiwyg sup[data-type="footnotes-ref"] {
    color: #4285f4;
  }
  .vditor-wysiwyg span[data-type="toc-h"] {
    color: #4285f4;
    text-decoration: underline;
  }
  .vditor-wysiwyg div[data-type="footnotes-block"] {
    border-top: 2px solid var(--heading-border-color);
    padding-top: 24px;
    margin-top: 24px;
  }
  .vditor-wysiwyg div[data-type="link-ref-defs-block"] {
    color: var(--blockquote-color);
  }
  @media screen and (max-width: 520px) {
    .vditor-wysiwyg h1:before,
  .vditor-wysiwyg h2:before,
  .vditor-wysiwyg h3:before,
  .vditor-wysiwyg h4:before,
  .vditor-wysiwyg h5:before,
  .vditor-wysiwyg h6:before,
  .vditor-wysiwyg div.vditor-wysiwyg__block:before,
  .vditor-wysiwyg div[data-type="link-ref-defs-block"]:before,
  .vditor-wysiwyg div[data-type="footnotes-block"]:before,
  .vditor-wysiwyg .vditor-toc:before {
      content: none;
    }
  }
  .vditor-ir {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 1px;
    position: relative;
    width: 100%;
  }
  .vditor-ir__node[data-type="code-block"]:before,
.vditor-ir__node[data-type="code-block"]:after,
.vditor-ir__node[data-type="yaml-front-matter"]:before,
.vditor-ir__node[data-type="yaml-front-matter"]:after,
.vditor-ir__node[data-type="math-block"]:before,
.vditor-ir__node[data-type="math-block"]:after {
    content: ' ';
    color: var(--second-color);
  }
  .vditor-ir__node:not(.vditor-ir__node--expand) .vditor-ir__marker {
    padding: 0 !important;
  }
  .vditor-ir__node:not(.vditor-ir__node--expand)[data-type="a"] {
    cursor: pointer;
  }
  .vditor-ir__node[data-type="link-ref"],
.vditor-ir__node[data-type="footnotes-ref"] {
    color: #4285f4;
  }
  .vditor-ir__node[data-type="html-block"] {
    margin-bottom: 1em;
  }
  .vditor-ir__node .vditor-ir__marker {
    width: 0;
    overflow: hidden;
    display: inline-block;
    height: 0;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
  }
  .vditor-ir__node--hidden .vditor-ir__marker {
    visibility: hidden;
  }
  .vditor-ir__node--expand .vditor-ir__marker {
    color: var(--second-color);
    display: inline;
    height: auto;
    width: auto;
  }
  .vditor-ir__node--expand .vditor-ir__marker--hide {
    display: none;
  }
  .vditor-ir__node--expand .vditor-ir__marker--heading {
    color: var(--ir-heading-color);
  }
  .vditor-ir__node--expand .vditor-ir__marker--bi {
    color: var(--ir-bi-color);
  }
  .vditor-ir__node--expand .vditor-ir__marker--link {
    color: var(--ir-link-color);
  }
  .vditor-ir__node--expand .vditor-ir__marker--title {
    color: var(--ir-title-color);
  }
  .vditor-ir__node--expand .vditor-ir__marker--bracket {
    color: var(--ir-bracket-color);
    text-decoration: underline;
  }
  .vditor-ir__node--expand .vditor-ir__marker--paren {
    color: var(--ir-paren-color);
  }
  .vditor-ir__node--expand .vditor-ir__marker--info {
    color: var(--ir-heading-color);
  }
  .vditor-ir__node--expand .vditor-ir__marker--pre code {
    color: var(--textarea-text-color);
    height: auto;
    text-align: left;
  }
  .vditor-ir__node--expand[data-type="code-block"]:before,
.vditor-ir__node--expand[data-type="code-block"]:after {
    content: '```';
  }
  .vditor-ir__node--expand[data-type="yaml-front-matter"]:before,
.vditor-ir__node--expand[data-type="yaml-front-matter"]:after {
    content: '---';
  }
  .vditor-ir__node--expand[data-type="math-block"]:before,
.vditor-ir__node--expand[data-type="math-block"]:after {
    content: '$$';
  }
  .vditor-ir__node span[data-type="code-block-open-marker"],
.vditor-ir__node span[data-type="code-block-close-marker"],
.vditor-ir__node span[data-type="yaml-front-matter-open-marker"],
.vditor-ir__node span[data-type="yaml-front-matter-close-marker"],
.vditor-ir__node span[data-type="math-block-open-marker"],
.vditor-ir__node span[data-type="math-block-close-marker"] {
    display: none;
  }
  .vditor-ir__preview {
    cursor: pointer;
    white-space: initial;
    min-height: 27px;
  }
  .vditor-ir__link {
    color: var(--ir-bracket-color);
    text-decoration: underline;
  }
  .vditor-ir pre.vditor-reset {
    background-color: var(--panel-background-color);
    margin: 0;
    white-space: pre-wrap;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .vditor-ir pre.vditor-reset[contenteditable="false"] {
    opacity: 0.3;
    cursor: not-allowed;
  }
  .vditor-ir pre.vditor-reset:empty::before {
    content: attr(placeholder);
    color: var(--second-color);
  }
  .vditor-ir pre.vditor-reset:focus {
    outline: none;
    background-color: var(--textarea-background-color);
  }
  .vditor-ir pre.vditor-reset:after {
    content: "";
    height: var(--editor-bottom);
    display: block;
  }
  .vditor-ir pre.vditor-reset pre {
    margin: 0;
  }
  .vditor-ir hr {
    display: inline-block;
    margin: 12px 0;
    width: 100%;
  }
  .vditor-ir blockquote:empty::before,
.vditor-ir pre > code:empty::before,
.vditor-ir p:empty::before,
.vditor-ir h1:empty::after,
.vditor-ir h2:empty::after,
.vditor-ir h3:empty::after,
.vditor-ir h4:empty::after,
.vditor-ir h5:empty::after,
.vditor-ir h6:empty::after {
    content: ' ';
  }
  .vditor-ir .vditor-reset > h1:before,
.vditor-ir .vditor-reset > h2:before,
.vditor-ir .vditor-reset > h3:before,
.vditor-ir .vditor-reset > h4:before,
.vditor-ir .vditor-reset > h5:before,
.vditor-ir .vditor-reset > h6:before,
.vditor-ir div[data-type="link-ref-defs-block"]:before,
.vditor-ir div[data-type="footnotes-block"]:before,
.vditor-ir .vditor-toc:before {
    float: left;
    padding-right: 4px;
    margin-left: -29px;
    content: 'H1';
    font-size: 0.85rem;
    font-weight: normal;
    color: var(--second-color);
  }
  .vditor-ir .vditor-reset > h2:before {
    content: 'H2';
  }
  .vditor-ir .vditor-reset > h3:before {
    content: 'H3';
  }
  .vditor-ir .vditor-reset > h4:before {
    content: 'H4';
  }
  .vditor-ir .vditor-reset > h5:before {
    content: 'H5';
  }
  .vditor-ir .vditor-reset > h6:before {
    content: 'H6';
  }
  .vditor-ir div[data-type="link-ref-defs-block"] {
    color: var(--blockquote-color);
  }
  .vditor-ir div[data-type="link-ref-defs-block"]:before {
    content: '"A"';
  }
  .vditor-ir div[data-type="footnotes-block"] {
    border-top: 2px solid var(--heading-border-color);
    padding-top: 24px;
    margin-top: 24px;
  }
  .vditor-ir div[data-type="footnotes-block"]:before {
    content: '^F';
  }
  .vditor-ir div[data-type="footnotes-block"] > div[data-type="footnotes-def"] > ul,
.vditor-ir div[data-type="footnotes-block"] > div[data-type="footnotes-def"] > ol,
.vditor-ir div[data-type="footnotes-block"] > div[data-type="footnotes-def"] > p,
.vditor-ir div[data-type="footnotes-block"] > div[data-type="footnotes-def"] > blockquote,
.vditor-ir div[data-type="footnotes-block"] > div[data-type="footnotes-def"] > pre,
.vditor-ir div[data-type="footnotes-block"] > div[data-type="footnotes-def"] > table,
.vditor-ir div[data-type="footnotes-block"] > div[data-type="footnotes-def"] > hr {
    margin-left: 8px;
  }
  .vditor-ir .vditor-toc:before {
    content: "ToC";
  }
  .vditor-ir .vditor-toc span[data-type="toc-h"] {
    color: #4285f4;
    text-decoration: underline;
  }
  @media screen and (max-width: 520px) {
    .vditor-ir h1:before,
  .vditor-ir h2:before,
  .vditor-ir h3:before,
  .vditor-ir h4:before,
  .vditor-ir h5:before,
  .vditor-ir h6:before,
  .vditor-ir div[data-type="link-ref-defs-block"]:before,
  .vditor-ir div[data-type="footnotes-block"]:before,
  .vditor-ir .vditor-toc:before {
      content: none;
    }
  }
  .vditor-sv {
    font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", "Hiragino Sans GB", "Microsoft Yahei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
    margin: 0 1px 0 0;
    overflow: auto;
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 1px;
    border: 0;
    resize: none;
    padding: 10px 9px 10px 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: var(--panel-background-color);
    outline: 0 none;
    font-size: 16px;
    line-height: 22px;
    color: var(--textarea-text-color);
    border-radius: 0 0 3px 3px;
    -webkit-font-variant-ligatures: no-common-ligatures;
            font-variant-ligatures: no-common-ligatures;
    white-space: pre-wrap;
    word-break: break-word;
    word-wrap: break-word;
  }
  .vditor-sv[contenteditable="false"] {
    opacity: 0.3;
    cursor: not-allowed;
  }
  .vditor-sv:empty::before {
    content: attr(placeholder);
    color: var(--second-color);
  }
  .vditor-sv:focus {
    background-color: var(--textarea-background-color);
  }
  .vditor-sv:after {
    content: "";
    height: var(--editor-bottom);
    display: block;
  }
  .vditor-sv span[data-type="newline"] + span[data-type="text"]:empty {
    display: inherit;
  }
  .vditor-sv .sup {
    vertical-align: super;
    font-size: smaller;
  }
  .vditor-sv .strong {
    font-weight: bold;
  }
  .vditor-sv .em {
    font-style: italic;
  }
  .vditor-sv .s {
    text-decoration: line-through;
  }
  .vditor-sv .mark:not(.vditor-sv__marker) {
    background-color: yellow;
    color: black;
  }
  .vditor-sv .h1 {
    font-size: 1.75em;
    line-height: 44px;
  }
  .vditor-sv .h2 {
    font-size: 1.55em;
    line-height: 38px;
  }
  .vditor-sv .h3 {
    font-size: 1.38em;
    line-height: 27px;
  }
  .vditor-sv .h4 {
    font-size: 1.25em;
    line-height: 25px;
  }
  .vditor-sv .h5 {
    font-size: 1.13em;
  }
  .vditor-sv .h6 {
    font-size: 1em;
  }
  .vditor-sv__marker {
    color: var(--second-color);
  }
  .vditor-sv__marker--heading {
    color: var(--ir-heading-color);
  }
  .vditor-sv__marker--bi {
    color: var(--ir-bi-color);
  }
  .vditor-sv__marker--link {
    color: var(--ir-link-color);
  }
  .vditor-sv__marker--title {
    color: var(--ir-title-color);
  }
  .vditor-sv__marker--bracket {
    color: var(--ir-bracket-color);
  }
  .vditor-sv__marker--paren {
    color: var(--ir-paren-color);
  }
  .vditor-sv__marker--info {
    color: var(--ir-heading-color);
  }
  .vditor-sv__marker--strong {
    font-weight: bold;
  }
}
@layer base {
  .croppie-container {
    width: 100%;
    height: 100%;
  }
  .croppie-container .cr-image {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    max-height: none;
    max-width: none;
  }
  .croppie-container .cr-boundary {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    z-index: 1;
    width: 100%;
    height: 100%;
  }
  .croppie-container .cr-viewport,
.croppie-container .cr-resizer {
    position: absolute;
    border: 2px solid #fff;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    -webkit-box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
            box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
    z-index: 0;
  }
  .croppie-container .cr-resizer {
    z-index: 2;
    -webkit-box-shadow: none;
            box-shadow: none;
    pointer-events: none;
  }
  .croppie-container .cr-resizer-vertical,
.croppie-container .cr-resizer-horisontal {
    position: absolute;
    pointer-events: all;
  }
  .croppie-container .cr-resizer-vertical::after,
.croppie-container .cr-resizer-horisontal::after {
    display: block;
    position: absolute;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid black;
    background: #fff;
    width: 10px;
    height: 10px;
    content: '';
  }
  .croppie-container .cr-resizer-vertical {
    bottom: -5px;
    cursor: row-resize;
    width: 100%;
    height: 10px;
  }
  .croppie-container .cr-resizer-vertical::after {
    left: 50%;
    margin-left: -5px;
  }
  .croppie-container .cr-resizer-horisontal {
    right: -5px;
    cursor: col-resize;
    width: 10px;
    height: 100%;
  }
  .croppie-container .cr-resizer-horisontal::after {
    top: 50%;
    margin-top: -5px;
  }
  .croppie-container .cr-original-image {
    display: none;
  }
  .croppie-container .cr-vp-circle {
    border-radius: 50%;
  }
  .croppie-container .cr-overlay {
    z-index: 1;
    position: absolute;
    cursor: move;
    -ms-touch-action: none;
        touch-action: none;
  }
  .croppie-container .cr-slider-wrap {
    width: 75%;
    margin: 15px auto;
    text-align: center;
  }
  .croppie-result {
    position: relative;
    overflow: hidden;
  }
  .croppie-result img {
    position: absolute;
  }
  .croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  .cr-slider {
    -webkit-appearance: none;
    width: 300px;
    max-width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: transparent;
  }
  .cr-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
  }
  .cr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
  }
  .cr-slider:focus {
    outline: none;
  }
  .cr-slider::-moz-range-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
  }
  .cr-slider::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
  }
  .cr-slider:-moz-focusring {
    outline: 1px solid white;
    outline-offset: -1px;
  }
  .cr-slider::-ms-track {
    width: 100%;
    height: 5px;
    background: transparent;
    border-color: transparent;
    border-width: 6px 0;
    color: transparent;
  }
  .cr-slider::-ms-fill-lower {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
  }
  .cr-slider::-ms-fill-upper {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
  }
  .cr-slider::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: 1px;
  }
  .cr-slider:focus::-ms-fill-lower {
    background: rgba(0, 0, 0, 0.5);
  }
  .cr-slider:focus::-ms-fill-upper {
    background: rgba(0, 0, 0, 0.5);
  }
  .cr-rotate-controls {
    position: absolute;
    bottom: 5px;
    left: 5px;
    z-index: 1;
  }
  .cr-rotate-controls button {
    border: 0;
    background: none;
  }
  .cr-rotate-controls i:before {
    display: inline-block;
    font-style: normal;
    font-weight: 900;
    font-size: 22px;
  }
  .cr-rotate-l i:before {
    content: '↺';
  }
  .cr-rotate-r i:before {
    content: '↻';
  }
}
@layer base {
  :root {
    --tagify-dd-color-primary: rgb(53,149,246);
    --tagify-dd-bg-color: white;
    --tagify-dd-item-pad: .3em .5em;
    --tagify-dd-max-height: 300px;
  }
  .tagify {
    --tags-disabled-bg: #F1F1F1;
    --tags-border-color: #DDD;
    --tags-hover-border-color: #CCC;
    --tags-focus-border-color: #3595f6;
    --tag-border-radius: 3px;
    --tag-bg: #E5E5E5;
    --tag-hover: #D3E2E2;
    --tag-text-color: black;
    --tag-text-color--edit: black;
    --tag-pad: 0.3em 0.5em;
    --tag-inset-shadow-size: 1.1em;
    --tag-invalid-color: #D39494;
    --tag-invalid-bg: rgba(211, 148, 148, 0.5);
    --tag--min-width: 1ch;
    --tag--max-width: 100%;
    --tag-hide-transition: 0.3s;
    --tag-remove-bg: rgba(211, 148, 148, 0.3);
    --tag-remove-btn-color: black;
    --tag-remove-btn-bg: none;
    --tag-remove-btn-bg--hover: #c77777;
    --input-color: inherit;
    --placeholder-color: rgba(0, 0, 0, 0.4);
    --placeholder-color-focus: rgba(0, 0, 0, 0.25);
    --loader-size: .8em;
    --readonly-striped: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border: 1px solid var(--tags-border-color);
    padding: 0;
    line-height: 0;
    outline: 0;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: .1s;
    transition: .1s;
  }
  @-webkit-keyframes tags--bump {
    30% {
      -webkit-transform: scale(1.2);
              transform: scale(1.2);
    }
  }
  @keyframes tags--bump {
    30% {
      -webkit-transform: scale(1.2);
              transform: scale(1.2);
    }
  }
  @-webkit-keyframes rotateLoader {
    to {
      -webkit-transform: rotate(1turn);
              transform: rotate(1turn);
    }
  }
  @keyframes rotateLoader {
    to {
      -webkit-transform: rotate(1turn);
              transform: rotate(1turn);
    }
  }
  .tagify:has([contenteditable=true]) {
    cursor: text;
  }
  .tagify:hover:not(.tagify--focus):not(.tagify--invalid) {
    --tags-border-color: var(--tags-hover-border-color);
  }
  .tagify[disabled] {
    background: var(--tags-disabled-bg);
    -webkit-filter: saturate(0);
            filter: saturate(0);
    opacity: .5;
    pointer-events: none;
  }
  .tagify[disabled].tagify--select,.tagify[readonly].tagify--select {
    pointer-events: none;
  }
  .tagify[disabled]:not(.tagify--mix):not(.tagify--select),.tagify[readonly]:not(.tagify--mix):not(.tagify--select) {
    cursor: default;
  }
  .tagify[disabled]:not(.tagify--mix):not(.tagify--select)>.tagify__input,.tagify[readonly]:not(.tagify--mix):not(.tagify--select)>.tagify__input {
    visibility: hidden;
    width: 0;
    margin: 5px 0;
  }
  .tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div,.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div {
    padding: var(--tag-pad);
  }
  .tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div::before,.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div::before {
    -webkit-animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused;
            animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused;
  }
  @-webkit-keyframes readonlyStyles {
    0% {
      background: linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;
      -webkit-box-shadow: none;
              box-shadow: none;
      -webkit-filter: brightness(.95);
              filter: brightness(.95);
    }
  }
  @keyframes readonlyStyles {
    0% {
      background: linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;
      -webkit-box-shadow: none;
              box-shadow: none;
      -webkit-filter: brightness(.95);
              filter: brightness(.95);
    }
  }
  .tagify[disabled] .tagify__tag__removeBtn,.tagify[readonly] .tagify__tag__removeBtn {
    display: none;
  }
  .tagify--loading .tagify__input>br:last-child {
    display: none;
  }
  .tagify--loading .tagify__input::before {
    content: none;
  }
  .tagify--loading .tagify__input::after {
    content: "";
    vertical-align: middle;
    opacity: 1;
    width: .7em;
    height: .7em;
    width: var(--loader-size);
    height: var(--loader-size);
    min-width: 0;
    border: 3px solid;
    border-color: #eee #bbb #888 transparent;
    border-radius: 50%;
    -webkit-animation: rotateLoader .4s infinite linear;
            animation: rotateLoader .4s infinite linear;
    content: "" !important;
    margin: -2px 0 -2px .5em;
  }
  .tagify--loading .tagify__input:empty::after {
    margin-left: 0;
  }
  .tagify+input,.tagify+textarea {
    position: absolute !important;
    left: -9999em !important;
    -webkit-transform: scale(0) !important;
            transform: scale(0) !important;
  }
  .tagify__tag {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: var(--tag--max-width);
    margin-inline: 5px 0;
    margin-block: 5px;
    position: relative;
    z-index: 1;
    outline: 0;
    line-height: normal;
    cursor: default;
    -webkit-transition: .13s ease-out;
    transition: .13s ease-out;
  }
  .tagify__tag>div {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    vertical-align: top;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 100%;
    padding: var(--tag-pad);
    color: var(--tag-text-color);
    line-height: inherit;
    border-radius: var(--tag-border-radius);
    white-space: nowrap;
    -webkit-transition: .13s ease-out;
    transition: .13s ease-out;
  }
  .tagify__tag>div>* {
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
    min-width: var(--tag--min-width);
    max-width: var(--tag--max-width);
    -webkit-transition: .8s ease,.1s color;
    transition: .8s ease,.1s color;
  }
  .tagify__tag>div>[contenteditable] {
    outline: 0;
    -webkit-user-select: text;
    -moz-user-select: text;
     -ms-user-select: text;
         user-select: text;
    cursor: text;
    margin: -2px;
    padding: 2px;
    max-width: 350px;
  }
  .tagify__tag>div>:only-child {
    width: 100%;
  }
  .tagify__tag>div::before {
    content: "";
    position: absolute;
    border-radius: inherit;
    inset: var(--tag-bg-inset,0);
    z-index: -1;
    pointer-events: none;
    -webkit-transition: 120ms ease;
    transition: 120ms ease;
    -webkit-animation: tags--bump .3s ease-out 1;
            animation: tags--bump .3s ease-out 1;
    -webkit-box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-bg) inset;
            box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-bg) inset;
  }
  .tagify__tag:focus div::before,.tagify__tag:hover:not([readonly]) div::before {
    --tag-bg-inset: -2.5px;
    --tag-bg: var(--tag-hover);
  }
  .tagify__tag--loading {
    pointer-events: none;
  }
  .tagify__tag--loading .tagify__tag__removeBtn {
    display: none;
  }
  .tagify__tag--loading::after {
    --loader-size: .4em;
    content: "";
    vertical-align: middle;
    opacity: 1;
    width: .7em;
    height: .7em;
    width: var(--loader-size);
    height: var(--loader-size);
    min-width: 0;
    border: 3px solid;
    border-color: #eee #bbb #888 transparent;
    border-radius: 50%;
    -webkit-animation: rotateLoader .4s infinite linear;
            animation: rotateLoader .4s infinite linear;
    margin: 0 .5em 0 -.1em;
  }
  .tagify__tag--flash div::before {
    -webkit-animation: none;
            animation: none;
  }
  .tagify__tag--hide {
    width: 0 !important;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transition: var(--tag-hide-transition);
    transition: var(--tag-hide-transition);
    pointer-events: none;
  }
  .tagify__tag--hide>div>* {
    white-space: nowrap;
  }
  .tagify__tag.tagify--noAnim>div::before {
    -webkit-animation: none;
            animation: none;
  }
  .tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div>span {
    opacity: .5;
  }
  .tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before {
    --tag-bg: var(--tag-invalid-bg);
    -webkit-transition: .2s;
    transition: .2s;
  }
  .tagify__tag[readonly] .tagify__tag__removeBtn {
    display: none;
  }
  .tagify__tag[readonly]>div::before {
    -webkit-animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused;
            animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused;
  }
  @keyframes readonlyStyles {
    0% {
      background: linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;
      -webkit-box-shadow: none;
              box-shadow: none;
      -webkit-filter: brightness(.95);
              filter: brightness(.95);
    }
  }
  .tagify__tag--editable>div {
    color: var(--tag-text-color--edit);
  }
  .tagify__tag--editable>div::before {
    -webkit-box-shadow: 0 0 0 2px var(--tag-hover) inset !important;
            box-shadow: 0 0 0 2px var(--tag-hover) inset !important;
  }
  .tagify__tag--editable>.tagify__tag__removeBtn {
    pointer-events: none;
  }
  .tagify__tag--editable>.tagify__tag__removeBtn::after {
    opacity: 0;
    -webkit-transform: translateX(100%) translateX(5px);
            transform: translateX(100%) translateX(5px);
  }
  .tagify__tag--editable.tagify--invalid>div::before {
    -webkit-box-shadow: 0 0 0 2px var(--tag-invalid-color) inset !important;
            box-shadow: 0 0 0 2px var(--tag-invalid-color) inset !important;
  }
  .tagify__tag__removeBtn {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 50px;
    cursor: pointer;
    font: 14px/1 Arial;
    background: var(--tag-remove-btn-bg);
    color: var(--tag-remove-btn-color);
    width: 14px;
    height: 14px;
    margin-inline: auto 4.6666666667px;
    overflow: hidden;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
  }
  .tagify__tag__removeBtn::after {
    content: "×";
    -webkit-transition: .3s,color 0s;
    transition: .3s,color 0s;
  }
  .tagify__tag__removeBtn:hover {
    color: #fff;
    background: var(--tag-remove-btn-bg--hover);
  }
  .tagify__tag__removeBtn:hover+div>span {
    opacity: .5;
  }
  .tagify__tag__removeBtn:hover+div::before {
    -webkit-box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg,rgba(211,148,148,.3)) inset !important;
            box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg,rgba(211,148,148,.3)) inset !important;
    -webkit-transition: -webkit-box-shadow .2s;
    transition: -webkit-box-shadow .2s;
    transition: box-shadow .2s;
    transition: box-shadow .2s, -webkit-box-shadow .2s;
  }
  .tagify:not(.tagify--mix) .tagify__input br {
    display: none;
  }
  .tagify:not(.tagify--mix) .tagify__input * {
    display: inline;
    white-space: nowrap;
  }
  .tagify__input {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: inline-block;
    min-width: 110px;
    margin: 5px;
    padding: var(--tag-pad);
    line-height: normal;
    position: relative;
    white-space: pre-wrap;
    color: var(--input-color);
    -webkit-box-sizing: inherit;
            box-sizing: inherit;
  }
  .tagify__input:empty::before {
    position: static;
  }
  .tagify__input:focus {
    outline: 0;
  }
  .tagify__input:focus::before {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    opacity: 0;
    -webkit-transform: translatex(6px);
            transform: translatex(6px);
  }
  @supports (-ms-ime-align:auto) {
    .tagify__input:focus::before {
      display: none;
    }
  }
  .tagify__input:focus:empty::before {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    color: rgba(0,0,0,.25);
    color: var(--placeholder-color-focus);
  }
  @-moz-document url-prefix() {
    .tagify__input:focus:empty::after {
      display: none;
    }
  }
  .tagify__input::before {
    content: attr(data-placeholder);
    height: 1em;
    line-height: 1em;
    margin: auto 0;
    z-index: 1;
    color: var(--placeholder-color);
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    position: absolute;
  }
  .tagify__input::after {
    content: attr(data-suggest);
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    min-width: calc(100% - 1.5em);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
    color: var(--tag-text-color);
    opacity: .3;
    pointer-events: none;
    max-width: 100px;
  }
  .tagify__input .tagify__tag {
    margin: 0 1px;
  }
  .tagify--mix {
    display: block;
  }
  .tagify--mix .tagify__input {
    padding: 5px;
    margin: 0;
    width: 100%;
    height: 100%;
    line-height: 1.5;
    display: block;
  }
  .tagify--mix .tagify__input::before {
    height: auto;
    display: none;
    line-height: inherit;
  }
  .tagify--mix .tagify__input::after {
    content: none;
  }
  .tagify--select {
    cursor: default;
  }
  .tagify--select::after {
    content: ">";
    opacity: .5;
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    font: 16px monospace;
    line-height: 8px;
    height: 8px;
    pointer-events: none;
    -webkit-transform: translate(-150%,-50%) scaleX(1.2) rotate(90deg);
            transform: translate(-150%,-50%) scaleX(1.2) rotate(90deg);
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
  }
  .tagify--select[aria-expanded=true]::after {
    -webkit-transform: translate(-150%,-50%) rotate(270deg) scaleY(1.2);
            transform: translate(-150%,-50%) rotate(270deg) scaleY(1.2);
  }
  .tagify--select .tagify__tag {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: none;
    -webkit-margin-end: 2em;
            margin-inline-end: 2em;
    margin-block: 0;
    padding-block: 5px;
    cursor: text;
  }
  .tagify--select .tagify__tag div::before {
    display: none;
  }
  .tagify--select .tagify__tag+.tagify__input {
    display: none;
  }
  .tagify--empty .tagify__input::before {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    display: inline-block;
    width: auto;
  }
  .tagify--mix .tagify--empty .tagify__input::before {
    display: inline-block;
  }
  .tagify--focus {
    --tags-border-color: var(--tags-focus-border-color);
    -webkit-transition: 0s;
    transition: 0s;
  }
  .tagify--invalid {
    --tags-border-color: #D39494;
  }
  .tagify__dropdown {
    position: absolute;
    z-index: 9999;
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
    border-top: 1px solid var(--tagify-dd-color-primary);
    overflow: hidden;
  }
  .tagify__dropdown[dir=rtl] {
    -webkit-transform: translate(-100%,-1px);
            transform: translate(-100%,-1px);
  }
  .tagify__dropdown[placement=top] {
    margin-top: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  .tagify__dropdown[placement=top] .tagify__dropdown__wrapper {
    border-top-width: 1.1px;
    border-bottom-width: 0;
  }
  .tagify__dropdown[position=text] {
    -webkit-box-shadow: 0 0 0 3px rgba(var(--tagify-dd-color-primary),.1);
            box-shadow: 0 0 0 3px rgba(var(--tagify-dd-color-primary),.1);
    font-size: .9em;
  }
  .tagify__dropdown[position=text] .tagify__dropdown__wrapper {
    border-width: 1px;
  }
  .tagify__dropdown__wrapper {
    max-height: var(--tagify-dd-max-height);
    overflow: hidden;
    overflow-x: hidden;
    background: var(--tagify-dd-bg-color);
    border: 1px solid;
    border-color: var(--tagify-dd-color-primary);
    border-bottom-width: 1.5px;
    border-top-width: 0;
    -webkit-box-shadow: 0 2px 4px -2px rgba(0,0,0,.2);
            box-shadow: 0 2px 4px -2px rgba(0,0,0,.2);
    -webkit-transition: .3s cubic-bezier(.5,0,.3,1),-webkit-transform .15s;
    transition: .3s cubic-bezier(.5,0,.3,1),-webkit-transform .15s;
    transition: .3s cubic-bezier(.5,0,.3,1),transform .15s;
    transition: .3s cubic-bezier(.5,0,.3,1),transform .15s,-webkit-transform .15s;
    -webkit-animation: dd-wrapper-show 0s .3s forwards;
            animation: dd-wrapper-show 0s .3s forwards;
  }
  @-webkit-keyframes dd-wrapper-show {
    to {
      overflow-y: auto;
    }
  }
  @keyframes dd-wrapper-show {
    to {
      overflow-y: auto;
    }
  }
  .tagify__dropdown__header:empty {
    display: none;
  }
  .tagify__dropdown__footer {
    display: inline-block;
    margin-top: .5em;
    padding: var(--tagify-dd-item-pad);
    font-size: .7em;
    font-style: italic;
    opacity: .5;
  }
  .tagify__dropdown__footer:empty {
    display: none;
  }
  .tagify__dropdown--initial .tagify__dropdown__wrapper {
    max-height: 20px;
    -webkit-transform: translateY(-1em);
            transform: translateY(-1em);
  }
  .tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper {
    -webkit-transform: translateY(2em);
            transform: translateY(2em);
  }
  .tagify__dropdown__item {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: var(--tagify-dd-item-pad);
    margin: 1px;
    white-space: pre-wrap;
    cursor: pointer;
    border-radius: 2px;
    position: relative;
    outline: 0;
    max-height: 60px;
    max-width: 100%;
    line-height: normal;
  }
  .tagify__dropdown__item--active {
    background: var(--tagify-dd-color-primary);
    color: #fff;
  }
  .tagify__dropdown__item:active {
    -webkit-filter: brightness(105%);
            filter: brightness(105%);
  }
  .tagify__dropdown__item--hidden {
    padding-top: 0;
    padding-bottom: 0;
    margin: 0 1px;
    pointer-events: none;
    overflow: hidden;
    max-height: 0;
    -webkit-transition: var(--tagify-dd-item--hidden-duration,.3s) !important;
    transition: var(--tagify-dd-item--hidden-duration,.3s) !important;
  }
  .tagify__dropdown__item--hidden>* {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    opacity: 0;
    -webkit-transition: inherit;
    transition: inherit;
  }
}
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --spacing: 0.25rem;
    --breakpoint-lg: 64rem;
    --breakpoint-xl: 80rem;
    --container-xs: 20rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-4xl: 56rem;
    --container-6xl: 72rem;
    --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-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-lg: 16px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-black: #000;
    --color-white: #fff;
    --color-gray-50: #f9fafb;
    --color-gray-100: #f0f0f8;
    --color-gray-200: #e2e0ec;
    --color-gray-300: #cbcbd3;
    --color-gray-400: #a9a7af;
    --color-gray-500: #67676e;
    --color-gray-600: #4c4c54;
    --color-gray-700: #3d3e44;
    --color-gray-800: #29292c;
    --color-gray-900: #121213;
    --color-red-100: #fff5f5;
    --color-red-200: #fed7d7;
    --color-red-300: #feb2b2;
    --color-red-400: #fc8181;
    --color-red-500: #f56565;
    --color-red-600: #e03131;
    --color-red-700: #c53030;
    --color-red-800: #9b2c2c;
    --color-red-900: #742a2a;
    --color-orange-200: #feebc8;
    --color-orange-500: #ed8936;
    --color-yellow-100: #fffff0;
    --color-yellow-200: #ffe7a3;
    --color-yellow-300: #ffc726;
    --color-yellow-400: #f6e05e;
    --color-yellow-500: #ecc94b;
    --color-yellow-800: #975a16;
    --color-yellow-900: #744210;
    --color-green-100: #f0fff4;
    --color-green-200: #c6f6d5;
    --color-green-300: #9ae6b4;
    --color-green-400: #68d391;
    --color-green-500: #48bb78;
    --color-green-600: #38a169;
    --color-green-700: #2f855a;
    --color-green-800: #276749;
    --color-green-900: #22543d;
    --color-blue-100: #ebf8ff;
    --color-blue-200: #bee3f8;
    --color-blue-300: #90cdf4;
    --color-blue-400: #63b3ed;
    --color-blue-500: #4299e1;
    --color-blue-600: #2e52e4;
    --color-blue-700: #2b6cb0;
    --color-blue-800: #2c5282;
    --color-blue-900: #2a4365;
    --color-indigo-500: #667eea;
    --color-indigo-600: #5a67d8;
    --color-indigo-700: #4c51bf;
    --color-purple-200: #e9d8fd;
    --color-purple-500: #9f7aea;
    --color-purple-600: #6931e0;
    --color-purple-700: #6b46c1;
    --color-purple-800: #553c9a;
    --color-pink-500: #ed64a6;
    --color-pink-600: #d53f8c;
    --color-pink-700: #b83280;
    --color-pink-800: #97266d;
    --color-night-gray-100: #f0f0f8;
    --color-night-gray-200: #e2e0ec;
    --color-night-gray-300: #cbcbd3;
    --color-night-gray-400: #a9a7af;
    --color-night-gray-500: #67676e;
    --color-night-gray-600: #67676e;
    --color-night-gray-700: #4c4c54;
    --color-night-gray-800: #3d3e44;
    --color-night-gray-900: #29292c;
    --color-night-white: #f8f8f2;
    --color-night-blue-100: #ebf8ff;
    --color-night-blue-200: #bee3f8;
    --color-night-blue-300: #90cdf4;
    --color-night-blue-500: #4299e1;
    --color-night-blue-600: #2e52e4;
    --color-night-blue-700: #2b6cb0;
    --color-night-blue-900: #2a4365;
    --color-night-green-100: #f0fff4;
    --color-night-green-400: #68d391;
    --color-night-green-700: #2f855a;
    --color-night-green-900: #22543d;
    --color-night-pink-700: #b83280;
    --color-night-pink-800: #97266d;
    --color-night-pink-900: #702459;
    --color-night-purple-600: #6931e0;
    --color-night-purple-800: #553c9a;
    --color-night-red-100: #fff5f5;
    --color-night-red-300: #feb2b2;
    --color-night-red-400: #fc8181;
    --color-night-red-600: #e03131;
    --color-night-red-800: #9b2c2c;
    --color-night-red-900: #742a2a;
    --color-night-yellow-400: #f6e05e;
  }
}
@layer base {
  ::-ms-backdrop {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  ::-webkit-file-upload-button {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html,
  :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
      -o-tab-size: 4;
         tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    -webkit-font-feature-settings: var(--default-font-feature-settings, normal);
            font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    -webkit-font-feature-settings: var(--default-mono-font-feature-settings, normal);
            font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    display: block;
    vertical-align: middle;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  ::-webkit-file-upload-button {
    font: inherit;
    -webkit-font-feature-settings: inherit;
            font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  button,
  input,
  select,
  optgroup,
  textarea,
  ::file-selector-button {
    font: inherit;
    -webkit-font-feature-settings: inherit;
            font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    -webkit-padding-start: 20px;
            padding-inline-start: 20px;
  }
  ::-webkit-file-upload-button {
    -webkit-margin-end: 4px;
            margin-inline-end: 4px;
  }
  ::file-selector-button {
    -webkit-margin-end: 4px;
            margin-inline-end: 4px;
  }
  ::-webkit-input-placeholder {
    opacity: 1;
  }
  ::-moz-placeholder {
    opacity: 1;
  }
  :-ms-input-placeholder {
    opacity: 1;
  }
  ::-ms-input-placeholder {
    opacity: 1;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or
    (contain-intrinsic-size: 1px) {
    ::-webkit-input-placeholder {
      color: currentcolor;
    }
    ::-moz-placeholder {
      color: currentcolor;
    }
    :-ms-input-placeholder {
      color: currentcolor;
    }
    ::-ms-input-placeholder {
      color: currentcolor;
    }
    ::placeholder {
      color: currentcolor;
    }
    @supports (color: color-mix(in lab, red, red)) {
      ::-webkit-input-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      ::-moz-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      :-ms-input-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      ::-ms-input-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: -webkit-inline-box;
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit,
  ::-webkit-datetime-edit-year-field,
  ::-webkit-datetime-edit-month-field,
  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-minute-field,
  ::-webkit-datetime-edit-second-field,
  ::-webkit-datetime-edit-millisecond-field,
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
            appearance: button;
  }
  button,
  input:where([type="button"], [type="reset"], [type="submit"]),
  ::file-selector-button {
    -webkit-appearance: button;
       -moz-appearance: button;
            appearance: button;
  }
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-x-5 {
    inset-inline: calc(var(--spacing) * 5);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-5 {
    top: calc(var(--spacing) * 5);
  }
  .top-\[-1px\] {
    top: -1px;
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-1 {
    right: calc(var(--spacing) * 1);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-5 {
    left: calc(var(--spacing) * 5);
  }
  .z-0 {
    z-index: 0;
  }
  .z-1 {
    z-index: 1;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .z-60 {
    z-index: 60;
  }
  .z-\[200\] {
    z-index: 200;
  }
  .z-\[1000\] {
    z-index: 1000;
  }
  .col-span-1 {
    grid-column: span 1 / span 1;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-3 {
    grid-column: span 3 / span 3;
  }
  .float-left {
    float: left;
  }
  .float-right {
    float: right;
  }
  .container {
    width: 100%;
  }
  @media (width >= 40rem) {
    .container {
      max-width: 40rem;
    }
  }
  @media (width >= 48rem) {
    .container {
      max-width: 48rem;
    }
  }
  @media (width >= 64rem) {
    .container {
      max-width: 64rem;
    }
  }
  @media (width >= 80rem) {
    .container {
      max-width: 80rem;
    }
  }
  @media (width >= 96rem) {
    .container {
      max-width: 96rem;
    }
  }
  .-m-24 {
    margin: calc(var(--spacing) * -24);
  }
  .m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .m-1 {
    margin: calc(var(--spacing) * 1);
  }
  .m-2 {
    margin: calc(var(--spacing) * 2);
  }
  .m-4 {
    margin: calc(var(--spacing) * 4);
  }
  .m-8 {
    margin: calc(var(--spacing) * 8);
  }
  .mx-0 {
    margin-inline: calc(var(--spacing) * 0);
  }
  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }
  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .mx-3 {
    margin-inline: calc(var(--spacing) * 3);
  }
  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-0 {
    margin-block: calc(var(--spacing) * 0);
  }
  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .my-8 {
    margin-block: calc(var(--spacing) * 8);
  }
  .-mt-0\.5 {
    margin-top: calc(var(--spacing) * -0.5);
  }
  .-mt-1 {
    margin-top: calc(var(--spacing) * -1);
  }
  .-mt-2 {
    margin-top: calc(var(--spacing) * -2);
  }
  .-mt-4 {
    margin-top: calc(var(--spacing) * -4);
  }
  .-mt-8 {
    margin-top: calc(var(--spacing) * -8);
  }
  .-mt-32 {
    margin-top: calc(var(--spacing) * -32);
  }
  .-mt-\[2px\] {
    margin-top: calc(2px * -1);
  }
  .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-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-24 {
    margin-top: calc(var(--spacing) * 24);
  }
  .mt-40 {
    margin-top: calc(var(--spacing) * 40);
  }
  .mt-\[10vh\] {
    margin-top: 10vh;
  }
  .\!mr-2 {
    margin-right: calc(var(--spacing) * 2) !important;
  }
  .mr-0 {
    margin-right: calc(var(--spacing) * 0);
  }
  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }
  .mr-8 {
    margin-right: calc(var(--spacing) * 8);
  }
  .-mb-6 {
    margin-bottom: calc(var(--spacing) * -6);
  }
  .-mb-px {
    margin-bottom: -1px;
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .mb-0\! {
    margin-bottom: calc(var(--spacing) * 0) !important;
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .-ml-0\.5 {
    margin-left: calc(var(--spacing) * -0.5);
  }
  .-ml-2 {
    margin-left: calc(var(--spacing) * -2);
  }
  .-ml-8 {
    margin-left: calc(var(--spacing) * -8);
  }
  .-ml-10 {
    margin-left: calc(var(--spacing) * -10);
  }
  .-ml-px {
    margin-left: -1px;
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }
  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .ml-5 {
    margin-left: calc(var(--spacing) * 5);
  }
  .ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }
  .ml-8 {
    margin-left: calc(var(--spacing) * 8);
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .flow-root {
    display: flow-root;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .table-cell {
    display: table-cell;
  }
  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }
  .h-1\/2 {
    height: calc(1/2 * 100%);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .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-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-32 {
    height: calc(var(--spacing) * 32);
  }
  .h-48 {
    height: calc(var(--spacing) * 48);
  }
  .h-72 {
    height: calc(var(--spacing) * 72);
  }
  .h-\[70dvh\] {
    height: 70dvh;
  }
  .h-\[80vh\] {
    height: 80vh;
  }
  .h-auto {
    height: auto;
  }
  .h-dvh {
    height: 100dvh;
  }
  .h-full {
    height: 100%;
  }
  .h-min {
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
  }
  .max-h-96 {
    max-height: calc(var(--spacing) * 96);
  }
  .min-h-14 {
    min-height: calc(var(--spacing) * 14);
  }
  .w-0\.5 {
    width: calc(var(--spacing) * 0.5);
  }
  .w-1\/2 {
    width: calc(1/2 * 100%);
  }
  .w-1\/3 {
    width: calc(1/3 * 100%);
  }
  .w-1\/4 {
    width: calc(1/4 * 100%);
  }
  .w-1\/6 {
    width: calc(1/6 * 100%);
  }
  .w-2\/3 {
    width: calc(2/3 * 100%);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-3\/4 {
    width: calc(3/4 * 100%);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-4\/5 {
    width: calc(4/5 * 100%);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-6\/12 {
    width: calc(6/12 * 100%);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-11\/12 {
    width: calc(11/12 * 100%);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-48 {
    width: calc(var(--spacing) * 48);
  }
  .w-52 {
    width: calc(var(--spacing) * 52);
  }
  .w-auto {
    width: auto;
  }
  .w-full {
    width: 100%;
  }
  .w-min {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
  }
  .max-w-\(--breakpoint-lg\) {
    max-width: var(--breakpoint-lg);
  }
  .max-w-6xl {
    max-width: var(--container-6xl);
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-32 {
    min-width: calc(var(--spacing) * 32);
  }
  .min-w-40 {
    min-width: calc(var(--spacing) * 40);
  }
  .min-w-xs {
    min-width: var(--container-xs);
  }
  .flex-1 {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .flex-auto {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
  .flex-initial {
    -webkit-box-flex: 0;
        -ms-flex: 0 auto;
            flex: 0 auto;
  }
  .flex-none {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .shrink {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .shrink-0 {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .grow {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .grow-0 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .table-auto {
    table-layout: auto;
  }
  .table-fixed {
    table-layout: fixed;
  }
  .origin-top-right {
    -webkit-transform-origin: top right;
            transform-origin: top right;
  }
  .transform {
    -webkit-transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
            transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-spin {
    -webkit-animation: var(--animate-spin);
            animation: var(--animate-spin);
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-grab {
    cursor: -webkit-grab;
    cursor: grab;
  }
  .cursor-move {
    cursor: move;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .list-disc {
    list-style-type: disc;
  }
  .list-none {
    list-style-type: none;
  }
  .appearance-none {
    -webkit-appearance: none;
       -moz-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-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid-cols-\[6rem_auto\] {
    grid-template-columns: 6rem auto;
  }
  .grid-cols-\[repeat\(auto-fill\,minmax\(150px\,auto\)\)\] {
    grid-template-columns: repeat(auto-fill,minmax(150px,auto));
  }
  .grid-cols-subgrid {
    grid-template-columns: subgrid;
  }
  .flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .flex-col-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .flex-nowrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .flex-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .content-center {
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .content-start {
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
  .items-baseline {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .items-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .items-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .justify-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .justify-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .justify-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .justify-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .justify-items-center {
    justify-items: center;
  }
  .justify-items-end {
    justify-items: end;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    -webkit-margin-before: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
            margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    -webkit-margin-after: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
            margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    -webkit-margin-before: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
            margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    -webkit-margin-after: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
            margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
  .gap-x-2 {
    -webkit-column-gap: calc(var(--spacing) * 2);
       -moz-column-gap: calc(var(--spacing) * 2);
            column-gap: calc(var(--spacing) * 2);
  }
  :where(.space-x-1 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    -webkit-margin-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
            margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
    -webkit-margin-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
            margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
  }
  :where(.space-x-3 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    -webkit-margin-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
            margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
    -webkit-margin-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
            margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
  }
  :where(.space-x-4 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    -webkit-margin-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
            margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
    -webkit-margin-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
            margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
  }
  :where(.space-x-8 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    -webkit-margin-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
            margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
    -webkit-margin-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
            margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
  }
  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }
  .gap-y-8 {
    row-gap: calc(var(--spacing) * 8);
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-scroll {
    overflow: scroll;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .rounded-b-lg {
    border-bottom-right-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }
  .rounded-br-lg {
    border-bottom-right-radius: var(--radius-lg);
  }
  .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-8 {
    border-style: var(--tw-border-style);
    border-width: 8px;
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .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-1 {
    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 {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .border-blue-700 {
    border-color: var(--color-blue-700);
  }
  .border-gray-100 {
    border-color: var(--color-gray-100);
  }
  .border-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-gray-400 {
    border-color: var(--color-gray-400);
  }
  .border-gray-500 {
    border-color: var(--color-gray-500);
  }
  .border-gray-600 {
    border-color: var(--color-gray-600);
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-white {
    border-color: var(--color-white);
  }
  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }
  .bg-blue-200 {
    background-color: var(--color-blue-200);
  }
  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }
  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }
  .bg-gray-300 {
    background-color: var(--color-gray-300);
  }
  .bg-gray-500 {
    background-color: var(--color-gray-500);
  }
  .bg-gray-900 {
    background-color: var(--color-gray-900);
  }
  .bg-green-200 {
    background-color: var(--color-green-200);
  }
  .bg-green-500 {
    background-color: var(--color-green-500);
  }
  .bg-night-gray-600 {
    background-color: var(--color-night-gray-600);
  }
  .bg-orange-200 {
    background-color: var(--color-orange-200);
  }
  .bg-orange-500 {
    background-color: var(--color-orange-500);
  }
  .bg-pink-500 {
    background-color: var(--color-pink-500);
  }
  .bg-purple-200 {
    background-color: var(--color-purple-200);
  }
  .bg-purple-500 {
    background-color: var(--color-purple-500);
  }
  .bg-red-200 {
    background-color: var(--color-red-200);
  }
  .bg-red-500 {
    background-color: var(--color-red-500);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-yellow-200 {
    background-color: var(--color-yellow-200);
  }
  .bg-yellow-500 {
    background-color: var(--color-yellow-500);
  }
  .bg-cover {
    background-size: cover;
  }
  .bg-center {
    background-position: center;
  }
  .fill-current {
    fill: currentcolor;
  }
  .stroke-current {
    stroke: currentcolor;
  }
  .stroke-gray-400 {
    stroke: var(--color-gray-400);
  }
  .stroke-gray-600 {
    stroke: var(--color-gray-600);
  }
  .stroke-2 {
    stroke-width: 2;
  }
  .object-cover {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .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-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .px-px {
    padding-inline: 1px;
  }
  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }
  .pr-0\.5 {
    padding-right: calc(var(--spacing) * 0.5);
  }
  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }
  .pr-12 {
    padding-right: calc(var(--spacing) * 12);
  }
  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }
  .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-32 {
    padding-bottom: calc(var(--spacing) * 32);
  }
  .pl-1 {
    padding-left: calc(var(--spacing) * 1);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-2\! {
    padding-left: calc(var(--spacing) * 2) !important;
  }
  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }
  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }
  .pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }
  .pl-12 {
    padding-left: calc(var(--spacing) * 12);
  }
  .pl-16 {
    padding-left: calc(var(--spacing) * 16);
  }
  .pl-20 {
    padding-left: calc(var(--spacing) * 20);
  }
  .text-center {
    text-align: center;
  }
  .text-justify {
    text-align: justify;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .align-baseline {
    vertical-align: baseline;
  }
  .align-middle {
    vertical-align: middle;
  }
  .align-top {
    vertical-align: top;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .font-sans {
    font-family: var(--font-sans);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-7xl {
    font-size: var(--text-7xl);
    line-height: var(--tw-leading, var(--text-7xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .leading-0 {
    --tw-leading: calc(var(--spacing) * 0);
    line-height: calc(var(--spacing) * 0);
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .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-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .text-balance {
    text-wrap: balance;
  }
  .text-nowrap {
    text-wrap: nowrap;
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .text-ellipsis {
    text-overflow: ellipsis;
  }
  .whitespace-normal {
    white-space: normal;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .text-black {
    color: var(--color-black);
  }
  .text-blue-500 {
    color: var(--color-blue-500);
  }
  .text-blue-600 {
    color: var(--color-blue-600);
  }
  .text-blue-700 {
    color: var(--color-blue-700);
  }
  .text-current {
    color: currentcolor;
  }
  .text-gray-100 {
    color: var(--color-gray-100);
  }
  .text-gray-200 {
    color: var(--color-gray-200);
  }
  .text-gray-300 {
    color: var(--color-gray-300);
  }
  .text-gray-400 {
    color: var(--color-gray-400);
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-gray-600 {
    color: var(--color-gray-600);
  }
  .text-gray-700 {
    color: var(--color-gray-700);
  }
  .text-gray-800 {
    color: var(--color-gray-800);
  }
  .text-gray-900 {
    color: var(--color-gray-900);
  }
  .text-green-400 {
    color: var(--color-green-400);
  }
  .text-green-500 {
    color: var(--color-green-500);
  }
  .text-green-600 {
    color: var(--color-green-600);
  }
  .text-green-600\/70 {
    color: color-mix(in srgb, #38a169 70%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-green-600\/70 {
      color: color-mix(in oklab, var(--color-green-600) 70%, transparent);
    }
  }
  .text-green-700 {
    color: var(--color-green-700);
  }
  .text-indigo-700 {
    color: var(--color-indigo-700);
  }
  .text-purple-700 {
    color: var(--color-purple-700);
  }
  .text-red-400 {
    color: var(--color-red-400);
  }
  .text-red-400\/70 {
    color: color-mix(in srgb, #fc8181 70%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-red-400\/70 {
      color: color-mix(in oklab, var(--color-red-400) 70%, transparent);
    }
  }
  .text-red-500 {
    color: var(--color-red-500);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .text-red-700 {
    color: var(--color-red-700);
  }
  .text-red-800 {
    color: var(--color-red-800);
  }
  .text-white {
    color: var(--color-white);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline {
    text-decoration-line: underline;
  }
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .placeholder-gray-500::-webkit-input-placeholder {
    color: var(--color-gray-500);
  }
  .placeholder-gray-500::-moz-placeholder {
    color: var(--color-gray-500);
  }
  .placeholder-gray-500:-ms-input-placeholder {
    color: var(--color-gray-500);
  }
  .placeholder-gray-500::-ms-input-placeholder {
    color: var(--color-gray-500);
  }
  .placeholder-gray-500::placeholder {
    color: var(--color-gray-500);
  }
  .opacity-25 {
    opacity: 25%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-75 {
    opacity: 75%;
  }
  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-none {
    --tw-shadow: 0 0 #0000;
    -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-sm {
    --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));
    -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-8 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-white {
    --tw-ring-color: var(--color-white);
  }
  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (forced-colors: active) {
    .outline-hidden {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .filter {
    -webkit-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: 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, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    -webkit-transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    -webkit-transition-duration: var(--tw-duration, var(--default-transition-duration));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
  }
  @media (hover: hover) {
    .group-hover\:visible:is(:where(.group):hover *) {
      visibility: visible;
    }
  }
  @media (hover: hover) {
    .group-hover\:animate-none:is(:where(.group):hover *) {
      -webkit-animation: none;
              animation: none;
    }
  }
  .group-disabled\:animate-none:is(:where(.group):disabled *) {
    -webkit-animation: none;
            animation: none;
  }
  .group-disabled\:text-gray-500:is(:where(.group):disabled *) {
    color: var(--color-gray-500);
  }
  .first\:border-0:first-child {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .first\:pt-0:first-child {
    padding-top: calc(var(--spacing) * 0);
  }
  .last\:border-none:last-child {
    --tw-border-style: none;
    border-style: none;
  }
  .only\:block:only-child {
    display: block;
  }
  .odd\:bg-gray-100:nth-child(odd) {
    background-color: var(--color-gray-100);
  }
  .even\:bg-gray-100:nth-child(even) {
    background-color: var(--color-gray-100);
  }
  .visited\:text-purple-600:visited {
    color: var(--color-purple-600);
  }
  .empty\:hidden:empty {
    display: none;
  }
  @media (hover: hover) {
    .hover\:cursor-pointer:hover {
      cursor: pointer;
    }
  }
  @media (hover: hover) {
    .hover\:border-gray-500:hover {
      border-color: var(--color-gray-500);
    }
  }
  @media (hover: hover) {
    .hover\:bg-blue-600:hover {
      background-color: var(--color-blue-600);
    }
  }
  @media (hover: hover) {
    .hover\:bg-gray-100:hover {
      background-color: var(--color-gray-100);
    }
  }
  @media (hover: hover) {
    .hover\:bg-gray-200:hover {
      background-color: var(--color-gray-200);
    }
  }
  @media (hover: hover) {
    .hover\:bg-gray-300:hover {
      background-color: var(--color-gray-300);
    }
  }
  @media (hover: hover) {
    .hover\:text-black:hover {
      color: var(--color-black);
    }
  }
  @media (hover: hover) {
    .hover\:text-blue-700:hover {
      color: var(--color-blue-700);
    }
  }
  @media (hover: hover) {
    .hover\:text-blue-800:hover {
      color: var(--color-blue-800);
    }
  }
  @media (hover: hover) {
    .hover\:text-gray-700:hover {
      color: var(--color-gray-700);
    }
  }
  @media (hover: hover) {
    .hover\:text-gray-900:hover {
      color: var(--color-gray-900);
    }
  }
  @media (hover: hover) {
    .hover\:text-red-500:hover {
      color: var(--color-red-500);
    }
  }
  @media (hover: hover) {
    .hover\:text-red-600:hover {
      color: var(--color-red-600);
    }
  }
  @media (hover: hover) {
    .hover\:text-white:hover {
      color: var(--color-white);
    }
  }
  @media (hover: hover) {
    .hover\:no-underline:hover {
      text-decoration-line: none;
    }
  }
  @media (hover: hover) {
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
  }
  .focus\:text-gray-800:focus {
    color: var(--color-gray-800);
  }
  .focus\:ring-0:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus\:ring-indigo-500:focus {
    --tw-ring-color: var(--color-indigo-500);
  }
  .focus\:outline-hidden:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (forced-colors: active) {
    .focus\:outline-hidden:focus {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:animate-pulse {
      -webkit-animation: var(--animate-pulse);
              animation: var(--animate-pulse);
    }
  }
  @media (width < 40rem) {
    .max-sm\:pt-2 {
      padding-top: calc(var(--spacing) * 2);
    }
  }
  @media (width < 40rem) {
    .max-sm\:pl-4 {
      padding-left: calc(var(--spacing) * 4);
    }
  }
  @media (width < 40rem) {
    .max-sm\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  @media (width >= 40rem) {
    .sm\:static {
      position: static;
    }
  }
  @media (width >= 40rem) {
    .sm\:mx-2 {
      margin-inline: calc(var(--spacing) * 2);
    }
  }
  @media (width >= 40rem) {
    .sm\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 40rem) {
    .sm\:ml-6 {
      margin-left: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 40rem) {
    .sm\:block {
      display: block;
    }
  }
  @media (width >= 40rem) {
    .sm\:flex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
  }
  @media (width >= 40rem) {
    .sm\:hidden {
      display: none;
    }
  }
  @media (width >= 40rem) {
    .sm\:inline {
      display: inline;
    }
  }
  @media (width >= 40rem) {
    .sm\:table-cell {
      display: table-cell;
    }
  }
  @media (width >= 40rem) {
    .sm\:table-footer-group {
      display: table-footer-group;
    }
  }
  @media (width >= 40rem) {
    .sm\:table-header-group {
      display: table-header-group;
    }
  }
  @media (width >= 40rem) {
    .sm\:w-1\/2 {
      width: calc(1/2 * 100%);
    }
  }
  @media (width >= 40rem) {
    .sm\:w-1\/6 {
      width: calc(1/6 * 100%);
    }
  }
  @media (width >= 40rem) {
    .sm\:w-2\/6 {
      width: calc(2/6 * 100%);
    }
  }
  @media (width >= 40rem) {
    .sm\:w-3\/6 {
      width: calc(3/6 * 100%);
    }
  }
  @media (width >= 40rem) {
    .sm\:w-auto {
      width: auto;
    }
  }
  @media (width >= 40rem) {
    .sm\:max-w-lg {
      max-width: var(--container-lg);
    }
  }
  @media (width >= 40rem) {
    .sm\:min-w-56 {
      min-width: calc(var(--spacing) * 56);
    }
  }
  @media (width >= 40rem) {
    .sm\:shrink-0 {
      -ms-flex-negative: 0;
          flex-shrink: 0;
    }
  }
  @media (width >= 40rem) {
    .sm\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (width >= 40rem) {
    .sm\:items-center {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }
  }
  @media (width >= 40rem) {
    .sm\:items-start {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
    }
  }
  @media (width >= 40rem) {
    .sm\:justify-between {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
    }
  }
  @media (width >= 40rem) {
    .sm\:justify-center {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
    }
  }
  @media (width >= 40rem) {
    .sm\:gap-y-10 {
      row-gap: calc(var(--spacing) * 10);
    }
  }
  @media (width >= 40rem) {
    .sm\:px-1 {
      padding-inline: calc(var(--spacing) * 1);
    }
  }
  @media (width >= 40rem) {
    .sm\:px-2 {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  @media (width >= 40rem) {
    .sm\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 40rem) {
    .sm\:pr-2 {
      padding-right: calc(var(--spacing) * 2);
    }
  }
  @media (width >= 40rem) {
    .sm\:pb-0 {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 40rem) {
    .sm\:pl-4\! {
      padding-left: calc(var(--spacing) * 4) !important;
    }
  }
  @media (width >= 40rem) {
    .sm\:text-left {
      text-align: left;
    }
  }
  @media (width >= 48rem) {
    .md\:absolute {
      position: absolute;
    }
  }
  @media (width >= 48rem) {
    .md\:inset-0 {
      inset: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 48rem) {
    .md\:my-10 {
      margin-block: calc(var(--spacing) * 10);
    }
  }
  @media (width >= 48rem) {
    .md\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 48rem) {
    .md\:mt-10 {
      margin-top: calc(var(--spacing) * 10);
    }
  }
  @media (width >= 48rem) {
    .md\:mt-32 {
      margin-top: calc(var(--spacing) * 32);
    }
  }
  @media (width >= 48rem) {
    .md\:mt-auto {
      margin-top: auto;
    }
  }
  @media (width >= 48rem) {
    .md\:mb-0 {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 48rem) {
    .md\:mb-4 {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 48rem) {
    .md\:block {
      display: block;
    }
  }
  @media (width >= 48rem) {
    .md\:flex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
  }
  @media (width >= 48rem) {
    .md\:grid {
      display: grid;
    }
  }
  @media (width >= 48rem) {
    .md\:hidden {
      display: none;
    }
  }
  @media (width >= 48rem) {
    .md\:inline {
      display: inline;
    }
  }
  @media (width >= 48rem) {
    .md\:inline-block {
      display: inline-block;
    }
  }
  @media (width >= 48rem) {
    .md\:table-cell {
      display: table-cell;
    }
  }
  @media (width >= 48rem) {
    .md\:h-6 {
      height: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 48rem) {
    .md\:min-h-full {
      min-height: 100%;
    }
  }
  @media (width >= 48rem) {
    .md\:w-1\/2 {
      width: calc(1/2 * 100%);
    }
  }
  @media (width >= 48rem) {
    .md\:w-1\/4 {
      width: calc(1/4 * 100%);
    }
  }
  @media (width >= 48rem) {
    .md\:w-2\/3 {
      width: calc(2/3 * 100%);
    }
  }
  @media (width >= 48rem) {
    .md\:w-3\/4 {
      width: calc(3/4 * 100%);
    }
  }
  @media (width >= 48rem) {
    .md\:w-4\/5 {
      width: calc(4/5 * 100%);
    }
  }
  @media (width >= 48rem) {
    .md\:w-5\/12 {
      width: calc(5/12 * 100%);
    }
  }
  @media (width >= 48rem) {
    .md\:w-6 {
      width: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 48rem) {
    .md\:w-7\/12 {
      width: calc(7/12 * 100%);
    }
  }
  @media (width >= 48rem) {
    .md\:w-auto {
      width: auto;
    }
  }
  @media (width >= 48rem) {
    .md\:min-w-full {
      min-width: 100%;
    }
  }
  @media (width >= 48rem) {
    .md\:grow {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
    }
  }
  @media (width >= 48rem) {
    .md\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (width >= 48rem) {
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 48rem) {
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (width >= 48rem) {
    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (width >= 48rem) {
    .md\:flex-col {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
  }
  @media (width >= 48rem) {
    .md\:flex-row {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
    }
  }
  @media (width >= 48rem) {
    .md\:flex-nowrap {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
    }
  }
  @media (width >= 48rem) {
    .md\:flex-wrap {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
    }
  }
  @media (width >= 48rem) {
    .md\:items-stretch {
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
    }
  }
  @media (width >= 48rem) {
    .md\:justify-between {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
    }
  }
  @media (width >= 48rem) {
    .md\:justify-end {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
    }
  }
  @media (width >= 48rem) {
    .md\:justify-start {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
    }
  }
  @media (width >= 48rem) {
    .md\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }
  }
  @media (width >= 48rem) {
    .md\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 48rem) {
    .md\:p-4 {
      padding: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 48rem) {
    .md\:p-8 {
      padding: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 48rem) {
    .md\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 48rem) {
    .md\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }
  }
  @media (width >= 48rem) {
    .md\:pt-32 {
      padding-top: calc(var(--spacing) * 32);
    }
  }
  @media (width >= 48rem) {
    .md\:pb-2 {
      padding-bottom: calc(var(--spacing) * 2);
    }
  }
  @media (width >= 48rem) {
    .md\:pb-4 {
      padding-bottom: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 48rem) {
    .md\:text-left {
      text-align: left;
    }
  }
  @media (width >= 48rem) {
    .md\:text-right {
      text-align: right;
    }
  }
  @media (width >= 48rem) {
    .md\:text-white {
      color: var(--color-white);
    }
  }
  @media (width >= 64rem) {
    .lg\:mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 64rem) {
    .lg\:my-0 {
      margin-block: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 64rem) {
    .lg\:-mt-2 {
      margin-top: calc(var(--spacing) * -2);
    }
  }
  @media (width >= 64rem) {
    .lg\:-mt-40 {
      margin-top: calc(var(--spacing) * -40);
    }
  }
  @media (width >= 64rem) {
    .lg\:mt-4 {
      margin-top: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 64rem) {
    .lg\:mb-0 {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 64rem) {
    .lg\:mb-10 {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
  @media (width >= 64rem) {
    .lg\:block {
      display: block;
    }
  }
  @media (width >= 64rem) {
    .lg\:flex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
  }
  @media (width >= 64rem) {
    .lg\:hidden {
      display: none;
    }
  }
  @media (width >= 64rem) {
    .lg\:inline {
      display: inline;
    }
  }
  @media (width >= 64rem) {
    .lg\:inline-block {
      display: inline-block;
    }
  }
  @media (width >= 64rem) {
    .lg\:table-cell {
      display: table-cell;
    }
  }
  @media (width >= 64rem) {
    .lg\:h-full {
      height: 100%;
    }
  }
  @media (width >= 64rem) {
    .lg\:w-1\/2 {
      width: calc(1/2 * 100%);
    }
  }
  @media (width >= 64rem) {
    .lg\:w-1\/3 {
      width: calc(1/3 * 100%);
    }
  }
  @media (width >= 64rem) {
    .lg\:w-1\/4 {
      width: calc(1/4 * 100%);
    }
  }
  @media (width >= 64rem) {
    .lg\:w-2\/3 {
      width: calc(2/3 * 100%);
    }
  }
  @media (width >= 64rem) {
    .lg\:w-3\/4 {
      width: calc(3/4 * 100%);
    }
  }
  @media (width >= 64rem) {
    .lg\:w-full {
      width: 100%;
    }
  }
  @media (width >= 64rem) {
    .lg\:max-w-none {
      max-width: none;
    }
  }
  @media (width >= 64rem) {
    .lg\:max-w-xl {
      max-width: var(--container-xl);
    }
  }
  @media (width >= 64rem) {
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 64rem) {
    .lg\:flex-col {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
  }
  @media (width >= 64rem) {
    .lg\:flex-row {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
    }
  }
  @media (width >= 64rem) {
    .lg\:gap-x-8 {
      -webkit-column-gap: calc(var(--spacing) * 8);
         -moz-column-gap: calc(var(--spacing) * 8);
              column-gap: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 64rem) {
    .lg\:gap-y-16 {
      row-gap: calc(var(--spacing) * 16);
    }
  }
  @media (width >= 64rem) {
    .lg\:border-0 {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  @media (width >= 64rem) {
    .lg\:pt-4 {
      padding-top: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 64rem) {
    .lg\:text-left {
      text-align: left;
    }
  }
  @media (width >= 80rem) {
    .xl\:absolute {
      position: absolute;
    }
  }
  @media (width >= 80rem) {
    .xl\:top-3 {
      top: calc(var(--spacing) * 3);
    }
  }
  @media (width >= 80rem) {
    .xl\:right-4 {
      right: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 80rem) {
    .xl\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }
  @media (width >= 80rem) {
    .xl\:mt-2 {
      margin-top: calc(var(--spacing) * 2);
    }
  }
  @media (width >= 80rem) {
    .xl\:mb-0 {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 80rem) {
    .xl\:inline {
      display: inline;
    }
  }
  @media (width >= 80rem) {
    .xl\:table-cell {
      display: table-cell;
    }
  }
  @media (width >= 80rem) {
    .xl\:w-1\/2 {
      width: calc(1/2 * 100%);
    }
  }
  @media (width >= 80rem) {
    .xl\:w-1\/3 {
      width: calc(1/3 * 100%);
    }
  }
  @media (width >= 80rem) {
    .xl\:w-1\/4 {
      width: calc(1/4 * 100%);
    }
  }
  @media (width >= 80rem) {
    .xl\:w-2\/3 {
      width: calc(2/3 * 100%);
    }
  }
  @media (width >= 80rem) {
    .xl\:w-3\/3 {
      width: calc(3/3 * 100%);
    }
  }
  @media (width >= 80rem) {
    .xl\:w-4\/12 {
      width: calc(4/12 * 100%);
    }
  }
  @media (width >= 80rem) {
    .xl\:w-8\/12 {
      width: calc(8/12 * 100%);
    }
  }
  @media (width >= 80rem) {
    .xl\:w-full {
      width: 100%;
    }
  }
  @media (width >= 80rem) {
    .xl\:max-w-\(--breakpoint-xl\) {
      max-width: var(--breakpoint-xl);
    }
  }
  @media (width >= 80rem) {
    .xl\:max-w-2xl {
      max-width: var(--container-2xl);
    }
  }
  @media (width >= 80rem) {
    .xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 80rem) {
    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (width >= 80rem) {
    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (width >= 80rem) {
    .xl\:pb-2 {
      padding-bottom: calc(var(--spacing) * 2);
    }
  }
  @media (width >= 80rem) {
    .xl\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  @media (width >= 80rem) {
    .xl\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  @media (width >= 96rem) {
    .\32 xl\:mr-2 {
      margin-right: calc(var(--spacing) * 2);
    }
  }
  @media (width >= 96rem) {
    .\32 xl\:mb-0 {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 96rem) {
    .\32 xl\:flex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
  }
  @media (width >= 96rem) {
    .\32 xl\:table-cell {
      display: table-cell;
    }
  }
  @media (width >= 96rem) {
    .\32 xl\:w-1\/2 {
      width: calc(1/2 * 100%);
    }
  }
  @media (width >= 96rem) {
    .\32 xl\:w-1\/3 {
      width: calc(1/3 * 100%);
    }
  }
  @media (width >= 96rem) {
    .\32 xl\:w-1\/4 {
      width: calc(1/4 * 100%);
    }
  }
  @media (width >= 96rem) {
    .\32 xl\:w-2\/3 {
      width: calc(2/3 * 100%);
    }
  }
  @media (width >= 96rem) {
    .\32 xl\:w-3\/4 {
      width: calc(3/4 * 100%);
    }
  }
  @media (width >= 96rem) {
    .\32 xl\:w-8\/12 {
      width: calc(8/12 * 100%);
    }
  }
  @media (width >= 96rem) {
    .\32 xl\:max-w-4xl {
      max-width: var(--container-4xl);
    }
  }
  @media (width >= 96rem) {
    .\32 xl\:grow {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
    }
  }
  .dark\:border:is(.dark *) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .dark\:border-t:is(.dark *) {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .dark\:border-b:is(.dark *) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .dark\:border-blue-300:is(.dark *) {
    border-color: var(--color-blue-300);
  }
  .dark\:border-gray-500:is(.dark *) {
    border-color: var(--color-gray-500);
  }
  .dark\:border-gray-600:is(.dark *) {
    border-color: var(--color-gray-600);
  }
  .dark\:border-night-gray-400:is(.dark *) {
    border-color: var(--color-night-gray-400);
  }
  .dark\:border-night-gray-500:is(.dark *) {
    border-color: var(--color-night-gray-500);
  }
  .dark\:border-night-gray-600:is(.dark *) {
    border-color: var(--color-night-gray-600);
  }
  .dark\:border-night-gray-700:is(.dark *) {
    border-color: var(--color-night-gray-700);
  }
  .dark\:border-night-gray-800:is(.dark *) {
    border-color: var(--color-night-gray-800);
  }
  .dark\:border-night-gray-900:is(.dark *) {
    border-color: var(--color-night-gray-900);
  }
  .dark\:border-night-white:is(.dark *) {
    border-color: var(--color-night-white);
  }
  .dark\:bg-black:is(.dark *) {
    background-color: var(--color-black);
  }
  .dark\:bg-blue-800:is(.dark *) {
    background-color: var(--color-blue-800);
  }
  .dark\:bg-blue-900:is(.dark *) {
    background-color: var(--color-blue-900);
  }
  .dark\:bg-gray-600:is(.dark *) {
    background-color: var(--color-gray-600);
  }
  .dark\:bg-gray-700:is(.dark *) {
    background-color: var(--color-gray-700);
  }
  .dark\:bg-gray-800:is(.dark *) {
    background-color: var(--color-gray-800);
  }
  .dark\:bg-green-800:is(.dark *) {
    background-color: var(--color-green-800);
  }
  .dark\:bg-night-blue-500:is(.dark *) {
    background-color: var(--color-night-blue-500);
  }
  .dark\:bg-night-blue-700:is(.dark *) {
    background-color: var(--color-night-blue-700);
  }
  .dark\:bg-night-gray-700:is(.dark *) {
    background-color: var(--color-night-gray-700);
  }
  .dark\:bg-night-gray-800:is(.dark *) {
    background-color: var(--color-night-gray-800);
  }
  .dark\:bg-night-gray-900:is(.dark *) {
    background-color: var(--color-night-gray-900);
  }
  .dark\:bg-night-red-800:is(.dark *) {
    background-color: var(--color-night-red-800);
  }
  .dark\:bg-red-800:is(.dark *) {
    background-color: var(--color-red-800);
  }
  .dark\:bg-yellow-800:is(.dark *) {
    background-color: var(--color-yellow-800);
  }
  .dark\:stroke-white:is(.dark *) {
    stroke: var(--color-white);
  }
  .dark\:text-black:is(.dark *) {
    color: var(--color-black);
  }
  .dark\:text-blue-300:is(.dark *) {
    color: var(--color-blue-300);
  }
  .dark\:text-blue-400:is(.dark *) {
    color: var(--color-blue-400);
  }
  .dark\:text-gray-200:is(.dark *) {
    color: var(--color-gray-200);
  }
  .dark\:text-gray-300:is(.dark *) {
    color: var(--color-gray-300);
  }
  .dark\:text-gray-400:is(.dark *) {
    color: var(--color-gray-400);
  }
  .dark\:text-gray-500:is(.dark *) {
    color: var(--color-gray-500);
  }
  .dark\:text-green-300:is(.dark *) {
    color: var(--color-green-300);
  }
  .dark\:text-green-500:is(.dark *) {
    color: var(--color-green-500);
  }
  .dark\:text-night-blue-100:is(.dark *) {
    color: var(--color-night-blue-100);
  }
  .dark\:text-night-gray-100:is(.dark *) {
    color: var(--color-night-gray-100);
  }
  .dark\:text-night-gray-200:is(.dark *) {
    color: var(--color-night-gray-200);
  }
  .dark\:text-night-gray-300:is(.dark *) {
    color: var(--color-night-gray-300);
  }
  .dark\:text-night-gray-400:is(.dark *) {
    color: var(--color-night-gray-400);
  }
  .dark\:text-night-green-400:is(.dark *) {
    color: var(--color-night-green-400);
  }
  .dark\:text-night-red-400:is(.dark *) {
    color: var(--color-night-red-400);
  }
  .dark\:text-night-red-600:is(.dark *) {
    color: var(--color-night-red-600);
  }
  .dark\:text-night-white:is(.dark *) {
    color: var(--color-night-white);
  }
  .dark\:text-purple-500:is(.dark *) {
    color: var(--color-purple-500);
  }
  .dark\:text-red-500:is(.dark *) {
    color: var(--color-red-500);
  }
  .dark\:text-red-800:is(.dark *) {
    color: var(--color-red-800);
  }
  .dark\:text-white:is(.dark *) {
    color: var(--color-white);
  }
  .dark\:placeholder-night-white:is(.dark *)::-webkit-input-placeholder {
    color: var(--color-night-white);
  }
  .dark\:placeholder-night-white:is(.dark *)::-moz-placeholder {
    color: var(--color-night-white);
  }
  .dark\:placeholder-night-white:is(.dark *):-ms-input-placeholder {
    color: var(--color-night-white);
  }
  .dark\:placeholder-night-white:is(.dark *)::-ms-input-placeholder {
    color: var(--color-night-white);
  }
  .dark\:placeholder-night-white:is(.dark *)::placeholder {
    color: var(--color-night-white);
  }
  .dark\:opacity-30:is(.dark *) {
    opacity: 30%;
  }
  .dark\:ring-gray-800:is(.dark *) {
    --tw-ring-color: var(--color-gray-800);
  }
  .dark\:odd\:bg-night-gray-800:is(.dark *):nth-child(odd) {
    background-color: var(--color-night-gray-800);
  }
  .dark\:even\:bg-night-gray-800:is(.dark *):nth-child(even) {
    background-color: var(--color-night-gray-800);
  }
  @media (hover: hover) {
    .dark\:hover\:bg-blue-900:is(.dark *):hover {
      background-color: var(--color-blue-900);
    }
  }
  @media (hover: hover) {
    .dark\:hover\:bg-gray-700:is(.dark *):hover {
      background-color: var(--color-gray-700);
    }
  }
  @media (hover: hover) {
    .dark\:hover\:bg-gray-800:is(.dark *):hover {
      background-color: var(--color-gray-800);
    }
  }
  @media (hover: hover) {
    .dark\:hover\:bg-night-gray-700:is(.dark *):hover {
      background-color: var(--color-night-gray-700);
    }
  }
  @media (hover: hover) {
    .dark\:hover\:text-gray-100:is(.dark *):hover {
      color: var(--color-gray-100);
    }
  }
  @media (hover: hover) {
    .dark\:hover\:text-gray-300:is(.dark *):hover {
      color: var(--color-gray-300);
    }
  }
  @media (hover: hover) {
    .dark\:hover\:text-night-blue-300:is(.dark *):hover {
      color: var(--color-night-blue-300);
    }
  }
  @media (hover: hover) {
    .dark\:hover\:text-night-red-400:is(.dark *):hover {
      color: var(--color-night-red-400);
    }
  }
  @media (hover: hover) {
    .dark\:hover\:text-red-400:is(.dark *):hover {
      color: var(--color-red-400);
    }
  }
  @media (hover: hover) {
    .dark\:hover\:text-white:is(.dark *):hover {
      color: var(--color-white);
    }
  }
  @media (hover: hover) {
    .dark\:hover\:text-yellow-100:is(.dark *):hover {
      color: var(--color-yellow-100);
    }
  }
}
@layer base {
  h1 {
    padding-block: calc(var(--spacing) * 6);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  h2 {
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  h3 {
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  h4 {
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  a {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-red-600);
  }
  a:is(.dark *) {
    color: var(--color-night-yellow-400);
  }
  a.subtle {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-gray-600);
  }
  @media (hover: hover) {
    a.subtle:hover {
      text-decoration-line: underline;
    }
  }
  a.subtle:is(.dark *) {
    color: var(--color-gray-400);
  }
  a.subtle-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-600);
  }
  @media (hover: hover) {
    a.subtle-semibold:hover {
      text-decoration-line: underline;
    }
  }
  a.subtle-semibold:is(.dark *) {
    color: var(--color-gray-400);
  }
  a.subtle-no-underline {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-gray-600);
  }
  a.subtle-no-underline:is(.dark *) {
    color: var(--color-gray-400);
  }
  blockquote {
    margin-block: calc(var(--spacing) * 4);
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
    border-color: var(--color-gray-400);
    padding: calc(var(--spacing) * 4);
    color: var(--color-gray-600);
  }
  blockquote:is(.dark *) {
    color: var(--color-gray-400);
  }
  dt {
    margin-top: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  dd {
    margin-left: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 1);
  }
  :is(.header-inset h1):is(.dark *) {
    color: var(--color-night-white);
  }
  .header-inset h2, h3 {
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-800);
  }
  :is(.header-inset h2,h3):is(.dark *) {
    color: var(--color-night-white);
  }
  :is(.header-inset h2,h3) a {
    text-decoration-line: underline;
    color: inherit;
    font-weight: inherit;
  }
  .section-content p {
    padding-block: calc(var(--spacing) * 2);
  }
  :is(.markdown,.prose,.rich_text_area,.trix-content) h1 {
    padding-block: calc(var(--spacing) * 6);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  :is(.markdown,.prose,.rich_text_area,.trix-content) h2 {
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  :is(.markdown,.prose,.rich_text_area,.trix-content) h3 {
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  :is(.markdown,.prose,.rich_text_area,.trix-content) h4 {
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  :is(.markdown,.prose,.rich_text_area,.trix-content) dt {
    margin-top: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  :is(.markdown,.prose,.rich_text_area,.trix-content) dd {
    margin-left: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 1);
  }
  :is(.markdown,.prose,.rich_text_area,.trix-content) p {
    padding-block: calc(var(--spacing) * 2);
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }
  :is(.markdown,.prose,.rich_text_area,.trix-content) ol,:is(.markdown,.prose,.rich_text_area,.trix-content) ul {
    margin-block: calc(var(--spacing) * 1);
    padding-left: calc(var(--spacing) * 8);
  }
  :is(.markdown,.prose,.rich_text_area,.trix-content) ol > li {
    list-style-type: decimal;
  }
  :is(.markdown,.prose,.rich_text_area,.trix-content) ul > li {
    list-style-type: disc;
  }
  :is(.markdown,.prose,.rich_text_area,.trix-content) hr {
    margin-block: calc(var(--spacing) * 4);
  }
  :is(.markdown,.prose,.rich_text_area,.trix-content) a {
    text-decoration-line: underline;
  }
  :is(.markdown,.prose,.rich_text_area,.trix-content) pre:not(.vditor-reset),:is(.markdown,.prose,.rich_text_area,.trix-content) code:not(.vditor-reset) {
    background-color: var(--color-gray-200);
    font-family: var(--font-mono);
    white-space: pre-wrap;
  }
  :is(:is(.markdown,.prose,.rich_text_area,.trix-content) pre:not(.vditor-reset),:is(.markdown,.prose,.rich_text_area,.trix-content) code:not(.vditor-reset)):is(.dark *) {
    background-color: var(--color-gray-700);
  }
  :is(.markdown,.prose,.rich_text_area,.trix-content) pre:not(.vditor-reset),:is(.markdown,.prose,.rich_text_area,.trix-content) code:not(.vditor-reset) {
    font-size: 0.9em;
    padding: 0.3em;
  }
  :is(:is(.markdown,.prose,.rich_text_area,.trix-content) pre:not(.vditor-reset),:is(.markdown,.prose,.rich_text_area,.trix-content) code:not(.vditor-reset)):empty {
    width: 1rem;
  }
  .trix-button:is(.dark *) {
    background-color: var(--color-gray-200);
  }
  .trix-button:disabled:is(.dark *) {
    background-color: var(--color-gray-300);
  }
  .trix-button:disabled:is(.dark *) {
    color: var(--color-gray-700);
  }
  .trix-button.trix-active:is(.dark *) {
    background-color: var(--color-night-white);
  }
  svg {
    display: inline;
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
  }
}
@layer base {
  table {
    width: 100%;
  }
  thead th {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--color-gray-200);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 3);
    text-align: left;
    vertical-align: middle;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    color: var(--color-gray-600);
    text-transform: uppercase;
  }
  :is(thead th):is(.dark *) {
    border-color: var(--color-night-gray-700);
  }
  :is(thead th):is(.dark *) {
    background-color: var(--color-night-gray-900);
  }
  :is(thead th):is(.dark *) {
    color: var(--color-night-gray-300);
  }
  :is(thead th):first-child {
    padding-left: calc(var(--spacing) * 4);
  }
  tbody th {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
    border-color: var(--color-gray-200);
    padding: calc(var(--spacing) * 4);
    padding-inline: calc(var(--spacing) * 4);
    text-align: left;
    vertical-align: middle;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    white-space: nowrap;
  }
  :is(tbody th):is(.dark *) {
    border-color: var(--color-night-gray-700);
  }
  :is(tbody th):is(.dark *) {
    color: var(--color-night-white);
  }
  thead {
    display: none;
  }
  tr {
    margin-bottom: calc(var(--spacing) * 2);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-gray-300);
  }
  tr:is(.dark *) {
    border-color: var(--color-night-gray-700);
  }
  td {
    clear: both;
    display: block;
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
    border-color: var(--color-gray-300);
    padding: calc(var(--spacing) * 2);
    text-align: right;
    vertical-align: middle;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    white-space: nowrap;
  }
  td:is(.dark *) {
    border-color: var(--color-night-gray-700);
  }
  td:first-child {
    padding-left: calc(var(--spacing) * 4);
  }
  td::before {
    float: left;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-gray-700);
  }
  :is(td::before):is(.dark *) {
    color: var(--color-night-gray-300);
  }
  td::before {
    content: attr(data-label);
  }
  td.row-title {
    padding-block: calc(var(--spacing) * 2);
    text-align: center;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    white-space: normal;
  }
  @media (width >= 40rem) {
    thead {
      display: table-header-group;
    }
    tr {
      margin-bottom: calc(var(--spacing) * 0);
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
      border-right-style: var(--tw-border-style);
      border-right-width: 0px;
      border-left-style: var(--tw-border-style);
      border-left-width: 0px;
    }
    td {
      clear: none;
      display: table-cell;
      padding-inline: calc(var(--spacing) * 6);
      padding-block: calc(var(--spacing) * 4);
      text-align: left;
    }
    td::before {
      content: none;
    }
    td.row-title {
      padding-block: calc(var(--spacing) * 4);
      text-align: left;
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      --tw-leading: var(--leading-normal);
      line-height: var(--leading-normal);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
  }
}
@layer base {
  fieldset {
    margin-bottom: calc(var(--spacing) * 4);
    height: 100%;
    width: 100%;
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 4);
  }
  fieldset:is(.dark *) {
    border-color: var(--color-night-gray-700);
  }
  legend {
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-gray-100);
    padding-inline: calc(var(--spacing) * 6);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-800);
  }
  legend:is(.dark *) {
    border-color: var(--color-night-gray-700);
  }
  legend:is(.dark *) {
    background-color: var(--color-night-gray-700);
  }
  legend:is(.dark *) {
    background-color: var(--color-night-gray-800);
  }
  legend:is(.dark *) {
    color: var(--color-night-white);
  }
  input,
label,
select {
    display: block;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  label {
    margin-bottom: calc(var(--spacing) * 1);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-800);
  }
  label:is(.dark *) {
    color: var(--color-night-gray-200);
  }
  label.required::after, legend.required::after {
    content: "*";
  }
  label abbr {
    display: none;
  }
  label.check_boxes {
    clear: both;
  }
  .checkbox label,
.radio label {
    display: inline-block;
    padding-block: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  span.checkbox {
    margin-right: calc(var(--spacing) * 2);
  }
  label.checkbox {
    margin-bottom: calc(var(--spacing) * 4);
  }
  input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select[multiple=multiple],
select,
textarea {
    margin-bottom: calc(var(--spacing) * 4);
    width: 100%;
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --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));
    -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :is(input[type="color"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="email"],input[type="month"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="time"],input[type="url"],input[type="week"],select[multiple=multiple],select,textarea):is(.dark *) {
    border-color: var(--color-gray-500);
  }
  :is(input[type="color"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="email"],input[type="month"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="time"],input[type="url"],input[type="week"],select[multiple=multiple],select,textarea):is(.dark *) {
    background-color: var(--color-night-gray-900);
  }
  :is(input[type="color"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="email"],input[type="month"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="time"],input[type="url"],input[type="week"],select[multiple=multiple],select,textarea):is(.dark *) {
    color: var(--color-night-white);
  }
  .field_with_errors :is(input[type="color"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="email"],input[type="month"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="time"],input[type="url"],input[type="week"],select[multiple=multiple],select,textarea) {
    margin-block: calc(var(--spacing) * 1);
    color: var(--color-red-500);
  }
  :is(::-webkit-calendar-picker-indicator):is(.dark *) {
    --tw-invert: invert(100%);
    -webkit-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: 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,);
  }
  textarea {
    resize: vertical;
  }
  input[type="search"] {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    margin-bottom: calc(var(--spacing) * 0);
  }
  input[type="checkbox"],
input[type="radio"] {
    margin-right: calc(var(--spacing) * 2);
    display: inline;
  }
  input[type="file"] {
    width: 100%;
    padding-bottom: calc(var(--spacing) * 1);
  }
  input[type="submit"] {
    display: block;
    clear: both;
  }
  input.inline-block[type="submit"] {
    display: inline-block;
  }
  input[type="date"],
input[type="number"] {
    width: auto;
  }
  select {
    width: 100%;
    max-width: 100%;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-image: url(/assets/icons/chevron-up-down-light-5a8b2fa5ecdd0a9b7a227d06f65bae3e2bef1f46a11e484eaf05c5c6c36f333d.svg);
    background-position: right 4px center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
    padding-left: 0.5em;
    padding-right: 2em;
  }
  select.compressed {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
  select.compressed-more {
    padding-top: 0.1em;
    padding-bottom: 0.1em;
  }
  form :disabled:not(.trix-button) {
    cursor: not-allowed;
    background-color: var(--color-gray-300);
    color: var(--color-gray-700);
  }
  :is(form :disabled:not(.trix-button)):is(.dark *) {
    background-color: var(--color-night-gray-700);
  }
  :is(form :disabled:not(.trix-button)):is(.dark *) {
    color: var(--color-night-white);
  }
  form .hint {
    margin-top: calc(var(--spacing) * -2);
    margin-bottom: calc(var(--spacing) * 4);
    display: block;
    padding-inline: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-gray-600);
  }
  :is(form .hint):is(.dark *) {
    color: var(--color-night-white);
  }
  form .file > .hint {
    margin-top: calc(var(--spacing) * 2);
  }
  form .error {
    margin-bottom: calc(var(--spacing) * 1);
    display: block;
    color: var(--color-red-500);
  }
  form div.input {
    clear: both;
  }
  form div.input:not(:last-child) {
    margin-bottom: calc(var(--spacing) * 4);
  }
  form div.input.select {
    margin-bottom: calc(var(--spacing) * 4);
  }
  form #opportunity_deal_value_currency {
    margin-bottom: 0;
  }
  form div.input.rich_text_area {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .form-group {
    margin-bottom: calc(var(--spacing) * 4);
    width: 100%;
    padding-inline: calc(var(--spacing) * 3);
  }
  #people_timezones_datetime {
    width: auto;
  }
  .percent-input {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .percent-input .percent-input__icon {
    font-weight: 700;
    padding: 0 0.3em;
  }
}
@layer utilities {
  .menu {
    position: relative;
    z-index: 50;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-color: var(--color-white);
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .menu:is(.dark *) {
    background-color: var(--color-night-gray-900);
  }
  .menu__content {
    height: auto;
    width: 100%;
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 4);
  }
  .menu__title {
    margin-right: calc(var(--spacing) * 0);
    -ms-flex-item-align: start;
        align-self: flex-start;
    padding: calc(var(--spacing) * 4);
    padding-inline: calc(var(--spacing) * 0);
    text-align: left;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    white-space: nowrap;
    color: var(--color-gray-700);
    text-transform: uppercase;
  }
  .menu__title:is(.dark *) {
    border-color: var(--color-night-red-400);
  }
  .menu__title:is(.dark *) {
    color: var(--color-night-white);
  }
  .menu__extra-title {
    display: block;
    padding-top: calc(var(--spacing) * 1);
    padding-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    white-space: nowrap;
    color: var(--color-gray-600);
    text-transform: uppercase;
    text-decoration-line: none;
  }
  .menu__extra-title:is(.dark *) {
    color: var(--color-night-white);
  }
  .menu__navigation {
    position: absolute;
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 40;
    margin: calc(var(--spacing) * 2);
    display: none;
    height: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow-x: hidden;
    overflow-y: auto;
    border-radius: var(--radius-sm);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 3);
    --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));
    -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .menu__navigation:is(.dark *) {
    background-color: var(--color-night-gray-900);
  }
  .menu__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-red-600);
    text-transform: uppercase;
  }
  .menu__link:is(.dark *) {
    color: var(--color-night-red-400);
  }
  @media screen and (min-height: 900px) {
    .menu__link {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .menu__link:hover {
    color: var(--color-red-600);
  }
  .menu__link:hover:is(.dark *) {
    color: var(--color-night-white);
  }
  .menu__link-icon {
    margin-right: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 4);
    fill: currentcolor;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .menu__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .menu__links li {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  :is(.menu__links .menu__link--summit) a {
    color: var(--color-night-blue-600);
  }
  :is(:is(.menu__links .menu__link--summit) a):is(.dark *) {
    color: var(--color-night-blue-200);
  }
  :is(.menu__links .menu__link--summit) a:hover {
    color: var(--color-blue-700);
  }
  :is(:is(.menu__links .menu__link--summit) a:hover):is(.dark *) {
    color: var(--color-night-blue-600);
  }
  :is(.menu__links .menu__link--lounge) a {
    color: var(--color-purple-600);
  }
  :is(:is(.menu__links .menu__link--lounge) a):is(.dark *) {
    color: var(--color-night-yellow-400);
  }
  :is(.menu__links .menu__link--lounge) a:hover {
    color: var(--color-purple-700);
  }
  :is(:is(.menu__links .menu__link--lounge) a:hover):is(.dark *) {
    color: var(--color-night-white);
  }
  :is(.menu__links .menu__link--search) a.menu__link {
    color: var(--color-gray-600);
  }
  :is(:is(.menu__links .menu__link--search) a.menu__link):is(.dark *) {
    color: var(--color-night-white);
  }
  :is(.menu__links .menu__link--search) a.menu__link:hover {
    color: var(--color-gray-800);
  }
  :is(:is(.menu__links .menu__link--search) a.menu__link:hover):is(.dark *) {
    color: var(--color-night-gray-200);
  }
  @media (width >= 48rem) {
    .menu__links {
      min-width: 100%;
    }
  }
  .menu__links--extra a {
    color: var(--color-gray-600);
  }
  :is(.menu__links--extra a):is(.dark *) {
    color: var(--color-night-white);
  }
  .menu__links--extra a:hover {
    color: var(--color-gray-800);
  }
  :is(.menu__links--extra a:hover):is(.dark *) {
    color: var(--color-night-gray-200);
  }
  .menu__theme-toggle {
    margin-bottom: calc(var(--spacing) * 12);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-600);
    text-transform: uppercase;
  }
  .menu__theme-toggle:is(.dark *) {
    color: var(--color-night-white);
  }
  .menu__collapse-side-nav-button {
    display: none;
  }
  @media (width >= 48rem) {
    .menu__collapse-side-nav-button {
      z-index: 40;
      border-style: var(--tw-border-style);
      border-width: 1px;
      --tw-border-style: solid;
      border-style: solid;
      border-color: var(--color-gray-200);
      background-color: var(--color-white);
    }
    .menu__collapse-side-nav-button:is(.dark *) {
      border-color: var(--color-night-gray-700);
    }
    .menu__collapse-side-nav-button:is(.dark *) {
      background-color: var(--color-night-gray-900);
    }
    .menu__collapse-side-nav-button {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border-radius: 1rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 2rem;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      position: absolute;
      right: 0.5rem;
      bottom: 1.25rem;
      width: 2rem;
    }
  }
  .secondary-menu {
    left: calc(var(--spacing) * 4);
    margin-inline: calc(var(--spacing) * 4);
    margin-top: calc(var(--spacing) * 6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-radius: var(--radius-sm);
    background-color: var(--color-white);
    --tw-drop-shadow-size: drop-shadow(0 9px 7px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1)));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-xl));
    -webkit-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: 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,);
  }
  .secondary-menu:is(.dark *) {
    border-color: var(--color-gray-500);
  }
  .secondary-menu:is(.dark *) {
    background-color: var(--color-night-gray-900);
  }
  @media (width >= 48rem) {
    .secondary-menu {
      position: fixed;
      top: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 12);
      z-index: 40;
      margin: calc(var(--spacing) * 0);
      height: 100vh;
      width: calc(var(--spacing) * 80);
      -ms-flex-negative: 0;
          flex-shrink: 0;
      overflow-y: auto;
      border-radius: 0;
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
      background-color: var(--color-gray-50);
      --tw-drop-shadow:  ;
      -webkit-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: 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,);
    }
    .secondary-menu:is(.dark *) {
      background-color: var(--color-night-gray-800);
    }
  }
  @media (width >= 48rem) {
    .main-app {
      margin-left: calc(var(--spacing) * 12);
    }
    .menu {
      position: fixed;
      top: calc(var(--spacing) * 0);
      bottom: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      display: block;
      width: calc(var(--spacing) * 12);
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
    }
    .menu__content {
      height: 100vh;
      padding-inline: calc(var(--spacing) * 0);
    }
    .menu__title {
      visibility: hidden;
      padding-bottom: calc(var(--spacing) * 2);
    }
    .menu__extra-title {
      display: none;
    }
    .menu__navigation {
      position: relative;
      margin: calc(var(--spacing) * 0);
      margin-top: calc(var(--spacing) * 4);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      padding: calc(var(--spacing) * 0);
      opacity: 100%;
      --tw-shadow: 0 0 #0000;
      -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
              box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .menu__navigation:is(.dark *) {
      background-color: var(--color-night-gray-900);
    }
    .menu__link-title {
      display: none;
    }
    .menu__button-title {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border-width: 0;
    }
    .menu__link-icon {
      margin-right: calc(var(--spacing) * 0);
    }
    .menu__links {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }
    .has-secondary-menu .main-header,.has-secondary-menu .user-drop-wide,.has-secondary-menu .main-content {
      padding-left: calc(var(--spacing) * 80);
    }
    .has-secondary-menu .page-block {
      padding-right: calc(var(--spacing) * 0);
      padding-left: calc(var(--spacing) * 10);
    }
    .has-secondary-menu .user-drop-wide {
      margin-left: calc(var(--spacing) * 4);
    }
    .side-nav-expanded .main-app {
      margin-left: calc(var(--spacing) * 64);
    }
    .side-nav-expanded .secondary-menu {
      left: calc(var(--spacing) * 64);
    }
    .side-nav-expanded .menu {
      width: calc(var(--spacing) * 64);
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
    .side-nav-expanded .menu__content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-inline: calc(var(--spacing) * 6);
    }
    .side-nav-expanded .menu__title {
      visibility: visible;
    }
    .side-nav-expanded .menu__extra-title {
      display: block;
    }
    .side-nav-expanded .menu__links {
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
    }
    .side-nav-expanded .menu__link-title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
    .side-nav-expanded .menu__button-title {
      position: static;
      width: auto;
      height: auto;
      padding: 0;
      margin: 0;
      overflow: visible;
      clip: auto;
      white-space: normal;
    }
    .side-nav-expanded .menu__link-icon {
      margin-right: calc(var(--spacing) * 2);
      opacity: 75%;
    }
    .side-nav-expanded .menu__theme-toggle {
      margin-bottom: calc(var(--spacing) * 0);
    }
    .side-nav-expanded .menu__collapse-side-nav-button {
      right: -1rem;
    }
  }
  .mobile-nav-expanded .menu__navigation {
    display: block;
  }
  .menu__expand-arrow {
    height: 12px;
    width: 12px;
  }
  .side-nav-expanded .menu__expand-arrow {
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  .dropdown {
    z-index: 50;
    float: left;
    list-style-type: none;
    border-radius: var(--radius-sm);
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 2);
    text-align: left;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .dropdown:is(.dark *) {
    border-color: var(--color-night-gray-700);
  }
  .dropdown:is(.dark *) {
    background-color: var(--color-night-gray-900);
  }
  .dropdown .spacer {
    margin-block: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 0);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--color-gray-200);
  }
  :is(.dropdown .spacer):is(.dark *) {
    border-color: var(--color-night-gray-700);
  }
  .dropdown a,.dropdown button,.dropdown input[type=submit] {
    display: block;
    width: 100%;
    background-color: transparent;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    text-align: left;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    white-space: nowrap;
    color: var(--color-gray-800);
  }
  :is(.dropdown a,.dropdown button,.dropdown input[type=submit]):is(.dark *) {
    color: var(--color-night-white);
  }
  .dropdown .dropdown__destroy-action {
    color: var(--color-red-600);
  }
  :is(.dropdown .dropdown__destroy-action):is(.dark *) {
    color: var(--color-red-400);
  }
  nav .avatar {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-gray-300);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-white);
  }
  :is(nav .avatar) img {
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    border-radius: calc(infinity * 1px);
    --tw-border-style: none;
    border-style: none;
    -o-object-fit: cover;
       object-fit: cover;
    vertical-align: middle;
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  nav.breadcrumbs a {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
    text-transform: uppercase;
  }
  nav.breadcrumbs li:last-child .separator {
    display: none;
  }
  html:not(.dark) .menu__theme-toggle--light {
    display: none;
  }
  .dark .menu__theme-toggle--dark {
    display: none;
  }
}
@layer base {
  .bookmark {
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
  }
  .bookmark:hover {
    z-index: 10;
    border-color: var(--color-red-600);
  }
  .bookmark:hover:is(.dark *) {
    border-color: var(--color-night-red-400);
  }
  .bookmark:hover .section {
    -webkit-box-shadow: 0 10px 15px -3px rgba(255, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            box-shadow: 0 10px 15px -3px rgba(255, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }
  .bookmark .section-content {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-gray-700);
  }
  :is(.bookmark .section-content):is(.dark *) {
    color: var(--color-gray-400);
  }
  .bookmark .section-content {
    -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0)), color-stop(60%), to(rgba(0,0,0,1)));
    -webkit-mask-image: linear-gradient(0deg, rgba(0,0,0,0), 60%, rgba(0,0,0,1));
            mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0)), color-stop(60%), to(rgba(0,0,0,1)));
            mask-image: linear-gradient(0deg, rgba(0,0,0,0), 60%, rgba(0,0,0,1));
  }
  .bookmarks__view-all {
    border-style: var(--tw-border-style);
    border-width: 2px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--color-gray-400);
    background-color: var(--color-white);
  }
  .bookmarks__view-all:is(.dark *) {
    border-color: var(--color-gray-700);
  }
  .bookmarks__view-all:is(.dark *) {
    background-color: var(--color-black);
  }
  .bookmarks__view-all:hover {
    border-color: var(--color-red-600);
  }
  .bookmarks__view-all:hover:is(.dark *) {
    border-color: var(--color-night-red-400);
  }
  .bookmarks__view-all:hover .bookmarks__view-all-arrow {
    color: var(--color-red-600);
  }
  :is(.bookmarks__view-all:hover .bookmarks__view-all-arrow):is(.dark *) {
    color: var(--color-night-red-400);
  }
  .bookmarks__view-all {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2rem;
    width: 2rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .bookmarks__view-all-arrow {
    color: var(--color-gray-700);
  }
  .bookmarks__view-all-arrow:is(.dark *) {
    color: var(--color-gray-400);
  }
  .bookmarks__view-all-arrow {
    height: 12px;
    width: 12px;
  }
}
@layer base {
  .btn {
    display: inline-block;
    border-radius: var(--radius-sm);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    white-space: nowrap;
  }
  .btn:is(.dark *) {
    color: var(--color-night-white);
  }
  .btn {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
  }
  .header-inset .btn {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .btn:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (forced-colors: active) {
    .btn:focus {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  .btn:hover:enabled {
    cursor: pointer;
  }
  .btn-small {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .btn-rounded {
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .btn-tiny {
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .btn-red {
    background-color: var(--color-red-600);
    color: var(--color-white);
  }
  .btn-red:is(.dark *) {
    background-color: var(--color-night-red-600);
  }
  .btn-red:is(.dark *) {
    color: var(--color-white);
  }
  .btn-red:hover:enabled {
    background-color: var(--color-red-700);
  }
  .btn-red:hover:enabled:is(.dark *) {
    background-color: var(--color-night-red-800);
  }
  .btn-red:active {
    background-color: var(--color-red-800);
  }
  .btn-index {
    background-color: var(--color-red-600);
    color: var(--color-white);
  }
  .btn-index:is(.dark *) {
    background-color: var(--color-night-red-600);
  }
  .btn-index:is(.dark *) {
    color: var(--color-white);
  }
  .btn-index:hover:enabled {
    background-color: var(--color-red-700);
  }
  .btn-index:hover:enabled:is(.dark *) {
    background-color: var(--color-night-red-800);
  }
  .btn-index:active {
    background-color: var(--color-red-800);
  }
  .btn-index-alt {
    background-color: var(--color-pink-600);
    color: var(--color-white);
  }
  .btn-index-alt:is(.dark *) {
    background-color: var(--color-night-pink-700);
  }
  .btn-index-alt:is(.dark *) {
    color: var(--color-night-white);
  }
  .btn-index-alt:hover:enabled {
    background-color: var(--color-pink-700);
  }
  .btn-index-alt:hover:enabled:is(.dark *) {
    background-color: var(--color-night-pink-800);
  }
  .btn-index-alt:active {
    background-color: var(--color-pink-800);
  }
  .btn-index-alt:active:is(.dark *) {
    background-color: var(--color-night-pink-900);
  }
  .btn-subtle {
    background-color: var(--color-gray-100);
    color: var(--color-gray-700);
  }
  .btn-subtle:is(.dark *) {
    background-color: var(--color-night-gray-800);
  }
  .btn-subtle:is(.dark *) {
    color: var(--color-night-gray-200);
  }
  .btn-subtle:hover:enabled {
    background-color: var(--color-gray-200);
  }
  .btn-subtle:hover:enabled:is(.dark *) {
    background-color: var(--color-night-gray-900);
  }
  .btn-subtle:active {
    background-color: var(--color-gray-300);
  }
  .btn-subtle:active:is(.dark *) {
    background-color: var(--color-night-gray-900);
  }
  .btn-modal,
.btn-show {
    background-color: var(--color-blue-600);
    color: var(--color-white);
  }
  :is(.btn-modal,.btn-show):is(.dark *) {
    background-color: var(--color-night-blue-600);
  }
  :is(.btn-modal,.btn-show):hover:enabled {
    background-color: var(--color-blue-700);
  }
  :is(.btn-modal,.btn-show):active {
    background-color: var(--color-blue-800);
  }
  .btn-reveal,
.btn-new {
    background-color: var(--color-green-700);
    color: var(--color-white);
  }
  :is(.btn-reveal,.btn-new):is(.dark *) {
    background-color: var(--color-night-green-700);
  }
  :is(.btn-reveal,.btn-new):is(.dark *) {
    color: var(--color-white);
  }
  :is(.btn-reveal,.btn-new):hover:enabled {
    background-color: var(--color-green-800);
  }
  :is(.btn-reveal,.btn-new):active {
    background-color: var(--color-green-900);
  }
  .btn-edit,
.btn-download {
    background-color: var(--color-purple-600);
    color: var(--color-white);
  }
  :is(.btn-edit,.btn-download):is(.dark *) {
    background-color: var(--color-night-purple-600);
  }
  :is(.btn-edit,.btn-download):hover {
    background-color: var(--color-purple-700);
  }
  :is(.btn-edit,.btn-download):hover:is(.dark *) {
    background-color: var(--color-night-purple-800);
  }
  :is(.btn-edit,.btn-download):active {
    background-color: var(--color-purple-800);
  }
  .btn-destroy {
    background-color: var(--color-gray-100);
    color: var(--color-red-700);
  }
  .btn-destroy:is(.dark *) {
    background-color: var(--color-night-gray-800);
  }
  .btn-destroy:is(.dark *) {
    color: var(--color-night-red-300);
  }
  .btn-destroy:hover:enabled {
    background-color: var(--color-gray-200);
  }
  .btn-destroy:hover:enabled:is(.dark *) {
    background-color: var(--color-night-gray-700);
  }
  .btn-destroy:active {
    background-color: var(--color-gray-300);
  }
  .btn-destroy:active:is(.dark *) {
    background-color: var(--color-night-gray-600);
  }
  .btn-external {
    background-color: var(--color-purple-600);
    color: var(--color-white);
  }
  .btn-external:hover:enabled {
    background-color: var(--color-indigo-600);
  }
  .btn-external:active {
    background-color: var(--color-indigo-700);
  }
  .btn-filter,
.btn-submit {
    background-color: var(--color-gray-700);
    color: var(--color-white);
  }
  :is(.btn-filter,.btn-submit):is(.dark *) {
    background-color: var(--color-night-gray-100);
  }
  :is(.btn-filter,.btn-submit):is(.dark *) {
    color: var(--color-night-gray-900);
  }
  :is(.btn-filter,.btn-submit):hover:enabled {
    background-color: var(--color-gray-800);
  }
  :is(.btn-filter,.btn-submit):hover:enabled:is(.dark *) {
    background-color: var(--color-night-gray-200);
  }
  :is(.btn-filter,.btn-submit):active {
    background-color: var(--color-gray-900);
  }
  :is(.btn-filter,.btn-submit):active:is(.dark *) {
    background-color: var(--color-night-gray-300);
  }
  .btn-linkedin {
    color: var(--color-white);
    background-color: #0072b1;
  }
  form.button_to {
    display: inline;
  }
  form.button_to input {
    display: inline;
  }
  form.button_to input[type="submit"] {
    clear: none;
  }
}
@layer base {
  .choices .choices__list.choices__list--dropdown {
    visibility: visible !important;
  }
  .choices .choices__list--dropdown,
.choices .choices__list[aria-expanded] {
    margin-top: 0px;
  }
  .choices.is-open .choices__list--dropdown,
.choices.is-open .choices__list[aria-expanded] {
    margin-top: -1px;
  }
  .choices__inner {
    background-color: var(--color-white);
  }
  .choices__inner:is(.dark *) {
    border-color: var(--color-night-gray-500);
  }
  .choices__inner:is(.dark *) {
    background-color: var(--color-night-gray-800);
  }
  .choices__list--multiple .choices__item {
    border-radius: var(--radius-sm);
    border-color: var(--color-gray-700);
    background-color: var(--color-gray-700);
  }
  :is(.choices__list--multiple .choices__item):is(.dark *) {
    border-color: var(--color-night-gray-100);
  }
  :is(.choices__list--multiple .choices__item):is(.dark *) {
    background-color: var(--color-night-gray-100);
  }
  :is(.choices__list--multiple .choices__item):is(.dark *) {
    color: var(--color-night-gray-900);
  }
  .is-highlighted:is(.choices__list--multiple .choices__item) {
    border-color: var(--color-gray-500);
    background-color: var(--color-gray-500);
  }
  .is-highlighted:is(.choices__list--multiple .choices__item):is(.dark *) {
    border-color: var(--color-night-white);
  }
  .is-highlighted:is(.choices__list--multiple .choices__item):is(.dark *) {
    background-color: var(--color-night-white);
  }
  .choices input[type="text"] {
    margin-bottom: 1px;
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 2);
    padding-left: calc(var(--spacing) * 1);
    --tw-shadow: 0 0 #0000;
    -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :is(.choices input[type="text"]):is(.dark *) {
    background-color: var(--color-night-gray-800);
  }
  .choices__list {
    background-color: var(--color-white);
    color: var(--color-gray-900);
  }
  .choices__list:is(.dark *) {
    border-color: var(--color-night-gray-300);
  }
  .choices__list:is(.dark *) {
    background-color: var(--color-night-gray-800);
  }
  .choices__list:is(.dark *) {
    color: var(--color-night-gray-100);
  }
  .choices__list {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    z-index: 2 !important;
  }
  .choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: var(--color-gray-400);
  }
  :is(.choices__list--dropdown .choices__item--selectable.is-highlighted):is(.dark *) {
    color: var(--color-night-gray-900);
  }
  .choices__group {
    background-color: var(--color-gray-100);
  }
  .choices__group:is(.dark *) {
    background-color: var(--color-night-gray-900);
  }
  .choices__heading {
    --tw-border-style: none;
    border-style: none;
    color: var(--color-black);
  }
  .choices__heading:is(.dark *) {
    color: var(--color-night-white);
  }
  .choices__placeholder {
    opacity: 60%;
  }
  input[type="search"].choices__input, .choices[data-type*=select-one] .choices__input {
    --tw-shadow: 0 0 #0000;
    -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :is(input[type="search"].choices__input,.choices[data-type*=select-one] .choices__input):is(.dark *) {
    border-bottom-color: var(--color-night-gray-100);
  }
  :is(input[type="search"].choices__input,.choices[data-type*=select-one] .choices__input):is(.dark *) {
    background-color: var(--color-night-gray-800);
  }
  :is(input[type="search"].choices__input,.choices[data-type*=select-one] .choices__input):is(.dark *) {
    --tw-shadow: 0 0 #0000;
    -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  input[type="search"].choices__input {
    min-width: 10ch !important;
    width: auto;
    --tw-border-style: none;
    border-style: none;
    padding-inline: calc(var(--spacing) * 2);
  }
}
@layer base {
  .dark body {
    background-color: var(--color-night-gray-700);
    color: var(--color-gray-300);
  }
  .dark .text-current {
    color: currentColor !important;
  }
  :is(.dark .mentions-container) .highlight {
    background-color: var(--color-blue-700);
  }
  .dark .trix-content pre,
.dark .trix-content code {
    background-color: var(--color-gray-700);
  }
}
@layer base {
  .filterrific_current_sort_column svg {
    display: inline-block;
    height: 0.5rem;
    width: 0.5rem;
    margin-left: 2px;
    vertical-align: baseline;
  }
}
@layer base {
  .flash {
    border-color: var(--color-gray-500);
    background-color: var(--color-gray-100);
    color: var(--color-gray-900);
  }
  .flash:is(.dark *) {
    background-color: var(--color-night-gray-900);
  }
  .flash:is(.dark *) {
    color: var(--color-night-gray-100);
  }
  .flash-alert {
    border-color: var(--color-gray-500);
    background-color: var(--color-gray-100);
    color: var(--color-gray-900);
  }
  .flash-alert:is(.dark *) {
    background-color: var(--color-night-gray-900);
  }
  .flash-alert:is(.dark *) {
    color: var(--color-night-gray-100);
  }
  .flash-error {
    border-color: var(--color-red-500);
    background-color: var(--color-red-100);
    color: var(--color-red-900);
  }
  .flash-error:is(.dark *) {
    background-color: var(--color-night-red-900);
  }
  .flash-error:is(.dark *) {
    color: var(--color-night-red-100);
  }
  .flash-notice {
    border-color: var(--color-blue-500);
    background-color: var(--color-blue-100);
    color: var(--color-blue-900);
  }
  .flash-notice:is(.dark *) {
    background-color: var(--color-night-blue-900);
  }
  .flash-notice:is(.dark *) {
    color: var(--color-night-blue-100);
  }
  .flash-success {
    border-color: var(--color-green-500);
    background-color: var(--color-green-100);
    color: var(--color-green-900);
  }
  .flash-success:is(.dark *) {
    background-color: var(--color-night-green-900);
  }
  .flash-success:is(.dark *) {
    color: var(--color-night-green-100);
  }
}
@layer base {
  footer {
    display: block;
  }
  footer a {
    display: block;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-700);
  }
  :is(footer a):is(.dark *) {
    color: var(--color-gray-300);
  }
  footer a:hover {
    color: var(--color-gray-900);
  }
  :is(footer a:hover):is(.dark *) {
    color: var(--color-gray-100);
  }
}
@layer base {
  .handbook-pages .content-block {
    max-width: 80ch;
  }
  .toc-expanded .toc-arrowright {
    display: none;
  }
  .toc-expanded .toc-arrowdown {
    display: inline;
  }
  .toc-expanded .handbook-toc {
    display: block;
  }
  .toc-expanded .toc-container {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .toc-container {
    z-index: 10;
    rotate: 0deg;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: var(--color-white);
    padding-top: calc(var(--spacing) * 4);
  }
  .toc-container:is(.dark *) {
    border-color: var(--color-gray-500);
  }
  .toc-container:is(.dark *) {
    background-color: var(--color-night-gray-900);
  }
  @media (width >= 48rem) {
    .toc-container {
      position: fixed;
      top: calc(var(--spacing) * 0);
      width: calc(var(--spacing) * 72);
      background-color: var(--color-gray-50);
      padding-top: calc(var(--spacing) * 6);
    }
    .toc-container:is(.dark *) {
      background-color: var(--color-night-gray-800);
    }
  }
  .handbook-toc {
    display: none;
  }
  .toc-arrowright {
    display: inline;
  }
  .toc-arrowright:is(.dark *) {
    color: var(--color-white);
  }
  .toc-arrowdown {
    display: none;
  }
  .toc-arrowdown:is(.dark *) {
    color: var(--color-white);
  }
  .handbook-content .logo {
    display: none;
  }
  .handbook-content-wrapper,
.handbook-editor {
    padding-inline: calc(var(--spacing) * 4);
    color: var(--color-black);
  }
  :is(.handbook-content-wrapper,.handbook-editor):is(.dark *) {
    color: var(--color-night-white);
  }
  :is(.handbook-content-wrapper,.handbook-editor) h1,:is(.handbook-content-wrapper,.handbook-editor) h2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-bottom-color: var(--color-gray-300);
    padding-bottom: calc(var(--spacing) * 2);
  }
  :is(.handbook-content-wrapper,.handbook-editor) h1 {
    font-size: 1.75em;
  }
  :is(.handbook-content-wrapper,.handbook-editor) h2 {
    font-size: 1.55em;
  }
  :is(.handbook-content-wrapper,.handbook-editor) h3 {
    font-size: 1.2em;
  }
  :is(.handbook-content-wrapper,.handbook-editor) h4 {
    font-size: 1em;
  }
  :is(.handbook-content-wrapper,.handbook-editor) h5 {
    font-size: 1em;
  }
  :is(.handbook-content-wrapper,.handbook-editor) h6 {
    font-size: 1em;
  }
  :is(.handbook-content-wrapper,.handbook-editor) blockquote {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 0);
  }
  :is(.handbook-content-wrapper,.handbook-editor) h1,:is(.handbook-content-wrapper,.handbook-editor) h2 {
    margin-top: 24px;
    margin-bottom: 16px;
    font-weight: 600;
    line-height: 1.25;
  }
  :is(.handbook-content-wrapper,.handbook-editor) h3,:is(.handbook-content-wrapper,.handbook-editor) h4,:is(.handbook-content-wrapper,.handbook-editor) h5,:is(.handbook-content-wrapper,.handbook-editor) h6 {
    margin-top: 16px;
    font-weight: 600;
    line-height: 1;
  }
  :is(.handbook-content-wrapper,.handbook-editor) h1:first-child {
    margin-top: 0;
  }
  :is(.handbook-content-wrapper,.handbook-editor) ol,:is(.handbook-content-wrapper,.handbook-editor) li {
    margin-left: calc(var(--spacing) * 4);
  }
  :is(:is(.handbook-content-wrapper,.handbook-editor) ul) li {
    list-style-type: disc;
  }
  :is(:is(.handbook-content-wrapper,.handbook-editor) ol) li {
    list-style-type: decimal;
  }
  :is(.handbook-content-wrapper,.handbook-editor) li + li {
    margin-top: 0.25em;
  }
  :is(.handbook-content-wrapper,.handbook-editor) .anchor {
    display: none;
  }
  :is(:is(.handbook-content-wrapper,.handbook-editor) .anchor):hover {
    display: inline;
  }
  :is(.handbook-content-wrapper,.handbook-editor) :hover > .anchor {
    display: inline-block;
    float: left;
    margin-left: -16px;
  }
  :is(.handbook-content-wrapper,.handbook-editor) table {
    margin-top: calc(var(--spacing) * 4);
    overflow-x: auto;
    display: block;
  }
  :is(.handbook-content-wrapper,.handbook-editor) th,:is(.handbook-content-wrapper,.handbook-editor) td {
    white-space: normal;
  }
  :is(.handbook-content-wrapper,.handbook-editor) a {
    color: var(--color-blue-600);
  }
  :is(:is(.handbook-content-wrapper,.handbook-editor) a):is(.dark *) {
    color: var(--color-blue-400);
  }
  :is(.handbook-content-wrapper,.handbook-editor) a {
    text-decoration: underline;
  }
  .vditor-reset {
    color: inherit;
  }
  .vditor-reset h1,.vditor-reset h2,.vditor-reset h3,.vditor-reset h4,.vditor-reset h5,.vditor-reset h6 {
    padding: 0;
  }
  .vditor-ir__link {
    color: var(--color-blue-600);
  }
  .vditor-ir__link:is(.dark *) {
    color: var(--color-blue-400);
  }
  .handbook-toc .handbook-toc-list {
    margin-top: calc(var(--spacing) * 2);
    list-style-type: none;
  }
  :where(:is(.handbook-toc .handbook-toc-list) > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    -webkit-margin-before: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
            margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    -webkit-margin-after: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
            margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }
  .handbook-toc .handbook-toc-list {
    padding-inline: calc(var(--spacing) * 3);
    padding-top: calc(var(--spacing) * 3);
    padding-bottom: calc(var(--spacing) * 3);
  }
  @media (width >= 48rem) {
    .handbook-toc .handbook-toc-list {
      margin-top: 10.5rem;
    }
  }
  .handbook-toc .section-header {
    position: sticky;
    top: calc(var(--spacing) * 0);
    rotate: 0deg;
    background-color: var(--color-white);
  }
  :is(.handbook-toc .section-header):is(.dark *) {
    background-color: var(--color-night-gray-900);
  }
  .handbook-toc .section-header {
    z-index: 2;
  }
  .handbook-toc .active {
    border-radius: var(--radius-md);
    background-color: var(--color-gray-200);
    color: var(--color-gray-900);
  }
  :is(.handbook-toc .active):is(.dark *) {
    background-color: var(--color-gray-800);
  }
  :is(.handbook-toc .active):is(.dark *) {
    color: var(--color-gray-300);
  }
  .handbook-toc details > summary::marker,.handbook-toc details > summary::-webkit-details-marker {
    color: var(--color-gray-400);
  }
  @media (hover: hover) {
    :is(.handbook-toc details > summary::marker,.handbook-toc details > summary::-webkit-details-marker):hover {
      background-color: var(--color-gray-100);
    }
  }
  @media (hover: hover) {
    :is(.handbook-toc details > summary::marker,.handbook-toc details > summary::-webkit-details-marker):hover {
      color: var(--color-gray-900);
    }
  }
  :is(.handbook-toc details > summary::marker,.handbook-toc details > summary::-webkit-details-marker):is(.dark *) {
    color: var(--color-gray-500);
  }
  @media (hover: hover) {
    :is(.handbook-toc details > summary::marker,.handbook-toc details > summary::-webkit-details-marker):is(.dark *):hover {
      background-color: var(--color-gray-800);
    }
  }
  @media (hover: hover) {
    :is(.handbook-toc details > summary::marker,.handbook-toc details > summary::-webkit-details-marker):is(.dark *):hover {
      color: var(--color-gray-300);
    }
  }
  .handbook-toc details[open] > summary {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .vditor-toolbar {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }
  .vditor-toolbar .vditor-toolbar__item svg.new-page {
    fill: transparent;
  }
  .handbook_change_type {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .handbook_change_type .radio {
    display: block;
  }
  :is(.handbook_change_type .radio) label {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .handbook-content-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: calc(var(--spacing) * 2);
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
  }
  .handbook-content-type--policy {
    background-color: var(--color-yellow-200);
  }
  .handbook-content-type--policy:is(.dark *) {
    background-color: var(--color-yellow-900);
  }
  .handbook-policy-information {
    width: calc(var(--spacing) * 3);
    color: var(--color-gray-600);
  }
  .handbook-policy-information:is(.dark *) {
    color: var(--color-gray-200);
  }
  .handbook-policy-information {
    vertical-align: text-top;
    margin: 1px 0px;
  }
  @media print {
    .handbook-pages .new_bookmark,.handbook-pages .delete_bookmark,.handbook-pages .handbook-toc,.handbook-pages .main-header,.handbook-pages nav,.handbook-pages  > button,.handbook-pages footer,.handbook-pages a[aria-label=Edit] {
      display: none !important;
    }
    .handbook-pages .main-app {
      margin: 0 !important;
      margin-top: -1em !important;
      background-color: white !important;
    }
    .handbook-pages .main-content {
      padding: 0 !important;
      margin: 0 !important;
    }
    .handbook-pages .section {
      --tw-drop-shadow:  ;
      -webkit-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: 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,);
    }
    .handbook-pages .content-block,.handbook-pages .handbook-content-wrapper {
      width: 100% !important;
      max-width: 100% !important;
    }
    .handbook-pages .anchor {
      display: none;
    }
    .handbook-pages .logo {
      display: block;
      fill: #e03131;
      height: 32px;
      margin: 1em;
      width: 100%;
    }
  }
}
@layer base {
  .tippy-box[data-theme~='hovercard'] {
    width: 25rem;
  }
  .dark .tippy-box[data-theme~='hovercard'] {
    border-color: var(--color-gray-500);
    background-color: var(--color-night-gray-900);
    color: var(--color-gray-200);
  }
  :is(.dark .tippy-box[data-theme~='hovercard']) .tippy-arrow:before {
    border-top-color: var(--color-night-gray-900);
  }
  :is(.dark .tippy-box[data-theme~='hovercard']) .tippy-arrow:after {
    border-top-color: var(--color-gray-500);
  }
  .tippy-box[data-theme~='hovercard']  > .tippy-content {
    padding: 0;
  }
}
@layer base {
  .info-list  > div {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-gray-200);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 5);
  }
  :is(.info-list > div):is(.dark *) {
    border-color: var(--color-gray-700);
  }
  .info-list dt {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .info-list dd {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-gray-900);
  }
  :is(.info-list dd):is(.dark *) {
    color: var(--color-gray-100);
  }
  @media (width >= 40rem) {
    .info-list  > div {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: calc(var(--spacing) * 4);
      padding-inline: calc(var(--spacing) * 4);
    }
    .info-list dd {
      grid-column: span 2 / span 2;
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .info-list-two-column {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  @media (width >= 40rem) {
    .info-list-two-column {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .info-list-two-column  > div {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-gray-100);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 4);
  }
  :is(.info-list-two-column > div):is(.dark *) {
    border-color: var(--color-night-gray-500);
  }
  :is(.info-list-two-column > div):last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }
  :is(.info-list-two-column > div)  > :first-child {
    display: block;
    font-size: var(--text-sm);
    line-height: calc(var(--spacing) * 6);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  :is(.info-list-two-column > div)  > :last-child {
    margin-top: calc(var(--spacing) * 1);
    display: block;
    font-size: var(--text-sm);
    line-height: calc(var(--spacing) * 6);
  }
  @media (width >= 40rem) {
    :is(.info-list-two-column > div)  > :last-child {
      margin-top: calc(var(--spacing) * 2);
    }
  }
}
@layer base {
  main {
    padding-inline: calc(var(--spacing) * 0);
  }
  @media (width >= 40rem) {
    main {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 48rem) {
    main {
      padding-inline: calc(var(--spacing) * 10);
    }
  }
  .page-block {
    margin-top: calc(var(--spacing) * 4);
    margin-bottom: calc(var(--spacing) * 8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .content-block {
    margin-bottom: calc(var(--spacing) * 8);
    width: 100%;
    padding-inline: calc(var(--spacing) * 4);
  }
  .content-block:last-of-type {
    margin-bottom: calc(var(--spacing) * 0);
  }
  @media screen {
    .section {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
              box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .section {
    position: relative;
    margin-bottom: calc(var(--spacing) * 6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    min-width: calc(var(--spacing) * 0);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-radius: var(--radius-sm);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 0);
    overflow-wrap: break-word;
  }
  .section:is(.dark *) {
    background-color: var(--color-night-gray-900);
  }
  .section.no-overflow {
    overflow: hidden;
  }
  :is(.modal .section):is(.dark *) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  :is(.modal .section):is(.dark *) {
    border-color: var(--color-gray-600);
  }
  .section-header {
    margin-bottom: calc(var(--spacing) * 0);
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    border-style: var(--tw-border-style);
    border-width: 0px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
  }
  .section-header:is(.dark *) {
    border-color: var(--color-gray-600);
  }
  .section-content {
    display: block;
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .section-content.no-header {
    padding-block: calc(var(--spacing) * 4);
  }
  .header-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    color: var(--color-gray-900);
  }
  .header-wrap:is(.dark *) {
    color: var(--color-night-white);
  }
  .header-inset {
    position: relative;
    max-width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    -ms-flex-positive: 1;
        flex-grow: 1;
    padding-inline: calc(var(--spacing) * 0);
  }
  .header-inset svg {
    width: calc(var(--spacing) * 6);
    text-align: center;
  }
  .pagination {
    margin-block: calc(var(--spacing) * 4);
    width: 100%;
    text-align: center;
  }
}
@layer base {
  :root {
    --color-note: #0969da;
    --color-tip: #1a7f37;
    --color-warning: #9a6700;
    --color-severe: #bc4c00;
    --color-caution: #d1242f;
    --color-important: #8250df;
  }
  .dark {
    --color-note: #2f81f7;
    --color-tip: #3fb950;
    --color-warning: #d29922;
    --color-severe: #db6d28;
    --color-caution: #f85149;
    --color-important: #a371f7;
  }
  @media (prefers-color-scheme: dark) {
    :root {
      --color-note: #2f81f7;
      --color-tip: #3fb950;
      --color-warning: #d29922;
      --color-severe: #db6d28;
      --color-caution: #f85149;
      --color-important: #a371f7;
    }
  }
  ol + .markdown-alert,
ul + .markdown-alert {
    margin-top: 16px;
  }
  .markdown-alert {
    padding: 0.5rem 1rem;
    margin-bottom: 16px;
    color: inherit;
    border-left: .25em solid #888;
  }
  .markdown-alert>:first-child {
    margin-top: 0;
  }
  .markdown-alert>:last-child {
    margin-bottom: 0;
  }
  .markdown-alert .markdown-alert-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 1;
  }
  .markdown-alert .markdown-alert-title .octicon {
    margin-right: 0.5rem;
    display: inline-block;
    overflow: visible !important;
    vertical-align: text-bottom;
    fill: currentColor;
  }
  .markdown-alert.markdown-alert-note {
    border-left-color: var(--color-note);
  }
  .markdown-alert.markdown-alert-note .markdown-alert-title {
    color: var(--color-note);
  }
  .markdown-alert.markdown-alert-important {
    border-left-color: var(--color-important);
  }
  .markdown-alert.markdown-alert-important .markdown-alert-title {
    color: var(--color-important);
  }
  .markdown-alert.markdown-alert-warning {
    border-left-color: var(--color-warning);
  }
  .markdown-alert.markdown-alert-warning .markdown-alert-title {
    color: var(--color-warning);
  }
  .markdown-alert.markdown-alert-tip {
    border-left-color: var(--color-tip);
  }
  .markdown-alert.markdown-alert-tip .markdown-alert-title {
    color: var(--color-tip);
  }
  .markdown-alert.markdown-alert-caution {
    border-left-color: var(--color-caution);
  }
  .markdown-alert.markdown-alert-caution .markdown-alert-title {
    color: var(--color-caution);
  }
}
@layer base {
  .page-overlay-for-modal {
    position: fixed;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    margin: calc(var(--spacing) * 0);
    display: none;
    height: 100%;
    width: 100%;
    background-color: var(--color-gray-900);
    padding: calc(var(--spacing) * 0);
    opacity: 75%;
  }
  .page-overlay-for-modal:is(.dark *) {
    background-color: var(--color-night-gray-700);
  }
  .page-overlay-for-modal:is(.dark *) {
    opacity: 90%;
  }
  .page-overlay-for-modal {
    z-index: 200;
  }
  .modal {
    visibility: hidden;
    position: absolute;
    top: calc(var(--spacing) * 0);
    margin-top: calc(var(--spacing) * 8);
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    opacity: 0%;
    z-index: 201;
  }
  .modal.active {
    visibility: visible;
    opacity: 100%;
  }
  .modal-close {
    cursor: pointer;
    color: var(--color-gray-500);
  }
  .modal-close:is(.dark *) {
    color: var(--color-gray-300);
  }
  .modal-close:hover {
    color: var(--color-gray-700);
  }
  .modal-close:hover:is(.dark *) {
    color: var(--color-gray-200);
  }
}
@layer base {
  form div.money {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  :is(form div.money) label {
    width: 100%;
  }
  :is(form div.money) div.input {
    display: inline-block;
  }
  :is(form div.money) div.select {
    display: inline-block;
    margin-left: 0.5em;
    width: 150px;
  }
  :is(form div.money) label.integer,:is(form div.money) label.select {
    display: none;
  }
}
@layer base {
  .person-link-image {
    display: inline-block;
    width: calc(var(--spacing) * 6);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-gray-100);
  }
  .person-link-unavailable {
    border-color: var(--color-red-400);
  }
  .person-link-name {
    margin-left: calc(var(--spacing) * 1);
    display: inline-block;
    white-space: nowrap;
  }
  .person-link-name:is(.dark *) {
    color: var(--color-night-gray-300);
  }
  .person-link-name--no-image {
    margin-left: calc(var(--spacing) * 0);
  }
  .person-link-with-availability-indicator {
    display: inline-block;
    position: relative;
  }
  .person-link-with-availability-indicator .person-availability-container {
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: initial;
    font-size: 0;
  }
  .person-link-with-availability-indicator .person-availability {
    height: auto;
  }
  .person-availability-container {
    margin-left: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .person-available {
    color: var(--color-green-400);
  }
  .person-unavailable {
    color: var(--color-red-400);
  }
  .schedule-content .person-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .schedule-content .person-link-name {
    text-align: left;
    white-space: normal;
  }
  .schedule-content .person-link-image {
    display: none;
  }
  @media (width >= 40rem) {
    .schedule-content .person-link-image {
      display: inline-block;
    }
  }
}
@layer base {
  .resource-list {
    margin-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 4);
  }
  .resource-list li {
    margin-bottom: calc(var(--spacing) * 4);
    width: 100%;
    text-align: center;
  }
  :is(.resource-list li):last-child {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .resource-list a {
    width: 100%;
    text-align: center;
  }
  :is(.resource-list a) svg {
    margin-right: calc(var(--spacing) * 1);
  }
}
@layer base {
  .stripes {
    background: repeating-linear-gradient(
    -45deg,
    #e2e0ec,
    #e2e0ec 10px,
    #cbcbd3 10px,
    #cbcbd3 20px
  );
  }
  .dark .stripes {
    background: repeating-linear-gradient(
    -45deg,
    #3d3e44,
    #3d3e44 10px,
    #4c4c54 10px,
    #4c4c54 20px
  );
  }
  .conflict {
    background-color: var(--color-red-400);
  }
  .conflict:is(.dark *) {
    background-color: var(--color-red-800);
  }
  .rotation-needed::after {
    position: absolute;
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
    z-index: 30;
    display: block;
    height: calc(var(--spacing) * 0);
    width: calc(var(--spacing) * 0);
    border-color: var(--color-yellow-300);
  }
  :is(.rotation-needed::after):is(.dark *) {
    border-color: var(--color-yellow-400);
  }
  .rotation-needed::after {
    content: "";
    border-top-width: 16px;
    border-left: 16px solid transparent !important;
  }
  .adjusted-work-week::after {
    position: absolute;
    right: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    z-index: 30;
    display: block;
    height: calc(var(--spacing) * 0);
    width: calc(var(--spacing) * 0);
    border-color: var(--color-gray-200);
  }
  :is(.adjusted-work-week::after):is(.dark *) {
    border-color: var(--color-gray-700);
  }
  .adjusted-work-week::after {
    content: "";
    border-bottom-width: 16px;
    border-left: 16px solid transparent !important;
  }
  .schedule-content thead {
    display: table-header-group;
  }
  td:last-child div.actions {
    margin-left: calc(var(--spacing) * -40);
  }
}
@layer base {
  .search-form {
    padding: 0;
    position: relative;
    width: 100%;
  }
  .search-form input[type="search"] {
    padding: 0.5rem 0.5rem 0.5rem 2.5rem;
    width: 100%;
  }
  .search-form__icon {
    position: absolute;
    left: 14px;
    top: 14px;
  }
  .results {
    width: 100%;
    max-height: 60vh;
    overflow-y: auto;
  }
  .results .suggestion {
    margin-inline: calc(var(--spacing) * 2);
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: calc(var(--spacing) * 3);
    color: var(--color-gray-800);
  }
  :is(.results .suggestion):focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (forced-colors: active) {
    :is(.results .suggestion):focus {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  :is(.results .suggestion):is(.dark *) {
    color: var(--color-night-white);
  }
  :is(.results .suggestion):hover,:is(.results .suggestion):focus,.first:is(.results .suggestion) {
    border-radius: var(--radius-sm);
    background-color: var(--color-gray-200);
    color: var(--color-gray-800);
  }
  :is(:is(.results .suggestion):hover,:is(.results .suggestion):focus,.first:is(.results .suggestion)):is(.dark *) {
    background-color: var(--color-night-gray-900);
  }
  :is(:is(.results .suggestion):hover,:is(.results .suggestion):focus,.first:is(.results .suggestion)):is(.dark *) {
    color: var(--color-night-white);
  }
  :is(.results .suggestion):hover {
    cursor: pointer;
  }
  :is(.results .suggestion) svg {
    margin-right: calc(var(--spacing) * 2);
    display: inline-block;
    width: calc(var(--spacing) * 6);
  }
  .results .suggestion-image {
    margin-right: calc(var(--spacing) * 2);
    display: inline-block;
    width: calc(var(--spacing) * 6);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-gray-100);
  }
  .results .suggestion-name {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .results .suggestion-type {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-400);
    padding: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    text-transform: uppercase;
  }
  .results .group-name {
    margin-top: calc(var(--spacing) * 2);
    margin-left: calc(var(--spacing) * 4);
    display: inline-block;
    padding: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-600);
  }
  :is(.results .group-name):focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (forced-colors: active) {
    :is(.results .group-name):focus {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  :is(.results .group-name):is(.dark *) {
    color: var(--color-night-white);
  }
  .results .group-name {
    text-transform: capitalize;
  }
  .results a.group-name {
    text-decoration-line: underline;
  }
  :is(.results a.group-name):focus,:is(.results a.group-name):hover {
    border-radius: var(--radius-sm);
    background-color: var(--color-gray-200);
    color: var(--color-gray-800);
  }
  :is(:is(.results a.group-name):focus,:is(.results a.group-name):hover):is(.dark *) {
    background-color: var(--color-night-gray-900);
  }
  :is(:is(.results a.group-name):focus,:is(.results a.group-name):hover):is(.dark *) {
    color: var(--color-night-white);
  }
  .results .group-count {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-gray-600);
    font-style: italic;
  }
  :is(.results .group-count):is(.dark *) {
    color: var(--color-night-gray-600);
  }
  .results .group:not(:first-child) {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  :is(.results .group:not(:first-child)):is(.dark *) {
    border-color: var(--color-gray-500);
  }
  .search-icon {
    height: 100%;
    width: calc(var(--spacing) * 8);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: var(--radius-sm);
    background-color: transparent;
    padding-block: calc(var(--spacing) * 3);
    text-align: center;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-gray-500);
  }
  .search-icon:is(.dark *) {
    color: var(--color-gray-400);
  }
  input[type="search"].search-query {
    width: 100%;
    border-radius: var(--radius-sm);
    --tw-border-style: none;
    border-style: none;
    background-color: var(--color-white);
    padding-right: calc(var(--spacing) * 3);
    padding-left: calc(var(--spacing) * 10);
    color: var(--color-gray-700);
    --tw-shadow: 0 0 #0000;
    -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (forced-colors: active) {
    input[type="search"].search-query {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  input.search-query[type="search"]:is(.dark *) {
    background-color: var(--color-night-gray-900);
  }
  input.search-query[type="search"]:is(.dark *) {
    color: var(--color-white);
  }
  input.search-query[type="search"]:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (forced-colors: active) {
    input.search-query[type="search"]:focus {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  input[type="text"].spotlight-search-query {
    margin: calc(var(--spacing) * 0);
    --tw-shadow: 0 0 #0000;
    -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  #search-bar dialog {
    margin-inline: auto;
    margin-top: 10vh;
    overflow: visible;
    opacity: 95%;
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-backdrop-blur: blur(var(--blur-lg));
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  :is(#search-bar dialog):is(.dark *) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  :is(#search-bar dialog):is(.dark *) {
    border-color: var(--color-gray-500);
  }
  :is(#search-bar dialog):is(.dark *) {
    background-color: var(--color-night-gray-900);
  }
  :is(#search-bar dialog):is(.dark *) {
    color: var(--color-night-white);
  }
  .dark .search_types .choices[data-type*=select-multiple] .choices__button {
    background-image: url(/assets/icons/close-white-00212e980fe93fa0c341c9c16f05501e9ba63378e9e7140efda79948d95ae0ce.svg);
  }
  .search_types label {
    margin-block: calc(var(--spacing) * 1);
    display: inline-block;
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-black);
  }
  :is(.search_types label):is(.dark *) {
    color: var(--color-night-white);
  }
  .search_types input[type="checkbox"] {
    margin: calc(var(--spacing) * 0);
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  :is(.search_types input[type="checkbox"]) + label {
    cursor: pointer;
  }
  :is(.search_types input[type="checkbox"]):checked + label {
    background-color: var(--color-gray-100);
  }
  :is(:is(.search_types input[type="checkbox"]):checked + label):is(.dark *) {
    background-color: var(--color-night-gray-900);
  }
  :is(.search_types input[type="checkbox"]):focus + label {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .search_types .choices {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-bottom: 0;
  }
  .search_types .choices[data-type*=select-multiple] .choices__button {
    border-left: none;
    margin-left: 2px;
    margin-right: 0;
    background-image: url(/assets/icons/close-d7db4e6e0fa5d56e71fd79f707d6bfc815147cf562cc4464e85c1dee378b4f0a.svg);
  }
  .search_types .choices__inner {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    border-radius: 0;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0;
  }
  .search_types input[type="search"] {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
  }
  .search_types .choices__list--multiple .choices__item {
    --tw-border-style: none;
    border-style: none;
    background-color: var(--color-gray-100);
    color: var(--color-gray-800);
  }
  :is(.search_types .choices__list--multiple .choices__item):is(.dark *) {
    background-color: var(--color-night-gray-900);
  }
  :is(.search_types .choices__list--multiple .choices__item):is(.dark *) {
    color: var(--color-night-white);
  }
  .is-highlighted:is(.search_types .choices__list--multiple .choices__item) {
    background-color: var(--color-gray-400);
  }
  .is-highlighted:is(.search_types .choices__list--multiple .choices__item):is(.dark *) {
    background-color: var(--color-night-gray-500);
  }
}
@layer base {
  @-webkit-keyframes yellowfade {
    from {
      background: #ffffcc;
    }
    to {
      background: transparent;
    }
  }
  @keyframes yellowfade {
    from {
      background: #ffffcc;
    }
    to {
      background: transparent;
    }
  }
  .item-highlight {
    -webkit-animation: yellowfade 1s;
            animation: yellowfade 1s;
  }
}
@layer base {
  .tippy-box[data-theme~='tickets'] {
    min-width: calc(100vw - 30px);
  }
  @media (min-width: 600px) {
    .tippy-box[data-theme~='tickets'] {
      min-width: 25rem;
    }
  }
  .tippy-box[data-theme~='tickets']  > .tippy-content {
    padding: 0;
  }
  .ticket-header a {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-700);
  }
  :is(.ticket-header a):is(.dark *) {
    color: var(--color-night-gray-300);
  }
  .overdue {
    border-radius: var(--radius-sm);
    background-color: var(--color-red-200);
    padding: calc(var(--spacing) * 2);
  }
  .overdue:is(.dark *) {
    background-color: var(--color-night-red-800);
  }
  .timeline {
    display: none;
  }
  .tickets .timeline {
    display: block;
  }
  .tickets .header-inset h1 {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
    font-size: 2rem;
  }
  .ticket-checkbox-form {
    display: inline;
  }
  input[type=checkbox].ticket-checkbox {
    display: block;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 0);
    --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));
    -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  input.ticket-checkbox[type=checkbox]:is(.dark *) {
    border-color: var(--color-gray-500);
  }
  input.ticket-checkbox[type=checkbox]:is(.dark *) {
    background-color: var(--color-night-gray-900);
  }
  input.ticket-checkbox[type=checkbox]:checked {
    background-color: var(--color-green-600);
  }
  input.ticket-checkbox[type=checkbox]:checked:is(.dark *) {
    background-color: var(--color-night-green-400);
  }
  input.ticket-checkbox[type=checkbox]:checked {
    background-image: url(/assets/icons/checkmark-white-03b088bbeca4da2a399e5a227be36ea964d9016be547c74d69a7df15a1a427ef.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75%;
  }
  input[type=checkbox].ticket-checkbox:checked + label.ticket-checkbox--label {
    display: none;
  }
  label.ticket-checkbox--label {
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    padding-top: calc(var(--spacing) * 2);
    text-align: center;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    font-size: 0.5rem;
    line-height: 0.75rem;
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
  }
  .ticket-sidebar a {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-gray-600);
    text-decoration-line: underline;
  }
  @media (hover: hover) {
    :is(.ticket-sidebar a):hover {
      text-decoration-line: underline;
    }
  }
  :is(.ticket-sidebar a):is(.dark *) {
    color: var(--color-gray-400);
  }
  .ticket-sidebar a {
    float: right;
    margin-top: 1px;
  }
}
@layer base {
  .comment-header a {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-700);
  }
  .comment-text {
    width: calc(100% - 52px);
  }
  .comment:last-child {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .people-to-notify summary {
    list-style-type: none;
  }
  :is(.people-to-notify summary)::-webkit-details-marker {
    display: none;
  }
}
@layer base {
  .attachment--preview {
    margin: 0.6em 0;
    text-align: center;
    width: 100%;
  }
  .attachment {
    display: inline-block;
    position: relative;
    max-width: 100%;
    margin: 0;
    padding: 0;
  }
  .mentions-container {
    border-color: var(--color-gray-100);
    background-color: var(--color-white);
  }
  .mentions-container:is(.dark *) {
    border-color: var(--color-gray-300);
  }
  .mentions-container:is(.dark *) {
    background-color: var(--color-night-gray-700);
  }
  .mentions-container {
    border-radius: 4px;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 0 5px 20px rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 0 5px 20px rgba(0, 0, 0, 0.05);
    z-index: 100;
  }
  .mentions-container [role="listbox"] {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .mentions-container [role="option"] {
    display: block;
    padding: 0.2em 1em;
    text-align: left;
    min-width: 15em;
    max-width: 100%;
  }
  .mentions-container [aria-selected="true"] {
    background: #1b6ac9;
    color: #fff;
  }
  :is(.mentions-container [aria-selected="true"]) span {
    font-weight: bold;
  }
  .mentions-container .person-link-image {
    display: none;
  }
  :is(.trix-content,.rich_text_area) .person-link-name {
    color: var(--color-gray-700);
    text-decoration-line: underline;
  }
  :is(:is(.trix-content,.rich_text_area) .person-link-name):is(.dark *) {
    color: var(--color-night-gray-300);
  }
  :is(.trix-content,.rich_text_area) .person-link-image {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  :is(.trix-content,.rich_text_area) .opportunity-mention,:is(.trix-content,.rich_text_area) .project-mention,:is(.trix-content,.rich_text_area) .ticket-mention,:is(.trix-content,.rich_text_area) .message-mention {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-red-600);
    text-decoration-line: underline;
  }
  :is(:is(.trix-content,.rich_text_area) .opportunity-mention,:is(.trix-content,.rich_text_area) .project-mention,:is(.trix-content,.rich_text_area) .ticket-mention,:is(.trix-content,.rich_text_area) .message-mention):is(.dark *) {
    color: var(--color-night-yellow-400);
  }
  :is(:is(.trix-content,.rich_text_area) .attachment) a.opportunity-mention,:is(:is(.trix-content,.rich_text_area) .attachment) a.project-mention,:is(:is(.trix-content,.rich_text_area) .attachment) a.ticket-mention,:is(:is(.trix-content,.rich_text_area) .attachment) a.message-mention {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-red-600);
    text-decoration-line: underline;
  }
  :is(:is(:is(.trix-content,.rich_text_area) .attachment) a.opportunity-mention,:is(:is(.trix-content,.rich_text_area) .attachment) a.project-mention,:is(:is(.trix-content,.rich_text_area) .attachment) a.ticket-mention,:is(:is(.trix-content,.rich_text_area) .attachment) a.message-mention):is(.dark *) {
    color: var(--color-night-yellow-400);
  }
  .mentions-collection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: 200px;
    overflow-y: auto;
  }
  figure[data-trix-attachment] svg {
    display: none;
  }
}
@layer base {
  .new_estimate label {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .new_estimate .choices__inner {
    min-height: 54px;
  }
  .new_estimate .choices__list--single {
    padding: 10px 16px 4px 4px;
  }
  .tentative td {
    background-color: var(--color-yellow-100);
  }
  :is(.tentative td):is(.dark *) {
    background-color: var(--color-yellow-900);
  }
}
@layer base {
  .evaluation-summary {
    color: var(--color-red-700);
  }
  .evaluation-summary:is(.dark *) {
    color: var(--color-red-300);
  }
  .evaluation-summary #total {
    background-color: var(--color-red-100);
    color: var(--color-red-700);
  }
  .evaluation-summary.above-threshold {
    color: var(--color-green-700);
  }
  .evaluation-summary.above-threshold:is(.dark *) {
    color: var(--color-green-300);
  }
  .evaluation-summary.above-threshold #total {
    background-color: var(--color-green-100);
    color: var(--color-green-700);
  }
  :is(.scorecards,.candidates) #total {
    margin: 0;
    width: 3rem;
  }
}
@layer base {
  .status {
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    text-align: center;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-black);
  }
  .status:is(.dark *) {
    color: var(--color-night-gray-900);
  }
  .status.small {
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
  }
  .status.todo {
    background-color: var(--color-blue-500);
  }
  .status.todo:is(.dark *) {
    background-color: var(--color-blue-400);
  }
  .status.done,.status.won {
    background-color: var(--color-green-500);
  }
  :is(.status.done,.status.won):is(.dark *) {
    background-color: var(--color-green-400);
  }
  .status.blocked,.status.lost {
    background-color: var(--color-red-500);
  }
  :is(.status.blocked,.status.lost):is(.dark *) {
    background-color: var(--color-red-400);
  }
  .status.working,.status.pending {
    background-color: var(--color-yellow-500);
  }
  :is(.status.working,.status.pending):is(.dark *) {
    background-color: var(--color-gray-400);
  }
}
@layer base {
  .summit-description summary {
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  :is(.summit-description summary) p {
    display: inline;
    padding: calc(var(--spacing) * 0);
  }
}
@layer base {
  trix-toolbar {
    background-color: var(--color-white);
    padding-top: calc(var(--spacing) * 2);
  }
  trix-toolbar:is(.dark *) {
    background-color: var(--color-night-gray-900);
  }
  trix-toolbar {
    border-bottom: 1px solid #bbb;
    position: sticky;
    top: 0;
    z-index: 1;
  }
  trix-toolbar .trix-button--icon-inlineCode::before {
    background-image: url(/assets/icons/code-9d2ac0aa56e9ed757866bdd70eab2275ace1c276b5a0073edb914c7f33486d4f.svg);
  }
  trix-toolbar .trix-button--icon-code::before {
    background-image: url(/assets/icons/code-block-c373d8671dd6e09f14954817bf357d96b0ea99e2f6c151b07a3b8c8a2598ae6e.svg);
  }
  #comment-form trix-toolbar {
    background-color: var(--color-gray-100);
  }
  :is(#comment-form trix-toolbar):is(.dark *) {
    background-color: var(--color-night-gray-700);
  }
  #comment-form trix-editor[contenteditable="false"] {
    background-color: var(--color-gray-100);
  }
  :is(#comment-form trix-editor[contenteditable="false"]):is(.dark *) {
    background-color: var(--color-night-gray-700);
  }
  trix-editor {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
  :is(.trix-content .attachment-gallery)  > action-text-attachment,:is(.trix-content .attachment-gallery)  > .attachment {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 33%;
            flex: 1 0 33%;
    padding: 0 0.5em;
    max-width: 33%;
  }
  :is(.attachment-gallery--2:is(.trix-content .attachment-gallery),.attachment-gallery--4:is(.trix-content .attachment-gallery))  > action-text-attachment,:is(.attachment-gallery--2:is(.trix-content .attachment-gallery),.attachment-gallery--4:is(.trix-content .attachment-gallery))  > .attachment {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
  :is(.trix-content action-text-attachment) .attachment {
    padding: 0 !important;
    max-width: 100% !important;
  }
}
@layer base {
  .reactions-banner .reactions-add-button {
    height: 30px;
    width: 30px;
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .reactions-banner .reaction {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-400);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  @media (hover: hover) {
    :is(.reactions-banner .reaction):hover {
      border-color: var(--color-gray-500);
    }
  }
  .reacted:is(.reactions-banner .reaction) {
    border-color: var(--color-blue-500);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-blue-500);
  }
  @media (hover: hover) {
    .reacted:is(.reactions-banner .reaction):hover {
      border-color: var(--color-blue-600);
    }
  }
}
@layer base {
  .star {
    margin-bottom: 0.2rem;
  }
}
@layer base {
  nav.tabs .tab {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    padding-inline: calc(var(--spacing) * 1);
    padding-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .active:is(nav.tabs .tab) {
    border-color: var(--color-red-500);
    color: var(--color-red-600);
  }
  @media (hover: hover) {
    .active:is(nav.tabs .tab):hover {
      border-color: var(--color-red-300);
    }
  }
  @media (hover: hover) {
    .active:is(nav.tabs .tab):hover {
      color: var(--color-red-700);
    }
  }
  .active:is(nav.tabs .tab):is(.dark *) {
    color: var(--color-red-400);
  }
  .inactive:is(nav.tabs .tab) {
    border-color: transparent;
    color: var(--color-gray-600);
  }
  @media (hover: hover) {
    .inactive:is(nav.tabs .tab):hover {
      border-color: var(--color-gray-400);
    }
  }
  @media (hover: hover) {
    .inactive:is(nav.tabs .tab):hover {
      color: var(--color-gray-800);
    }
  }
  .inactive:is(nav.tabs .tab):is(.dark *) {
    color: var(--color-gray-400);
  }
  @media (hover: hover) {
    .inactive:is(nav.tabs .tab):is(.dark *):hover {
      border-color: var(--color-gray-100);
    }
  }
  @media (hover: hover) {
    .inactive:is(nav.tabs .tab):is(.dark *):hover {
      color: var(--color-gray-100);
    }
  }
  .projects-billing_terms .tab.billing.inactive {
    border-color: var(--color-red-500);
    color: var(--color-red-600);
  }
  @media (hover: hover) {
    :is(.projects-billing_terms .tab.billing.inactive):hover {
      border-color: var(--color-red-300);
    }
  }
  @media (hover: hover) {
    :is(.projects-billing_terms .tab.billing.inactive):hover {
      color: var(--color-red-700);
    }
  }
  :is(.projects-billing_terms .tab.billing.inactive):is(.dark *) {
    color: var(--color-red-400);
  }
}
@layer base {
  .tippy-box[data-theme~='legend'] {
    width: 25rem;
    background-color: rgba(245, 245, 245, 1);
  }
  .dark .tippy-box[data-theme~='legend'] {
    background-color: var(--color-night-gray-900);
    color: var(--color-gray-200);
  }
  .tippy-box[data-theme~='legend']  > .tippy-content {
    padding: 0 10px;
  }
  .tippy-box[data-theme~='legend'] tr {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    padding: 0 10px;
  }
  .tippy-box[data-theme~='legend'] th {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    border-top: none;
    text-transform: none;
  }
}
@layer base {
  .messages--content-block {
    container-type: inline-size;
  }
  .messages--content-block .content-block .section {
    height: 100% !important;
  }
  .messages--content-block .interests-sidebar {
    padding-right: 0;
  }
  @container (max-width: 768px) {
    .messages--content-block .interests-sidebar {
      display: none;
    }
  }
}
@layer base {
  .opportunity-data-note p:first-child {
    margin-top: 0;
    padding-top: 0;
  }
  .opportunity-data-note li {
    list-style-type: disc;
    list-style-position: inside;
  }
  .opportunity_ready_for_evaluation .hint {
    margin-left: 0.75rem;
  }
  .opportunities-edit .btn-edit {
    display: none;
  }
  .opportunities-edit .destroy-button {
    display: block;
  }
  .opportunities-edit .vditor {
    border-radius: 0;
    border-left: none;
    border-right: none;
    border-top-color: #e2e0Ec;
    border-bottom-color: #e2e0Ec;
  }
  .opportunities-edit .vditor-toolbar {
    border-radius: 0;
  }
  .opportunities-index .team-link {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-gray-600);
  }
  @media (hover: hover) {
    :is(.opportunities-index .team-link):hover {
      text-decoration-line: underline;
    }
  }
  :is(.opportunities-index .team-link):is(.dark *) {
    color: var(--color-gray-400);
  }
  .opportunities-index .primary-team {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .opportunities-show .primary-team {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .opportunities-show .btn-edit {
    display: block;
  }
  .opportunities-show .destroy-button {
    display: none;
  }
}
@layer base {
  .people-show .main-content {
    margin-top: -13rem;
  }
  :is(:is(.people-show .information) .info-list) svg {
    opacity: 0.75;
    display: block;
    margin-top: 2px;
  }
  :is(:is(.people-show .information) .info-list)  > div {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: calc(var(--spacing) * 2);
    --tw-border-style: none;
    border-style: none;
    padding-block: calc(var(--spacing) * 2);
  }
  :is(:is(.people-show .information) .info-list) dt {
    text-align: right;
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  :is(:is(.people-show .information) .info-list) dd {
    grid-column: span 11 / span 11;
  }
  @media (width >= 48rem) {
    .people-show .main-header {
      padding-bottom: 19rem;
    }
    .people-show .main-content {
      margin-top: -16rem;
    }
  }
}
@layer base {
  @media (width >= 48rem) {
    .pipelines-show main {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .pipelines-show footer {
    display: none;
  }
  .sortable-chosen {
    cursor: -webkit-grabbing !important;
    cursor: grabbing !important;
  }
}
@layer base {
  .opportunities-staffing-show .staffing-link {
    display: none;
  }
}
@layer base {
  .utilization-show details summary::-webkit-details-marker,.utilization-show details summary::marker {
    margin-right: calc(var(--spacing) * 0);
    margin-left: calc(var(--spacing) * 4);
  }
  .utilization-show summary > table td:first-child {
    padding-left: calc(var(--spacing) * 2);
  }
  .utilization-breakdown td:first-child {
    width: 27.4%;
  }
}
@layer base {
  .help-show .header-inset svg {
    width: 30px;
    height: 30px;
    padding: 4px;
    margin-right: 4px;
  }
  .people-team-icon:is(.help-show .header-inset svg) {
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0;
  }
}
@layer base {
  :is(form.edit_blog_draft,form.new_blog_draft) .blog_draft_external_url > label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  :is(form.edit_blog_draft,form.new_blog_draft) .blog_draft_publication_type > label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  :is(:is(form.edit_blog_draft,form.new_blog_draft) .blog_draft_publication_type,:is(form.edit_blog_draft,form.new_blog_draft) .blog_draft_auto_social_share) label {
    margin-bottom: calc(var(--spacing) * 0);
  }
  :is(:is(form.edit_blog_draft,form.new_blog_draft) .blog_draft_publication_type,:is(form.edit_blog_draft,form.new_blog_draft) .blog_draft_auto_social_share) span.radio {
    margin-right: calc(var(--spacing) * 4);
    display: inline-block;
  }
  :is(form.edit_blog_draft,form.new_blog_draft) div.input:not(:last-child) {
    margin-bottom: calc(var(--spacing) * 0);
  }
  :is(form.edit_blog_draft,form.new_blog_draft) div.input.text label,:is(form.edit_blog_draft,form.new_blog_draft) div.input.string label,:is(form.edit_blog_draft,form.new_blog_draft) div.input.date label,:is(form.edit_blog_draft,form.new_blog_draft) div.input.select label,:is(form.edit_blog_draft,form.new_blog_draft) .blog_draft_publication_type > label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  :is(:is(form.edit_blog_draft,form.new_blog_draft) .blog_draft_publication_type,:is(form.edit_blog_draft,form.new_blog_draft) .blog_draft_auto_social_share) label {
    margin-bottom: calc(var(--spacing) * 0);
  }
  :is(:is(form.edit_blog_draft,form.new_blog_draft) .blog_draft_publication_type,:is(form.edit_blog_draft,form.new_blog_draft) .blog_draft_auto_social_share) span.radio {
    margin-right: calc(var(--spacing) * 4);
    display: inline-block;
  }
  :is(form.edit_blog_draft,form.new_blog_draft) #suggest-tag,:is(form.edit_blog_draft,form.new_blog_draft) #tag-suggestions,:is(form.edit_blog_draft,form.new_blog_draft) input[type="text"],:is(form.edit_blog_draft,form.new_blog_draft) textarea,:is(form.edit_blog_draft,form.new_blog_draft) .choices__inner {
    margin-bottom: calc(var(--spacing) * 0);
    border-radius: 0;
    border-style: var(--tw-border-style);
    border-width: 0px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    background-color: transparent;
    padding: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-shadow: 0 0 #0000;
    -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :is(:is(form.edit_blog_draft,form.new_blog_draft) #suggest-tag,:is(form.edit_blog_draft,form.new_blog_draft) #tag-suggestions,:is(form.edit_blog_draft,form.new_blog_draft) input[type="text"],:is(form.edit_blog_draft,form.new_blog_draft) textarea,:is(form.edit_blog_draft,form.new_blog_draft) .choices__inner):is(.dark *) {
    border-color: var(--color-gray-500);
  }
  :is(:is(form.edit_blog_draft,form.new_blog_draft) #suggest-tag,:is(form.edit_blog_draft,form.new_blog_draft) #tag-suggestions,:is(form.edit_blog_draft,form.new_blog_draft) input[type="text"],:is(form.edit_blog_draft,form.new_blog_draft) textarea,:is(form.edit_blog_draft,form.new_blog_draft) .choices__inner):is(.dark *) {
    color: var(--color-night-white);
  }
  :is(:is(form.edit_blog_draft,form.new_blog_draft) #suggest-tag,:is(form.edit_blog_draft,form.new_blog_draft) #tag-suggestions,:is(form.edit_blog_draft,form.new_blog_draft) input[type="text"],:is(form.edit_blog_draft,form.new_blog_draft) textarea,:is(form.edit_blog_draft,form.new_blog_draft) .choices__inner):focus {
    border-radius: var(--radius-sm);
  }
  :is(form.edit_blog_draft,form.new_blog_draft) .choices__inner {
    padding: calc(var(--spacing) * 0);
    padding-left: calc(var(--spacing) * 1);
  }
  :is(form.edit_blog_draft,form.new_blog_draft) .tagify {
    display: block;
    border-style: var(--tw-border-style);
    border-width: 0px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  :is(form.edit_blog_draft,form.new_blog_draft) .blog_draft_title input[type="text"] {
    margin-bottom: calc(var(--spacing) * 1);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  :is(form.edit_blog_draft,form.new_blog_draft) .blog_draft_teaser textarea,:is(form.edit_blog_draft,form.new_blog_draft) .blog_draft_tags {
    margin-top: calc(var(--spacing) * 1);
  }
  :is(form.edit_blog_draft,form.new_blog_draft) .counter {
    background-color: var(--color-white);
    text-align: right;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-gray-500);
  }
  :is(:is(form.edit_blog_draft,form.new_blog_draft) .counter):is(.dark *) {
    background-color: var(--color-night-gray-900);
  }
  :is(:is(form.edit_blog_draft,form.new_blog_draft) .counter):is(.dark *) {
    color: var(--color-gray-400);
  }
  :is(form.edit_blog_draft,form.new_blog_draft) .counter {
    float: right;
    margin-top: -1.75rem;
    margin-right: 0.25rem;
  }
  :is(form.edit_blog_draft,form.new_blog_draft) .choices__list.choices__list--multiple,:is(form.edit_blog_draft,form.new_blog_draft) input.choices__input[type="search"] {
    background-color: transparent;
  }
  :is(form.edit_blog_draft,form.new_blog_draft) .choices__list--multiple .choices__item {
    --tw-border-style: none;
    border-style: none;
    background-color: var(--color-gray-100);
    color: var(--color-gray-800);
  }
  :is(:is(form.edit_blog_draft,form.new_blog_draft) .choices__list--multiple .choices__item):is(.dark *) {
    background-color: var(--color-night-gray-800);
  }
  :is(:is(form.edit_blog_draft,form.new_blog_draft) .choices__list--multiple .choices__item):is(.dark *) {
    color: var(--color-night-white);
  }
  .tagify {
    padding-block: calc(var(--spacing) * 1);
    --tag-bg: rgb(240 240 248 / var(--tw-bg-opacity));
    font-size: 14px;
  }
  .tagify__dropdown {
    font-size: 14px;
  }
  .dark .tagify {
    --tags-border-color: rgb(103 103 110 / var(--tw-border-opacity));
    --tag-bg: rgb(61 62 68 / var(--tw-bg-opacity));
    --tag-text-color: rgb(248 248 242 / var(--tw-text-opacity));
    --placeholder-color: rgb(61 62 68 / var(--tw-bg-opacity));
    --placeholder-color-focus: rgb(161 162 168 / var(--tw-bg-opacity));
    --tag-hover: rgb(61 62 68 / var(--tw-bg-opacity));
  }
  .dark .tagify__dropdown {
    --tagify-dd-bg-color: rgb(61 62 68 / var(--tw-bg-opacity));
    --tagify-dd-color-primary: rgb(41 41 44 / var(--tw-bg-opacity));
  }
  .blog-preview {
    height: 200px;
    width: 100%;
    overflow: hidden;
    border: 0;
  }
  .blog-preview::-webkit-scrollbar {
    display: none;
  }
}
@layer base {
  form div.input.signup_waitlisted {
    margin-left: 1rem;
    margin-bottom: 0;
  }
  :is(form div.input.signup_waitlisted) label.checkbox {
    margin: 0;
    font-weight: normal;
  }
}
@layer base {
  .weekly_project_billings-index table td {
    padding-top: calc(var(--spacing) * 2);
    padding-bottom: calc(var(--spacing) * 0);
  }
  .billing-information:is(.weekly_project_billings-index table td) {
    padding-bottom: calc(var(--spacing) * 2);
  }
}
@layer base {
  @media print {
    .user-drop-wide,
  .section-header .text-right, 
  .print-page-link,
  #comment-form,
  .header-inset.justify-end,
  .reactions-add-button,
  .reactions-add-button + a,
  .menu,
   footer,
  .print-page-link {
      display: none !important;
    }
    .main-header {
      margin-top: -80px;
    }
    .content-block .trix-content {
      margin-top: -40px;
    }
    .comment .trix-content {
      margin-top: 5px;
    }
    .prose .mb-6 {
      margin-bottom: 60px;
    }
    .a4 {
      border: 0;
      margin: 0;
      width: 100%;
    }
  }
  @page {
    margin: 0;
    padding: 0;
    size: letter portrait;
  }
}
@layer base {
  ::-ms-backdrop {
    border-color: var(--color-gray-200, currentcolor);
  }
  ::-webkit-file-upload-button {
    border-color: var(--color-gray-200, currentcolor);
  }
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    border-color: var(--color-gray-200, currentcolor);
  }
}
@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-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-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-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    ::-ms-backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-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-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
    }
    *, ::before, ::after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-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-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
    }
  }
}