.toggle-button[data-v-d5c39532] {
--tw-bg-opacity: 1;
background-color: hsl(207 11.1% 85.9% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.toggle-button[data-v-d5c39532] {
background-color: hsl(207 11.1% 85.9% / var(--tw-bg-opacity));
}
}
[data-v-d5c39532]:is(.dark .toggle-button) {
--tw-bg-opacity: 1;
background-color: hsl(206 6.0% 43.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-d5c39532]:is(.dark .toggle-button) {
background-color: hsl(206 6.0% 43.5% / var(--tw-bg-opacity));
}
}.toggle-button[data-v-d5c39532] {
  --toggle-button-box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px,
    rgba(59, 130, 246, 0.5) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
    rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  border-radius: var(--border-radius-large);
  border: 2px solid transparent;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  height: 19px;
  position: relative;
  transition-duration: 200ms;
  transition-property: background-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  width: 34px;
}
.toggle-button.active[data-v-d5c39532] {
  background-color: var(--w-500);
}
.toggle-button.small[data-v-d5c39532] {
  width: 22px;
  height: 14px;
}
.toggle-button.small span[data-v-d5c39532] {
  height: var(--space-one);
  width: var(--space-one);
}
.toggle-button.small span.active[data-v-d5c39532] {
  transform: translate(var(--space-small), var(--space-zero));
}
.toggle-button span[data-v-d5c39532] {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.toggle-button span[data-v-d5c39532] {
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}
[data-v-d5c39532]:is(.dark .toggle-button span) {
--tw-bg-opacity: 1;
background-color: hsl(200 7.0% 8.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-d5c39532]:is(.dark .toggle-button span) {
background-color: hsl(200 7.0% 8.8% / var(--tw-bg-opacity));
}
}
.toggle-button span[data-v-d5c39532] {
  --space-one-point-five: 0.9375rem;
  border-radius: 100%;
  box-shadow: var(--toggle-button-box-shadow);
  display: inline-block;
  height: 0.9375rem;
  height: var(--space-one-point-five);
  transform: translate(0, 0);
  transition-duration: 200ms;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  width: 0.9375rem;
  width: var(--space-one-point-five);
}
.toggle-button span.active[data-v-d5c39532] {
  transform: translate(var(--space-one-point-five), var(--space-zero));
}
.wizard-box .item[data-v-5cc3d01e] {
position: relative;
cursor: pointer;
padding-top: 1rem;
padding-bottom: 1rem;
padding-right: 1rem;
padding-left: 1.5rem
}
.wizard-box .item[data-v-5cc3d01e]::before {
position: absolute;
top: 0px;
height: 1rem;
width: 0.125rem;
--tw-bg-opacity: 1;
background-color: hsl(209 12.2% 93.2% / 1);
--tw-content: "";
content: "";
content: var(--tw-content)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.wizard-box .item[data-v-5cc3d01e]::before {
background-color: hsl(209 12.2% 93.2% / var(--tw-bg-opacity))
}
}
.wizard-box .item[data-v-5cc3d01e]::after {
position: absolute;
top: 1.25rem;
height: 100%;
width: 0.125rem;
--tw-bg-opacity: 1;
background-color: hsl(209 12.2% 93.2% / 1);
--tw-content: "";
content: "";
content: var(--tw-content)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.wizard-box .item[data-v-5cc3d01e]::after {
background-color: hsl(209 12.2% 93.2% / var(--tw-bg-opacity))
}
}
.wizard-box .item[data-v-5cc3d01e]:first-child::before {
content: var(--tw-content);
height: 0px
}
.wizard-box .item[data-v-5cc3d01e]:last-child::before {
content: var(--tw-content);
height: 0px
}
.wizard-box .item[data-v-5cc3d01e]:last-child::after {
content: var(--tw-content);
height: 0px
}
[data-v-5cc3d01e]:is(.dark .wizard-box .item)::before {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: hsl(206 6.0% 43.5% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-5cc3d01e]:is(.dark .wizard-box .item)::before {
background-color: hsl(206 6.0% 43.5% / var(--tw-bg-opacity))
}
}
[data-v-5cc3d01e]:is(.dark .wizard-box .item)::after {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: hsl(206 6.0% 43.5% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-5cc3d01e]:is(.dark .wizard-box .item)::after {
background-color: hsl(206 6.0% 43.5% / var(--tw-bg-opacity))
}
}
.wizard-box .item.active h3[data-v-5cc3d01e] {
--tw-text-opacity: 1;
color: hsl(209 100% 60.6% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.wizard-box .item.active h3[data-v-5cc3d01e] {
color: hsl(209 100% 60.6% / var(--tw-text-opacity))
}
}
[data-v-5cc3d01e]:is(.dark .wizard-box .item.active h3) {
--tw-text-opacity: 1;
color: hsl(209 100% 60.6% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-5cc3d01e]:is(.dark .wizard-box .item.active h3) {
color: hsl(209 100% 60.6% / var(--tw-text-opacity))
}
}
.wizard-box .item.active .step[data-v-5cc3d01e] {
--tw-bg-opacity: 1;
background-color: hsl(209 100% 60.6% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.wizard-box .item.active .step[data-v-5cc3d01e] {
background-color: hsl(209 100% 60.6% / var(--tw-bg-opacity))
}
}
[data-v-5cc3d01e]:is(.dark .wizard-box .item.active .step) {
--tw-bg-opacity: 1;
background-color: hsl(209 100% 60.6% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-5cc3d01e]:is(.dark .wizard-box .item.active .step) {
background-color: hsl(209 100% 60.6% / var(--tw-bg-opacity))
}
}
.wizard-box .item.over[data-v-5cc3d01e]::after {
--tw-bg-opacity: 1;
background-color: hsl(209 100% 60.6% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.wizard-box .item.over[data-v-5cc3d01e]::after {
background-color: hsl(209 100% 60.6% / var(--tw-bg-opacity))
}
}
[data-v-5cc3d01e]:is(.dark .wizard-box .item.over)::after {
--tw-bg-opacity: 1;
background-color: hsl(209 100% 60.6% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-5cc3d01e]:is(.dark .wizard-box .item.over)::after {
background-color: hsl(209 100% 60.6% / var(--tw-bg-opacity))
}
}
.wizard-box .item.over .step[data-v-5cc3d01e] {
--tw-bg-opacity: 1;
background-color: hsl(209 100% 60.6% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.wizard-box .item.over .step[data-v-5cc3d01e] {
background-color: hsl(209 100% 60.6% / var(--tw-bg-opacity))
}
}
[data-v-5cc3d01e]:is(.dark .wizard-box .item.over .step) {
--tw-bg-opacity: 1;
background-color: hsl(209 100% 60.6% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-5cc3d01e]:is(.dark .wizard-box .item.over .step) {
background-color: hsl(209 100% 60.6% / var(--tw-bg-opacity))
}
}
.wizard-box .item.over + .item[data-v-5cc3d01e]::before {
--tw-bg-opacity: 1;
background-color: hsl(209 100% 60.6% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.wizard-box .item.over + .item[data-v-5cc3d01e]::before {
background-color: hsl(209 100% 60.6% / var(--tw-bg-opacity))
}
}
[data-v-5cc3d01e]:is(.dark .wizard-box .item.over + .item)::before {
--tw-bg-opacity: 1;
background-color: hsl(209 100% 60.6% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-5cc3d01e]:is(.dark .wizard-box .item.over + .item)::before {
background-color: hsl(209 100% 60.6% / var(--tw-bg-opacity))
}
}
.wizard-box .item .step[data-v-5cc3d01e] {
position: absolute;
left: 1rem;
top: 1.25rem;
z-index: 999;
width: 1rem;
border-radius: 1rem;
--tw-bg-opacity: 1;
background-color: hsl(209 12.2% 93.2% / 1);
text-align: center;
font-size: 0.625rem;
font-weight: 500;
line-height: 1rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.wizard-box .item .step[data-v-5cc3d01e] {
background-color: hsl(209 12.2% 93.2% / var(--tw-bg-opacity))
}
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.wizard-box .item .step[data-v-5cc3d01e] {
color: rgb(255 255 255 / var(--tw-text-opacity))
}
}
[data-v-5cc3d01e]:is(.dark .wizard-box .item .step) {
--tw-bg-opacity: 1;
background-color: hsl(206 6.0% 43.5% / 1);
--tw-text-opacity: 1;
color: rgb(255 255 255 / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-5cc3d01e]:is(.dark .wizard-box .item .step) {
background-color: hsl(206 6.0% 43.5% / var(--tw-bg-opacity))
}
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
[data-v-5cc3d01e]:is(.dark .wizard-box .item .step) {
color: rgb(255 255 255 / var(--tw-text-opacity))
}
}
.avatar-delete-btn[data-v-49ea2f82] {
  margin-top: var(--space-smaller);
  margin-bottom: var(--space-smaller);
}
.spinner[data-v-b4e81cf8] {
  position: relative;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0 1.5rem;
  vertical-align: middle;
}
@keyframes spinner-b4e81cf8 {
to {
    transform: rotate(360deg);
}
}
.spinner[data-v-b4e81cf8]:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: -0.625rem;
  margin-left: -0.625rem;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.8);
  border-top-color: rgba(255, 255, 255, 0.3);
  animation: spinner-b4e81cf8 0.9s linear infinite;
}
.spinner.message[data-v-b4e81cf8] {
  padding: 0.625rem;
  top: 0;
  left: 0;
  margin: 0 auto;
  margin-top: 0.75rem;
  background: #fff;
  border-radius: 2rem;
}
.spinner.message[data-v-b4e81cf8]:before {
  margin-top: -0.75rem;
  margin-left: -0.75rem;
}
.spinner.small[data-v-b4e81cf8] {
  width: 1rem;
  height: 1rem;
}
.spinner.small[data-v-b4e81cf8]:before {
  width: 1rem;
  height: 1rem;
  margin-top: -0.5rem;
}
.spinner.tiny[data-v-b4e81cf8] {
  width: 0.625rem;
  height: 0.625rem;
  padding: 0 0.25rem;
}
.spinner.tiny[data-v-b4e81cf8]:before {
  width: 0.625rem;
  height: 0.625rem;
  margin-top: -0.375rem;
}
.spinner.dark[data-v-b4e81cf8]::before {
  border-color: rgba(0, 0, 0, 0.7);
  border-top-color: rgba(0, 0, 0, 0.2);
}
.icon--emoji[data-v-335c864d] {
  font-style: normal;
}
/*

Original highlight.js style (c) Ivan Sagalaev <maniac@softwaremaniacs.org>

*/

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #F0F0F0;
}

/* Base color: saturation 0; */

.hljs,
.hljs-subst {
  color: #444;
}

.hljs-comment {
  color: #888888;
}

.hljs-keyword,
.hljs-attribute,
.hljs-selector-tag,
.hljs-meta-keyword,
.hljs-doctag,
.hljs-name {
  font-weight: bold;
}

/* User color: hue: 0 */

.hljs-type,
.hljs-string,
.hljs-number,
.hljs-selector-id,
.hljs-selector-class,
.hljs-quote,
.hljs-template-tag,
.hljs-deletion {
  color: #880000;
}

.hljs-title,
.hljs-section {
  color: #880000;
  font-weight: bold;
}

.hljs-regexp,
.hljs-symbol,
.hljs-variable,
.hljs-template-variable,
.hljs-link,
.hljs-selector-attr,
.hljs-selector-pseudo {
  color: #BC6060;
}

/* Language color: hue: 90; */

.hljs-literal {
  color: #78A960;
}

.hljs-built_in,
.hljs-bullet,
.hljs-code,
.hljs-addition {
  color: #397300;
}

/* Meta color: hue: 200 */

.hljs-meta {
  color: #1f7199;
}

.hljs-meta-string {
  color: #4d99bf;
}

/* Misc effects */

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

.code--container[data-v-ab74f1f6] {
  position: relative;
  text-align: left;
}
.code--container .code--action-area[data-v-ab74f1f6] {
  top: var(--space-small);
  position: absolute;
  right: var(--space-small);
}
.code--container .code--codeopen-form[data-v-ab74f1f6] {
  display: inline-block;
}
[data-v-3a4ef789]:root {
  --dashboard-app-tabs-height: 2.4375rem;
}
.colorpicker[data-v-3a4ef789] {
  position: relative;
}
.colorpicker--selected[data-v-3a4ef789] {
  margin-bottom: 1rem;
  height: 2rem;
  width: 2rem;
  cursor: pointer;
  border-radius: 0.25rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: hsl(209 13.3% 95.3% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.colorpicker--selected[data-v-3a4ef789] {
    border-color: hsl(209 13.3% 95.3% / var(--tw-border-opacity));
}
}
[data-v-3a4ef789]:is(.dark .colorpicker--selected) {
  --tw-border-opacity: 1;
  border-color: hsl(206 6.0% 43.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-3a4ef789]:is(.dark .colorpicker--selected) {
    border-color: hsl(206 6.0% 43.5% / var(--tw-border-opacity));
}
}
.colorpicker--chrome.vc-chrome[data-v-3a4ef789] {
  position: absolute;
  z-index: 9999;
  margin-top: -0.625rem;
  border-radius: 0.25rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: hsl(209 12.2% 93.2% / 1);
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.colorpicker--chrome.vc-chrome[data-v-3a4ef789] {
    border-color: hsl(209 12.2% 93.2% / var(--tw-border-opacity));
}
}
[data-v-3a4ef789]:is(.dark .colorpicker--chrome.vc-chrome) {
  --tw-border-opacity: 1;
  border-color: hsl(206 6.0% 43.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-3a4ef789]:is(.dark .colorpicker--chrome.vc-chrome) {
    border-color: hsl(206 6.0% 43.5% / var(--tw-border-opacity));
}
}
.colorpicker--chrome.vc-chrome[data-v-3a4ef789] input {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.colorpicker--chrome.vc-chrome[data-v-3a4ef789] input {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}
[data-v-3a4ef789]:is(.dark .colorpicker--chrome.vc-chrome ::v-deep input) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
[data-v-3a4ef789]:is(.dark .colorpicker--chrome.vc-chrome ::v-deep input) {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}
.modal-mask {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 9990;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.4);
}
:is(.dark .modal-mask) {
  background-color: rgba(0, 0, 0, 0.6);
}
.modal-mask .modal-container.medium {
  width: 56.25rem;
  max-width: 80%;
}
.modal-mask .modal-container .content {
  padding: 2rem;
}
.modal-mask .modal-container form,
.modal-mask .modal-container .modal-content {
  align-self: center;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1rem;
  padding-bottom: 2rem;
}
.modal-mask .modal-container form a,
.modal-mask .modal-container .modal-content a {
  padding: 1rem;
}
.modal-big {
  width: 100%;
}
.modal-mask.right-aligned {
  justify-content: flex-end;
}
.modal-mask.right-aligned .modal-container {
  height: 100%;
  width: 30rem;
  border-radius: 0px;
}
.modal-enter,
.modal-leave {
  opacity: 0;
}
.modal-enter .modal-container,
.modal-leave .modal-container {
  transform: scale(1.1);
}
.action-button[data-v-6c93e4d0] {
  max-width: var(--space-giga);
}
.dropdown-menu__item[data-v-0cc354ec] a,
.dropdown-menu__item[data-v-0cc354ec] .button {
  display: inline-flex;
  width: 100%;
  white-space: nowrap;
  text-align: left;
}
[data-v-0cc354ec]:is([dir="rtl"] .dropdown-menu__item ::v-deep a),[data-v-0cc354ec]:is([dir="rtl"] 
.dropdown-menu__item ::v-deep .button) {
  text-align: right;
}
.dropdown.menu > li > a[data-v-0cc354ec] {
  background: transparent;
  padding: 4px 10.8px;
}
.help-text[data-v-34726722] {
margin-top: 0.125rem;
font-size: 0.75rem;
line-height: 1rem;
font-style: normal;
--tw-text-opacity: 1;
color: hsl(206 6.0% 43.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.help-text[data-v-34726722] {
color: hsl(206 6.0% 43.5% / var(--tw-text-opacity));
}
}
[data-v-34726722]:is(.dark .help-text) {
--tw-text-opacity: 1;
color: hsl(206 6.0% 63.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-34726722]:is(.dark .help-text) {
color: hsl(206 6.0% 63.0% / var(--tw-text-opacity));
}
}
.message[data-v-34726722] {
  margin-top: 0 !important;
}
.label[data-v-4e231ade] {

height: 1.5rem;

align-items: center;

gap: 0.25rem;

border-radius: 4px;

border-width: 1px;

border-style: solid;

--tw-border-opacity: 1;

border-color: hsl(209 12.2% 93.2% / 1);

--tw-bg-opacity: 1;

background-color: hsl(209 13.3% 95.3% / 1);

padding: 0.25rem;

font-size: 0.75rem;

line-height: 1rem;

font-weight: 500;

--tw-text-opacity: 1;

color: hsl(198 6.6% 15.8% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.label[data-v-4e231ade] {

border-color: hsl(209 12.2% 93.2% / var(--tw-border-opacity));

background-color: hsl(209 13.3% 95.3% / var(--tw-bg-opacity));

color: hsl(198 6.6% 15.8% / var(--tw-text-opacity))
}
}
[data-v-4e231ade]:is(.dark .label) {

--tw-border-opacity: 1;

border-color: hsl(206 6.0% 43.5% / 1);

--tw-bg-opacity: 1;

background-color: hsl(207 5.6% 31.6% / 1);

--tw-text-opacity: 1;

color: hsl(208 11.7% 91.1% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-4e231ade]:is(.dark .label) {

border-color: hsl(206 6.0% 43.5% / var(--tw-border-opacity));

background-color: hsl(207 5.6% 31.6% / var(--tw-bg-opacity));

color: hsl(208 11.7% 91.1% / var(--tw-text-opacity))
}
}.label[data-v-4e231ade] {
  /* Color Schemes */
}
.label.small[data-v-4e231ade] {

height: 1.25rem;

padding-top: 0.125rem;

padding-bottom: 0.125rem;

padding-left: 0.25rem;

padding-right: 0.25rem;

font-size: 0.75rem;

line-height: 1rem;

line-height: 1.25
}
.label.small .label--icon[data-v-4e231ade], .label.small .close--icon[data-v-4e231ade] {

font-size: 0.5rem
}
.label a[data-v-4e231ade] {

font-size: 0.75rem;

line-height: 1rem
}
.label a[data-v-4e231ade]:hover {

text-decoration-line: underline
}
.label.primary[data-v-4e231ade] {

border-width: 1px;

border-style: solid;

--tw-border-opacity: 1;

border-color: hsl(208 77.5% 76.9% / 1);

--tw-bg-opacity: 1;

background-color: hsl(209 95.0% 90.1% / 1);

--tw-text-opacity: 1;

color: hsl(216 50.0% 11.8% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.label.primary[data-v-4e231ade] {

border-color: hsl(208 77.5% 76.9% / var(--tw-border-opacity));

background-color: hsl(209 95.0% 90.1% / var(--tw-bg-opacity));

color: hsl(216 50.0% 11.8% / var(--tw-text-opacity))
}
}
[data-v-4e231ade]:is(.dark .label.primary) {

--tw-bg-opacity: 1;

background-color: hsl(209 95.0% 90.1% / 1);

--tw-text-opacity: 1;

color: hsl(216 50.0% 11.8% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-4e231ade]:is(.dark .label.primary) {

background-color: hsl(209 95.0% 90.1% / var(--tw-bg-opacity));

color: hsl(216 50.0% 11.8% / var(--tw-text-opacity))
}
}
.label.primary a[data-v-4e231ade] {

--tw-text-opacity: 1;

color: hsl(216 50.0% 11.8% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.label.primary a[data-v-4e231ade] {

color: hsl(216 50.0% 11.8% / var(--tw-text-opacity))
}
}
[data-v-4e231ade]:is(.dark .label.primary a) {

--tw-text-opacity: 1;

color: hsl(216 50.0% 11.8% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-4e231ade]:is(.dark .label.primary a) {

color: hsl(216 50.0% 11.8% / var(--tw-text-opacity))
}
}
.label.primary .label-color-dot[data-v-4e231ade] {

--tw-bg-opacity: 1;

background-color: hsl(206 100% 50.0% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.label.primary .label-color-dot[data-v-4e231ade] {

background-color: hsl(206 100% 50.0% / var(--tw-bg-opacity))
}
}
[data-v-4e231ade]:is(.dark .label.primary .label-color-dot) {

--tw-bg-opacity: 1;

background-color: hsl(206 100% 50.0% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-4e231ade]:is(.dark .label.primary .label-color-dot) {

background-color: hsl(206 100% 50.0% / var(--tw-bg-opacity))
}
}
.label.secondary[data-v-4e231ade] {

border-width: 1px;

border-style: solid;

--tw-border-opacity: 1;

border-color: hsl(207 11.1% 85.9% / 1);

--tw-bg-opacity: 1;

background-color: hsl(208 11.7% 91.1% / 1);

--tw-text-opacity: 1;

color: hsl(200 7.0% 8.8% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.label.secondary[data-v-4e231ade] {

border-color: hsl(207 11.1% 85.9% / var(--tw-border-opacity));

background-color: hsl(208 11.7% 91.1% / var(--tw-bg-opacity));

color: hsl(200 7.0% 8.8% / var(--tw-text-opacity))
}
}
[data-v-4e231ade]:is(.dark .label.secondary) {

--tw-border-opacity: 1;

border-color: hsl(206 6.0% 43.5% / 1);

--tw-bg-opacity: 1;

background-color: hsl(207 5.6% 31.6% / 1);

--tw-text-opacity: 1;

color: hsl(208 11.7% 91.1% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-4e231ade]:is(.dark .label.secondary) {

border-color: hsl(206 6.0% 43.5% / var(--tw-border-opacity));

background-color: hsl(207 5.6% 31.6% / var(--tw-bg-opacity));

color: hsl(208 11.7% 91.1% / var(--tw-text-opacity))
}
}
.label.secondary a[data-v-4e231ade] {

--tw-text-opacity: 1;

color: hsl(200 7.0% 8.8% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.label.secondary a[data-v-4e231ade] {

color: hsl(200 7.0% 8.8% / var(--tw-text-opacity))
}
}
[data-v-4e231ade]:is(.dark .label.secondary a) {

--tw-text-opacity: 1;

color: hsl(208 11.7% 91.1% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-4e231ade]:is(.dark .label.secondary a) {

color: hsl(208 11.7% 91.1% / var(--tw-text-opacity))
}
}
.label.secondary .label-color-dot[data-v-4e231ade] {

--tw-bg-opacity: 1;

background-color: hsl(206 6.0% 43.5% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.label.secondary .label-color-dot[data-v-4e231ade] {

background-color: hsl(206 6.0% 43.5% / var(--tw-bg-opacity))
}
}
[data-v-4e231ade]:is(.dark .label.secondary .label-color-dot) {

--tw-bg-opacity: 1;

background-color: hsl(206 6.0% 43.5% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-4e231ade]:is(.dark .label.secondary .label-color-dot) {

background-color: hsl(206 6.0% 43.5% / var(--tw-bg-opacity))
}
}
.label.success[data-v-4e231ade] {

border-width: 1px;

border-style: solid;

--tw-border-opacity: 1;

border-color: hsl(146 38.5% 69.0% / 1);

--tw-bg-opacity: 1;

background-color: hsl(143 40.3% 79.0% / 1);

--tw-text-opacity: 1;

color: hsl(154 50.9% 17.6% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.label.success[data-v-4e231ade] {

border-color: hsl(146 38.5% 69.0% / var(--tw-border-opacity));

background-color: hsl(143 40.3% 79.0% / var(--tw-bg-opacity));

color: hsl(154 50.9% 17.6% / var(--tw-text-opacity))
}
}
[data-v-4e231ade]:is(.dark .label.success) {

--tw-border-opacity: 1;

border-color: hsl(152 57.5% 37.6% / 1);

--tw-bg-opacity: 1;

background-color: hsl(153 67.0% 28.5% / 1);

--tw-text-opacity: 1;

color: hsl(143 40.3% 79.0% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-4e231ade]:is(.dark .label.success) {

border-color: hsl(152 57.5% 37.6% / var(--tw-border-opacity));

background-color: hsl(153 67.0% 28.5% / var(--tw-bg-opacity));

color: hsl(143 40.3% 79.0% / var(--tw-text-opacity))
}
}
.label.success a[data-v-4e231ade] {

--tw-text-opacity: 1;

color: hsl(154 50.9% 17.6% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.label.success a[data-v-4e231ade] {

color: hsl(154 50.9% 17.6% / var(--tw-text-opacity))
}
}
[data-v-4e231ade]:is(.dark .label.success a) {

--tw-text-opacity: 1;

color: hsl(143 40.3% 79.0% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-4e231ade]:is(.dark .label.success a) {

color: hsl(143 40.3% 79.0% / var(--tw-text-opacity))
}
}
.label.success .label-color-dot[data-v-4e231ade] {

--tw-bg-opacity: 1;

background-color: hsl(152 57.5% 37.6% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.label.success .label-color-dot[data-v-4e231ade] {

background-color: hsl(152 57.5% 37.6% / var(--tw-bg-opacity))
}
}
[data-v-4e231ade]:is(.dark .label.success .label-color-dot) {

--tw-bg-opacity: 1;

background-color: hsl(152 57.5% 37.6% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-4e231ade]:is(.dark .label.success .label-color-dot) {

background-color: hsl(152 57.5% 37.6% / var(--tw-bg-opacity))
}
}
.label.alert[data-v-4e231ade] {

border-width: 1px;

border-style: solid;

--tw-border-opacity: 1;

border-color: hsl(359 69.5% 74.3% / 1);

--tw-bg-opacity: 1;

background-color: hsl(360 81.7% 87.8% / 1);

--tw-text-opacity: 1;

color: hsl(354 50.0% 14.6% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.label.alert[data-v-4e231ade] {

border-color: hsl(359 69.5% 74.3% / var(--tw-border-opacity));

background-color: hsl(360 81.7% 87.8% / var(--tw-bg-opacity));

color: hsl(354 50.0% 14.6% / var(--tw-text-opacity))
}
}
[data-v-4e231ade]:is(.dark .label.alert) {

--tw-border-opacity: 1;

border-color: hsl(358 69.4% 55.2% / 1);

--tw-bg-opacity: 1;

background-color: hsl(358 65.0% 48.7% / 1);

--tw-text-opacity: 1;

color: hsl(360 81.7% 87.8% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-4e231ade]:is(.dark .label.alert) {

border-color: hsl(358 69.4% 55.2% / var(--tw-border-opacity));

background-color: hsl(358 65.0% 48.7% / var(--tw-bg-opacity));

color: hsl(360 81.7% 87.8% / var(--tw-text-opacity))
}
}
.label.alert a[data-v-4e231ade] {

--tw-text-opacity: 1;

color: hsl(354 50.0% 14.6% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.label.alert a[data-v-4e231ade] {

color: hsl(354 50.0% 14.6% / var(--tw-text-opacity))
}
}
[data-v-4e231ade]:is(.dark .label.alert a) {

--tw-text-opacity: 1;

color: hsl(360 81.7% 87.8% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-4e231ade]:is(.dark .label.alert a) {

color: hsl(360 81.7% 87.8% / var(--tw-text-opacity))
}
}
.label.alert .label-color-dot[data-v-4e231ade] {

--tw-bg-opacity: 1;

background-color: hsl(358 69.4% 55.2% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.label.alert .label-color-dot[data-v-4e231ade] {

background-color: hsl(358 69.4% 55.2% / var(--tw-bg-opacity))
}
}
[data-v-4e231ade]:is(.dark .label.alert .label-color-dot) {

--tw-bg-opacity: 1;

background-color: hsl(358 69.4% 55.2% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-4e231ade]:is(.dark .label.alert .label-color-dot) {

background-color: hsl(358 69.4% 55.2% / var(--tw-bg-opacity))
}
}
.label.warning[data-v-4e231ade] {

border-width: 1px;

border-style: solid;

--tw-border-opacity: 1;

border-color: hsl(52 97.9% 82.0% / 1);

--tw-bg-opacity: 1;

background-color: hsl(55 100% 90.9% / 1);

--tw-text-opacity: 1;

color: hsl(45 100% 5.5% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.label.warning[data-v-4e231ade] {

border-color: hsl(52 97.9% 82.0% / var(--tw-border-opacity));

background-color: hsl(55 100% 90.9% / var(--tw-bg-opacity));

color: hsl(45 100% 5.5% / var(--tw-text-opacity))
}
}
[data-v-4e231ade]:is(.dark .label.warning) {

--tw-border-opacity: 1;

border-color: hsl(48 100% 46.1% / 1);

--tw-bg-opacity: 1;

background-color: hsl(49 90.3% 18.4% / 1);

--tw-text-opacity: 1;

color: hsl(55 100% 90.9% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-4e231ade]:is(.dark .label.warning) {

border-color: hsl(48 100% 46.1% / var(--tw-border-opacity));

background-color: hsl(49 90.3% 18.4% / var(--tw-bg-opacity));

color: hsl(55 100% 90.9% / var(--tw-text-opacity))
}
}
.label.warning a[data-v-4e231ade] {

--tw-text-opacity: 1;

color: hsl(45 100% 5.5% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.label.warning a[data-v-4e231ade] {

color: hsl(45 100% 5.5% / var(--tw-text-opacity))
}
}
[data-v-4e231ade]:is(.dark .label.warning a) {

--tw-text-opacity: 1;

color: hsl(55 100% 90.9% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-4e231ade]:is(.dark .label.warning a) {

color: hsl(55 100% 90.9% / var(--tw-text-opacity))
}
}
.label.warning .label-color-dot[data-v-4e231ade] {

--tw-bg-opacity: 1;

background-color: hsl(45 100% 5.5% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.label.warning .label-color-dot[data-v-4e231ade] {

background-color: hsl(45 100% 5.5% / var(--tw-bg-opacity))
}
}
[data-v-4e231ade]:is(.dark .label.warning .label-color-dot) {

--tw-bg-opacity: 1;

background-color: hsl(45 100% 5.5% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-4e231ade]:is(.dark .label.warning .label-color-dot) {

background-color: hsl(45 100% 5.5% / var(--tw-bg-opacity))
}
}
.label.smooth[data-v-4e231ade] {

border-width: 1px;

border-style: solid;

--tw-border-opacity: 1;

border-color: hsl(208 11.7% 91.1% / 1);

background-color: transparent;

--tw-text-opacity: 1;

color: hsl(207 5.6% 31.6% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.label.smooth[data-v-4e231ade] {

border-color: hsl(208 11.7% 91.1% / var(--tw-border-opacity));

color: hsl(207 5.6% 31.6% / var(--tw-text-opacity))
}
}
[data-v-4e231ade]:is(.dark .label.smooth) {

--tw-border-opacity: 1;

border-color: hsl(207 5.6% 31.6% / 1);

--tw-text-opacity: 1;

color: hsl(208 11.7% 91.1% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-4e231ade]:is(.dark .label.smooth) {

border-color: hsl(207 5.6% 31.6% / var(--tw-border-opacity));

color: hsl(208 11.7% 91.1% / var(--tw-text-opacity))
}
}
.label.dashed[data-v-4e231ade] {

border-width: 1px;

border-style: dashed;

--tw-border-opacity: 1;

border-color: hsl(208 11.7% 91.1% / 1);

background-color: transparent;

--tw-text-opacity: 1;

color: hsl(207 5.6% 31.6% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.label.dashed[data-v-4e231ade] {

border-color: hsl(208 11.7% 91.1% / var(--tw-border-opacity));

color: hsl(207 5.6% 31.6% / var(--tw-text-opacity))
}
}
[data-v-4e231ade]:is(.dark .label.dashed) {

--tw-border-opacity: 1;

border-color: hsl(207 5.6% 31.6% / 1);

--tw-text-opacity: 1;

color: hsl(208 11.7% 91.1% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-4e231ade]:is(.dark .label.dashed) {

border-color: hsl(207 5.6% 31.6% / var(--tw-border-opacity));

color: hsl(208 11.7% 91.1% / var(--tw-text-opacity))
}
}
.label-close--button[data-v-4e231ade] {

margin-bottom: -0.125rem;

display: flex;

cursor: pointer;

align-items: center;

justify-content: center;

border-radius: 0.125rem;

--tw-text-opacity: 1;

color: hsl(198 6.6% 15.8% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.label-close--button[data-v-4e231ade] {

color: hsl(198 6.6% 15.8% / var(--tw-text-opacity))
}
}
.label-close--button[data-v-4e231ade]:hover {

--tw-bg-opacity: 1;

background-color: hsl(208 11.7% 91.1% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.label-close--button[data-v-4e231ade]:hover {

background-color: hsl(208 11.7% 91.1% / var(--tw-bg-opacity))
}
}
[data-v-4e231ade]:is(.dark .label-close--button) {

--tw-text-opacity: 1;

color: hsl(208 11.7% 91.1% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-4e231ade]:is(.dark .label-close--button) {

color: hsl(208 11.7% 91.1% / var(--tw-text-opacity))
}
}
[data-v-4e231ade]:is(.dark .label-close--button:hover) {

--tw-bg-opacity: 1;

background-color: hsl(207 5.6% 31.6% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-4e231ade]:is(.dark .label-close--button:hover) {

background-color: hsl(207 5.6% 31.6% / var(--tw-bg-opacity))
}
}
.label-action--button[data-v-4e231ade] {

margin-right: 0.25rem;

display: flex
}
.label-color-dot[data-v-4e231ade] {

display: inline-block;

height: 0.75rem;

width: 0.75rem;

border-radius: 0.125rem;

--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);

--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);

box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);

box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.label.small .label-color-dot[data-v-4e231ade] {

height: 0.5rem;

width: 0.5rem;

border-radius: 0.125rem;

--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);

--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);

box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);

box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
button[data-v-4ca34a98]:disabled {

--tw-bg-opacity: 1;

background-color: hsl(209 95.0% 90.1% / 1);

opacity: 1
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
button[data-v-4ca34a98]:disabled {

background-color: hsl(209 95.0% 90.1% / var(--tw-bg-opacity))
}
}
[data-v-4ca34a98]:is(.dark button:disabled) {

background-color: hsl(209 100% 60.6% / 0.25);

--tw-text-opacity: 1;

color: hsl(206 5.2% 49.5% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-4ca34a98]:is(.dark button:disabled) {

color: hsl(206 5.2% 49.5% / var(--tw-text-opacity))
}
}
button[data-v-4ca34a98]:disabled:hover {

--tw-bg-opacity: 1;

background-color: hsl(209 95.0% 90.1% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
button[data-v-4ca34a98]:disabled:hover {

background-color: hsl(209 95.0% 90.1% / var(--tw-bg-opacity))
}
}
[data-v-4ca34a98]:is(.dark button:disabled:hover) {

background-color: hsl(209 100% 60.6% / 0.25)
}
.container[data-v-28d613d1] {
    width: 100%;
}
@media (min-width: 480px) {
.container[data-v-28d613d1] {
        max-width: 480px;
}
}
@media (min-width: 640px) {
.container[data-v-28d613d1] {
        max-width: 640px;
}
}
@media (min-width: 768px) {
.container[data-v-28d613d1] {
        max-width: 768px;
}
}
@media (min-width: 1024px) {
.container[data-v-28d613d1] {
        max-width: 1024px;
}
}
@media (min-width: 1280px) {
.container[data-v-28d613d1] {
        max-width: 1280px;
}
}
@media (min-width: 1536px) {
.container[data-v-28d613d1] {
        max-width: 1536px;
}
}
.prose[data-v-28d613d1] {
    color: var(--tw-prose-body);
    max-width: 65ch;
}
.prose[data-v-28d613d1] :where(p):not(:where([class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
}
.prose[data-v-28d613d1] :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
    color: var(--tw-prose-lead);
    font-size: 1.25em;
    line-height: 1.6;
    margin-top: 1.2em;
    margin-bottom: 1.2em;
}
.prose[data-v-28d613d1] :where(a):not(:where([class~="not-prose"] *)) {
    color: var(--tw-prose-links);
    text-decoration: underline;
    font-weight: 500;
}
.prose[data-v-28d613d1] :where(strong):not(:where([class~="not-prose"] *)) {
    color: var(--tw-prose-bold);
    font-weight: 600;
}
.prose[data-v-28d613d1] :where(a strong):not(:where([class~="not-prose"] *)) {
    color: inherit;
}
.prose[data-v-28d613d1] :where(blockquote strong):not(:where([class~="not-prose"] *)) {
    color: inherit;
}
.prose[data-v-28d613d1] :where(thead th strong):not(:where([class~="not-prose"] *)) {
    color: inherit;
}
.prose[data-v-28d613d1] :where(ol):not(:where([class~="not-prose"] *)) {
    list-style-type: decimal;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-left: 1.625em;
}
.prose[data-v-28d613d1] :where(ol[type="A"]):not(:where([class~="not-prose"] *)) {
    list-style-type: upper-alpha;
}
.prose[data-v-28d613d1] :where(ol[type="a"]):not(:where([class~="not-prose"] *)) {
    list-style-type: lower-alpha;
}
.prose[data-v-28d613d1] :where(ol[type="A" s]):not(:where([class~="not-prose"] *)) {
    list-style-type: upper-alpha;
}
.prose[data-v-28d613d1] :where(ol[type="a" s]):not(:where([class~="not-prose"] *)) {
    list-style-type: lower-alpha;
}
.prose[data-v-28d613d1] :where(ol[type="I"]):not(:where([class~="not-prose"] *)) {
    list-style-type: upper-roman;
}
.prose[data-v-28d613d1] :where(ol[type="i"]):not(:where([class~="not-prose"] *)) {
    list-style-type: lower-roman;
}
.prose[data-v-28d613d1] :where(ol[type="I" s]):not(:where([class~="not-prose"] *)) {
    list-style-type: upper-roman;
}
.prose[data-v-28d613d1] :where(ol[type="i" s]):not(:where([class~="not-prose"] *)) {
    list-style-type: lower-roman;
}
.prose[data-v-28d613d1] :where(ol[type="1"]):not(:where([class~="not-prose"] *)) {
    list-style-type: decimal;
}
.prose[data-v-28d613d1] :where(ul):not(:where([class~="not-prose"] *)) {
    list-style-type: disc;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-left: 1.625em;
}
.prose[data-v-28d613d1] :where(ol > li):not(:where([class~="not-prose"] *))::marker {
    font-weight: 400;
    color: var(--tw-prose-counters);
}
.prose[data-v-28d613d1] :where(ul > li):not(:where([class~="not-prose"] *))::marker {
    color: var(--tw-prose-bullets);
}
.prose[data-v-28d613d1] :where(hr):not(:where([class~="not-prose"] *)) {
    border-color: var(--tw-prose-hr);
    border-top-width: 1px;
    margin-top: 3em;
    margin-bottom: 3em;
}
.prose[data-v-28d613d1] :where(blockquote):not(:where([class~="not-prose"] *)) {
    font-weight: 500;
    font-style: italic;
    color: var(--tw-prose-quotes);
    border-left-width: 0.25rem;
    border-left-color: var(--tw-prose-quote-borders);
    quotes: "\201C""\201D""\2018""\2019";
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-left: 1em;
}
.prose[data-v-28d613d1] :where(blockquote p:first-of-type):not(:where([class~="not-prose"] *))::before {
    content: open-quote;
}
.prose[data-v-28d613d1] :where(blockquote p:last-of-type):not(:where([class~="not-prose"] *))::after {
    content: close-quote;
}
.prose[data-v-28d613d1] :where(h1):not(:where([class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 800;
    font-size: 2.25em;
    margin-top: 0;
    margin-bottom: 0.8888889em;
    line-height: 1.1111111;
}
.prose[data-v-28d613d1] :where(h1 strong):not(:where([class~="not-prose"] *)) {
    font-weight: 900;
    color: inherit;
}
.prose[data-v-28d613d1] :where(h2):not(:where([class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 700;
    font-size: 1.5em;
    margin-top: 2em;
    margin-bottom: 1em;
    line-height: 1.3333333;
}
.prose[data-v-28d613d1] :where(h2 strong):not(:where([class~="not-prose"] *)) {
    font-weight: 800;
    color: inherit;
}
.prose[data-v-28d613d1] :where(h3):not(:where([class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    font-size: 1.25em;
    margin-top: 1.6em;
    margin-bottom: 0.6em;
    line-height: 1.6;
}
.prose[data-v-28d613d1] :where(h3 strong):not(:where([class~="not-prose"] *)) {
    font-weight: 700;
    color: inherit;
}
.prose[data-v-28d613d1] :where(h4):not(:where([class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    line-height: 1.5;
}
.prose[data-v-28d613d1] :where(h4 strong):not(:where([class~="not-prose"] *)) {
    font-weight: 700;
    color: inherit;
}
.prose[data-v-28d613d1] :where(img):not(:where([class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
}
.prose[data-v-28d613d1] :where(figure > *):not(:where([class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
}
.prose[data-v-28d613d1] :where(figcaption):not(:where([class~="not-prose"] *)) {
    color: var(--tw-prose-captions);
    font-size: 0.875em;
    line-height: 1.4285714;
    margin-top: 0.8571429em;
}
.prose[data-v-28d613d1] :where(code):not(:where([class~="not-prose"] *)) {
    color: var(--tw-prose-code);
    font-weight: 600;
    font-size: 0.875em;
}
.prose[data-v-28d613d1] :where(code):not(:where([class~="not-prose"] *))::before {
    content: "`";
}
.prose[data-v-28d613d1] :where(code):not(:where([class~="not-prose"] *))::after {
    content: "`";
}
.prose[data-v-28d613d1] :where(a code):not(:where([class~="not-prose"] *)) {
    color: inherit;
}
.prose[data-v-28d613d1] :where(h1 code):not(:where([class~="not-prose"] *)) {
    color: inherit;
}
.prose[data-v-28d613d1] :where(h2 code):not(:where([class~="not-prose"] *)) {
    color: inherit;
    font-size: 0.875em;
}
.prose[data-v-28d613d1] :where(h3 code):not(:where([class~="not-prose"] *)) {
    color: inherit;
    font-size: 0.9em;
}
.prose[data-v-28d613d1] :where(h4 code):not(:where([class~="not-prose"] *)) {
    color: inherit;
}
.prose[data-v-28d613d1] :where(blockquote code):not(:where([class~="not-prose"] *)) {
    color: inherit;
}
.prose[data-v-28d613d1] :where(thead th code):not(:where([class~="not-prose"] *)) {
    color: inherit;
}
.prose[data-v-28d613d1] :where(pre):not(:where([class~="not-prose"] *)) {
    color: var(--tw-prose-pre-code);
    background-color: var(--tw-prose-pre-bg);
    overflow-x: auto;
    font-weight: 400;
    font-size: 0.875em;
    line-height: 1.7142857;
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
    border-radius: 0.375rem;
    padding-top: 0.8571429em;
    padding-right: 1.1428571em;
    padding-bottom: 0.8571429em;
    padding-left: 1.1428571em;
}
.prose[data-v-28d613d1] :where(pre code):not(:where([class~="not-prose"] *)) {
    background-color: transparent;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
}
.prose[data-v-28d613d1] :where(pre code):not(:where([class~="not-prose"] *))::before {
    content: none;
}
.prose[data-v-28d613d1] :where(pre code):not(:where([class~="not-prose"] *))::after {
    content: none;
}
.prose[data-v-28d613d1] :where(table):not(:where([class~="not-prose"] *)) {
    width: 100%;
    table-layout: auto;
    text-align: left;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: 0.875em;
    line-height: 1.7142857;
}
.prose[data-v-28d613d1] :where(thead):not(:where([class~="not-prose"] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-th-borders);
}
.prose[data-v-28d613d1] :where(thead th):not(:where([class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    vertical-align: bottom;
    padding-right: 0.5714286em;
    padding-bottom: 0.5714286em;
    padding-left: 0.5714286em;
}
.prose[data-v-28d613d1] :where(tbody tr):not(:where([class~="not-prose"] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-td-borders);
}
.prose[data-v-28d613d1] :where(tbody tr:last-child):not(:where([class~="not-prose"] *)) {
    border-bottom-width: 0;
}
.prose[data-v-28d613d1] :where(tbody td):not(:where([class~="not-prose"] *)) {
    vertical-align: baseline;
}
.prose[data-v-28d613d1] :where(tfoot):not(:where([class~="not-prose"] *)) {
    border-top-width: 1px;
    border-top-color: var(--tw-prose-th-borders);
}
.prose[data-v-28d613d1] :where(tfoot td):not(:where([class~="not-prose"] *)) {
    vertical-align: top;
}
.prose[data-v-28d613d1] {
    --tw-prose-body: #374151;
    --tw-prose-headings: #111827;
    --tw-prose-lead: #4b5563;
    --tw-prose-links: #111827;
    --tw-prose-bold: #111827;
    --tw-prose-counters: #6b7280;
    --tw-prose-bullets: #d1d5db;
    --tw-prose-hr: #e5e7eb;
    --tw-prose-quotes: #111827;
    --tw-prose-quote-borders: #e5e7eb;
    --tw-prose-captions: #6b7280;
    --tw-prose-code: #111827;
    --tw-prose-pre-code: #e5e7eb;
    --tw-prose-pre-bg: #1f2937;
    --tw-prose-th-borders: #d1d5db;
    --tw-prose-td-borders: #e5e7eb;
    --tw-prose-invert-body: #d1d5db;
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: #9ca3af;
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: #9ca3af;
    --tw-prose-invert-bullets: #4b5563;
    --tw-prose-invert-hr: #374151;
    --tw-prose-invert-quotes: #f3f4f6;
    --tw-prose-invert-quote-borders: #374151;
    --tw-prose-invert-captions: #9ca3af;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: #d1d5db;
    --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
    --tw-prose-invert-th-borders: #4b5563;
    --tw-prose-invert-td-borders: #374151;
    font-size: 1rem;
    line-height: 1.75;
}
.prose[data-v-28d613d1] :where(video):not(:where([class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
}
.prose[data-v-28d613d1] :where(figure):not(:where([class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
}
.prose[data-v-28d613d1] :where(li):not(:where([class~="not-prose"] *)) {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.prose[data-v-28d613d1] :where(ol > li):not(:where([class~="not-prose"] *)) {
    padding-left: 0.375em;
}
.prose[data-v-28d613d1] :where(ul > li):not(:where([class~="not-prose"] *)) {
    padding-left: 0.375em;
}
.prose[data-v-28d613d1] :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
}
.prose[data-v-28d613d1] :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
    margin-top: 1.25em;
}
.prose[data-v-28d613d1] :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
    margin-bottom: 1.25em;
}
.prose[data-v-28d613d1] :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
    margin-top: 1.25em;
}
.prose[data-v-28d613d1] :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
    margin-bottom: 1.25em;
}
.prose[data-v-28d613d1] :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
}
.prose[data-v-28d613d1] :where(hr + *):not(:where([class~="not-prose"] *)) {
    margin-top: 0;
}
.prose[data-v-28d613d1] :where(h2 + *):not(:where([class~="not-prose"] *)) {
    margin-top: 0;
}
.prose[data-v-28d613d1] :where(h3 + *):not(:where([class~="not-prose"] *)) {
    margin-top: 0;
}
.prose[data-v-28d613d1] :where(h4 + *):not(:where([class~="not-prose"] *)) {
    margin-top: 0;
}
.prose[data-v-28d613d1] :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
    padding-left: 0;
}
.prose[data-v-28d613d1] :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
    padding-right: 0;
}
.prose[data-v-28d613d1] :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
    padding-top: 0.5714286em;
    padding-right: 0.5714286em;
    padding-bottom: 0.5714286em;
    padding-left: 0.5714286em;
}
.prose[data-v-28d613d1] :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
    padding-left: 0;
}
.prose[data-v-28d613d1] :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
    padding-right: 0;
}
.prose[data-v-28d613d1] :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
    margin-top: 0;
}
.prose[data-v-28d613d1] :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
    margin-bottom: 0;
}
.prose-lg[data-v-28d613d1] {
    font-size: 1.125rem;
    line-height: 1.7777778;
}
.prose-lg[data-v-28d613d1] :where(p):not(:where([class~="not-prose"] *)) {
    margin-top: 1.3333333em;
    margin-bottom: 1.3333333em;
}
.prose-lg[data-v-28d613d1] :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
    font-size: 1.2222222em;
    line-height: 1.4545455;
    margin-top: 1.0909091em;
    margin-bottom: 1.0909091em;
}
.prose-lg[data-v-28d613d1] :where(blockquote):not(:where([class~="not-prose"] *)) {
    margin-top: 1.6666667em;
    margin-bottom: 1.6666667em;
    padding-left: 1em;
}
.prose-lg[data-v-28d613d1] :where(h1):not(:where([class~="not-prose"] *)) {
    font-size: 2.6666667em;
    margin-top: 0;
    margin-bottom: 0.8333333em;
    line-height: 1;
}
.prose-lg[data-v-28d613d1] :where(h2):not(:where([class~="not-prose"] *)) {
    font-size: 1.6666667em;
    margin-top: 1.8666667em;
    margin-bottom: 1.0666667em;
    line-height: 1.3333333;
}
.prose-lg[data-v-28d613d1] :where(h3):not(:where([class~="not-prose"] *)) {
    font-size: 1.3333333em;
    margin-top: 1.6666667em;
    margin-bottom: 0.6666667em;
    line-height: 1.5;
}
.prose-lg[data-v-28d613d1] :where(h4):not(:where([class~="not-prose"] *)) {
    margin-top: 1.7777778em;
    margin-bottom: 0.4444444em;
    line-height: 1.5555556;
}
.prose-lg[data-v-28d613d1] :where(img):not(:where([class~="not-prose"] *)) {
    margin-top: 1.7777778em;
    margin-bottom: 1.7777778em;
}
.prose-lg[data-v-28d613d1] :where(video):not(:where([class~="not-prose"] *)) {
    margin-top: 1.7777778em;
    margin-bottom: 1.7777778em;
}
.prose-lg[data-v-28d613d1] :where(figure):not(:where([class~="not-prose"] *)) {
    margin-top: 1.7777778em;
    margin-bottom: 1.7777778em;
}
.prose-lg[data-v-28d613d1] :where(figure > *):not(:where([class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
}
.prose-lg[data-v-28d613d1] :where(figcaption):not(:where([class~="not-prose"] *)) {
    font-size: 0.8888889em;
    line-height: 1.5;
    margin-top: 1em;
}
.prose-lg[data-v-28d613d1] :where(code):not(:where([class~="not-prose"] *)) {
    font-size: 0.8888889em;
}
.prose-lg[data-v-28d613d1] :where(h2 code):not(:where([class~="not-prose"] *)) {
    font-size: 0.8666667em;
}
.prose-lg[data-v-28d613d1] :where(h3 code):not(:where([class~="not-prose"] *)) {
    font-size: 0.875em;
}
.prose-lg[data-v-28d613d1] :where(pre):not(:where([class~="not-prose"] *)) {
    font-size: 0.8888889em;
    line-height: 1.75;
    margin-top: 2em;
    margin-bottom: 2em;
    border-radius: 0.375rem;
    padding-top: 1em;
    padding-right: 1.5em;
    padding-bottom: 1em;
    padding-left: 1.5em;
}
.prose-lg[data-v-28d613d1] :where(ol):not(:where([class~="not-prose"] *)) {
    margin-top: 1.3333333em;
    margin-bottom: 1.3333333em;
    padding-left: 1.5555556em;
}
.prose-lg[data-v-28d613d1] :where(ul):not(:where([class~="not-prose"] *)) {
    margin-top: 1.3333333em;
    margin-bottom: 1.3333333em;
    padding-left: 1.5555556em;
}
.prose-lg[data-v-28d613d1] :where(li):not(:where([class~="not-prose"] *)) {
    margin-top: 0.6666667em;
    margin-bottom: 0.6666667em;
}
.prose-lg[data-v-28d613d1] :where(ol > li):not(:where([class~="not-prose"] *)) {
    padding-left: 0.4444444em;
}
.prose-lg[data-v-28d613d1] :where(ul > li):not(:where([class~="not-prose"] *)) {
    padding-left: 0.4444444em;
}
.prose-lg[data-v-28d613d1] :where(.prose-lg > ul > li p):not(:where([class~="not-prose"] *)) {
    margin-top: 0.8888889em;
    margin-bottom: 0.8888889em;
}
.prose-lg[data-v-28d613d1] :where(.prose-lg > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
    margin-top: 1.3333333em;
}
.prose-lg[data-v-28d613d1] :where(.prose-lg > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
    margin-bottom: 1.3333333em;
}
.prose-lg[data-v-28d613d1] :where(.prose-lg > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
    margin-top: 1.3333333em;
}
.prose-lg[data-v-28d613d1] :where(.prose-lg > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
    margin-bottom: 1.3333333em;
}
.prose-lg[data-v-28d613d1] :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
    margin-top: 0.8888889em;
    margin-bottom: 0.8888889em;
}
.prose-lg[data-v-28d613d1] :where(hr):not(:where([class~="not-prose"] *)) {
    margin-top: 3.1111111em;
    margin-bottom: 3.1111111em;
}
.prose-lg[data-v-28d613d1] :where(hr + *):not(:where([class~="not-prose"] *)) {
    margin-top: 0;
}
.prose-lg[data-v-28d613d1] :where(h2 + *):not(:where([class~="not-prose"] *)) {
    margin-top: 0;
}
.prose-lg[data-v-28d613d1] :where(h3 + *):not(:where([class~="not-prose"] *)) {
    margin-top: 0;
}
.prose-lg[data-v-28d613d1] :where(h4 + *):not(:where([class~="not-prose"] *)) {
    margin-top: 0;
}
.prose-lg[data-v-28d613d1] :where(table):not(:where([class~="not-prose"] *)) {
    font-size: 0.8888889em;
    line-height: 1.5;
}
.prose-lg[data-v-28d613d1] :where(thead th):not(:where([class~="not-prose"] *)) {
    padding-right: 0.75em;
    padding-bottom: 0.75em;
    padding-left: 0.75em;
}
.prose-lg[data-v-28d613d1] :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
    padding-left: 0;
}
.prose-lg[data-v-28d613d1] :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
    padding-right: 0;
}
.prose-lg[data-v-28d613d1] :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
    padding-top: 0.75em;
    padding-right: 0.75em;
    padding-bottom: 0.75em;
    padding-left: 0.75em;
}
.prose-lg[data-v-28d613d1] :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
    padding-left: 0;
}
.prose-lg[data-v-28d613d1] :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
    padding-right: 0;
}
.prose-lg[data-v-28d613d1] :where(.prose-lg > :first-child):not(:where([class~="not-prose"] *)) {
    margin-top: 0;
}
.prose-lg[data-v-28d613d1] :where(.prose-lg > :last-child):not(:where([class~="not-prose"] *)) {
    margin-bottom: 0;
}
.avatar-color[data-v-28d613d1] {
    background-image: linear-gradient(to top, #c2e1ff 0%, #d6ebff 100%);
}
.dark-avatar-color[data-v-28d613d1] {
    background-image: linear-gradient(to top, #135899 0%, #135899 100%);
}
.avatar-container[data-v-28d613d1] {
    background-image: linear-gradient(to top, #c2e1ff 0%, #d6ebff 100%);
    display: flex;
    cursor: default;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    line-height: 100%;
    --tw-text-opacity: 1;
    color: hsl(206 100% 50.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.avatar-container[data-v-28d613d1] {
    color: hsl(206 100% 50.0% / var(--tw-text-opacity));
}
}
[data-v-28d613d1]:is(.dark .avatar-container) {
    background-image: linear-gradient(to top, #135899 0%, #135899 100%);
    --tw-text-opacity: 1;
    color: hsl(208 77.5% 76.9% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-28d613d1]:is(.dark .avatar-container) {
    color: hsl(208 77.5% 76.9% / var(--tw-text-opacity));
}
}
[data-v-28d613d1]:is(.dark .dark\:prose-invert) {
    --tw-prose-body: var(--tw-prose-invert-body);
    --tw-prose-headings: var(--tw-prose-invert-headings);
    --tw-prose-lead: var(--tw-prose-invert-lead);
    --tw-prose-links: var(--tw-prose-invert-links);
    --tw-prose-bold: var(--tw-prose-invert-bold);
    --tw-prose-counters: var(--tw-prose-invert-counters);
    --tw-prose-bullets: var(--tw-prose-invert-bullets);
    --tw-prose-hr: var(--tw-prose-invert-hr);
    --tw-prose-quotes: var(--tw-prose-invert-quotes);
    --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
    --tw-prose-captions: var(--tw-prose-invert-captions);
    --tw-prose-code: var(--tw-prose-invert-code);
    --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
    --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
    --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
    --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
}
[data-v-28d613d1]:is(.dark .dark\:dark-avatar-color) {
    background-image: linear-gradient(to top, #135899 0%, #135899 100%);
}
@media (min-width: 1024px) {
.lg\:container[data-v-28d613d1] {
        width: 100%;
}
@media (min-width: 480px) {
.lg\:container[data-v-28d613d1] {
            max-width: 480px;
}
}
@media (min-width: 640px) {
.lg\:container[data-v-28d613d1] {
            max-width: 640px;
}
}
@media (min-width: 768px) {
.lg\:container[data-v-28d613d1] {
            max-width: 768px;
}
}
@media (min-width: 1024px) {
.lg\:container[data-v-28d613d1] {
            max-width: 1024px;
}
}
@media (min-width: 1280px) {
.lg\:container[data-v-28d613d1] {
            max-width: 1280px;
}
}
@media (min-width: 1536px) {
.lg\:container[data-v-28d613d1] {
            max-width: 1536px;
}
}
}

.user-thumbnail-box[data-v-67ba45b8] {
  flex: 0 0 auto;
  max-width: 100%;
  position: relative;
}
.user-thumbnail-box.is-rounded[data-v-67ba45b8] {
  border-radius: 50%;
}
.user-thumbnail-box .user-thumbnail[data-v-67ba45b8] {
  border-radius: 50%;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: baseline;
  vertical-align: initial;
}
.user-thumbnail-box .user-thumbnail.thumbnail-square[data-v-67ba45b8] {
  border-radius: var(--border-radius-large);
}
.user-thumbnail-box .source-badge[data-v-67ba45b8] {
  border-radius: var(--border-radius-small);
  bottom: var(--space-minus-micro);
  box-shadow: var(--shadow-small);
  height: var(--space-slab);
  padding: var(--space-micro);
  position: absolute;
  right: 0;
  width: var(--space-slab);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.user-thumbnail-box .source-badge[data-v-67ba45b8] {
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}
[data-v-67ba45b8]:is(.dark .user-thumbnail-box .source-badge) {
  --tw-bg-opacity: 1;
  background-color: hsl(200 7.0% 8.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-67ba45b8]:is(.dark .user-thumbnail-box .source-badge) {
    background-color: hsl(200 7.0% 8.8% / var(--tw-bg-opacity));
}
}
.user-thumbnail-box .user-online-status[data-v-67ba45b8] {
  border-radius: 50%;
  bottom: var(--space-micro);
}
.user-thumbnail-box .user-online-status[data-v-67ba45b8]:after {
  content: " ";
}
.user-thumbnail-box .user-online-status--online[data-v-67ba45b8] {
  --tw-bg-opacity: 1;
  background-color: hsl(151 49.3% 46.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.user-thumbnail-box .user-online-status--online[data-v-67ba45b8] {
    background-color: hsl(151 49.3% 46.5% / var(--tw-bg-opacity));
}
}
[data-v-67ba45b8]:is(.dark .user-thumbnail-box .user-online-status--online) {
  --tw-bg-opacity: 1;
  background-color: hsl(151 49.3% 46.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-67ba45b8]:is(.dark .user-thumbnail-box .user-online-status--online) {
    background-color: hsl(151 49.3% 46.5% / var(--tw-bg-opacity));
}
}
.user-thumbnail-box .user-online-status--busy[data-v-67ba45b8] {
  --tw-bg-opacity: 1;
  background-color: hsl(48 100% 47.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.user-thumbnail-box .user-online-status--busy[data-v-67ba45b8] {
    background-color: hsl(48 100% 47.0% / var(--tw-bg-opacity));
}
}
[data-v-67ba45b8]:is(.dark .user-thumbnail-box .user-online-status--busy) {
  --tw-bg-opacity: 1;
  background-color: hsl(48 100% 47.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-67ba45b8]:is(.dark .user-thumbnail-box .user-online-status--busy) {
    background-color: hsl(48 100% 47.0% / var(--tw-bg-opacity));
}
}
.user-thumbnail-box .user-online-status--offline[data-v-67ba45b8] {
  --tw-bg-opacity: 1;
  background-color: hsl(206 5.2% 49.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.user-thumbnail-box .user-online-status--offline[data-v-67ba45b8] {
    background-color: hsl(206 5.2% 49.5% / var(--tw-bg-opacity));
}
}
[data-v-67ba45b8]:is(.dark .user-thumbnail-box .user-online-status--offline) {
  --tw-bg-opacity: 1;
  background-color: hsl(206 5.2% 49.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-67ba45b8]:is(.dark .user-thumbnail-box .user-online-status--offline) {
    background-color: hsl(206 5.2% 49.5% / var(--tw-bg-opacity));
}
}
textarea[data-v-4610bbde] {
  min-height: 8rem;
  resize: vertical;
}
.mention--box .dropdown-menu__item:last-child > button[data-v-009c847f] {

    border-width: 0px
}
.canned-item__button[data-v-009c847f] .button__content {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap
}

.variable--list-label[data-v-1078bebe] {
  font-weight: var(--font-weight-bold);
}

@charset "UTF-8";
.ProseMirror,
.ProseMirror-menubar-wrapper {
  --s-25: #f8fafc;
  --s-50: #f1f5f8;
  --s-75: #ebf0f5;
  --s-100: #e4ebf1;
  --s-200: #c9d7e3;
  --s-300: #aec3d5;
  --s-400: #93afc8;
  --s-500: #779bbb;
  --s-600: #446888;
  --s-700: #37546d;
  --s-800: #293f51;
  --s-900: #1b2836;
  --space-zero: 0;
  --space-micro: 2px;
  --space-smaller: 4px;
  --space-small: 8px;
  --space-one: 1px;
  --space-slab: 12px;
  --space-normal: 16px;
  --space-medium: 24px;
  --space-large: 32px;
  --space-larger: 48px;
  --space-big: 54px;
  --font-size-small: 14px;
  --font-size-default: 16px;
  --font-size-medium: 18px;
  --font-size-large: 20px;
  --font-size-larger: 22px;
  --font-size-big: 24px;
  --font-size-bigger: 3px;
  --font-weight-feather: 100;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 600;
  --font-weight-black: 700;
  --font-weight-heavy: 800;
  --border-radius-small: 3px;
  --border-radius-medium: 7px;
}
.ProseMirror {
  padding: var(--space-smaller);
  line-height: 1.4;
  outline: none;
  position: relative;
  word-wrap: break-word;
  white-space: pre-wrap;
  -webkit-font-variant-ligatures: none;
  font-feature-settings: none;
  font-variant-ligatures: none;
}
.ProseMirror-hideselection *::-moz-selection {
  background: transparent;
}
.ProseMirror-hideselection *::selection {
  background: transparent;
}
.ProseMirror-hideselection *::-moz-selection {
  background: transparent;
}
.ProseMirror-hideselection {
  caret-color: transparent;
}
.ProseMirror-selectednode {
  outline: 2px solid var(--w-200);
}
/* Make sure li selections wrap around markers */
li.ProseMirror-selectednode {
  outline: none;
}
li.ProseMirror-selectednode:after {
  content: "";
  position: absolute;
  left: -32px;
  right: -2px;
  top: -2px;
  bottom: -2px;
  border: 2px solid var(--w-200);
  pointer-events: none;
}
.ProseMirror-textblock-dropdown {
  min-width: 3em;
}
.ProseMirror-menu {
  margin: 0 -4px;
  line-height: 1;
}
.ProseMirror-tooltip .ProseMirror-menu {
  width: -moz-fit-content;
  width: fit-content;
  white-space: pre;
}
.ProseMirror-menuitem {
  margin-right: var(--space-small);
  display: inline-block;
}
.ProseMirror-menu-active {
  background: var(--s-75);
  border-radius: var(--border-radius-small);
}
.ProseMirror-menu-disabled {
  opacity: 0.3;
}
.ProseMirror-menubar {
  position: relative;
  min-height: var(--space-medium);
  color: var(--s-700);
  padding: var(--space-small) 0;
  top: 0;
  right: 0;
  background: white;
  z-index: 10;
  box-sizing: border-box;
  overflow: visible;
}
.ProseMirror-icon {
  display: inline-block;
  line-height: 0.8;
  vertical-align: -2px;
  padding: var(--space-small);
  cursor: pointer;
  box-sizing: content-box;
}
.ProseMirror-menu-disabled.ProseMirror-icon {
  cursor: default;
}
.ProseMirror-icon svg {
  fill: currentColor;
  width: var(--space-slab) !important;
  height: var(--space-slab);
}
.ProseMirror-icon span {
  vertical-align: text-top;
}
.ProseMirror-gapcursor {
  display: none;
  pointer-events: none;
  position: absolute;
}
.ProseMirror-gapcursor:after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  width: 20px;
  border-top: 1px solid black;
  animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
}
@keyframes ProseMirror-cursor-blink {
to {
    visibility: hidden;
}
}
.ProseMirror-focused .ProseMirror-gapcursor {
  display: block;
}
.ProseMirror-prompt {
  position: fixed;
  z-index: 11;
  padding: var(--space-normal);
  background: white;
}
.ProseMirror-prompt input[type=text] {
  padding: 0 4px;
}
.ProseMirror-prompt-close {
  position: absolute;
  left: 2px;
  top: 1px;
  color: #666;
  border: none;
  background: transparent;
  padding: 0;
}
.ProseMirror-prompt-close:after {
  content: "✕";
  font-size: 12px;
}
.ProseMirror-invalid {
  background: #ffc;
  border: 1px solid #cc7;
  border-radius: 4px;
  padding: 5px 10px;
  position: absolute;
  min-width: 10em;
}
.ProseMirror-prompt-buttons {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-start;
}
.ProseMirror-prompt-buttons .button--save-link {
  margin-left: var(--space-smaller);
}
#editor,
.editor {
  background: white;
  color: black;
  background-clip: padding-box;
  border-radius: 4px;
  border: 2px solid rgba(0, 0, 0, 0.2);
  padding: 5px 0;
  margin-bottom: 23px;
}
.ProseMirror ul,
.ProseMirror ol {
  padding-left: var(--space-normal);
  margin-left: 0;
}
.ProseMirror li {
  position: relative;
  padding-left: var(--space-smaller);
}
.ProseMirror blockquote {
  padding-left: var(--space-small);
  padding-top: 0;
  border-left: var(--space-smaller) solid var(--s-200);
  margin: var(--space-normal) 0;
}
.ProseMirror blockquote p {
  color: var(--s-600);
}
.ProseMirror pre {
  white-space: pre-wrap;
  background: var(--s-900);
  border-radius: var(--border-radius-medium);
  padding: var(--space-small);
  margin-bottom: var(--space-small);
}
.ProseMirror strong code,
.ProseMirror p code {
  background: var(--s-75);
  font-family: "ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", '"Liberation Mono"', '"Courier New"', "monospace";
  border-radius: var(--border-radius-small);
  padding: var(--space-smaller);
  color: var(--s-800);
}
.ProseMirror pre code {
  background: transparent;
  color: #fff;
  padding: 0;
}
.ProseMirror p:first-child,
.ProseMirror h1:first-child,
.ProseMirror h2:first-child,
.ProseMirror h3:first-child,
.ProseMirror h4:first-child,
.ProseMirror h5:first-child,
.ProseMirror h6:first-child {
  margin-top: 10px;
}
.ProseMirror p {
  margin-bottom: var(--space-small);
}
.ProseMirror li::marker {
  font-size: var(--font-size-small);
}
.ProseMirror .empty-node::before {
  position: absolute;
  color: #aaa;
  cursor: text;
}
.ProseMirror .empty-node:hover::before {
  color: #777;
}
.ProseMirror p.empty-node:first-child::before {
  content: attr(data-placeholder);
  cursor: text;
}
.ProseMirror-menubar-wrapper{
  display: flex;
  flex-direction: column;
}
.ProseMirror-menubar-wrapper .ProseMirror-menubar {
  min-height: var(--space-two) !important;
  margin-left: -0.625rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  padding-bottom: 0px;
  --tw-text-opacity: 1;
  color: hsl(207 5.6% 31.6% / 1);
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)){
.ProseMirror-menubar-wrapper .ProseMirror-menubar {
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)){
.ProseMirror-menubar-wrapper .ProseMirror-menubar {
  color: hsl(207 5.6% 31.6% / var(--tw-text-opacity));
}
}
:is(.dark .ProseMirror-menubar-wrapper .ProseMirror-menubar){
  --tw-bg-opacity: 1;
  background-color: hsl(200 7.0% 8.8% / 1);
  --tw-text-opacity: 1;
  color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)){
:is(.dark .ProseMirror-menubar-wrapper .ProseMirror-menubar){
    background-color: hsl(200 7.0% 8.8% / var(--tw-bg-opacity));
    color: hsl(208 11.7% 91.1% / var(--tw-text-opacity));
}
}
.ProseMirror-menubar-wrapper .ProseMirror-menubar .ProseMirror-menu-active{
  --tw-bg-opacity: 1;
  background-color: hsl(209 12.2% 93.2% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)){
.ProseMirror-menubar-wrapper .ProseMirror-menubar .ProseMirror-menu-active{
    background-color: hsl(209 12.2% 93.2% / var(--tw-bg-opacity));
}
}
:is(.dark .ProseMirror-menubar-wrapper .ProseMirror-menubar .ProseMirror-menu-active){
  --tw-bg-opacity: 1;
  background-color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)){
:is(.dark .ProseMirror-menubar-wrapper .ProseMirror-menubar .ProseMirror-menu-active){
    background-color: hsl(198 6.6% 15.8% / var(--tw-bg-opacity));
}
}
.ProseMirror-menubar-wrapper > .ProseMirror{
  overflow-wrap: break-word;
  padding: 0px;
  --tw-text-opacity: 1;
  color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)){
.ProseMirror-menubar-wrapper > .ProseMirror{
    color: hsl(198 6.6% 15.8% / var(--tw-text-opacity));
}
}
:is(.dark .ProseMirror-menubar-wrapper > .ProseMirror){
  --tw-text-opacity: 1;
  color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)){
:is(.dark .ProseMirror-menubar-wrapper > .ProseMirror){
    color: hsl(208 11.7% 91.1% / var(--tw-text-opacity));
}
}
.ProseMirror-menubar-wrapper > .ProseMirror h1,
.ProseMirror-menubar-wrapper > .ProseMirror h2,
.ProseMirror-menubar-wrapper > .ProseMirror h3,
.ProseMirror-menubar-wrapper > .ProseMirror h4,
.ProseMirror-menubar-wrapper > .ProseMirror h5,
.ProseMirror-menubar-wrapper > .ProseMirror h6,
.ProseMirror-menubar-wrapper > .ProseMirror p{
  --tw-text-opacity: 1;
  color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)){
.ProseMirror-menubar-wrapper > .ProseMirror h1,
.ProseMirror-menubar-wrapper > .ProseMirror h2,
.ProseMirror-menubar-wrapper > .ProseMirror h3,
.ProseMirror-menubar-wrapper > .ProseMirror h4,
.ProseMirror-menubar-wrapper > .ProseMirror h5,
.ProseMirror-menubar-wrapper > .ProseMirror h6,
.ProseMirror-menubar-wrapper > .ProseMirror p{
    color: hsl(198 6.6% 15.8% / var(--tw-text-opacity));
}
}
:is(.dark .ProseMirror-menubar-wrapper > .ProseMirror h1),:is(.dark 
.ProseMirror-menubar-wrapper > .ProseMirror h2),:is(.dark 
.ProseMirror-menubar-wrapper > .ProseMirror h3),:is(.dark 
.ProseMirror-menubar-wrapper > .ProseMirror h4),:is(.dark 
.ProseMirror-menubar-wrapper > .ProseMirror h5),:is(.dark 
.ProseMirror-menubar-wrapper > .ProseMirror h6),:is(.dark 
.ProseMirror-menubar-wrapper > .ProseMirror p){
  --tw-text-opacity: 1;
  color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)){
:is(.dark .ProseMirror-menubar-wrapper > .ProseMirror h1),:is(.dark 
.ProseMirror-menubar-wrapper > .ProseMirror h2),:is(.dark 
.ProseMirror-menubar-wrapper > .ProseMirror h3),:is(.dark 
.ProseMirror-menubar-wrapper > .ProseMirror h4),:is(.dark 
.ProseMirror-menubar-wrapper > .ProseMirror h5),:is(.dark 
.ProseMirror-menubar-wrapper > .ProseMirror h6),:is(.dark 
.ProseMirror-menubar-wrapper > .ProseMirror p){
    color: hsl(208 11.7% 91.1% / var(--tw-text-opacity));
}
}
.ProseMirror-menubar-wrapper > .ProseMirror blockquote{
  --tw-border-opacity: 1;
  border-color: hsl(206 6.0% 63.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)){
.ProseMirror-menubar-wrapper > .ProseMirror blockquote{
    border-color: hsl(206 6.0% 63.0% / var(--tw-border-opacity));
}
}
:is(.dark .ProseMirror-menubar-wrapper > .ProseMirror blockquote){
  --tw-border-opacity: 1;
  border-color: hsl(206 5.2% 49.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)){
:is(.dark .ProseMirror-menubar-wrapper > .ProseMirror blockquote){
    border-color: hsl(206 5.2% 49.5% / var(--tw-border-opacity));
}
}
.ProseMirror-menubar-wrapper > .ProseMirror blockquote p{
  --tw-text-opacity: 1;
  color: hsl(206 6.0% 43.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)){
.ProseMirror-menubar-wrapper > .ProseMirror blockquote p{
    color: hsl(206 6.0% 43.5% / var(--tw-text-opacity));
}
}
:is(.dark .ProseMirror-menubar-wrapper > .ProseMirror blockquote p){
  --tw-text-opacity: 1;
  color: hsl(206 6.0% 63.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)){
:is(.dark .ProseMirror-menubar-wrapper > .ProseMirror blockquote p){
    color: hsl(206 6.0% 63.0% / var(--tw-text-opacity));
}
}
.ProseMirror-menubar-wrapper > .ProseMirror ol li{
  display: list-item;
  list-style-type: decimal;
}
.editor-root{
  position: relative;
  width: 100%;
}
.ProseMirror-woot-style{
  max-height: 7.5rem;
  min-height: 5rem;
  overflow: auto;
}
.ProseMirror-prompt{
  z-index: 9999;
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: hsl(209 12.2% 93.2% / 1);
  --tw-bg-opacity: 1;
  background-color: hsl(210 16.7% 97.6% / 1);
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)){
.ProseMirror-prompt{
    border-color: hsl(209 12.2% 93.2% / var(--tw-border-opacity));
    background-color: hsl(210 16.7% 97.6% / var(--tw-bg-opacity));
}
}
:is(.dark .ProseMirror-prompt){
  --tw-border-opacity: 1;
  border-color: hsl(198 6.6% 15.8% / 1);
  --tw-bg-opacity: 1;
  background-color: hsl(207 5.6% 31.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)){
:is(.dark .ProseMirror-prompt){
    border-color: hsl(198 6.6% 15.8% / var(--tw-border-opacity));
    background-color: hsl(207 5.6% 31.6% / var(--tw-bg-opacity));
}
}
.ProseMirror-prompt h5{
  --tw-text-opacity: 1;
  color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)){
.ProseMirror-prompt h5{
    color: hsl(198 6.6% 15.8% / var(--tw-text-opacity));
}
}
:is(.dark .ProseMirror-prompt h5){
  --tw-text-opacity: 1;
  color: hsl(210 16.7% 97.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)){
:is(.dark .ProseMirror-prompt h5){
    color: hsl(210 16.7% 97.6% / var(--tw-text-opacity));
}
}
.is-private .prosemirror-mention-node{
  --tw-bg-opacity: 1;
  background-color: hsl(55 100% 90.9% / 1);
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: hsl(200 7.0% 8.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)){
.is-private .prosemirror-mention-node{
    background-color: hsl(55 100% 90.9% / var(--tw-bg-opacity));
    color: hsl(200 7.0% 8.8% / var(--tw-text-opacity));
}
}
:is(.dark .is-private .prosemirror-mention-node){
  --tw-bg-opacity: 1;
  background-color: hsl(46 100% 6.7% / 1);
  --tw-text-opacity: 1;
  color: hsl(210 16.7% 97.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)){
:is(.dark .is-private .prosemirror-mention-node){
    background-color: hsl(46 100% 6.7% / var(--tw-bg-opacity));
    color: hsl(210 16.7% 97.6% / var(--tw-text-opacity));
}
}
.is-private .ProseMirror-menubar-wrapper .ProseMirror-menubar{
  --tw-bg-opacity: 1;
  background-color: hsl(55 100% 90.9% / 1);
  --tw-text-opacity: 1;
  color: hsl(207 5.6% 31.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)){
.is-private .ProseMirror-menubar-wrapper .ProseMirror-menubar{
    background-color: hsl(55 100% 90.9% / var(--tw-bg-opacity));
    color: hsl(207 5.6% 31.6% / var(--tw-text-opacity));
}
}
:is(.dark .is-private .ProseMirror-menubar-wrapper .ProseMirror-menubar){
  --tw-bg-opacity: 1;
  background-color: hsl(46 100% 6.7% / 1);
  --tw-text-opacity: 1;
  color: hsl(210 16.7% 97.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)){
:is(.dark .is-private .ProseMirror-menubar-wrapper .ProseMirror-menubar){
    background-color: hsl(46 100% 6.7% / var(--tw-bg-opacity));
    color: hsl(210 16.7% 97.6% / var(--tw-text-opacity));
}
}
.is-private .ProseMirror-menubar-wrapper > .ProseMirror{
  --tw-text-opacity: 1;
  color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)){
.is-private .ProseMirror-menubar-wrapper > .ProseMirror{
    color: hsl(198 6.6% 15.8% / var(--tw-text-opacity));
}
}
:is(.dark .is-private .ProseMirror-menubar-wrapper > .ProseMirror){
  --tw-text-opacity: 1;
  color: hsl(210 16.7% 97.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)){
:is(.dark .is-private .ProseMirror-menubar-wrapper > .ProseMirror){
    color: hsl(210 16.7% 97.6% / var(--tw-text-opacity));
}
}
.is-private .ProseMirror-menubar-wrapper > .ProseMirror p{
  --tw-text-opacity: 1;
  color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)){
.is-private .ProseMirror-menubar-wrapper > .ProseMirror p{
    color: hsl(198 6.6% 15.8% / var(--tw-text-opacity));
}
}
:is(.dark .is-private .ProseMirror-menubar-wrapper > .ProseMirror p){
  --tw-text-opacity: 1;
  color: hsl(210 16.7% 97.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)){
:is(.dark .is-private .ProseMirror-menubar-wrapper > .ProseMirror p){
    color: hsl(210 16.7% 97.6% / var(--tw-text-opacity));
}
}
.editor-wrap{
  margin-bottom: 1rem;
}
.message-editor{
  margin-bottom: 0px;
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: hsl(207 11.1% 85.9% / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)){
.message-editor{
    border-color: hsl(207 11.1% 85.9% / var(--tw-border-opacity));
}
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)){
.message-editor{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}
:is(.dark .message-editor){
  --tw-border-opacity: 1;
  border-color: hsl(206 6.0% 43.5% / 1);
  --tw-bg-opacity: 1;
  background-color: hsl(200 7.0% 8.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)){
:is(.dark .message-editor){
    border-color: hsl(206 6.0% 43.5% / var(--tw-border-opacity));
    background-color: hsl(200 7.0% 8.8% / var(--tw-bg-opacity));
}
}
.editor_warning{
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: hsl(358 85.3% 64.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)){
.editor_warning{
    border-color: hsl(358 85.3% 64.0% / var(--tw-border-opacity));
}
}
:is(.dark .editor_warning){
  --tw-border-opacity: 1;
  border-color: hsl(358 85.3% 64.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)){
:is(.dark .editor_warning){
    border-color: hsl(358 85.3% 64.0% / var(--tw-border-opacity));
}
}
.editor-warning__message{
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0.25rem;
  padding-bottom: 0px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: hsl(358 85.3% 64.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)){
.editor-warning__message{
    color: hsl(358 85.3% 64.0% / var(--tw-text-opacity));
}
}
:is(.dark .editor-warning__message){
  --tw-text-opacity: 1;
  color: hsl(358 85.3% 64.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)){
:is(.dark .editor-warning__message){
    color: hsl(358 85.3% 64.0% / var(--tw-text-opacity));
}
}
.login-init[data-v-56e797da] {
    padding-top: 30%;
    text-align: center
}
.login-init p[data-v-56e797da] {
    padding: 1.5rem
}
.login-init > a > img[data-v-56e797da] {
    width: 15rem
}
.inactive img[data-v-504c02cc] {
  filter: grayscale(100%);
}
.inactive[data-v-504c02cc]:hover {
  cursor: not-allowed;
  border-color: transparent;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.messagingServiceHelptext[data-v-07350cf5] {
  margin-top: -10px;
  margin-bottom: 15px;
}
.messagingServiceHelptext .checkbox[data-v-07350cf5] {
  margin: 0px 4px;
}

.shadow-filter-logo{
  filter: drop-shadow(0px 0px 2px #22223455);
}

.status-badge__online[data-v-9ff00abc] {

--tw-bg-opacity: 1;

background-color: hsl(151 49.3% 46.5% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.status-badge__online[data-v-9ff00abc] {

background-color: hsl(151 49.3% 46.5% / var(--tw-bg-opacity))
}
}
.status-badge__offline[data-v-9ff00abc] {

--tw-bg-opacity: 1;

background-color: hsl(206 5.2% 49.5% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.status-badge__offline[data-v-9ff00abc] {

background-color: hsl(206 5.2% 49.5% / var(--tw-bg-opacity))
}
}
.status-badge__busy[data-v-9ff00abc] {

--tw-bg-opacity: 1;

background-color: hsl(48 100% 47.0% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.status-badge__busy[data-v-9ff00abc] {

background-color: hsl(48 100% 47.0% / var(--tw-bg-opacity))
}
}
.container[data-v-a68d5e08] {
    width: 100%;
}
@media (min-width: 480px) {
.container[data-v-a68d5e08] {
        max-width: 480px;
}
}
@media (min-width: 640px) {
.container[data-v-a68d5e08] {
        max-width: 640px;
}
}
@media (min-width: 768px) {
.container[data-v-a68d5e08] {
        max-width: 768px;
}
}
@media (min-width: 1024px) {
.container[data-v-a68d5e08] {
        max-width: 1024px;
}
}
@media (min-width: 1280px) {
.container[data-v-a68d5e08] {
        max-width: 1280px;
}
}
@media (min-width: 1536px) {
.container[data-v-a68d5e08] {
        max-width: 1536px;
}
}
.prose[data-v-a68d5e08] {
    color: var(--tw-prose-body);
    max-width: 65ch;
}
.prose[data-v-a68d5e08] :where(p):not(:where([class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
}
.prose[data-v-a68d5e08] :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
    color: var(--tw-prose-lead);
    font-size: 1.25em;
    line-height: 1.6;
    margin-top: 1.2em;
    margin-bottom: 1.2em;
}
.prose[data-v-a68d5e08] :where(a):not(:where([class~="not-prose"] *)) {
    color: var(--tw-prose-links);
    text-decoration: underline;
    font-weight: 500;
}
.prose[data-v-a68d5e08] :where(strong):not(:where([class~="not-prose"] *)) {
    color: var(--tw-prose-bold);
    font-weight: 600;
}
.prose[data-v-a68d5e08] :where(a strong):not(:where([class~="not-prose"] *)) {
    color: inherit;
}
.prose[data-v-a68d5e08] :where(blockquote strong):not(:where([class~="not-prose"] *)) {
    color: inherit;
}
.prose[data-v-a68d5e08] :where(thead th strong):not(:where([class~="not-prose"] *)) {
    color: inherit;
}
.prose[data-v-a68d5e08] :where(ol):not(:where([class~="not-prose"] *)) {
    list-style-type: decimal;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-left: 1.625em;
}
.prose[data-v-a68d5e08] :where(ol[type="A"]):not(:where([class~="not-prose"] *)) {
    list-style-type: upper-alpha;
}
.prose[data-v-a68d5e08] :where(ol[type="a"]):not(:where([class~="not-prose"] *)) {
    list-style-type: lower-alpha;
}
.prose[data-v-a68d5e08] :where(ol[type="A" s]):not(:where([class~="not-prose"] *)) {
    list-style-type: upper-alpha;
}
.prose[data-v-a68d5e08] :where(ol[type="a" s]):not(:where([class~="not-prose"] *)) {
    list-style-type: lower-alpha;
}
.prose[data-v-a68d5e08] :where(ol[type="I"]):not(:where([class~="not-prose"] *)) {
    list-style-type: upper-roman;
}
.prose[data-v-a68d5e08] :where(ol[type="i"]):not(:where([class~="not-prose"] *)) {
    list-style-type: lower-roman;
}
.prose[data-v-a68d5e08] :where(ol[type="I" s]):not(:where([class~="not-prose"] *)) {
    list-style-type: upper-roman;
}
.prose[data-v-a68d5e08] :where(ol[type="i" s]):not(:where([class~="not-prose"] *)) {
    list-style-type: lower-roman;
}
.prose[data-v-a68d5e08] :where(ol[type="1"]):not(:where([class~="not-prose"] *)) {
    list-style-type: decimal;
}
.prose[data-v-a68d5e08] :where(ul):not(:where([class~="not-prose"] *)) {
    list-style-type: disc;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-left: 1.625em;
}
.prose[data-v-a68d5e08] :where(ol > li):not(:where([class~="not-prose"] *))::marker {
    font-weight: 400;
    color: var(--tw-prose-counters);
}
.prose[data-v-a68d5e08] :where(ul > li):not(:where([class~="not-prose"] *))::marker {
    color: var(--tw-prose-bullets);
}
.prose[data-v-a68d5e08] :where(hr):not(:where([class~="not-prose"] *)) {
    border-color: var(--tw-prose-hr);
    border-top-width: 1px;
    margin-top: 3em;
    margin-bottom: 3em;
}
.prose[data-v-a68d5e08] :where(blockquote):not(:where([class~="not-prose"] *)) {
    font-weight: 500;
    font-style: italic;
    color: var(--tw-prose-quotes);
    border-left-width: 0.25rem;
    border-left-color: var(--tw-prose-quote-borders);
    quotes: "\201C""\201D""\2018""\2019";
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-left: 1em;
}
.prose[data-v-a68d5e08] :where(blockquote p:first-of-type):not(:where([class~="not-prose"] *))::before {
    content: open-quote;
}
.prose[data-v-a68d5e08] :where(blockquote p:last-of-type):not(:where([class~="not-prose"] *))::after {
    content: close-quote;
}
.prose[data-v-a68d5e08] :where(h1):not(:where([class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 800;
    font-size: 2.25em;
    margin-top: 0;
    margin-bottom: 0.8888889em;
    line-height: 1.1111111;
}
.prose[data-v-a68d5e08] :where(h1 strong):not(:where([class~="not-prose"] *)) {
    font-weight: 900;
    color: inherit;
}
.prose[data-v-a68d5e08] :where(h2):not(:where([class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 700;
    font-size: 1.5em;
    margin-top: 2em;
    margin-bottom: 1em;
    line-height: 1.3333333;
}
.prose[data-v-a68d5e08] :where(h2 strong):not(:where([class~="not-prose"] *)) {
    font-weight: 800;
    color: inherit;
}
.prose[data-v-a68d5e08] :where(h3):not(:where([class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    font-size: 1.25em;
    margin-top: 1.6em;
    margin-bottom: 0.6em;
    line-height: 1.6;
}
.prose[data-v-a68d5e08] :where(h3 strong):not(:where([class~="not-prose"] *)) {
    font-weight: 700;
    color: inherit;
}
.prose[data-v-a68d5e08] :where(h4):not(:where([class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    line-height: 1.5;
}
.prose[data-v-a68d5e08] :where(h4 strong):not(:where([class~="not-prose"] *)) {
    font-weight: 700;
    color: inherit;
}
.prose[data-v-a68d5e08] :where(img):not(:where([class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
}
.prose[data-v-a68d5e08] :where(figure > *):not(:where([class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
}
.prose[data-v-a68d5e08] :where(figcaption):not(:where([class~="not-prose"] *)) {
    color: var(--tw-prose-captions);
    font-size: 0.875em;
    line-height: 1.4285714;
    margin-top: 0.8571429em;
}
.prose[data-v-a68d5e08] :where(code):not(:where([class~="not-prose"] *)) {
    color: var(--tw-prose-code);
    font-weight: 600;
    font-size: 0.875em;
}
.prose[data-v-a68d5e08] :where(code):not(:where([class~="not-prose"] *))::before {
    content: "`";
}
.prose[data-v-a68d5e08] :where(code):not(:where([class~="not-prose"] *))::after {
    content: "`";
}
.prose[data-v-a68d5e08] :where(a code):not(:where([class~="not-prose"] *)) {
    color: inherit;
}
.prose[data-v-a68d5e08] :where(h1 code):not(:where([class~="not-prose"] *)) {
    color: inherit;
}
.prose[data-v-a68d5e08] :where(h2 code):not(:where([class~="not-prose"] *)) {
    color: inherit;
    font-size: 0.875em;
}
.prose[data-v-a68d5e08] :where(h3 code):not(:where([class~="not-prose"] *)) {
    color: inherit;
    font-size: 0.9em;
}
.prose[data-v-a68d5e08] :where(h4 code):not(:where([class~="not-prose"] *)) {
    color: inherit;
}
.prose[data-v-a68d5e08] :where(blockquote code):not(:where([class~="not-prose"] *)) {
    color: inherit;
}
.prose[data-v-a68d5e08] :where(thead th code):not(:where([class~="not-prose"] *)) {
    color: inherit;
}
.prose[data-v-a68d5e08] :where(pre):not(:where([class~="not-prose"] *)) {
    color: var(--tw-prose-pre-code);
    background-color: var(--tw-prose-pre-bg);
    overflow-x: auto;
    font-weight: 400;
    font-size: 0.875em;
    line-height: 1.7142857;
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
    border-radius: 0.375rem;
    padding-top: 0.8571429em;
    padding-right: 1.1428571em;
    padding-bottom: 0.8571429em;
    padding-left: 1.1428571em;
}
.prose[data-v-a68d5e08] :where(pre code):not(:where([class~="not-prose"] *)) {
    background-color: transparent;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
}
.prose[data-v-a68d5e08] :where(pre code):not(:where([class~="not-prose"] *))::before {
    content: none;
}
.prose[data-v-a68d5e08] :where(pre code):not(:where([class~="not-prose"] *))::after {
    content: none;
}
.prose[data-v-a68d5e08] :where(table):not(:where([class~="not-prose"] *)) {
    width: 100%;
    table-layout: auto;
    text-align: left;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: 0.875em;
    line-height: 1.7142857;
}
.prose[data-v-a68d5e08] :where(thead):not(:where([class~="not-prose"] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-th-borders);
}
.prose[data-v-a68d5e08] :where(thead th):not(:where([class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    vertical-align: bottom;
    padding-right: 0.5714286em;
    padding-bottom: 0.5714286em;
    padding-left: 0.5714286em;
}
.prose[data-v-a68d5e08] :where(tbody tr):not(:where([class~="not-prose"] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-td-borders);
}
.prose[data-v-a68d5e08] :where(tbody tr:last-child):not(:where([class~="not-prose"] *)) {
    border-bottom-width: 0;
}
.prose[data-v-a68d5e08] :where(tbody td):not(:where([class~="not-prose"] *)) {
    vertical-align: baseline;
}
.prose[data-v-a68d5e08] :where(tfoot):not(:where([class~="not-prose"] *)) {
    border-top-width: 1px;
    border-top-color: var(--tw-prose-th-borders);
}
.prose[data-v-a68d5e08] :where(tfoot td):not(:where([class~="not-prose"] *)) {
    vertical-align: top;
}
.prose[data-v-a68d5e08] {
    --tw-prose-body: #374151;
    --tw-prose-headings: #111827;
    --tw-prose-lead: #4b5563;
    --tw-prose-links: #111827;
    --tw-prose-bold: #111827;
    --tw-prose-counters: #6b7280;
    --tw-prose-bullets: #d1d5db;
    --tw-prose-hr: #e5e7eb;
    --tw-prose-quotes: #111827;
    --tw-prose-quote-borders: #e5e7eb;
    --tw-prose-captions: #6b7280;
    --tw-prose-code: #111827;
    --tw-prose-pre-code: #e5e7eb;
    --tw-prose-pre-bg: #1f2937;
    --tw-prose-th-borders: #d1d5db;
    --tw-prose-td-borders: #e5e7eb;
    --tw-prose-invert-body: #d1d5db;
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: #9ca3af;
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: #9ca3af;
    --tw-prose-invert-bullets: #4b5563;
    --tw-prose-invert-hr: #374151;
    --tw-prose-invert-quotes: #f3f4f6;
    --tw-prose-invert-quote-borders: #374151;
    --tw-prose-invert-captions: #9ca3af;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: #d1d5db;
    --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
    --tw-prose-invert-th-borders: #4b5563;
    --tw-prose-invert-td-borders: #374151;
    font-size: 1rem;
    line-height: 1.75;
}
.prose[data-v-a68d5e08] :where(video):not(:where([class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
}
.prose[data-v-a68d5e08] :where(figure):not(:where([class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
}
.prose[data-v-a68d5e08] :where(li):not(:where([class~="not-prose"] *)) {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.prose[data-v-a68d5e08] :where(ol > li):not(:where([class~="not-prose"] *)) {
    padding-left: 0.375em;
}
.prose[data-v-a68d5e08] :where(ul > li):not(:where([class~="not-prose"] *)) {
    padding-left: 0.375em;
}
.prose[data-v-a68d5e08] :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
}
.prose[data-v-a68d5e08] :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
    margin-top: 1.25em;
}
.prose[data-v-a68d5e08] :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
    margin-bottom: 1.25em;
}
.prose[data-v-a68d5e08] :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
    margin-top: 1.25em;
}
.prose[data-v-a68d5e08] :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
    margin-bottom: 1.25em;
}
.prose[data-v-a68d5e08] :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
}
.prose[data-v-a68d5e08] :where(hr + *):not(:where([class~="not-prose"] *)) {
    margin-top: 0;
}
.prose[data-v-a68d5e08] :where(h2 + *):not(:where([class~="not-prose"] *)) {
    margin-top: 0;
}
.prose[data-v-a68d5e08] :where(h3 + *):not(:where([class~="not-prose"] *)) {
    margin-top: 0;
}
.prose[data-v-a68d5e08] :where(h4 + *):not(:where([class~="not-prose"] *)) {
    margin-top: 0;
}
.prose[data-v-a68d5e08] :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
    padding-left: 0;
}
.prose[data-v-a68d5e08] :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
    padding-right: 0;
}
.prose[data-v-a68d5e08] :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
    padding-top: 0.5714286em;
    padding-right: 0.5714286em;
    padding-bottom: 0.5714286em;
    padding-left: 0.5714286em;
}
.prose[data-v-a68d5e08] :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
    padding-left: 0;
}
.prose[data-v-a68d5e08] :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
    padding-right: 0;
}
.prose[data-v-a68d5e08] :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
    margin-top: 0;
}
.prose[data-v-a68d5e08] :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
    margin-bottom: 0;
}
.prose-lg[data-v-a68d5e08] {
    font-size: 1.125rem;
    line-height: 1.7777778;
}
.prose-lg[data-v-a68d5e08] :where(p):not(:where([class~="not-prose"] *)) {
    margin-top: 1.3333333em;
    margin-bottom: 1.3333333em;
}
.prose-lg[data-v-a68d5e08] :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
    font-size: 1.2222222em;
    line-height: 1.4545455;
    margin-top: 1.0909091em;
    margin-bottom: 1.0909091em;
}
.prose-lg[data-v-a68d5e08] :where(blockquote):not(:where([class~="not-prose"] *)) {
    margin-top: 1.6666667em;
    margin-bottom: 1.6666667em;
    padding-left: 1em;
}
.prose-lg[data-v-a68d5e08] :where(h1):not(:where([class~="not-prose"] *)) {
    font-size: 2.6666667em;
    margin-top: 0;
    margin-bottom: 0.8333333em;
    line-height: 1;
}
.prose-lg[data-v-a68d5e08] :where(h2):not(:where([class~="not-prose"] *)) {
    font-size: 1.6666667em;
    margin-top: 1.8666667em;
    margin-bottom: 1.0666667em;
    line-height: 1.3333333;
}
.prose-lg[data-v-a68d5e08] :where(h3):not(:where([class~="not-prose"] *)) {
    font-size: 1.3333333em;
    margin-top: 1.6666667em;
    margin-bottom: 0.6666667em;
    line-height: 1.5;
}
.prose-lg[data-v-a68d5e08] :where(h4):not(:where([class~="not-prose"] *)) {
    margin-top: 1.7777778em;
    margin-bottom: 0.4444444em;
    line-height: 1.5555556;
}
.prose-lg[data-v-a68d5e08] :where(img):not(:where([class~="not-prose"] *)) {
    margin-top: 1.7777778em;
    margin-bottom: 1.7777778em;
}
.prose-lg[data-v-a68d5e08] :where(video):not(:where([class~="not-prose"] *)) {
    margin-top: 1.7777778em;
    margin-bottom: 1.7777778em;
}
.prose-lg[data-v-a68d5e08] :where(figure):not(:where([class~="not-prose"] *)) {
    margin-top: 1.7777778em;
    margin-bottom: 1.7777778em;
}
.prose-lg[data-v-a68d5e08] :where(figure > *):not(:where([class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
}
.prose-lg[data-v-a68d5e08] :where(figcaption):not(:where([class~="not-prose"] *)) {
    font-size: 0.8888889em;
    line-height: 1.5;
    margin-top: 1em;
}
.prose-lg[data-v-a68d5e08] :where(code):not(:where([class~="not-prose"] *)) {
    font-size: 0.8888889em;
}
.prose-lg[data-v-a68d5e08] :where(h2 code):not(:where([class~="not-prose"] *)) {
    font-size: 0.8666667em;
}
.prose-lg[data-v-a68d5e08] :where(h3 code):not(:where([class~="not-prose"] *)) {
    font-size: 0.875em;
}
.prose-lg[data-v-a68d5e08] :where(pre):not(:where([class~="not-prose"] *)) {
    font-size: 0.8888889em;
    line-height: 1.75;
    margin-top: 2em;
    margin-bottom: 2em;
    border-radius: 0.375rem;
    padding-top: 1em;
    padding-right: 1.5em;
    padding-bottom: 1em;
    padding-left: 1.5em;
}
.prose-lg[data-v-a68d5e08] :where(ol):not(:where([class~="not-prose"] *)) {
    margin-top: 1.3333333em;
    margin-bottom: 1.3333333em;
    padding-left: 1.5555556em;
}
.prose-lg[data-v-a68d5e08] :where(ul):not(:where([class~="not-prose"] *)) {
    margin-top: 1.3333333em;
    margin-bottom: 1.3333333em;
    padding-left: 1.5555556em;
}
.prose-lg[data-v-a68d5e08] :where(li):not(:where([class~="not-prose"] *)) {
    margin-top: 0.6666667em;
    margin-bottom: 0.6666667em;
}
.prose-lg[data-v-a68d5e08] :where(ol > li):not(:where([class~="not-prose"] *)) {
    padding-left: 0.4444444em;
}
.prose-lg[data-v-a68d5e08] :where(ul > li):not(:where([class~="not-prose"] *)) {
    padding-left: 0.4444444em;
}
.prose-lg[data-v-a68d5e08] :where(.prose-lg > ul > li p):not(:where([class~="not-prose"] *)) {
    margin-top: 0.8888889em;
    margin-bottom: 0.8888889em;
}
.prose-lg[data-v-a68d5e08] :where(.prose-lg > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
    margin-top: 1.3333333em;
}
.prose-lg[data-v-a68d5e08] :where(.prose-lg > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
    margin-bottom: 1.3333333em;
}
.prose-lg[data-v-a68d5e08] :where(.prose-lg > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
    margin-top: 1.3333333em;
}
.prose-lg[data-v-a68d5e08] :where(.prose-lg > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
    margin-bottom: 1.3333333em;
}
.prose-lg[data-v-a68d5e08] :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
    margin-top: 0.8888889em;
    margin-bottom: 0.8888889em;
}
.prose-lg[data-v-a68d5e08] :where(hr):not(:where([class~="not-prose"] *)) {
    margin-top: 3.1111111em;
    margin-bottom: 3.1111111em;
}
.prose-lg[data-v-a68d5e08] :where(hr + *):not(:where([class~="not-prose"] *)) {
    margin-top: 0;
}
.prose-lg[data-v-a68d5e08] :where(h2 + *):not(:where([class~="not-prose"] *)) {
    margin-top: 0;
}
.prose-lg[data-v-a68d5e08] :where(h3 + *):not(:where([class~="not-prose"] *)) {
    margin-top: 0;
}
.prose-lg[data-v-a68d5e08] :where(h4 + *):not(:where([class~="not-prose"] *)) {
    margin-top: 0;
}
.prose-lg[data-v-a68d5e08] :where(table):not(:where([class~="not-prose"] *)) {
    font-size: 0.8888889em;
    line-height: 1.5;
}
.prose-lg[data-v-a68d5e08] :where(thead th):not(:where([class~="not-prose"] *)) {
    padding-right: 0.75em;
    padding-bottom: 0.75em;
    padding-left: 0.75em;
}
.prose-lg[data-v-a68d5e08] :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
    padding-left: 0;
}
.prose-lg[data-v-a68d5e08] :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
    padding-right: 0;
}
.prose-lg[data-v-a68d5e08] :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
    padding-top: 0.75em;
    padding-right: 0.75em;
    padding-bottom: 0.75em;
    padding-left: 0.75em;
}
.prose-lg[data-v-a68d5e08] :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
    padding-left: 0;
}
.prose-lg[data-v-a68d5e08] :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
    padding-right: 0;
}
.prose-lg[data-v-a68d5e08] :where(.prose-lg > :first-child):not(:where([class~="not-prose"] *)) {
    margin-top: 0;
}
.prose-lg[data-v-a68d5e08] :where(.prose-lg > :last-child):not(:where([class~="not-prose"] *)) {
    margin-bottom: 0;
}
.overlay-shadow[data-v-a68d5e08] {
    background-image: linear-gradient(
      to right,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 1) 50%
    );
}
.overlay-shadow-dark[data-v-a68d5e08] {
    background-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 0) 0%,
      rgb(21, 23, 24) 50%
    );
}
.rtl-overlay-shadow[data-v-a68d5e08] {
    background-image: linear-gradient(
      to left,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 1) 50%
    );
}
.rtl-overlay-shadow-dark[data-v-a68d5e08] {
    background-image: linear-gradient(
      to left,
      rgba(0, 0, 0, 0) 0%,
      rgb(21, 23, 24) 50%
    );
}
.fade-enter-active[data-v-a68d5e08],
.fade-leave-active[data-v-a68d5e08] {
  transition: opacity 300ms ease;
}
.fade-enter[data-v-a68d5e08],
.fade-leave-to[data-v-a68d5e08] {
    opacity: 0;
}
[data-v-a68d5e08]:is([dir="ltr"] .ltr\:overlay-shadow) {
    background-image: linear-gradient(
      to right,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 1) 50%
    );
}
[data-v-a68d5e08]:is([dir="rtl"] .rtl\:rtl-overlay-shadow) {
    background-image: linear-gradient(
      to left,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 1) 50%
    );
}
[data-v-a68d5e08]:is(.dark .dark\:prose-invert) {
    --tw-prose-body: var(--tw-prose-invert-body);
    --tw-prose-headings: var(--tw-prose-invert-headings);
    --tw-prose-lead: var(--tw-prose-invert-lead);
    --tw-prose-links: var(--tw-prose-invert-links);
    --tw-prose-bold: var(--tw-prose-invert-bold);
    --tw-prose-counters: var(--tw-prose-invert-counters);
    --tw-prose-bullets: var(--tw-prose-invert-bullets);
    --tw-prose-hr: var(--tw-prose-invert-hr);
    --tw-prose-quotes: var(--tw-prose-invert-quotes);
    --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
    --tw-prose-captions: var(--tw-prose-invert-captions);
    --tw-prose-code: var(--tw-prose-invert-code);
    --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
    --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
    --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
    --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
}
[data-v-a68d5e08]:is([dir="ltr"] :is(.dark .ltr\:dark\:overlay-shadow-dark)) {
    background-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 0) 0%,
      rgb(21, 23, 24) 50%
    );
}
[data-v-a68d5e08]:is([dir="rtl"] :is(.dark .rtl\:dark\:rtl-overlay-shadow-dark)) {
    background-image: linear-gradient(
      to left,
      rgba(0, 0, 0, 0) 0%,
      rgb(21, 23, 24) 50%
    );
}
@media (min-width: 1024px) {
.lg\:container[data-v-a68d5e08] {
        width: 100%;
}
@media (min-width: 480px) {
.lg\:container[data-v-a68d5e08] {
            max-width: 480px;
}
}
@media (min-width: 640px) {
.lg\:container[data-v-a68d5e08] {
            max-width: 640px;
}
}
@media (min-width: 768px) {
.lg\:container[data-v-a68d5e08] {
            max-width: 768px;
}
}
@media (min-width: 1024px) {
.lg\:container[data-v-a68d5e08] {
            max-width: 1024px;
}
}
@media (min-width: 1280px) {
.lg\:container[data-v-a68d5e08] {
            max-width: 1280px;
}
}
@media (min-width: 1536px) {
.lg\:container[data-v-a68d5e08] {
            max-width: 1536px;
}
}
}

.portal[data-v-715613c2] {

position: relative;

margin-bottom: 1rem;

display: flex;

border-radius: 0.375rem;

border-width: 1px;

border-style: solid;

--tw-border-opacity: 1;

border-color: hsl(208 11.7% 91.1% / 1);

--tw-bg-opacity: 1;

background-color: rgb(255 255 255 / 1);

padding: 1rem
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.portal[data-v-715613c2] {

border-color: hsl(208 11.7% 91.1% / var(--tw-border-opacity))
}
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.portal[data-v-715613c2] {

background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
}
[data-v-715613c2]:is(.dark .portal) {

--tw-border-opacity: 1;

border-color: hsl(206 6.0% 43.5% / 1);

--tw-bg-opacity: 1;

background-color: hsl(198 6.6% 15.8% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-715613c2]:is(.dark .portal) {

border-color: hsl(206 6.0% 43.5% / var(--tw-border-opacity));

background-color: hsl(198 6.6% 15.8% / var(--tw-bg-opacity))
}
}
.portal.active[data-v-715613c2] {

border-width: 1px;

border-style: solid;

--tw-border-opacity: 1;

border-color: hsl(210 100% 66.1% / 1);

--tw-bg-opacity: 1;

background-color: rgb(255 255 255 / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.portal.active[data-v-715613c2] {

border-color: hsl(210 100% 66.1% / var(--tw-border-opacity))
}
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.portal.active[data-v-715613c2] {

background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
}
[data-v-715613c2]:is(.dark .portal.active) {

--tw-border-opacity: 1;

border-color: hsl(209 100% 60.6% / 1);

--tw-bg-opacity: 1;

background-color: hsl(198 6.6% 15.8% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-715613c2]:is(.dark .portal.active) {

border-color: hsl(209 100% 60.6% / var(--tw-border-opacity));

background-color: hsl(198 6.6% 15.8% / var(--tw-bg-opacity))
}
}
.portal .actions-container[data-v-715613c2] {

margin-left: 0.625rem;

flex-grow: 1
}
[data-v-715613c2]:is([dir="rtl"] .portal .actions-container) {

margin-left: 0px;

margin-right: 0.625rem
}
.portal .actions-container .portal-locales ul[data-v-715613c2] {

margin: 0px;

list-style-type: none;

padding: 0px
}
.portal .actions-container .portal-locales .locale__radio[data-v-715613c2] {

width: 2rem;

--tw-text-opacity: 1;

color: hsl(152 57.5% 37.6% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.portal .actions-container .portal-locales .locale__radio[data-v-715613c2] {

color: hsl(152 57.5% 37.6% / var(--tw-text-opacity))
}
}
[data-v-715613c2]:is(.dark .portal .actions-container .portal-locales .locale__radio) {

--tw-text-opacity: 1;

color: hsl(152 57.5% 37.6% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-715613c2]:is(.dark .portal .actions-container .portal-locales .locale__radio) {

color: hsl(152 57.5% 37.6% / var(--tw-text-opacity))
}
}
.portal .locale-item[data-v-715613c2] {

margin-bottom: 0.5rem;

display: flex;

width: 100%;

align-items: flex-start;

border-radius: 0.375rem;

padding-top: 0.25rem;

padding-bottom: 0.25rem;

padding-left: 1rem;

padding-right: 1rem
}
.portal .locale-item p[data-v-715613c2] {

margin-bottom: 0px;

text-align: left
}
kbd.hotkey {
    display: inline-flex;
    flex-shrink: 0;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem;
    line-height: 0.625rem;
    letter-spacing: 0.025em
}

.key[data-v-08a40f42] {

border-bottom-width: 2px;

--tw-border-opacity: 1;

border-color: hsl(207 11.1% 85.9% / 1);

--tw-bg-opacity: 1;

background-color: hsl(209 12.2% 93.2% / 1);

padding-top: 0.5rem;

padding-bottom: 0.5rem;

padding-left: 0.625rem;

padding-right: 0.625rem;

font-size: 0.75rem;

line-height: 1rem;

font-weight: 600;

--tw-text-opacity: 1;

color: hsl(207 5.6% 31.6% / 1);

--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);

--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);

box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);

box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.key[data-v-08a40f42] {

border-color: hsl(207 11.1% 85.9% / var(--tw-border-opacity));

background-color: hsl(209 12.2% 93.2% / var(--tw-bg-opacity));

color: hsl(207 5.6% 31.6% / var(--tw-text-opacity))
}
}
[data-v-08a40f42]:is([dir="ltr"] .key) {

border-right-width: 2px
}
[data-v-08a40f42]:is([dir="rtl"] .key) {

border-left-width: 2px
}
[data-v-08a40f42]:is(.dark .key) {

--tw-border-opacity: 1;

border-color: hsl(207 5.6% 31.6% / 1);

--tw-bg-opacity: 1;

background-color: hsl(200 7.0% 8.8% / 1);

--tw-text-opacity: 1;

color: hsl(208 11.7% 91.1% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-08a40f42]:is(.dark .key) {

border-color: hsl(207 5.6% 31.6% / var(--tw-border-opacity));

background-color: hsl(200 7.0% 8.8% / var(--tw-bg-opacity));

color: hsl(208 11.7% 91.1% / var(--tw-text-opacity))
}
}

.emoji-dialog[data-v-2f8131dd]::before {
    display: none
}
.input-container[data-v-137ef8e1] {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 1rem
}
.input-container[data-v-137ef8e1] input {
    margin-bottom: 0px
}

.privacy-policy-container[data-v-751573ec] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  min-height: 100vh;
}
.policy-content[data-v-751573ec] {
  max-width: 800px;
  width: 100%;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.title[data-v-751573ec] {
  text-align: center;
  font-size: 2rem;
  margin-bottom: 20px;
  color: #333;
}
.intro-text[data-v-751573ec] {
  text-align: justify;
  line-height: 1.6;
  font-size: 1.1rem;
  margin-bottom: 20px;
}
.section[data-v-751573ec] {
  margin-bottom: 20px;
}
.subheading[data-v-751573ec] {
  font-size: 1.4rem;
  font-weight: bold;
  color: #007bff;
  margin-bottom: 10px;
}
ul[data-v-751573ec] {
  padding-left: 20px;
}
ul li[data-v-751573ec] {
  font-size: 1.1rem;
  line-height: 1.6;
}
a[data-v-751573ec] {
  color: #007bff;
  text-decoration: none;
}
a[data-v-751573ec]:hover {
  text-decoration: underline;
}
.back-button[data-v-751573ec] {
  background-color: #007bff;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
}
.back-button[data-v-751573ec]:hover {
  background-color: #0056b3;
}

.banner.primary[data-v-6c53415f] {

--tw-bg-opacity: 1;

background-color: hsl(209 100% 60.6% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.banner.primary[data-v-6c53415f] {

background-color: hsl(209 100% 60.6% / var(--tw-bg-opacity))
}
}
[data-v-6c53415f]:is(.dark .banner.primary) {

--tw-bg-opacity: 1;

background-color: hsl(209 100% 60.6% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-6c53415f]:is(.dark .banner.primary) {

background-color: hsl(209 100% 60.6% / var(--tw-bg-opacity))
}
}
.banner.primary .banner-action__button[data-v-6c53415f] {

border-style: none;

--tw-bg-opacity: 1;

background-color: hsl(206 100% 50.0% / 1);

--tw-text-opacity: 1;

color: rgb(255 255 255 / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.banner.primary .banner-action__button[data-v-6c53415f] {

background-color: hsl(206 100% 50.0% / var(--tw-bg-opacity))
}
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.banner.primary .banner-action__button[data-v-6c53415f] {

color: rgb(255 255 255 / var(--tw-text-opacity))
}
}
[data-v-6c53415f]:is(.dark .banner.primary .banner-action__button) {

--tw-bg-opacity: 1;

background-color: hsl(206 100% 50.0% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-6c53415f]:is(.dark .banner.primary .banner-action__button) {

background-color: hsl(206 100% 50.0% / var(--tw-bg-opacity))
}
}
.banner.primary .banner-action__button[data-v-6c53415f]:hover {

--tw-bg-opacity: 1;

background-color: hsl(211 89.7% 34.1% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.banner.primary .banner-action__button[data-v-6c53415f]:hover {

background-color: hsl(211 89.7% 34.1% / var(--tw-bg-opacity))
}
}
[data-v-6c53415f]:is(.dark .banner.primary .banner-action__button:hover) {

--tw-bg-opacity: 1;

background-color: hsl(211 89.7% 34.1% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-6c53415f]:is(.dark .banner.primary .banner-action__button:hover) {

background-color: hsl(211 89.7% 34.1% / var(--tw-bg-opacity))
}
}
.banner.secondary[data-v-6c53415f] {

--tw-bg-opacity: 1;

background-color: hsl(207 11.1% 85.9% / 1);

--tw-text-opacity: 1;

color: hsl(198 6.6% 15.8% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.banner.secondary[data-v-6c53415f] {

background-color: hsl(207 11.1% 85.9% / var(--tw-bg-opacity));

color: hsl(198 6.6% 15.8% / var(--tw-text-opacity))
}
}
[data-v-6c53415f]:is(.dark .banner.secondary) {

--tw-bg-opacity: 1;

background-color: hsl(205 10.7% 78.0% / 1);

--tw-text-opacity: 1;

color: hsl(198 6.6% 15.8% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-6c53415f]:is(.dark .banner.secondary) {

background-color: hsl(205 10.7% 78.0% / var(--tw-bg-opacity));

color: hsl(198 6.6% 15.8% / var(--tw-text-opacity))
}
}
.banner.secondary a[data-v-6c53415f] {

--tw-text-opacity: 1;

color: hsl(198 6.6% 15.8% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.banner.secondary a[data-v-6c53415f] {

color: hsl(198 6.6% 15.8% / var(--tw-text-opacity))
}
}
[data-v-6c53415f]:is(.dark .banner.secondary a) {

--tw-text-opacity: 1;

color: hsl(198 6.6% 15.8% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-6c53415f]:is(.dark .banner.secondary a) {

color: hsl(198 6.6% 15.8% / var(--tw-text-opacity))
}
}
.banner.alert[data-v-6c53415f] {

--tw-bg-opacity: 1;

background-color: hsl(358 75.0% 59.0% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.banner.alert[data-v-6c53415f] {

background-color: hsl(358 75.0% 59.0% / var(--tw-bg-opacity))
}
}
[data-v-6c53415f]:is(.dark .banner.alert) {

--tw-bg-opacity: 1;

background-color: hsl(358 75.0% 59.0% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-6c53415f]:is(.dark .banner.alert) {

background-color: hsl(358 75.0% 59.0% / var(--tw-bg-opacity))
}
}
.banner.alert .banner-action__button[data-v-6c53415f] {

border-style: none;

--tw-bg-opacity: 1;

background-color: hsl(358 65.0% 48.7% / 1);

--tw-text-opacity: 1;

color: rgb(255 255 255 / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.banner.alert .banner-action__button[data-v-6c53415f] {

background-color: hsl(358 65.0% 48.7% / var(--tw-bg-opacity))
}
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.banner.alert .banner-action__button[data-v-6c53415f] {

color: rgb(255 255 255 / var(--tw-text-opacity))
}
}
[data-v-6c53415f]:is(.dark .banner.alert .banner-action__button) {

--tw-bg-opacity: 1;

background-color: hsl(358 65.0% 48.7% / 1);

--tw-text-opacity: 1;

color: rgb(255 255 255 / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-6c53415f]:is(.dark .banner.alert .banner-action__button) {

background-color: hsl(358 65.0% 48.7% / var(--tw-bg-opacity))
}
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
[data-v-6c53415f]:is(.dark .banner.alert .banner-action__button) {

color: rgb(255 255 255 / var(--tw-text-opacity))
}
}
.banner.alert .banner-action__button[data-v-6c53415f]:hover {

--tw-bg-opacity: 1;

background-color: hsl(358 65.0% 40.4% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.banner.alert .banner-action__button[data-v-6c53415f]:hover {

background-color: hsl(358 65.0% 40.4% / var(--tw-bg-opacity))
}
}
[data-v-6c53415f]:is(.dark .banner.alert .banner-action__button:hover) {

--tw-bg-opacity: 1;

background-color: hsl(358 65.0% 40.4% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-6c53415f]:is(.dark .banner.alert .banner-action__button:hover) {

background-color: hsl(358 65.0% 40.4% / var(--tw-bg-opacity))
}
}
.banner.warning[data-v-6c53415f] {

--tw-bg-opacity: 1;

background-color: hsl(48 100% 47.0% / 1);

--tw-text-opacity: 1;

color: hsl(48 100% 47.0% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.banner.warning[data-v-6c53415f] {

background-color: hsl(48 100% 47.0% / var(--tw-bg-opacity));

color: hsl(48 100% 47.0% / var(--tw-text-opacity))
}
}
[data-v-6c53415f]:is(.dark .banner.warning) {

--tw-bg-opacity: 1;

background-color: hsl(48 100% 47.0% / 1);

--tw-text-opacity: 1;

color: hsl(48 100% 47.0% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-6c53415f]:is(.dark .banner.warning) {

background-color: hsl(48 100% 47.0% / var(--tw-bg-opacity));

color: hsl(48 100% 47.0% / var(--tw-text-opacity))
}
}
.banner.warning a[data-v-6c53415f] {

--tw-text-opacity: 1;

color: hsl(48 100% 47.0% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.banner.warning a[data-v-6c53415f] {

color: hsl(48 100% 47.0% / var(--tw-text-opacity))
}
}
[data-v-6c53415f]:is(.dark .banner.warning a) {

--tw-text-opacity: 1;

color: hsl(48 100% 47.0% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-6c53415f]:is(.dark .banner.warning a) {

color: hsl(48 100% 47.0% / var(--tw-text-opacity))
}
}
.banner.gray[data-v-6c53415f] {

--tw-text-opacity: 1;

color: hsl(206 6.0% 56.1% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.banner.gray[data-v-6c53415f] {

color: hsl(206 6.0% 56.1% / var(--tw-text-opacity))
}
}
[data-v-6c53415f]:is(.dark .banner.gray) {

--tw-text-opacity: 1;

color: hsl(206 6.0% 56.1% / 1)
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
[data-v-6c53415f]:is(.dark .banner.gray) {

color: hsl(206 6.0% 56.1% / var(--tw-text-opacity))
}
}
.banner.gray .banner-action__button[data-v-6c53415f] {

--tw-text-opacity: 1;

color: rgb(255 255 255 / 1)
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.banner.gray .banner-action__button[data-v-6c53415f] {

color: rgb(255 255 255 / var(--tw-text-opacity))
}
}
[data-v-6c53415f]:is(.dark .banner.gray .banner-action__button) {

--tw-text-opacity: 1;

color: rgb(255 255 255 / 1)
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
[data-v-6c53415f]:is(.dark .banner.gray .banner-action__button) {

color: rgb(255 255 255 / var(--tw-text-opacity))
}
}
.banner a[data-v-6c53415f] {

margin-left: 0.25rem;

font-size: 0.75rem;

line-height: 1rem;

--tw-text-opacity: 1;

color: rgb(255 255 255 / 1);

text-decoration-line: underline
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.banner a[data-v-6c53415f] {

color: rgb(255 255 255 / var(--tw-text-opacity))
}
}
[data-v-6c53415f]:is(.dark .banner a) {

--tw-text-opacity: 1;

color: rgb(255 255 255 / 1)
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
[data-v-6c53415f]:is(.dark .banner a) {

color: rgb(255 255 255 / var(--tw-text-opacity))
}
}
.banner .banner-action__button[data-v-6c53415f] .button__content {

white-space: nowrap
}
.banner .banner-message[data-v-6c53415f] {

display: flex;

align-items: center
}
.banner .actions[data-v-6c53415f] {

right: 0.75rem;

display: flex;

gap: 0.25rem
}
/*
! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}
::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
*/
html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}
:root {
    --color-amber-25: 254 253 251;
    --color-amber-50: 255 249 237;
    --color-amber-75: 255 243 208;
    --color-amber-100: 255 236 183;
    --color-amber-200: 255 224 161;
    --color-amber-300: 245 208 140;
    --color-amber-400: 228 187 120;
    --color-amber-500: 214 163 92;
    --color-amber-600: 214 163 92;
    --color-amber-700: 255 186 26;
    --color-amber-800: 145 89 48;
    --color-amber-900: 79 52 34;
    --color-ash-100: 235 235 239;
    --color-ash-200: 228 228 233;
    --color-ash-25: 252 252 253;
    --color-ash-300: 221 221 227;
    --color-ash-400: 211 212 219;
    --color-ash-50: 249 249 251;
    --color-ash-500: 185 187 198;
    --color-ash-600: 139 141 152;
    --color-ash-700: 126 128 138;
    --color-ash-75: 242 242 245;
    --color-ash-800: 96 100 108;
    --color-ash-900: 28 32 36;
    --color-primary-25: 251 253 255;
    --color-primary-50: 245 249 255;
    --color-primary-75: 233 243 255;
    --color-primary-100: 218 236 255;
    --color-primary-200: 201 226 255;
    --color-primary-300: 181 213 255;
    --color-primary-400: 155 195 252;
    --color-primary-500: 117 171 247;
    --color-primary-600: 39 129 246;
    --color-primary-700: 16 115 233;
    --color-primary-800: 8 109 224;
    --color-primary-900: 11 50 101;
    --color-ruby-100: 255 220 225;
    --color-ruby-200: 255 206 214;
    --color-ruby-25: 255 252 253;
    --color-ruby-300: 248 191 200;
    --color-ruby-400: 239 172 184;
    --color-ruby-50: 255 247 248;
    --color-ruby-500: 229 146 163;
    --color-ruby-600: 229 70 102;
    --color-ruby-700: 220 59 93;
    --color-ruby-75: 254 234 237;
    --color-ruby-800: 202 36 77;
    --color-ruby-900: 100 23 43;
    --color-teal-100: 224 248 243;
    --color-teal-200: 204 243 234;
    --color-teal-25: 250 254 253;
    --color-teal-300: 184 234 224;
    --color-teal-400: 161 222 210;
    --color-teal-50: 243 251 249;
    --color-teal-500: 83 185 171;
    --color-teal-600: 18 165 148;
    --color-teal-700: 13 155 138;
    --color-teal-75: 236 249 255;
    --color-teal-800: 0 133 115;
    --color-teal-900: 13 61 56;
    --color-green-25: 251 254 252;
    --color-green-50: 244 251 246;
    --color-green-75: 230 246 235;
    --color-green-100: 214 241 223;
    --color-green-200: 196 232 209;
    --color-green-300: 173 221 192;
    --color-green-400: 142 206 170;
    --color-green-500: 91 185 139;
    --color-green-600: 48 164 108;
    --color-green-700: 43 154 102;
    --color-green-800: 33 131 88;
    --color-green-900: 25 59 45;
    --color-mint-25: 249 254 253;
    --color-mint-50: 242 251 249;
    --color-mint-75: 221 249 242;
    --color-mint-100: 200 244 233;
    --color-mint-200: 179 236 222;
    --color-mint-300: 156 224 208;
    --color-mint-400: 126 207 189;
    --color-mint-500: 76 187 165;
    --color-mint-600: 134 234 212;
    --color-mint-700: 125 224 203;
    --color-mint-800: 2 120 100;
    --color-mint-900: 22 67 60;
    --color-sky-25: 249 254 255;
    --color-sky-50: 241 250 253;
    --color-sky-75: 225 246 253;
    --color-sky-100: 209 240 250;
    --color-sky-200: 190 231 245;
    --color-sky-300: 169 218 237;
    --color-sky-400: 141 202 227;
    --color-sky-500: 96 179 215;
    --color-sky-600: 124 226 254;
    --color-sky-700: 116 218 248;
    --color-sky-800: 0 116 158;
    --color-sky-900: 29 62 86;
    --color-indigo-25: 253 253 254;
    --color-indigo-50: 247 249 255;
    --color-indigo-75: 237 242 254;
    --color-indigo-100: 225 233 255;
    --color-indigo-200: 210 222 255;
    --color-indigo-300: 193 208 255;
    --color-indigo-400: 171 189 249;
    --color-indigo-500: 141 164 239;
    --color-indigo-600: 62 99 221;
    --color-indigo-700: 51 88 212;
    --color-indigo-800: 58 91 199;
    --color-indigo-900: 31 45 92;
    --color-iris-25: 253 253 255;
    --color-iris-50: 248 248 255;
    --color-iris-75: 240 241 254;
    --color-iris-100: 230 231 255;
    --color-iris-200: 218 220 255;
    --color-iris-300: 203 205 255;
    --color-iris-400: 184 186 248;
    --color-iris-500: 155 158 240;
    --color-iris-600: 91 91 214;
    --color-iris-700: 81 81 205;
    --color-iris-800: 87 83 198;
    --color-iris-900: 39 41 98;
    --color-violet-25: 253 252 254;
    --color-violet-50: 250 248 255;
    --color-violet-75: 244 240 254;
    --color-violet-100: 235 228 255;
    --color-violet-200: 225 217 255;
    --color-violet-300: 212 202 254;
    --color-violet-400: 194 181 245;
    --color-violet-500: 170 153 236;
    --color-violet-600: 110 86 207;
    --color-violet-700: 101 77 196;
    --color-violet-800: 101 80 185;
    --color-violet-900: 47 38 95;
    --color-pink-25: 255 252 254;
    --color-pink-50: 254 247 251;
    --color-pink-75: 254 233 245;
    --color-pink-100: 251 220 239;
    --color-pink-200: 246 206 231;
    --color-pink-300: 239 191 221;
    --color-pink-400: 231 172 208;
    --color-pink-500: 221 147 194;
    --color-pink-600: 214 64 159;
    --color-pink-700: 207 56 151;
    --color-pink-800: 194 41 138;
    --color-pink-900: 101 18 73;
    --color-orange-25: 254 252 251;
    --color-orange-50: 255 247 237;
    --color-orange-75: 255 239 214;
    --color-orange-100: 255 223 181;
    --color-orange-200: 255 209 154;
    --color-orange-300: 255 193 130;
    --color-orange-400: 245 174 115;
    --color-orange-500: 236 148 85;
    --color-orange-600: 247 107 21;
    --color-orange-700: 239 95 0;
    --color-orange-800: 204 78 0;
    --color-orange-900: 88 45 29;
}
body.dark {
    --color-amber-25: 31 19 0;
    --color-amber-50: 37 24 4;
    --color-amber-75: 48 32 11;
    --color-amber-100: 57 39 15;
    --color-amber-200: 67 46 18;
    --color-amber-300: 83 57 22;
    --color-amber-400: 111 77 29;
    --color-amber-500: 169 118 42;
    --color-amber-600: 169 118 42;
    --color-amber-700: 255 203 71;
    --color-amber-800: 255 204 77;
    --color-amber-900: 255 231 179;
    --color-ash-100: 46 48 53;
    --color-ash-200: 53 55 60;
    --color-ash-25: 24 24 26;
    --color-ash-300: 60 63 68;
    --color-ash-400: 70 75 80;
    --color-ash-50: 27 27 31;
    --color-ash-500: 90 97 101;
    --color-ash-600: 105 110 119;
    --color-ash-700: 120 127 133;
    --color-ash-75: 39 40 45;
    --color-ash-800: 173 177 184;
    --color-ash-900: 237 238 240;
    --color-primary-25: 10 17 28;
    --color-primary-50: 15 24 38;
    --color-primary-75: 15 39 72;
    --color-primary-100: 10 49 99;
    --color-primary-200: 18 61 117;
    --color-primary-300: 29 74 134;
    --color-primary-400: 40 89 156;
    --color-primary-500: 48 106 186;
    --color-primary-600: 39 129 246;
    --color-primary-700: 21 116 231;
    --color-primary-800: 126 182 255;
    --color-primary-900: 205 227 255;
    --color-ruby-100: 78 19 37;
    --color-ruby-200: 94 26 46;
    --color-ruby-25: 25 17 19;
    --color-ruby-300: 111 37 57;
    --color-ruby-400: 136 52 71;
    --color-ruby-50: 30 21 23;
    --color-ruby-500: 179 68 90;
    --color-ruby-600: 229 70 102;
    --color-ruby-700: 236 90 114;
    --color-ruby-75: 58 20 30;
    --color-ruby-800: 255 148 157;
    --color-ruby-900: 254 210 225;
    --color-teal-100: 2 59 55;
    --color-teal-200: 8 72 67;
    --color-teal-25: 13 21 20;
    --color-teal-300: 28 105 97;
    --color-teal-400: 28 105 97;
    --color-teal-50: 17 28 27;
    --color-teal-500: 32 126 115;
    --color-teal-600: 41 163 131;
    --color-teal-700: 14 179 158;
    --color-teal-75: 13 45 42;
    --color-teal-800: 11 216 182;
    --color-teal-900: 173 240 221;
    --color-green-25: 14 21 18;
    --color-green-50: 18 27 23;
    --color-green-75: 19 45 33;
    --color-green-100: 17 59 41;
    --color-green-200: 23 73 51;
    --color-green-300: 32 87 62;
    --color-green-400: 40 104 74;
    --color-green-500: 47 124 87;
    --color-green-600: 48 164 108;
    --color-green-700: 51 176 116;
    --color-green-800: 61 214 140;
    --color-green-900: 177 241 203;
    --color-mint-25: 14 21 21;
    --color-mint-50: 15 27 27;
    --color-mint-75: 9 44 43;
    --color-mint-100: 0 58 56;
    --color-mint-200: 0 71 68;
    --color-mint-300: 16 86 80;
    --color-mint-400: 30 104 95;
    --color-mint-500: 39 127 112;
    --color-mint-600: 134 234 212;
    --color-mint-700: 168 245 229;
    --color-mint-800: 88 213 186;
    --color-mint-900: 196 245 225;
    --color-sky-25: 14 21 21;
    --color-sky-50: 15 27 27;
    --color-sky-75: 9 44 43;
    --color-sky-100: 0 58 56;
    --color-sky-200: 0 71 68;
    --color-sky-300: 16 86 80;
    --color-sky-400: 30 104 95;
    --color-sky-500: 39 127 112;
    --color-sky-600: 134 234 212;
    --color-sky-700: 168 245 229;
    --color-sky-800: 88 213 186;
    --color-sky-900: 196 245 225;
    --color-indigo-25: 17 19 31;
    --color-indigo-50: 20 23 38;
    --color-indigo-75: 24 36 73;
    --color-indigo-100: 29 46 98;
    --color-indigo-200: 37 57 116;
    --color-indigo-300: 48 67 132;
    --color-indigo-400: 58 79 151;
    --color-indigo-500: 67 93 177;
    --color-indigo-600: 62 99 221;
    --color-indigo-700: 84 114 228;
    --color-indigo-800: 158 177 255;
    --color-indigo-900: 214 225 255;
    --color-iris-25: 19 19 30;
    --color-iris-50: 23 22 37;
    --color-iris-75: 32 34 72;
    --color-iris-100: 38 42 101;
    --color-iris-200: 48 51 116;
    --color-iris-300: 61 62 130;
    --color-iris-400: 74 74 149;
    --color-iris-500: 89 88 177;
    --color-iris-600: 91 91 214;
    --color-iris-700: 110 106 222;
    --color-iris-800: 177 169 255;
    --color-iris-900: 224 223 254;
    --color-violet-25: 20 18 31;
    --color-violet-50: 27 21 37;
    --color-violet-75: 41 31 67;
    --color-violet-100: 51 37 91;
    --color-violet-200: 60 46 105;
    --color-violet-300: 71 56 118;
    --color-violet-400: 86 70 139;
    --color-violet-500: 105 88 173;
    --color-violet-600: 110 86 207;
    --color-violet-700: 125 102 217;
    --color-violet-800: 186 167 255;
    --color-violet-900: 226 221 254;
    --color-pink-25: 25 17 23;
    --color-pink-50: 33 18 29;
    --color-pink-75: 55 23 47;
    --color-pink-100: 75 20 61;
    --color-pink-200: 89 28 71;
    --color-pink-300: 105 41 85;
    --color-pink-400: 131 56 105;
    --color-pink-500: 168 72 133;
    --color-pink-600: 214 64 159;
    --color-pink-700: 222 81 168;
    --color-pink-800: 255 141 204;
    --color-pink-900: 253 209 234;
    --color-orange-25: 23 18 14;
    --color-orange-50: 30 22 15;
    --color-orange-75: 51 30 11;
    --color-orange-100: 70 33 0;
    --color-orange-200: 86 40 0;
    --color-orange-300: 102 53 12;
    --color-orange-400: 126 69 29;
    --color-orange-500: 163 88 41;
    --color-orange-600: 247 107 21;
    --color-orange-700: 255 128 31;
    --color-orange-800: 255 160 87;
    --color-orange-900: 255 224 194;
}
*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}
.container {
  width: 100%;
}
@media (min-width: 480px) {
.container {
    max-width: 480px;
}
}
@media (min-width: 640px) {
.container {
    max-width: 640px;
}
}
@media (min-width: 768px) {
.container {
    max-width: 768px;
}
}
@media (min-width: 1024px) {
.container {
    max-width: 1024px;
}
}
@media (min-width: 1280px) {
.container {
    max-width: 1280px;
}
}
@media (min-width: 1536px) {
.container {
    max-width: 1536px;
}
}
.prose {
  color: var(--tw-prose-body);
  max-width: 65ch;
}
.prose :where(p):not(:where([class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}
.prose :where(a):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-links);
  text-decoration: underline;
  font-weight: 500;
}
.prose :where(strong):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-bold);
  font-weight: 600;
}
.prose :where(a strong):not(:where([class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(blockquote strong):not(:where([class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(thead th strong):not(:where([class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(ol):not(:where([class~="not-prose"] *)) {
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em;
}
.prose :where(ol[type="A"]):not(:where([class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}
.prose :where(ol[type="a"]):not(:where([class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}
.prose :where(ol[type="A" s]):not(:where([class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}
.prose :where(ol[type="a" s]):not(:where([class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}
.prose :where(ol[type="I"]):not(:where([class~="not-prose"] *)) {
  list-style-type: upper-roman;
}
.prose :where(ol[type="i"]):not(:where([class~="not-prose"] *)) {
  list-style-type: lower-roman;
}
.prose :where(ol[type="I" s]):not(:where([class~="not-prose"] *)) {
  list-style-type: upper-roman;
}
.prose :where(ol[type="i" s]):not(:where([class~="not-prose"] *)) {
  list-style-type: lower-roman;
}
.prose :where(ol[type="1"]):not(:where([class~="not-prose"] *)) {
  list-style-type: decimal;
}
.prose :where(ul):not(:where([class~="not-prose"] *)) {
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em;
}
.prose :where(ol > li):not(:where([class~="not-prose"] *))::marker {
  font-weight: 400;
  color: var(--tw-prose-counters);
}
.prose :where(ul > li):not(:where([class~="not-prose"] *))::marker {
  color: var(--tw-prose-bullets);
}
.prose :where(hr):not(:where([class~="not-prose"] *)) {
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}
.prose :where(blockquote):not(:where([class~="not-prose"] *)) {
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-left-width: 0.25rem;
  border-left-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-left: 1em;
}
.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"] *))::before {
  content: open-quote;
}
.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"] *))::after {
  content: close-quote;
}
.prose :where(h1):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}
.prose :where(h1 strong):not(:where([class~="not-prose"] *)) {
  font-weight: 900;
  color: inherit;
}
.prose :where(h2):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}
.prose :where(h2 strong):not(:where([class~="not-prose"] *)) {
  font-weight: 800;
  color: inherit;
}
.prose :where(h3):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}
.prose :where(h3 strong):not(:where([class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}
.prose :where(h4):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}
.prose :where(h4 strong):not(:where([class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}
.prose :where(img):not(:where([class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(figure > *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}
.prose :where(figcaption):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}
.prose :where(code):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}
.prose :where(code):not(:where([class~="not-prose"] *))::before {
  content: "`";
}
.prose :where(code):not(:where([class~="not-prose"] *))::after {
  content: "`";
}
.prose :where(a code):not(:where([class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(h1 code):not(:where([class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(h2 code):not(:where([class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.875em;
}
.prose :where(h3 code):not(:where([class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.9em;
}
.prose :where(h4 code):not(:where([class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(blockquote code):not(:where([class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(thead th code):not(:where([class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(pre):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-right: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-left: 1.1428571em;
}
.prose :where(pre code):not(:where([class~="not-prose"] *)) {
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
.prose :where(pre code):not(:where([class~="not-prose"] *))::before {
  content: none;
}
.prose :where(pre code):not(:where([class~="not-prose"] *))::after {
  content: none;
}
.prose :where(table):not(:where([class~="not-prose"] *)) {
  width: 100%;
  table-layout: auto;
  text-align: left;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}
.prose :where(thead):not(:where([class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}
.prose :where(thead th):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
}
.prose :where(tbody tr):not(:where([class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}
.prose :where(tbody tr:last-child):not(:where([class~="not-prose"] *)) {
  border-bottom-width: 0;
}
.prose :where(tbody td):not(:where([class~="not-prose"] *)) {
  vertical-align: baseline;
}
.prose :where(tfoot):not(:where([class~="not-prose"] *)) {
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}
.prose :where(tfoot td):not(:where([class~="not-prose"] *)) {
  vertical-align: top;
}
.prose {
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}
.prose :where(video):not(:where([class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(figure):not(:where([class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(li):not(:where([class~="not-prose"] *)) {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.prose :where(ol > li):not(:where([class~="not-prose"] *)) {
  padding-left: 0.375em;
}
.prose :where(ul > li):not(:where([class~="not-prose"] *)) {
  padding-left: 0.375em;
}
.prose :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 1.25em;
}
.prose :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}
.prose :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 1.25em;
}
.prose :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}
.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose :where(hr + *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(h2 + *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(h3 + *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(h4 + *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
  padding-left: 0;
}
.prose :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
  padding-right: 0;
}
.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
  padding-top: 0.5714286em;
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
}
.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
  padding-left: 0;
}
.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
  padding-right: 0;
}
.prose :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 0;
}
.prose-lg {
  font-size: 1.125rem;
  line-height: 1.7777778;
}
.prose-lg :where(p):not(:where([class~="not-prose"] *)) {
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
}
.prose-lg :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
  font-size: 1.2222222em;
  line-height: 1.4545455;
  margin-top: 1.0909091em;
  margin-bottom: 1.0909091em;
}
.prose-lg :where(blockquote):not(:where([class~="not-prose"] *)) {
  margin-top: 1.6666667em;
  margin-bottom: 1.6666667em;
  padding-left: 1em;
}
.prose-lg :where(h1):not(:where([class~="not-prose"] *)) {
  font-size: 2.6666667em;
  margin-top: 0;
  margin-bottom: 0.8333333em;
  line-height: 1;
}
.prose-lg :where(h2):not(:where([class~="not-prose"] *)) {
  font-size: 1.6666667em;
  margin-top: 1.8666667em;
  margin-bottom: 1.0666667em;
  line-height: 1.3333333;
}
.prose-lg :where(h3):not(:where([class~="not-prose"] *)) {
  font-size: 1.3333333em;
  margin-top: 1.6666667em;
  margin-bottom: 0.6666667em;
  line-height: 1.5;
}
.prose-lg :where(h4):not(:where([class~="not-prose"] *)) {
  margin-top: 1.7777778em;
  margin-bottom: 0.4444444em;
  line-height: 1.5555556;
}
.prose-lg :where(img):not(:where([class~="not-prose"] *)) {
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em;
}
.prose-lg :where(video):not(:where([class~="not-prose"] *)) {
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em;
}
.prose-lg :where(figure):not(:where([class~="not-prose"] *)) {
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em;
}
.prose-lg :where(figure > *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}
.prose-lg :where(figcaption):not(:where([class~="not-prose"] *)) {
  font-size: 0.8888889em;
  line-height: 1.5;
  margin-top: 1em;
}
.prose-lg :where(code):not(:where([class~="not-prose"] *)) {
  font-size: 0.8888889em;
}
.prose-lg :where(h2 code):not(:where([class~="not-prose"] *)) {
  font-size: 0.8666667em;
}
.prose-lg :where(h3 code):not(:where([class~="not-prose"] *)) {
  font-size: 0.875em;
}
.prose-lg :where(pre):not(:where([class~="not-prose"] *)) {
  font-size: 0.8888889em;
  line-height: 1.75;
  margin-top: 2em;
  margin-bottom: 2em;
  border-radius: 0.375rem;
  padding-top: 1em;
  padding-right: 1.5em;
  padding-bottom: 1em;
  padding-left: 1.5em;
}
.prose-lg :where(ol):not(:where([class~="not-prose"] *)) {
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
  padding-left: 1.5555556em;
}
.prose-lg :where(ul):not(:where([class~="not-prose"] *)) {
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
  padding-left: 1.5555556em;
}
.prose-lg :where(li):not(:where([class~="not-prose"] *)) {
  margin-top: 0.6666667em;
  margin-bottom: 0.6666667em;
}
.prose-lg :where(ol > li):not(:where([class~="not-prose"] *)) {
  padding-left: 0.4444444em;
}
.prose-lg :where(ul > li):not(:where([class~="not-prose"] *)) {
  padding-left: 0.4444444em;
}
.prose-lg :where(.prose-lg > ul > li p):not(:where([class~="not-prose"] *)) {
  margin-top: 0.8888889em;
  margin-bottom: 0.8888889em;
}
.prose-lg :where(.prose-lg > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 1.3333333em;
}
.prose-lg :where(.prose-lg > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 1.3333333em;
}
.prose-lg :where(.prose-lg > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 1.3333333em;
}
.prose-lg :where(.prose-lg > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 1.3333333em;
}
.prose-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
  margin-top: 0.8888889em;
  margin-bottom: 0.8888889em;
}
.prose-lg :where(hr):not(:where([class~="not-prose"] *)) {
  margin-top: 3.1111111em;
  margin-bottom: 3.1111111em;
}
.prose-lg :where(hr + *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}
.prose-lg :where(h2 + *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}
.prose-lg :where(h3 + *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}
.prose-lg :where(h4 + *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}
.prose-lg :where(table):not(:where([class~="not-prose"] *)) {
  font-size: 0.8888889em;
  line-height: 1.5;
}
.prose-lg :where(thead th):not(:where([class~="not-prose"] *)) {
  padding-right: 0.75em;
  padding-bottom: 0.75em;
  padding-left: 0.75em;
}
.prose-lg :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
  padding-left: 0;
}
.prose-lg :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
  padding-right: 0;
}
.prose-lg :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
  padding-top: 0.75em;
  padding-right: 0.75em;
  padding-bottom: 0.75em;
  padding-left: 0.75em;
}
.prose-lg :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
  padding-left: 0;
}
.prose-lg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
  padding-right: 0;
}
.prose-lg :where(.prose-lg > :first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}
.prose-lg :where(.prose-lg > :last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 0;
}
@tailwind utilities;
@font-face {
  font-family: "PlusJakarta";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/packs/media/shared/assets/fonts/PlusJakartaSans/PlusJakartaSans-ExtraLight-4ecb91b6bd39779f24644ef0c7a187f0.woff2) format("woff2");
}
@font-face {
  font-family: "PlusJakarta";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/packs/media/shared/assets/fonts/PlusJakartaSans/PlusJakartaSans-Light-f98b4088e49674c8b36ec5193037d2ca.woff2) format("woff2");
}
@font-face {
  font-family: "PlusJakarta";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/packs/media/shared/assets/fonts/PlusJakartaSans/PlusJakartaSans-Regular-f1de7180e1b2fc4818d8790657a3ab08.woff2) format("woff2");
}
@font-face {
  font-family: "PlusJakarta";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/packs/media/shared/assets/fonts/PlusJakartaSans/PlusJakartaSans-Italic-d0760871ba6c8abd90fe89855c03f10e.woff2) format("woff2");
}
@font-face {
  font-family: "PlusJakarta";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/packs/media/shared/assets/fonts/PlusJakartaSans/PlusJakartaSans-Medium-f82e29a32033740d46163703c7f605ed.woff2) format("woff2");
}
@font-face {
  font-family: "PlusJakarta";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/packs/media/shared/assets/fonts/PlusJakartaSans/PlusJakartaSans-SemiBold-c855407ebc8dc7dfb3e53d41eed2d1a2.woff2) format("woff2");
}
@font-face {
  font-family: "PlusJakarta";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/packs/media/shared/assets/fonts/PlusJakartaSans/PlusJakartaSans-Bold-5f53f86aea22967100fc7fb8e53eb842.woff2) format("woff2");
}
@font-face {
  font-family: "PlusJakarta";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/packs/media/shared/assets/fonts/PlusJakartaSans/PlusJakartaSans-ExtraBold-67b4561b9c15a0bb7d6e94895ce9b881.woff2) format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/packs/media/shared/assets/fonts/InterDisplay/InterDisplay-Thin-8869ea180347c0b3e105f1f25d8159c1.woff2) format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/packs/media/shared/assets/fonts/InterDisplay/InterDisplay-ExtraLight-8aac419550652c70acce102a1405b9e6.woff2) format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/packs/media/shared/assets/fonts/InterDisplay/InterDisplay-Light-878eccfa0e5c8240899d9a9588d25926.woff2) format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/packs/media/shared/assets/fonts/InterDisplay/InterDisplay-Regular-a4074fefb60f137f7974a3f2cadf655c.woff2) format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/packs/media/shared/assets/fonts/InterDisplay/InterDisplay-Medium-6e976150c457a5edc1f31e3c6affe0c5.woff2) format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/packs/media/shared/assets/fonts/InterDisplay/InterDisplay-SemiBold-54b6be6a7edc5b3cbdd615e2c9a54b8b.woff2) format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/packs/media/shared/assets/fonts/InterDisplay/InterDisplay-Bold-f5ec5e21f616f430d4ba27e814d9eeb6.woff2) format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/packs/media/shared/assets/fonts/InterDisplay/InterDisplay-ExtraBold-89518fa4ab7bacdb30e6bb414678e283.woff2) format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/packs/media/shared/assets/fonts/InterDisplay/InterDisplay-Black-fb55d5da48c7bee4d80af9ec6cd28e3f.woff2) format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/packs/media/shared/assets/fonts/Inter-Thin-bc0c400ab97641432db27b3541daa5ac.woff2) format("woff2"), url(/packs/media/shared/assets/fonts/Inter-Thin-046ff26493bd0c8b7af11d58d459e525.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/packs/media/shared/assets/fonts/Inter-Light-a44d8c552d1c8cacede33b5c443d6780.woff2) format("woff2"), url(/packs/media/shared/assets/fonts/Inter-Light-951c5254c8c4aff4fd790906be216bb8.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/packs/media/shared/assets/fonts/Inter-Regular-b35f79d43d03b9a20047efe416c35d08.woff2) format("woff2"), url(/packs/media/shared/assets/fonts/Inter-Regular-608dbe34b525dbf880b8d8ce921a5b54.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/packs/media/shared/assets/fonts/Inter-Italic-2171665508e87b63ab462307d21e7cb0.woff2) format("woff2"), url(/packs/media/shared/assets/fonts/Inter-Italic-c52bf90bf478701f3d4f5950041ca78f.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/packs/media/shared/assets/fonts/Inter-Medium-aec38a6b266a908bc320e30f261771d1.woff2) format("woff2"), url(/packs/media/shared/assets/fonts/Inter-Medium-e78f8f072aa56924dc4d735fd1abeb68.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/packs/media/shared/assets/fonts/Inter-SemiBold-878e0cfc04d6108e9f97f3ce94e25b5e.woff2) format("woff2"), url(/packs/media/shared/assets/fonts/Inter-SemiBold-af031ccbfc3d90928feba54c9a4b2d4d.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/packs/media/shared/assets/fonts/Inter-Bold-8ce7b9e67a6b7cd8c6d71b084095ddf8.woff2) format("woff2"), url(/packs/media/shared/assets/fonts/Inter-Bold-3053fbd18c9c00d7783e462e04beed10.woff) format("woff");
}
:root {
  --ease-in-cubic: cubic-bezier(0.17, 0.67, 0.83, 0.67);
  --ease-in-sine: cubic-bezier(0.47, 0, 0.745, 0.715);
  --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ease-out-sine: cubic-bezier(0.39, 0.575, 0.565, 1);
  --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  --green-suggetion: #78c593;
  --green-suggetion-hover: #53996b;
  --white: #fff;
  --white-transparent: rgba(255, 255, 255, 0.9);
  --black-transparent: rgba(0, 0, 0, 0.9);
  --w-25: #F5FAFF;
  --w-50: #EBF5FF;
  --w-75: #D6EBFF;
  --w-100: #C2E1FF;
  --w-200: #99CEFF;
  --w-300: #70BAFF;
  --w-400: #47A6FF;
  --w-500: #1F93FF;
  --w-600: #1976CC;
  --w-700: #135899;
  --w-800: #0C3B66;
  --w-900: #061D33;
  --g-50: #E6F8E6;
  --g-100: #C4EEC2;
  --g-200: #9DE29A;
  --g-300: #6FD86F;
  --g-400: #44CE4B;
  --g-500: #00C41D;
  --g-600: #00B412;
  --g-700: #00A200;
  --g-800: #009000;
  --g-900: #007000;
  --y-50: #FEFDE8;
  --y-100: #FDFCC4;
  --y-200: #FCF68C;
  --y-300: #F9E736;
  --y-400: #F6D819;
  --y-500: #E6C00C;
  --y-600: #C69608;
  --y-700: #9E6b0A;
  --y-800: #835510;
  --y-900: #6F4514;
  --s-25: #F8FAFC;
  --s-50: #F1F5F8;
  --s-75: #EBF0F5;
  --s-100: #E4EBF1;
  --s-200: #C9D7E3;
  --s-300: #AEC3D5;
  --s-400: #93AFC8;
  --s-500: #779BBB;
  --s-600: #446888;
  --s-700: #37546D;
  --s-800: #293F51;
  --s-900: #1B2836;
  --b-50: #F7F7F7;
  --b-100: #ECECED;
  --b-200: #DDDDE0;
  --b-300: #C6C7CA;
  --b-400: #ABACAF;
  --b-500: #96979C;
  --b-600: #6E6F73;
  --b-700: #5A5B5F;
  --b-800: #3C3D40;
  --b-900: #1B1C1F;
  --r-50: #FFEBEE;
  --r-100: #FFCCD1;
  --r-200: #F69898;
  --r-300: #EF6F6F;
  --r-400: #F94B4A;
  --r-500: #FF382D;
  --r-600: #F02B2D;
  --r-700: #DE1E27;
  --r-800: #D11320;
  --r-900: #C30011;
  --v-50: #FFFFFF;
  --v-100: #F5EBFF;
  --v-200: #DDB8FF;
  --v-300: #C585FF;
  --v-400: #AC52FF;
  --v-500: #941FFF;
  --v-600: #7B00EB;
  --v-700: #6000B8;
  --v-800: #450085;
  --v-900: #2B0052;
  --color-woot: var(--w-500);
  --color-heading: #1f2d3d;
  --color-body: #3c4858;
  --color-border: var(--s-75);
  --color-border-light: var(--s-50);
  --color-border-dark: var(--s-100);
  --color-background: var(--s-50);
  --color-background-light: var(--s-25);
  --color-facebook-brand: #3b5998;
  --color-twitter-brand: #1da1f2;
  --color-whatsapp-brand: #25d366;
  --color-sms-twilio: #f42f46;
  --color-cloud-generic: #18b7b0;
  --color-medium-gray: #8492a6;
  --space-zero: 0;
  --space-micro: 0.125rem;
  --space-smaller: 0.25rem;
  --space-small: 0.5rem;
  --space-one: 0.625rem;
  --space-slab: 0.75rem;
  --space-snug: 0.875rem;
  --space-normal: 1rem;
  --space-two: 1.25rem;
  --space-medium: 1.5rem;
  --space-large: 2rem;
  --space-larger: 3rem;
  --space-jumbo: 4rem;
  --space-mega: 6.25rem;
  --space-giga: 15rem;
  --space-minus-micro: -0.125rem;
  --space-minus-smaller: -0.25rem;
  --space-minus-half: -0.3125rem;
  --space-minus-small: -0.5rem;
  --space-minus-one: -0.625rem;
  --space-minus-slab: -0.75rem;
  --space-minus-snug: -0.875rem;
  --space-minus-normal: -1rem;
  --space-minus-two: -1.25rem;
  --space-minus-medium: -1.5rem;
  --space-minus-large: -2rem;
  --space-minus-larger: -3rem;
  --space-minus-jumbo: -4rem;
  --space-minus-mega: -6.25rem;
  --font-size-nano: 0.5rem;
  --font-size-micro: 0.625rem;
  --font-size-mini: 0.75rem;
  --font-size-small: 0.875rem;
  --font-size-default: 1rem;
  --font-size-medium: 1.125rem;
  --font-size-two: 1.25rem;
  --font-size-large: 1.375rem;
  --font-size-big: 1.5rem;
  --font-size-bigger: 1.875rem;
  --font-size-mega: 2.125rem;
  --font-size-giga: 2.5rem;
  --font-weight-feather: 100;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 600;
  --font-weight-black: 700;
  --shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
      0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --shadow-small: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
      0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-large: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
      0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-larger: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
      0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --shadow-dropdown-pane:
      0 0.5rem 1rem rgb(50 50 93 / 8%),
      0 0.25rem 0.75rem rgb(0 0 0 / 7%);
  --shadow-bulk-action-container:
      6px 3px 22px 9px rgb(181 181 181 / 25%);
  --shadow-context-menu: rgb(22 23 24 / 30%) 0px 10px 38px -10px,
  rgb(22 23 24 / 20%) 0px 10px 20px -15px;
  --shadow-widget-builder: 0 0px 20px 5px rgb(0 0 0 / 10%);
  --border-radius-small: 0.1875rem;
  --border-radius-normal: 0.3125rem;
  --border-radius-medium: 0.4375rem;
  --border-radius-large: 0.5625rem;
  --border-radius-full: 6.25rem;
  --border-radius-rounded: 50%;
  --z-index-minus: -1;
  --z-index-zero: 0;
  --z-index-one: 1;
  --z-index-low: 10;
  --z-index-twenty: 20;
  --z-index-normal: 100;
  --z-index-high: 1000;
  --z-index-higher: 2000;
  --z-index-much-higher: 5000;
  --z-index-very-high: 9999;
  --z-index-highest: 10000;
  --dashboard-app-tabs-height: 2.4375rem;
}
.spinner {
  position: relative;
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  vertical-align: middle;
}
@keyframes spinner {
to {
    transform: rotate(360deg);
}
}
.spinner::before {
  animation: spinner 0.9s linear infinite;
  border: 2px solid rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  border-top-color: #52acff;
  box-sizing: border-box;
  content: "";
  height: 1.5rem;
  left: 50%;
  margin-left: -0.675rem;
  margin-top: -0.675rem;
  position: absolute;
  top: 50%;
  width: 1.5rem;
}
.spinner.message {
  box-shadow: 0 0.5rem 1rem rgba(50, 50, 93, 0.08), 0 0.25rem 0.75rem rgba(0, 0, 0, 0.07);
  left: 0px;
  top: 0px;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  margin-left: auto;
  margin-right: auto;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  padding: 1rem;
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.spinner.message {
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}
:is(.dark .spinner.message) {
  --tw-bg-opacity: 1;
  background-color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .spinner.message) {
    background-color: hsl(198 6.6% 15.8% / var(--tw-bg-opacity));
}
}
.spinner.message::before {
  margin-left: -0.75rem;
  margin-top: -0.75rem;
}
.spinner.small {
  height: 1rem;
  width: 1rem;
}
.spinner.small::before {
  margin-top: -0.5rem;
  height: 1rem;
  width: 1rem;
}
:root {
  --dashboard-app-tabs-height: 2.4375rem;
}
.formulate-input .formulate-input-errors {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.formulate-input .formulate-input-error {
  color: #F94B4A;
  color: var(--r-400);
  display: block;
  font-size: 0.875rem;
  font-size: var(--font-size-small);
  font-weight: 400;
  margin-bottom: 0.675rem;
  width: 100%;
}
.integration-hooks .formulate-input[data-type=checkbox] .formulate-input-wrapper {
  display: flex;
}
.integration-hooks .formulate-input[data-type=checkbox] .formulate-input-wrapper .formulate-input-element {
  padding-right: 0.5rem;
}
.integration-hooks .formulate-input[data-type=checkbox] .formulate-input-wrapper .formulate-input-element input {
  margin-bottom: 0px;
}
.integration-hooks .formulate-input[data-type=checkbox] .formulate-input-element-decorator {
  display: none;
}
.mx-icon-left:before,
.mx-icon-right:before,
.mx-icon-double-left:before,
.mx-icon-double-right:before,
.mx-icon-double-left:after,
.mx-icon-double-right:after {
  content: "";
  position: relative;
  top: -1px;
  display: inline-block;
  width: 10px;
  height: 10px;
  vertical-align: middle;
  border-style: solid;
  border-color: currentColor;
  border-width: 2px 0 0 2px;
  border-radius: 1px;
  box-sizing: border-box;
  transform-origin: center;
  transform: rotate(-45deg) scale(0.7);
}
.mx-icon-double-left:after {
  left: -4px;
}
.mx-icon-double-right:before {
  left: 4px;
}
.mx-icon-right:before,
.mx-icon-double-right:before,
.mx-icon-double-right:after {
  transform: rotate(135deg) scale(0.7);
}
.mx-btn {
  box-sizing: border-box;
  line-height: 1;
  font-size: 14px;
  font-weight: 500;
  padding: 7px 15px;
  margin: 0;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  color: #73879c;
  white-space: nowrap;
}
.mx-btn:hover {
  border-color: #1f93ff;
  color: #1f93ff;
}
.mx-btn-text {
  border: 0;
  padding: 0 4px;
  text-align: left;
  line-height: inherit;
}
.mx-scrollbar {
  height: 100%;
}
.mx-scrollbar:hover .mx-scrollbar-track {
  opacity: 1;
}
.mx-scrollbar-wrap {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.mx-scrollbar-track {
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  width: 6px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 0.24s ease-out;
}
.mx-scrollbar-track .mx-scrollbar-thumb {
  position: absolute;
  width: 100%;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, 0.3);
  transition: background-color 0.3s;
}
.mx-zoom-in-down-enter-active,
.mx-zoom-in-down-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center top;
}
.mx-zoom-in-down-enter,
.mx-zoom-in-down-leave-to {
  opacity: 0;
  transform: scaleY(0);
}
.mx-datepicker {
  position: relative;
  display: inline-block;
  width: 210px;
}
.mx-datepicker svg {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.mx-datepicker-range {
  width: 320px;
}
.mx-datepicker-inline {
  width: auto;
}
.mx-input-wrapper {
  position: relative;
}
.mx-input-wrapper .mx-icon-clear {
  display: none;
}
.mx-input-wrapper:hover .mx-icon-clear {
  display: block;
}
.mx-input-wrapper:hover .mx-icon-clear + .mx-icon-calendar {
  display: none;
}
.mx-input {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  height: 34px;
  padding: 6px 30px;
  padding-left: 10px;
  font-size: 14px;
  line-height: 1.4;
  color: #555;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.mx-input:hover, .mx-input:focus {
  border-color: #409aff;
}
.mx-input:disabled, .mx-input.disabled {
  color: #ccc;
  background-color: #f3f3f3;
  border-color: #ccc;
  cursor: not-allowed;
}
.mx-input:focus {
  outline: none;
}
.mx-input::-ms-clear {
  display: none;
}
.mx-icon-calendar,
.mx-icon-clear {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  font-size: 16px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.5);
  vertical-align: middle;
}
.mx-icon-clear {
  cursor: pointer;
}
.mx-icon-clear:hover {
  color: rgba(0, 0, 0, 0.8);
}
.mx-datepicker-main {
  font: 14px/1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", sans-serif;
  color: #73879c;
  background-color: #fff;
  border: 1px solid #e8e8e8;
}
.mx-datepicker-popup {
  position: absolute;
  margin-top: 1px;
  margin-bottom: 1px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  z-index: 2001;
}
.mx-datepicker-sidebar {
  float: left;
  box-sizing: border-box;
  width: 100px;
  padding: 6px;
  overflow: auto;
}
.mx-datepicker-sidebar + .mx-datepicker-content {
  margin-left: 100px;
  border-left: 1px solid #e8e8e8;
}
.mx-datepicker-body {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.mx-btn-shortcut {
  display: block;
  padding: 0 6px;
  line-height: 24px;
}
.mx-range-wrapper {
  display: flex;
}
@media (max-width: 750px) {
.mx-range-wrapper {
    flex-direction: column;
}
}
.mx-datepicker-header {
  padding: 6px 8px;
  border-bottom: 1px solid #e8e8e8;
}
.mx-datepicker-footer {
  padding: 6px 8px;
  text-align: right;
  border-top: 1px solid #e8e8e8;
}
.mx-calendar {
  box-sizing: border-box;
  width: 248px;
  padding: 6px 12px;
}
.mx-calendar + .mx-calendar {
  border-left: 1px solid #e8e8e8;
}
.mx-calendar-header, .mx-time-header {
  box-sizing: border-box;
  height: 34px;
  line-height: 34px;
  text-align: center;
  overflow: hidden;
}
.mx-btn-icon-left,
.mx-btn-icon-double-left {
  float: left;
}
.mx-btn-icon-right,
.mx-btn-icon-double-right {
  float: right;
}
.mx-calendar-header-label {
  font-size: 14px;
}
.mx-calendar-decade-separator {
  margin: 0 2px;
}
.mx-calendar-decade-separator:after {
  content: "~";
}
.mx-calendar-content {
  position: relative;
  height: 224px;
  box-sizing: border-box;
}
.mx-calendar-content .cell {
  cursor: pointer;
}
.mx-calendar-content .cell:hover {
  color: #73879c;
  background-color: #f4faff;
}
.mx-calendar-content .cell.active {
  color: #fff;
  background-color: #1f93ff;
}
.mx-calendar-content .cell.in-range, .mx-calendar-content .cell.hover-in-range {
  color: #73879c;
  background-color: #ddefff;
}
.mx-calendar-content .cell.disabled {
  cursor: not-allowed;
  color: #ccc;
  background-color: #f3f3f3;
}
.mx-calendar-week-mode .mx-date-row {
  cursor: pointer;
}
.mx-calendar-week-mode .mx-date-row:hover {
  background-color: #f4faff;
}
.mx-calendar-week-mode .mx-date-row.mx-active-week {
  background-color: #ddefff;
}
.mx-calendar-week-mode .mx-date-row .cell:hover {
  color: inherit;
  background-color: transparent;
}
.mx-calendar-week-mode .mx-date-row .cell.active {
  color: inherit;
  background-color: transparent;
}
.mx-week-number {
  opacity: 0.5;
}
.mx-table {
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  text-align: center;
}
.mx-table th {
  padding: 0;
  font-weight: 500;
  vertical-align: middle;
}
.mx-table td {
  padding: 0;
  vertical-align: middle;
}
.mx-table-date td,
.mx-table-date th {
  height: 32px;
  font-size: 12px;
}
.mx-table-date .today {
  color: #359eff;
}
.mx-table-date .cell.not-current-month {
  color: #ccc;
  background: none;
}
.mx-time {
  flex: 1 1;
  width: 224px;
  background: #fff;
}
.mx-time + .mx-time {
  border-left: 1px solid #e8e8e8;
}
.mx-calendar-time {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mx-time-header {
  border-bottom: 1px solid #e8e8e8;
}
.mx-time-content {
  height: 224px;
  box-sizing: border-box;
  overflow: hidden;
}
.mx-time-columns {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.mx-time-column {
  flex: 1 1;
  position: relative;
  border-left: 1px solid #e8e8e8;
  text-align: center;
}
.mx-time-column:first-child {
  border-left: 0;
}
.mx-time-column .mx-time-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mx-time-column .mx-time-list::after {
  content: "";
  display: block;
  height: 192px;
}
.mx-time-column .mx-time-item {
  cursor: pointer;
  font-size: 12px;
  height: 32px;
  line-height: 32px;
}
.mx-time-column .mx-time-item:hover {
  color: #73879c;
  background-color: #f4faff;
}
.mx-time-column .mx-time-item.active {
  color: #1f93ff;
  background-color: transparent;
  font-weight: 700;
}
.mx-time-column .mx-time-item.disabled {
  cursor: not-allowed;
  color: #ccc;
  background-color: #f3f3f3;
}
.mx-time-option {
  cursor: pointer;
  padding: 8px 10px;
  font-size: 14px;
  line-height: 20px;
}
.mx-time-option:hover {
  color: #73879c;
  background-color: #f4faff;
}
.mx-time-option.active {
  color: #1f93ff;
  background-color: transparent;
  font-weight: 700;
}
.mx-time-option.disabled {
  cursor: not-allowed;
  color: #ccc;
  background-color: #f3f3f3;
}
.date-picker.small .mx-input {
  height: 2rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.date-picker.no-margin .mx-input {
  margin-bottom: 0px;
}
.date-picker:not(.auto-width) .mx-datepicker-range {
  width: 320px;
}
.date-picker .mx-datepicker {
  width: 100%;
}
.date-picker .mx-input {
  display: flex;
  height: 2.5rem;
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: hsl(207 11.1% 85.9% / 1);
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.date-picker .mx-input {
    border-color: hsl(207 11.1% 85.9% / var(--tw-border-opacity));
}
}
:is(.dark .date-picker .mx-input) {
  --tw-border-opacity: 1;
  border-color: hsl(206 6.0% 43.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .date-picker .mx-input) {
    border-color: hsl(206 6.0% 43.5% / var(--tw-border-opacity));
}
}
.date-picker .mx-input:disabled,
.date-picker .mx-input[readonly] {
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.date-picker .mx-input:disabled,
.date-picker .mx-input[readonly] {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}
:is(.dark .date-picker .mx-input:disabled),:is(.dark 
.date-picker .mx-input[readonly]) {
  --tw-bg-opacity: 1;
  background-color: hsl(200 7.0% 8.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .date-picker .mx-input:disabled),:is(.dark 
.date-picker .mx-input[readonly]) {
    background-color: hsl(200 7.0% 8.8% / var(--tw-bg-opacity));
}
}
:is(.dark .date-picker .mx-icon-calendar) {
  --tw-text-opacity: 1;
  color: hsl(206 5.2% 49.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .date-picker .mx-icon-calendar) {
    color: hsl(206 5.2% 49.5% / var(--tw-text-opacity));
}
}
.mx-datepicker-main {
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.mx-datepicker-main {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}
:is(.dark .mx-datepicker-main) {
  --tw-bg-opacity: 1;
  background-color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .mx-datepicker-main) {
    background-color: hsl(198 6.6% 15.8% / var(--tw-bg-opacity));
}
}
.mx-datepicker-main .cell.disabled {
  --tw-bg-opacity: 1;
  background-color: hsl(210 16.7% 97.6% / 1);
  --tw-text-opacity: 1;
  color: hsl(207 11.1% 85.9% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.mx-datepicker-main .cell.disabled {
    background-color: hsl(210 16.7% 97.6% / var(--tw-bg-opacity));
    color: hsl(207 11.1% 85.9% / var(--tw-text-opacity));
}
}
:is(.dark .mx-datepicker-main .cell.disabled) {
  --tw-bg-opacity: 1;
  background-color: hsl(200 7.0% 8.8% / 1);
  --tw-text-opacity: 1;
  color: hsl(205 10.7% 78.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .mx-datepicker-main .cell.disabled) {
    background-color: hsl(200 7.0% 8.8% / var(--tw-bg-opacity));
    color: hsl(205 10.7% 78.0% / var(--tw-text-opacity));
}
}
.mx-datepicker-main .cell:hover, .mx-datepicker-main .cell.hover-in-range, .mx-datepicker-main .cell.in-range {
  --tw-bg-opacity: 1;
  background-color: hsl(209 12.2% 93.2% / 1);
  --tw-text-opacity: 1;
  color: hsl(200 7.0% 8.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.mx-datepicker-main .cell:hover, .mx-datepicker-main .cell.hover-in-range, .mx-datepicker-main .cell.in-range {
    background-color: hsl(209 12.2% 93.2% / var(--tw-bg-opacity));
    color: hsl(200 7.0% 8.8% / var(--tw-text-opacity));
}
}
:is(.dark .mx-datepicker-main .cell:hover),:is(.dark  .mx-datepicker-main .cell.hover-in-range),:is(.dark  .mx-datepicker-main .cell.in-range) {
  --tw-bg-opacity: 1;
  background-color: hsl(207 5.6% 31.6% / 1);
  --tw-text-opacity: 1;
  color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .mx-datepicker-main .cell:hover),:is(.dark  .mx-datepicker-main .cell.hover-in-range),:is(.dark  .mx-datepicker-main .cell.in-range) {
    background-color: hsl(207 5.6% 31.6% / var(--tw-bg-opacity));
    color: hsl(208 11.7% 91.1% / var(--tw-text-opacity));
}
}
.mx-datepicker-main .mx-time {
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.mx-datepicker-main .mx-time {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}
:is(.dark .mx-datepicker-main .mx-time) {
  --tw-bg-opacity: 1;
  background-color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .mx-datepicker-main .mx-time) {
    background-color: hsl(198 6.6% 15.8% / var(--tw-bg-opacity));
}
}
.mx-datepicker-main .mx-time .mx-time-header {
  border-width: 0px;
}
.mx-datepicker-main .mx-time .mx-time-item.disabled {
  --tw-bg-opacity: 1;
  background-color: hsl(210 16.7% 97.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.mx-datepicker-main .mx-time .mx-time-item.disabled {
    background-color: hsl(210 16.7% 97.6% / var(--tw-bg-opacity));
}
}
:is(.dark .mx-datepicker-main .mx-time .mx-time-item.disabled) {
  --tw-bg-opacity: 1;
  background-color: hsl(200 7.0% 8.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .mx-datepicker-main .mx-time .mx-time-item.disabled) {
    background-color: hsl(200 7.0% 8.8% / var(--tw-bg-opacity));
}
}
.mx-datepicker-main .mx-time .mx-time-item:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(209 12.2% 93.2% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.mx-datepicker-main .mx-time .mx-time-item:hover {
    background-color: hsl(209 12.2% 93.2% / var(--tw-bg-opacity));
}
}
:is(.dark .mx-datepicker-main .mx-time .mx-time-item:hover) {
  --tw-bg-opacity: 1;
  background-color: hsl(207 5.6% 31.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .mx-datepicker-main .mx-time .mx-time-item:hover) {
    background-color: hsl(207 5.6% 31.6% / var(--tw-bg-opacity));
}
}
.mx-datepicker-main .today {
  font-weight: 600;
}
.mx-datepicker-popup {
  z-index: 99999;
}
.mx-datepicker-inline {
  width: 100%;
}
.mx-datepicker-inline .mx-calendar {
  width: 100%;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/packs/media/shared/assets/fonts/Inter-Thin-bc0c400ab97641432db27b3541daa5ac.woff2) format("woff2"), url(/packs/media/shared/assets/fonts/Inter-Thin-046ff26493bd0c8b7af11d58d459e525.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/packs/media/shared/assets/fonts/Inter-Light-a44d8c552d1c8cacede33b5c443d6780.woff2) format("woff2"), url(/packs/media/shared/assets/fonts/Inter-Light-951c5254c8c4aff4fd790906be216bb8.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/packs/media/shared/assets/fonts/Inter-Regular-b35f79d43d03b9a20047efe416c35d08.woff2) format("woff2"), url(/packs/media/shared/assets/fonts/Inter-Regular-608dbe34b525dbf880b8d8ce921a5b54.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/packs/media/shared/assets/fonts/Inter-Italic-2171665508e87b63ab462307d21e7cb0.woff2) format("woff2"), url(/packs/media/shared/assets/fonts/Inter-Italic-c52bf90bf478701f3d4f5950041ca78f.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/packs/media/shared/assets/fonts/Inter-Medium-aec38a6b266a908bc320e30f261771d1.woff2) format("woff2"), url(/packs/media/shared/assets/fonts/Inter-Medium-e78f8f072aa56924dc4d735fd1abeb68.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/packs/media/shared/assets/fonts/Inter-SemiBold-878e0cfc04d6108e9f97f3ce94e25b5e.woff2) format("woff2"), url(/packs/media/shared/assets/fonts/Inter-SemiBold-af031ccbfc3d90928feba54c9a4b2d4d.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/packs/media/shared/assets/fonts/Inter-Bold-8ce7b9e67a6b7cd8c6d71b084095ddf8.woff2) format("woff2"), url(/packs/media/shared/assets/fonts/Inter-Bold-3053fbd18c9c00d7783e462e04beed10.woff) format("woff");
}
html,
body {
  font-family: "PlusJakarta", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Tahoma, Arial, sans-serif !important;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}
.app-wrapper {
  height: 100%;
  min-height: 0px;
  width: 100%;
  flex-grow: 0;
}
.app-wrapper .button--fixed-top {
  position: fixed;
  top: 0.5rem;
  display: flex;
  flex-direction: row;
}
:is([dir="ltr"] .app-wrapper .button--fixed-top) {
  right: 0.5rem;
}
:is([dir="rtl"] .app-wrapper .button--fixed-top) {
  left: 0.5rem;
}
.banner + .app-wrapper {
  height: calc(100% - 48px);
}
.banner + .app-wrapper .button--fixed-top {
  top: 3.5rem;
}
.banner + .app-wrapper .off-canvas-content .button--fixed-top {
  top: 0.5rem;
}
.slide-fade-enter-active {
  transition: all 0.3s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  transition: all 0.3s var(--ease-in-cubic);
}
.slide-fade-leave-active {
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.3s var(--ease-out-cubic);
}
.slide-fade-enter,
.slide-fade-leave-to {
  opacity: 0;
  transform: translateX(10px);
}
.slide-fade-enter {
  transform: translateX(0.125rem);
}
.slide-fade-leave-to {
  transform: translateX(1.5rem);
}
.conversations-list-enter-active,
.conversations-list-leave-active {
  transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.25s var(--ease-out-cubic);
}
.conversations-list-enter,
.conversations-list-leave-to {
  opacity: 0;
  transform: translateX(1.5rem);
}
.menu-list-enter-active,
.menu-list-leave-active {
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.3s var(--ease-out-cubic), transform 0.2s var(--ease-out-cubic);
}
.menu-list-leave-to {
  opacity: 0;
  position: absolute;
  transform: translateX(0.5rem);
}
.menu-list-enter {
  opacity: 0;
  transform: translateX(-0.5rem);
}
.slide-up-enter-active {
  transition: all 0.3s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  transition: all 0.3s var(--ease-in-cubic);
}
.slide-up-leave-active {
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.3s var(--ease-out-cubic);
}
.slide-up-enter,
.slide-up-leave-to {
  opacity: 0;
  transform: translateY(-1.5rem);
}
.menu-slide-enter-active,
.menu-slide-leave-active {
  transform: translateY(0);
  transition: transform 0.25s cubic-bezier(0.17, 0.67, 0.83, 0.67), opacity 0.15s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  transition: transform 0.25s var(--ease-in-cubic), opacity 0.15s var(--ease-in-cubic);
}
.menu-slide-enter,
.menu-slide-leave-to {
  opacity: 0;
  transform: translateY(0.5rem);
}
.toast-fade-enter-active {
  transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
  transition: all 0.3s var(--ease-in-sine);
}
.toast-fade-leave-active {
  transition: all 0.1s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.1s var(--ease-out-sine);
}
.toast-fade-enter,
.toast-fade-leave-to {
  opacity: 0;
  transform: translateY(-0.5rem);
}
.modal-fade-enter-active {
  transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
  transition: all 0.3s var(--ease-in-sine);
}
.modal-fade-leave-active {
  transition: all 0.1s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.1s var(--ease-out-sine);
}
.modal-fade-enter,
.modal-fade-leave-to {
  opacity: 0;
}
.network-notification-fade-enter-active {
  transition: all 0.1s cubic-bezier(0.47, 0, 0.745, 0.715);
  transition: all 0.1s var(--ease-in-sine);
}
.network-notification-fade-leave-active {
  transition: all 0.1s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.1s var(--ease-out-sine);
}
.network-notification-fade-enter,
.network-notification-fade-leave-to {
  opacity: 0;
  transform: translateY(-0.5rem);
}
.app-rtl--wrapper {
  direction: rtl;
}
.app-rtl--wrapper .tabs-title:first-child {
  margin-left: 0.5rem;
  margin-left: var(--space-small);
  margin-right: 0;
  margin-right: initial;
}
.app-rtl--wrapper .tabs-title:last-child {
  margin-left: 0;
  margin-left: initial;
  margin-right: 0.5rem;
  margin-right: var(--space-small);
}
.app-rtl--wrapper table,
.app-rtl--wrapper thead,
.app-rtl--wrapper th {
  text-align: right;
}
.app-rtl--wrapper .footer .page-meta {
  direction: ltr;
  direction: initial;
}
.app-rtl--wrapper .wizard-box {
  direction: ltr;
  direction: initial;
}
.app-rtl--wrapper .conversation-details-wrap .conversation-panel .text-content p {
  unicode-bidi: plaintext;
}
.app-rtl--wrapper .conversation-details-wrap .conversation-panel .text-content ul {
  padding-left: 0;
  padding-left: initial;
  padding-right: 1.25rem;
  padding-right: var(--space-two);
}
.app-rtl--wrapper .conversation-details-wrap .conversation-panel .text-content li {
  text-align: right;
}
.app-rtl--wrapper .conversation-details-wrap .conversation-panel li.right .sender--info {
  padding: 0.5rem 0.25rem 0.25rem 0;
  padding: var(--space-small) var(--space-smaller) var(--space-smaller) 0;
}
.app-rtl--wrapper .conversation-details-wrap .conversation-panel li.right .context-menu-wrap {
  margin-left: 0;
  margin-right: auto;
}
.app-rtl--wrapper .conversation-details-wrap .conversation-footer .preview-item {
  direction: ltr;
  direction: initial;
}
.app-rtl--wrapper .conversation-details-wrap .conversation-sidebar-wrap .checkbox-wrap .checkbox {
  margin-left: 0.5rem;
  margin-left: var(--space-small);
}
.app-rtl--wrapper .conversation-details-wrap .close-button--rtl {
  transform: rotate(180deg);
}
.app-rtl--wrapper .conversation-details-wrap .resolve-actions .button-group .button:first-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0.3125rem;
  border-bottom-right-radius: var(--border-radius-normal);
  border-top-left-radius: 0;
  border-top-right-radius: 0.3125rem;
  border-top-right-radius: var(--border-radius-normal);
}
.app-rtl--wrapper .conversation-details-wrap .resolve-actions .button-group .button:last-child {
  border-bottom-left-radius: 0.3125rem;
  border-bottom-left-radius: var(--border-radius-normal);
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.3125rem;
  border-top-left-radius: var(--border-radius-normal);
  border-top-right-radius: 0;
}
.app-rtl--wrapper .conversations-list-wrap {
  border-right: 0;
}
.app-rtl--wrapper .conversations-list-wrap .conversation .conversation--meta {
  left: 1rem;
  right: auto;
  right: initial;
}
.app-rtl--wrapper .conversations-list-wrap .conversation .conversation--meta .unread {
  margin-left: 0;
  margin-left: initial;
  margin-right: auto;
}
.app-rtl--wrapper .conversations-list-wrap .conversation .assignee-label {
  margin-left: 0;
  margin-right: 0.625rem;
  margin-right: var(--space-one);
}
.app-rtl--wrapper .conversations-list-wrap .conversation .show-more--button {
  margin: 0;
  margin: initial;
  transform: rotate(180deg);
}
.app-rtl--wrapper .conversations-list-wrap .basic-filter {
  left: 0;
  right: auto;
  right: initial;
}
.app-rtl--wrapper .conversations-list-wrap .bulk-action__container .triangle {
  left: var(--triangle-position);
  right: auto;
  right: initial;
}
.app-rtl--wrapper .conversations-list-wrap .bulk-action__container .bulk-action__agents {
  left: 0.5rem;
  left: var(--space-small);
  right: auto;
  right: initial;
}
.app-rtl--wrapper .conversations-list-wrap .bulk-action__container .labels-container {
  left: 0.5rem;
  left: var(--space-small);
  right: auto;
  right: initial;
}
.app-rtl--wrapper .conversations-list-wrap .bulk-action__container .labels-container .label-checkbox {
  margin: 0 0 0 0.625rem;
  margin: 0 0 0 var(--space-one);
}
.app-rtl--wrapper .conversations-list-wrap .bulk-action__container .actions-container {
  left: 0.5rem;
  left: var(--space-small);
  right: auto;
  right: initial;
}
.app-rtl--wrapper .conversations-list-wrap .bulk-action__container .bulk-action__teams {
  left: 0.5rem;
  left: var(--space-small);
  right: auto;
  right: initial;
}
.app-rtl--wrapper .card.note-wrap .time-stamp {
  unicode-bidi: plaintext;
}
.app-rtl--wrapper .article-container .row--article-block td:last-child {
  direction: ltr;
  direction: initial;
}
.app-rtl--wrapper .portal-popover__container .portal .actions-container {
  margin-left: 0;
  margin-left: initial;
  margin-right: 0.625rem;
  margin-right: var(--space-one);
}
.app-rtl--wrapper .edit-article--container .header-right--wrap .button-group .button:first-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0.3125rem;
  border-bottom-right-radius: var(--border-radius-normal);
  border-top-left-radius: 0;
  border-top-right-radius: 0.3125rem;
  border-top-right-radius: var(--border-radius-normal);
}
.app-rtl--wrapper .edit-article--container .header-right--wrap .button-group .button:last-child {
  border-bottom-left-radius: 0.3125rem;
  border-bottom-left-radius: var(--border-radius-normal);
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.3125rem;
  border-top-left-radius: var(--border-radius-normal);
  border-top-right-radius: 0;
}
.app-rtl--wrapper .edit-article--container .header-left--wrap .back-button {
  direction: ltr;
  direction: initial;
}
.app-rtl--wrapper .edit-article--container .article--buttons .dropdown-pane {
  left: 0;
  position: absolute;
  right: auto;
  right: initial;
}
.app-rtl--wrapper .edit-article--container .sidebar-button {
  transform: rotate(180deg);
}
.app-rtl--wrapper .article-settings--container {
  border-left: 0;
  border-right: 1px solid #F1F5F8;
  border-right: 1px solid var(--color-border-light);
  flex-direction: row-reverse;
  margin-left: 0;
  margin-right: 1rem;
  margin-right: var(--space-normal);
  padding-left: 0;
  padding-right: 1rem;
  padding-right: var(--space-normal);
}
.app-rtl--wrapper .category-list--container .header-left--wrap {
  direction: ltr;
  direction: initial;
  justify-content: flex-end;
}
.app-rtl--wrapper .toggle-button.small span.active {
  transform: translate(-0.5rem, 0);
  transform: translate(var(--space-minus-small), var(--space-zero));
}
.app-rtl--wrapper .toggle-button span {
  --minus-space-one-point-five: -0.9375rem;
}
.app-rtl--wrapper .toggle-button span.active {
  transform: translate(var(--minus-space-one-point-five), 0);
  transform: translate(var(--minus-space-one-point-five), var(--space-zero));
}
.app-rtl--wrapper .widget-builder-container .widget-preview {
  direction: ltr;
  direction: initial;
}
.app-rtl--wrapper .modal-container {
  text-align: right;
}
.app-rtl--wrapper .modal-container .modal-footer button {
  margin-left: 0;
  margin-right: 0.5rem;
  margin-right: var(--space-small);
}
.app-rtl--wrapper .colorpicker--chrome {
  direction: ltr;
  direction: initial;
}
.app-rtl--wrapper .mention--box {
  direction: ltr;
  direction: initial;
}
.app-rtl--wrapper .contact--details .contact--bio {
  direction: ltr;
}
.app-rtl--wrapper .merge-contacts .child-contact-wrap {
  direction: ltr;
}
.app-rtl--wrapper .contact--form .input-group {
  direction: ltr;
  direction: initial;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
  --tw-text-opacity: 1;
  color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
h1,
h2,
h3,
h4,
h5,
h6 {
    color: hsl(198 6.6% 15.8% / var(--tw-text-opacity));
}
}
:is(.dark h1),:is(.dark 
h2),:is(.dark 
h3),:is(.dark 
h4),:is(.dark 
h5),:is(.dark 
h6) {
  --tw-text-opacity: 1;
  color: hsl(209 13.3% 95.3% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark h1),:is(.dark 
h2),:is(.dark 
h3),:is(.dark 
h4),:is(.dark 
h5),:is(.dark 
h6) {
    color: hsl(209 13.3% 95.3% / var(--tw-text-opacity));
}
}
p {
  text-rendering: optimizeLegibility;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.65;
}
p a {
  cursor: pointer;
  --tw-text-opacity: 1;
  color: hsl(209 100% 60.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
p a {
    color: hsl(209 100% 60.6% / var(--tw-text-opacity));
}
}
:is(.dark p a) {
  --tw-text-opacity: 1;
  color: hsl(209 100% 60.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark p a) {
    color: hsl(209 100% 60.6% / var(--tw-text-opacity));
}
}
a {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
hr {
  clear: both;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  margin-left: 0px;
  margin-right: 0px;
  height: 0px;
  max-width: 100%;
  --tw-border-opacity: 1;
  border-color: hsl(205 10.7% 78.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
hr {
    border-color: hsl(205 10.7% 78.0% / var(--tw-border-opacity));
}
}
:is(.dark hr) {
  --tw-border-opacity: 1;
  border-color: hsl(206 6.0% 43.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark hr) {
    border-color: hsl(206 6.0% 43.5% / var(--tw-border-opacity));
}
}
ul,
ol,
dl {
  margin-bottom: 0.5rem;
  list-style-position: outside;
  list-style-type: disc;
  line-height: 1.65;
}
label {
  margin: 0px;
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
label {
    color: hsl(198 6.6% 15.8% / var(--tw-text-opacity));
}
}
:is(.dark label) {
  --tw-text-opacity: 1;
  color: hsl(207 11.1% 85.9% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark label) {
    color: hsl(207 11.1% 85.9% / var(--tw-text-opacity));
}
}
label.error input {
  margin-bottom: 0.25rem;
}
.input-wrap,
.help-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.input-wrap,
.help-text {
    color: hsl(198 6.6% 15.8% / var(--tw-text-opacity));
}
}
:is(.dark .input-wrap),:is(.dark 
.help-text) {
  --tw-text-opacity: 1;
  color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .input-wrap),:is(.dark 
.help-text) {
    color: hsl(208 11.7% 91.1% / var(--tw-text-opacity));
}
}
.input-wrap .help-text,
.help-text .help-text {
  font-weight: 400;
  --tw-text-opacity: 1;
  color: hsl(206 6.0% 43.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.input-wrap .help-text,
.help-text .help-text {
    color: hsl(206 6.0% 43.5% / var(--tw-text-opacity));
}
}
:is(.dark .input-wrap .help-text),:is(.dark 
.help-text .help-text) {
  --tw-text-opacity: 1;
  color: hsl(206 6.0% 63.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .input-wrap .help-text),:is(.dark 
.help-text .help-text) {
    color: hsl(206 6.0% 63.0% / var(--tw-text-opacity));
}
}
.button,
textarea,
input:focus {
  outline: none;
}
input[type=text]:not(.reset-base),
input[type=number]:not(.reset-base),
input[type=password]:not(.reset-base),
input[type=date]:not(.reset-base),
input[type=email]:not(.reset-base),
input[type=url]:not(.reset-base) {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 1rem;
  box-sizing: border-box;
  display: block;
  height: 2.5rem;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: hsl(207 11.1% 85.9% / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  padding: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: hsl(200 7.0% 8.8% / 1);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.25s;
  transition-timing-function: ease-in-out;
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
input[type=text]:not(.reset-base),
input[type=number]:not(.reset-base),
input[type=password]:not(.reset-base),
input[type=date]:not(.reset-base),
input[type=email]:not(.reset-base),
input[type=url]:not(.reset-base) {
    border-color: hsl(207 11.1% 85.9% / var(--tw-border-opacity));
}
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
input[type=text]:not(.reset-base),
input[type=number]:not(.reset-base),
input[type=password]:not(.reset-base),
input[type=date]:not(.reset-base),
input[type=email]:not(.reset-base),
input[type=url]:not(.reset-base) {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
input[type=text]:not(.reset-base),
input[type=number]:not(.reset-base),
input[type=password]:not(.reset-base),
input[type=date]:not(.reset-base),
input[type=email]:not(.reset-base),
input[type=url]:not(.reset-base) {
    color: hsl(200 7.0% 8.8% / var(--tw-text-opacity));
}
}
input[type=text]:not(.reset-base):focus,
input[type=number]:not(.reset-base):focus,
input[type=password]:not(.reset-base):focus,
input[type=date]:not(.reset-base):focus,
input[type=email]:not(.reset-base):focus,
input[type=url]:not(.reset-base):focus {
  --tw-border-opacity: 1;
  border-color: hsl(209 100% 60.6% / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
input[type=text]:not(.reset-base):focus,
input[type=number]:not(.reset-base):focus,
input[type=password]:not(.reset-base):focus,
input[type=date]:not(.reset-base):focus,
input[type=email]:not(.reset-base):focus,
input[type=url]:not(.reset-base):focus {
    border-color: hsl(209 100% 60.6% / var(--tw-border-opacity));
}
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
input[type=text]:not(.reset-base):focus,
input[type=number]:not(.reset-base):focus,
input[type=password]:not(.reset-base):focus,
input[type=date]:not(.reset-base):focus,
input[type=email]:not(.reset-base):focus,
input[type=url]:not(.reset-base):focus {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}
:is(.dark input[type=text]:not(.reset-base)),:is(.dark 
input[type=number]:not(.reset-base)),:is(.dark 
input[type=password]:not(.reset-base)),:is(.dark 
input[type=date]:not(.reset-base)),:is(.dark 
input[type=email]:not(.reset-base)),:is(.dark 
input[type=url]:not(.reset-base)) {
  --tw-border-opacity: 1;
  border-color: hsl(206 6.0% 43.5% / 1);
  --tw-bg-opacity: 1;
  background-color: hsl(200 7.0% 8.8% / 1);
  --tw-text-opacity: 1;
  color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark input[type=text]:not(.reset-base)),:is(.dark 
input[type=number]:not(.reset-base)),:is(.dark 
input[type=password]:not(.reset-base)),:is(.dark 
input[type=date]:not(.reset-base)),:is(.dark 
input[type=email]:not(.reset-base)),:is(.dark 
input[type=url]:not(.reset-base)) {
    border-color: hsl(206 6.0% 43.5% / var(--tw-border-opacity));
    background-color: hsl(200 7.0% 8.8% / var(--tw-bg-opacity));
    color: hsl(208 11.7% 91.1% / var(--tw-text-opacity));
}
}
:is(.dark input[type=text]:not(.reset-base):focus),:is(.dark 
input[type=number]:not(.reset-base):focus),:is(.dark 
input[type=password]:not(.reset-base):focus),:is(.dark 
input[type=date]:not(.reset-base):focus),:is(.dark 
input[type=email]:not(.reset-base):focus),:is(.dark 
input[type=url]:not(.reset-base):focus) {
  --tw-border-opacity: 1;
  border-color: hsl(206 100% 50.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark input[type=text]:not(.reset-base):focus),:is(.dark 
input[type=number]:not(.reset-base):focus),:is(.dark 
input[type=password]:not(.reset-base):focus),:is(.dark 
input[type=date]:not(.reset-base):focus),:is(.dark 
input[type=email]:not(.reset-base):focus),:is(.dark 
input[type=url]:not(.reset-base):focus) {
    border-color: hsl(206 100% 50.0% / var(--tw-border-opacity));
}
}
:is(.dark input[type=text]:not(.reset-base)):focus,:is(.dark 
input[type=number]:not(.reset-base)):focus,:is(.dark 
input[type=password]:not(.reset-base)):focus,:is(.dark 
input[type=date]:not(.reset-base)):focus,:is(.dark 
input[type=email]:not(.reset-base)):focus,:is(.dark 
input[type=url]:not(.reset-base)):focus {
  --tw-bg-opacity: 1;
  background-color: hsl(200 7.0% 8.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark input[type=text]:not(.reset-base)):focus,:is(.dark 
input[type=number]:not(.reset-base)):focus,:is(.dark 
input[type=password]:not(.reset-base)):focus,:is(.dark 
input[type=date]:not(.reset-base)):focus,:is(.dark 
input[type=email]:not(.reset-base)):focus,:is(.dark 
input[type=url]:not(.reset-base)):focus {
    background-color: hsl(200 7.0% 8.8% / var(--tw-bg-opacity));
}
}
input[type=text]:not(.reset-base)[disabled],
input[type=number]:not(.reset-base)[disabled],
input[type=password]:not(.reset-base)[disabled],
input[type=date]:not(.reset-base)[disabled],
input[type=email]:not(.reset-base)[disabled],
input[type=url]:not(.reset-base)[disabled] {
  cursor: not-allowed;
  --tw-border-opacity: 1;
  border-color: hsl(207 11.1% 85.9% / 1);
  --tw-bg-opacity: 1;
  background-color: hsl(207 11.1% 85.9% / 1);
  --tw-text-opacity: 1;
  color: hsl(206 6.0% 63.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
input[type=text]:not(.reset-base)[disabled],
input[type=number]:not(.reset-base)[disabled],
input[type=password]:not(.reset-base)[disabled],
input[type=date]:not(.reset-base)[disabled],
input[type=email]:not(.reset-base)[disabled],
input[type=url]:not(.reset-base)[disabled] {
    border-color: hsl(207 11.1% 85.9% / var(--tw-border-opacity));
    background-color: hsl(207 11.1% 85.9% / var(--tw-bg-opacity));
    color: hsl(206 6.0% 63.0% / var(--tw-text-opacity));
}
}
:is(.dark input[type=text]:not(.reset-base)[disabled]),:is(.dark 
input[type=number]:not(.reset-base)[disabled]),:is(.dark 
input[type=password]:not(.reset-base)[disabled]),:is(.dark 
input[type=date]:not(.reset-base)[disabled]),:is(.dark 
input[type=email]:not(.reset-base)[disabled]),:is(.dark 
input[type=url]:not(.reset-base)[disabled]) {
  --tw-border-opacity: 1;
  border-color: hsl(206 6.0% 43.5% / 1);
  --tw-bg-opacity: 1;
  background-color: hsl(207 5.6% 31.6% / 1);
  --tw-text-opacity: 1;
  color: hsl(206 6.0% 63.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark input[type=text]:not(.reset-base)[disabled]),:is(.dark 
input[type=number]:not(.reset-base)[disabled]),:is(.dark 
input[type=password]:not(.reset-base)[disabled]),:is(.dark 
input[type=date]:not(.reset-base)[disabled]),:is(.dark 
input[type=email]:not(.reset-base)[disabled]),:is(.dark 
input[type=url]:not(.reset-base)[disabled]) {
    border-color: hsl(206 6.0% 43.5% / var(--tw-border-opacity));
    background-color: hsl(207 5.6% 31.6% / var(--tw-bg-opacity));
    color: hsl(206 6.0% 63.0% / var(--tw-text-opacity));
}
}
input[type=file] {
  margin-bottom: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  line-height: 1.15;
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
input[type=file] {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}
:is(.dark input[type=file]) {
  --tw-bg-opacity: 1;
  background-color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark input[type=file]) {
    background-color: hsl(198 6.6% 15.8% / var(--tw-bg-opacity));
}
}
select {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28110, 111, 115%29'></polygon></svg>");
  background-position: right -1rem center;
  background-size: 9px 6px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 1rem;
  height: 2.5rem;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: hsl(207 11.1% 85.9% / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  background-repeat: no-repeat;
  background-origin: content-box;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 1.5rem;
  padding-left: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: hsl(200 7.0% 8.8% / 1);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.25s;
  transition-timing-function: ease-in-out;
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
select {
  border-color: hsl(207 11.1% 85.9% / var(--tw-border-opacity));
}
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
select {
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
select {
  color: hsl(200 7.0% 8.8% / var(--tw-text-opacity));
}
}
select:focus {
  --tw-border-opacity: 1;
  border-color: hsl(209 100% 60.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
select:focus {
    border-color: hsl(209 100% 60.6% / var(--tw-border-opacity));
}
}
select:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
:is(.dark select) {
  --tw-border-opacity: 1;
  border-color: hsl(206 6.0% 43.5% / 1);
  --tw-bg-opacity: 1;
  background-color: hsl(200 7.0% 8.8% / 1);
  --tw-text-opacity: 1;
  color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark select) {
    border-color: hsl(206 6.0% 43.5% / var(--tw-border-opacity));
    background-color: hsl(200 7.0% 8.8% / var(--tw-bg-opacity));
    color: hsl(208 11.7% 91.1% / var(--tw-text-opacity));
}
}
:is(.dark select:focus) {
  --tw-border-opacity: 1;
  border-color: hsl(206 100% 50.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark select:focus) {
    border-color: hsl(206 100% 50.0% / var(--tw-border-opacity));
}
}
textarea {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 1rem;
  box-sizing: border-box;
  display: block;
  height: 4rem;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: hsl(207 11.1% 85.9% / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  padding: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: hsl(200 7.0% 8.8% / 1);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.25s;
  transition-timing-function: ease-in-out;
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
textarea {
    border-color: hsl(207 11.1% 85.9% / var(--tw-border-opacity));
}
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
textarea {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
textarea {
    color: hsl(200 7.0% 8.8% / var(--tw-text-opacity));
}
}
textarea:focus {
  --tw-border-opacity: 1;
  border-color: hsl(209 100% 60.6% / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
textarea:focus {
    border-color: hsl(209 100% 60.6% / var(--tw-border-opacity));
}
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
textarea:focus {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}
:is(.dark textarea) {
  --tw-border-opacity: 1;
  border-color: hsl(206 6.0% 43.5% / 1);
  --tw-bg-opacity: 1;
  background-color: hsl(200 7.0% 8.8% / 1);
  --tw-text-opacity: 1;
  color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark textarea) {
    border-color: hsl(206 6.0% 43.5% / var(--tw-border-opacity));
    background-color: hsl(200 7.0% 8.8% / var(--tw-bg-opacity));
    color: hsl(208 11.7% 91.1% / var(--tw-text-opacity));
}
}
:is(.dark textarea:focus) {
  --tw-border-opacity: 1;
  border-color: hsl(206 100% 50.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark textarea:focus) {
    border-color: hsl(206 100% 50.0% / var(--tw-border-opacity));
}
}
:is(.dark textarea):focus {
  --tw-bg-opacity: 1;
  background-color: hsl(200 7.0% 8.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark textarea):focus {
    background-color: hsl(200 7.0% 8.8% / var(--tw-bg-opacity));
}
}
textarea[disabled] {
  cursor: not-allowed;
  --tw-border-opacity: 1;
  border-color: hsl(207 11.1% 85.9% / 1);
  --tw-bg-opacity: 1;
  background-color: hsl(207 11.1% 85.9% / 1);
  --tw-text-opacity: 1;
  color: hsl(206 6.0% 63.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
textarea[disabled] {
    border-color: hsl(207 11.1% 85.9% / var(--tw-border-opacity));
    background-color: hsl(207 11.1% 85.9% / var(--tw-bg-opacity));
    color: hsl(206 6.0% 63.0% / var(--tw-text-opacity));
}
}
:is(.dark textarea[disabled]) {
  --tw-border-opacity: 1;
  border-color: hsl(206 6.0% 43.5% / 1);
  --tw-bg-opacity: 1;
  background-color: hsl(207 5.6% 31.6% / 1);
  --tw-text-opacity: 1;
  color: hsl(206 6.0% 63.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark textarea[disabled]) {
    border-color: hsl(206 6.0% 43.5% / var(--tw-border-opacity));
    background-color: hsl(207 5.6% 31.6% / var(--tw-bg-opacity));
    color: hsl(206 6.0% 63.0% / var(--tw-text-opacity));
}
}
.has-multi-select-error div.multiselect {
  margin-bottom: 0.25rem;
}
.error input,
.error input:not([type]),
.error textarea,
.error select,
.error .multiselect > .multiselect__tags,
.error .multiselect:not(.no-margin) {
  margin-bottom: 0.25rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: hsl(358 85.3% 64.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.error input,
.error input:not([type]),
.error textarea,
.error select,
.error .multiselect > .multiselect__tags,
.error .multiselect:not(.no-margin) {
    border-color: hsl(358 85.3% 64.0% / var(--tw-border-opacity));
}
}
:is(.dark .error input),:is(.dark 
.error input:not([type])),:is(.dark 
.error textarea),:is(.dark 
.error select),:is(.dark 
.error .multiselect > .multiselect__tags),:is(.dark 
.error .multiselect:not(.no-margin)) {
  --tw-border-opacity: 1;
  border-color: hsl(358 85.3% 64.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .error input),:is(.dark 
.error input:not([type])),:is(.dark 
.error textarea),:is(.dark 
.error select),:is(.dark 
.error .multiselect > .multiselect__tags),:is(.dark 
.error .multiselect:not(.no-margin)) {
    border-color: hsl(358 85.3% 64.0% / var(--tw-border-opacity));
}
}
.error .message {
  margin-bottom: 0.625rem;
  display: block;
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: hsl(358 85.3% 64.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.error .message {
    color: hsl(358 85.3% 64.0% / var(--tw-text-opacity));
}
}
:is(.dark .error .message) {
  --tw-text-opacity: 1;
  color: hsl(358 85.3% 64.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .error .message) {
    color: hsl(358 85.3% 64.0% / var(--tw-text-opacity));
}
}
.input-group.small input {
  height: 2rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.input-group.small .error {
  --tw-border-opacity: 1;
  border-color: hsl(358 85.3% 64.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.input-group.small .error {
    border-color: hsl(358 85.3% 64.0% / var(--tw-border-opacity));
}
}
:is(.dark .input-group.small .error) {
  --tw-border-opacity: 1;
  border-color: hsl(358 85.3% 64.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .input-group.small .error) {
    border-color: hsl(358 85.3% 64.0% / var(--tw-border-opacity));
}
}
code {
  font-family: "ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", '"Liberation Mono"', '"Courier New"', "monospace";
  border-width: 0px;
  font-size: 0.75rem;
  line-height: 1rem;
}
code.hljs {
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: hsl(209 13.3% 95.3% / 1);
  padding: 1.25rem;
  --tw-text-opacity: 1;
  color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
code.hljs {
    background-color: hsl(209 13.3% 95.3% / var(--tw-bg-opacity));
    color: hsl(198 6.6% 15.8% / var(--tw-text-opacity));
}
}
:is(.dark code.hljs) {
  --tw-bg-opacity: 1;
  background-color: hsl(207 5.6% 31.6% / 1);
  --tw-text-opacity: 1;
  color: hsl(209 13.3% 95.3% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark code.hljs) {
    background-color: hsl(207 5.6% 31.6% / var(--tw-bg-opacity));
    color: hsl(209 13.3% 95.3% / var(--tw-text-opacity));
}
}
code.hljs .hljs-number,
code.hljs .hljs-string {
  --tw-text-opacity: 1;
  color: hsl(358 65.0% 40.4% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
code.hljs .hljs-number,
code.hljs .hljs-string {
    color: hsl(358 65.0% 40.4% / var(--tw-text-opacity));
}
}
:is(.dark code.hljs .hljs-number),:is(.dark 
code.hljs .hljs-string) {
  --tw-text-opacity: 1;
  color: hsl(358 85.3% 64.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark code.hljs .hljs-number),:is(.dark 
code.hljs .hljs-string) {
    color: hsl(358 85.3% 64.0% / var(--tw-text-opacity));
}
}
button {
  font-family: inherit;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  display: inline-block;
  cursor: pointer;
  align-items: center;
  border-radius: 0.3125rem;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  text-align: center;
  vertical-align: middle;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
:is(.dark button) {
  border-color: transparent;
}
button:disabled, button.disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.button-group {
  margin-bottom: 0px;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
}
.button-group .button {
  flex: 0 0 auto;
  margin: 0px;
  border-radius: 0px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.button-group .button:first-child {
  border-top-left-radius: 0.3125rem;
  border-bottom-left-radius: 0.3125rem;
}
.button-group .button:last-child {
  border-top-right-radius: 0.3125rem;
  border-bottom-right-radius: 0.3125rem;
}
:is([dir="rtl"] .button-group .button) > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}
.button-group .button--only-icon {
  width: 2.5rem;
  justify-content: center;
  padding-left: 0px;
  padding-right: 0px;
}
.back-button {
  margin: 0px;
}
.button {
  margin-bottom: 0px;
  display: inline-flex;
  height: 2.5rem;
  align-items: center;
  gap: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: hsl(209 100% 60.6% / 1);
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button {
    background-color: hsl(209 100% 60.6% / var(--tw-bg-opacity));
}
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.button {
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
:is(.dark .button) {
  --tw-bg-opacity: 1;
  background-color: hsl(209 100% 60.6% / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button) {
    background-color: hsl(209 100% 60.6% / var(--tw-bg-opacity));
}
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
:is(.dark .button) {
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
.button .button__content {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.button .button__content img,
.button .button__content svg {
  display: inline-block;
}
.button:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(206 100% 50.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button:hover {
    background-color: hsl(206 100% 50.0% / var(--tw-bg-opacity));
}
}
:is(.dark .button:hover) {
  --tw-bg-opacity: 1;
  background-color: hsl(206 100% 50.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button:hover) {
    background-color: hsl(206 100% 50.0% / var(--tw-bg-opacity));
}
}
.button:disabled, .button.disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.button.success {
  --tw-bg-opacity: 1;
  background-color: rgb(68 206 75 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.button.success {
    background-color: rgb(68 206 75 / var(--tw-bg-opacity));
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
:is(.dark .button.success) {
  --tw-bg-opacity: 1;
  background-color: rgb(68 206 75 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
:is(.dark .button.success) {
    background-color: rgb(68 206 75 / var(--tw-bg-opacity));
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
.button.secondary {
  --tw-bg-opacity: 1;
  background-color: hsl(207 5.6% 31.6% / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.secondary {
    background-color: hsl(207 5.6% 31.6% / var(--tw-bg-opacity));
}
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.button.secondary {
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
:is(.dark .button.secondary) {
  --tw-bg-opacity: 1;
  background-color: hsl(206 6.0% 43.5% / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.secondary) {
    background-color: hsl(206 6.0% 43.5% / var(--tw-bg-opacity));
}
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
:is(.dark .button.secondary) {
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
.button.primary {
  --tw-bg-opacity: 1;
  background-color: hsl(209 100% 60.6% / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.primary {
    background-color: hsl(209 100% 60.6% / var(--tw-bg-opacity));
}
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.button.primary {
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
:is(.dark .button.primary) {
  --tw-bg-opacity: 1;
  background-color: hsl(209 100% 60.6% / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.primary) {
    background-color: hsl(209 100% 60.6% / var(--tw-bg-opacity));
}
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
:is(.dark .button.primary) {
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
.button.clear {
  background-color: transparent;
  --tw-text-opacity: 1;
  color: hsl(209 100% 60.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.clear {
    color: hsl(209 100% 60.6% / var(--tw-text-opacity));
}
}
:is(.dark .button.clear) {
  background-color: transparent;
  --tw-text-opacity: 1;
  color: hsl(209 100% 60.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.clear) {
    color: hsl(209 100% 60.6% / var(--tw-text-opacity));
}
}
.button.alert {
  --tw-bg-opacity: 1;
  background-color: hsl(358 75.0% 59.0% / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.alert {
    background-color: hsl(358 75.0% 59.0% / var(--tw-bg-opacity));
}
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.button.alert {
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
:is(.dark .button.alert) {
  --tw-bg-opacity: 1;
  background-color: hsl(358 75.0% 59.0% / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.alert) {
    background-color: hsl(358 75.0% 59.0% / var(--tw-bg-opacity));
}
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
:is(.dark .button.alert) {
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
.button.alert.clear {
  background-color: transparent;
}
:is(.dark .button.alert.clear) {
  background-color: transparent;
}
.button.warning {
  --tw-bg-opacity: 1;
  background-color: rgb(255 197 50 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.button.warning {
    background-color: rgb(255 197 50 / var(--tw-bg-opacity));
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
:is(.dark .button.warning) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 197 50 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
:is(.dark .button.warning) {
    background-color: rgb(255 197 50 / var(--tw-bg-opacity));
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
.button.warning.clear {
  background-color: transparent;
}
:is(.dark .button.warning.clear) {
  background-color: transparent;
}
.button.tiny {
  height: 1.5rem;
  font-size: 10px;
}
.button.small {
  height: 2rem;
  font-size: 0.75rem;
  line-height: 1rem;
}
.button .spinner {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0px;
  padding-bottom: 0px;
}
.button .icon + .button__content {
  width: auto;
}
.button.expanded {
  display: flex;
  justify-content: center;
  text-align: center;
}
.button.round {
  border-radius: 9999px;
}
.button.compact {
  padding-bottom: 0px;
  padding-top: 0px;
}
.button.hollow {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: hsl(209 100% 60.6% / 1);
  background-color: transparent;
  --tw-text-opacity: 1;
  color: hsl(209 100% 60.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.hollow {
    border-color: hsl(209 100% 60.6% / var(--tw-border-opacity));
    color: hsl(209 100% 60.6% / var(--tw-text-opacity));
}
}
.button.hollow:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(209 100% 96.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.hollow:hover {
    background-color: hsl(209 100% 96.5% / var(--tw-bg-opacity));
}
}
:is(.dark .button.hollow) {
  --tw-border-opacity: 1;
  border-color: hsl(209 100% 60.6% / 1);
  background-color: transparent;
  --tw-text-opacity: 1;
  color: hsl(209 100% 60.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.hollow) {
    border-color: hsl(209 100% 60.6% / var(--tw-border-opacity));
    color: hsl(209 100% 60.6% / var(--tw-text-opacity));
}
}
:is(.dark .button.hollow:hover) {
  --tw-bg-opacity: 1;
  background-color: hsl(216 50.0% 11.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.hollow:hover) {
    background-color: hsl(216 50.0% 11.8% / var(--tw-bg-opacity));
}
}
.button.hollow.secondary {
  --tw-border-opacity: 1;
  border-color: hsl(208 11.7% 91.1% / 1);
  --tw-text-opacity: 1;
  color: hsl(207 5.6% 31.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.hollow.secondary {
    border-color: hsl(208 11.7% 91.1% / var(--tw-border-opacity));
    color: hsl(207 5.6% 31.6% / var(--tw-text-opacity));
}
}
.button.hollow.secondary:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(209 13.3% 95.3% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.hollow.secondary:hover {
    background-color: hsl(209 13.3% 95.3% / var(--tw-bg-opacity));
}
}
:is(.dark .button.hollow.secondary) {
  --tw-border-opacity: 1;
  border-color: hsl(198 6.6% 15.8% / 1);
  --tw-text-opacity: 1;
  color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.hollow.secondary) {
    border-color: hsl(198 6.6% 15.8% / var(--tw-border-opacity));
    color: hsl(208 11.7% 91.1% / var(--tw-text-opacity));
}
}
:is(.dark .button.hollow.secondary:hover) {
  --tw-bg-opacity: 1;
  background-color: hsl(207 5.6% 31.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.hollow.secondary:hover) {
    background-color: hsl(207 5.6% 31.6% / var(--tw-bg-opacity));
}
}
.button.hollow.success {
  --tw-border-opacity: 1;
  border-color: hsl(143 40.3% 79.0% / 1);
  --tw-text-opacity: 1;
  color: hsl(153 67.0% 28.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.hollow.success {
    border-color: hsl(143 40.3% 79.0% / var(--tw-border-opacity));
    color: hsl(153 67.0% 28.5% / var(--tw-text-opacity));
}
}
.button.hollow.success:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(137 72.0% 94.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.hollow.success:hover {
    background-color: hsl(137 72.0% 94.0% / var(--tw-bg-opacity));
}
}
:is(.dark .button.hollow.success) {
  --tw-border-opacity: 1;
  border-color: hsl(152 57.5% 37.6% / 1);
  --tw-text-opacity: 1;
  color: hsl(151 49.3% 46.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.hollow.success) {
    border-color: hsl(152 57.5% 37.6% / var(--tw-border-opacity));
    color: hsl(151 49.3% 46.5% / var(--tw-text-opacity));
}
}
:is(.dark .button.hollow.success:hover) {
  --tw-bg-opacity: 1;
  background-color: hsl(153 51.8% 21.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.hollow.success:hover) {
    background-color: hsl(153 51.8% 21.8% / var(--tw-bg-opacity));
}
}
.button.hollow.alert {
  --tw-border-opacity: 1;
  border-color: hsl(360 81.7% 87.8% / 1);
  --tw-text-opacity: 1;
  color: hsl(358 65.0% 48.7% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.hollow.alert {
    border-color: hsl(360 81.7% 87.8% / var(--tw-border-opacity));
    color: hsl(358 65.0% 48.7% / var(--tw-text-opacity));
}
}
.button.hollow.alert:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(351 89.0% 96.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.hollow.alert:hover {
    background-color: hsl(351 89.0% 96.0% / var(--tw-bg-opacity));
}
}
:is(.dark .button.hollow.alert) {
  --tw-border-opacity: 1;
  border-color: hsl(358 69.4% 55.2% / 1);
  --tw-text-opacity: 1;
  color: hsl(358 85.3% 64.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.hollow.alert) {
    border-color: hsl(358 69.4% 55.2% / var(--tw-border-opacity));
    color: hsl(358 85.3% 64.0% / var(--tw-text-opacity));
}
}
:is(.dark .button.hollow.alert:hover) {
  --tw-bg-opacity: 1;
  background-color: hsl(358 65.0% 40.4% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.hollow.alert:hover) {
    background-color: hsl(358 65.0% 40.4% / var(--tw-bg-opacity));
}
}
.button.hollow.warning {
  --tw-border-opacity: 1;
  border-color: hsl(48 100% 46.1% / 1);
  --tw-text-opacity: 1;
  color: hsl(48 100% 46.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.hollow.warning {
    border-color: hsl(48 100% 46.1% / var(--tw-border-opacity));
    color: hsl(48 100% 46.1% / var(--tw-text-opacity));
}
}
.button.hollow.warning:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(52 100% 95.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.hollow.warning:hover {
    background-color: hsl(52 100% 95.5% / var(--tw-bg-opacity));
}
}
:is(.dark .button.hollow.warning) {
  --tw-border-opacity: 1;
  border-color: hsl(49 90.3% 18.4% / 1);
  --tw-text-opacity: 1;
  color: hsl(48 100% 46.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.hollow.warning) {
    border-color: hsl(49 90.3% 18.4% / var(--tw-border-opacity));
    color: hsl(48 100% 46.1% / var(--tw-text-opacity));
}
}
:is(.dark .button.hollow.warning:hover) {
  --tw-bg-opacity: 1;
  background-color: hsl(46 100% 6.7% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.hollow.warning:hover) {
    background-color: hsl(46 100% 6.7% / var(--tw-bg-opacity));
}
}
.button.hollow:hover {
  --tw-border-opacity: 1;
  border-color: hsl(208 11.7% 91.1% / 1);
  --tw-bg-opacity: 1;
  background-color: hsl(210 98.8% 94.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.hollow:hover {
    border-color: hsl(208 11.7% 91.1% / var(--tw-border-opacity));
    background-color: hsl(210 98.8% 94.0% / var(--tw-bg-opacity));
}
}
:is(.dark .button.hollow:hover) {
  --tw-border-opacity: 1;
  border-color: hsl(206 100% 50.0% / 1);
  --tw-bg-opacity: 1;
  background-color: hsl(212 77.4% 23.1% / 1);
  --tw-text-opacity: 1;
  color: hsl(210 100% 66.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.hollow:hover) {
    border-color: hsl(206 100% 50.0% / var(--tw-border-opacity));
    background-color: hsl(212 77.4% 23.1% / var(--tw-bg-opacity));
    color: hsl(210 100% 66.1% / var(--tw-text-opacity));
}
}
.button.hollow:hover.secondary {
  --tw-border-opacity: 1;
  border-color: hsl(208 11.7% 91.1% / 1);
  --tw-text-opacity: 1;
  color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.hollow:hover.secondary {
    border-color: hsl(208 11.7% 91.1% / var(--tw-border-opacity));
    color: hsl(198 6.6% 15.8% / var(--tw-text-opacity));
}
}
:is(.dark .button.hollow:hover.secondary) {
  --tw-border-opacity: 1;
  border-color: hsl(207 5.6% 31.6% / 1);
  --tw-text-opacity: 1;
  color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.hollow:hover.secondary) {
    border-color: hsl(207 5.6% 31.6% / var(--tw-border-opacity));
    color: hsl(208 11.7% 91.1% / var(--tw-text-opacity));
}
}
.button.hollow:hover.success {
  --tw-border-opacity: 1;
  border-color: hsl(208 11.7% 91.1% / 1);
  --tw-text-opacity: 1;
  color: hsl(153 51.8% 21.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.hollow:hover.success {
    border-color: hsl(208 11.7% 91.1% / var(--tw-border-opacity));
    color: hsl(153 51.8% 21.8% / var(--tw-text-opacity));
}
}
:is(.dark .button.hollow:hover.success) {
  --tw-border-opacity: 1;
  border-color: hsl(207 5.6% 31.6% / 1);
  --tw-text-opacity: 1;
  color: hsl(143 40.3% 79.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.hollow:hover.success) {
    border-color: hsl(207 5.6% 31.6% / var(--tw-border-opacity));
    color: hsl(143 40.3% 79.0% / var(--tw-text-opacity));
}
}
.button.hollow:hover.alert {
  --tw-border-opacity: 1;
  border-color: hsl(208 11.7% 91.1% / 1);
  --tw-text-opacity: 1;
  color: hsl(358 65.0% 48.7% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.hollow:hover.alert {
    border-color: hsl(208 11.7% 91.1% / var(--tw-border-opacity));
    color: hsl(358 65.0% 48.7% / var(--tw-text-opacity));
}
}
:is(.dark .button.hollow:hover.alert) {
  --tw-border-opacity: 1;
  border-color: hsl(207 5.6% 31.6% / 1);
  --tw-text-opacity: 1;
  color: hsl(360 81.7% 87.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.hollow:hover.alert) {
    border-color: hsl(207 5.6% 31.6% / var(--tw-border-opacity));
    color: hsl(360 81.7% 87.8% / var(--tw-text-opacity));
}
}
.button.hollow:hover.warning {
  --tw-border-opacity: 1;
  border-color: hsl(208 11.7% 91.1% / 1);
  --tw-text-opacity: 1;
  color: hsl(49 90.3% 18.4% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.hollow:hover.warning {
    border-color: hsl(208 11.7% 91.1% / var(--tw-border-opacity));
    color: hsl(49 90.3% 18.4% / var(--tw-text-opacity));
}
}
:is(.dark .button.hollow:hover.warning) {
  --tw-border-opacity: 1;
  border-color: hsl(207 5.6% 31.6% / 1);
  --tw-text-opacity: 1;
  color: hsl(48 100% 47.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.hollow:hover.warning) {
    border-color: hsl(207 5.6% 31.6% / var(--tw-border-opacity));
    color: hsl(48 100% 47.0% / var(--tw-text-opacity));
}
}
.button.smooth {
  --tw-bg-opacity: 1;
  background-color: hsl(209 100% 96.5% / 1);
  --tw-text-opacity: 1;
  color: hsl(211 89.7% 34.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.smooth {
    background-color: hsl(209 100% 96.5% / var(--tw-bg-opacity));
    color: hsl(211 89.7% 34.1% / var(--tw-text-opacity));
}
}
.button.smooth:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(209 95.0% 90.1% / 1);
  --tw-text-opacity: 1;
  color: hsl(211 89.7% 34.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.smooth:hover {
    background-color: hsl(209 95.0% 90.1% / var(--tw-bg-opacity));
    color: hsl(211 89.7% 34.1% / var(--tw-text-opacity));
}
}
:is(.dark .button.smooth) {
  --tw-bg-opacity: 1;
  background-color: hsl(212 77.4% 23.1% / 1);
  --tw-text-opacity: 1;
  color: hsl(209 95.0% 90.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.smooth) {
    background-color: hsl(212 77.4% 23.1% / var(--tw-bg-opacity));
    color: hsl(209 95.0% 90.1% / var(--tw-text-opacity));
}
}
:is(.dark .button.smooth:hover) {
  --tw-bg-opacity: 1;
  background-color: hsl(216 50.0% 11.8% / 1);
  --tw-text-opacity: 1;
  color: hsl(211 89.7% 34.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.smooth:hover) {
    background-color: hsl(216 50.0% 11.8% / var(--tw-bg-opacity));
    color: hsl(211 89.7% 34.1% / var(--tw-text-opacity));
}
}
.button.smooth.secondary {
  --tw-bg-opacity: 1;
  background-color: hsl(209 13.3% 95.3% / 1);
  --tw-text-opacity: 1;
  color: hsl(207 5.6% 31.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.smooth.secondary {
    background-color: hsl(209 13.3% 95.3% / var(--tw-bg-opacity));
    color: hsl(207 5.6% 31.6% / var(--tw-text-opacity));
}
}
.button.smooth.secondary:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.smooth.secondary:hover {
    background-color: hsl(208 11.7% 91.1% / var(--tw-bg-opacity));
}
}
:is(.dark .button.smooth.secondary) {
  --tw-bg-opacity: 1;
  background-color: hsl(207 5.6% 31.6% / 1);
  --tw-text-opacity: 1;
  color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.smooth.secondary) {
    background-color: hsl(207 5.6% 31.6% / var(--tw-bg-opacity));
    color: hsl(208 11.7% 91.1% / var(--tw-text-opacity));
}
}
:is(.dark .button.smooth.secondary:hover) {
  --tw-bg-opacity: 1;
  background-color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.smooth.secondary:hover) {
    background-color: hsl(198 6.6% 15.8% / var(--tw-bg-opacity));
}
}
.button.smooth.success {
  --tw-bg-opacity: 1;
  background-color: hsl(137 72.0% 94.0% / 1);
  --tw-text-opacity: 1;
  color: hsl(153 67.0% 28.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.smooth.success {
    background-color: hsl(137 72.0% 94.0% / var(--tw-bg-opacity));
    color: hsl(153 67.0% 28.5% / var(--tw-text-opacity));
}
}
.button.smooth.success:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(143 40.3% 79.0% / 1);
  --tw-text-opacity: 1;
  color: hsl(153 51.8% 21.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.smooth.success:hover {
    background-color: hsl(143 40.3% 79.0% / var(--tw-bg-opacity));
    color: hsl(153 51.8% 21.8% / var(--tw-text-opacity));
}
}
:is(.dark .button.smooth.success) {
  --tw-bg-opacity: 1;
  background-color: hsl(153 67.0% 28.5% / 1);
  --tw-text-opacity: 1;
  color: hsl(143 40.3% 79.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.smooth.success) {
    background-color: hsl(153 67.0% 28.5% / var(--tw-bg-opacity));
    color: hsl(143 40.3% 79.0% / var(--tw-text-opacity));
}
}
:is(.dark .button.smooth.success:hover) {
  --tw-bg-opacity: 1;
  background-color: hsl(153 51.8% 21.8% / 1);
  --tw-text-opacity: 1;
  color: hsl(143 40.3% 79.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.smooth.success:hover) {
    background-color: hsl(153 51.8% 21.8% / var(--tw-bg-opacity));
    color: hsl(143 40.3% 79.0% / var(--tw-text-opacity));
}
}
.button.smooth.alert {
  --tw-bg-opacity: 1;
  background-color: hsl(351 89.0% 96.0% / 1);
  --tw-text-opacity: 1;
  color: hsl(358 65.0% 48.7% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.smooth.alert {
    background-color: hsl(351 89.0% 96.0% / var(--tw-bg-opacity));
    color: hsl(358 65.0% 48.7% / var(--tw-text-opacity));
}
}
.button.smooth.alert:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(360 81.7% 87.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.smooth.alert:hover {
    background-color: hsl(360 81.7% 87.8% / var(--tw-bg-opacity));
}
}
:is(.dark .button.smooth.alert) {
  background-color: hsl(358 65.0% 48.7% / 0.5);
  --tw-bg-opacity: 0.5;
  --tw-text-opacity: 1;
  color: hsl(360 81.7% 87.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.smooth.alert) {
    background-color: hsl(358 65.0% 48.7% / var(--tw-bg-opacity));
    color: hsl(360 81.7% 87.8% / var(--tw-text-opacity));
}
}
:is(.dark .button.smooth.alert:hover) {
  background-color: hsl(358 65.0% 40.4% / 0.3);
  --tw-bg-opacity: 0.3;
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.smooth.alert:hover) {
    background-color: hsl(358 65.0% 40.4% / var(--tw-bg-opacity));
}
}
.button.smooth.warning {
  --tw-bg-opacity: 1;
  background-color: hsl(55 100% 90.9% / 1);
  --tw-text-opacity: 1;
  color: hsl(49 90.3% 18.4% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.smooth.warning {
    background-color: hsl(55 100% 90.9% / var(--tw-bg-opacity));
    color: hsl(49 90.3% 18.4% / var(--tw-text-opacity));
}
}
.button.smooth.warning:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(52 97.9% 82.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.smooth.warning:hover {
    background-color: hsl(52 97.9% 82.0% / var(--tw-bg-opacity));
}
}
:is(.dark .button.smooth.warning) {
  --tw-bg-opacity: 1;
  background-color: hsl(55 100% 90.9% / 1);
  --tw-text-opacity: 1;
  color: hsl(49 90.3% 18.4% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.smooth.warning) {
    background-color: hsl(55 100% 90.9% / var(--tw-bg-opacity));
    color: hsl(49 90.3% 18.4% / var(--tw-text-opacity));
}
}
:is(.dark .button.smooth.warning:hover) {
  --tw-bg-opacity: 1;
  background-color: hsl(52 97.9% 82.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.smooth.warning:hover) {
    background-color: hsl(52 97.9% 82.0% / var(--tw-bg-opacity));
}
}
.button.clear {
  --tw-text-opacity: 1;
  color: hsl(209 100% 60.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.clear {
    color: hsl(209 100% 60.6% / var(--tw-text-opacity));
}
}
:is(.dark .button.clear) {
  --tw-text-opacity: 1;
  color: hsl(209 100% 60.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.clear) {
    color: hsl(209 100% 60.6% / var(--tw-text-opacity));
}
}
.button.clear.secondary {
  --tw-text-opacity: 1;
  color: hsl(207 5.6% 31.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.clear.secondary {
    color: hsl(207 5.6% 31.6% / var(--tw-text-opacity));
}
}
:is(.dark .button.clear.secondary) {
  --tw-text-opacity: 1;
  color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.clear.secondary) {
    color: hsl(208 11.7% 91.1% / var(--tw-text-opacity));
}
}
.button.clear.success {
  --tw-text-opacity: 1;
  color: hsl(153 67.0% 28.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.clear.success {
    color: hsl(153 67.0% 28.5% / var(--tw-text-opacity));
}
}
:is(.dark .button.clear.success) {
  --tw-text-opacity: 1;
  color: hsl(143 40.3% 79.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.clear.success) {
    color: hsl(143 40.3% 79.0% / var(--tw-text-opacity));
}
}
.button.clear.alert {
  --tw-text-opacity: 1;
  color: hsl(358 65.0% 48.7% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.clear.alert {
    color: hsl(358 65.0% 48.7% / var(--tw-text-opacity));
}
}
:is(.dark .button.clear.alert) {
  --tw-text-opacity: 1;
  color: hsl(360 81.7% 87.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.clear.alert) {
    color: hsl(360 81.7% 87.8% / var(--tw-text-opacity));
}
}
.button.clear.warning {
  --tw-text-opacity: 1;
  color: hsl(49 90.3% 18.4% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.clear.warning {
    color: hsl(49 90.3% 18.4% / var(--tw-text-opacity));
}
}
:is(.dark .button.clear.warning) {
  --tw-text-opacity: 1;
  color: hsl(48 100% 46.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.clear.warning) {
    color: hsl(48 100% 46.1% / var(--tw-text-opacity));
}
}
.button.clear:hover:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(209 100% 96.5% / 1);
  --tw-text-opacity: 1;
  color: hsl(209 100% 60.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.clear:hover:hover {
    background-color: hsl(209 100% 96.5% / var(--tw-bg-opacity));
    color: hsl(209 100% 60.6% / var(--tw-text-opacity));
}
}
:is(.dark .button.clear:hover:hover) {
  background-color: hsl(216 50.0% 11.8% / 0.5);
  --tw-text-opacity: 1;
  color: hsl(209 95.0% 90.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.clear:hover:hover) {
    color: hsl(209 95.0% 90.1% / var(--tw-text-opacity));
}
}
.button.clear:hover.secondary:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(209 13.3% 95.3% / 1);
  --tw-text-opacity: 1;
  color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.clear:hover.secondary:hover {
    background-color: hsl(209 13.3% 95.3% / var(--tw-bg-opacity));
    color: hsl(198 6.6% 15.8% / var(--tw-text-opacity));
}
}
:is(.dark .button.clear:hover.secondary:hover) {
  --tw-bg-opacity: 1;
  background-color: hsl(207 5.6% 31.6% / 1);
  --tw-text-opacity: 1;
  color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.clear:hover.secondary:hover) {
    background-color: hsl(207 5.6% 31.6% / var(--tw-bg-opacity));
    color: hsl(208 11.7% 91.1% / var(--tw-text-opacity));
}
}
.button.clear:hover.success:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(137 72.0% 94.0% / 1);
  --tw-text-opacity: 1;
  color: hsl(153 51.8% 21.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.clear:hover.success:hover {
    background-color: hsl(137 72.0% 94.0% / var(--tw-bg-opacity));
    color: hsl(153 51.8% 21.8% / var(--tw-text-opacity));
}
}
:is(.dark .button.clear:hover.success:hover) {
  --tw-bg-opacity: 1;
  background-color: hsl(153 51.8% 21.8% / 1);
  --tw-text-opacity: 1;
  color: hsl(143 40.3% 79.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.clear:hover.success:hover) {
    background-color: hsl(153 51.8% 21.8% / var(--tw-bg-opacity));
    color: hsl(143 40.3% 79.0% / var(--tw-text-opacity));
}
}
.button.clear:hover.alert:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(351 89.0% 96.0% / 1);
  --tw-text-opacity: 1;
  color: hsl(358 65.0% 48.7% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.clear:hover.alert:hover {
    background-color: hsl(351 89.0% 96.0% / var(--tw-bg-opacity));
    color: hsl(358 65.0% 48.7% / var(--tw-text-opacity));
}
}
:is(.dark .button.clear:hover.alert:hover) {
  --tw-bg-opacity: 1;
  background-color: hsl(358 65.0% 40.4% / 1);
  --tw-text-opacity: 1;
  color: hsl(360 81.7% 87.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.clear:hover.alert:hover) {
    background-color: hsl(358 65.0% 40.4% / var(--tw-bg-opacity));
    color: hsl(360 81.7% 87.8% / var(--tw-text-opacity));
}
}
.button.clear:hover.warning:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(55 100% 90.9% / 1);
  --tw-text-opacity: 1;
  color: hsl(49 90.3% 18.4% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.clear:hover.warning:hover {
    background-color: hsl(55 100% 90.9% / var(--tw-bg-opacity));
    color: hsl(49 90.3% 18.4% / var(--tw-text-opacity));
}
}
:is(.dark .button.clear:hover.warning:hover) {
  --tw-bg-opacity: 1;
  background-color: hsl(46 100% 6.7% / 1);
  --tw-text-opacity: 1;
  color: hsl(48 100% 46.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.clear:hover.warning:hover) {
    background-color: hsl(46 100% 6.7% / var(--tw-bg-opacity));
    color: hsl(48 100% 46.1% / var(--tw-text-opacity));
}
}
.button.clear:active.secondary:active {
  --tw-bg-opacity: 1;
  background-color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.clear:active.secondary:active {
    background-color: hsl(208 11.7% 91.1% / var(--tw-bg-opacity));
}
}
:is(.dark .button.clear:active.secondary:active) {
  --tw-bg-opacity: 1;
  background-color: hsl(200 7.0% 8.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.clear:active.secondary:active) {
    background-color: hsl(200 7.0% 8.8% / var(--tw-bg-opacity));
}
}
.button.clear:focus.secondary:focus {
  --tw-bg-opacity: 1;
  background-color: hsl(209 13.3% 95.3% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.button.clear:focus.secondary:focus {
    background-color: hsl(209 13.3% 95.3% / var(--tw-bg-opacity));
}
}
:is(.dark .button.clear:focus.secondary:focus) {
  --tw-bg-opacity: 1;
  background-color: hsl(207 5.6% 31.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .button.clear:focus.secondary:focus) {
    background-color: hsl(207 5.6% 31.6% / var(--tw-bg-opacity));
}
}
.button.tiny {
  height: 1.5rem;
}
.button.small {
  height: 2rem;
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
}
.button.large {
  height: 3rem;
}
.button.button--only-icon {
  width: 2.5rem;
  justify-content: center;
  padding-left: 0px;
  padding-right: 0px;
}
.button.button--only-icon.tiny {
  width: 1.5rem;
}
.button.button--only-icon.small {
  width: 2rem;
}
.button.button--only-icon.large {
  width: 3rem;
}
.button.link {
  margin: 0px;
  height: auto;
  padding: 0px;
}
.button.link:hover {
  text-decoration-line: underline;
}
.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;
}
.pointer-events-none {
  pointer-events: none;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.-bottom-1 {
  bottom: -0.25rem;
}
.-bottom-10 {
  bottom: -2.5rem;
}
.-bottom-3 {
  bottom: -0.75rem;
}
.-left-0 {
  left: -0px;
}
.-left-0\.5 {
  left: -0.125rem;
}
.-left-8 {
  left: -2rem;
}
.-left-80 {
  left: -20rem;
}
.-left-\[0\.21875rem\] {
  left: -0.21875rem;
}
.-left-px {
  left: -1px;
}
.-right-1 {
  right: -0.25rem;
}
.-right-2 {
  right: -0.5rem;
}
.-right-4 {
  right: -1rem;
}
.-top-0 {
  top: -0px;
}
.-top-0\.5 {
  top: -0.125rem;
}
.-top-1 {
  top: -0.25rem;
}
.-top-2 {
  top: -0.5rem;
}
.-top-3 {
  top: -0.75rem;
}
.-top-7 {
  top: -1.75rem;
}
.-top-\[95px\] {
  top: -95px;
}
.-top-px {
  top: -1px;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-1 {
  bottom: 0.25rem;
}
.bottom-16 {
  bottom: 4rem;
}
.bottom-2 {
  bottom: 0.5rem;
}
.bottom-8 {
  bottom: 2rem;
}
.bottom-full {
  bottom: 100%;
}
.left-0 {
  left: 0px;
}
.left-1 {
  left: 0.25rem;
}
.left-14 {
  left: 3.5rem;
}
.left-2 {
  left: 0.5rem;
}
.left-2\.5 {
  left: 0.625rem;
}
.left-3 {
  left: 0.75rem;
}
.left-36 {
  left: 9rem;
}
.left-4 {
  left: 1rem;
}
.left-\[2px\] {
  left: 2px;
}
.left-\[6\%\] {
  left: 6%;
}
.left-\[unset\] {
  left: auto;
  left: initial;
}
.left-auto {
  left: auto;
}
.left-full {
  left: 100%;
}
.right-0 {
  right: 0px;
}
.right-1 {
  right: 0.25rem;
}
.right-2 {
  right: 0.5rem;
}
.right-3 {
  right: 0.75rem;
}
.right-4 {
  right: 1rem;
}
.right-8 {
  right: 2rem;
}
.right-\[unset\] {
  right: auto;
  right: initial;
}
.right-\[var\(--triangle-position\)\] {
  right: var(--triangle-position);
}
.top-0 {
  top: 0px;
}
.top-0\.5 {
  top: 0.125rem;
}
.top-1 {
  top: 0.25rem;
}
.top-1\.5 {
  top: 0.375rem;
}
.top-10 {
  top: 2.5rem;
}
.top-12 {
  top: 3rem;
}
.top-14 {
  top: 3.5rem;
}
.top-16 {
  top: 4rem;
}
.top-2 {
  top: 0.5rem;
}
.top-24 {
  top: 6rem;
}
.top-3 {
  top: 0.75rem;
}
.top-4 {
  top: 1rem;
}
.top-5 {
  top: 1.25rem;
}
.top-52 {
  top: 13rem;
}
.top-7 {
  top: 1.75rem;
}
.top-8 {
  top: 2rem;
}
.top-9 {
  top: 2.25rem;
}
.top-\[0\.2734375rem\] {
  top: 0.2734375rem;
}
.top-\[0\.390625rem\] {
  top: 0.390625rem;
}
.top-\[2\.625rem\] {
  top: 2.625rem;
}
.top-\[28px\] {
  top: 28px;
}
.top-\[40px\] {
  top: 40px;
}
.top-\[8\%\] {
  top: 8%;
}
.top-\[9\.5rem\] {
  top: 9.5rem;
}
.top-\[unset\] {
  top: auto;
  top: initial;
}
.top-auto {
  top: auto;
}
.top-px {
  top: 1px;
}
.-z-10 {
  z-index: -10;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-\[1000\] {
  z-index: 1000;
}
.z-\[100\] {
  z-index: 100;
}
.z-\[9990\] {
  z-index: 9990;
}
.z-\[9999\] {
  z-index: 9999;
}
.z-\[999\] {
  z-index: 999;
}
.col-span-1 {
  grid-column: span 1 / span 1;
}
.col-span-10 {
  grid-column: span 10 / span 10;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.col-span-4 {
  grid-column: span 4 / span 4;
}
.col-span-5 {
  grid-column: span 5 / span 5;
}
.col-span-6 {
  grid-column: span 6 / span 6;
}
.col-span-7 {
  grid-column: span 7 / span 7;
}
.col-span-8 {
  grid-column: span 8 / span 8;
}
.col-span-9 {
  grid-column: span 9 / span 9;
}
.col-span-full {
  grid-column: 1 / -1;
}
.float-right {
  float: right;
}
.\!m-0 {
  margin: 0px !important;
}
.-m-px {
  margin: -1px;
}
.m-0 {
  margin: 0px;
}
.m-1 {
  margin: 0.25rem;
}
.m-2 {
  margin: 0.5rem;
}
.m-2\.5 {
  margin: 0.625rem;
}
.m-4 {
  margin: 1rem;
}
.m-auto {
  margin: auto;
}
.\!mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.\!my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.-mx-2 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}
.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.mx-0\.5 {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-2\.5 {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.my-0\.5 {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-2\.5 {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.\!mb-0 {
  margin-bottom: 0px !important;
}
.\!mb-4 {
  margin-bottom: 1rem !important;
}
.\!ml-0 {
  margin-left: 0px !important;
}
.\!mr-0 {
  margin-right: 0px !important;
}
.\!mt-0 {
  margin-top: 0px !important;
}
.-mb-0 {
  margin-bottom: -0px;
}
.-mb-0\.5 {
  margin-bottom: -0.125rem;
}
.-mb-1 {
  margin-bottom: -0.25rem;
}
.-ml-1 {
  margin-left: -0.25rem;
}
.-ml-2 {
  margin-left: -0.5rem;
}
.-ml-2\.5 {
  margin-left: -0.625rem;
}
.-ml-3 {
  margin-left: -0.75rem;
}
.-ml-4 {
  margin-left: -1rem;
}
.-mr-1 {
  margin-right: -0.25rem;
}
.-mr-4 {
  margin-right: -1rem;
}
.-mt-0 {
  margin-top: -0px;
}
.-mt-0\.5 {
  margin-top: -0.125rem;
}
.-mt-1 {
  margin-top: -0.25rem;
}
.-mt-2 {
  margin-top: -0.5rem;
}
.-mt-2\.5 {
  margin-top: -0.625rem;
}
.-mt-4 {
  margin-top: -1rem;
}
.-mt-px {
  margin-top: -1px;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-0\.5 {
  margin-bottom: 0.125rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-1\.5 {
  margin-bottom: 0.375rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-2\.5 {
  margin-bottom: 0.625rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-7 {
  margin-bottom: 1.75rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.me-2 {
  margin-inline-end: 0.5rem;
}
.ml-0 {
  margin-left: 0px;
}
.ml-0\.5 {
  margin-left: 0.125rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-2\.5 {
  margin-left: 0.625rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-5 {
  margin-left: 1.25rem;
}
.ml-8 {
  margin-left: 2rem;
}
.ml-\[25\%\] {
  margin-left: 25%;
}
.ml-auto {
  margin-left: auto;
}
.mr-0 {
  margin-right: 0px;
}
.mr-0\.5 {
  margin-right: 0.125rem;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-1\.5 {
  margin-right: 0.375rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-2\.5 {
  margin-right: 0.625rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mr-6 {
  margin-right: 1.5rem;
}
.mr-8 {
  margin-right: 2rem;
}
.mr-\[6\.25rem\] {
  margin-right: 6.25rem;
}
.mr-auto {
  margin-right: auto;
}
.mt-0 {
  margin-top: 0px;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-1\.5 {
  margin-top: 0.375rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-11 {
  margin-top: 2.75rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-7 {
  margin-top: 1.75rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-9 {
  margin-top: 2.25rem;
}
.mt-\[20\%\] {
  margin-top: 20%;
}
.mt-auto {
  margin-top: auto;
}
.mt-px {
  margin-top: 1px;
}
.\!box-border {
  box-sizing: border-box !important;
}
.box-border {
  box-sizing: border-box;
}
.box-content {
  box-sizing: content-box;
}
.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.line-clamp-5 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.list-item {
  display: list-item;
}
.hidden {
  display: none;
}
.\!h-6 {
  height: 1.5rem !important;
}
.\!h-8 {
  height: 2rem !important;
}
.\!h-9 {
  height: 2.25rem !important;
}
.\!h-\[2\.375rem\] {
  height: 2.375rem !important;
}
.h-0 {
  height: 0px;
}
.h-1 {
  height: 0.25rem;
}
.h-10 {
  height: 2.5rem;
}
.h-11 {
  height: 2.75rem;
}
.h-12 {
  height: 3rem;
}
.h-14 {
  height: 3.5rem;
}
.h-16 {
  height: 4rem;
}
.h-2 {
  height: 0.5rem;
}
.h-2\.5 {
  height: 0.625rem;
}
.h-20 {
  height: 5rem;
}
.h-28 {
  height: 7rem;
}
.h-3 {
  height: 0.75rem;
}
.h-3\.5 {
  height: 0.875rem;
}
.h-32 {
  height: 8rem;
}
.h-36 {
  height: 9rem;
}
.h-4 {
  height: 1rem;
}
.h-40 {
  height: 10rem;
}
.h-48 {
  height: 12rem;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-60 {
  height: 15rem;
}
.h-7 {
  height: 1.75rem;
}
.h-72 {
  height: 18rem;
}
.h-8 {
  height: 2rem;
}
.h-9 {
  height: 2.25rem;
}
.h-\[10rem\] {
  height: 10rem;
}
.h-\[11\.25rem\] {
  height: 11.25rem;
}
.h-\[150px\] {
  height: 150px;
}
.h-\[2\.375rem\] {
  height: 2.375rem;
}
.h-\[2\.4735rem\] {
  height: 2.4735rem;
}
.h-\[2\.5rem\] {
  height: 2.5rem;
}
.h-\[212px\] {
  height: 212px;
}
.h-\[24px\] {
  height: 24px;
}
.h-\[256px\] {
  height: 256px;
}
.h-\[26px\] {
  height: 26px;
}
.h-\[300px\] {
  height: 300px;
}
.h-\[490px\] {
  height: 490px;
}
.h-\[56px\] {
  height: 56px;
}
.h-\[6\.25rem\] {
  height: 6.25rem;
}
.h-\[72px\] {
  height: 72px;
}
.h-\[82px\] {
  height: 82px;
}
.h-\[90vh\] {
  height: 90vh;
}
.h-\[96\%\] {
  height: 96%;
}
.h-\[calc\(100\%-40px\)\] {
  height: calc(100% - 40px);
}
.h-\[calc\(100\%-56px\)\] {
  height: calc(100% - 56px);
}
.h-\[calc\(100vh-20rem\)\] {
  height: calc(100vh - 20rem);
}
.h-\[calc\(100vh-3\.5rem\)\] {
  height: calc(100vh - 3.5rem);
}
.h-\[calc\(100vh-56px\)\] {
  height: calc(100vh - 56px);
}
.h-\[calc\(95\%-6\.25rem\)\] {
  height: calc(95% - 6.25rem);
}
.h-\[inherit\] {
  height: inherit;
}
.h-\[unset\] {
  height: auto;
  height: initial;
}
.h-auto {
  height: auto;
}
.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-px {
  height: 1px;
}
.h-screen {
  height: 100vh;
}
.\!max-h-\[160px\] {
  max-height: 160px !important;
}
.max-h-20 {
  max-height: 5rem;
}
.max-h-60 {
  max-height: 15rem;
}
.max-h-8 {
  max-height: 2rem;
}
.max-h-96 {
  max-height: 24rem;
}
.max-h-\[100px\] {
  max-height: 100px;
}
.max-h-\[10rem\] {
  max-height: 10rem;
}
.max-h-\[12\.5rem\] {
  max-height: 12.5rem;
}
.max-h-\[15rem\] {
  max-height: 15rem;
}
.max-h-\[18\.75rem\] {
  max-height: 18.75rem;
}
.max-h-\[21\.25rem\] {
  max-height: 21.25rem;
}
.max-h-\[22\.5rem\] {
  max-height: 22.5rem;
}
.max-h-\[25rem\] {
  max-height: 25rem;
}
.max-h-\[312px\] {
  max-height: 312px;
}
.max-h-\[352px\] {
  max-height: 352px;
}
.max-h-\[400px\] {
  max-height: 400px;
}
.max-h-\[40rem\] {
  max-height: 40rem;
}
.max-h-\[7\.5rem\] {
  max-height: 7.5rem;
}
.max-h-\[8vh\] {
  max-height: 8vh;
}
.max-h-\[9\.75rem\] {
  max-height: 9.75rem;
}
.max-h-\[96\%\] {
  max-height: 96%;
}
.max-h-\[96vh\] {
  max-height: 96vh;
}
.max-h-full {
  max-height: 100%;
}
.min-h-0 {
  min-height: 0px;
}
.min-h-\[1\.875rem\] {
  min-height: 1.875rem;
}
.min-h-\[10rem\] {
  min-height: 10rem;
}
.min-h-\[12\.5rem\] {
  min-height: 12.5rem;
}
.min-h-\[12rem\] {
  min-height: 12rem;
}
.min-h-\[15rem\] {
  min-height: 15rem;
}
.min-h-\[20rem\] {
  min-height: 20rem;
}
.min-h-\[240px\] {
  min-height: 240px;
}
.min-h-\[27\.5rem\] {
  min-height: 27.5rem;
}
.min-h-\[28px\] {
  min-height: 28px;
}
.min-h-\[3\.5rem\] {
  min-height: 3.5rem;
}
.min-h-\[3rem\] {
  min-height: 3rem;
}
.min-h-\[40px\] {
  min-height: 40px;
}
.min-h-\[4rem\] {
  min-height: 4rem;
}
.min-h-\[5rem\] {
  min-height: 5rem;
}
.min-h-\[640px\] {
  min-height: 640px;
}
.min-h-\[800px\] {
  min-height: 800px;
}
.min-h-\[auto\] {
  min-height: auto;
}
.min-h-full {
  min-height: 100%;
}
.min-h-min {
  min-height: -moz-min-content;
  min-height: min-content;
}
.min-h-screen {
  min-height: 100vh;
}
.\!w-6 {
  width: 1.5rem !important;
}
.\!w-full {
  width: 100% !important;
}
.w-0 {
  width: 0px;
}
.w-1 {
  width: 0.25rem;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/3 {
  width: 33.333333%;
}
.w-1\/4 {
  width: 25%;
}
.w-1\/5 {
  width: 20%;
}
.w-10 {
  width: 2.5rem;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-16 {
  width: 4rem;
}
.w-2 {
  width: 0.5rem;
}
.w-2\.5 {
  width: 0.625rem;
}
.w-2\/5 {
  width: 40%;
}
.w-24 {
  width: 6rem;
}
.w-28 {
  width: 7rem;
}
.w-3 {
  width: 0.75rem;
}
.w-3\.5 {
  width: 0.875rem;
}
.w-3\/4 {
  width: 75%;
}
.w-3\/5 {
  width: 60%;
}
.w-32 {
  width: 8rem;
}
.w-4 {
  width: 1rem;
}
.w-4\/5 {
  width: 80%;
}
.w-40 {
  width: 10rem;
}
.w-48 {
  width: 12rem;
}
.w-5 {
  width: 1.25rem;
}
.w-52 {
  width: 13rem;
}
.w-56 {
  width: 14rem;
}
.w-6 {
  width: 1.5rem;
}
.w-60 {
  width: 15rem;
}
.w-64 {
  width: 16rem;
}
.w-7 {
  width: 1.75rem;
}
.w-8 {
  width: 2rem;
}
.w-80 {
  width: 20rem;
}
.w-9 {
  width: 2.25rem;
}
.w-\[12\.5rem\] {
  width: 12.5rem;
}
.w-\[144px\] {
  width: 144px;
}
.w-\[15\%\] {
  width: 15%;
}
.w-\[15rem\] {
  width: 15rem;
}
.w-\[16\.875rem\] {
  width: 16.875rem;
}
.w-\[170px\] {
  width: 170px;
}
.w-\[2\.45rem\] {
  width: 2.45rem;
}
.w-\[200px\] {
  width: 200px;
}
.w-\[216px\] {
  width: 216px;
}
.w-\[240px\] {
  width: 240px;
}
.w-\[26px\] {
  width: 26px;
}
.w-\[3\.25rem\] {
  width: 3.25rem;
}
.w-\[30\%\] {
  width: 30%;
}
.w-\[300px\] {
  width: 300px;
}
.w-\[30rem\] {
  width: 30rem;
}
.w-\[32\%\] {
  width: 32%;
}
.w-\[32\.5rem\] {
  width: 32.5rem;
}
.w-\[322px\] {
  width: 322px;
}
.w-\[37\.5rem\] {
  width: 37.5rem;
}
.w-\[384px\] {
  width: 384px;
}
.w-\[50\%\] {
  width: 50%;
}
.w-\[56\.25rem\] {
  width: 56.25rem;
}
.w-\[6\.25rem\] {
  width: 6.25rem;
}
.w-\[65\%\] {
  width: 65%;
}
.w-\[68\%\] {
  width: 68%;
}
.w-\[680px\] {
  width: 680px;
}
.w-\[7\.5rem\] {
  width: 7.5rem;
}
.w-\[70\%\] {
  width: 70%;
}
.w-\[70px\] {
  width: 70px;
}
.w-\[72px\] {
  width: 72px;
}
.w-\[75\%\] {
  width: 75%;
}
.w-\[8\.125rem\] {
  width: 8.125rem;
}
.w-\[8\.75rem\] {
  width: 8.75rem;
}
.w-\[80\%\] {
  width: 80%;
}
.w-\[880px\] {
  width: 880px;
}
.w-\[90\%\] {
  width: 90%;
}
.w-\[92px\] {
  width: 92px;
}
.w-\[96\%\] {
  width: 96%;
}
.w-\[calc\(100\%-3rem\)\] {
  width: calc(100% - 3rem);
}
.w-\[calc\(100\%-40px\)\] {
  width: calc(100% - 40px);
}
.w-\[calc\(100\%-70px\)\] {
  width: calc(100% - 70px);
}
.w-\[inherit\] {
  width: inherit;
}
.w-auto {
  width: auto;
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-px {
  width: 1px;
}
.w-screen {
  width: 100vw;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-\[0\.75rem\] {
  min-width: 0.75rem;
}
.min-w-\[100px\] {
  min-width: 100px;
}
.min-w-\[10rem\] {
  min-width: 10rem;
}
.min-w-\[128px\] {
  min-width: 128px;
}
.min-w-\[140px\] {
  min-width: 140px;
}
.min-w-\[14px\] {
  min-width: 14px;
}
.min-w-\[15rem\] {
  min-width: 15rem;
}
.min-w-\[16px\] {
  min-width: 16px;
}
.min-w-\[18px\] {
  min-width: 18px;
}
.min-w-\[1rem\] {
  min-width: 1rem;
}
.min-w-\[20px\] {
  min-width: 20px;
}
.min-w-\[22rem\] {
  min-width: 22rem;
}
.min-w-\[25rem\] {
  min-width: 25rem;
}
.min-w-\[2rem\] {
  min-width: 2rem;
}
.min-w-\[340px\] {
  min-width: 340px;
}
.min-w-\[36px\] {
  min-width: 36px;
}
.min-w-\[50\%\] {
  min-width: 50%;
}
.min-w-\[5rem\] {
  min-width: 5rem;
}
.min-w-\[6\.25rem\] {
  min-width: 6.25rem;
}
.min-w-\[6\.5rem\] {
  min-width: 6.5rem;
}
.min-w-\[60px\] {
  min-width: 60px;
}
.min-w-\[700px\] {
  min-width: 700px;
}
.min-w-\[70px\] {
  min-width: 70px;
}
.min-w-\[76px\] {
  min-width: 76px;
}
.min-w-\[7rem\] {
  min-width: 7rem;
}
.min-w-\[8rem\] {
  min-width: 8rem;
}
.min-w-\[9\.125rem\] {
  min-width: 9.125rem;
}
.min-w-\[9\.75rem\] {
  min-width: 9.75rem;
}
.min-w-fit {
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.min-w-full {
  min-width: 100%;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-4xl {
  max-width: 56rem;
}
.max-w-5xl {
  max-width: 64rem;
}
.max-w-6xl {
  max-width: 72rem;
}
.max-w-\[10rem\] {
  max-width: 10rem;
}
.max-w-\[12\.5rem\] {
  max-width: 12.5rem;
}
.max-w-\[15rem\] {
  max-width: 15rem;
}
.max-w-\[18rem\] {
  max-width: 18rem;
}
.max-w-\[20\%\] {
  max-width: 20%;
}
.max-w-\[20rem\] {
  max-width: 20rem;
}
.max-w-\[22\.5rem\] {
  max-width: 22.5rem;
}
.max-w-\[23\.75rem\] {
  max-width: 23.75rem;
}
.max-w-\[250px\] {
  max-width: 250px;
}
.max-w-\[25rem\] {
  max-width: 25rem;
}
.max-w-\[2rem\] {
  max-width: 2rem;
}
.max-w-\[30\%\] {
  max-width: 30%;
}
.max-w-\[300px\] {
  max-width: 300px;
}
.max-w-\[30rem\] {
  max-width: 30rem;
}
.max-w-\[31\.25rem\] {
  max-width: 31.25rem;
}
.max-w-\[37\.5rem\] {
  max-width: 37.5rem;
}
.max-w-\[400px\] {
  max-width: 400px;
}
.max-w-\[40rem\] {
  max-width: 40rem;
}
.max-w-\[45rem\] {
  max-width: 45rem;
}
.max-w-\[480px\] {
  max-width: 480px;
}
.max-w-\[4rem\] {
  max-width: 4rem;
}
.max-w-\[50\%\] {
  max-width: 50%;
}
.max-w-\[560px\] {
  max-width: 560px;
}
.max-w-\[56rem\] {
  max-width: 56rem;
}
.max-w-\[6\.25rem\] {
  max-width: 6.25rem;
}
.max-w-\[65\%\] {
  max-width: 65%;
}
.max-w-\[7\.5rem\] {
  max-width: 7.5rem;
}
.max-w-\[70\%\] {
  max-width: 70%;
}
.max-w-\[720px\] {
  max-width: 720px;
}
.max-w-\[75\%\] {
  max-width: 75%;
}
.max-w-\[75rem\] {
  max-width: 75rem;
}
.max-w-\[80\%\] {
  max-width: 80%;
}
.max-w-\[80vw\] {
  max-width: 80vw;
}
.max-w-\[85\%\] {
  max-width: 85%;
}
.max-w-\[8rem\] {
  max-width: 8rem;
}
.max-w-\[95\%\] {
  max-width: 95%;
}
.max-w-\[96\%\] {
  max-width: 96%;
}
.max-w-\[calc\(100\%-0\.5rem\)\] {
  max-width: calc(100% - 0.5rem);
}
.max-w-\[calc\(100\%-80px\)\] {
  max-width: calc(100% - 80px);
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-max {
  max-width: -moz-max-content;
  max-width: max-content;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-xl {
  max-width: 36rem;
}
.max-w-xs {
  max-width: 20rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-none {
  flex: none;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.flex-grow-0 {
  flex-grow: 0;
}
.grow {
  flex-grow: 1;
}
.basis-full {
  flex-basis: 100%;
}
.table-fixed {
  table-layout: fixed;
}
.origin-top-right {
  transform-origin: top right;
}
.-translate-x-px {
  --tw-translate-x: -1px;
  transform: translate(-1px, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0 {
  --tw-translate-x: 0px;
  transform: translate(0px, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), 0px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1) scaleY(1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-75 {
  --tw-scale-x: .75;
  --tw-scale-y: .75;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.75) scaleY(.75);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes card-select {
0%, 100% {
    transform: translateX(0);
}
50% {
    transform: translateX(1px);
}
}
.animate-card-select {
  animation: card-select 0.25s ease-in-out;
}
@keyframes loader-pulse {
0% {
    opacity: 0.4;
}
50% {
    opacity: 1;
}
100% {
    opacity: 0.4;
}
}
.animate-loader-pulse {
  animation: loader-pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes pulse {
50% {
    opacity: .5;
}
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes shake {
0%, 100% {
    transform: translateX(0);
}
25% {
    transform: translateX(0.234375rem);
}
50% {
    transform: translateX(-0.234375rem);
}
75% {
    transform: translateX(0.234375rem);
}
}
.animate-shake {
  animation: shake 0.3s ease-in-out 0s 2;
}
@keyframes wiggle {
0% {
    transform: translateX(0);
}
15% {
    transform: translateX(0.375rem);
}
30% {
    transform: translateX(-0.375rem);
}
45% {
    transform: translateX(0.375rem);
}
60% {
    transform: translateX(-0.375rem);
}
75% {
    transform: translateX(0.375rem);
}
90% {
    transform: translateX(-0.375rem);
}
100% {
    transform: translateX(0);
}
}
.animate-wiggle {
  animation: wiggle 0.5s ease-in-out;
}
.cursor-default {
  cursor: default;
}
.cursor-grab {
  cursor: grab;
}
.cursor-move {
  cursor: move;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.resize-none {
  resize: none;
}
.resize {
  resize: both;
}
.scroll-mt-24 {
  scroll-margin-top: 6rem;
}
.scroll-py-2 {
  scroll-padding-top: 0.5rem;
  scroll-padding-bottom: 0.5rem;
}
.list-none {
  list-style-type: none;
}
.appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.auto-rows-\[47px\] {
  grid-auto-rows: 47px;
}
.auto-rows-\[61px\] {
  grid-auto-rows: 61px;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-\[20rem_1fr\] {
  grid-template-columns: 20rem 1fr;
}
.grid-cols-\[80px_1fr\] {
  grid-template-columns: 80px 1fr;
}
.grid-cols-\[repeat\(24\2c _1fr\)\] {
  grid-template-columns: repeat(24, 1fr);
}
.grid-cols-\[repeat\(auto-fill\2c minmax\(250px\2c 1fr\)\)\] {
  grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
}
.grid-rows-\[auto_1fr_1fr\] {
  grid-template-rows: auto 1fr 1fr;
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.place-content-center {
  place-content: center;
}
.place-items-center {
  place-items: center;
}
.content-center {
  align-content: center;
}
.content-between {
  align-content: space-between;
}
.\!items-start {
  align-items: flex-start !important;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.justify-evenly {
  justify-content: space-evenly;
}
.\!gap-1 {
  gap: 0.25rem !important;
}
.gap-0 {
  gap: 0px;
}
.gap-0\.5 {
  gap: 0.125rem;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-10 {
  gap: 2.5rem;
}
.gap-12 {
  gap: 3rem;
}
.gap-16 {
  gap: 4rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-\[5px\] {
  gap: 5px;
}
.gap-px {
  gap: 1px;
}
.gap-x-1 {
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}
.gap-x-1\.5 {
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
}
.gap-x-2 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.gap-x-3 {
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.gap-x-32 {
  -moz-column-gap: 8rem;
       column-gap: 8rem;
}
.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.gap-x-5 {
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}
.gap-x-6 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.gap-y-1 {
  row-gap: 0.25rem;
}
.gap-y-12 {
  row-gap: 3rem;
}
.gap-y-2 {
  row-gap: 0.5rem;
}
.gap-y-2\.5 {
  row-gap: 0.625rem;
}
.gap-y-3 {
  row-gap: 0.75rem;
}
.gap-y-6 {
  row-gap: 1.5rem;
}
.-space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-0.5rem * 0);
  margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(-0.5rem * calc(1 - 0));
  margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * 0);
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - 0));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * 0);
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - 0));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * 0);
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - 0));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * 0);
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - 0));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - 0));
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * 0);
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-12 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(3rem * calc(1 - 0));
  margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(3rem * 0);
  margin-bottom: calc(3rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - 0));
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * 0);
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - 0));
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * 0);
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - 0));
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * 0);
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - 0));
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * 0);
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - 0));
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * 0);
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - 0));
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * 0);
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.divide-x > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * 0);
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - 0));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - 0));
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * 0);
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-slate-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.divide-slate-100 > :not([hidden]) ~ :not([hidden]) {
    border-color: hsl(208 11.7% 91.1% / var(--tw-divide-opacity));
}
}
.divide-slate-25 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: hsl(210 16.7% 97.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.divide-slate-25 > :not([hidden]) ~ :not([hidden]) {
    border-color: hsl(210 16.7% 97.6% / var(--tw-divide-opacity));
}
}
.divide-slate-50 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: hsl(209 13.3% 95.3% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.divide-slate-50 > :not([hidden]) ~ :not([hidden]) {
    border-color: hsl(209 13.3% 95.3% / var(--tw-divide-opacity));
}
}
.divide-slate-75 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: hsl(209 12.2% 93.2% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.divide-slate-75 > :not([hidden]) ~ :not([hidden]) {
    border-color: hsl(209 12.2% 93.2% / var(--tw-divide-opacity));
}
}
.self-start {
  align-self: flex-start;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.whitespace-normal {
  white-space: normal;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.break-words {
  overflow-wrap: break-word;
}
.break-all {
  word-break: break-all;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-\[0\.4rem\] {
  border-radius: 0.4rem;
}
.rounded-\[4px\] {
  border-radius: 4px;
}
.rounded-\[5px\] {
  border-radius: 5px;
}
.rounded-\[7px\] {
  border-radius: 7px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-none {
  border-radius: 0px;
}
.rounded-sm {
  border-radius: 0.125rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-b {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.rounded-b-lg {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rounded-b-md {
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.rounded-b-xl {
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.rounded-l-none {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.rounded-r {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.rounded-t-\[5px\] {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.rounded-t-none {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.rounded-t-xl {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.\!rounded-bl-none {
  border-bottom-left-radius: 0px !important;
}
.\!rounded-tl-none {
  border-top-left-radius: 0px !important;
}
.rounded-bl-md {
  border-bottom-left-radius: 0.375rem;
}
.rounded-tl-\[4px\] {
  border-top-left-radius: 4px;
}
.rounded-tl-md {
  border-top-left-radius: 0.375rem;
}
.\!border {
  border-width: 1px !important;
}
.\!border-0 {
  border-width: 0px !important;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-\[1\.5px\] {
  border-width: 1.5px;
}
.border-x-0 {
  border-left-width: 0px;
  border-right-width: 0px;
}
.border-x-4 {
  border-left-width: 4px;
  border-right-width: 4px;
}
.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-0 {
  border-bottom-width: 0px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-b-\[0\.5rem\] {
  border-bottom-width: 0.5rem;
}
.border-b-\[8px\] {
  border-bottom-width: 8px;
}
.border-l {
  border-left-width: 1px;
}
.border-l-0 {
  border-left-width: 0px;
}
.border-l-2 {
  border-left-width: 2px;
}
.border-l-4 {
  border-left-width: 4px;
}
.border-r {
  border-right-width: 1px;
}
.border-r-0 {
  border-right-width: 0px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-0 {
  border-top-width: 0px;
}
.border-t-\[8px\] {
  border-top-width: 8px;
}
.\!border-solid {
  border-style: solid !important;
}
.border-solid {
  border-style: solid;
}
.border-dashed {
  border-style: dashed;
}
.border-none {
  border-style: none;
}
.\!border-slate-700 {
  --tw-border-opacity: 1 !important;
  border-color: hsl(207 5.6% 31.6% / 1) !important;
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.\!border-slate-700 {
    border-color: hsl(207 5.6% 31.6% / var(--tw-border-opacity)) !important;
}
}
.border-ash-200 {
  --tw-border-opacity: 1;
  border-color: rgb(228 228 233 / 1);
  border-color: rgb(var(--color-ash-200) / var(--tw-border-opacity));
}
.border-black-200 {
  --tw-border-opacity: 1;
  border-color: hsl(207 11.1% 85.9% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.border-black-200 {
    border-color: hsl(207 11.1% 85.9% / var(--tw-border-opacity));
}
}
.border-black-300 {
  --tw-border-opacity: 1;
  border-color: hsl(205 10.7% 78.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.border-black-300 {
    border-color: hsl(205 10.7% 78.0% / var(--tw-border-opacity));
}
}
.border-green-200 {
  --tw-border-opacity: 1;
  border-color: hsl(146 38.5% 69.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.border-green-200 {
    border-color: hsl(146 38.5% 69.0% / var(--tw-border-opacity));
}
}
.border-green-400 {
  --tw-border-opacity: 1;
  border-color: hsl(151 49.3% 46.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.border-green-400 {
    border-color: hsl(151 49.3% 46.5% / var(--tw-border-opacity));
}
}
.border-green-500 {
  --tw-border-opacity: 1;
  border-color: hsl(151 55.0% 41.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.border-green-500 {
    border-color: hsl(151 55.0% 41.5% / var(--tw-border-opacity));
}
}
.border-primary-300 {
  --tw-border-opacity: 1;
  border-color: rgb(181 213 255 / 1);
  border-color: rgb(var(--color-primary-300) / var(--tw-border-opacity));
}
.border-red-100 {
  --tw-border-opacity: 1;
  border-color: hsl(360 81.7% 87.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.border-red-100 {
    border-color: hsl(360 81.7% 87.8% / var(--tw-border-opacity));
}
}
.border-red-200 {
  --tw-border-opacity: 1;
  border-color: hsl(359 69.5% 74.3% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.border-red-200 {
    border-color: hsl(359 69.5% 74.3% / var(--tw-border-opacity));
}
}
.border-red-300 {
  --tw-border-opacity: 1;
  border-color: hsl(358 100% 69.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.border-red-300 {
    border-color: hsl(358 100% 69.5% / var(--tw-border-opacity));
}
}
.border-red-400 {
  --tw-border-opacity: 1;
  border-color: hsl(358 85.3% 64.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.border-red-400 {
    border-color: hsl(358 85.3% 64.0% / var(--tw-border-opacity));
}
}
.border-red-500 {
  --tw-border-opacity: 1;
  border-color: hsl(358 75.0% 59.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.border-red-500 {
    border-color: hsl(358 75.0% 59.0% / var(--tw-border-opacity));
}
}
.border-slate-100 {
  --tw-border-opacity: 1;
  border-color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.border-slate-100 {
    border-color: hsl(208 11.7% 91.1% / var(--tw-border-opacity));
}
}
.border-slate-200 {
  --tw-border-opacity: 1;
  border-color: hsl(207 11.1% 85.9% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.border-slate-200 {
    border-color: hsl(207 11.1% 85.9% / var(--tw-border-opacity));
}
}
.border-slate-25 {
  --tw-border-opacity: 1;
  border-color: hsl(210 16.7% 97.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.border-slate-25 {
    border-color: hsl(210 16.7% 97.6% / var(--tw-border-opacity));
}
}
.border-slate-300 {
  --tw-border-opacity: 1;
  border-color: hsl(205 10.7% 78.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.border-slate-300 {
    border-color: hsl(205 10.7% 78.0% / var(--tw-border-opacity));
}
}
.border-slate-400 {
  --tw-border-opacity: 1;
  border-color: hsl(206 6.0% 63.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.border-slate-400 {
    border-color: hsl(206 6.0% 63.0% / var(--tw-border-opacity));
}
}
.border-slate-50 {
  --tw-border-opacity: 1;
  border-color: hsl(209 13.3% 95.3% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.border-slate-50 {
    border-color: hsl(209 13.3% 95.3% / var(--tw-border-opacity));
}
}
.border-slate-600 {
  --tw-border-opacity: 1;
  border-color: hsl(206 6.0% 43.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.border-slate-600 {
    border-color: hsl(206 6.0% 43.5% / var(--tw-border-opacity));
}
}
.border-slate-700 {
  --tw-border-opacity: 1;
  border-color: hsl(207 5.6% 31.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.border-slate-700 {
    border-color: hsl(207 5.6% 31.6% / var(--tw-border-opacity));
}
}
.border-slate-700\/30 {
  border-color: hsl(207 5.6% 31.6% / 0.3);
}
.border-slate-75 {
  --tw-border-opacity: 1;
  border-color: hsl(209 12.2% 93.2% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.border-slate-75 {
    border-color: hsl(209 12.2% 93.2% / var(--tw-border-opacity));
}
}
.border-transparent {
  border-color: transparent;
}
.border-violet-600 {
  --tw-border-opacity: 1;
  border-color: hsl(250 51.8% 51.2% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.border-violet-600 {
    border-color: hsl(250 51.8% 51.2% / var(--tw-border-opacity));
}
}
.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.border-white {
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
}
.border-woot-100 {
  --tw-border-opacity: 1;
  border-color: hsl(209 95.0% 90.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.border-woot-100 {
    border-color: hsl(209 95.0% 90.1% / var(--tw-border-opacity));
}
}
.border-woot-200 {
  --tw-border-opacity: 1;
  border-color: hsl(208 77.5% 76.9% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.border-woot-200 {
    border-color: hsl(208 77.5% 76.9% / var(--tw-border-opacity));
}
}
.border-woot-300 {
  --tw-border-opacity: 1;
  border-color: hsl(206 81.9% 65.3% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.border-woot-300 {
    border-color: hsl(206 81.9% 65.3% / var(--tw-border-opacity));
}
}
.border-woot-400 {
  --tw-border-opacity: 1;
  border-color: hsl(210 100% 66.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.border-woot-400 {
    border-color: hsl(210 100% 66.1% / var(--tw-border-opacity));
}
}
.border-woot-500 {
  --tw-border-opacity: 1;
  border-color: hsl(209 100% 60.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.border-woot-500 {
    border-color: hsl(209 100% 60.6% / var(--tw-border-opacity));
}
}
.border-woot-700 {
  --tw-border-opacity: 1;
  border-color: hsl(211 89.7% 34.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.border-woot-700 {
    border-color: hsl(211 89.7% 34.1% / var(--tw-border-opacity));
}
}
.border-woot-75 {
  --tw-border-opacity: 1;
  border-color: hsl(210 98.8% 94.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.border-woot-75 {
    border-color: hsl(210 98.8% 94.0% / var(--tw-border-opacity));
}
}
.border-yellow-200 {
  --tw-border-opacity: 1;
  border-color: hsl(52 97.9% 82.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.border-yellow-200 {
    border-color: hsl(52 97.9% 82.0% / var(--tw-border-opacity));
}
}
.border-yellow-300 {
  --tw-border-opacity: 1;
  border-color: hsl(54 100% 68.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.border-yellow-300 {
    border-color: hsl(54 100% 68.0% / var(--tw-border-opacity));
}
}
.border-yellow-500 {
  --tw-border-opacity: 1;
  border-color: hsl(48 100% 47.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.border-yellow-500 {
    border-color: hsl(48 100% 47.0% / var(--tw-border-opacity));
}
}
.border-x-transparent {
  border-left-color: transparent;
  border-right-color: transparent;
}
.border-b-red-500 {
  --tw-border-opacity: 1;
  border-bottom-color: hsl(358 75.0% 59.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.border-b-red-500 {
    border-bottom-color: hsl(358 75.0% 59.0% / var(--tw-border-opacity));
}
}
.\!bg-slate-25 {
  --tw-bg-opacity: 1 !important;
  background-color: hsl(210 16.7% 97.6% / 1) !important;
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.\!bg-slate-25 {
    background-color: hsl(210 16.7% 97.6% / var(--tw-bg-opacity)) !important;
}
}
.\!bg-slate-50 {
  --tw-bg-opacity: 1 !important;
  background-color: hsl(209 13.3% 95.3% / 1) !important;
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.\!bg-slate-50 {
    background-color: hsl(209 13.3% 95.3% / var(--tw-bg-opacity)) !important;
}
}
.bg-\[inherit\] {
  background-color: inherit;
}
.bg-amber-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 224 161 / 1);
  background-color: rgb(var(--color-amber-200) / var(--tw-bg-opacity));
}
.bg-amber-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(214 163 92 / 1);
  background-color: rgb(var(--color-amber-500) / var(--tw-bg-opacity));
}
.bg-ash-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(235 235 239 / 1);
  background-color: rgb(var(--color-ash-100) / var(--tw-bg-opacity));
}
.bg-ash-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(228 228 233 / 1);
  background-color: rgb(var(--color-ash-200) / var(--tw-bg-opacity));
}
.bg-ash-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(221 221 227 / 1);
  background-color: rgb(var(--color-ash-300) / var(--tw-bg-opacity));
}
.bg-ash-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 251 / 1);
  background-color: rgb(var(--color-ash-50) / var(--tw-bg-opacity));
}
.bg-black-50 {
  --tw-bg-opacity: 1;
  background-color: hsl(210 16.7% 97.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-black-50 {
    background-color: hsl(210 16.7% 97.6% / var(--tw-bg-opacity));
}
}
.bg-grass-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(214 241 223 / 1);
  background-color: rgb(var(--color-green-100) / var(--tw-bg-opacity));
}
.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: hsl(143 40.3% 79.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-green-100 {
    background-color: hsl(143 40.3% 79.0% / var(--tw-bg-opacity));
}
}
.bg-green-100\/30 {
  background-color: hsl(143 40.3% 79.0% / 0.3);
}
.bg-green-100\/70 {
  background-color: hsl(143 40.3% 79.0% / 0.7);
}
.bg-green-200 {
  --tw-bg-opacity: 1;
  background-color: hsl(146 38.5% 69.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-green-200 {
    background-color: hsl(146 38.5% 69.0% / var(--tw-bg-opacity));
}
}
.bg-green-300 {
  --tw-bg-opacity: 1;
  background-color: hsl(151 40.2% 54.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-green-300 {
    background-color: hsl(151 40.2% 54.1% / var(--tw-bg-opacity));
}
}
.bg-green-400 {
  --tw-bg-opacity: 1;
  background-color: hsl(151 49.3% 46.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-green-400 {
    background-color: hsl(151 49.3% 46.5% / var(--tw-bg-opacity));
}
}
.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: hsl(151 55.0% 41.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-green-500 {
    background-color: hsl(151 55.0% 41.5% / var(--tw-bg-opacity));
}
}
.bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: hsl(152 57.5% 37.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-green-600 {
    background-color: hsl(152 57.5% 37.6% / var(--tw-bg-opacity));
}
}
.bg-indigo-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(225 233 255 / 1);
  background-color: rgb(var(--color-indigo-100) / var(--tw-bg-opacity));
}
.bg-mint-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(200 244 233 / 1);
  background-color: rgb(var(--color-mint-100) / var(--tw-bg-opacity));
}
.bg-modal-backdrop-dark {
  background-color: rgba(0, 0, 0, 0.6);
}
.bg-modal-backdrop-light {
  background-color: rgba(0, 0, 0, 0.4);
}
.bg-orange-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 223 181 / 1);
  background-color: rgb(var(--color-orange-100) / var(--tw-bg-opacity));
}
.bg-pink-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 220 239 / 1);
  background-color: rgb(var(--color-pink-100) / var(--tw-bg-opacity));
}
.bg-primary-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(39 129 246 / 1);
  background-color: rgb(var(--color-primary-600) / var(--tw-bg-opacity));
}
.bg-purple-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(235 228 255 / 1);
  background-color: rgb(var(--color-violet-100) / var(--tw-bg-opacity));
}
.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: hsl(360 81.7% 87.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-red-100 {
    background-color: hsl(360 81.7% 87.8% / var(--tw-bg-opacity));
}
}
.bg-red-200 {
  --tw-bg-opacity: 1;
  background-color: hsl(359 69.5% 74.3% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-red-200 {
    background-color: hsl(359 69.5% 74.3% / var(--tw-bg-opacity));
}
}
.bg-red-400 {
  --tw-bg-opacity: 1;
  background-color: hsl(358 85.3% 64.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-red-400 {
    background-color: hsl(358 85.3% 64.0% / var(--tw-bg-opacity));
}
}
.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: hsl(351 89.0% 96.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-red-50 {
    background-color: hsl(351 89.0% 96.0% / var(--tw-bg-opacity));
}
}
.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: hsl(358 75.0% 59.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-red-500 {
    background-color: hsl(358 75.0% 59.0% / var(--tw-bg-opacity));
}
}
.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: hsl(358 69.4% 55.2% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-red-600 {
    background-color: hsl(358 69.4% 55.2% / var(--tw-bg-opacity));
}
}
.bg-red-700 {
  --tw-bg-opacity: 1;
  background-color: hsl(358 65.0% 48.7% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-red-700 {
    background-color: hsl(358 65.0% 48.7% / var(--tw-bg-opacity));
}
}
.bg-red-800 {
  --tw-bg-opacity: 1;
  background-color: hsl(358 65.0% 40.4% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-red-800 {
    background-color: hsl(358 65.0% 40.4% / var(--tw-bg-opacity));
}
}
.bg-ruby-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 70 102 / 1);
  background-color: rgb(var(--color-ruby-600) / var(--tw-bg-opacity));
}
.bg-slate-100 {
  --tw-bg-opacity: 1;
  background-color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-slate-100 {
    background-color: hsl(208 11.7% 91.1% / var(--tw-bg-opacity));
}
}
.bg-slate-200 {
  --tw-bg-opacity: 1;
  background-color: hsl(207 11.1% 85.9% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-slate-200 {
    background-color: hsl(207 11.1% 85.9% / var(--tw-bg-opacity));
}
}
.bg-slate-25 {
  --tw-bg-opacity: 1;
  background-color: hsl(210 16.7% 97.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-slate-25 {
    background-color: hsl(210 16.7% 97.6% / var(--tw-bg-opacity));
}
}
.bg-slate-300 {
  --tw-bg-opacity: 1;
  background-color: hsl(205 10.7% 78.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-slate-300 {
    background-color: hsl(205 10.7% 78.0% / var(--tw-bg-opacity));
}
}
.bg-slate-50 {
  --tw-bg-opacity: 1;
  background-color: hsl(209 13.3% 95.3% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-slate-50 {
    background-color: hsl(209 13.3% 95.3% / var(--tw-bg-opacity));
}
}
.bg-slate-50\/50 {
  background-color: hsl(209 13.3% 95.3% / 0.5);
}
.bg-slate-500 {
  --tw-bg-opacity: 1;
  background-color: hsl(206 5.2% 49.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-slate-500 {
    background-color: hsl(206 5.2% 49.5% / var(--tw-bg-opacity));
}
}
.bg-slate-600 {
  --tw-bg-opacity: 1;
  background-color: hsl(206 6.0% 43.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-slate-600 {
    background-color: hsl(206 6.0% 43.5% / var(--tw-bg-opacity));
}
}
.bg-slate-700 {
  --tw-bg-opacity: 1;
  background-color: hsl(207 5.6% 31.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-slate-700 {
    background-color: hsl(207 5.6% 31.6% / var(--tw-bg-opacity));
}
}
.bg-slate-75 {
  --tw-bg-opacity: 1;
  background-color: hsl(209 12.2% 93.2% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-slate-75 {
    background-color: hsl(209 12.2% 93.2% / var(--tw-bg-opacity));
}
}
.bg-slate-800 {
  --tw-bg-opacity: 1;
  background-color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-slate-800 {
    background-color: hsl(198 6.6% 15.8% / var(--tw-bg-opacity));
}
}
.bg-slate-900 {
  --tw-bg-opacity: 1;
  background-color: hsl(200 7.0% 8.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-slate-900 {
    background-color: hsl(200 7.0% 8.8% / var(--tw-bg-opacity));
}
}
.bg-transparent {
  background-color: transparent;
}
.bg-violet-400 {
  --tw-bg-opacity: 1;
  background-color: hsl(250 43.0% 48.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-violet-400 {
    background-color: hsl(250 43.0% 48.0% / var(--tw-bg-opacity));
}
}
.bg-violet-500 {
  --tw-bg-opacity: 1;
  background-color: hsl(252 56.0% 57.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-violet-500 {
    background-color: hsl(252 56.0% 57.5% / var(--tw-bg-opacity));
}
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.bg-white {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}
.bg-white\/80 {
  background-color: rgb(255 255 255 / 0.8);
}
.bg-woot-100 {
  --tw-bg-opacity: 1;
  background-color: hsl(209 95.0% 90.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-woot-100 {
    background-color: hsl(209 95.0% 90.1% / var(--tw-bg-opacity));
}
}
.bg-woot-200 {
  --tw-bg-opacity: 1;
  background-color: hsl(208 77.5% 76.9% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-woot-200 {
    background-color: hsl(208 77.5% 76.9% / var(--tw-bg-opacity));
}
}
.bg-woot-25 {
  --tw-bg-opacity: 1;
  background-color: hsl(210 100% 98.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-woot-25 {
    background-color: hsl(210 100% 98.0% / var(--tw-bg-opacity));
}
}
.bg-woot-25\/60 {
  background-color: hsl(210 100% 98.0% / 0.6);
}
.bg-woot-300 {
  --tw-bg-opacity: 1;
  background-color: hsl(206 81.9% 65.3% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-woot-300 {
    background-color: hsl(206 81.9% 65.3% / var(--tw-bg-opacity));
}
}
.bg-woot-400 {
  --tw-bg-opacity: 1;
  background-color: hsl(210 100% 66.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-woot-400 {
    background-color: hsl(210 100% 66.1% / var(--tw-bg-opacity));
}
}
.bg-woot-50 {
  --tw-bg-opacity: 1;
  background-color: hsl(209 100% 96.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-woot-50 {
    background-color: hsl(209 100% 96.5% / var(--tw-bg-opacity));
}
}
.bg-woot-500 {
  --tw-bg-opacity: 1;
  background-color: hsl(209 100% 60.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-woot-500 {
    background-color: hsl(209 100% 60.6% / var(--tw-bg-opacity));
}
}
.bg-woot-600 {
  --tw-bg-opacity: 1;
  background-color: hsl(206 100% 50.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-woot-600 {
    background-color: hsl(206 100% 50.0% / var(--tw-bg-opacity));
}
}
.bg-woot-700 {
  --tw-bg-opacity: 1;
  background-color: hsl(211 89.7% 34.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-woot-700 {
    background-color: hsl(211 89.7% 34.1% / var(--tw-bg-opacity));
}
}
.bg-woot-700\/50 {
  background-color: hsl(211 89.7% 34.1% / 0.5);
}
.bg-woot-75 {
  --tw-bg-opacity: 1;
  background-color: hsl(210 98.8% 94.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-woot-75 {
    background-color: hsl(210 98.8% 94.0% / var(--tw-bg-opacity));
}
}
.bg-woot-75\/70 {
  background-color: hsl(210 98.8% 94.0% / 0.7);
}
.bg-woot-800 {
  --tw-bg-opacity: 1;
  background-color: hsl(212 77.4% 23.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-woot-800 {
    background-color: hsl(212 77.4% 23.1% / var(--tw-bg-opacity));
}
}
.bg-yellow-100 {
  --tw-bg-opacity: 1;
  background-color: hsl(55 100% 90.9% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-yellow-100 {
    background-color: hsl(55 100% 90.9% / var(--tw-bg-opacity));
}
}
.bg-yellow-200 {
  --tw-bg-opacity: 1;
  background-color: hsl(52 97.9% 82.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-yellow-200 {
    background-color: hsl(52 97.9% 82.0% / var(--tw-bg-opacity));
}
}
.bg-yellow-200\/60 {
  background-color: hsl(52 97.9% 82.0% / 0.6);
}
.bg-yellow-300 {
  --tw-bg-opacity: 1;
  background-color: hsl(54 100% 68.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-yellow-300 {
    background-color: hsl(54 100% 68.0% / var(--tw-bg-opacity));
}
}
.bg-yellow-50 {
  --tw-bg-opacity: 1;
  background-color: hsl(52 100% 95.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-yellow-50 {
    background-color: hsl(52 100% 95.5% / var(--tw-bg-opacity));
}
}
.bg-yellow-500 {
  --tw-bg-opacity: 1;
  background-color: hsl(48 100% 47.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-yellow-500 {
    background-color: hsl(48 100% 47.0% / var(--tw-bg-opacity));
}
}
.bg-yellow-900 {
  --tw-bg-opacity: 1;
  background-color: hsl(45 100% 5.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.bg-yellow-900 {
    background-color: hsl(45 100% 5.5% / var(--tw-bg-opacity));
}
}
.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.bg-none {
  background-image: none;
}
.from-white {
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.fill-\[\#0B68CB\] {
  fill: #0B68CB;
}
.fill-\[\#5BB98C\] {
  fill: #5BB98C;
}
.fill-\[\#B9BBC6\] {
  fill: #B9BBC6;
}
.fill-\[\#ED8A5C\] {
  fill: #ED8A5C;
}
.fill-current {
  fill: currentColor;
}
.fill-white {
  fill: #fff;
}
.stroke-slate-50 {
  stroke: hsl(209, 13.3%, 95.3%);
}
.stroke-slate-700 {
  stroke: hsl(207, 5.6%, 31.6%);
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.\!p-0 {
  padding: 0px !important;
}
.p-0 {
  padding: 0px;
}
.p-0\.5 {
  padding: 0.125rem;
}
.p-1 {
  padding: 0.25rem;
}
.p-1\.5 {
  padding: 0.375rem;
}
.p-11 {
  padding: 2.75rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-2\.5 {
  padding: 0.625rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-40 {
  padding: 10rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
.\!px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.\!px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.\!px-1\.5 {
  padding-left: 0.375rem !important;
  padding-right: 0.375rem !important;
}
.\!px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.\!px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.\!py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.\!py-1\.5 {
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.\!pb-1 {
  padding-bottom: 0.25rem !important;
}
.\!pl-9 {
  padding-left: 2.25rem !important;
}
.\!pr-\[3\.75rem\] {
  padding-right: 3.75rem !important;
}
.\!pt-1 {
  padding-top: 0.25rem !important;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-12 {
  padding-bottom: 3rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-2\.5 {
  padding-bottom: 0.625rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pl-0 {
  padding-left: 0px;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pl-9 {
  padding-left: 2.25rem;
}
.pr-0 {
  padding-right: 0px;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pr-1\.5 {
  padding-right: 0.375rem;
}
.pr-12 {
  padding-right: 3rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-6 {
  padding-right: 1.5rem;
}
.pr-7 {
  padding-right: 1.75rem;
}
.pt-0 {
  padding-top: 0px;
}
.pt-0\.5 {
  padding-top: 0.125rem;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-12 {
  padding-top: 3rem;
}
.pt-16 {
  padding-top: 4rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-2\.5 {
  padding-top: 0.625rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-8 {
  padding-top: 2rem;
}
.pt-\[30\%\] {
  padding-top: 30%;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-start {
  text-align: start;
}
.align-middle {
  vertical-align: middle;
}
.font-inter {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.font-interDisplay {
  font-family: Inter Display, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.\!text-sm {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-6xl {
  font-size: 3.75rem;
  line-height: 1;
}
.text-8xl {
  font-size: 6rem;
  line-height: 1;
}
.text-\[0\.5rem\] {
  font-size: 0.5rem;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[2\.5rem\] {
  font-size: 2.5rem;
}
.text-\[8px\] {
  font-size: 8px;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.text-xxs {
  font-size: 0.625rem;
}
.font-bold {
  font-weight: 700;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.font-thin {
  font-weight: 100;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.normal-case {
  text-transform: none;
}
.italic {
  font-style: italic;
}
.not-italic {
  font-style: normal;
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) tabular-nums var(--tw-numeric-fraction);
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.leading-3 {
  line-height: .75rem;
}
.leading-4 {
  line-height: 1rem;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-7 {
  line-height: 1.75rem;
}
.leading-8 {
  line-height: 2rem;
}
.leading-9 {
  line-height: 2.25rem;
}
.leading-\[0\.625rem\] {
  line-height: 0.625rem;
}
.leading-\[1\.1\] {
  line-height: 1.1;
}
.leading-\[1\.2\] {
  line-height: 1.2;
}
.leading-\[1\.3\] {
  line-height: 1.3;
}
.leading-\[1\.4\] {
  line-height: 1.4;
}
.leading-\[1\.8\] {
  line-height: 1.8;
}
.leading-\[100\%\] {
  line-height: 100%;
}
.leading-\[52\.5px\] {
  line-height: 52.5px;
}
.leading-none {
  line-height: 1;
}
.leading-normal {
  line-height: 1.5;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-snug {
  line-height: 1.375;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-\[-0\.1px\] {
  letter-spacing: -0.1px;
}
.tracking-\[-0\.6\%\] {
  letter-spacing: -0.6%;
}
.tracking-\[-1\.5\%\] {
  letter-spacing: -1.5%;
}
.tracking-\[0\.2\%\] {
  letter-spacing: 0.2%;
}
.tracking-\[0\.28px\] {
  letter-spacing: 0.28px;
}
.tracking-\[0\.3px\] {
  letter-spacing: 0.3px;
}
.tracking-\[0\.5\] {
  letter-spacing: 0.5;
}
.tracking-normal {
  letter-spacing: 0em;
}
.tracking-tight {
  letter-spacing: -0.025em;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.\!text-slate-400 {
  --tw-text-opacity: 1 !important;
  color: hsl(206 6.0% 63.0% / 1) !important;
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.\!text-slate-400 {
    color: hsl(206 6.0% 63.0% / var(--tw-text-opacity)) !important;
}
}
.\!text-slate-900 {
  --tw-text-opacity: 1 !important;
  color: hsl(200 7.0% 8.8% / 1) !important;
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.\!text-slate-900 {
    color: hsl(200 7.0% 8.8% / var(--tw-text-opacity)) !important;
}
}
.text-\[\#5E6AD2\] {
  --tw-text-opacity: 1;
  color: rgb(94 106 210 / 1);
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.text-\[\#5E6AD2\] {
    color: rgb(94 106 210 / var(--tw-text-opacity));
}
}
.text-amber-900 {
  --tw-text-opacity: 1;
  color: rgb(79 52 34 / 1);
  color: rgb(var(--color-amber-900) / var(--tw-text-opacity));
}
.text-ash-400 {
  --tw-text-opacity: 1;
  color: rgb(211 212 219 / 1);
  color: rgb(var(--color-ash-400) / var(--tw-text-opacity));
}
.text-ash-600 {
  --tw-text-opacity: 1;
  color: rgb(139 141 152 / 1);
  color: rgb(var(--color-ash-600) / var(--tw-text-opacity));
}
.text-ash-800 {
  --tw-text-opacity: 1;
  color: rgb(96 100 108 / 1);
  color: rgb(var(--color-ash-800) / var(--tw-text-opacity));
}
.text-ash-900 {
  --tw-text-opacity: 1;
  color: rgb(28 32 36 / 1);
  color: rgb(var(--color-ash-900) / var(--tw-text-opacity));
}
.text-black-500 {
  --tw-text-opacity: 1;
  color: hsl(206 6.0% 56.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-black-500 {
    color: hsl(206 6.0% 56.1% / var(--tw-text-opacity));
}
}
.text-black-600 {
  --tw-text-opacity: 1;
  color: hsl(206 6.0% 43.9% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-black-600 {
    color: hsl(206 6.0% 43.9% / var(--tw-text-opacity));
}
}
.text-black-700 {
  --tw-text-opacity: 1;
  color: hsl(207 5.6% 31.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-black-700 {
    color: hsl(207 5.6% 31.6% / var(--tw-text-opacity));
}
}
.text-black-800 {
  --tw-text-opacity: 1;
  color: hsl(203 6.0% 24.3% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-black-800 {
    color: hsl(203 6.0% 24.3% / var(--tw-text-opacity));
}
}
.text-black-900 {
  --tw-text-opacity: 1;
  color: hsl(195 7.1% 11.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-black-900 {
    color: hsl(195 7.1% 11.0% / var(--tw-text-opacity));
}
}
.text-grass-800 {
  --tw-text-opacity: 1;
  color: rgb(33 131 88 / 1);
  color: rgb(var(--color-green-800) / var(--tw-text-opacity));
}
.text-green-200 {
  --tw-text-opacity: 1;
  color: hsl(146 38.5% 69.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-green-200 {
    color: hsl(146 38.5% 69.0% / var(--tw-text-opacity));
}
}
.text-green-400 {
  --tw-text-opacity: 1;
  color: hsl(151 49.3% 46.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-green-400 {
    color: hsl(151 49.3% 46.5% / var(--tw-text-opacity));
}
}
.text-green-500 {
  --tw-text-opacity: 1;
  color: hsl(151 55.0% 41.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-green-500 {
    color: hsl(151 55.0% 41.5% / var(--tw-text-opacity));
}
}
.text-green-600 {
  --tw-text-opacity: 1;
  color: hsl(152 57.5% 37.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-green-600 {
    color: hsl(152 57.5% 37.6% / var(--tw-text-opacity));
}
}
.text-green-700 {
  --tw-text-opacity: 1;
  color: hsl(153 67.0% 28.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-green-700 {
    color: hsl(153 67.0% 28.5% / var(--tw-text-opacity));
}
}
.text-green-800 {
  --tw-text-opacity: 1;
  color: hsl(153 51.8% 21.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-green-800 {
    color: hsl(153 51.8% 21.8% / var(--tw-text-opacity));
}
}
.text-green-900 {
  --tw-text-opacity: 1;
  color: hsl(154 50.9% 17.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-green-900 {
    color: hsl(154 50.9% 17.6% / var(--tw-text-opacity));
}
}
.text-indigo-800 {
  --tw-text-opacity: 1;
  color: rgb(58 91 199 / 1);
  color: rgb(var(--color-indigo-800) / var(--tw-text-opacity));
}
.text-mint-800 {
  --tw-text-opacity: 1;
  color: rgb(2 120 100 / 1);
  color: rgb(var(--color-mint-800) / var(--tw-text-opacity));
}
.text-orange-800 {
  --tw-text-opacity: 1;
  color: rgb(204 78 0 / 1);
  color: rgb(var(--color-orange-800) / var(--tw-text-opacity));
}
.text-pink-800 {
  --tw-text-opacity: 1;
  color: rgb(194 41 138 / 1);
  color: rgb(var(--color-pink-800) / var(--tw-text-opacity));
}
.text-purple-800 {
  --tw-text-opacity: 1;
  color: rgb(101 80 185 / 1);
  color: rgb(var(--color-violet-800) / var(--tw-text-opacity));
}
.text-red-300 {
  --tw-text-opacity: 1;
  color: hsl(358 100% 69.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-red-300 {
    color: hsl(358 100% 69.5% / var(--tw-text-opacity));
}
}
.text-red-400 {
  --tw-text-opacity: 1;
  color: hsl(358 85.3% 64.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-red-400 {
    color: hsl(358 85.3% 64.0% / var(--tw-text-opacity));
}
}
.text-red-50 {
  --tw-text-opacity: 1;
  color: hsl(351 89.0% 96.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-red-50 {
    color: hsl(351 89.0% 96.0% / var(--tw-text-opacity));
}
}
.text-red-500 {
  --tw-text-opacity: 1;
  color: hsl(358 75.0% 59.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-red-500 {
    color: hsl(358 75.0% 59.0% / var(--tw-text-opacity));
}
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: hsl(358 69.4% 55.2% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-red-600 {
    color: hsl(358 69.4% 55.2% / var(--tw-text-opacity));
}
}
.text-red-700 {
  --tw-text-opacity: 1;
  color: hsl(358 65.0% 48.7% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-red-700 {
    color: hsl(358 65.0% 48.7% / var(--tw-text-opacity));
}
}
.text-red-800 {
  --tw-text-opacity: 1;
  color: hsl(358 65.0% 40.4% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-red-800 {
    color: hsl(358 65.0% 40.4% / var(--tw-text-opacity));
}
}
.text-red-900 {
  --tw-text-opacity: 1;
  color: hsl(354 50.0% 14.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-red-900 {
    color: hsl(354 50.0% 14.6% / var(--tw-text-opacity));
}
}
.text-slate-100 {
  --tw-text-opacity: 1;
  color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-slate-100 {
    color: hsl(208 11.7% 91.1% / var(--tw-text-opacity));
}
}
.text-slate-200 {
  --tw-text-opacity: 1;
  color: hsl(207 11.1% 85.9% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-slate-200 {
    color: hsl(207 11.1% 85.9% / var(--tw-text-opacity));
}
}
.text-slate-300 {
  --tw-text-opacity: 1;
  color: hsl(205 10.7% 78.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-slate-300 {
    color: hsl(205 10.7% 78.0% / var(--tw-text-opacity));
}
}
.text-slate-400 {
  --tw-text-opacity: 1;
  color: hsl(206 6.0% 63.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-slate-400 {
    color: hsl(206 6.0% 63.0% / var(--tw-text-opacity));
}
}
.text-slate-50 {
  --tw-text-opacity: 1;
  color: hsl(209 13.3% 95.3% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-slate-50 {
    color: hsl(209 13.3% 95.3% / var(--tw-text-opacity));
}
}
.text-slate-500 {
  --tw-text-opacity: 1;
  color: hsl(206 5.2% 49.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-slate-500 {
    color: hsl(206 5.2% 49.5% / var(--tw-text-opacity));
}
}
.text-slate-600 {
  --tw-text-opacity: 1;
  color: hsl(206 6.0% 43.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-slate-600 {
    color: hsl(206 6.0% 43.5% / var(--tw-text-opacity));
}
}
.text-slate-700 {
  --tw-text-opacity: 1;
  color: hsl(207 5.6% 31.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-slate-700 {
    color: hsl(207 5.6% 31.6% / var(--tw-text-opacity));
}
}
.text-slate-800 {
  --tw-text-opacity: 1;
  color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-slate-800 {
    color: hsl(198 6.6% 15.8% / var(--tw-text-opacity));
}
}
.text-slate-900 {
  --tw-text-opacity: 1;
  color: hsl(200 7.0% 8.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-slate-900 {
    color: hsl(200 7.0% 8.8% / var(--tw-text-opacity));
}
}
.text-violet-100 {
  --tw-text-opacity: 1;
  color: hsl(252 87.0% 96.4% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-violet-100 {
    color: hsl(252 87.0% 96.4% / var(--tw-text-opacity));
}
}
.text-violet-50 {
  --tw-text-opacity: 1;
  color: hsl(255 65.0% 99.4% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-violet-50 {
    color: hsl(255 65.0% 99.4% / var(--tw-text-opacity));
}
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.text-white {
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
.text-woot-100 {
  --tw-text-opacity: 1;
  color: hsl(209 95.0% 90.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-woot-100 {
    color: hsl(209 95.0% 90.1% / var(--tw-text-opacity));
}
}
.text-woot-300 {
  --tw-text-opacity: 1;
  color: hsl(206 81.9% 65.3% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-woot-300 {
    color: hsl(206 81.9% 65.3% / var(--tw-text-opacity));
}
}
.text-woot-400 {
  --tw-text-opacity: 1;
  color: hsl(210 100% 66.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-woot-400 {
    color: hsl(210 100% 66.1% / var(--tw-text-opacity));
}
}
.text-woot-50 {
  --tw-text-opacity: 1;
  color: hsl(209 100% 96.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-woot-50 {
    color: hsl(209 100% 96.5% / var(--tw-text-opacity));
}
}
.text-woot-500 {
  --tw-text-opacity: 1;
  color: hsl(209 100% 60.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-woot-500 {
    color: hsl(209 100% 60.6% / var(--tw-text-opacity));
}
}
.text-woot-600 {
  --tw-text-opacity: 1;
  color: hsl(206 100% 50.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-woot-600 {
    color: hsl(206 100% 50.0% / var(--tw-text-opacity));
}
}
.text-woot-700 {
  --tw-text-opacity: 1;
  color: hsl(211 89.7% 34.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-woot-700 {
    color: hsl(211 89.7% 34.1% / var(--tw-text-opacity));
}
}
.text-woot-75 {
  --tw-text-opacity: 1;
  color: hsl(210 98.8% 94.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-woot-75 {
    color: hsl(210 98.8% 94.0% / var(--tw-text-opacity));
}
}
.text-woot-800 {
  --tw-text-opacity: 1;
  color: hsl(212 77.4% 23.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-woot-800 {
    color: hsl(212 77.4% 23.1% / var(--tw-text-opacity));
}
}
.text-woot-900 {
  --tw-text-opacity: 1;
  color: hsl(216 50.0% 11.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-woot-900 {
    color: hsl(216 50.0% 11.8% / var(--tw-text-opacity));
}
}
.text-yellow-500 {
  --tw-text-opacity: 1;
  color: hsl(48 100% 47.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-yellow-500 {
    color: hsl(48 100% 47.0% / var(--tw-text-opacity));
}
}
.text-yellow-600 {
  --tw-text-opacity: 1;
  color: hsl(48 100% 46.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-yellow-600 {
    color: hsl(48 100% 46.1% / var(--tw-text-opacity));
}
}
.text-yellow-700 {
  --tw-text-opacity: 1;
  color: hsl(49 90.3% 18.4% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-yellow-700 {
    color: hsl(49 90.3% 18.4% / var(--tw-text-opacity));
}
}
.text-yellow-700\/50 {
  color: hsl(49 90.3% 18.4% / 0.5);
}
.text-yellow-700\/70 {
  color: hsl(49 90.3% 18.4% / 0.7);
}
.text-yellow-800 {
  --tw-text-opacity: 1;
  color: hsl(46 100% 6.7% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-yellow-800 {
    color: hsl(46 100% 6.7% / var(--tw-text-opacity));
}
}
.text-yellow-900 {
  --tw-text-opacity: 1;
  color: hsl(45 100% 5.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.text-yellow-900 {
    color: hsl(45 100% 5.5% / var(--tw-text-opacity));
}
}
.underline {
  text-decoration-line: underline;
}
.\!no-underline {
  text-decoration-line: none !important;
}
.no-underline {
  text-decoration-line: none;
}
.underline-offset-2 {
  text-underline-offset: 2px;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.placeholder-slate-500::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: hsl(206 5.2% 49.5% / 1);
}
.placeholder-slate-500::placeholder {
  --tw-placeholder-opacity: 1;
  color: hsl(206 5.2% 49.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.placeholder-slate-500::-moz-placeholder {
    color: hsl(206 5.2% 49.5% / var(--tw-placeholder-opacity));
}
.placeholder-slate-500::placeholder {
    color: hsl(206 5.2% 49.5% / var(--tw-placeholder-opacity));
}
}
.\!opacity-100 {
  opacity: 1 !important;
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-25 {
  opacity: 0.25;
}
.opacity-30 {
  opacity: 0.3;
}
.opacity-40 {
  opacity: 0.4;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-80 {
  opacity: 0.8;
}
.opacity-90 {
  opacity: 0.9;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_-20px_20px_1px_rgba\(0\2c _0\2c _0\2c _0\.05\)\] {
  --tw-shadow: 0px -20px 20px 1px rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0px -20px 20px 1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0px -20px 20px 1px rgba(0, 0, 0, 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-inner {
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-ash-400 {
  --tw-shadow-color: rgb(var(--color-ash-400) / 1);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800 {
  --tw-shadow-color: rgb(var(--color-primary-800) / 1);
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.outline-1 {
  outline-width: 1px;
}
.-outline-offset-1 {
  outline-offset: -1px;
}
.outline-ash-400 {
  outline-color: rgb(211 212 219 / 1);
  outline-color: rgb(var(--color-ash-400) / 1);
}
.outline-primary-400 {
  outline-color: rgb(155 195 252 / 1);
  outline-color: rgb(var(--color-primary-400) / 1);
}
.outline-red-600 {
  outline-color: hsl(358, 69.4%, 55.2%);
}
.outline-ruby-400 {
  outline-color: rgb(239 172 184 / 1);
  outline-color: rgb(var(--color-ruby-400) / 1);
}
.outline-slate-100 {
  outline-color: hsl(208, 11.7%, 91.1%);
}
.outline-slate-200 {
  outline-color: hsl(207, 11.1%, 85.9%);
}
.outline-woot-200 {
  outline-color: hsl(208, 77.5%, 76.9%);
}
.outline-woot-200\/50 {
  outline-color: hsl(208 77.5% 76.9% / 0.5);
}
.outline-woot-500 {
  outline-color: hsl(209, 100%, 60.6%);
}
.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-inset {
  --tw-ring-inset: inset;
}
.ring-ash-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--color-ash-200) / var(--tw-ring-opacity));
}
.ring-slate-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(207 11.1% 85.9% / var(--tw-ring-opacity));
}
.ring-slate-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(205 10.7% 78.0% / var(--tw-ring-opacity));
}
.ring-slate-50 {
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(209 13.3% 95.3% / var(--tw-ring-opacity));
}
.ring-transparent {
  --tw-ring-color: transparent;
}
.ring-offset-ash-900 {
  --tw-ring-offset-color: rgb(var(--color-ash-900) / 1);
}
.blur {
  --tw-blur: blur(8px);
  filter: blur(8px) 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);
}
.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  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) drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  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);
}
.drop-shadow-md {
  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  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) drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  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);
}
.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) grayscale(100%) 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);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.delay-75 {
  transition-delay: 75ms;
}
.duration-100 {
  transition-duration: 100ms;
}
.duration-150 {
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear {
  transition-timing-function: linear;
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.will-change-transform {
  will-change: transform;
}
.bubble-with-types .message-text__wrap {
  position: relative;
}
.bubble-with-types .message-text__wrap .link {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  text-decoration-line: underline;
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.bubble-with-types .message-text__wrap .link {
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
:is(.dark .bubble-with-types .message-text__wrap .link) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
:is(.dark .bubble-with-types .message-text__wrap .link) {
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
.bubble-with-types .image,
  .bubble-with-types .video {
  position: relative;
  cursor: pointer;
}
.bubble-with-types .image .modal-container,
  .bubble-with-types .video .modal-container {
  text-align: center;
}
.bubble-with-types .image .modal-image,
  .bubble-with-types .video .modal-image {
  max-height: 76vh;
  max-width: 76vw;
}
.bubble-with-types .image .modal-video,
  .bubble-with-types .video .modal-video {
  max-height: 76vh;
  max-width: 76vw;
}
.bubble-with-types .image::before,
  .bubble-with-types .video::before {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 20%;
  width: 100%;
  opacity: 0.8;
  --tw-content: "";
  content: "";
  content: var(--tw-content);
    background-image: linear-gradient(-180deg, transparent 3%, rgb(76, 81, 85) 130%);
}
.conversation-panel {
  position: relative;
  margin: 0px;
  display: flex;
  height: 100%;
  flex-shrink: 1;
  flex-grow: 1;
  flex-basis: 1px;
  flex-direction: column;
  overflow-y: auto;
  padding-bottom: 1rem;
}
.conversation-panel > li {
  position: relative;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0.25rem;
  margin-left: 0px;
  display: flex;
  max-width: 100%;
  flex: 1 1 auto;
  flex-shrink: 0;
  flex-grow: 0;
}
.conversation-panel > li:first-child {
  margin-top: auto;
}
.conversation-panel > li:last-child {
  margin-bottom: 0px;
}
.conversation-panel > li.unread--toast + .right {
  margin-bottom: 0.25rem;
}
.conversation-panel > li.unread--toast + .left {
  margin-bottom: 0px;
}
.conversation-panel > li.unread--toast span {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
  margin-left: auto;
  margin-right: auto;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: hsl(209 100% 60.6% / 1);
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.conversation-panel > li.unread--toast span {
    background-color: hsl(209 100% 60.6% / var(--tw-bg-opacity));
}
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.conversation-panel > li.unread--toast span {
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
:is(.dark .conversation-panel > li.unread--toast span) {
  --tw-bg-opacity: 1;
  background-color: hsl(209 100% 60.6% / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .conversation-panel > li.unread--toast span) {
    background-color: hsl(209 100% 60.6% / var(--tw-bg-opacity));
}
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
:is(.dark .conversation-panel > li.unread--toast span) {
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
.conversation-panel > li .bubble {
  overflow-wrap: break-word;
  text-align: left;
  position: relative;
  margin: 0px;
  --tw-bg-opacity: 1;
  background-color: hsl(209 100% 60.6% / 1);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.conversation-panel > li .bubble {
    background-color: hsl(209 100% 60.6% / var(--tw-bg-opacity));
}
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.conversation-panel > li .bubble {
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
:is(.dark .conversation-panel > li .bubble) {
  --tw-bg-opacity: 1;
  background-color: hsl(209 100% 60.6% / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .conversation-panel > li .bubble) {
    background-color: hsl(209 100% 60.6% / var(--tw-bg-opacity));
}
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
:is(.dark .conversation-panel > li .bubble) {
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
.conversation-panel > li .bubble .message-text__wrap {
  position: relative;
}
.conversation-panel > li .bubble .message-text__wrap .link {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  text-decoration-line: underline;
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.conversation-panel > li .bubble .message-text__wrap .link {
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
:is(.dark .conversation-panel > li .bubble .message-text__wrap .link) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
:is(.dark .conversation-panel > li .bubble .message-text__wrap .link) {
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
.conversation-panel > li .bubble .image,.conversation-panel > li .bubble .video {
  position: relative;
  cursor: pointer;
}
.conversation-panel > li .bubble .image .modal-container,.conversation-panel > li .bubble .video .modal-container {
  text-align: center;
}
.conversation-panel > li .bubble .image .modal-image,.conversation-panel > li .bubble .video .modal-image {
  max-height: 76vh;
  max-width: 76vw;
}
.conversation-panel > li .bubble .image .modal-video,.conversation-panel > li .bubble .video .modal-video {
  max-height: 76vh;
  max-width: 76vw;
}
.conversation-panel > li .bubble .image::before,.conversation-panel > li .bubble .video::before {
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 20%;
    width: 100%;
    opacity: 0.8;
    --tw-content: "";
    content: "";
    content: var(--tw-content);
    background-image: linear-gradient(-180deg, transparent 3%, rgb(76, 81, 85) 130%);
}
.conversation-panel > li .bubble .aplayer {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  font-family: inherit;
}
.conversation-panel > li.left .bubble {
  margin-right: auto;
  overflow-wrap: break-word;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.conversation-panel > li.left .bubble:not(.is-unsupported) {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: hsl(209 13.3% 95.3% / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  --tw-text-opacity: 1;
  color: hsl(195 7.1% 11.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.conversation-panel > li.left .bubble:not(.is-unsupported) {
    border-color: hsl(209 13.3% 95.3% / var(--tw-border-opacity));
}
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.conversation-panel > li.left .bubble:not(.is-unsupported) {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.conversation-panel > li.left .bubble:not(.is-unsupported) {
    color: hsl(195 7.1% 11.0% / var(--tw-text-opacity));
}
}
:is(.dark .conversation-panel > li.left .bubble:not(.is-unsupported)) {
  --tw-border-opacity: 1;
  border-color: hsl(207 5.6% 31.6% / 1);
  --tw-bg-opacity: 1;
  background-color: hsl(207 5.6% 31.6% / 1);
  --tw-text-opacity: 1;
  color: hsl(209 13.3% 95.3% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .conversation-panel > li.left .bubble:not(.is-unsupported)) {
    border-color: hsl(207 5.6% 31.6% / var(--tw-border-opacity));
    background-color: hsl(207 5.6% 31.6% / var(--tw-bg-opacity));
    color: hsl(209 13.3% 95.3% / var(--tw-text-opacity));
}
}
.conversation-panel > li.left .bubble.is-image {
  border-radius: 0.5rem;
}
.conversation-panel > li.left .bubble .link {
  --tw-text-opacity: 1;
  color: hsl(206 100% 50.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.conversation-panel > li.left .bubble .link {
    color: hsl(206 100% 50.0% / var(--tw-text-opacity));
}
}
:is(.dark .conversation-panel > li.left .bubble .link) {
  --tw-text-opacity: 1;
  color: hsl(206 100% 50.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .conversation-panel > li.left .bubble .link) {
    color: hsl(206 100% 50.0% / var(--tw-text-opacity));
}
}
.conversation-panel > li.left .bubble .file .attachment-name {
  --tw-text-opacity: 1;
  color: hsl(207 5.6% 31.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.conversation-panel > li.left .bubble .file .attachment-name {
    color: hsl(207 5.6% 31.6% / var(--tw-text-opacity));
}
}
:is(.dark .conversation-panel > li.left .bubble .file .attachment-name) {
  --tw-text-opacity: 1;
  color: hsl(206 81.9% 65.3% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .conversation-panel > li.left .bubble .file .attachment-name) {
    color: hsl(206 81.9% 65.3% / var(--tw-text-opacity));
}
}
.conversation-panel > li.left .bubble .file .icon-wrap {
  --tw-text-opacity: 1;
  color: hsl(206 100% 50.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.conversation-panel > li.left .bubble .file .icon-wrap {
    color: hsl(206 100% 50.0% / var(--tw-text-opacity));
}
}
:is(.dark .conversation-panel > li.left .bubble .file .icon-wrap) {
  --tw-text-opacity: 1;
  color: hsl(206 100% 50.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .conversation-panel > li.left .bubble .file .icon-wrap) {
    color: hsl(206 100% 50.0% / var(--tw-text-opacity));
}
}
.conversation-panel > li.left .bubble .file .download {
  --tw-text-opacity: 1;
  color: hsl(206 100% 50.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.conversation-panel > li.left .bubble .file .download {
    color: hsl(206 100% 50.0% / var(--tw-text-opacity));
}
}
:is(.dark .conversation-panel > li.left .bubble .file .download) {
  --tw-text-opacity: 1;
  color: hsl(206 100% 50.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .conversation-panel > li.left .bubble .file .download) {
    color: hsl(206 100% 50.0% / var(--tw-text-opacity));
}
}
.conversation-panel > li.left + .right {
  margin-top: 0.625rem;
}
.conversation-panel > li.left + .right .bubble {
  border-top-right-radius: 0.5rem;
}
.conversation-panel > li.left + .unread--toast + .right {
  margin-top: 0.625rem;
}
.conversation-panel > li.left + .unread--toast + .right .bubble {
  border-top-right-radius: 0.5rem;
}
.conversation-panel > li.left + .unread--toast + .left {
  margin-top: 0px;
}
.conversation-panel > li.right {
  justify-content: flex-end;
}
.conversation-panel > li.right .wrap {
  margin-right: 1rem;
  display: flex;
  align-items: flex-end;
  text-align: right;
}
.conversation-panel > li.right .wrap .sender--info {
  padding-top: 0.5rem;
  padding-bottom: 0.25rem;
  padding-right: 0px;
  padding-left: 0.5rem;
}
.conversation-panel > li.right .bubble {
  margin-left: auto;
  overflow-wrap: break-word;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.conversation-panel > li.right .bubble.is-private {
  position: relative;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: hsl(52 97.9% 82.0% / 1);
  --tw-bg-opacity: 1;
  background-color: hsl(55 100% 90.9% / 1);
  --tw-text-opacity: 1;
  color: hsl(195 7.1% 11.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.conversation-panel > li.right .bubble.is-private {
    border-color: hsl(52 97.9% 82.0% / var(--tw-border-opacity));
    background-color: hsl(55 100% 90.9% / var(--tw-bg-opacity));
    color: hsl(195 7.1% 11.0% / var(--tw-text-opacity));
}
}
:is(.dark .conversation-panel > li.right .bubble.is-private) {
  border-color: hsl(48 100% 46.1% / 0.25);
  --tw-bg-opacity: 1;
  background-color: hsl(49 90.3% 18.4% / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .conversation-panel > li.right .bubble.is-private) {
    background-color: hsl(49 90.3% 18.4% / var(--tw-bg-opacity));
}
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
:is(.dark .conversation-panel > li.right .bubble.is-private) {
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
.conversation-panel > li.right .bubble.is-private blockquote {
  --tw-border-opacity: 1;
  border-color: hsl(206 6.0% 63.0% / 1);
  --tw-text-opacity: 1;
  color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.conversation-panel > li.right .bubble.is-private blockquote {
    border-color: hsl(206 6.0% 63.0% / var(--tw-border-opacity));
    color: hsl(198 6.6% 15.8% / var(--tw-text-opacity));
}
}
:is(.dark .conversation-panel > li.right .bubble.is-private blockquote) {
  --tw-border-opacity: 1;
  border-color: hsl(206 6.0% 63.0% / 1);
  --tw-text-opacity: 1;
  color: hsl(205 10.7% 78.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .conversation-panel > li.right .bubble.is-private blockquote) {
    border-color: hsl(206 6.0% 63.0% / var(--tw-border-opacity));
    color: hsl(205 10.7% 78.0% / var(--tw-text-opacity));
}
}
.conversation-panel > li.right .bubble.is-private blockquote p {
  --tw-text-opacity: 1;
  color: hsl(206 6.0% 43.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.conversation-panel > li.right .bubble.is-private blockquote p {
    color: hsl(206 6.0% 43.5% / var(--tw-text-opacity));
}
}
:is(.dark .conversation-panel > li.right .bubble.is-private blockquote p) {
  --tw-text-opacity: 1;
  color: hsl(205 10.7% 78.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .conversation-panel > li.right .bubble.is-private blockquote p) {
    color: hsl(205 10.7% 78.0% / var(--tw-text-opacity));
}
}
.conversation-panel > li.right .bubble.is-image {
  border-radius: 0.5rem;
}
.conversation-panel > li.right .bubble.is-image .message__mail-head {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.conversation-panel > li.right + .left {
  margin-top: 0.625rem;
}
.conversation-panel > li.right + .left .bubble {
  border-top-left-radius: 0.5rem;
}
.conversation-panel > li.right + .unread--toast + .left {
  border-radius: 0.5rem;
}
.conversation-panel > li.right + .unread--toast + .left .bubble {
  border-top-left-radius: 0.5rem;
}
.conversation-panel > li.right + .unread--toast + .right {
  margin-top: 0px;
}
.conversation-panel > li.center {
  align-items: center;
  justify-content: center;
}
.conversation-panel > li .wrap {
  max-width: min(31rem, 84%);
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 1rem;
  margin-right: 1rem;
}
.conversation-panel > li .wrap .sender--name {
  margin-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
}
.conversation-panel > li .sender--thumbnail {
  margin-right: 0.75rem;
  margin-top: 0.125rem;
  height: 0.75rem;
  width: 0.75rem;
  border-radius: 9999px;
}
.conversation-panel > li .activity-wrap {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  margin-left: 0px;
  margin-right: 0px;
  display: flex;
  justify-content: center;
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: hsl(208 11.7% 91.1% / 1);
  --tw-bg-opacity: 1;
  background-color: hsl(209 13.3% 95.3% / 1);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-right: 0.125rem;
  padding-left: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.conversation-panel > li .activity-wrap {
    border-color: hsl(208 11.7% 91.1% / var(--tw-border-opacity));
    background-color: hsl(209 13.3% 95.3% / var(--tw-bg-opacity));
    color: hsl(198 6.6% 15.8% / var(--tw-text-opacity));
}
}
:is(.dark .conversation-panel > li .activity-wrap) {
  --tw-border-opacity: 1;
  border-color: hsl(206 6.0% 43.5% / 1);
  --tw-bg-opacity: 1;
  background-color: hsl(206 6.0% 43.5% / 1);
  --tw-text-opacity: 1;
  color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .conversation-panel > li .activity-wrap) {
    border-color: hsl(206 6.0% 43.5% / var(--tw-border-opacity));
    background-color: hsl(206 6.0% 43.5% / var(--tw-bg-opacity));
    color: hsl(208 11.7% 91.1% / var(--tw-text-opacity));
}
}
.conversation-panel > li .activity-wrap .is-text {
  display: inline-flex;
  align-items: center;
  text-align: start;
}
@media (min-width: 1536px) {
.conversation-panel > li .activity-wrap .is-text {
    display: flex;
}
}
.activity-wrap .message-text__wrap .text-content p {
  margin-bottom: 0px;
}
.conversation-footer {
  position: relative;
  display: flex;
  flex-direction: column;
}
.left .bubble .text-content h1,
.left .bubble .text-content h2,
.left .bubble .text-content h3,
.left .bubble .text-content h4,
.left .bubble .text-content h5,
.left .bubble .text-content h6 {
  --tw-text-opacity: 1;
  color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.left .bubble .text-content h1,
.left .bubble .text-content h2,
.left .bubble .text-content h3,
.left .bubble .text-content h4,
.left .bubble .text-content h5,
.left .bubble .text-content h6 {
    color: hsl(198 6.6% 15.8% / var(--tw-text-opacity));
}
}
:is(.dark .left .bubble .text-content h1),:is(.dark 
.left .bubble .text-content h2),:is(.dark 
.left .bubble .text-content h3),:is(.dark 
.left .bubble .text-content h4),:is(.dark 
.left .bubble .text-content h5),:is(.dark 
.left .bubble .text-content h6) {
  --tw-text-opacity: 1;
  color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .left .bubble .text-content h1),:is(.dark 
.left .bubble .text-content h2),:is(.dark 
.left .bubble .text-content h3),:is(.dark 
.left .bubble .text-content h4),:is(.dark 
.left .bubble .text-content h5),:is(.dark 
.left .bubble .text-content h6) {
    color: hsl(208 11.7% 91.1% / var(--tw-text-opacity));
}
}
.left .bubble .text-content a {
  --tw-text-opacity: 1;
  color: hsl(209 100% 60.6% / 1);
  text-decoration-line: underline;
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.left .bubble .text-content a {
    color: hsl(209 100% 60.6% / var(--tw-text-opacity));
}
}
:is(.dark .left .bubble .text-content a) {
  --tw-text-opacity: 1;
  color: hsl(209 100% 60.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .left .bubble .text-content a) {
    color: hsl(209 100% 60.6% / var(--tw-text-opacity));
}
}
.left .bubble .text-content p:last-child {
  margin-bottom: 0px;
}
.right .bubble .text-content h1,
.right .bubble .text-content h2,
.right .bubble .text-content h3,
.right .bubble .text-content h4,
.right .bubble .text-content h5,
.right .bubble .text-content h6 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.right .bubble .text-content h1,
.right .bubble .text-content h2,
.right .bubble .text-content h3,
.right .bubble .text-content h4,
.right .bubble .text-content h5,
.right .bubble .text-content h6 {
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
:is(.dark .right .bubble .text-content h1),:is(.dark 
.right .bubble .text-content h2),:is(.dark 
.right .bubble .text-content h3),:is(.dark 
.right .bubble .text-content h4),:is(.dark 
.right .bubble .text-content h5),:is(.dark 
.right .bubble .text-content h6) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
:is(.dark .right .bubble .text-content h1),:is(.dark 
.right .bubble .text-content h2),:is(.dark 
.right .bubble .text-content h3),:is(.dark 
.right .bubble .text-content h4),:is(.dark 
.right .bubble .text-content h5),:is(.dark 
.right .bubble .text-content h6) {
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
.right .bubble .text-content a {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  text-decoration-line: underline;
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.right .bubble .text-content a {
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
:is(.dark .right .bubble .text-content a) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
:is(.dark .right .bubble .text-content a) {
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
.right .bubble .text-content p:last-child {
  margin-bottom: 0px;
}
.tabs--container {
  display: flex;
}
.tabs--container--with-border {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: hsl(209 13.3% 95.3% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.tabs--container--with-border {
    border-color: hsl(209 13.3% 95.3% / var(--tw-border-opacity));
}
}
:is(.dark .tabs--container--with-border) {
  border-color: hsl(198 6.6% 15.8% / 0.5);
}
.tabs {
  margin-bottom: 0px;
  display: flex;
  min-width: 6.25rem;
  list-style-type: none;
  border-right-width: 0px;
  border-left-width: 0px;
  border-top-width: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 1rem;
  padding-right: 1rem;
}
.tabs--with-scroll {
  overflow: hidden;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  max-width: calc(100% - 64px);
}
.tabs--scroll-button {
  display: flex;
  height: auto;
  min-width: 2rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 0px;
}
.tab--chat-type {
  display: flex;
}
.tab--chat-type .tabs-title a {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
}
.tabs-title {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  flex-shrink: 0;
}
.tabs-title .badge {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  display: flex;
  height: 1.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: hsl(209 13.3% 95.3% / 1);
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 0.625rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: hsl(206 6.0% 43.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.tabs-title .badge {
    background-color: hsl(209 13.3% 95.3% / var(--tw-bg-opacity));
    color: hsl(206 6.0% 43.5% / var(--tw-text-opacity));
}
}
:is(.dark .tabs-title .badge) {
  --tw-bg-opacity: 1;
  background-color: hsl(198 6.6% 15.8% / 1);
  --tw-text-opacity: 1;
  color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .tabs-title .badge) {
    background-color: hsl(198 6.6% 15.8% / var(--tw-bg-opacity));
    color: hsl(208 11.7% 91.1% / var(--tw-text-opacity));
}
}
.tabs-title:first-child {
  margin-left: 0px;
}
.tabs-title:last-child {
  margin-right: 0px;
}
.tabs-title:hover a, .tabs-title:focus a {
  --tw-text-opacity: 1;
  color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.tabs-title:hover a, .tabs-title:focus a {
    color: hsl(198 6.6% 15.8% / var(--tw-text-opacity));
}
}
:is(.dark .tabs-title:hover a),:is(.dark  .tabs-title:focus a) {
  --tw-text-opacity: 1;
  color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .tabs-title:hover a),:is(.dark  .tabs-title:focus a) {
    color: hsl(208 11.7% 91.1% / var(--tw-text-opacity));
}
}
.tabs-title a {
  position: relative;
  top: 1px;
  display: flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-direction: row;
  align-items: center;
  border-bottom-width: 1px;
  border-color: transparent;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: hsl(206 5.2% 49.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.tabs-title a {
    color: hsl(206 5.2% 49.5% / var(--tw-text-opacity));
}
}
:is(.dark .tabs-title a) {
  --tw-text-opacity: 1;
  color: hsl(207 11.1% 85.9% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .tabs-title a) {
    color: hsl(207 11.1% 85.9% / var(--tw-text-opacity));
}
}
.tabs-title a {
  transition: border-color 0.15s cubic-bezier(0.37, 0, 0.63, 1);
}
.tabs-title.is-active a {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: hsl(209 100% 60.6% / 1);
  --tw-text-opacity: 1;
  color: hsl(209 100% 60.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.tabs-title.is-active a {
    border-color: hsl(209 100% 60.6% / var(--tw-border-opacity));
    color: hsl(209 100% 60.6% / var(--tw-text-opacity));
}
}
:is(.dark .tabs-title.is-active a) {
  --tw-text-opacity: 1;
  color: hsl(209 100% 60.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .tabs-title.is-active a) {
    color: hsl(209 100% 60.6% / var(--tw-text-opacity));
}
}
.tabs-title.is-active .badge {
  --tw-bg-opacity: 1;
  background-color: hsl(209 100% 96.5% / 1);
  --tw-text-opacity: 1;
  color: hsl(209 100% 60.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.tabs-title.is-active .badge {
    background-color: hsl(209 100% 96.5% / var(--tw-bg-opacity));
    color: hsl(209 100% 60.6% / var(--tw-text-opacity));
}
}
:is(.dark .tabs-title.is-active .badge) {
  background-color: hsl(209 100% 60.6% / 0.4);
  --tw-bg-opacity: 0.4;
  --tw-text-opacity: 1;
  color: hsl(209 100% 96.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .tabs-title.is-active .badge) {
    background-color: hsl(209 100% 60.6% / var(--tw-bg-opacity));
    color: hsl(209 100% 96.5% / var(--tw-text-opacity));
}
}
table {
  width: 100%;
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: 0px 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.woot-table thead th {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  text-align: left;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  --tw-text-opacity: 1;
  color: hsl(200 7.0% 8.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.woot-table thead th {
    color: hsl(200 7.0% 8.8% / var(--tw-text-opacity));
}
}
:is(.dark .woot-table thead th) {
  --tw-text-opacity: 1;
  color: hsl(207 11.1% 85.9% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .woot-table thead th) {
    color: hsl(207 11.1% 85.9% / var(--tw-text-opacity));
}
}
.woot-table tbody tr {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: hsl(209 13.3% 95.3% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.woot-table tbody tr {
    border-color: hsl(209 13.3% 95.3% / var(--tw-border-opacity));
}
}
:is(.dark .woot-table tbody tr) {
  border-color: hsl(198 6.6% 15.8% / 0.3);
}
.woot-table tbody td {
  padding: 0.625rem;
  --tw-text-opacity: 1;
  color: hsl(207 5.6% 31.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.woot-table tbody td {
    color: hsl(207 5.6% 31.6% / var(--tw-text-opacity));
}
}
:is(.dark .woot-table tbody td) {
  --tw-text-opacity: 1;
  color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .woot-table tbody td) {
    color: hsl(208 11.7% 91.1% / var(--tw-text-opacity));
}
}
.woot-table tr .show-if-hover {
  transition: opacity 0.2s cubic-bezier(0.37, 0, 0.63, 1);
  opacity: 0;
}
.woot-table tr:hover .show-if-hover {
  opacity: 1;
}
.woot-table .agent-name {
  display: block;
  font-weight: 500;
  text-transform: capitalize;
}
.woot-table .woot-thumbnail {
  height: 3.125rem;
  width: 3.125rem;
  border-radius: 9999px;
}
.woot-table .button-wrapper {
  display: flex;
  min-width: 12.5rem;
  flex-direction: row;
  justify-content: flex-start;
  gap: 0.25rem;
}
.woot-table .button {
  margin: 0;
}
.ve-table .ve-table-container.ve-table-border-around {
  --tw-border-opacity: 1;
  border-color: hsl(207 11.1% 85.9% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.ve-table .ve-table-container.ve-table-border-around {
    border-color: hsl(207 11.1% 85.9% / var(--tw-border-opacity));
}
}
:is(.dark .ve-table .ve-table-container.ve-table-border-around) {
  --tw-border-opacity: 1;
  border-color: hsl(207 5.6% 31.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .ve-table .ve-table-container.ve-table-border-around) {
    border-color: hsl(207 5.6% 31.6% / var(--tw-border-opacity));
}
}
.ve-table .ve-table-content .ve-table-header .ve-table-header-tr .ve-table-header-th {
  --tw-border-opacity: 1;
  border-color: hsl(208 11.7% 91.1% / 1);
  --tw-bg-opacity: 1;
  background-color: hsl(209 13.3% 95.3% / 1);
  --tw-text-opacity: 1;
  color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.ve-table .ve-table-content .ve-table-header .ve-table-header-tr .ve-table-header-th {
    border-color: hsl(208 11.7% 91.1% / var(--tw-border-opacity));
    background-color: hsl(209 13.3% 95.3% / var(--tw-bg-opacity));
    color: hsl(198 6.6% 15.8% / var(--tw-text-opacity));
}
}
:is(.dark .ve-table .ve-table-content .ve-table-header .ve-table-header-tr .ve-table-header-th) {
  border-color: hsl(207 5.6% 31.6% / 0.5);
  --tw-bg-opacity: 1;
  background-color: hsl(198 6.6% 15.8% / 1);
  --tw-text-opacity: 1;
  color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .ve-table .ve-table-content .ve-table-header .ve-table-header-tr .ve-table-header-th) {
    background-color: hsl(198 6.6% 15.8% / var(--tw-bg-opacity));
    color: hsl(208 11.7% 91.1% / var(--tw-text-opacity));
}
}
.ve-table .ve-table-content .ve-table-body .ve-table-body-tr .ve-table-body-td {
  --tw-border-opacity: 1;
  border-color: hsl(209 12.2% 93.2% / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  --tw-text-opacity: 1;
  color: hsl(200 7.0% 8.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.ve-table .ve-table-content .ve-table-body .ve-table-body-tr .ve-table-body-td {
    border-color: hsl(209 12.2% 93.2% / var(--tw-border-opacity));
}
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.ve-table .ve-table-content .ve-table-body .ve-table-body-tr .ve-table-body-td {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.ve-table .ve-table-content .ve-table-body .ve-table-body-tr .ve-table-body-td {
    color: hsl(200 7.0% 8.8% / var(--tw-text-opacity));
}
}
:is(.dark .ve-table .ve-table-content .ve-table-body .ve-table-body-tr .ve-table-body-td) {
  --tw-border-opacity: 1;
  border-color: hsl(198 6.6% 15.8% / 1);
  --tw-bg-opacity: 1;
  background-color: hsl(200 7.0% 8.8% / 1);
  --tw-text-opacity: 1;
  color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .ve-table .ve-table-content .ve-table-body .ve-table-body-tr .ve-table-body-td) {
    border-color: hsl(198 6.6% 15.8% / var(--tw-border-opacity));
    background-color: hsl(200 7.0% 8.8% / var(--tw-bg-opacity));
    color: hsl(208 11.7% 91.1% / var(--tw-text-opacity));
}
}
.ve-table .ve-table-content .ve-table-body.ve-table-row-hover .ve-table-body-tr:hover td {
  --tw-bg-opacity: 1;
  background-color: hsl(209 13.3% 95.3% / 1);
  --tw-text-opacity: 1;
  color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.ve-table .ve-table-content .ve-table-body.ve-table-row-hover .ve-table-body-tr:hover td {
    background-color: hsl(209 13.3% 95.3% / var(--tw-bg-opacity));
    color: hsl(198 6.6% 15.8% / var(--tw-text-opacity));
}
}
:is(.dark .ve-table .ve-table-content .ve-table-body.ve-table-row-hover .ve-table-body-tr:hover td) {
  --tw-bg-opacity: 1;
  background-color: hsl(207 5.6% 31.6% / 1);
  --tw-text-opacity: 1;
  color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .ve-table .ve-table-content .ve-table-body.ve-table-row-hover .ve-table-body-tr:hover td) {
    background-color: hsl(207 5.6% 31.6% / var(--tw-bg-opacity));
    color: hsl(208 11.7% 91.1% / var(--tw-text-opacity));
}
}
.table-pagination .ve-pagination-total {
  --tw-text-opacity: 1;
  color: hsl(206 6.0% 43.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.table-pagination .ve-pagination-total {
    color: hsl(206 6.0% 43.5% / var(--tw-text-opacity));
}
}
:is(.dark .table-pagination .ve-pagination-total) {
  --tw-text-opacity: 1;
  color: hsl(207 11.1% 85.9% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .table-pagination .ve-pagination-total) {
    color: hsl(207 11.1% 85.9% / var(--tw-text-opacity));
}
}
.table-pagination .ve-pagination-goto {
  --tw-text-opacity: 1;
  color: hsl(206 6.0% 43.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.table-pagination .ve-pagination-goto {
    color: hsl(206 6.0% 43.5% / var(--tw-text-opacity));
}
}
:is(.dark .table-pagination .ve-pagination-goto) {
  --tw-text-opacity: 1;
  color: hsl(207 11.1% 85.9% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .table-pagination .ve-pagination-goto) {
    color: hsl(207 11.1% 85.9% / var(--tw-text-opacity));
}
}
.table-pagination .ve-pagination-goto .ve-pagination-goto-input {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  --tw-text-opacity: 1;
  color: hsl(206 6.0% 43.5% / 1);
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.table-pagination .ve-pagination-goto .ve-pagination-goto-input {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.table-pagination .ve-pagination-goto .ve-pagination-goto-input {
    color: hsl(206 6.0% 43.5% / var(--tw-text-opacity));
}
}
:is(.dark .table-pagination .ve-pagination-goto .ve-pagination-goto-input) {
  --tw-bg-opacity: 1;
  background-color: hsl(200 7.0% 8.8% / 1);
  --tw-text-opacity: 1;
  color: hsl(207 11.1% 85.9% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .table-pagination .ve-pagination-goto .ve-pagination-goto-input) {
    background-color: hsl(200 7.0% 8.8% / var(--tw-bg-opacity));
    color: hsl(207 11.1% 85.9% / var(--tw-text-opacity));
}
}
.table-pagination .ve-pagination-li {
  --tw-border-opacity: 1;
  border-color: hsl(209 12.2% 93.2% / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  --tw-text-opacity: 1;
  color: hsl(206 6.0% 43.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.table-pagination .ve-pagination-li {
    border-color: hsl(209 12.2% 93.2% / var(--tw-border-opacity));
}
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.table-pagination .ve-pagination-li {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.table-pagination .ve-pagination-li {
    color: hsl(206 6.0% 43.5% / var(--tw-text-opacity));
}
}
:is(.dark .table-pagination .ve-pagination-li) {
  --tw-border-opacity: 1;
  border-color: hsl(207 5.6% 31.6% / 1);
  --tw-bg-opacity: 1;
  background-color: hsl(200 7.0% 8.8% / 1);
  --tw-text-opacity: 1;
  color: hsl(207 11.1% 85.9% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .table-pagination .ve-pagination-li) {
    border-color: hsl(207 5.6% 31.6% / var(--tw-border-opacity));
    background-color: hsl(200 7.0% 8.8% / var(--tw-bg-opacity));
    color: hsl(207 11.1% 85.9% / var(--tw-text-opacity));
}
}
.multiselect:not(.no-margin) {
  margin-bottom: 1rem;
}
.multiselect.multiselect--disabled {
  cursor: not-allowed;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: hsl(207 11.1% 85.9% / 1);
  opacity: 0.5;
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.multiselect.multiselect--disabled {
    border-color: hsl(207 11.1% 85.9% / var(--tw-border-opacity));
}
}
:is(.dark .multiselect.multiselect--disabled) {
  --tw-border-opacity: 1;
  border-color: hsl(206 6.0% 43.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .multiselect.multiselect--disabled) {
    border-color: hsl(206 6.0% 43.5% / var(--tw-border-opacity));
}
}
.multiselect.multiselect--disabled .multiselect__select {
  cursor: not-allowed;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.multiselect.multiselect--disabled .multiselect__select {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}
:is(.dark .multiselect.multiselect--disabled .multiselect__select) {
  --tw-bg-opacity: 1;
  background-color: hsl(200 7.0% 8.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .multiselect.multiselect--disabled .multiselect__select) {
    background-color: hsl(200 7.0% 8.8% / var(--tw-bg-opacity));
}
}
.multiselect.multiselect--disabled .multiselect__tags {
  border-width: 0px;
}
.multiselect .multiselect--active > .multiselect__tags {
  --tw-border-opacity: 1;
  border-color: hsl(209 100% 60.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.multiselect .multiselect--active > .multiselect__tags {
    border-color: hsl(209 100% 60.6% / var(--tw-border-opacity));
}
}
:is(.dark .multiselect .multiselect--active > .multiselect__tags) {
  --tw-border-opacity: 1;
  border-color: hsl(209 100% 60.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .multiselect .multiselect--active > .multiselect__tags) {
    border-color: hsl(209 100% 60.6% / var(--tw-border-opacity));
}
}
.multiselect .multiselect__select {
  right: 0px;
  top: 0px;
  min-height: 2.875rem;
  padding: 0px;
}
.multiselect .multiselect__select::before {
  right: 0px;
}
.multiselect .multiselect__content-wrapper {
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: hsl(207 11.1% 85.9% / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  --tw-text-opacity: 1;
  color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.multiselect .multiselect__content-wrapper {
    border-color: hsl(207 11.1% 85.9% / var(--tw-border-opacity));
}
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.multiselect .multiselect__content-wrapper {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.multiselect .multiselect__content-wrapper {
    color: hsl(198 6.6% 15.8% / var(--tw-text-opacity));
}
}
:is(.dark .multiselect .multiselect__content-wrapper) {
  --tw-border-opacity: 1;
  border-color: hsl(206 6.0% 43.5% / 1);
  --tw-bg-opacity: 1;
  background-color: hsl(200 7.0% 8.8% / 1);
  --tw-text-opacity: 1;
  color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .multiselect .multiselect__content-wrapper) {
    border-color: hsl(206 6.0% 43.5% / var(--tw-border-opacity));
    background-color: hsl(200 7.0% 8.8% / var(--tw-bg-opacity));
    color: hsl(208 11.7% 91.1% / var(--tw-text-opacity));
}
}
.multiselect .multiselect__content {
  max-width: 100%;
}
.multiselect .multiselect__content .multiselect__option {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}
.multiselect .multiselect__content .multiselect__option span {
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.multiselect .multiselect__content .multiselect__option p {
  margin-bottom: 0px;
}
.multiselect .multiselect__content .multiselect__option.multiselect__option--highlight {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  --tw-text-opacity: 1;
  color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.multiselect .multiselect__content .multiselect__option.multiselect__option--highlight {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.multiselect .multiselect__content .multiselect__option.multiselect__option--highlight {
    color: hsl(198 6.6% 15.8% / var(--tw-text-opacity));
}
}
:is(.dark .multiselect .multiselect__content .multiselect__option.multiselect__option--highlight) {
  --tw-bg-opacity: 1;
  background-color: hsl(198 6.6% 15.8% / 1);
  --tw-text-opacity: 1;
  color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .multiselect .multiselect__content .multiselect__option.multiselect__option--highlight) {
    background-color: hsl(198 6.6% 15.8% / var(--tw-bg-opacity));
    color: hsl(208 11.7% 91.1% / var(--tw-text-opacity));
}
}
.multiselect .multiselect__content .multiselect__option.multiselect__option--highlight:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(209 100% 96.5% / 1);
  --tw-text-opacity: 1;
  color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.multiselect .multiselect__content .multiselect__option.multiselect__option--highlight:hover {
    background-color: hsl(209 100% 96.5% / var(--tw-bg-opacity));
    color: hsl(198 6.6% 15.8% / var(--tw-text-opacity));
}
}
:is(.dark .multiselect .multiselect__content .multiselect__option.multiselect__option--highlight:hover) {
  --tw-bg-opacity: 1;
  background-color: hsl(206 100% 50.0% / 1);
  --tw-text-opacity: 1;
  color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .multiselect .multiselect__content .multiselect__option.multiselect__option--highlight:hover) {
    background-color: hsl(206 100% 50.0% / var(--tw-bg-opacity));
    color: hsl(208 11.7% 91.1% / var(--tw-text-opacity));
}
}
.multiselect .multiselect__content .multiselect__option.multiselect__option--highlight:hover::after {
  --tw-bg-opacity: 1;
  background-color: hsl(209 100% 96.5% / 1);
  --tw-text-opacity: 1;
  color: hsl(206 6.0% 43.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.multiselect .multiselect__content .multiselect__option.multiselect__option--highlight:hover::after {
    background-color: hsl(209 100% 96.5% / var(--tw-bg-opacity));
    color: hsl(206 6.0% 43.5% / var(--tw-text-opacity));
}
}
:is(.dark .multiselect .multiselect__content .multiselect__option.multiselect__option--highlight:hover)::after {
  --tw-bg-opacity: 1;
  background-color: hsl(206 100% 50.0% / 1);
  --tw-text-opacity: 1;
  color: hsl(207 11.1% 85.9% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .multiselect .multiselect__content .multiselect__option.multiselect__option--highlight:hover)::after {
    background-color: hsl(206 100% 50.0% / var(--tw-bg-opacity));
    color: hsl(207 11.1% 85.9% / var(--tw-text-opacity));
}
}
.multiselect .multiselect__content .multiselect__option.multiselect__option--highlight::after {
  background-color: transparent;
}
.multiselect .multiselect__content .multiselect__option.multiselect__option--selected {
  --tw-bg-opacity: 1;
  background-color: hsl(209 100% 96.5% / 1);
  --tw-text-opacity: 1;
  color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.multiselect .multiselect__content .multiselect__option.multiselect__option--selected {
    background-color: hsl(209 100% 96.5% / var(--tw-bg-opacity));
    color: hsl(198 6.6% 15.8% / var(--tw-text-opacity));
}
}
:is(.dark .multiselect .multiselect__content .multiselect__option.multiselect__option--selected) {
  --tw-bg-opacity: 1;
  background-color: hsl(206 100% 50.0% / 1);
  --tw-text-opacity: 1;
  color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .multiselect .multiselect__content .multiselect__option.multiselect__option--selected) {
    background-color: hsl(206 100% 50.0% / var(--tw-bg-opacity));
    color: hsl(208 11.7% 91.1% / var(--tw-text-opacity));
}
}
.multiselect .multiselect__content .multiselect__option.multiselect__option--selected.multiselect__option--highlight:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(210 98.8% 94.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.multiselect .multiselect__content .multiselect__option.multiselect__option--selected.multiselect__option--highlight:hover {
    background-color: hsl(210 98.8% 94.0% / var(--tw-bg-opacity));
}
}
:is(.dark .multiselect .multiselect__content .multiselect__option.multiselect__option--selected.multiselect__option--highlight:hover) {
  --tw-bg-opacity: 1;
  background-color: hsl(206 100% 50.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .multiselect .multiselect__content .multiselect__option.multiselect__option--selected.multiselect__option--highlight:hover) {
    background-color: hsl(206 100% 50.0% / var(--tw-bg-opacity));
}
}
.multiselect .multiselect__content .multiselect__option.multiselect__option--selected.multiselect__option--highlight:hover::after {
  background-color: transparent;
}
.multiselect .multiselect__content .multiselect__option.multiselect__option--selected.multiselect__option--highlight:hover:hover::after {
  --tw-text-opacity: 1;
  color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.multiselect .multiselect__content .multiselect__option.multiselect__option--selected.multiselect__option--highlight:hover:hover::after {
    color: hsl(198 6.6% 15.8% / var(--tw-text-opacity));
}
}
:is(.dark .multiselect .multiselect__content .multiselect__option.multiselect__option--selected.multiselect__option--highlight:hover:hover)::after {
  --tw-text-opacity: 1;
  color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .multiselect .multiselect__content .multiselect__option.multiselect__option--selected.multiselect__option--highlight:hover:hover)::after {
    color: hsl(208 11.7% 91.1% / var(--tw-text-opacity));
}
}
.multiselect .multiselect__tags {
  margin: 0px;
  min-height: 2.875rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: hsl(207 11.1% 85.9% / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  padding-top: 0px;
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.multiselect .multiselect__tags {
    border-color: hsl(207 11.1% 85.9% / var(--tw-border-opacity));
}
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.multiselect .multiselect__tags {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}
:is(.dark .multiselect .multiselect__tags) {
  --tw-border-opacity: 1;
  border-color: hsl(206 6.0% 43.5% / 1);
  --tw-bg-opacity: 1;
  background-color: hsl(200 7.0% 8.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .multiselect .multiselect__tags) {
    border-color: hsl(206 6.0% 43.5% / var(--tw-border-opacity));
    background-color: hsl(200 7.0% 8.8% / var(--tw-bg-opacity));
}
}
.multiselect .multiselect__tags input {
  border-width: 0px;
  border-style: none;
}
.multiselect .multiselect__tags-wrap {
  margin-top: 0.25rem;
  display: inline-block;
  line-height: 1;
}
.multiselect .multiselect__placeholder {
  padding-top: 0.75rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: hsl(206 6.0% 63.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.multiselect .multiselect__placeholder {
    color: hsl(206 6.0% 63.0% / var(--tw-text-opacity));
}
}
:is(.dark .multiselect .multiselect__placeholder) {
  --tw-text-opacity: 1;
  color: hsl(206 6.0% 63.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .multiselect .multiselect__placeholder) {
    color: hsl(206 6.0% 63.0% / var(--tw-text-opacity));
}
}
.multiselect .multiselect__tag {
  margin-top: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: hsl(209 13.3% 95.3% / 1);
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-right: 1.5rem;
  padding-left: 0.625rem;
  --tw-text-opacity: 1;
  color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.multiselect .multiselect__tag {
    background-color: hsl(209 13.3% 95.3% / var(--tw-bg-opacity));
    color: hsl(198 6.6% 15.8% / var(--tw-text-opacity));
}
}
:is(.dark .multiselect .multiselect__tag) {
  --tw-bg-opacity: 1;
  background-color: hsl(198 6.6% 15.8% / 1);
  --tw-text-opacity: 1;
  color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .multiselect .multiselect__tag) {
    background-color: hsl(198 6.6% 15.8% / var(--tw-bg-opacity));
    color: hsl(208 11.7% 91.1% / var(--tw-text-opacity));
}
}
.multiselect .multiselect__tag-icon::after {
  --tw-text-opacity: 1;
  color: hsl(206 100% 50.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.multiselect .multiselect__tag-icon::after {
    color: hsl(206 100% 50.0% / var(--tw-text-opacity));
}
}
:is(.dark .multiselect .multiselect__tag-icon)::after {
  --tw-text-opacity: 1;
  color: hsl(206 100% 50.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .multiselect .multiselect__tag-icon)::after {
    color: hsl(206 100% 50.0% / var(--tw-text-opacity));
}
}
.multiselect .multiselect__tag-icon:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(209 13.3% 95.3% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.multiselect .multiselect__tag-icon:hover {
    background-color: hsl(209 13.3% 95.3% / var(--tw-bg-opacity));
}
}
:is(.dark .multiselect .multiselect__tag-icon:hover) {
  --tw-bg-opacity: 1;
  background-color: hsl(207 5.6% 31.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .multiselect .multiselect__tag-icon:hover) {
    background-color: hsl(207 5.6% 31.6% / var(--tw-bg-opacity));
}
}
.multiselect .multiselect__tag-icon:hover::after {
  --tw-text-opacity: 1;
  color: hsl(209 100% 60.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.multiselect .multiselect__tag-icon:hover::after {
    color: hsl(209 100% 60.6% / var(--tw-text-opacity));
}
}
:is(.dark .multiselect .multiselect__tag-icon:hover)::after {
  --tw-text-opacity: 1;
  color: hsl(209 100% 60.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .multiselect .multiselect__tag-icon:hover)::after {
    color: hsl(209 100% 60.6% / var(--tw-text-opacity));
}
}
.multiselect .multiselect__input {
  box-shadow: none;
  border-color: transparent;
  margin-bottom: 0px;
  height: 2.875rem;
  padding: 0px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.multiselect .multiselect__input:active, .multiselect .multiselect__input:hover, .multiselect .multiselect__input:focus {
  border-color: transparent;
  box-shadow: none;
}
.multiselect .multiselect__single {
  margin-bottom: 0px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  --tw-text-opacity: 1;
  color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.multiselect .multiselect__single {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.multiselect .multiselect__single {
    color: hsl(198 6.6% 15.8% / var(--tw-text-opacity));
}
}
:is(.dark .multiselect .multiselect__single) {
  --tw-bg-opacity: 1;
  background-color: hsl(200 7.0% 8.8% / 1);
  --tw-text-opacity: 1;
  color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .multiselect .multiselect__single) {
    background-color: hsl(200 7.0% 8.8% / var(--tw-bg-opacity));
    color: hsl(208 11.7% 91.1% / var(--tw-text-opacity));
}
}
.sidebar-labels-wrap.has-edited .multiselect, .sidebar-labels-wrap:hover .multiselect {
  cursor: pointer;
}
.sidebar-labels-wrap .multiselect > .multiselect__select {
  visibility: hidden;
}
.sidebar-labels-wrap .multiselect > .multiselect__tags {
  border-color: transparent;
}
.sidebar-labels-wrap .multiselect.multiselect--active > .multiselect__tags {
  --tw-border-opacity: 1;
  border-color: hsl(209 100% 60.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.sidebar-labels-wrap .multiselect.multiselect--active > .multiselect__tags {
    border-color: hsl(209 100% 60.6% / var(--tw-border-opacity));
}
}
:is(.dark .sidebar-labels-wrap .multiselect.multiselect--active > .multiselect__tags) {
  --tw-border-opacity: 1;
  border-color: hsl(209 100% 60.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .sidebar-labels-wrap .multiselect.multiselect--active > .multiselect__tags) {
    border-color: hsl(209 100% 60.6% / var(--tw-border-opacity));
}
}
.multiselect-wrap--small.tiny .multiselect.no-margin {
  min-height: 32px;
}
.multiselect-wrap--small.tiny .multiselect__select {
  height: 2rem;
  min-height: 32px;
}
.multiselect-wrap--small.tiny .multiselect__select::before {
  top: 60%;
}
.multiselect-wrap--small.tiny .multiselect__tags {
  max-height: 32px;
  min-height: 32px;
}
.multiselect-wrap--small.tiny .multiselect__tags .multiselect__single {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.multiselect-wrap--small .multiselect__tags,
.multiselect-wrap--small .multiselect__input,
.multiselect-wrap--small .multiselect {
  min-height: 2.5rem;
  border-radius: 5px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.multiselect-wrap--small .multiselect__tags,
.multiselect-wrap--small .multiselect__input,
.multiselect-wrap--small .multiselect {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.multiselect-wrap--small .multiselect__tags,
.multiselect-wrap--small .multiselect__input,
.multiselect-wrap--small .multiselect {
    color: hsl(198 6.6% 15.8% / var(--tw-text-opacity));
}
}
:is(.dark .multiselect-wrap--small .multiselect__tags),:is(.dark 
.multiselect-wrap--small .multiselect__input),:is(.dark 
.multiselect-wrap--small .multiselect) {
  --tw-bg-opacity: 1;
  background-color: hsl(200 7.0% 8.8% / 1);
  --tw-text-opacity: 1;
  color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .multiselect-wrap--small .multiselect__tags),:is(.dark 
.multiselect-wrap--small .multiselect__input),:is(.dark 
.multiselect-wrap--small .multiselect) {
    background-color: hsl(200 7.0% 8.8% / var(--tw-bg-opacity));
    color: hsl(208 11.7% 91.1% / var(--tw-text-opacity));
}
}
.multiselect-wrap--small .multiselect__input {
  height: 2.375rem;
  min-height: 2.375rem;
}
.multiselect-wrap--small .multiselect__single {
  margin: 0px;
  display: flex;
  max-height: 2.375rem;
  align-items: center;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.multiselect-wrap--small .multiselect__single {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.multiselect-wrap--small .multiselect__single {
    color: hsl(198 6.6% 15.8% / var(--tw-text-opacity));
}
}
:is(.dark .multiselect-wrap--small .multiselect__single) {
  --tw-bg-opacity: 1;
  background-color: hsl(200 7.0% 8.8% / 1);
  --tw-text-opacity: 1;
  color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .multiselect-wrap--small .multiselect__single) {
    background-color: hsl(200 7.0% 8.8% / var(--tw-bg-opacity));
    color: hsl(208 11.7% 91.1% / var(--tw-text-opacity));
}
}
.multiselect-wrap--small .multiselect__placeholder {
  margin: 0px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.multiselect-wrap--small .multiselect__tag {
  margin-top: 1px;
  margin-bottom: 1px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.multiselect-wrap--small .multiselect__select {
  min-height: 2.5rem;
}
.multiselect-wrap--small .multiselect--disabled .multiselect__current,
.multiselect-wrap--small .multiselect--disabled .multiselect__select {
  background-color: transparent;
}
.multiselect-wrap--medium .multiselect__tags,
.multiselect-wrap--medium .multiselect__input {
  display: flex;
  align-items: center;
}
.multiselect-wrap--medium .multiselect__tags,
.multiselect-wrap--medium .multiselect__input,
.multiselect-wrap--medium .multiselect {
  height: 3rem;
  min-height: 3rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.multiselect-wrap--medium .multiselect__tags,
.multiselect-wrap--medium .multiselect__input,
.multiselect-wrap--medium .multiselect {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.multiselect-wrap--medium .multiselect__tags,
.multiselect-wrap--medium .multiselect__input,
.multiselect-wrap--medium .multiselect {
    color: hsl(198 6.6% 15.8% / var(--tw-text-opacity));
}
}
:is(.dark .multiselect-wrap--medium .multiselect__tags),:is(.dark 
.multiselect-wrap--medium .multiselect__input),:is(.dark 
.multiselect-wrap--medium .multiselect) {
  --tw-bg-opacity: 1;
  background-color: hsl(200 7.0% 8.8% / 1);
  --tw-text-opacity: 1;
  color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .multiselect-wrap--medium .multiselect__tags),:is(.dark 
.multiselect-wrap--medium .multiselect__input),:is(.dark 
.multiselect-wrap--medium .multiselect) {
    background-color: hsl(200 7.0% 8.8% / var(--tw-bg-opacity));
    color: hsl(208 11.7% 91.1% / var(--tw-text-opacity));
}
}
.multiselect-wrap--medium .multiselect__input {
  height: 2.875rem;
  min-height: 2.875rem;
}
.multiselect-wrap--medium .multiselect__single {
  margin: 0px;
  display: flex;
  align-items: center;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.multiselect-wrap--medium .multiselect__single {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.multiselect-wrap--medium .multiselect__single {
    color: hsl(198 6.6% 15.8% / var(--tw-text-opacity));
}
}
:is(.dark .multiselect-wrap--medium .multiselect__single) {
  --tw-bg-opacity: 1;
  background-color: hsl(200 7.0% 8.8% / 1);
  --tw-text-opacity: 1;
  color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .multiselect-wrap--medium .multiselect__single) {
    background-color: hsl(200 7.0% 8.8% / var(--tw-bg-opacity));
    color: hsl(208 11.7% 91.1% / var(--tw-text-opacity));
}
}
.multiselect-wrap--medium .multiselect__placeholder {
  margin: 0px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.multiselect-wrap--medium .multiselect__select {
  min-height: 3rem;
}
.multiselect-wrap--medium .multiselect--disabled .multiselect__current,
.multiselect-wrap--medium .multiselect--disabled .multiselect__select {
  background-color: transparent;
}
.multiselect-wrap--medium .multiselect__tags-wrap {
  flex-shrink: 0;
}
.dropdown-pane {
  visibility: hidden;
  position: relative;
  z-index: 9999;
  box-sizing: content-box;
  display: none;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: hsl(210 16.7% 97.6% / 1);
  padding: 0.5rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.dropdown-pane {
    border-color: hsl(210 16.7% 97.6% / var(--tw-border-opacity));
}
}
:is(.dark .dropdown-pane) {
  --tw-border-opacity: 1;
  border-color: hsl(207 5.6% 31.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dropdown-pane) {
    border-color: hsl(207 5.6% 31.6% / var(--tw-border-opacity));
}
}
.dropdown-pane.dropdown-pane--open {
  visibility: visible;
  position: absolute;
  display: block;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.dropdown-pane.dropdown-pane--open {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}
:is(.dark .dropdown-pane.dropdown-pane--open) {
  --tw-bg-opacity: 1;
  background-color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dropdown-pane.dropdown-pane--open) {
    background-color: hsl(198 6.6% 15.8% / var(--tw-bg-opacity));
}
}
@font-face {
  font-display: swap;
  font-family: "Ionicons";
  font-style: normal;
  font-weight: normal;
  src: url(/packs/media/fonts/ionicons-e5a4fae0.woff) format("woff");
}
.ion, .ionicons,
.ion-alert:before,
.ion-alert-circled:before,
.ion-android-add:before,
.ion-android-add-circle:before,
.ion-android-alarm-clock:before,
.ion-android-alert:before,
.ion-android-apps:before,
.ion-android-archive:before,
.ion-android-arrow-back:before,
.ion-android-arrow-down:before,
.ion-android-arrow-dropdown:before,
.ion-android-arrow-dropdown-circle:before,
.ion-android-arrow-dropleft:before,
.ion-android-arrow-dropleft-circle:before,
.ion-android-arrow-dropright:before,
.ion-android-arrow-dropright-circle:before,
.ion-android-arrow-dropup:before,
.ion-android-arrow-dropup-circle:before,
.ion-android-arrow-forward:before,
.ion-android-arrow-up:before,
.ion-android-attach:before,
.ion-android-bar:before,
.ion-android-bicycle:before,
.ion-android-boat:before,
.ion-android-bookmark:before,
.ion-android-bulb:before,
.ion-android-bus:before,
.ion-android-calendar:before,
.ion-android-call:before,
.ion-android-camera:before,
.ion-android-cancel:before,
.ion-android-car:before,
.ion-android-cart:before,
.ion-android-chat:before,
.ion-android-checkbox:before,
.ion-android-checkbox-blank:before,
.ion-android-checkbox-outline:before,
.ion-android-checkbox-outline-blank:before,
.ion-android-checkmark-circle:before,
.ion-android-clipboard:before,
.ion-android-close:before,
.ion-android-cloud:before,
.ion-android-cloud-circle:before,
.ion-android-cloud-done:before,
.ion-android-cloud-outline:before,
.ion-android-color-palette:before,
.ion-android-compass:before,
.ion-android-contact:before,
.ion-android-contacts:before,
.ion-android-contract:before,
.ion-android-create:before,
.ion-android-delete:before,
.ion-android-desktop:before,
.ion-android-document:before,
.ion-android-done:before,
.ion-android-done-all:before,
.ion-android-download:before,
.ion-android-drafts:before,
.ion-android-exit:before,
.ion-android-expand:before,
.ion-android-favorite:before,
.ion-android-favorite-outline:before,
.ion-android-film:before,
.ion-android-folder:before,
.ion-android-folder-open:before,
.ion-android-funnel:before,
.ion-android-globe:before,
.ion-android-hand:before,
.ion-android-hangout:before,
.ion-android-happy:before,
.ion-android-home:before,
.ion-android-image:before,
.ion-android-laptop:before,
.ion-android-list:before,
.ion-android-locate:before,
.ion-android-lock:before,
.ion-android-mail:before,
.ion-android-map:before,
.ion-android-menu:before,
.ion-android-microphone:before,
.ion-android-microphone-off:before,
.ion-android-more-horizontal:before,
.ion-android-more-vertical:before,
.ion-android-navigate:before,
.ion-android-notifications:before,
.ion-android-notifications-none:before,
.ion-android-notifications-off:before,
.ion-android-open:before,
.ion-android-options:before,
.ion-android-people:before,
.ion-android-person:before,
.ion-android-person-add:before,
.ion-android-phone-landscape:before,
.ion-android-phone-portrait:before,
.ion-android-pin:before,
.ion-android-plane:before,
.ion-android-playstore:before,
.ion-android-print:before,
.ion-android-radio-button-off:before,
.ion-android-radio-button-on:before,
.ion-android-refresh:before,
.ion-android-remove:before,
.ion-android-remove-circle:before,
.ion-android-restaurant:before,
.ion-android-sad:before,
.ion-android-search:before,
.ion-android-send:before,
.ion-android-settings:before,
.ion-android-share:before,
.ion-android-share-alt:before,
.ion-android-star:before,
.ion-android-star-half:before,
.ion-android-star-outline:before,
.ion-android-stopwatch:before,
.ion-android-subway:before,
.ion-android-sunny:before,
.ion-android-sync:before,
.ion-android-textsms:before,
.ion-android-time:before,
.ion-android-train:before,
.ion-android-unlock:before,
.ion-android-upload:before,
.ion-android-volume-down:before,
.ion-android-volume-mute:before,
.ion-android-volume-off:before,
.ion-android-volume-up:before,
.ion-android-walk:before,
.ion-android-warning:before,
.ion-android-watch:before,
.ion-android-wifi:before,
.ion-aperture:before,
.ion-archive:before,
.ion-arrow-down-a:before,
.ion-arrow-down-b:before,
.ion-arrow-down-c:before,
.ion-arrow-expand:before,
.ion-arrow-graph-down-left:before,
.ion-arrow-graph-down-right:before,
.ion-arrow-graph-up-left:before,
.ion-arrow-graph-up-right:before,
.ion-arrow-left-a:before,
.ion-arrow-left-b:before,
.ion-arrow-left-c:before,
.ion-arrow-move:before,
.ion-arrow-resize:before,
.ion-arrow-return-left:before,
.ion-arrow-return-right:before,
.ion-arrow-right-a:before,
.ion-arrow-right-b:before,
.ion-arrow-right-c:before,
.ion-arrow-shrink:before,
.ion-arrow-swap:before,
.ion-arrow-up-a:before,
.ion-arrow-up-b:before,
.ion-arrow-up-c:before,
.ion-asterisk:before,
.ion-at:before,
.ion-backspace:before,
.ion-backspace-outline:before,
.ion-bag:before,
.ion-battery-charging:before,
.ion-battery-empty:before,
.ion-battery-full:before,
.ion-battery-half:before,
.ion-battery-low:before,
.ion-beaker:before,
.ion-beer:before,
.ion-bluetooth:before,
.ion-bonfire:before,
.ion-bookmark:before,
.ion-bowtie:before,
.ion-briefcase:before,
.ion-bug:before,
.ion-calculator:before,
.ion-calendar:before,
.ion-camera:before,
.ion-card:before,
.ion-cash:before,
.ion-chatbox:before,
.ion-chatbox-working:before,
.ion-chatboxes:before,
.ion-chatbubble:before,
.ion-chatbubble-working:before,
.ion-chatbubbles:before,
.ion-checkmark:before,
.ion-checkmark-circled:before,
.ion-checkmark-round:before,
.ion-chevron-down:before,
.ion-chevron-left:before,
.ion-chevron-right:before,
.ion-chevron-up:before,
.ion-clipboard:before,
.ion-clock:before,
.ion-close:before,
.ion-close-circled:before,
.ion-close-round:before,
.ion-closed-captioning:before,
.ion-cloud:before,
.ion-code:before,
.ion-code-download:before,
.ion-code-working:before,
.ion-coffee:before,
.ion-compass:before,
.ion-compose:before,
.ion-connection-bars:before,
.ion-contrast:before,
.ion-crop:before,
.ion-cube:before,
.ion-disc:before,
.ion-document:before,
.ion-document-text:before,
.ion-drag:before,
.ion-earth:before,
.ion-easel:before,
.ion-edit:before,
.ion-egg:before,
.ion-eject:before,
.ion-email:before,
.ion-email-unread:before,
.ion-erlenmeyer-flask:before,
.ion-erlenmeyer-flask-bubbles:before,
.ion-eye:before,
.ion-eye-disabled:before,
.ion-female:before,
.ion-filing:before,
.ion-film-marker:before,
.ion-fireball:before,
.ion-flag:before,
.ion-flame:before,
.ion-flash:before,
.ion-flash-off:before,
.ion-folder:before,
.ion-fork:before,
.ion-fork-repo:before,
.ion-forward:before,
.ion-funnel:before,
.ion-gear-a:before,
.ion-gear-b:before,
.ion-grid:before,
.ion-hammer:before,
.ion-happy:before,
.ion-happy-outline:before,
.ion-headphone:before,
.ion-heart:before,
.ion-heart-broken:before,
.ion-help:before,
.ion-help-buoy:before,
.ion-help-circled:before,
.ion-home:before,
.ion-icecream:before,
.ion-image:before,
.ion-images:before,
.ion-information:before,
.ion-information-circled:before,
.ion-ionic:before,
.ion-ios-alarm:before,
.ion-ios-alarm-outline:before,
.ion-ios-albums:before,
.ion-ios-albums-outline:before,
.ion-ios-americanfootball:before,
.ion-ios-americanfootball-outline:before,
.ion-ios-analytics:before,
.ion-ios-analytics-outline:before,
.ion-ios-arrow-back:before,
.ion-ios-arrow-down:before,
.ion-ios-arrow-forward:before,
.ion-ios-arrow-left:before,
.ion-ios-arrow-right:before,
.ion-ios-arrow-thin-down:before,
.ion-ios-arrow-thin-left:before,
.ion-ios-arrow-thin-right:before,
.ion-ios-arrow-thin-up:before,
.ion-ios-arrow-up:before,
.ion-ios-at:before,
.ion-ios-at-outline:before,
.ion-ios-barcode:before,
.ion-ios-barcode-outline:before,
.ion-ios-baseball:before,
.ion-ios-baseball-outline:before,
.ion-ios-basketball:before,
.ion-ios-basketball-outline:before,
.ion-ios-bell:before,
.ion-ios-bell-outline:before,
.ion-ios-body:before,
.ion-ios-body-outline:before,
.ion-ios-bolt:before,
.ion-ios-bolt-outline:before,
.ion-ios-book:before,
.ion-ios-book-outline:before,
.ion-ios-bookmarks:before,
.ion-ios-bookmarks-outline:before,
.ion-ios-box:before,
.ion-ios-box-outline:before,
.ion-ios-briefcase:before,
.ion-ios-briefcase-outline:before,
.ion-ios-browsers:before,
.ion-ios-browsers-outline:before,
.ion-ios-calculator:before,
.ion-ios-calculator-outline:before,
.ion-ios-calendar:before,
.ion-ios-calendar-outline:before,
.ion-ios-camera:before,
.ion-ios-camera-outline:before,
.ion-ios-cart:before,
.ion-ios-cart-outline:before,
.ion-ios-chatboxes:before,
.ion-ios-chatboxes-outline:before,
.ion-ios-chatbubble:before,
.ion-ios-chatbubble-outline:before,
.ion-ios-checkmark:before,
.ion-ios-checkmark-empty:before,
.ion-ios-checkmark-outline:before,
.ion-ios-circle-filled:before,
.ion-ios-circle-outline:before,
.ion-ios-clock:before,
.ion-ios-clock-outline:before,
.ion-ios-close:before,
.ion-ios-close-empty:before,
.ion-ios-close-outline:before,
.ion-ios-cloud:before,
.ion-ios-cloud-download:before,
.ion-ios-cloud-download-outline:before,
.ion-ios-cloud-outline:before,
.ion-ios-cloud-upload:before,
.ion-ios-cloud-upload-outline:before,
.ion-ios-cloudy:before,
.ion-ios-cloudy-night:before,
.ion-ios-cloudy-night-outline:before,
.ion-ios-cloudy-outline:before,
.ion-ios-cog:before,
.ion-ios-cog-outline:before,
.ion-ios-color-filter:before,
.ion-ios-color-filter-outline:before,
.ion-ios-color-wand:before,
.ion-ios-color-wand-outline:before,
.ion-ios-compose:before,
.ion-ios-compose-outline:before,
.ion-ios-contact:before,
.ion-ios-contact-outline:before,
.ion-ios-copy:before,
.ion-ios-copy-outline:before,
.ion-ios-crop:before,
.ion-ios-crop-strong:before,
.ion-ios-download:before,
.ion-ios-download-outline:before,
.ion-ios-drag:before,
.ion-ios-email:before,
.ion-ios-email-outline:before,
.ion-ios-eye:before,
.ion-ios-eye-outline:before,
.ion-ios-fastforward:before,
.ion-ios-fastforward-outline:before,
.ion-ios-filing:before,
.ion-ios-filing-outline:before,
.ion-ios-film:before,
.ion-ios-film-outline:before,
.ion-ios-flag:before,
.ion-ios-flag-outline:before,
.ion-ios-flame:before,
.ion-ios-flame-outline:before,
.ion-ios-flask:before,
.ion-ios-flask-outline:before,
.ion-ios-flower:before,
.ion-ios-flower-outline:before,
.ion-ios-folder:before,
.ion-ios-folder-outline:before,
.ion-ios-football:before,
.ion-ios-football-outline:before,
.ion-ios-game-controller-a:before,
.ion-ios-game-controller-a-outline:before,
.ion-ios-game-controller-b:before,
.ion-ios-game-controller-b-outline:before,
.ion-ios-gear:before,
.ion-ios-gear-outline:before,
.ion-ios-glasses:before,
.ion-ios-glasses-outline:before,
.ion-ios-grid-view:before,
.ion-ios-grid-view-outline:before,
.ion-ios-heart:before,
.ion-ios-heart-outline:before,
.ion-ios-help:before,
.ion-ios-help-empty:before,
.ion-ios-help-outline:before,
.ion-ios-home:before,
.ion-ios-home-outline:before,
.ion-ios-infinite:before,
.ion-ios-infinite-outline:before,
.ion-ios-information:before,
.ion-ios-information-empty:before,
.ion-ios-information-outline:before,
.ion-ios-ionic-outline:before,
.ion-ios-keypad:before,
.ion-ios-keypad-outline:before,
.ion-ios-lightbulb:before,
.ion-ios-lightbulb-outline:before,
.ion-ios-list:before,
.ion-ios-list-outline:before,
.ion-ios-location:before,
.ion-ios-location-outline:before,
.ion-ios-locked:before,
.ion-ios-locked-outline:before,
.ion-ios-loop:before,
.ion-ios-loop-strong:before,
.ion-ios-medical:before,
.ion-ios-medical-outline:before,
.ion-ios-medkit:before,
.ion-ios-medkit-outline:before,
.ion-ios-mic:before,
.ion-ios-mic-off:before,
.ion-ios-mic-outline:before,
.ion-ios-minus:before,
.ion-ios-minus-empty:before,
.ion-ios-minus-outline:before,
.ion-ios-monitor:before,
.ion-ios-monitor-outline:before,
.ion-ios-moon:before,
.ion-ios-moon-outline:before,
.ion-ios-more:before,
.ion-ios-more-outline:before,
.ion-ios-musical-note:before,
.ion-ios-musical-notes:before,
.ion-ios-navigate:before,
.ion-ios-navigate-outline:before,
.ion-ios-nutrition:before,
.ion-ios-nutrition-outline:before,
.ion-ios-paper:before,
.ion-ios-paper-outline:before,
.ion-ios-paperplane:before,
.ion-ios-paperplane-outline:before,
.ion-ios-partlysunny:before,
.ion-ios-partlysunny-outline:before,
.ion-ios-pause:before,
.ion-ios-pause-outline:before,
.ion-ios-paw:before,
.ion-ios-paw-outline:before,
.ion-ios-people:before,
.ion-ios-people-outline:before,
.ion-ios-person:before,
.ion-ios-person-outline:before,
.ion-ios-personadd:before,
.ion-ios-personadd-outline:before,
.ion-ios-photos:before,
.ion-ios-photos-outline:before,
.ion-ios-pie:before,
.ion-ios-pie-outline:before,
.ion-ios-pint:before,
.ion-ios-pint-outline:before,
.ion-ios-play:before,
.ion-ios-play-outline:before,
.ion-ios-plus:before,
.ion-ios-plus-empty:before,
.ion-ios-plus-outline:before,
.ion-ios-pricetag:before,
.ion-ios-pricetag-outline:before,
.ion-ios-pricetags:before,
.ion-ios-pricetags-outline:before,
.ion-ios-printer:before,
.ion-ios-printer-outline:before,
.ion-ios-pulse:before,
.ion-ios-pulse-strong:before,
.ion-ios-rainy:before,
.ion-ios-rainy-outline:before,
.ion-ios-recording:before,
.ion-ios-recording-outline:before,
.ion-ios-redo:before,
.ion-ios-redo-outline:before,
.ion-ios-refresh:before,
.ion-ios-refresh-empty:before,
.ion-ios-refresh-outline:before,
.ion-ios-reload:before,
.ion-ios-reverse-camera:before,
.ion-ios-reverse-camera-outline:before,
.ion-ios-rewind:before,
.ion-ios-rewind-outline:before,
.ion-ios-rose:before,
.ion-ios-rose-outline:before,
.ion-ios-search:before,
.ion-ios-search-strong:before,
.ion-ios-settings:before,
.ion-ios-settings-strong:before,
.ion-ios-shuffle:before,
.ion-ios-shuffle-strong:before,
.ion-ios-skipbackward:before,
.ion-ios-skipbackward-outline:before,
.ion-ios-skipforward:before,
.ion-ios-skipforward-outline:before,
.ion-ios-snowy:before,
.ion-ios-speedometer:before,
.ion-ios-speedometer-outline:before,
.ion-ios-star:before,
.ion-ios-star-half:before,
.ion-ios-star-outline:before,
.ion-ios-stopwatch:before,
.ion-ios-stopwatch-outline:before,
.ion-ios-sunny:before,
.ion-ios-sunny-outline:before,
.ion-ios-telephone:before,
.ion-ios-telephone-outline:before,
.ion-ios-tennisball:before,
.ion-ios-tennisball-outline:before,
.ion-ios-thunderstorm:before,
.ion-ios-thunderstorm-outline:before,
.ion-ios-time:before,
.ion-ios-time-outline:before,
.ion-ios-timer:before,
.ion-ios-timer-outline:before,
.ion-ios-toggle:before,
.ion-ios-toggle-outline:before,
.ion-ios-trash:before,
.ion-ios-trash-outline:before,
.ion-ios-undo:before,
.ion-ios-undo-outline:before,
.ion-ios-unlocked:before,
.ion-ios-unlocked-outline:before,
.ion-ios-upload:before,
.ion-ios-upload-outline:before,
.ion-ios-videocam:before,
.ion-ios-videocam-outline:before,
.ion-ios-volume-high:before,
.ion-ios-volume-low:before,
.ion-ios-wineglass:before,
.ion-ios-wineglass-outline:before,
.ion-ios-world:before,
.ion-ios-world-outline:before,
.ion-ipad:before,
.ion-iphone:before,
.ion-ipod:before,
.ion-jet:before,
.ion-key:before,
.ion-knife:before,
.ion-laptop:before,
.ion-leaf:before,
.ion-levels:before,
.ion-lightbulb:before,
.ion-link:before,
.ion-load-a:before,
.ion-load-b:before,
.ion-load-c:before,
.ion-load-d:before,
.ion-location:before,
.ion-lock-combination:before,
.ion-locked:before,
.ion-log-in:before,
.ion-log-out:before,
.ion-loop:before,
.ion-magnet:before,
.ion-male:before,
.ion-man:before,
.ion-map:before,
.ion-medkit:before,
.ion-merge:before,
.ion-mic-a:before,
.ion-mic-b:before,
.ion-mic-c:before,
.ion-minus:before,
.ion-minus-circled:before,
.ion-minus-round:before,
.ion-model-s:before,
.ion-monitor:before,
.ion-more:before,
.ion-mouse:before,
.ion-music-note:before,
.ion-navicon:before,
.ion-navicon-round:before,
.ion-navigate:before,
.ion-network:before,
.ion-no-smoking:before,
.ion-nuclear:before,
.ion-outlet:before,
.ion-paintbrush:before,
.ion-paintbucket:before,
.ion-paper-airplane:before,
.ion-paperclip:before,
.ion-pause:before,
.ion-person:before,
.ion-person-add:before,
.ion-person-stalker:before,
.ion-pie-graph:before,
.ion-pin:before,
.ion-pinpoint:before,
.ion-pizza:before,
.ion-plane:before,
.ion-planet:before,
.ion-play:before,
.ion-playstation:before,
.ion-plus:before,
.ion-plus-circled:before,
.ion-plus-round:before,
.ion-podium:before,
.ion-pound:before,
.ion-power:before,
.ion-pricetag:before,
.ion-pricetags:before,
.ion-printer:before,
.ion-pull-request:before,
.ion-qr-scanner:before,
.ion-quote:before,
.ion-radio-waves:before,
.ion-record:before,
.ion-refresh:before,
.ion-reply:before,
.ion-reply-all:before,
.ion-ribbon-a:before,
.ion-ribbon-b:before,
.ion-sad:before,
.ion-sad-outline:before,
.ion-scissors:before,
.ion-search:before,
.ion-settings:before,
.ion-share:before,
.ion-shuffle:before,
.ion-skip-backward:before,
.ion-skip-forward:before,
.ion-social-android:before,
.ion-social-android-outline:before,
.ion-social-angular:before,
.ion-social-angular-outline:before,
.ion-social-apple:before,
.ion-social-apple-outline:before,
.ion-social-bitcoin:before,
.ion-social-bitcoin-outline:before,
.ion-social-buffer:before,
.ion-social-buffer-outline:before,
.ion-social-chrome:before,
.ion-social-chrome-outline:before,
.ion-social-codepen:before,
.ion-social-codepen-outline:before,
.ion-social-css3:before,
.ion-social-css3-outline:before,
.ion-social-designernews:before,
.ion-social-designernews-outline:before,
.ion-social-dribbble:before,
.ion-social-dribbble-outline:before,
.ion-social-dropbox:before,
.ion-social-dropbox-outline:before,
.ion-social-euro:before,
.ion-social-euro-outline:before,
.ion-social-facebook:before,
.ion-social-facebook-outline:before,
.ion-social-foursquare:before,
.ion-social-foursquare-outline:before,
.ion-social-freebsd-devil:before,
.ion-social-github:before,
.ion-social-github-outline:before,
.ion-social-google:before,
.ion-social-google-outline:before,
.ion-social-googleplus:before,
.ion-social-googleplus-outline:before,
.ion-social-hackernews:before,
.ion-social-hackernews-outline:before,
.ion-social-html5:before,
.ion-social-html5-outline:before,
.ion-social-instagram:before,
.ion-social-instagram-outline:before,
.ion-social-javascript:before,
.ion-social-javascript-outline:before,
.ion-social-linkedin:before,
.ion-social-linkedin-outline:before,
.ion-social-markdown:before,
.ion-social-nodejs:before,
.ion-social-octocat:before,
.ion-social-pinterest:before,
.ion-social-pinterest-outline:before,
.ion-social-python:before,
.ion-social-reddit:before,
.ion-social-reddit-outline:before,
.ion-social-rss:before,
.ion-social-rss-outline:before,
.ion-social-sass:before,
.ion-social-skype:before,
.ion-social-skype-outline:before,
.ion-social-snapchat:before,
.ion-social-snapchat-outline:before,
.ion-social-tumblr:before,
.ion-social-tumblr-outline:before,
.ion-social-tux:before,
.ion-social-twitch:before,
.ion-social-twitch-outline:before,
.ion-social-twitter:before,
.ion-social-twitter-outline:before,
.ion-social-usd:before,
.ion-social-usd-outline:before,
.ion-social-vimeo:before,
.ion-social-vimeo-outline:before,
.ion-social-whatsapp:before,
.ion-social-whatsapp-outline:before,
.ion-social-windows:before,
.ion-social-windows-outline:before,
.ion-social-wordpress:before,
.ion-social-wordpress-outline:before,
.ion-social-yahoo:before,
.ion-social-yahoo-outline:before,
.ion-social-yen:before,
.ion-social-yen-outline:before,
.ion-social-youtube:before,
.ion-social-youtube-outline:before,
.ion-soup-can:before,
.ion-soup-can-outline:before,
.ion-speakerphone:before,
.ion-speedometer:before,
.ion-spoon:before,
.ion-star:before,
.ion-stats-bars:before,
.ion-steam:before,
.ion-stop:before,
.ion-thermometer:before,
.ion-thumbsdown:before,
.ion-thumbsup:before,
.ion-toggle:before,
.ion-toggle-filled:before,
.ion-transgender:before,
.ion-trash-a:before,
.ion-trash-b:before,
.ion-trophy:before,
.ion-tshirt:before,
.ion-tshirt-outline:before,
.ion-umbrella:before,
.ion-university:before,
.ion-unlocked:before,
.ion-upload:before,
.ion-usb:before,
.ion-videocamera:before,
.ion-volume-high:before,
.ion-volume-low:before,
.ion-volume-medium:before,
.ion-volume-mute:before,
.ion-wand:before,
.ion-waterdrop:before,
.ion-wifi:before,
.ion-wineglass:before,
.ion-woman:before,
.ion-wrench:before,
.ion-xbox:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-family: "Ionicons";
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  text-transform: none;
}
.ion-alert:before {
  content: "\f101";
}
.ion-alert-circled:before {
  content: "\f100";
}
.ion-android-add:before {
  content: "\f2c7";
}
.ion-android-add-circle:before {
  content: "\f359";
}
.ion-android-alarm-clock:before {
  content: "\f35a";
}
.ion-android-alert:before {
  content: "\f35b";
}
.ion-android-apps:before {
  content: "\f35c";
}
.ion-android-archive:before {
  content: "\f2c9";
}
.ion-android-arrow-back:before {
  content: "\f2ca";
}
.ion-android-arrow-down:before {
  content: "\f35d";
}
.ion-android-arrow-dropdown:before {
  content: "\f35f";
}
.ion-android-arrow-dropdown-circle:before {
  content: "\f35e";
}
.ion-android-arrow-dropleft:before {
  content: "\f361";
}
.ion-android-arrow-dropleft-circle:before {
  content: "\f360";
}
.ion-android-arrow-dropright:before {
  content: "\f363";
}
.ion-android-arrow-dropright-circle:before {
  content: "\f362";
}
.ion-android-arrow-dropup:before {
  content: "\f365";
}
.ion-android-arrow-dropup-circle:before {
  content: "\f364";
}
.ion-android-arrow-forward:before {
  content: "\f30f";
}
.ion-android-arrow-up:before {
  content: "\f366";
}
.ion-android-attach:before {
  content: "\f367";
}
.ion-android-bar:before {
  content: "\f368";
}
.ion-android-bicycle:before {
  content: "\f369";
}
.ion-android-boat:before {
  content: "\f36a";
}
.ion-android-bookmark:before {
  content: "\f36b";
}
.ion-android-bulb:before {
  content: "\f36c";
}
.ion-android-bus:before {
  content: "\f36d";
}
.ion-android-calendar:before {
  content: "\f2d1";
}
.ion-android-call:before {
  content: "\f2d2";
}
.ion-android-camera:before {
  content: "\f2d3";
}
.ion-android-cancel:before {
  content: "\f36e";
}
.ion-android-car:before {
  content: "\f36f";
}
.ion-android-cart:before {
  content: "\f370";
}
.ion-android-chat:before {
  content: "\f2d4";
}
.ion-android-checkbox:before {
  content: "\f374";
}
.ion-android-checkbox-blank:before {
  content: "\f371";
}
.ion-android-checkbox-outline:before {
  content: "\f373";
}
.ion-android-checkbox-outline-blank:before {
  content: "\f372";
}
.ion-android-checkmark-circle:before {
  content: "\f375";
}
.ion-android-clipboard:before {
  content: "\f376";
}
.ion-android-close:before {
  content: "\f2d7";
}
.ion-android-cloud:before {
  content: "\f37a";
}
.ion-android-cloud-circle:before {
  content: "\f377";
}
.ion-android-cloud-done:before {
  content: "\f378";
}
.ion-android-cloud-outline:before {
  content: "\f379";
}
.ion-android-color-palette:before {
  content: "\f37b";
}
.ion-android-compass:before {
  content: "\f37c";
}
.ion-android-contact:before {
  content: "\f2d8";
}
.ion-android-contacts:before {
  content: "\f2d9";
}
.ion-android-contract:before {
  content: "\f37d";
}
.ion-android-create:before {
  content: "\f37e";
}
.ion-android-delete:before {
  content: "\f37f";
}
.ion-android-desktop:before {
  content: "\f380";
}
.ion-android-document:before {
  content: "\f381";
}
.ion-android-done:before {
  content: "\f383";
}
.ion-android-done-all:before {
  content: "\f382";
}
.ion-android-download:before {
  content: "\f2dd";
}
.ion-android-drafts:before {
  content: "\f384";
}
.ion-android-exit:before {
  content: "\f385";
}
.ion-android-expand:before {
  content: "\f386";
}
.ion-android-favorite:before {
  content: "\f388";
}
.ion-android-favorite-outline:before {
  content: "\f387";
}
.ion-android-film:before {
  content: "\f389";
}
.ion-android-folder:before {
  content: "\f2e0";
}
.ion-android-folder-open:before {
  content: "\f38a";
}
.ion-android-funnel:before {
  content: "\f38b";
}
.ion-android-globe:before {
  content: "\f38c";
}
.ion-android-hand:before {
  content: "\f2e3";
}
.ion-android-hangout:before {
  content: "\f38d";
}
.ion-android-happy:before {
  content: "\f38e";
}
.ion-android-home:before {
  content: "\f38f";
}
.ion-android-image:before {
  content: "\f2e4";
}
.ion-android-laptop:before {
  content: "\f390";
}
.ion-android-list:before {
  content: "\f391";
}
.ion-android-locate:before {
  content: "\f2e9";
}
.ion-android-lock:before {
  content: "\f392";
}
.ion-android-mail:before {
  content: "\f2eb";
}
.ion-android-map:before {
  content: "\f393";
}
.ion-android-menu:before {
  content: "\f394";
}
.ion-android-microphone:before {
  content: "\f2ec";
}
.ion-android-microphone-off:before {
  content: "\f395";
}
.ion-android-more-horizontal:before {
  content: "\f396";
}
.ion-android-more-vertical:before {
  content: "\f397";
}
.ion-android-navigate:before {
  content: "\f398";
}
.ion-android-notifications:before {
  content: "\f39b";
}
.ion-android-notifications-none:before {
  content: "\f399";
}
.ion-android-notifications-off:before {
  content: "\f39a";
}
.ion-android-open:before {
  content: "\f39c";
}
.ion-android-options:before {
  content: "\f39d";
}
.ion-android-people:before {
  content: "\f39e";
}
.ion-android-person:before {
  content: "\f3a0";
}
.ion-android-person-add:before {
  content: "\f39f";
}
.ion-android-phone-landscape:before {
  content: "\f3a1";
}
.ion-android-phone-portrait:before {
  content: "\f3a2";
}
.ion-android-pin:before {
  content: "\f3a3";
}
.ion-android-plane:before {
  content: "\f3a4";
}
.ion-android-playstore:before {
  content: "\f2f0";
}
.ion-android-print:before {
  content: "\f3a5";
}
.ion-android-radio-button-off:before {
  content: "\f3a6";
}
.ion-android-radio-button-on:before {
  content: "\f3a7";
}
.ion-android-refresh:before {
  content: "\f3a8";
}
.ion-android-remove:before {
  content: "\f2f4";
}
.ion-android-remove-circle:before {
  content: "\f3a9";
}
.ion-android-restaurant:before {
  content: "\f3aa";
}
.ion-android-sad:before {
  content: "\f3ab";
}
.ion-android-search:before {
  content: "\f2f5";
}
.ion-android-send:before {
  content: "\f2f6";
}
.ion-android-settings:before {
  content: "\f2f7";
}
.ion-android-share:before {
  content: "\f2f8";
}
.ion-android-share-alt:before {
  content: "\f3ac";
}
.ion-android-star:before {
  content: "\f2fc";
}
.ion-android-star-half:before {
  content: "\f3ad";
}
.ion-android-star-outline:before {
  content: "\f3ae";
}
.ion-android-stopwatch:before {
  content: "\f2fd";
}
.ion-android-subway:before {
  content: "\f3af";
}
.ion-android-sunny:before {
  content: "\f3b0";
}
.ion-android-sync:before {
  content: "\f3b1";
}
.ion-android-textsms:before {
  content: "\f3b2";
}
.ion-android-time:before {
  content: "\f3b3";
}
.ion-android-train:before {
  content: "\f3b4";
}
.ion-android-unlock:before {
  content: "\f3b5";
}
.ion-android-upload:before {
  content: "\f3b6";
}
.ion-android-volume-down:before {
  content: "\f3b7";
}
.ion-android-volume-mute:before {
  content: "\f3b8";
}
.ion-android-volume-off:before {
  content: "\f3b9";
}
.ion-android-volume-up:before {
  content: "\f3ba";
}
.ion-android-walk:before {
  content: "\f3bb";
}
.ion-android-warning:before {
  content: "\f3bc";
}
.ion-android-watch:before {
  content: "\f3bd";
}
.ion-android-wifi:before {
  content: "\f305";
}
.ion-aperture:before {
  content: "\f313";
}
.ion-archive:before {
  content: "\f102";
}
.ion-arrow-down-a:before {
  content: "\f103";
}
.ion-arrow-down-b:before {
  content: "\f104";
}
.ion-arrow-down-c:before {
  content: "\f105";
}
.ion-arrow-expand:before {
  content: "\f25e";
}
.ion-arrow-graph-down-left:before {
  content: "\f25f";
}
.ion-arrow-graph-down-right:before {
  content: "\f260";
}
.ion-arrow-graph-up-left:before {
  content: "\f261";
}
.ion-arrow-graph-up-right:before {
  content: "\f262";
}
.ion-arrow-left-a:before {
  content: "\f106";
}
.ion-arrow-left-b:before {
  content: "\f107";
}
.ion-arrow-left-c:before {
  content: "\f108";
}
.ion-arrow-move:before {
  content: "\f263";
}
.ion-arrow-resize:before {
  content: "\f264";
}
.ion-arrow-return-left:before {
  content: "\f265";
}
.ion-arrow-return-right:before {
  content: "\f266";
}
.ion-arrow-right-a:before {
  content: "\f109";
}
.ion-arrow-right-b:before {
  content: "\f10a";
}
.ion-arrow-right-c:before {
  content: "\f10b";
}
.ion-arrow-shrink:before {
  content: "\f267";
}
.ion-arrow-swap:before {
  content: "\f268";
}
.ion-arrow-up-a:before {
  content: "\f10c";
}
.ion-arrow-up-b:before {
  content: "\f10d";
}
.ion-arrow-up-c:before {
  content: "\f10e";
}
.ion-asterisk:before {
  content: "\f314";
}
.ion-at:before {
  content: "\f10f";
}
.ion-backspace:before {
  content: "\f3bf";
}
.ion-backspace-outline:before {
  content: "\f3be";
}
.ion-bag:before {
  content: "\f110";
}
.ion-battery-charging:before {
  content: "\f111";
}
.ion-battery-empty:before {
  content: "\f112";
}
.ion-battery-full:before {
  content: "\f113";
}
.ion-battery-half:before {
  content: "\f114";
}
.ion-battery-low:before {
  content: "\f115";
}
.ion-beaker:before {
  content: "\f269";
}
.ion-beer:before {
  content: "\f26a";
}
.ion-bluetooth:before {
  content: "\f116";
}
.ion-bonfire:before {
  content: "\f315";
}
.ion-bookmark:before {
  content: "\f26b";
}
.ion-bowtie:before {
  content: "\f3c0";
}
.ion-briefcase:before {
  content: "\f26c";
}
.ion-bug:before {
  content: "\f2be";
}
.ion-calculator:before {
  content: "\f26d";
}
.ion-calendar:before {
  content: "\f117";
}
.ion-camera:before {
  content: "\f118";
}
.ion-card:before {
  content: "\f119";
}
.ion-cash:before {
  content: "\f316";
}
.ion-chatbox:before {
  content: "\f11b";
}
.ion-chatbox-working:before {
  content: "\f11a";
}
.ion-chatboxes:before {
  content: "\f11c";
}
.ion-chatbubble:before {
  content: "\f11e";
}
.ion-chatbubble-working:before {
  content: "\f11d";
}
.ion-chatbubbles:before {
  content: "\f11f";
}
.ion-checkmark:before {
  content: "\f122";
}
.ion-checkmark-circled:before {
  content: "\f120";
}
.ion-checkmark-round:before {
  content: "\f121";
}
.ion-chevron-down:before {
  content: "\f123";
}
.ion-chevron-left:before {
  content: "\f124";
}
.ion-chevron-right:before {
  content: "\f125";
}
.ion-chevron-up:before {
  content: "\f126";
}
.ion-clipboard:before {
  content: "\f127";
}
.ion-clock:before {
  content: "\f26e";
}
.ion-close:before {
  content: "\f12a";
}
.ion-close-circled:before {
  content: "\f128";
}
.ion-close-round:before {
  content: "\f129";
}
.ion-closed-captioning:before {
  content: "\f317";
}
.ion-cloud:before {
  content: "\f12b";
}
.ion-code:before {
  content: "\f271";
}
.ion-code-download:before {
  content: "\f26f";
}
.ion-code-working:before {
  content: "\f270";
}
.ion-coffee:before {
  content: "\f272";
}
.ion-compass:before {
  content: "\f273";
}
.ion-compose:before {
  content: "\f12c";
}
.ion-connection-bars:before {
  content: "\f274";
}
.ion-contrast:before {
  content: "\f275";
}
.ion-crop:before {
  content: "\f3c1";
}
.ion-cube:before {
  content: "\f318";
}
.ion-disc:before {
  content: "\f12d";
}
.ion-document:before {
  content: "\f12f";
}
.ion-document-text:before {
  content: "\f12e";
}
.ion-drag:before {
  content: "\f130";
}
.ion-earth:before {
  content: "\f276";
}
.ion-easel:before {
  content: "\f3c2";
}
.ion-edit:before {
  content: "\f2bf";
}
.ion-egg:before {
  content: "\f277";
}
.ion-eject:before {
  content: "\f131";
}
.ion-email:before {
  content: "\f132";
}
.ion-email-unread:before {
  content: "\f3c3";
}
.ion-erlenmeyer-flask:before {
  content: "\f3c5";
}
.ion-erlenmeyer-flask-bubbles:before {
  content: "\f3c4";
}
.ion-eye:before {
  content: "\f133";
}
.ion-eye-disabled:before {
  content: "\f306";
}
.ion-female:before {
  content: "\f278";
}
.ion-filing:before {
  content: "\f134";
}
.ion-film-marker:before {
  content: "\f135";
}
.ion-fireball:before {
  content: "\f319";
}
.ion-flag:before {
  content: "\f279";
}
.ion-flame:before {
  content: "\f31a";
}
.ion-flash:before {
  content: "\f137";
}
.ion-flash-off:before {
  content: "\f136";
}
.ion-folder:before {
  content: "\f139";
}
.ion-fork:before {
  content: "\f27a";
}
.ion-fork-repo:before {
  content: "\f2c0";
}
.ion-forward:before {
  content: "\f13a";
}
.ion-funnel:before {
  content: "\f31b";
}
.ion-gear-a:before {
  content: "\f13d";
}
.ion-gear-b:before {
  content: "\f13e";
}
.ion-grid:before {
  content: "\f13f";
}
.ion-hammer:before {
  content: "\f27b";
}
.ion-happy:before {
  content: "\f31c";
}
.ion-happy-outline:before {
  content: "\f3c6";
}
.ion-headphone:before {
  content: "\f140";
}
.ion-heart:before {
  content: "\f141";
}
.ion-heart-broken:before {
  content: "\f31d";
}
.ion-help:before {
  content: "\f143";
}
.ion-help-buoy:before {
  content: "\f27c";
}
.ion-help-circled:before {
  content: "\f142";
}
.ion-home:before {
  content: "\f144";
}
.ion-icecream:before {
  content: "\f27d";
}
.ion-image:before {
  content: "\f147";
}
.ion-images:before {
  content: "\f148";
}
.ion-information:before {
  content: "\f14a";
}
.ion-information-circled:before {
  content: "\f149";
}
.ion-ionic:before {
  content: "\f14b";
}
.ion-ios-alarm:before {
  content: "\f3c8";
}
.ion-ios-alarm-outline:before {
  content: "\f3c7";
}
.ion-ios-albums:before {
  content: "\f3ca";
}
.ion-ios-albums-outline:before {
  content: "\f3c9";
}
.ion-ios-americanfootball:before {
  content: "\f3cc";
}
.ion-ios-americanfootball-outline:before {
  content: "\f3cb";
}
.ion-ios-analytics:before {
  content: "\f3ce";
}
.ion-ios-analytics-outline:before {
  content: "\f3cd";
}
.ion-ios-arrow-back:before {
  content: "\f3cf";
}
.ion-ios-arrow-down:before {
  content: "\f3d0";
}
.ion-ios-arrow-forward:before {
  content: "\f3d1";
}
.ion-ios-arrow-left:before {
  content: "\f3d2";
}
.ion-ios-arrow-right:before {
  content: "\f3d3";
}
.ion-ios-arrow-thin-down:before {
  content: "\f3d4";
}
.ion-ios-arrow-thin-left:before {
  content: "\f3d5";
}
.ion-ios-arrow-thin-right:before {
  content: "\f3d6";
}
.ion-ios-arrow-thin-up:before {
  content: "\f3d7";
}
.ion-ios-arrow-up:before {
  content: "\f3d8";
}
.ion-ios-at:before {
  content: "\f3da";
}
.ion-ios-at-outline:before {
  content: "\f3d9";
}
.ion-ios-barcode:before {
  content: "\f3dc";
}
.ion-ios-barcode-outline:before {
  content: "\f3db";
}
.ion-ios-baseball:before {
  content: "\f3de";
}
.ion-ios-baseball-outline:before {
  content: "\f3dd";
}
.ion-ios-basketball:before {
  content: "\f3e0";
}
.ion-ios-basketball-outline:before {
  content: "\f3df";
}
.ion-ios-bell:before {
  content: "\f3e2";
}
.ion-ios-bell-outline:before {
  content: "\f3e1";
}
.ion-ios-body:before {
  content: "\f3e4";
}
.ion-ios-body-outline:before {
  content: "\f3e3";
}
.ion-ios-bolt:before {
  content: "\f3e6";
}
.ion-ios-bolt-outline:before {
  content: "\f3e5";
}
.ion-ios-book:before {
  content: "\f3e8";
}
.ion-ios-book-outline:before {
  content: "\f3e7";
}
.ion-ios-bookmarks:before {
  content: "\f3ea";
}
.ion-ios-bookmarks-outline:before {
  content: "\f3e9";
}
.ion-ios-box:before {
  content: "\f3ec";
}
.ion-ios-box-outline:before {
  content: "\f3eb";
}
.ion-ios-briefcase:before {
  content: "\f3ee";
}
.ion-ios-briefcase-outline:before {
  content: "\f3ed";
}
.ion-ios-browsers:before {
  content: "\f3f0";
}
.ion-ios-browsers-outline:before {
  content: "\f3ef";
}
.ion-ios-calculator:before {
  content: "\f3f2";
}
.ion-ios-calculator-outline:before {
  content: "\f3f1";
}
.ion-ios-calendar:before {
  content: "\f3f4";
}
.ion-ios-calendar-outline:before {
  content: "\f3f3";
}
.ion-ios-camera:before {
  content: "\f3f6";
}
.ion-ios-camera-outline:before {
  content: "\f3f5";
}
.ion-ios-cart:before {
  content: "\f3f8";
}
.ion-ios-cart-outline:before {
  content: "\f3f7";
}
.ion-ios-chatboxes:before {
  content: "\f3fa";
}
.ion-ios-chatboxes-outline:before {
  content: "\f3f9";
}
.ion-ios-chatbubble:before {
  content: "\f3fc";
}
.ion-ios-chatbubble-outline:before {
  content: "\f3fb";
}
.ion-ios-checkmark:before {
  content: "\f3ff";
}
.ion-ios-checkmark-empty:before {
  content: "\f3fd";
}
.ion-ios-checkmark-outline:before {
  content: "\f3fe";
}
.ion-ios-circle-filled:before {
  content: "\f400";
}
.ion-ios-circle-outline:before {
  content: "\f401";
}
.ion-ios-clock:before {
  content: "\f403";
}
.ion-ios-clock-outline:before {
  content: "\f402";
}
.ion-ios-close:before {
  content: "\f406";
}
.ion-ios-close-empty:before {
  content: "\f404";
}
.ion-ios-close-outline:before {
  content: "\f405";
}
.ion-ios-cloud:before {
  content: "\f40c";
}
.ion-ios-cloud-download:before {
  content: "\f408";
}
.ion-ios-cloud-download-outline:before {
  content: "\f407";
}
.ion-ios-cloud-outline:before {
  content: "\f409";
}
.ion-ios-cloud-upload:before {
  content: "\f40b";
}
.ion-ios-cloud-upload-outline:before {
  content: "\f40a";
}
.ion-ios-cloudy:before {
  content: "\f410";
}
.ion-ios-cloudy-night:before {
  content: "\f40e";
}
.ion-ios-cloudy-night-outline:before {
  content: "\f40d";
}
.ion-ios-cloudy-outline:before {
  content: "\f40f";
}
.ion-ios-cog:before {
  content: "\f412";
}
.ion-ios-cog-outline:before {
  content: "\f411";
}
.ion-ios-color-filter:before {
  content: "\f414";
}
.ion-ios-color-filter-outline:before {
  content: "\f413";
}
.ion-ios-color-wand:before {
  content: "\f416";
}
.ion-ios-color-wand-outline:before {
  content: "\f415";
}
.ion-ios-compose:before {
  content: "\f418";
}
.ion-ios-compose-outline:before {
  content: "\f417";
}
.ion-ios-contact:before {
  content: "\f41a";
}
.ion-ios-contact-outline:before {
  content: "\f419";
}
.ion-ios-copy:before {
  content: "\f41c";
}
.ion-ios-copy-outline:before {
  content: "\f41b";
}
.ion-ios-crop:before {
  content: "\f41e";
}
.ion-ios-crop-strong:before {
  content: "\f41d";
}
.ion-ios-download:before {
  content: "\f420";
}
.ion-ios-download-outline:before {
  content: "\f41f";
}
.ion-ios-drag:before {
  content: "\f421";
}
.ion-ios-email:before {
  content: "\f423";
}
.ion-ios-email-outline:before {
  content: "\f422";
}
.ion-ios-eye:before {
  content: "\f425";
}
.ion-ios-eye-outline:before {
  content: "\f424";
}
.ion-ios-fastforward:before {
  content: "\f427";
}
.ion-ios-fastforward-outline:before {
  content: "\f426";
}
.ion-ios-filing:before {
  content: "\f429";
}
.ion-ios-filing-outline:before {
  content: "\f428";
}
.ion-ios-film:before {
  content: "\f42b";
}
.ion-ios-film-outline:before {
  content: "\f42a";
}
.ion-ios-flag:before {
  content: "\f42d";
}
.ion-ios-flag-outline:before {
  content: "\f42c";
}
.ion-ios-flame:before {
  content: "\f42f";
}
.ion-ios-flame-outline:before {
  content: "\f42e";
}
.ion-ios-flask:before {
  content: "\f431";
}
.ion-ios-flask-outline:before {
  content: "\f430";
}
.ion-ios-flower:before {
  content: "\f433";
}
.ion-ios-flower-outline:before {
  content: "\f432";
}
.ion-ios-folder:before {
  content: "\f435";
}
.ion-ios-folder-outline:before {
  content: "\f434";
}
.ion-ios-football:before {
  content: "\f437";
}
.ion-ios-football-outline:before {
  content: "\f436";
}
.ion-ios-game-controller-a:before {
  content: "\f439";
}
.ion-ios-game-controller-a-outline:before {
  content: "\f438";
}
.ion-ios-game-controller-b:before {
  content: "\f43b";
}
.ion-ios-game-controller-b-outline:before {
  content: "\f43a";
}
.ion-ios-gear:before {
  content: "\f43d";
}
.ion-ios-gear-outline:before {
  content: "\f43c";
}
.ion-ios-glasses:before {
  content: "\f43f";
}
.ion-ios-glasses-outline:before {
  content: "\f43e";
}
.ion-ios-grid-view:before {
  content: "\f441";
}
.ion-ios-grid-view-outline:before {
  content: "\f440";
}
.ion-ios-heart:before {
  content: "\f443";
}
.ion-ios-heart-outline:before {
  content: "\f442";
}
.ion-ios-help:before {
  content: "\f446";
}
.ion-ios-help-empty:before {
  content: "\f444";
}
.ion-ios-help-outline:before {
  content: "\f445";
}
.ion-ios-home:before {
  content: "\f448";
}
.ion-ios-home-outline:before {
  content: "\f447";
}
.ion-ios-infinite:before {
  content: "\f44a";
}
.ion-ios-infinite-outline:before {
  content: "\f449";
}
.ion-ios-information:before {
  content: "\f44d";
}
.ion-ios-information-empty:before {
  content: "\f44b";
}
.ion-ios-information-outline:before {
  content: "\f44c";
}
.ion-ios-ionic-outline:before {
  content: "\f44e";
}
.ion-ios-keypad:before {
  content: "\f450";
}
.ion-ios-keypad-outline:before {
  content: "\f44f";
}
.ion-ios-lightbulb:before {
  content: "\f452";
}
.ion-ios-lightbulb-outline:before {
  content: "\f451";
}
.ion-ios-list:before {
  content: "\f454";
}
.ion-ios-list-outline:before {
  content: "\f453";
}
.ion-ios-location:before {
  content: "\f456";
}
.ion-ios-location-outline:before {
  content: "\f455";
}
.ion-ios-locked:before {
  content: "\f458";
}
.ion-ios-locked-outline:before {
  content: "\f457";
}
.ion-ios-loop:before {
  content: "\f45a";
}
.ion-ios-loop-strong:before {
  content: "\f459";
}
.ion-ios-medical:before {
  content: "\f45c";
}
.ion-ios-medical-outline:before {
  content: "\f45b";
}
.ion-ios-medkit:before {
  content: "\f45e";
}
.ion-ios-medkit-outline:before {
  content: "\f45d";
}
.ion-ios-mic:before {
  content: "\f461";
}
.ion-ios-mic-off:before {
  content: "\f45f";
}
.ion-ios-mic-outline:before {
  content: "\f460";
}
.ion-ios-minus:before {
  content: "\f464";
}
.ion-ios-minus-empty:before {
  content: "\f462";
}
.ion-ios-minus-outline:before {
  content: "\f463";
}
.ion-ios-monitor:before {
  content: "\f466";
}
.ion-ios-monitor-outline:before {
  content: "\f465";
}
.ion-ios-moon:before {
  content: "\f468";
}
.ion-ios-moon-outline:before {
  content: "\f467";
}
.ion-ios-more:before {
  content: "\f46a";
}
.ion-ios-more-outline:before {
  content: "\f469";
}
.ion-ios-musical-note:before {
  content: "\f46b";
}
.ion-ios-musical-notes:before {
  content: "\f46c";
}
.ion-ios-navigate:before {
  content: "\f46e";
}
.ion-ios-navigate-outline:before {
  content: "\f46d";
}
.ion-ios-nutrition:before {
  content: "\f470";
}
.ion-ios-nutrition-outline:before {
  content: "\f46f";
}
.ion-ios-paper:before {
  content: "\f472";
}
.ion-ios-paper-outline:before {
  content: "\f471";
}
.ion-ios-paperplane:before {
  content: "\f474";
}
.ion-ios-paperplane-outline:before {
  content: "\f473";
}
.ion-ios-partlysunny:before {
  content: "\f476";
}
.ion-ios-partlysunny-outline:before {
  content: "\f475";
}
.ion-ios-pause:before {
  content: "\f478";
}
.ion-ios-pause-outline:before {
  content: "\f477";
}
.ion-ios-paw:before {
  content: "\f47a";
}
.ion-ios-paw-outline:before {
  content: "\f479";
}
.ion-ios-people:before {
  content: "\f47c";
}
.ion-ios-people-outline:before {
  content: "\f47b";
}
.ion-ios-person:before {
  content: "\f47e";
}
.ion-ios-person-outline:before {
  content: "\f47d";
}
.ion-ios-personadd:before {
  content: "\f480";
}
.ion-ios-personadd-outline:before {
  content: "\f47f";
}
.ion-ios-photos:before {
  content: "\f482";
}
.ion-ios-photos-outline:before {
  content: "\f481";
}
.ion-ios-pie:before {
  content: "\f484";
}
.ion-ios-pie-outline:before {
  content: "\f483";
}
.ion-ios-pint:before {
  content: "\f486";
}
.ion-ios-pint-outline:before {
  content: "\f485";
}
.ion-ios-play:before {
  content: "\f488";
}
.ion-ios-play-outline:before {
  content: "\f487";
}
.ion-ios-plus:before {
  content: "\f48b";
}
.ion-ios-plus-empty:before {
  content: "\f489";
}
.ion-ios-plus-outline:before {
  content: "\f48a";
}
.ion-ios-pricetag:before {
  content: "\f48d";
}
.ion-ios-pricetag-outline:before {
  content: "\f48c";
}
.ion-ios-pricetags:before {
  content: "\f48f";
}
.ion-ios-pricetags-outline:before {
  content: "\f48e";
}
.ion-ios-printer:before {
  content: "\f491";
}
.ion-ios-printer-outline:before {
  content: "\f490";
}
.ion-ios-pulse:before {
  content: "\f493";
}
.ion-ios-pulse-strong:before {
  content: "\f492";
}
.ion-ios-rainy:before {
  content: "\f495";
}
.ion-ios-rainy-outline:before {
  content: "\f494";
}
.ion-ios-recording:before {
  content: "\f497";
}
.ion-ios-recording-outline:before {
  content: "\f496";
}
.ion-ios-redo:before {
  content: "\f499";
}
.ion-ios-redo-outline:before {
  content: "\f498";
}
.ion-ios-refresh:before {
  content: "\f49c";
}
.ion-ios-refresh-empty:before {
  content: "\f49a";
}
.ion-ios-refresh-outline:before {
  content: "\f49b";
}
.ion-ios-reload:before {
  content: "\f49d";
}
.ion-ios-reverse-camera:before {
  content: "\f49f";
}
.ion-ios-reverse-camera-outline:before {
  content: "\f49e";
}
.ion-ios-rewind:before {
  content: "\f4a1";
}
.ion-ios-rewind-outline:before {
  content: "\f4a0";
}
.ion-ios-rose:before {
  content: "\f4a3";
}
.ion-ios-rose-outline:before {
  content: "\f4a2";
}
.ion-ios-search:before {
  content: "\f4a5";
}
.ion-ios-search-strong:before {
  content: "\f4a4";
}
.ion-ios-settings:before {
  content: "\f4a7";
}
.ion-ios-settings-strong:before {
  content: "\f4a6";
}
.ion-ios-shuffle:before {
  content: "\f4a9";
}
.ion-ios-shuffle-strong:before {
  content: "\f4a8";
}
.ion-ios-skipbackward:before {
  content: "\f4ab";
}
.ion-ios-skipbackward-outline:before {
  content: "\f4aa";
}
.ion-ios-skipforward:before {
  content: "\f4ad";
}
.ion-ios-skipforward-outline:before {
  content: "\f4ac";
}
.ion-ios-snowy:before {
  content: "\f4ae";
}
.ion-ios-speedometer:before {
  content: "\f4b0";
}
.ion-ios-speedometer-outline:before {
  content: "\f4af";
}
.ion-ios-star:before {
  content: "\f4b3";
}
.ion-ios-star-half:before {
  content: "\f4b1";
}
.ion-ios-star-outline:before {
  content: "\f4b2";
}
.ion-ios-stopwatch:before {
  content: "\f4b5";
}
.ion-ios-stopwatch-outline:before {
  content: "\f4b4";
}
.ion-ios-sunny:before {
  content: "\f4b7";
}
.ion-ios-sunny-outline:before {
  content: "\f4b6";
}
.ion-ios-telephone:before {
  content: "\f4b9";
}
.ion-ios-telephone-outline:before {
  content: "\f4b8";
}
.ion-ios-tennisball:before {
  content: "\f4bb";
}
.ion-ios-tennisball-outline:before {
  content: "\f4ba";
}
.ion-ios-thunderstorm:before {
  content: "\f4bd";
}
.ion-ios-thunderstorm-outline:before {
  content: "\f4bc";
}
.ion-ios-time:before {
  content: "\f4bf";
}
.ion-ios-time-outline:before {
  content: "\f4be";
}
.ion-ios-timer:before {
  content: "\f4c1";
}
.ion-ios-timer-outline:before {
  content: "\f4c0";
}
.ion-ios-toggle:before {
  content: "\f4c3";
}
.ion-ios-toggle-outline:before {
  content: "\f4c2";
}
.ion-ios-trash:before {
  content: "\f4c5";
}
.ion-ios-trash-outline:before {
  content: "\f4c4";
}
.ion-ios-undo:before {
  content: "\f4c7";
}
.ion-ios-undo-outline:before {
  content: "\f4c6";
}
.ion-ios-unlocked:before {
  content: "\f4c9";
}
.ion-ios-unlocked-outline:before {
  content: "\f4c8";
}
.ion-ios-upload:before {
  content: "\f4cb";
}
.ion-ios-upload-outline:before {
  content: "\f4ca";
}
.ion-ios-videocam:before {
  content: "\f4cd";
}
.ion-ios-videocam-outline:before {
  content: "\f4cc";
}
.ion-ios-volume-high:before {
  content: "\f4ce";
}
.ion-ios-volume-low:before {
  content: "\f4cf";
}
.ion-ios-wineglass:before {
  content: "\f4d1";
}
.ion-ios-wineglass-outline:before {
  content: "\f4d0";
}
.ion-ios-world:before {
  content: "\f4d3";
}
.ion-ios-world-outline:before {
  content: "\f4d2";
}
.ion-ipad:before {
  content: "\f1f9";
}
.ion-iphone:before {
  content: "\f1fa";
}
.ion-ipod:before {
  content: "\f1fb";
}
.ion-jet:before {
  content: "\f295";
}
.ion-key:before {
  content: "\f296";
}
.ion-knife:before {
  content: "\f297";
}
.ion-laptop:before {
  content: "\f1fc";
}
.ion-leaf:before {
  content: "\f1fd";
}
.ion-levels:before {
  content: "\f298";
}
.ion-lightbulb:before {
  content: "\f299";
}
.ion-link:before {
  content: "\f1fe";
}
.ion-load-a:before {
  content: "\f29a";
}
.ion-load-b:before {
  content: "\f29b";
}
.ion-load-c:before {
  content: "\f29c";
}
.ion-load-d:before {
  content: "\f29d";
}
.ion-location:before {
  content: "\f1ff";
}
.ion-lock-combination:before {
  content: "\f4d4";
}
.ion-locked:before {
  content: "\f200";
}
.ion-log-in:before {
  content: "\f29e";
}
.ion-log-out:before {
  content: "\f29f";
}
.ion-loop:before {
  content: "\f201";
}
.ion-magnet:before {
  content: "\f2a0";
}
.ion-male:before {
  content: "\f2a1";
}
.ion-man:before {
  content: "\f202";
}
.ion-map:before {
  content: "\f203";
}
.ion-medkit:before {
  content: "\f2a2";
}
.ion-merge:before {
  content: "\f33f";
}
.ion-mic-a:before {
  content: "\f204";
}
.ion-mic-b:before {
  content: "\f205";
}
.ion-mic-c:before {
  content: "\f206";
}
.ion-minus:before {
  content: "\f209";
}
.ion-minus-circled:before {
  content: "\f207";
}
.ion-minus-round:before {
  content: "\f208";
}
.ion-model-s:before {
  content: "\f2c1";
}
.ion-monitor:before {
  content: "\f20a";
}
.ion-more:before {
  content: "\f20b";
}
.ion-mouse:before {
  content: "\f340";
}
.ion-music-note:before {
  content: "\f20c";
}
.ion-navicon:before {
  content: "\f20e";
}
.ion-navicon-round:before {
  content: "\f20d";
}
.ion-navigate:before {
  content: "\f2a3";
}
.ion-network:before {
  content: "\f341";
}
.ion-no-smoking:before {
  content: "\f2c2";
}
.ion-nuclear:before {
  content: "\f2a4";
}
.ion-outlet:before {
  content: "\f342";
}
.ion-paintbrush:before {
  content: "\f4d5";
}
.ion-paintbucket:before {
  content: "\f4d6";
}
.ion-paper-airplane:before {
  content: "\f2c3";
}
.ion-paperclip:before {
  content: "\f20f";
}
.ion-pause:before {
  content: "\f210";
}
.ion-person:before {
  content: "\f213";
}
.ion-person-add:before {
  content: "\f211";
}
.ion-person-stalker:before {
  content: "\f212";
}
.ion-pie-graph:before {
  content: "\f2a5";
}
.ion-pin:before {
  content: "\f2a6";
}
.ion-pinpoint:before {
  content: "\f2a7";
}
.ion-pizza:before {
  content: "\f2a8";
}
.ion-plane:before {
  content: "\f214";
}
.ion-planet:before {
  content: "\f343";
}
.ion-play:before {
  content: "\f215";
}
.ion-playstation:before {
  content: "\f30a";
}
.ion-plus:before {
  content: "\f218";
}
.ion-plus-circled:before {
  content: "\f216";
}
.ion-plus-round:before {
  content: "\f217";
}
.ion-podium:before {
  content: "\f344";
}
.ion-pound:before {
  content: "\f219";
}
.ion-power:before {
  content: "\f2a9";
}
.ion-pricetag:before {
  content: "\f2aa";
}
.ion-pricetags:before {
  content: "\f2ab";
}
.ion-printer:before {
  content: "\f21a";
}
.ion-pull-request:before {
  content: "\f345";
}
.ion-qr-scanner:before {
  content: "\f346";
}
.ion-quote:before {
  content: "\f347";
}
.ion-radio-waves:before {
  content: "\f2ac";
}
.ion-record:before {
  content: "\f21b";
}
.ion-refresh:before {
  content: "\f21c";
}
.ion-reply:before {
  content: "\f21e";
}
.ion-reply-all:before {
  content: "\f21d";
}
.ion-ribbon-a:before {
  content: "\f348";
}
.ion-ribbon-b:before {
  content: "\f349";
}
.ion-sad:before {
  content: "\f34a";
}
.ion-sad-outline:before {
  content: "\f4d7";
}
.ion-scissors:before {
  content: "\f34b";
}
.ion-search:before {
  content: "\f21f";
}
.ion-settings:before {
  content: "\f2ad";
}
.ion-share:before {
  content: "\f220";
}
.ion-shuffle:before {
  content: "\f221";
}
.ion-skip-backward:before {
  content: "\f222";
}
.ion-skip-forward:before {
  content: "\f223";
}
.ion-social-android:before {
  content: "\f225";
}
.ion-social-android-outline:before {
  content: "\f224";
}
.ion-social-angular:before {
  content: "\f4d9";
}
.ion-social-angular-outline:before {
  content: "\f4d8";
}
.ion-social-apple:before {
  content: "\f227";
}
.ion-social-apple-outline:before {
  content: "\f226";
}
.ion-social-bitcoin:before {
  content: "\f2af";
}
.ion-social-bitcoin-outline:before {
  content: "\f2ae";
}
.ion-social-buffer:before {
  content: "\f229";
}
.ion-social-buffer-outline:before {
  content: "\f228";
}
.ion-social-chrome:before {
  content: "\f4db";
}
.ion-social-chrome-outline:before {
  content: "\f4da";
}
.ion-social-codepen:before {
  content: "\f4dd";
}
.ion-social-codepen-outline:before {
  content: "\f4dc";
}
.ion-social-css3:before {
  content: "\f4df";
}
.ion-social-css3-outline:before {
  content: "\f4de";
}
.ion-social-designernews:before {
  content: "\f22b";
}
.ion-social-designernews-outline:before {
  content: "\f22a";
}
.ion-social-dribbble:before {
  content: "\f22d";
}
.ion-social-dribbble-outline:before {
  content: "\f22c";
}
.ion-social-dropbox:before {
  content: "\f22f";
}
.ion-social-dropbox-outline:before {
  content: "\f22e";
}
.ion-social-euro:before {
  content: "\f4e1";
}
.ion-social-euro-outline:before {
  content: "\f4e0";
}
.ion-social-facebook:before {
  content: "\f231";
}
.ion-social-facebook-outline:before {
  content: "\f230";
}
.ion-social-foursquare:before {
  content: "\f34d";
}
.ion-social-foursquare-outline:before {
  content: "\f34c";
}
.ion-social-freebsd-devil:before {
  content: "\f2c4";
}
.ion-social-github:before {
  content: "\f233";
}
.ion-social-github-outline:before {
  content: "\f232";
}
.ion-social-google:before {
  content: "\f34f";
}
.ion-social-google-outline:before {
  content: "\f34e";
}
.ion-social-googleplus:before {
  content: "\f235";
}
.ion-social-googleplus-outline:before {
  content: "\f234";
}
.ion-social-hackernews:before {
  content: "\f237";
}
.ion-social-hackernews-outline:before {
  content: "\f236";
}
.ion-social-html5:before {
  content: "\f4e3";
}
.ion-social-html5-outline:before {
  content: "\f4e2";
}
.ion-social-instagram:before {
  content: "\f351";
}
.ion-social-instagram-outline:before {
  content: "\f350";
}
.ion-social-javascript:before {
  content: "\f4e5";
}
.ion-social-javascript-outline:before {
  content: "\f4e4";
}
.ion-social-linkedin:before {
  content: "\f239";
}
.ion-social-linkedin-outline:before {
  content: "\f238";
}
.ion-social-markdown:before {
  content: "\f4e6";
}
.ion-social-nodejs:before {
  content: "\f4e7";
}
.ion-social-octocat:before {
  content: "\f4e8";
}
.ion-social-pinterest:before {
  content: "\f2b1";
}
.ion-social-pinterest-outline:before {
  content: "\f2b0";
}
.ion-social-python:before {
  content: "\f4e9";
}
.ion-social-reddit:before {
  content: "\f23b";
}
.ion-social-reddit-outline:before {
  content: "\f23a";
}
.ion-social-rss:before {
  content: "\f23d";
}
.ion-social-rss-outline:before {
  content: "\f23c";
}
.ion-social-sass:before {
  content: "\f4ea";
}
.ion-social-skype:before {
  content: "\f23f";
}
.ion-social-skype-outline:before {
  content: "\f23e";
}
.ion-social-snapchat:before {
  content: "\f4ec";
}
.ion-social-snapchat-outline:before {
  content: "\f4eb";
}
.ion-social-tumblr:before {
  content: "\f241";
}
.ion-social-tumblr-outline:before {
  content: "\f240";
}
.ion-social-tux:before {
  content: "\f2c5";
}
.ion-social-twitch:before {
  content: "\f4ee";
}
.ion-social-twitch-outline:before {
  content: "\f4ed";
}
.ion-social-twitter:before {
  content: "\f243";
}
.ion-social-twitter-outline:before {
  content: "\f242";
}
.ion-social-usd:before {
  content: "\f353";
}
.ion-social-usd-outline:before {
  content: "\f352";
}
.ion-social-vimeo:before {
  content: "\f245";
}
.ion-social-vimeo-outline:before {
  content: "\f244";
}
.ion-social-whatsapp:before {
  content: "\f4f0";
}
.ion-social-whatsapp-outline:before {
  content: "\f4ef";
}
.ion-social-windows:before {
  content: "\f247";
}
.ion-social-windows-outline:before {
  content: "\f246";
}
.ion-social-wordpress:before {
  content: "\f249";
}
.ion-social-wordpress-outline:before {
  content: "\f248";
}
.ion-social-yahoo:before {
  content: "\f24b";
}
.ion-social-yahoo-outline:before {
  content: "\f24a";
}
.ion-social-yen:before {
  content: "\f4f2";
}
.ion-social-yen-outline:before {
  content: "\f4f1";
}
.ion-social-youtube:before {
  content: "\f24d";
}
.ion-social-youtube-outline:before {
  content: "\f24c";
}
.ion-soup-can:before {
  content: "\f4f4";
}
.ion-soup-can-outline:before {
  content: "\f4f3";
}
.ion-speakerphone:before {
  content: "\f2b2";
}
.ion-speedometer:before {
  content: "\f2b3";
}
.ion-spoon:before {
  content: "\f2b4";
}
.ion-star:before {
  content: "\f24e";
}
.ion-stats-bars:before {
  content: "\f2b5";
}
.ion-steam:before {
  content: "\f30b";
}
.ion-stop:before {
  content: "\f24f";
}
.ion-thermometer:before {
  content: "\f2b6";
}
.ion-thumbsdown:before {
  content: "\f250";
}
.ion-thumbsup:before {
  content: "\f251";
}
.ion-toggle:before {
  content: "\f355";
}
.ion-toggle-filled:before {
  content: "\f354";
}
.ion-transgender:before {
  content: "\f4f5";
}
.ion-trash-a:before {
  content: "\f252";
}
.ion-trash-b:before {
  content: "\f253";
}
.ion-trophy:before {
  content: "\f356";
}
.ion-tshirt:before {
  content: "\f4f7";
}
.ion-tshirt-outline:before {
  content: "\f4f6";
}
.ion-umbrella:before {
  content: "\f2b7";
}
.ion-university:before {
  content: "\f357";
}
.ion-unlocked:before {
  content: "\f254";
}
.ion-upload:before {
  content: "\f255";
}
.ion-usb:before {
  content: "\f2b8";
}
.ion-videocamera:before {
  content: "\f256";
}
.ion-volume-high:before {
  content: "\f257";
}
.ion-volume-low:before {
  content: "\f258";
}
.ion-volume-medium:before {
  content: "\f259";
}
.ion-volume-mute:before {
  content: "\f25a";
}
.ion-wand:before {
  content: "\f358";
}
.ion-waterdrop:before {
  content: "\f25b";
}
.ion-wifi:before {
  content: "\f25c";
}
.ion-wineglass:before {
  content: "\f2b9";
}
.ion-woman:before {
  content: "\f25d";
}
.ion-wrench:before {
  content: "\f2ba";
}
.ion-xbox:before {
  content: "\f30c";
}
.tooltip {
  z-index: 40;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: hsl(200 7.0% 8.8% / 1);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.tooltip {
    background-color: hsl(200 7.0% 8.8% / var(--tw-bg-opacity));
}
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.tooltip {
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
:is(.dark .tooltip) {
  --tw-bg-opacity: 1;
  background-color: hsl(207 11.1% 85.9% / 1);
  --tw-text-opacity: 1;
  color: hsl(200 7.0% 8.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .tooltip) {
    background-color: hsl(207 11.1% 85.9% / var(--tw-bg-opacity));
    color: hsl(200 7.0% 8.8% / var(--tw-text-opacity));
}
}
.hide {
  display: none;
}
:is(.dark .dark\:prose-invert) {
  --tw-prose-body: var(--tw-prose-invert-body);
  --tw-prose-headings: var(--tw-prose-invert-headings);
  --tw-prose-lead: var(--tw-prose-invert-lead);
  --tw-prose-links: var(--tw-prose-invert-links);
  --tw-prose-bold: var(--tw-prose-invert-bold);
  --tw-prose-counters: var(--tw-prose-invert-counters);
  --tw-prose-bullets: var(--tw-prose-invert-bullets);
  --tw-prose-hr: var(--tw-prose-invert-hr);
  --tw-prose-quotes: var(--tw-prose-invert-quotes);
  --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
  --tw-prose-captions: var(--tw-prose-invert-captions);
  --tw-prose-code: var(--tw-prose-invert-code);
  --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
  --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
  --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
  --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
}
@media (min-width: 1024px) {
.lg\:container {
    width: 100%;
}
@media (min-width: 480px) {
.lg\:container {
      max-width: 480px;
}
}
@media (min-width: 640px) {
.lg\:container {
      max-width: 640px;
}
}
@media (min-width: 768px) {
.lg\:container {
      max-width: 768px;
}
}
@media (min-width: 1024px) {
.lg\:container {
      max-width: 1024px;
}
}
@media (min-width: 1280px) {
.lg\:container {
      max-width: 1280px;
}
}
@media (min-width: 1536px) {
.lg\:container {
      max-width: 1536px;
}
}
}
.first-letter\:uppercase::first-letter {
  text-transform: uppercase;
}
.placeholder\:font-normal::-moz-placeholder {
  font-weight: 400;
}
.placeholder\:font-normal::placeholder {
  font-weight: 400;
}
.placeholder\:text-ash-900::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(28 32 36 / 1);
  color: rgb(var(--color-ash-900) / var(--tw-text-opacity));
}
.placeholder\:text-ash-900::placeholder {
  --tw-text-opacity: 1;
  color: rgb(28 32 36 / 1);
  color: rgb(var(--color-ash-900) / var(--tw-text-opacity));
}
.placeholder\:text-slate-400::-moz-placeholder {
  --tw-text-opacity: 1;
  color: hsl(206 6.0% 63.0% / 1);
}
.placeholder\:text-slate-400::placeholder {
  --tw-text-opacity: 1;
  color: hsl(206 6.0% 63.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.placeholder\:text-slate-400::-moz-placeholder {
    color: hsl(206 6.0% 63.0% / var(--tw-text-opacity));
}
.placeholder\:text-slate-400::placeholder {
    color: hsl(206 6.0% 63.0% / var(--tw-text-opacity));
}
}
.before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}
.before\:-bottom-8::before {
  content: var(--tw-content);
  bottom: -2rem;
}
.before\:left-4::before {
  content: var(--tw-content);
  left: 1rem;
}
.before\:left-\[24px\]::before {
  content: var(--tw-content);
  left: 24px;
}
.before\:top-0::before {
  content: var(--tw-content);
  top: 0px;
}
.before\:top-12::before {
  content: var(--tw-content);
  top: 3rem;
}
.before\:h-0::before {
  content: var(--tw-content);
  height: 0px;
}
.before\:h-10::before {
  content: var(--tw-content);
  height: 2.5rem;
}
.before\:h-4::before {
  content: var(--tw-content);
  height: 1rem;
}
.before\:w-0::before {
  content: var(--tw-content);
  width: 0px;
}
.before\:w-0\.5::before {
  content: var(--tw-content);
  width: 0.125rem;
}
.before\:w-4::before {
  content: var(--tw-content);
  width: 1rem;
}
.before\:w-\[1px\]::before {
  content: var(--tw-content);
  width: 1px;
}
.before\:rounded-full::before {
  content: var(--tw-content);
  border-radius: 9999px;
}
.before\:border-4::before {
  content: var(--tw-content);
  border-width: 4px;
}
.before\:border-b::before {
  content: var(--tw-content);
  border-bottom-width: 1px;
}
.before\:border-solid::before {
  content: var(--tw-content);
  border-style: solid;
}
.before\:border-ash-25::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(252 252 253 / 1);
  border-color: rgb(var(--color-ash-25) / var(--tw-border-opacity));
}
.before\:border-slate-100::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.before\:border-slate-100::before {
    border-color: hsl(208 11.7% 91.1% / var(--tw-border-opacity));
}
}
.before\:\!border-t-woot-500::before {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-top-color: hsl(209 100% 60.6% / 1) !important;
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.before\:\!border-t-woot-500::before {
    border-top-color: hsl(209 100% 60.6% / var(--tw-border-opacity)) !important;
}
}
.before\:\!border-t-yellow-500::before {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-top-color: hsl(48 100% 47.0% / 1) !important;
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.before\:\!border-t-yellow-500::before {
    border-top-color: hsl(48 100% 47.0% / var(--tw-border-opacity)) !important;
}
}
.before\:bg-primary-600::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(39 129 246 / 1);
  background-color: rgb(var(--color-primary-600) / var(--tw-bg-opacity));
}
.before\:bg-slate-200::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(207 11.1% 85.9% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.before\:bg-slate-200::before {
    background-color: hsl(207 11.1% 85.9% / var(--tw-bg-opacity));
}
}
.before\:bg-slate-75::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(209 12.2% 93.2% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.before\:bg-slate-75::before {
    background-color: hsl(209 12.2% 93.2% / var(--tw-bg-opacity));
}
}
.before\:bg-woot-500::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(209 100% 60.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.before\:bg-woot-500::before {
    background-color: hsl(209 100% 60.6% / var(--tw-bg-opacity));
}
}
.before\:content-\[\'\'\]::before {
  --tw-content: '';
  content: '';
  content: var(--tw-content);
}
.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}
.after\:relative::after {
  content: var(--tw-content);
  position: relative;
}
.after\:-top-\[1\.5px\]::after {
  content: var(--tw-content);
  top: -1.5px;
}
.after\:left-4::after {
  content: var(--tw-content);
  left: 1rem;
}
.after\:top-5::after {
  content: var(--tw-content);
  top: 1.25rem;
}
.after\:flex::after {
  content: var(--tw-content);
  display: flex;
}
.after\:h-12::after {
  content: var(--tw-content);
  height: 3rem;
}
.after\:h-full::after {
  content: var(--tw-content);
  height: 100%;
}
.after\:w-0::after {
  content: var(--tw-content);
  width: 0px;
}
.after\:items-center::after {
  content: var(--tw-content);
  align-items: center;
}
.after\:justify-center::after {
  content: var(--tw-content);
  justify-content: center;
}
.after\:border-l::after {
  content: var(--tw-content);
  border-left-width: 1px;
}
.after\:border-solid::after {
  content: var(--tw-content);
  border-style: solid;
}
.after\:border-slate-100::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.after\:border-slate-100::after {
    border-color: hsl(208 11.7% 91.1% / var(--tw-border-opacity));
}
}
.after\:bg-slate-75::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(209 12.2% 93.2% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.after\:bg-slate-75::after {
    background-color: hsl(209 12.2% 93.2% / var(--tw-bg-opacity));
}
}
.after\:text-center::after {
  content: var(--tw-content);
  text-align: center;
}
.after\:text-xs::after {
  content: var(--tw-content);
  font-size: 0.75rem;
  line-height: 1rem;
}
.after\:font-bold::after {
  content: var(--tw-content);
  font-weight: 700;
}
.after\:text-white::after {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.after\:text-white::after {
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
.after\:content-\[\'\'\]::after {
  --tw-content: '';
  content: '';
  content: var(--tw-content);
}
.first\:rounded-t-xl:first-child {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.first\:before\:h-0:first-child::before {
  content: var(--tw-content);
  height: 0px;
}
.last\:mb-0:last-child {
  margin-bottom: 0px;
}
.last\:mb-2:last-child {
  margin-bottom: 0.5rem;
}
.last\:mt-4:last-child {
  margin-top: 1rem;
}
.last\:rounded-b-xl:last-child {
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.last\:border-b-0:last-child {
  border-bottom-width: 0px;
}
.last\:border-r-0:last-child {
  border-right-width: 0px;
}
.last\:text-right:last-child {
  text-align: right;
}
.last\:before\:h-0:last-child::before {
  content: var(--tw-content);
  height: 0px;
}
.last\:after\:h-0:last-child::after {
  content: var(--tw-content);
  height: 0px;
}
.checked\:border:checked {
  border-width: 1px;
}
.checked\:border-b-0:checked {
  border-bottom-width: 0px;
}
.checked\:border-l-0:checked {
  border-left-width: 0px;
}
.checked\:border-r-0:checked {
  border-right-width: 0px;
}
.checked\:border-t:checked {
  border-top-width: 1px;
}
.checked\:border-none:checked {
  border-style: none;
}
.checked\:border-primary-600:checked {
  --tw-border-opacity: 1;
  border-color: rgb(39 129 246 / 1);
  border-color: rgb(var(--color-primary-600) / var(--tw-border-opacity));
}
.checked\:border-woot-700:checked {
  --tw-border-opacity: 1;
  border-color: hsl(211 89.7% 34.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.checked\:border-woot-700:checked {
    border-color: hsl(211 89.7% 34.1% / var(--tw-border-opacity));
}
}
.checked\:bg-primary-600:checked {
  --tw-bg-opacity: 1;
  background-color: rgb(39 129 246 / 1);
  background-color: rgb(var(--color-primary-600) / var(--tw-bg-opacity));
}
.checked\:bg-woot-600:checked {
  --tw-bg-opacity: 1;
  background-color: hsl(206 100% 50.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.checked\:bg-woot-600:checked {
    background-color: hsl(206 100% 50.0% / var(--tw-bg-opacity));
}
}
.checked\:before\:h-\[14px\]:checked::before {
  content: var(--tw-content);
  height: 14px;
}
.checked\:before\:h-\[18px\]:checked::before {
  content: var(--tw-content);
  height: 18px;
}
.checked\:before\:w-\[14px\]:checked::before {
  content: var(--tw-content);
  width: 14px;
}
.checked\:before\:w-\[18px\]:checked::before {
  content: var(--tw-content);
  width: 18px;
}
.checked\:after\:content-\[\'\2713\'\]:checked::after {
  --tw-content: '✓';
  content: '✓';
  content: var(--tw-content);
}
.hover\:z-50:hover {
  z-index: 50;
}
.hover\:cursor-pointer:hover {
  cursor: pointer;
}
.hover\:rounded-md:hover {
  border-radius: 0.375rem;
}
.hover\:border-black-300:hover {
  --tw-border-opacity: 1;
  border-color: hsl(205 10.7% 78.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.hover\:border-black-300:hover {
    border-color: hsl(205 10.7% 78.0% / var(--tw-border-opacity));
}
}
.hover\:border-red-300:hover {
  --tw-border-opacity: 1;
  border-color: hsl(358 100% 69.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.hover\:border-red-300:hover {
    border-color: hsl(358 100% 69.5% / var(--tw-border-opacity));
}
}
.hover\:border-slate-75:hover {
  --tw-border-opacity: 1;
  border-color: hsl(209 12.2% 93.2% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.hover\:border-slate-75:hover {
    border-color: hsl(209 12.2% 93.2% / var(--tw-border-opacity));
}
}
.hover\:border-transparent:hover {
  border-color: transparent;
}
.hover\:border-woot-200:hover {
  --tw-border-opacity: 1;
  border-color: hsl(208 77.5% 76.9% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.hover\:border-woot-200:hover {
    border-color: hsl(208 77.5% 76.9% / var(--tw-border-opacity));
}
}
.hover\:border-woot-500:hover {
  --tw-border-opacity: 1;
  border-color: hsl(209 100% 60.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.hover\:border-woot-500:hover {
    border-color: hsl(209 100% 60.6% / var(--tw-border-opacity));
}
}
.hover\:\!bg-slate-50:hover {
  --tw-bg-opacity: 1 !important;
  background-color: hsl(209 13.3% 95.3% / 1) !important;
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.hover\:\!bg-slate-50:hover {
    background-color: hsl(209 13.3% 95.3% / var(--tw-bg-opacity)) !important;
}
}
.hover\:\!bg-transparent:hover {
  background-color: transparent !important;
}
.hover\:bg-slate-100:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.hover\:bg-slate-100:hover {
    background-color: hsl(208 11.7% 91.1% / var(--tw-bg-opacity));
}
}
.hover\:bg-slate-200:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(207 11.1% 85.9% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.hover\:bg-slate-200:hover {
    background-color: hsl(207 11.1% 85.9% / var(--tw-bg-opacity));
}
}
.hover\:bg-slate-25:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(210 16.7% 97.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.hover\:bg-slate-25:hover {
    background-color: hsl(210 16.7% 97.6% / var(--tw-bg-opacity));
}
}
.hover\:bg-slate-300:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(205 10.7% 78.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.hover\:bg-slate-300:hover {
    background-color: hsl(205 10.7% 78.0% / var(--tw-bg-opacity));
}
}
.hover\:bg-slate-50:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(209 13.3% 95.3% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.hover\:bg-slate-50:hover {
    background-color: hsl(209 13.3% 95.3% / var(--tw-bg-opacity));
}
}
.hover\:bg-slate-75:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(209 12.2% 93.2% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.hover\:bg-slate-75:hover {
    background-color: hsl(209 12.2% 93.2% / var(--tw-bg-opacity));
}
}
.hover\:bg-violet-600:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(250 51.8% 51.2% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.hover\:bg-violet-600:hover {
    background-color: hsl(250 51.8% 51.2% / var(--tw-bg-opacity));
}
}
.hover\:bg-woot-100:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(209 95.0% 90.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.hover\:bg-woot-100:hover {
    background-color: hsl(209 95.0% 90.1% / var(--tw-bg-opacity));
}
}
.hover\:bg-woot-50:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(209 100% 96.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.hover\:bg-woot-50:hover {
    background-color: hsl(209 100% 96.5% / var(--tw-bg-opacity));
}
}
.hover\:bg-woot-500:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(209 100% 60.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.hover\:bg-woot-500:hover {
    background-color: hsl(209 100% 60.6% / var(--tw-bg-opacity));
}
}
.hover\:bg-woot-600:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(206 100% 50.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.hover\:bg-woot-600:hover {
    background-color: hsl(206 100% 50.0% / var(--tw-bg-opacity));
}
}
.hover\:bg-woot-700:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(211 89.7% 34.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.hover\:bg-woot-700:hover {
    background-color: hsl(211 89.7% 34.1% / var(--tw-bg-opacity));
}
}
.hover\:bg-woot-75:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(210 98.8% 94.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.hover\:bg-woot-75:hover {
    background-color: hsl(210 98.8% 94.0% / var(--tw-bg-opacity));
}
}
.hover\:text-ash-900:hover {
  --tw-text-opacity: 1;
  color: rgb(28 32 36 / 1);
  color: rgb(var(--color-ash-900) / var(--tw-text-opacity));
}
.hover\:text-primary-600:hover {
  --tw-text-opacity: 1;
  color: rgb(39 129 246 / 1);
  color: rgb(var(--color-primary-600) / var(--tw-text-opacity));
}
.hover\:text-ruby-600:hover {
  --tw-text-opacity: 1;
  color: rgb(229 70 102 / 1);
  color: rgb(var(--color-ruby-600) / var(--tw-text-opacity));
}
.hover\:text-slate-400:hover {
  --tw-text-opacity: 1;
  color: hsl(206 6.0% 63.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.hover\:text-slate-400:hover {
    color: hsl(206 6.0% 63.0% / var(--tw-text-opacity));
}
}
.hover\:text-slate-600:hover {
  --tw-text-opacity: 1;
  color: hsl(206 6.0% 43.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.hover\:text-slate-600:hover {
    color: hsl(206 6.0% 43.5% / var(--tw-text-opacity));
}
}
.hover\:text-slate-700:hover {
  --tw-text-opacity: 1;
  color: hsl(207 5.6% 31.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.hover\:text-slate-700:hover {
    color: hsl(207 5.6% 31.6% / var(--tw-text-opacity));
}
}
.hover\:text-slate-800:hover {
  --tw-text-opacity: 1;
  color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.hover\:text-slate-800:hover {
    color: hsl(198 6.6% 15.8% / var(--tw-text-opacity));
}
}
.hover\:text-slate-900:hover {
  --tw-text-opacity: 1;
  color: hsl(200 7.0% 8.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.hover\:text-slate-900:hover {
    color: hsl(200 7.0% 8.8% / var(--tw-text-opacity));
}
}
.hover\:text-violet-200:hover {
  --tw-text-opacity: 1;
  color: hsl(252 77.8% 89.4% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.hover\:text-violet-200:hover {
    color: hsl(252 77.8% 89.4% / var(--tw-text-opacity));
}
}
.hover\:text-woot-500:hover {
  --tw-text-opacity: 1;
  color: hsl(209 100% 60.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.hover\:text-woot-500:hover {
    color: hsl(209 100% 60.6% / var(--tw-text-opacity));
}
}
.hover\:text-woot-600:hover {
  --tw-text-opacity: 1;
  color: hsl(206 100% 50.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.hover\:text-woot-600:hover {
    color: hsl(206 100% 50.0% / var(--tw-text-opacity));
}
}
.hover\:text-woot-700:hover {
  --tw-text-opacity: 1;
  color: hsl(211 89.7% 34.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.hover\:text-woot-700:hover {
    color: hsl(211 89.7% 34.1% / var(--tw-text-opacity));
}
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:\!no-underline:hover {
  text-decoration-line: none !important;
}
.hover\:underline-offset-4:hover {
  text-underline-offset: 4px;
}
.hover\:opacity-100:hover {
  opacity: 1;
}
.hover\:shadow-lg:hover {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-none:hover {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:border-black-300:focus {
  --tw-border-opacity: 1;
  border-color: hsl(205 10.7% 78.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.focus\:border-black-300:focus {
    border-color: hsl(205 10.7% 78.0% / var(--tw-border-opacity));
}
}
.focus\:border-red-300:focus {
  --tw-border-opacity: 1;
  border-color: hsl(358 100% 69.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.focus\:border-red-300:focus {
    border-color: hsl(358 100% 69.5% / var(--tw-border-opacity));
}
}
.focus\:border-slate-500:focus {
  --tw-border-opacity: 1;
  border-color: hsl(206 5.2% 49.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.focus\:border-slate-500:focus {
    border-color: hsl(206 5.2% 49.5% / var(--tw-border-opacity));
}
}
.focus\:border-transparent:focus {
  border-color: transparent;
}
.focus\:border-woot-500:focus {
  --tw-border-opacity: 1;
  border-color: hsl(209 100% 60.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.focus\:border-woot-500:focus {
    border-color: hsl(209 100% 60.6% / var(--tw-border-opacity));
}
}
.focus\:border-woot-600:focus {
  --tw-border-opacity: 1;
  border-color: hsl(206 100% 50.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.focus\:border-woot-600:focus {
    border-color: hsl(206 100% 50.0% / var(--tw-border-opacity));
}
}
.focus\:bg-slate-25:focus {
  --tw-bg-opacity: 1;
  background-color: hsl(210 16.7% 97.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.focus\:bg-slate-25:focus {
    background-color: hsl(210 16.7% 97.6% / var(--tw-bg-opacity));
}
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:outline:focus {
  outline-style: solid;
}
.focus\:outline-2:focus {
  outline-width: 2px;
}
.focus\:outline-offset-0:focus {
  outline-offset: 0px;
}
.focus\:outline-offset-1:focus {
  outline-offset: 1px;
}
.focus\:outline-ash-400:focus {
  outline-color: rgb(211 212 219 / 1);
  outline-color: rgb(var(--color-ash-400) / 1);
}
.focus\:outline-primary-400:focus {
  outline-color: rgb(155 195 252 / 1);
  outline-color: rgb(var(--color-primary-400) / 1);
}
.focus\:outline-red-600:focus {
  outline-color: hsl(358, 69.4%, 55.2%);
}
.focus\:outline-ruby-400:focus {
  outline-color: rgb(239 172 184 / 1);
  outline-color: rgb(var(--color-ruby-400) / 1);
}
.focus\:outline-woot-500:focus {
  outline-color: hsl(209, 100%, 60.6%);
}
.focus\:ring:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-1:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-inset:focus {
  --tw-ring-inset: inset;
}
.focus\:ring-primary-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--color-primary-500) / var(--tw-ring-opacity));
}
.focus\:ring-slate-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(208 11.7% 91.1% / var(--tw-ring-opacity));
}
.focus\:ring-woot-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(208 77.5% 76.9% / var(--tw-ring-opacity));
}
.focus\:ring-woot-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(209 100% 60.6% / var(--tw-ring-opacity));
}
.focus-visible\:border-transparent:focus-visible {
  border-color: transparent;
}
.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:outline:focus-visible {
  outline-style: solid;
}
.focus-visible\:outline-2:focus-visible {
  outline-width: 2px;
}
.focus-visible\:outline-offset-2:focus-visible {
  outline-offset: 2px;
}
.focus-visible\:outline-woot-500:focus-visible {
  outline-color: hsl(209, 100%, 60.6%);
}
.focus-visible\:outline-woot-600:focus-visible {
  outline-color: hsl(206, 100%, 50.0%);
}
.active\:border-transparent:active {
  border-color: transparent;
}
.active\:bg-slate-75:active {
  --tw-bg-opacity: 1;
  background-color: hsl(209 12.2% 93.2% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.active\:bg-slate-75:active {
    background-color: hsl(209 12.2% 93.2% / var(--tw-bg-opacity));
}
}
.active\:text-ash-900:active {
  --tw-text-opacity: 1;
  color: rgb(28 32 36 / 1);
  color: rgb(var(--color-ash-900) / var(--tw-text-opacity));
}
.active\:text-primary-600:active {
  --tw-text-opacity: 1;
  color: rgb(39 129 246 / 1);
  color: rgb(var(--color-primary-600) / var(--tw-text-opacity));
}
.active\:text-ruby-600:active {
  --tw-text-opacity: 1;
  color: rgb(229 70 102 / 1);
  color: rgb(var(--color-ruby-600) / var(--tw-text-opacity));
}
.active\:shadow-none:active {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.disabled\:text-slate-200:disabled {
  --tw-text-opacity: 1;
  color: hsl(207 11.1% 85.9% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.disabled\:text-slate-200:disabled {
    color: hsl(207 11.1% 85.9% / var(--tw-text-opacity));
}
}
.disabled\:opacity-60:disabled {
  opacity: 0.6;
}
.group:hover .group-hover\:visible {
  visibility: visible;
}
.group:hover .group-hover\:invisible {
  visibility: hidden;
}
.group:hover .group-hover\:block {
  display: block;
}
.group:hover .group-hover\:flex {
  display: flex;
}
.group:hover .group-hover\:border-transparent {
  border-color: transparent;
}
.group:hover .group-hover\:bg-slate-50 {
  --tw-bg-opacity: 1;
  background-color: hsl(209 13.3% 95.3% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.group:hover .group-hover\:bg-slate-50 {
    background-color: hsl(209 13.3% 95.3% / var(--tw-bg-opacity));
}
}
.group:hover .group-hover\:text-woot-500 {
  --tw-text-opacity: 1;
  color: hsl(209 100% 60.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.group:hover .group-hover\:text-woot-500 {
    color: hsl(209 100% 60.6% / var(--tw-text-opacity));
}
}
.group:hover .group-hover\:underline {
  text-decoration-line: underline;
}
.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}
.group:hover .group-hover\:opacity-75 {
  opacity: 0.75;
}
.prose-h1\:text-2xl :is(:where(h1):not(:where([class~="not-prose"] *))) {
  font-size: 1.5rem;
  line-height: 2rem;
}
.prose-h2\:mt-0 :is(:where(h2):not(:where([class~="not-prose"] *))) {
  margin-top: 0px;
}
.prose-h2\:text-xl :is(:where(h2):not(:where([class~="not-prose"] *))) {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.prose-h3\:text-lg :is(:where(h3):not(:where([class~="not-prose"] *))) {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.prose-code\:before\:content-none :is(:where(code):not(:where([class~="not-prose"] *)))::before {
  --tw-content: none;
  content: none;
  content: var(--tw-content);
}
.prose-code\:after\:content-none :is(:where(code):not(:where([class~="not-prose"] *)))::after {
  --tw-content: none;
  content: none;
  content: var(--tw-content);
}
:is([dir="ltr"] .ltr\:-left-3) {
  left: -0.75rem;
}
:is([dir="ltr"] .ltr\:-left-3\.5) {
  left: -0.875rem;
}
:is([dir="ltr"] .ltr\:-right-3) {
  right: -0.75rem;
}
:is([dir="ltr"] .ltr\:-right-4) {
  right: -1rem;
}
:is([dir="ltr"] .ltr\:left-0) {
  left: 0px;
}
:is([dir="ltr"] .ltr\:left-4) {
  left: 1rem;
}
:is([dir="ltr"] .ltr\:right-0) {
  right: 0px;
}
:is([dir="ltr"] .ltr\:right-0\.5) {
  right: 0.125rem;
}
:is([dir="ltr"] .ltr\:right-2) {
  right: 0.5rem;
}
:is([dir="ltr"] .ltr\:-ml-1) {
  margin-left: -0.25rem;
}
:is([dir="ltr"] .ltr\:-ml-1\.5) {
  margin-left: -0.375rem;
}
:is([dir="ltr"] .ltr\:-ml-3) {
  margin-left: -0.75rem;
}
:is([dir="ltr"] .ltr\:ml-0) {
  margin-left: 0px;
}
:is([dir="ltr"] .ltr\:ml-1) {
  margin-left: 0.25rem;
}
:is([dir="ltr"] .ltr\:ml-2) {
  margin-left: 0.5rem;
}
:is([dir="ltr"] .ltr\:mr-1) {
  margin-right: 0.25rem;
}
:is([dir="ltr"] .ltr\:mr-2) {
  margin-right: 0.5rem;
}
:is([dir="ltr"] .ltr\:-translate-x-\[12px\]) {
  --tw-translate-x: -12px;
  transform: translate(-12px, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
:is([dir="ltr"] .ltr\:translate-x-0) {
  --tw-translate-x: 0px;
  transform: translate(0px, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
:is([dir="ltr"] .ltr\:\!rounded-l-none) {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
:is([dir="ltr"] .ltr\:\!rounded-r-none) {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
:is([dir="ltr"] .ltr\:rounded-l-lg) {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
:is([dir="ltr"] .ltr\:rounded-l-md) {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
:is([dir="ltr"] .ltr\:rounded-l-none) {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
:is([dir="ltr"] .ltr\:rounded-r-lg) {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
:is([dir="ltr"] .ltr\:rounded-r-none) {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
:is([dir="ltr"] .ltr\:border-l) {
  border-left-width: 1px;
}
:is([dir="ltr"] .ltr\:border-r) {
  border-right-width: 1px;
}
:is([dir="ltr"] .ltr\:border-r-2) {
  border-right-width: 2px;
}
:is([dir="ltr"] .ltr\:\!pl-8) {
  padding-left: 2rem !important;
}
:is([dir="ltr"] .ltr\:pl-1) {
  padding-left: 0.25rem;
}
:is([dir="ltr"] .ltr\:pl-1\.5) {
  padding-left: 0.375rem;
}
:is([dir="ltr"] .ltr\:pl-2) {
  padding-left: 0.5rem;
}
:is([dir="ltr"] .ltr\:pl-2\.5) {
  padding-left: 0.625rem;
}
:is([dir="ltr"] .ltr\:pl-4) {
  padding-left: 1rem;
}
:is([dir="ltr"] .ltr\:pl-5) {
  padding-left: 1.25rem;
}
:is([dir="ltr"] .ltr\:pr-1) {
  padding-right: 0.25rem;
}
:is([dir="ltr"] .ltr\:pr-1\.5) {
  padding-right: 0.375rem;
}
:is([dir="ltr"] .ltr\:pr-2) {
  padding-right: 0.5rem;
}
:is([dir="ltr"] .ltr\:pr-3) {
  padding-right: 0.75rem;
}
:is([dir="ltr"] .ltr\:pr-4) {
  padding-right: 1rem;
}
:is([dir="ltr"] .ltr\:text-left) {
  text-align: left;
}
:is([dir="rtl"] .rtl\:-left-3) {
  left: -0.75rem;
}
:is([dir="rtl"] .rtl\:-left-4) {
  left: -1rem;
}
:is([dir="rtl"] .rtl\:-right-3) {
  right: -0.75rem;
}
:is([dir="rtl"] .rtl\:-right-3\.5) {
  right: -0.875rem;
}
:is([dir="rtl"] .rtl\:-right-px) {
  right: -1px;
}
:is([dir="rtl"] .rtl\:left-0) {
  left: 0px;
}
:is([dir="rtl"] .rtl\:left-0\.5) {
  left: 0.125rem;
}
:is([dir="rtl"] .rtl\:left-2) {
  left: 0.5rem;
}
:is([dir="rtl"] .rtl\:left-\[unset\]) {
  left: auto;
  left: initial;
}
:is([dir="rtl"] .rtl\:left-auto) {
  left: auto;
}
:is([dir="rtl"] .rtl\:right-0) {
  right: 0px;
}
:is([dir="rtl"] .rtl\:right-14) {
  right: 3.5rem;
}
:is([dir="rtl"] .rtl\:right-3) {
  right: 0.75rem;
}
:is([dir="rtl"] .rtl\:right-4) {
  right: 1rem;
}
:is([dir="rtl"] .rtl\:right-\[2px\]) {
  right: 2px;
}
:is([dir="rtl"] .rtl\:-mr-1) {
  margin-right: -0.25rem;
}
:is([dir="rtl"] .rtl\:-mr-1\.5) {
  margin-right: -0.375rem;
}
:is([dir="rtl"] .rtl\:-mr-3) {
  margin-right: -0.75rem;
}
:is([dir="rtl"] .rtl\:ml-0) {
  margin-left: 0px;
}
:is([dir="rtl"] .rtl\:ml-0\.5) {
  margin-left: 0.125rem;
}
:is([dir="rtl"] .rtl\:ml-1) {
  margin-left: 0.25rem;
}
:is([dir="rtl"] .rtl\:ml-1\.5) {
  margin-left: 0.375rem;
}
:is([dir="rtl"] .rtl\:ml-2) {
  margin-left: 0.5rem;
}
:is([dir="rtl"] .rtl\:ml-4) {
  margin-left: 1rem;
}
:is([dir="rtl"] .rtl\:ml-\[6\.25rem\]) {
  margin-left: 6.25rem;
}
:is([dir="rtl"] .rtl\:mr-0) {
  margin-right: 0px;
}
:is([dir="rtl"] .rtl\:mr-1) {
  margin-right: 0.25rem;
}
:is([dir="rtl"] .rtl\:mr-2) {
  margin-right: 0.5rem;
}
:is([dir="rtl"] .rtl\:mr-2\.5) {
  margin-right: 0.625rem;
}
:is([dir="rtl"] .rtl\:mr-3) {
  margin-right: 0.75rem;
}
:is([dir="rtl"] .rtl\:mr-4) {
  margin-right: 1rem;
}
:is([dir="rtl"] .rtl\:translate-x-0) {
  --tw-translate-x: 0px;
  transform: translate(0px, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
:is([dir="rtl"] .rtl\:translate-x-\[12px\]) {
  --tw-translate-x: 12px;
  transform: translate(12px, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
:is([dir="rtl"] .rtl\:rotate-180) {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
:is([dir="rtl"] .rtl\:divide-x-reverse) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 1;
}
:is([dir="rtl"] .rtl\:\!rounded-l-none) {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
:is([dir="rtl"] .rtl\:rounded-l-lg) {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
:is([dir="rtl"] .rtl\:rounded-l-none) {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
:is([dir="rtl"] .rtl\:rounded-r-lg) {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
:is([dir="rtl"] .rtl\:rounded-r-md) {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
:is([dir="rtl"] .rtl\:rounded-r-none) {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
:is([dir="rtl"] .rtl\:border-l) {
  border-left-width: 1px;
}
:is([dir="rtl"] .rtl\:border-l-0) {
  border-left-width: 0px;
}
:is([dir="rtl"] .rtl\:border-l-2) {
  border-left-width: 2px;
}
:is([dir="rtl"] .rtl\:border-r) {
  border-right-width: 1px;
}
:is([dir="rtl"] .rtl\:border-r-0) {
  border-right-width: 0px;
}
:is([dir="rtl"] .rtl\:\!pr-8) {
  padding-right: 2rem !important;
}
:is([dir="rtl"] .rtl\:pl-0) {
  padding-left: 0px;
}
:is([dir="rtl"] .rtl\:pl-1) {
  padding-left: 0.25rem;
}
:is([dir="rtl"] .rtl\:pl-1\.5) {
  padding-left: 0.375rem;
}
:is([dir="rtl"] .rtl\:pl-2) {
  padding-left: 0.5rem;
}
:is([dir="rtl"] .rtl\:pl-2\.5) {
  padding-left: 0.625rem;
}
:is([dir="rtl"] .rtl\:pl-3) {
  padding-left: 0.75rem;
}
:is([dir="rtl"] .rtl\:pl-4) {
  padding-left: 1rem;
}
:is([dir="rtl"] .rtl\:pr-0) {
  padding-right: 0px;
}
:is([dir="rtl"] .rtl\:pr-1) {
  padding-right: 0.25rem;
}
:is([dir="rtl"] .rtl\:pr-1\.5) {
  padding-right: 0.375rem;
}
:is([dir="rtl"] .rtl\:pr-2) {
  padding-right: 0.5rem;
}
:is([dir="rtl"] .rtl\:pr-2\.5) {
  padding-right: 0.625rem;
}
:is([dir="rtl"] .rtl\:pr-4) {
  padding-right: 1rem;
}
:is([dir="rtl"] .rtl\:pr-5) {
  padding-right: 1.25rem;
}
:is([dir="rtl"] .rtl\:text-left) {
  text-align: left;
}
:is([dir="rtl"] .rtl\:text-right) {
  text-align: right;
}
:is([dir="rtl"] .rtl\:\[direction\:initial\]) {
  direction: ltr;
  direction: initial;
}
:is(.dark .dark\:block) {
  display: block;
}
:is(.dark .dark\:hidden) {
  display: none;
}
:is(.dark .dark\:divide-slate-700) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: hsl(207 5.6% 31.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:divide-slate-700) > :not([hidden]) ~ :not([hidden]) {
    border-color: hsl(207 5.6% 31.6% / var(--tw-divide-opacity));
}
}
:is(.dark .dark\:divide-slate-700\/50) > :not([hidden]) ~ :not([hidden]) {
  border-color: hsl(207 5.6% 31.6% / 0.5);
}
:is(.dark .dark\:divide-slate-800) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:divide-slate-800) > :not([hidden]) ~ :not([hidden]) {
    border-color: hsl(198 6.6% 15.8% / var(--tw-divide-opacity));
}
}
:is(.dark .dark\:\!border-slate-700) {
  --tw-border-opacity: 1 !important;
  border-color: hsl(207 5.6% 31.6% / 1) !important;
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:\!border-slate-700) {
    border-color: hsl(207 5.6% 31.6% / var(--tw-border-opacity)) !important;
}
}
:is(.dark .dark\:border-ash-75) {
  --tw-border-opacity: 1;
  border-color: rgb(242 242 245 / 1);
  border-color: rgb(var(--color-ash-75) / var(--tw-border-opacity));
}
:is(.dark .dark\:border-black-500) {
  --tw-border-opacity: 1;
  border-color: hsl(206 6.0% 56.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:border-black-500) {
    border-color: hsl(206 6.0% 56.1% / var(--tw-border-opacity));
}
}
:is(.dark .dark\:border-red-400) {
  --tw-border-opacity: 1;
  border-color: hsl(358 85.3% 64.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:border-red-400) {
    border-color: hsl(358 85.3% 64.0% / var(--tw-border-opacity));
}
}
:is(.dark .dark\:border-red-700\/50) {
  border-color: hsl(358 65.0% 48.7% / 0.5);
}
:is(.dark .dark\:border-slate-50) {
  --tw-border-opacity: 1;
  border-color: hsl(209 13.3% 95.3% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:border-slate-50) {
    border-color: hsl(209 13.3% 95.3% / var(--tw-border-opacity));
}
}
:is(.dark .dark\:border-slate-500) {
  --tw-border-opacity: 1;
  border-color: hsl(206 5.2% 49.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:border-slate-500) {
    border-color: hsl(206 5.2% 49.5% / var(--tw-border-opacity));
}
}
:is(.dark .dark\:border-slate-600) {
  --tw-border-opacity: 1;
  border-color: hsl(206 6.0% 43.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:border-slate-600) {
    border-color: hsl(206 6.0% 43.5% / var(--tw-border-opacity));
}
}
:is(.dark .dark\:border-slate-600\/70) {
  border-color: hsl(206 6.0% 43.5% / 0.7);
}
:is(.dark .dark\:border-slate-700) {
  --tw-border-opacity: 1;
  border-color: hsl(207 5.6% 31.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:border-slate-700) {
    border-color: hsl(207 5.6% 31.6% / var(--tw-border-opacity));
}
}
:is(.dark .dark\:border-slate-700\/30) {
  border-color: hsl(207 5.6% 31.6% / 0.3);
}
:is(.dark .dark\:border-slate-700\/50) {
  border-color: hsl(207 5.6% 31.6% / 0.5);
}
:is(.dark .dark\:border-slate-800) {
  --tw-border-opacity: 1;
  border-color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:border-slate-800) {
    border-color: hsl(198 6.6% 15.8% / var(--tw-border-opacity));
}
}
:is(.dark .dark\:border-slate-800\/50) {
  border-color: hsl(198 6.6% 15.8% / 0.5);
}
:is(.dark .dark\:border-slate-800\/60) {
  border-color: hsl(198 6.6% 15.8% / 0.6);
}
:is(.dark .dark\:border-slate-800\/75) {
  border-color: hsl(198 6.6% 15.8% / 0.75);
}
:is(.dark .dark\:border-slate-900) {
  --tw-border-opacity: 1;
  border-color: hsl(200 7.0% 8.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:border-slate-900) {
    border-color: hsl(200 7.0% 8.8% / var(--tw-border-opacity));
}
}
:is(.dark .dark\:border-transparent) {
  border-color: transparent;
}
:is(.dark .dark\:border-white\/10) {
  border-color: rgb(255 255 255 / 0.1);
}
:is(.dark .dark\:border-woot-400) {
  --tw-border-opacity: 1;
  border-color: hsl(210 100% 66.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:border-woot-400) {
    border-color: hsl(210 100% 66.1% / var(--tw-border-opacity));
}
}
:is(.dark .dark\:border-woot-700) {
  --tw-border-opacity: 1;
  border-color: hsl(211 89.7% 34.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:border-woot-700) {
    border-color: hsl(211 89.7% 34.1% / var(--tw-border-opacity));
}
}
:is(.dark .dark\:border-yellow-300\/10) {
  border-color: hsl(54 100% 68.0% / 0.1);
}
:is(.dark .dark\:border-yellow-700) {
  --tw-border-opacity: 1;
  border-color: hsl(49 90.3% 18.4% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:border-yellow-700) {
    border-color: hsl(49 90.3% 18.4% / var(--tw-border-opacity));
}
}
:is(.dark .dark\:\!bg-slate-700) {
  --tw-bg-opacity: 1 !important;
  background-color: hsl(207 5.6% 31.6% / 1) !important;
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:\!bg-slate-700) {
    background-color: hsl(207 5.6% 31.6% / var(--tw-bg-opacity)) !important;
}
}
:is(.dark .dark\:\!bg-slate-800) {
  --tw-bg-opacity: 1 !important;
  background-color: hsl(198 6.6% 15.8% / 1) !important;
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:\!bg-slate-800) {
    background-color: hsl(198 6.6% 15.8% / var(--tw-bg-opacity)) !important;
}
}
:is(.dark .dark\:\!bg-slate-900) {
  --tw-bg-opacity: 1 !important;
  background-color: hsl(200 7.0% 8.8% / 1) !important;
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:\!bg-slate-900) {
    background-color: hsl(200 7.0% 8.8% / var(--tw-bg-opacity)) !important;
}
}
:is(.dark .dark\:bg-green-100\/20) {
  background-color: hsl(143 40.3% 79.0% / 0.2);
}
:is(.dark .dark\:bg-green-500) {
  --tw-bg-opacity: 1;
  background-color: hsl(151 55.0% 41.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:bg-green-500) {
    background-color: hsl(151 55.0% 41.5% / var(--tw-bg-opacity));
}
}
:is(.dark .dark\:bg-green-700) {
  --tw-bg-opacity: 1;
  background-color: hsl(153 67.0% 28.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:bg-green-700) {
    background-color: hsl(153 67.0% 28.5% / var(--tw-bg-opacity));
}
}
:is(.dark .dark\:bg-modal-backdrop-dark) {
  background-color: rgba(0, 0, 0, 0.6);
}
:is(.dark .dark\:bg-red-100) {
  --tw-bg-opacity: 1;
  background-color: hsl(360 81.7% 87.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:bg-red-100) {
    background-color: hsl(360 81.7% 87.8% / var(--tw-bg-opacity));
}
}
:is(.dark .dark\:bg-red-200) {
  --tw-bg-opacity: 1;
  background-color: hsl(359 69.5% 74.3% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:bg-red-200) {
    background-color: hsl(359 69.5% 74.3% / var(--tw-bg-opacity));
}
}
:is(.dark .dark\:bg-red-700) {
  --tw-bg-opacity: 1;
  background-color: hsl(358 65.0% 48.7% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:bg-red-700) {
    background-color: hsl(358 65.0% 48.7% / var(--tw-bg-opacity));
}
}
:is(.dark .dark\:bg-red-800) {
  --tw-bg-opacity: 1;
  background-color: hsl(358 65.0% 40.4% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:bg-red-800) {
    background-color: hsl(358 65.0% 40.4% / var(--tw-bg-opacity));
}
}
:is(.dark .dark\:bg-red-800\/50) {
  background-color: hsl(358 65.0% 40.4% / 0.5);
}
:is(.dark .dark\:bg-red-900) {
  --tw-bg-opacity: 1;
  background-color: hsl(354 50.0% 14.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:bg-red-900) {
    background-color: hsl(354 50.0% 14.6% / var(--tw-bg-opacity));
}
}
:is(.dark .dark\:bg-slate-200) {
  --tw-bg-opacity: 1;
  background-color: hsl(207 11.1% 85.9% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:bg-slate-200) {
    background-color: hsl(207 11.1% 85.9% / var(--tw-bg-opacity));
}
}
:is(.dark .dark\:bg-slate-300) {
  --tw-bg-opacity: 1;
  background-color: hsl(205 10.7% 78.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:bg-slate-300) {
    background-color: hsl(205 10.7% 78.0% / var(--tw-bg-opacity));
}
}
:is(.dark .dark\:bg-slate-50) {
  --tw-bg-opacity: 1;
  background-color: hsl(209 13.3% 95.3% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:bg-slate-50) {
    background-color: hsl(209 13.3% 95.3% / var(--tw-bg-opacity));
}
}
:is(.dark .dark\:bg-slate-500) {
  --tw-bg-opacity: 1;
  background-color: hsl(206 5.2% 49.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:bg-slate-500) {
    background-color: hsl(206 5.2% 49.5% / var(--tw-bg-opacity));
}
}
:is(.dark .dark\:bg-slate-600) {
  --tw-bg-opacity: 1;
  background-color: hsl(206 6.0% 43.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:bg-slate-600) {
    background-color: hsl(206 6.0% 43.5% / var(--tw-bg-opacity));
}
}
:is(.dark .dark\:bg-slate-700) {
  --tw-bg-opacity: 1;
  background-color: hsl(207 5.6% 31.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:bg-slate-700) {
    background-color: hsl(207 5.6% 31.6% / var(--tw-bg-opacity));
}
}
:is(.dark .dark\:bg-slate-700\/40) {
  background-color: hsl(207 5.6% 31.6% / 0.4);
}
:is(.dark .dark\:bg-slate-700\/50) {
  background-color: hsl(207 5.6% 31.6% / 0.5);
}
:is(.dark .dark\:bg-slate-700\/80) {
  background-color: hsl(207 5.6% 31.6% / 0.8);
}
:is(.dark .dark\:bg-slate-800) {
  --tw-bg-opacity: 1;
  background-color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:bg-slate-800) {
    background-color: hsl(198 6.6% 15.8% / var(--tw-bg-opacity));
}
}
:is(.dark .dark\:bg-slate-900) {
  --tw-bg-opacity: 1;
  background-color: hsl(200 7.0% 8.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:bg-slate-900) {
    background-color: hsl(200 7.0% 8.8% / var(--tw-bg-opacity));
}
}
:is(.dark .dark\:bg-transparent) {
  background-color: transparent;
}
:is(.dark .dark\:bg-white) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
:is(.dark .dark\:bg-white) {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}
:is(.dark .dark\:bg-woot-100) {
  --tw-bg-opacity: 1;
  background-color: hsl(209 95.0% 90.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:bg-woot-100) {
    background-color: hsl(209 95.0% 90.1% / var(--tw-bg-opacity));
}
}
:is(.dark .dark\:bg-woot-200) {
  --tw-bg-opacity: 1;
  background-color: hsl(208 77.5% 76.9% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:bg-woot-200) {
    background-color: hsl(208 77.5% 76.9% / var(--tw-bg-opacity));
}
}
:is(.dark .dark\:bg-woot-500) {
  --tw-bg-opacity: 1;
  background-color: hsl(209 100% 60.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:bg-woot-500) {
    background-color: hsl(209 100% 60.6% / var(--tw-bg-opacity));
}
}
:is(.dark .dark\:bg-woot-500\/25) {
  background-color: hsl(209 100% 60.6% / 0.25);
}
:is(.dark .dark\:bg-woot-500\/40) {
  background-color: hsl(209 100% 60.6% / 0.4);
}
:is(.dark .dark\:bg-woot-500\/60) {
  background-color: hsl(209 100% 60.6% / 0.6);
}
:is(.dark .dark\:bg-woot-500\/80) {
  background-color: hsl(209 100% 60.6% / 0.8);
}
:is(.dark .dark\:bg-woot-600) {
  --tw-bg-opacity: 1;
  background-color: hsl(206 100% 50.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:bg-woot-600) {
    background-color: hsl(206 100% 50.0% / var(--tw-bg-opacity));
}
}
:is(.dark .dark\:bg-woot-600\/50) {
  background-color: hsl(206 100% 50.0% / 0.5);
}
:is(.dark .dark\:bg-woot-700) {
  --tw-bg-opacity: 1;
  background-color: hsl(211 89.7% 34.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:bg-woot-700) {
    background-color: hsl(211 89.7% 34.1% / var(--tw-bg-opacity));
}
}
:is(.dark .dark\:bg-woot-700\/50) {
  background-color: hsl(211 89.7% 34.1% / 0.5);
}
:is(.dark .dark\:bg-woot-800) {
  --tw-bg-opacity: 1;
  background-color: hsl(212 77.4% 23.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:bg-woot-800) {
    background-color: hsl(212 77.4% 23.1% / var(--tw-bg-opacity));
}
}
:is(.dark .dark\:bg-woot-800\/30) {
  background-color: hsl(212 77.4% 23.1% / 0.3);
}
:is(.dark .dark\:bg-woot-800\/40) {
  background-color: hsl(212 77.4% 23.1% / 0.4);
}
:is(.dark .dark\:bg-woot-900) {
  --tw-bg-opacity: 1;
  background-color: hsl(216 50.0% 11.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:bg-woot-900) {
    background-color: hsl(216 50.0% 11.8% / var(--tw-bg-opacity));
}
}
:is(.dark .dark\:bg-woot-900\/60) {
  background-color: hsl(216 50.0% 11.8% / 0.6);
}
:is(.dark .dark\:bg-yellow-200\/20) {
  background-color: hsl(52 97.9% 82.0% / 0.2);
}
:is(.dark .dark\:bg-yellow-500) {
  --tw-bg-opacity: 1;
  background-color: hsl(48 100% 47.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:bg-yellow-500) {
    background-color: hsl(48 100% 47.0% / var(--tw-bg-opacity));
}
}
:is(.dark .dark\:bg-yellow-700) {
  --tw-bg-opacity: 1;
  background-color: hsl(49 90.3% 18.4% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:bg-yellow-700) {
    background-color: hsl(49 90.3% 18.4% / var(--tw-bg-opacity));
}
}
:is(.dark .dark\:bg-yellow-800) {
  --tw-bg-opacity: 1;
  background-color: hsl(46 100% 6.7% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:bg-yellow-800) {
    background-color: hsl(46 100% 6.7% / var(--tw-bg-opacity));
}
}
:is(.dark .dark\:bg-opacity-30) {
  --tw-bg-opacity: 0.3;
}
:is(.dark .dark\:from-slate-900) {
  --tw-gradient-from: hsl(200, 7.0%, 8.8%) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(200 7.0% 8.8% / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
:is(.dark .dark\:fill-slate-800) {
  fill: hsl(198, 6.6%, 15.8%);
}
:is(.dark .dark\:fill-slate-900) {
  fill: hsl(200, 7.0%, 8.8%);
}
:is(.dark .dark\:stroke-slate-200) {
  stroke: hsl(207, 11.1%, 85.9%);
}
:is(.dark .dark\:stroke-slate-600\/50) {
  stroke: hsl(206 6.0% 43.5% / 0.5);
}
:is(.dark .dark\:\!text-slate-600) {
  --tw-text-opacity: 1 !important;
  color: hsl(206 6.0% 43.5% / 1) !important;
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:\!text-slate-600) {
    color: hsl(206 6.0% 43.5% / var(--tw-text-opacity)) !important;
}
}
:is(.dark .dark\:\!text-white) {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / 1) !important;
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
:is(.dark .dark\:\!text-white) {
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
}
:is(.dark .dark\:text-black-100) {
  --tw-text-opacity: 1;
  color: hsl(210 6.0% 93.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:text-black-100) {
    color: hsl(210 6.0% 93.0% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:text-green-100) {
  --tw-text-opacity: 1;
  color: hsl(143 40.3% 79.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:text-green-100) {
    color: hsl(143 40.3% 79.0% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:text-green-400) {
  --tw-text-opacity: 1;
  color: hsl(151 49.3% 46.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:text-green-400) {
    color: hsl(151 49.3% 46.5% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:text-green-500) {
  --tw-text-opacity: 1;
  color: hsl(151 55.0% 41.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:text-green-500) {
    color: hsl(151 55.0% 41.5% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:text-green-600) {
  --tw-text-opacity: 1;
  color: hsl(152 57.5% 37.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:text-green-600) {
    color: hsl(152 57.5% 37.6% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:text-red-100) {
  --tw-text-opacity: 1;
  color: hsl(360 81.7% 87.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:text-red-100) {
    color: hsl(360 81.7% 87.8% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:text-red-200) {
  --tw-text-opacity: 1;
  color: hsl(359 69.5% 74.3% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:text-red-200) {
    color: hsl(359 69.5% 74.3% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:text-red-300) {
  --tw-text-opacity: 1;
  color: hsl(358 100% 69.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:text-red-300) {
    color: hsl(358 100% 69.5% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:text-red-400) {
  --tw-text-opacity: 1;
  color: hsl(358 85.3% 64.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:text-red-400) {
    color: hsl(358 85.3% 64.0% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:text-red-500) {
  --tw-text-opacity: 1;
  color: hsl(358 75.0% 59.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:text-red-500) {
    color: hsl(358 75.0% 59.0% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:text-red-600) {
  --tw-text-opacity: 1;
  color: hsl(358 69.4% 55.2% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:text-red-600) {
    color: hsl(358 69.4% 55.2% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:text-red-800) {
  --tw-text-opacity: 1;
  color: hsl(358 65.0% 40.4% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:text-red-800) {
    color: hsl(358 65.0% 40.4% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:text-red-900) {
  --tw-text-opacity: 1;
  color: hsl(354 50.0% 14.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:text-red-900) {
    color: hsl(354 50.0% 14.6% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:text-slate-100) {
  --tw-text-opacity: 1;
  color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:text-slate-100) {
    color: hsl(208 11.7% 91.1% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:text-slate-200) {
  --tw-text-opacity: 1;
  color: hsl(207 11.1% 85.9% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:text-slate-200) {
    color: hsl(207 11.1% 85.9% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:text-slate-25) {
  --tw-text-opacity: 1;
  color: hsl(210 16.7% 97.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:text-slate-25) {
    color: hsl(210 16.7% 97.6% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:text-slate-300) {
  --tw-text-opacity: 1;
  color: hsl(205 10.7% 78.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:text-slate-300) {
    color: hsl(205 10.7% 78.0% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:text-slate-400) {
  --tw-text-opacity: 1;
  color: hsl(206 6.0% 63.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:text-slate-400) {
    color: hsl(206 6.0% 63.0% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:text-slate-50) {
  --tw-text-opacity: 1;
  color: hsl(209 13.3% 95.3% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:text-slate-50) {
    color: hsl(209 13.3% 95.3% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:text-slate-500) {
  --tw-text-opacity: 1;
  color: hsl(206 5.2% 49.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:text-slate-500) {
    color: hsl(206 5.2% 49.5% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:text-slate-600) {
  --tw-text-opacity: 1;
  color: hsl(206 6.0% 43.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:text-slate-600) {
    color: hsl(206 6.0% 43.5% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:text-slate-700) {
  --tw-text-opacity: 1;
  color: hsl(207 5.6% 31.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:text-slate-700) {
    color: hsl(207 5.6% 31.6% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:text-slate-75) {
  --tw-text-opacity: 1;
  color: hsl(209 12.2% 93.2% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:text-slate-75) {
    color: hsl(209 12.2% 93.2% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:text-slate-900) {
  --tw-text-opacity: 1;
  color: hsl(200 7.0% 8.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:text-slate-900) {
    color: hsl(200 7.0% 8.8% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:text-white) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
:is(.dark .dark\:text-white) {
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
:is(.dark .dark\:text-woot-100) {
  --tw-text-opacity: 1;
  color: hsl(209 95.0% 90.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:text-woot-100) {
    color: hsl(209 95.0% 90.1% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:text-woot-300) {
  --tw-text-opacity: 1;
  color: hsl(206 81.9% 65.3% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:text-woot-300) {
    color: hsl(206 81.9% 65.3% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:text-woot-400) {
  --tw-text-opacity: 1;
  color: hsl(210 100% 66.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:text-woot-400) {
    color: hsl(210 100% 66.1% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:text-woot-50) {
  --tw-text-opacity: 1;
  color: hsl(209 100% 96.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:text-woot-50) {
    color: hsl(209 100% 96.5% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:text-woot-500) {
  --tw-text-opacity: 1;
  color: hsl(209 100% 60.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:text-woot-500) {
    color: hsl(209 100% 60.6% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:text-woot-600) {
  --tw-text-opacity: 1;
  color: hsl(206 100% 50.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:text-woot-600) {
    color: hsl(206 100% 50.0% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:text-woot-900) {
  --tw-text-opacity: 1;
  color: hsl(216 50.0% 11.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:text-woot-900) {
    color: hsl(216 50.0% 11.8% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:text-yellow-100) {
  --tw-text-opacity: 1;
  color: hsl(55 100% 90.9% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:text-yellow-100) {
    color: hsl(55 100% 90.9% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:text-yellow-400) {
  --tw-text-opacity: 1;
  color: hsl(53 92.0% 50.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:text-yellow-400) {
    color: hsl(53 92.0% 50.0% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:text-yellow-50) {
  --tw-text-opacity: 1;
  color: hsl(52 100% 95.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:text-yellow-50) {
    color: hsl(52 100% 95.5% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:text-yellow-500) {
  --tw-text-opacity: 1;
  color: hsl(48 100% 47.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:text-yellow-500) {
    color: hsl(48 100% 47.0% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:text-yellow-600) {
  --tw-text-opacity: 1;
  color: hsl(48 100% 46.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:text-yellow-600) {
    color: hsl(48 100% 46.1% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:opacity-20) {
  opacity: 0.2;
}
:is(.dark .dark\:shadow-\[0px_-20px_20px_1px_rgba\(0\2c _0\2c _0\2c _0\.15\)\]) {
  --tw-shadow: 0px -20px 20px 1px rgba(0, 0, 0, 0.15);
  --tw-shadow-colored: 0px -20px 20px 1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0px -20px 20px 1px rgba(0, 0, 0, 0.15);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:is(.dark .dark\:outline) {
  outline-style: solid;
}
:is(.dark .dark\:outline-1) {
  outline-width: 1px;
}
:is(.dark .dark\:outline-red-600) {
  outline-color: hsl(358, 69.4%, 55.2%);
}
:is(.dark .dark\:outline-slate-600) {
  outline-color: hsl(206, 6.0%, 43.5%);
}
:is(.dark .dark\:outline-slate-700) {
  outline-color: hsl(207, 5.6%, 31.6%);
}
:is(.dark .dark\:outline-woot-400\/80) {
  outline-color: hsl(210 100% 66.1% / 0.8);
}
:is(.dark .dark\:outline-woot-500\/80) {
  outline-color: hsl(209 100% 60.6% / 0.8);
}
:is(.dark .dark\:outline-woot-600\/80) {
  outline-color: hsl(206 100% 50.0% / 0.8);
}
:is(.dark .dark\:outline-woot-700) {
  outline-color: hsl(211, 89.7%, 34.1%);
}
:is(.dark .dark\:outline-woot-700\/80) {
  outline-color: hsl(211 89.7% 34.1% / 0.8);
}
:is(.dark .dark\:outline-woot-800\/80) {
  outline-color: hsl(212 77.4% 23.1% / 0.8);
}
:is(.dark .dark\:ring-slate-600) {
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(206 6.0% 43.5% / var(--tw-ring-opacity));
}
:is(.dark .dark\:ring-slate-900) {
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(200 7.0% 8.8% / var(--tw-ring-opacity));
}
:is(.dark .before\:dark\:border-slate-600)::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: hsl(206 6.0% 43.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .before\:dark\:border-slate-600)::before {
    border-color: hsl(206 6.0% 43.5% / var(--tw-border-opacity));
}
}
:is(.dark .dark\:before\:bg-slate-600)::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(206 6.0% 43.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:before\:bg-slate-600)::before {
    background-color: hsl(206 6.0% 43.5% / var(--tw-bg-opacity));
}
}
:is(.dark .after\:dark\:border-slate-600)::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: hsl(206 6.0% 43.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .after\:dark\:border-slate-600)::after {
    border-color: hsl(206 6.0% 43.5% / var(--tw-border-opacity));
}
}
:is(.dark .dark\:after\:bg-slate-600)::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(206 6.0% 43.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:after\:bg-slate-600)::after {
    background-color: hsl(206 6.0% 43.5% / var(--tw-bg-opacity));
}
}
:is(.dark .dark\:checked\:border-woot-300:checked) {
  --tw-border-opacity: 1;
  border-color: hsl(206 81.9% 65.3% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:checked\:border-woot-300:checked) {
    border-color: hsl(206 81.9% 65.3% / var(--tw-border-opacity));
}
}
:is(.dark .dark\:checked\:bg-primary-600:checked) {
  --tw-bg-opacity: 1;
  background-color: rgb(39 129 246 / 1);
  background-color: rgb(var(--color-primary-600) / var(--tw-bg-opacity));
}
:is(.dark .dark\:checked\:bg-woot-600:checked) {
  --tw-bg-opacity: 1;
  background-color: hsl(206 100% 50.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:checked\:bg-woot-600:checked) {
    background-color: hsl(206 100% 50.0% / var(--tw-bg-opacity));
}
}
:is(.dark .dark\:hover\:border-slate-600:hover) {
  --tw-border-opacity: 1;
  border-color: hsl(206 6.0% 43.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:hover\:border-slate-600:hover) {
    border-color: hsl(206 6.0% 43.5% / var(--tw-border-opacity));
}
}
:is(.dark .dark\:hover\:border-woot-500:hover) {
  --tw-border-opacity: 1;
  border-color: hsl(209 100% 60.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:hover\:border-woot-500:hover) {
    border-color: hsl(209 100% 60.6% / var(--tw-border-opacity));
}
}
:is(.dark .dark\:hover\:\!bg-slate-700\/50:hover) {
  background-color: hsl(207 5.6% 31.6% / 0.5) !important;
}
:is(.dark .dark\:hover\:\!bg-slate-800:hover) {
  --tw-bg-opacity: 1 !important;
  background-color: hsl(198 6.6% 15.8% / 1) !important;
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:hover\:\!bg-slate-800:hover) {
    background-color: hsl(198 6.6% 15.8% / var(--tw-bg-opacity)) !important;
}
}
:is(.dark .dark\:hover\:\!bg-transparent:hover) {
  background-color: transparent !important;
}
:is(.dark .dark\:hover\:bg-slate-600:hover) {
  --tw-bg-opacity: 1;
  background-color: hsl(206 6.0% 43.5% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:hover\:bg-slate-600:hover) {
    background-color: hsl(206 6.0% 43.5% / var(--tw-bg-opacity));
}
}
:is(.dark .dark\:hover\:bg-slate-700:hover) {
  --tw-bg-opacity: 1;
  background-color: hsl(207 5.6% 31.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:hover\:bg-slate-700:hover) {
    background-color: hsl(207 5.6% 31.6% / var(--tw-bg-opacity));
}
}
:is(.dark .dark\:hover\:bg-slate-700\/50:hover) {
  background-color: hsl(207 5.6% 31.6% / 0.5);
}
:is(.dark .dark\:hover\:bg-slate-800:hover) {
  --tw-bg-opacity: 1;
  background-color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:hover\:bg-slate-800:hover) {
    background-color: hsl(198 6.6% 15.8% / var(--tw-bg-opacity));
}
}
:is(.dark .dark\:hover\:bg-slate-900:hover) {
  --tw-bg-opacity: 1;
  background-color: hsl(200 7.0% 8.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:hover\:bg-slate-900:hover) {
    background-color: hsl(200 7.0% 8.8% / var(--tw-bg-opacity));
}
}
:is(.dark .dark\:hover\:bg-slate-900\/50:hover) {
  background-color: hsl(200 7.0% 8.8% / 0.5);
}
:is(.dark .dark\:hover\:bg-woot-700:hover) {
  --tw-bg-opacity: 1;
  background-color: hsl(211 89.7% 34.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:hover\:bg-woot-700:hover) {
    background-color: hsl(211 89.7% 34.1% / var(--tw-bg-opacity));
}
}
:is(.dark .dark\:hover\:bg-woot-800:hover) {
  --tw-bg-opacity: 1;
  background-color: hsl(212 77.4% 23.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:hover\:bg-woot-800:hover) {
    background-color: hsl(212 77.4% 23.1% / var(--tw-bg-opacity));
}
}
:is(.dark .hover\:dark\:bg-slate-800):hover {
  --tw-bg-opacity: 1;
  background-color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .hover\:dark\:bg-slate-800):hover {
    background-color: hsl(198 6.6% 15.8% / var(--tw-bg-opacity));
}
}
:is(.dark .dark\:hover\:text-slate-100:hover) {
  --tw-text-opacity: 1;
  color: hsl(208 11.7% 91.1% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:hover\:text-slate-100:hover) {
    color: hsl(208 11.7% 91.1% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:hover\:text-slate-200:hover) {
  --tw-text-opacity: 1;
  color: hsl(207 11.1% 85.9% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:hover\:text-slate-200:hover) {
    color: hsl(207 11.1% 85.9% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:hover\:text-slate-25:hover) {
  --tw-text-opacity: 1;
  color: hsl(210 16.7% 97.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:hover\:text-slate-25:hover) {
    color: hsl(210 16.7% 97.6% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:hover\:text-white:hover) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
:is(.dark .dark\:hover\:text-white:hover) {
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
:is(.dark .dark\:hover\:text-woot-500:hover) {
  --tw-text-opacity: 1;
  color: hsl(209 100% 60.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:hover\:text-woot-500:hover) {
    color: hsl(209 100% 60.6% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:hover\:text-woot-600:hover) {
  --tw-text-opacity: 1;
  color: hsl(206 100% 50.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:hover\:text-woot-600:hover) {
    color: hsl(206 100% 50.0% / var(--tw-text-opacity));
}
}
:is(.dark .hover\:dark\:text-slate-200):hover {
  --tw-text-opacity: 1;
  color: hsl(207 11.1% 85.9% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .hover\:dark\:text-slate-200):hover {
    color: hsl(207 11.1% 85.9% / var(--tw-text-opacity));
}
}
:is(.dark .dark\:focus\:border-slate-400:focus) {
  --tw-border-opacity: 1;
  border-color: hsl(206 6.0% 63.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:focus\:border-slate-400:focus) {
    border-color: hsl(206 6.0% 63.0% / var(--tw-border-opacity));
}
}
:is(.dark .dark\:focus\:bg-slate-700:focus) {
  --tw-bg-opacity: 1;
  background-color: hsl(207 5.6% 31.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:focus\:bg-slate-700:focus) {
    background-color: hsl(207 5.6% 31.6% / var(--tw-bg-opacity));
}
}
:is(.dark .dark\:focus\:bg-slate-800:focus) {
  --tw-bg-opacity: 1;
  background-color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:focus\:bg-slate-800:focus) {
    background-color: hsl(198 6.6% 15.8% / var(--tw-bg-opacity));
}
}
:is(.dark .dark\:focus\:outline-red-600:focus) {
  outline-color: hsl(358, 69.4%, 55.2%);
}
:is(.dark .dark\:focus\:outline-woot-500:focus) {
  outline-color: hsl(209, 100%, 60.6%);
}
:is(.dark .dark\:focus\:ring-slate-700:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(207 5.6% 31.6% / var(--tw-ring-opacity));
}
:is(.dark .dark\:focus\:ring-woot-500:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(209 100% 60.6% / var(--tw-ring-opacity));
}
:is(.dark .dark\:focus\:ring-woot-700:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(211 89.7% 34.1% / var(--tw-ring-opacity));
}
:is(.dark .dark\:active\:bg-slate-800:active) {
  --tw-bg-opacity: 1;
  background-color: hsl(198 6.6% 15.8% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:active\:bg-slate-800:active) {
    background-color: hsl(198 6.6% 15.8% / var(--tw-bg-opacity));
}
}
:is(.dark .dark\:disabled\:text-slate-700:disabled) {
  --tw-text-opacity: 1;
  color: hsl(207 5.6% 31.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:disabled\:text-slate-700:disabled) {
    color: hsl(207 5.6% 31.6% / var(--tw-text-opacity));
}
}
.group:hover :is(.dark .group-hover\:dark\:bg-slate-700) {
  --tw-bg-opacity: 1;
  background-color: hsl(207 5.6% 31.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.group:hover :is(.dark .group-hover\:dark\:bg-slate-700) {
    background-color: hsl(207 5.6% 31.6% / var(--tw-bg-opacity));
}
}
:is(.dark .group:hover .dark\:group-hover\:text-woot-500) {
  --tw-text-opacity: 1;
  color: hsl(209 100% 60.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .group:hover .dark\:group-hover\:text-woot-500) {
    color: hsl(209 100% 60.6% / var(--tw-text-opacity));
}
}
@media (min-width: 480px) {
.xs\:w-full {
    width: 100%;
}
}
@media (min-width: 640px) {
.sm\:mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.sm\:line-clamp-none {
    overflow: visible;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-line-clamp: none;
}
.sm\:block {
    display: block;
}
.sm\:inline {
    display: inline;
}
.sm\:flex {
    display: flex;
}
.sm\:inline-flex {
    display: inline-flex;
}
.sm\:hidden {
    display: none;
}
.sm\:max-h-\[220px\] {
    max-height: 220px;
}
.sm\:w-full {
    width: 100%;
}
.sm\:w-px {
    width: 1px;
}
.sm\:min-w-\[15rem\] {
    min-width: 15rem;
}
.sm\:max-w-\[350px\] {
    max-width: 350px;
}
.sm\:max-w-\[50\%\] {
    max-width: 50%;
}
.sm\:max-w-\[720px\] {
    max-width: 720px;
}
.sm\:max-w-lg {
    max-width: 32rem;
}
.sm\:basis-\[17\.5rem\] {
    flex-basis: 17.5rem;
}
.sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.sm\:flex-row {
    flex-direction: row;
}
.sm\:flex-col {
    flex-direction: column;
}
.sm\:items-start {
    align-items: flex-start;
}
.sm\:items-end {
    align-items: flex-end;
}
.sm\:items-center {
    align-items: center;
}
.sm\:justify-normal {
    justify-content: normal;
}
.sm\:justify-center {
    justify-content: center;
}
.sm\:justify-between {
    justify-content: space-between;
}
.sm\:gap-0 {
    gap: 0px;
}
.sm\:gap-14 {
    gap: 3.5rem;
}
.sm\:gap-16 {
    gap: 4rem;
}
.sm\:gap-2 {
    gap: 0.5rem;
}
.sm\:gap-4 {
    gap: 1rem;
}
.sm\:gap-5 {
    gap: 1.25rem;
}
.sm\:divide-x > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * 0);
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - 0));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.sm\:divide-slate-75 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: hsl(209 12.2% 93.2% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.sm\:divide-slate-75 > :not([hidden]) ~ :not([hidden]) {
      border-color: hsl(209 12.2% 93.2% / var(--tw-divide-opacity));
}
}
.sm\:rounded-lg {
    border-radius: 0.5rem;
}
.sm\:p-6 {
    padding: 1.5rem;
}
.sm\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.sm\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.sm\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.sm\:pr-0 {
    padding-right: 0px;
}
.sm\:text-center {
    text-align: center;
}
.sm\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}
.sm\:text-5xl {
    font-size: 3rem;
    line-height: 1;
}
.sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.sm\:font-medium {
    font-weight: 500;
}
.sm\:leading-6 {
    line-height: 1.5rem;
}
.sm\:opacity-0 {
    opacity: 0;
}
.sm\:shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:is([dir="ltr"] .sm\:ltr\:pl-0) {
    padding-left: 0px;
}
:is([dir="rtl"] .sm\:rtl\:\!border-l-0) {
    border-left-width: 0px !important;
}
:is([dir="rtl"] .sm\:rtl\:\!border-r) {
    border-right-width: 1px !important;
}
:is([dir="rtl"] .sm\:rtl\:border-solid) {
    border-style: solid;
}
:is([dir="rtl"] .sm\:rtl\:border-slate-75) {
    --tw-border-opacity: 1;
    border-color: hsl(209 12.2% 93.2% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is([dir="rtl"] .sm\:rtl\:border-slate-75) {
      border-color: hsl(209 12.2% 93.2% / var(--tw-border-opacity));
}
}
:is([dir="rtl"] .sm\:rtl\:pr-0) {
    padding-right: 0px;
}
:is(.dark .sm\:dark\:divide-slate-700\/50) > :not([hidden]) ~ :not([hidden]) {
    border-color: hsl(207 5.6% 31.6% / 0.5);
}
:is([dir="rtl"] :is(.dark .sm\:rtl\:dark\:border-slate-700\/50)) {
    border-color: hsl(207 5.6% 31.6% / 0.5);
}
}
@media (min-width: 768px) {
.md\:left-auto {
    left: auto;
}
.md\:right-0 {
    right: 0px;
}
.md\:top-40 {
    top: 10rem;
}
.md\:top-\[6\.25rem\] {
    top: 6.25rem;
}
.md\:mt-0 {
    margin-top: 0px;
}
.md\:block {
    display: block;
}
.md\:flex {
    display: flex;
}
.md\:hidden {
    display: none;
}
.md\:h-5 {
    height: 1.25rem;
}
.md\:h-full {
    height: 100%;
}
.md\:min-h-\[260px\] {
    min-height: 260px;
}
.md\:w-1\/2 {
    width: 50%;
}
.md\:w-1\/3 {
    width: 33.333333%;
}
.md\:w-3\/4 {
    width: 75%;
}
.md\:w-\[20rem\] {
    width: 20rem;
}
.md\:w-\[240px\] {
    width: 240px;
}
.md\:w-\[35\%\] {
    width: 35%;
}
.md\:w-\[65\%\] {
    width: 65%;
}
.md\:w-\[calc\(100\%-360px\)\] {
    width: calc(100% - 360px);
}
.md\:w-auto {
    width: auto;
}
.md\:w-full {
    width: 100%;
}
.md\:w-px {
    width: 1px;
}
.md\:min-w-\[360px\] {
    min-width: 360px;
}
.md\:max-w-2xl {
    max-width: 42rem;
}
.md\:max-w-\[35\%\] {
    max-width: 35%;
}
.md\:max-w-\[360px\] {
    max-width: 360px;
}
.md\:max-w-\[50\%\] {
    max-width: 50%;
}
.md\:max-w-\[65\%\] {
    max-width: 65%;
}
.md\:max-w-\[75\%\] {
    max-width: 75%;
}
.md\:basis-\[18\.75rem\] {
    flex-basis: 18.75rem;
}
.md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.md\:flex-row {
    flex-direction: row;
}
.md\:flex-nowrap {
    flex-wrap: nowrap;
}
.md\:items-center {
    align-items: center;
}
.md\:overflow-visible {
    overflow: visible;
}
.md\:break-all {
    word-break: break-all;
}
.md\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
}
.md\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
}
.md\:pb-6 {
    padding-bottom: 1.5rem;
}
.md\:pt-14 {
    padding-top: 3.5rem;
}
.md\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
}
.md\:text-5xl {
    font-size: 3rem;
    line-height: 1;
}
.md\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.md\:tracking-normal {
    letter-spacing: 0em;
}
:is([dir="ltr"] .ltr\:md\:right-\[unset\]) {
    right: auto;
    right: initial;
}
:is([dir="rtl"] .rtl\:md\:left-\[unset\]) {
    left: auto;
    left: initial;
}
}
@media (min-width: 1024px) {
.lg\:mt-0 {
    margin-top: 0px;
}
.lg\:block {
    display: block;
}
.lg\:grid {
    display: grid;
}
.lg\:hidden {
    display: none;
}
.lg\:h-auto {
    height: auto;
}
.lg\:w-1\/6 {
    width: 16.666667%;
}
.lg\:w-2\/5 {
    width: 40%;
}
.lg\:w-3\/5 {
    width: 60%;
}
.lg\:w-\[24rem\] {
    width: 24rem;
}
.lg\:w-\[40\%\] {
    width: 40%;
}
.lg\:max-w-\[16\%\] {
    max-width: 16%;
}
.lg\:basis-\[19\.375rem\] {
    flex-basis: 19.375rem;
}
.lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
}
.lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.lg\:flex-row {
    flex-direction: row;
}
.lg\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
}
.lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
}
.lg\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
}
.lg\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}
@media (min-width: 1280px) {
.xl\:flex {
    display: flex;
}
.xl\:w-1\/2 {
    width: 50%;
}
.xl\:w-1\/4 {
    width: 25%;
}
.xl\:w-3\/4 {
    width: 75%;
}
.xl\:w-\[28rem\] {
    width: 28rem;
}
.xl\:max-w-\[30\%\] {
    max-width: 30%;
}
.xl\:max-w-\[50\%\] {
    max-width: 50%;
}
.xl\:basis-\[20\.625rem\] {
    flex-basis: 20.625rem;
}
.xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.xl\:flex-row {
    flex-direction: row;
}
}
@media (min-width: 1536px) {
.\32xl\:w-\[32rem\] {
    width: 32rem;
}
.\32xl\:basis-\[25rem\] {
    flex-basis: 25rem;
}
}
.\[\&\>\*\:nth-child\(even\)\]\:\!bg-slate-25>*:nth-child(even) {
  --tw-bg-opacity: 1 !important;
  background-color: hsl(210 16.7% 97.6% / 1) !important;
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.\[\&\>\*\:nth-child\(even\)\]\:\!bg-slate-25>*:nth-child(even) {
    background-color: hsl(210 16.7% 97.6% / var(--tw-bg-opacity)) !important;
}
}
.\[\&\>\*\:nth-child\(even\)\]\:\!bg-white>*:nth-child(even) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / 1) !important;
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.\[\&\>\*\:nth-child\(even\)\]\:\!bg-white>*:nth-child(even) {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
}
:is(.dark .dark\:\[\&\>\*\:nth-child\(even\)\]\:\!bg-slate-800\/50>*:nth-child(even)) {
  background-color: hsl(198 6.6% 15.8% / 0.5) !important;
}
:is(.dark .dark\:\[\&\>\*\:nth-child\(even\)\]\:\!bg-slate-900>*:nth-child(even)) {
  --tw-bg-opacity: 1 !important;
  background-color: hsl(200 7.0% 8.8% / 1) !important;
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:\[\&\>\*\:nth-child\(even\)\]\:\!bg-slate-900>*:nth-child(even)) {
    background-color: hsl(200 7.0% 8.8% / var(--tw-bg-opacity)) !important;
}
}
.\[\&\>\*\:nth-child\(odd\)\]\:\!bg-slate-25>*:nth-child(odd) {
  --tw-bg-opacity: 1 !important;
  background-color: hsl(210 16.7% 97.6% / 1) !important;
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.\[\&\>\*\:nth-child\(odd\)\]\:\!bg-slate-25>*:nth-child(odd) {
    background-color: hsl(210 16.7% 97.6% / var(--tw-bg-opacity)) !important;
}
}
.\[\&\>\*\:nth-child\(odd\)\]\:\!bg-white>*:nth-child(odd) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / 1) !important;
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
.\[\&\>\*\:nth-child\(odd\)\]\:\!bg-white>*:nth-child(odd) {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
}
:is(.dark .dark\:\[\&\>\*\:nth-child\(odd\)\]\:\!bg-slate-800\/50>*:nth-child(odd)) {
  background-color: hsl(198 6.6% 15.8% / 0.5) !important;
}
:is(.dark .dark\:\[\&\>\*\:nth-child\(odd\)\]\:\!bg-slate-900>*:nth-child(odd)) {
  --tw-bg-opacity: 1 !important;
  background-color: hsl(200 7.0% 8.8% / 1) !important;
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:\[\&\>\*\:nth-child\(odd\)\]\:\!bg-slate-900>*:nth-child(odd)) {
    background-color: hsl(200 7.0% 8.8% / var(--tw-bg-opacity)) !important;
}
}
:is(.dark .\[\&\>\.preview-item\]\:dark\:bg-slate-700)>.preview-item {
  --tw-bg-opacity: 1;
  background-color: hsl(207 5.6% 31.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .\[\&\>\.preview-item\]\:dark\:bg-slate-700)>.preview-item {
    background-color: hsl(207 5.6% 31.6% / var(--tw-bg-opacity));
}
}
.\[\&\>a\]\:font-medium>a {
  font-weight: 500;
}
.\[\&\>a\]\:text-woot-500>a {
  --tw-text-opacity: 1;
  color: hsl(209 100% 60.6% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.\[\&\>a\]\:text-woot-500>a {
    color: hsl(209 100% 60.6% / var(--tw-text-opacity));
}
}
.\[\&\>a\]\:hover\:text-woot-600:hover>a {
  --tw-text-opacity: 1;
  color: hsl(206 100% 50.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.\[\&\>a\]\:hover\:text-woot-600:hover>a {
    color: hsl(206 100% 50.0% / var(--tw-text-opacity));
}
}
.\[\&\>div\]\:sticky>div {
  position: sticky;
}
.\[\&\>div\]\:\!top-12>div {
  top: 3rem !important;
}
.\[\&\>div\]\:px-1>div {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.\[\&\>input\]\:\!mb-0>input {
  margin-bottom: 0px !important;
}
.\[\&\>input\]\:h-8>input {
  height: 2rem;
}
.\[\&\>input\]\:cursor-not-allowed>input {
  cursor: not-allowed;
}
.\[\&\>input\]\:\!border-0>input {
  border-width: 0px !important;
}
.\[\&\>input\]\:border-none>input {
  border-style: none;
}
.\[\&\>input\]\:border-transparent>input {
  border-color: transparent;
}
.\[\&\>input\]\:\!py-1\.5>input {
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
}
.\[\&\>input\]\:text-sm>input {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.focus\:\[\&\>input\]\:\!border-slate-200>input:focus {
  --tw-border-opacity: 1 !important;
  border-color: hsl(207 11.1% 85.9% / 1) !important;
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.focus\:\[\&\>input\]\:\!border-slate-200>input:focus {
    border-color: hsl(207 11.1% 85.9% / var(--tw-border-opacity)) !important;
}
}
:is([dir="ltr"] .ltr\:\[\&\>input\]\:ml-12>input) {
  margin-left: 3rem;
}
:is([dir="ltr"] .ltr\:\[\&\>input\]\:\!pl-3>input) {
  padding-left: 0.75rem !important;
}
:is([dir="ltr"] .ltr\:\[\&\>input\]\:\!pr-9>input) {
  padding-right: 2.25rem !important;
}
:is([dir="rtl"] .rtl\:\[\&\>input\]\:mr-12>input) {
  margin-right: 3rem;
}
:is([dir="rtl"] .rtl\:\[\&\>input\]\:\!pl-9>input) {
  padding-left: 2.25rem !important;
}
:is([dir="rtl"] .rtl\:\[\&\>input\]\:\!pr-3>input) {
  padding-right: 0.75rem !important;
}
:is(.dark .focus\:\[\&\>input\]\:dark\:\!border-slate-600)>input:focus {
  --tw-border-opacity: 1 !important;
  border-color: hsl(206 6.0% 43.5% / 1) !important;
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .focus\:\[\&\>input\]\:dark\:\!border-slate-600)>input:focus {
    border-color: hsl(206 6.0% 43.5% / var(--tw-border-opacity)) !important;
}
}
.\[\&\>p\]\:mb-0>p {
  margin-bottom: 0px;
}
.\[\&\>p\]\:w-max>p {
  width: -moz-max-content;
  width: max-content;
}
.prose-code\:\[\&\>p\]\:rounded-sm>p :is(:where(code):not(:where([class~="not-prose"] *))) {
  border-radius: 0.125rem;
}
.prose-code\:\[\&\>p\]\:bg-black-100>p :is(:where(code):not(:where([class~="not-prose"] *))) {
  --tw-bg-opacity: 1;
  background-color: hsl(210 6.0% 93.0% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
.prose-code\:\[\&\>p\]\:bg-black-100>p :is(:where(code):not(:where([class~="not-prose"] *))) {
    background-color: hsl(210 6.0% 93.0% / var(--tw-bg-opacity));
}
}
.prose-code\:\[\&\>p\]\:p-1>p :is(:where(code):not(:where([class~="not-prose"] *))) {
  padding: 0.25rem;
}
:is(.dark .dark\:prose-code\:\[\&\>p\]\:bg-black-600>p :is(:where(code):not(:where([class~="not-prose"] *)))) {
  --tw-bg-opacity: 1;
  background-color: hsl(206 6.0% 43.9% / 1);
}
@supports (color: hsl(0 0% 0% / 0)) and (top: var(--f)) {
:is(.dark .dark\:prose-code\:\[\&\>p\]\:bg-black-600>p :is(:where(code):not(:where([class~="not-prose"] *)))) {
    background-color: hsl(206 6.0% 43.9% / var(--tw-bg-opacity));
}
}
.\[\&\>span\]\:flex>span {
  display: flex;
}
.\[\&\>span\]\:hidden>span {
  display: none;
}
.\[\&\>span\]\:items-center>span {
  align-items: center;
}
.\[\&\>span\]\:justify-center>span {
  justify-content: center;
}
.\[\&\>span\]\:overflow-hidden>span {
  overflow: hidden;
}
.\[\&\>span\]\:text-ellipsis>span {
  text-overflow: ellipsis;
}
.\[\&\>span\]\:whitespace-nowrap>span {
  white-space: nowrap;
}
@media (min-width: 480px) {
.xs\:\[\&\>span\]\:block>span {
    display: block;
}
}
@media (min-width: 768px) {
.md\:\[\&\>span\]\:inline-flex>span {
    display: inline-flex;
}
}
.\[\&\>svg\]\:h-3>svg {
  height: 0.75rem;
}
.\[\&\>svg\]\:w-3>svg {
  width: 0.75rem;
}
.\[\&\>svg\]\:opacity-70>svg {
  opacity: 0.7;
}
:is([dir="ltr"] .ltr\:\[\&\>ul\]\:pl-0>ul) {
  padding-left: 0px;
}
:is([dir="rtl"] .rtl\:\[\&\>ul\]\:pr-0>ul) {
  padding-right: 0px;
}
fieldset[disabled] .multiselect{pointer-events:none}.multiselect__spinner{position:absolute;right:1px;top:1px;width:40px;height:38px;background:#fff;display:block}.multiselect__spinner:after,.multiselect__spinner:before{position:absolute;content:"";top:50%;left:50%;margin:-8px 0 0 -8px;width:16px;height:16px;border-radius:100%;border:2px solid transparent;border-top-color:#41b883;box-shadow:0 0 0 1px transparent}.multiselect__spinner:before{animation:spinning 2.4s cubic-bezier(.41,.26,.2,.62);animation-iteration-count:infinite}.multiselect__spinner:after{animation:spinning 2.4s cubic-bezier(.51,.09,.21,.8);animation-iteration-count:infinite}.multiselect__loading-enter-active,.multiselect__loading-leave-active{transition:opacity .4s ease-in-out;opacity:1}.multiselect__loading-enter,.multiselect__loading-leave-active{opacity:0}.multiselect,.multiselect__input,.multiselect__single{font-family:inherit;font-size:16px;touch-action:manipulation}.multiselect{box-sizing:content-box;display:block;position:relative;width:100%;min-height:40px;text-align:left;color:#35495e}.multiselect *{box-sizing:border-box}.multiselect:focus{outline:none}.multiselect--disabled{background:#ededed;pointer-events:none;opacity:.6}.multiselect--active{z-index:50}.multiselect--active:not(.multiselect--above) .multiselect__current,.multiselect--active:not(.multiselect--above) .multiselect__input,.multiselect--active:not(.multiselect--above) .multiselect__tags{border-bottom-left-radius:0;border-bottom-right-radius:0}.multiselect--active .multiselect__select{transform:rotate(180deg)}.multiselect--above.multiselect--active .multiselect__current,.multiselect--above.multiselect--active .multiselect__input,.multiselect--above.multiselect--active .multiselect__tags{border-top-left-radius:0;border-top-right-radius:0}.multiselect__input,.multiselect__single{position:relative;display:inline-block;min-height:20px;line-height:20px;border:none;border-radius:5px;background:#fff;padding:0 0 0 5px;width:100%;transition:border .1s ease;box-sizing:border-box;margin-bottom:8px;vertical-align:top}.multiselect__input::-moz-placeholder{color:#35495e}.multiselect__input::placeholder{color:#35495e}.multiselect__tag~.multiselect__input,.multiselect__tag~.multiselect__single{width:auto}.multiselect__input:hover,.multiselect__single:hover{border-color:#cfcfcf}.multiselect__input:focus,.multiselect__single:focus{border-color:#a8a8a8;outline:none}.multiselect__single{padding-left:5px;margin-bottom:8px}.multiselect__tags-wrap{display:inline}.multiselect__tags{min-height:40px;display:block;padding:8px 40px 0 8px;border-radius:5px;border:1px solid #e8e8e8;background:#fff;font-size:14px}.multiselect__tag{position:relative;display:inline-block;padding:4px 26px 4px 10px;border-radius:5px;margin-right:10px;color:#fff;line-height:1;background:#41b883;margin-bottom:5px;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis}.multiselect__tag-icon{cursor:pointer;margin-left:7px;position:absolute;right:0;top:0;bottom:0;font-weight:700;font-style:normal;width:22px;text-align:center;line-height:22px;transition:all .2s ease;border-radius:5px}.multiselect__tag-icon:after{content:"\D7";color:#266d4d;font-size:14px}.multiselect__tag-icon:focus,.multiselect__tag-icon:hover{background:#369a6e}.multiselect__tag-icon:focus:after,.multiselect__tag-icon:hover:after{color:#fff}.multiselect__current{min-height:40px;overflow:hidden;padding:8px 30px 0 12px;white-space:nowrap;border-radius:5px;border:1px solid #e8e8e8}.multiselect__current,.multiselect__select{line-height:16px;box-sizing:border-box;display:block;margin:0;text-decoration:none;cursor:pointer}.multiselect__select{position:absolute;width:40px;height:38px;right:1px;top:1px;padding:4px 8px;text-align:center;transition:transform .2s ease}.multiselect__select:before{position:relative;right:0;top:65%;color:#999;margin-top:4px;border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 0;content:""}.multiselect__placeholder{color:#adadad;display:inline-block;margin-bottom:10px;padding-top:2px}.multiselect--active .multiselect__placeholder{display:none}.multiselect__content-wrapper{position:absolute;display:block;background:#fff;width:100%;max-height:240px;overflow:auto;border:1px solid #e8e8e8;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;z-index:50;-webkit-overflow-scrolling:touch}.multiselect__content{list-style:none;display:inline-block;padding:0;margin:0;min-width:100%;vertical-align:top}.multiselect--above .multiselect__content-wrapper{bottom:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom:none;border-top:1px solid #e8e8e8}.multiselect__content::webkit-scrollbar{display:none}.multiselect__element{display:block}.multiselect__option{display:block;padding:12px;min-height:40px;line-height:16px;text-decoration:none;text-transform:none;vertical-align:middle;position:relative;cursor:pointer;white-space:nowrap}.multiselect__option:after{top:0;right:0;position:absolute;line-height:40px;padding-right:12px;padding-left:20px;font-size:13px}.multiselect__option--highlight{background:#41b883;outline:none;color:#fff}.multiselect__option--highlight:after{content:attr(data-select);background:#41b883;color:#fff}.multiselect__option--selected{background:#f3f3f3;color:#35495e;font-weight:700}.multiselect__option--selected:after{content:attr(data-selected);color:silver;background:inherit}.multiselect__option--selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect--disabled .multiselect__current,.multiselect--disabled .multiselect__select{background:#ededed;color:#a6a6a6}.multiselect__option--disabled{background:#ededed!important;color:#a6a6a6!important;cursor:text;pointer-events:none}.multiselect__option--group{background:#ededed;color:#35495e}.multiselect__option--group.multiselect__option--highlight{background:#35495e;color:#fff}.multiselect__option--group.multiselect__option--highlight:after{background:#35495e}.multiselect__option--disabled.multiselect__option--highlight{background:#dedede}.multiselect__option--group-selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--group-selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect-enter-active,.multiselect-leave-active{transition:all .15s ease}.multiselect-enter,.multiselect-leave-active{opacity:0}.multiselect__strong{margin-bottom:8px;line-height:20px;display:inline-block;vertical-align:top}[dir=rtl] .multiselect{text-align:right}[dir=rtl] .multiselect__select{right:auto;left:1px}[dir=rtl] .multiselect__tags{padding:8px 8px 0 40px}[dir=rtl] .multiselect__content{text-align:right}[dir=rtl] .multiselect__option:after{right:auto;left:0}[dir=rtl] .multiselect__clear{right:auto;left:12px}[dir=rtl] .multiselect__spinner{right:auto;left:1px}@keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(2turn)}}
@font-face {font-family: "iconfont-vet";
  src: url(/packs/media/font/iconfont-b7feab36.eot); /* IE9 */
  src: url(/packs/media/font/iconfont-b7feab36.eot#iefix) format('embedded-opentype'), 
  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAUAAAsAAAAACyAAAASxAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDZgqHQIYVATYCJAMsCxgABCAFhR0HgT0bkglRVG8aZD8K48anlKkVETWZmxLicOmVmr/4///x8P/79dvn3qcz8xFPKolFNvdIKJAgNOiEIo2SxNPXjOj8r077iQsE6gaMU1/sAgZkh+UqanrH9iEnOdgQNkDciDaaMP9X/+459urvAPmLo80GMsUfde9WdfvLpojgURRggVSlwN5AEshmYpu9MJMq5gH/bb43gY6Z8mk2dPbrIEhBLhSIGxZJD0GZWEWDMTQRVcWahXjCX5Mepft4HHx+jFkRQSRlJve151KHCZoHQ/qy0ldgLCuU8Ri79chYDhTEqUrfEVxUvByncyG/5o0qhZAGO4OTIIhlnc79P14iKpJ6kD7M7TBoggkGJwWRjDvfwSAH1AkGBagLDCpQNxjUoB4waEC9YFCC+sCgBfXDMWc2um6NacA4okPcBhl+IAhPKlQUTp+YEpZAwtijhYXF5gsJl14NvnwpPH+ue/GCX/uqiffs26Uabq95KRTqK8XaF16lZovzvSERa7YBKPF4yBPvWZs46NMIkjmORm0e2ga8blRNGNFEupQ43bY1CbleNXFQsJPP862N5z18BUoZWxid42lA3mJ2/cCCV6jwEooWE3oJpJqHlLgp7FEODmYwkWW/1FiTMGLatuawjTCeb6caaqJR9KpH5hPGdbdT8tr44duV2a4/z8GHbuRJR15WklOvcsXDN7NNB19U1MhRx4/DxoK50MbtevRol83kHj7i/KiHD7H1jnmFv08en536nsiv8C2eLuL5ounFRTIvxJbFcpEgWI9PMC3wUJne4+DdwfeC6xysOyAzGrr71oW1+Ab2h8GoWRsD65q7/Qw+SDN4vQZQ07GbPoNBzumA9q9f28PbVxnvNRl+PbYV+3YpoHwUvHxab/G69LWHdSD7W/slf08bpgu/xsBvXU6zoSH6XFpa9Hl0NjXpXJY76zD8z9zz2W648L3Ucg+dlCqQFP9NyavZEsiv2YMpnxu53ZtmVUpaf0wbMCeis9+D+O5fXPpZkLiln/oK6L/Nz3IGIF/WfoU0mo4BkH6nnbvZXqSbkDdpa4T5Zbo223ptNSBv1TaJ1G3a5s/s11h6YEPiZGT9tya0AB9+5dUF2f23hflKGgm28xPqZHYrrm7pGKNTTAOBruUj2x12VB59kOmTvB4/fCq7IqFnagJJbQ5kPYuFhXQllLrWQKVnO3QsM7h+12RLgBNFi6U8AsIMlyAZ5w1kM3wSFtL/UJoW8VCZEXnQcSjatti1MHZ02ijWM2xChrnIYiROUSewkPAjBW7MBrA0Y9fTfAvPImDqsoxBJYXFZWVd2InpmMu43FIpYyISKXGgTrE/bLcTJFNixUZWaGZMri0qEs+3VGgkDgixHoXpMZgJYjAXYmFEOImufyak8LcVcMOYAZhkhp0eZbTLCynAKBfL1CElChUzhV3kZLe61vO4uElKMYwIEVGEA9IpGLMrJERy9WxWmBFTyNyjUFaryOtN5FLhOsIdD6z779KGfMdupMhRRBlV1NFEG53oRk91H+up0RwgWuwM0xgTmTHYcQG1SGZWoKeUzEbnrTpcPHULiXOCGZE33UPblw8zEMaI4z5OtItQVlAQR3h6xQAAAAA=') format('woff2'),
  url(/packs/media/font/iconfont-c3c6fe49.woff) format('woff'),
  url(/packs/media/font/iconfont-2c6ef557.ttf) format('truetype'), 
  url(/packs/media/font/iconfont-5f9cfce9.svg#iconfont-vet) format('svg'); /* iOS 4.1- */
}

.iconfont-vet {
  font-family: "iconfont-vet" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-vet-search:before {
  content: "\e60a";
}

.icon-vet-filter:before {
  content: "\e612";
}

.icon-vet-double-right-arrow:before {
  content: "\e6345";
}

.icon-vet-double-left-arrow:before {
  content: "\e6346";
}

.icon-vet-left-arrow:before {
  content: "\e634a";
}

.icon-vet-top-arrow:before {
  content: "\e6347";
}

.icon-vet-right-arrow:before {
  content: "\e6348";
}

.icon-vet-bottom-arrow:before {
  content: "\e6349";
}

.icon-vet-sort-bottom-arrow:before {
  content: "\e634b";
}

.icon-vet-sort-top-arrow:before {
  content: "\e634c";
}

/* ve-table */

/* ve-pagination */

/* ve-checkbox */

/* ve-radio */

/* ve-select */

/* ve-dropdown */

.ve-checkbox {
  cursor: pointer;
  font-size: 12px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.ve-checkbox:hover .ve-checkbox-inner {
  border-color: #108ee9;
}

.ve-checkbox-content {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: text-bottom;
}

.ve-checkbox-content:hover .ve-checkbox-inner {
  border-color: #108ee9;
}

.ve-checkbox-content .ve-checkbox-input {
  position: absolute;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  top: 0;
  bottom: 0;
  right: 0;
}

.ve-checkbox-content .ve-checkbox-input:focus .ve-checkbox-inner {
  border-color: #108ee9;
}

.ve-checkbox-content .ve-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  border: 1px solid #abbacc;
  border-radius: 2px;
  background-color: #fff;
  transition: all 0.3s;
}

.ve-checkbox-content .ve-checkbox-inner:after {
  transform: rotate(45deg) scale(0);
  position: absolute;
  left: 4px;
  top: 2px;
  display: table;
  width: 6px;
  height: 9px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  content: " ";
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
}

.ve-checkbox .ve-checkbox-checked:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  border: 1px solid #108ee9;
  content: "";
  animation-fill-mode: both;
  visibility: hidden;
}

.ve-checkbox .ve-checkbox-checked .ve-checkbox-inner {
  background-color: #108ee9;
  border-color: #108ee9;
}

.ve-checkbox .ve-checkbox-checked .ve-checkbox-inner:after {
  transform: rotate(45deg) scale(1);
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  content: " ";
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
}

.ve-checkbox .ve-checkbox-indeterminate .ve-checkbox-inner {
  border-color: #d9d9d9;
  position: relative;
  top: 0;
  left: 0;
  direction: ltr;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}

.ve-checkbox .ve-checkbox-indeterminate .ve-checkbox-inner:after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #108ee9;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: " ";
}

.ve-checkbox .ve-checkbox-indeterminate .ve-checkbox-inner:hover {
  border-color: #108ee9;
}

.ve-checkbox .ve-checkbox-indeterminate.ve-checkbox-disabled .ve-checkbox-inner:after {
  border-color: rgba(0, 0, 0, 0.25);
}

.ve-checkbox .ve-checkbox-disabled {
  cursor: not-allowed;
}

.ve-checkbox .ve-checkbox-disabled.ve-checkbox-checked .ve-checkbox-inner:after {
  animation-name: none;
  border-color: rgba(0, 0, 0, 0.25);
}

.ve-checkbox .ve-checkbox-disabled .ve-checkbox-input {
  cursor: not-allowed;
}

.ve-checkbox .ve-checkbox-disabled .ve-checkbox-inner {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  border-color: #d9d9d9 !important;
  background-color: #f7f7f7;
}

.ve-checkbox .ve-checkbox-disabled .ve-checkbox-inner:after {
  animation-name: none;
  border-color: #f7f7f7;
}

.ve-checkbox-label {
  margin: 0 6px 0 3px;
  /* display: inline-block; */
  width: 100%;
}

.ve-dropdown {
  display: inline-table;
  margin: 0;
  /*操作功能开始*/
}

.ve-dropdown a,
.ve-dropdown a:visited {
  color: #000;
  text-decoration: none;
  outline: none;
}

.ve-dropdown .ve-dropdown-dd,
.ve-dropdown .ve-dropdown-dt {
  z-index: 9999;
}

.ve-dropdown .ve-dropdown-dd,
.ve-dropdown .ve-dropdown-dt,
.ve-dropdown .ve-dropdown-items {
  margin: 0px;
  padding: 0px;
}

.ve-dropdown .ve-dropdown-dt-selected {
  position: relative;
  display: block;
  border: 1px solid #c8cdd4;
  border-radius: 2px;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
}

.ve-dropdown .ve-dropdown-dt-selected:hover {
  color: #108ee9;
  border-color: #108ee9;
}

.ve-dropdown .ve-dropdown-dt-selected .ve-dropdown-dt-selected-span {
  width: 80%;
  display: block !important;
  /*修复会被别的样式覆盖的问题*/
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 2px;
}

.ve-dropdown .ve-dropdown-dt-selected .ve-dropdown-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  background-image: none;
  border: 1px solid #fff;
  box-sizing: border-box;
  color: #1f2d3d;
  display: inline-block;
  font-size: inherit;
  line-height: 1;
  outline: none;
  padding-left: 2px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 80%;
  text-align: left;
}

.ve-dropdown .ve-dropdown-dd {
  position: absolute !important;
  z-index: 9999999;
  display: none;
}

.ve-dropdown .ve-dropdown-dd-show {
  display: block;
}

.ve-dropdown .ve-dropdown-dd .ve-dropdown-items {
  min-height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: normal;
  white-space: nowrap;
  position: fixed;
  top: 2px;
  left: 0px;
  list-style: none;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
  border: 1px solid #d1dbe5;
  padding: 5px 0px;
  width: auto;
}

.ve-dropdown .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper {
  overflow: auto;
  /* 单选 */
  /* 多选 */
}

.ve-dropdown .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-li {
  white-space: nowrap;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  background-color: #fff;
}

.ve-dropdown .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-li:hover {
  background-color: #f3f3f3;
  color: #000000d9;
}

.ve-dropdown .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-li.active {
  background-color: #e6f7ff;
}

.ve-dropdown .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-li.active a {
  color: #108ee9;
}

.ve-dropdown .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-li.active:hover {
  background-color: #e6f7ff;
}

.ve-dropdown .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-li .ve-dropdown-items-li-a {
  width: 100%;
  display: block;
  padding-left: 8px;
  padding-right: 8px;
  color: #000000d9;
}

.ve-dropdown .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-li .ve-dropdown-items-li-a-left {
  text-align: left;
}

.ve-dropdown .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-li .ve-dropdown-items-li-a-center {
  text-align: center;
}

.ve-dropdown .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-li .ve-dropdown-items-li-a-right {
  text-align: right;
}

.ve-dropdown .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-multiple {
  display: table;
  padding: 0 5px;
  width: 100%;
  text-align: left;
}

.ve-dropdown .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-multiple .ve-checkbox {
  width: 100%;
}

.ve-dropdown .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-multiple .ve-checkbox .ve-checkbox-label {
  padding-left: 5px;
}

.ve-dropdown .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-multiple span {
  font-size: 14px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.65);
}

.ve-dropdown .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-multiple:hover {
  background-color: #e6f7ff;
}

.ve-dropdown .ve-dropdown-operation {
  width: 100%;
  margin-top: 5px;
  padding: 8px 0 3px 0;
  font-size: 14px;
  border-top: 1px solid #e8e8e8;
}

.ve-dropdown .ve-dropdown-operation .ve-dropdown-operation-item {
  padding: 0 8px;
  color: #495060;
}

.ve-dropdown .ve-dropdown-operation .ve-dropdown-operation-item.ve-dropdown-filter-disable {
  color: #999;
}

.ve-dropdown .ve-dropdown-operation .ve-dropdown-operation-item:not(.ve-dropdown-filter-disable):hover {
  color: #108ee9;
}

.ve-dropdown .ve-dropdown-operation:last-child {
  float: right;
}

.ve-dropdown .ve-dropdown-operation:hover {
  color: #f3f3f3;
}

.ve-icon {
  display: inline-block;
}

.ve-loading-parent-relative {
  position: relative !important;
}

.ve-loading-parent-lock {
  overflow: hidden !important;
}

.ve-loading {
  /* plane */
  /* bounce */
  /* wave */
  /* pulse */
  /* flow */
  /* grid */
}

.ve-loading.ve-loading-overlay {
  position: absolute;
  z-index: 1999;
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.ve-loading.ve-loading-fixed {
  position: fixed !important;
}

.ve-loading.ve-loading-hide {
  display: none;
}

.ve-loading-spin-container {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  margin-left: -20px;
  width: 100%;
  text-align: center;
}

.ve-loading-spin-container .ve-loading-spin {
  display: inline-block;
}

.ve-loading-spin-container .ve-loading-spin-tip {
  /* text-align: center; */
}

.ve-loading-plane {
  animation: sk-plane 1.2s infinite ease-in-out;
}

@keyframes sk-plane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

.ve-loading-bounce {
  position: relative;
}

.ve-loading-bounce-dot {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  /* background-color: var(--sk-color); */
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  animation: sk-bounce 2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.ve-loading-bounce-dot:nth-child(2) {
  animation-delay: -1s;
}

@keyframes sk-bounce {
  0%,
  100% {
    transform: scale(0);
  }
  45%,
  55% {
    transform: scale(1);
  }
}

.ve-loading-wave {
  display: flex;
  justify-content: space-between;
}

.ve-loading-wave-rect {
  height: 100%;
  width: 15%;
  animation: sk-wave 1.2s infinite ease-in-out;
}

.ve-loading-wave-rect:nth-child(1) {
  animation-delay: -1.2s;
}

.ve-loading-wave-rect:nth-child(2) {
  animation-delay: -1.1s;
}

.ve-loading-wave-rect:nth-child(3) {
  animation-delay: -1s;
}

.ve-loading-wave-rect:nth-child(4) {
  animation-delay: -0.9s;
}

.ve-loading-wave-rect:nth-child(5) {
  animation-delay: -0.8s;
}

@keyframes sk-wave {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
  }
}

.ve-loading-pulse {
  width: var(--sk-size);
  height: var(--sk-size);
  background-color: var(--sk-color);
  border-radius: 100%;
  animation: sk-pulse 1.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

@keyframes sk-pulse {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}

.ve-loading-flow {
  width: calc(var(--sk-size) * 1.3);
  height: calc(var(--sk-size) * 1.3);
  display: flex;
  justify-content: space-between;
}

.ve-loading-flow-dot {
  width: 25%;
  height: 25%;
  background-color: var(--sk-color);
  border-radius: 50%;
  animation: sk-flow 1.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s infinite both;
}

.ve-loading-flow-dot:nth-child(1) {
  animation-delay: -0.3s;
}

.ve-loading-flow-dot:nth-child(2) {
  animation-delay: -0.15s;
}

@keyframes sk-flow {
  0%,
  80%,
  100% {
    transform: scale(0.3);
  }
  40% {
    transform: scale(1);
  }
}

.ve-loading-grid {
  /* Cube positions
     * 1 2 3
     * 4 5 6
     * 7 8 9
     */
}

.ve-loading-grid-cube {
  width: 33.33%;
  height: 33.33%;
  background-color: var(--sk-color);
  float: left;
  animation: sk-grid 1.3s infinite ease-in-out;
}

.ve-loading-grid-cube:nth-child(1) {
  animation-delay: 0.2s;
}

.ve-loading-grid-cube:nth-child(2) {
  animation-delay: 0.3s;
}

.ve-loading-grid-cube:nth-child(3) {
  animation-delay: 0.4s;
}

.ve-loading-grid-cube:nth-child(4) {
  animation-delay: 0.1s;
}

.ve-loading-grid:nth-child(5) {
  animation-delay: 0.2s;
}

.ve-loading-grid-cube:nth-child(6) {
  animation-delay: 0.3s;
}

.ve-loading-grid-cube:nth-child(7) {
  animation-delay: 0s;
}

.ve-loading-grid-cube:nth-child(8) {
  animation-delay: 0.1s;
}

.ve-loading-grid-cube:nth-child(9) {
  animation-delay: 0.2s;
}

@keyframes sk-grid {
  0%,
  70%,
  100% {
    transform: scale3D(1, 1, 1);
  }
  35% {
    transform: scale3D(0, 0, 1);
  }
}

*,
:after,
:before {
  box-sizing: border-box;
}

.ve-pagination {
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  background-color: #fff;
  margin: 0;
  padding: 0;
  display: inline-block;
  margin: 0 4px;
  list-style-type: none;
}

.ve-pagination .ve-pagination-total {
  float: left;
  margin: 0 4px;
  color: #000000d9;
}

.ve-pagination .ve-pagination-select {
  float: left;
  margin: 0 4px;
}

.ve-pagination .ve-pagination-pager {
  float: left;
}

.ve-pagination .ve-pagination-goto {
  float: left;
  margin: 0 4px;
  color: #000000d9;
}

.ve-pagination .ve-pagination-goto .ve-pagination-goto-input {
  width: 50px;
  height: 32px;
  padding: 1px 7px;
  display: inline-block;
  border: 1px solid #c8cdd4;
  background-color: #fff;
  background-image: none;
  transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  border-radius: 4px;
}

.ve-pagination .ve-pagination-goto .ve-pagination-goto-input:focus {
  outline: none !important;
  border-color: #108ee9;
}

.ve-pagination .ve-pagination-goto .ve-pagination-goto-input:hover {
  border-color: #108ee9;
}

.ve-pagination .ve-pagination-li {
  min-width: 32px;
  height: 32px;
  float: left;
  margin-right: 4px;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
  text-align: center;
  list-style: none;
  background-color: #fff;
  border: 1px solid #c8cdd4;
  border-radius: 4px;
}

.ve-pagination .ve-pagination-li a {
  color: #000000d9;
}

.ve-pagination .ve-pagination-li:hover {
  border-color: #108ee9;
}

.ve-pagination .ve-pagination-li:hover a {
  color: #108ee9;
}

.ve-pagination .ve-pagination-li.ve-pagination-li-active {
  border-color: #108ee9;
}

.ve-pagination .ve-pagination-li.ve-pagination-li-active a {
  font-weight: bold;
  color: #108ee9;
}

.ve-pagination .ve-pagination-li.ve-pagination-li-active:hover {
  border-color: #108ee9;
}

.ve-pagination .ve-pagination-li.ve-pagination-li-active:hover a {
  font-weight: bold;
  color: #108ee9;
}

.ve-pagination .ve-pagination-prev i,
.ve-pagination .ve-pagination-next i {
  color: #666;
}

.ve-pagination .ve-pagination-prev:hover i,
.ve-pagination .ve-pagination-next:hover i {
  color: #108ee9;
}

.ve-pagination .ve-pagination-jump-prev:after,
.ve-pagination .ve-pagination-jump-next:after {
  content: "•••";
  display: block;
  letter-spacing: 1px;
  color: #666;
  text-align: center;
}

.ve-pagination .ve-pagination-jump-prev i,
.ve-pagination .ve-pagination-jump-prev:hover:after,
.ve-pagination .ve-pagination-jump-next i,
.ve-pagination .ve-pagination-jump-next:hover:after {
  display: none;
}

.ve-pagination .ve-pagination-jump-prev:hover i,
.ve-pagination .ve-pagination-jump-next:hover i {
  display: inline;
  color: #108ee9;
}

.ve-pagination .ve-pagination-disabled {
  cursor: not-allowed;
  border-color: #c8cdd4;
}

.ve-pagination .ve-pagination-disabled:hover {
  border-color: #c8cdd4;
}

.ve-pagination .ve-pagination-disabled:hover i {
  color: #ccc;
  cursor: not-allowed;
}

.ve-pagination .ve-pagination-disabled i {
  color: #ccc;
}

.ve-radio *,
.ve-radio *:before,
.ve-radio *:after {
  box-sizing: border-box;
}

.ve-radio {
  margin: 0 8px 0 0;
}

.ve-radio,
.ve-radio .ve-radio-container {
  padding: 0;
  color: #000000d9;
  font-size: 14px;
  line-height: 22px;
  list-style: none;
  position: relative;
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
}

.ve-radio .ve-radio-container {
  margin: 0;
  top: -1px;
  line-height: 1;
  vertical-align: sub;
  outline: none;
}

.ve-radio .ve-radio-container .ve-radio-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}

.ve-radio .ve-radio-container .ve-radio-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 100px;
  transition: all 0.3s;
}

.ve-radio .ve-radio-container .ve-radio-inner:after {
  position: absolute;
  top: 3px;
  left: 3px;
  display: table;
  width: 8px;
  height: 8px;
  background-color: #108ee9;
  border-top: 0;
  border-left: 0;
  border-radius: 8px;
  transform: scale(0);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: " ";
}

.ve-radio .ve-radio-container.ve-radio-checked:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #108ee9;
  border-radius: 50%;
  visibility: hidden;
  animation-fill-mode: both;
  content: "";
}

.ve-radio .ve-radio-container.ve-radio-checked .ve-radio-inner {
  border-color: #108ee9;
}

.ve-radio .ve-radio-container.ve-radio-checked .ve-radio-inner:after {
  transform: scale(1);
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.ve-radio .ve-radio-container.ve-radio-disabled .ve-radio-input {
  cursor: not-allowed;
}

.ve-radio .ve-radio-container.ve-radio-disabled .ve-radio-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
  cursor: not-allowed;
}

.ve-radio .ve-radio-container.ve-radio-disabled .ve-radio-inner:after {
  background-color: #00000033;
}

.ve-radio .ve-radio-container.ve-radio-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

.ve-radio .ve-radio-label {
  padding: 0 4px;
}

.ve-select .ve-select-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  background-image: none;
  border: 1px solid #fff;
  box-sizing: border-box;
  color: #1f2d3d;
  display: inline-block;
  font-size: inherit;
  line-height: 1;
  outline: none;
  padding-left: 2px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 80%;
  text-align: left;
}

.ve-select .ve-select-selected-span {
  width: 80%;
  display: block !important;
  /*修复会被别的样式覆盖的问题*/
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 2px;
  color: #000000d9;
}

.ve-select .ve-select-toggle-icon {
  display: inline-flex;
  position: absolute;
  line-height: 32px;
  top: 0;
  right: 5px;
  color: #999;
}

.ve-select .ve-select-toggle-icon::before {
  transform: rotate(0deg);
  transition: transform 0.3s;
}

.ve-select .ve-select-toggle-icon.ve-select-show::before {
  transform: rotate(180deg);
  transition: transform 0.3s;
}

/* fixed column shadow */

.ve-table *,
.ve-table *:before,
.ve-table *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.ve-table table.ve-table-content {
  min-width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
}

.ve-table table.ve-table-content thead.ve-table-header tr.ve-table-header-tr {
  height: 40px;
}

.ve-table table.ve-table-content thead.ve-table-header tr.ve-table-header-tr th.ve-table-header-th {
  background-color: #fafafa;
  padding: 10px;
  font-weight: 500;
  color: #000000d9;
  font-size: 14px;
}

.ve-table table.ve-table-content tbody.ve-table-body tr.ve-table-body-tr,
.ve-table table.ve-table-content tbody.ve-table-body tr.ve-table-expand-tr {
  height: 40px;
}

.ve-table table.ve-table-content tbody.ve-table-body tr.ve-table-body-tr td.ve-table-body-td,
.ve-table table.ve-table-content tbody.ve-table-body tr.ve-table-expand-tr td.ve-table-body-td,
.ve-table table.ve-table-content tbody.ve-table-body tr.ve-table-body-tr td.ve-table-expand-td,
.ve-table table.ve-table-content tbody.ve-table-body tr.ve-table-expand-tr td.ve-table-expand-td {
  background-color: #fff;
  color: #000000d9;
  height: inherit;
  font-size: 14px;
}

.ve-table table.ve-table-content tbody.ve-table-body tr.ve-table-body-tr td.ve-table-body-td,
.ve-table table.ve-table-content tbody.ve-table-body tr.ve-table-expand-tr td.ve-table-body-td {
  padding: 10px;
}

.ve-table table.ve-table-content tbody.ve-table-body tr.ve-table-expand-tr {
  display: table-row;
}

.ve-table table.ve-table-content tbody.ve-table-body.ve-table-stripe tr.ve-table-body-tr:nth-child(2n + 1) td {
  background-color: #fafafa;
}

.ve-table table.ve-table-content tbody.ve-table-body.ve-table-row-hover tr.ve-table-body-tr:hover td {
  background-color: #f5f7fa;
}

.ve-table table.ve-table-content tbody.ve-table-body.ve-table-row-highlight tr.ve-table-body-tr.ve-table-tr-highlight td {
  background-color: #e0f3ff;
}

.ve-table table.ve-table-content tfoot.ve-table-footer tr.ve-table-footer-tr {
  height: 40px;
}

.ve-table table.ve-table-content tfoot.ve-table-footer tr.ve-table-footer-tr td.ve-table-footer-td {
  background-color: #fafafa;
  color: #000000d9;
  padding: 10px;
  font-size: 14px;
}

.ve-table .ve-table-container {
  overflow-y: auto;
  height: 100%;
  width: 100%;
}

.ve-table .ve-table-container.ve-table-virtual-scroll {
  position: relative;
}

.ve-table .ve-table-container.ve-table-virtual-scroll .ve-table-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}

.ve-table .ve-table-container .ve-table-virtual-phantom.ve-table-virtual-scroll {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: -1;
}

.ve-table .ve-table-container.ve-table-container-left-scrolling .ve-table-last-left-fixed-column::after {
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}

.ve-table .ve-table-container.ve-table-container-right-scrolling .ve-table-first-right-fixed-column::after {
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}

.ve-table .ve-table-container .ve-table-content.ve-table-border-x th,
.ve-table .ve-table-container .ve-table-content.ve-table-border-x td {
  border-bottom: 1px solid #eee;
}

.ve-table .ve-table-container .ve-table-content.ve-table-border-x tr:first-child > th,
.ve-table .ve-table-container .ve-table-content.ve-table-border-x tr.ve-table-footer-tr:first-child > td {
  border-top: 1px solid #eee;
}

.ve-table .ve-table-container .ve-table-content.ve-table-border-y th,
.ve-table .ve-table-container .ve-table-content.ve-table-border-y td {
  border-right: 1px solid #eee;
}

.ve-table .ve-table-container .ve-table-content.ve-table-border-y th:first-child,
.ve-table .ve-table-container .ve-table-content.ve-table-border-y td:first-child {
  border-left: 1px solid #eee;
}

.ve-table .ve-table-container .ve-table-content thead.ve-table-header.ve-table-fixed-header tr th {
  position: sticky;
  z-index: 2;
}

.ve-table .ve-table-container .ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th {
  /* fixed column shadow */
  /* filter */
}

.ve-table .ve-table-container .ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th.ve-table-fixed-left,
.ve-table .ve-table-container .ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th.ve-table-fixed-right {
  position: sticky;
  z-index: 3;
}

.ve-table .ve-table-container .ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th.ve-table-last-left-fixed-column::after,
.ve-table .ve-table-container .ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th.ve-table-first-right-fixed-column::after {
  position: absolute;
  top: 0;
  bottom: -1px;
  width: 30px;
  height: 100%;
  transition: box-shadow 0.3s;
  content: "";
  pointer-events: none;
}

.ve-table .ve-table-container .ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th.ve-table-last-left-fixed-column::after {
  transform: translateX(100%);
  right: 0;
}

.ve-table .ve-table-container .ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th.ve-table-first-right-fixed-column::after {
  transform: translateX(-100%);
  left: 0;
}

.ve-table .ve-table-container .ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th .ve-table-checkbox-wrapper {
  width: 25px;
}

.ve-table .ve-table-container .ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th .ve-table-sort {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  margin-left: 5px;
  color: #bfbfbf;
  cursor: pointer;
}

.ve-table .ve-table-container .ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th .ve-table-sort .ve-table-sort-icon {
  position: absolute;
  display: block;
  font-size: 14px;
}

.ve-table .ve-table-container .ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th .ve-table-sort .ve-table-sort-icon.ve-table-sort-icon-top {
  top: 1px;
}

.ve-table .ve-table-container .ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th .ve-table-sort .ve-table-sort-icon.ve-table-sort-icon-bottom {
  top: 9px;
}

.ve-table .ve-table-container .ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th .ve-table-sort .ve-table-sort-icon.active {
  color: #108ee9;
}

.ve-table .ve-table-container .ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th .ve-table-filter {
  display: inline-block;
  position: relative;
  width: 0;
  height: 16px;
  cursor: pointer;
}

.ve-table .ve-table-container .ve-table-content thead.ve-table-header .ve-table-header-tr .ve-table-header-th .ve-table-filter .ve-table-filter-icon {
  position: absolute;
  top: 0;
  left: 5px;
}

.ve-table .ve-table-container .ve-table-content tbody.ve-table-body .ve-table-body-tr .ve-table-body-td {
  /* fixed column shadow */
}

.ve-table .ve-table-container .ve-table-content tbody.ve-table-body .ve-table-body-tr .ve-table-body-td.ve-table-fixed-left,
.ve-table .ve-table-container .ve-table-content tbody.ve-table-body .ve-table-body-tr .ve-table-body-td.ve-table-fixed-right {
  position: sticky;
  z-index: 1;
}

.ve-table .ve-table-container .ve-table-content tbody.ve-table-body .ve-table-body-tr .ve-table-body-td.ve-table-last-left-fixed-column::after,
.ve-table .ve-table-container .ve-table-content tbody.ve-table-body .ve-table-body-tr .ve-table-body-td.ve-table-first-right-fixed-column::after {
  position: absolute;
  top: 0;
  bottom: -1px;
  width: 30px;
  height: 100%;
  transition: box-shadow 0.3s;
  content: "";
  pointer-events: none;
}

.ve-table .ve-table-container .ve-table-content tbody.ve-table-body .ve-table-body-tr .ve-table-body-td.ve-table-last-left-fixed-column::after {
  transform: translateX(100%);
  right: 0;
}

.ve-table .ve-table-container .ve-table-content tbody.ve-table-body .ve-table-body-tr .ve-table-body-td.ve-table-first-right-fixed-column::after {
  transform: translateX(-100%);
  left: 0;
}

.ve-table .ve-table-container .ve-table-content tbody.ve-table-body .ve-table-body-tr .ve-table-body-td.ve-table-cell-selection {
  border: 1px solid #2196f3;
}

.ve-table .ve-table-container .ve-table-content tbody.ve-table-body .ve-table-body-tr .ve-table-body-td .ve-table-row-expand-icon {
  cursor: pointer;
  display: inline-block;
  width: 20px;
  height: 20px;
}

.ve-table .ve-table-container .ve-table-content tbody.ve-table-body .ve-table-body-tr .ve-table-body-td .ve-table-row-expand-icon i {
  display: inline-flex;
}

.ve-table .ve-table-container .ve-table-content tbody.ve-table-body .ve-table-body-tr .ve-table-body-td .ve-table-row-expand-icon i::before {
  transform: rotate(0deg);
  transition: transform 0.3s;
}

.ve-table .ve-table-container .ve-table-content tbody.ve-table-body .ve-table-body-tr .ve-table-body-td .ve-table-row-expand-icon.ve-table-expand-icon-collapsed i::before {
  transform: rotate(90deg);
  transition: transform 0.3s;
}

.ve-table .ve-table-container .ve-table-content tbody.ve-table-body .ve-table-body-tr .ve-table-body-td .ve-table-checkbox-wrapper {
  width: 25px;
}

.ve-table .ve-table-container .ve-table-content tbody.ve-table-body .ve-table-body-tr .ve-table-body-td .ve-table-body-td-span-ellipsis {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  /* -webkit-line-clamp: 1; */
  -webkit-box-orient: vertical;
}

.ve-table .ve-table-container .ve-table-content tbody.ve-table-body .ve-table-body-tr .ve-table-body-td .ve-table-body-td-edit-input {
  display: inline-block;
  width: 100%;
  height: 100%;
  border: none;
  box-sizing: border-box;
  outline: none;
  background-color: transparent;
  text-align: inherit;
}

.ve-table .ve-table-container .ve-table-content tbody.ve-table-body .ve-table-expand-tr .ve-table-expand-td-content {
  position: sticky;
  z-index: 1;
  left: 0px;
  padding: 10px;
}

.ve-table .ve-table-container .ve-table-content tfoot.ve-table-footer.ve-table-fixed-footer tr td {
  position: sticky;
  z-index: 2;
}

.ve-table .ve-table-container .ve-table-content tfoot.ve-table-footer .ve-table-footer-tr .ve-table-footer-td {
  /* fixed column shadow */
}

.ve-table .ve-table-container .ve-table-content tfoot.ve-table-footer .ve-table-footer-tr .ve-table-footer-td.ve-table-fixed-left,
.ve-table .ve-table-container .ve-table-content tfoot.ve-table-footer .ve-table-footer-tr .ve-table-footer-td.ve-table-fixed-right {
  position: sticky;
  z-index: 3;
}

.ve-table .ve-table-container .ve-table-content tfoot.ve-table-footer .ve-table-footer-tr .ve-table-footer-td.ve-table-last-left-fixed-column::after,
.ve-table .ve-table-container .ve-table-content tfoot.ve-table-footer .ve-table-footer-tr .ve-table-footer-td.ve-table-first-right-fixed-column::after {
  position: absolute;
  top: 0;
  bottom: -1px;
  width: 30px;
  height: 100%;
  transition: box-shadow 0.3s;
  content: "";
  pointer-events: none;
}

.ve-table .ve-table-container .ve-table-content tfoot.ve-table-footer .ve-table-footer-tr .ve-table-footer-td.ve-table-last-left-fixed-column::after {
  transform: translateX(100%);
  right: 0;
}

.ve-table .ve-table-container .ve-table-content tfoot.ve-table-footer .ve-table-footer-tr .ve-table-footer-td.ve-table-first-right-fixed-column::after {
  transform: translateX(-100%);
  left: 0;
}

.ve-table .ve-table-container.ve-table-border-around {
  border: 1px solid #eee;
}

.ve-table .ve-table-container.ve-table-border-around .ve-table-border-x tr:last-child > td {
  border-bottom: 0px;
}

.ve-table .ve-table-container.ve-table-border-around .ve-table-border-x tr:first-child > th {
  border-top: 0px;
}

.ve-table .ve-table-container.ve-table-border-around .ve-table-border-y th.ve-table-last-column,
.ve-table .ve-table-container.ve-table-border-around .ve-table-border-y td:last-child {
  border-right: 0px;
}

.ve-table .ve-table-container.ve-table-border-around .ve-table-border-y th:first-child,
.ve-table .ve-table-container.ve-table-border-around .ve-table-border-y td:first-child {
  border-left: 0px;
}


/*# sourceMappingURL=application-ca56a09f.css.map*/