.toggle-button[data-v-02a99af2] {
    --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-02a99af2] {
        background-color: hsl(207 11.1% 85.9%/var(--tw-bg-opacity))
    }
}

[data-v-02a99af2]:is(.dark .toggle-button) {
    --tw-bg-opacity: 1;
    background-color: hsl(206 6% 43.5%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    [data-v-02a99af2]:is(.dark .toggle-button) {
        background-color: hsl(206 6% 43.5%/var(--tw-bg-opacity))
    }
}

.toggle-button[data-v-02a99af2] {
    --toggle-button-box-shadow: #fff 0px 0px 0px 0px, rgba(41, 162, 167, 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: .2s;
    transition-property: background-color;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 34px
}

.toggle-button.active[data-v-02a99af2] {
    background-color: var(--w-500)
}

.toggle-button.small[data-v-02a99af2] {
    width: 22px;
    height: 14px
}

.toggle-button.small span[data-v-02a99af2] {
    height: var(--space-one);
    width: var(--space-one)
}

.toggle-button.small span.active[data-v-02a99af2] {
    transform: translate(var(--space-small), var(--space-zero))
}

.toggle-button span[data-v-02a99af2] {
    --tw-bg-opacity: 1;
    background-color: rgb(248 249 250/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .toggle-button span[data-v-02a99af2] {
        background-color: rgb(248 249 250/var(--tw-bg-opacity))
    }
}

[data-v-02a99af2]:is(.dark .toggle-button span) {
    --tw-bg-opacity: 1;
    background-color: rgb(18 27 34/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    [data-v-02a99af2]:is(.dark .toggle-button span) {
        background-color: rgb(18 27 34/var(--tw-bg-opacity))
    }
}

.toggle-button span[data-v-02a99af2] {
    --space-one-point-five: 0.9375rem;
    border-radius: 100%;
    box-shadow: var(--toggle-button-box-shadow);
    display: inline-block;
    height: .9375rem;
    height: var(--space-one-point-five);
    transform: translate(0);
    transition-duration: .2s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: .9375rem;
    width: var(--space-one-point-five)
}

.toggle-button span.active[data-v-02a99af2] {
    transform: translate(var(--space-one-point-five), var(--space-zero))
}

.wizard-box .item[data-v-38d8eb9f] {
    position: relative;
    cursor: pointer;
    padding: 1rem 1rem 1rem 1.5rem
}

.wizard-box .item[data-v-38d8eb9f]:before {
    position: absolute;
    top: 0;
    height: 1rem;
    width: .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-38d8eb9f]:before {
        background-color: hsl(209 12.2% 93.2%/var(--tw-bg-opacity))
    }
}

.wizard-box .item[data-v-38d8eb9f]:after {
    position: absolute;
    top: 1.25rem;
    height: 100%;
    width: .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-38d8eb9f]:after {
        background-color: hsl(209 12.2% 93.2%/var(--tw-bg-opacity))
    }
}

.wizard-box .item[data-v-38d8eb9f]:first-child:before,
.wizard-box .item[data-v-38d8eb9f]:last-child:after,
.wizard-box .item[data-v-38d8eb9f]:last-child:before {
    content: var(--tw-content);
    height: 0
}

[data-v-38d8eb9f]:is(.dark .wizard-box .item):before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: hsl(206 6% 43.5%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    [data-v-38d8eb9f]:is(.dark .wizard-box .item):before {
        background-color: hsl(206 6% 43.5%/var(--tw-bg-opacity))
    }
}

[data-v-38d8eb9f]:is(.dark .wizard-box .item):after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: hsl(206 6% 43.5%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    [data-v-38d8eb9f]:is(.dark .wizard-box .item):after {
        background-color: hsl(206 6% 43.5%/var(--tw-bg-opacity))
    }
}

.wizard-box .item.active h3[data-v-38d8eb9f] {
    --tw-text-opacity: 1;
    color: rgb(41 162 167/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .wizard-box .item.active h3[data-v-38d8eb9f] {
        color: rgb(41 162 167/var(--tw-text-opacity))
    }
}

[data-v-38d8eb9f]:is(.dark .wizard-box .item.active h3) {
    --tw-text-opacity: 1;
    color: rgb(41 162 167/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    [data-v-38d8eb9f]:is(.dark .wizard-box .item.active h3) {
        color: rgb(41 162 167/var(--tw-text-opacity))
    }
}

.wizard-box .item.active .step[data-v-38d8eb9f] {
    --tw-bg-opacity: 1;
    background-color: rgb(41 162 167/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .wizard-box .item.active .step[data-v-38d8eb9f] {
        background-color: rgb(41 162 167/var(--tw-bg-opacity))
    }
}

[data-v-38d8eb9f]:is(.dark .wizard-box .item.active .step) {
    --tw-bg-opacity: 1;
    background-color: rgb(41 162 167/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    [data-v-38d8eb9f]:is(.dark .wizard-box .item.active .step) {
        background-color: rgb(41 162 167/var(--tw-bg-opacity))
    }
}

.wizard-box .item.over[data-v-38d8eb9f]:after {
    --tw-bg-opacity: 1;
    background-color: rgb(41 162 167/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .wizard-box .item.over[data-v-38d8eb9f]:after {
        background-color: rgb(41 162 167/var(--tw-bg-opacity))
    }
}

[data-v-38d8eb9f]:is(.dark .wizard-box .item.over):after {
    --tw-bg-opacity: 1;
    background-color: rgb(41 162 167/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    [data-v-38d8eb9f]:is(.dark .wizard-box .item.over):after {
        background-color: rgb(41 162 167/var(--tw-bg-opacity))
    }
}

.wizard-box .item.over .step[data-v-38d8eb9f] {
    --tw-bg-opacity: 1;
    background-color: rgb(41 162 167/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .wizard-box .item.over .step[data-v-38d8eb9f] {
        background-color: rgb(41 162 167/var(--tw-bg-opacity))
    }
}

[data-v-38d8eb9f]:is(.dark .wizard-box .item.over .step) {
    --tw-bg-opacity: 1;
    background-color: rgb(41 162 167/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    [data-v-38d8eb9f]:is(.dark .wizard-box .item.over .step) {
        background-color: rgb(41 162 167/var(--tw-bg-opacity))
    }
}

.wizard-box .item.over+.item[data-v-38d8eb9f]:before {
    --tw-bg-opacity: 1;
    background-color: rgb(41 162 167/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .wizard-box .item.over+.item[data-v-38d8eb9f]:before {
        background-color: rgb(41 162 167/var(--tw-bg-opacity))
    }
}

[data-v-38d8eb9f]:is(.dark .wizard-box .item.over+.item):before {
    --tw-bg-opacity: 1;
    background-color: rgb(41 162 167/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    [data-v-38d8eb9f]:is(.dark .wizard-box .item.over+.item):before {
        background-color: rgb(41 162 167/var(--tw-bg-opacity))
    }
}

.wizard-box .item .step[data-v-38d8eb9f] {
    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: .625rem;
    font-weight: 500;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(248 249 250/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .wizard-box .item .step[data-v-38d8eb9f] {
        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-38d8eb9f] {
        color: rgb(248 249 250/var(--tw-text-opacity))
    }
}

[data-v-38d8eb9f]:is(.dark .wizard-box .item .step) {
    --tw-bg-opacity: 1;
    background-color: hsl(206 6% 43.5%/1);
    --tw-text-opacity: 1;
    color: rgb(248 249 250/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    [data-v-38d8eb9f]:is(.dark .wizard-box .item .step) {
        background-color: hsl(206 6% 43.5%/var(--tw-bg-opacity))
    }
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    [data-v-38d8eb9f]:is(.dark .wizard-box .item .step) {
        color: rgb(248 249 250/var(--tw-text-opacity))
    }
}

.avatar-delete-btn[data-v-34051874] {
    margin-top: var(--space-smaller);
    margin-bottom: var(--space-smaller)
}

.spinner[data-v-309361b3] {
    position: relative;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0 1.5rem;
    vertical-align: middle
}

@keyframes spinner-309361b3 {
    to {
        transform: rotate(1turn)
    }
}

.spinner[data-v-309361b3]:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.5rem;
    height: 1.5rem;
    margin-top: -.625rem;
    margin-left: -.625rem;
    border-radius: 50%;
    border: 2px solid hsla(0, 0%, 100%, .8);
    border-top-color: hsla(0, 0%, 100%, .3);
    animation: spinner-309361b3 .9s linear infinite
}

.spinner.message[data-v-309361b3] {
    padding: .625rem;
    top: 0;
    left: 0;
    margin: .75rem auto 0;
    background: #fff;
    border-radius: 2rem
}

.spinner.message[data-v-309361b3]:before {
    margin-top: -.75rem;
    margin-left: -.75rem
}

.spinner.small[data-v-309361b3] {
    width: 1rem;
    height: 1rem
}

.spinner.small[data-v-309361b3]:before {
    width: 1rem;
    height: 1rem;
    margin-top: -.5rem
}

.spinner.tiny[data-v-309361b3] {
    width: .625rem;
    height: .625rem;
    padding: 0 .25rem
}

.spinner.tiny[data-v-309361b3]:before {
    width: .625rem;
    height: .625rem;
    margin-top: -.375rem
}

.spinner.dark[data-v-309361b3]:before {
    border-color: rgba(0, 0, 0, .2) rgba(0, 0, 0, .7) rgba(0, 0, 0, .7)
}

.icon--emoji[data-v-032621ae] {
    font-style: normal
}

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

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

.hljs-comment {
    color: #888
}

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

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

.hljs-section,
.hljs-title {
    color: #800;
    font-weight: 700
}

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

.hljs-literal {
    color: #78a960
}

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

.hljs-meta {
    color: #1f7199
}

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

.hljs-emphasis {
    font-style: italic
}

.hljs-strong {
    font-weight: 700
}

.code--container[data-v-29cbdc45] {
    position: relative;
    text-align: left
}

.code--container .code--action-area[data-v-29cbdc45] {
    top: var(--space-small);
    position: absolute;
    right: var(--space-small)
}

.code--container .code--codeopen-form[data-v-29cbdc45] {
    display: inline-block
}

[data-v-591429e8]:root {
    --dashboard-app-tabs-height: 2.4375rem
}

.colorpicker[data-v-591429e8] {
    position: relative
}

.colorpicker--selected[data-v-591429e8] {
    margin-bottom: 1rem;
    height: 2rem;
    width: 2rem;
    cursor: pointer;
    border-radius: .25rem;
    --tw-border-opacity: 1;
    border: 1px solid hsl(209 13.3% 95.3%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .colorpicker--selected[data-v-591429e8] {
        border-color: hsl(209 13.3% 95.3%/var(--tw-border-opacity))
    }
}

[data-v-591429e8]:is(.dark .colorpicker--selected) {
    --tw-border-opacity: 1;
    border-color: hsl(206 6% 43.5%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    [data-v-591429e8]:is(.dark .colorpicker--selected) {
        border-color: hsl(206 6% 43.5%/var(--tw-border-opacity))
    }
}

.colorpicker--chrome.vc-chrome[data-v-591429e8] {
    position: absolute;
    z-index: 9999;
    margin-top: -.625rem;
    border-radius: .25rem;
    --tw-border-opacity: 1;
    border: 1px solid 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 transparent, 0 0 transparent, 0 10px 15px -3px rgb(0 0 0/.1), 0 4px 6px -4px rgb(0 0 0/.1);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .colorpicker--chrome.vc-chrome[data-v-591429e8] {
        border-color: hsl(209 12.2% 93.2%/var(--tw-border-opacity))
    }
}

[data-v-591429e8]:is(.dark .colorpicker--chrome.vc-chrome) {
    --tw-border-opacity: 1;
    border-color: hsl(206 6% 43.5%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    [data-v-591429e8]:is(.dark .colorpicker--chrome.vc-chrome) {
        border-color: hsl(206 6% 43.5%/var(--tw-border-opacity))
    }
}

.colorpicker--chrome.vc-chrome[data-v-591429e8] input {
    --tw-bg-opacity: 1;
    background-color: rgb(248 249 250/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .colorpicker--chrome.vc-chrome[data-v-591429e8] input {
        background-color: rgb(248 249 250/var(--tw-bg-opacity))
    }
}

[data-v-591429e8]:is(.dark .colorpicker--chrome.vc-chrome ::v-deep input) {
    --tw-bg-opacity: 1;
    background-color: rgb(248 249 250/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    [data-v-591429e8]:is(.dark .colorpicker--chrome.vc-chrome ::v-deep input) {
        background-color: rgb(248 249 250/var(--tw-bg-opacity))
    }
}

.modal-mask {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9990;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    background-color: rgba(10, 25, 50, .5)
}

:is(.dark .modal-mask) {
    background-color: rgba(0, 21, 50, .6)
}

.modal-mask .modal-container.medium {
    width: 56.25rem;
    max-width: 80%
}

.modal-mask .modal-container .content {
    padding: 2rem
}

.modal-mask .modal-container .modal-content,
.modal-mask .modal-container form {
    align-self: center;
    padding: 1rem 2rem 2rem
}

.modal-mask .modal-container .modal-content a,
.modal-mask .modal-container form 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: 0
}

.modal-enter,
.modal-leave {
    opacity: 0
}

.modal-enter .modal-container,
.modal-leave .modal-container {
    transform: scale(1.1)
}

.action-button[data-v-64432c4a] {
    max-width: var(--space-giga)
}

.dropdown-menu__item[data-v-e8663ee0] .button,
.dropdown-menu__item[data-v-e8663ee0] a {
    display: inline-flex;
    width: 100%;
    white-space: nowrap;
    text-align: left
}

[data-v-e8663ee0]:is([dir=rtl] .dropdown-menu__item ::v-deep .button),
[data-v-e8663ee0]:is([dir=rtl] .dropdown-menu__item ::v-deep a) {
    text-align: right
}

.dropdown.menu>li>a[data-v-e8663ee0] {
    background: transparent;
    padding: 4px 10.8px
}

.help-text[data-v-5fab647e] {
    margin-top: .125rem;
    font-size: .75rem;
    line-height: 1rem;
    font-style: normal;
    --tw-text-opacity: 1;
    color: hsl(206 6% 43.5%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .help-text[data-v-5fab647e] {
        color: hsl(206 6% 43.5%/var(--tw-text-opacity))
    }
}

[data-v-5fab647e]:is(.dark .help-text) {
    --tw-text-opacity: 1;
    color: hsl(206 6% 63%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    [data-v-5fab647e]:is(.dark .help-text) {
        color: hsl(206 6% 63%/var(--tw-text-opacity))
    }
}

.message[data-v-5fab647e] {
    margin-top: 0 !important
}

.label[data-v-dd7658cc] {
    height: 1.5rem;
    align-items: center;
    gap: .25rem;
    border-radius: 4px;
    --tw-border-opacity: 1;
    border: 1px solid hsl(209 12.2% 93.2%/1);
    --tw-bg-opacity: 1;
    background-color: hsl(209 13.3% 95.3%/1);
    padding: .25rem;
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(31 44 52/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .label[data-v-dd7658cc] {
        border-color: hsl(209 12.2% 93.2%/var(--tw-border-opacity));
        background-color: hsl(209 13.3% 95.3%/var(--tw-bg-opacity))
    }
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .label[data-v-dd7658cc] {
        color: rgb(31 44 52/var(--tw-text-opacity))
    }
}

[data-v-dd7658cc]:is(.dark .label) {
    --tw-border-opacity: 1;
    border-color: hsl(206 6% 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-dd7658cc]:is(.dark .label) {
        border-color: hsl(206 6% 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.small[data-v-dd7658cc] {
    height: 1.25rem;
    padding: .125rem .25rem;
    font-size: .75rem;
    line-height: 1rem;
    line-height: 1.25
}

.label.small .close--icon[data-v-dd7658cc],
.label.small .label--icon[data-v-dd7658cc] {
    font-size: .5rem
}

.label a[data-v-dd7658cc] {
    font-size: .75rem;
    line-height: 1rem
}

.label a[data-v-dd7658cc]:hover {
    text-decoration-line: underline
}

.label.primary[data-v-dd7658cc] {
    --tw-border-opacity: 1;
    border: 1px solid rgb(112 193 196/1);
    --tw-bg-opacity: 1;
    background-color: rgb(148 208 211/1);
    --tw-text-opacity: 1;
    color: rgb(12 50 54/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .label.primary[data-v-dd7658cc] {
        border-color: rgb(112 193 196/var(--tw-border-opacity));
        background-color: rgb(148 208 211/var(--tw-bg-opacity));
        color: rgb(12 50 54/var(--tw-text-opacity))
    }
}

[data-v-dd7658cc]:is(.dark .label.primary) {
    --tw-bg-opacity: 1;
    background-color: rgb(148 208 211/1);
    --tw-text-opacity: 1;
    color: rgb(12 50 54/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    [data-v-dd7658cc]:is(.dark .label.primary) {
        background-color: rgb(148 208 211/var(--tw-bg-opacity));
        color: rgb(12 50 54/var(--tw-text-opacity))
    }
}

.label.primary a[data-v-dd7658cc] {
    --tw-text-opacity: 1;
    color: rgb(12 50 54/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .label.primary a[data-v-dd7658cc] {
        color: rgb(12 50 54/var(--tw-text-opacity))
    }
}

[data-v-dd7658cc]:is(.dark .label.primary a) {
    --tw-text-opacity: 1;
    color: rgb(12 50 54/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    [data-v-dd7658cc]:is(.dark .label.primary a) {
        color: rgb(12 50 54/var(--tw-text-opacity))
    }
}

.label.primary .label-color-dot[data-v-dd7658cc] {
    --tw-bg-opacity: 1;
    background-color: rgb(35 140 144/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .label.primary .label-color-dot[data-v-dd7658cc] {
        background-color: rgb(35 140 144/var(--tw-bg-opacity))
    }
}

[data-v-dd7658cc]:is(.dark .label.primary .label-color-dot) {
    --tw-bg-opacity: 1;
    background-color: rgb(35 140 144/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    [data-v-dd7658cc]:is(.dark .label.primary .label-color-dot) {
        background-color: rgb(35 140 144/var(--tw-bg-opacity))
    }
}

.label.secondary[data-v-dd7658cc] {
    --tw-border-opacity: 1;
    border: 1px solid 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: rgb(18 27 34/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .label.secondary[data-v-dd7658cc] {
        border-color: hsl(207 11.1% 85.9%/var(--tw-border-opacity));
        background-color: hsl(208 11.7% 91.1%/var(--tw-bg-opacity))
    }
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .label.secondary[data-v-dd7658cc] {
        color: rgb(18 27 34/var(--tw-text-opacity))
    }
}

[data-v-dd7658cc]:is(.dark .label.secondary) {
    --tw-border-opacity: 1;
    border-color: hsl(206 6% 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-dd7658cc]:is(.dark .label.secondary) {
        border-color: hsl(206 6% 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-dd7658cc] {
    --tw-text-opacity: 1;
    color: rgb(18 27 34/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .label.secondary a[data-v-dd7658cc] {
        color: rgb(18 27 34/var(--tw-text-opacity))
    }
}

[data-v-dd7658cc]: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-dd7658cc]:is(.dark .label.secondary a) {
        color: hsl(208 11.7% 91.1%/var(--tw-text-opacity))
    }
}

.label.secondary .label-color-dot[data-v-dd7658cc] {
    --tw-bg-opacity: 1;
    background-color: hsl(206 6% 43.5%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .label.secondary .label-color-dot[data-v-dd7658cc] {
        background-color: hsl(206 6% 43.5%/var(--tw-bg-opacity))
    }
}

[data-v-dd7658cc]:is(.dark .label.secondary .label-color-dot) {
    --tw-bg-opacity: 1;
    background-color: hsl(206 6% 43.5%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    [data-v-dd7658cc]:is(.dark .label.secondary .label-color-dot) {
        background-color: hsl(206 6% 43.5%/var(--tw-bg-opacity))
    }
}

.label.success[data-v-dd7658cc] {
    --tw-border-opacity: 1;
    border: 1px solid hsl(146 38.5% 69%/1);
    --tw-bg-opacity: 1;
    background-color: hsl(143 40.3% 79%/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-dd7658cc] {
        border-color: hsl(146 38.5% 69%/var(--tw-border-opacity));
        background-color: hsl(143 40.3% 79%/var(--tw-bg-opacity));
        color: hsl(154 50.9% 17.6%/var(--tw-text-opacity))
    }
}

[data-v-dd7658cc]: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% 28.5%/1);
    --tw-text-opacity: 1;
    color: hsl(143 40.3% 79%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    [data-v-dd7658cc]:is(.dark .label.success) {
        border-color: hsl(152 57.5% 37.6%/var(--tw-border-opacity));
        background-color: hsl(153 67% 28.5%/var(--tw-bg-opacity));
        color: hsl(143 40.3% 79%/var(--tw-text-opacity))
    }
}

.label.success a[data-v-dd7658cc] {
    --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-dd7658cc] {
        color: hsl(154 50.9% 17.6%/var(--tw-text-opacity))
    }
}

[data-v-dd7658cc]:is(.dark .label.success a) {
    --tw-text-opacity: 1;
    color: hsl(143 40.3% 79%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    [data-v-dd7658cc]:is(.dark .label.success a) {
        color: hsl(143 40.3% 79%/var(--tw-text-opacity))
    }
}

.label.success .label-color-dot[data-v-dd7658cc] {
    --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-dd7658cc] {
        background-color: hsl(152 57.5% 37.6%/var(--tw-bg-opacity))
    }
}

[data-v-dd7658cc]: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-dd7658cc]:is(.dark .label.success .label-color-dot) {
        background-color: hsl(152 57.5% 37.6%/var(--tw-bg-opacity))
    }
}

.label.alert[data-v-dd7658cc] {
    --tw-border-opacity: 1;
    border: 1px solid 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% 14.6%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .label.alert[data-v-dd7658cc] {
        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% 14.6%/var(--tw-text-opacity))
    }
}

[data-v-dd7658cc]: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% 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-dd7658cc]:is(.dark .label.alert) {
        border-color: hsl(358 69.4% 55.2%/var(--tw-border-opacity));
        background-color: hsl(358 65% 48.7%/var(--tw-bg-opacity));
        color: hsl(360 81.7% 87.8%/var(--tw-text-opacity))
    }
}

.label.alert a[data-v-dd7658cc] {
    --tw-text-opacity: 1;
    color: hsl(354 50% 14.6%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .label.alert a[data-v-dd7658cc] {
        color: hsl(354 50% 14.6%/var(--tw-text-opacity))
    }
}

[data-v-dd7658cc]: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-dd7658cc]:is(.dark .label.alert a) {
        color: hsl(360 81.7% 87.8%/var(--tw-text-opacity))
    }
}

.label.alert .label-color-dot[data-v-dd7658cc] {
    --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-dd7658cc] {
        background-color: hsl(358 69.4% 55.2%/var(--tw-bg-opacity))
    }
}

[data-v-dd7658cc]: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-dd7658cc]:is(.dark .label.alert .label-color-dot) {
        background-color: hsl(358 69.4% 55.2%/var(--tw-bg-opacity))
    }
}

.label.warning[data-v-dd7658cc] {
    --tw-border-opacity: 1;
    border: 1px solid hsl(52 97.9% 82%/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-dd7658cc] {
        border-color: hsl(52 97.9% 82%/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-dd7658cc]: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-dd7658cc]: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-dd7658cc] {
    --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-dd7658cc] {
        color: hsl(45 100% 5.5%/var(--tw-text-opacity))
    }
}

[data-v-dd7658cc]: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-dd7658cc]:is(.dark .label.warning a) {
        color: hsl(55 100% 90.9%/var(--tw-text-opacity))
    }
}

.label.warning .label-color-dot[data-v-dd7658cc] {
    --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-dd7658cc] {
        background-color: hsl(45 100% 5.5%/var(--tw-bg-opacity))
    }
}

[data-v-dd7658cc]: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-dd7658cc]:is(.dark .label.warning .label-color-dot) {
        background-color: hsl(45 100% 5.5%/var(--tw-bg-opacity))
    }
}

.label.smooth[data-v-dd7658cc] {
    --tw-border-opacity: 1;
    border: 1px solid 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-dd7658cc] {
        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-dd7658cc]: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-dd7658cc]: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-dd7658cc] {
    --tw-border-opacity: 1;
    border: 1px dashed 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-dd7658cc] {
        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-dd7658cc]: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-dd7658cc]: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-dd7658cc] {
    margin-bottom: -.125rem;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: .125rem;
    --tw-text-opacity: 1;
    color: rgb(31 44 52/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .label-close--button[data-v-dd7658cc] {
        color: rgb(31 44 52/var(--tw-text-opacity))
    }
}

.label-close--button[data-v-dd7658cc]: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-dd7658cc]:hover {
        background-color: hsl(208 11.7% 91.1%/var(--tw-bg-opacity))
    }
}

[data-v-dd7658cc]: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-dd7658cc]:is(.dark .label-close--button) {
        color: hsl(208 11.7% 91.1%/var(--tw-text-opacity))
    }
}

[data-v-dd7658cc]: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-dd7658cc]:is(.dark .label-close--button:hover) {
        background-color: hsl(207 5.6% 31.6%/var(--tw-bg-opacity))
    }
}

.label-action--button[data-v-dd7658cc] {
    margin-right: .25rem;
    display: flex
}

.label-color-dot[data-v-dd7658cc] {
    display: inline-block;
    height: .75rem;
    width: .75rem
}

.label-color-dot[data-v-dd7658cc],
.label.small .label-color-dot[data-v-dd7658cc] {
    border-radius: .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 transparent, 0 0 transparent, 0 1px 2px 0 rgb(0 0 0/.05);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.label.small .label-color-dot[data-v-dd7658cc] {
    height: .5rem;
    width: .5rem
}

button[data-v-369a91ac]:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(148 208 211/1);
    opacity: 1
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    button[data-v-369a91ac]:disabled {
        background-color: rgb(148 208 211/var(--tw-bg-opacity))
    }
}

[data-v-369a91ac]:is(.dark button:disabled) {
    background-color: rgb(41 162 167/.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-369a91ac]:is(.dark button:disabled) {
        color: hsl(206 5.2% 49.5%/var(--tw-text-opacity))
    }
}

button[data-v-369a91ac]:disabled:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(148 208 211/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    button[data-v-369a91ac]:disabled:hover {
        background-color: rgb(148 208 211/var(--tw-bg-opacity))
    }
}

[data-v-369a91ac]:is(.dark button:disabled:hover) {
    background-color: rgb(41 162 167/.25)
}

.container[data-v-358312a0] {
    width: 100%
}

@media (min-width: 480px) {
    .container[data-v-358312a0] {
        max-width: 480px
    }
}

@media (min-width: 640px) {
    .container[data-v-358312a0] {
        max-width: 640px
    }
}

@media (min-width: 768px) {
    .container[data-v-358312a0] {
        max-width: 768px
    }
}

@media (min-width: 1024px) {
    .container[data-v-358312a0] {
        max-width: 1024px
    }
}

@media (min-width: 1280px) {
    .container[data-v-358312a0] {
        max-width: 1280px
    }
}

@media (min-width: 1536px) {
    .container[data-v-358312a0] {
        max-width: 1536px
    }
}

.prose[data-v-358312a0] {
    color: var(--tw-prose-body);
    max-width: 65ch
}

.prose[data-v-358312a0] :where(p):not(:where([class~=not-prose] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em
}

.prose[data-v-358312a0] :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-358312a0] :where(a):not(:where([class~=not-prose] *)) {
    color: var(--tw-prose-links);
    text-decoration: underline;
    font-weight: 500
}

.prose[data-v-358312a0] :where(strong):not(:where([class~=not-prose] *)) {
    color: var(--tw-prose-bold);
    font-weight: 600
}

.prose[data-v-358312a0] :where(a strong):not(:where([class~=not-prose] *)),
.prose[data-v-358312a0] :where(blockquote strong):not(:where([class~=not-prose] *)),
.prose[data-v-358312a0] :where(thead th strong):not(:where([class~=not-prose] *)) {
    color: inherit
}

.prose[data-v-358312a0] :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-358312a0] :where(ol[type=A]):not(:where([class~=not-prose] *)) {
    list-style-type: upper-alpha
}

.prose[data-v-358312a0] :where(ol[type=a]):not(:where([class~=not-prose] *)) {
    list-style-type: lower-alpha
}

.prose[data-v-358312a0] :where(ol[type=I]):not(:where([class~=not-prose] *)) {
    list-style-type: upper-roman
}

.prose[data-v-358312a0] :where(ol[type=i]):not(:where([class~=not-prose] *)) {
    list-style-type: lower-roman
}

.prose[data-v-358312a0] :where(ol[type="1"]):not(:where([class~=not-prose] *)) {
    list-style-type: decimal
}

.prose[data-v-358312a0] :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-358312a0] :where(ol>li):not(:where([class~=not-prose] *))::marker {
    font-weight: 400;
    color: var(--tw-prose-counters)
}

.prose[data-v-358312a0] :where(ul>li):not(:where([class~=not-prose] *))::marker {
    color: var(--tw-prose-bullets)
}

.prose[data-v-358312a0] :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-358312a0] :where(blockquote):not(:where([class~=not-prose] *)) {
    font-weight: 500;
    font-style: italic;
    color: var(--tw-prose-quotes);
    border-left-width: .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-358312a0] :where(blockquote p:first-of-type):not(:where([class~=not-prose] *)):before {
    content: open-quote
}

.prose[data-v-358312a0] :where(blockquote p:last-of-type):not(:where([class~=not-prose] *)):after {
    content: close-quote
}

.prose[data-v-358312a0] :where(h1):not(:where([class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 800;
    font-size: 2.25em;
    margin-top: 0;
    margin-bottom: .8888889em;
    line-height: 1.1111111
}

.prose[data-v-358312a0] :where(h1 strong):not(:where([class~=not-prose] *)) {
    font-weight: 900;
    color: inherit
}

.prose[data-v-358312a0] :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-358312a0] :where(h2 strong):not(:where([class~=not-prose] *)) {
    font-weight: 800;
    color: inherit
}

.prose[data-v-358312a0] :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: .6em;
    line-height: 1.6
}

.prose[data-v-358312a0] :where(h3 strong):not(:where([class~=not-prose] *)) {
    font-weight: 700;
    color: inherit
}

.prose[data-v-358312a0] :where(h4):not(:where([class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top: 1.5em;
    margin-bottom: .5em;
    line-height: 1.5
}

.prose[data-v-358312a0] :where(h4 strong):not(:where([class~=not-prose] *)) {
    font-weight: 700;
    color: inherit
}

.prose[data-v-358312a0] :where(img):not(:where([class~=not-prose] *)) {
    margin-top: 2em;
    margin-bottom: 2em
}

.prose[data-v-358312a0] :where(figure>*):not(:where([class~=not-prose] *)) {
    margin-top: 0;
    margin-bottom: 0
}

.prose[data-v-358312a0] :where(figcaption):not(:where([class~=not-prose] *)) {
    color: var(--tw-prose-captions);
    font-size: .875em;
    line-height: 1.4285714;
    margin-top: .8571429em
}

.prose[data-v-358312a0] :where(code):not(:where([class~=not-prose] *)) {
    color: var(--tw-prose-code);
    font-weight: 600;
    font-size: .875em
}

.prose[data-v-358312a0] :where(code):not(:where([class~=not-prose] *)):after,
.prose[data-v-358312a0] :where(code):not(:where([class~=not-prose] *)):before {
    content: "`"
}

.prose[data-v-358312a0] :where(a code):not(:where([class~=not-prose] *)),
.prose[data-v-358312a0] :where(h1 code):not(:where([class~=not-prose] *)) {
    color: inherit
}

.prose[data-v-358312a0] :where(h2 code):not(:where([class~=not-prose] *)) {
    color: inherit;
    font-size: .875em
}

.prose[data-v-358312a0] :where(h3 code):not(:where([class~=not-prose] *)) {
    color: inherit;
    font-size: .9em
}

.prose[data-v-358312a0] :where(blockquote code):not(:where([class~=not-prose] *)),
.prose[data-v-358312a0] :where(h4 code):not(:where([class~=not-prose] *)),
.prose[data-v-358312a0] :where(thead th code):not(:where([class~=not-prose] *)) {
    color: inherit
}

.prose[data-v-358312a0] :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: .875em;
    line-height: 1.7142857;
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
    border-radius: .375rem;
    padding: .8571429em 1.1428571em
}

.prose[data-v-358312a0] :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-358312a0] :where(pre code):not(:where([class~=not-prose] *)):after,
.prose[data-v-358312a0] :where(pre code):not(:where([class~=not-prose] *)):before {
    content: none
}

.prose[data-v-358312a0] :where(table):not(:where([class~=not-prose] *)) {
    width: 100%;
    table-layout: auto;
    text-align: left;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: .875em;
    line-height: 1.7142857
}

.prose[data-v-358312a0] :where(thead):not(:where([class~=not-prose] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-th-borders)
}

.prose[data-v-358312a0] :where(thead th):not(:where([class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    vertical-align: bottom;
    padding-right: .5714286em;
    padding-bottom: .5714286em;
    padding-left: .5714286em
}

.prose[data-v-358312a0] :where(tbody tr):not(:where([class~=not-prose] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-td-borders)
}

.prose[data-v-358312a0] :where(tbody tr:last-child):not(:where([class~=not-prose] *)) {
    border-bottom-width: 0
}

.prose[data-v-358312a0] :where(tbody td):not(:where([class~=not-prose] *)) {
    vertical-align: baseline
}

.prose[data-v-358312a0] :where(tfoot):not(:where([class~=not-prose] *)) {
    border-top-width: 1px;
    border-top-color: var(--tw-prose-th-borders)
}

.prose[data-v-358312a0] :where(tfoot td):not(:where([class~=not-prose] *)) {
    vertical-align: top
}

.prose[data-v-358312a0] {
    --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-358312a0] :where(figure):not(:where([class~=not-prose] *)),
.prose[data-v-358312a0] :where(video):not(:where([class~=not-prose] *)) {
    margin-top: 2em;
    margin-bottom: 2em
}

.prose[data-v-358312a0] :where(li):not(:where([class~=not-prose] *)) {
    margin-top: .5em;
    margin-bottom: .5em
}

.prose[data-v-358312a0] :where(ol>li):not(:where([class~=not-prose] *)),
.prose[data-v-358312a0] :where(ul>li):not(:where([class~=not-prose] *)) {
    padding-left: .375em
}

.prose[data-v-358312a0] :where(.prose>ul>li p):not(:where([class~=not-prose] *)) {
    margin-top: .75em;
    margin-bottom: .75em
}

.prose[data-v-358312a0] :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)) {
    margin-top: 1.25em
}

.prose[data-v-358312a0] :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)) {
    margin-bottom: 1.25em
}

.prose[data-v-358312a0] :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)) {
    margin-top: 1.25em
}

.prose[data-v-358312a0] :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)) {
    margin-bottom: 1.25em
}

.prose[data-v-358312a0] :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose] *)) {
    margin-top: .75em;
    margin-bottom: .75em
}

.prose[data-v-358312a0] :where(h2+*):not(:where([class~=not-prose] *)),
.prose[data-v-358312a0] :where(h3+*):not(:where([class~=not-prose] *)),
.prose[data-v-358312a0] :where(h4+*):not(:where([class~=not-prose] *)),
.prose[data-v-358312a0] :where(hr+*):not(:where([class~=not-prose] *)) {
    margin-top: 0
}

.prose[data-v-358312a0] :where(thead th:first-child):not(:where([class~=not-prose] *)) {
    padding-left: 0
}

.prose[data-v-358312a0] :where(thead th:last-child):not(:where([class~=not-prose] *)) {
    padding-right: 0
}

.prose[data-v-358312a0] :where(tbody td, tfoot td):not(:where([class~=not-prose] *)) {
    padding: .5714286em
}

.prose[data-v-358312a0] :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose] *)) {
    padding-left: 0
}

.prose[data-v-358312a0] :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose] *)) {
    padding-right: 0
}

.prose[data-v-358312a0] :where(.prose>:first-child):not(:where([class~=not-prose] *)) {
    margin-top: 0
}

.prose[data-v-358312a0] :where(.prose>:last-child):not(:where([class~=not-prose] *)) {
    margin-bottom: 0
}

.prose-lg[data-v-358312a0] {
    font-size: 1.125rem;
    line-height: 1.7777778
}

.prose-lg[data-v-358312a0] :where(p):not(:where([class~=not-prose] *)) {
    margin-top: 1.3333333em;
    margin-bottom: 1.3333333em
}

.prose-lg[data-v-358312a0] :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-358312a0] :where(blockquote):not(:where([class~=not-prose] *)) {
    margin-top: 1.6666667em;
    margin-bottom: 1.6666667em;
    padding-left: 1em
}

.prose-lg[data-v-358312a0] :where(h1):not(:where([class~=not-prose] *)) {
    font-size: 2.6666667em;
    margin-top: 0;
    margin-bottom: .8333333em;
    line-height: 1
}

.prose-lg[data-v-358312a0] :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-358312a0] :where(h3):not(:where([class~=not-prose] *)) {
    font-size: 1.3333333em;
    margin-top: 1.6666667em;
    margin-bottom: .6666667em;
    line-height: 1.5
}

.prose-lg[data-v-358312a0] :where(h4):not(:where([class~=not-prose] *)) {
    margin-top: 1.7777778em;
    margin-bottom: .4444444em;
    line-height: 1.5555556
}

.prose-lg[data-v-358312a0] :where(figure):not(:where([class~=not-prose] *)),
.prose-lg[data-v-358312a0] :where(img):not(:where([class~=not-prose] *)),
.prose-lg[data-v-358312a0] :where(video):not(:where([class~=not-prose] *)) {
    margin-top: 1.7777778em;
    margin-bottom: 1.7777778em
}

.prose-lg[data-v-358312a0] :where(figure>*):not(:where([class~=not-prose] *)) {
    margin-top: 0;
    margin-bottom: 0
}

.prose-lg[data-v-358312a0] :where(figcaption):not(:where([class~=not-prose] *)) {
    font-size: .8888889em;
    line-height: 1.5;
    margin-top: 1em
}

.prose-lg[data-v-358312a0] :where(code):not(:where([class~=not-prose] *)) {
    font-size: .8888889em
}

.prose-lg[data-v-358312a0] :where(h2 code):not(:where([class~=not-prose] *)) {
    font-size: .8666667em
}

.prose-lg[data-v-358312a0] :where(h3 code):not(:where([class~=not-prose] *)) {
    font-size: .875em
}

.prose-lg[data-v-358312a0] :where(pre):not(:where([class~=not-prose] *)) {
    font-size: .8888889em;
    line-height: 1.75;
    margin-top: 2em;
    margin-bottom: 2em;
    border-radius: .375rem;
    padding: 1em 1.5em
}

.prose-lg[data-v-358312a0] :where(ol):not(:where([class~=not-prose] *)),
.prose-lg[data-v-358312a0] :where(ul):not(:where([class~=not-prose] *)) {
    margin-top: 1.3333333em;
    margin-bottom: 1.3333333em;
    padding-left: 1.5555556em
}

.prose-lg[data-v-358312a0] :where(li):not(:where([class~=not-prose] *)) {
    margin-top: .6666667em;
    margin-bottom: .6666667em
}

.prose-lg[data-v-358312a0] :where(ol>li):not(:where([class~=not-prose] *)),
.prose-lg[data-v-358312a0] :where(ul>li):not(:where([class~=not-prose] *)) {
    padding-left: .4444444em
}

.prose-lg[data-v-358312a0] :where(.prose-lg>ul>li p):not(:where([class~=not-prose] *)) {
    margin-top: .8888889em;
    margin-bottom: .8888889em
}

.prose-lg[data-v-358312a0] :where(.prose-lg>ul>li>:first-child):not(:where([class~=not-prose] *)) {
    margin-top: 1.3333333em
}

.prose-lg[data-v-358312a0] :where(.prose-lg>ul>li>:last-child):not(:where([class~=not-prose] *)) {
    margin-bottom: 1.3333333em
}

.prose-lg[data-v-358312a0] :where(.prose-lg>ol>li>:first-child):not(:where([class~=not-prose] *)) {
    margin-top: 1.3333333em
}

.prose-lg[data-v-358312a0] :where(.prose-lg>ol>li>:last-child):not(:where([class~=not-prose] *)) {
    margin-bottom: 1.3333333em
}

.prose-lg[data-v-358312a0] :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose] *)) {
    margin-top: .8888889em;
    margin-bottom: .8888889em
}

.prose-lg[data-v-358312a0] :where(hr):not(:where([class~=not-prose] *)) {
    margin-top: 3.1111111em;
    margin-bottom: 3.1111111em
}

.prose-lg[data-v-358312a0] :where(h2+*):not(:where([class~=not-prose] *)),
.prose-lg[data-v-358312a0] :where(h3+*):not(:where([class~=not-prose] *)),
.prose-lg[data-v-358312a0] :where(h4+*):not(:where([class~=not-prose] *)),
.prose-lg[data-v-358312a0] :where(hr+*):not(:where([class~=not-prose] *)) {
    margin-top: 0
}

.prose-lg[data-v-358312a0] :where(table):not(:where([class~=not-prose] *)) {
    font-size: .8888889em;
    line-height: 1.5
}

.prose-lg[data-v-358312a0] :where(thead th):not(:where([class~=not-prose] *)) {
    padding-right: .75em;
    padding-bottom: .75em;
    padding-left: .75em
}

.prose-lg[data-v-358312a0] :where(thead th:first-child):not(:where([class~=not-prose] *)) {
    padding-left: 0
}

.prose-lg[data-v-358312a0] :where(thead th:last-child):not(:where([class~=not-prose] *)) {
    padding-right: 0
}

.prose-lg[data-v-358312a0] :where(tbody td, tfoot td):not(:where([class~=not-prose] *)) {
    padding: .75em
}

.prose-lg[data-v-358312a0] :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose] *)) {
    padding-left: 0
}

.prose-lg[data-v-358312a0] :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose] *)) {
    padding-right: 0
}

.prose-lg[data-v-358312a0] :where(.prose-lg>:first-child):not(:where([class~=not-prose] *)) {
    margin-top: 0
}

.prose-lg[data-v-358312a0] :where(.prose-lg>:last-child):not(:where([class~=not-prose] *)) {
    margin-bottom: 0
}

.avatar-color[data-v-358312a0],
.avatar-container[data-v-358312a0],
.dark-avatar-color[data-v-358312a0] {
    background-image: linear-gradient(0deg, #29a2a7 0, #29a2a7)
}

.avatar-container[data-v-358312a0] {
    display: flex;
    cursor: default;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    line-height: 100%;
    --tw-text-opacity: 1;
    color: rgb(23 95 99/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .avatar-container[data-v-358312a0] {
        color: rgb(23 95 99/var(--tw-text-opacity))
    }
}

[data-v-358312a0]:is(.dark .avatar-container) {
    background-image: linear-gradient(0deg, #29a2a7 0, #29a2a7);
    --tw-text-opacity: 1;
    color: rgb(23 95 99/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    [data-v-358312a0]:is(.dark .avatar-container) {
        color: rgb(23 95 99/var(--tw-text-opacity))
    }
}

[data-v-358312a0]: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-358312a0]:is(.dark .dark\:dark-avatar-color) {
    background-image: linear-gradient(0deg, #29a2a7 0, #29a2a7)
}

@media (min-width: 1024px) {
    .lg\:container[data-v-358312a0] {
        width: 100%
    }

    @media (min-width: 480px) {
        .lg\:container[data-v-358312a0] {
            max-width: 480px
        }
    }

    @media (min-width: 640px) {
        .lg\:container[data-v-358312a0] {
            max-width: 640px
        }
    }

    @media (min-width: 768px) {
        .lg\:container[data-v-358312a0] {
            max-width: 768px
        }
    }

    @media (min-width: 1024px) {
        .lg\:container[data-v-358312a0] {
            max-width: 1024px
        }
    }

    @media (min-width: 1280px) {
        .lg\:container[data-v-358312a0] {
            max-width: 1280px
        }
    }

    @media (min-width: 1536px) {
        .lg\:container[data-v-358312a0] {
            max-width: 1536px
        }
    }
}

.user-thumbnail-box[data-v-ebb08d82] {
    flex: 0 0 auto;
    max-width: 100%;
    position: relative
}

.user-thumbnail-box.is-rounded[data-v-ebb08d82] {
    border-radius: 50%
}

.user-thumbnail-box .user-thumbnail[data-v-ebb08d82] {
    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-ebb08d82] {
    border-radius: var(--border-radius-large)
}

.user-thumbnail-box .user-thumbnail.hide-avatar-on-hover[data-v-ebb08d82] {
    display: none
}

.user-thumbnail-box .source-badge[data-v-ebb08d82] {
    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(248 249 250/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .user-thumbnail-box .source-badge[data-v-ebb08d82] {
        background-color: rgb(248 249 250/var(--tw-bg-opacity))
    }
}

[data-v-ebb08d82]:is(.dark .user-thumbnail-box .source-badge) {
    --tw-bg-opacity: 1;
    background-color: rgb(18 27 34/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    [data-v-ebb08d82]:is(.dark .user-thumbnail-box .source-badge) {
        background-color: rgb(18 27 34/var(--tw-bg-opacity))
    }
}

.user-thumbnail-box .user-online-status[data-v-ebb08d82] {
    border-radius: 50%;
    bottom: var(--space-micro)
}

.user-thumbnail-box .user-online-status[data-v-ebb08d82]:after {
    content: " "
}

.user-thumbnail-box .user-online-status--online[data-v-ebb08d82] {
    --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-ebb08d82] {
        background-color: hsl(151 49.3% 46.5%/var(--tw-bg-opacity))
    }
}

[data-v-ebb08d82]: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-ebb08d82]: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-ebb08d82] {
    --tw-bg-opacity: 1;
    background-color: hsl(48 100% 47%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .user-thumbnail-box .user-online-status--busy[data-v-ebb08d82] {
        background-color: hsl(48 100% 47%/var(--tw-bg-opacity))
    }
}

[data-v-ebb08d82]:is(.dark .user-thumbnail-box .user-online-status--busy) {
    --tw-bg-opacity: 1;
    background-color: hsl(48 100% 47%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    [data-v-ebb08d82]:is(.dark .user-thumbnail-box .user-online-status--busy) {
        background-color: hsl(48 100% 47%/var(--tw-bg-opacity))
    }
}

.user-thumbnail-box .user-online-status--offline[data-v-ebb08d82] {
    --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-ebb08d82] {
        background-color: hsl(206 5.2% 49.5%/var(--tw-bg-opacity))
    }
}

[data-v-ebb08d82]: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-ebb08d82]:is(.dark .user-thumbnail-box .user-online-status--offline) {
        background-color: hsl(206 5.2% 49.5%/var(--tw-bg-opacity))
    }
}

.mention--box .dropdown-menu__item:last-child>button[data-v-7b8bd723] {
    border-width: 0
}

.canned-item__button[data-v-7b8bd723] .button__content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.variable--list-label[data-v-2b436739] {
    font-weight: var(--font-weight-bold)
}

.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 ::selection {
    background: transparent
}

.ProseMirror-hideselection ::-moz-selection {
    background: transparent
}

.ProseMirror-hideselection {
    caret-color: transparent
}

.ProseMirror-selectednode {
    outline: 2px solid var(--w-200)
}

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: .3
}

.ProseMirror-menubar {
    position: relative;
    min-height: var(--space-medium);
    color: var(--s-700);
    padding: var(--space-small) 0;
    top: 0;
    right: 0;
    background: #fff;
    z-index: 10;
    box-sizing: border-box;
    overflow: visible
}

.ProseMirror-icon {
    display: inline-block;
    line-height: .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 #000;
    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: #fff
}

.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: #fff;
    color: #000;
    background-clip: padding-box;
    border-radius: 4px;
    border: 2px solid rgba(0, 0, 0, .2);
    padding: 5px 0;
    margin-bottom: 23px
}

.ProseMirror ol,
.ProseMirror ul {
    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 p code,
.ProseMirror strong 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 h1:first-child,
.ProseMirror h2:first-child,
.ProseMirror h3:first-child,
.ProseMirror h4:first-child,
.ProseMirror h5:first-child,
.ProseMirror h6:first-child,
.ProseMirror p: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: -.625rem;
    --tw-bg-opacity: 1;
    background-color: rgb(248 249 250/1);
    padding-bottom: 0;
    --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(248 249 250/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: rgb(18 27 34/1);
    --tw-text-opacity: 1;
    color: hsl(208 11.7% 91.1%/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .ProseMirror-menubar-wrapper .ProseMirror-menubar) {
        background-color: rgb(18 27 34/var(--tw-bg-opacity))
    }
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .ProseMirror-menubar-wrapper .ProseMirror-menubar) {
        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: rgb(31 44 52/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .ProseMirror-menubar-wrapper .ProseMirror-menubar .ProseMirror-menu-active) {
        background-color: rgb(31 44 52/var(--tw-bg-opacity))
    }
}

.ProseMirror-menubar-wrapper>.ProseMirror {
    overflow-wrap: break-word;
    padding: 0;
    --tw-text-opacity: 1;
    color: rgb(31 44 52/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .ProseMirror-menubar-wrapper>.ProseMirror {
        color: rgb(31 44 52/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: rgb(31 44 52/1)
}

@supports (color: rgb(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: rgb(31 44 52/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% 63%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .ProseMirror-menubar-wrapper>.ProseMirror blockquote {
        border-color: hsl(206 6% 63%/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% 43.5%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .ProseMirror-menubar-wrapper>.ProseMirror blockquote p {
        color: hsl(206 6% 43.5%/var(--tw-text-opacity))
    }
}

:is(.dark .ProseMirror-menubar-wrapper>.ProseMirror blockquote p) {
    --tw-text-opacity: 1;
    color: hsl(206 6% 63%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .ProseMirror-menubar-wrapper>.ProseMirror blockquote p) {
        color: hsl(206 6% 63%/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: .375rem;
    --tw-border-opacity: 1;
    border: 1px solid 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 transparent, 0 0 transparent, 0 10px 15px -3px rgb(0 0 0/.1), 0 4px 6px -4px rgb(0 0 0/.1);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), 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: rgb(31 44 52/1);
    --tw-bg-opacity: 1;
    background-color: hsl(207 5.6% 31.6%/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .ProseMirror-prompt) {
        border-color: rgb(31 44 52/var(--tw-border-opacity))
    }
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .ProseMirror-prompt) {
        background-color: hsl(207 5.6% 31.6%/var(--tw-bg-opacity))
    }
}

.ProseMirror-prompt h5 {
    --tw-text-opacity: 1;
    color: rgb(31 44 52/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .ProseMirror-prompt h5 {
        color: rgb(31 44 52/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: 0 .25rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(18 27 34/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))
    }
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .is-private .prosemirror-mention-node {
        color: rgb(18 27 34/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: rgb(31 44 52/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .is-private .ProseMirror-menubar-wrapper>.ProseMirror {
        color: rgb(31 44 52/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: rgb(31 44 52/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .is-private .ProseMirror-menubar-wrapper>.ProseMirror p {
        color: rgb(31 44 52/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: 0;
    border-radius: .375rem;
    --tw-border-opacity: 1;
    border: 1px solid hsl(207 11.1% 85.9%/1);
    --tw-bg-opacity: 1;
    background-color: rgb(248 249 250/1);
    padding: 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(248 249 250/var(--tw-bg-opacity))
    }
}

:is(.dark .message-editor) {
    --tw-border-opacity: 1;
    border-color: hsl(206 6% 43.5%/1);
    --tw-bg-opacity: 1;
    background-color: rgb(18 27 34/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .message-editor) {
        border-color: hsl(206 6% 43.5%/var(--tw-border-opacity))
    }
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .message-editor) {
        background-color: rgb(18 27 34/var(--tw-bg-opacity))
    }
}

.editor_warning {
    --tw-border-opacity: 1;
    border: 1px solid hsl(358 85.3% 64%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .editor_warning {
        border-color: hsl(358 85.3% 64%/var(--tw-border-opacity))
    }
}

:is(.dark .editor_warning) {
    --tw-border-opacity: 1;
    border-color: hsl(358 85.3% 64%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .editor_warning) {
        border-color: hsl(358 85.3% 64%/var(--tw-border-opacity))
    }
}

.editor-warning__message {
    padding: .25rem 0 0;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: hsl(358 85.3% 64%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .editor-warning__message {
        color: hsl(358 85.3% 64%/var(--tw-text-opacity))
    }
}

:is(.dark .editor-warning__message) {
    --tw-text-opacity: 1;
    color: hsl(358 85.3% 64%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .editor-warning__message) {
        color: hsl(358 85.3% 64%/var(--tw-text-opacity))
    }
}

.login-init[data-v-06b51195] {
    padding-top: 30%;
    text-align: center
}

.login-init p[data-v-06b51195] {
    padding: 1.5rem
}

.login-init>a>img[data-v-06b51195] {
    width: 15rem
}

.inactive img[data-v-adac684e] {
    filter: grayscale(100%)
}

.inactive[data-v-adac684e]:hover {
    cursor: not-allowed;
    border-color: transparent;
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent;
    box-shadow: 0 0 transparent, 0 0 transparent, 0 0 transparent;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.messagingServiceHelptext[data-v-87434692] {
    margin-top: -10px;
    margin-bottom: 15px
}

.messagingServiceHelptext .checkbox[data-v-87434692] {
    margin: 0 4px
}

.btn-whatsapp[data-v-6ceac796] {
    background-color: #25d366;
    color: #fff;
    padding: .5rem 1rem;
    border-radius: .25rem;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 500;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s;
    margin-bottom: 1rem
}

.btn-whatsapp[data-v-6ceac796]:hover {
    background-color: #128c7e
}

.status-badge__online[data-v-7e71a783] {
    --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-7e71a783] {
        background-color: hsl(151 49.3% 46.5%/var(--tw-bg-opacity))
    }
}

.status-badge__offline[data-v-7e71a783] {
    --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-7e71a783] {
        background-color: hsl(206 5.2% 49.5%/var(--tw-bg-opacity))
    }
}

.status-badge__busy[data-v-7e71a783] {
    --tw-bg-opacity: 1;
    background-color: hsl(48 100% 47%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .status-badge__busy[data-v-7e71a783] {
        background-color: hsl(48 100% 47%/var(--tw-bg-opacity))
    }
}

.container[data-v-0a10d43c] {
    width: 100%
}

@media (min-width: 480px) {
    .container[data-v-0a10d43c] {
        max-width: 480px
    }
}

@media (min-width: 640px) {
    .container[data-v-0a10d43c] {
        max-width: 640px
    }
}

@media (min-width: 768px) {
    .container[data-v-0a10d43c] {
        max-width: 768px
    }
}

@media (min-width: 1024px) {
    .container[data-v-0a10d43c] {
        max-width: 1024px
    }
}

@media (min-width: 1280px) {
    .container[data-v-0a10d43c] {
        max-width: 1280px
    }
}

@media (min-width: 1536px) {
    .container[data-v-0a10d43c] {
        max-width: 1536px
    }
}

.prose[data-v-0a10d43c] {
    color: var(--tw-prose-body);
    max-width: 65ch
}

.prose[data-v-0a10d43c] :where(p):not(:where([class~=not-prose] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em
}

.prose[data-v-0a10d43c] :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-0a10d43c] :where(a):not(:where([class~=not-prose] *)) {
    color: var(--tw-prose-links);
    text-decoration: underline;
    font-weight: 500
}

.prose[data-v-0a10d43c] :where(strong):not(:where([class~=not-prose] *)) {
    color: var(--tw-prose-bold);
    font-weight: 600
}

.prose[data-v-0a10d43c] :where(a strong):not(:where([class~=not-prose] *)),
.prose[data-v-0a10d43c] :where(blockquote strong):not(:where([class~=not-prose] *)),
.prose[data-v-0a10d43c] :where(thead th strong):not(:where([class~=not-prose] *)) {
    color: inherit
}

.prose[data-v-0a10d43c] :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-0a10d43c] :where(ol[type=A]):not(:where([class~=not-prose] *)) {
    list-style-type: upper-alpha
}

.prose[data-v-0a10d43c] :where(ol[type=a]):not(:where([class~=not-prose] *)) {
    list-style-type: lower-alpha
}

.prose[data-v-0a10d43c] :where(ol[type=I]):not(:where([class~=not-prose] *)) {
    list-style-type: upper-roman
}

.prose[data-v-0a10d43c] :where(ol[type=i]):not(:where([class~=not-prose] *)) {
    list-style-type: lower-roman
}

.prose[data-v-0a10d43c] :where(ol[type="1"]):not(:where([class~=not-prose] *)) {
    list-style-type: decimal
}

.prose[data-v-0a10d43c] :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-0a10d43c] :where(ol>li):not(:where([class~=not-prose] *))::marker {
    font-weight: 400;
    color: var(--tw-prose-counters)
}

.prose[data-v-0a10d43c] :where(ul>li):not(:where([class~=not-prose] *))::marker {
    color: var(--tw-prose-bullets)
}

.prose[data-v-0a10d43c] :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-0a10d43c] :where(blockquote):not(:where([class~=not-prose] *)) {
    font-weight: 500;
    font-style: italic;
    color: var(--tw-prose-quotes);
    border-left-width: .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-0a10d43c] :where(blockquote p:first-of-type):not(:where([class~=not-prose] *)):before {
    content: open-quote
}

.prose[data-v-0a10d43c] :where(blockquote p:last-of-type):not(:where([class~=not-prose] *)):after {
    content: close-quote
}

.prose[data-v-0a10d43c] :where(h1):not(:where([class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 800;
    font-size: 2.25em;
    margin-top: 0;
    margin-bottom: .8888889em;
    line-height: 1.1111111
}

.prose[data-v-0a10d43c] :where(h1 strong):not(:where([class~=not-prose] *)) {
    font-weight: 900;
    color: inherit
}

.prose[data-v-0a10d43c] :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-0a10d43c] :where(h2 strong):not(:where([class~=not-prose] *)) {
    font-weight: 800;
    color: inherit
}

.prose[data-v-0a10d43c] :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: .6em;
    line-height: 1.6
}

.prose[data-v-0a10d43c] :where(h3 strong):not(:where([class~=not-prose] *)) {
    font-weight: 700;
    color: inherit
}

.prose[data-v-0a10d43c] :where(h4):not(:where([class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top: 1.5em;
    margin-bottom: .5em;
    line-height: 1.5
}

.prose[data-v-0a10d43c] :where(h4 strong):not(:where([class~=not-prose] *)) {
    font-weight: 700;
    color: inherit
}

.prose[data-v-0a10d43c] :where(img):not(:where([class~=not-prose] *)) {
    margin-top: 2em;
    margin-bottom: 2em
}

.prose[data-v-0a10d43c] :where(figure>*):not(:where([class~=not-prose] *)) {
    margin-top: 0;
    margin-bottom: 0
}

.prose[data-v-0a10d43c] :where(figcaption):not(:where([class~=not-prose] *)) {
    color: var(--tw-prose-captions);
    font-size: .875em;
    line-height: 1.4285714;
    margin-top: .8571429em
}

.prose[data-v-0a10d43c] :where(code):not(:where([class~=not-prose] *)) {
    color: var(--tw-prose-code);
    font-weight: 600;
    font-size: .875em
}

.prose[data-v-0a10d43c] :where(code):not(:where([class~=not-prose] *)):after,
.prose[data-v-0a10d43c] :where(code):not(:where([class~=not-prose] *)):before {
    content: "`"
}

.prose[data-v-0a10d43c] :where(a code):not(:where([class~=not-prose] *)),
.prose[data-v-0a10d43c] :where(h1 code):not(:where([class~=not-prose] *)) {
    color: inherit
}

.prose[data-v-0a10d43c] :where(h2 code):not(:where([class~=not-prose] *)) {
    color: inherit;
    font-size: .875em
}

.prose[data-v-0a10d43c] :where(h3 code):not(:where([class~=not-prose] *)) {
    color: inherit;
    font-size: .9em
}

.prose[data-v-0a10d43c] :where(blockquote code):not(:where([class~=not-prose] *)),
.prose[data-v-0a10d43c] :where(h4 code):not(:where([class~=not-prose] *)),
.prose[data-v-0a10d43c] :where(thead th code):not(:where([class~=not-prose] *)) {
    color: inherit
}

.prose[data-v-0a10d43c] :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: .875em;
    line-height: 1.7142857;
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
    border-radius: .375rem;
    padding: .8571429em 1.1428571em
}

.prose[data-v-0a10d43c] :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-0a10d43c] :where(pre code):not(:where([class~=not-prose] *)):after,
.prose[data-v-0a10d43c] :where(pre code):not(:where([class~=not-prose] *)):before {
    content: none
}

.prose[data-v-0a10d43c] :where(table):not(:where([class~=not-prose] *)) {
    width: 100%;
    table-layout: auto;
    text-align: left;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: .875em;
    line-height: 1.7142857
}

.prose[data-v-0a10d43c] :where(thead):not(:where([class~=not-prose] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-th-borders)
}

.prose[data-v-0a10d43c] :where(thead th):not(:where([class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    vertical-align: bottom;
    padding-right: .5714286em;
    padding-bottom: .5714286em;
    padding-left: .5714286em
}

.prose[data-v-0a10d43c] :where(tbody tr):not(:where([class~=not-prose] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-td-borders)
}

.prose[data-v-0a10d43c] :where(tbody tr:last-child):not(:where([class~=not-prose] *)) {
    border-bottom-width: 0
}

.prose[data-v-0a10d43c] :where(tbody td):not(:where([class~=not-prose] *)) {
    vertical-align: baseline
}

.prose[data-v-0a10d43c] :where(tfoot):not(:where([class~=not-prose] *)) {
    border-top-width: 1px;
    border-top-color: var(--tw-prose-th-borders)
}

.prose[data-v-0a10d43c] :where(tfoot td):not(:where([class~=not-prose] *)) {
    vertical-align: top
}

.prose[data-v-0a10d43c] {
    --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-0a10d43c] :where(figure):not(:where([class~=not-prose] *)),
.prose[data-v-0a10d43c] :where(video):not(:where([class~=not-prose] *)) {
    margin-top: 2em;
    margin-bottom: 2em
}

.prose[data-v-0a10d43c] :where(li):not(:where([class~=not-prose] *)) {
    margin-top: .5em;
    margin-bottom: .5em
}

.prose[data-v-0a10d43c] :where(ol>li):not(:where([class~=not-prose] *)),
.prose[data-v-0a10d43c] :where(ul>li):not(:where([class~=not-prose] *)) {
    padding-left: .375em
}

.prose[data-v-0a10d43c] :where(.prose>ul>li p):not(:where([class~=not-prose] *)) {
    margin-top: .75em;
    margin-bottom: .75em
}

.prose[data-v-0a10d43c] :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)) {
    margin-top: 1.25em
}

.prose[data-v-0a10d43c] :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)) {
    margin-bottom: 1.25em
}

.prose[data-v-0a10d43c] :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)) {
    margin-top: 1.25em
}

.prose[data-v-0a10d43c] :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)) {
    margin-bottom: 1.25em
}

.prose[data-v-0a10d43c] :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose] *)) {
    margin-top: .75em;
    margin-bottom: .75em
}

.prose[data-v-0a10d43c] :where(h2+*):not(:where([class~=not-prose] *)),
.prose[data-v-0a10d43c] :where(h3+*):not(:where([class~=not-prose] *)),
.prose[data-v-0a10d43c] :where(h4+*):not(:where([class~=not-prose] *)),
.prose[data-v-0a10d43c] :where(hr+*):not(:where([class~=not-prose] *)) {
    margin-top: 0
}

.prose[data-v-0a10d43c] :where(thead th:first-child):not(:where([class~=not-prose] *)) {
    padding-left: 0
}

.prose[data-v-0a10d43c] :where(thead th:last-child):not(:where([class~=not-prose] *)) {
    padding-right: 0
}

.prose[data-v-0a10d43c] :where(tbody td, tfoot td):not(:where([class~=not-prose] *)) {
    padding: .5714286em
}

.prose[data-v-0a10d43c] :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose] *)) {
    padding-left: 0
}

.prose[data-v-0a10d43c] :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose] *)) {
    padding-right: 0
}

.prose[data-v-0a10d43c] :where(.prose>:first-child):not(:where([class~=not-prose] *)) {
    margin-top: 0
}

.prose[data-v-0a10d43c] :where(.prose>:last-child):not(:where([class~=not-prose] *)) {
    margin-bottom: 0
}

.prose-lg[data-v-0a10d43c] {
    font-size: 1.125rem;
    line-height: 1.7777778
}

.prose-lg[data-v-0a10d43c] :where(p):not(:where([class~=not-prose] *)) {
    margin-top: 1.3333333em;
    margin-bottom: 1.3333333em
}

.prose-lg[data-v-0a10d43c] :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-0a10d43c] :where(blockquote):not(:where([class~=not-prose] *)) {
    margin-top: 1.6666667em;
    margin-bottom: 1.6666667em;
    padding-left: 1em
}

.prose-lg[data-v-0a10d43c] :where(h1):not(:where([class~=not-prose] *)) {
    font-size: 2.6666667em;
    margin-top: 0;
    margin-bottom: .8333333em;
    line-height: 1
}

.prose-lg[data-v-0a10d43c] :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-0a10d43c] :where(h3):not(:where([class~=not-prose] *)) {
    font-size: 1.3333333em;
    margin-top: 1.6666667em;
    margin-bottom: .6666667em;
    line-height: 1.5
}

.prose-lg[data-v-0a10d43c] :where(h4):not(:where([class~=not-prose] *)) {
    margin-top: 1.7777778em;
    margin-bottom: .4444444em;
    line-height: 1.5555556
}

.prose-lg[data-v-0a10d43c] :where(figure):not(:where([class~=not-prose] *)),
.prose-lg[data-v-0a10d43c] :where(img):not(:where([class~=not-prose] *)),
.prose-lg[data-v-0a10d43c] :where(video):not(:where([class~=not-prose] *)) {
    margin-top: 1.7777778em;
    margin-bottom: 1.7777778em
}

.prose-lg[data-v-0a10d43c] :where(figure>*):not(:where([class~=not-prose] *)) {
    margin-top: 0;
    margin-bottom: 0
}

.prose-lg[data-v-0a10d43c] :where(figcaption):not(:where([class~=not-prose] *)) {
    font-size: .8888889em;
    line-height: 1.5;
    margin-top: 1em
}

.prose-lg[data-v-0a10d43c] :where(code):not(:where([class~=not-prose] *)) {
    font-size: .8888889em
}

.prose-lg[data-v-0a10d43c] :where(h2 code):not(:where([class~=not-prose] *)) {
    font-size: .8666667em
}

.prose-lg[data-v-0a10d43c] :where(h3 code):not(:where([class~=not-prose] *)) {
    font-size: .875em
}

.prose-lg[data-v-0a10d43c] :where(pre):not(:where([class~=not-prose] *)) {
    font-size: .8888889em;
    line-height: 1.75;
    margin-top: 2em;
    margin-bottom: 2em;
    border-radius: .375rem;
    padding: 1em 1.5em
}

.prose-lg[data-v-0a10d43c] :where(ol):not(:where([class~=not-prose] *)),
.prose-lg[data-v-0a10d43c] :where(ul):not(:where([class~=not-prose] *)) {
    margin-top: 1.3333333em;
    margin-bottom: 1.3333333em;
    padding-left: 1.5555556em
}

.prose-lg[data-v-0a10d43c] :where(li):not(:where([class~=not-prose] *)) {
    margin-top: .6666667em;
    margin-bottom: .6666667em
}

.prose-lg[data-v-0a10d43c] :where(ol>li):not(:where([class~=not-prose] *)),
.prose-lg[data-v-0a10d43c] :where(ul>li):not(:where([class~=not-prose] *)) {
    padding-left: .4444444em
}

.prose-lg[data-v-0a10d43c] :where(.prose-lg>ul>li p):not(:where([class~=not-prose] *)) {
    margin-top: .8888889em;
    margin-bottom: .8888889em
}

.prose-lg[data-v-0a10d43c] :where(.prose-lg>ul>li>:first-child):not(:where([class~=not-prose] *)) {
    margin-top: 1.3333333em
}

.prose-lg[data-v-0a10d43c] :where(.prose-lg>ul>li>:last-child):not(:where([class~=not-prose] *)) {
    margin-bottom: 1.3333333em
}

.prose-lg[data-v-0a10d43c] :where(.prose-lg>ol>li>:first-child):not(:where([class~=not-prose] *)) {
    margin-top: 1.3333333em
}

.prose-lg[data-v-0a10d43c] :where(.prose-lg>ol>li>:last-child):not(:where([class~=not-prose] *)) {
    margin-bottom: 1.3333333em
}

.prose-lg[data-v-0a10d43c] :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose] *)) {
    margin-top: .8888889em;
    margin-bottom: .8888889em
}

.prose-lg[data-v-0a10d43c] :where(hr):not(:where([class~=not-prose] *)) {
    margin-top: 3.1111111em;
    margin-bottom: 3.1111111em
}

.prose-lg[data-v-0a10d43c] :where(h2+*):not(:where([class~=not-prose] *)),
.prose-lg[data-v-0a10d43c] :where(h3+*):not(:where([class~=not-prose] *)),
.prose-lg[data-v-0a10d43c] :where(h4+*):not(:where([class~=not-prose] *)),
.prose-lg[data-v-0a10d43c] :where(hr+*):not(:where([class~=not-prose] *)) {
    margin-top: 0
}

.prose-lg[data-v-0a10d43c] :where(table):not(:where([class~=not-prose] *)) {
    font-size: .8888889em;
    line-height: 1.5
}

.prose-lg[data-v-0a10d43c] :where(thead th):not(:where([class~=not-prose] *)) {
    padding-right: .75em;
    padding-bottom: .75em;
    padding-left: .75em
}

.prose-lg[data-v-0a10d43c] :where(thead th:first-child):not(:where([class~=not-prose] *)) {
    padding-left: 0
}

.prose-lg[data-v-0a10d43c] :where(thead th:last-child):not(:where([class~=not-prose] *)) {
    padding-right: 0
}

.prose-lg[data-v-0a10d43c] :where(tbody td, tfoot td):not(:where([class~=not-prose] *)) {
    padding: .75em
}

.prose-lg[data-v-0a10d43c] :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose] *)) {
    padding-left: 0
}

.prose-lg[data-v-0a10d43c] :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose] *)) {
    padding-right: 0
}

.prose-lg[data-v-0a10d43c] :where(.prose-lg>:first-child):not(:where([class~=not-prose] *)) {
    margin-top: 0
}

.prose-lg[data-v-0a10d43c] :where(.prose-lg>:last-child):not(:where([class~=not-prose] *)) {
    margin-bottom: 0
}

@keyframes ping-0a10d43c {

    75%,
    to {
        transform: scale(2);
        opacity: 0
    }
}

.radar-ping-animation[data-v-0a10d43c] {
    animation: ping-0a10d43c 1s ease infinite
}

[data-v-0a10d43c]: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[data-v-0a10d43c] {
        width: 100%
    }

    @media (min-width: 480px) {
        .lg\:container[data-v-0a10d43c] {
            max-width: 480px
        }
    }

    @media (min-width: 640px) {
        .lg\:container[data-v-0a10d43c] {
            max-width: 640px
        }
    }

    @media (min-width: 768px) {
        .lg\:container[data-v-0a10d43c] {
            max-width: 768px
        }
    }

    @media (min-width: 1024px) {
        .lg\:container[data-v-0a10d43c] {
            max-width: 1024px
        }
    }

    @media (min-width: 1280px) {
        .lg\:container[data-v-0a10d43c] {
            max-width: 1280px
        }
    }

    @media (min-width: 1536px) {
        .lg\:container[data-v-0a10d43c] {
            max-width: 1536px
        }
    }
}

.container[data-v-f93e3b30] {
    width: 100%
}

@media (min-width: 480px) {
    .container[data-v-f93e3b30] {
        max-width: 480px
    }
}

@media (min-width: 640px) {
    .container[data-v-f93e3b30] {
        max-width: 640px
    }
}

@media (min-width: 768px) {
    .container[data-v-f93e3b30] {
        max-width: 768px
    }
}

@media (min-width: 1024px) {
    .container[data-v-f93e3b30] {
        max-width: 1024px
    }
}

@media (min-width: 1280px) {
    .container[data-v-f93e3b30] {
        max-width: 1280px
    }
}

@media (min-width: 1536px) {
    .container[data-v-f93e3b30] {
        max-width: 1536px
    }
}

.prose[data-v-f93e3b30] {
    color: var(--tw-prose-body);
    max-width: 65ch
}

.prose[data-v-f93e3b30] :where(p):not(:where([class~=not-prose] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em
}

.prose[data-v-f93e3b30] :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-f93e3b30] :where(a):not(:where([class~=not-prose] *)) {
    color: var(--tw-prose-links);
    text-decoration: underline;
    font-weight: 500
}

.prose[data-v-f93e3b30] :where(strong):not(:where([class~=not-prose] *)) {
    color: var(--tw-prose-bold);
    font-weight: 600
}

.prose[data-v-f93e3b30] :where(a strong):not(:where([class~=not-prose] *)),
.prose[data-v-f93e3b30] :where(blockquote strong):not(:where([class~=not-prose] *)),
.prose[data-v-f93e3b30] :where(thead th strong):not(:where([class~=not-prose] *)) {
    color: inherit
}

.prose[data-v-f93e3b30] :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-f93e3b30] :where(ol[type=A]):not(:where([class~=not-prose] *)) {
    list-style-type: upper-alpha
}

.prose[data-v-f93e3b30] :where(ol[type=a]):not(:where([class~=not-prose] *)) {
    list-style-type: lower-alpha
}

.prose[data-v-f93e3b30] :where(ol[type=I]):not(:where([class~=not-prose] *)) {
    list-style-type: upper-roman
}

.prose[data-v-f93e3b30] :where(ol[type=i]):not(:where([class~=not-prose] *)) {
    list-style-type: lower-roman
}

.prose[data-v-f93e3b30] :where(ol[type="1"]):not(:where([class~=not-prose] *)) {
    list-style-type: decimal
}

.prose[data-v-f93e3b30] :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-f93e3b30] :where(ol>li):not(:where([class~=not-prose] *))::marker {
    font-weight: 400;
    color: var(--tw-prose-counters)
}

.prose[data-v-f93e3b30] :where(ul>li):not(:where([class~=not-prose] *))::marker {
    color: var(--tw-prose-bullets)
}

.prose[data-v-f93e3b30] :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-f93e3b30] :where(blockquote):not(:where([class~=not-prose] *)) {
    font-weight: 500;
    font-style: italic;
    color: var(--tw-prose-quotes);
    border-left-width: .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-f93e3b30] :where(blockquote p:first-of-type):not(:where([class~=not-prose] *)):before {
    content: open-quote
}

.prose[data-v-f93e3b30] :where(blockquote p:last-of-type):not(:where([class~=not-prose] *)):after {
    content: close-quote
}

.prose[data-v-f93e3b30] :where(h1):not(:where([class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 800;
    font-size: 2.25em;
    margin-top: 0;
    margin-bottom: .8888889em;
    line-height: 1.1111111
}

.prose[data-v-f93e3b30] :where(h1 strong):not(:where([class~=not-prose] *)) {
    font-weight: 900;
    color: inherit
}

.prose[data-v-f93e3b30] :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-f93e3b30] :where(h2 strong):not(:where([class~=not-prose] *)) {
    font-weight: 800;
    color: inherit
}

.prose[data-v-f93e3b30] :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: .6em;
    line-height: 1.6
}

.prose[data-v-f93e3b30] :where(h3 strong):not(:where([class~=not-prose] *)) {
    font-weight: 700;
    color: inherit
}

.prose[data-v-f93e3b30] :where(h4):not(:where([class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top: 1.5em;
    margin-bottom: .5em;
    line-height: 1.5
}

.prose[data-v-f93e3b30] :where(h4 strong):not(:where([class~=not-prose] *)) {
    font-weight: 700;
    color: inherit
}

.prose[data-v-f93e3b30] :where(img):not(:where([class~=not-prose] *)) {
    margin-top: 2em;
    margin-bottom: 2em
}

.prose[data-v-f93e3b30] :where(figure>*):not(:where([class~=not-prose] *)) {
    margin-top: 0;
    margin-bottom: 0
}

.prose[data-v-f93e3b30] :where(figcaption):not(:where([class~=not-prose] *)) {
    color: var(--tw-prose-captions);
    font-size: .875em;
    line-height: 1.4285714;
    margin-top: .8571429em
}

.prose[data-v-f93e3b30] :where(code):not(:where([class~=not-prose] *)) {
    color: var(--tw-prose-code);
    font-weight: 600;
    font-size: .875em
}

.prose[data-v-f93e3b30] :where(code):not(:where([class~=not-prose] *)):after,
.prose[data-v-f93e3b30] :where(code):not(:where([class~=not-prose] *)):before {
    content: "`"
}

.prose[data-v-f93e3b30] :where(a code):not(:where([class~=not-prose] *)),
.prose[data-v-f93e3b30] :where(h1 code):not(:where([class~=not-prose] *)) {
    color: inherit
}

.prose[data-v-f93e3b30] :where(h2 code):not(:where([class~=not-prose] *)) {
    color: inherit;
    font-size: .875em
}

.prose[data-v-f93e3b30] :where(h3 code):not(:where([class~=not-prose] *)) {
    color: inherit;
    font-size: .9em
}

.prose[data-v-f93e3b30] :where(blockquote code):not(:where([class~=not-prose] *)),
.prose[data-v-f93e3b30] :where(h4 code):not(:where([class~=not-prose] *)),
.prose[data-v-f93e3b30] :where(thead th code):not(:where([class~=not-prose] *)) {
    color: inherit
}

.prose[data-v-f93e3b30] :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: .875em;
    line-height: 1.7142857;
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
    border-radius: .375rem;
    padding: .8571429em 1.1428571em
}

.prose[data-v-f93e3b30] :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-f93e3b30] :where(pre code):not(:where([class~=not-prose] *)):after,
.prose[data-v-f93e3b30] :where(pre code):not(:where([class~=not-prose] *)):before {
    content: none
}

.prose[data-v-f93e3b30] :where(table):not(:where([class~=not-prose] *)) {
    width: 100%;
    table-layout: auto;
    text-align: left;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: .875em;
    line-height: 1.7142857
}

.prose[data-v-f93e3b30] :where(thead):not(:where([class~=not-prose] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-th-borders)
}

.prose[data-v-f93e3b30] :where(thead th):not(:where([class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    vertical-align: bottom;
    padding-right: .5714286em;
    padding-bottom: .5714286em;
    padding-left: .5714286em
}

.prose[data-v-f93e3b30] :where(tbody tr):not(:where([class~=not-prose] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-td-borders)
}

.prose[data-v-f93e3b30] :where(tbody tr:last-child):not(:where([class~=not-prose] *)) {
    border-bottom-width: 0
}

.prose[data-v-f93e3b30] :where(tbody td):not(:where([class~=not-prose] *)) {
    vertical-align: baseline
}

.prose[data-v-f93e3b30] :where(tfoot):not(:where([class~=not-prose] *)) {
    border-top-width: 1px;
    border-top-color: var(--tw-prose-th-borders)
}

.prose[data-v-f93e3b30] :where(tfoot td):not(:where([class~=not-prose] *)) {
    vertical-align: top
}

.prose[data-v-f93e3b30] {
    --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-f93e3b30] :where(figure):not(:where([class~=not-prose] *)),
.prose[data-v-f93e3b30] :where(video):not(:where([class~=not-prose] *)) {
    margin-top: 2em;
    margin-bottom: 2em
}

.prose[data-v-f93e3b30] :where(li):not(:where([class~=not-prose] *)) {
    margin-top: .5em;
    margin-bottom: .5em
}

.prose[data-v-f93e3b30] :where(ol>li):not(:where([class~=not-prose] *)),
.prose[data-v-f93e3b30] :where(ul>li):not(:where([class~=not-prose] *)) {
    padding-left: .375em
}

.prose[data-v-f93e3b30] :where(.prose>ul>li p):not(:where([class~=not-prose] *)) {
    margin-top: .75em;
    margin-bottom: .75em
}

.prose[data-v-f93e3b30] :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)) {
    margin-top: 1.25em
}

.prose[data-v-f93e3b30] :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)) {
    margin-bottom: 1.25em
}

.prose[data-v-f93e3b30] :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)) {
    margin-top: 1.25em
}

.prose[data-v-f93e3b30] :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)) {
    margin-bottom: 1.25em
}

.prose[data-v-f93e3b30] :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose] *)) {
    margin-top: .75em;
    margin-bottom: .75em
}

.prose[data-v-f93e3b30] :where(h2+*):not(:where([class~=not-prose] *)),
.prose[data-v-f93e3b30] :where(h3+*):not(:where([class~=not-prose] *)),
.prose[data-v-f93e3b30] :where(h4+*):not(:where([class~=not-prose] *)),
.prose[data-v-f93e3b30] :where(hr+*):not(:where([class~=not-prose] *)) {
    margin-top: 0
}

.prose[data-v-f93e3b30] :where(thead th:first-child):not(:where([class~=not-prose] *)) {
    padding-left: 0
}

.prose[data-v-f93e3b30] :where(thead th:last-child):not(:where([class~=not-prose] *)) {
    padding-right: 0
}

.prose[data-v-f93e3b30] :where(tbody td, tfoot td):not(:where([class~=not-prose] *)) {
    padding: .5714286em
}

.prose[data-v-f93e3b30] :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose] *)) {
    padding-left: 0
}

.prose[data-v-f93e3b30] :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose] *)) {
    padding-right: 0
}

.prose[data-v-f93e3b30] :where(.prose>:first-child):not(:where([class~=not-prose] *)) {
    margin-top: 0
}

.prose[data-v-f93e3b30] :where(.prose>:last-child):not(:where([class~=not-prose] *)) {
    margin-bottom: 0
}

.prose-lg[data-v-f93e3b30] {
    font-size: 1.125rem;
    line-height: 1.7777778
}

.prose-lg[data-v-f93e3b30] :where(p):not(:where([class~=not-prose] *)) {
    margin-top: 1.3333333em;
    margin-bottom: 1.3333333em
}

.prose-lg[data-v-f93e3b30] :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-f93e3b30] :where(blockquote):not(:where([class~=not-prose] *)) {
    margin-top: 1.6666667em;
    margin-bottom: 1.6666667em;
    padding-left: 1em
}

.prose-lg[data-v-f93e3b30] :where(h1):not(:where([class~=not-prose] *)) {
    font-size: 2.6666667em;
    margin-top: 0;
    margin-bottom: .8333333em;
    line-height: 1
}

.prose-lg[data-v-f93e3b30] :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-f93e3b30] :where(h3):not(:where([class~=not-prose] *)) {
    font-size: 1.3333333em;
    margin-top: 1.6666667em;
    margin-bottom: .6666667em;
    line-height: 1.5
}

.prose-lg[data-v-f93e3b30] :where(h4):not(:where([class~=not-prose] *)) {
    margin-top: 1.7777778em;
    margin-bottom: .4444444em;
    line-height: 1.5555556
}

.prose-lg[data-v-f93e3b30] :where(figure):not(:where([class~=not-prose] *)),
.prose-lg[data-v-f93e3b30] :where(img):not(:where([class~=not-prose] *)),
.prose-lg[data-v-f93e3b30] :where(video):not(:where([class~=not-prose] *)) {
    margin-top: 1.7777778em;
    margin-bottom: 1.7777778em
}

.prose-lg[data-v-f93e3b30] :where(figure>*):not(:where([class~=not-prose] *)) {
    margin-top: 0;
    margin-bottom: 0
}

.prose-lg[data-v-f93e3b30] :where(figcaption):not(:where([class~=not-prose] *)) {
    font-size: .8888889em;
    line-height: 1.5;
    margin-top: 1em
}

.prose-lg[data-v-f93e3b30] :where(code):not(:where([class~=not-prose] *)) {
    font-size: .8888889em
}

.prose-lg[data-v-f93e3b30] :where(h2 code):not(:where([class~=not-prose] *)) {
    font-size: .8666667em
}

.prose-lg[data-v-f93e3b30] :where(h3 code):not(:where([class~=not-prose] *)) {
    font-size: .875em
}

.prose-lg[data-v-f93e3b30] :where(pre):not(:where([class~=not-prose] *)) {
    font-size: .8888889em;
    line-height: 1.75;
    margin-top: 2em;
    margin-bottom: 2em;
    border-radius: .375rem;
    padding: 1em 1.5em
}

.prose-lg[data-v-f93e3b30] :where(ol):not(:where([class~=not-prose] *)),
.prose-lg[data-v-f93e3b30] :where(ul):not(:where([class~=not-prose] *)) {
    margin-top: 1.3333333em;
    margin-bottom: 1.3333333em;
    padding-left: 1.5555556em
}

.prose-lg[data-v-f93e3b30] :where(li):not(:where([class~=not-prose] *)) {
    margin-top: .6666667em;
    margin-bottom: .6666667em
}

.prose-lg[data-v-f93e3b30] :where(ol>li):not(:where([class~=not-prose] *)),
.prose-lg[data-v-f93e3b30] :where(ul>li):not(:where([class~=not-prose] *)) {
    padding-left: .4444444em
}

.prose-lg[data-v-f93e3b30] :where(.prose-lg>ul>li p):not(:where([class~=not-prose] *)) {
    margin-top: .8888889em;
    margin-bottom: .8888889em
}

.prose-lg[data-v-f93e3b30] :where(.prose-lg>ul>li>:first-child):not(:where([class~=not-prose] *)) {
    margin-top: 1.3333333em
}

.prose-lg[data-v-f93e3b30] :where(.prose-lg>ul>li>:last-child):not(:where([class~=not-prose] *)) {
    margin-bottom: 1.3333333em
}

.prose-lg[data-v-f93e3b30] :where(.prose-lg>ol>li>:first-child):not(:where([class~=not-prose] *)) {
    margin-top: 1.3333333em
}

.prose-lg[data-v-f93e3b30] :where(.prose-lg>ol>li>:last-child):not(:where([class~=not-prose] *)) {
    margin-bottom: 1.3333333em
}

.prose-lg[data-v-f93e3b30] :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose] *)) {
    margin-top: .8888889em;
    margin-bottom: .8888889em
}

.prose-lg[data-v-f93e3b30] :where(hr):not(:where([class~=not-prose] *)) {
    margin-top: 3.1111111em;
    margin-bottom: 3.1111111em
}

.prose-lg[data-v-f93e3b30] :where(h2+*):not(:where([class~=not-prose] *)),
.prose-lg[data-v-f93e3b30] :where(h3+*):not(:where([class~=not-prose] *)),
.prose-lg[data-v-f93e3b30] :where(h4+*):not(:where([class~=not-prose] *)),
.prose-lg[data-v-f93e3b30] :where(hr+*):not(:where([class~=not-prose] *)) {
    margin-top: 0
}

.prose-lg[data-v-f93e3b30] :where(table):not(:where([class~=not-prose] *)) {
    font-size: .8888889em;
    line-height: 1.5
}

.prose-lg[data-v-f93e3b30] :where(thead th):not(:where([class~=not-prose] *)) {
    padding-right: .75em;
    padding-bottom: .75em;
    padding-left: .75em
}

.prose-lg[data-v-f93e3b30] :where(thead th:first-child):not(:where([class~=not-prose] *)) {
    padding-left: 0
}

.prose-lg[data-v-f93e3b30] :where(thead th:last-child):not(:where([class~=not-prose] *)) {
    padding-right: 0
}

.prose-lg[data-v-f93e3b30] :where(tbody td, tfoot td):not(:where([class~=not-prose] *)) {
    padding: .75em
}

.prose-lg[data-v-f93e3b30] :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose] *)) {
    padding-left: 0
}

.prose-lg[data-v-f93e3b30] :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose] *)) {
    padding-right: 0
}

.prose-lg[data-v-f93e3b30] :where(.prose-lg>:first-child):not(:where([class~=not-prose] *)) {
    margin-top: 0
}

.prose-lg[data-v-f93e3b30] :where(.prose-lg>:last-child):not(:where([class~=not-prose] *)) {
    margin-bottom: 0
}

.overlay-shadow[data-v-f93e3b30] {
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff 50%)
}

.overlay-shadow-dark[data-v-f93e3b30] {
    background-image: linear-gradient(90deg, transparent 0, #151718 50%)
}

.rtl-overlay-shadow[data-v-f93e3b30] {
    background-image: linear-gradient(270deg, hsla(0, 0%, 100%, 0) 0, #fff 50%)
}

.rtl-overlay-shadow-dark[data-v-f93e3b30] {
    background-image: linear-gradient(270deg, transparent 0, #151718 50%)
}

.fade-enter-active[data-v-f93e3b30],
.fade-leave-active[data-v-f93e3b30] {
    transition: opacity .3s ease
}

.fade-enter[data-v-f93e3b30],
.fade-leave-to[data-v-f93e3b30] {
    opacity: 0
}

[data-v-f93e3b30]:is([dir=ltr] .ltr\:overlay-shadow) {
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff 50%)
}

[data-v-f93e3b30]:is([dir=rtl] .rtl\:rtl-overlay-shadow) {
    background-image: linear-gradient(270deg, hsla(0, 0%, 100%, 0) 0, #fff 50%)
}

[data-v-f93e3b30]: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-f93e3b30]:is([dir=ltr] :is(.dark .ltr\:dark\:overlay-shadow-dark)) {
    background-image: linear-gradient(90deg, transparent 0, #151718 50%)
}

[data-v-f93e3b30]:is([dir=rtl] :is(.dark .rtl\:dark\:rtl-overlay-shadow-dark)) {
    background-image: linear-gradient(270deg, transparent 0, #151718 50%)
}

@media (min-width: 1024px) {
    .lg\:container[data-v-f93e3b30] {
        width: 100%
    }

    @media (min-width: 480px) {
        .lg\:container[data-v-f93e3b30] {
            max-width: 480px
        }
    }

    @media (min-width: 640px) {
        .lg\:container[data-v-f93e3b30] {
            max-width: 640px
        }
    }

    @media (min-width: 768px) {
        .lg\:container[data-v-f93e3b30] {
            max-width: 768px
        }
    }

    @media (min-width: 1024px) {
        .lg\:container[data-v-f93e3b30] {
            max-width: 1024px
        }
    }

    @media (min-width: 1280px) {
        .lg\:container[data-v-f93e3b30] {
            max-width: 1280px
        }
    }

    @media (min-width: 1536px) {
        .lg\:container[data-v-f93e3b30] {
            max-width: 1536px
        }
    }
}

.portal[data-v-9bba87ae] {
    position: relative;
    margin-bottom: 1rem;
    display: flex;
    border-radius: .375rem;
    --tw-border-opacity: 1;
    border: 1px solid hsl(208 11.7% 91.1%/1);
    --tw-bg-opacity: 1;
    background-color: rgb(248 249 250/1);
    padding: 1rem
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .portal[data-v-9bba87ae] {
        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-9bba87ae] {
        background-color: rgb(248 249 250/var(--tw-bg-opacity))
    }
}

[data-v-9bba87ae]:is(.dark .portal) {
    --tw-border-opacity: 1;
    border-color: hsl(206 6% 43.5%/1);
    --tw-bg-opacity: 1;
    background-color: rgb(31 44 52/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    [data-v-9bba87ae]:is(.dark .portal) {
        border-color: hsl(206 6% 43.5%/var(--tw-border-opacity))
    }
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    [data-v-9bba87ae]:is(.dark .portal) {
        background-color: rgb(31 44 52/var(--tw-bg-opacity))
    }
}

.portal.active[data-v-9bba87ae] {
    --tw-border-opacity: 1;
    border: 1px solid rgb(55 169 173/1);
    --tw-bg-opacity: 1;
    background-color: rgb(248 249 250/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .portal.active[data-v-9bba87ae] {
        border-color: rgb(55 169 173/var(--tw-border-opacity));
        background-color: rgb(248 249 250/var(--tw-bg-opacity))
    }
}

[data-v-9bba87ae]:is(.dark .portal.active) {
    --tw-border-opacity: 1;
    border-color: rgb(41 162 167/1);
    --tw-bg-opacity: 1;
    background-color: rgb(31 44 52/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    [data-v-9bba87ae]:is(.dark .portal.active) {
        border-color: rgb(41 162 167/var(--tw-border-opacity));
        background-color: rgb(31 44 52/var(--tw-bg-opacity))
    }
}

.portal .actions-container[data-v-9bba87ae] {
    margin-left: .625rem;
    flex-grow: 1
}

[data-v-9bba87ae]:is([dir=rtl] .portal .actions-container) {
    margin-left: 0;
    margin-right: .625rem
}

.portal .actions-container .portal-locales ul[data-v-9bba87ae] {
    margin: 0;
    list-style-type: none;
    padding: 0
}

.portal .actions-container .portal-locales .locale__radio[data-v-9bba87ae] {
    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-9bba87ae] {
        color: hsl(152 57.5% 37.6%/var(--tw-text-opacity))
    }
}

[data-v-9bba87ae]: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-9bba87ae]: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-9bba87ae] {
    margin-bottom: .5rem;
    display: flex;
    width: 100%;
    align-items: flex-start;
    border-radius: .375rem;
    padding: .25rem 1rem
}

.portal .locale-item p[data-v-9bba87ae] {
    margin-bottom: 0;
    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: .25rem;
    line-height: .625rem;
    letter-spacing: .025em
}

.key[data-v-fddaa52c] {
    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: .5rem .625rem;
    font-size: .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 transparent, 0 0 transparent, 0 1px 3px 0 rgb(0 0 0/.1), 0 1px 2px -1px rgb(0 0 0/.1);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .key[data-v-fddaa52c] {
        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-fddaa52c]:is([dir=ltr] .key) {
    border-right-width: 2px
}

[data-v-fddaa52c]:is([dir=rtl] .key) {
    border-left-width: 2px
}

[data-v-fddaa52c]:is(.dark .key) {
    --tw-border-opacity: 1;
    border-color: hsl(207 5.6% 31.6%/1);
    --tw-bg-opacity: 1;
    background-color: rgb(18 27 34/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-fddaa52c]:is(.dark .key) {
        border-color: hsl(207 5.6% 31.6%/var(--tw-border-opacity))
    }
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    [data-v-fddaa52c]:is(.dark .key) {
        background-color: rgb(18 27 34/var(--tw-bg-opacity))
    }
}

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

.emoji-dialog[data-v-1c5e90fc]:before {
    display: none
}

.input-container[data-v-16309d22] {
    margin: 0 0 1rem
}

.input-container[data-v-16309d22] input {
    margin-bottom: 0
}

.banner.primary[data-v-37dfccb7] {
    --tw-bg-opacity: 1;
    background-color: rgb(41 162 167/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .banner.primary[data-v-37dfccb7] {
        background-color: rgb(41 162 167/var(--tw-bg-opacity))
    }
}

[data-v-37dfccb7]:is(.dark .banner.primary) {
    --tw-bg-opacity: 1;
    background-color: rgb(41 162 167/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    [data-v-37dfccb7]:is(.dark .banner.primary) {
        background-color: rgb(41 162 167/var(--tw-bg-opacity))
    }
}

.banner.primary .banner-action__button[data-v-37dfccb7] {
    border-style: none;
    --tw-bg-opacity: 1;
    background-color: rgb(35 140 144/1);
    --tw-text-opacity: 1;
    color: rgb(248 249 250/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .banner.primary .banner-action__button[data-v-37dfccb7] {
        background-color: rgb(35 140 144/var(--tw-bg-opacity));
        color: rgb(248 249 250/var(--tw-text-opacity))
    }
}

[data-v-37dfccb7]:is(.dark .banner.primary .banner-action__button) {
    --tw-bg-opacity: 1;
    background-color: rgb(35 140 144/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    [data-v-37dfccb7]:is(.dark .banner.primary .banner-action__button) {
        background-color: rgb(35 140 144/var(--tw-bg-opacity))
    }
}

.banner.primary .banner-action__button[data-v-37dfccb7]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(29 118 122/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .banner.primary .banner-action__button[data-v-37dfccb7]:hover {
        background-color: rgb(29 118 122/var(--tw-bg-opacity))
    }
}

[data-v-37dfccb7]:is(.dark .banner.primary .banner-action__button:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(29 118 122/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    [data-v-37dfccb7]:is(.dark .banner.primary .banner-action__button:hover) {
        background-color: rgb(29 118 122/var(--tw-bg-opacity))
    }
}

.banner.secondary[data-v-37dfccb7] {
    --tw-bg-opacity: 1;
    background-color: hsl(207 11.1% 85.9%/1);
    --tw-text-opacity: 1;
    color: rgb(31 44 52/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .banner.secondary[data-v-37dfccb7] {
        background-color: hsl(207 11.1% 85.9%/var(--tw-bg-opacity))
    }
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .banner.secondary[data-v-37dfccb7] {
        color: rgb(31 44 52/var(--tw-text-opacity))
    }
}

[data-v-37dfccb7]:is(.dark .banner.secondary) {
    --tw-bg-opacity: 1;
    background-color: hsl(205 10.7% 78%/1);
    --tw-text-opacity: 1;
    color: rgb(31 44 52/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    [data-v-37dfccb7]:is(.dark .banner.secondary) {
        background-color: hsl(205 10.7% 78%/var(--tw-bg-opacity))
    }
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    [data-v-37dfccb7]:is(.dark .banner.secondary) {
        color: rgb(31 44 52/var(--tw-text-opacity))
    }
}

.banner.secondary a[data-v-37dfccb7] {
    --tw-text-opacity: 1;
    color: rgb(31 44 52/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .banner.secondary a[data-v-37dfccb7] {
        color: rgb(31 44 52/var(--tw-text-opacity))
    }
}

[data-v-37dfccb7]:is(.dark .banner.secondary a) {
    --tw-text-opacity: 1;
    color: rgb(31 44 52/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    [data-v-37dfccb7]:is(.dark .banner.secondary a) {
        color: rgb(31 44 52/var(--tw-text-opacity))
    }
}

.banner.alert[data-v-37dfccb7] {
    --tw-bg-opacity: 1;
    background-color: hsl(358 75% 59%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .banner.alert[data-v-37dfccb7] {
        background-color: hsl(358 75% 59%/var(--tw-bg-opacity))
    }
}

[data-v-37dfccb7]:is(.dark .banner.alert) {
    --tw-bg-opacity: 1;
    background-color: hsl(358 75% 59%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    [data-v-37dfccb7]:is(.dark .banner.alert) {
        background-color: hsl(358 75% 59%/var(--tw-bg-opacity))
    }
}

.banner.alert .banner-action__button[data-v-37dfccb7] {
    border-style: none;
    --tw-bg-opacity: 1;
    background-color: hsl(358 65% 48.7%/1);
    --tw-text-opacity: 1;
    color: rgb(248 249 250/1)
}

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

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .banner.alert .banner-action__button[data-v-37dfccb7] {
        color: rgb(248 249 250/var(--tw-text-opacity))
    }
}

[data-v-37dfccb7]:is(.dark .banner.alert .banner-action__button) {
    --tw-bg-opacity: 1;
    background-color: hsl(358 65% 48.7%/1);
    --tw-text-opacity: 1;
    color: rgb(248 249 250/1)
}

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

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    [data-v-37dfccb7]:is(.dark .banner.alert .banner-action__button) {
        color: rgb(248 249 250/var(--tw-text-opacity))
    }
}

.banner.alert .banner-action__button[data-v-37dfccb7]:hover {
    --tw-bg-opacity: 1;
    background-color: hsl(358 65% 40.4%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .banner.alert .banner-action__button[data-v-37dfccb7]:hover {
        background-color: hsl(358 65% 40.4%/var(--tw-bg-opacity))
    }
}

[data-v-37dfccb7]:is(.dark .banner.alert .banner-action__button:hover) {
    --tw-bg-opacity: 1;
    background-color: hsl(358 65% 40.4%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    [data-v-37dfccb7]:is(.dark .banner.alert .banner-action__button:hover) {
        background-color: hsl(358 65% 40.4%/var(--tw-bg-opacity))
    }
}

.banner.warning[data-v-37dfccb7] {
    --tw-bg-opacity: 1;
    background-color: hsl(48 100% 47%/1);
    --tw-text-opacity: 1;
    color: hsl(48 100% 47%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .banner.warning[data-v-37dfccb7] {
        background-color: hsl(48 100% 47%/var(--tw-bg-opacity));
        color: hsl(48 100% 47%/var(--tw-text-opacity))
    }
}

[data-v-37dfccb7]:is(.dark .banner.warning) {
    --tw-bg-opacity: 1;
    background-color: hsl(48 100% 47%/1);
    --tw-text-opacity: 1;
    color: hsl(48 100% 47%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    [data-v-37dfccb7]:is(.dark .banner.warning) {
        background-color: hsl(48 100% 47%/var(--tw-bg-opacity));
        color: hsl(48 100% 47%/var(--tw-text-opacity))
    }
}

.banner.warning a[data-v-37dfccb7] {
    --tw-text-opacity: 1;
    color: hsl(48 100% 47%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .banner.warning a[data-v-37dfccb7] {
        color: hsl(48 100% 47%/var(--tw-text-opacity))
    }
}

[data-v-37dfccb7]:is(.dark .banner.warning a) {
    --tw-text-opacity: 1;
    color: hsl(48 100% 47%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    [data-v-37dfccb7]:is(.dark .banner.warning a) {
        color: hsl(48 100% 47%/var(--tw-text-opacity))
    }
}

.banner.gray[data-v-37dfccb7] {
    --tw-text-opacity: 1;
    color: hsl(206 6% 56.1%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .banner.gray[data-v-37dfccb7] {
        color: hsl(206 6% 56.1%/var(--tw-text-opacity))
    }
}

[data-v-37dfccb7]:is(.dark .banner.gray) {
    --tw-text-opacity: 1;
    color: hsl(206 6% 56.1%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    [data-v-37dfccb7]:is(.dark .banner.gray) {
        color: hsl(206 6% 56.1%/var(--tw-text-opacity))
    }
}

.banner.gray .banner-action__button[data-v-37dfccb7] {
    --tw-text-opacity: 1;
    color: rgb(248 249 250/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .banner.gray .banner-action__button[data-v-37dfccb7] {
        color: rgb(248 249 250/var(--tw-text-opacity))
    }
}

[data-v-37dfccb7]:is(.dark .banner.gray .banner-action__button) {
    --tw-text-opacity: 1;
    color: rgb(248 249 250/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    [data-v-37dfccb7]:is(.dark .banner.gray .banner-action__button) {
        color: rgb(248 249 250/var(--tw-text-opacity))
    }
}

.banner a[data-v-37dfccb7] {
    margin-left: .25rem;
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(248 249 250/1);
    text-decoration-line: underline
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .banner a[data-v-37dfccb7] {
        color: rgb(248 249 250/var(--tw-text-opacity))
    }
}

[data-v-37dfccb7]:is(.dark .banner a) {
    --tw-text-opacity: 1;
    color: rgb(248 249 250/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    [data-v-37dfccb7]:is(.dark .banner a) {
        color: rgb(248 249 250/var(--tw-text-opacity))
    }
}

.banner .banner-action__button[data-v-37dfccb7] .button__content {
    white-space: nowrap
}

.banner .banner-message[data-v-37dfccb7] {
    display: flex;
    align-items: center
}

.banner .actions[data-v-37dfccb7] {
    right: .75rem;
    display: flex;
    gap: .25rem
}

body {
    position: relative;
    height: 100vh;
    overflow: hidden
}

/*
! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
*/
*,
:after,
:before {
    border: 0 solid
}

:after,
:before {
    --tw-content: ""
}

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    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;
    font-feature-settings: normal;
    font-variation-settings: normal
}

body {
    margin: 0;
    line-height: inherit
}

hr {
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
pre,
samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

menu,
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

[role=button],
button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle
}

img,
video {
    max-width: 100%;
    height: auto
}

[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-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-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-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-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-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-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-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-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-700: 239 95 0;
    --color-orange-800: 204 78 0;
    --color-orange-900: 88 45 29
}

:root,
body.dark {
    --color-primary-25: 255 255 255;
    --color-primary-50: 219 240 240;
    --color-primary-75: 184 224 226;
    --color-primary-100: 148 208 211;
    --color-primary-200: 112 193 196;
    --color-primary-300: 76 178 181;
    --color-primary-400: 55 169 173;
    --color-primary-500: 41 162 167;
    --color-primary-600: 35 140 144;
    --color-primary-700: 29 118 122;
    --color-primary-800: 23 95 99;
    --color-primary-850: 18 73 77;
    --color-primary-900: 12 50 54;
    --color-ruby-600: 229 70 102;
    --color-green-600: 48 164 108;
    --color-mint-600: 134 234 212;
    --color-indigo-600: 62 99 221;
    --color-iris-600: 91 91 214;
    --color-violet-600: 110 86 207;
    --color-pink-600: 214 64 159;
    --color-orange-600: 247 107 21
}

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-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-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-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-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-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-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-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-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-700: 255 128 31;
    --color-orange-800: 255 160 87;
    --color-orange-900: 255 224 194
}

*,
:after,
:before {
    --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-scroll-snap-strictness: proximity;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: hsl(206 100% 50.0%/0.5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent
}

::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-scroll-snap-strictness: proximity;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: hsl(206 100% 50.0%/0.5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent
}

.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] *)),
.prose :where(blockquote strong):not(:where([class~=not-prose] *)),
.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=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="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: .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: .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: .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: .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: .875em;
    line-height: 1.4285714;
    margin-top: .8571429em
}

.prose :where(code):not(:where([class~=not-prose] *)) {
    color: var(--tw-prose-code);
    font-weight: 600;
    font-size: .875em
}

.prose :where(code):not(:where([class~=not-prose] *)):after,
.prose :where(code):not(:where([class~=not-prose] *)):before {
    content: "`"
}

.prose :where(a code):not(:where([class~=not-prose] *)),
.prose :where(h1 code):not(:where([class~=not-prose] *)) {
    color: inherit
}

.prose :where(h2 code):not(:where([class~=not-prose] *)) {
    color: inherit;
    font-size: .875em
}

.prose :where(h3 code):not(:where([class~=not-prose] *)) {
    color: inherit;
    font-size: .9em
}

.prose :where(blockquote code):not(:where([class~=not-prose] *)),
.prose :where(h4 code):not(:where([class~=not-prose] *)),
.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: .875em;
    line-height: 1.7142857;
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
    border-radius: .375rem;
    padding: .8571429em 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] *)):after,
.prose :where(pre code):not(:where([class~=not-prose] *)):before {
    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: .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: .5714286em;
    padding-bottom: .5714286em;
    padding-left: .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(figure):not(:where([class~=not-prose] *)),
.prose :where(video):not(:where([class~=not-prose] *)) {
    margin-top: 2em;
    margin-bottom: 2em
}

.prose :where(li):not(:where([class~=not-prose] *)) {
    margin-top: .5em;
    margin-bottom: .5em
}

.prose :where(ol>li):not(:where([class~=not-prose] *)),
.prose :where(ul>li):not(:where([class~=not-prose] *)) {
    padding-left: .375em
}

.prose :where(.prose>ul>li p):not(:where([class~=not-prose] *)) {
    margin-top: .75em;
    margin-bottom: .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: .75em;
    margin-bottom: .75em
}

.prose :where(h2+*):not(:where([class~=not-prose] *)),
.prose :where(h3+*):not(:where([class~=not-prose] *)),
.prose :where(h4+*):not(:where([class~=not-prose] *)),
.prose :where(hr+*):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: .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: .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: .6666667em;
    line-height: 1.5
}

.prose-lg :where(h4):not(:where([class~=not-prose] *)) {
    margin-top: 1.7777778em;
    margin-bottom: .4444444em;
    line-height: 1.5555556
}

.prose-lg :where(figure):not(:where([class~=not-prose] *)),
.prose-lg :where(img):not(:where([class~=not-prose] *)),
.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: 0;
    margin-bottom: 0
}

.prose-lg :where(figcaption):not(:where([class~=not-prose] *)) {
    font-size: .8888889em;
    line-height: 1.5;
    margin-top: 1em
}

.prose-lg :where(code):not(:where([class~=not-prose] *)) {
    font-size: .8888889em
}

.prose-lg :where(h2 code):not(:where([class~=not-prose] *)) {
    font-size: .8666667em
}

.prose-lg :where(h3 code):not(:where([class~=not-prose] *)) {
    font-size: .875em
}

.prose-lg :where(pre):not(:where([class~=not-prose] *)) {
    font-size: .8888889em;
    line-height: 1.75;
    margin-top: 2em;
    margin-bottom: 2em;
    border-radius: .375rem;
    padding: 1em 1.5em
}

.prose-lg :where(ol):not(:where([class~=not-prose] *)),
.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: .6666667em;
    margin-bottom: .6666667em
}

.prose-lg :where(ol>li):not(:where([class~=not-prose] *)),
.prose-lg :where(ul>li):not(:where([class~=not-prose] *)) {
    padding-left: .4444444em
}

.prose-lg :where(.prose-lg>ul>li p):not(:where([class~=not-prose] *)) {
    margin-top: .8888889em;
    margin-bottom: .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: .8888889em;
    margin-bottom: .8888889em
}

.prose-lg :where(hr):not(:where([class~=not-prose] *)) {
    margin-top: 3.1111111em;
    margin-bottom: 3.1111111em
}

.prose-lg :where(h2+*):not(:where([class~=not-prose] *)),
.prose-lg :where(h3+*):not(:where([class~=not-prose] *)),
.prose-lg :where(h4+*):not(:where([class~=not-prose] *)),
.prose-lg :where(hr+*):not(:where([class~=not-prose] *)) {
    margin-top: 0
}

.prose-lg :where(table):not(:where([class~=not-prose] *)) {
    font-size: .8888889em;
    line-height: 1.5
}

.prose-lg :where(thead th):not(:where([class~=not-prose] *)) {
    padding-right: .75em;
    padding-bottom: .75em;
    padding-left: .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: .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")
}

: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);
    --white: #fff;
    --white-transparent: hsla(0, 0%, 100%, 0.9);
    --black-transparent: rgba(0, 0, 0, 0.9);
    --w-25: #fff;
    --w-50: #e2cfd4;
    --w-75: #e59aac;
    --w-100: #da718a;
    --w-200: #ed2c5a;
    --w-300: #d31240;
    --w-400: #a40e32;
    --w-500: #d6607c;
    --w-600: #750a24;
    --w-700: #5e081d;
    --w-800: #460615;
    --W-850: #12494d;
    --w-900: #2f040e;
    --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: #29a2a7;
    --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: #fff;
    --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
}

.spinner {
    position: relative;
    display: inline-block;
    height: 1.5rem;
    width: 1.5rem;
    padding: 0 1.5rem;
    vertical-align: middle
}

@keyframes spinner {
    to {
        transform: rotate(1turn)
    }
}

.spinner:before {
    animation: spinner .9s linear infinite;
    border-radius: 50%;
    border: 2px solid hsla(0, 0%, 100%, .7);
    border-top-color: #35c7ce;
    box-sizing: border-box;
    content: "";
    height: 1.5rem;
    left: 50%;
    margin-left: -.675rem;
    margin-top: -.675rem;
    position: absolute;
    top: 50%;
    width: 1.5rem
}

.spinner.message {
    box-shadow: 0 .5rem 1rem rgba(50, 50, 93, .08), 0 .25rem .75rem rgba(0, 0, 0, .07);
    left: 0;
    top: 0;
    margin: .75rem auto;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(248 249 250/1);
    padding: 1rem
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .spinner.message {
        background-color: rgb(248 249 250/var(--tw-bg-opacity))
    }
}

:is(.dark .spinner.message) {
    --tw-bg-opacity: 1;
    background-color: rgb(31 44 52/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .spinner.message) {
        background-color: rgb(31 44 52/var(--tw-bg-opacity))
    }
}

.spinner.message:before {
    margin-left: -.75rem;
    margin-top: -.75rem
}

.spinner.small,
.spinner.small:before {
    height: 1rem;
    width: 1rem
}

.spinner.small:before {
    margin-top: -.5rem
}

: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: .875rem;
    font-size: var(--font-size-small);
    font-weight: 400;
    margin-bottom: .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: .5rem
}

.integration-hooks .formulate-input[data-type=checkbox] .formulate-input-wrapper .formulate-input-element input {
    margin-bottom: 0
}

.integration-hooks .formulate-input[data-type=checkbox] .formulate-input-element-decorator {
    display: none
}

.mx-icon-double-left:after,
.mx-icon-double-left:before,
.mx-icon-double-right:after,
.mx-icon-double-right:before,
.mx-icon-left:before,
.mx-icon-right:before {
    content: "";
    position: relative;
    top: -1px;
    display: inline-block;
    width: 10px;
    height: 10px;
    vertical-align: middle;
    border-color: currentcolor;
    border-style: solid;
    border-width: 2px 0 0 2px;
    border-radius: 1px;
    box-sizing: border-box;
    transform-origin: center;
    transform: rotate(-45deg) scale(.7)
}

.mx-icon-double-left:after {
    left: -4px
}

.mx-icon-double-right:before {
    left: 4px
}

.mx-icon-double-right:after,
.mx-icon-double-right:before,
.mx-icon-right:before {
    transform: rotate(135deg) scale(.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, .1);
    border-radius: 4px;
    color: #73879c;
    white-space: nowrap
}

.mx-btn:hover {
    border-color: #29a2a7;
    color: #29a2a7
}

.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 .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, .3);
    transition: background-color .3s
}

.mx-zoom-in-down-enter-active,
.mx-zoom-in-down-leave-active {
    opacity: 1;
    transform: scaleY(1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .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: -.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 6px 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, .075)
}

.mx-input:focus,
.mx-input:hover {
    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, .5);
    vertical-align: middle
}

.mx-icon-clear {
    cursor: pointer
}

.mx-icon-clear:hover {
    color: rgba(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, .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-double-left,
.mx-btn-icon-left {
    float: left
}

.mx-btn-icon-double-right,
.mx-btn-icon-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: #f4fafb
}

.mx-calendar-content .cell.active {
    color: #fff;
    background-color: #29a2a7
}

.mx-calendar-content .cell.hover-in-range,
.mx-calendar-content .cell.in-range {
    color: #73879c;
    background-color: #dff1f2
}

.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: #f4fafb
}

.mx-calendar-week-mode .mx-date-row.mx-active-week {
    background-color: #dff1f2
}

.mx-calendar-week-mode .mx-date-row .cell.active,
.mx-calendar-week-mode .mx-date-row .cell:hover {
    color: inherit;
    background-color: transparent
}

.mx-week-number {
    opacity: .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 {
    font-weight: 500
}

.mx-table td,
.mx-table th {
    padding: 0;
    vertical-align: middle
}

.mx-table-date td,
.mx-table-date th {
    height: 32px;
    font-size: 12px
}

.mx-table-date .today {
    color: #3eabb0
}

.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: #f4fafb
}

.mx-time-column .mx-time-item.active {
    color: #29a2a7;
    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: #f4fafb
}

.mx-time-option.active {
    color: #29a2a7;
    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: .875rem;
    line-height: 1.25rem
}

.date-picker.no-margin .mx-input {
    margin-bottom: 0
}

.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: .375rem;
    --tw-border-opacity: 1;
    border: 1px solid hsl(207 11.1% 85.9%/1);
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent;
    box-shadow: 0 0 transparent, 0 0 transparent, 0 0 transparent;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), 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% 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% 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(248 249 250/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(248 249 250/var(--tw-bg-opacity))
    }
}

:is(.dark .date-picker .mx-input:disabled),
:is(.dark .date-picker .mx-input[readonly]) {
    --tw-bg-opacity: 1;
    background-color: rgb(18 27 34/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {

    :is(.dark .date-picker .mx-input:disabled),
    :is(.dark .date-picker .mx-input[readonly]) {
        background-color: rgb(18 27 34/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: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(248 249 250/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .mx-datepicker-main {
        background-color: rgb(248 249 250/var(--tw-bg-opacity))
    }
}

:is(.dark .mx-datepicker-main) {
    --tw-bg-opacity: 1;
    background-color: rgb(31 44 52/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .mx-datepicker-main) {
        background-color: rgb(31 44 52/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: rgb(18 27 34/1);
    --tw-text-opacity: 1;
    color: hsl(205 10.7% 78%/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .mx-datepicker-main .cell.disabled) {
        background-color: rgb(18 27 34/var(--tw-bg-opacity))
    }
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .mx-datepicker-main .cell.disabled) {
        color: hsl(205 10.7% 78%/var(--tw-text-opacity))
    }
}

.mx-datepicker-main .cell.hover-in-range,
.mx-datepicker-main .cell.in-range,
.mx-datepicker-main .cell:hover {
    --tw-bg-opacity: 1;
    background-color: hsl(209 12.2% 93.2%/1);
    --tw-text-opacity: 1;
    color: rgb(18 27 34/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {

    .mx-datepicker-main .cell.hover-in-range,
    .mx-datepicker-main .cell.in-range,
    .mx-datepicker-main .cell:hover {
        background-color: hsl(209 12.2% 93.2%/var(--tw-bg-opacity))
    }
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {

    .mx-datepicker-main .cell.hover-in-range,
    .mx-datepicker-main .cell.in-range,
    .mx-datepicker-main .cell:hover {
        color: rgb(18 27 34/var(--tw-text-opacity))
    }
}

:is(.dark .mx-datepicker-main .cell.hover-in-range),
:is(.dark .mx-datepicker-main .cell.in-range),
:is(.dark .mx-datepicker-main .cell: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 .mx-datepicker-main .cell.hover-in-range),
    :is(.dark .mx-datepicker-main .cell.in-range),
    :is(.dark .mx-datepicker-main .cell:hover) {
        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: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(248 249 250/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .mx-datepicker-main .mx-time {
        background-color: rgb(248 249 250/var(--tw-bg-opacity))
    }
}

:is(.dark .mx-datepicker-main .mx-time) {
    --tw-bg-opacity: 1;
    background-color: rgb(31 44 52/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .mx-datepicker-main .mx-time) {
        background-color: rgb(31 44 52/var(--tw-bg-opacity))
    }
}

.mx-datepicker-main .mx-time .mx-time-header {
    border-width: 0
}

.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: rgb(18 27 34/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .mx-datepicker-main .mx-time .mx-time-item.disabled) {
        background-color: rgb(18 27 34/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,
.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")
}

body,
html {
    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: 0;
    width: 100%;
    flex-grow: 0
}

.app-wrapper .button--fixed-top {
    position: fixed;
    top: .5rem;
    display: flex;
    flex-direction: row
}

:is([dir=ltr] .app-wrapper .button--fixed-top) {
    right: .5rem
}

:is([dir=rtl] .app-wrapper .button--fixed-top) {
    left: .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: .5rem
}

.slide-fade-enter-active {
    transition: all .3s cubic-bezier(.17, .67, .83, .67);
    transition: all .3s var(--ease-in-cubic)
}

.slide-fade-leave-active {
    transition: all .3s cubic-bezier(.215, .61, .355, 1);
    transition: all .3s var(--ease-out-cubic)
}

.slide-fade-enter,
.slide-fade-leave-to {
    opacity: 0;
    transform: translateX(10px)
}

.slide-fade-enter {
    transform: translateX(.125rem)
}

.slide-fade-leave-to {
    transform: translateX(1.5rem)
}

.conversations-list-enter-active,
.conversations-list-leave-active {
    transition: all .25s cubic-bezier(.215, .61, .355, 1);
    transition: all .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 .3s cubic-bezier(.215, .61, .355, 1), transform .2s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .3s var(--ease-out-cubic), transform .2s var(--ease-out-cubic)
}

.menu-list-leave-to {
    opacity: 0;
    position: absolute;
    transform: translateX(.5rem)
}

.menu-list-enter {
    opacity: 0;
    transform: translateX(-.5rem)
}

.slide-up-enter-active {
    transition: all .3s cubic-bezier(.17, .67, .83, .67);
    transition: all .3s var(--ease-in-cubic)
}

.slide-up-leave-active {
    transition: all .3s cubic-bezier(.215, .61, .355, 1);
    transition: all .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 .25s cubic-bezier(.17, .67, .83, .67), opacity .15s cubic-bezier(.17, .67, .83, .67);
    transition: transform .25s var(--ease-in-cubic), opacity .15s var(--ease-in-cubic)
}

.menu-slide-enter,
.menu-slide-leave-to {
    opacity: 0;
    transform: translateY(.5rem)
}

.toast-fade-enter-active {
    transition: all .3s cubic-bezier(.47, 0, .745, .715);
    transition: all .3s var(--ease-in-sine)
}

.toast-fade-leave-active {
    transition: all .1s cubic-bezier(.39, .575, .565, 1);
    transition: all .1s var(--ease-out-sine)
}

.toast-fade-enter,
.toast-fade-leave-to {
    opacity: 0;
    transform: translateY(-.5rem)
}

.modal-fade-enter-active {
    transition: all .3s cubic-bezier(.47, 0, .745, .715);
    transition: all .3s var(--ease-in-sine)
}

.modal-fade-leave-active {
    transition: all .1s cubic-bezier(.39, .575, .565, 1);
    transition: all .1s var(--ease-out-sine)
}

.modal-fade-enter,
.modal-fade-leave-to {
    opacity: 0
}

.network-notification-fade-enter-active {
    transition: all .1s cubic-bezier(.47, 0, .745, .715);
    transition: all .1s var(--ease-in-sine)
}

.network-notification-fade-leave-active {
    transition: all .1s cubic-bezier(.39, .575, .565, 1);
    transition: all .1s var(--ease-out-sine)
}

.network-notification-fade-enter,
.network-notification-fade-leave-to {
    opacity: 0;
    transform: translateY(-.5rem)
}

.app-rtl--wrapper {
    direction: rtl
}

.app-rtl--wrapper .tabs-title:first-child {
    margin-left: .5rem;
    margin-left: var(--space-small);
    margin-right: 0
}

.app-rtl--wrapper .tabs-title:last-child {
    margin-left: 0;
    margin-right: .5rem;
    margin-right: var(--space-small)
}

.app-rtl--wrapper table,
.app-rtl--wrapper th,
.app-rtl--wrapper thead {
    text-align: right
}

.app-rtl--wrapper .footer .page-meta,
.app-rtl--wrapper .wizard-box {
    direction: ltr
}

.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-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: .5rem .25rem .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
}

.app-rtl--wrapper .conversation-details-wrap .conversation-sidebar-wrap .checkbox-wrap .checkbox {
    margin-left: .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: .3125rem;
    border-bottom-right-radius: var(--border-radius-normal);
    border-top-left-radius: 0;
    border-top-right-radius: .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: .3125rem;
    border-bottom-left-radius: var(--border-radius-normal);
    border-bottom-right-radius: 0;
    border-top-left-radius: .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
}

.app-rtl--wrapper .conversations-list-wrap .conversation .conversation--meta .unread {
    margin-left: 0;
    margin-right: auto
}

.app-rtl--wrapper .conversations-list-wrap .conversation .assignee-label {
    margin-left: 0;
    margin-right: .625rem;
    margin-right: var(--space-one)
}

.app-rtl--wrapper .conversations-list-wrap .conversation .show-more--button {
    margin: initial;
    transform: rotate(180deg)
}

.app-rtl--wrapper .conversations-list-wrap .basic-filter {
    left: 0;
    right: auto
}

.app-rtl--wrapper .conversations-list-wrap .bulk-action__container .triangle {
    left: var(--triangle-position);
    right: auto
}

.app-rtl--wrapper .conversations-list-wrap .bulk-action__container .bulk-action__agents,
.app-rtl--wrapper .conversations-list-wrap .bulk-action__container .labels-container {
    left: .5rem;
    left: var(--space-small);
    right: auto
}

.app-rtl--wrapper .conversations-list-wrap .bulk-action__container .labels-container .label-checkbox {
    margin: 0 0 0 .625rem;
    margin: 0 0 0 var(--space-one)
}

.app-rtl--wrapper .conversations-list-wrap .bulk-action__container .actions-container,
.app-rtl--wrapper .conversations-list-wrap .bulk-action__container .bulk-action__teams {
    left: .5rem;
    left: var(--space-small);
    right: auto
}

.app-rtl--wrapper .card.note-wrap .time-stamp {
    unicode-bidi: plaintext
}

.app-rtl--wrapper .article-container .row--article-block td:last-child {
    direction: ltr
}

.app-rtl--wrapper .portal-popover__container .portal .actions-container {
    margin-left: 0;
    margin-right: .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: .3125rem;
    border-bottom-right-radius: var(--border-radius-normal);
    border-top-left-radius: 0;
    border-top-right-radius: .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: .3125rem;
    border-bottom-left-radius: var(--border-radius-normal);
    border-bottom-right-radius: 0;
    border-top-left-radius: .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
}

.app-rtl--wrapper .edit-article--container .article--buttons .dropdown-pane {
    left: 0;
    position: absolute;
    right: auto
}

.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;
    justify-content: flex-end
}

.app-rtl--wrapper .toggle-button.small span.active {
    transform: translate(-.5rem);
    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));
    transform: translate(var(--minus-space-one-point-five), var(--space-zero))
}

.app-rtl--wrapper .widget-builder-container .widget-preview {
    direction: ltr
}

.app-rtl--wrapper .modal-container {
    text-align: right
}

.app-rtl--wrapper .modal-container .modal-footer button {
    margin-left: 0;
    margin-right: .5rem;
    margin-right: var(--space-small)
}

.app-rtl--wrapper .colorpicker--chrome,
.app-rtl--wrapper .contact--details .contact--bio,
.app-rtl--wrapper .contact--form .input-group,
.app-rtl--wrapper .mention--box,
.app-rtl--wrapper .merge-contacts .child-contact-wrap {
    direction: ltr
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(31 44 52/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: rgb(31 44 52/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: .5rem;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 1.65
}

p a {
    cursor: pointer;
    --tw-text-opacity: 1;
    color: rgb(41 162 167/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    p a {
        color: rgb(41 162 167/var(--tw-text-opacity))
    }
}

:is(.dark p a) {
    --tw-text-opacity: 1;
    color: rgb(41 162 167/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark p a) {
        color: rgb(41 162 167/var(--tw-text-opacity))
    }
}

a {
    font-size: .875rem;
    line-height: 1.25rem
}

hr {
    clear: both;
    margin: 1.25rem 0;
    height: 0;
    max-width: 100%;
    --tw-border-opacity: 1;
    border-color: hsl(205 10.7% 78%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    hr {
        border-color: hsl(205 10.7% 78%/var(--tw-border-opacity))
    }
}

:is(.dark hr) {
    --tw-border-opacity: 1;
    border-color: hsl(206 6% 43.5%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark hr) {
        border-color: hsl(206 6% 43.5%/var(--tw-border-opacity))
    }
}

dl,
ol,
ul {
    margin-bottom: .5rem;
    list-style-position: outside;
    list-style-type: disc;
    line-height: 1.65
}

label {
    margin: 0;
    display: block;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(31 44 52/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    label {
        color: rgb(31 44 52/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: .25rem
}

.help-text,
.input-wrap {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(31 44 52/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {

    .help-text,
    .input-wrap {
        color: rgb(31 44 52/var(--tw-text-opacity))
    }
}

:is(.dark .help-text),
:is(.dark .input-wrap) {
    --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 .help-text),
    :is(.dark .input-wrap) {
        color: hsl(208 11.7% 91.1%/var(--tw-text-opacity))
    }
}

.help-text .help-text,
.input-wrap .help-text {
    font-weight: 400;
    --tw-text-opacity: 1;
    color: hsl(206 6% 43.5%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {

    .help-text .help-text,
    .input-wrap .help-text {
        color: hsl(206 6% 43.5%/var(--tw-text-opacity))
    }
}

:is(.dark .help-text .help-text),
:is(.dark .input-wrap .help-text) {
    --tw-text-opacity: 1;
    color: hsl(206 6% 63%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {

    :is(.dark .help-text .help-text),
    :is(.dark .input-wrap .help-text) {
        color: hsl(206 6% 63%/var(--tw-text-opacity))
    }
}

.button,
input:focus,
textarea {
    outline: none
}

input[type=date]:not(.reset-base),
input[type=email]:not(.reset-base),
input[type=number]:not(.reset-base),
input[type=password]:not(.reset-base),
input[type=text]:not(.reset-base),
input[type=url]:not(.reset-base) {
    margin: 0 0 1rem;
    box-sizing: border-box;
    display: block;
    height: 2.5rem;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
    --tw-border-opacity: 1;
    border: 1px solid hsl(207 11.1% 85.9%/1);
    --tw-bg-opacity: 1;
    background-color: rgb(248 249 250/1);
    padding: .5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(18 27 34/1);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    transition-duration: .25s;
    transition-timing-function: ease-in-out
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {

    input[type=date]:not(.reset-base),
    input[type=email]:not(.reset-base),
    input[type=number]:not(.reset-base),
    input[type=password]:not(.reset-base),
    input[type=text]: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=date]:not(.reset-base),
    input[type=email]:not(.reset-base),
    input[type=number]:not(.reset-base),
    input[type=password]:not(.reset-base),
    input[type=text]:not(.reset-base),
    input[type=url]:not(.reset-base) {
        background-color: rgb(248 249 250/var(--tw-bg-opacity));
        color: rgb(18 27 34/var(--tw-text-opacity))
    }
}

input[type=date]:not(.reset-base):focus,
input[type=email]:not(.reset-base):focus,
input[type=number]:not(.reset-base):focus,
input[type=password]:not(.reset-base):focus,
input[type=text]:not(.reset-base):focus,
input[type=url]:not(.reset-base):focus {
    --tw-border-opacity: 1;
    border-color: rgb(41 162 167/1);
    --tw-bg-opacity: 1;
    background-color: rgb(248 249 250/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {

    input[type=date]:not(.reset-base):focus,
    input[type=email]:not(.reset-base):focus,
    input[type=number]:not(.reset-base):focus,
    input[type=password]:not(.reset-base):focus,
    input[type=text]:not(.reset-base):focus,
    input[type=url]:not(.reset-base):focus {
        border-color: rgb(41 162 167/var(--tw-border-opacity));
        background-color: rgb(248 249 250/var(--tw-bg-opacity))
    }
}

:is(.dark input[type=date]:not(.reset-base)),
:is(.dark input[type=email]:not(.reset-base)),
:is(.dark input[type=number]:not(.reset-base)),
:is(.dark input[type=password]:not(.reset-base)),
:is(.dark input[type=text]:not(.reset-base)),
:is(.dark input[type=url]:not(.reset-base)) {
    --tw-border-opacity: 1;
    border-color: hsl(206 6% 43.5%/1);
    --tw-bg-opacity: 1;
    background-color: rgb(18 27 34/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=date]:not(.reset-base)),
    :is(.dark input[type=email]:not(.reset-base)),
    :is(.dark input[type=number]:not(.reset-base)),
    :is(.dark input[type=password]:not(.reset-base)),
    :is(.dark input[type=text]:not(.reset-base)),
    :is(.dark input[type=url]:not(.reset-base)) {
        border-color: hsl(206 6% 43.5%/var(--tw-border-opacity))
    }
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {

    :is(.dark input[type=date]:not(.reset-base)),
    :is(.dark input[type=email]:not(.reset-base)),
    :is(.dark input[type=number]:not(.reset-base)),
    :is(.dark input[type=password]:not(.reset-base)),
    :is(.dark input[type=text]:not(.reset-base)),
    :is(.dark input[type=url]:not(.reset-base)) {
        background-color: rgb(18 27 34/var(--tw-bg-opacity))
    }
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {

    :is(.dark input[type=date]:not(.reset-base)),
    :is(.dark input[type=email]:not(.reset-base)),
    :is(.dark input[type=number]:not(.reset-base)),
    :is(.dark input[type=password]:not(.reset-base)),
    :is(.dark input[type=text]:not(.reset-base)),
    :is(.dark input[type=url]:not(.reset-base)) {
        color: hsl(208 11.7% 91.1%/var(--tw-text-opacity))
    }
}

:is(.dark input[type=date]:not(.reset-base):focus),
:is(.dark input[type=email]: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=text]:not(.reset-base):focus),
:is(.dark input[type=url]:not(.reset-base):focus) {
    --tw-border-opacity: 1;
    border-color: rgb(35 140 144/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {

    :is(.dark input[type=date]:not(.reset-base):focus),
    :is(.dark input[type=email]: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=text]:not(.reset-base):focus),
    :is(.dark input[type=url]:not(.reset-base):focus) {
        border-color: rgb(35 140 144/var(--tw-border-opacity))
    }
}

:is(.dark input[type=date]:not(.reset-base)):focus,
:is(.dark input[type=email]: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=text]:not(.reset-base)):focus,
:is(.dark input[type=url]:not(.reset-base)):focus {
    --tw-bg-opacity: 1;
    background-color: rgb(18 27 34/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {

    :is(.dark input[type=date]:not(.reset-base)):focus,
    :is(.dark input[type=email]: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=text]:not(.reset-base)):focus,
    :is(.dark input[type=url]:not(.reset-base)):focus {
        background-color: rgb(18 27 34/var(--tw-bg-opacity))
    }
}

input[type=date]:not(.reset-base)[disabled],
input[type=email]:not(.reset-base)[disabled],
input[type=number]:not(.reset-base)[disabled],
input[type=password]:not(.reset-base)[disabled],
input[type=text]: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% 63%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {

    input[type=date]:not(.reset-base)[disabled],
    input[type=email]:not(.reset-base)[disabled],
    input[type=number]:not(.reset-base)[disabled],
    input[type=password]:not(.reset-base)[disabled],
    input[type=text]: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% 63%/var(--tw-text-opacity))
    }
}

:is(.dark input[type=date]:not(.reset-base)[disabled]),
:is(.dark input[type=email]: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=text]:not(.reset-base)[disabled]),
:is(.dark input[type=url]:not(.reset-base)[disabled]) {
    --tw-border-opacity: 1;
    border-color: hsl(206 6% 43.5%/1);
    --tw-bg-opacity: 1;
    background-color: hsl(207 5.6% 31.6%/1);
    --tw-text-opacity: 1;
    color: hsl(206 6% 63%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {

    :is(.dark input[type=date]:not(.reset-base)[disabled]),
    :is(.dark input[type=email]: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=text]:not(.reset-base)[disabled]),
    :is(.dark input[type=url]:not(.reset-base)[disabled]) {
        border-color: hsl(206 6% 43.5%/var(--tw-border-opacity));
        background-color: hsl(207 5.6% 31.6%/var(--tw-bg-opacity));
        color: hsl(206 6% 63%/var(--tw-text-opacity))
    }
}

input[type=file] {
    margin-bottom: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(248 249 250/1);
    line-height: 1.15
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    input[type=file] {
        background-color: rgb(248 249 250/var(--tw-bg-opacity))
    }
}

:is(.dark input[type=file]) {
    --tw-bg-opacity: 1;
    background-color: rgb(31 44 52/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark input[type=file]) {
        background-color: rgb(31 44 52/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: 0 0 1rem;
    height: 2.5rem;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
    --tw-border-opacity: 1;
    border: 1px solid hsl(207 11.1% 85.9%/1);
    --tw-bg-opacity: 1;
    background-color: rgb(248 249 250/1);
    background-repeat: no-repeat;
    background-origin: content-box;
    padding: .5rem 1.5rem .5rem .5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(18 27 34/1);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    transition-duration: .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(248 249 250/var(--tw-bg-opacity));
        color: rgb(18 27 34/var(--tw-text-opacity))
    }
}

select:focus {
    --tw-border-opacity: 1;
    border-color: rgb(41 162 167/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    select:focus {
        border-color: rgb(41 162 167/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% 43.5%/1);
    --tw-bg-opacity: 1;
    background-color: rgb(18 27 34/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% 43.5%/var(--tw-border-opacity))
    }
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark select) {
        background-color: rgb(18 27 34/var(--tw-bg-opacity))
    }
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark select) {
        color: hsl(208 11.7% 91.1%/var(--tw-text-opacity))
    }
}

:is(.dark select:focus) {
    --tw-border-opacity: 1;
    border-color: rgb(35 140 144/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark select:focus) {
        border-color: rgb(35 140 144/var(--tw-border-opacity))
    }
}

textarea {
    margin: 0 0 1rem;
    box-sizing: border-box;
    display: block;
    height: 4rem;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
    --tw-border-opacity: 1;
    border: 1px solid hsl(207 11.1% 85.9%/1);
    --tw-bg-opacity: 1;
    background-color: rgb(248 249 250/1);
    padding: .5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(18 27 34/1);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    transition-duration: .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(248 249 250/var(--tw-bg-opacity));
        color: rgb(18 27 34/var(--tw-text-opacity))
    }
}

textarea:focus {
    --tw-border-opacity: 1;
    border-color: rgb(41 162 167/1);
    --tw-bg-opacity: 1;
    background-color: rgb(248 249 250/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    textarea:focus {
        border-color: rgb(41 162 167/var(--tw-border-opacity));
        background-color: rgb(248 249 250/var(--tw-bg-opacity))
    }
}

:is(.dark textarea) {
    --tw-border-opacity: 1;
    border-color: hsl(206 6% 43.5%/1);
    --tw-bg-opacity: 1;
    background-color: rgb(18 27 34/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% 43.5%/var(--tw-border-opacity))
    }
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark textarea) {
        background-color: rgb(18 27 34/var(--tw-bg-opacity))
    }
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark textarea) {
        color: hsl(208 11.7% 91.1%/var(--tw-text-opacity))
    }
}

:is(.dark textarea:focus) {
    --tw-border-opacity: 1;
    border-color: rgb(35 140 144/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark textarea:focus) {
        border-color: rgb(35 140 144/var(--tw-border-opacity))
    }
}

:is(.dark textarea):focus {
    --tw-bg-opacity: 1;
    background-color: rgb(18 27 34/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark textarea):focus {
        background-color: rgb(18 27 34/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% 63%/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% 63%/var(--tw-text-opacity))
    }
}

:is(.dark textarea[disabled]) {
    --tw-border-opacity: 1;
    border-color: hsl(206 6% 43.5%/1);
    --tw-bg-opacity: 1;
    background-color: hsl(207 5.6% 31.6%/1);
    --tw-text-opacity: 1;
    color: hsl(206 6% 63%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark textarea[disabled]) {
        border-color: hsl(206 6% 43.5%/var(--tw-border-opacity));
        background-color: hsl(207 5.6% 31.6%/var(--tw-bg-opacity));
        color: hsl(206 6% 63%/var(--tw-text-opacity))
    }
}

.has-multi-select-error div.multiselect {
    margin-bottom: .25rem
}

.error .multiselect:not(.no-margin),
.error .multiselect>.multiselect__tags,
.error input,
.error input:not([type]),
.error select,
.error textarea {
    margin-bottom: .25rem;
    --tw-border-opacity: 1;
    border: 1px solid hsl(358 85.3% 64%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {

    .error .multiselect:not(.no-margin),
    .error .multiselect>.multiselect__tags,
    .error input,
    .error input:not([type]),
    .error select,
    .error textarea {
        border-color: hsl(358 85.3% 64%/var(--tw-border-opacity))
    }
}

:is(.dark .error .multiselect:not(.no-margin)),
:is(.dark .error .multiselect>.multiselect__tags),
:is(.dark .error input),
:is(.dark .error input:not([type])),
:is(.dark .error select),
:is(.dark .error textarea) {
    --tw-border-opacity: 1;
    border-color: hsl(358 85.3% 64%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {

    :is(.dark .error .multiselect:not(.no-margin)),
    :is(.dark .error .multiselect>.multiselect__tags),
    :is(.dark .error input),
    :is(.dark .error input:not([type])),
    :is(.dark .error select),
    :is(.dark .error textarea) {
        border-color: hsl(358 85.3% 64%/var(--tw-border-opacity))
    }
}

.error .message {
    margin-bottom: .625rem;
    display: block;
    width: 100%;
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: hsl(358 85.3% 64%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .error .message {
        color: hsl(358 85.3% 64%/var(--tw-text-opacity))
    }
}

:is(.dark .error .message) {
    --tw-text-opacity: 1;
    color: hsl(358 85.3% 64%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .error .message) {
        color: hsl(358 85.3% 64%/var(--tw-text-opacity))
    }
}

.input-group.small input {
    height: 2rem;
    font-size: .875rem;
    line-height: 1.25rem
}

.input-group.small .error {
    --tw-border-opacity: 1;
    border-color: hsl(358 85.3% 64%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .input-group.small .error {
        border-color: hsl(358 85.3% 64%/var(--tw-border-opacity))
    }
}

:is(.dark .input-group.small .error) {
    --tw-border-opacity: 1;
    border-color: hsl(358 85.3% 64%/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%/var(--tw-border-opacity))
    }
}

code {
    font-family: "ui-monospace", SFMono-Regular, Menlo, Monaco, Consolas, '"Liberation Mono"', '"Courier New"', "monospace";
    border-width: 0;
    font-size: .75rem;
    line-height: 1rem
}

code.hljs {
    border-radius: .5rem;
    --tw-bg-opacity: 1;
    background-color: hsl(209 13.3% 95.3%/1);
    padding: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(31 44 52/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))
    }
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    code.hljs {
        color: rgb(31 44 52/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% 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% 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%/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%/var(--tw-text-opacity))
    }
}

button {
    font-family: inherit;
    transition: background-color .25s ease-out, color .25s ease-out;
    margin: 0;
    display: inline-block;
    cursor: pointer;
    align-items: center;
    border-radius: .3125rem;
    border: 1px solid transparent;
    padding: .25rem .625rem;
    text-align: center;
    vertical-align: middle;
    font-size: .875rem;
    line-height: 1.25rem
}

:is(.dark button) {
    border-color: transparent
}

button.disabled,
button:disabled {
    cursor: not-allowed;
    opacity: .4
}

.button-group {
    margin-bottom: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch
}

.button-group .button {
    flex: 0 0 auto;
    margin: 0;
    border-radius: 0;
    font-size: .875rem;
    line-height: 1.25rem
}

.button-group .button:first-child {
    border-top-left-radius: .3125rem;
    border-bottom-left-radius: .3125rem
}

.button-group .button:last-child {
    border-top-right-radius: .3125rem;
    border-bottom-right-radius: .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: 0;
    padding-right: 0
}

.back-button {
    margin: 0
}

.button {
    margin-bottom: 0;
    display: inline-flex;
    height: 2.5rem;
    align-items: center;
    gap: .5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(41 162 167/1);
    padding-left: .625rem;
    padding-right: .625rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(248 249 250/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .button {
        background-color: rgb(41 162 167/var(--tw-bg-opacity));
        color: rgb(248 249 250/var(--tw-text-opacity))
    }
}

:is(.dark .button) {
    --tw-bg-opacity: 1;
    background-color: rgb(41 162 167/1);
    --tw-text-opacity: 1;
    color: rgb(248 249 250/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .button) {
        background-color: rgb(41 162 167/var(--tw-bg-opacity));
        color: rgb(248 249 250/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: rgb(35 140 144/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .button:hover {
        background-color: rgb(35 140 144/var(--tw-bg-opacity))
    }
}

:is(.dark .button:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(35 140 144/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .button:hover) {
        background-color: rgb(35 140 144/var(--tw-bg-opacity))
    }
}

.button.disabled,
.button:disabled {
    cursor: not-allowed;
    opacity: .4
}

.button.success {
    --tw-bg-opacity: 1;
    background-color: rgb(68 206 75/1);
    --tw-text-opacity: 1;
    color: rgb(248 249 250/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(248 249 250/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(248 249 250/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(248 249 250/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(248 249 250/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(248 249 250/var(--tw-text-opacity))
    }
}

:is(.dark .button.secondary) {
    --tw-bg-opacity: 1;
    background-color: hsl(206 6% 43.5%/1);
    --tw-text-opacity: 1;
    color: rgb(248 249 250/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .button.secondary) {
        background-color: hsl(206 6% 43.5%/var(--tw-bg-opacity))
    }
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .button.secondary) {
        color: rgb(248 249 250/var(--tw-text-opacity))
    }
}

.button.primary {
    --tw-bg-opacity: 1;
    background-color: rgb(41 162 167/1);
    --tw-text-opacity: 1;
    color: rgb(248 249 250/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .button.primary {
        background-color: rgb(41 162 167/var(--tw-bg-opacity));
        color: rgb(248 249 250/var(--tw-text-opacity))
    }
}

:is(.dark .button.primary) {
    --tw-bg-opacity: 1;
    background-color: rgb(41 162 167/1);
    --tw-text-opacity: 1;
    color: rgb(248 249 250/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .button.primary) {
        background-color: rgb(41 162 167/var(--tw-bg-opacity));
        color: rgb(248 249 250/var(--tw-text-opacity))
    }
}

.button.clear,
:is(.dark .button.clear) {
    background-color: transparent
}

.button.alert {
    --tw-bg-opacity: 1;
    background-color: hsl(358 75% 59%/1);
    --tw-text-opacity: 1;
    color: rgb(248 249 250/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .button.alert {
        background-color: hsl(358 75% 59%/var(--tw-bg-opacity))
    }
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .button.alert {
        color: rgb(248 249 250/var(--tw-text-opacity))
    }
}

:is(.dark .button.alert) {
    --tw-bg-opacity: 1;
    background-color: hsl(358 75% 59%/1);
    --tw-text-opacity: 1;
    color: rgb(248 249 250/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .button.alert) {
        background-color: hsl(358 75% 59%/var(--tw-bg-opacity))
    }
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .button.alert) {
        color: rgb(248 249 250/var(--tw-text-opacity))
    }
}

.button.alert.clear,
: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(248 249 250/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(248 249 250/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(248 249 250/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(248 249 250/var(--tw-text-opacity))
    }
}

.button.warning.clear,
:is(.dark .button.warning.clear) {
    background-color: transparent
}

.button.tiny {
    font-size: 10px
}

.button.small {
    font-size: .75rem;
    line-height: 1rem
}

.button .spinner {
    padding: 0 .5rem
}

.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: 0;
    padding-top: 0
}

.button.hollow {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(41 162 167/1);
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(41 162 167/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .button.hollow {
        border-color: rgb(41 162 167/var(--tw-border-opacity));
        color: rgb(41 162 167/var(--tw-text-opacity))
    }
}

.button.hollow:hover {
    background-color: rgb(219 240 240/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .button.hollow:hover {
        background-color: rgb(219 240 240/var(--tw-bg-opacity))
    }
}

:is(.dark .button.hollow) {
    --tw-border-opacity: 1;
    border-color: rgb(41 162 167/1);
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(41 162 167/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .button.hollow) {
        border-color: rgb(41 162 167/var(--tw-border-opacity));
        color: rgb(41 162 167/var(--tw-text-opacity))
    }
}

:is(.dark .button.hollow:hover) {
    background-color: rgb(12 50 54/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .button.hollow:hover) {
        background-color: rgb(12 50 54/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: rgb(31 44 52/1);
    --tw-text-opacity: 1;
    color: hsl(208 11.7% 91.1%/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .button.hollow.secondary) {
        border-color: rgb(31 44 52/var(--tw-border-opacity))
    }
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .button.hollow.secondary) {
        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%/1);
    --tw-text-opacity: 1;
    color: hsl(153 67% 28.5%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .button.hollow.success {
        border-color: hsl(143 40.3% 79%/var(--tw-border-opacity));
        color: hsl(153 67% 28.5%/var(--tw-text-opacity))
    }
}

.button.hollow.success:hover {
    --tw-bg-opacity: 1;
    background-color: hsl(137 72% 94%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .button.hollow.success:hover {
        background-color: hsl(137 72% 94%/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% 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% 48.7%/var(--tw-text-opacity))
    }
}

.button.hollow.alert:hover {
    --tw-bg-opacity: 1;
    background-color: hsl(351 89% 96%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .button.hollow.alert:hover {
        background-color: hsl(351 89% 96%/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%/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%/var(--tw-text-opacity))
    }
}

:is(.dark .button.hollow.alert:hover) {
    --tw-bg-opacity: 1;
    background-color: hsl(358 65% 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% 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: rgb(184 224 226/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))
    }
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .button.hollow:hover {
        background-color: rgb(184 224 226/var(--tw-bg-opacity))
    }
}

:is(.dark .button.hollow:hover) {
    --tw-border-opacity: 1;
    border-color: rgb(35 140 144/1);
    --tw-bg-opacity: 1;
    background-color: rgb(23 95 99/1);
    --tw-text-opacity: 1;
    color: rgb(55 169 173/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .button.hollow:hover) {
        border-color: rgb(35 140 144/var(--tw-border-opacity));
        background-color: rgb(23 95 99/var(--tw-bg-opacity));
        color: rgb(55 169 173/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: rgb(31 44 52/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))
    }
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .button.hollow:hover.secondary {
        color: rgb(31 44 52/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%/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%/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% 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% 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%/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%/var(--tw-text-opacity))
    }
}

.button.smooth {
    --tw-bg-opacity: 1;
    background-color: rgb(219 240 240/1);
    --tw-text-opacity: 1;
    color: rgb(29 118 122/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .button.smooth {
        background-color: rgb(219 240 240/var(--tw-bg-opacity));
        color: rgb(29 118 122/var(--tw-text-opacity))
    }
}

.button.smooth:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(148 208 211/1);
    --tw-text-opacity: 1;
    color: rgb(29 118 122/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .button.smooth:hover {
        background-color: rgb(148 208 211/var(--tw-bg-opacity));
        color: rgb(29 118 122/var(--tw-text-opacity))
    }
}

:is(.dark .button.smooth) {
    --tw-bg-opacity: 1;
    background-color: rgb(23 95 99/1);
    --tw-text-opacity: 1;
    color: rgb(148 208 211/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .button.smooth) {
        background-color: rgb(23 95 99/var(--tw-bg-opacity));
        color: rgb(148 208 211/var(--tw-text-opacity))
    }
}

:is(.dark .button.smooth:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(12 50 54/1);
    --tw-text-opacity: 1;
    color: rgb(29 118 122/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .button.smooth:hover) {
        background-color: rgb(12 50 54/var(--tw-bg-opacity));
        color: rgb(29 118 122/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: rgb(31 44 52/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .button.smooth.secondary:hover) {
        background-color: rgb(31 44 52/var(--tw-bg-opacity))
    }
}

.button.smooth.success {
    --tw-bg-opacity: 1;
    background-color: hsl(137 72% 94%/1);
    --tw-text-opacity: 1;
    color: hsl(153 67% 28.5%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .button.smooth.success {
        background-color: hsl(137 72% 94%/var(--tw-bg-opacity));
        color: hsl(153 67% 28.5%/var(--tw-text-opacity))
    }
}

.button.smooth.success:hover {
    --tw-bg-opacity: 1;
    background-color: hsl(143 40.3% 79%/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%/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% 28.5%/1);
    --tw-text-opacity: 1;
    color: hsl(143 40.3% 79%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .button.smooth.success) {
        background-color: hsl(153 67% 28.5%/var(--tw-bg-opacity));
        color: hsl(143 40.3% 79%/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%/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%/var(--tw-text-opacity))
    }
}

.button.smooth.alert {
    --tw-bg-opacity: 1;
    background-color: hsl(351 89% 96%/1);
    --tw-text-opacity: 1;
    color: hsl(358 65% 48.7%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .button.smooth.alert {
        background-color: hsl(351 89% 96%/var(--tw-bg-opacity));
        color: hsl(358 65% 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% 48.7%/.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% 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% 40.4%/.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% 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%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .button.smooth.warning:hover {
        background-color: hsl(52 97.9% 82%/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%/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%/var(--tw-bg-opacity))
    }
}

.button.clear {
    --tw-text-opacity: 1;
    color: rgb(41 162 167/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .button.clear {
        color: rgb(41 162 167/var(--tw-text-opacity))
    }
}

:is(.dark .button.clear) {
    --tw-text-opacity: 1;
    color: rgb(41 162 167/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .button.clear) {
        color: rgb(41 162 167/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% 28.5%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .button.clear.success {
        color: hsl(153 67% 28.5%/var(--tw-text-opacity))
    }
}

:is(.dark .button.clear.success) {
    --tw-text-opacity: 1;
    color: hsl(143 40.3% 79%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .button.clear.success) {
        color: hsl(143 40.3% 79%/var(--tw-text-opacity))
    }
}

.button.clear.alert {
    --tw-text-opacity: 1;
    color: hsl(358 65% 48.7%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .button.clear.alert {
        color: hsl(358 65% 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: rgb(219 240 240/1);
    --tw-text-opacity: 1;
    color: rgb(41 162 167/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .button.clear:hover:hover {
        background-color: rgb(219 240 240/var(--tw-bg-opacity));
        color: rgb(41 162 167/var(--tw-text-opacity))
    }
}

:is(.dark .button.clear:hover:hover) {
    background-color: rgb(12 50 54/.5);
    --tw-text-opacity: 1;
    color: rgb(148 208 211/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .button.clear:hover:hover) {
        color: rgb(148 208 211/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: rgb(31 44 52/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))
    }
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .button.clear:hover.secondary:hover {
        color: rgb(31 44 52/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% 94%/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% 94%/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%/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%/var(--tw-text-opacity))
    }
}

.button.clear:hover.alert:hover {
    --tw-bg-opacity: 1;
    background-color: hsl(351 89% 96%/1);
    --tw-text-opacity: 1;
    color: hsl(358 65% 48.7%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .button.clear:hover.alert:hover {
        background-color: hsl(351 89% 96%/var(--tw-bg-opacity));
        color: hsl(358 65% 48.7%/var(--tw-text-opacity))
    }
}

:is(.dark .button.clear:hover.alert:hover) {
    --tw-bg-opacity: 1;
    background-color: hsl(358 65% 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% 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: rgb(18 27 34/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .button.clear:active.secondary:active) {
        background-color: rgb(18 27 34/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: .25rem;
    padding-top: .25rem
}

.button.large {
    height: 3rem
}

.button.button--only-icon {
    width: 2.5rem;
    justify-content: center;
    padding-left: 0;
    padding-right: 0
}

.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: 0;
    height: auto;
    padding: 0
}

.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
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    inset: 0
}

.inset-y-0 {
    top: 0;
    bottom: 0
}

.-bottom-1 {
    bottom: -.25rem
}

.-bottom-10 {
    bottom: -2.5rem
}

.-bottom-3 {
    bottom: -.75rem
}

.-left-0 {
    left: 0
}

.-left-0\.5 {
    left: -.125rem
}

.-left-8 {
    left: -2rem
}

.-left-80 {
    left: -20rem
}

.-left-\[0\.21875rem\] {
    left: -.21875rem
}

.-left-px {
    left: -1px
}

.-right-1 {
    right: -.25rem
}

.-right-2 {
    right: -.5rem
}

.-right-4 {
    right: -1rem
}

.-top-0 {
    top: 0
}

.-top-0\.5 {
    top: -.125rem
}

.-top-1 {
    top: -.25rem
}

.-top-2 {
    top: -.5rem
}

.-top-3 {
    top: -.75rem
}

.-top-7 {
    top: -1.75rem
}

.-top-\[95px\] {
    top: -95px
}

.-top-px {
    top: -1px
}

.bottom-0 {
    bottom: 0
}

.bottom-1 {
    bottom: .25rem
}

.bottom-16 {
    bottom: 4rem
}

.bottom-2 {
    bottom: .5rem
}

.bottom-8 {
    bottom: 2rem
}

.bottom-full {
    bottom: 100%
}

.bottom-px {
    bottom: 1px
}

.left-0 {
    left: 0
}

.left-1 {
    left: .25rem
}

.left-1\/2 {
    left: 50%
}

.left-14 {
    left: 3.5rem
}

.left-2 {
    left: .5rem
}

.left-2\.5 {
    left: .625rem
}

.left-3 {
    left: .75rem
}

.left-36 {
    left: 9rem
}

.left-4 {
    left: 1rem
}

.left-\[2px\] {
    left: 2px
}

.left-\[6\%\] {
    left: 6%
}

.left-\[unset\],
.left-auto {
    left: auto
}

.left-full {
    left: 100%
}

.right-0 {
    right: 0
}

.right-1 {
    right: .25rem
}

.right-2 {
    right: .5rem
}

.right-3 {
    right: .75rem
}

.right-4 {
    right: 1rem
}

.right-8 {
    right: 2rem
}

.right-\[unset\] {
    right: auto
}

.right-\[var\(--triangle-position\)\] {
    right: var(--triangle-position)
}

.top-0 {
    top: 0
}

.top-0\.5 {
    top: .125rem
}

.top-1 {
    top: .25rem
}

.top-1\.5 {
    top: .375rem
}

.top-1\/2 {
    top: 50%
}

.top-10 {
    top: 2.5rem
}

.top-12 {
    top: 3rem
}

.top-14 {
    top: 3.5rem
}

.top-16 {
    top: 4rem
}

.top-2 {
    top: .5rem
}

.top-24 {
    top: 6rem
}

.top-3 {
    top: .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: .2734375rem
}

.top-\[0\.390625rem\] {
    top: .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: 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: 0 !important
}

.-m-px {
    margin: -1px
}

.m-0 {
    margin: 0
}

.m-1 {
    margin: .25rem
}

.m-2 {
    margin: .5rem
}

.m-2\.5 {
    margin: .625rem
}

.m-4 {
    margin: 1rem
}

.m-auto {
    margin: auto
}

.\!mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.\!my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.-mx-1 {
    margin-left: -.25rem;
    margin-right: -.25rem
}

.-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem
}

.mx-0 {
    margin-left: 0;
    margin-right: 0
}

.mx-0\.5 {
    margin-left: .125rem;
    margin-right: .125rem
}

.mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.mx-2\.5 {
    margin-left: .625rem;
    margin-right: .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: 0;
    margin-bottom: 0
}

.my-0\.5 {
    margin-top: .125rem;
    margin-bottom: .125rem
}

.my-1 {
    margin-top: .25rem;
    margin-bottom: .25rem
}

.my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem
}

.my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.my-2\.5 {
    margin-top: .625rem;
    margin-bottom: .625rem
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto
}

.\!mb-0 {
    margin-bottom: 0 !important
}

.\!mb-4 {
    margin-bottom: 1rem !important
}

.\!ml-0 {
    margin-left: 0 !important
}

.\!mr-0 {
    margin-right: 0 !important
}

.\!mt-0 {
    margin-top: 0 !important
}

.-mb-0 {
    margin-bottom: 0
}

.-mb-0\.5 {
    margin-bottom: -.125rem
}

.-mb-1 {
    margin-bottom: -.25rem
}

.-ml-1 {
    margin-left: -.25rem
}

.-ml-2 {
    margin-left: -.5rem
}

.-ml-2\.5 {
    margin-left: -.625rem
}

.-ml-3 {
    margin-left: -.75rem
}

.-ml-4 {
    margin-left: -1rem
}

.-mr-1 {
    margin-right: -.25rem
}

.-mr-4 {
    margin-right: -1rem
}

.-mt-0 {
    margin-top: 0
}

.-mt-0\.5 {
    margin-top: -.125rem
}

.-mt-1 {
    margin-top: -.25rem
}

.-mt-2 {
    margin-top: -.5rem
}

.-mt-2\.5 {
    margin-top: -.625rem
}

.-mt-4 {
    margin-top: -1rem
}

.-mt-px {
    margin-top: -1px
}

.mb-0 {
    margin-bottom: 0
}

.mb-0\.5 {
    margin-bottom: .125rem
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-1\.5 {
    margin-bottom: .375rem
}

.mb-10 {
    margin-bottom: 2.5rem
}

.mb-12 {
    margin-bottom: 3rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-2\.5 {
    margin-bottom: .625rem
}

.mb-3 {
    margin-bottom: .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
}

.ml-0 {
    margin-left: 0
}

.ml-0\.5 {
    margin-left: .125rem
}

.ml-1 {
    margin-left: .25rem
}

.ml-2 {
    margin-left: .5rem
}

.ml-2\.5 {
    margin-left: .625rem
}

.ml-3 {
    margin-left: .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: 0
}

.mr-0\.5 {
    margin-right: .125rem
}

.mr-1 {
    margin-right: .25rem
}

.mr-1\.5 {
    margin-right: .375rem
}

.mr-2 {
    margin-right: .5rem
}

.mr-2\.5 {
    margin-right: .625rem
}

.mr-3 {
    margin-right: .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: 0
}

.mt-0\.5 {
    margin-top: .125rem
}

.mt-1 {
    margin-top: .25rem
}

.mt-1\.5 {
    margin-top: .375rem
}

.mt-10 {
    margin-top: 2.5rem
}

.mt-11 {
    margin-top: 2.75rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-3 {
    margin-top: .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 {
    -webkit-line-clamp: 1
}

.line-clamp-1,
.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.line-clamp-2 {
    -webkit-line-clamp: 2
}

.line-clamp-3 {
    -webkit-line-clamp: 3
}

.line-clamp-3,
.line-clamp-5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.line-clamp-5 {
    -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: 0
}

.h-1 {
    height: .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: .5rem
}

.h-2\.5 {
    height: .625rem
}

.h-20 {
    height: 5rem
}

.h-28 {
    height: 7rem
}

.h-3 {
    height: .75rem
}

.h-3\.5 {
    height: .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-\[30px\] {
    height: 30px
}

.h-\[315px\] {
    height: 315px
}

.h-\[400px\] {
    height: 400px
}

.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\],
.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-\[110px\] {
    max-height: 110px
}

.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-\[30px\] {
    max-height: 30px
}

.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%
}

.max-h-screen {
    max-height: 100vh
}

.min-h-0 {
    min-height: 0
}

.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: 0
}

.w-1 {
    width: .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: .5rem
}

.w-2\.5 {
    width: .625rem
}

.w-2\/5 {
    width: 40%
}

.w-24 {
    width: 6rem
}

.w-28 {
    width: 7rem
}

.w-3 {
    width: .75rem
}

.w-3\.5 {
    width: .875rem
}

.w-3\/4 {
    width: 75%
}

.w-3\/5 {
    width: 60%
}

.w-32 {
    width: 8rem
}

.w-36 {
    width: 9rem
}

.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-\[250px\] {
    width: 250px
}

.w-\[26px\] {
    width: 26px
}

.w-\[3\.25rem\] {
    width: 3.25rem
}

.w-\[30\%\] {
    width: 30%
}

.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-\[50rem\] {
    width: 50rem
}

.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: 0
}

.min-w-\[0\.75rem\] {
    min-width: .75rem
}

.min-w-\[100px\] {
    min-width: 100px
}

.min-w-\[10rem\] {
    min-width: 10rem
}

.min-w-\[128px\] {
    min-width: 128px
}

.min-w-\[12px\] {
    min-width: 12px
}

.min-w-\[140px\] {
    min-width: 140px
}

.min-w-\[14px\] {
    min-width: 14px
}

.min-w-\[150px\] {
    min-width: 150px
}

.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-\[200px\] {
    min-width: 200px
}

.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-\[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-\[30px\] {
    max-width: 30px
}

.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-\[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% - .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-\[25\%\] {
    flex: 25%
}

.flex-\[50\%\] {
    flex: 50%
}

.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%
}

.origin-top-right {
    transform-origin: top right
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(-50%, 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-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-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), -50%) 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: translateY(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)) 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%,
    to {
        transform: translateX(0)
    }

    50% {
        transform: translateX(1px)
    }
}

.animate-card-select {
    animation: card-select .25s ease-in-out
}

@keyframes loader-pulse {
    0% {
        opacity: .4
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .4
    }
}

.animate-loader-pulse {
    animation: loader-pulse 1.5s cubic-bezier(.4, 0, .6, 1) infinite
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

@keyframes shake {

    0%,
    to {
        transform: translateX(0)
    }

    25% {
        transform: translateX(.234375rem)
    }

    50% {
        transform: translateX(-.234375rem)
    }

    75% {
        transform: translateX(.234375rem)
    }
}

.animate-shake {
    animation: shake .3s ease-in-out 0s 2
}

@keyframes wiggle {
    0% {
        transform: translateX(0)
    }

    15% {
        transform: translateX(.375rem)
    }

    30% {
        transform: translateX(-.375rem)
    }

    45% {
        transform: translateX(.375rem)
    }

    60% {
        transform: translateX(-.375rem)
    }

    75% {
        transform: translateX(.375rem)
    }

    90% {
        transform: translateX(-.375rem)
    }

    to {
        transform: translateX(0)
    }
}

.animate-wiggle {
    animation: wiggle .5s ease-in-out
}

.cursor-default {
    cursor: default
}

.cursor-grab {
    cursor: grab
}

.cursor-move {
    cursor: move
}

.cursor-no-drop {
    cursor: no-drop
}

.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: .5rem;
    scroll-padding-bottom: .5rem
}

.list-disc {
    list-style-type: disc
}

.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-content-between {
    place-content: space-between
}

.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
}

.\!gap-1 {
    gap: .25rem !important
}

.gap-0 {
    gap: 0
}

.gap-0\.5 {
    gap: .125rem
}

.gap-1 {
    gap: .25rem
}

.gap-1\.5 {
    gap: .375rem
}

.gap-10 {
    gap: 2.5rem
}

.gap-12 {
    gap: 3rem
}

.gap-16 {
    gap: 4rem
}

.gap-2 {
    gap: .5rem
}

.gap-2\.5 {
    gap: .625rem
}

.gap-3 {
    gap: .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: .25rem;
    column-gap: .25rem
}

.gap-x-1\.5 {
    -moz-column-gap: .375rem;
    column-gap: .375rem
}

.gap-x-2 {
    -moz-column-gap: .5rem;
    column-gap: .5rem
}

.gap-x-3 {
    -moz-column-gap: .75rem;
    column-gap: .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: .25rem
}

.gap-y-12 {
    row-gap: 3rem
}

.gap-y-2 {
    row-gap: .5rem
}

.gap-y-2\.5 {
    row-gap: .625rem
}

.gap-y-3 {
    row-gap: .75rem
}

.gap-y-6 {
    row-gap: 1.5rem
}

.-space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: 0;
    margin-right: calc(-0.5rem*var(--tw-space-x-reverse));
    margin-left: -.5rem;
    margin-left: calc(-0.5rem*(1 - var(--tw-space-x-reverse)))
}

.space-x-1>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: 0;
    margin-right: calc(0.25rem*var(--tw-space-x-reverse));
    margin-left: .25rem;
    margin-left: calc(0.25rem*(1 - var(--tw-space-x-reverse)))
}

.space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: 0;
    margin-right: calc(0.5rem*var(--tw-space-x-reverse));
    margin-left: .5rem;
    margin-left: calc(0.5rem*(1 - var(--tw-space-x-reverse)))
}

.space-x-3>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: 0;
    margin-right: calc(0.75rem*var(--tw-space-x-reverse));
    margin-left: .75rem;
    margin-left: calc(0.75rem*(1 - var(--tw-space-x-reverse)))
}

.space-x-4>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: 0;
    margin-right: calc(1rem*var(--tw-space-x-reverse));
    margin-left: 1rem;
    margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)))
}

.space-y-1>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: .25rem;
    margin-top: calc(0.25rem*(1 - var(--tw-space-y-reverse)));
    margin-bottom: 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: 3rem;
    margin-top: calc(3rem*(1 - var(--tw-space-y-reverse)));
    margin-bottom: 0;
    margin-bottom: calc(3rem*var(--tw-space-y-reverse))
}

.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: .5rem;
    margin-top: calc(0.5rem*(1 - var(--tw-space-y-reverse)));
    margin-bottom: 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: .75rem;
    margin-top: calc(0.75rem*(1 - var(--tw-space-y-reverse)));
    margin-bottom: 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: 1rem;
    margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)));
    margin-bottom: 0;
    margin-bottom: calc(1rem*var(--tw-space-y-reverse))
}

.space-y-5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: 1.25rem;
    margin-top: calc(1.25rem*(1 - var(--tw-space-y-reverse)));
    margin-bottom: 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: 1.5rem;
    margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse)));
    margin-bottom: 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: 2rem;
    margin-top: calc(2rem*(1 - var(--tw-space-y-reverse)));
    margin-bottom: 0;
    margin-bottom: calc(2rem*var(--tw-space-y-reverse))
}

.divide-x>:not([hidden])~:not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: 0;
    border-right-width: calc(1px*var(--tw-divide-x-reverse));
    border-left-width: 1px;
    border-left-width: calc(1px*(1 - var(--tw-divide-x-reverse)))
}

.divide-y>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: 1px;
    border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: 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-200>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: hsl(207 11.1% 85.9%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .divide-slate-200>:not([hidden])~:not([hidden]) {
        border-color: hsl(207 11.1% 85.9%/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;
    white-space: nowrap
}

.text-ellipsis,
.truncate {
    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: .25rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-3xl {
    border-radius: 1.5rem
}

.rounded-\[0\.4rem\] {
    border-radius: .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: .5rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-none {
    border-radius: 0
}

.rounded-sm {
    border-radius: .125rem
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-b {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.rounded-b-lg {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.rounded-b-md {
    border-bottom-right-radius: .375rem;
    border-bottom-left-radius: .375rem
}

.rounded-b-xl {
    border-bottom-right-radius: .75rem;
    border-bottom-left-radius: .75rem
}

.rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.rounded-r {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.rounded-t-\[5px\] {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.rounded-t-xl {
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem
}

.\!rounded-bl-none {
    border-bottom-left-radius: 0 !important
}

.\!rounded-tl-none {
    border-top-left-radius: 0 !important
}

.rounded-bl-md {
    border-bottom-left-radius: .375rem
}

.rounded-tl-\[4px\] {
    border-top-left-radius: 4px
}

.rounded-tl-md {
    border-top-left-radius: .375rem
}

.\!border {
    border-width: 1px !important
}

.\!border-0 {
    border-width: 0 !important
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0
}

.border-2 {
    border-width: 2px
}

.border-\[1\.5px\] {
    border-width: 1.5px
}

.border-x-0 {
    border-left-width: 0;
    border-right-width: 0
}

.border-x-4 {
    border-left-width: 4px;
    border-right-width: 4px
}

.border-y {
    border-top-width: 1px
}

.border-b,
.border-y {
    border-bottom-width: 1px
}

.border-b-0 {
    border-bottom-width: 0
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-b-\[0\.5rem\] {
    border-bottom-width: .5rem
}

.border-b-\[8px\] {
    border-bottom-width: 8px
}

.border-l {
    border-left-width: 1px
}

.border-l-0 {
    border-left-width: 0
}

.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: 0
}

.border-t {
    border-top-width: 1px
}

.border-t-0 {
    border-top-width: 0
}

.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-red-500 {
    --tw-border-opacity: 1 !important;
    border-color: hsl(358 75% 59%/1) !important
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .\!border-red-500 {
        border-color: hsl(358 75% 59%/var(--tw-border-opacity)) !important
    }
}

.\!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%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .border-black-300 {
        border-color: hsl(205 10.7% 78%/var(--tw-border-opacity))
    }
}

.border-green-200 {
    --tw-border-opacity: 1;
    border-color: hsl(146 38.5% 69%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .border-green-200 {
        border-color: hsl(146 38.5% 69%/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% 41.5%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .border-green-500 {
        border-color: hsl(151 55% 41.5%/var(--tw-border-opacity))
    }
}

.border-primary-300 {
    --tw-border-opacity: 1;
    border-color: rgb(76 178 181/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%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .border-red-400 {
        border-color: hsl(358 85.3% 64%/var(--tw-border-opacity))
    }
}

.border-red-500 {
    --tw-border-opacity: 1;
    border-color: hsl(358 75% 59%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .border-red-500 {
        border-color: hsl(358 75% 59%/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%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .border-slate-300 {
        border-color: hsl(205 10.7% 78%/var(--tw-border-opacity))
    }
}

.border-slate-400 {
    --tw-border-opacity: 1;
    border-color: hsl(206 6% 63%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .border-slate-400 {
        border-color: hsl(206 6% 63%/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% 43.5%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .border-slate-600 {
        border-color: hsl(206 6% 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%/.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(248 249 250/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .border-white {
        border-color: rgb(248 249 250/var(--tw-border-opacity))
    }
}

.border-woot-100 {
    --tw-border-opacity: 1;
    border-color: rgb(148 208 211/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .border-woot-100 {
        border-color: rgb(148 208 211/var(--tw-border-opacity))
    }
}

.border-woot-200 {
    --tw-border-opacity: 1;
    border-color: rgb(112 193 196/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .border-woot-200 {
        border-color: rgb(112 193 196/var(--tw-border-opacity))
    }
}

.border-woot-300 {
    --tw-border-opacity: 1;
    border-color: rgb(76 178 181/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .border-woot-300 {
        border-color: rgb(76 178 181/var(--tw-border-opacity))
    }
}

.border-woot-400 {
    --tw-border-opacity: 1;
    border-color: rgb(55 169 173/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .border-woot-400 {
        border-color: rgb(55 169 173/var(--tw-border-opacity))
    }
}

.border-woot-500 {
    --tw-border-opacity: 1;
    border-color: rgb(41 162 167/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .border-woot-500 {
        border-color: rgb(41 162 167/var(--tw-border-opacity))
    }
}

.border-woot-700 {
    --tw-border-opacity: 1;
    border-color: rgb(29 118 122/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .border-woot-700 {
        border-color: rgb(29 118 122/var(--tw-border-opacity))
    }
}

.border-woot-75 {
    --tw-border-opacity: 1;
    border-color: rgb(184 224 226/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .border-woot-75 {
        border-color: rgb(184 224 226/var(--tw-border-opacity))
    }
}

.border-yellow-200 {
    --tw-border-opacity: 1;
    border-color: hsl(52 97.9% 82%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .border-yellow-200 {
        border-color: hsl(52 97.9% 82%/var(--tw-border-opacity))
    }
}

.border-yellow-300 {
    --tw-border-opacity: 1;
    border-color: hsl(54 100% 68%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .border-yellow-300 {
        border-color: hsl(54 100% 68%/var(--tw-border-opacity))
    }
}

.border-yellow-500 {
    --tw-border-opacity: 1;
    border-color: hsl(48 100% 47%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .border-yellow-500 {
        border-color: hsl(48 100% 47%/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% 59%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .border-b-red-500 {
        border-bottom-color: hsl(358 75% 59%/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-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%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .bg-green-100 {
        background-color: hsl(143 40.3% 79%/var(--tw-bg-opacity))
    }
}

.bg-green-100\/30 {
    background-color: hsl(143 40.3% 79%/.3)
}

.bg-green-100\/70 {
    background-color: hsl(143 40.3% 79%/.7)
}

.bg-green-200 {
    --tw-bg-opacity: 1;
    background-color: hsl(146 38.5% 69%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .bg-green-200 {
        background-color: hsl(146 38.5% 69%/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% 41.5%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .bg-green-500 {
        background-color: hsl(151 55% 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, 21, 50, .6)
}

.bg-modal-backdrop-light {
    background-color: rgba(10, 25, 50, .5)
}

.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(35 140 144/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-50 {
    --tw-bg-opacity: 1;
    background-color: hsl(351 89% 96%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .bg-red-50 {
        background-color: hsl(351 89% 96%/var(--tw-bg-opacity))
    }
}

.bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: hsl(358 75% 59%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .bg-red-500 {
        background-color: hsl(358 75% 59%/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% 48.7%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .bg-red-700 {
        background-color: hsl(358 65% 48.7%/var(--tw-bg-opacity))
    }
}

.bg-red-800 {
    --tw-bg-opacity: 1;
    background-color: hsl(358 65% 40.4%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .bg-red-800 {
        background-color: hsl(358 65% 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%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .bg-slate-300 {
        background-color: hsl(205 10.7% 78%/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%/.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% 43.5%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .bg-slate-600 {
        background-color: hsl(206 6% 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: rgb(31 44 52/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-slate-800 {
        background-color: rgb(31 44 52/var(--tw-bg-opacity))
    }
}

.bg-slate-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(18 27 34/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-slate-900 {
        background-color: rgb(18 27 34/var(--tw-bg-opacity))
    }
}

.bg-transparent {
    background-color: transparent
}

.bg-violet-400 {
    --tw-bg-opacity: 1;
    background-color: hsl(250 43% 48%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .bg-violet-400 {
        background-color: hsl(250 43% 48%/var(--tw-bg-opacity))
    }
}

.bg-violet-500 {
    --tw-bg-opacity: 1;
    background-color: hsl(252 56% 57.5%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .bg-violet-500 {
        background-color: hsl(252 56% 57.5%/var(--tw-bg-opacity))
    }
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(248 249 250/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-white {
        background-color: rgb(248 249 250/var(--tw-bg-opacity))
    }
}

.bg-white\/80 {
    background-color: rgb(248 249 250/.8)
}

.bg-woot-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(148 208 211/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-woot-100 {
        background-color: rgb(148 208 211/var(--tw-bg-opacity))
    }
}

.bg-woot-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(112 193 196/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-woot-200 {
        background-color: rgb(112 193 196/var(--tw-bg-opacity))
    }
}

.bg-woot-25 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-woot-25 {
        background-color: rgb(255 255 255/var(--tw-bg-opacity))
    }
}

.bg-woot-25\/60 {
    background-color: rgb(255 255 255/.6)
}

.bg-woot-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(76 178 181/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-woot-300 {
        background-color: rgb(76 178 181/var(--tw-bg-opacity))
    }
}

.bg-woot-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(55 169 173/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-woot-400 {
        background-color: rgb(55 169 173/var(--tw-bg-opacity))
    }
}

.bg-woot-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(219 240 240/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-woot-50 {
        background-color: rgb(219 240 240/var(--tw-bg-opacity))
    }
}

.bg-woot-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(41 162 167/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-woot-500 {
        background-color: rgb(41 162 167/var(--tw-bg-opacity))
    }
}

.bg-woot-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(35 140 144/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-woot-600 {
        background-color: rgb(35 140 144/var(--tw-bg-opacity))
    }
}

.bg-woot-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(29 118 122/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-woot-700 {
        background-color: rgb(29 118 122/var(--tw-bg-opacity))
    }
}

.bg-woot-700\/50 {
    background-color: rgb(29 118 122/.5)
}

.bg-woot-75 {
    --tw-bg-opacity: 1;
    background-color: rgb(184 224 226/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-woot-75 {
        background-color: rgb(184 224 226/var(--tw-bg-opacity))
    }
}

.bg-woot-75\/70 {
    background-color: rgb(184 224 226/.7)
}

.bg-woot-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(23 95 99/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-woot-800 {
        background-color: rgb(23 95 99/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%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .bg-yellow-200 {
        background-color: hsl(52 97.9% 82%/var(--tw-bg-opacity))
    }
}

.bg-yellow-200\/60 {
    background-color: hsl(52 97.9% 82%/.6)
}

.bg-yellow-300 {
    --tw-bg-opacity: 1;
    background-color: hsl(54 100% 68%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .bg-yellow-300 {
        background-color: hsl(54 100% 68%/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%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .bg-yellow-500 {
        background-color: hsl(48 100% 47%/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(0deg, var(--tw-gradient-stops))
}

.bg-none {
    background-image: none
}

.from-white {
    --tw-gradient-from: #f8f9fa var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(248 249 250/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: #f8f9fa
}

.stroke-slate-50 {
    stroke: #f1f3f5
}

.stroke-slate-700 {
    stroke: #4c5155
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.\!p-0 {
    padding: 0 !important
}

.p-0 {
    padding: 0
}

.p-0\.5 {
    padding: .125rem
}

.p-1 {
    padding: .25rem
}

.p-1\.5 {
    padding: .375rem
}

.p-11 {
    padding: 2.75rem
}

.p-2 {
    padding: .5rem
}

.p-2\.5 {
    padding: .625rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-40 {
    padding: 10rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-8 {
    padding: 2rem
}

.p-\[17px\] {
    padding: 17px
}

.\!px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.\!px-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important
}

.\!px-1\.5 {
    padding-left: .375rem !important;
    padding-right: .375rem !important
}

.\!px-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
}

.\!px-3 {
    padding-left: .75rem !important;
    padding-right: .75rem !important
}

.\!py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.\!py-1\.5 {
    padding-top: .375rem !important;
    padding-bottom: .375rem !important
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.px-1\.5 {
    padding-left: .375rem;
    padding-right: .375rem
}

.px-12 {
    padding-left: 3rem;
    padding-right: 3rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-3\.5 {
    padding-left: .875rem;
    padding-right: .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: 0;
    padding-bottom: 0
}

.py-0\.5 {
    padding-top: .125rem;
    padding-bottom: .125rem
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-2\.5 {
    padding-top: .625rem;
    padding-bottom: .625rem
}

.py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .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: .25rem !important
}

.\!pl-9 {
    padding-left: 2.25rem !important
}

.\!pr-\[3\.75rem\] {
    padding-right: 3.75rem !important
}

.\!pt-1 {
    padding-top: .25rem !important
}

.pb-0 {
    padding-bottom: 0
}

.pb-1 {
    padding-bottom: .25rem
}

.pb-12 {
    padding-bottom: 3rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-2\.5 {
    padding-bottom: .625rem
}

.pb-3 {
    padding-bottom: .75rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pl-0 {
    padding-left: 0
}

.pl-1 {
    padding-left: .25rem
}

.pl-2 {
    padding-left: .5rem
}

.pl-3 {
    padding-left: .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: 0
}

.pr-1 {
    padding-right: .25rem
}

.pr-1\.5 {
    padding-right: .375rem
}

.pr-12 {
    padding-right: 3rem
}

.pr-16 {
    padding-right: 4rem
}

.pr-2 {
    padding-right: .5rem
}

.pr-3 {
    padding-right: .75rem
}

.pr-4 {
    padding-right: 1rem
}

.pr-6 {
    padding-right: 1.5rem
}

.pr-7 {
    padding-right: 1.75rem
}

.pt-0 {
    padding-top: 0
}

.pt-0\.5 {
    padding-top: .125rem
}

.pt-1 {
    padding-top: .25rem
}

.pt-12 {
    padding-top: 3rem
}

.pt-16 {
    padding-top: 4rem
}

.pt-2 {
    padding-top: .5rem
}

.pt-2\.5 {
    padding-top: .625rem
}

.pt-3 {
    padding-top: .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-baseline {
    vertical-align: baseline
}

.align-top {
    vertical-align: top
}

.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: .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: .5rem
}

.text-\[10px\] {
    font-size: 10px
}

.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: .875rem;
    line-height: 1.25rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.text-xxs {
    font-size: .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: .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: -.1px
}

.tracking-\[-0\.6\%\] {
    letter-spacing: -.6%
}

.tracking-\[-1\.5\%\] {
    letter-spacing: -1.5%
}

.tracking-\[0\.2\%\] {
    letter-spacing: .2%
}

.tracking-\[0\.28px\] {
    letter-spacing: .28px
}

.tracking-\[0\.3px\] {
    letter-spacing: .3px
}

.tracking-\[0\.5\] {
    letter-spacing: .5
}

.tracking-normal {
    letter-spacing: 0
}

.tracking-tight {
    letter-spacing: -.025em
}

.tracking-wide {
    letter-spacing: .025em
}

.\!text-slate-400 {
    --tw-text-opacity: 1 !important;
    color: hsl(206 6% 63%/1) !important
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .\!text-slate-400 {
        color: hsl(206 6% 63%/var(--tw-text-opacity)) !important
    }
}

.\!text-slate-900 {
    --tw-text-opacity: 1 !important;
    color: rgb(18 27 34/1) !important
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .\!text-slate-900 {
        color: rgb(18 27 34/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-500 {
    --tw-text-opacity: 1;
    color: rgb(214 163 92/1);
    color: rgb(var(--color-amber-500)/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% 56.1%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .text-black-500 {
        color: hsl(206 6% 56.1%/var(--tw-text-opacity))
    }
}

.text-black-600 {
    --tw-text-opacity: 1;
    color: hsl(206 6% 43.9%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .text-black-600 {
        color: hsl(206 6% 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% 24.3%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .text-black-800 {
        color: hsl(203 6% 24.3%/var(--tw-text-opacity))
    }
}

.text-black-900 {
    --tw-text-opacity: 1;
    color: hsl(195 7.1% 11%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .text-black-900 {
        color: hsl(195 7.1% 11%/var(--tw-text-opacity))
    }
}

.text-blue-500 {
    --tw-text-opacity: 1;
    color: hsl(206 100% 50%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .text-blue-500 {
        color: hsl(206 100% 50%/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-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% 41.5%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .text-green-500 {
        color: hsl(151 55% 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% 28.5%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .text-green-700 {
        color: hsl(153 67% 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-600 {
    --tw-text-opacity: 1;
    color: rgb(62 99 221/1);
    color: rgb(var(--color-indigo-600)/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-600 {
    --tw-text-opacity: 1;
    color: rgb(110 86 207/1);
    color: rgb(var(--color-violet-600)/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%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .text-red-400 {
        color: hsl(358 85.3% 64%/var(--tw-text-opacity))
    }
}

.text-red-50 {
    --tw-text-opacity: 1;
    color: hsl(351 89% 96%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .text-red-50 {
        color: hsl(351 89% 96%/var(--tw-text-opacity))
    }
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: hsl(358 75% 59%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .text-red-500 {
        color: hsl(358 75% 59%/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% 48.7%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .text-red-700 {
        color: hsl(358 65% 48.7%/var(--tw-text-opacity))
    }
}

.text-red-800 {
    --tw-text-opacity: 1;
    color: hsl(358 65% 40.4%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .text-red-800 {
        color: hsl(358 65% 40.4%/var(--tw-text-opacity))
    }
}

.text-red-900 {
    --tw-text-opacity: 1;
    color: hsl(354 50% 14.6%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .text-red-900 {
        color: hsl(354 50% 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%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .text-slate-300 {
        color: hsl(205 10.7% 78%/var(--tw-text-opacity))
    }
}

.text-slate-400 {
    --tw-text-opacity: 1;
    color: hsl(206 6% 63%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .text-slate-400 {
        color: hsl(206 6% 63%/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% 43.5%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .text-slate-600 {
        color: hsl(206 6% 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: rgb(31 44 52/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .text-slate-800 {
        color: rgb(31 44 52/var(--tw-text-opacity))
    }
}

.text-slate-900 {
    --tw-text-opacity: 1;
    color: rgb(18 27 34/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .text-slate-900 {
        color: rgb(18 27 34/var(--tw-text-opacity))
    }
}

.text-violet-100 {
    --tw-text-opacity: 1;
    color: hsl(252 87% 96.4%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .text-violet-100 {
        color: hsl(252 87% 96.4%/var(--tw-text-opacity))
    }
}

.text-violet-50 {
    --tw-text-opacity: 1;
    color: hsl(255 65% 99.4%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .text-violet-50 {
        color: hsl(255 65% 99.4%/var(--tw-text-opacity))
    }
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(248 249 250/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .text-white {
        color: rgb(248 249 250/var(--tw-text-opacity))
    }
}

.text-woot-300 {
    --tw-text-opacity: 1;
    color: rgb(76 178 181/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .text-woot-300 {
        color: rgb(76 178 181/var(--tw-text-opacity))
    }
}

.text-woot-400 {
    --tw-text-opacity: 1;
    color: rgb(55 169 173/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .text-woot-400 {
        color: rgb(55 169 173/var(--tw-text-opacity))
    }
}

.text-woot-50 {
    --tw-text-opacity: 1;
    color: rgb(219 240 240/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .text-woot-50 {
        color: rgb(219 240 240/var(--tw-text-opacity))
    }
}

.text-woot-500 {
    --tw-text-opacity: 1;
    color: rgb(41 162 167/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .text-woot-500 {
        color: rgb(41 162 167/var(--tw-text-opacity))
    }
}

.text-woot-600 {
    --tw-text-opacity: 1;
    color: rgb(35 140 144/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .text-woot-600 {
        color: rgb(35 140 144/var(--tw-text-opacity))
    }
}

.text-woot-700 {
    --tw-text-opacity: 1;
    color: rgb(29 118 122/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .text-woot-700 {
        color: rgb(29 118 122/var(--tw-text-opacity))
    }
}

.text-woot-75 {
    --tw-text-opacity: 1;
    color: rgb(184 224 226/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .text-woot-75 {
        color: rgb(184 224 226/var(--tw-text-opacity))
    }
}

.text-woot-800 {
    --tw-text-opacity: 1;
    color: rgb(23 95 99/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .text-woot-800 {
        color: rgb(23 95 99/var(--tw-text-opacity))
    }
}

.text-woot-900 {
    --tw-text-opacity: 1;
    color: rgb(12 50 54/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .text-woot-900 {
        color: rgb(12 50 54/var(--tw-text-opacity))
    }
}

.text-yellow-500 {
    --tw-text-opacity: 1;
    color: hsl(48 100% 47%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .text-yellow-500 {
        color: hsl(48 100% 47%/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%/.5)
}

.text-yellow-700\/70 {
    color: hsl(49 90.3% 18.4%/.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: .25
}

.opacity-30 {
    opacity: .3
}

.opacity-40 {
    opacity: .4
}

.opacity-50 {
    opacity: .5
}

.opacity-60 {
    opacity: .6
}

.opacity-80 {
    opacity: .8
}

.opacity-90 {
    opacity: .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 transparent, 0 0 transparent, 0 1px 3px 0 rgb(0 0 0/.1), 0 1px 2px -1px rgb(0 0 0/.1);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), 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 transparent, 0 0 transparent, 0 -20px 20px 1px rgba(0, 0, 0, .05);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), 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 transparent, 0 0 transparent, inset 0 2px 4px 0 rgb(0 0 0/.05);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), 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 transparent, 0 0 transparent, 0 10px 15px -3px rgb(0 0 0/.1), 0 4px 6px -4px rgb(0 0 0/.1);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), 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 transparent, 0 0 transparent, 0 4px 6px -1px rgb(0 0 0/.1), 0 2px 4px -2px rgb(0 0 0/.1);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.shadow-none {
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent;
    box-shadow: 0 0 transparent, 0 0 transparent, 0 0 transparent;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), 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 transparent, 0 0 transparent, 0 1px 2px 0 rgb(0 0 0/.05);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), 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 transparent, 0 0 transparent, 0 20px 25px -5px rgb(0 0 0/.1), 0 8px 10px -6px rgb(0 0 0/.1);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), 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(55 169 173/1);
    outline-color: rgb(var(--color-primary-400)/1)
}

.outline-red-600 {
    outline-color: #dc3d43
}

.outline-ruby-400 {
    outline-color: rgb(239 172 184/1);
    outline-color: rgb(var(--color-ruby-400)/1)
}

.outline-slate-100 {
    outline-color: #e6e8eb
}

.outline-slate-200 {
    outline-color: #d7dbdf
}

.outline-woot-200 {
    outline-color: #70c1c4
}

.outline-woot-200\/50 {
    outline-color: rgb(112 193 196/.5)
}

.outline-woot-500 {
    outline-color: #29a2a7
}

.ring {
    --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 transparent;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.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 transparent;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.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 transparent;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.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-black-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: hsl(210 6.0% 93.0%/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-opacity-20 {
    --tw-ring-opacity: 0.2
}

.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/.1)) drop-shadow(0 1px 1px rgb(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/.07)) drop-shadow(0 2px 2px rgb(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(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.delay-75 {
    transition-delay: 75ms
}

.duration-100 {
    transition-duration: .1s
}

.duration-150 {
    transition-duration: .15s
}

.duration-200 {
    transition-duration: .2s
}

.ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-linear {
    transition-timing-function: linear
}

.ease-out {
    transition-timing-function: cubic-bezier(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(248 249 250/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(248 249 250/var(--tw-text-opacity))
    }
}

:is(.dark .bubble-with-types .message-text__wrap .link) {
    --tw-text-opacity: 1;
    color: rgb(248 249 250/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .bubble-with-types .message-text__wrap .link) {
        color: rgb(248 249 250/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 .image .modal-video,
.bubble-with-types .video .modal-image,
.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: 0;
    left: 0;
    height: 20%;
    width: 100%;
    opacity: .8;
    --tw-content: "";
    content: "";
    content: var(--tw-content);
    background-image: linear-gradient(-180deg, transparent 3%, #4c5155 130%)
}

.conversation-panel {
    position: relative;
    margin: 0;
    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: 0 0 .25rem;
    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: 0
}

.conversation-panel>li.unread--toast+.right {
    margin-bottom: .25rem
}

.conversation-panel>li.unread--toast+.left {
    margin-bottom: 0
}

.conversation-panel>li.unread--toast span {
    margin: .625rem auto;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(41 162 167/1);
    padding: .375rem .625rem;
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(248 249 250/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 transparent, 0 0 transparent, 0 10px 15px -3px rgb(0 0 0/.1), 0 4px 6px -4px rgb(0 0 0/.1);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .conversation-panel>li.unread--toast span {
        background-color: rgb(41 162 167/var(--tw-bg-opacity));
        color: rgb(248 249 250/var(--tw-text-opacity))
    }
}

:is(.dark .conversation-panel>li.unread--toast span) {
    --tw-bg-opacity: 1;
    background-color: rgb(41 162 167/1);
    --tw-text-opacity: 1;
    color: rgb(248 249 250/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .conversation-panel>li.unread--toast span) {
        background-color: rgb(41 162 167/var(--tw-bg-opacity));
        color: rgb(248 249 250/var(--tw-text-opacity))
    }
}

.conversation-panel>li .bubble {
    overflow-wrap: break-word;
    text-align: left;
    position: relative;
    margin: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(23 95 99/1);
    padding: .5rem 1rem;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(248 249 250/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .conversation-panel>li .bubble {
        background-color: rgb(23 95 99/var(--tw-bg-opacity));
        color: rgb(248 249 250/var(--tw-text-opacity))
    }
}

:is(.dark .conversation-panel>li .bubble) {
    --tw-bg-opacity: 1;
    background-color: rgb(18 73 77/1);
    --tw-text-opacity: 1;
    color: rgb(248 249 250/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .conversation-panel>li .bubble) {
        background-color: rgb(18 73 77/var(--tw-bg-opacity));
        color: rgb(248 249 250/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(248 249 250/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(248 249 250/var(--tw-text-opacity))
    }
}

:is(.dark .conversation-panel>li .bubble .message-text__wrap .link) {
    --tw-text-opacity: 1;
    color: rgb(248 249 250/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .conversation-panel>li .bubble .message-text__wrap .link) {
        color: rgb(248 249 250/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 .image .modal-video,
.conversation-panel>li .bubble .video .modal-image,
.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: 0;
    left: 0;
    height: 20%;
    width: 100%;
    opacity: .8;
    --tw-content: "";
    content: "";
    content: var(--tw-content);
    background-image: linear-gradient(-180deg, transparent 3%, #4c5155 130%)
}

.conversation-panel>li .bubble .aplayer {
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent;
    box-shadow: 0 0 transparent, 0 0 transparent, 0 0 transparent;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    font-family: inherit
}

.conversation-panel>li.left .bubble {
    margin-right: auto;
    overflow-wrap: break-word;
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.conversation-panel>li.left .bubble:not(.is-unsupported) {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: hsl(208 11.7% 91.1%/1);
    --tw-bg-opacity: 1;
    background-color: hsl(207 11.1% 85.9%/1);
    --tw-text-opacity: 1;
    color: hsl(195 7.1% 11%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .conversation-panel>li.left .bubble:not(.is-unsupported) {
        border-color: hsl(208 11.7% 91.1%/var(--tw-border-opacity));
        background-color: hsl(207 11.1% 85.9%/var(--tw-bg-opacity));
        color: hsl(195 7.1% 11%/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: .5rem
}

.conversation-panel>li.left .bubble .link {
    --tw-text-opacity: 1;
    color: rgb(35 140 144/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .conversation-panel>li.left .bubble .link {
        color: rgb(35 140 144/var(--tw-text-opacity))
    }
}

:is(.dark .conversation-panel>li.left .bubble .link) {
    --tw-text-opacity: 1;
    color: rgb(35 140 144/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .conversation-panel>li.left .bubble .link) {
        color: rgb(35 140 144/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: rgb(76 178 181/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .conversation-panel>li.left .bubble .file .attachment-name) {
        color: rgb(76 178 181/var(--tw-text-opacity))
    }
}

.conversation-panel>li.left .bubble .file .icon-wrap {
    --tw-text-opacity: 1;
    color: rgb(35 140 144/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .conversation-panel>li.left .bubble .file .icon-wrap {
        color: rgb(35 140 144/var(--tw-text-opacity))
    }
}

:is(.dark .conversation-panel>li.left .bubble .file .icon-wrap) {
    --tw-text-opacity: 1;
    color: rgb(35 140 144/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .conversation-panel>li.left .bubble .file .icon-wrap) {
        color: rgb(35 140 144/var(--tw-text-opacity))
    }
}

.conversation-panel>li.left .bubble .file .download {
    --tw-text-opacity: 1;
    color: rgb(35 140 144/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .conversation-panel>li.left .bubble .file .download {
        color: rgb(35 140 144/var(--tw-text-opacity))
    }
}

:is(.dark .conversation-panel>li.left .bubble .file .download) {
    --tw-text-opacity: 1;
    color: rgb(35 140 144/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .conversation-panel>li.left .bubble .file .download) {
        color: rgb(35 140 144/var(--tw-text-opacity))
    }
}

.conversation-panel>li.left+.right {
    margin-top: .625rem
}

.conversation-panel>li.left+.right .bubble {
    border-top-right-radius: .5rem
}

.conversation-panel>li.left+.unread--toast+.right {
    margin-top: .625rem
}

.conversation-panel>li.left+.unread--toast+.right .bubble {
    border-top-right-radius: .5rem
}

.conversation-panel>li.left+.unread--toast+.left {
    margin-top: 0
}

.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: .5rem 0 .25rem .5rem
}

.conversation-panel>li.right .bubble {
    margin-left: auto;
    overflow-wrap: break-word;
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.conversation-panel>li.right .bubble.is-private {
    position: relative;
    --tw-border-opacity: 1;
    border: 1px solid hsl(52 97.9% 82%/1);
    --tw-bg-opacity: 1;
    background-color: hsl(55 100% 90.9%/1);
    --tw-text-opacity: 1;
    color: hsl(195 7.1% 11%/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%/var(--tw-border-opacity));
        background-color: hsl(55 100% 90.9%/var(--tw-bg-opacity));
        color: hsl(195 7.1% 11%/var(--tw-text-opacity))
    }
}

:is(.dark .conversation-panel>li.right .bubble.is-private) {
    border-color: hsl(48 100% 46.1%/.25);
    --tw-bg-opacity: 1;
    background-color: hsl(49 90.3% 18.4%/1);
    --tw-text-opacity: 1;
    color: rgb(248 249 250/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(248 249 250/var(--tw-text-opacity))
    }
}

.conversation-panel>li.right .bubble.is-private blockquote {
    --tw-border-opacity: 1;
    border-color: hsl(206 6% 63%/1);
    --tw-text-opacity: 1;
    color: rgb(31 44 52/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% 63%/var(--tw-border-opacity))
    }
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .conversation-panel>li.right .bubble.is-private blockquote {
        color: rgb(31 44 52/var(--tw-text-opacity))
    }
}

:is(.dark .conversation-panel>li.right .bubble.is-private blockquote) {
    --tw-border-opacity: 1;
    border-color: hsl(206 6% 63%/1);
    --tw-text-opacity: 1;
    color: hsl(205 10.7% 78%/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% 63%/var(--tw-border-opacity));
        color: hsl(205 10.7% 78%/var(--tw-text-opacity))
    }
}

.conversation-panel>li.right .bubble.is-private blockquote p {
    --tw-text-opacity: 1;
    color: hsl(206 6% 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% 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%/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%/var(--tw-text-opacity))
    }
}

.conversation-panel>li.right .bubble.is-image {
    border-radius: .5rem
}

.conversation-panel>li.right .bubble.is-image .message__mail-head {
    padding: .5rem 1rem
}

.conversation-panel>li.right+.left {
    margin-top: .625rem
}

.conversation-panel>li.right+.left .bubble {
    border-top-left-radius: .5rem
}

.conversation-panel>li.right+.unread--toast+.left {
    border-radius: .5rem
}

.conversation-panel>li.right+.unread--toast+.left .bubble {
    border-top-left-radius: .5rem
}

.conversation-panel>li.right+.unread--toast+.right {
    margin-top: 0
}

.conversation-panel>li.center {
    align-items: center;
    justify-content: center
}

.conversation-panel>li .wrap {
    max-width: min(31rem, 84%);
    margin: 0 1rem
}

.conversation-panel>li .wrap .sender--name {
    margin-bottom: .25rem;
    font-size: .75rem;
    line-height: 1rem
}

.conversation-panel>li .sender--thumbnail {
    margin-right: .75rem;
    margin-top: .125rem;
    height: .75rem;
    width: .75rem;
    border-radius: 9999px
}

.conversation-panel>li .activity-wrap {
    margin: .25rem 0;
    display: flex;
    justify-content: center;
    border-radius: .375rem;
    --tw-border-opacity: 1;
    border: 1px solid hsl(208 11.7% 91.1%/1);
    --tw-bg-opacity: 1;
    background-color: hsl(209 13.3% 95.3%/1);
    padding: .25rem .125rem .25rem .625rem;
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(31 44 52/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))
    }
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .conversation-panel>li .activity-wrap {
        color: rgb(31 44 52/var(--tw-text-opacity))
    }
}

:is(.dark .conversation-panel>li .activity-wrap) {
    --tw-border-opacity: 1;
    border-color: hsl(206 6% 43.5%/1);
    --tw-bg-opacity: 1;
    background-color: hsl(206 6% 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% 43.5%/var(--tw-border-opacity));
        background-color: hsl(206 6% 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: 0
}

.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: rgb(31 44 52/1)
}

@supports (color: rgb(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: rgb(31 44 52/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: rgb(41 162 167/1);
    text-decoration-line: underline
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .left .bubble .text-content a {
        color: rgb(41 162 167/var(--tw-text-opacity))
    }
}

:is(.dark .left .bubble .text-content a) {
    --tw-text-opacity: 1;
    color: rgb(41 162 167/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .left .bubble .text-content a) {
        color: rgb(41 162 167/var(--tw-text-opacity))
    }
}

.left .bubble .text-content p:last-child {
    margin-bottom: 0
}

.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(248 249 250/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(248 249 250/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(248 249 250/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(248 249 250/var(--tw-text-opacity))
    }
}

.right .bubble .text-content a {
    --tw-text-opacity: 1;
    color: rgb(248 249 250/1);
    text-decoration-line: underline
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .right .bubble .text-content a {
        color: rgb(248 249 250/var(--tw-text-opacity))
    }
}

:is(.dark .right .bubble .text-content a) {
    --tw-text-opacity: 1;
    color: rgb(248 249 250/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .right .bubble .text-content a) {
        color: rgb(248 249 250/var(--tw-text-opacity))
    }
}

.right .bubble .text-content p:last-child {
    margin-bottom: 0
}

.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: rgb(31 44 52/.5)
}

.tabs {
    margin-bottom: 0;
    display: flex;
    min-width: 6.25rem;
    list-style-type: none;
    border-right-width: 0;
    border-left-width: 0;
    border-top-width: 0;
    padding: 0 1rem
}

.tabs--with-scroll {
    overflow: hidden;
    padding: 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: 0
}

.tab--chat-type {
    display: flex
}

.tab--chat-type .tabs-title a {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500
}

.tabs-title {
    margin: 0 .5rem;
    flex-shrink: 0
}

.tabs-title .badge {
    margin: 0 .25rem;
    display: flex;
    height: 1.25rem;
    align-items: center;
    justify-content: center;
    border-radius: .375rem;
    --tw-bg-opacity: 1;
    background-color: hsl(209 13.3% 95.3%/1);
    padding: 0 .25rem;
    font-size: .625rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: hsl(206 6% 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% 43.5%/var(--tw-text-opacity))
    }
}

:is(.dark .tabs-title .badge) {
    --tw-bg-opacity: 1;
    background-color: rgb(31 44 52/1);
    --tw-text-opacity: 1;
    color: hsl(208 11.7% 91.1%/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .tabs-title .badge) {
        background-color: rgb(31 44 52/var(--tw-bg-opacity))
    }
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .tabs-title .badge) {
        color: hsl(208 11.7% 91.1%/var(--tw-text-opacity))
    }
}

.tabs-title:first-child {
    margin-left: 0
}

.tabs-title:last-child {
    margin-right: 0
}

.tabs-title:focus a,
.tabs-title:hover a {
    --tw-text-opacity: 1;
    color: rgb(31 44 52/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {

    .tabs-title:focus a,
    .tabs-title:hover a {
        color: rgb(31 44 52/var(--tw-text-opacity))
    }
}

:is(.dark .tabs-title:focus a),
:is(.dark .tabs-title:hover 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:focus a),
    :is(.dark .tabs-title:hover 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: .625rem;
    padding-bottom: .625rem;
    font-size: .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 .15s cubic-bezier(.37, 0, .63, 1)
}

.tabs-title.is-active a {
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(41 162 167/1);
    --tw-text-opacity: 1;
    color: rgb(41 162 167/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .tabs-title.is-active a {
        border-color: rgb(41 162 167/var(--tw-border-opacity));
        color: rgb(41 162 167/var(--tw-text-opacity))
    }
}

:is(.dark .tabs-title.is-active a) {
    --tw-text-opacity: 1;
    color: rgb(41 162 167/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .tabs-title.is-active a) {
        color: rgb(41 162 167/var(--tw-text-opacity))
    }
}

.tabs-title.is-active .badge {
    --tw-bg-opacity: 1;
    background-color: rgb(219 240 240/1);
    --tw-text-opacity: 1;
    color: rgb(41 162 167/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .tabs-title.is-active .badge {
        background-color: rgb(219 240 240/var(--tw-bg-opacity));
        color: rgb(41 162 167/var(--tw-text-opacity))
    }
}

:is(.dark .tabs-title.is-active .badge) {
    background-color: rgb(41 162 167/.4);
    --tw-bg-opacity: 0.4;
    --tw-text-opacity: 1;
    color: rgb(219 240 240/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .tabs-title.is-active .badge) {
        background-color: rgb(41 162 167/var(--tw-bg-opacity));
        color: rgb(219 240 240/var(--tw-text-opacity))
    }
}

table {
    width: 100%;
    --tw-border-spacing-x: 0px;
    --tw-border-spacing-y: 0px;
    border-spacing: 0;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
    font-size: .875rem;
    line-height: 1.25rem
}

.woot-table thead th {
    padding-left: .625rem;
    padding-right: .625rem;
    text-align: left;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    --tw-text-opacity: 1;
    color: rgb(18 27 34/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .woot-table thead th {
        color: rgb(18 27 34/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: rgb(31 44 52/.3)
}

.woot-table tbody td {
    padding: .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 .2s cubic-bezier(.37, 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: .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: rgb(31 44 52/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))
    }
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .ve-table .ve-table-content .ve-table-header .ve-table-header-tr .ve-table-header-th {
        color: rgb(31 44 52/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%/.5);
    --tw-bg-opacity: 1;
    background-color: rgb(31 44 52/1);
    --tw-text-opacity: 1;
    color: hsl(208 11.7% 91.1%/1)
}

@supports (color: rgb(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: rgb(31 44 52/var(--tw-bg-opacity))
    }
}

@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) {
        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(248 249 250/1);
    --tw-text-opacity: 1;
    color: rgb(18 27 34/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(248 249 250/var(--tw-bg-opacity));
        color: rgb(18 27 34/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: rgb(31 44 52/1);
    --tw-bg-opacity: 1;
    background-color: rgb(18 27 34/1);
    --tw-text-opacity: 1;
    color: hsl(208 11.7% 91.1%/1)
}

@supports (color: rgb(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: rgb(31 44 52/var(--tw-border-opacity));
        background-color: rgb(18 27 34/var(--tw-bg-opacity))
    }
}

@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) {
        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: rgb(31 44 52/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))
    }
}

@supports (color: rgb(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 {
        color: rgb(31 44 52/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% 43.5%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .table-pagination .ve-pagination-total {
        color: hsl(206 6% 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% 43.5%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .table-pagination .ve-pagination-goto {
        color: hsl(206 6% 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(248 249 250/1);
    --tw-text-opacity: 1;
    color: hsl(206 6% 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(248 249 250/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% 43.5%/var(--tw-text-opacity))
    }
}

:is(.dark .table-pagination .ve-pagination-goto .ve-pagination-goto-input) {
    --tw-bg-opacity: 1;
    background-color: rgb(18 27 34/1);
    --tw-text-opacity: 1;
    color: hsl(207 11.1% 85.9%/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .table-pagination .ve-pagination-goto .ve-pagination-goto-input) {
        background-color: rgb(18 27 34/var(--tw-bg-opacity))
    }
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .table-pagination .ve-pagination-goto .ve-pagination-goto-input) {
        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(248 249 250/1);
    --tw-text-opacity: 1;
    color: hsl(206 6% 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(248 249 250/var(--tw-bg-opacity))
    }
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .table-pagination .ve-pagination-li {
        color: hsl(206 6% 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: rgb(18 27 34/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))
    }
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .table-pagination .ve-pagination-li) {
        background-color: rgb(18 27 34/var(--tw-bg-opacity))
    }
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .table-pagination .ve-pagination-li) {
        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: .375rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: hsl(207 11.1% 85.9%/1);
    opacity: .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% 43.5%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .multiselect.multiselect--disabled) {
        border-color: hsl(206 6% 43.5%/var(--tw-border-opacity))
    }
}

.multiselect.multiselect--disabled .multiselect__select {
    cursor: not-allowed;
    border-radius: .375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(248 249 250/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .multiselect.multiselect--disabled .multiselect__select {
        background-color: rgb(248 249 250/var(--tw-bg-opacity))
    }
}

:is(.dark .multiselect.multiselect--disabled .multiselect__select) {
    --tw-bg-opacity: 1;
    background-color: rgb(18 27 34/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .multiselect.multiselect--disabled .multiselect__select) {
        background-color: rgb(18 27 34/var(--tw-bg-opacity))
    }
}

.multiselect.multiselect--disabled .multiselect__tags {
    border-width: 0
}

.multiselect .multiselect--active>.multiselect__tags {
    --tw-border-opacity: 1;
    border-color: rgb(41 162 167/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .multiselect .multiselect--active>.multiselect__tags {
        border-color: rgb(41 162 167/var(--tw-border-opacity))
    }
}

:is(.dark .multiselect .multiselect--active>.multiselect__tags) {
    --tw-border-opacity: 1;
    border-color: rgb(41 162 167/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .multiselect .multiselect--active>.multiselect__tags) {
        border-color: rgb(41 162 167/var(--tw-border-opacity))
    }
}

.multiselect .multiselect__select {
    right: 0;
    top: 0;
    min-height: 2.875rem;
    padding: 0
}

.multiselect .multiselect__select:before {
    right: 0
}

.multiselect .multiselect__content-wrapper {
    --tw-border-opacity: 1;
    border: 1px solid hsl(207 11.1% 85.9%/1);
    --tw-bg-opacity: 1;
    background-color: rgb(248 249 250/1);
    --tw-text-opacity: 1;
    color: rgb(31 44 52/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(248 249 250/var(--tw-bg-opacity));
        color: rgb(31 44 52/var(--tw-text-opacity))
    }
}

:is(.dark .multiselect .multiselect__content-wrapper) {
    --tw-border-opacity: 1;
    border-color: hsl(206 6% 43.5%/1);
    --tw-bg-opacity: 1;
    background-color: rgb(18 27 34/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% 43.5%/var(--tw-border-opacity))
    }
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .multiselect .multiselect__content-wrapper) {
        background-color: rgb(18 27 34/var(--tw-bg-opacity))
    }
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .multiselect .multiselect__content-wrapper) {
        color: hsl(208 11.7% 91.1%/var(--tw-text-opacity))
    }
}

.multiselect .multiselect__content {
    max-width: 100%
}

.multiselect .multiselect__content .multiselect__option {
    font-size: .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: 0
}

.multiselect .multiselect__content .multiselect__option.multiselect__option--highlight {
    --tw-bg-opacity: 1;
    background-color: rgb(248 249 250/1);
    --tw-text-opacity: 1;
    color: rgb(31 44 52/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .multiselect .multiselect__content .multiselect__option.multiselect__option--highlight {
        background-color: rgb(248 249 250/var(--tw-bg-opacity));
        color: rgb(31 44 52/var(--tw-text-opacity))
    }
}

:is(.dark .multiselect .multiselect__content .multiselect__option.multiselect__option--highlight) {
    --tw-bg-opacity: 1;
    background-color: rgb(31 44 52/1);
    --tw-text-opacity: 1;
    color: hsl(208 11.7% 91.1%/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .multiselect .multiselect__content .multiselect__option.multiselect__option--highlight) {
        background-color: rgb(31 44 52/var(--tw-bg-opacity))
    }
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .multiselect .multiselect__content .multiselect__option.multiselect__option--highlight) {
        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: rgb(219 240 240/1);
    --tw-text-opacity: 1;
    color: rgb(31 44 52/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .multiselect .multiselect__content .multiselect__option.multiselect__option--highlight:hover {
        background-color: rgb(219 240 240/var(--tw-bg-opacity));
        color: rgb(31 44 52/var(--tw-text-opacity))
    }
}

:is(.dark .multiselect .multiselect__content .multiselect__option.multiselect__option--highlight:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(35 140 144/1);
    --tw-text-opacity: 1;
    color: hsl(208 11.7% 91.1%/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .multiselect .multiselect__content .multiselect__option.multiselect__option--highlight:hover) {
        background-color: rgb(35 140 144/var(--tw-bg-opacity))
    }
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .multiselect .multiselect__content .multiselect__option.multiselect__option--highlight:hover) {
        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: rgb(219 240 240/1);
    --tw-text-opacity: 1;
    color: hsl(206 6% 43.5%/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .multiselect .multiselect__content .multiselect__option.multiselect__option--highlight:hover:after {
        background-color: rgb(219 240 240/var(--tw-bg-opacity))
    }
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .multiselect .multiselect__content .multiselect__option.multiselect__option--highlight:hover:after {
        color: hsl(206 6% 43.5%/var(--tw-text-opacity))
    }
}

:is(.dark .multiselect .multiselect__content .multiselect__option.multiselect__option--highlight:hover):after {
    --tw-bg-opacity: 1;
    background-color: rgb(35 140 144/1);
    --tw-text-opacity: 1;
    color: hsl(207 11.1% 85.9%/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .multiselect .multiselect__content .multiselect__option.multiselect__option--highlight:hover):after {
        background-color: rgb(35 140 144/var(--tw-bg-opacity))
    }
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .multiselect .multiselect__content .multiselect__option.multiselect__option--highlight:hover):after {
        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: rgb(219 240 240/1);
    --tw-text-opacity: 1;
    color: rgb(31 44 52/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .multiselect .multiselect__content .multiselect__option.multiselect__option--selected {
        background-color: rgb(219 240 240/var(--tw-bg-opacity));
        color: rgb(31 44 52/var(--tw-text-opacity))
    }
}

:is(.dark .multiselect .multiselect__content .multiselect__option.multiselect__option--selected) {
    --tw-bg-opacity: 1;
    background-color: rgb(35 140 144/1);
    --tw-text-opacity: 1;
    color: hsl(208 11.7% 91.1%/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .multiselect .multiselect__content .multiselect__option.multiselect__option--selected) {
        background-color: rgb(35 140 144/var(--tw-bg-opacity))
    }
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .multiselect .multiselect__content .multiselect__option.multiselect__option--selected) {
        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: rgb(184 224 226/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .multiselect .multiselect__content .multiselect__option.multiselect__option--selected.multiselect__option--highlight:hover {
        background-color: rgb(184 224 226/var(--tw-bg-opacity))
    }
}

:is(.dark .multiselect .multiselect__content .multiselect__option.multiselect__option--selected.multiselect__option--highlight:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(35 140 144/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .multiselect .multiselect__content .multiselect__option.multiselect__option--selected.multiselect__option--highlight:hover) {
        background-color: rgb(35 140 144/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: rgb(31 44 52/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .multiselect .multiselect__content .multiselect__option.multiselect__option--selected.multiselect__option--highlight:hover:hover:after {
        color: rgb(31 44 52/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: 0;
    min-height: 2.875rem;
    --tw-border-opacity: 1;
    border: 1px solid hsl(207 11.1% 85.9%/1);
    --tw-bg-opacity: 1;
    background-color: rgb(248 249 250/1);
    padding-top: 0
}

@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(248 249 250/var(--tw-bg-opacity))
    }
}

:is(.dark .multiselect .multiselect__tags) {
    --tw-border-opacity: 1;
    border-color: hsl(206 6% 43.5%/1);
    --tw-bg-opacity: 1;
    background-color: rgb(18 27 34/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .multiselect .multiselect__tags) {
        border-color: hsl(206 6% 43.5%/var(--tw-border-opacity))
    }
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .multiselect .multiselect__tags) {
        background-color: rgb(18 27 34/var(--tw-bg-opacity))
    }
}

.multiselect .multiselect__tags input {
    border-width: 0;
    border-style: none
}

.multiselect .multiselect__tags-wrap {
    margin-top: .25rem;
    display: inline-block;
    line-height: 1
}

.multiselect .multiselect__placeholder {
    padding-top: .75rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: hsl(206 6% 63%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .multiselect .multiselect__placeholder {
        color: hsl(206 6% 63%/var(--tw-text-opacity))
    }
}

:is(.dark .multiselect .multiselect__placeholder) {
    --tw-text-opacity: 1;
    color: hsl(206 6% 63%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .multiselect .multiselect__placeholder) {
        color: hsl(206 6% 63%/var(--tw-text-opacity))
    }
}

.multiselect .multiselect__tag {
    margin-top: .25rem;
    --tw-bg-opacity: 1;
    background-color: hsl(209 13.3% 95.3%/1);
    padding: .375rem 1.5rem .375rem .625rem;
    --tw-text-opacity: 1;
    color: rgb(31 44 52/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))
    }
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .multiselect .multiselect__tag {
        color: rgb(31 44 52/var(--tw-text-opacity))
    }
}

:is(.dark .multiselect .multiselect__tag) {
    --tw-bg-opacity: 1;
    background-color: rgb(31 44 52/1);
    --tw-text-opacity: 1;
    color: hsl(208 11.7% 91.1%/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .multiselect .multiselect__tag) {
        background-color: rgb(31 44 52/var(--tw-bg-opacity))
    }
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .multiselect .multiselect__tag) {
        color: hsl(208 11.7% 91.1%/var(--tw-text-opacity))
    }
}

.multiselect .multiselect__tag-icon:after {
    --tw-text-opacity: 1;
    color: rgb(35 140 144/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .multiselect .multiselect__tag-icon:after {
        color: rgb(35 140 144/var(--tw-text-opacity))
    }
}

:is(.dark .multiselect .multiselect__tag-icon):after {
    --tw-text-opacity: 1;
    color: rgb(35 140 144/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .multiselect .multiselect__tag-icon):after {
        color: rgb(35 140 144/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: rgb(41 162 167/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .multiselect .multiselect__tag-icon:hover:after {
        color: rgb(41 162 167/var(--tw-text-opacity))
    }
}

:is(.dark .multiselect .multiselect__tag-icon:hover):after {
    --tw-text-opacity: 1;
    color: rgb(41 162 167/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .multiselect .multiselect__tag-icon:hover):after {
        color: rgb(41 162 167/var(--tw-text-opacity))
    }
}

.multiselect .multiselect__input {
    margin-bottom: 0;
    height: 2.875rem;
    padding: 0;
    font-size: .875rem;
    line-height: 1.25rem
}

.multiselect .multiselect__input,
.multiselect .multiselect__input:active,
.multiselect .multiselect__input:focus,
.multiselect .multiselect__input:hover {
    box-shadow: none;
    border-color: transparent
}

.multiselect .multiselect__single {
    margin-bottom: 0;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    --tw-bg-opacity: 1;
    background-color: rgb(248 249 250/1);
    padding: .75rem .625rem;
    --tw-text-opacity: 1;
    color: rgb(31 44 52/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .multiselect .multiselect__single {
        background-color: rgb(248 249 250/var(--tw-bg-opacity));
        color: rgb(31 44 52/var(--tw-text-opacity))
    }
}

:is(.dark .multiselect .multiselect__single) {
    --tw-bg-opacity: 1;
    background-color: rgb(18 27 34/1);
    --tw-text-opacity: 1;
    color: hsl(208 11.7% 91.1%/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .multiselect .multiselect__single) {
        background-color: rgb(18 27 34/var(--tw-bg-opacity))
    }
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .multiselect .multiselect__single) {
        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: rgb(41 162 167/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .sidebar-labels-wrap .multiselect.multiselect--active>.multiselect__tags {
        border-color: rgb(41 162 167/var(--tw-border-opacity))
    }
}

:is(.dark .sidebar-labels-wrap .multiselect.multiselect--active>.multiselect__tags) {
    --tw-border-opacity: 1;
    border-color: rgb(41 162 167/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .sidebar-labels-wrap .multiselect.multiselect--active>.multiselect__tags) {
        border-color: rgb(41 162 167/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: .25rem;
    padding-bottom: .25rem
}

.multiselect-wrap--small .multiselect,
.multiselect-wrap--small .multiselect__input,
.multiselect-wrap--small .multiselect__tags {
    min-height: 2.5rem;
    border-radius: 5px;
    --tw-bg-opacity: 1;
    background-color: rgb(248 249 250/1);
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(31 44 52/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {

    .multiselect-wrap--small .multiselect,
    .multiselect-wrap--small .multiselect__input,
    .multiselect-wrap--small .multiselect__tags {
        background-color: rgb(248 249 250/var(--tw-bg-opacity));
        color: rgb(31 44 52/var(--tw-text-opacity))
    }
}

:is(.dark .multiselect-wrap--small .multiselect),
:is(.dark .multiselect-wrap--small .multiselect__input),
:is(.dark .multiselect-wrap--small .multiselect__tags) {
    --tw-bg-opacity: 1;
    background-color: rgb(18 27 34/1);
    --tw-text-opacity: 1;
    color: hsl(208 11.7% 91.1%/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {

    :is(.dark .multiselect-wrap--small .multiselect),
    :is(.dark .multiselect-wrap--small .multiselect__input),
    :is(.dark .multiselect-wrap--small .multiselect__tags) {
        background-color: rgb(18 27 34/var(--tw-bg-opacity))
    }
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {

    :is(.dark .multiselect-wrap--small .multiselect),
    :is(.dark .multiselect-wrap--small .multiselect__input),
    :is(.dark .multiselect-wrap--small .multiselect__tags) {
        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: 0;
    display: flex;
    max-height: 2.375rem;
    align-items: center;
    --tw-bg-opacity: 1;
    background-color: rgb(248 249 250/1);
    padding: .75rem .125rem;
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(31 44 52/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .multiselect-wrap--small .multiselect__single {
        background-color: rgb(248 249 250/var(--tw-bg-opacity));
        color: rgb(31 44 52/var(--tw-text-opacity))
    }
}

:is(.dark .multiselect-wrap--small .multiselect__single) {
    --tw-bg-opacity: 1;
    background-color: rgb(18 27 34/1);
    --tw-text-opacity: 1;
    color: hsl(208 11.7% 91.1%/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .multiselect-wrap--small .multiselect__single) {
        background-color: rgb(18 27 34/var(--tw-bg-opacity))
    }
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .multiselect-wrap--small .multiselect__single) {
        color: hsl(208 11.7% 91.1%/var(--tw-text-opacity))
    }
}

.multiselect-wrap--small .multiselect__placeholder {
    margin: 0;
    padding: .5rem .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__input,
.multiselect-wrap--medium .multiselect__tags {
    display: flex;
    align-items: center
}

.multiselect-wrap--medium .multiselect,
.multiselect-wrap--medium .multiselect__input,
.multiselect-wrap--medium .multiselect__tags {
    height: 3rem;
    min-height: 3rem;
    --tw-bg-opacity: 1;
    background-color: rgb(248 249 250/1);
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(31 44 52/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {

    .multiselect-wrap--medium .multiselect,
    .multiselect-wrap--medium .multiselect__input,
    .multiselect-wrap--medium .multiselect__tags {
        background-color: rgb(248 249 250/var(--tw-bg-opacity));
        color: rgb(31 44 52/var(--tw-text-opacity))
    }
}

:is(.dark .multiselect-wrap--medium .multiselect),
:is(.dark .multiselect-wrap--medium .multiselect__input),
:is(.dark .multiselect-wrap--medium .multiselect__tags) {
    --tw-bg-opacity: 1;
    background-color: rgb(18 27 34/1);
    --tw-text-opacity: 1;
    color: hsl(208 11.7% 91.1%/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {

    :is(.dark .multiselect-wrap--medium .multiselect),
    :is(.dark .multiselect-wrap--medium .multiselect__input),
    :is(.dark .multiselect-wrap--medium .multiselect__tags) {
        background-color: rgb(18 27 34/var(--tw-bg-opacity))
    }
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {

    :is(.dark .multiselect-wrap--medium .multiselect),
    :is(.dark .multiselect-wrap--medium .multiselect__input),
    :is(.dark .multiselect-wrap--medium .multiselect__tags) {
        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: 0;
    display: flex;
    align-items: center;
    --tw-bg-opacity: 1;
    background-color: rgb(248 249 250/1);
    padding: .25rem .125rem;
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(31 44 52/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .multiselect-wrap--medium .multiselect__single {
        background-color: rgb(248 249 250/var(--tw-bg-opacity));
        color: rgb(31 44 52/var(--tw-text-opacity))
    }
}

:is(.dark .multiselect-wrap--medium .multiselect__single) {
    --tw-bg-opacity: 1;
    background-color: rgb(18 27 34/1);
    --tw-text-opacity: 1;
    color: hsl(208 11.7% 91.1%/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .multiselect-wrap--medium .multiselect__single) {
        background-color: rgb(18 27 34/var(--tw-bg-opacity))
    }
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .multiselect-wrap--medium .multiselect__single) {
        color: hsl(208 11.7% 91.1%/var(--tw-text-opacity))
    }
}

.multiselect-wrap--medium .multiselect__placeholder {
    margin: 0;
    padding: .25rem .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: .5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: hsl(210 16.7% 97.6%/1);
    padding: .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 transparent, 0 0 transparent, 0 10px 15px -3px rgb(0 0 0/.1), 0 4px 6px -4px rgb(0 0 0/.1);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), 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(248 249 250/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .dropdown-pane.dropdown-pane--open {
        background-color: rgb(248 249 250/var(--tw-bg-opacity))
    }
}

:is(.dark .dropdown-pane.dropdown-pane--open) {
    --tw-bg-opacity: 1;
    background-color: rgb(31 44 52/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dropdown-pane.dropdown-pane--open) {
        background-color: rgb(31 44 52/var(--tw-bg-opacity))
    }
}

@font-face {
    font-display: swap;
    font-family: Ionicons;
    font-style: normal;
    font-weight: 400;
    src: url(/packs/media/fonts/ionicons-e5a4fae0.woff) format("woff")
}

.ion,
.ion-alert-circled:before,
.ion-alert:before,
.ion-android-add-circle:before,
.ion-android-add: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-circle:before,
.ion-android-arrow-dropdown:before,
.ion-android-arrow-dropleft-circle:before,
.ion-android-arrow-dropleft:before,
.ion-android-arrow-dropright-circle:before,
.ion-android-arrow-dropright:before,
.ion-android-arrow-dropup-circle:before,
.ion-android-arrow-dropup: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-blank:before,
.ion-android-checkbox-outline-blank:before,
.ion-android-checkbox-outline:before,
.ion-android-checkbox:before,
.ion-android-checkmark-circle:before,
.ion-android-clipboard:before,
.ion-android-close:before,
.ion-android-cloud-circle:before,
.ion-android-cloud-done:before,
.ion-android-cloud-outline:before,
.ion-android-cloud: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-all:before,
.ion-android-done:before,
.ion-android-download:before,
.ion-android-drafts:before,
.ion-android-exit:before,
.ion-android-expand:before,
.ion-android-favorite-outline:before,
.ion-android-favorite:before,
.ion-android-film:before,
.ion-android-folder-open:before,
.ion-android-folder: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-off:before,
.ion-android-microphone:before,
.ion-android-more-horizontal:before,
.ion-android-more-vertical:before,
.ion-android-navigate:before,
.ion-android-notifications-none:before,
.ion-android-notifications-off:before,
.ion-android-notifications:before,
.ion-android-open:before,
.ion-android-options:before,
.ion-android-people:before,
.ion-android-person-add:before,
.ion-android-person: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-circle:before,
.ion-android-remove:before,
.ion-android-restaurant:before,
.ion-android-sad:before,
.ion-android-search:before,
.ion-android-send:before,
.ion-android-settings:before,
.ion-android-share-alt:before,
.ion-android-share:before,
.ion-android-star-half:before,
.ion-android-star-outline:before,
.ion-android-star: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-outline:before,
.ion-backspace: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-working:before,
.ion-chatbox:before,
.ion-chatboxes:before,
.ion-chatbubble-working:before,
.ion-chatbubble:before,
.ion-chatbubbles:before,
.ion-checkmark-circled:before,
.ion-checkmark-round:before,
.ion-checkmark: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-circled:before,
.ion-close-round:before,
.ion-close:before,
.ion-closed-captioning:before,
.ion-cloud:before,
.ion-code-download:before,
.ion-code-working:before,
.ion-code: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-text:before,
.ion-document:before,
.ion-drag:before,
.ion-earth:before,
.ion-easel:before,
.ion-edit:before,
.ion-egg:before,
.ion-eject:before,
.ion-email-unread:before,
.ion-email:before,
.ion-erlenmeyer-flask-bubbles:before,
.ion-erlenmeyer-flask:before,
.ion-eye-disabled:before,
.ion-eye:before,
.ion-female:before,
.ion-filing:before,
.ion-film-marker:before,
.ion-fireball:before,
.ion-flag:before,
.ion-flame:before,
.ion-flash-off:before,
.ion-flash:before,
.ion-folder:before,
.ion-fork-repo:before,
.ion-fork:before,
.ion-forward:before,
.ion-funnel:before,
.ion-gear-a:before,
.ion-gear-b:before,
.ion-grid:before,
.ion-hammer:before,
.ion-happy-outline:before,
.ion-happy:before,
.ion-headphone:before,
.ion-heart-broken:before,
.ion-heart:before,
.ion-help-buoy:before,
.ion-help-circled:before,
.ion-help:before,
.ion-home:before,
.ion-icecream:before,
.ion-image:before,
.ion-images:before,
.ion-information-circled:before,
.ion-information:before,
.ion-ionic:before,
.ion-ios-alarm-outline:before,
.ion-ios-alarm:before,
.ion-ios-albums-outline:before,
.ion-ios-albums:before,
.ion-ios-americanfootball-outline:before,
.ion-ios-americanfootball:before,
.ion-ios-analytics-outline:before,
.ion-ios-analytics: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-outline:before,
.ion-ios-at:before,
.ion-ios-barcode-outline:before,
.ion-ios-barcode:before,
.ion-ios-baseball-outline:before,
.ion-ios-baseball:before,
.ion-ios-basketball-outline:before,
.ion-ios-basketball:before,
.ion-ios-bell-outline:before,
.ion-ios-bell:before,
.ion-ios-body-outline:before,
.ion-ios-body:before,
.ion-ios-bolt-outline:before,
.ion-ios-bolt:before,
.ion-ios-book-outline:before,
.ion-ios-book:before,
.ion-ios-bookmarks-outline:before,
.ion-ios-bookmarks:before,
.ion-ios-box-outline:before,
.ion-ios-box:before,
.ion-ios-briefcase-outline:before,
.ion-ios-briefcase:before,
.ion-ios-browsers-outline:before,
.ion-ios-browsers:before,
.ion-ios-calculator-outline:before,
.ion-ios-calculator:before,
.ion-ios-calendar-outline:before,
.ion-ios-calendar:before,
.ion-ios-camera-outline:before,
.ion-ios-camera:before,
.ion-ios-cart-outline:before,
.ion-ios-cart:before,
.ion-ios-chatboxes-outline:before,
.ion-ios-chatboxes:before,
.ion-ios-chatbubble-outline:before,
.ion-ios-chatbubble:before,
.ion-ios-checkmark-empty:before,
.ion-ios-checkmark-outline:before,
.ion-ios-checkmark:before,
.ion-ios-circle-filled:before,
.ion-ios-circle-outline:before,
.ion-ios-clock-outline:before,
.ion-ios-clock:before,
.ion-ios-close-empty:before,
.ion-ios-close-outline:before,
.ion-ios-close:before,
.ion-ios-cloud-download-outline:before,
.ion-ios-cloud-download:before,
.ion-ios-cloud-outline:before,
.ion-ios-cloud-upload-outline:before,
.ion-ios-cloud-upload:before,
.ion-ios-cloud:before,
.ion-ios-cloudy-night-outline:before,
.ion-ios-cloudy-night:before,
.ion-ios-cloudy-outline:before,
.ion-ios-cloudy:before,
.ion-ios-cog-outline:before,
.ion-ios-cog:before,
.ion-ios-color-filter-outline:before,
.ion-ios-color-filter:before,
.ion-ios-color-wand-outline:before,
.ion-ios-color-wand:before,
.ion-ios-compose-outline:before,
.ion-ios-compose:before,
.ion-ios-contact-outline:before,
.ion-ios-contact:before,
.ion-ios-copy-outline:before,
.ion-ios-copy:before,
.ion-ios-crop-strong:before,
.ion-ios-crop:before,
.ion-ios-download-outline:before,
.ion-ios-download:before,
.ion-ios-drag:before,
.ion-ios-email-outline:before,
.ion-ios-email:before,
.ion-ios-eye-outline:before,
.ion-ios-eye:before,
.ion-ios-fastforward-outline:before,
.ion-ios-fastforward:before,
.ion-ios-filing-outline:before,
.ion-ios-filing:before,
.ion-ios-film-outline:before,
.ion-ios-film:before,
.ion-ios-flag-outline:before,
.ion-ios-flag:before,
.ion-ios-flame-outline:before,
.ion-ios-flame:before,
.ion-ios-flask-outline:before,
.ion-ios-flask:before,
.ion-ios-flower-outline:before,
.ion-ios-flower:before,
.ion-ios-folder-outline:before,
.ion-ios-folder:before,
.ion-ios-football-outline:before,
.ion-ios-football:before,
.ion-ios-game-controller-a-outline:before,
.ion-ios-game-controller-a:before,
.ion-ios-game-controller-b-outline:before,
.ion-ios-game-controller-b:before,
.ion-ios-gear-outline:before,
.ion-ios-gear:before,
.ion-ios-glasses-outline:before,
.ion-ios-glasses:before,
.ion-ios-grid-view-outline:before,
.ion-ios-grid-view:before,
.ion-ios-heart-outline:before,
.ion-ios-heart:before,
.ion-ios-help-empty:before,
.ion-ios-help-outline:before,
.ion-ios-help:before,
.ion-ios-home-outline:before,
.ion-ios-home:before,
.ion-ios-infinite-outline:before,
.ion-ios-infinite:before,
.ion-ios-information-empty:before,
.ion-ios-information-outline:before,
.ion-ios-information:before,
.ion-ios-ionic-outline:before,
.ion-ios-keypad-outline:before,
.ion-ios-keypad:before,
.ion-ios-lightbulb-outline:before,
.ion-ios-lightbulb:before,
.ion-ios-list-outline:before,
.ion-ios-list:before,
.ion-ios-location-outline:before,
.ion-ios-location:before,
.ion-ios-locked-outline:before,
.ion-ios-locked:before,
.ion-ios-loop-strong:before,
.ion-ios-loop:before,
.ion-ios-medical-outline:before,
.ion-ios-medical:before,
.ion-ios-medkit-outline:before,
.ion-ios-medkit:before,
.ion-ios-mic-off:before,
.ion-ios-mic-outline:before,
.ion-ios-mic:before,
.ion-ios-minus-empty:before,
.ion-ios-minus-outline:before,
.ion-ios-minus:before,
.ion-ios-monitor-outline:before,
.ion-ios-monitor:before,
.ion-ios-moon-outline:before,
.ion-ios-moon:before,
.ion-ios-more-outline:before,
.ion-ios-more:before,
.ion-ios-musical-note:before,
.ion-ios-musical-notes:before,
.ion-ios-navigate-outline:before,
.ion-ios-navigate:before,
.ion-ios-nutrition-outline:before,
.ion-ios-nutrition:before,
.ion-ios-paper-outline:before,
.ion-ios-paper:before,
.ion-ios-paperplane-outline:before,
.ion-ios-paperplane:before,
.ion-ios-partlysunny-outline:before,
.ion-ios-partlysunny:before,
.ion-ios-pause-outline:before,
.ion-ios-pause:before,
.ion-ios-paw-outline:before,
.ion-ios-paw:before,
.ion-ios-people-outline:before,
.ion-ios-people:before,
.ion-ios-person-outline:before,
.ion-ios-person:before,
.ion-ios-personadd-outline:before,
.ion-ios-personadd:before,
.ion-ios-photos-outline:before,
.ion-ios-photos:before,
.ion-ios-pie-outline:before,
.ion-ios-pie:before,
.ion-ios-pint-outline:before,
.ion-ios-pint:before,
.ion-ios-play-outline:before,
.ion-ios-play:before,
.ion-ios-plus-empty:before,
.ion-ios-plus-outline:before,
.ion-ios-plus:before,
.ion-ios-pricetag-outline:before,
.ion-ios-pricetag:before,
.ion-ios-pricetags-outline:before,
.ion-ios-pricetags:before,
.ion-ios-printer-outline:before,
.ion-ios-printer:before,
.ion-ios-pulse-strong:before,
.ion-ios-pulse:before,
.ion-ios-rainy-outline:before,
.ion-ios-rainy:before,
.ion-ios-recording-outline:before,
.ion-ios-recording:before,
.ion-ios-redo-outline:before,
.ion-ios-redo:before,
.ion-ios-refresh-empty:before,
.ion-ios-refresh-outline:before,
.ion-ios-refresh:before,
.ion-ios-reload:before,
.ion-ios-reverse-camera-outline:before,
.ion-ios-reverse-camera:before,
.ion-ios-rewind-outline:before,
.ion-ios-rewind:before,
.ion-ios-rose-outline:before,
.ion-ios-rose:before,
.ion-ios-search-strong:before,
.ion-ios-search:before,
.ion-ios-settings-strong:before,
.ion-ios-settings:before,
.ion-ios-shuffle-strong:before,
.ion-ios-shuffle:before,
.ion-ios-skipbackward-outline:before,
.ion-ios-skipbackward:before,
.ion-ios-skipforward-outline:before,
.ion-ios-skipforward:before,
.ion-ios-snowy:before,
.ion-ios-speedometer-outline:before,
.ion-ios-speedometer:before,
.ion-ios-star-half:before,
.ion-ios-star-outline:before,
.ion-ios-star:before,
.ion-ios-stopwatch-outline:before,
.ion-ios-stopwatch:before,
.ion-ios-sunny-outline:before,
.ion-ios-sunny:before,
.ion-ios-telephone-outline:before,
.ion-ios-telephone:before,
.ion-ios-tennisball-outline:before,
.ion-ios-tennisball:before,
.ion-ios-thunderstorm-outline:before,
.ion-ios-thunderstorm:before,
.ion-ios-time-outline:before,
.ion-ios-time:before,
.ion-ios-timer-outline:before,
.ion-ios-timer:before,
.ion-ios-toggle-outline:before,
.ion-ios-toggle:before,
.ion-ios-trash-outline:before,
.ion-ios-trash:before,
.ion-ios-undo-outline:before,
.ion-ios-undo:before,
.ion-ios-unlocked-outline:before,
.ion-ios-unlocked:before,
.ion-ios-upload-outline:before,
.ion-ios-upload:before,
.ion-ios-videocam-outline:before,
.ion-ios-videocam:before,
.ion-ios-volume-high:before,
.ion-ios-volume-low:before,
.ion-ios-wineglass-outline:before,
.ion-ios-wineglass:before,
.ion-ios-world-outline:before,
.ion-ios-world: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-circled:before,
.ion-minus-round:before,
.ion-minus:before,
.ion-model-s:before,
.ion-monitor:before,
.ion-more:before,
.ion-mouse:before,
.ion-music-note:before,
.ion-navicon-round:before,
.ion-navicon: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-add:before,
.ion-person-stalker:before,
.ion-person: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-circled:before,
.ion-plus-round:before,
.ion-plus: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-all:before,
.ion-reply:before,
.ion-ribbon-a:before,
.ion-ribbon-b:before,
.ion-sad-outline:before,
.ion-sad: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-outline:before,
.ion-social-android:before,
.ion-social-angular-outline:before,
.ion-social-angular:before,
.ion-social-apple-outline:before,
.ion-social-apple:before,
.ion-social-bitcoin-outline:before,
.ion-social-bitcoin:before,
.ion-social-buffer-outline:before,
.ion-social-buffer:before,
.ion-social-chrome-outline:before,
.ion-social-chrome:before,
.ion-social-codepen-outline:before,
.ion-social-codepen:before,
.ion-social-css3-outline:before,
.ion-social-css3:before,
.ion-social-designernews-outline:before,
.ion-social-designernews:before,
.ion-social-dribbble-outline:before,
.ion-social-dribbble:before,
.ion-social-dropbox-outline:before,
.ion-social-dropbox:before,
.ion-social-euro-outline:before,
.ion-social-euro:before,
.ion-social-facebook-outline:before,
.ion-social-facebook:before,
.ion-social-foursquare-outline:before,
.ion-social-foursquare:before,
.ion-social-freebsd-devil:before,
.ion-social-github-outline:before,
.ion-social-github:before,
.ion-social-google-outline:before,
.ion-social-google:before,
.ion-social-googleplus-outline:before,
.ion-social-googleplus:before,
.ion-social-hackernews-outline:before,
.ion-social-hackernews:before,
.ion-social-html5-outline:before,
.ion-social-html5:before,
.ion-social-instagram-outline:before,
.ion-social-instagram:before,
.ion-social-javascript-outline:before,
.ion-social-javascript:before,
.ion-social-linkedin-outline:before,
.ion-social-linkedin:before,
.ion-social-markdown:before,
.ion-social-nodejs:before,
.ion-social-octocat:before,
.ion-social-pinterest-outline:before,
.ion-social-pinterest:before,
.ion-social-python:before,
.ion-social-reddit-outline:before,
.ion-social-reddit:before,
.ion-social-rss-outline:before,
.ion-social-rss:before,
.ion-social-sass:before,
.ion-social-skype-outline:before,
.ion-social-skype:before,
.ion-social-snapchat-outline:before,
.ion-social-snapchat:before,
.ion-social-tumblr-outline:before,
.ion-social-tumblr:before,
.ion-social-tux:before,
.ion-social-twitch-outline:before,
.ion-social-twitch:before,
.ion-social-twitter-outline:before,
.ion-social-twitter:before,
.ion-social-usd-outline:before,
.ion-social-usd:before,
.ion-social-vimeo-outline:before,
.ion-social-vimeo:before,
.ion-social-whatsapp-outline:before,
.ion-social-whatsapp:before,
.ion-social-windows-outline:before,
.ion-social-windows:before,
.ion-social-wordpress-outline:before,
.ion-social-wordpress:before,
.ion-social-yahoo-outline:before,
.ion-social-yahoo:before,
.ion-social-yen-outline:before,
.ion-social-yen:before,
.ion-social-youtube-outline:before,
.ion-social-youtube:before,
.ion-soup-can-outline:before,
.ion-soup-can: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-filled:before,
.ion-toggle:before,
.ion-transgender:before,
.ion-trash-a:before,
.ion-trash-b:before,
.ion-trophy:before,
.ion-tshirt-outline:before,
.ion-tshirt: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,
.ionicons {
    -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: 400;
    line-height: 1;
    text-rendering: auto;
    text-transform: none
}

.ion-alert:before {
    content: ""
}

.ion-alert-circled:before {
    content: ""
}

.ion-android-add:before {
    content: ""
}

.ion-android-add-circle:before {
    content: ""
}

.ion-android-alarm-clock:before {
    content: ""
}

.ion-android-alert:before {
    content: ""
}

.ion-android-apps:before {
    content: ""
}

.ion-android-archive:before {
    content: ""
}

.ion-android-arrow-back:before {
    content: ""
}

.ion-android-arrow-down:before {
    content: ""
}

.ion-android-arrow-dropdown:before {
    content: ""
}

.ion-android-arrow-dropdown-circle:before {
    content: ""
}

.ion-android-arrow-dropleft:before {
    content: ""
}

.ion-android-arrow-dropleft-circle:before {
    content: ""
}

.ion-android-arrow-dropright:before {
    content: ""
}

.ion-android-arrow-dropright-circle:before {
    content: ""
}

.ion-android-arrow-dropup:before {
    content: ""
}

.ion-android-arrow-dropup-circle:before {
    content: ""
}

.ion-android-arrow-forward:before {
    content: ""
}

.ion-android-arrow-up:before {
    content: ""
}

.ion-android-attach:before {
    content: ""
}

.ion-android-bar:before {
    content: ""
}

.ion-android-bicycle:before {
    content: ""
}

.ion-android-boat:before {
    content: ""
}

.ion-android-bookmark:before {
    content: ""
}

.ion-android-bulb:before {
    content: ""
}

.ion-android-bus:before {
    content: ""
}

.ion-android-calendar:before {
    content: ""
}

.ion-android-call:before {
    content: ""
}

.ion-android-camera:before {
    content: ""
}

.ion-android-cancel:before {
    content: ""
}

.ion-android-car:before {
    content: ""
}

.ion-android-cart:before {
    content: ""
}

.ion-android-chat:before {
    content: ""
}

.ion-android-checkbox:before {
    content: ""
}

.ion-android-checkbox-blank:before {
    content: ""
}

.ion-android-checkbox-outline:before {
    content: ""
}

.ion-android-checkbox-outline-blank:before {
    content: ""
}

.ion-android-checkmark-circle:before {
    content: ""
}

.ion-android-clipboard:before {
    content: ""
}

.ion-android-close:before {
    content: ""
}

.ion-android-cloud:before {
    content: ""
}

.ion-android-cloud-circle:before {
    content: ""
}

.ion-android-cloud-done:before {
    content: ""
}

.ion-android-cloud-outline:before {
    content: ""
}

.ion-android-color-palette:before {
    content: ""
}

.ion-android-compass:before {
    content: ""
}

.ion-android-contact:before {
    content: ""
}

.ion-android-contacts:before {
    content: ""
}

.ion-android-contract:before {
    content: ""
}

.ion-android-create:before {
    content: ""
}

.ion-android-delete:before {
    content: ""
}

.ion-android-desktop:before {
    content: ""
}

.ion-android-document:before {
    content: ""
}

.ion-android-done:before {
    content: ""
}

.ion-android-done-all:before {
    content: ""
}

.ion-android-download:before {
    content: ""
}

.ion-android-drafts:before {
    content: ""
}

.ion-android-exit:before {
    content: ""
}

.ion-android-expand:before {
    content: ""
}

.ion-android-favorite:before {
    content: ""
}

.ion-android-favorite-outline:before {
    content: ""
}

.ion-android-film:before {
    content: ""
}

.ion-android-folder:before {
    content: ""
}

.ion-android-folder-open:before {
    content: ""
}

.ion-android-funnel:before {
    content: ""
}

.ion-android-globe:before {
    content: ""
}

.ion-android-hand:before {
    content: ""
}

.ion-android-hangout:before {
    content: ""
}

.ion-android-happy:before {
    content: ""
}

.ion-android-home:before {
    content: ""
}

.ion-android-image:before {
    content: ""
}

.ion-android-laptop:before {
    content: ""
}

.ion-android-list:before {
    content: ""
}

.ion-android-locate:before {
    content: ""
}

.ion-android-lock:before {
    content: ""
}

.ion-android-mail:before {
    content: ""
}

.ion-android-map:before {
    content: ""
}

.ion-android-menu:before {
    content: ""
}

.ion-android-microphone:before {
    content: ""
}

.ion-android-microphone-off:before {
    content: ""
}

.ion-android-more-horizontal:before {
    content: ""
}

.ion-android-more-vertical:before {
    content: ""
}

.ion-android-navigate:before {
    content: ""
}

.ion-android-notifications:before {
    content: ""
}

.ion-android-notifications-none:before {
    content: ""
}

.ion-android-notifications-off:before {
    content: ""
}

.ion-android-open:before {
    content: ""
}

.ion-android-options:before {
    content: ""
}

.ion-android-people:before {
    content: ""
}

.ion-android-person:before {
    content: ""
}

.ion-android-person-add:before {
    content: ""
}

.ion-android-phone-landscape:before {
    content: ""
}

.ion-android-phone-portrait:before {
    content: ""
}

.ion-android-pin:before {
    content: ""
}

.ion-android-plane:before {
    content: ""
}

.ion-android-playstore:before {
    content: ""
}

.ion-android-print:before {
    content: ""
}

.ion-android-radio-button-off:before {
    content: ""
}

.ion-android-radio-button-on:before {
    content: ""
}

.ion-android-refresh:before {
    content: ""
}

.ion-android-remove:before {
    content: ""
}

.ion-android-remove-circle:before {
    content: ""
}

.ion-android-restaurant:before {
    content: ""
}

.ion-android-sad:before {
    content: ""
}

.ion-android-search:before {
    content: ""
}

.ion-android-send:before {
    content: ""
}

.ion-android-settings:before {
    content: ""
}

.ion-android-share:before {
    content: ""
}

.ion-android-share-alt:before {
    content: ""
}

.ion-android-star:before {
    content: ""
}

.ion-android-star-half:before {
    content: ""
}

.ion-android-star-outline:before {
    content: ""
}

.ion-android-stopwatch:before {
    content: ""
}

.ion-android-subway:before {
    content: ""
}

.ion-android-sunny:before {
    content: ""
}

.ion-android-sync:before {
    content: ""
}

.ion-android-textsms:before {
    content: ""
}

.ion-android-time:before {
    content: ""
}

.ion-android-train:before {
    content: ""
}

.ion-android-unlock:before {
    content: ""
}

.ion-android-upload:before {
    content: ""
}

.ion-android-volume-down:before {
    content: ""
}

.ion-android-volume-mute:before {
    content: ""
}

.ion-android-volume-off:before {
    content: ""
}

.ion-android-volume-up:before {
    content: ""
}

.ion-android-walk:before {
    content: ""
}

.ion-android-warning:before {
    content: ""
}

.ion-android-watch:before {
    content: ""
}

.ion-android-wifi:before {
    content: ""
}

.ion-aperture:before {
    content: ""
}

.ion-archive:before {
    content: ""
}

.ion-arrow-down-a:before {
    content: ""
}

.ion-arrow-down-b:before {
    content: ""
}

.ion-arrow-down-c:before {
    content: ""
}

.ion-arrow-expand:before {
    content: ""
}

.ion-arrow-graph-down-left:before {
    content: ""
}

.ion-arrow-graph-down-right:before {
    content: ""
}

.ion-arrow-graph-up-left:before {
    content: ""
}

.ion-arrow-graph-up-right:before {
    content: ""
}

.ion-arrow-left-a:before {
    content: ""
}

.ion-arrow-left-b:before {
    content: ""
}

.ion-arrow-left-c:before {
    content: ""
}

.ion-arrow-move:before {
    content: ""
}

.ion-arrow-resize:before {
    content: ""
}

.ion-arrow-return-left:before {
    content: ""
}

.ion-arrow-return-right:before {
    content: ""
}

.ion-arrow-right-a:before {
    content: ""
}

.ion-arrow-right-b:before {
    content: ""
}

.ion-arrow-right-c:before {
    content: ""
}

.ion-arrow-shrink:before {
    content: ""
}

.ion-arrow-swap:before {
    content: ""
}

.ion-arrow-up-a:before {
    content: ""
}

.ion-arrow-up-b:before {
    content: ""
}

.ion-arrow-up-c:before {
    content: ""
}

.ion-asterisk:before {
    content: ""
}

.ion-at:before {
    content: ""
}

.ion-backspace:before {
    content: ""
}

.ion-backspace-outline:before {
    content: ""
}

.ion-bag:before {
    content: ""
}

.ion-battery-charging:before {
    content: ""
}

.ion-battery-empty:before {
    content: ""
}

.ion-battery-full:before {
    content: ""
}

.ion-battery-half:before {
    content: ""
}

.ion-battery-low:before {
    content: ""
}

.ion-beaker:before {
    content: ""
}

.ion-beer:before {
    content: ""
}

.ion-bluetooth:before {
    content: ""
}

.ion-bonfire:before {
    content: ""
}

.ion-bookmark:before {
    content: ""
}

.ion-bowtie:before {
    content: ""
}

.ion-briefcase:before {
    content: ""
}

.ion-bug:before {
    content: ""
}

.ion-calculator:before {
    content: ""
}

.ion-calendar:before {
    content: ""
}

.ion-camera:before {
    content: ""
}

.ion-card:before {
    content: ""
}

.ion-cash:before {
    content: ""
}

.ion-chatbox:before {
    content: ""
}

.ion-chatbox-working:before {
    content: ""
}

.ion-chatboxes:before {
    content: ""
}

.ion-chatbubble:before {
    content: ""
}

.ion-chatbubble-working:before {
    content: ""
}

.ion-chatbubbles:before {
    content: ""
}

.ion-checkmark:before {
    content: ""
}

.ion-checkmark-circled:before {
    content: ""
}

.ion-checkmark-round:before {
    content: ""
}

.ion-chevron-down:before {
    content: ""
}

.ion-chevron-left:before {
    content: ""
}

.ion-chevron-right:before {
    content: ""
}

.ion-chevron-up:before {
    content: ""
}

.ion-clipboard:before {
    content: ""
}

.ion-clock:before {
    content: ""
}

.ion-close:before {
    content: ""
}

.ion-close-circled:before {
    content: ""
}

.ion-close-round:before {
    content: ""
}

.ion-closed-captioning:before {
    content: ""
}

.ion-cloud:before {
    content: ""
}

.ion-code:before {
    content: ""
}

.ion-code-download:before {
    content: ""
}

.ion-code-working:before {
    content: ""
}

.ion-coffee:before {
    content: ""
}

.ion-compass:before {
    content: ""
}

.ion-compose:before {
    content: ""
}

.ion-connection-bars:before {
    content: ""
}

.ion-contrast:before {
    content: ""
}

.ion-crop:before {
    content: ""
}

.ion-cube:before {
    content: ""
}

.ion-disc:before {
    content: ""
}

.ion-document:before {
    content: ""
}

.ion-document-text:before {
    content: ""
}

.ion-drag:before {
    content: ""
}

.ion-earth:before {
    content: ""
}

.ion-easel:before {
    content: ""
}

.ion-edit:before {
    content: ""
}

.ion-egg:before {
    content: ""
}

.ion-eject:before {
    content: ""
}

.ion-email:before {
    content: ""
}

.ion-email-unread:before {
    content: ""
}

.ion-erlenmeyer-flask:before {
    content: ""
}

.ion-erlenmeyer-flask-bubbles:before {
    content: ""
}

.ion-eye:before {
    content: ""
}

.ion-eye-disabled:before {
    content: ""
}

.ion-female:before {
    content: ""
}

.ion-filing:before {
    content: ""
}

.ion-film-marker:before {
    content: ""
}

.ion-fireball:before {
    content: ""
}

.ion-flag:before {
    content: ""
}

.ion-flame:before {
    content: ""
}

.ion-flash:before {
    content: ""
}

.ion-flash-off:before {
    content: ""
}

.ion-folder:before {
    content: ""
}

.ion-fork:before {
    content: ""
}

.ion-fork-repo:before {
    content: ""
}

.ion-forward:before {
    content: ""
}

.ion-funnel:before {
    content: ""
}

.ion-gear-a:before {
    content: ""
}

.ion-gear-b:before {
    content: ""
}

.ion-grid:before {
    content: ""
}

.ion-hammer:before {
    content: ""
}

.ion-happy:before {
    content: ""
}

.ion-happy-outline:before {
    content: ""
}

.ion-headphone:before {
    content: ""
}

.ion-heart:before {
    content: ""
}

.ion-heart-broken:before {
    content: ""
}

.ion-help:before {
    content: ""
}

.ion-help-buoy:before {
    content: ""
}

.ion-help-circled:before {
    content: ""
}

.ion-home:before {
    content: ""
}

.ion-icecream:before {
    content: ""
}

.ion-image:before {
    content: ""
}

.ion-images:before {
    content: ""
}

.ion-information:before {
    content: ""
}

.ion-information-circled:before {
    content: ""
}

.ion-ionic:before {
    content: ""
}

.ion-ios-alarm:before {
    content: ""
}

.ion-ios-alarm-outline:before {
    content: ""
}

.ion-ios-albums:before {
    content: ""
}

.ion-ios-albums-outline:before {
    content: ""
}

.ion-ios-americanfootball:before {
    content: ""
}

.ion-ios-americanfootball-outline:before {
    content: ""
}

.ion-ios-analytics:before {
    content: ""
}

.ion-ios-analytics-outline:before {
    content: ""
}

.ion-ios-arrow-back:before {
    content: ""
}

.ion-ios-arrow-down:before {
    content: ""
}

.ion-ios-arrow-forward:before {
    content: ""
}

.ion-ios-arrow-left:before {
    content: ""
}

.ion-ios-arrow-right:before {
    content: ""
}

.ion-ios-arrow-thin-down:before {
    content: ""
}

.ion-ios-arrow-thin-left:before {
    content: ""
}

.ion-ios-arrow-thin-right:before {
    content: ""
}

.ion-ios-arrow-thin-up:before {
    content: ""
}

.ion-ios-arrow-up:before {
    content: ""
}

.ion-ios-at:before {
    content: ""
}

.ion-ios-at-outline:before {
    content: ""
}

.ion-ios-barcode:before {
    content: ""
}

.ion-ios-barcode-outline:before {
    content: ""
}

.ion-ios-baseball:before {
    content: ""
}

.ion-ios-baseball-outline:before {
    content: ""
}

.ion-ios-basketball:before {
    content: ""
}

.ion-ios-basketball-outline:before {
    content: ""
}

.ion-ios-bell:before {
    content: ""
}

.ion-ios-bell-outline:before {
    content: ""
}

.ion-ios-body:before {
    content: ""
}

.ion-ios-body-outline:before {
    content: ""
}

.ion-ios-bolt:before {
    content: ""
}

.ion-ios-bolt-outline:before {
    content: ""
}

.ion-ios-book:before {
    content: ""
}

.ion-ios-book-outline:before {
    content: ""
}

.ion-ios-bookmarks:before {
    content: ""
}

.ion-ios-bookmarks-outline:before {
    content: ""
}

.ion-ios-box:before {
    content: ""
}

.ion-ios-box-outline:before {
    content: ""
}

.ion-ios-briefcase:before {
    content: ""
}

.ion-ios-briefcase-outline:before {
    content: ""
}

.ion-ios-browsers:before {
    content: ""
}

.ion-ios-browsers-outline:before {
    content: ""
}

.ion-ios-calculator:before {
    content: ""
}

.ion-ios-calculator-outline:before {
    content: ""
}

.ion-ios-calendar:before {
    content: ""
}

.ion-ios-calendar-outline:before {
    content: ""
}

.ion-ios-camera:before {
    content: ""
}

.ion-ios-camera-outline:before {
    content: ""
}

.ion-ios-cart:before {
    content: ""
}

.ion-ios-cart-outline:before {
    content: ""
}

.ion-ios-chatboxes:before {
    content: ""
}

.ion-ios-chatboxes-outline:before {
    content: ""
}

.ion-ios-chatbubble:before {
    content: ""
}

.ion-ios-chatbubble-outline:before {
    content: ""
}

.ion-ios-checkmark:before {
    content: ""
}

.ion-ios-checkmark-empty:before {
    content: ""
}

.ion-ios-checkmark-outline:before {
    content: ""
}

.ion-ios-circle-filled:before {
    content: ""
}

.ion-ios-circle-outline:before {
    content: ""
}

.ion-ios-clock:before {
    content: ""
}

.ion-ios-clock-outline:before {
    content: ""
}

.ion-ios-close:before {
    content: ""
}

.ion-ios-close-empty:before {
    content: ""
}

.ion-ios-close-outline:before {
    content: ""
}

.ion-ios-cloud:before {
    content: ""
}

.ion-ios-cloud-download:before {
    content: ""
}

.ion-ios-cloud-download-outline:before {
    content: ""
}

.ion-ios-cloud-outline:before {
    content: ""
}

.ion-ios-cloud-upload:before {
    content: ""
}

.ion-ios-cloud-upload-outline:before {
    content: ""
}

.ion-ios-cloudy:before {
    content: ""
}

.ion-ios-cloudy-night:before {
    content: ""
}

.ion-ios-cloudy-night-outline:before {
    content: ""
}

.ion-ios-cloudy-outline:before {
    content: ""
}

.ion-ios-cog:before {
    content: ""
}

.ion-ios-cog-outline:before {
    content: ""
}

.ion-ios-color-filter:before {
    content: ""
}

.ion-ios-color-filter-outline:before {
    content: ""
}

.ion-ios-color-wand:before {
    content: ""
}

.ion-ios-color-wand-outline:before {
    content: ""
}

.ion-ios-compose:before {
    content: ""
}

.ion-ios-compose-outline:before {
    content: ""
}

.ion-ios-contact:before {
    content: ""
}

.ion-ios-contact-outline:before {
    content: ""
}

.ion-ios-copy:before {
    content: ""
}

.ion-ios-copy-outline:before {
    content: ""
}

.ion-ios-crop:before {
    content: ""
}

.ion-ios-crop-strong:before {
    content: ""
}

.ion-ios-download:before {
    content: ""
}

.ion-ios-download-outline:before {
    content: ""
}

.ion-ios-drag:before {
    content: ""
}

.ion-ios-email:before {
    content: ""
}

.ion-ios-email-outline:before {
    content: ""
}

.ion-ios-eye:before {
    content: ""
}

.ion-ios-eye-outline:before {
    content: ""
}

.ion-ios-fastforward:before {
    content: ""
}

.ion-ios-fastforward-outline:before {
    content: ""
}

.ion-ios-filing:before {
    content: ""
}

.ion-ios-filing-outline:before {
    content: ""
}

.ion-ios-film:before {
    content: ""
}

.ion-ios-film-outline:before {
    content: ""
}

.ion-ios-flag:before {
    content: ""
}

.ion-ios-flag-outline:before {
    content: ""
}

.ion-ios-flame:before {
    content: ""
}

.ion-ios-flame-outline:before {
    content: ""
}

.ion-ios-flask:before {
    content: ""
}

.ion-ios-flask-outline:before {
    content: ""
}

.ion-ios-flower:before {
    content: ""
}

.ion-ios-flower-outline:before {
    content: ""
}

.ion-ios-folder:before {
    content: ""
}

.ion-ios-folder-outline:before {
    content: ""
}

.ion-ios-football:before {
    content: ""
}

.ion-ios-football-outline:before {
    content: ""
}

.ion-ios-game-controller-a:before {
    content: ""
}

.ion-ios-game-controller-a-outline:before {
    content: ""
}

.ion-ios-game-controller-b:before {
    content: ""
}

.ion-ios-game-controller-b-outline:before {
    content: ""
}

.ion-ios-gear:before {
    content: ""
}

.ion-ios-gear-outline:before {
    content: ""
}

.ion-ios-glasses:before {
    content: ""
}

.ion-ios-glasses-outline:before {
    content: ""
}

.ion-ios-grid-view:before {
    content: ""
}

.ion-ios-grid-view-outline:before {
    content: ""
}

.ion-ios-heart:before {
    content: ""
}

.ion-ios-heart-outline:before {
    content: ""
}

.ion-ios-help:before {
    content: ""
}

.ion-ios-help-empty:before {
    content: ""
}

.ion-ios-help-outline:before {
    content: ""
}

.ion-ios-home:before {
    content: ""
}

.ion-ios-home-outline:before {
    content: ""
}

.ion-ios-infinite:before {
    content: ""
}

.ion-ios-infinite-outline:before {
    content: ""
}

.ion-ios-information:before {
    content: ""
}

.ion-ios-information-empty:before {
    content: ""
}

.ion-ios-information-outline:before {
    content: ""
}

.ion-ios-ionic-outline:before {
    content: ""
}

.ion-ios-keypad:before {
    content: ""
}

.ion-ios-keypad-outline:before {
    content: ""
}

.ion-ios-lightbulb:before {
    content: ""
}

.ion-ios-lightbulb-outline:before {
    content: ""
}

.ion-ios-list:before {
    content: ""
}

.ion-ios-list-outline:before {
    content: ""
}

.ion-ios-location:before {
    content: ""
}

.ion-ios-location-outline:before {
    content: ""
}

.ion-ios-locked:before {
    content: ""
}

.ion-ios-locked-outline:before {
    content: ""
}

.ion-ios-loop:before {
    content: ""
}

.ion-ios-loop-strong:before {
    content: ""
}

.ion-ios-medical:before {
    content: ""
}

.ion-ios-medical-outline:before {
    content: ""
}

.ion-ios-medkit:before {
    content: ""
}

.ion-ios-medkit-outline:before {
    content: ""
}

.ion-ios-mic:before {
    content: ""
}

.ion-ios-mic-off:before {
    content: ""
}

.ion-ios-mic-outline:before {
    content: ""
}

.ion-ios-minus:before {
    content: ""
}

.ion-ios-minus-empty:before {
    content: ""
}

.ion-ios-minus-outline:before {
    content: ""
}

.ion-ios-monitor:before {
    content: ""
}

.ion-ios-monitor-outline:before {
    content: ""
}

.ion-ios-moon:before {
    content: ""
}

.ion-ios-moon-outline:before {
    content: ""
}

.ion-ios-more:before {
    content: ""
}

.ion-ios-more-outline:before {
    content: ""
}

.ion-ios-musical-note:before {
    content: ""
}

.ion-ios-musical-notes:before {
    content: ""
}

.ion-ios-navigate:before {
    content: ""
}

.ion-ios-navigate-outline:before {
    content: ""
}

.ion-ios-nutrition:before {
    content: ""
}

.ion-ios-nutrition-outline:before {
    content: ""
}

.ion-ios-paper:before {
    content: ""
}

.ion-ios-paper-outline:before {
    content: ""
}

.ion-ios-paperplane:before {
    content: ""
}

.ion-ios-paperplane-outline:before {
    content: ""
}

.ion-ios-partlysunny:before {
    content: ""
}

.ion-ios-partlysunny-outline:before {
    content: ""
}

.ion-ios-pause:before {
    content: ""
}

.ion-ios-pause-outline:before {
    content: ""
}

.ion-ios-paw:before {
    content: ""
}

.ion-ios-paw-outline:before {
    content: ""
}

.ion-ios-people:before {
    content: ""
}

.ion-ios-people-outline:before {
    content: ""
}

.ion-ios-person:before {
    content: ""
}

.ion-ios-person-outline:before {
    content: ""
}

.ion-ios-personadd:before {
    content: ""
}

.ion-ios-personadd-outline:before {
    content: ""
}

.ion-ios-photos:before {
    content: ""
}

.ion-ios-photos-outline:before {
    content: ""
}

.ion-ios-pie:before {
    content: ""
}

.ion-ios-pie-outline:before {
    content: ""
}

.ion-ios-pint:before {
    content: ""
}

.ion-ios-pint-outline:before {
    content: ""
}

.ion-ios-play:before {
    content: ""
}

.ion-ios-play-outline:before {
    content: ""
}

.ion-ios-plus:before {
    content: ""
}

.ion-ios-plus-empty:before {
    content: ""
}

.ion-ios-plus-outline:before {
    content: ""
}

.ion-ios-pricetag:before {
    content: ""
}

.ion-ios-pricetag-outline:before {
    content: ""
}

.ion-ios-pricetags:before {
    content: ""
}

.ion-ios-pricetags-outline:before {
    content: ""
}

.ion-ios-printer:before {
    content: ""
}

.ion-ios-printer-outline:before {
    content: ""
}

.ion-ios-pulse:before {
    content: ""
}

.ion-ios-pulse-strong:before {
    content: ""
}

.ion-ios-rainy:before {
    content: ""
}

.ion-ios-rainy-outline:before {
    content: ""
}

.ion-ios-recording:before {
    content: ""
}

.ion-ios-recording-outline:before {
    content: ""
}

.ion-ios-redo:before {
    content: ""
}

.ion-ios-redo-outline:before {
    content: ""
}

.ion-ios-refresh:before {
    content: ""
}

.ion-ios-refresh-empty:before {
    content: ""
}

.ion-ios-refresh-outline:before {
    content: ""
}

.ion-ios-reload:before {
    content: ""
}

.ion-ios-reverse-camera:before {
    content: ""
}

.ion-ios-reverse-camera-outline:before {
    content: ""
}

.ion-ios-rewind:before {
    content: ""
}

.ion-ios-rewind-outline:before {
    content: ""
}

.ion-ios-rose:before {
    content: ""
}

.ion-ios-rose-outline:before {
    content: ""
}

.ion-ios-search:before {
    content: ""
}

.ion-ios-search-strong:before {
    content: ""
}

.ion-ios-settings:before {
    content: ""
}

.ion-ios-settings-strong:before {
    content: ""
}

.ion-ios-shuffle:before {
    content: ""
}

.ion-ios-shuffle-strong:before {
    content: ""
}

.ion-ios-skipbackward:before {
    content: ""
}

.ion-ios-skipbackward-outline:before {
    content: ""
}

.ion-ios-skipforward:before {
    content: ""
}

.ion-ios-skipforward-outline:before {
    content: ""
}

.ion-ios-snowy:before {
    content: ""
}

.ion-ios-speedometer:before {
    content: ""
}

.ion-ios-speedometer-outline:before {
    content: ""
}

.ion-ios-star:before {
    content: ""
}

.ion-ios-star-half:before {
    content: ""
}

.ion-ios-star-outline:before {
    content: ""
}

.ion-ios-stopwatch:before {
    content: ""
}

.ion-ios-stopwatch-outline:before {
    content: ""
}

.ion-ios-sunny:before {
    content: ""
}

.ion-ios-sunny-outline:before {
    content: ""
}

.ion-ios-telephone:before {
    content: ""
}

.ion-ios-telephone-outline:before {
    content: ""
}

.ion-ios-tennisball:before {
    content: ""
}

.ion-ios-tennisball-outline:before {
    content: ""
}

.ion-ios-thunderstorm:before {
    content: ""
}

.ion-ios-thunderstorm-outline:before {
    content: ""
}

.ion-ios-time:before {
    content: ""
}

.ion-ios-time-outline:before {
    content: ""
}

.ion-ios-timer:before {
    content: ""
}

.ion-ios-timer-outline:before {
    content: ""
}

.ion-ios-toggle:before {
    content: ""
}

.ion-ios-toggle-outline:before {
    content: ""
}

.ion-ios-trash:before {
    content: ""
}

.ion-ios-trash-outline:before {
    content: ""
}

.ion-ios-undo:before {
    content: ""
}

.ion-ios-undo-outline:before {
    content: ""
}

.ion-ios-unlocked:before {
    content: ""
}

.ion-ios-unlocked-outline:before {
    content: ""
}

.ion-ios-upload:before {
    content: ""
}

.ion-ios-upload-outline:before {
    content: ""
}

.ion-ios-videocam:before {
    content: ""
}

.ion-ios-videocam-outline:before {
    content: ""
}

.ion-ios-volume-high:before {
    content: ""
}

.ion-ios-volume-low:before {
    content: ""
}

.ion-ios-wineglass:before {
    content: ""
}

.ion-ios-wineglass-outline:before {
    content: ""
}

.ion-ios-world:before {
    content: ""
}

.ion-ios-world-outline:before {
    content: ""
}

.ion-ipad:before {
    content: ""
}

.ion-iphone:before {
    content: ""
}

.ion-ipod:before {
    content: ""
}

.ion-jet:before {
    content: ""
}

.ion-key:before {
    content: ""
}

.ion-knife:before {
    content: ""
}

.ion-laptop:before {
    content: ""
}

.ion-leaf:before {
    content: ""
}

.ion-levels:before {
    content: ""
}

.ion-lightbulb:before {
    content: ""
}

.ion-link:before {
    content: ""
}

.ion-load-a:before {
    content: ""
}

.ion-load-b:before {
    content: ""
}

.ion-load-c:before {
    content: ""
}

.ion-load-d:before {
    content: ""
}

.ion-location:before {
    content: ""
}

.ion-lock-combination:before {
    content: ""
}

.ion-locked:before {
    content: ""
}

.ion-log-in:before {
    content: ""
}

.ion-log-out:before {
    content: ""
}

.ion-loop:before {
    content: ""
}

.ion-magnet:before {
    content: ""
}

.ion-male:before {
    content: ""
}

.ion-man:before {
    content: ""
}

.ion-map:before {
    content: ""
}

.ion-medkit:before {
    content: ""
}

.ion-merge:before {
    content: ""
}

.ion-mic-a:before {
    content: ""
}

.ion-mic-b:before {
    content: ""
}

.ion-mic-c:before {
    content: ""
}

.ion-minus:before {
    content: ""
}

.ion-minus-circled:before {
    content: ""
}

.ion-minus-round:before {
    content: ""
}

.ion-model-s:before {
    content: ""
}

.ion-monitor:before {
    content: ""
}

.ion-more:before {
    content: ""
}

.ion-mouse:before {
    content: ""
}

.ion-music-note:before {
    content: ""
}

.ion-navicon:before {
    content: ""
}

.ion-navicon-round:before {
    content: ""
}

.ion-navigate:before {
    content: ""
}

.ion-network:before {
    content: ""
}

.ion-no-smoking:before {
    content: ""
}

.ion-nuclear:before {
    content: ""
}

.ion-outlet:before {
    content: ""
}

.ion-paintbrush:before {
    content: ""
}

.ion-paintbucket:before {
    content: ""
}

.ion-paper-airplane:before {
    content: ""
}

.ion-paperclip:before {
    content: ""
}

.ion-pause:before {
    content: ""
}

.ion-person:before {
    content: ""
}

.ion-person-add:before {
    content: ""
}

.ion-person-stalker:before {
    content: ""
}

.ion-pie-graph:before {
    content: ""
}

.ion-pin:before {
    content: ""
}

.ion-pinpoint:before {
    content: ""
}

.ion-pizza:before {
    content: ""
}

.ion-plane:before {
    content: ""
}

.ion-planet:before {
    content: ""
}

.ion-play:before {
    content: ""
}

.ion-playstation:before {
    content: ""
}

.ion-plus:before {
    content: ""
}

.ion-plus-circled:before {
    content: ""
}

.ion-plus-round:before {
    content: ""
}

.ion-podium:before {
    content: ""
}

.ion-pound:before {
    content: ""
}

.ion-power:before {
    content: ""
}

.ion-pricetag:before {
    content: ""
}

.ion-pricetags:before {
    content: ""
}

.ion-printer:before {
    content: ""
}

.ion-pull-request:before {
    content: ""
}

.ion-qr-scanner:before {
    content: ""
}

.ion-quote:before {
    content: ""
}

.ion-radio-waves:before {
    content: ""
}

.ion-record:before {
    content: ""
}

.ion-refresh:before {
    content: ""
}

.ion-reply:before {
    content: ""
}

.ion-reply-all:before {
    content: ""
}

.ion-ribbon-a:before {
    content: ""
}

.ion-ribbon-b:before {
    content: ""
}

.ion-sad:before {
    content: ""
}

.ion-sad-outline:before {
    content: ""
}

.ion-scissors:before {
    content: ""
}

.ion-search:before {
    content: ""
}

.ion-settings:before {
    content: ""
}

.ion-share:before {
    content: ""
}

.ion-shuffle:before {
    content: ""
}

.ion-skip-backward:before {
    content: ""
}

.ion-skip-forward:before {
    content: ""
}

.ion-social-android:before {
    content: ""
}

.ion-social-android-outline:before {
    content: ""
}

.ion-social-angular:before {
    content: ""
}

.ion-social-angular-outline:before {
    content: ""
}

.ion-social-apple:before {
    content: ""
}

.ion-social-apple-outline:before {
    content: ""
}

.ion-social-bitcoin:before {
    content: ""
}

.ion-social-bitcoin-outline:before {
    content: ""
}

.ion-social-buffer:before {
    content: ""
}

.ion-social-buffer-outline:before {
    content: ""
}

.ion-social-chrome:before {
    content: ""
}

.ion-social-chrome-outline:before {
    content: ""
}

.ion-social-codepen:before {
    content: ""
}

.ion-social-codepen-outline:before {
    content: ""
}

.ion-social-css3:before {
    content: ""
}

.ion-social-css3-outline:before {
    content: ""
}

.ion-social-designernews:before {
    content: ""
}

.ion-social-designernews-outline:before {
    content: ""
}

.ion-social-dribbble:before {
    content: ""
}

.ion-social-dribbble-outline:before {
    content: ""
}

.ion-social-dropbox:before {
    content: ""
}

.ion-social-dropbox-outline:before {
    content: ""
}

.ion-social-euro:before {
    content: ""
}

.ion-social-euro-outline:before {
    content: ""
}

.ion-social-facebook:before {
    content: ""
}

.ion-social-facebook-outline:before {
    content: ""
}

.ion-social-foursquare:before {
    content: ""
}

.ion-social-foursquare-outline:before {
    content: ""
}

.ion-social-freebsd-devil:before {
    content: ""
}

.ion-social-github:before {
    content: ""
}

.ion-social-github-outline:before {
    content: ""
}

.ion-social-google:before {
    content: ""
}

.ion-social-google-outline:before {
    content: ""
}

.ion-social-googleplus:before {
    content: ""
}

.ion-social-googleplus-outline:before {
    content: ""
}

.ion-social-hackernews:before {
    content: ""
}

.ion-social-hackernews-outline:before {
    content: ""
}

.ion-social-html5:before {
    content: ""
}

.ion-social-html5-outline:before {
    content: ""
}

.ion-social-instagram:before {
    content: ""
}

.ion-social-instagram-outline:before {
    content: ""
}

.ion-social-javascript:before {
    content: ""
}

.ion-social-javascript-outline:before {
    content: ""
}

.ion-social-linkedin:before {
    content: ""
}

.ion-social-linkedin-outline:before {
    content: ""
}

.ion-social-markdown:before {
    content: ""
}

.ion-social-nodejs:before {
    content: ""
}

.ion-social-octocat:before {
    content: ""
}

.ion-social-pinterest:before {
    content: ""
}

.ion-social-pinterest-outline:before {
    content: ""
}

.ion-social-python:before {
    content: ""
}

.ion-social-reddit:before {
    content: ""
}

.ion-social-reddit-outline:before {
    content: ""
}

.ion-social-rss:before {
    content: ""
}

.ion-social-rss-outline:before {
    content: ""
}

.ion-social-sass:before {
    content: ""
}

.ion-social-skype:before {
    content: ""
}

.ion-social-skype-outline:before {
    content: ""
}

.ion-social-snapchat:before {
    content: ""
}

.ion-social-snapchat-outline:before {
    content: ""
}

.ion-social-tumblr:before {
    content: ""
}

.ion-social-tumblr-outline:before {
    content: ""
}

.ion-social-tux:before {
    content: ""
}

.ion-social-twitch:before {
    content: ""
}

.ion-social-twitch-outline:before {
    content: ""
}

.ion-social-twitter:before {
    content: ""
}

.ion-social-twitter-outline:before {
    content: ""
}

.ion-social-usd:before {
    content: ""
}

.ion-social-usd-outline:before {
    content: ""
}

.ion-social-vimeo:before {
    content: ""
}

.ion-social-vimeo-outline:before {
    content: ""
}

.ion-social-whatsapp:before {
    content: ""
}

.ion-social-whatsapp-outline:before {
    content: ""
}

.ion-social-windows:before {
    content: ""
}

.ion-social-windows-outline:before {
    content: ""
}

.ion-social-wordpress:before {
    content: ""
}

.ion-social-wordpress-outline:before {
    content: ""
}

.ion-social-yahoo:before {
    content: ""
}

.ion-social-yahoo-outline:before {
    content: ""
}

.ion-social-yen:before {
    content: ""
}

.ion-social-yen-outline:before {
    content: ""
}

.ion-social-youtube:before {
    content: ""
}

.ion-social-youtube-outline:before {
    content: ""
}

.ion-soup-can:before {
    content: ""
}

.ion-soup-can-outline:before {
    content: ""
}

.ion-speakerphone:before {
    content: ""
}

.ion-speedometer:before {
    content: ""
}

.ion-spoon:before {
    content: ""
}

.ion-star:before {
    content: ""
}

.ion-stats-bars:before {
    content: ""
}

.ion-steam:before {
    content: ""
}

.ion-stop:before {
    content: ""
}

.ion-thermometer:before {
    content: ""
}

.ion-thumbsdown:before {
    content: ""
}

.ion-thumbsup:before {
    content: ""
}

.ion-toggle:before {
    content: ""
}

.ion-toggle-filled:before {
    content: ""
}

.ion-transgender:before {
    content: ""
}

.ion-trash-a:before {
    content: ""
}

.ion-trash-b:before {
    content: ""
}

.ion-trophy:before {
    content: ""
}

.ion-tshirt:before {
    content: ""
}

.ion-tshirt-outline:before {
    content: ""
}

.ion-umbrella:before {
    content: ""
}

.ion-university:before {
    content: ""
}

.ion-unlocked:before {
    content: ""
}

.ion-upload:before {
    content: ""
}

.ion-usb:before {
    content: ""
}

.ion-videocamera:before {
    content: ""
}

.ion-volume-high:before {
    content: ""
}

.ion-volume-low:before {
    content: ""
}

.ion-volume-medium:before {
    content: ""
}

.ion-volume-mute:before {
    content: ""
}

.ion-wand:before {
    content: ""
}

.ion-waterdrop:before {
    content: ""
}

.ion-wifi:before {
    content: ""
}

.ion-wineglass:before {
    content: ""
}

.ion-woman:before {
    content: ""
}

.ion-wrench:before {
    content: ""
}

.ion-xbox:before {
    content: ""
}

.tooltip {
    z-index: 40;
    border-radius: .375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(18 27 34/1);
    padding: .25rem .5rem;
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(248 249 250/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .tooltip {
        background-color: rgb(18 27 34/var(--tw-bg-opacity));
        color: rgb(248 249 250/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: rgb(18 27 34/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))
    }
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .tooltip) {
        color: rgb(18 27 34/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% 63%/1)
}

.placeholder\:text-slate-400::placeholder {
    --tw-text-opacity: 1;
    color: hsl(206 6% 63%/1)
}

@supports (color: hsl(0 0% 0%/0)) and (top:var(--f)) {
    .placeholder\:text-slate-400::-moz-placeholder {
        color: hsl(206 6% 63%/var(--tw-text-opacity))
    }

    .placeholder\:text-slate-400::placeholder {
        color: hsl(206 6% 63%/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: 0
}

.before\:top-12:before {
    content: var(--tw-content);
    top: 3rem
}

.before\:h-0:before {
    content: var(--tw-content);
    height: 0
}

.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: 0
}

.before\:w-0\.5:before {
    content: var(--tw-content);
    width: .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: rgb(41 162 167/1) !important
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .before\:\!border-t-woot-500:before {
        border-top-color: rgb(41 162 167/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%/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%/var(--tw-border-opacity)) !important
    }
}

.before\:bg-primary-600:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(35 140 144/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: rgb(41 162 167/1)
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f)) {
    .before\:bg-woot-500:before {
        background-color: rgb(41 162 167/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: 0
}

.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: .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(248 249 250/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .after\:text-white:after {
        color: rgb(248 249 250/var(--tw-text-opacity))
    }
}

.after\:content-\[\'\'\]:after {
    --tw-content: "";
    content: "";
    content: var(--tw-content)
}

.first\:rounded-t-xl:first-child {
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem
}

.first\:before\:h-0:first-child:before {
    content: var(--tw-content);
    height: 0
}

.last\:mb-0:last-child {
    margin-bottom: 0
}

.last\:mb-2:last-child {
    margin-bottom: .5rem
}

.last\:mt-4:last-child {
    margin-top: 1rem
}

.last\:rounded-b-xl:last-child {
    border-bottom-right-radius: .75rem;
    border-bottom-left-radius: .75rem
}

.last\:border-b-0:last-child {
    border-bottom-width: 0
}

.last\:border-r-0:last-child {
    border-right-width: 0
}

.last\:pr-4:last-child {
    padding-right: 1rem
}

.last\:text-right:last-child {
    text-align: right
}

.last\:after\:h-0:last-child:after,
.last\:before\:h-0:last-child:before {
    content: var(--tw-content);
    height: 0
}

.checked\:border:checked {
    border-width: 1px
}

.checked\:border-b-0:checked {
    border-bottom-width: 0
}

.checked\:border-l-0:checked {
    border-left-width: 0
}

.checked\:border-r-0:checked {
    border-right-width: 0
}

.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(35 140 144/1);
    border-color: rgb(var(--color-primary-600)/var(--tw-border-opacity))
}

.checked\:border-woot-700:checked {
    --tw-border-opacity: 1;
    border-color: rgb(29 118 122/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .checked\:border-woot-700:checked {
        border-color: rgb(29 118 122/var(--tw-border-opacity))
    }
}

.checked\:bg-primary-600:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(35 140 144/1);
    background-color: rgb(var(--color-primary-600)/var(--tw-bg-opacity))
}

.checked\:bg-woot-600:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(35 140 144/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .checked\:bg-woot-600:checked {
        background-color: rgb(35 140 144/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: .375rem
}

.hover\:border-black-300:hover {
    --tw-border-opacity: 1;
    border-color: hsl(205 10.7% 78%/1)
}

@supports (color:hsl(0 0% 0%/0)) and (top:var(--f)) {
    .hover\:border-black-300:hover {
        border-color: hsl(205 10.7% 78%/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: rgb(112 193 196/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .hover\:border-woot-200:hover {
        border-color: rgb(112 193 196/var(--tw-border-opacity))
    }
}

.hover\:border-woot-500:hover {
    --tw-border-opacity: 1;
    border-color: rgb(41 162 167/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .hover\:border-woot-500:hover {
        border-color: rgb(41 162 167/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%/1)
}

@supports (color:hsl(0 0% 0%/0)) and (top:var(--f)) {
    .hover\:bg-slate-300:hover {
        background-color: hsl(205 10.7% 78%/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-slate-800\/5:hover {
    background-color: rgb(31 44 52/.05)
}

.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: rgb(148 208 211/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .hover\:bg-woot-100:hover {
        background-color: rgb(148 208 211/var(--tw-bg-opacity))
    }
}

.hover\:bg-woot-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(219 240 240/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .hover\:bg-woot-50:hover {
        background-color: rgb(219 240 240/var(--tw-bg-opacity))
    }
}

.hover\:bg-woot-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(41 162 167/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .hover\:bg-woot-500:hover {
        background-color: rgb(41 162 167/var(--tw-bg-opacity))
    }
}

.hover\:bg-woot-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(35 140 144/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .hover\:bg-woot-600:hover {
        background-color: rgb(35 140 144/var(--tw-bg-opacity))
    }
}

.hover\:bg-woot-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(29 118 122/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .hover\:bg-woot-700:hover {
        background-color: rgb(29 118 122/var(--tw-bg-opacity))
    }
}

.hover\:bg-woot-75:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(184 224 226/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .hover\:bg-woot-75:hover {
        background-color: rgb(184 224 226/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(35 140 144/1);
    color: rgb(var(--color-primary-600)/var(--tw-text-opacity))
}

.hover\:text-red-500:hover {
    --tw-text-opacity: 1;
    color: hsl(358 75% 59%/1)
}

@supports (color:hsl(0 0% 0%/0)) and (top:var(--f)) {
    .hover\:text-red-500:hover {
        color: hsl(358 75% 59%/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% 63%/1)
}

@supports (color:hsl(0 0% 0%/0)) and (top:var(--f)) {
    .hover\:text-slate-400:hover {
        color: hsl(206 6% 63%/var(--tw-text-opacity))
    }
}

.hover\:text-slate-600:hover {
    --tw-text-opacity: 1;
    color: hsl(206 6% 43.5%/1)
}

@supports (color:hsl(0 0% 0%/0)) and (top:var(--f)) {
    .hover\:text-slate-600:hover {
        color: hsl(206 6% 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: rgb(31 44 52/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .hover\:text-slate-800:hover {
        color: rgb(31 44 52/var(--tw-text-opacity))
    }
}

.hover\:text-slate-900:hover {
    --tw-text-opacity: 1;
    color: rgb(18 27 34/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .hover\:text-slate-900:hover {
        color: rgb(18 27 34/var(--tw-text-opacity))
    }
}

.hover\:text-woot-500:hover {
    --tw-text-opacity: 1;
    color: rgb(41 162 167/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .hover\:text-woot-500:hover {
        color: rgb(41 162 167/var(--tw-text-opacity))
    }
}

.hover\:text-woot-600:hover {
    --tw-text-opacity: 1;
    color: rgb(35 140 144/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .hover\:text-woot-600:hover {
        color: rgb(35 140 144/var(--tw-text-opacity))
    }
}

.hover\:text-woot-700:hover {
    --tw-text-opacity: 1;
    color: rgb(29 118 122/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .hover\:text-woot-700:hover {
        color: rgb(29 118 122/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 transparent, 0 0 transparent, 0 10px 15px -3px rgb(0 0 0/.1), 0 4px 6px -4px rgb(0 0 0/.1);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), 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 transparent, 0 0 transparent, 0 4px 6px -1px rgb(0 0 0/.1), 0 2px 4px -2px rgb(0 0 0/.1);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.hover\:shadow-none:hover {
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent;
    box-shadow: 0 0 transparent, 0 0 transparent, 0 0 transparent;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.focus\:border-black-300:focus {
    --tw-border-opacity: 1;
    border-color: hsl(205 10.7% 78%/1)
}

@supports (color:hsl(0 0% 0%/0)) and (top:var(--f)) {
    .focus\:border-black-300:focus {
        border-color: hsl(205 10.7% 78%/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: rgb(41 162 167/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .focus\:border-woot-500:focus {
        border-color: rgb(41 162 167/var(--tw-border-opacity))
    }
}

.focus\:border-woot-600:focus {
    --tw-border-opacity: 1;
    border-color: rgb(35 140 144/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .focus\:border-woot-600:focus {
        border-color: rgb(35 140 144/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\:opacity-\[0\.85\]:focus {
    opacity: .85
}

.focus\:shadow-none:focus {
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent;
    box-shadow: 0 0 transparent, 0 0 transparent, 0 0 transparent;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.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: 0
}

.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(55 169 173/1);
    outline-color: rgb(var(--color-primary-400)/1)
}

.focus\:outline-red-600:focus {
    outline-color: #dc3d43
}

.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: #29a2a7
}

.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 transparent;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.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 transparent;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.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 transparent;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.focus\:ring-inset:focus {
    --tw-ring-inset: inset
}

.focus\:ring-indigo-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-indigo-600)/var(--tw-ring-opacity))
}

.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: rgb(112 193 196/var(--tw-ring-opacity))
}

.focus\:ring-woot-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(41 162 167/var(--tw-ring-opacity))
}

.focus\:ring-woot-500\/20:focus {
    --tw-ring-color: rgb(41 162 167/0.2)
}

.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: #29a2a7
}

.focus-visible\:outline-woot-600:focus-visible {
    outline-color: #238c90
}

.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(35 140 144/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\:opacity-\[0\.85\]:active {
    opacity: .85
}

.active\:shadow-none:active {
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent;
    box-shadow: 0 0 transparent, 0 0 transparent, 0 0 transparent;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.disabled\:pointer-events-none:disabled {
    pointer-events: none
}

.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-50:disabled {
    opacity: .5
}

.disabled\:opacity-60:disabled {
    opacity: .6
}

.disabled\:shadow-none:disabled {
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent;
    box-shadow: 0 0 transparent, 0 0 transparent, 0 0 transparent;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.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: rgb(41 162 167/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .group:hover .group-hover\:text-woot-500 {
        color: rgb(41 162 167/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: .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: 0
}

.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\:after\:content-none :is(:where(code):not(:where([class~=not-prose] *))):after,
.prose-code\:before\:content-none :is(:where(code):not(:where([class~=not-prose] *))):before {
    --tw-content: none;
    content: none;
    content: var(--tw-content)
}

:is([dir=ltr] .ltr\:-left-3) {
    left: -.75rem
}

:is([dir=ltr] .ltr\:-left-3\.5) {
    left: -.875rem
}

:is([dir=ltr] .ltr\:-right-3) {
    right: -.75rem
}

:is([dir=ltr] .ltr\:-right-4) {
    right: -1rem
}

:is([dir=ltr] .ltr\:left-0) {
    left: 0
}

:is([dir=ltr] .ltr\:left-4) {
    left: 1rem
}

:is([dir=ltr] .ltr\:right-0) {
    right: 0
}

:is([dir=ltr] .ltr\:right-0\.5) {
    right: .125rem
}

:is([dir=ltr] .ltr\:right-2) {
    right: .5rem
}

:is([dir=ltr] .ltr\:-ml-1) {
    margin-left: -.25rem
}

:is([dir=ltr] .ltr\:-ml-1\.5) {
    margin-left: -.375rem
}

:is([dir=ltr] .ltr\:-ml-3) {
    margin-left: -.75rem
}

:is([dir=ltr] .ltr\:ml-0) {
    margin-left: 0
}

:is([dir=ltr] .ltr\:ml-1) {
    margin-left: .25rem
}

:is([dir=ltr] .ltr\:ml-2) {
    margin-left: .5rem
}

:is([dir=ltr] .ltr\:mr-1) {
    margin-right: .25rem
}

:is([dir=ltr] .ltr\:mr-2) {
    margin-right: .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: translateY(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: 0 !important;
    border-bottom-left-radius: 0 !important
}

:is([dir=ltr] .ltr\:\!rounded-r-none) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

:is([dir=ltr] .ltr\:rounded-l-lg) {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem
}

:is([dir=ltr] .ltr\:rounded-l-md) {
    border-top-left-radius: .375rem;
    border-bottom-left-radius: .375rem
}

:is([dir=ltr] .ltr\:rounded-l-none) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

:is([dir=ltr] .ltr\:rounded-r-lg) {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem
}

:is([dir=ltr] .ltr\:rounded-r-none) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

: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: .25rem
}

:is([dir=ltr] .ltr\:pl-1\.5) {
    padding-left: .375rem
}

:is([dir=ltr] .ltr\:pl-2) {
    padding-left: .5rem
}

:is([dir=ltr] .ltr\:pl-2\.5) {
    padding-left: .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: .25rem
}

:is([dir=ltr] .ltr\:pr-1\.5) {
    padding-right: .375rem
}

:is([dir=ltr] .ltr\:pr-2) {
    padding-right: .5rem
}

:is([dir=ltr] .ltr\:pr-3) {
    padding-right: .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: -.75rem
}

:is([dir=rtl] .rtl\:-left-4) {
    left: -1rem
}

:is([dir=rtl] .rtl\:-right-3) {
    right: -.75rem
}

:is([dir=rtl] .rtl\:-right-3\.5) {
    right: -.875rem
}

:is([dir=rtl] .rtl\:-right-px) {
    right: -1px
}

:is([dir=rtl] .rtl\:left-0) {
    left: 0
}

:is([dir=rtl] .rtl\:left-0\.5) {
    left: .125rem
}

:is([dir=rtl] .rtl\:left-2) {
    left: .5rem
}

:is([dir=rtl] .rtl\:left-\[unset\]),
:is([dir=rtl] .rtl\:left-auto) {
    left: auto
}

:is([dir=rtl] .rtl\:right-0) {
    right: 0
}

:is([dir=rtl] .rtl\:right-14) {
    right: 3.5rem
}

:is([dir=rtl] .rtl\:right-3) {
    right: .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: -.25rem
}

:is([dir=rtl] .rtl\:-mr-1\.5) {
    margin-right: -.375rem
}

:is([dir=rtl] .rtl\:-mr-3) {
    margin-right: -.75rem
}

:is([dir=rtl] .rtl\:ml-0) {
    margin-left: 0
}

:is([dir=rtl] .rtl\:ml-0\.5) {
    margin-left: .125rem
}

:is([dir=rtl] .rtl\:ml-1) {
    margin-left: .25rem
}

:is([dir=rtl] .rtl\:ml-1\.5) {
    margin-left: .375rem
}

:is([dir=rtl] .rtl\:ml-2) {
    margin-left: .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: 0
}

:is([dir=rtl] .rtl\:mr-1) {
    margin-right: .25rem
}

:is([dir=rtl] .rtl\:mr-2) {
    margin-right: .5rem
}

:is([dir=rtl] .rtl\:mr-2\.5) {
    margin-right: .625rem
}

:is([dir=rtl] .rtl\:mr-3) {
    margin-right: .75rem
}

:is([dir=rtl] .rtl\:mr-4) {
    margin-right: 1rem
}

:is([dir=rtl] .rtl\:translate-x-0) {
    --tw-translate-x: 0px;
    transform: translateY(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: 0 !important;
    border-bottom-left-radius: 0 !important
}

:is([dir=rtl] .rtl\:rounded-l-lg) {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem
}

:is([dir=rtl] .rtl\:rounded-l-none) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

:is([dir=rtl] .rtl\:rounded-r-lg) {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem
}

:is([dir=rtl] .rtl\:rounded-r-md) {
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem
}

:is([dir=rtl] .rtl\:rounded-r-none) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

:is([dir=rtl] .rtl\:border-l) {
    border-left-width: 1px
}

:is([dir=rtl] .rtl\:border-l-0) {
    border-left-width: 0
}

: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: 0
}

:is([dir=rtl] .rtl\:\!pr-8) {
    padding-right: 2rem !important
}

:is([dir=rtl] .rtl\:pl-0) {
    padding-left: 0
}

:is([dir=rtl] .rtl\:pl-1) {
    padding-left: .25rem
}

:is([dir=rtl] .rtl\:pl-1\.5) {
    padding-left: .375rem
}

:is([dir=rtl] .rtl\:pl-2) {
    padding-left: .5rem
}

:is([dir=rtl] .rtl\:pl-2\.5) {
    padding-left: .625rem
}

:is([dir=rtl] .rtl\:pl-3) {
    padding-left: .75rem
}

:is([dir=rtl] .rtl\:pl-4) {
    padding-left: 1rem
}

:is([dir=rtl] .rtl\:pr-0) {
    padding-right: 0
}

:is([dir=rtl] .rtl\:pr-1) {
    padding-right: .25rem
}

:is([dir=rtl] .rtl\:pr-1\.5) {
    padding-right: .375rem
}

:is([dir=rtl] .rtl\:pr-2) {
    padding-right: .5rem
}

:is([dir=rtl] .rtl\:pr-2\.5) {
    padding-right: .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
}

: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%/.5)
}

:is(.dark .dark\:divide-slate-800)>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(31 44 52/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:divide-slate-800)>:not([hidden])~:not([hidden]) {
        border-color: rgb(31 44 52/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% 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% 56.1%/var(--tw-border-opacity))
    }
}

:is(.dark .dark\:border-red-400) {
    --tw-border-opacity: 1;
    border-color: hsl(358 85.3% 64%/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%/var(--tw-border-opacity))
    }
}

:is(.dark .dark\:border-red-700\/50) {
    border-color: hsl(358 65% 48.7%/.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% 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% 43.5%/var(--tw-border-opacity))
    }
}

:is(.dark .dark\:border-slate-600\/70) {
    border-color: hsl(206 6% 43.5%/.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%/.3)
}

:is(.dark .dark\:border-slate-700\/50) {
    border-color: hsl(207 5.6% 31.6%/.5)
}

:is(.dark .dark\:border-slate-800) {
    --tw-border-opacity: 1;
    border-color: rgb(31 44 52/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:border-slate-800) {
        border-color: rgb(31 44 52/var(--tw-border-opacity))
    }
}

:is(.dark .dark\:border-slate-800\/50) {
    border-color: rgb(31 44 52/.5)
}

:is(.dark .dark\:border-slate-800\/60) {
    border-color: rgb(31 44 52/.6)
}

:is(.dark .dark\:border-slate-800\/75) {
    border-color: rgb(31 44 52/.75)
}

:is(.dark .dark\:border-slate-900) {
    --tw-border-opacity: 1;
    border-color: rgb(18 27 34/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:border-slate-900) {
        border-color: rgb(18 27 34/var(--tw-border-opacity))
    }
}

:is(.dark .dark\:border-transparent) {
    border-color: transparent
}

:is(.dark .dark\:border-white\/10) {
    border-color: rgb(248 249 250/.1)
}

:is(.dark .dark\:border-woot-400) {
    --tw-border-opacity: 1;
    border-color: rgb(55 169 173/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:border-woot-400) {
        border-color: rgb(55 169 173/var(--tw-border-opacity))
    }
}

:is(.dark .dark\:border-woot-700) {
    --tw-border-opacity: 1;
    border-color: rgb(29 118 122/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:border-woot-700) {
        border-color: rgb(29 118 122/var(--tw-border-opacity))
    }
}

:is(.dark .dark\:border-yellow-300\/10) {
    border-color: hsl(54 100% 68%/.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: rgb(31 44 52/1) !important
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:\!bg-slate-800) {
        background-color: rgb(31 44 52/var(--tw-bg-opacity)) !important
    }
}

:is(.dark .dark\:\!bg-slate-900) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(18 27 34/1) !important
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:\!bg-slate-900) {
        background-color: rgb(18 27 34/var(--tw-bg-opacity)) !important
    }
}

:is(.dark .dark\:bg-black-800) {
    --tw-bg-opacity: 1;
    background-color: hsl(203 6% 24.3%/1)
}

@supports (color:hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .dark\:bg-black-800) {
        background-color: hsl(203 6% 24.3%/var(--tw-bg-opacity))
    }
}

:is(.dark .dark\:bg-green-100\/20) {
    background-color: hsl(143 40.3% 79%/.2)
}

:is(.dark .dark\:bg-green-500) {
    --tw-bg-opacity: 1;
    background-color: hsl(151 55% 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% 41.5%/var(--tw-bg-opacity))
    }
}

:is(.dark .dark\:bg-green-700) {
    --tw-bg-opacity: 1;
    background-color: hsl(153 67% 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% 28.5%/var(--tw-bg-opacity))
    }
}

:is(.dark .dark\:bg-modal-backdrop-dark) {
    background-color: rgba(0, 21, 50, .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% 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% 48.7%/var(--tw-bg-opacity))
    }
}

:is(.dark .dark\:bg-red-800) {
    --tw-bg-opacity: 1;
    background-color: hsl(358 65% 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% 40.4%/var(--tw-bg-opacity))
    }
}

:is(.dark .dark\:bg-red-800\/50) {
    background-color: hsl(358 65% 40.4%/.5)
}

:is(.dark .dark\:bg-red-900) {
    --tw-bg-opacity: 1;
    background-color: hsl(354 50% 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% 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%/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%/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% 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% 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%/.4)
}

:is(.dark .dark\:bg-slate-700\/50) {
    background-color: hsl(207 5.6% 31.6%/.5)
}

:is(.dark .dark\:bg-slate-700\/80) {
    background-color: hsl(207 5.6% 31.6%/.8)
}

:is(.dark .dark\:bg-slate-800) {
    --tw-bg-opacity: 1;
    background-color: rgb(31 44 52/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:bg-slate-800) {
        background-color: rgb(31 44 52/var(--tw-bg-opacity))
    }
}

:is(.dark .dark\:bg-slate-900) {
    --tw-bg-opacity: 1;
    background-color: rgb(18 27 34/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:bg-slate-900) {
        background-color: rgb(18 27 34/var(--tw-bg-opacity))
    }
}

:is(.dark .dark\:bg-transparent) {
    background-color: transparent
}

:is(.dark .dark\:bg-white) {
    --tw-bg-opacity: 1;
    background-color: rgb(248 249 250/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:bg-white) {
        background-color: rgb(248 249 250/var(--tw-bg-opacity))
    }
}

:is(.dark .dark\:bg-woot-100) {
    --tw-bg-opacity: 1;
    background-color: rgb(148 208 211/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:bg-woot-100) {
        background-color: rgb(148 208 211/var(--tw-bg-opacity))
    }
}

:is(.dark .dark\:bg-woot-200) {
    --tw-bg-opacity: 1;
    background-color: rgb(112 193 196/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:bg-woot-200) {
        background-color: rgb(112 193 196/var(--tw-bg-opacity))
    }
}

:is(.dark .dark\:bg-woot-500) {
    --tw-bg-opacity: 1;
    background-color: rgb(41 162 167/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:bg-woot-500) {
        background-color: rgb(41 162 167/var(--tw-bg-opacity))
    }
}

:is(.dark .dark\:bg-woot-500\/25) {
    background-color: rgb(41 162 167/.25)
}

:is(.dark .dark\:bg-woot-500\/40) {
    background-color: rgb(41 162 167/.4)
}

:is(.dark .dark\:bg-woot-500\/60) {
    background-color: rgb(41 162 167/.6)
}

:is(.dark .dark\:bg-woot-500\/80) {
    background-color: rgb(41 162 167/.8)
}

:is(.dark .dark\:bg-woot-600) {
    --tw-bg-opacity: 1;
    background-color: rgb(35 140 144/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:bg-woot-600) {
        background-color: rgb(35 140 144/var(--tw-bg-opacity))
    }
}

:is(.dark .dark\:bg-woot-600\/50) {
    background-color: rgb(35 140 144/.5)
}

:is(.dark .dark\:bg-woot-700) {
    --tw-bg-opacity: 1;
    background-color: rgb(29 118 122/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:bg-woot-700) {
        background-color: rgb(29 118 122/var(--tw-bg-opacity))
    }
}

:is(.dark .dark\:bg-woot-700\/50) {
    background-color: rgb(29 118 122/.5)
}

:is(.dark .dark\:bg-woot-800) {
    --tw-bg-opacity: 1;
    background-color: rgb(23 95 99/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:bg-woot-800) {
        background-color: rgb(23 95 99/var(--tw-bg-opacity))
    }
}

:is(.dark .dark\:bg-woot-800\/30) {
    background-color: rgb(23 95 99/.3)
}

:is(.dark .dark\:bg-woot-800\/40) {
    background-color: rgb(23 95 99/.4)
}

:is(.dark .dark\:bg-woot-900) {
    --tw-bg-opacity: 1;
    background-color: rgb(12 50 54/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:bg-woot-900) {
        background-color: rgb(12 50 54/var(--tw-bg-opacity))
    }
}

:is(.dark .dark\:bg-woot-900\/60) {
    background-color: rgb(12 50 54/.6)
}

:is(.dark .dark\:bg-yellow-200\/20) {
    background-color: hsl(52 97.9% 82%/.2)
}

:is(.dark .dark\:bg-yellow-500) {
    --tw-bg-opacity: 1;
    background-color: hsl(48 100% 47%/1)
}

@supports (color:hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .dark\:bg-yellow-500) {
        background-color: hsl(48 100% 47%/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: #121b22 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(18 27 34/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

:is(.dark .dark\:fill-slate-800) {
    fill: #1f2c34
}

:is(.dark .dark\:fill-slate-900) {
    fill: #121b22
}

:is(.dark .dark\:stroke-slate-200) {
    stroke: #d7dbdf
}

:is(.dark .dark\:stroke-slate-600\/50) {
    stroke: hsl(206 6% 43.5%/.5)
}

:is(.dark .dark\:\!text-slate-600) {
    --tw-text-opacity: 1 !important;
    color: hsl(206 6% 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% 43.5%/var(--tw-text-opacity)) !important
    }
}

:is(.dark .dark\:\!text-white) {
    --tw-text-opacity: 1 !important;
    color: rgb(248 249 250/1) !important
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:\!text-white) {
        color: rgb(248 249 250/var(--tw-text-opacity)) !important
    }
}

:is(.dark .dark\:text-black-100) {
    --tw-text-opacity: 1;
    color: hsl(210 6% 93%/1)
}

@supports (color:hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .dark\:text-black-100) {
        color: hsl(210 6% 93%/var(--tw-text-opacity))
    }
}

:is(.dark .dark\:text-green-100) {
    --tw-text-opacity: 1;
    color: hsl(143 40.3% 79%/1)
}

@supports (color:hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .dark\:text-green-100) {
        color: hsl(143 40.3% 79%/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% 41.5%/1)
}

@supports (color:hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .dark\:text-green-500) {
        color: hsl(151 55% 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%/1)
}

@supports (color:hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .dark\:text-red-400) {
        color: hsl(358 85.3% 64%/var(--tw-text-opacity))
    }
}

:is(.dark .dark\:text-red-500) {
    --tw-text-opacity: 1;
    color: hsl(358 75% 59%/1)
}

@supports (color:hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .dark\:text-red-500) {
        color: hsl(358 75% 59%/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% 40.4%/1)
}

@supports (color:hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .dark\:text-red-800) {
        color: hsl(358 65% 40.4%/var(--tw-text-opacity))
    }
}

:is(.dark .dark\:text-red-900) {
    --tw-text-opacity: 1;
    color: hsl(354 50% 14.6%/1)
}

@supports (color:hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .dark\:text-red-900) {
        color: hsl(354 50% 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%/1)
}

@supports (color:hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .dark\:text-slate-300) {
        color: hsl(205 10.7% 78%/var(--tw-text-opacity))
    }
}

:is(.dark .dark\:text-slate-400) {
    --tw-text-opacity: 1;
    color: hsl(206 6% 63%/1)
}

@supports (color:hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .dark\:text-slate-400) {
        color: hsl(206 6% 63%/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% 43.5%/1)
}

@supports (color:hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .dark\:text-slate-600) {
        color: hsl(206 6% 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: rgb(18 27 34/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:text-slate-900) {
        color: rgb(18 27 34/var(--tw-text-opacity))
    }
}

:is(.dark .dark\:text-white) {
    --tw-text-opacity: 1;
    color: rgb(248 249 250/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:text-white) {
        color: rgb(248 249 250/var(--tw-text-opacity))
    }
}

:is(.dark .dark\:text-woot-100) {
    --tw-text-opacity: 1;
    color: rgb(148 208 211/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:text-woot-100) {
        color: rgb(148 208 211/var(--tw-text-opacity))
    }
}

:is(.dark .dark\:text-woot-300) {
    --tw-text-opacity: 1;
    color: rgb(76 178 181/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:text-woot-300) {
        color: rgb(76 178 181/var(--tw-text-opacity))
    }
}

:is(.dark .dark\:text-woot-400) {
    --tw-text-opacity: 1;
    color: rgb(55 169 173/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:text-woot-400) {
        color: rgb(55 169 173/var(--tw-text-opacity))
    }
}

:is(.dark .dark\:text-woot-50) {
    --tw-text-opacity: 1;
    color: rgb(219 240 240/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:text-woot-50) {
        color: rgb(219 240 240/var(--tw-text-opacity))
    }
}

:is(.dark .dark\:text-woot-500) {
    --tw-text-opacity: 1;
    color: rgb(41 162 167/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:text-woot-500) {
        color: rgb(41 162 167/var(--tw-text-opacity))
    }
}

:is(.dark .dark\:text-woot-600) {
    --tw-text-opacity: 1;
    color: rgb(35 140 144/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:text-woot-600) {
        color: rgb(35 140 144/var(--tw-text-opacity))
    }
}

:is(.dark .dark\:text-woot-900) {
    --tw-text-opacity: 1;
    color: rgb(12 50 54/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:text-woot-900) {
        color: rgb(12 50 54/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% 50%/1)
}

@supports (color:hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .dark\:text-yellow-400) {
        color: hsl(53 92% 50%/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%/1)
}

@supports (color:hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .dark\:text-yellow-500) {
        color: hsl(48 100% 47%/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: .2
}

:is(.dark .dark\:opacity-30) {
    opacity: .3
}

: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 transparent, 0 0 transparent, 0 -20px 20px 1px rgba(0, 0, 0, .15);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), 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: #dc3d43
}

:is(.dark .dark\:outline-slate-600) {
    outline-color: #687076
}

:is(.dark .dark\:outline-slate-700) {
    outline-color: #4c5155
}

:is(.dark .dark\:outline-woot-400\/80) {
    outline-color: rgb(55 169 173/.8)
}

:is(.dark .dark\:outline-woot-500\/80) {
    outline-color: rgb(41 162 167/.8)
}

:is(.dark .dark\:outline-woot-600\/80) {
    outline-color: rgb(35 140 144/.8)
}

:is(.dark .dark\:outline-woot-700) {
    outline-color: #1d767a
}

:is(.dark .dark\:outline-woot-700\/80) {
    outline-color: rgb(29 118 122/.8)
}

:is(.dark .dark\:outline-woot-800\/80) {
    outline-color: rgb(23 95 99/.8)
}

:is(.dark .dark\:ring-black-900) {
    --tw-ring-opacity: 1;
    --tw-ring-color: hsl(195 7.1% 11.0%/var(--tw-ring-opacity))
}

: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: rgb(18 27 34/var(--tw-ring-opacity))
}

:is(.dark .dark\:ring-opacity-80) {
    --tw-ring-opacity: 0.8
}

:is(.dark .before\:dark\:border-slate-600):before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: hsl(206 6% 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% 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% 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% 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% 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% 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% 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% 43.5%/var(--tw-bg-opacity))
    }
}

:is(.dark .dark\:checked\:border-woot-300:checked) {
    --tw-border-opacity: 1;
    border-color: rgb(76 178 181/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:checked\:border-woot-300:checked) {
        border-color: rgb(76 178 181/var(--tw-border-opacity))
    }
}

:is(.dark .dark\:checked\:bg-primary-600:checked) {
    --tw-bg-opacity: 1;
    background-color: rgb(35 140 144/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: rgb(35 140 144/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:checked\:bg-woot-600:checked) {
        background-color: rgb(35 140 144/var(--tw-bg-opacity))
    }
}

:is(.dark .dark\:hover\:border-slate-600:hover) {
    --tw-border-opacity: 1;
    border-color: hsl(206 6% 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% 43.5%/var(--tw-border-opacity))
    }
}

:is(.dark .dark\:hover\:border-woot-500:hover) {
    --tw-border-opacity: 1;
    border-color: rgb(41 162 167/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:hover\:border-woot-500:hover) {
        border-color: rgb(41 162 167/var(--tw-border-opacity))
    }
}

:is(.dark .dark\:hover\:\!bg-slate-700\/50:hover) {
    background-color: hsl(207 5.6% 31.6%/.5) !important
}

:is(.dark .dark\:hover\:\!bg-slate-800:hover) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(31 44 52/1) !important
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:hover\:\!bg-slate-800:hover) {
        background-color: rgb(31 44 52/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% 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% 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%/.5)
}

:is(.dark .dark\:hover\:bg-slate-800:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(31 44 52/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:hover\:bg-slate-800:hover) {
        background-color: rgb(31 44 52/var(--tw-bg-opacity))
    }
}

:is(.dark .dark\:hover\:bg-slate-900:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(18 27 34/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:hover\:bg-slate-900:hover) {
        background-color: rgb(18 27 34/var(--tw-bg-opacity))
    }
}

:is(.dark .dark\:hover\:bg-slate-900\/50:hover) {
    background-color: rgb(18 27 34/.5)
}

:is(.dark .dark\:hover\:bg-woot-700:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(29 118 122/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:hover\:bg-woot-700:hover) {
        background-color: rgb(29 118 122/var(--tw-bg-opacity))
    }
}

:is(.dark .dark\:hover\:bg-woot-800:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(23 95 99/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:hover\:bg-woot-800:hover) {
        background-color: rgb(23 95 99/var(--tw-bg-opacity))
    }
}

:is(.dark .hover\:dark\:bg-slate-800):hover {
    --tw-bg-opacity: 1;
    background-color: rgb(31 44 52/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .hover\:dark\:bg-slate-800):hover {
        background-color: rgb(31 44 52/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-slate-300:hover) {
    --tw-text-opacity: 1;
    color: hsl(205 10.7% 78%/1)
}

@supports (color:hsl(0 0% 0%/0)) and (top:var(--f)) {
    :is(.dark .dark\:hover\:text-slate-300:hover) {
        color: hsl(205 10.7% 78%/var(--tw-text-opacity))
    }
}

:is(.dark .dark\:hover\:text-white:hover) {
    --tw-text-opacity: 1;
    color: rgb(248 249 250/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:hover\:text-white:hover) {
        color: rgb(248 249 250/var(--tw-text-opacity))
    }
}

:is(.dark .dark\:hover\:text-woot-500:hover) {
    --tw-text-opacity: 1;
    color: rgb(41 162 167/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:hover\:text-woot-500:hover) {
        color: rgb(41 162 167/var(--tw-text-opacity))
    }
}

:is(.dark .dark\:hover\:text-woot-600:hover) {
    --tw-text-opacity: 1;
    color: rgb(35 140 144/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:hover\:text-woot-600:hover) {
        color: rgb(35 140 144/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% 63%/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% 63%/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: rgb(31 44 52/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:focus\:bg-slate-800:focus) {
        background-color: rgb(31 44 52/var(--tw-bg-opacity))
    }
}

:is(.dark .dark\:focus\:outline-red-600:focus) {
    outline-color: #dc3d43
}

:is(.dark .dark\:focus\:outline-woot-500:focus) {
    outline-color: #29a2a7
}

: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: rgb(41 162 167/var(--tw-ring-opacity))
}

:is(.dark .dark\:focus\:ring-woot-700:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(29 118 122/var(--tw-ring-opacity))
}

:is(.dark .dark\:active\:bg-slate-800:active) {
    --tw-bg-opacity: 1;
    background-color: rgb(31 44 52/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:active\:bg-slate-800:active) {
        background-color: rgb(31 44 52/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: rgb(41 162 167/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .group:hover .dark\:group-hover\:text-woot-500) {
        color: rgb(41 162 167/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: 0
    }

    .sm\:gap-14 {
        gap: 3.5rem
    }

    .sm\:gap-16 {
        gap: 4rem
    }

    .sm\:gap-2 {
        gap: .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: 0;
        border-right-width: calc(1px*var(--tw-divide-x-reverse));
        border-left-width: 1px;
        border-left-width: calc(1px*(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: .5rem
    }

    .sm\:p-6 {
        padding: 1.5rem
    }

    .sm\:px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .sm\:py-2 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .sm\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .sm\:pr-0 {
        padding-right: 0
    }

    .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: .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 transparent, 0 0 transparent, 0 10px 15px -3px rgb(0 0 0/.1), 0 4px 6px -4px rgb(0 0 0/.1);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    :is([dir=ltr] .sm\:ltr\:pl-0) {
        padding-left: 0
    }

    :is([dir=rtl] .sm\:rtl\:\!border-l-0) {
        border-left-width: 0 !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: 0
    }

    :is(.dark .sm\:dark\:divide-slate-700\/50)>:not([hidden])~:not([hidden]),
    :is([dir=rtl] :is(.dark .sm\:rtl\:dark\:border-slate-700\/50)) {
        border-color: hsl(207 5.6% 31.6%/.5)
    }
}

@media (min-width:768px) {
    .md\:left-auto {
        left: auto
    }

    .md\:right-0 {
        right: 0
    }

    .md\:top-12 {
        top: 3rem
    }

    .md\:top-40 {
        top: 10rem
    }

    .md\:top-\[6\.25rem\] {
        top: 6.25rem
    }

    .md\:mt-0 {
        margin-top: 0
    }

    .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-words {
        overflow-wrap: break-word
    }

    .md\:break-all {
        word-break: break-all
    }

    .md\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .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: .875rem;
        line-height: 1.25rem
    }

    .md\:tracking-normal {
        letter-spacing: 0
    }

    :is([dir=ltr] .ltr\:md\:right-\[unset\]) {
        right: auto
    }

    :is([dir=rtl] .rtl\:md\:left-\[unset\]) {
        left: auto
    }
}

@media (min-width:1024px) {
    .lg\:mt-0 {
        margin-top: 0
    }

    .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: .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\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .xl\:flex-row {
        flex-direction: row
    }

    .xl\:px-0 {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:1536px) {
    .\32xl\:w-\[32rem\] {
        width: 32rem
    }

    .\32xl\:basis-\[25rem\] {
        flex-basis: 25rem
    }
}

.\[\&\>\*\:nth-child\(even\)\]\:\!bg-slate-25>:nth-child(2n) {
    --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(2n) {
        background-color: hsl(210 16.7% 97.6%/var(--tw-bg-opacity)) !important
    }
}

.\[\&\>\*\:nth-child\(even\)\]\:\!bg-white>:nth-child(2n) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(248 249 250/1) !important
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .\[\&\>\*\:nth-child\(even\)\]\:\!bg-white>:nth-child(2n) {
        background-color: rgb(248 249 250/var(--tw-bg-opacity)) !important
    }
}

:is(.dark .dark\:\[\&\>\*\:nth-child\(even\)\]\:\!bg-slate-800\/50>:nth-child(2n)) {
    background-color: rgb(31 44 52/.5) !important
}

:is(.dark .dark\:\[\&\>\*\:nth-child\(even\)\]\:\!bg-slate-900>:nth-child(2n)) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(18 27 34/1) !important
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:\[\&\>\*\:nth-child\(even\)\]\:\!bg-slate-900>:nth-child(2n)) {
        background-color: rgb(18 27 34/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(248 249 250/1) !important
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .\[\&\>\*\:nth-child\(odd\)\]\:\!bg-white>:nth-child(odd) {
        background-color: rgb(248 249 250/var(--tw-bg-opacity)) !important
    }
}

:is(.dark .dark\:\[\&\>\*\:nth-child\(odd\)\]\:\!bg-slate-800\/50>:nth-child(odd)) {
    background-color: rgb(31 44 52/.5) !important
}

:is(.dark .dark\:\[\&\>\*\:nth-child\(odd\)\]\:\!bg-slate-900>:nth-child(odd)) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(18 27 34/1) !important
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    :is(.dark .dark\:\[\&\>\*\:nth-child\(odd\)\]\:\!bg-slate-900>:nth-child(odd)) {
        background-color: rgb(18 27 34/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: rgb(41 162 167/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .\[\&\>a\]\:text-woot-500>a {
        color: rgb(41 162 167/var(--tw-text-opacity))
    }
}

.\[\&\>a\]\:hover\:text-woot-600:hover>a {
    --tw-text-opacity: 1;
    color: rgb(35 140 144/1)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .\[\&\>a\]\:hover\:text-woot-600:hover>a {
        color: rgb(35 140 144/var(--tw-text-opacity))
    }
}

.\[\&\>div\]\:sticky>div {
    position: sticky
}

.\[\&\>div\]\:\!top-12>div {
    top: 3rem !important
}

.\[\&\>div\]\:px-1>div {
    padding-left: .25rem;
    padding-right: .25rem
}

.\[\&\>input\]\:\!mb-0>input {
    margin-bottom: 0 !important
}

.\[\&\>input\]\:h-8>input {
    height: 2rem
}

.\[\&\>input\]\:cursor-not-allowed>input {
    cursor: not-allowed
}

.\[\&\>input\]\:\!border-0>input {
    border-width: 0 !important
}

.\[\&\>input\]\:border-none>input {
    border-style: none
}

.\[\&\>input\]\:border-transparent>input {
    border-color: transparent
}

.\[\&\>input\]\:\!py-1\.5>input {
    padding-top: .375rem !important;
    padding-bottom: .375rem !important
}

.\[\&\>input\]\:text-sm>input {
    font-size: .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: .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: .75rem !important
}

:is(.dark .focus\:\[\&\>input\]\:dark\:\!border-slate-600)>input:focus {
    --tw-border-opacity: 1 !important;
    border-color: hsl(206 6% 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% 43.5%/var(--tw-border-opacity)) !important
    }
}

.\[\&\>p\]\:mb-0>p {
    margin-bottom: 0
}

.\[\&\>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: .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% 93%/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% 93%/var(--tw-bg-opacity))
    }
}

.prose-code\:\[\&\>p\]\:p-1>p :is(:where(code):not(:where([class~=not-prose] *))) {
    padding: .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% 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% 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: .75rem
}

.\[\&\>svg\]\:w-3>svg {
    width: .75rem
}

.\[\&\>svg\]\:opacity-70>svg {
    opacity: .7
}

:is([dir=ltr] .ltr\:\[\&\>ul\]\:pl-0>ul) {
    padding-left: 0
}

:is([dir=rtl] .rtl\:\[\&\>ul\]\:pr-0>ul) {
    padding-right: 0
}

.\[\&_\.tabs\]\:p-0 .tabs {
    padding: 0
}

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);
    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")
}

.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-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 .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 .1s cubic-bezier(.71, -.46, .88, .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 .2s cubic-bezier(.12, .4, .29, 1.46) .1s
}

.ve-checkbox .ve-checkbox-indeterminate .ve-checkbox-inner {
    position: relative;
    top: 0;
    left: 0;
    direction: ltr;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    border-collapse: separate;
    transition: all .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, .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, .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, .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;
    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: 0;
    padding: 0
}

.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 .2s cubic-bezier(.645, .045, .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: 0;
    list-style: none;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
    border: 1px solid #d1dbe5;
    padding: 5px 0;
    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: rgba(0, 0, 0, .8509803921568627)
}

.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: rgba(0, 0, 0, .8509803921568627)
}

.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: 400;
    color: rgba(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;
    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.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-plane {
    animation: sk-plane 1.2s ease-in-out infinite
}

@keyframes sk-plane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }

    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }

    to {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

.ve-loading-bounce {
    position: relative
}

.ve-loading-bounce-dot {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    animation: sk-bounce 2s cubic-bezier(.455, .03, .515, .955) infinite
}

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

@keyframes sk-bounce {

    0%,
    to {
        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 ease-in-out infinite
}

.ve-loading-wave-rect:first-child {
    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: -.9s
}

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

@keyframes sk-wave {

    0%,
    40%,
    to {
        transform: scaleY(.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 cubic-bezier(.455, .03, .515, .955) infinite
}

@keyframes sk-pulse {
    0% {
        transform: scale(0)
    }

    to {
        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(.455, .03, .515, .955) 0s infinite both
}

.ve-loading-flow-dot:first-child {
    animation-delay: -.3s
}

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

@keyframes sk-flow {

    0%,
    80%,
    to {
        transform: scale(.3)
    }

    40% {
        transform: scale(1)
    }
}

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

.ve-loading-grid-cube:first-child {
    animation-delay: .2s
}

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

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

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

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

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

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

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

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

@keyframes sk-grid {

    0%,
    70%,
    to {
        transform: scaleX(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;
    padding: 0;
    display: inline-block;
    margin: 0 4px;
    list-style-type: none
}

.ve-pagination .ve-pagination-total {
    float: left;
    margin: 0 4px;
    color: rgba(0, 0, 0, .8509803921568627)
}

.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: rgba(0, 0, 0, .8509803921568627)
}

.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 .2s ease-in-out, background-color .2s ease-in-out, box-shadow .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 .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: rgba(0, 0, 0, .8509803921568627)
}

.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: 700;
    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: 700;
    color: #108ee9
}

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

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

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

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

.ve-pagination .ve-pagination-jump-next:hover i,
.ve-pagination .ve-pagination-jump-prev: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 :after,
.ve-radio :before {
    box-sizing: border-box
}

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

.ve-radio,
.ve-radio .ve-radio-container {
    padding: 0;
    color: rgba(0, 0, 0, .8509803921568627);
    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 .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 .3s cubic-bezier(.78, .14, .15, .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 .3s cubic-bezier(.78, .14, .15, .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: rgba(0, 0, 0, .2)
}

.ve-radio .ve-radio-container.ve-radio-disabled+span {
    color: rgba(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 .2s cubic-bezier(.645, .045, .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: rgba(0, 0, 0, .8509803921568627)
}

.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 .3s
}

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

.ve-table *,
.ve-table :after,
.ve-table :before {
    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: rgba(0, 0, 0, .8509803921568627);
    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-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-body-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: rgba(0, 0, 0, .8509803921568627);
    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(odd) 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: rgba(0, 0, 0, .8509803921568627);
    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, .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, .15)
}

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

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

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

.ve-table .ve-table-container .ve-table-content.ve-table-border-y td:first-child,
.ve-table .ve-table-container .ve-table-content.ve-table-border-y th: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.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-first-right-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-last-left-fixed-column:after {
    position: absolute;
    top: 0;
    bottom: -1px;
    width: 30px;
    height: 100%;
    transition: box-shadow .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.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-first-right-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-last-left-fixed-column:after {
    position: absolute;
    top: 0;
    bottom: -1px;
    width: 30px;
    height: 100%;
    transition: box-shadow .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 .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 .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-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: 0;
    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.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-first-right-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-last-left-fixed-column:after {
    position: absolute;
    top: 0;
    bottom: -1px;
    width: 30px;
    height: 100%;
    transition: box-shadow .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: 0
}

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

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

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