[class*=pi-] input::-ms-clear,
[class*=pi-] input::-ms-reveal,
[class*=pi-]::-ms-clear,
[class^=pi-] input::-ms-clear,
[class^=pi-] input::-ms-reveal,
[class^=pi-]::-ms-clear {
    display: none
}

body,
html {
    width: 100%
}

input::-ms-clear,
input::-ms-reveal {
    display: none
}

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

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    font-family: -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-variant: tabular-nums;
    font-size: 14px;
    line-height: 18px;
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent)/1);
    color: rgb(var(--color-accent)/var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-bg-100)/1);
    background-color: rgb(var(--color-bg-100)/var(--tw-bg-opacity));
    margin: 0;
    font-feature-settings: "tnum"
}

[tabindex="-1"]:focus {
    outline: none !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent)/1);
    color: rgb(var(--color-accent)/var(--tw-text-opacity))
}

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

pre {
    margin-top: 0;
    margin-bottom: 1em;
    overflow: auto
}

img {
    vertical-align: middle;
    border-style: none
}

[role=button],
a,
area,
button,
label,
select,
summary,
textarea {
    touch-action: manipulation
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75em;
    padding-bottom: .3em;
    color: rgba(0, 0, 0, .45);
    text-align: left;
    caption-side: bottom
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-bottom: .5em;
    padding: 0;
    color: inherit;
    font-size: 1.5em;
    line-height: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

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

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

output {
    display: inline-block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none !important
}

mark {
    padding: .2em;
    background-color: #feffe6
}

::-moz-selection {
    color: #fff;
    --tw-bg-opacity: 1;
    background-color: rgb(255 79 41/1);
    background-color: rgb(var(--color-primary)/var(--tw-bg-opacity))
}

::selection {
    color: #fff;
    --tw-bg-opacity: 1;
    background-color: rgb(255 79 41/1);
    background-color: rgb(var(--color-primary)/var(--tw-bg-opacity))
}

.clearfix:after,
.clearfix:before {
    display: table;
    content: ""
}

.clearfix:after {
    clear: both
}

.piicon {
    display: inline-block;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -.125em;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.piicon>* {
    line-height: 1
}

.piicon svg {
    display: inline-block
}

.piicon:before {
    display: none
}

.piicon .piicon-icon {
    display: block
}

.piicon[tabindex] {
    cursor: pointer
}

.piicon-spin,
.piicon-spin:before {
    display: inline-block;
    animation: loadingCircle 1s linear infinite
}

.pi-fade-appear,
.pi-fade-enter,
.pi-fade-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.pi-fade-appear.pi-fade-appear-active,
.pi-fade-enter.pi-fade-enter-active {
    animation-name: antFadeIn;
    animation-play-state: running
}

.pi-fade-leave.pi-fade-leave-active {
    animation-name: antFadeOut;
    animation-play-state: running;
    pointer-events: none
}

.pi-fade-appear,
.pi-fade-enter {
    opacity: 0
}

.pi-fade-appear,
.pi-fade-enter,
.pi-fade-leave {
    animation-timing-function: linear
}

@keyframes antFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes antFadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.pi-move-up-appear,
.pi-move-up-enter,
.pi-move-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.pi-move-up-appear.pi-move-up-appear-active,
.pi-move-up-enter.pi-move-up-enter-active {
    animation-name: antMoveUpIn;
    animation-play-state: running
}

.pi-move-up-leave.pi-move-up-leave-active {
    animation-name: antMoveUpOut;
    animation-play-state: running;
    pointer-events: none
}

.pi-move-up-appear,
.pi-move-up-enter {
    opacity: 0;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.pi-move-up-leave {
    animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}

.pi-move-down-appear,
.pi-move-down-enter,
.pi-move-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.pi-move-down-appear.pi-move-down-appear-active,
.pi-move-down-enter.pi-move-down-enter-active {
    animation-name: antMoveDownIn;
    animation-play-state: running
}

.pi-move-down-leave.pi-move-down-leave-active {
    animation-name: antMoveDownOut;
    animation-play-state: running;
    pointer-events: none
}

.pi-move-down-appear,
.pi-move-down-enter {
    opacity: 0;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.pi-move-down-leave {
    animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}

.pi-move-left-appear,
.pi-move-left-enter,
.pi-move-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.pi-move-left-appear.pi-move-left-appear-active,
.pi-move-left-enter.pi-move-left-enter-active {
    animation-name: antMoveLeftIn;
    animation-play-state: running
}

.pi-move-left-leave.pi-move-left-leave-active {
    animation-name: antMoveLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.pi-move-left-appear,
.pi-move-left-enter {
    opacity: 0;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.pi-move-left-leave {
    animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}

.pi-move-right-appear,
.pi-move-right-enter,
.pi-move-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.pi-move-right-appear.pi-move-right-appear-active,
.pi-move-right-enter.pi-move-right-enter-active {
    animation-name: antMoveRightIn;
    animation-play-state: running
}

.pi-move-right-leave.pi-move-right-leave-active {
    animation-name: antMoveRightOut;
    animation-play-state: running;
    pointer-events: none
}

.pi-move-right-appear,
.pi-move-right-enter {
    opacity: 0;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.pi-move-right-leave {
    animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}

@keyframes antMoveDownIn {
    0% {
        transform: translateY(100%);
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes antMoveDownOut {
    0% {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        transform: translateY(100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes antMoveLeftIn {
    0% {
        transform: translateX(-100%);
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        transform: translateX(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes antMoveLeftOut {
    0% {
        transform: translateX(0);
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        transform: translateX(-100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes antMoveRightIn {
    0% {
        transform: translateX(100%);
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        transform: translateX(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes antMoveRightOut {
    0% {
        transform: translateX(0);
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        transform: translateX(100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes antMoveUpIn {
    0% {
        transform: translateY(-100%);
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes antMoveUpOut {
    0% {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        transform: translateY(-100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

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

[pi-click-animating-without-extra-node=true],
[pi-click-animating=true] {
    position: relative
}

html {
    --scroll-bar: 0
}

.pi-click-animating-node,
[pi-click-animating-without-extra-node=true]:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    border-radius: inherit;
    box-shadow: 0 0 0 0 #ff4f29;
    box-shadow: 0 0 0 0 var(--pi-primary-color);
    box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
    opacity: .2;
    animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1);
    animation-fill-mode: forwards;
    content: "";
    pointer-events: none
}

@keyframes fadeEffect {
    to {
        opacity: 0
    }
}

.pi-slide-up-appear,
.pi-slide-up-enter,
.pi-slide-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.pi-slide-up-appear.pi-slide-up-appear-active,
.pi-slide-up-enter.pi-slide-up-enter-active {
    animation-name: piSlideUpIn;
    animation-play-state: running
}

.pi-slide-up-leave.pi-slide-up-leave-active {
    animation-name: piSlideUpOut;
    animation-play-state: running;
    pointer-events: none
}

.pi-slide-up-appear,
.pi-slide-up-enter {
    opacity: 0;
    animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.pi-slide-up-leave {
    animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

.pi-slide-down-appear,
.pi-slide-down-enter,
.pi-slide-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.pi-slide-down-appear.pi-slide-down-appear-active,
.pi-slide-down-enter.pi-slide-down-enter-active {
    animation-name: piSlideDownIn;
    animation-play-state: running
}

.pi-slide-down-leave.pi-slide-down-leave-active {
    animation-name: piSlideDownOut;
    animation-play-state: running;
    pointer-events: none
}

.pi-slide-down-appear,
.pi-slide-down-enter {
    opacity: 0;
    animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.pi-slide-down-leave {
    animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

.pi-slide-left-appear,
.pi-slide-left-enter,
.pi-slide-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.pi-slide-left-appear.pi-slide-left-appear-active,
.pi-slide-left-enter.pi-slide-left-enter-active {
    animation-name: piSlideLeftIn;
    animation-play-state: running
}

.pi-slide-left-leave.pi-slide-left-leave-active {
    animation-name: piSlideLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.pi-slide-left-appear,
.pi-slide-left-enter {
    opacity: 0;
    animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.pi-slide-left-leave {
    animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

.pi-slide-right-appear,
.pi-slide-right-enter,
.pi-slide-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.pi-slide-right-appear.pi-slide-right-appear-active,
.pi-slide-right-enter.pi-slide-right-enter-active {
    animation-name: piSlideRightIn;
    animation-play-state: running
}

.pi-slide-right-leave.pi-slide-right-leave-active {
    animation-name: piSlideRightOut;
    animation-play-state: running;
    pointer-events: none
}

.pi-slide-right-appear,
.pi-slide-right-enter {
    opacity: 0;
    animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.pi-slide-right-leave {
    animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

@keyframes piSlideUpIn {
    0% {
        transform: scaleY(.8);
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        transform: scaleY(1);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes piSlideUpOut {
    0% {
        transform: scaleY(1);
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        transform: scaleY(.8);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes piSlideDownIn {
    0% {
        transform: scaleY(.8);
        transform-origin: 100% 100%;
        opacity: 0
    }

    to {
        transform: scaleY(1);
        transform-origin: 100% 100%;
        opacity: 1
    }
}

@keyframes piSlideDownOut {
    0% {
        transform: scaleY(1);
        transform-origin: 100% 100%;
        opacity: 1
    }

    to {
        transform: scaleY(.8);
        transform-origin: 100% 100%;
        opacity: 0
    }
}

@keyframes piSlideLeftIn {
    0% {
        transform: scaleX(.8);
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        transform: scaleX(1);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes piSlideLeftOut {
    0% {
        transform: scaleX(1);
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        transform: scaleX(.8);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes piSlideRightIn {
    0% {
        transform: scaleX(.8);
        transform-origin: 100% 0;
        opacity: 0
    }

    to {
        transform: scaleX(1);
        transform-origin: 100% 0;
        opacity: 1
    }
}

@keyframes piSlideRightOut {
    0% {
        transform: scaleX(1);
        transform-origin: 100% 0;
        opacity: 1
    }

    to {
        transform: scaleX(.8);
        transform-origin: 100% 0;
        opacity: 0
    }
}

.pi-zoom-appear,
.pi-zoom-enter,
.pi-zoom-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.pi-zoom-appear.pi-zoom-appear-active,
.pi-zoom-enter.pi-zoom-enter-active {
    animation-name: antZoomIn;
    animation-play-state: running
}

.pi-zoom-leave.pi-zoom-leave-active {
    animation-name: antZoomOut;
    animation-play-state: running;
    pointer-events: none
}

.pi-zoom-appear,
.pi-zoom-enter {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.pi-zoom-appear-prepare,
.pi-zoom-enter-prepare {
    transform: none
}

.pi-zoom-leave {
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.pi-zoom-big-appear,
.pi-zoom-big-enter,
.pi-zoom-big-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.pi-zoom-big-appear.pi-zoom-big-appear-active,
.pi-zoom-big-enter.pi-zoom-big-enter-active {
    animation-name: antZoomBigIn;
    animation-play-state: running
}

.pi-zoom-big-leave.pi-zoom-big-leave-active {
    animation-name: antZoomBigOut;
    animation-play-state: running;
    pointer-events: none
}

.pi-zoom-big-appear,
.pi-zoom-big-enter {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.pi-zoom-big-appear-prepare,
.pi-zoom-big-enter-prepare {
    transform: none
}

.pi-zoom-big-leave {
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.pi-zoom-big-fast-appear,
.pi-zoom-big-fast-enter,
.pi-zoom-big-fast-leave {
    animation-duration: .1s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.pi-zoom-big-fast-appear.pi-zoom-big-fast-appear-active,
.pi-zoom-big-fast-enter.pi-zoom-big-fast-enter-active {
    animation-name: antZoomBigIn;
    animation-play-state: running
}

.pi-zoom-big-fast-leave.pi-zoom-big-fast-leave-active {
    animation-name: antZoomBigOut;
    animation-play-state: running;
    pointer-events: none
}

.pi-zoom-big-fast-appear,
.pi-zoom-big-fast-enter {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.pi-zoom-big-fast-appear-prepare,
.pi-zoom-big-fast-enter-prepare {
    transform: none
}

.pi-zoom-big-fast-leave {
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.pi-zoom-up-appear,
.pi-zoom-up-enter,
.pi-zoom-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.pi-zoom-up-appear.pi-zoom-up-appear-active,
.pi-zoom-up-enter.pi-zoom-up-enter-active {
    animation-name: antZoomUpIn;
    animation-play-state: running
}

.pi-zoom-up-leave.pi-zoom-up-leave-active {
    animation-name: antZoomUpOut;
    animation-play-state: running;
    pointer-events: none
}

.pi-zoom-up-appear,
.pi-zoom-up-enter {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.pi-zoom-up-appear-prepare,
.pi-zoom-up-enter-prepare {
    transform: none
}

.pi-zoom-up-leave {
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.pi-zoom-down-appear,
.pi-zoom-down-enter,
.pi-zoom-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.pi-zoom-down-appear.pi-zoom-down-appear-active,
.pi-zoom-down-enter.pi-zoom-down-enter-active {
    animation-name: antZoomDownIn;
    animation-play-state: running
}

.pi-zoom-down-leave.pi-zoom-down-leave-active {
    animation-name: antZoomDownOut;
    animation-play-state: running;
    pointer-events: none
}

.pi-zoom-down-appear,
.pi-zoom-down-enter {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.pi-zoom-down-appear-prepare,
.pi-zoom-down-enter-prepare {
    transform: none
}

.pi-zoom-down-leave {
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.pi-zoom-left-appear,
.pi-zoom-left-enter,
.pi-zoom-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.pi-zoom-left-appear.pi-zoom-left-appear-active,
.pi-zoom-left-enter.pi-zoom-left-enter-active {
    animation-name: antZoomLeftIn;
    animation-play-state: running
}

.pi-zoom-left-leave.pi-zoom-left-leave-active {
    animation-name: antZoomLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.pi-zoom-left-appear,
.pi-zoom-left-enter {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.pi-zoom-left-appear-prepare,
.pi-zoom-left-enter-prepare {
    transform: none
}

.pi-zoom-left-leave {
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.pi-zoom-right-appear,
.pi-zoom-right-enter,
.pi-zoom-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.pi-zoom-right-appear.pi-zoom-right-appear-active,
.pi-zoom-right-enter.pi-zoom-right-enter-active {
    animation-name: antZoomRightIn;
    animation-play-state: running
}

.pi-zoom-right-leave.pi-zoom-right-leave-active {
    animation-name: antZoomRightOut;
    animation-play-state: running;
    pointer-events: none
}

.pi-zoom-right-appear,
.pi-zoom-right-enter {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.pi-zoom-right-appear-prepare,
.pi-zoom-right-enter-prepare {
    transform: none
}

.pi-zoom-right-leave {
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

@keyframes antZoomIn {
    0% {
        transform: scale(.2);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes antZoomOut {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(.2);
        opacity: 0
    }
}

@keyframes antZoomBigIn {
    0% {
        transform: scale(.8);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes antZoomBigOut {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(.8);
        opacity: 0
    }
}

@keyframes antZoomUpIn {
    0% {
        transform: scale(.8);
        transform-origin: 50% 0;
        opacity: 0
    }

    to {
        transform: scale(1);
        transform-origin: 50% 0
    }
}

@keyframes antZoomUpOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 0
    }

    to {
        transform: scale(.8);
        transform-origin: 50% 0;
        opacity: 0
    }
}

@keyframes antZoomLeftIn {
    0% {
        transform: scale(.8);
        transform-origin: 0 50%;
        opacity: 0
    }

    to {
        transform: scale(1);
        transform-origin: 0 50%
    }
}

@keyframes antZoomLeftOut {
    0% {
        transform: scale(1);
        transform-origin: 0 50%
    }

    to {
        transform: scale(.8);
        transform-origin: 0 50%;
        opacity: 0
    }
}

@keyframes antZoomRightIn {
    0% {
        transform: scale(.8);
        transform-origin: 100% 50%;
        opacity: 0
    }

    to {
        transform: scale(1);
        transform-origin: 100% 50%
    }
}

@keyframes antZoomRightOut {
    0% {
        transform: scale(1);
        transform-origin: 100% 50%
    }

    to {
        transform: scale(.8);
        transform-origin: 100% 50%;
        opacity: 0
    }
}

@keyframes antZoomDownIn {
    0% {
        transform: scale(.8);
        transform-origin: 50% 100%;
        opacity: 0
    }

    to {
        transform: scale(1);
        transform-origin: 50% 100%
    }
}

@keyframes antZoomDownOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 100%
    }

    to {
        transform: scale(.8);
        transform-origin: 50% 100%;
        opacity: 0
    }
}

.pi-motion-collapse-legacy {
    overflow: hidden
}

.pi-motion-collapse,
.pi-motion-collapse-legacy-active {
    transition: height .15s cubic-bezier(.645, .045, .355, 1), opacity .15s cubic-bezier(.645, .045, .355, 1) !important
}

.pi-motion-collapse {
    overflow: hidden
}

.pi-btn {
    position: relative;
    display: inline-block;
    font-weight: 600;
    white-space: nowrap;
    text-align: center;
    background-image: none;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all .1s cubic-bezier(.645, .045, .355, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    touch-action: manipulation;
    font-size: 14px;
    line-height: 18px;
    border-radius: 6px;
    padding: 9px 24px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgb(var(--color-accent));
    background: transparent;
    border-color: rgb(var(--color-text-400))
}

.pi-btn,
.pi-btn>.piicon {
    line-height: 1
}

.pi-btn,
.pi-btn:active {
    outline: 0
}

.pi-btn:not([disabled]):hover {
    text-decoration: none
}

.pi-btn:not([disabled]):active {
    outline: 0;
    box-shadow: none
}

.pi-btn[disabled] {
    cursor: not-allowed
}

.pi-btn[disabled]>* {
    pointer-events: none
}

.pi-btn-lg {
    font-size: 16px;
    line-height: 22px;
    line-height: 1;
    padding: 11px 62px;
    border-radius: 8px;
    height: 48px
}

.pi-btn-sm {
    font-size: 12px;
    line-height: 18px;
    line-height: 1;
    padding: 5px 8px;
    border-radius: 4px;
    height: 28px
}

.pi-btn>a:only-child {
    color: currentcolor
}

.pi-btn>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.pi-btn:hover {
    color: rgb(var(--color-hover));
    background: transparent;
    border-color: rgb(var(--color-hover))
}

.pi-btn:hover>a:only-child {
    color: currentcolor
}

.pi-btn:hover>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.pi-btn:active {
    color: rgb(#f25a0d);
    color: rgb(var(--pi-primary-color-active));
    background: transparent;
    border-color: rgb(#f25a0d);
    border-color: rgb(var(--pi-primary-color-active))
}

.pi-btn:active>a:only-child {
    color: currentcolor
}

.pi-btn:active>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.pi-btn[disabled],
.pi-btn[disabled]:active,
.pi-btn[disabled]:hover {
    color: rgb(var(--color-text-400));
    border-color: rgb(var(--color-text-400));
    text-shadow: none;
    box-shadow: none
}

.pi-btn[disabled]:active>a:only-child,
.pi-btn[disabled]:hover>a:only-child,
.pi-btn[disabled]>a:only-child {
    color: currentcolor
}

.pi-btn[disabled]:active>a:only-child:after,
.pi-btn[disabled]:hover>a:only-child:after,
.pi-btn[disabled]>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.pi-btn:hover {
    border-color: rgb(var(--color-hover)/var(--tw-border-opacity));
    color: rgb(var(--color-hover)/1);
    color: rgb(var(--color-hover)/var(--tw-text-opacity))
}

.pi-btn:active,
.pi-btn:hover {
    --tw-border-opacity: 1;
    background-color: transparent;
    --tw-text-opacity: 1
}

.pi-btn:active {
    text-decoration: none;
    border-color: rgb(var(--color-active)/var(--tw-border-opacity));
    color: rgb(var(--color-active)/1);
    color: rgb(var(--color-active)/var(--tw-text-opacity))
}

.pi-btn>span {
    display: inline-block
}

.pi-btn-primary {
    --tw-border-opacity: 1;
    border-color: rgb(255 79 41/1);
    border-color: rgb(var(--color-primary)/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 79 41/1);
    background-color: rgb(var(--color-primary)/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-hightlightbtn)/1);
    color: rgb(var(--color-text-hightlightbtn)/var(--tw-text-opacity))
}

.pi-btn-primary:active,
.pi-btn-primary:hover {
    background-color: rgb(255 79 41/.85);
    background-color: rgb(var(--color-primary)/.85);
    --tw-text-opacity: 1
}

.pi-btn-primary.pi-btn-loading,
.pi-btn-primary:active,
.pi-btn-primary:hover {
    border-color: transparent;
    color: rgb(var(--color-text-hightlightbtn)/1);
    color: rgb(var(--color-text-hightlightbtn)/var(--tw-text-opacity))
}

.pi-btn-primary.pi-btn-loading {
    --tw-bg-opacity: 1;
    background-color: rgb(255 164 118/1);
    background-color: rgb(var(--color-primary-300)/var(--tw-bg-opacity));
    --tw-text-opacity: 1
}

.pi-btn-primary.pi-btn[disabled] {
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: rgb(255 194 164/1);
    background-color: rgb(var(--color-primary-200)/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-hightlightbtn)/1);
    color: rgb(var(--color-text-hightlightbtn)/var(--tw-text-opacity))
}

.pi-btn-group .pi-btn-primary:not(:first-child):not(:last-child) {
    border-left-color: rgb(255 79 41/1);
    border-left-color: rgb(var(--color-primary)/var(--tw-border-opacity));
    --tw-border-opacity: 1;
    border-right-color: rgb(255 79 41/1);
    border-right-color: rgb(var(--color-primary)/var(--tw-border-opacity))
}

.pi-btn-group .pi-btn-primary:not(:first-child):not(:last-child):disabled {
    border-color: var(--color-divider)
}

.pi-btn-group .pi-btn-primary:first-child:not(:last-child) {
    --tw-border-opacity: 1;
    border-right-color: rgb(255 79 41/1);
    border-right-color: rgb(var(--color-primary)/var(--tw-border-opacity))
}

.pi-btn-group .pi-btn-primary:first-child:not(:last-child)[disabled] {
    border-right-color: var(--color-divider)
}

.pi-btn-group .pi-btn-primary+.pi-btn-primary,
.pi-btn-group .pi-btn-primary:last-child:not(:first-child) {
    --tw-border-opacity: 1;
    border-left-color: rgb(255 79 41/1);
    border-left-color: rgb(var(--color-primary)/var(--tw-border-opacity))
}

.pi-btn-group .pi-btn-primary+.pi-btn-primary[disabled],
.pi-btn-group .pi-btn-primary:last-child:not(:first-child)[disabled] {
    border-left-color: var(--color-divider)
}

.pi-btn-ghost {
    color: rgb(rgba(0, 0, 0, .85));
    background: transparent;
    border-color: rgb(var(--color-divider))
}

.pi-btn-ghost>a:only-child {
    color: currentcolor
}

.pi-btn-ghost>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.pi-btn-ghost:hover {
    color: rgb(var(--color-hover));
    background: transparent;
    border-color: rgb(var(--color-hover))
}

.pi-btn-ghost:hover>a:only-child {
    color: currentcolor
}

.pi-btn-ghost:hover>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.pi-btn-ghost:active {
    color: rgb(#f25a0d);
    color: rgb(var(--pi-primary-color-active));
    background: transparent;
    border-color: rgb(#f25a0d);
    border-color: rgb(var(--pi-primary-color-active))
}

.pi-btn-ghost:active>a:only-child {
    color: currentcolor
}

.pi-btn-ghost:active>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.pi-btn-ghost[disabled],
.pi-btn-ghost[disabled]:active,
.pi-btn-ghost[disabled]:hover {
    color: rgb(var(--color-text-400));
    border-color: rgb(var(--color-text-400));
    text-shadow: none;
    box-shadow: none
}

.pi-btn-ghost[disabled]:active>a:only-child,
.pi-btn-ghost[disabled]:hover>a:only-child,
.pi-btn-ghost[disabled]>a:only-child {
    color: currentcolor
}

.pi-btn-ghost[disabled]:active>a:only-child:after,
.pi-btn-ghost[disabled]:hover>a:only-child:after,
.pi-btn-ghost[disabled]>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.pi-btn-dashed {
    color: rgb(var(--color-accent));
    background: transparent;
    border-color: rgb(var(--color-text-400));
    border-style: dashed
}

.pi-btn-dashed>a:only-child {
    color: currentcolor
}

.pi-btn-dashed>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.pi-btn-dashed:hover {
    color: rgb(var(--color-hover));
    background: transparent;
    border-color: rgb(var(--color-hover))
}

.pi-btn-dashed:hover>a:only-child {
    color: currentcolor
}

.pi-btn-dashed:hover>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.pi-btn-dashed:active {
    color: rgb(#f25a0d);
    color: rgb(var(--pi-primary-color-active));
    background: transparent;
    border-color: rgb(#f25a0d);
    border-color: rgb(var(--pi-primary-color-active))
}

.pi-btn-dashed:active>a:only-child {
    color: currentcolor
}

.pi-btn-dashed:active>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.pi-btn-dashed[disabled],
.pi-btn-dashed[disabled]:active,
.pi-btn-dashed[disabled]:hover {
    color: rgb(var(--color-text-400));
    border-color: rgb(var(--color-text-400));
    text-shadow: none;
    box-shadow: none
}

.pi-btn-dashed[disabled]:active>a:only-child,
.pi-btn-dashed[disabled]:hover>a:only-child,
.pi-btn-dashed[disabled]>a:only-child {
    color: currentcolor
}

.pi-btn-dashed[disabled]:active>a:only-child:after,
.pi-btn-dashed[disabled]:hover>a:only-child:after,
.pi-btn-dashed[disabled]>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.pi-btn-danger {
    color: rgb(#fff);
    background: #ff4d4f;
    background: var(--pi-error-color);
    border-color: rgb(#ff4d4f);
    border-color: rgb(var(--pi-error-color));
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .12)
}

.pi-btn-danger>a:only-child {
    color: currentcolor
}

.pi-btn-danger>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.pi-btn-danger:focus,
.pi-btn-danger:hover {
    color: rgb(#fff);
    background: #ff7875;
    background: var(--pi-error-color-hover);
    border-color: rgb(#ff7875);
    border-color: rgb(var(--pi-error-color-hover))
}

.pi-btn-danger:focus>a:only-child,
.pi-btn-danger:hover>a:only-child {
    color: currentcolor
}

.pi-btn-danger:focus>a:only-child:after,
.pi-btn-danger:hover>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.pi-btn-danger:active {
    color: rgb(#fff);
    background: #d9363e;
    background: var(--pi-error-color-active);
    border-color: rgb(#d9363e);
    border-color: rgb(var(--pi-error-color-active))
}

.pi-btn-danger:active>a:only-child {
    color: currentcolor
}

.pi-btn-danger:active>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.pi-btn-danger[disabled],
.pi-btn-danger[disabled]:active,
.pi-btn-danger[disabled]:hover {
    color: rgb(255 255 255);
    color: rgb(var(--color-white));
    background: #ffdccb;
    background: var(--pi-primary-2);
    border-color: rgb(#ffdccb);
    border-color: rgb(var(--pi-primary-2));
    text-shadow: none;
    box-shadow: none
}

.pi-btn-danger[disabled]:active>a:only-child,
.pi-btn-danger[disabled]:hover>a:only-child,
.pi-btn-danger[disabled]>a:only-child {
    color: currentcolor
}

.pi-btn-danger[disabled]:active>a:only-child:after,
.pi-btn-danger[disabled]:hover>a:only-child:after,
.pi-btn-danger[disabled]>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.pi-btn-link {
    border-color: transparent;
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(255 79 41/1);
    color: rgb(var(--color-primary)/var(--tw-text-opacity))
}

.pi-btn-link:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-hover)/1);
    color: rgb(var(--color-hover)/var(--tw-text-opacity))
}

.pi-btn-link:active {
    --tw-text-opacity: 1;
    color: rgb(var(--color-active)/1);
    color: rgb(var(--color-active)/var(--tw-text-opacity))
}

.pi-btn-link {
    box-shadow: none
}

.pi-btn-link:hover {
    background: transparent
}

.pi-btn-link:active,
.pi-btn-link:hover {
    border-color: transparent
}

.pi-btn-link[disabled],
.pi-btn-link[disabled]:active,
.pi-btn-link[disabled]:hover {
    color: rgb(var(--color-text-400));
    background: transparent;
    border-color: transparent;
    text-shadow: none;
    box-shadow: none
}

.pi-btn-link[disabled]:active>a:only-child,
.pi-btn-link[disabled]:hover>a:only-child,
.pi-btn-link[disabled]>a:only-child {
    color: currentcolor
}

.pi-btn-link[disabled]:active>a:only-child:after,
.pi-btn-link[disabled]:hover>a:only-child:after,
.pi-btn-link[disabled]>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.pi-btn-text {
    --tw-text-opacity: 1;
    color: rgb(var(--color-blue-100)/1);
    color: rgb(var(--color-blue-100)/var(--tw-text-opacity));
    box-shadow: none
}

.pi-btn-text,
.pi-btn-text:active,
.pi-btn-text:hover {
    border-color: transparent;
    background-color: transparent
}

.pi-btn-text:active,
.pi-btn-text:hover {
    color: rgb(var(--color-blue-100)/.85)
}

.pi-btn-text.pi-btn-loading,
.pi-btn-text.pi-btn[disabled] {
    border-color: transparent;
    background-color: transparent;
    color: rgb(var(--color-blue-100)/.3)
}

.pi-btn-long {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-increase-100)/1);
    background-color: rgb(var(--color-increase-100)/var(--tw-bg-opacity))
}

.pi-btn-long:hover {
    background-color: rgb(var(--color-increase-100)/.85)
}

.pi-btn-long:active,
.pi-btn-long:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-increase-100)/1);
    background-color: rgb(var(--color-increase-100)/var(--tw-bg-opacity))
}

.pi-btn-long {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-increase-100)/var(--tw-border-opacity))
}

.pi-btn-long:active,
.pi-btn-long:focus,
.pi-btn-long:hover {
    border-color: transparent
}

.pi-btn-long:disabled {
    border-color: transparent !important;
    background-color: rgb(var(--color-increase-100)/.5) !important;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/1);
    color: rgb(var(--color-white)/var(--tw-text-opacity))
}

.pi-btn-short {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-decrease-100)/1);
    background-color: rgb(var(--color-decrease-100)/var(--tw-bg-opacity))
}

.pi-btn-short:hover {
    background-color: rgb(var(--color-decrease-100)/.85)
}

.pi-btn-short:active,
.pi-btn-short:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-decrease-100)/1);
    background-color: rgb(var(--color-decrease-100)/var(--tw-bg-opacity))
}

.pi-btn-short {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-decrease-100)/var(--tw-border-opacity))
}

.pi-btn-short:active,
.pi-btn-short:focus,
.pi-btn-short:hover {
    border-color: transparent
}

.pi-btn-short:disabled {
    border-color: transparent !important;
    background-color: rgb(var(--color-decrease-100)/.5) !important;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/1);
    color: rgb(var(--color-white)/var(--tw-text-opacity))
}

.pi-btn-dangerous {
    color: rgb(#ff4d4f);
    color: rgb(var(--pi-error-color));
    background: #fff;
    border-color: rgb(#ff4d4f);
    border-color: rgb(var(--pi-error-color))
}

.pi-btn-dangerous>a:only-child {
    color: currentcolor
}

.pi-btn-dangerous>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.pi-btn-dangerous:hover {
    color: rgb(#ff7875);
    color: rgb(var(--pi-error-color-hover));
    background: #fff;
    border-color: rgb(#ff7875);
    border-color: rgb(var(--pi-error-color-hover))
}

.pi-btn-dangerous:hover>a:only-child {
    color: currentcolor
}

.pi-btn-dangerous:hover>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.pi-btn-dangerous:active {
    color: rgb(#d9363e);
    color: rgb(var(--pi-error-color-active));
    background: #fff;
    border-color: rgb(#d9363e);
    border-color: rgb(var(--pi-error-color-active))
}

.pi-btn-dangerous:active>a:only-child {
    color: currentcolor
}

.pi-btn-dangerous:active>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.pi-btn-dangerous[disabled],
.pi-btn-dangerous[disabled]:active,
.pi-btn-dangerous[disabled]:hover {
    color: rgb(var(--color-text-400));
    border-color: rgb(var(--color-text-400));
    text-shadow: none;
    box-shadow: none
}

.pi-btn-dangerous[disabled]:active>a:only-child,
.pi-btn-dangerous[disabled]:hover>a:only-child,
.pi-btn-dangerous[disabled]>a:only-child {
    color: currentcolor
}

.pi-btn-dangerous[disabled]:active>a:only-child:after,
.pi-btn-dangerous[disabled]:hover>a:only-child:after,
.pi-btn-dangerous[disabled]>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.pi-btn-dangerous.pi-btn-primary {
    color: rgb(#fff);
    background: #ff4d4f;
    background: var(--pi-error-color);
    border-color: rgb(#ff4d4f);
    border-color: rgb(var(--pi-error-color));
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .12)
}

.pi-btn-dangerous.pi-btn-primary>a:only-child {
    color: currentcolor
}

.pi-btn-dangerous.pi-btn-primary>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.pi-btn-dangerous.pi-btn-primary:focus,
.pi-btn-dangerous.pi-btn-primary:hover {
    color: rgb(#fff);
    background: #ff7875;
    background: var(--pi-error-color-hover);
    border-color: rgb(#ff7875);
    border-color: rgb(var(--pi-error-color-hover))
}

.pi-btn-dangerous.pi-btn-primary:focus>a:only-child,
.pi-btn-dangerous.pi-btn-primary:hover>a:only-child {
    color: currentcolor
}

.pi-btn-dangerous.pi-btn-primary:focus>a:only-child:after,
.pi-btn-dangerous.pi-btn-primary:hover>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.pi-btn-dangerous.pi-btn-primary:active {
    color: rgb(#fff);
    background: #d9363e;
    background: var(--pi-error-color-active);
    border-color: rgb(#d9363e);
    border-color: rgb(var(--pi-error-color-active))
}

.pi-btn-dangerous.pi-btn-primary:active>a:only-child {
    color: currentcolor
}

.pi-btn-dangerous.pi-btn-primary:active>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.pi-btn-dangerous.pi-btn-primary[disabled],
.pi-btn-dangerous.pi-btn-primary[disabled]:active,
.pi-btn-dangerous.pi-btn-primary[disabled]:hover {
    color: rgb(255 255 255);
    color: rgb(var(--color-white));
    background: #ffdccb;
    background: var(--pi-primary-2);
    border-color: rgb(#ffdccb);
    border-color: rgb(var(--pi-primary-2));
    text-shadow: none;
    box-shadow: none
}

.pi-btn-dangerous.pi-btn-primary[disabled]:active>a:only-child,
.pi-btn-dangerous.pi-btn-primary[disabled]:hover>a:only-child,
.pi-btn-dangerous.pi-btn-primary[disabled]>a:only-child {
    color: currentcolor
}

.pi-btn-dangerous.pi-btn-primary[disabled]:active>a:only-child:after,
.pi-btn-dangerous.pi-btn-primary[disabled]:hover>a:only-child:after,
.pi-btn-dangerous.pi-btn-primary[disabled]>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.pi-btn-dangerous.pi-btn-link {
    color: rgb(#ff4d4f);
    color: rgb(var(--pi-error-color));
    background: transparent;
    border-color: transparent;
    box-shadow: none
}

.pi-btn-dangerous.pi-btn-link>a:only-child {
    color: currentcolor
}

.pi-btn-dangerous.pi-btn-link>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.pi-btn-dangerous.pi-btn-link:hover {
    color: rgb(var(--color-hover));
    border-color: rgb(var(--color-hover))
}

.pi-btn-dangerous.pi-btn-link:active {
    color: rgb(#f25a0d);
    color: rgb(var(--pi-primary-color-active));
    border-color: rgb(#f25a0d);
    border-color: rgb(var(--pi-primary-color-active))
}

.pi-btn-dangerous.pi-btn-link[disabled],
.pi-btn-dangerous.pi-btn-link[disabled]:active,
.pi-btn-dangerous.pi-btn-link[disabled]:hover {
    border-color: rgb(var(--color-text-400))
}

.pi-btn-dangerous.pi-btn-link:hover {
    color: rgb(#ff7875);
    color: rgb(var(--pi-error-color-hover));
    background: transparent;
    border-color: transparent
}

.pi-btn-dangerous.pi-btn-link:hover>a:only-child {
    color: currentcolor
}

.pi-btn-dangerous.pi-btn-link:hover>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.pi-btn-dangerous.pi-btn-link:active {
    color: rgb(#d9363e);
    color: rgb(var(--pi-error-color-active));
    background: transparent;
    border-color: transparent
}

.pi-btn-dangerous.pi-btn-link:active>a:only-child {
    color: currentcolor
}

.pi-btn-dangerous.pi-btn-link:active>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.pi-btn-dangerous.pi-btn-link[disabled],
.pi-btn-dangerous.pi-btn-link[disabled]:active,
.pi-btn-dangerous.pi-btn-link[disabled]:hover {
    color: rgb(var(--color-text-400));
    background: transparent;
    border-color: transparent;
    text-shadow: none;
    box-shadow: none
}

.pi-btn-dangerous.pi-btn-link[disabled]:active>a:only-child,
.pi-btn-dangerous.pi-btn-link[disabled]:hover>a:only-child,
.pi-btn-dangerous.pi-btn-link[disabled]>a:only-child {
    color: currentcolor
}

.pi-btn-dangerous.pi-btn-link[disabled]:active>a:only-child:after,
.pi-btn-dangerous.pi-btn-link[disabled]:hover>a:only-child:after,
.pi-btn-dangerous.pi-btn-link[disabled]>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.pi-btn-dangerous.pi-btn-text {
    color: rgb(#ff4d4f);
    color: rgb(var(--pi-error-color));
    background: transparent;
    border-color: transparent;
    box-shadow: none
}

.pi-btn-dangerous.pi-btn-text>a:only-child {
    color: currentcolor
}

.pi-btn-dangerous.pi-btn-text>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.pi-btn-dangerous.pi-btn-text:hover {
    color: rgb(var(--color-hover));
    background: transparent;
    border-color: rgb(var(--color-hover))
}

.pi-btn-dangerous.pi-btn-text:active {
    color: rgb(#f25a0d);
    color: rgb(var(--pi-primary-color-active));
    background: transparent;
    border-color: rgb(#f25a0d);
    border-color: rgb(var(--pi-primary-color-active))
}

.pi-btn-dangerous.pi-btn-text[disabled],
.pi-btn-dangerous.pi-btn-text[disabled]:active,
.pi-btn-dangerous.pi-btn-text[disabled]:hover {
    border-color: rgb(var(--color-text-400))
}

.pi-btn-dangerous.pi-btn-text:hover {
    color: rgb(#ff7875);
    color: rgb(var(--pi-error-color-hover));
    background: rgba(0, 0, 0, .018);
    border-color: transparent
}

.pi-btn-dangerous.pi-btn-text:hover>a:only-child {
    color: currentcolor
}

.pi-btn-dangerous.pi-btn-text:hover>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.pi-btn-dangerous.pi-btn-text:active {
    color: rgb(#d9363e);
    color: rgb(var(--pi-error-color-active));
    background: rgba(0, 0, 0, .028);
    border-color: transparent
}

.pi-btn-dangerous.pi-btn-text:active>a:only-child {
    color: currentcolor
}

.pi-btn-dangerous.pi-btn-text:active>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.pi-btn-dangerous.pi-btn-text[disabled],
.pi-btn-dangerous.pi-btn-text[disabled]:active,
.pi-btn-dangerous.pi-btn-text[disabled]:hover {
    color: rgb(var(--color-text-400));
    background: transparent;
    border-color: transparent;
    text-shadow: none;
    box-shadow: none
}

.pi-btn-dangerous.pi-btn-text[disabled]:active>a:only-child,
.pi-btn-dangerous.pi-btn-text[disabled]:hover>a:only-child,
.pi-btn-dangerous.pi-btn-text[disabled]>a:only-child {
    color: currentcolor
}

.pi-btn-dangerous.pi-btn-text[disabled]:active>a:only-child:after,
.pi-btn-dangerous.pi-btn-text[disabled]:hover>a:only-child:after,
.pi-btn-dangerous.pi-btn-text[disabled]>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.pi-btn-icon-only {
    width: 38px;
    height: 38px;
    padding: 5.4px 0;
    font-size: 16px;
    border-radius: 4px;
    vertical-align: -3px
}

.pi-btn-icon-only>* {
    font-size: 16px
}

.pi-btn-icon-only.pi-btn-lg {
    width: 48px;
    height: 48px;
    padding: 8.9px 0;
    font-size: 18px;
    border-radius: 4px
}

.pi-btn-icon-only.pi-btn-lg>* {
    font-size: 18px
}

.pi-btn-icon-only.pi-btn-sm {
    width: 28px;
    height: 28px;
    padding: 2px 0;
    font-size: 14px;
    border-radius: 4px
}

.pi-btn-icon-only.pi-btn-sm>* {
    font-size: 14px
}

.pi-btn-icon-only>.piicon {
    display: flex;
    justify-content: center
}

a.pi-btn-icon-only {
    vertical-align: -1px
}

a.pi-btn-icon-only>.piicon {
    display: inline
}

.pi-btn-round {
    height: 38px;
    padding: 7px 19px;
    font-size: 14px;
    border-radius: 38px
}

.pi-btn-round.pi-btn-lg {
    height: 48px;
    padding: 10.4px 24px;
    font-size: 16px;
    border-radius: 48px
}

.pi-btn-round.pi-btn-sm {
    height: 28px;
    padding: 2px 14px;
    font-size: 14px;
    border-radius: 28px
}

.pi-btn-round.pi-btn-icon-only {
    width: auto
}

.pi-btn-circle {
    min-width: 38px;
    padding-right: 0;
    padding-left: 0;
    text-align: center;
    border-radius: 50%
}

.pi-btn-circle.pi-btn-lg {
    min-width: 48px;
    border-radius: 50%
}

.pi-btn-circle.pi-btn-sm {
    min-width: 28px;
    border-radius: 50%
}

.pi-btn:before {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    z-index: 1;
    display: none;
    border-radius: inherit;
    transition: opacity .2s;
    content: "";
    pointer-events: none
}

.pi-btn .piicon {
    transition: margin-left .1s cubic-bezier(.645, .045, .355, 1)
}

.pi-btn .piicon.piicon-minus>svg,
.pi-btn .piicon.piicon-plus>svg {
    shape-rendering: optimizespeed
}

.pi-btn.pi-btn-loading {
    position: relative;
    cursor: default;
    pointer-events: none
}

.pi-btn.pi-btn-loading:before {
    display: block
}

.pi-btn>.pi-btn-loading-icon {
    transition: width .1s cubic-bezier(.645, .045, .355, 1), opacity .1s cubic-bezier(.645, .045, .355, 1);
    display: inline-flex;
    padding-right: 8px;
    animation: none
}

.pi-btn>.pi-btn-loading-icon svg {
    animation: loadingCircle 1s linear infinite
}

.pi-btn>.pi-btn-loading-icon:only-child .piicon {
    padding-right: 0
}

.pi-btn-group {
    display: inline-flex
}

.pi-btn-group,
.pi-btn-group>.pi-btn,
.pi-btn-group>span>.pi-btn {
    position: relative
}

.pi-btn-group>.pi-btn:active,
.pi-btn-group>.pi-btn:hover,
.pi-btn-group>span>.pi-btn:active,
.pi-btn-group>span>.pi-btn:hover {
    z-index: 2
}

.pi-btn-group>.pi-btn[disabled],
.pi-btn-group>span>.pi-btn[disabled] {
    z-index: 0
}

.pi-btn-group .pi-btn-icon-only {
    font-size: 14px
}

.pi-btn+.pi-btn-group,
.pi-btn-group .pi-btn+.pi-btn,
.pi-btn-group .pi-btn+span,
.pi-btn-group span+.pi-btn,
.pi-btn-group+.pi-btn,
.pi-btn-group+.pi-btn-group,
.pi-btn-group>span+span {
    margin-left: -1px
}

.pi-btn-group .pi-btn-primary+.pi-btn:not(.pi-btn-primary):not([disabled]) {
    border-left-color: transparent
}

.pi-btn-group .pi-btn {
    border-radius: 0
}

.pi-btn-group>.pi-btn:first-child,
.pi-btn-group>span:first-child>.pi-btn {
    margin-left: 0
}

.pi-btn-group>.pi-btn:only-child,
.pi-btn-group>span:only-child>.pi-btn {
    border-radius: 4px
}

.pi-btn-group>.pi-btn:first-child:not(:last-child),
.pi-btn-group>span:first-child:not(:last-child)>.pi-btn {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.pi-btn-group>.pi-btn:last-child:not(:first-child),
.pi-btn-group>span:last-child:not(:first-child)>.pi-btn {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.pi-btn-group-sm>.pi-btn:only-child,
.pi-btn-group-sm>span:only-child>.pi-btn {
    border-radius: 6px
}

.pi-btn-group-sm>.pi-btn:first-child:not(:last-child),
.pi-btn-group-sm>span:first-child:not(:last-child)>.pi-btn {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.pi-btn-group-sm>.pi-btn:last-child:not(:first-child),
.pi-btn-group-sm>span:last-child:not(:first-child)>.pi-btn {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.pi-btn-group>.pi-btn-group {
    float: left
}

.pi-btn-group>.pi-btn-group:not(:first-child):not(:last-child)>.pi-btn {
    border-radius: 0
}

.pi-btn-group>.pi-btn-group:first-child:not(:last-child)>.pi-btn:last-child {
    padding-right: 8px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.pi-btn-group>.pi-btn-group:last-child:not(:first-child)>.pi-btn:first-child {
    padding-left: 8px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.pi-btn:active>span,
.pi-btn:focus>span {
    position: relative
}

.pi-btn>.piicon+span,
.pi-btn>span+.piicon {
    margin-left: 8px
}

.pi-btn.pi-btn-background-ghost {
    color: #fff;
    border-color: #fff
}

.pi-btn.pi-btn-background-ghost,
.pi-btn.pi-btn-background-ghost:active,
.pi-btn.pi-btn-background-ghost:hover {
    background: transparent
}

.pi-btn.pi-btn-background-ghost:hover {
    color: #ff7152;
    color: var(--pi-primary-color-hover);
    border-color: #ff7152;
    border-color: var(--pi-primary-color-hover)
}

.pi-btn.pi-btn-background-ghost:active {
    color: #f25a0d;
    color: var(--pi-primary-color-active);
    border-color: #f25a0d;
    border-color: var(--pi-primary-color-active)
}

.pi-btn.pi-btn-background-ghost[disabled] {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-400)/1);
    color: rgb(var(--color-text-400)/var(--tw-text-opacity));
    background: transparent;
    border-color: var(--color-divider)
}

.pi-btn-background-ghost.pi-btn-primary {
    color: rgb(#ff4f29);
    color: rgb(var(--pi-primary-color));
    text-shadow: none;
    --tw-border-opacity: 1;
    border-color: rgb(255 79 41/1);
    border-color: rgb(var(--color-primary)/var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 79 41/1);
    color: rgb(var(--color-primary)/var(--tw-text-opacity))
}

.pi-btn-background-ghost.pi-btn-primary>a:only-child {
    color: currentcolor
}

.pi-btn-background-ghost.pi-btn-primary>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.pi-btn-background-ghost.pi-btn-primary:hover {
    color: rgb(#ff7152);
    color: rgb(var(--pi-primary-color-hover));
    background: transparent;
    border-color: rgb(#ff7152);
    border-color: rgb(var(--pi-primary-color-hover))
}

.pi-btn-background-ghost.pi-btn-primary:hover>a:only-child {
    color: currentcolor
}

.pi-btn-background-ghost.pi-btn-primary:hover>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.pi-btn-background-ghost.pi-btn-primary:active {
    color: rgb(#f25a0d);
    color: rgb(var(--pi-primary-color-active));
    background: transparent;
    border-color: rgb(#f25a0d);
    border-color: rgb(var(--pi-primary-color-active))
}

.pi-btn-background-ghost.pi-btn-primary:active>a:only-child {
    color: currentcolor
}

.pi-btn-background-ghost.pi-btn-primary:active>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.pi-btn-background-ghost.pi-btn-primary[disabled],
.pi-btn-background-ghost.pi-btn-primary[disabled]:active,
.pi-btn-background-ghost.pi-btn-primary[disabled]:hover {
    color: rgb(var(--color-text-400));
    border-color: rgb(#ffdccb);
    border-color: rgb(var(--pi-primary-2));
    text-shadow: none;
    box-shadow: none
}

.pi-btn-background-ghost.pi-btn-primary[disabled]:active>a:only-child,
.pi-btn-background-ghost.pi-btn-primary[disabled]:hover>a:only-child,
.pi-btn-background-ghost.pi-btn-primary[disabled]>a:only-child {
    color: currentcolor
}

.pi-btn-background-ghost.pi-btn-primary[disabled]:active>a:only-child:after,
.pi-btn-background-ghost.pi-btn-primary[disabled]:hover>a:only-child:after,
.pi-btn-background-ghost.pi-btn-primary[disabled]>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.pi-btn-background-ghost.pi-btn-primary:hover {
    border-color: rgb(255 79 41/.85);
    border-color: rgb(var(--color-primary)/.85);
    color: rgb(255 79 41/.85);
    color: rgb(var(--color-primary)/.85)
}

.pi-btn-background-ghost.pi-btn-primary:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-active)/var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(var(--color-active)/1);
    color: rgb(var(--color-active)/var(--tw-text-opacity))
}

.pi-btn-two-chinese-chars:first-letter {
    letter-spacing: .34em
}

.pi-btn-two-chinese-chars>:not(.piicon) {
    margin-right: -.34em;
    letter-spacing: .34em
}

.pi-btn.pi-btn-block {
    width: 100%
}

.pi-btn:empty {
    display: inline-block;
    width: 0;
    visibility: hidden;
    content: "\a0"
}

a.pi-btn {
    line-height: 36px
}

a.pi-btn-lg {
    line-height: 46px
}

a.pi-btn-sm {
    line-height: 26px
}

.pi-btn-secondary {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-btn-secondary-100)/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-btn-secondary-100)/1);
    background-color: rgb(var(--color-btn-secondary-100)/var(--tw-bg-opacity))
}

.pi-btn-secondary,
.pi-btn-secondary:active,
.pi-btn-secondary:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-100)/1);
    color: rgb(var(--color-text-100)/var(--tw-text-opacity))
}

.pi-btn-secondary:active,
.pi-btn-secondary:hover {
    border-color: transparent;
    background-color: rgb(var(--color-btn-secondary-100)/.85)
}

.pi-btn-secondary.pi-btn-loading,
.pi-btn-secondary.pi-btn[disabled] {
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-btn-secondary-100)/1);
    background-color: rgb(var(--color-btn-secondary-100)/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-400)/1);
    color: rgb(var(--color-text-400)/var(--tw-text-opacity))
}

.pi-btn-hightlight {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-btn-hightlight)/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-btn-hightlight)/1);
    background-color: rgb(var(--color-btn-hightlight)/var(--tw-bg-opacity))
}

.pi-btn-hightlight,
.pi-btn-hightlight:active,
.pi-btn-hightlight:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-hightlightbtn)/1);
    color: rgb(var(--color-text-hightlightbtn)/var(--tw-text-opacity))
}

.pi-btn-hightlight:active,
.pi-btn-hightlight:hover {
    border-color: transparent;
    background-color: rgb(var(--color-btn-hightlight)/.85)
}

.pi-btn-hightlight.pi-btn-loading,
.pi-btn-hightlight.pi-btn[disabled] {
    border-color: transparent;
    background-color: rgb(var(--color-btn-hightlight)/.3);
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-hightlightbtn)/1);
    color: rgb(var(--color-text-hightlightbtn)/var(--tw-text-opacity))
}

.pi-btn-outline {
    --tw-text-opacity: 1
}

.pi-btn-outline,
.pi-btn-outline:active,
.pi-btn-outline:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-line-300)/var(--tw-border-opacity));
    color: rgb(var(--color-text-100)/1);
    color: rgb(var(--color-text-100)/var(--tw-text-opacity))
}

.pi-btn-outline:active,
.pi-btn-outline:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-hover-100)/1);
    background-color: rgb(var(--color-hover-100)/var(--tw-bg-opacity));
    --tw-text-opacity: 1
}

.pi-btn-outline.pi-btn-loading,
.pi-btn-outline.pi-btn[disabled] {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-line-200)/var(--tw-border-opacity));
    background-color: rgb(var(--color-btn-secondary-100)/.3);
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-400)/1);
    color: rgb(var(--color-text-400)/var(--tw-text-opacity))
}

.pi-btn-plain {
    --tw-text-opacity: 1;
    color: rgb(255 79 41/1);
    color: rgb(var(--color-primary)/var(--tw-text-opacity))
}

.pi-btn-plain,
.pi-btn-plain:hover {
    --tw-border-opacity: 1;
    border-color: rgb(255 79 41/1);
    border-color: rgb(var(--color-primary)/var(--tw-border-opacity))
}

.pi-btn-plain:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 79 41/1);
    background-color: rgb(var(--color-primary)/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255/1);
    color: rgb(var(--color-white)/var(--tw-text-opacity))
}

.pi-input-prefix,
.pi-input-suffix {
    flex: none;
    display: flex;
    align-items: center;
    gap: 8px;
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-300)/1);
    color: rgb(var(--color-text-300)/var(--tw-text-opacity));
    border-width: 1px;
    border-style: none;
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-divider-100)/var(--tw-border-opacity));
    transition: all .3s
}

.pi-input-show-count-suffix {
    color: rgba(0, 0, 0, .45)
}

.pi-input-show-count-has-suffix {
    margin-right: 2px
}

.pi-input-clear-icon,
.piicon.pi-input-clear-icon {
    margin: 0;
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-300)/1);
    color: rgb(var(--color-text-300)/var(--tw-text-opacity));
    font-size: 12px;
    vertical-align: -1px;
    line-height: 1;
    cursor: pointer;
    transition: color .3s
}

.pi-input-clear-icon:hover,
.piicon.pi-input-clear-icon:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-secondary)/1);
    color: rgb(var(--color-secondary)/var(--tw-text-opacity))
}

.pi-input-clear-icon:active,
.piicon.pi-input-clear-icon:active {
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent-sub)/1);
    color: rgb(var(--color-accent-sub)/var(--tw-text-opacity))
}

.pi-input-clear-icon-hidden,
.piicon.pi-input-clear-icon-hidden {
    visibility: hidden
}

.pi-input-clear-icon-has-suffix,
.piicon.pi-input-clear-icon-has-suffix {
    display: flex
}

.pi-input-affix-wrapper-textarea-with-clear-btn {
    padding: 0 !important;
    border: 0 !important
}

.pi-input-affix-wrapper-textarea-with-clear-btn .pi-input-clear-icon {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 1
}

.pi-input-wrap-status-error:not(.pi-input-wrap-disabled),
.pi-input-wrap-status-error:not(.pi-input-wrap-disabled):focus,
.pi-input-wrap-status-error:not(.pi-input-wrap-disabled):hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-red-50)/var(--tw-border-opacity))
}

.pi-input-wrap-status-error .pi-input-prefix {
    color: #ff4d4f;
    color: var(--pi-error-color)
}

.pi-input-wrap-status-error .pi-input,
.pi-input-wrap-status-error .pi-input:focus,
.pi-input-wrap-status-error .pi-input:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-red-50)/var(--tw-border-opacity))
}

.pi-input-wrap-status-error .pi-input .pi-input-prefix {
    color: #ff4d4f;
    color: var(--pi-error-color)
}

.pi-input-wrap-status-error:not(.pi-input-wrap-disabled):focus-within,
.pi-input-wrap-status-error:not(.pi-input-wrap-disabled):hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-red-50)/var(--tw-border-opacity))
}

.pi-input-wrap-status-error:not(.pi-input-wrap-disabled):focus-within:hover,
.pi-input-wrap-status-error:not(.pi-input-wrap-disabled):hover:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-red-50)/var(--tw-border-opacity))
}

.pi-input-wrap-status-error:not(.pi-input-wrap-disabled):focus-within:focus,
.pi-input-wrap-status-error:not(.pi-input-wrap-disabled):hover:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-red-50)/var(--tw-border-opacity))
}

.pi-input-wrap-status-error.pi-input-wrap .pi-input:not([disabled])~.pi-input-placeholder {
    --tw-text-opacity: 1;
    color: rgb(var(--color-red)/1);
    color: rgb(var(--color-red)/var(--tw-text-opacity))
}

.pi-input-wrap-status-warning:not(.pi-input-wrap-disabled):not(.pi-input-wrap-borderless).pi-input-wrap,
.pi-input-wrap-status-warning:not(.pi-input-wrap-disabled):not(.pi-input-wrap-borderless).pi-input-wrap:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-red)/var(--tw-border-opacity))
}

.pi-input-wrap-status-warning:not(.pi-input-wrap-disabled):not(.pi-input-wrap-borderless).pi-input-wrap-focused,
.pi-input-wrap-status-warning:not(.pi-input-wrap-disabled):not(.pi-input-wrap-borderless).pi-input-wrap:focus,
.pi-input-wrap-status-warning:not(.pi-input-wrap-disabled):not(.pi-input-wrap-borderless).pi-input-wrap:focus-within {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-red)/var(--tw-border-opacity))
}

.pi-input-wrap-status-warning .pi-input-prefix {
    color: #faad14;
    color: var(--pi-warning-color)
}

.pi-input-affix-wrapper-status-error:not(.pi-input-wrap-disabled),
.pi-input-affix-wrapper-status-error:not(.pi-input-wrap-disabled):focus,
.pi-input-affix-wrapper-status-error:not(.pi-input-wrap-disabled):hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-red-50)/var(--tw-border-opacity))
}

.pi-input-affix-wrapper-status-error .pi-input-prefix {
    color: #ff4d4f;
    color: var(--pi-error-color)
}

.pi-input-affix-wrapper-status-error .pi-input,
.pi-input-affix-wrapper-status-error .pi-input:focus,
.pi-input-affix-wrapper-status-error .pi-input:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-red-50)/var(--tw-border-opacity))
}

.pi-input-affix-wrapper-status-error .pi-input .pi-input-prefix {
    color: #ff4d4f;
    color: var(--pi-error-color)
}

.pi-input-affix-wrapper-status-error:not(.pi-input-affix-wrapper-disabled):focus-within,
.pi-input-affix-wrapper-status-error:not(.pi-input-affix-wrapper-disabled):hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-red-50)/var(--tw-border-opacity))
}

.pi-input-affix-wrapper-status-error:not(.pi-input-affix-wrapper-disabled):focus-within:hover,
.pi-input-affix-wrapper-status-error:not(.pi-input-affix-wrapper-disabled):hover:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-red-50)/var(--tw-border-opacity))
}

.pi-input-affix-wrapper-status-error:not(.pi-input-affix-wrapper-disabled):focus-within:focus,
.pi-input-affix-wrapper-status-error:not(.pi-input-affix-wrapper-disabled):hover:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-red-50)/var(--tw-border-opacity))
}

.pi-input-affix-wrapper-status-error.pi-input-wrap .pi-input:not([disabled])~.pi-input-placeholder {
    --tw-text-opacity: 1;
    color: rgb(var(--color-red)/1);
    color: rgb(var(--color-red)/var(--tw-text-opacity))
}

.pi-input-affix-wrapper-status-warning:not(.pi-input-affix-wrapper-disabled):not(.pi-input-affix-wrapper-borderless).pi-input-affix-wrapper,
.pi-input-affix-wrapper-status-warning:not(.pi-input-affix-wrapper-disabled):not(.pi-input-affix-wrapper-borderless).pi-input-affix-wrapper:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-red)/var(--tw-border-opacity))
}

.pi-input-affix-wrapper-status-warning:not(.pi-input-affix-wrapper-disabled):not(.pi-input-affix-wrapper-borderless).pi-input-affix-wrapper-focused,
.pi-input-affix-wrapper-status-warning:not(.pi-input-affix-wrapper-disabled):not(.pi-input-affix-wrapper-borderless).pi-input-affix-wrapper:focus,
.pi-input-affix-wrapper-status-warning:not(.pi-input-affix-wrapper-disabled):not(.pi-input-affix-wrapper-borderless).pi-input-affix-wrapper:focus-within {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-red)/var(--tw-border-opacity))
}

.pi-input-affix-wrapper-status-warning .pi-input-prefix {
    color: #faad14;
    color: var(--pi-warning-color)
}

.pi-input-textarea-status-error.pi-input-textarea-has-feedback .pi-input,
.pi-input-textarea-status-success.pi-input-textarea-has-feedback .pi-input,
.pi-input-textarea-status-validating.pi-input-textarea-has-feedback .pi-input,
.pi-input-textarea-status-warning.pi-input-textarea-has-feedback .pi-input {
    padding-right: 24px
}

.pi-input-group-wrapper-status-error .pi-input-group-addon {
    color: #ff4d4f;
    color: var(--pi-error-color);
    border-color: #ff4d4f;
    border-color: var(--pi-error-color)
}

.pi-input-group-wrapper-status-warning .pi-input-group-addon {
    color: #faad14;
    color: var(--pi-warning-color);
    border-color: #faad14;
    border-color: var(--pi-warning-color)
}

.pi-input {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgb(var(--color-accent)/1);
    color: rgb(var(--color-accent)/var(--tw-text-opacity));
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    background-color: transparent;
    outline: 2px solid transparent;
    outline-offset: 2px;
    background-image: none;
    transition: all .3s, background-color 50000000s ease-in-out 0s !important;
    box-shadow: none !important;
    outline: none !important
}

.pi-input::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(var(--color-secondary)/1);
    color: rgb(var(--color-secondary)/var(--tw-placeholder-opacity))
}

.pi-input::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(var(--color-secondary)/1);
    color: rgb(var(--color-secondary)/var(--tw-placeholder-opacity))
}

.pi-input:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-secondary)/var(--tw-border-opacity))
}

.pi-input:-moz-placeholder-shown {
    text-overflow: ellipsis
}

.pi-input:placeholder-shown {
    text-overflow: ellipsis
}

.pi-input::-moz-placeholder {
    -moz-user-select: none;
    user-select: none
}

.pi-input::placeholder {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.pi-input.pi-input-hide-placeholder:-moz-placeholder-shown::-moz-placeholder {
    color: transparent !important
}

.pi-input.pi-input-hide-placeholder:placeholder-shown::-moz-placeholder {
    color: transparent !important
}

.pi-input.pi-input-hide-placeholder:-moz-placeholder-shown::placeholder {
    color: transparent !important
}

.pi-input.pi-input-hide-placeholder:placeholder-shown::placeholder {
    color: transparent !important
}

.pi-input-focused {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-accent-sub)/var(--tw-border-opacity))
}

.pi-input-disabled {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-300)/1);
    color: rgb(var(--color-text-300)/var(--tw-text-opacity));
    background-color: transparent;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.pi-input-disabled,
.pi-input-disabled:hover {
    --tw-border-opacity: 1
}

.pi-input-disabled,
.pi-input-disabled:hover,
.pi-input[disabled] {
    border-color: rgb(var(--color-divider-100)/var(--tw-border-opacity))
}

.pi-input[disabled] {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-300)/1);
    color: rgb(var(--color-text-300)/var(--tw-text-opacity));
    --tw-border-opacity: 1;
    background-color: transparent;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.pi-input[disabled]:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-divider-100)/var(--tw-border-opacity))
}

.pi-input-borderless,
.pi-input-borderless-disabled,
.pi-input-borderless-focused,
.pi-input-borderless:focus,
.pi-input-borderless:hover,
.pi-input-borderless[disabled] {
    background-color: transparent;
    border: none;
    box-shadow: none
}

textarea.pi-input {
    max-width: 100%;
    height: auto;
    min-height: 38px;
    vertical-align: bottom;
    transition: all .3s, height 0s
}

.pi-input-lg {
    padding: 13px 12px;
    font-size: 14px;
    line-height: 18px
}

.pi-input-sm {
    padding: 2px 7px
}

.pi-input-group {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent)/1);
    color: rgb(var(--color-accent)/var(--tw-text-opacity));
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0
}

.pi-input-group-addon,
.pi-input-group-wrap,
.pi-input-group>.pi-input {
    display: table-cell
}

.pi-input-group-addon:not(:first-child, :last-child),
.pi-input-group-wrap:not(:first-child, :last-child),
.pi-input-group>.pi-input:not(:first-child, :last-child) {
    border-radius: 0
}

.pi-input-group-addon,
.pi-input-group-wrap {
    width: 1px;
    white-space: nowrap;
    vertical-align: middle
}

.pi-input-group .pi-input {
    float: left;
    width: 100%;
    margin-bottom: 0;
    text-align: inherit
}

.pi-input-group .pi-input:focus,
.pi-input-group .pi-input:hover {
    z-index: 1;
    border-right-width: 1px
}

.pi-input-search-with-button .pi-input-group .pi-input:hover {
    z-index: 0
}

.pi-input-group-addon {
    position: relative;
    padding: 0 11px;
    color: rgba(0, 0, 0, .85);
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    background-color: #fafafa;
    border: 1px solid var(--color-divider);
    border-radius: 4px;
    transition: all .3s
}

.pi-input-group-addon .pi-select {
    margin: -8px -11px
}

.pi-input-group-addon .pi-select.pi-select-single:not(.pi-select-customize-input) .pi-select-selector {
    background-color: inherit;
    border: 1px solid transparent;
    box-shadow: none
}

.pi-input-group-addon .pi-select-focused .pi-select-selector,
.pi-input-group-addon .pi-select-open .pi-select-selector {
    --tw-text-opacity: 1;
    color: rgb(255 79 41/1);
    color: rgb(var(--color-primary)/var(--tw-text-opacity))
}

.pi-input-group-addon .pi-cascader-picker {
    margin: -9px -12px;
    background-color: transparent
}

.pi-input-group-addon .pi-cascader-picker .pi-cascader-input {
    text-align: left;
    border: 0;
    box-shadow: none
}

.pi-input-group-addon:first-child,
.pi-input-group-addon:first-child .pi-select .pi-select-selector,
.pi-input-group>.pi-input:first-child,
.pi-input-group>.pi-input:first-child .pi-select .pi-select-selector {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.pi-input-group-addon:first-child {
    border-right: 0
}

.pi-input-group-addon:last-child {
    border-left: 0
}

.pi-input-group-addon:last-child,
.pi-input-group-addon:last-child .pi-select .pi-select-selector,
.pi-input-group>.pi-input:last-child,
.pi-input-group>.pi-input:last-child .pi-select .pi-select-selector {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.pi-input-group-lg .pi-input,
.pi-input-group-lg>.pi-input-group-addon {
    padding: 13px 12px;
    font-size: 14px;
    line-height: 18px
}

.pi-input-group-sm .pi-input,
.pi-input-group-sm>.pi-input-group-addon {
    padding: 2px 7px
}

.pi-input-group-lg .pi-select-single .pi-select-selector {
    height: 48px
}

.pi-input-group-sm .pi-select-single .pi-select-selector {
    height: 28px
}

.pi-input-group.pi-input-group-compact {
    display: block
}

.pi-input-group.pi-input-group-compact:before {
    display: table;
    content: ""
}

.pi-input-group.pi-input-group-compact:after {
    display: table;
    clear: both;
    content: ""
}

.pi-input-group.pi-input-group-compact-addon:not(:first-child, :last-child),
.pi-input-group.pi-input-group-compact-wrap:not(:first-child, :last-child),
.pi-input-group.pi-input-group-compact>.pi-input:not(:first-child, :last-child) {
    border-right-width: 1px
}

.pi-input-group.pi-input-group-compact-addon:not(:first-child, :last-child):focus,
.pi-input-group.pi-input-group-compact-addon:not(:first-child, :last-child):hover,
.pi-input-group.pi-input-group-compact-wrap:not(:first-child, :last-child):focus,
.pi-input-group.pi-input-group-compact-wrap:not(:first-child, :last-child):hover,
.pi-input-group.pi-input-group-compact>.pi-input:not(:first-child, :last-child):focus,
.pi-input-group.pi-input-group-compact>.pi-input:not(:first-child, :last-child):hover {
    z-index: 1
}

.pi-input-group.pi-input-group-compact>.pi-picker-range {
    display: inline-flex
}

.pi-input-group.pi-input-group-compact .pi-input {
    float: none
}

.pi-input-group.pi-input-group-compact>.pi-cascader-picker .pi-input,
.pi-input-group.pi-input-group-compact>.pi-input-group-wrapper .pi-input,
.pi-input-group.pi-input-group-compact>.pi-select-auto-complete .pi-input,
.pi-input-group.pi-input-group-compact>.pi-select>.pi-select-selector {
    border-right-width: 1px;
    border-radius: 0
}

.pi-input-group.pi-input-group-compact>.pi-cascader-picker .pi-input:focus,
.pi-input-group.pi-input-group-compact>.pi-cascader-picker .pi-input:hover,
.pi-input-group.pi-input-group-compact>.pi-input-group-wrapper .pi-input:focus,
.pi-input-group.pi-input-group-compact>.pi-input-group-wrapper .pi-input:hover,
.pi-input-group.pi-input-group-compact>.pi-select-auto-complete .pi-input:focus,
.pi-input-group.pi-input-group-compact>.pi-select-auto-complete .pi-input:hover,
.pi-input-group.pi-input-group-compact>.pi-select-focused,
.pi-input-group.pi-input-group-compact>.pi-select>.pi-select-arrow,
.pi-input-group.pi-input-group-compact>.pi-select>.pi-select-selector:focus,
.pi-input-group.pi-input-group-compact>.pi-select>.pi-select-selector:hover {
    z-index: 1
}

.pi-input-group.pi-input-group-compact>.pi-select-auto-complete .pi-input {
    vertical-align: top
}

.pi-input-group.pi-input-group-compact .pi-input-group-wrapper+.pi-input-group-wrapper {
    margin-left: -1px
}

.pi-input-group.pi-input-group-compact .pi-input-group-wrapper:not(:last-child).pi-input-search>.pi-input-group>.pi-input-group-addon>.pi-input-search-button {
    border-radius: 0
}

.pi-input-group.pi-input-group-compact .pi-input-group-wrapper:not(:last-child).pi-input-search>.pi-input-group>.pi-input {
    border-radius: 4px 0 0 4px
}

.pi-input-group-wrapper {
    display: inline-block;
    width: 100%;
    text-align: start;
    vertical-align: top
}

.pi-input-password-icon {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-400)/1);
    color: rgb(var(--color-text-400)/var(--tw-text-opacity));
    cursor: pointer;
    transition: all .3s
}

.pi-input-password-icon:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-secondary)/1);
    color: rgb(var(--color-secondary)/var(--tw-text-opacity))
}

.pi-input-textarea-show-count>.pi-input {
    height: 100%
}

.pi-input-textarea-show-count:after {
    float: right;
    color: rgba(0, 0, 0, .45);
    white-space: nowrap;
    content: attr(data-count);
    pointer-events: none
}

.pi-input-textarea-show-count.pi-input-textarea-in-form-item:after {
    margin-bottom: -22px
}

.pi-input-textarea-suffix {
    position: absolute;
    top: 0;
    right: 11px;
    bottom: 0;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    margin: auto
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .pi-input {
        height: 38px
    }

    .pi-input-lg {
        height: 48px
    }

    .pi-input-sm {
        height: 28px
    }

    .pi-input-affix-wrapper>input.pi-input {
        height: auto
    }
}

.pi-input-wrap-has-value .pi-input-refer-wrap {
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent)/1);
    color: rgb(var(--color-accent)/var(--tw-text-opacity))
}

.pi-input-wrap-disabled .pi-input-refer-wrap {
    --tw-text-opacity: 1;
    color: rgb(var(--color-divider-100)/1);
    color: rgb(var(--color-divider-100)/var(--tw-text-opacity))
}

.pi-input {
    border-style: none;
    font-size: 14px;
    line-height: 18px;
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-100)/1);
    color: rgb(var(--color-text-100)/var(--tw-text-opacity));
    height: inherit;
    padding: 9px 10px
}

.pi-input::-webkit-inner-spin-button,
.pi-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

.pi-input-wrap {
    position: relative;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    transition: all .3s
}

.pi-input-wrap-label-left .pi-input,
.pi-input-wrap-label-left .pi-input-selection-search-input,
.pi-input-wrap-label-left .pi-input-selector {
    text-align: right
}

.pi-input-wrap-has-value.pi-input-wrap-label-top .pi-input-label-bg {
    max-width: 100% !important;
    font-size: 12px !important;
    line-height: 18px !important
}

.pi-input-wrap-has-value.pi-input-wrap-label-top .pi-input-label {
    top: .5px !important;
    left: 12px !important;
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-200)/1);
    color: rgb(var(--color-text-200)/var(--tw-text-opacity));
    font-size: 12px !important;
    line-height: 18px !important
}

.pi-input-wrap-focused.pi-input-wrap-label-top .pi-input-outline,
.pi-input-wrap-focused:hover.pi-input-wrap-label-top .pi-input-outline,
.pi-input-wrap:hover .pi-input-outline {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-text-200)/var(--tw-border-opacity))
}

.pi-input-wrap-focused.pi-input-wrap-label-top .pi-input-outline>.pi-input-label-bg,
.pi-input-wrap-focused:hover.pi-input-wrap-label-top .pi-input-outline>.pi-input-label-bg {
    max-width: 100%
}

.pi-input-wrap-focused.pi-input-wrap-label-top .pi-input-label,
.pi-input-wrap-focused:hover.pi-input-wrap-label-top .pi-input-label {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-200)/1);
    color: rgb(var(--color-text-200)/var(--tw-text-opacity));
    top: .5px;
    left: 12px;
    font-size: 12px;
    line-height: 18px
}

.pi-input-wrap-status-error .pi-input-outline {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--color-red-50)/var(--tw-border-opacity)) !important
}

.pi-input-wrap-status-error .pi-input-label {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-red)/1) !important;
    color: rgb(var(--color-red)/var(--tw-text-opacity)) !important
}

.pi-input-wrap-disabled {
    cursor: not-allowed
}

.pi-input-wrap-disabled .pi-input-outline {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--color-divider-100)/var(--tw-border-opacity)) !important
}

.pi-input-wrap-disabled .pi-input-label,
.pi-input-wrap-disabled .pi-input-prefix,
.pi-input-wrap-disabled .pi-input-suffix {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-divider-100)/1) !important;
    color: rgb(var(--color-divider-100)/var(--tw-text-opacity)) !important
}

.pi-input-wrap-lg .pi-input {
    padding: 11px 12px
}

.pi-input-wrap-sm {
    border-radius: 6px
}

.pi-input-wrap-sm .pi-input {
    padding: 5px 8px
}

.pi-input-wrap {
    height: -moz-fit-content;
    height: fit-content
}

.pi-input-wrap-disabled {
    opacity: .6
}

.pi-input-wrap-disabled .pi-input-label {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-300)/1);
    color: rgb(var(--color-text-300)/var(--tw-text-opacity))
}

.pi-input-wrap-lg .pi-input-suffix {
    margin-right: 12px
}

.pi-input-wrap-lg .pi-input-prefix {
    margin-left: 12px
}

.pi-input-wrap-sm .pi-input {
    font-size: 12px;
    line-height: 18px
}

.pi-input-wrap-sm .pi-input-suffix {
    margin-right: 8px
}

.pi-input-wrap-sm .pi-input-prefix {
    margin-left: 8px
}

.pi-input-wrap-sm .pi-input::placeholder {
    font-size: 12px;
    line-height: 18px
}

.pi-input-wrap-sm .pi-input::-webkit-input-placeholder {
    font-size: 12px;
    line-height: 18px
}

.pi-input-wrap-sm .pi-input::-moz-placeholder {
    font-size: 12px;
    line-height: 18px
}

.pi-input-refer-wrap {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-200)/1);
    color: rgb(var(--color-text-200)/var(--tw-text-opacity));
    transition: all .3s;
    border-top: 1px dashed;
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-divider-100)/var(--tw-border-opacity));
    padding-top: 8px;
    padding-bottom: 9px;
    margin-left: 12px;
    margin-right: 12px
}

.pi-input-inside-wrap {
    display: flex;
    border-radius: inherit;
    position: relative;
    font-size: 14px;
    line-height: 18px;
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent)/1);
    color: rgb(var(--color-accent)/var(--tw-text-opacity))
}

.pi-input-wrap-label-top .pi-input-label {
    top: 50%;
    transform: translateY(-50%);
    --tw-text-opacity: 1;
    color: rgb(var(--color-secondary)/1);
    color: rgb(var(--color-secondary)/var(--tw-text-opacity))
}

.pi-input-wrap-label-left .pi-input-label {
    display: inline-flex;
    height: 100%;
    align-items: center;
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent-sub)/1);
    color: rgb(var(--color-accent-sub)/var(--tw-text-opacity))
}

.pi-input-wrap>.pi-input-outline {
    position: absolute;
    top: -5px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    min-width: 0;
    padding-left: 8px;
    overflow: hidden;
    text-align: left;
    border-radius: inherit;
    transition: all .3s;
    pointer-events: none;
    border: 1px solid transparent
}

.pi-input-wrap>.pi-input-outline>.pi-input-label-bg {
    display: block;
    float: none;
    width: auto;
    max-width: 0;
    height: 11px;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    visibility: hidden;
    transition: max-width .3s;
    font-size: 12px;
    line-height: 18px
}

.pi-input-wrap>.pi-input-outline>.pi-input-label-bg-none {
    max-width: 0 !important
}

.pi-input-wrap-borderless>.pi-input-outline {
    border-color: transparent !important
}

.pi-input-label {
    position: absolute;
    left: 13px;
    transition: all .3s;
    pointer-events: none
}

.pi-input-prefix {
    margin-left: 10px;
    margin-right: -3px
}

.pi-input-suffix {
    margin-right: 10px;
    margin-left: -3px
}

.pi-input-suffix .pi-select {
    font-weight: 600
}

.pi-input-suffix .pi-select-wrap {
    font-size: 12px;
    line-height: 18px;
    font-weight: 600 !important;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-divider-100)/1);
    background-color: rgb(var(--color-divider-100)/var(--tw-bg-opacity));
    height: 24px;
    border-radius: 4px
}

.pi-input-suffix .pi-select-outline {
    border-style: none
}

.pi-input-suffix .pi-select-selector {
    padding: 2px 6px !important;
    height: 100% !important
}

.pi-input-suffix .pi-select-selector:after {
    line-height: inherit !important
}

.pi-input-suffix .pi-select-selection-item {
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    padding-right: 14px !important
}

.pi-input-suffix .pi-select-selection-item:after {
    content: none
}

.pi-input-suffix .pi-select-arrow {
    right: 6px
}

.pi-input-suffix .pi-btn {
    cursor: pointer;
    border-radius: 4px;
    border-style: none;
    --tw-bg-opacity: 1;
    font-size: 12px;
    font-weight: 600;
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-accent)/1) !important;
    color: rgb(var(--color-accent)/var(--tw-text-opacity)) !important;
    height: 24px;
    padding: 0 6px;
    line-height: 24px
}

.pi-input-suffix .pi-btn,
.pi-input-suffix .pi-btn:focus,
.pi-input-suffix .pi-btn:hover {
    background-color: rgb(var(--color-divider-100)/1);
    background-color: rgb(var(--color-divider-100)/var(--tw-bg-opacity))
}

.pi-input-suffix .pi-btn:focus,
.pi-input-suffix .pi-btn:hover {
    --tw-bg-opacity: 1
}

.pi-input-suffix .pi-input-clear-icon {
    opacity: 0
}

.pi-input-wrap:hover .pi-input-clear-icon {
    opacity: 1
}

.pi-input-wrap textarea.pi-input {
    resize: none
}

.pi-input-wrap textarea.pi-input+.pi-input-label {
    top: 9px;
    transform: translateY(0)
}

.pi-input-wrap-focused textarea.pi-input+.pi-input-label,
.pi-input-wrap-has-value textarea.pi-input+.pi-input-label {
    top: 0;
    transform: translateY(-50%)
}

.pi-input::placeholder {
    font-size: 14px;
    line-height: 18px;
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-400)/1);
    color: rgb(var(--color-text-400)/var(--tw-text-opacity))
}

.pi-input::-webkit-input-placeholder {
    font-size: 14px;
    line-height: 18px;
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-400)/1);
    color: rgb(var(--color-text-400)/var(--tw-text-opacity))
}

.pi-input::-moz-placeholder {
    font-size: 14px;
    line-height: 18px;
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-400)/1);
    color: rgb(var(--color-text-400)/var(--tw-text-opacity));
    opacity: 1
}

.pi-input-wrap {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-input-100)/1);
    background-color: rgb(var(--color-input-100)/var(--tw-bg-opacity))
}

input:-webkit-autofill {
    caret-color: rgb(var(--color-accent)/1) !important;
    background-color: transparent !important;
    -webkit-text-fill-color: rgb(var(--color-accent)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-accent)/1) !important;
    color: rgb(var(--color-accent)/var(--tw-text-opacity)) !important
}

input:-internal-autofill-selected,
input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
input:autofill {
    caret-color: rgb(var(--color-accent)/1) !important;
    background-color: transparent !important;
    -webkit-text-fill-color: rgb(var(--color-accent)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-accent)/1) !important;
    color: rgb(var(--color-accent)/var(--tw-text-opacity)) !important
}

:-webkit-autofill,
input::-webkit-credentials-auto-fill-button {
    -webkit-text-fill-color: rgb(var(--color-accent)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-accent)/1) !important;
    color: rgb(var(--color-accent)/var(--tw-text-opacity)) !important
}

input::-webkit-credentials-auto-fill-button {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--color-accent)/1) !important;
    background-color: rgb(var(--color-accent)/var(--tw-bg-opacity)) !important
}

@keyframes antCheckboxEffect {
    0% {
        transform: scale(1);
        opacity: .5
    }

    to {
        transform: scale(1.6);
        opacity: 0
    }
}

.pi-checkbox {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent)/1);
    color: rgb(var(--color-accent)/var(--tw-text-opacity));
    font-size: 14px;
    font-variant: tabular-nums;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    line-height: 1;
    white-space: nowrap;
    outline: none;
    cursor: pointer
}

.pi-checkbox:hover .pi-checkbox-inner {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-secondary)/var(--tw-border-opacity))
}

.pi-checkbox-checked:hover .pi-checkbox-inner {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-text-100)/var(--tw-border-opacity))
}

.pi-checkbox-checked:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-text-100)/var(--tw-border-opacity));
    border-radius: 4px;
    visibility: hidden;
    animation: antCheckboxEffect .36s ease-in-out;
    animation-fill-mode: backwards;
    content: ""
}

.pi-checkbox-wrapper:hover .pi-checkbox:after,
.pi-checkbox:hover:after {
    visibility: visible
}

.pi-checkbox-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    direction: ltr;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-text-300)/var(--tw-border-opacity))
}

.pi-checkbox-inner:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-text-200)/var(--tw-border-opacity))
}

.pi-checkbox-inner {
    border-radius: 4px;
    border-collapse: separate;
    transition: all .3s
}

.pi-checkbox-inner:after {
    position: absolute;
    top: 50%;
    border-radius: 1px;
    left: 20%;
    display: table;
    width: 5.71428571px;
    height: 9.14285714px;
    border: 2px solid #fff;
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-text-hightlightbtn)/var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-hightlightbtn)/1);
    color: rgb(var(--color-text-hightlightbtn)/var(--tw-text-opacity));
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(0) translate(-50%, -50%);
    opacity: 0;
    transition: all .1s cubic-bezier(.71, -.46, .88, .6), opacity .1s;
    content: " "
}

.pi-checkbox-input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0
}

.pi-checkbox-checked .pi-checkbox-inner:after {
    position: absolute;
    display: table;
    border: 2px solid #fff;
    border-color: rgb(var(--color-text-hightlightbtn)/var(--tw-border-opacity));
    --tw-text-opacity: 1;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(1) translate(-50%, -50%);
    opacity: 1;
    transition: all .2s cubic-bezier(.12, .4, .29, 1.46) .1s;
    content: " "
}

.pi-checkbox-checked .pi-checkbox-inner,
.pi-checkbox-checked .pi-checkbox-inner:after {
    --tw-border-opacity: 1;
    color: rgb(var(--color-text-hightlightbtn)/1);
    color: rgb(var(--color-text-hightlightbtn)/var(--tw-text-opacity))
}

.pi-checkbox-checked .pi-checkbox-inner {
    border-color: rgb(var(--color-text-100)/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-text-100)/1);
    background-color: rgb(var(--color-text-100)/var(--tw-bg-opacity));
    --tw-text-opacity: 1
}

.pi-checkbox-disabled {
    cursor: not-allowed
}

.pi-checkbox-disabled.pi-checkbox-checked .pi-checkbox-inner {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-text-400)/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-text-400)/1);
    background-color: rgb(var(--color-text-400)/var(--tw-bg-opacity))
}

.pi-checkbox-disabled.pi-checkbox-checked .pi-checkbox-inner:after {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--color-text-hightlightbtn)/var(--tw-border-opacity)) !important;
    animation-name: none
}

.pi-checkbox-disabled .pi-checkbox-input {
    cursor: not-allowed;
    pointer-events: none
}

.pi-checkbox-disabled .pi-checkbox-inner {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--color-text-400)/var(--tw-border-opacity)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--color-btn-secondary-100)/1) !important;
    background-color: rgb(var(--color-btn-secondary-100)/var(--tw-bg-opacity)) !important
}

.pi-checkbox-disabled+span {
    cursor: not-allowed
}

.pi-checkbox-disabled:hover:after,
.pi-checkbox-wrapper:hover .pi-checkbox-disabled:after {
    visibility: hidden
}

.pi-checkbox-wrapper {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-flex;
    align-items: center;
    line-height: inherit;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 14px;
    line-height: 18px;
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent)/1);
    color: rgb(var(--color-accent)/var(--tw-text-opacity))
}

.pi-checkbox-wrapper:after {
    display: inline-block;
    width: 0;
    overflow: hidden;
    content: "\a0"
}

.pi-checkbox-wrapper.pi-checkbox-wrapper-disabled {
    cursor: not-allowed
}

.pi-checkbox-wrapper+.pi-checkbox-wrapper {
    margin-left: 8px
}

.pi-checkbox-wrapper.pi-checkbox-wrapper-in-form-item input[type=checkbox] {
    width: 14px;
    height: 14px
}

.pi-checkbox+span {
    padding-left: 6px
}

.pi-checkbox-group {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent)/1);
    color: rgb(var(--color-accent)/var(--tw-text-opacity));
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-block
}

.pi-checkbox-group-item {
    margin-right: 8px
}

.pi-checkbox-group-item:last-child {
    margin-right: 0
}

.pi-checkbox-group-item+.pi-checkbox-group-item {
    margin-left: 0
}

.pi-checkbox-indeterminate .pi-checkbox-inner {
    background-color: #fff;
    border-color: var(--color-divider)
}

.pi-checkbox-indeterminate .pi-checkbox-inner:after {
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-text-100)/1);
    background-color: rgb(var(--color-text-100)/var(--tw-bg-opacity));
    border: 0;
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    content: " "
}

.pi-checkbox-indeterminate.pi-checkbox-disabled .pi-checkbox-inner:after {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-text-400)/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-text-400)/1);
    background-color: rgb(var(--color-text-400)/var(--tw-bg-opacity))
}

.pi-checkbox-wrapper-disabled {
    pointer-events: none;
    cursor: not-allowed;
    --tw-text-opacity: 1;
    color: rgb(var(--color-secondary)/1);
    color: rgb(var(--color-secondary)/var(--tw-text-opacity))
}

.pi-checkbox-wrapper-disabled .pi-checkbox-checked .pi-checkbox-inner {
    border-color: transparent;
    background-color: rgb(255 79 41/.2);
    background-color: rgb(var(--color-primary)/.2)
}

:is(.dark .pi-checkbox-wrapper-disabled .pi-checkbox-checked .pi-checkbox-inner) {
    border-color: transparent;
    background-color: rgb(255 79 41/.2);
    background-color: rgb(var(--color-primary)/.2)
}

.pi-checkbox-wrapper-disabled .pi-checkbox-checked .pi-checkbox-inner:after {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/1);
    border-color: rgb(var(--color-white)/var(--tw-border-opacity))
}

:is(.dark .pi-checkbox-wrapper-disabled .pi-checkbox-checked .pi-checkbox-inner):after {
    border-color: rgb(var(--color-accent)/.2)
}

.pi-checkbox-wrapper-disabled .pi-checkbox-inner {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-divider-100)/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-bg-100)/1);
    background-color: rgb(var(--color-bg-100)/var(--tw-bg-opacity))
}

:is(.dark .pi-checkbox-wrapper-disabled .pi-checkbox-inner) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-divider-100)/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-drop-down)/1);
    background-color: rgb(var(--color-drop-down)/var(--tw-bg-opacity))
}

.pi-switch {
    margin: 0;
    padding: 0;
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent)/1);
    color: rgb(var(--color-accent)/var(--tw-text-opacity));
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    min-width: 50px;
    height: 28px;
    line-height: 28px;
    vertical-align: middle;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-secondary)/1);
    background-color: rgb(var(--color-secondary)/var(--tw-bg-opacity));
    border: 0;
    border-radius: 100px;
    cursor: pointer;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.pi-switch:focus {
    outline: 0
}

.pi-switch-checked:focus,
.pi-switch:focus:hover {
    box-shadow: none
}

.pi-switch-checked {
    --tw-bg-opacity: 1;
    background-color: rgb(255 79 41/1);
    background-color: rgb(var(--color-primary)/var(--tw-bg-opacity));
    background-image: none
}

.pi-switch-disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-divider-100)/1);
    background-color: rgb(var(--color-divider-100)/var(--tw-bg-opacity))
}

.pi-switch-disabled.pi-switch-checked {
    background-color: rgb(255 79 41/.2);
    background-color: rgb(var(--color-primary)/.2)
}

.pi-switch-disabled .pi-switch-handle:before {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/1);
    background-color: rgb(var(--color-white)/var(--tw-bg-opacity))
}

:is(.dark .pi-switch-disabled .pi-switch-handle):before {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-secondary)/1);
    background-color: rgb(var(--color-secondary)/var(--tw-bg-opacity))
}

.pi-switch-disabled,
.pi-switch-loading {
    cursor: not-allowed
}

.pi-switch-disabled *,
.pi-switch-loading * {
    box-shadow: none;
    cursor: not-allowed
}

.pi-switch-inner {
    display: block;
    margin: 0 9px 0 31px;
    color: #fff;
    font-size: 12px;
    transition: margin .2s
}

.pi-switch-checked .pi-switch-inner {
    margin: 0 31px 0 9px
}

.pi-switch-handle {
    top: 3px;
    left: 3px;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center
}

.pi-switch-handle,
.pi-switch-handle:before {
    position: absolute;
    transition: all .2s ease-in-out
}

.pi-switch-handle:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    border-radius: 11px;
    content: ""
}

.pi-switch-checked .pi-switch-handle {
    left: calc(100% - 22px - 3px)
}

.pi-switch:not(.pi-switch-disabled):active .pi-switch-handle:before {
    right: -30%;
    left: 0
}

.pi-switch:not(.pi-switch-disabled):active.pi-switch-checked .pi-switch-handle:before {
    right: 0;
    left: -30%
}

.pi-switch-loading-icon.piicon {
    position: relative;
    --tw-text-opacity: 1;
    color: rgb(var(--color-secondary)/1);
    color: rgb(var(--color-secondary)/var(--tw-text-opacity));
    opacity: .7
}

.pi-switch-checked .pi-switch-loading-icon {
    --tw-text-opacity: 1;
    color: rgb(255 79 41/1);
    color: rgb(var(--color-primary)/var(--tw-text-opacity))
}

.pi-switch-small {
    min-width: 28px;
    height: 16px;
    line-height: 16px
}

.pi-switch-small .pi-switch-inner {
    margin: 0 5px 0 18px;
    font-size: 12px
}

.pi-switch-small .pi-switch-handle {
    width: 12px;
    height: 12px;
    top: 2px;
    left: 2px
}

.pi-switch-small .pi-switch-loading-icon {
    top: 1.5px;
    font-size: 9px
}

.pi-switch-small.pi-switch-checked .pi-switch-inner {
    margin: 0 18px 0 5px
}

.pi-switch-small.pi-switch-checked .pi-switch-handle {
    left: calc(100% - 12px - 2px)
}

.pi-switch-middle {
    min-width: 40px;
    height: 22px;
    line-height: 22px
}

.pi-switch-middle .pi-switch-inner {
    margin: 0 5px 0 18px;
    font-size: 14px;
    line-height: 18px
}

.pi-switch-middle .pi-switch-handle {
    width: 18px;
    height: 18px;
    top: 2px;
    left: 2px
}

.pi-switch-middle .pi-switch-loading-icon {
    top: 4.5px;
    font-size: 9px
}

.pi-switch-middle.pi-switch-checked .pi-switch-inner {
    margin: 0 18px 0 5px
}

.pi-switch-middle.pi-switch-checked .pi-switch-handle {
    left: calc(100% - 18px - 2px)
}

.pi-select-single .pi-select-selector {
    display: flex
}

.pi-select-single .pi-select-selector .pi-select-selection-search {
    position: absolute;
    top: 0;
    right: 11px;
    bottom: 0;
    left: 11px
}

.pi-select-single .pi-select-selector .pi-select-selection-search-input {
    width: 100%
}

.pi-select-single .pi-select-selector .pi-select-selection-item,
.pi-select-single .pi-select-selector .pi-select-selection-placeholder {
    padding: 0;
    line-height: 36px;
    transition: all .3s
}

@supports (-moz-appearance:meterbar) {

    .pi-select-single .pi-select-selector .pi-select-selection-item,
    .pi-select-single .pi-select-selector .pi-select-selection-placeholder {
        line-height: 36px
    }
}

.pi-select-single .pi-select-selector .pi-select-selection-item {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.pi-select-single .pi-select-selector .pi-select-selection-placeholder {
    transition: none;
    pointer-events: none
}

.pi-select-single .pi-select-selector .pi-select-selection-item:after,
.pi-select-single .pi-select-selector .pi-select-selection-placeholder:after,
.pi-select-single .pi-select-selector:after {
    display: inline-block;
    width: 0;
    visibility: hidden;
    content: "\a0"
}

.pi-select-single.pi-select-show-arrow .pi-select-selection-search {
    right: 25px
}

.pi-select-single.pi-select-show-arrow .pi-select-selection-item,
.pi-select-single.pi-select-show-arrow .pi-select-selection-placeholder {
    padding-right: 18px
}

.pi-select-single.pi-select-open .pi-select-selection-item {
    color: #bfbfbf
}

.pi-select-single:not(.pi-select-customize-input) .pi-select-selector {
    width: 100%;
    height: 38px;
    padding: 0 11px
}

.pi-select-single:not(.pi-select-customize-input) .pi-select-selector .pi-select-selection-search-input {
    height: 36px
}

.pi-select-single:not(.pi-select-customize-input) .pi-select-selector:after {
    line-height: 36px
}

.pi-select-single.pi-select-customize-input .pi-select-selector:after {
    display: none
}

.pi-select-single.pi-select-customize-input .pi-select-selector .pi-select-selection-search {
    position: static;
    width: 100%
}

.pi-select-single.pi-select-customize-input .pi-select-selector .pi-select-selection-placeholder {
    position: absolute;
    right: 0;
    left: 0;
    padding: 0 11px
}

.pi-select-single.pi-select-customize-input .pi-select-selector .pi-select-selection-placeholder:after {
    display: none
}

.pi-select-single.pi-select-lg:not(.pi-select-customize-input) .pi-select-selector {
    height: 48px
}

.pi-select-single.pi-select-lg:not(.pi-select-customize-input) .pi-select-selector .pi-select-selection-item,
.pi-select-single.pi-select-lg:not(.pi-select-customize-input) .pi-select-selector .pi-select-selection-placeholder,
.pi-select-single.pi-select-lg:not(.pi-select-customize-input) .pi-select-selector:after {
    line-height: 46px
}

.pi-select-single.pi-select-lg:not(.pi-select-customize-input):not(.pi-select-customize-input) .pi-select-selection-search-input {
    height: 46px
}

.pi-select-single.pi-select-sm:not(.pi-select-customize-input) .pi-select-selector {
    height: 28px
}

.pi-select-single.pi-select-sm:not(.pi-select-customize-input) .pi-select-selector .pi-select-selection-item,
.pi-select-single.pi-select-sm:not(.pi-select-customize-input) .pi-select-selector .pi-select-selection-placeholder,
.pi-select-single.pi-select-sm:not(.pi-select-customize-input) .pi-select-selector:after {
    line-height: 26px
}

.pi-select-single.pi-select-sm:not(.pi-select-customize-input):not(.pi-select-customize-input) .pi-select-selection-search-input {
    height: 26px
}

.pi-select-single.pi-select-sm:not(.pi-select-customize-input) .pi-select-selection-search {
    right: 7px;
    left: 7px
}

.pi-select-single.pi-select-sm:not(.pi-select-customize-input) .pi-select-selector {
    padding: 0 7px
}

.pi-select-single.pi-select-sm:not(.pi-select-customize-input).pi-select-show-arrow .pi-select-selection-search {
    right: 28px
}

.pi-select-single.pi-select-sm:not(.pi-select-customize-input).pi-select-show-arrow .pi-select-selection-item,
.pi-select-single.pi-select-sm:not(.pi-select-customize-input).pi-select-show-arrow .pi-select-selection-placeholder {
    padding-right: 21px
}

.pi-select-single.pi-select-lg:not(.pi-select-customize-input) .pi-select-selector {
    padding: 0 11px
}

.pi-select-selection-overflow {
    position: relative;
    flex: auto;
    flex-wrap: wrap;
    max-width: 100%;
    display: flex;
    gap: 4px
}

.pi-select-selection-overflow-item {
    flex: none;
    align-self: center;
    max-width: 100%
}

.pi-select-multiple .pi-select-selector {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 38px;
    padding: 0 7px
}

.pi-select-show-search.pi-select-multiple .pi-select-selector {
    cursor: text
}

.pi-select-disabled.pi-select-multiple .pi-select-selector {
    background: var(--color-input-100);
    cursor: not-allowed
}

.pi-select-multiple .pi-select-selector:after {
    display: inline-block;
    width: 0;
    margin: 4px 0;
    line-height: 24px;
    content: "\a0"
}

.pi-select-multiple.pi-select-allow-clear .pi-select-selector,
.pi-select-multiple.pi-select-show-arrow .pi-select-selector {
    padding-right: 24px
}

.pi-select-multiple .pi-select-selection-item {
    position: relative;
    display: flex;
    flex: none;
    box-sizing: border-box;
    max-width: 100%;
    border-radius: 4px;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-bg-100)/1);
    background-color: rgb(var(--color-bg-100)/var(--tw-bg-opacity))
}

:is(.dark .pi-select-multiple .pi-select-selection-item) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-drop-down)/1);
    background-color: rgb(var(--color-drop-down)/var(--tw-bg-opacity))
}

.pi-select-multiple .pi-select-selection-item {
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    padding: 3px 6px;
    cursor: default;
    transition: font-size .3s, line-height .3s, height .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.pi-select-disabled.pi-select-multiple .pi-select-selection-item {
    color: #bfbfbf;
    border-color: var(--color-divider);
    cursor: not-allowed
}

.pi-select-multiple .pi-select-selection-item-content {
    display: inline-block;
    margin-right: 4px;
    overflow: hidden;
    white-space: pre;
    text-overflow: ellipsis
}

.pi-select-multiple .pi-select-selection-item-remove {
    display: inline-block;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -.125em;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent-sub)/1);
    color: rgb(var(--color-accent-sub)/var(--tw-text-opacity))
}

.pi-select-multiple .pi-select-selection-item-remove:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent)/1);
    color: rgb(var(--color-accent)/var(--tw-text-opacity))
}

.pi-select-multiple .pi-select-selection-item-remove {
    font-weight: 700;
    font-size: 10px;
    line-height: inherit;
    cursor: pointer
}

.pi-select-multiple .pi-select-selection-item-remove>* {
    line-height: 1
}

.pi-select-multiple .pi-select-selection-item-remove svg {
    display: inline-block
}

.pi-select-multiple .pi-select-selection-item-remove:before {
    display: none
}

.pi-select-multiple .pi-select-selection-item-remove .pi-select-multiple .pi-select-selection-item-remove-icon {
    display: block
}

.pi-select-multiple .pi-select-selection-item-remove>.piicon {
    vertical-align: middle
}

.pi-select-multiple .pi-select-selection-overflow-item-rest .pi-select-selection-item {
    background-color: transparent
}

.pi-select-multiple .pi-select-selection-overflow-item+.pi-select-selection-overflow-item .pi-select-selection-search {
    margin-inline-start: 0
}

.pi-select-multiple .pi-select-selection-search {
    position: relative;
    max-width: 100%;
    margin-inline-start: 4px
}

.pi-select-multiple .pi-select-selection-search-input,
.pi-select-multiple .pi-select-selection-search-mirror {
    height: 24px;
    font-family: -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;
    line-height: 24px;
    transition: all .3s
}

.pi-select-multiple .pi-select-selection-search-input {
    width: 100%;
    min-width: 4.1px
}

.pi-select-multiple .pi-select-selection-search-mirror {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    white-space: pre;
    visibility: hidden
}

.pi-select-multiple .pi-select-selection-placeholder {
    position: absolute;
    top: 50%;
    right: 11px;
    left: 11px;
    transform: translateY(-50%);
    transition: all .3s
}

.pi-select-multiple.pi-select-lg .pi-select-selector {
    height: 48px;
    padding-left: calc(48px / 3 - 4px)
}

.pi-select-multiple.pi-select-lg .pi-select-selector:after {
    line-height: 34px
}

.pi-select-multiple.pi-select-lg .pi-select-selection-search {
    height: 34px;
    line-height: 34px
}

.pi-select-multiple.pi-select-lg .pi-select-selection-search-input,
.pi-select-multiple.pi-select-lg .pi-select-selection-search-mirror {
    height: 34px;
    line-height: 32px
}

.pi-select-multiple.pi-select-sm .pi-select-selector {
    height: 28px;
    padding-left: calc(28px / 3 - 4px)
}

.pi-select-multiple.pi-select-sm .pi-select-selector:after {
    line-height: 14px
}

.pi-select-multiple.pi-select-sm .pi-select-selection-search {
    height: 14px;
    line-height: 14px
}

.pi-select-multiple.pi-select-sm .pi-select-selection-search-input,
.pi-select-multiple.pi-select-sm .pi-select-selection-search-mirror {
    height: 14px;
    line-height: 12px
}

.pi-select-multiple.pi-select-sm .pi-select-selection-placeholder {
    left: 7px
}

.pi-select-multiple.pi-select-sm .pi-select-selection-search {
    margin-inline-start: 3px
}

.pi-select-disabled .pi-select-selection-item-remove {
    display: none
}

.pi-select-dropdown-multiple .pi-select-item-option-state,
.pi-select-dropdown-tags .pi-select-item-option-state {
    display: flex
}

.pi-select-dropdown-multiple .pi-checkbox-wrapper,
.pi-select-dropdown-tags .pi-checkbox-wrapper {
    height: 16px
}

.pi-select-status-warning.pi-select:not(.pi-select-disabled):not(.pi-select-customize-input) .pi-select-selector {
    border-color: #faad14 !important;
    border-color: var(--pi-warning-color) !important
}

.pi-select-status-warning.pi-select:not(.pi-select-disabled):not(.pi-select-customize-input).pi-select-focused .pi-select-selector,
.pi-select-status-warning.pi-select:not(.pi-select-disabled):not(.pi-select-customize-input).pi-select-open .pi-select-selector {
    border-color: #ffc53d;
    border-color: var(--pi-warning-color-hover);
    box-shadow: none;
    border-right-width: 1px;
    outline: 0
}

.pi-select-status-error.pi-select-has-feedback .pi-select-clear,
.pi-select-status-success.pi-select-has-feedback .pi-select-clear,
.pi-select-status-validating.pi-select-has-feedback .pi-select-clear,
.pi-select-status-warning.pi-select-has-feedback .pi-select-clear {
    right: 32px
}

.pi-select-status-error.pi-select-has-feedback .pi-select-selection-selected-value,
.pi-select-status-success.pi-select-has-feedback .pi-select-selection-selected-value,
.pi-select-status-validating.pi-select-has-feedback .pi-select-selection-selected-value,
.pi-select-status-warning.pi-select-has-feedback .pi-select-selection-selected-value {
    padding-right: 42px
}

.pi-select-wrap {
    position: relative;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    transition: all .3s
}

.pi-select-wrap-label-left .pi-select,
.pi-select-wrap-label-left .pi-select-selection-search-input,
.pi-select-wrap-label-left .pi-select-selector {
    text-align: right
}

.pi-select-wrap-has-value.pi-select-wrap-label-top .pi-select-label-bg {
    max-width: 100% !important;
    font-size: 12px !important;
    line-height: 18px !important
}

.pi-select-wrap-has-value.pi-select-wrap-label-top .pi-select-label {
    top: .5px !important;
    left: 12px !important;
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-200)/1);
    color: rgb(var(--color-text-200)/var(--tw-text-opacity));
    font-size: 12px !important;
    line-height: 18px !important
}

.pi-select-wrap-focused.pi-select-wrap-label-top .pi-select-outline,
.pi-select-wrap-focused:hover.pi-select-wrap-label-top .pi-select-outline,
.pi-select-wrap:hover .pi-select-outline {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-text-200)/var(--tw-border-opacity))
}

.pi-select-wrap-focused.pi-select-wrap-label-top .pi-select-outline>.pi-select-label-bg,
.pi-select-wrap-focused:hover.pi-select-wrap-label-top .pi-select-outline>.pi-select-label-bg {
    max-width: 100%
}

.pi-select-wrap-focused.pi-select-wrap-label-top .pi-select-label,
.pi-select-wrap-focused:hover.pi-select-wrap-label-top .pi-select-label {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-200)/1);
    color: rgb(var(--color-text-200)/var(--tw-text-opacity));
    top: .5px;
    left: 12px;
    font-size: 12px;
    line-height: 18px
}

.pi-select-wrap-status-error .pi-select-outline {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--color-red-50)/var(--tw-border-opacity)) !important
}

.pi-select-wrap-status-error .pi-select-label {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-red)/1) !important;
    color: rgb(var(--color-red)/var(--tw-text-opacity)) !important
}

.pi-select-wrap-disabled {
    cursor: not-allowed
}

.pi-select-wrap-disabled .pi-select-outline {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--color-divider-100)/var(--tw-border-opacity)) !important
}

.pi-select-wrap-disabled .pi-select-label,
.pi-select-wrap-disabled .pi-select-prefix,
.pi-select-wrap-disabled .pi-select-suffix {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-divider-100)/1) !important;
    color: rgb(var(--color-divider-100)/var(--tw-text-opacity)) !important
}

.pi-select-wrap-lg .pi-input {
    padding: 11px 12px
}

.pi-select-wrap-sm {
    border-radius: 6px
}

.pi-select-wrap-sm .pi-input {
    padding: 5px 8px
}

.pi-select-wrap-label-top .pi-select-label {
    top: 50%;
    transform: translateY(-50%);
    --tw-text-opacity: 1;
    color: rgb(var(--color-secondary)/1);
    color: rgb(var(--color-secondary)/var(--tw-text-opacity))
}

.pi-select-wrap-label-left .pi-select-label {
    display: inline-flex;
    height: 100%;
    align-items: center;
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent-sub)/1);
    color: rgb(var(--color-accent-sub)/var(--tw-text-opacity))
}

.pi-select-wrap>.pi-select-outline {
    position: absolute;
    top: -5px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    min-width: 0;
    padding-left: 8px;
    overflow: hidden;
    text-align: left;
    border-radius: inherit;
    transition: all .3s;
    pointer-events: none;
    border: 1px solid transparent
}

.pi-select-wrap>.pi-select-outline>.pi-select-label-bg {
    display: block;
    float: none;
    width: auto;
    max-width: 0;
    height: 11px;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    visibility: hidden;
    transition: max-width .3s;
    font-size: 12px;
    line-height: 18px
}

.pi-select-wrap>.pi-select-outline>.pi-select-label-bg-none {
    max-width: 0 !important
}

.pi-select-wrap-borderless>.pi-select-outline {
    border-color: transparent !important
}

.pi-select-label {
    position: absolute;
    left: 13px;
    transition: all .3s;
    pointer-events: none
}

.pi-select-wrap {
    height: -moz-fit-content;
    height: fit-content
}

.pi-select-wrap-show-search.pi-select-wrap-focused.pi-select-wrap-label-top .pi-select-outline,
.pi-select-wrap-show-search.pi-select-wrap-focused:hover.pi-select-wrap-label-top .pi-select-outline {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-divider-100)/var(--tw-border-opacity))
}

.pi-select-wrap-show-search.pi-select-wrap-focused.pi-select-wrap-label-top .pi-select-label-bg,
.pi-select-wrap-show-search.pi-select-wrap-focused:hover.pi-select-wrap-label-top .pi-select-label-bg {
    max-width: 0
}

.pi-select-wrap-show-search.pi-select-wrap-focused.pi-select-wrap-label-top .pi-select-label,
.pi-select-wrap-show-search.pi-select-wrap-focused:hover.pi-select-wrap-label-top .pi-select-label {
    font-size: 14px;
    line-height: 18px;
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent-sub)/1);
    color: rgb(var(--color-accent-sub)/var(--tw-text-opacity));
    left: 13px;
    top: 50%;
    transform: translateY(-50%)
}

.pi-select-wrap-show-search .pi-select-selection-search {
    display: none
}

.pi-select-search {
    padding: 6px
}

.pi-select-inside-wrap {
    position: relative
}

.pi-select-dropdown-lg .pi-select-item {
    padding-top: 15px;
    padding-bottom: 15px
}

.pi-select-dropdown-sm .pi-select-item {
    padding-top: 5px;
    padding-bottom: 5px
}

.pi-select {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent)/1);
    color: rgb(var(--color-accent)/var(--tw-text-opacity));
    position: relative;
    display: inline-block;
    cursor: pointer;
    width: 100%
}

.pi-select:not(.pi-select-customize-input) .pi-select-selector {
    position: relative;
    background-color: transparent;
    border-radius: 8px;
    transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.pi-select:not(.pi-select-customize-input) .pi-select-selector input {
    cursor: pointer
}

.pi-select-show-search.pi-select:not(.pi-select-customize-input) .pi-select-selector input {
    cursor: auto
}

.pi-select-focused:not(.pi-select-disabled).pi-select:not(.pi-select-customize-input) .pi-select-selector {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-accent-sub)/var(--tw-border-opacity))
}

.pi-select-disabled.pi-select:not(.pi-select-customize-input) .pi-select-selector {
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(var(--color-divider-100)/1);
    color: rgb(var(--color-divider-100)/var(--tw-text-opacity));
    cursor: not-allowed
}

.pi-select-multiple.pi-select-disabled.pi-select:not(.pi-select-customize-input) .pi-select-selector {
    background: var(--color-input-100)
}

.pi-select-disabled.pi-select:not(.pi-select-customize-input) .pi-select-selector input {
    cursor: not-allowed
}

.pi-select:not(.pi-select-customize-input) .pi-select-selector .pi-select-selection-search-input {
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.pi-select:not(.pi-select-customize-input) .pi-select-selector .pi-select-selection-search-input::-webkit-search-cancel-button {
    display: none;
    -webkit-appearance: none
}

.pi-select-selection-item {
    flex: 1 1;
    overflow: hidden;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media (-ms-high-contrast:none) {

    .pi-select-selection-item,
    .pi-select-selection-item ::-ms-backdrop {
        flex: auto
    }
}

.pi-select-selection-placeholder {
    flex: 1 1;
    overflow: hidden;
    --tw-text-opacity: 1;
    color: rgb(var(--color-secondary)/1);
    color: rgb(var(--color-secondary)/var(--tw-text-opacity));
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none
}

@media (-ms-high-contrast:none) {

    .pi-select-selection-placeholder,
    .pi-select-selection-placeholder ::-ms-backdrop {
        flex: auto
    }
}

.pi-select-arrow {
    display: inline-block;
    color: inherit;
    font-style: normal;
    text-transform: none;
    vertical-align: -.125em;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    right: 11px;
    display: flex;
    align-items: center;
    height: 12px;
    margin-top: -6px;
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent)/1);
    color: rgb(var(--color-accent)/var(--tw-text-opacity));
    font-size: 12px;
    line-height: 1;
    text-align: center;
    pointer-events: none
}

.pi-select-arrow>* {
    line-height: 1
}

.pi-select-arrow svg {
    display: inline-block
}

.pi-select-arrow:before {
    display: none
}

.pi-select-arrow .pi-select-arrow-icon {
    display: block
}

.pi-select-arrow .piicon {
    vertical-align: top;
    transition: transform .3s
}

.pi-select-arrow .piicon>svg {
    vertical-align: top
}

.pi-select-arrow .piicon:not(.pi-select-suffix) {
    pointer-events: auto
}

.pi-select-disabled .pi-select-arrow {
    cursor: not-allowed;
    --tw-text-opacity: 1;
    color: rgb(var(--color-divider-100)/1);
    color: rgb(var(--color-divider-100)/var(--tw-text-opacity))
}

.pi-select-arrow>:not(:last-child) {
    margin-inline-end: 8px
}

.pi-select-clear {
    position: absolute;
    top: 50%;
    right: 11px;
    z-index: 1;
    display: inline-block;
    margin-top: -8px;
    font-size: 12px;
    font-style: normal;
    line-height: 1;
    text-align: center;
    text-transform: none;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-card)/1);
    background-color: rgb(var(--color-card)/var(--tw-bg-opacity))
}

:is(.dark .pi-select-clear) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-list-row)/1);
    background-color: rgb(var(--color-list-row)/var(--tw-bg-opacity))
}

.pi-select-clear {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-400)/1);
    color: rgb(var(--color-text-400)/var(--tw-text-opacity))
}

.pi-select-clear:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-secondary)/1);
    color: rgb(var(--color-secondary)/var(--tw-text-opacity))
}

.pi-select-clear {
    display: inline-flex;
    cursor: pointer;
    opacity: 0;
    transition: color .3s ease, opacity .15s ease;
    text-rendering: auto
}

.pi-select-clear:before {
    display: block
}

.pi-select:hover .pi-select-clear {
    opacity: 1
}

.pi-select-dropdown {
    margin: 0;
    padding: 0;
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent)/1);
    color: rgb(var(--color-accent)/var(--tw-text-opacity));
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum", ;
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 1050;
    box-sizing: border-box;
    overflow: hidden;
    font-size: 14px;
    font-variant: normal;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-drop-down)/1);
    background-color: rgb(var(--color-drop-down)/var(--tw-bg-opacity));
    border-radius: 8px;
    outline: none;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05)
}

.pi-select-dropdown.pi-slide-up-appear.pi-slide-up-appear-active.pi-select-dropdown-placement-bottomLeft,
.pi-select-dropdown.pi-slide-up-enter.pi-slide-up-enter-active.pi-select-dropdown-placement-bottomLeft {
    animation-name: piSlideUpIn
}

.pi-select-dropdown.pi-slide-up-appear.pi-slide-up-appear-active.pi-select-dropdown-placement-topLeft,
.pi-select-dropdown.pi-slide-up-enter.pi-slide-up-enter-active.pi-select-dropdown-placement-topLeft {
    animation-name: piSlideDownIn
}

.pi-select-dropdown.pi-slide-up-leave.pi-slide-up-leave-active.pi-select-dropdown-placement-bottomLeft {
    animation-name: piSlideUpOut
}

.pi-select-dropdown.pi-slide-up-leave.pi-slide-up-leave-active.pi-select-dropdown-placement-topLeft {
    animation-name: piSlideDownOut
}

.pi-select-dropdown-hidden {
    display: none
}

.pi-select-dropdown-empty {
    --tw-text-opacity: 1;
    color: rgb(var(--color-secondary)/1);
    color: rgb(var(--color-secondary)/var(--tw-text-opacity))
}

.pi-select-item-empty {
    position: relative;
    display: block;
    min-height: 32px;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: rgb(var(--color-accent-sub)/1);
    color: rgb(var(--color-accent-sub)/var(--tw-text-opacity))
}

:is(.dark .pi-select-item-empty) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent-weak)/1);
    color: rgb(var(--color-accent-weak)/var(--tw-text-opacity))
}

.pi-select-item-empty {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-card-200)/1);
    background-color: rgb(var(--color-card-200)/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-400)/1);
    color: rgb(var(--color-text-400)/var(--tw-text-opacity))
}

.pi-select-item {
    position: relative;
    display: block;
    min-height: 32px;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent-sub)/1);
    color: rgb(var(--color-accent-sub)/var(--tw-text-opacity))
}

:is(.dark .pi-select-item) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent-weak)/1);
    color: rgb(var(--color-accent-weak)/var(--tw-text-opacity))
}

.pi-select-item {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-card-200)/1);
    background-color: rgb(var(--color-card-200)/var(--tw-bg-opacity));
    cursor: pointer;
    transition: background .3s ease
}

.pi-select-item-group {
    color: rgba(0, 0, 0, .45);
    font-size: 12px;
    cursor: default
}

.pi-select-item-option {
    display: flex
}

.pi-select-item-option-content {
    flex: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.pi-select-item-option-state {
    flex: none
}

.pi-select-item-option-active:not(.pi-select-item-option-disabled) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-bg-100)/1);
    background-color: rgb(var(--color-bg-100)/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent)/1);
    color: rgb(var(--color-accent)/var(--tw-text-opacity))
}

:is(.dark .pi-select-item-option-active:not(.pi-select-item-option-disabled)) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-divider-100)/1);
    background-color: rgb(var(--color-divider-100)/var(--tw-bg-opacity))
}

.pi-select-item-option-selected:not(.pi-select-item-option-disabled) {
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 79 41/1);
    color: rgb(var(--color-primary)/var(--tw-text-opacity));
    background-color: rgb(255 79 41/.1);
    background-color: rgb(var(--color-primary)/.1)
}

:is(.dark .pi-select-item-option-selected:not(.pi-select-item-option-disabled)) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-divider-100)/1);
    background-color: rgb(var(--color-divider-100)/var(--tw-bg-opacity))
}

.pi-select-item-option-selected:not(.pi-select-item-option-disabled) .pi-select-item-option-state {
    --tw-text-opacity: 1;
    color: rgb(255 79 41/1);
    color: rgb(var(--color-primary)/var(--tw-text-opacity))
}

.pi-select-item-option-disabled {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-400)/1);
    color: rgb(var(--color-text-400)/var(--tw-text-opacity))
}

:is(.dark .pi-select-item-option-disabled) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-400)/1);
    color: rgb(var(--color-text-400)/var(--tw-text-opacity))
}

.pi-select-item-option-disabled {
    cursor: not-allowed
}

.pi-select-item-option-disabled.pi-select-item-option-selected {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-card-200)/1);
    background-color: rgb(var(--color-card-200)/var(--tw-bg-opacity))
}

.pi-select-item-option-grouped {
    padding-left: 24px
}

.pi-select-lg {
    font-size: 14px;
    line-height: 18px
}

.pi-select.pi-select-in-form-item {
    width: 100%
}

.pi-slider {
    box-sizing: border-box;
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent)/1);
    color: rgb(var(--color-accent)/var(--tw-text-opacity));
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    height: 12px;
    margin: 10px 6px;
    padding: 4px 0;
    touch-action: none
}

.pi-slider-vertical {
    width: 12px;
    height: 100%;
    margin: 6px 10px;
    padding: 0 4px
}

.pi-slider-vertical .pi-slider-rail {
    width: 4px;
    height: 100%
}

.pi-slider-vertical .pi-slider-track {
    width: 4px
}

.pi-slider-vertical .pi-slider-handle {
    margin-top: -6px;
    margin-left: -5px
}

.pi-slider-vertical .pi-slider-mark {
    top: 0;
    left: 12px;
    width: 18px;
    height: 100%
}

.pi-slider-vertical .pi-slider-mark-text {
    left: 4px;
    white-space: nowrap
}

.pi-slider-vertical .pi-slider-step {
    width: 4px;
    height: 100%
}

.pi-slider-vertical .pi-slider-dot {
    top: auto;
    margin-left: -2px
}

.pi-slider-tooltip.pi-tooltip {
    padding-bottom: 2.5px
}

.pi-slider-tooltip .pi-tooltip-inner {
    min-width: 0;
    min-width: auto
}

.pi-slider-tooltip .pi-tooltip-arrow-content,
.pi-slider-tooltip .pi-tooltip-arrow-content:before {
    width: 6px;
    height: 6px;
    border-radius: 0
}

.pi-slider-tooltip .pi-tooltip-arrow-content,
.pi-slider-tooltip .pi-tooltip-arrow-content:before,
.pi-slider-tooltip .pi-tooltip-inner {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-divider-100)/1);
    background-color: rgb(var(--color-divider-100)/var(--tw-bg-opacity))
}

.pi-slider-tooltip .pi-tooltip-inner {
    border-radius: 4px;
    padding: 2px 6px;
    font-size: 12px;
    line-height: 18px;
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent)/1);
    color: rgb(var(--color-accent)/var(--tw-text-opacity));
    min-height: 0;
    box-shadow: none
}

.pi-slider-inside-wrap {
    width: 100%
}

.pi-slider-inside-wrap:not(.pi-slider-hide-label) .pi-slider-with-marks {
    margin-bottom: 28px
}

.pi-slider-hide-label .pi-slider-mark {
    display: none
}

.pi-slider-mark-tooltip.pi-slider-hide-label .pi-slider-mark {
    display: block
}

.pi-slider-mark-tooltip .pi-slider-mark {
    top: -23px
}

.pi-slider-mark-tooltip .pi-slider-mark-text {
    display: none;
    font-size: 12px;
    line-height: 18px;
    --tw-text-opacity: 1;
    color: rgb(var(--color-secondary)/1);
    color: rgb(var(--color-secondary)/var(--tw-text-opacity))
}

.pi-slider-mark-tooltip .pi-slider-mark-text-tip,
.pi-slider-mark-tooltip .pi-slider-step:hover~.pi-slider-mark {
    display: block
}

.pi-slider-rail {
    width: 100%;
    background-color: rgb(var(--color-divider-100)/1);
    background-color: rgb(var(--color-divider-100)/var(--tw-bg-opacity))
}

.pi-slider-rail,
.pi-slider-track {
    position: absolute;
    height: 4px;
    --tw-bg-opacity: 1;
    border-radius: 4px;
    transition: background-color .3s
}

.pi-slider-track {
    background-color: rgb(var(--color-secondary)/1);
    background-color: rgb(var(--color-secondary)/var(--tw-bg-opacity))
}

.pi-slider-handle {
    position: absolute;
    width: 12px;
    height: 12px;
    margin-top: -4px;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-card)/1);
    background-color: rgb(var(--color-card)/var(--tw-bg-opacity));
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-secondary)/var(--tw-border-opacity));
    border-width: 3px;
    border-radius: 50%;
    box-shadow: 0;
    cursor: grab;
    transition: border-color .3s, box-shadow .6s, transform .3s cubic-bezier(.18, .89, .32, 1.28);
    z-index: 1
}

.pi-slider-handle-dragging {
    z-index: 1;
    cursor: grabbing
}

.pi-slider-handle:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-accent-sub)/var(--tw-border-opacity))
}

.pi-slider-handle:focus {
    outline: none
}

.pi-slider-handle:after {
    content: "";
    position: absolute;
    top: -4px;
    right: -8px;
    bottom: -8px;
    left: -8px
}

.pi-slider-mark {
    position: absolute;
    top: 14px;
    left: 0;
    width: 100%;
    font-size: 14px
}

.pi-slider-mark-text {
    position: absolute;
    display: inline-block;
    --tw-text-opacity: 1;
    color: rgb(var(--color-secondary)/1);
    color: rgb(var(--color-secondary)/var(--tw-text-opacity));
    text-align: center;
    word-break: keep-all;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.pi-slider-mark-text-active {
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent-sub)/1);
    color: rgb(var(--color-accent-sub)/var(--tw-text-opacity))
}

.pi-slider-step {
    position: absolute;
    width: 100%;
    height: 4px;
    background: transparent
}

.pi-slider-dot {
    position: absolute;
    top: -3px;
    width: 10px;
    height: 10px;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-divider-100)/1);
    background-color: rgb(var(--color-divider-100)/var(--tw-bg-opacity));
    border-width: 2px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-card)/var(--tw-border-opacity));
    border-radius: 50%;
    cursor: pointer;
    z-index: 1;
    transition: all .3s;
    transform: translateX(-50%)
}

.pi-slider-dot:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-divider-100)/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-card)/1);
    background-color: rgb(var(--color-card)/var(--tw-bg-opacity))
}

.pi-slider-dot-active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-secondary)/1);
    background-color: rgb(var(--color-secondary)/var(--tw-bg-opacity))
}

.pi-slider-dot-active:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-secondary)/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-card)/1);
    background-color: rgb(var(--color-card)/var(--tw-bg-opacity))
}

.pi-slider-disabled {
    cursor: not-allowed
}

.pi-slider-disabled .pi-slider-dot,
.pi-slider-disabled .pi-slider-handle {
    pointer-events: none;
    cursor: not-allowed
}

.pi-slider-disabled .pi-slider-dot,
.pi-slider-disabled .pi-slider-mark-text {
    cursor: not-allowed !important
}

.pi-tooltip {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent)/1);
    color: rgb(var(--color-accent)/var(--tw-text-opacity));
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    z-index: 1070;
    display: block;
    width: -moz-max-content;
    width: max-content;
    width: intrinsic;
    max-width: 250px;
    visibility: visible
}

.pi-tooltip-content {
    position: relative
}

.pi-tooltip-hidden {
    display: none
}

.pi-tooltip-placement-top,
.pi-tooltip-placement-topLeft,
.pi-tooltip-placement-topRight {
    padding-bottom: 10.07106781px
}

.pi-tooltip-placement-right,
.pi-tooltip-placement-rightBottom,
.pi-tooltip-placement-rightTop {
    padding-left: 10.07106781px
}

.pi-tooltip-placement-bottom,
.pi-tooltip-placement-bottomLeft,
.pi-tooltip-placement-bottomRight {
    padding-top: 10.07106781px
}

.pi-tooltip-placement-left,
.pi-tooltip-placement-leftBottom,
.pi-tooltip-placement-leftTop {
    padding-right: 10.07106781px
}

.pi-tooltip-inner {
    min-width: 16px;
    min-height: 16px;
    padding: 8px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent)/1);
    color: rgb(var(--color-accent)/var(--tw-text-opacity));
    text-align: left;
    text-decoration: none;
    word-wrap: break-word;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-drop-down)/1);
    background-color: rgb(var(--color-drop-down)/var(--tw-bg-opacity));
    border-radius: 10px;
    box-shadow: 0 6px 20px rgba(5, 9, 17, .15)
}

.pi-tooltip-arrow {
    position: absolute;
    z-index: 2;
    display: block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background: transparent;
    pointer-events: none
}

.pi-tooltip-arrow-content {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-drop-down)/1);
    background-color: rgb(var(--color-drop-down)/var(--tw-bg-opacity));
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 7.07106781px;
    height: 7.07106781px;
    margin: auto;
    content: "";
    pointer-events: auto;
    border-bottom-right-radius: 2px
}

.pi-tooltip-placement-top>.pi-tooltip-content>.pi-tooltip-arrow,
.pi-tooltip-placement-topLeft>.pi-tooltip-content>.pi-tooltip-arrow,
.pi-tooltip-placement-topRight>.pi-tooltip-content>.pi-tooltip-arrow {
    bottom: 0;
    transform: translateY(100%)
}

.pi-tooltip-placement-top>.pi-tooltip-content>.pi-tooltip-arrow>.pi-tooltip-arrow-content,
.pi-tooltip-placement-topLeft>.pi-tooltip-content>.pi-tooltip-arrow>.pi-tooltip-arrow-content,
.pi-tooltip-placement-topRight>.pi-tooltip-content>.pi-tooltip-arrow>.pi-tooltip-arrow-content {
    box-shadow: 3px 3px 7px rgba(0, 0, 0, .07);
    transform: translateY(-8px) rotate(45deg)
}

.pi-tooltip-placement-top>.pi-tooltip-content>.pi-tooltip-arrow {
    left: 50%;
    transform: translateY(100%) translateX(-50%)
}

.pi-tooltip-placement-topLeft>.pi-tooltip-content>.pi-tooltip-arrow {
    left: 13px
}

.pi-tooltip-placement-topRight>.pi-tooltip-content>.pi-tooltip-arrow {
    right: 13px
}

.pi-tooltip-placement-right>.pi-tooltip-content>.pi-tooltip-arrow,
.pi-tooltip-placement-rightBottom>.pi-tooltip-content>.pi-tooltip-arrow,
.pi-tooltip-placement-rightTop>.pi-tooltip-content>.pi-tooltip-arrow {
    left: 0;
    transform: translateX(-100%)
}

.pi-tooltip-placement-right>.pi-tooltip-content>.pi-tooltip-arrow>.pi-tooltip-arrow-content,
.pi-tooltip-placement-rightBottom>.pi-tooltip-content>.pi-tooltip-arrow>.pi-tooltip-arrow-content,
.pi-tooltip-placement-rightTop>.pi-tooltip-content>.pi-tooltip-arrow>.pi-tooltip-arrow-content {
    box-shadow: -3px 3px 7px rgba(0, 0, 0, .07);
    transform: translateX(8px) rotate(135deg)
}

.pi-tooltip-placement-right>.pi-tooltip-content>.pi-tooltip-arrow {
    top: 50%;
    transform: translateX(-100%) translateY(-50%)
}

.pi-tooltip-placement-rightTop>.pi-tooltip-content>.pi-tooltip-arrow {
    top: 5px
}

.pi-tooltip-placement-rightBottom>.pi-tooltip-content>.pi-tooltip-arrow {
    bottom: 5px
}

.pi-tooltip-placement-left>.pi-tooltip-content>.pi-tooltip-arrow,
.pi-tooltip-placement-leftBottom>.pi-tooltip-content>.pi-tooltip-arrow,
.pi-tooltip-placement-leftTop>.pi-tooltip-content>.pi-tooltip-arrow {
    right: 0;
    transform: translateX(100%)
}

.pi-tooltip-placement-left>.pi-tooltip-content>.pi-tooltip-arrow>.pi-tooltip-arrow-content,
.pi-tooltip-placement-leftBottom>.pi-tooltip-content>.pi-tooltip-arrow>.pi-tooltip-arrow-content,
.pi-tooltip-placement-leftTop>.pi-tooltip-content>.pi-tooltip-arrow>.pi-tooltip-arrow-content {
    box-shadow: 3px -3px 7px rgba(0, 0, 0, .07);
    transform: translateX(-8px) rotate(315deg)
}

.pi-tooltip-placement-left>.pi-tooltip-content>.pi-tooltip-arrow {
    top: 50%;
    transform: translateX(100%) translateY(-50%)
}

.pi-tooltip-placement-leftTop>.pi-tooltip-content>.pi-tooltip-arrow {
    top: 5px
}

.pi-tooltip-placement-leftBottom>.pi-tooltip-content>.pi-tooltip-arrow {
    bottom: 5px
}

.pi-tooltip-placement-bottom>.pi-tooltip-content>.pi-tooltip-arrow,
.pi-tooltip-placement-bottomLeft>.pi-tooltip-content>.pi-tooltip-arrow,
.pi-tooltip-placement-bottomRight>.pi-tooltip-content>.pi-tooltip-arrow {
    top: 0;
    transform: translateY(-100%)
}

.pi-tooltip-placement-bottom>.pi-tooltip-content>.pi-tooltip-arrow>.pi-tooltip-arrow-content,
.pi-tooltip-placement-bottomLeft>.pi-tooltip-content>.pi-tooltip-arrow>.pi-tooltip-arrow-content,
.pi-tooltip-placement-bottomRight>.pi-tooltip-content>.pi-tooltip-arrow>.pi-tooltip-arrow-content {
    box-shadow: -3px -3px 7px rgba(0, 0, 0, .07);
    transform: translateY(8px) rotate(225deg)
}

.pi-tooltip-placement-bottom>.pi-tooltip-content>.pi-tooltip-arrow {
    left: 50%;
    transform: translateY(-100%) translateX(-50%)
}

.pi-tooltip-placement-bottomLeft>.pi-tooltip-content>.pi-tooltip-arrow {
    left: 13px
}

.pi-tooltip-placement-bottomRight>.pi-tooltip-content>.pi-tooltip-arrow {
    right: 13px
}

.pi-tooltip-blue .pi-tooltip-arrow-content:before,
.pi-tooltip-blue .pi-tooltip-inner,
.pi-tooltip-cyan .pi-tooltip-arrow-content:before,
.pi-tooltip-cyan .pi-tooltip-inner,
.pi-tooltip-geekblue .pi-tooltip-arrow-content:before,
.pi-tooltip-geekblue .pi-tooltip-inner,
.pi-tooltip-gold .pi-tooltip-arrow-content:before,
.pi-tooltip-gold .pi-tooltip-inner,
.pi-tooltip-green .pi-tooltip-arrow-content:before,
.pi-tooltip-green .pi-tooltip-inner,
.pi-tooltip-lime .pi-tooltip-arrow-content:before,
.pi-tooltip-lime .pi-tooltip-inner,
.pi-tooltip-magenta .pi-tooltip-arrow-content:before,
.pi-tooltip-magenta .pi-tooltip-inner,
.pi-tooltip-orange .pi-tooltip-arrow-content:before,
.pi-tooltip-orange .pi-tooltip-inner,
.pi-tooltip-pink .pi-tooltip-arrow-content:before,
.pi-tooltip-pink .pi-tooltip-inner,
.pi-tooltip-purple .pi-tooltip-arrow-content:before,
.pi-tooltip-purple .pi-tooltip-inner,
.pi-tooltip-red .pi-tooltip-arrow-content:before,
.pi-tooltip-red .pi-tooltip-inner,
.pi-tooltip-volcano .pi-tooltip-arrow-content:before,
.pi-tooltip-volcano .pi-tooltip-inner,
.pi-tooltip-yellow .pi-tooltip-arrow-content:before,
.pi-tooltip-yellow .pi-tooltip-inner {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-bg-100)/1);
    background-color: rgb(var(--color-bg-100)/var(--tw-bg-opacity))
}

.pi-popover {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent)/1);
    color: rgb(var(--color-accent)/var(--tw-text-opacity));
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1030;
    max-width: 100vw;
    font-weight: 400;
    white-space: normal;
    text-align: left;
    cursor: auto;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.pi-popover-content {
    position: relative
}

.pi-popover:after {
    position: absolute;
    background: rgba(255, 255, 255, .01);
    content: ""
}

.pi-popover-hidden {
    display: none
}

.pi-popover-placement-top,
.pi-popover-placement-topLeft,
.pi-popover-placement-topRight {
    padding-bottom: 11.07106781px
}

.pi-popover-placement-right,
.pi-popover-placement-rightBottom,
.pi-popover-placement-rightTop {
    padding-left: 11.07106781px
}

.pi-popover-placement-bottom,
.pi-popover-placement-bottomLeft,
.pi-popover-placement-bottomRight {
    padding-top: 11.07106781px
}

.pi-popover-placement-left,
.pi-popover-placement-leftBottom,
.pi-popover-placement-leftTop {
    padding-right: 11.07106781px
}

.pi-popover-inner {
    border-radius: 12px;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-card-100)/1);
    background-color: rgb(var(--color-card-100)/var(--tw-bg-opacity));
    background-clip: padding-box;
    box-shadow: 0 4px 12px 0 #0000001A
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .pi-popover-inner {
        box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05)
    }
}

.pi-popover-title {
    min-width: 177px;
    min-height: 32px;
    margin: 0;
    padding: 5px 16px 4px;
    color: rgba(0, 0, 0, .85);
    font-weight: 500;
    border-bottom: 1px solid rgba(0, 0, 0, .06)
}

.pi-popover-inner-content {
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    padding: 12px 16px;
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-100)/1);
    color: rgb(var(--color-text-100)/var(--tw-text-opacity))
}

.pi-popover-message {
    display: flex;
    padding: 4px 0 12px;
    color: rgba(0, 0, 0, .85);
    font-size: 14px
}

.pi-popover-message-icon {
    display: inline-block;
    margin-right: 8px;
    color: #faad14;
    color: var(--pi-warning-color);
    font-size: 14px
}

.pi-popover-buttons {
    margin-bottom: 4px;
    text-align: right
}

.pi-popover-buttons button:not(:first-child) {
    margin-left: 8px
}

.pi-popover-magenta .pi-popover-arrow-content,
.pi-popover-magenta .pi-popover-inner,
.pi-popover-pink .pi-popover-arrow-content,
.pi-popover-pink .pi-popover-inner {
    background-color: #eb2f96
}

.pi-popover-red .pi-popover-arrow-content,
.pi-popover-red .pi-popover-inner {
    background-color: #f5222d
}

.pi-popover-volcano .pi-popover-arrow-content,
.pi-popover-volcano .pi-popover-inner {
    background-color: #fa541c
}

.pi-popover-orange .pi-popover-arrow-content,
.pi-popover-orange .pi-popover-inner {
    background-color: #fa8c16
}

.pi-popover-yellow .pi-popover-arrow-content,
.pi-popover-yellow .pi-popover-inner {
    background-color: #fadb14
}

.pi-popover-gold .pi-popover-arrow-content,
.pi-popover-gold .pi-popover-inner {
    background-color: #faad14
}

.pi-popover-cyan .pi-popover-arrow-content,
.pi-popover-cyan .pi-popover-inner {
    background-color: #13c2c2
}

.pi-popover-lime .pi-popover-arrow-content,
.pi-popover-lime .pi-popover-inner {
    background-color: #a0d911
}

.pi-popover-green .pi-popover-arrow-content,
.pi-popover-green .pi-popover-inner {
    background-color: #52c41a
}

.pi-popover-blue .pi-popover-arrow-content,
.pi-popover-blue .pi-popover-inner {
    background-color: #1890ff
}

.pi-popover-geekblue .pi-popover-arrow-content,
.pi-popover-geekblue .pi-popover-inner {
    background-color: #2f54eb
}

.pi-popover-purple .pi-popover-arrow-content,
.pi-popover-purple .pi-popover-inner {
    background-color: #722ed1
}

.pi-popover-rtl {
    direction: rtl;
    text-align: right
}

.pi-popover-rtl .pi-popover-message-icon {
    margin-right: 0;
    margin-left: 8px
}

.pi-popover-rtl .pi-popover-message-title {
    padding-left: 16px
}

.pi-popover-rtl .pi-popover-buttons {
    text-align: left
}

.pi-popover-rtl .pi-popover-buttons button {
    margin-right: 8px;
    margin-left: 0
}

.pi-radio-group {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent)/1);
    color: rgb(var(--color-accent)/var(--tw-text-opacity));
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: inline-block;
    font-size: 0
}

.pi-radio-group .pi-badge-count {
    z-index: 1
}

.pi-radio-group>.pi-badge:not(:first-child)>.pi-radio-button-wrapper {
    border-left: none
}

.pi-radio-wrapper {
    box-sizing: border-box;
    padding: 0;
    color: rgb(var(--color-accent)/1);
    color: rgb(var(--color-accent)/var(--tw-text-opacity));
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: inline-flex;
    align-items: baseline;
    margin: 0 8px 0 0;
    cursor: pointer;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-200)/1);
    color: rgb(var(--color-text-200)/var(--tw-text-opacity))
}

.pi-radio-wrapper:first-child {
    margin-left: 0 !important
}

.pi-radio-wrapper:last-child {
    margin-right: 0
}

.pi-radio-wrapper-disabled {
    cursor: not-allowed
}

.pi-radio-wrapper:after {
    display: inline-block;
    width: 0;
    overflow: hidden;
    content: "\a0"
}

.pi-radio-wrapper.pi-radio-wrapper-in-form-item input[type=radio] {
    width: 14px;
    height: 14px
}

.pi-radio-wrapper-checked {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-100)/1);
    color: rgb(var(--color-text-100)/var(--tw-text-opacity))
}

.pi-radio {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent)/1);
    color: rgb(var(--color-accent)/var(--tw-text-opacity));
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    top: .2em;
    display: inline-block;
    outline: none;
    cursor: pointer;
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-text-300)/var(--tw-border-opacity))
}

.pi-radio-input:focus+.pi-radio-inner,
.pi-radio-wrapper:hover .pi-radio,
.pi-radio:hover .pi-radio-inner {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-text-100)/var(--tw-border-opacity))
}

.pi-radio-checked:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-text-100)/var(--tw-border-opacity));
    border-radius: 50%;
    visibility: hidden;
    animation-fill-mode: both;
    content: ""
}

.pi-radio-wrapper:hover .pi-radio:after,
.pi-radio:hover:after {
    visibility: visible
}

.pi-radio-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-text-300)/var(--tw-border-opacity));
    border-style: solid;
    border-width: 1.5px;
    border-radius: 50%;
    transition: all .1s
}

.pi-radio-inner:after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    margin-left: -8px;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-text-100)/1);
    background-color: rgb(var(--color-text-100)/var(--tw-bg-opacity));
    border-top: 0;
    border-left: 0;
    border-radius: 16px;
    transform: scale(0);
    opacity: 0;
    transition: all .1s cubic-bezier(.78, .14, .15, .86);
    content: " "
}

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

.pi-radio-checked .pi-radio-inner,
.pi-radio-checked .pi-radio-inner:after {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-text-100)/var(--tw-border-opacity))
}

.pi-radio-checked .pi-radio-inner:after {
    transform: scale(.5);
    opacity: 1;
    transition: all .1s cubic-bezier(.78, .14, .15, .86)
}

.pi-radio-disabled {
    cursor: not-allowed
}

.pi-radio-disabled .pi-radio-inner {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--color-text-400)/var(--tw-border-opacity)) !important;
    background-color: rgba(var(--color-line-100)) !important;
    cursor: not-allowed
}

.pi-radio-disabled .pi-radio-inner:after {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-text-400)/1);
    background-color: rgb(var(--color-text-400)/var(--tw-bg-opacity))
}

.pi-radio-disabled .pi-radio-input {
    cursor: not-allowed
}

.pi-radio-disabled+span {
    cursor: not-allowed;
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-400)/1);
    color: rgb(var(--color-text-400)/var(--tw-text-opacity))
}

.pi-radio-disabled:after {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-text-400)/var(--tw-border-opacity))
}

span.pi-radio+* {
    padding-right: 8px;
    padding-left: 8px
}

.pi-radio-button-wrapper {
    position: relative;
    display: inline-block;
    height: 38px;
    margin: 0;
    padding: 0 15px;
    color: rgba(0, 0, 0, .85);
    line-height: 36px;
    background: #fff;
    border-left-width: 1px;
    border-bottom: 1px solid var(--color-divider);
    border-right: 1px solid var(--color-divider);
    border-top-width: 1px;
    border-top: 1.02px solid var(--color-divider);
    border-left: 0 solid var(--color-divider);
    cursor: pointer;
    transition: color .1s, background .1s, border-color .1s, box-shadow .1s
}

.pi-radio-button-wrapper:first-child {
    margin-left: 0 !important
}

.pi-radio-button-wrapper:last-child {
    margin-right: 0 !important
}

.pi-radio-button-wrapper a {
    color: rgba(0, 0, 0, .85)
}

.pi-radio-button-wrapper>.pi-radio-button {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%
}

.pi-radio-group-large .pi-radio-button-wrapper {
    height: 48px;
    font-size: 16px;
    line-height: 46px
}

.pi-radio-group-small .pi-radio-button-wrapper {
    height: 28px;
    padding: 0 7px;
    line-height: 26px
}

.pi-radio-button-wrapper:not(:first-child):before {
    position: absolute;
    top: -1px;
    left: -1px;
    display: block;
    box-sizing: content-box;
    width: 1px;
    height: 100%;
    padding: 1px 0;
    background-color: var(--color-divider);
    transition: background-color .1s;
    content: ""
}

.pi-radio-button-wrapper:first-child {
    border-left: 1px solid var(--color-divider);
    border-radius: 4px 0 0 4px
}

.pi-radio-button-wrapper:last-child {
    border-radius: 0 4px 4px 0
}

.pi-radio-button-wrapper:first-child:last-child {
    border-radius: 4px
}

.pi-radio-button-wrapper:hover {
    position: relative;
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-text-100)/1) !important;
    color: rgb(var(--color-text-100)/var(--tw-text-opacity)) !important
}

.pi-radio-button-wrapper:focus-within {
    box-shadow: 0 0 2px 1px #ff4f29
}

.pi-radio-button-wrapper .pi-radio-inner,
.pi-radio-button-wrapper input[type=checkbox],
.pi-radio-button-wrapper input[type=radio] {
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none
}

.pi-radio-button-wrapper-checked:not(.pi-radio-button-wrapper-disabled) {
    z-index: 1;
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-100)/1);
    color: rgb(var(--color-text-100)/var(--tw-text-opacity))
}

:is(.dark .pi-radio-button-wrapper-checked:not(.pi-radio-button-wrapper-disabled)) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-100)/1);
    color: rgb(var(--color-text-100)/var(--tw-text-opacity))
}

.pi-radio-button-wrapper-checked:not(.pi-radio-button-wrapper-disabled):before {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-text-100)/1);
    background-color: rgb(var(--color-text-100)/var(--tw-bg-opacity))
}

.pi-radio-button-wrapper-checked:not(.pi-radio-button-wrapper-disabled):first-child {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-text-100)/var(--tw-border-opacity))
}

.pi-radio-button-wrapper-checked:not(.pi-radio-button-wrapper-disabled):hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-100)/1);
    color: rgb(var(--color-text-100)/var(--tw-text-opacity))
}

:is(.dark .pi-radio-button-wrapper-checked:not(.pi-radio-button-wrapper-disabled):hover) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-100)/1);
    color: rgb(var(--color-text-100)/var(--tw-text-opacity))
}

.pi-radio-button-wrapper-checked:not(.pi-radio-button-wrapper-disabled):hover:before {
    --tw-bg-opacity: 1;
    background-color: rgb(255 112 40/1);
    background-color: rgb(var(--color-primary-500)/var(--tw-bg-opacity))
}

.pi-radio-button-wrapper-checked:not(.pi-radio-button-wrapper-disabled):active {
    --tw-border-opacity: 1;
    border-color: rgb(214 72 0/1);
    border-color: rgb(var(--color-primary-700)/var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(214 72 0/1);
    color: rgb(var(--color-primary-700)/var(--tw-text-opacity))
}

.pi-radio-button-wrapper-checked:not(.pi-radio-button-wrapper-disabled):active:before {
    @bg-primary- 700
}

.pi-radio-button-wrapper-checked:not(.pi-radio-button-wrapper-disabled):focus-within {
    box-shadow: 0 0 2px 1px #ff4f29
}

.pi-radio-group-solid .pi-radio-button-wrapper-checked:not(.pi-radio-button-wrapper-disabled) {
    color: #fff;
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-text-100)/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-drop-down)/1);
    background-color: rgb(var(--color-drop-down)/var(--tw-bg-opacity))
}

.pi-radio-group-solid .pi-radio-button-wrapper-checked:not(.pi-radio-button-wrapper-disabled):active,
.pi-radio-group-solid .pi-radio-button-wrapper-checked:not(.pi-radio-button-wrapper-disabled):hover {
    color: #fff;
    --tw-border-opacity: 1;
    border-color: rgb(255 112 40/1);
    border-color: rgb(var(--color-primary-500)/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 112 40/1);
    background-color: rgb(var(--color-primary-500)/var(--tw-bg-opacity))
}

.pi-radio-group-solid .pi-radio-button-wrapper-checked:not(.pi-radio-button-wrapper-disabled):focus-within {
    box-shadow: 0 0 2px 1px #ff4f29
}

.pi-radio-button-wrapper-disabled {
    cursor: not-allowed
}

.pi-radio-button-wrapper-disabled,
.pi-radio-button-wrapper-disabled:first-child,
.pi-radio-button-wrapper-disabled:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-400)/1);
    color: rgb(var(--color-text-400)/var(--tw-text-opacity));
    background-color: #f5f5f5;
    border-color: var(--color-divider)
}

.pi-radio-button-wrapper-disabled:first-child {
    border-left-color: var(--color-divider)
}

.pi-radio-button-wrapper-disabled.pi-radio-button-wrapper-checked {
    color: rgba(0, 0, 0, .25);
    background-color: #e6e6e6;
    border-color: var(--color-divider);
    box-shadow: none
}

.pi-radio-button-wrapper {
    display: inline-flex;
    align-items: center;
    height: 22px;
    line-height: normal;
    padding: 0 9px;
    font-size: 14px;
    font-weight: 700;
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-300)/1);
    color: rgb(var(--color-text-300)/var(--tw-text-opacity))
}

:is(.dark .pi-radio-button-wrapper) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-200)/1);
    color: rgb(var(--color-text-200)/var(--tw-text-opacity))
}

.pi-radio-button-wrapper,
.pi-radio-button-wrapper:first-child,
.pi-radio-button-wrapper:last-child {
    border: none;
    border-radius: 4px
}

.pi-radio-button-wrapper:not(:first-child):before {
    content: none
}

.pi-radio-button-wrapper:focus-within {
    box-shadow: none
}

.pi-radio-button-wrapper-checked,
.pi-radio-group {
    background-color: transparent
}

.pi-radio-group {
    border-radius: 6px;
    padding: 1px
}

.pi-radio-group-joint {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-bg-300)/1);
    background-color: rgb(var(--color-bg-300)/var(--tw-bg-opacity))
}

.pi-radio-group-joint .pi-radio-button-wrapper {
    font-size: 12px;
    font-weight: 500
}

.pi-radio-group-joint .pi-radio-button-wrapper-checked {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-bg-body)/1);
    background-color: rgb(var(--color-bg-body)/var(--tw-bg-opacity))
}

.pi-radio-group-separate {
    background-color: transparent
}

.pi-radio-group-separate .pi-radio-button-wrapper {
    font-size: 12px
}

.pi-radio-group-separate .pi-radio-button-wrapper:not(:last-child) {
    margin-right: 10px
}

.pi-radio-group-separate .pi-radio-button-wrapper-checked {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-bg-body)/1);
    background-color: rgb(var(--color-bg-body)/var(--tw-bg-opacity))
}

.pi-radio-group-separate-border {
    background-color: transparent
}

.pi-radio-group-separate-border .pi-radio-button-wrapper {
    font-size: 12px;
    margin-right: 8px;
    border: 1px solid transparent;
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-bg-400)/var(--tw-border-opacity));
    font-weight: 400
}

.pi-radio-group-separate-border .pi-radio-button-wrapper-checked {
    --tw-border-opacity: 1;
    border-color: rgb(255 79 41/1);
    border-color: rgb(var(--color-primary)/var(--tw-border-opacity));
    --tw-text-opacity: 1 !important;
    color: rgb(255 79 41/1) !important;
    color: rgb(var(--color-primary)/var(--tw-text-opacity)) !important
}

.pi-radio-group-small .pi-radio-button-wrapper {
    height: 26px
}

.pi-radio-group-middle .pi-radio-button-wrapper {
    height: 36px
}

.pi-radio-group-large .pi-radio-button-wrapper {
    height: 46px
}

.pi-radio-button-wrapper-checked:not(.pi-radio-wrapper-disabled):focus-within {
    box-shadow: none
}

.pi-radio-group-slide {
    position: relative;
    display: flex;
    flex: none;
    align-items: center
}

.pi-radio-group-slide .pi-radio-wrap {
    display: flex;
    flex: auto;
    align-self: stretch;
    overflow: hidden;
    white-space: nowrap;
    transform: translate(0)
}

.pi-radio-group-slide .pi-radio-wrap:after,
.pi-radio-group-slide .pi-radio-wrap:before {
    top: 0;
    bottom: 0;
    width: 30px;
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: opacity .3s;
    content: "";
    pointer-events: none
}

.pi-radio-group-slide .pi-radio-wrap:before {
    left: 0;
    background: linear-gradient(90deg, white 40%, transparent)
}

.pi-radio-group-slide .pi-radio-wrap:after {
    right: 0;
    background: linear-gradient(270deg, white 40%, transparent)
}

.pi-radio-group-slide .pi-radio-wrap.pi-radio-wrap-ping-left:before,
.pi-radio-group-slide .pi-radio-wrap.pi-radio-wrap-ping-right:after {
    opacity: 1
}

.pi-radio-group-slide .pi-radio-list {
    position: relative;
    display: flex;
    transition: transform .1s
}

.pi-radio-group-slide .pi-radio-slide-left-arrow-wrap,
.pi-radio-group-slide .pi-radio-slide-right-arrow-wrap {
    position: absolute;
    z-index: 10;
    display: flex;
    height: 100%;
    align-items: center;
    width: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.pi-radio-group-slide .pi-radio-slide-left-arrow-wrap {
    left: 0;
    justify-content: flex-start
}

.pi-radio-group-slide .pi-radio-slide-right-arrow-wrap {
    right: 0;
    justify-content: flex-end
}

.pi-radio-group-slide .pi-radio-slide-left-arrow,
.pi-radio-group-slide .pi-radio-slide-right-arrow {
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.pi-radio-group-slide .pi-radio-slide-left-arrow {
    transform: rotate(90deg)
}

.pi-radio-group-slide .pi-radio-slide-right-arrow {
    transform: rotate(-90deg)
}

.dark .pi-radio-wrap:before {
    background: linear-gradient(90deg, #1c1c1c 40%, transparent)
}

.dark .pi-radio-wrap:after {
    background: linear-gradient(270deg, #1c1c1c 40%, transparent)
}

.pi-tabs-small>.pi-tabs-nav .pi-tabs-tab {
    padding: 8px 0;
    font-size: 12px
}

.pi-tabs-large>.pi-tabs-nav .pi-tabs-tab {
    padding: 16px 0;
    font-size: 16px
}

.pi-tabs-card.pi-tabs-small>.pi-tabs-nav .pi-tabs-tab {
    padding: 6px 16px
}

.pi-tabs-card.pi-tabs-large>.pi-tabs-nav .pi-tabs-tab {
    padding: 7px 16px 6px
}

.pi-tabs-bottom,
.pi-tabs-top {
    flex-direction: column
}

.pi-tabs-bottom>.pi-tabs-nav,
.pi-tabs-bottom>div>.pi-tabs-nav,
.pi-tabs-top>.pi-tabs-nav,
.pi-tabs-top>div>.pi-tabs-nav {
    margin: 0 0 16px
}

.pi-tabs-bottom>.pi-tabs-nav:before,
.pi-tabs-bottom>div>.pi-tabs-nav:before,
.pi-tabs-top>.pi-tabs-nav:before,
.pi-tabs-top>div>.pi-tabs-nav:before {
    position: absolute;
    right: 0;
    left: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .06);
    content: ""
}

.pi-tabs-bottom>.pi-tabs-nav .pi-tabs-ink-bar,
.pi-tabs-bottom>div>.pi-tabs-nav .pi-tabs-ink-bar,
.pi-tabs-top>.pi-tabs-nav .pi-tabs-ink-bar,
.pi-tabs-top>div>.pi-tabs-nav .pi-tabs-ink-bar {
    height: 2px
}

.pi-tabs-bottom>.pi-tabs-nav .pi-tabs-ink-bar-animated,
.pi-tabs-bottom>div>.pi-tabs-nav .pi-tabs-ink-bar-animated,
.pi-tabs-top>.pi-tabs-nav .pi-tabs-ink-bar-animated,
.pi-tabs-top>div>.pi-tabs-nav .pi-tabs-ink-bar-animated {
    transition: width .3s, left .3s, right .3s
}

.pi-tabs-bottom>.pi-tabs-nav .pi-tabs-nav-wrap:after,
.pi-tabs-bottom>.pi-tabs-nav .pi-tabs-nav-wrap:before,
.pi-tabs-bottom>div>.pi-tabs-nav .pi-tabs-nav-wrap:after,
.pi-tabs-bottom>div>.pi-tabs-nav .pi-tabs-nav-wrap:before,
.pi-tabs-top>.pi-tabs-nav .pi-tabs-nav-wrap:after,
.pi-tabs-top>.pi-tabs-nav .pi-tabs-nav-wrap:before,
.pi-tabs-top>div>.pi-tabs-nav .pi-tabs-nav-wrap:after,
.pi-tabs-top>div>.pi-tabs-nav .pi-tabs-nav-wrap:before {
    top: 0;
    bottom: 0;
    width: 30px
}

.pi-tabs-bottom>.pi-tabs-nav .pi-tabs-nav-wrap:before,
.pi-tabs-bottom>div>.pi-tabs-nav .pi-tabs-nav-wrap:before,
.pi-tabs-top>.pi-tabs-nav .pi-tabs-nav-wrap:before,
.pi-tabs-top>div>.pi-tabs-nav .pi-tabs-nav-wrap:before {
    left: 0;
    background: linear-gradient(90deg, white 40%, transparent)
}

.pi-tabs-bottom>.pi-tabs-nav .pi-tabs-nav-wrap:after,
.pi-tabs-bottom>div>.pi-tabs-nav .pi-tabs-nav-wrap:after,
.pi-tabs-top>.pi-tabs-nav .pi-tabs-nav-wrap:after,
.pi-tabs-top>div>.pi-tabs-nav .pi-tabs-nav-wrap:after {
    right: 0;
    background: linear-gradient(270deg, white 40%, transparent)
}

.pi-tabs-bottom>.pi-tabs-nav .pi-tabs-nav-wrap.pi-tabs-nav-wrap-ping-left:before,
.pi-tabs-bottom>.pi-tabs-nav .pi-tabs-nav-wrap.pi-tabs-nav-wrap-ping-right:after,
.pi-tabs-bottom>div>.pi-tabs-nav .pi-tabs-nav-wrap.pi-tabs-nav-wrap-ping-left:before,
.pi-tabs-bottom>div>.pi-tabs-nav .pi-tabs-nav-wrap.pi-tabs-nav-wrap-ping-right:after,
.pi-tabs-top>.pi-tabs-nav .pi-tabs-nav-wrap.pi-tabs-nav-wrap-ping-left:before,
.pi-tabs-top>.pi-tabs-nav .pi-tabs-nav-wrap.pi-tabs-nav-wrap-ping-right:after,
.pi-tabs-top>div>.pi-tabs-nav .pi-tabs-nav-wrap.pi-tabs-nav-wrap-ping-left:before,
.pi-tabs-top>div>.pi-tabs-nav .pi-tabs-nav-wrap.pi-tabs-nav-wrap-ping-right:after {
    opacity: 1
}

.pi-tabs-top>.pi-tabs-nav .pi-tabs-ink-bar,
.pi-tabs-top>.pi-tabs-nav:before,
.pi-tabs-top>div>.pi-tabs-nav .pi-tabs-ink-bar,
.pi-tabs-top>div>.pi-tabs-nav:before {
    bottom: 0
}

.pi-tabs-bottom>.pi-tabs-nav,
.pi-tabs-bottom>div>.pi-tabs-nav {
    order: 1;
    margin-top: 16px;
    margin-bottom: 0
}

.pi-tabs-bottom>.pi-tabs-nav .pi-tabs-ink-bar,
.pi-tabs-bottom>.pi-tabs-nav:before,
.pi-tabs-bottom>div>.pi-tabs-nav .pi-tabs-ink-bar,
.pi-tabs-bottom>div>.pi-tabs-nav:before {
    top: 0
}

.pi-tabs-bottom>.pi-tabs-content-holder,
.pi-tabs-bottom>div>.pi-tabs-content-holder {
    order: 0
}

.pi-tabs-left>.pi-tabs-nav,
.pi-tabs-left>div>.pi-tabs-nav,
.pi-tabs-right>.pi-tabs-nav,
.pi-tabs-right>div>.pi-tabs-nav {
    flex-direction: column;
    min-width: 50px
}

.pi-tabs-left>.pi-tabs-nav .pi-tabs-tab,
.pi-tabs-left>div>.pi-tabs-nav .pi-tabs-tab,
.pi-tabs-right>.pi-tabs-nav .pi-tabs-tab,
.pi-tabs-right>div>.pi-tabs-nav .pi-tabs-tab {
    padding: 8px 24px;
    text-align: center
}

.pi-tabs-left>.pi-tabs-nav .pi-tabs-tab+.pi-tabs-tab,
.pi-tabs-left>div>.pi-tabs-nav .pi-tabs-tab+.pi-tabs-tab,
.pi-tabs-right>.pi-tabs-nav .pi-tabs-tab+.pi-tabs-tab,
.pi-tabs-right>div>.pi-tabs-nav .pi-tabs-tab+.pi-tabs-tab {
    margin: 16px 0 0
}

.pi-tabs-left>.pi-tabs-nav .pi-tabs-nav-wrap,
.pi-tabs-left>div>.pi-tabs-nav .pi-tabs-nav-wrap,
.pi-tabs-right>.pi-tabs-nav .pi-tabs-nav-wrap,
.pi-tabs-right>div>.pi-tabs-nav .pi-tabs-nav-wrap {
    flex-direction: column
}

.pi-tabs-left>.pi-tabs-nav .pi-tabs-nav-wrap:after,
.pi-tabs-left>.pi-tabs-nav .pi-tabs-nav-wrap:before,
.pi-tabs-left>div>.pi-tabs-nav .pi-tabs-nav-wrap:after,
.pi-tabs-left>div>.pi-tabs-nav .pi-tabs-nav-wrap:before,
.pi-tabs-right>.pi-tabs-nav .pi-tabs-nav-wrap:after,
.pi-tabs-right>.pi-tabs-nav .pi-tabs-nav-wrap:before,
.pi-tabs-right>div>.pi-tabs-nav .pi-tabs-nav-wrap:after,
.pi-tabs-right>div>.pi-tabs-nav .pi-tabs-nav-wrap:before {
    right: 0;
    left: 0;
    height: 30px
}

.pi-tabs-left>.pi-tabs-nav .pi-tabs-nav-wrap:before,
.pi-tabs-left>div>.pi-tabs-nav .pi-tabs-nav-wrap:before,
.pi-tabs-right>.pi-tabs-nav .pi-tabs-nav-wrap:before,
.pi-tabs-right>div>.pi-tabs-nav .pi-tabs-nav-wrap:before {
    top: 0;
    box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, .08)
}

.pi-tabs-left>.pi-tabs-nav .pi-tabs-nav-wrap:after,
.pi-tabs-left>div>.pi-tabs-nav .pi-tabs-nav-wrap:after,
.pi-tabs-right>.pi-tabs-nav .pi-tabs-nav-wrap:after,
.pi-tabs-right>div>.pi-tabs-nav .pi-tabs-nav-wrap:after {
    bottom: 0;
    box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, .08)
}

.pi-tabs-left>.pi-tabs-nav .pi-tabs-nav-wrap.pi-tabs-nav-wrap-ping-bottom:after,
.pi-tabs-left>.pi-tabs-nav .pi-tabs-nav-wrap.pi-tabs-nav-wrap-ping-top:before,
.pi-tabs-left>div>.pi-tabs-nav .pi-tabs-nav-wrap.pi-tabs-nav-wrap-ping-bottom:after,
.pi-tabs-left>div>.pi-tabs-nav .pi-tabs-nav-wrap.pi-tabs-nav-wrap-ping-top:before,
.pi-tabs-right>.pi-tabs-nav .pi-tabs-nav-wrap.pi-tabs-nav-wrap-ping-bottom:after,
.pi-tabs-right>.pi-tabs-nav .pi-tabs-nav-wrap.pi-tabs-nav-wrap-ping-top:before,
.pi-tabs-right>div>.pi-tabs-nav .pi-tabs-nav-wrap.pi-tabs-nav-wrap-ping-bottom:after,
.pi-tabs-right>div>.pi-tabs-nav .pi-tabs-nav-wrap.pi-tabs-nav-wrap-ping-top:before {
    opacity: 1
}

.pi-tabs-left>.pi-tabs-nav .pi-tabs-ink-bar,
.pi-tabs-left>div>.pi-tabs-nav .pi-tabs-ink-bar,
.pi-tabs-right>.pi-tabs-nav .pi-tabs-ink-bar,
.pi-tabs-right>div>.pi-tabs-nav .pi-tabs-ink-bar {
    width: 2px
}

.pi-tabs-left>.pi-tabs-nav .pi-tabs-ink-bar-animated,
.pi-tabs-left>div>.pi-tabs-nav .pi-tabs-ink-bar-animated,
.pi-tabs-right>.pi-tabs-nav .pi-tabs-ink-bar-animated,
.pi-tabs-right>div>.pi-tabs-nav .pi-tabs-ink-bar-animated {
    transition: height .3s, top .3s
}

.pi-tabs-left>.pi-tabs-nav .pi-tabs-nav-list,
.pi-tabs-left>.pi-tabs-nav .pi-tabs-nav-operations,
.pi-tabs-left>div>.pi-tabs-nav .pi-tabs-nav-list,
.pi-tabs-left>div>.pi-tabs-nav .pi-tabs-nav-operations,
.pi-tabs-right>.pi-tabs-nav .pi-tabs-nav-list,
.pi-tabs-right>.pi-tabs-nav .pi-tabs-nav-operations,
.pi-tabs-right>div>.pi-tabs-nav .pi-tabs-nav-list,
.pi-tabs-right>div>.pi-tabs-nav .pi-tabs-nav-operations {
    flex: 1 0 auto;
    flex-direction: column
}

.pi-tabs-left>.pi-tabs-nav .pi-tabs-ink-bar,
.pi-tabs-left>div>.pi-tabs-nav .pi-tabs-ink-bar {
    right: 0
}

.pi-tabs-left>.pi-tabs-content-holder,
.pi-tabs-left>div>.pi-tabs-content-holder {
    margin-left: -1px;
    border-left: 1px solid rgba(0, 0, 0, .06)
}

.pi-tabs-left>.pi-tabs-content-holder>.pi-tabs-content>.pi-tabs-tabpane,
.pi-tabs-left>div>.pi-tabs-content-holder>.pi-tabs-content>.pi-tabs-tabpane {
    padding-left: 24px
}

.pi-tabs-right>.pi-tabs-nav,
.pi-tabs-right>div>.pi-tabs-nav {
    order: 1
}

.pi-tabs-right>.pi-tabs-nav .pi-tabs-ink-bar,
.pi-tabs-right>div>.pi-tabs-nav .pi-tabs-ink-bar {
    left: 0
}

.pi-tabs-right>.pi-tabs-content-holder,
.pi-tabs-right>div>.pi-tabs-content-holder {
    order: 0;
    margin-right: -1px;
    border-right: 1px solid rgba(0, 0, 0, .06)
}

.pi-tabs-right>.pi-tabs-content-holder>.pi-tabs-content>.pi-tabs-tabpane,
.pi-tabs-right>div>.pi-tabs-content-holder>.pi-tabs-content>.pi-tabs-tabpane {
    padding-right: 24px
}

.dark .pi-tabs-bottom,
.dark .pi-tabs-top {
    flex-direction: column
}

.dark .pi-tabs-bottom>.pi-tabs-nav,
.dark .pi-tabs-bottom>div>.pi-tabs-nav,
.dark .pi-tabs-top>.pi-tabs-nav,
.dark .pi-tabs-top>div>.pi-tabs-nav {
    margin: 0 0 16px
}

.dark .pi-tabs-bottom>.pi-tabs-nav .pi-tabs-nav-wrap:before,
.dark .pi-tabs-bottom>div>.pi-tabs-nav .pi-tabs-nav-wrap:before,
.dark .pi-tabs-top>.pi-tabs-nav .pi-tabs-nav-wrap:before,
.dark .pi-tabs-top>div>.pi-tabs-nav .pi-tabs-nav-wrap:before {
    left: 0;
    background: linear-gradient(90deg, #000 40%, transparent)
}

.dark .pi-tabs-bottom>.pi-tabs-nav .pi-tabs-nav-wrap:after,
.dark .pi-tabs-bottom>div>.pi-tabs-nav .pi-tabs-nav-wrap:after,
.dark .pi-tabs-top>.pi-tabs-nav .pi-tabs-nav-wrap:after,
.dark .pi-tabs-top>div>.pi-tabs-nav .pi-tabs-nav-wrap:after {
    right: 0;
    background: linear-gradient(270deg, #000 40%, transparent)
}

.pi-tabs-dropdown {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent)/1);
    color: rgb(var(--color-accent)/var(--tw-text-opacity));
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 1050;
    display: block
}

.pi-tabs-dropdown-hidden {
    display: none
}

.pi-tabs-dropdown-menu {
    max-height: 200px;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: left;
    list-style-type: none;
    padding: 0;
    font-size: 14px;
    line-height: 18px;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-bg-100)/1);
    background-color: rgb(var(--color-bg-100)/var(--tw-bg-opacity))
}

:is(.dark .pi-tabs-dropdown-menu) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-bg-200)/1);
    background-color: rgb(var(--color-bg-200)/var(--tw-bg-opacity))
}

.pi-tabs-dropdown-menu {
    background-clip: padding-box;
    border-radius: 4px;
    outline: none;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05)
}

.pi-tabs-dropdown-menu-item {
    min-width: 120px;
    margin: 0;
    padding: 10px 12px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-200)/1);
    color: rgb(var(--color-text-200)/var(--tw-text-opacity));
    display: flex;
    align-items: center;
    gap: 4px;
    overflow: hidden;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    transition: all .3s
}

.pi-tabs-dropdown-menu-item>span {
    flex: 1 1;
    white-space: nowrap
}

.pi-tabs-dropdown-menu-item-remove {
    flex: none;
    margin-left: 12px;
    color: rgba(0, 0, 0, .45);
    font-size: 12px;
    background: transparent;
    border: 0;
    cursor: pointer
}

.pi-tabs-dropdown-menu-item-remove:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent)/1);
    color: rgb(var(--color-accent)/var(--tw-text-opacity))
}

.pi-tabs-dropdown-menu-item:hover {
    background-color: rgb(var(--color-hover-100)/.5) !important;
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-100)/1);
    color: rgb(var(--color-text-100)/var(--tw-text-opacity))
}

.pi-tabs-dropdown-menu-item-disabled,
.pi-tabs-dropdown-menu-item-disabled:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-divider-100)/1);
    color: rgb(var(--color-divider-100)/var(--tw-text-opacity));
    background: transparent;
    cursor: not-allowed
}

.pi-tabs-card>.pi-tabs-nav .pi-tabs-tab,
.pi-tabs-card>div>.pi-tabs-nav .pi-tabs-tab {
    margin: 0;
    padding: 8px 16px;
    background: #fafafa;
    border: 1px solid rgba(0, 0, 0, .06);
    transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.pi-tabs-card>.pi-tabs-nav .pi-tabs-tab-active,
.pi-tabs-card>div>.pi-tabs-nav .pi-tabs-tab-active {
    --tw-text-opacity: 1;
    color: rgb(255 79 41/1);
    color: rgb(var(--color-primary)/var(--tw-text-opacity));
    background: #fff
}

.pi-tabs-card>.pi-tabs-nav .pi-tabs-ink-bar,
.pi-tabs-card>div>.pi-tabs-nav .pi-tabs-ink-bar {
    visibility: hidden
}

.pi-tabs-card.pi-tabs-bottom>.pi-tabs-nav .pi-tabs-tab+.pi-tabs-tab,
.pi-tabs-card.pi-tabs-bottom>div>.pi-tabs-nav .pi-tabs-tab+.pi-tabs-tab,
.pi-tabs-card.pi-tabs-top>.pi-tabs-nav .pi-tabs-tab+.pi-tabs-tab,
.pi-tabs-card.pi-tabs-top>div>.pi-tabs-nav .pi-tabs-tab+.pi-tabs-tab {
    margin-left: 2px
}

.pi-tabs-card.pi-tabs-top>.pi-tabs-nav .pi-tabs-tab,
.pi-tabs-card.pi-tabs-top>div>.pi-tabs-nav .pi-tabs-tab {
    border-radius: 4px 4px 0 0
}

.pi-tabs-card.pi-tabs-top>.pi-tabs-nav .pi-tabs-tab-active,
.pi-tabs-card.pi-tabs-top>div>.pi-tabs-nav .pi-tabs-tab-active {
    border-bottom-color: #fff
}

.pi-tabs-card.pi-tabs-bottom>.pi-tabs-nav .pi-tabs-tab,
.pi-tabs-card.pi-tabs-bottom>div>.pi-tabs-nav .pi-tabs-tab {
    border-radius: 0 0 4px 4px
}

.pi-tabs-card.pi-tabs-bottom>.pi-tabs-nav .pi-tabs-tab-active,
.pi-tabs-card.pi-tabs-bottom>div>.pi-tabs-nav .pi-tabs-tab-active {
    border-top-color: #fff
}

.pi-tabs-card.pi-tabs-left>.pi-tabs-nav .pi-tabs-tab+.pi-tabs-tab,
.pi-tabs-card.pi-tabs-left>div>.pi-tabs-nav .pi-tabs-tab+.pi-tabs-tab,
.pi-tabs-card.pi-tabs-right>.pi-tabs-nav .pi-tabs-tab+.pi-tabs-tab,
.pi-tabs-card.pi-tabs-right>div>.pi-tabs-nav .pi-tabs-tab+.pi-tabs-tab {
    margin-top: 2px
}

.pi-tabs-card.pi-tabs-left>.pi-tabs-nav .pi-tabs-tab,
.pi-tabs-card.pi-tabs-left>div>.pi-tabs-nav .pi-tabs-tab {
    border-radius: 4px 0 0 4px
}

.pi-tabs-card.pi-tabs-left>.pi-tabs-nav .pi-tabs-tab-active,
.pi-tabs-card.pi-tabs-left>div>.pi-tabs-nav .pi-tabs-tab-active {
    border-right-color: #fff
}

.pi-tabs-card.pi-tabs-right>.pi-tabs-nav .pi-tabs-tab,
.pi-tabs-card.pi-tabs-right>div>.pi-tabs-nav .pi-tabs-tab {
    border-radius: 0 4px 4px 0
}

.pi-tabs-card.pi-tabs-right>.pi-tabs-nav .pi-tabs-tab-active,
.pi-tabs-card.pi-tabs-right>div>.pi-tabs-nav .pi-tabs-tab-active {
    border-left-color: #fff
}

.pi-tabs {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent)/1);
    color: rgb(var(--color-accent)/var(--tw-text-opacity));
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: flex
}

.pi-tabs>.pi-tabs-nav,
.pi-tabs>div>.pi-tabs-nav {
    position: relative;
    display: flex;
    flex: none;
    align-items: center
}

.pi-tabs>.pi-tabs-nav .pi-tabs-nav-wrap,
.pi-tabs>div>.pi-tabs-nav .pi-tabs-nav-wrap {
    position: relative;
    display: inline-block;
    display: flex;
    flex: auto;
    align-self: stretch;
    overflow: hidden;
    white-space: nowrap;
    transform: translate(0)
}

.pi-tabs>.pi-tabs-nav .pi-tabs-nav-wrap:after,
.pi-tabs>.pi-tabs-nav .pi-tabs-nav-wrap:before,
.pi-tabs>div>.pi-tabs-nav .pi-tabs-nav-wrap:after,
.pi-tabs>div>.pi-tabs-nav .pi-tabs-nav-wrap:before {
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: opacity .3s;
    content: "";
    pointer-events: none
}

.pi-tabs>.pi-tabs-nav .pi-tabs-nav-list,
.pi-tabs>div>.pi-tabs-nav .pi-tabs-nav-list {
    position: relative;
    display: flex;
    transition: transform .3s
}

.pi-tabs>.pi-tabs-nav .pi-tabs-nav-operations,
.pi-tabs>div>.pi-tabs-nav .pi-tabs-nav-operations {
    display: flex;
    align-self: stretch
}

.pi-tabs>.pi-tabs-nav .pi-tabs-nav-operations-hidden,
.pi-tabs>div>.pi-tabs-nav .pi-tabs-nav-operations-hidden {
    position: absolute;
    visibility: hidden;
    pointer-events: none
}

.pi-tabs>.pi-tabs-nav .pi-tabs-nav-more,
.pi-tabs>div>.pi-tabs-nav .pi-tabs-nav-more {
    position: relative;
    padding: 8px 16px;
    background: transparent;
    border: 0
}

.pi-tabs>.pi-tabs-nav .pi-tabs-nav-more:after,
.pi-tabs>div>.pi-tabs-nav .pi-tabs-nav-more:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 5px;
    transform: translateY(100%);
    content: ""
}

.pi-tabs>.pi-tabs-nav .pi-tabs-nav-add,
.pi-tabs>div>.pi-tabs-nav .pi-tabs-nav-add {
    min-width: 40px;
    margin-left: 2px;
    padding: 0 8px;
    background: #fafafa;
    border: 1px solid rgba(0, 0, 0, .06);
    border-radius: 4px 4px 0 0;
    outline: none;
    cursor: pointer;
    transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.pi-tabs>.pi-tabs-nav .pi-tabs-nav-add:hover,
.pi-tabs>div>.pi-tabs-nav .pi-tabs-nav-add:hover {
    --tw-text-opacity: 1;
    color: rgb(255 79 41/1);
    color: rgb(var(--color-primary)/var(--tw-text-opacity))
}

.pi-tabs>.pi-tabs-nav .pi-tabs-nav-add:active,
.pi-tabs>.pi-tabs-nav .pi-tabs-nav-add:focus,
.pi-tabs>div>.pi-tabs-nav .pi-tabs-nav-add:active,
.pi-tabs>div>.pi-tabs-nav .pi-tabs-nav-add:focus {
    color: #f25a0d;
    color: var(--pi-primary-7)
}

.pi-tabs-extra-content {
    flex: none
}

.pi-tabs-centered>.pi-tabs-nav .pi-tabs-nav-wrap:not([class*=pi-tabs-nav-wrap-ping]),
.pi-tabs-centered>div>.pi-tabs-nav .pi-tabs-nav-wrap:not([class*=pi-tabs-nav-wrap-ping]) {
    justify-content: center
}

.pi-tabs-ink-bar {
    position: absolute;
    background: #ff4f29;
    background: var(--pi-primary-color);
    pointer-events: none
}

.pi-tabs-tab {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 12px 0;
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-300)/1);
    color: rgb(var(--color-text-300)/var(--tw-text-opacity))
}

:is(.dark .pi-tabs-tab) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-200)/1);
    color: rgb(var(--color-text-200)/var(--tw-text-opacity))
}

.pi-tabs-tab {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background: transparent;
    border: 0;
    outline: none;
    cursor: pointer
}

.pi-tabs-tab-btn {
    outline: none
}

.pi-tabs-tab-remove {
    flex: none;
    margin-right: -4px;
    margin-left: 8px;
    color: rgba(0, 0, 0, .45);
    font-size: 12px;
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    transition: all .3s
}

.pi-tabs-tab-remove:hover {
    color: rgba(0, 0, 0, .85)
}

.pi-tabs-tab.pi-tabs-tab-active .pi-tabs-tab-btn,
.pi-tabs-tab:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-100)/1);
    color: rgb(var(--color-text-100)/var(--tw-text-opacity))
}

.pi-tabs-tab.pi-tabs-tab-active .pi-tabs-tab-btn {
    font-weight: 500;
    text-shadow: 0 0 .25px currentcolor
}

.pi-tabs-tab.pi-tabs-tab-disabled {
    cursor: not-allowed
}

.pi-tabs-tab.pi-tabs-tab-disabled,
.pi-tabs-tab.pi-tabs-tab-disabled .pi-tabs-tab-btn:active,
.pi-tabs-tab.pi-tabs-tab-disabled .pi-tabs-tab-btn:focus,
.pi-tabs-tab.pi-tabs-tab-disabled .pi-tabs-tab-remove:active,
.pi-tabs-tab.pi-tabs-tab-disabled .pi-tabs-tab-remove:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-400)/1);
    color: rgb(var(--color-text-400)/var(--tw-text-opacity))
}

.pi-tabs-tab .pi-tabs-tab-remove .piicon {
    margin: 0
}

.pi-tabs-tab .piicon {
    margin-right: 12px
}

.pi-tabs-tab+.pi-tabs-tab {
    margin: 0 0 0 20px
}

.pi-tabs-content {
    display: flex;
    width: 100%
}

.pi-tabs-content-holder {
    flex: auto;
    min-width: 0;
    min-height: 0
}

.pi-tabs-content-animated {
    transition: margin .3s
}

.pi-tabs-tabpane {
    flex: none;
    width: 100%;
    outline: none
}

.pi-tabs-button .pi-tabs-ink-bar,
.pi-tabs-button .pi-tabs-nav:before,
.pi-tabs-text .pi-tabs-ink-bar,
.pi-tabs-text .pi-tabs-nav:before {
    display: none
}

.pi-tabs-text>.pi-tabs-nav>.pi-tabs-nav-wrap .pi-tabs-tab-active:after {
    position: absolute;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-text-100)/1);
    background-color: rgb(var(--color-text-100)/var(--tw-bg-opacity));
    width: 12px;
    height: 2px;
    content: "";
    left: 50%;
    transform: translateX(-50%);
    bottom: 4px
}

.pi-tabs-button>.pi-tabs-nav .pi-tabs-tab {
    border-radius: 6px;
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-300)/1);
    color: rgb(var(--color-text-300)/var(--tw-text-opacity))
}

.pi-tabs-button>.pi-tabs-nav .pi-tabs-tab:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-100)/1);
    color: rgb(var(--color-text-100)/var(--tw-text-opacity))
}

:is(.dark .pi-tabs-button>.pi-tabs-nav .pi-tabs-tab):hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-100)/1);
    color: rgb(var(--color-text-100)/var(--tw-text-opacity))
}

.pi-tabs-button>.pi-tabs-nav .pi-tabs-tab {
    padding: 4px 8px;
    text-align: center
}

.pi-tabs-button>.pi-tabs-nav .pi-tabs-tab-active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-divider-100)/1);
    background-color: rgb(var(--color-divider-100)/var(--tw-bg-opacity))
}

.pi-tabs-button>.pi-tabs-nav .pi-tabs-tab-active,
.pi-tabs-button>.pi-tabs-nav .pi-tabs-tab-active .pi-tabs-tab-btn {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-100)/1);
    color: rgb(var(--color-text-100)/var(--tw-text-opacity))
}

.pi-tabs-button>.pi-tabs-nav .pi-tabs-tab-active.pi-tabs-tab-long {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-increase-100)/1);
    background-color: rgb(var(--color-increase-100)/var(--tw-bg-opacity))
}

.pi-tabs-button>.pi-tabs-nav .pi-tabs-tab-active.pi-tabs-tab-long .pi-tabs-tab-btn {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/1) !important;
    color: rgb(var(--color-white)/var(--tw-text-opacity)) !important
}

.pi-tabs-button>.pi-tabs-nav .pi-tabs-tab-active.pi-tabs-tab-short {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-decrease-100)/1);
    background-color: rgb(var(--color-decrease-100)/var(--tw-bg-opacity))
}

.pi-tabs-button>.pi-tabs-nav .pi-tabs-tab-active.pi-tabs-tab-short .pi-tabs-tab-btn {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/1) !important;
    color: rgb(var(--color-white)/var(--tw-text-opacity)) !important
}

.pi-tabs-button>.pi-tabs-nav .pi-tabs-tab+.pi-tabs-tab {
    margin-left: 24px
}

.pi-tabs-nav-container {
    display: flex;
    width: 100%
}

.pi-tabs-button-group>.pi-tabs-nav .pi-tabs-nav-list {
    padding: 2px;
    border-radius: 8px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-line-200)/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-bg-100)/1);
    background-color: rgb(var(--color-bg-100)/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-300)/1);
    color: rgb(var(--color-text-300)/var(--tw-text-opacity));
    border-width: .5px
}

.pi-tabs-button-group>.pi-tabs-nav .pi-tabs-tab-active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-toggle-highlight-100)/1);
    background-color: rgb(var(--color-toggle-highlight-100)/var(--tw-bg-opacity));
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-100)/1);
    color: rgb(var(--color-text-100)/var(--tw-text-opacity))
}

.pi-tabs-button-group>.pi-tabs-nav .pi-tabs-tab+.pi-tabs-tab {
    margin-left: 0
}

.pi-tabs-tab_fill>.pi-tabs-nav .pi-tabs-nav-list {
    width: 100%
}

.pi-tabs-tab_fill>.pi-tabs-nav .pi-tabs-tab,
.pi-tabs-tab_fill>.pi-tabs-nav .pi-tabs-tab-btn {
    flex: 1 1
}

.pi-tabs-fixed {
    display: flex;
    height: 100%;
    width: 100%;
    flex: 1 1;
    flex-direction: column
}

.pi-tabs-fixed>.pi-tabs-content-holder,
.pi-tabs-fixed>.pi-tabs-content-holder>.pi-tabs-content {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    margin-left: 0 !important
}

.pi-tabs-fixed>.pi-tabs-content-holder>.pi-tabs-content>.pi-tabs-tabpane {
    width: 100%;
    height: 100%;
    overflow: auto
}

.pi-tabs-extra-content {
    position: relative
}

.pi-tabs-slide>.pi-tabs-nav .pi-tabs-nav-operations {
    display: none !important
}

.pi-tabs-slide>.pi-tabs-nav .pi-tabs-nav-wrap {
    overflow: hidden
}

.pi-tabs-slide>.pi-tabs-nav .pi-tabs-slide-left-arrow-wrap,
.pi-tabs-slide>.pi-tabs-nav .pi-tabs-slide-right-arrow-wrap {
    position: absolute;
    z-index: 10;
    display: flex;
    height: 100%;
    align-items: center;
    width: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.pi-tabs-slide>.pi-tabs-nav .pi-tabs-slide-left-arrow-wrap {
    left: 0;
    justify-content: flex-start
}

.pi-tabs-slide>.pi-tabs-nav .pi-tabs-slide-right-arrow-wrap {
    right: 0;
    justify-content: flex-end
}

.pi-tabs-slide>.pi-tabs-nav .pi-tabs-slide-left-arrow,
.pi-tabs-slide>.pi-tabs-nav .pi-tabs-slide-right-arrow {
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    width: -moz-fit-content;
    width: fit-content;
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent-sub)/1);
    color: rgb(var(--color-accent-sub)/var(--tw-text-opacity))
}

.pi-tabs-slide>.pi-tabs-nav .pi-tabs-slide-left-arrow:hover,
.pi-tabs-slide>.pi-tabs-nav .pi-tabs-slide-right-arrow:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent)/1);
    color: rgb(var(--color-accent)/var(--tw-text-opacity))
}

.pi-tabs-slide>.pi-tabs-nav .pi-tabs-slide-left-arrow {
    transform: rotate(90deg)
}

.pi-tabs-slide>.pi-tabs-nav .pi-tabs-slide-right-arrow {
    transform: rotate(-90deg)
}

.pi-tabs-tabpane-hidden {
    display: none
}

.pi-tabs-tab_round .pi-tabs-tab,
.pi-tabs-tab_round.pi-tabs-button-group .pi-tabs-nav-list {
    border-radius: 9999px !important
}

.pi-modal {
    box-sizing: border-box;
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent)/1);
    color: rgb(var(--color-accent)/var(--tw-text-opacity));
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    pointer-events: none;
    position: relative;
    top: 100px;
    width: auto;
    max-width: calc(100vw - 32px);
    margin: 0 auto;
    padding: 0 0 24px
}

.pi-modal.pi-zoom-appear,
.pi-modal.pi-zoom-enter {
    transform: none;
    opacity: 0;
    animation-duration: .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.pi-modal-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    height: 100%;
    background-color: rgb(0 0 0/.3);
    background-color: rgb(var(--color-black)/.3)
}

:is(.dark .pi-modal-mask) {
    background-color: rgb(0 0 0/.7);
    background-color: rgb(var(--color-black)/.7)
}

.pi-modal-mask-hidden {
    display: none
}

.pi-modal-wrap {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    outline: 0;
    -webkit-overflow-scrolling: touch;
    z-index: 1000
}

.pi-modal-title {
    margin: 0;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-100)/1);
    color: rgb(var(--color-text-100)/var(--tw-text-opacity));
    word-wrap: break-word
}

.pi-modal-content {
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-card-100)/1);
    background-color: rgb(var(--color-card-100)/var(--tw-bg-opacity));
    padding: 16px;
    background-clip: padding-box;
    border: 0;
    border-radius: 12px;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);
    pointer-events: auto
}

.pi-modal-close {
    position: absolute;
    top: 20px;
    right: 16px;
    z-index: 10;
    padding: 0;
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-300)/1);
    color: rgb(var(--color-text-300)/var(--tw-text-opacity));
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    background: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
    transition: color .3s
}

.pi-modal-close:focus,
.pi-modal-close:hover {
    text-decoration: none
}

.pi-modal-close:focus,
.pi-modal-close:hover,
.pi-modal-header {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-100)/1);
    color: rgb(var(--color-text-100)/var(--tw-text-opacity))
}

.pi-modal-header {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600
}

.pi-modal-body {
    font-size: 14px;
    line-height: 18px;
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-200)/1);
    color: rgb(var(--color-text-200)/var(--tw-text-opacity));
    word-wrap: break-word
}

.pi-modal-footer {
    margin-top: 16px;
    display: flex;
    gap: 12px
}

.pi-modal-footer .pi-btn {
    flex: 1 1;
    font-weight: 500
}

.pi-modal-open {
    overflow: hidden
}

.pi-modal-centered {
    text-align: center
}

.pi-modal-centered:before {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    content: ""
}

.pi-modal-centered .pi-modal {
    top: 0;
    display: inline-block;
    padding-bottom: 0;
    text-align: left;
    vertical-align: middle
}

@media (max-width:767px) {
    .pi-modal {
        max-width: calc(100vw - 16px);
        margin: 8px auto
    }

    .pi-modal-centered .pi-modal {
        flex: 1 1
    }
}

.pi-modal-confirm .pi-modal-header {
    display: none
}

.pi-modal-confirm .pi-modal-close {
    top: 24px;
    right: 24px
}

.pi-modal-confirm .pi-modal-body {
    padding: 24px
}

.pi-modal-confirm-body-wrapper:before {
    display: table;
    content: ""
}

.pi-modal-confirm-body-wrapper:after {
    display: table;
    clear: both;
    content: ""
}

.pi-modal-confirm-body .pi-modal-confirm-title {
    display: block;
    overflow: hidden;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 24px
}

.pi-modal-confirm-body .pi-modal-confirm-content,
.pi-modal-confirm-body .pi-modal-confirm-title {
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent)/1);
    color: rgb(var(--color-accent)/var(--tw-text-opacity))
}

.pi-modal-confirm-body .pi-modal-confirm-content {
    margin-top: 24px;
    font-size: 14px;
    line-height: 18px
}

.pi-modal-confirm-body>.piicon {
    float: left;
    margin-right: 16px;
    font-size: 22px
}

.pi-modal-confirm-body>.piicon+.pi-modal-confirm-title+.pi-modal-confirm-content {
    margin-left: 38px
}

.pi-modal-confirm .pi-modal-confirm-btns {
    margin-top: 24px;
    display: flex;
    width: 100%;
    gap: 12px
}

.pi-modal-confirm .pi-modal-confirm-btns .pi-btn {
    flex: 1 1
}

.pi-modal-confirm-error .pi-modal-confirm-body>.piicon {
    color: #ff4d4f;
    color: var(--pi-error-color)
}

.pi-modal-confirm-confirm .pi-modal-confirm-body>.piicon,
.pi-modal-confirm-warning .pi-modal-confirm-body>.piicon {
    color: #faad14;
    color: var(--pi-warning-color)
}

.pi-modal-confirm-info .pi-modal-confirm-body>.piicon {
    color: #ff4f29;
    color: var(--pi-info-color)
}

.pi-modal-confirm-success .pi-modal-confirm-body>.piicon {
    color: #52c41a;
    color: var(--pi-success-color)
}

.pi-mobile-drawer .pi-drawer-header {
    padding: 14px 0 0;
    position: sticky;
    z-index: 10;
    top: 0
}

.pi-mobile-drawer .pi-drawer-title {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent)/1);
    color: rgb(var(--color-accent)/var(--tw-text-opacity));
    padding-top: 16px;
    padding-bottom: 16px;
    text-align: center
}

.pi-mobile-drawer .pi-drawer-content {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    height: auto;
    max-height: calc(100vh - 60px)
}

.pi-mobile-drawer .pi-drawer-content-wrapper {
    min-height: 320px;
    max-height: calc(100vh - 60px)
}

.pi-mobile-drawer .pi-drawer-footer {
    display: flex;
    justify-content: center;
    gap: 20px;
    position: sticky;
    bottom: 0;
    z-index: 10;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-bg-modal)/1);
    background-color: rgb(var(--color-bg-modal)/var(--tw-bg-opacity));
    padding: 34px;
    border-style: none
}

.pi-mobile-drawer .pi-drawer-footer button {
    width: 50%
}

.pi-mobile-drawer .pi-drawer-body {
    padding: 16px 12px 34px
}

.pi-mobile-drawer .pi-drawer-wrapper-body {
    min-height: 320px
}

.pi-mobile-drawer .pi-mobile-drawer-close-icon {
    height: 40px;
    width: 40px;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-bg-100)/1);
    background-color: rgb(var(--color-bg-100)/var(--tw-bg-opacity));
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto
}

.pi-mobile-drawer.pi-modal-confirm .pi-drawer-body {
    padding: 0 20px;
    max-height: calc(100vh - 60px)
}

.pi-mobile-drawer.pi-modal-confirm .pi-modal-confirm-title {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent)/1);
    color: rgb(var(--color-accent)/var(--tw-text-opacity));
    padding-top: 16px;
    padding-bottom: 16px;
    text-align: center
}

.pi-mobile-drawer.pi-modal-confirm .pi-modal-confirm-body-wrapper {
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
    height: 100%;
    min-height: 320px
}

.pi-mobile-drawer.pi-modal-confirm .pi-modal-confirm-body {
    flex-grow: 1;
    overflow: auto;
    word-wrap: break-word
}

.pi-mobile-drawer.pi-modal-confirm .pi-modal-confirm-btns {
    display: flex;
    justify-content: center;
    position: sticky;
    bottom: 0;
    z-index: 10;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-bg-modal)/1);
    background-color: rgb(var(--color-bg-modal)/var(--tw-bg-opacity));
    margin-top: 0;
    padding-top: 24px;
    padding-bottom: 30px
}

.pi-mobile-drawer.pi-modal-confirm .pi-modal-confirm-btns button {
    width: 50%
}

.pi-modal-sm .pi-modal-close {
    top: 20px;
    right: 24px
}

.pi-modal-sm .pi-modal-header {
    padding-top: 20px
}

.pi-modal-sm .pi-modal-body,
.pi-modal-sm .pi-modal-footer,
.pi-modal-sm .pi-modal-header {
    padding-left: 24px;
    padding-right: 24px
}

.pi-modal-sm .pi-modal-footer {
    padding-bottom: 24px
}

.pi-message {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent)/1);
    color: rgb(var(--color-accent)/var(--tw-text-opacity));
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: fixed;
    top: 8px;
    left: 0;
    z-index: 1010;
    width: 100%;
    pointer-events: none
}

.pi-message-notice {
    padding: 8px;
    text-align: center
}

.pi-message-notice-content {
    display: inline-block;
    padding: 16px;
    pointer-events: all;
    font-size: 14px;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent)/1);
    color: rgb(var(--color-accent)/var(--tw-text-opacity));
    line-height: 16px;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-drop-down)/1);
    background-color: rgb(var(--color-drop-down)/var(--tw-bg-opacity));
    border-radius: 10px;
    --tw-drop-shadow: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.16));
    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 0 8px rgba(0, 0, 0, .16));
    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)
}

:is(.dark .pi-message-notice-content) {
    --tw-drop-shadow: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.5));
    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 0 8px rgba(0, 0, 0, .5));
    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)
}

.pi-message-custom-content {
    gap: 10px;
    display: flex;
    align-items: center
}

.pi-message-success .piicon {
    color: #52c41a;
    color: var(--pi-success-color)
}

.pi-message-error .piicon {
    color: #ff4d4f;
    color: var(--pi-error-color)
}

.pi-message-warning .piicon {
    color: #faad14;
    color: var(--pi-warning-color)
}

.pi-message-info .piicon,
.pi-message-loading .piicon {
    color: #ff4f29;
    color: var(--pi-info-color)
}

.pi-message .piicon {
    position: relative;
    top: 1px;
    margin-right: 8px;
    font-size: 16px
}

.pi-message-notice.pi-move-up-leave.pi-move-up-leave-active {
    animation-name: MessageMoveOut;
    animation-duration: .3s
}

@keyframes MessageMoveOut {
    0% {
        max-height: 150px;
        padding: 8px;
        opacity: 1
    }

    to {
        max-height: 0;
        padding: 0;
        opacity: 0
    }
}

.pi-drawer {
    position: fixed;
    z-index: 1000;
    width: 0;
    height: 100%;
    transition: width 0s ease .3s, height 0s ease .3s
}

.pi-drawer-content-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), box-shadow .3s cubic-bezier(.23, 1, .32, 1)
}

.pi-drawer .pi-drawer-content {
    width: 100%;
    height: 100%
}

.pi-drawer-left,
.pi-drawer-right {
    top: 0;
    width: 0;
    height: 100%
}

.pi-drawer-left .pi-drawer-content-wrapper,
.pi-drawer-right .pi-drawer-content-wrapper {
    height: 100%
}

.pi-drawer-left.pi-drawer-open,
.pi-drawer-right.pi-drawer-open {
    width: 100%;
    transition: transform .3s cubic-bezier(.23, 1, .32, 1)
}

.pi-drawer-left,
.pi-drawer-left .pi-drawer-content-wrapper {
    left: 0
}

.pi-drawer-left.pi-drawer-open .pi-drawer-content-wrapper {
    box-shadow: 6px 0 16px -8px rgba(0, 0, 0, .08), 9px 0 28px 0 rgba(0, 0, 0, .05), 12px 0 48px 16px rgba(0, 0, 0, .03)
}

.pi-drawer-right,
.pi-drawer-right .pi-drawer-content-wrapper {
    right: 0
}

.pi-drawer-right.pi-drawer-open .pi-drawer-content-wrapper {
    box-shadow: -6px 0 16px -8px rgba(0, 0, 0, .08), -9px 0 28px 0 rgba(0, 0, 0, .05), -12px 0 48px 16px rgba(0, 0, 0, .03)
}

.pi-drawer-right.pi-drawer-open.no-mask {
    right: 1px;
    transform: translateX(1px)
}

.pi-drawer-bottom,
.pi-drawer-top {
    left: 0;
    width: 100%;
    height: 0
}

.pi-drawer-bottom .pi-drawer-content-wrapper,
.pi-drawer-top .pi-drawer-content-wrapper {
    width: 100%
}

.pi-drawer-bottom.pi-drawer-open,
.pi-drawer-top.pi-drawer-open {
    height: 100%;
    transition: transform .3s cubic-bezier(.23, 1, .32, 1)
}

.pi-drawer-top {
    top: 0
}

.pi-drawer-top.pi-drawer-open .pi-drawer-content-wrapper {
    box-shadow: 0 6px 16px -8px rgba(0, 0, 0, .08), 0 9px 28px 0 rgba(0, 0, 0, .05), 0 12px 48px 16px rgba(0, 0, 0, .03)
}

.pi-drawer-bottom,
.pi-drawer-bottom .pi-drawer-content-wrapper {
    bottom: 0
}

.pi-drawer-bottom.pi-drawer-open .pi-drawer-content-wrapper {
    box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, .08), 0 -9px 28px 0 rgba(0, 0, 0, .05), 0 -12px 48px 16px rgba(0, 0, 0, .03)
}

.pi-drawer-bottom.pi-drawer-open.no-mask {
    bottom: 1px;
    transform: translateY(1px)
}

.pi-drawer.pi-drawer-open .pi-drawer-mask {
    height: 100%;
    opacity: 1;
    transition: none;
    animation: antdDrawerFadeIn .3s cubic-bezier(.23, 1, .32, 1);
    pointer-events: auto
}

.pi-drawer-title {
    flex: 1 1;
    margin: 0;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent)/1);
    color: rgb(var(--color-accent)/var(--tw-text-opacity));
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    padding-right: 40px
}

.pi-drawer-content {
    position: relative;
    z-index: 1;
    overflow: auto;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-card)/1);
    background-color: rgb(var(--color-card)/var(--tw-bg-opacity));
    background-clip: padding-box;
    border: 0
}

.pi-drawer-close {
    display: inline-block;
    margin-right: 12px;
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent)/1);
    color: rgb(var(--color-accent)/var(--tw-text-opacity));
    font-weight: 700;
    font-size: 16px;
    font-style: normal;
    line-height: 1;
    text-align: center;
    text-transform: none;
    text-decoration: none;
    background: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
    transition: color .3s;
    text-rendering: auto
}

.pi-drawer-close:focus,
.pi-drawer-close:hover {
    color: rgba(0, 0, 0, .75);
    text-decoration: none
}

.pi-drawer-header {
    position: relative;
    padding: 16px 24px;
    color: rgba(0, 0, 0, .85);
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-card)/1);
    background-color: rgb(var(--color-card)/var(--tw-bg-opacity))
}

.pi-drawer-header,
.pi-drawer-header-title {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.pi-drawer-header-title {
    flex: 1 1
}

.pi-drawer-header-close-only {
    padding-bottom: 0;
    border: none
}

.pi-drawer-wrapper-body {
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
    height: 100%
}

.pi-drawer-body {
    flex-grow: 1;
    padding: 24px;
    overflow: auto;
    font-size: 14px;
    line-height: 1.5715;
    word-wrap: break-word
}

.pi-drawer-footer {
    flex-shrink: 0;
    padding: 10px 16px;
    border-top: 1px solid rgba(0, 0, 0, .06)
}

.pi-drawer-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: rgba(0, 0, 0, .45);
    opacity: 0;
    transition: opacity .3s linear, height 0s ease .3s;
    pointer-events: none
}

.pi-drawer .pi-picker-clear {
    background: #fff
}

@keyframes antdDrawerFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.pi-dropdown-menu-item.pi-dropdown-menu-item-danger {
    color: #ff4d4f;
    color: var(--pi-error-color)
}

.pi-dropdown-menu-item.pi-dropdown-menu-item-danger:hover {
    color: #fff;
    background-color: #ff4d4f;
    background-color: var(--pi-error-color)
}

.pi-dropdown {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent)/1);
    color: rgb(var(--color-accent)/var(--tw-text-opacity));
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 1050;
    display: block;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-drop-down)/1);
    background-color: rgb(var(--color-drop-down)/var(--tw-bg-opacity));
    border-radius: 8px;
    filter: drop-shadow(0 4px 20px rgba(0, 0, 0, .1));
    overflow: auto
}

.pi-dropdown-wrap {
    position: relative
}

.pi-dropdown-wrap .piicon-down:before {
    transition: transform .2s
}

.pi-dropdown-wrap-open .piicon-down:before {
    transform: rotate(180deg)
}

.pi-dropdown-hidden,
.pi-dropdown-menu-hidden {
    display: none
}

.pi-dropdown-menu {
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    list-style-type: none;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-bg-100)/1);
    background-color: rgb(var(--color-bg-100)/var(--tw-bg-opacity))
}

:is(.dark .pi-dropdown-menu) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-bg-200)/1);
    background-color: rgb(var(--color-bg-200)/var(--tw-bg-opacity))
}

.pi-dropdown-menu {
    background-clip: padding-box;
    border-radius: 4px;
    outline: none;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);
    transform: translateZ(0)
}

.pi-dropdown-menu-item-group-title {
    padding: 5px 12px;
    color: rgba(0, 0, 0, .45);
    transition: all .3s
}

.pi-dropdown-menu-submenu-popup {
    position: absolute;
    z-index: 1050;
    background: transparent;
    box-shadow: none
}

.pi-dropdown-menu-submenu-popup>.pi-dropdown-menu {
    transform-origin: 0 0
}

.pi-dropdown-menu-submenu-popup li,
.pi-dropdown-menu-submenu-popup ul {
    list-style: none
}

.pi-dropdown-menu-submenu-popup ul {
    margin-right: .3em;
    margin-left: .3em
}

.pi-dropdown-menu-item,
.pi-dropdown-menu-submenu-title {
    clear: both;
    margin: 0;
    padding: 10px 12px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-200)/1);
    color: rgb(var(--color-text-200)/var(--tw-text-opacity));
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
    cursor: pointer;
    transition: all .3s
}

.pi-dropdown-menu-item>.piicon:first-child,
.pi-dropdown-menu-item>span>.piicon:first-child,
.pi-dropdown-menu-submenu-title>.piicon:first-child,
.pi-dropdown-menu-submenu-title>span>.piicon:first-child {
    min-width: 12px;
    margin-right: 8px;
    font-size: 12px
}

.pi-dropdown-menu-item>a,
.pi-dropdown-menu-submenu-title>a {
    display: block;
    margin: -5px -12px;
    padding: 5px 12px;
    color: rgba(0, 0, 0, .85);
    transition: all .3s
}

.pi-dropdown-menu-item>a:hover,
.pi-dropdown-menu-submenu-title>a:hover {
    color: rgba(0, 0, 0, .85)
}

.pi-dropdown-menu-item-selected,
.pi-dropdown-menu-item-selected>a,
.pi-dropdown-menu-submenu-title-selected,
.pi-dropdown-menu-submenu-title-selected>a {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-divider-100)/1);
    background-color: rgb(var(--color-divider-100)/var(--tw-bg-opacity))
}

.pi-dropdown-menu-item:hover,
.pi-dropdown-menu-submenu-title:hover {
    background-color: rgb(var(--color-hover-100)/.5) !important;
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-100)/1);
    color: rgb(var(--color-text-100)/var(--tw-text-opacity))
}

.pi-dropdown-menu-item-disabled,
.pi-dropdown-menu-item-disabled:hover,
.pi-dropdown-menu-submenu-title-disabled,
.pi-dropdown-menu-submenu-title-disabled:hover {
    cursor: not-allowed;
    --tw-text-opacity: 1;
    color: rgb(var(--color-divider-100)/1);
    color: rgb(var(--color-divider-100)/var(--tw-text-opacity))
}

.pi-dropdown-menu-item-divider,
.pi-dropdown-menu-submenu-title-divider {
    height: 1px;
    margin: 4px 0;
    overflow: hidden;
    line-height: 0;
    background-color: rgba(0, 0, 0, .06)
}

.pi-dropdown-menu-item .pi-dropdown-menu-submenu-arrow,
.pi-dropdown-menu-submenu-title .pi-dropdown-menu-submenu-arrow {
    position: absolute;
    right: 8px
}

.pi-dropdown-menu-item .pi-dropdown-menu-submenu-arrow-icon,
.pi-dropdown-menu-submenu-title .pi-dropdown-menu-submenu-arrow-icon {
    margin-right: 0 !important;
    color: rgba(0, 0, 0, .45);
    font-style: normal
}

.pi-dropdown-menu-item-group-list {
    margin: 0 8px;
    padding: 0;
    list-style: none
}

.pi-dropdown-menu-submenu-title {
    padding-right: 24px
}

.pi-dropdown-menu-submenu-vertical {
    position: relative
}

.pi-dropdown-menu-submenu-vertical>.pi-dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 100%;
    margin-left: 4px;
    transform-origin: 0 0
}

.pi-dropdown-menu-submenu.pi-dropdown-menu-submenu-disabled .pi-dropdown-menu-submenu-title,
.pi-dropdown-menu-submenu.pi-dropdown-menu-submenu-disabled .pi-dropdown-menu-submenu-title .pi-dropdown-menu-submenu-arrow-icon {
    color: rgba(0, 0, 0, .25);
    background-color: #fff;
    cursor: not-allowed
}

.pi-dropdown-menu-submenu-selected .pi-dropdown-menu-submenu-title {
    --tw-text-opacity: 1;
    color: rgb(255 79 41/1);
    color: rgb(var(--color-primary)/var(--tw-text-opacity))
}

.pi-dropdown.slide-down-appear.slide-down-appear-active.pi-dropdown-placement-bottomCenter,
.pi-dropdown.slide-down-appear.slide-down-appear-active.pi-dropdown-placement-bottomLeft,
.pi-dropdown.slide-down-appear.slide-down-appear-active.pi-dropdown-placement-bottomRight,
.pi-dropdown.slide-down-enter.slide-down-enter-active.pi-dropdown-placement-bottomCenter,
.pi-dropdown.slide-down-enter.slide-down-enter-active.pi-dropdown-placement-bottomLeft,
.pi-dropdown.slide-down-enter.slide-down-enter-active.pi-dropdown-placement-bottomRight {
    animation-name: piSlideUpIn
}

.pi-dropdown.slide-up-appear.slide-up-appear-active.pi-dropdown-placement-topCenter,
.pi-dropdown.slide-up-appear.slide-up-appear-active.pi-dropdown-placement-topLeft,
.pi-dropdown.slide-up-appear.slide-up-appear-active.pi-dropdown-placement-topRight,
.pi-dropdown.slide-up-enter.slide-up-enter-active.pi-dropdown-placement-topCenter,
.pi-dropdown.slide-up-enter.slide-up-enter-active.pi-dropdown-placement-topLeft,
.pi-dropdown.slide-up-enter.slide-up-enter-active.pi-dropdown-placement-topRight {
    animation-name: piSlideDownIn
}

.pi-dropdown.slide-down-leave.slide-down-leave-active.pi-dropdown-placement-bottomCenter,
.pi-dropdown.slide-down-leave.slide-down-leave-active.pi-dropdown-placement-bottomLeft,
.pi-dropdown.slide-down-leave.slide-down-leave-active.pi-dropdown-placement-bottomRight {
    animation-name: piSlideUpOut
}

.pi-dropdown.slide-up-leave.slide-up-leave-active.pi-dropdown-placement-topCenter,
.pi-dropdown.slide-up-leave.slide-up-leave-active.pi-dropdown-placement-topLeft,
.pi-dropdown.slide-up-leave.slide-up-leave-active.pi-dropdown-placement-topRight {
    animation-name: piSlideDownOut
}

.pi-dropdown-button>.piicon.piicon-down,
.pi-dropdown-link>.piicon.piicon-down,
.pi-dropdown-trigger>.piicon.piicon-down {
    vertical-align: baseline
}

.pi-dropdown-button {
    white-space: nowrap
}

.pi-dropdown-button.pi-btn-group>.pi-btn:last-child:not(:first-child):not(.pi-btn-icon-only) {
    padding-right: 8px;
    padding-left: 8px
}

.pi-dropdown-menu-dark .pi-dropdown-menu-item,
.pi-dropdown-menu-dark .pi-dropdown-menu-item .pi-dropdown-menu-submenu-arrow:after,
.pi-dropdown-menu-dark .pi-dropdown-menu-item>a,
.pi-dropdown-menu-dark .pi-dropdown-menu-item>a .pi-dropdown-menu-submenu-arrow:after,
.pi-dropdown-menu-dark .pi-dropdown-menu-submenu-title,
.pi-dropdown-menu-dark .pi-dropdown-menu-submenu-title .pi-dropdown-menu-submenu-arrow:after {
    color: rgba(255, 255, 255, .65)
}

.pi-dropdown-menu-dark .pi-dropdown-menu-item:hover,
.pi-dropdown-menu-dark .pi-dropdown-menu-item>a:hover,
.pi-dropdown-menu-dark .pi-dropdown-menu-submenu-title:hover {
    color: #fff;
    background: transparent
}

.pi-dropdown-menu-dark .pi-dropdown-menu-item-selected,
.pi-dropdown-menu-dark .pi-dropdown-menu-item-selected:hover,
.pi-dropdown-menu-dark .pi-dropdown-menu-item-selected>a {
    color: #fff;
    --tw-bg-opacity: 1;
    background-color: rgb(255 79 41/1);
    background-color: rgb(var(--color-primary)/var(--tw-bg-opacity))
}

.pi-skeleton {
    display: table;
    width: 100%
}

.pi-skeleton-header {
    display: table-cell;
    padding-right: 16px;
    vertical-align: top
}

.pi-skeleton-header .pi-skeleton-avatar {
    display: inline-block;
    vertical-align: top;
    background: rgba(190, 190, 190, .2);
    width: 32px;
    height: 32px;
    line-height: 32px
}

.pi-skeleton-header .pi-skeleton-avatar.pi-skeleton-avatar-circle {
    border-radius: 50%
}

.pi-skeleton-header .pi-skeleton-avatar-lg {
    width: 40px;
    height: 40px;
    line-height: 40px
}

.pi-skeleton-header .pi-skeleton-avatar-lg.pi-skeleton-avatar-circle {
    border-radius: 50%
}

.pi-skeleton-header .pi-skeleton-avatar-sm {
    width: 24px;
    height: 24px;
    line-height: 24px
}

.pi-skeleton-header .pi-skeleton-avatar-sm.pi-skeleton-avatar-circle {
    border-radius: 50%
}

.pi-skeleton-content {
    display: table-cell;
    width: 100%;
    vertical-align: top
}

.pi-skeleton-content .pi-skeleton-title {
    width: 100%;
    height: 16px;
    background: rgba(190, 190, 190, .2);
    border-radius: 4px
}

.pi-skeleton-content .pi-skeleton-title+.pi-skeleton-paragraph {
    margin-top: 24px
}

.pi-skeleton-content .pi-skeleton-paragraph {
    padding: 0
}

.pi-skeleton-content .pi-skeleton-paragraph>li {
    width: 100%;
    height: 16px;
    list-style: none;
    background: rgba(190, 190, 190, .2);
    border-radius: 4px
}

.pi-skeleton-content .pi-skeleton-paragraph>li:last-child:not(:first-child),
.pi-skeleton-content .pi-skeleton-paragraph>li:last-child:not(:nth-child(2)) {
    width: 61%
}

.pi-skeleton-content .pi-skeleton-paragraph>li+li {
    margin-top: 16px
}

.pi-skeleton-with-avatar .pi-skeleton-content .pi-skeleton-title {
    margin-top: 12px
}

.pi-skeleton-with-avatar .pi-skeleton-content .pi-skeleton-title+.pi-skeleton-paragraph {
    margin-top: 28px
}

.pi-skeleton-round .pi-skeleton-content .pi-skeleton-paragraph>li,
.pi-skeleton-round .pi-skeleton-content .pi-skeleton-title {
    border-radius: 100px
}

.pi-skeleton-active .pi-skeleton-avatar,
.pi-skeleton-active .pi-skeleton-button,
.pi-skeleton-active .pi-skeleton-image,
.pi-skeleton-active .pi-skeleton-input,
.pi-skeleton-active .pi-skeleton-paragraph>li,
.pi-skeleton-active .pi-skeleton-title {
    position: relative;
    z-index: 0;
    overflow: hidden;
    background: transparent
}

.pi-skeleton-active .pi-skeleton-avatar:after,
.pi-skeleton-active .pi-skeleton-button:after,
.pi-skeleton-active .pi-skeleton-image:after,
.pi-skeleton-active .pi-skeleton-input:after,
.pi-skeleton-active .pi-skeleton-paragraph>li:after,
.pi-skeleton-active .pi-skeleton-title:after {
    position: absolute;
    top: 0;
    right: -150%;
    bottom: 0;
    left: -150%;
    background: linear-gradient(90deg, rgba(190, 190, 190, .2) 25%, rgba(129, 129, 129, .24) 37%, rgba(190, 190, 190, .2) 63%);
    animation: pi-skeleton-loading 1.4s ease infinite;
    content: ""
}

.pi-skeleton.pi-skeleton-block,
.pi-skeleton.pi-skeleton-block .pi-skeleton-button,
.pi-skeleton.pi-skeleton-block .pi-skeleton-input {
    width: 100%
}

.pi-skeleton-element {
    display: inline-block;
    width: auto
}

.pi-skeleton-element .pi-skeleton-button {
    display: inline-block;
    vertical-align: top;
    background: rgba(190, 190, 190, .2);
    border-radius: 4px;
    width: 76px;
    min-width: 76px;
    height: 38px;
    line-height: 38px
}

.pi-skeleton-element .pi-skeleton-button.pi-skeleton-button-square {
    width: 38px;
    min-width: 38px
}

.pi-skeleton-element .pi-skeleton-button.pi-skeleton-button-circle {
    width: 38px;
    min-width: 38px;
    border-radius: 50%
}

.pi-skeleton-element .pi-skeleton-button.pi-skeleton-button-round {
    border-radius: 38px
}

.pi-skeleton-element .pi-skeleton-button-lg {
    width: 96px;
    min-width: 96px;
    height: 48px;
    line-height: 48px
}

.pi-skeleton-element .pi-skeleton-button-lg.pi-skeleton-button-square {
    width: 48px;
    min-width: 48px
}

.pi-skeleton-element .pi-skeleton-button-lg.pi-skeleton-button-circle {
    width: 48px;
    min-width: 48px;
    border-radius: 50%
}

.pi-skeleton-element .pi-skeleton-button-lg.pi-skeleton-button-round {
    border-radius: 48px
}

.pi-skeleton-element .pi-skeleton-button-sm {
    width: 56px;
    min-width: 56px;
    height: 28px;
    line-height: 28px
}

.pi-skeleton-element .pi-skeleton-button-sm.pi-skeleton-button-square {
    width: 28px;
    min-width: 28px
}

.pi-skeleton-element .pi-skeleton-button-sm.pi-skeleton-button-circle {
    width: 28px;
    min-width: 28px;
    border-radius: 50%
}

.pi-skeleton-element .pi-skeleton-button-sm.pi-skeleton-button-round {
    border-radius: 28px
}

.pi-skeleton-element .pi-skeleton-avatar {
    display: inline-block;
    vertical-align: top;
    background: rgba(190, 190, 190, .2);
    width: 32px;
    height: 32px;
    line-height: 32px
}

.pi-skeleton-element .pi-skeleton-avatar.pi-skeleton-avatar-circle {
    border-radius: 50%
}

.pi-skeleton-element .pi-skeleton-avatar-lg {
    width: 40px;
    height: 40px;
    line-height: 40px
}

.pi-skeleton-element .pi-skeleton-avatar-lg.pi-skeleton-avatar-circle {
    border-radius: 50%
}

.pi-skeleton-element .pi-skeleton-avatar-sm {
    width: 24px;
    height: 24px;
    line-height: 24px
}

.pi-skeleton-element .pi-skeleton-avatar-sm.pi-skeleton-avatar-circle {
    border-radius: 50%
}

.pi-skeleton-element .pi-skeleton-input {
    display: inline-block;
    vertical-align: top;
    background: rgba(190, 190, 190, .2);
    width: 190px;
    min-width: 190px;
    height: 38px;
    line-height: 38px
}

.pi-skeleton-element .pi-skeleton-input-lg {
    width: 240px;
    min-width: 240px;
    height: 48px;
    line-height: 48px
}

.pi-skeleton-element .pi-skeleton-input-sm {
    width: 140px;
    min-width: 140px;
    height: 28px;
    line-height: 28px
}

.pi-skeleton-element .pi-skeleton-image {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(190, 190, 190, .2);
    width: 96px;
    height: 96px;
    line-height: 96px
}

.pi-skeleton-element .pi-skeleton-image.pi-skeleton-image-circle {
    border-radius: 50%
}

.pi-skeleton-element .pi-skeleton-image-path {
    fill: #bfbfbf
}

.pi-skeleton-element .pi-skeleton-image-svg {
    width: 48px;
    height: 48px;
    line-height: 48px;
    max-width: 192px;
    max-height: 192px
}

.pi-skeleton-element .pi-skeleton-image-svg.pi-skeleton-image-circle {
    border-radius: 50%
}

@keyframes pi-skeleton-loading {
    0% {
        transform: translateX(-37.5%)
    }

    to {
        transform: translateX(37.5%)
    }
}

.pi-space {
    display: inline-flex
}

.pi-space-vertical {
    flex-direction: column
}

.pi-space-align-center {
    align-items: center
}

.pi-space-align-start {
    align-items: flex-start
}

.pi-space-align-end {
    align-items: flex-end
}

.pi-space-align-baseline {
    align-items: baseline
}

.pi-space-item:empty {
    display: none
}

.pi-space-compact {
    display: inline-flex
}

.pi-space-compact-block {
    display: flex;
    width: 100%
}

.pi-space-compact-vertical {
    flex-direction: column
}

.pi-avatar {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent)/1);
    color: rgb(var(--color-accent)/var(--tw-text-opacity));
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: inline-block;
    overflow: hidden;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    background: #ccc;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 50%
}

.pi-avatar-image {
    background: transparent
}

.pi-avatar .pi-image-img {
    display: block
}

.pi-avatar-string {
    position: absolute;
    left: 50%;
    transform-origin: 0 center
}

.pi-avatar.pi-avatar-icon {
    font-size: 18px
}

.pi-avatar.pi-avatar-icon>.piicon {
    margin: 0
}

.pi-avatar-lg {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%
}

.pi-avatar-lg-string {
    position: absolute;
    left: 50%;
    transform-origin: 0 center
}

.pi-avatar-lg.pi-avatar-icon {
    font-size: 24px
}

.pi-avatar-lg.pi-avatar-icon>.piicon {
    margin: 0
}

.pi-avatar-sm {
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 50%
}

.pi-avatar-sm-string {
    position: absolute;
    left: 50%;
    transform-origin: 0 center
}

.pi-avatar-sm.pi-avatar-icon {
    font-size: 14px
}

.pi-avatar-sm.pi-avatar-icon>.piicon {
    margin: 0
}

.pi-avatar-square {
    border-radius: 4px
}

.pi-avatar>img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.pi-avatar-group {
    display: inline-flex
}

.pi-avatar-group .pi-avatar {
    border: 1px solid #fff
}

.pi-avatar-group .pi-avatar:not(:first-child) {
    margin-left: -8px
}

.pi-avatar-group-popover .pi-avatar+.pi-avatar {
    margin-left: 3px
}

.pi-list {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent)/1);
    color: rgb(var(--color-accent)/var(--tw-text-opacity));
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative
}

.pi-list * {
    outline: none
}

.pi-list-pagination {
    margin-top: 24px;
    text-align: right
}

.pi-list-pagination .pi-pagination-options {
    text-align: left
}

.pi-list-more {
    margin-top: 12px;
    text-align: center
}

.pi-list-more button {
    padding-right: 32px;
    padding-left: 32px
}

.pi-list-spin {
    min-height: 40px;
    text-align: center
}

.pi-list-empty-text {
    padding: 16px;
    color: rgba(0, 0, 0, .25);
    font-size: 14px;
    text-align: center
}

.pi-list-items {
    margin: 0;
    padding: 0;
    list-style: none
}

.pi-list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    color: rgba(0, 0, 0, .85)
}

.pi-list-item-meta {
    display: flex;
    flex: 1 1;
    align-items: flex-start;
    max-width: 100%
}

.pi-list-item-meta-avatar {
    margin-right: 16px
}

.pi-list-item-meta-content {
    flex: 1 0;
    width: 0;
    color: rgba(0, 0, 0, .85)
}

.pi-list-item-meta-title {
    margin-bottom: 4px;
    color: rgba(0, 0, 0, .85);
    font-size: 14px;
    line-height: 1.5715
}

.pi-list-item-meta-title>a {
    color: rgba(0, 0, 0, .85);
    transition: all .3s
}

.pi-list-item-meta-title>a:hover {
    color: #ff4f29;
    color: var(--pi-primary-color)
}

.pi-list-item-meta-description {
    color: rgba(0, 0, 0, .45);
    font-size: 14px;
    line-height: 1.5715
}

.pi-list-item-action {
    flex: 0 0 auto;
    margin-left: 48px;
    padding: 0;
    font-size: 0;
    list-style: none
}

.pi-list-item-action>li {
    position: relative;
    display: inline-block;
    padding: 0 8px;
    color: rgba(0, 0, 0, .45);
    font-size: 14px;
    line-height: 1.5715;
    text-align: center
}

.pi-list-item-action>li:first-child {
    padding-left: 0
}

.pi-list-item-action-split {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 14px;
    margin-top: -7px;
    background-color: rgba(0, 0, 0, .06)
}

.pi-list-footer,
.pi-list-header {
    background: transparent
}

.pi-list-footer,
.pi-list-header {
    padding-top: 12px;
    padding-bottom: 12px
}

.pi-list-empty {
    padding: 16px 0;
    color: rgba(0, 0, 0, .45);
    font-size: 12px;
    text-align: center
}

.pi-list-split .pi-list-item {
    border-bottom: 1px solid rgba(0, 0, 0, .06)
}

.pi-list-split .pi-list-item:last-child {
    border-bottom: none
}

.pi-list-split .pi-list-header {
    border-bottom: 1px solid rgba(0, 0, 0, .06)
}

.pi-list-split.pi-list-empty .pi-list-footer {
    border-top: 1px solid rgba(0, 0, 0, .06)
}

.pi-list-loading .pi-list-spin-nested-loading {
    min-height: 32px
}

.pi-list-split.pi-list-something-after-last-item .pi-spin-container>.pi-list-items>.pi-list-item:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, .06)
}

.pi-list-lg .pi-list-item {
    padding: 16px 24px
}

.pi-list-sm .pi-list-item {
    padding: 8px 16px
}

.pi-list-vertical .pi-list-item {
    align-items: normal
}

.pi-list-vertical .pi-list-item-main {
    display: block;
    flex: 1 1
}

.pi-list-vertical .pi-list-item-extra {
    margin-left: 40px
}

.pi-list-vertical .pi-list-item-meta {
    margin-bottom: 16px
}

.pi-list-vertical .pi-list-item-meta-title {
    margin-bottom: 12px;
    color: rgba(0, 0, 0, .85);
    font-size: 16px;
    line-height: 24px
}

.pi-list-vertical .pi-list-item-action {
    margin-top: 16px;
    margin-left: auto
}

.pi-list-vertical .pi-list-item-action>li {
    padding: 0 16px
}

.pi-list-vertical .pi-list-item-action>li:first-child {
    padding-left: 0
}

.pi-list-grid .pi-col>.pi-list-item {
    display: block;
    max-width: 100%;
    margin-bottom: 16px;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none
}

.pi-list-item-no-flex {
    display: block
}

.pi-list:not(.pi-list-vertical) .pi-list-item-no-flex .pi-list-item-action {
    float: right
}

.pi-list-bordered {
    border: 1px solid var(--color-divider);
    border-radius: 4px
}

.pi-list-bordered .pi-list-footer,
.pi-list-bordered .pi-list-header,
.pi-list-bordered .pi-list-item {
    padding-right: 24px;
    padding-left: 24px
}

.pi-list-bordered .pi-list-pagination {
    margin: 16px 24px
}

.pi-list-bordered.pi-list-sm .pi-list-footer,
.pi-list-bordered.pi-list-sm .pi-list-header,
.pi-list-bordered.pi-list-sm .pi-list-item {
    padding: 8px 16px
}

.pi-list-bordered.pi-list-lg .pi-list-footer,
.pi-list-bordered.pi-list-lg .pi-list-header,
.pi-list-bordered.pi-list-lg .pi-list-item {
    padding: 16px 24px
}

@media screen and (max-width:768px) {

    .pi-list-item-action,
    .pi-list-vertical .pi-list-item-extra {
        margin-left: 24px
    }
}

@media screen and (max-width:576px) {
    .pi-list-item {
        flex-wrap: wrap
    }

    .pi-list-item-action {
        margin-left: 12px
    }

    .pi-list-vertical .pi-list-item {
        flex-wrap: wrap-reverse
    }

    .pi-list-vertical .pi-list-item-main {
        min-width: 220px
    }

    .pi-list-vertical .pi-list-item-extra {
        margin: auto auto 16px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 768px
    }
}

@media (min-width:1024px) {
    .container {
        max-width: 1024px
    }
}

@media (min-width:1536px) {
    .container {
        max-width: 1536px
    }
}

.\!grid {
    display: grid !important
}

.\!hidden {
    display: none !important
}

.text-accent {
    color: rgb(var(--color-accent)/var(--tw-text-opacity))
}

@font-face {
    font-family: MiSans;
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url(/static/font/MiSans/MiSans-Regular.woff2) format("woff2"), url(/static/font/MiSans/MiSans-Regular.ttf) format("truetype")
}

@font-face {
    font-family: MiSans;
    font-style: normal;
    font-display: swap;
    font-weight: 500;
    src: url(/static/font/MiSans/MiSans-Medium.woff2) format("woff2"), url(/static/font/MiSans/MiSans-Medium.ttf) format("truetype")
}

@font-face {
    font-family: MiSans;
    font-style: normal;
    font-display: swap;
    font-weight: 600;
    src: url(/static/font/MiSans/MiSans-Medium.woff2) format("woff2"), url(/static/font/MiSans/MiSans-Medium.ttf) format("truetype")
}

@font-face {
    font-family: MiSans;
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url(/static/font/MiSans/MiSans-Semibold.woff2) format("woff2"), url(/static/font/MiSans/MiSans-Semibold.ttf) format("truetype")
}

@font-face {
    font-family: MiSans;
    font-style: normal;
    font-display: swap;
    font-weight: 900;
    src: url(/static/font/MiSans/MiSans-Bold.woff2) format("woff2"), url(/static/font/MiSans/MiSans-Bold.ttf) format("truetype")
}



@font-face {
    font-family: Inter;
    font-display: swap;
    src: url(/static/font/Inter/variable.ttf) format("truetype")
}

@font-face {
    font-family: IBM_Plex_Sans;
    font-display: swap;
    src: url(/static/font/IBM_Plex_Sans/variable.ttf) format("truetype")
}

@font-face {
    font-family: Geist;
    font-display: swap;
    src: url(/static/font/Geist/variable.ttf) format("truetype")
}

@font-face {
    font-family: HarmonyOS_Sans;
    font-display: swap;
    src: url(/static/font/HarmonyOS_Sans/variable.ttf) format("truetype")
}

@font-face {
    font-family: Manrope;
    font-display: swap;
    src: url(/static/font/Manrope/variable.ttf) format("truetype")
}

@font-face {
    font-family: Roboto;
    font-display: swap;
    src: url(/static/font/Roboto/variable.ttf) format("truetype")
}

@font-face {
    font-family: Mona_Sans;
    font-display: swap;
    src: url(/static/font/Mona_Sans/variable.ttf) format("truetype")
}

@font-face {
    font-family: Poppins;
    font-display: swap;
    src: url(/static/font/Poppins/variable.ttf) format("truetype")
}

@keyframes circle {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    to {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-30px)
    }

    60% {
        transform: translateY(-15px)
    }
}

.animation-bounce {
    animation: bounce 2s ease infinite
}

.animation-circle {
    animation: circle 1s ease 1
}

.animation-circle-infinite {
    animation: circle 1s linear infinite
}

@keyframes slideInFromBottom {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes warn {
    0% {
        transform: scale(1);
        opacity: 1
    }

    25% {
        transform: scale(1.4);
        opacity: .75
    }

    50% {
        transform: scale(1.8);
        opacity: .5
    }

    75% {
        transform: scale(2.2);
        opacity: .25
    }

    to {
        transform: scale(2.6);
        opacity: 0
    }
}

@keyframes changeColor {
    0% {
        color: rgb(var(--color-primary-100))
    }

    33% {
        color: rgb(var(--color-primary-200))
    }

    67% {
        color: rgb(var(--color-primary-500))
    }

    to {
        color: rgb(var(--color-primary-100))
    }
}

.g-table {
    font-size: 14px;
    box-sizing: border-box;
    width: 100%;
    text-align: start;
    border-collapse: separate;
    border-spacing: 0;
    white-space: nowrap
}

.g-table thead>tr>th.g-table-cell-fix-left {
    z-index: 2
}

.g-table.g-table-small .g-table-cell,
.g-table.g-table-small .g-table-tbody>tr>td,
.g-table.g-table-small .g-table-tbody>tr>th,
.g-table.g-table-small .g-table-thead>tr>th,
.g-table.g-table-small .g-table-title {
    padding: 6px 4px
}

.g-table.g-table-middle .g-table-cell,
.g-table.g-table-middle .g-table-tbody>tr>td,
.g-table.g-table-middle .g-table-tbody>tr>th,
.g-table.g-table-middle .g-table-thead>tr>th,
.g-table.g-table-middle .g-table-title {
    padding: 8px
}

.g-table .g-table-cell,
.g-table .g-table-tbody>tr>td,
.g-table .g-table-tbody>tr>th,
.g-table .g-table-thead>tr>th,
.g-table .g-table-title {
    padding: 12px 8px
}

.g-table .g-table-tbody-virtual .g-table-cell {
    display: flex;
    align-items: center
}

.g-table .g-table-tbody .g-table-row>.g-table-cell,
.g-table .g-table-tbody>tr>td.g-table-cell,
.g-table .g-table-thead>tr>th {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-bg-100)/1);
    background-color: rgb(var(--color-bg-100)/var(--tw-bg-opacity, 1))
}

.g-table.bg-trans .g-table-tbody .g-table-row>.g-table-cell,
.g-table.bg-trans .g-table-tbody>tr>td.g-table-cell,
.g-table.bg-trans .g-table-thead>tr>th {
    background-color: transparent
}

.chakra-modal__content-container .g-table.g-table-ghost .g-table-thead>tr>th,
.g-table .g-table-tbody .g-table-row>.g-table-cell,
.g-table .g-table-tbody>tr>td.g-table-cell {
    background-color: rgb(var(--color-bg-100)/1);
    background-color: rgb(var(--color-bg-100)/var(--tw-bg-opacity, 1))
}

.g-table .g-table-thead>tr>td,
.g-table .g-table-thead>tr>th {
    color: var(--auxiliary-color)
}

.g-table,
.g-table .g-table-header,
.g-table .g-table-tbody>tr>td.g-table-cell,
.g-table-container {
    border-color: rgb(var(--color-line-50))
}

.g-table-tbody-virtual .g-table-cell {
    visibility: visible !important
}

.g-table .g-table-tbody-virtual .g-table-row:not(tr) {
    display: flex;
    box-sizing: border-box
}

.g-table .g-table-tbody-virtual .g-table-cell,
.g-table .g-table-tbody>tr>td,
.g-table .g-table-tbody>tr>th,
.g-table .g-table-thead>tr>td,
.g-table .g-table-thead>tr>th {
    transition: background .2s, border-color .2s;
    border-bottom: .5px solid rgb(var(--color-line-50))
}

.g-table-tbody-virtual-scrollbar-thumb {
    background: rgba(255, 255, 255, .2) !important
}

.g-table .g-table-cell {
    vertical-align: middle
}

.g-table-ghost .g-table-tbody>tr>td {
    border-bottom: none
}

.g-table tbody tr:hover>td {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--color-hover-100)/1) !important;
    background-color: rgb(var(--color-hover-100)/var(--tw-bg-opacity, 1)) !important
}

.g-table-wrapper:not(.is-scrolling) .g-table .g-table-tbody .g-table-row:hover>.g-table-cell {
    background-color: var(--row-hover-bg, var(--table-hover-color)) !important
}

.g-table.rnd-box .g-table-row .g-table-cell {
    border-bottom-color: rgb(var(--color-line-50));
    border-bottom-width: .5px
}

.g-table.rnd-box .g-table-row .g-table-cell:first-child,
.g-table.rnd-box .g-table-thead .g-table-cell:first-child {
    padding-left: 0
}

.g-table.rnd-box .g-table-row .g-table-cell:last-child,
.g-table.rnd-box .g-table-thead .g-table-cell:last-child {
    padding-right: 0
}

.g-table-wrapper .g-table.rnd-box .g-table-tbody .g-table-row:hover>.g-table-cell,
.g-table-wrapper:not(.is-scrolling) .g-table.rnd-box .g-table-tbody .g-table-row:hover>.g-table-cell {
    background-color: rgb(var(--color-hover-200)) !important
}

.table-row-hide-button {
    opacity: 0
}

.g-table-body [data-index]:hover .table-row-hide-button,
.g-table-wrapper .g-table .g-table-tbody .g-table-row:hover .table-row-hide-button {
    opacity: 1 !important
}

.g-table .g-table-thead>tr>td,
.g-table .g-table-thead>tr>th {
    text-align: start
}

.g-table-column-title {
    display: flex;
    align-items: center
}

.g-table-column-title.active {
    color: var(--chakra-colors-accent)
}

.g-table .g-table-column-sorter-down.active,
.g-table .g-table-column-sorter-up.active {
    color: var(--accent-color)
}

.g-table .g-table-column-sorters {
    display: flex;
    gap: 4px;
    align-items: center;
    cursor: pointer
}

.g-table-column-filter {
    gap: 4px
}

.g-table-column-filter,
.g-table-column-sorter {
    display: flex;
    align-items: center
}

.g-table .g-table-column-sorter-inner {
    display: inline-flex;
    flex-direction: column;
    align-items: center
}

.g-table table {
    width: 100%
}

.g-table .g-table-tbody .bg_animation .g-table-cell {
    animation: table_bg .5s linear
}

.rc-table {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, .85);
    font-size: 14px;
    list-style: none;
    border-radius: 8px 8px 0 0;
    scrollbar-color: rgba(255, 255, 255, .25) rgba(253, 253, 253, .12)
}

.trans-scale9 {
    transform: scale(.8)
}

.contest .g-table .g-table-tbody>tr>td.g-table-cell,
.contest .g-table .g-table-thead>tr>th,
.contest.g-table .g-table-tbody .g-table-row>.g-table-cell {
    --tw-bg-opacity: 1;
    background-color: #0F0F0F !important;
    border-color: #0F0F0F !important
}

.contest .g-table-wrapper tr:hover {
    background-color: rgb(31, 32, 36) !important;
    border-color: #0F0F0F !important
}

.ms-container {
    height: 100%;
    scrollbar-width: none
}

.ms-container::-webkit-scrollbar {
    display: none
}

.ms-track-box {
    position: sticky;
    top: 100%;
    left: 0
}

.ms-track-box,
.ms-track-global {
    z-index: 20;
    z-index: var(--ms-z-index, 20)
}

.ms-track-global {
    position: relative
}

.ms-track-global .ms-track {
    position: fixed
}

.ms-theme-light {
    --ms-thumb-color: #c5cbd6
}

.ms-theme-dark {
    --ms-thumb-color: #434852
}

.ms-track {
    position: absolute;
    background: transparent;
    opacity: 0;
    transition: background-color .3s ease-out, border .3s ease-out, opacity .3s ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ms-track.ms-track-show {
    opacity: 1
}

.ms-track.ms-y {
    top: 0;
    right: 0;
    width: 12px;
    width: var(--ms-track-size, 12px);
    height: 100%
}

.ms-track.ms-y.ms-active .ms-thumb,
.ms-track.ms-y:hover .ms-thumb {
    width: calc(12px - 3px * 2);
    width: calc(var(--ms-track-size, 12px) - var(--ms-track-gutter, 3px) * 2)
}

.ms-track.ms-y .ms-thumb {
    top: 0;
    right: 3px;
    right: var(--ms-track-gutter, 3px);
    width: 4px;
    transition: width .3s ease-out
}

.ms-track.ms-y .ms-thumb:hover {
    width: calc(12px - 3px * 2);
    width: calc(var(--ms-track-size, 12px) - var(--ms-track-gutter, 3px) * 2)
}

.ms-track.ms-y .ms-thumb:after {
    position: absolute;
    top: 0;
    right: calc(3px * -1);
    right: calc(var(--ms-track-gutter, 3px) * -1);
    width: 12px;
    width: var(--ms-track-size, 12px);
    height: 100%;
    content: ""
}

.ms-track.ms-x {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 12px;
    height: var(--ms-track-size, 12px)
}

.ms-track.ms-x.ms-active .ms-thumb,
.ms-track.ms-x:hover .ms-thumb {
    height: calc(12px - 3px * 2);
    height: calc(var(--ms-track-size, 12px) - var(--ms-track-gutter, 3px) * 2)
}

.ms-track.ms-x .ms-thumb {
    bottom: 3px;
    bottom: var(--ms-track-gutter, 3px);
    left: 0;
    height: 4px;
    transition: height .3s ease-out
}

.ms-track.ms-x .ms-thumb:hover {
    width: calc(12px - 3px * 2);
    width: calc(var(--ms-track-size, 12px) - var(--ms-track-gutter, 3px) * 2)
}

.ms-track.ms-x .ms-thumb:after {
    position: absolute;
    bottom: calc(3px * -1);
    bottom: calc(var(--ms-track-gutter, 3px) * -1);
    left: 0;
    width: 100%;
    height: 12px;
    height: var(--ms-track-size, 12px);
    content: ""
}

.ms-track.ms-active,
.ms-track:hover {
    background: var(--ms-track-background);
    border-color: var(--ms-track-border-color);
    opacity: 1
}

.ms-track.ms-active {
    z-index: 20
}

.ms-track .ms-thumb {
    position: absolute;
    background: var(--ms-thumb-color);
    border-radius: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

:root {
    --date-picker-right-width: 76px
}

.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__navigation-icon:before,
.react-datepicker__year-read-view--down-arrow {
    border-color: #ccc;
    border-style: solid;
    border-width: 3px 3px 0 0;
    content: "";
    display: block;
    height: 9px;
    position: absolute;
    top: 6px;
    width: 9px
}

.react-datepicker-wrapper {
    display: inline-block;
    padding: 0;
    border: 0
}

.react-datepicker {
    font-family: Helvetica Neue, helvetica, arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    background-color: rgb(var(--color-card));
    color: rgb(var(--color-text-100));
    border: 1px solid rgb(var(--color-divider-100));
    border-radius: .3rem;
    display: inline-block;
    position: relative;
    line-height: normal
}

.react-datepicker--time-only .react-datepicker__time-container {
    border-left: 0
}

.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.react-datepicker-popper {
    z-index: 1;
    line-height: 0
}

.react-datepicker-popper .react-datepicker__triangle {
    stroke: rgb(var(--color-divider-100))
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
    fill: rgb(var(--color-card));
    color: rgb(var(--color-card))
}

.react-datepicker__header {
    text-align: center;
    background-color: rgb(var(--color-card));
    border-bottom: 1px solid rgb(var(--color-divider-100));
    border-top-left-radius: .3rem;
    padding: 8px 0;
    position: relative
}

.react-datepicker__header--time {
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px
}

.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
    border-top-left-radius: 0
}

.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
    border-top-right-radius: .3rem
}

.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__year-dropdown-container--select {
    display: inline-block;
    margin: 0 15px
}

.react-datepicker-time__header,
.react-datepicker-year-header,
.react-datepicker__current-month {
    margin-top: 0;
    color: rgb(var(--color-text-100));
    font-weight: 700;
    font-size: .944rem
}

h2.react-datepicker__current-month {
    padding: 0;
    margin: 0
}

.react-datepicker-time__header {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.react-datepicker__navigation {
    align-items: center;
    background: none;
    display: flex;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 2px;
    padding: 0;
    border: none;
    z-index: 1;
    height: 32px;
    width: 32px;
    text-indent: -999em;
    overflow: hidden
}

.react-datepicker__navigation--previous {
    left: 2px
}

.react-datepicker__navigation--next {
    right: 2px
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
    right: 76px;
    right: var(--date-picker-right-width)
}

.react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.react-datepicker__navigation--years-previous {
    top: 4px
}

.react-datepicker__navigation--years-upcoming {
    top: -4px
}

.react-datepicker__navigation:hover :before {
    border-color: rgb(165.75, 165.75, 165.75)
}

.react-datepicker__navigation-icon {
    position: relative;
    top: -1px;
    font-size: 20px;
    width: 0
}

.react-datepicker__navigation-icon--next {
    left: -2px
}

.react-datepicker__navigation-icon--next:before {
    transform: rotate(45deg) scale(.6);
    left: -7px
}

.react-datepicker__navigation-icon--previous {
    right: -2px
}

.react-datepicker__navigation-icon--previous:before {
    transform: rotate(225deg) scale(.6);
    right: -7px
}

.react-datepicker__month-container {
    float: left
}

.react-datepicker__year {
    margin: .4rem;
    text-align: center
}

.react-datepicker__year-wrapper {
    display: flex;
    flex-wrap: wrap;
    max-width: 180px
}

.react-datepicker__year .react-datepicker__year-text {
    display: inline-block;
    width: 4rem;
    margin: 2px
}

.react-datepicker__month {
    margin: .4rem;
    text-align: center
}

.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
    display: inline-block;
    width: 4rem;
    margin: 2px
}

.react-datepicker__input-time-container {
    clear: both;
    width: 100%;
    float: left;
    padding: 4px 11px;
    text-align: left;
    border-top: 1px solid rgb(var(--color-divider-100));
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.react-datepicker__input-time-container .react-datepicker-time__caption,
.react-datepicker__input-time-container .react-datepicker-time__input-container {
    display: inline-block
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
    display: inline-block;
    margin-left: 8px
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
    width: auto
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
    -moz-appearance: textfield;
    border: 1px solid rgb(var(--color-divider-100));
    border-radius: 4px;
    padding: 2px 8px;
    position: relative;
    font-weight: 500
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-calendar-picker-indicator {
    display: none
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
    margin-left: 4px;
    display: inline-block
}

.react-datepicker__time-container {
    float: right;
    border-left: 1px solid rgb(var(--color-divider-100));
    width: (--date-picker-right-width)
}

.react-datepicker__time-container--with-today-button {
    display: inline;
    border: 1px solid rgb(var(--color-divider-100));
    border-radius: .3rem;
    position: absolute;
    right: -87px;
    top: 0
}

.react-datepicker__time-container .react-datepicker__time {
    position: relative;
    background: rgb(var(--color-card));
    border-bottom-right-radius: .3rem
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
    width: 76px;
    width: var(--date-picker-right-width);
    overflow-x: hidden;
    margin: 0 auto;
    text-align: center;
    border-bottom-right-radius: .3rem
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
    list-style: none;
    margin: 0;
    height: calc(195px + 1.7rem / 2);
    overflow-y: scroll;
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    box-sizing: content-box
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
    height: 30px;
    padding: 4px 8px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
    cursor: pointer;
    background-color: rgb(var(--color-divider-100))
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
    background-color: #216ba5;
    color: white;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
    background-color: #216ba5
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
    color: rgb(var(--color-text-300))
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
    cursor: default;
    background-color: transparent
}

.react-datepicker__week-number {
    color: #ccc;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: .166rem
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
    cursor: pointer
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected, .react-datepicker__week-number--keyboard-selected):hover {
    border-radius: .3rem;
    background-color: rgb(var(--color-card))
}

.react-datepicker__week-number--selected {
    border-radius: .3rem;
    background-color: #216ba5;
    color: #fff
}

.react-datepicker__week-number--selected:hover {
    background-color: rgb(var(--color-text-100))
}

.react-datepicker__week-number--keyboard-selected {
    border-radius: .3rem;
    background-color: rgb(41.5, 134.5606060606, 207.5);
    color: #fff
}

.react-datepicker__week-number--keyboard-selected:hover {
    background-color: rgb(var(--color-text-100))
}

.react-datepicker__day-names {
    white-space: nowrap;
    margin-bottom: -8px
}

.react-datepicker__week {
    white-space: nowrap
}

.react-datepicker__day,
.react-datepicker__day-name,
.react-datepicker__time-name {
    color: rgb(var(--color-text-100));
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: .166rem
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
    cursor: pointer
}

.react-datepicker__day:not([aria-disabled=true]):hover,
.react-datepicker__month-text:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text:not([aria-disabled=true]):hover,
.react-datepicker__year-text:not([aria-disabled=true]):hover {
    border-radius: .3rem;
    background-color: rgb(var(--color-card))
}

.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
    font-weight: 700
}

.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
    border-radius: .3rem;
    background-color: #3dcc4a;
    color: #fff
}

.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {
    background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061)
}

.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
    color: magenta
}

.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
    color: green
}

.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
    position: relative;
    border-radius: .3rem;
    background-color: #ff6803;
    color: #fff
}

.react-datepicker__day--holidays .overlay,
.react-datepicker__month-text--holidays .overlay,
.react-datepicker__quarter-text--holidays .overlay,
.react-datepicker__year-text--holidays .overlay {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 4px;
    border-radius: 4px;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity .3s ease-in-out
}

.react-datepicker__day--holidays:not([aria-disabled=true]):hover,
.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {
    background-color: rgb(207, 82.9642857143, 0)
}

.react-datepicker__day--holidays:hover .overlay,
.react-datepicker__month-text--holidays:hover .overlay,
.react-datepicker__quarter-text--holidays:hover .overlay,
.react-datepicker__year-text--holidays:hover .overlay {
    visibility: visible;
    opacity: 1
}

.react-datepicker__day--in-range,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--selected,
.react-datepicker__month-text--in-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--selected,
.react-datepicker__quarter-text--in-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__year-text--in-range,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--selected {
    border-radius: .3rem;
    background-color: #216ba5;
    color: #fff
}

.react-datepicker__day--in-range:not([aria-disabled=true]):hover,
.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__day--selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--selected:not([aria-disabled=true]):hover {
    background-color: rgb(var(--color-divider-100))
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
    border-radius: .3rem;
    background-color: rgb(var(--color-text-300));
    color: rgb(0, 0, 0)
}

.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {
    background-color: rgb(var(--color-divider-100))
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range) {
    background-color: rgba(33, 107, 165, .5)
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range) {
    background-color: rgb(var(--color-card));
    color: rgb(var(--color-text-100))
}

.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
    cursor: default;
    color: rgb(var(--color-text-300))
}

.react-datepicker__day--disabled .overlay,
.react-datepicker__month-text--disabled .overlay,
.react-datepicker__quarter-text--disabled .overlay,
.react-datepicker__year-text--disabled .overlay {
    position: absolute;
    bottom: 70%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 4px;
    border-radius: 4px;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity .3s ease-in-out
}

.react-datepicker__input-container {
    position: relative;
    display: inline-block;
    width: 100%
}

.react-datepicker__input-container .react-datepicker__calendar-icon {
    position: absolute;
    padding: .5rem;
    box-sizing: content-box
}

.react-datepicker__view-calendar-icon input {
    padding: 6px 10px 5px 25px
}

.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view,
.react-datepicker__year-read-view {
    border: 1px solid transparent;
    border-radius: .3rem;
    position: relative
}

.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover,
.react-datepicker__year-read-view:hover {
    cursor: pointer
}

.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
    border-top-color: rgb(178.5, 178.5, 178.5)
}

.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow {
    transform: rotate(135deg);
    right: -16px;
    top: 0
}

.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown,
.react-datepicker__year-dropdown {
    background-color: rgb(var(--color-card));
    position: absolute;
    width: 50%;
    left: 25%;
    top: 30px;
    z-index: 1;
    text-align: center;
    border-radius: .3rem;
    border: 1px solid rgb(var(--color-divider-100))
}

.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover,
.react-datepicker__year-dropdown:hover {
    cursor: pointer
}

.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable,
.react-datepicker__year-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll
}

.react-datepicker__month-option,
.react-datepicker__month-year-option,
.react-datepicker__year-option {
    line-height: 20px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type,
.react-datepicker__year-option:first-of-type {
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type,
.react-datepicker__year-option:last-of-type {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover,
.react-datepicker__year-option:hover {
    background-color: #ccc
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
    border-bottom-color: rgb(178.5, 178.5, 178.5)
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
    border-top-color: rgb(178.5, 178.5, 178.5)
}

.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected,
.react-datepicker__year-option--selected {
    position: absolute;
    left: 15px
}

.react-datepicker__close-icon {
    cursor: pointer;
    background-color: transparent;
    border: 0;
    outline: 0;
    padding: 0 6px 0 0;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: table-cell;
    vertical-align: middle
}

.react-datepicker__close-icon:after {
    cursor: pointer;
    background-color: #216ba5;
    color: #fff;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    padding: 2px;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    content: "×"
}

.react-datepicker__close-icon--disabled {
    cursor: default
}

.react-datepicker__close-icon--disabled:after {
    cursor: default;
    background-color: rgb(var(--color-text-300))
}

.react-datepicker__today-button {
    background: rgb(var(--color-card));
    border-top: 1px solid rgb(var(--color-divider-100));
    cursor: pointer;
    text-align: center;
    font-weight: 700;
    padding: 5px 0;
    clear: left
}

.react-datepicker__portal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .8);
    left: 0;
    top: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    z-index: 2147483647
}

.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__time-name {
    width: 3rem;
    line-height: 3rem
}

@media (max-height:550px),
(max-width:400px) {

    .react-datepicker__portal .react-datepicker__day,
    .react-datepicker__portal .react-datepicker__day-name,
    .react-datepicker__portal .react-datepicker__time-name {
        width: 2rem;
        line-height: 2rem
    }
}

.react-datepicker__portal .react-datepicker-time__header,
.react-datepicker__portal .react-datepicker__current-month {
    font-size: 1.44rem
}

.react-datepicker__children-container {
    width: 13.8rem;
    margin: .4rem;
    padding-right: .2rem;
    padding-left: .2rem;
    height: auto
}

.react-datepicker__aria-live {
    position: absolute;
    clip-path: circle(0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
    white-space: nowrap
}

.react-datepicker__calendar-icon {
    width: 1em;
    height: 1em;
    vertical-align: -.125em
}

.default,
[custom-preset-theme=dark],
[custom-theme=dark] {
    --color-hover: 2 2 3;
    --color-active: 255 255 255;
    --color-green: var(--color-green-100);
    --color-red: var(--color-red-100);
    --color-green-50: 129 214 166;
    --color-green-100: 153 224 191;
    --color-red-50: 235 80 106;
    --color-red-100: 247 185 210;
    --color-red-200: 255 112 160/0.14;
    --color-blue: 21 143 255;
    --color-yellow: var(--color-yellow-100);
    --color-yellow-100: 244 199 122;
    --color-yellow-200: 255 187 0/0.16;
    --color-warning: var(--color-yellow-100);
    --color-warning-new: var(--color-yellow-100);
    --color-unactivated: 220 223 230;
    --color-error: var(--color-red-100);
    --color-accent: var(--color-text-100);
    --color-accent-weak: var(--color-text-300);
    --color-accent-sub: var(--color-text-200);
    --color-secondary: var(--color-text-300);
    --color-secondary-sub: var(--color-text-400);
    --color-divider: var(--color-line-100);
    --color-card: var(--color-card-100);
    --color-card-100: 26 27 31;
    --color-new-card: 23 24 27;
    --color-bg: var(--color-bg-100);
    --color-text-100: 240 245 245;
    --color-text-200: 196 204 204;
    --color-text-300: 123 131 133;
    --color-text-400: 93 100 102;
    --color-text-500: 92 96 104;
    --color-text-hightlightbtn: 0 0 0;
    --color-text-alwayswhite: 255 255 255;
    --color-text-alwaysblack: 0 0 0;
    --color-hover-100: 31 32 36;
    --color-hover-200: 35 37 41;
    --color-hover-300: 35 37 41;
    --color-divider-100: var(--color-line-100);
    --color-divider-200: var(--color-line-200);
    --color-bg-body: 17 17 17;
    --color-bg-100: 17 18 20;
    --color-bg-200: 21 22 26;
    --color-bg-300: 38 40 44;
    --color-bg-400: 63 64 70;
    --color-bg-modal: var(--color-card-100);
    --color-bg-gray: var(--color-line-100);
    --color-btn-primary: var(--color-primary);
    --color-btn-hightlight: var(--color-btn-highlight);
    --color-btn-secondary: var(--color-btn-secondary-100);
    --color-btn-tertiary: var(--color-btn-secondary-200);
    --color-toggle-highlight: var(--color-toggle-highlight-100);
    --color-toggle-highlight-100: 40 42 46;
    --color-toggle-highlight-200: 54 56 61;
    --color-toggle-bg: var(--color-toggle-bg-100);
    --color-toggle-bg-100: 26 27 31;
    --color-toggle-bg-200: 40 42 46;
    --color-input: var(--color-input-100);
    --color-line-50: 31 32 36;
    --color-input-100: 31 32 36;
    --color-input-200: 40 42 46;
    --color-line-100: 31 32 36;
    --color-line-200: 40 42 46;
    --color-mask-100: 0 0 0/0.5;
    --color-mask-200: 0 0 0/0.7;
    --color-increase: var(--color-increase-100);
    --color-increase-100: 129 214 166;
    --color-increase-200: 153 224 191;
    --color-decrease: 240 72 102;
    --color-decrease-100: 235 94 122;
    --color-decrease-200: 247 185 210;
    --color-warning-100: 255 194 71;
    --color-warning-200: 255 201 92;
    --color-error-100: 240 72 100;
    --color-error-200: 240 72 100;
    --color-beige: 193 192 174;
    --color-blue-100: 148 216 255;
    --color-card-200: 31 32 36;
    --color-primary: 129 214 157;
    --color-primary-50: 14 30 20;
    --color-primary-100: 24 47 32;
    --color-primary-200: 48 86 62;
    --color-primary-300: 72 128 93;
    --color-primary-400: 102 171 127;
    --color-primary-500: 136 214 159;
    --color-primary-600: 161 229 181;
    --color-primary-700: 183 241 200;
    --color-primary-800: 204 250 218;
    --color-primary-900: 218 255 229;
    --color-btn-highlight: 255 255 255;
    --color-btn-highlight-hover: 196 204 204;
    --color-line-300: 60 62 66;
    --color-popup: var(--color-tooltip-bg);
    --color-red-300: 255 112 160/0.06;
    --color-green-200: 122 238 184/0.12;
    --color-blue-200: 103 199 255/0.1;
    --color-scrollbar: 96 96 97;
    --color-drop-down: var(--color-card-100);
    --color-btn-secondary-100: 40 42 46;
    --color-btn-secondary-200: 50 52 56;
    --color-tooltip-bg: 35 37 41;
    --color-green-300: 122 238 184/0.06;
    --color-blue-hover: 189 231 255;
    --color-yellow-300: 255 187 0/0.08;
    --color-blue-300: 103 199 255/0.06;
    --color-candlestick-green: 129 214 166;
    --color-candlestick-red: 235 94 122;
    --color-panel-100: 26 27 31;
    --color-panel-200: 31 32 36;
    --color-btn-secondary-buy: var(--color-btn-secondary-100);
    --color-btn-secondary-sell: var(--color-btn-secondary-100)
}

[custom-preset-theme=light],
[custom-theme=light] {
    --color-hover: 2 2 3;
    --color-active: 0 0 0;
    --color-green: var(--color-green-100);
    --color-red: var(--color-red-100);
    --color-green-50: 44 168 89;
    --color-green-100: 44 168 89;
    --color-red-50: 235 61 90;
    --color-red-100: 229 60 88;
    --color-red-200: 255 0 42/0.14;
    --color-blue: 0 82 255;
    --color-yellow: var(--color-yellow-100);
    --color-yellow-100: 235 125 47;
    --color-yellow-200: 255 106 0/0.2;
    --color-warning: var(--color-yellow-100);
    --color-warning-new: var(--color-yellow-100);
    --color-unactivated: 220 223 230;
    --color-secondary: var(--color-text-300);
    --color-secondary-sub: var(--color-text-400);
    --color-divider: var(--color-line-100);
    --color-error: var(--color-red-100);
    --color-accent: var(--color-text-100);
    --color-accent-weak: var(--color-text-300);
    --color-accent-sub: var(--color-text-200);
    --color-card: var(--color-card-100);
    --color-card-100: 255 255 255;
    --color-new-card: 255 255 255;
    --color-bg: var(--color-bg-100);
    --color-text-100: 0 0 0;
    --color-text-200: 50 52 56;
    --color-text-300: 113 120 122;
    --color-text-400: 174 184 184;
    --color-text-500: 236 236 236;
    --color-text-hightlightbtn: 240 245 245;
    --color-text-alwayswhite: 255 255 255;
    --color-text-alwaysblack: 0 0 0;
    --color-hover-100: 243 245 245;
    --color-hover-200: 243 245 245;
    --color-hover-300: 243 245 245;
    --color-divider-100: var(--color-line-100);
    --color-divider-200: var(--color-line-200);
    --color-bg-body: 244 244 245;
    --color-bg-100: 255 255 255;
    --color-bg-200: 255 255 255;
    --color-bg-300: 225 226 229;
    --color-bg-400: 161 162 170;
    --color-bg-modal: var(--color-card-100);
    --color-bg-gray: var(--color-line-100);
    --color-btn-primary: var(--color-primary);
    --color-btn-hightlight: var(--color-btn-highlight);
    --color-btn-secondary: var(--color-btn-secondary-100);
    --color-btn-tertiary: var(--color-btn-secondary-200);
    --color-toggle-highlight: var(--color-toggle-highlight-100);
    --color-toggle-highlight-100: 255 255 255;
    --color-toggle-highlight-200: 255 255 255;
    --color-toggle-bg: var(--color-toggle-bg-100);
    --color-toggle-bg-100: 243 245 245;
    --color-toggle-bg-200: 243 245 245;
    --color-input: var(--color-input-100);
    --color-input-100: 243 245 245;
    --color-input-200: 243 245 245;
    --color-line-50: 230 235 235;
    --color-line-100: 230 235 235;
    --color-line-200: 230 235 235;
    --color-mask-100: 0 0 0/0.5;
    --color-mask-200: 0 0 0/0.7;
    --color-increase: var(--color-increase-100);
    --color-increase-100: 42 173 90;
    --color-increase-200: 44 168 89;
    --color-decrease: 223 72 76;
    --color-decrease-100: 235 61 90;
    --color-decrease-200: 229 60 88;
    --color-warning-100: 245 169 17;
    --color-warning-200: 245 169 17;
    --color-error-100: 219 75 99;
    --color-error-200: 219 75 99;
    --color-beige: 148 147 130;
    --color-blue-100: 70 148 250;
    --color-card-200: 255 255 255;
    --color-primary: 42 173 90;
    --color-primary-50: 229 251 236;
    --color-primary-100: 209 245 220;
    --color-primary-200: 171 233 190;
    --color-primary-300: 132 221 159;
    --color-primary-400: 92 204 129;
    --color-primary-500: 39 178 90;
    --color-primary-600: 12 153 64;
    --color-primary-700: 7 122 49;
    --color-primary-800: 0 92 34;
    --color-primary-900: 0 61 24;
    --color-btn-highlight: 45 47 51;
    --color-btn-highlight-hover: 4 4 5;
    --color-line-300: 196 204 204;
    --color-popup: var(--color-tooltip-bg);
    --color-red-300: 255 0 42/0.08;
    --color-green-200: 44 168 89/0.16;
    --color-blue-200: 70 148 250/0.18;
    --color-scrollbar: 194 194 194;
    --color-drop-down: var(--color-card-100);
    --color-btn-secondary-100: 235 240 240;
    --color-btn-secondary-200: 235 240 240;
    --color-tooltip-bg: 54 56 61;
    --color-green-300: 44 168 89/0.08;
    --color-blue-hover: 0 102 235;
    --color-yellow-300: 255 106 0/0.08;
    --color-blue-300: 70 148 250/0.08;
    --color-candlestick-green: 42 173 90;
    --color-candlestick-red: 235 61 90;
    --color-panel-100: 243 245 245;
    --color-panel-200: 243 245 245
}

[custom-preset-theme=ax],
[custom-theme=ax] {
    --color-text-100: 252 252 252;
    --color-text-200: 200 201 209;
    --color-text-300: 119 122 140;
    --color-text-400: 82 85 102;
    --color-text-hightlightbtn: 6 7 11;
    --color-text-alwayswhite: 255 255 255;
    --color-text-alwaysblack: 6 7 11;
    --color-bg-100: 8 9 11;
    --color-bg-200: 15 17 20;
    --color-card-100: 24 24 27;
    --color-card-200: 31 31 36;
    --color-primary: 82 111 255;
    --color-primary-50: 7 15 55;
    --color-primary-100: 16 26 83;
    --color-primary-200: 25 45 155;
    --color-primary-300: 31 56 194;
    --color-primary-400: 45 73 224;
    --color-primary-500: 82 111 255;
    --color-primary-600: 122 145 255;
    --color-primary-700: 153 170 255;
    --color-primary-800: 189 200 255;
    --color-primary-900: 224 229 255;
    --color-btn-highlight: 82 111 255;
    --color-btn-highlight-hover: 122 145 255;
    --color-btn-secondary-100: 34 37 45;
    --color-btn-secondary-200: 50 54 66;
    --color-toggle-highlight-100: 31 32 38;
    --color-toggle-bg-100: 24 25 30;
    --color-toggle-highlight-200: 38 39 46;
    --color-toggle-bg-200: 31 32 38;
    --color-input-100: 24 25 30;
    --color-input-200: 31 32 41;
    --color-line-50: 34 37 45;
    --color-line-100: 34 37 45;
    --color-line-200: 50 54 66;
    --color-line-300: 44 48 57;
    --color-tooltip-bg: 55 58 66;
    --color-mask-100: 0 0 0/0.5;
    --color-mask-200: 0 0 0/0.7;
    --color-hover-100: 30 31 36;
    --color-hover-200: 34 36 41;
    --color-hover-300: 34 36 41;
    --color-active: 255 255 255;
    --color-increase-100: 47 227 172;
    --color-increase-200: 47 227 172;
    --color-decrease-100: 236 57 122;
    --color-decrease-200: 248 101 154;
    --color-yellow-100: 220 193 60;
    --color-yellow-200: 215 200 0/0.16;
    --color-yellow-300: 215 200 0/0.08;
    --color-red-50: 242 84 97;
    --color-red-100: 242 84 97;
    --color-red-200: 242 84 97/0.14;
    --color-red-300: 242 84 97/0.08;
    --color-green-50: 47 227 172;
    --color-green-100: 18 175 128;
    --color-green-200: 18 175 128/0.12;
    --color-green-300: 18 175 128/0.08;
    --color-blue-100: 83 197 255;
    --color-blue-200: 83 197 255/0.1;
    --color-blue-300: 83 197 255/0.08;
    --color-blue-hover: 135 215 255;
    --color-beige: 108 111 128;
    --color-candlestick-green: 8 153 129;
    --color-candlestick-red: 242 53 69;
    --color-panel-100: 24 24 27;
    --color-panel-200: 31 31 36
}

[custom-preset-theme=ph],
[custom-theme=ph] {
    --color-text-100: 242 245 249;
    --color-text-200: 197 199 224;
    --color-text-300: 167 169 199;
    --color-text-400: 122 127 158;
    --color-text-hightlightbtn: 24 25 33;
    --color-text-alwayswhite: 255 255 255;
    --color-text-alwaysblack: 24 25 33;
    --color-bg-100: 25 25 33;
    --color-bg-200: 32 31 40;
    --color-card-100: 39 39 48;
    --color-card-200: 57 57 66;
    --color-primary: 106 96 232;
    --color-primary-50: 15 12 55;
    --color-primary-100: 24 19 83;
    --color-primary-200: 59 50 160;
    --color-primary-300: 69 59 191;
    --color-primary-400: 84 72 231;
    --color-primary-500: 106 96 232;
    --color-primary-600: 138 130 237;
    --color-primary-700: 174 169 243;
    --color-primary-800: 211 209 250;
    --color-primary-900: 230 229 252;
    --color-btn-highlight: 106 96 232;
    --color-btn-highlight-hover: 144 136 247;
    --color-btn-secondary-100: 43 43 51;
    --color-btn-secondary-200: 50 50 59;
    --color-toggle-highlight-100: 40 42 51;
    --color-toggle-bg-100: 30 32 40;
    --color-toggle-highlight-200: 58 61 71;
    --color-toggle-bg-200: 51 51 61;
    --color-input-100: 42 42 49;
    --color-input-200: 50 50 59;
    --color-line-50: 37 37 46;
    --color-line-100: 37 37 46;
    --color-line-200: 48 48 56;
    --color-line-300: 61 61 71;
    --color-tooltip-bg: 58 61 71;
    --color-mask-100: 0 0 0/0.5;
    --color-mask-200: 0 0 0/0.7;
    --color-hover-100: 33 34 48;
    --color-hover-200: 40 41 56;
    --color-hover-300: 40 41 56;
    --color-active: 255 255 255;
    --color-increase-100: 62 214 204;
    --color-increase-200: 186 255 250;
    --color-decrease-100: 255 75 146;
    --color-decrease-200: 255 202 214;
    --color-yellow-100: 231 181 135;
    --color-yellow-200: 255 175 102/0.16;
    --color-yellow-300: 255 175 102/0.08;
    --color-red-50: 255 75 146;
    --color-red-100: 255 75 146;
    --color-red-200: 255 75 146/0.14;
    --color-red-300: 255 75 146/0.08;
    --color-green-50: 62 214 204;
    --color-green-100: 62 214 204;
    --color-green-200: 62 214 204/0.12;
    --color-green-300: 62 214 204/0.08;
    --color-blue-100: 142 157 255;
    --color-blue-200: 142 157 255/0.1;
    --color-blue-300: 142 157 255/0.08;
    --color-blue-hover: 184 193 255;
    --color-beige: 141 147 183;
    --color-candlestick-green: 8 153 129;
    --color-candlestick-red: 242 53 69;
    --color-panel-100: 39 39 48;
    --color-panel-200: 57 57 66
}

[custom-preset-theme=bx],
[custom-theme=bx] {
    --color-text-100: 250 250 250;
    --color-text-200: 194 195 196;
    --color-text-300: 131 132 135;
    --color-text-400: 96 98 102;
    --color-text-hightlightbtn: 255 255 255;
    --color-text-alwayswhite: 255 255 255;
    --color-text-alwaysblack: 0 0 0;
    --color-bg-100: 13 13 16;
    --color-bg-200: 17 17 20;
    --color-card-100: 22 22 26;
    --color-card-200: 26 26 31;
    --color-primary: 74 168 119;
    --color-primary-50: 15 12 55;
    --color-primary-100: 24 19 83;
    --color-primary-200: 59 50 160;
    --color-primary-300: 69 59 191;
    --color-primary-400: 84 72 231;
    --color-primary-500: 74 168 119;
    --color-primary-600: 138 130 237;
    --color-primary-700: 174 169 243;
    --color-primary-800: 211 209 250;
    --color-primary-900: 230 229 252;
    --color-btn-highlight: 38 81 58;
    --color-btn-highlight-hover: 72 133 100;
    --color-btn-secondary-100: 38 40 46;
    --color-btn-secondary-200: 38 40 46;
    --color-toggle-highlight-100: 28 29 34;
    --color-toggle-bg-100: 21 22 27;
    --color-toggle-highlight-200: 34 35 41;
    --color-toggle-bg-200: 29 30 36;
    --color-input-100: 21 22 27;
    --color-input-200: 28 29 36;
    --color-line-50: 28 29 34;
    --color-line-100: 28 29 34;
    --color-line-200: 46 46 58;
    --color-line-300: 56 56 69;
    --color-tooltip-bg: 56 56 69;
    --color-mask-100: 0 0 0/0.5;
    --color-mask-200: 0 0 0/0.7;
    --color-hover-100: 23 23 26;
    --color-hover-200: 29 29 33;
    --color-hover-300: 29 29 33;
    --color-active: 255 255 255;
    --color-increase-100: 74 168 119;
    --color-increase-200: 88 200 141;
    --color-decrease-100: 161 60 69;
    --color-decrease-200: 207 77 88;
    --color-yellow-100: 220 193 97;
    --color-yellow-200: 255 213 65/0.16;
    --color-yellow-300: 255 213 65/0.08;
    --color-red-50: 171 64 73;
    --color-red-100: 171 64 73;
    --color-red-200: 171 64 73/0.14;
    --color-red-300: 171 64 73/0.08;
    --color-green-50: 74 168 119;
    --color-green-100: 74 168 119;
    --color-green-200: 74 168 119/0.14;
    --color-green-300: 74 168 119/0.08;
    --color-blue-100: 97 190 220;
    --color-blue-200: 97 190 220/0.12;
    --color-blue-300: 97 190 220/0.08;
    --color-blue-hover: 157 223 245;
    --color-beige: 85 87 92;
    --color-candlestick-green: 69 156 110;
    --color-candlestick-red: 161 60 70;
    --color-panel-100: 30 32 37;
    --color-panel-200: 30 32 37
}

[custom-preset-theme=hyper],
[custom-theme=hyper] {
    --color-text-100: 246 254 253;
    --color-text-200: 209 220 218;
    --color-text-300: 148 158 156;
    --color-text-400: 110 122 120;
    --color-text-hightlightbtn: 6 8 12;
    --color-text-alwayswhite: 255 255 255;
    --color-text-alwaysblack: 0 0 0;
    --color-bg-100: 15 26 31;
    --color-bg-200: 27 35 41;
    --color-card-100: 27 35 41;
    --color-card-200: 27 35 41;
    --color-primary: 79 210 193;
    --color-primary-50: 12 69 61;
    --color-primary-100: 14 85 75;
    --color-primary-200: 24 112 101;
    --color-primary-300: 32 155 139;
    --color-primary-400: 50 185 167;
    --color-primary-500: 79 210 193;
    --color-primary-600: 125 229 216;
    --color-primary-700: 150 239 227;
    --color-primary-800: 191 243 236;
    --color-primary-900: 212 245 240;
    --color-btn-highlight: 79 210 193;
    --color-btn-highlight-hover: 145 250 225;
    --color-btn-secondary-100: 47 56 61;
    --color-btn-secondary-200: 47 56 61;
    --color-toggle-highlight-100: 47 56 61;
    --color-toggle-bg-100: 39 48 53;
    --color-toggle-highlight-200: 54 64 69;
    --color-toggle-bg-200: 45 54 59;
    --color-input-100: 39 48 53;
    --color-input-200: 47 56 61;
    --color-line-100: 27 35 41;
    --color-line-200: 39 48 53;
    --color-line-300: 39 48 53;
    --color-tooltip-bg: 56 64 69;
    --color-mask-100: 0 0 0/0.5;
    --color-mask-200: 0 0 0/0.7;
    --color-hover-100: 27 35 41;
    --color-hover-200: 39 48 53;
    --color-hover-300: 39 48 53;
    --color-active: 255 255 255;
    --color-increase-100: 79 210 193;
    --color-increase-200: 31 166 125;
    --color-decrease-100: 237 112 136;
    --color-decrease-200: 237 112 136;
    --color-yellow-100: 255 182 71;
    --color-yellow-200: 255 182 71/0.16;
    --color-yellow-300: 255 182 71/0.08;
    --color-red-100: 237 112 136;
    --color-red-200: 237 112 136/0.14;
    --color-red-300: 237 112 136/0.08;
    --color-green-100: 79 210 193;
    --color-green-200: 79 210 193/0.14;
    --color-green-300: 79 210 193/0.08;
    --color-blue-100: 79 210 193;
    --color-blue-200: 79 210 193/0.12;
    --color-blue-300: 79 210 193/0.08;
    --color-blue-hover: 145 250 225;
    --color-beige: 148 158 156;
    --color-panel-100: 39 48 53;
    --color-panel-200: 39 48 53;
    --color-line-50: 27 35 41;
    --color-green-50: 79 210 193;
    --color-red-50: 237 112 136;
    --color-candlestick-green: 38 166 154;
    --color-candlestick-red: 239 83 80
}

[custom-preset-theme=giga],
[custom-theme=giga] {
    --color-text-100: 20 12 16;
    --color-text-200: 102 82 93;
    --color-text-300: 148 118 136;
    --color-text-400: 184 158 174;
    --color-text-hightlightbtn: 255 255 255;
    --color-text-alwayswhite: 255 255 255;
    --color-text-alwaysblack: 0 0 0;
    --color-bg-100: 255 250 253;
    --color-bg-200: 250 233 243;
    --color-card-100: 255 250 253;
    --color-card-200: 255 250 253;
    --color-primary: 0 173 173;
    --color-primary-50: 234 50 128;
    --color-primary-100: 234 50 128;
    --color-primary-200: 234 50 128;
    --color-primary-300: 234 50 128;
    --color-primary-400: 234 50 128;
    --color-primary-500: 19 194 188;
    --color-primary-600: 234 50 128;
    --color-primary-700: 234 50 128;
    --color-primary-800: 234 50 128;
    --color-primary-900: 234 50 128;
    --color-btn-highlight: 19 194 188;
    --color-btn-highlight-hover: 43 214 208;
    --color-btn-secondary-100: 250 220 238;
    --color-btn-secondary-200: 250 220 238;
    --color-toggle-highlight-100: 255 250 253;
    --color-toggle-bg-100: 250 233 243;
    --color-toggle-highlight-200: 250 233 243;
    --color-toggle-bg-200: 250 233 243;
    --color-input-100: 250 233 243;
    --color-input-200: 250 233 243;
    --color-line-100: 247 225 238;
    --color-line-200: 245 211 231;
    --color-line-300: 235 192 218;
    --color-tooltip-bg: 0 173 173;
    --color-mask-100: 22 1 12/0.3;
    --color-mask-200: 22 1 12/0.7;
    --color-hover-100: 250 233 243;
    --color-hover-200: 250 233 243;
    --color-hover-300: 250 233 243;
    --color-active: 255 255 255;
    --color-increase-100: 0 173 173;
    --color-increase-200: 0 173 173;
    --color-decrease-100: 223 82 150;
    --color-decrease-200: 223 82 150;
    --color-yellow-100: 250 140 51;
    --color-yellow-200: 250 140 51/0.16;
    --color-yellow-300: 250 140 51/0.08;
    --color-red-100: 223 82 150;
    --color-red-200: 234 50 148/0.22;
    --color-red-300: 234 50 148/0.08;
    --color-green-100: 0 173 173;
    --color-green-200: 0 173 173/0.14;
    --color-green-300: 0 173 173/0.08;
    --color-blue-100: 84 132 235;
    --color-blue-200: 70 151 224/0.12;
    --color-blue-300: 70 151 224/0.08;
    --color-blue-hover: 127 186 239;
    --color-beige: 173 142 161;
    --color-panel-100: 250 233 243;
    --color-panel-200: 250 233 243;
    --color-line-50: 252 235 245;
    --color-green-50: 0 173 173;
    --color-red-50: 223 82 150;
    --color-candlestick-green: 23 194 188;
    --color-candlestick-red: 229 83 154;
    --color-btn-secondary-buy: 213 247 246;
    --color-btn-secondary-sell: 250 225 240
}

.top10-tooltip {
    max-width: 362px;
    height: 392px
}

.top10-tooltip .pi-tooltip-inner {
    padding: 0;
    border-radius: 12px;
    overflow: hidden
}

.top10-tooltip .pi-tooltip-inner [class*=border] {
    border-style: solid
}

.token-header-tooltip .pi-tooltip-inner {
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    border-radius: 8px !important;
    border-color: rgb(var(--color-line-200)) !important;
    overflow: hidden !important
}

.token-header-tooltip .pi-tooltip-inner [class*=border] {
    border-style: solid !important
}

.narrative-tooltip .pi-tooltip-inner {
    padding: 0 !important;
    border-radius: 12px !important;
    overflow: hidden !important
}

.narrative-tooltip {
    max-width: 330px !important
}

.x-account-tooltip {
    max-width: 300px !important
}

.x-account-tooltip .pi-tooltip-inner {
    padding: 0 !important;
    border-radius: 12px !important;
    overflow: hidden !important
}

.x-account-tooltip .pi-tooltip-inner [class*=border] {
    border-style: solid !important
}

.twitter-post-tooltip {
    max-width: 300px !important
}

.twitter-post-tooltip .pi-tooltip-inner {
    padding: 0 !important;
    border-radius: 12px !important;
    overflow: hidden !important
}

.twitter-post-tooltip .pi-tooltip-inner [class*=border] {
    border-style: solid !important
}

.twitter-post-tooltip .react-tweet-theme {
    margin: 0 !important;
    padding: 0 !important;
    --tweet-header-font-size: 14px;
    --tweet-header-line-height: 20px;
    --tweet-body-font-size: 18px;
    --tweet-body-line-height: 24px;
    --tweet-quoted-body-font-size: 18px;
    --tweet-quoted-body-line-height: 24px;
    --tweet-info-font-size: 14px;
    --tweet-actions-font-size: 14px;
    --tweet-replies-font-size: 14px
}

.pump-live-tooltip {
    max-width: 320px !important
}

.pump-live-tooltip .pi-tooltip-inner {
    padding: 0 !important;
    border-radius: 12px !important;
    overflow: hidden !important
}

.pump-live-tooltip .pi-tooltip-inner [class*=border] {
    border-style: solid !important
}

*,
: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-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246/0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246/0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

.\!container {
    width: 100% !important
}

.container {
    width: 100%
}

@media (min-width:768px) {
    .\!container {
        max-width: 768px !important
    }

    .container {
        max-width: 768px
    }
}

@media (min-width:1024px) {
    .\!container {
        max-width: 1024px !important
    }

    .container {
        max-width: 1024px
    }
}

@media (min-width:1536px) {
    .\!container {
        max-width: 1536px !important
    }

    .container {
        max-width: 1536px
    }
}

.pointer-events-none {
    pointer-events: none
}

.pointer-events-auto {
    pointer-events: auto
}

.\!visible {
    visibility: visible !important
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.collapse {
    visibility: collapse
}

.static {
    position: static
}

.\!fixed {
    position: fixed !important
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.-inset-\[1px\] {
    inset: -1px
}

.inset-0 {
    inset: 0
}

.\!bottom-40px {
    bottom: 40px !important
}

.-bottom-2px {
    bottom: -2px
}

.-left-6px {
    left: -6px
}

.-right-2px {
    right: -2px
}

.-top-6px {
    top: -6px
}

.bottom-0 {
    bottom: 0
}

.bottom-12 {
    bottom: 3rem
}

.bottom-2px {
    bottom: 2px
}

.bottom-4 {
    bottom: 1rem
}

.bottom-\[-16px\] {
    bottom: -16px
}

.bottom-\[-1px\] {
    bottom: -1px
}

.bottom-\[-2px\] {
    bottom: -2px
}

.bottom-\[-3px\] {
    bottom: -3px
}

.bottom-\[-4px\] {
    bottom: -4px
}

.bottom-\[0px\] {
    bottom: 0
}

.bottom-\[12px\] {
    bottom: 12px
}

.bottom-\[20px\] {
    bottom: 20px
}

.bottom-\[28px\] {
    bottom: 28px
}

.bottom-\[4px\] {
    bottom: 4px
}

.bottom-\[56px\] {
    bottom: 56px
}

.bottom-\[60px\] {
    bottom: 60px
}

.bottom-\[7px\] {
    bottom: 7px
}

.bottom-\[8px\] {
    bottom: 8px
}

.bottom-\[9\.6px\] {
    bottom: 9.6px
}

.bottom-full {
    bottom: 100%
}

.left-0 {
    left: 0
}

.left-1 {
    left: .25rem
}

.left-1\/2 {
    left: 50%
}

.left-2 {
    left: .5rem
}

.left-2px {
    left: 2px
}

.left-3 {
    left: .75rem
}

.left-\[-11px\] {
    left: -11px
}

.left-\[-12px\] {
    left: -12px
}

.left-\[-20px\] {
    left: -20px
}

.left-\[-6px\] {
    left: -6px
}

.left-\[-8px\] {
    left: -8px
}

.left-\[-9px\] {
    left: -9px
}

.left-\[0\],
.left-\[0px\] {
    left: 0
}

.left-\[12px\] {
    left: 12px
}

.left-\[1rem\] {
    left: 1rem
}

.left-\[2px\] {
    left: 2px
}

.left-\[30\%\] {
    left: 30%
}

.left-\[3px\] {
    left: 3px
}

.left-\[50\%\] {
    left: 50%
}

.left-\[5px\] {
    left: 5px
}

.left-\[6px\] {
    left: 6px
}

.left-\[70\%\] {
    left: 70%
}

.left-\[8px\] {
    left: 8px
}

.left-\[calc\(50\%-55px\)\] {
    left: calc(50% - 55px)
}

.right-0 {
    right: 0
}

.right-1 {
    right: .25rem
}

.right-12px {
    right: 12px
}

.right-16px {
    right: 16px
}

.right-2 {
    right: .5rem
}

.right-2px {
    right: 2px
}

.right-3 {
    right: .75rem
}

.right-4 {
    right: 1rem
}

.right-40px {
    right: 40px
}

.right-8px {
    right: 8px
}

.right-\[-1px\] {
    right: -1px
}

.right-\[-2px\] {
    right: -2px
}

.right-\[-3px\] {
    right: -3px
}

.right-\[-4px\] {
    right: -4px
}

.right-\[-6px\] {
    right: -6px
}

.right-\[0px\] {
    right: 0
}

.right-\[1\.5rem\] {
    right: 1.5rem
}

.right-\[12px\] {
    right: 12px
}

.right-\[14px\] {
    right: 14px
}

.right-\[16px\] {
    right: 16px
}

.right-\[24px\] {
    right: 24px
}

.right-\[2rem\] {
    right: 2rem
}

.right-\[356px\] {
    right: 356px
}

.right-\[40px\] {
    right: 40px
}

.right-\[68px\] {
    right: 68px
}

.right-\[80px\] {
    right: 80px
}

.top-0 {
    top: 0
}

.top-1\/2 {
    top: 50%
}

.top-16px {
    top: 16px
}

.top-1px {
    top: 1px
}

.top-2 {
    top: .5rem
}

.top-20 {
    top: 5rem
}

.top-2px {
    top: 2px
}

.top-3 {
    top: .75rem
}

.top-4px {
    top: 4px
}

.top-6 {
    top: 1.5rem
}

.top-6px {
    top: 6px
}

.top-8px {
    top: 8px
}

.top-\[-1px\] {
    top: -1px
}

.top-\[-28px\] {
    top: -28px
}

.top-\[-2px\] {
    top: -2px
}

.top-\[-44px\] {
    top: -44px
}

.top-\[-4px\] {
    top: -4px
}

.top-\[-6px\] {
    top: -6px
}

.top-\[0\.5px\] {
    top: .5px
}

.top-\[0px\] {
    top: 0
}

.top-\[100px\] {
    top: 100px
}

.top-\[12px\] {
    top: 12px
}

.top-\[13px\] {
    top: 13px
}

.top-\[150px\] {
    top: 150px
}

.top-\[16px\] {
    top: 16px
}

.top-\[18px\] {
    top: 18px
}

.top-\[1px\] {
    top: 1px
}

.top-\[23px\] {
    top: 23px
}

.top-\[24px\] {
    top: 24px
}

.top-\[29px\] {
    top: 29px
}

.top-\[2px\] {
    top: 2px
}

.top-\[35px\] {
    top: 35px
}

.top-\[40px\] {
    top: 40px
}

.top-\[48px\] {
    top: 48px
}

.top-\[4px\] {
    top: 4px
}

.top-\[50\%\] {
    top: 50%
}

.top-\[56px\] {
    top: 56px
}

.top-\[5px\] {
    top: 5px
}

.top-\[64px\] {
    top: 64px
}

.top-\[6px\] {
    top: 6px
}

.top-\[72px\] {
    top: 72px
}

.\!z-\[99999\] {
    z-index: 99999 !important
}

.\!z-\[9999\] {
    z-index: 9999 !important
}

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-50 {
    z-index: 50
}

.z-\[10000\] {
    z-index: 10000
}

.z-\[1000\] {
    z-index: 1000
}

.z-\[1001\] {
    z-index: 1001
}

.z-\[100\] {
    z-index: 100
}

.z-\[10\] {
    z-index: 10
}

.z-\[111\] {
    z-index: 111
}

.z-\[11\] {
    z-index: 11
}

.z-\[1500\] {
    z-index: 1500
}

.z-\[1\] {
    z-index: 1
}

.z-\[222\] {
    z-index: 222
}

.z-\[2\] {
    z-index: 2
}

.z-\[3\] {
    z-index: 3
}

.z-\[4\] {
    z-index: 4
}

.z-\[899\] {
    z-index: 899
}

.z-\[8\] {
    z-index: 8
}

.z-\[900\] {
    z-index: 900
}

.z-\[901\] {
    z-index: 901
}

.z-\[99999\] {
    z-index: 99999
}

.z-\[9999\] {
    z-index: 9999
}

.z-\[999\] {
    z-index: 999
}

.z-\[99\] {
    z-index: 99
}

.col-start-1 {
    grid-column-start: 1
}

.row-start-1 {
    grid-row-start: 1
}

.float-right {
    float: right
}

.m-0 {
    margin: 0
}

.m-\[8px\] {
    margin: 8px
}

.m-auto {
    margin: auto
}

.\!my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem
}

.-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem
}

.-mx-\[11px\] {
    margin-left: -11px;
    margin-right: -11px
}

.-mx-\[7px\] {
    margin-left: -7px;
    margin-right: -7px
}

.mx-0 {
    margin-left: 0;
    margin-right: 0
}

.mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.mx-12px {
    margin-left: 12px;
    margin-right: 12px
}

.mx-14px {
    margin-left: 14px;
    margin-right: 14px
}

.mx-16px {
    margin-left: 16px;
    margin-right: 16px
}

.mx-2px {
    margin-left: 2px;
    margin-right: 2px
}

.mx-3 {
    margin-left: .75rem;
    margin-right: .75rem
}

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}

.mx-4px {
    margin-left: 4px;
    margin-right: 4px
}

.mx-6px {
    margin-left: 6px;
    margin-right: 6px
}

.mx-8px {
    margin-left: 8px;
    margin-right: 8px
}

.mx-\[-12px\] {
    margin-left: -12px;
    margin-right: -12px
}

.mx-\[-16px\] {
    margin-left: -16px;
    margin-right: -16px
}

.mx-\[-1rem\] {
    margin-left: -1rem;
    margin-right: -1rem
}

.mx-\[-24px\] {
    margin-left: -24px;
    margin-right: -24px
}

.mx-\[-8px\] {
    margin-left: -8px;
    margin-right: -8px
}

.mx-\[10\%\] {
    margin-left: 10%;
    margin-right: 10%
}

.mx-\[14px\] {
    margin-left: 14px;
    margin-right: 14px
}

.mx-\[2px\] {
    margin-left: 2px;
    margin-right: 2px
}

.mx-\[30px\] {
    margin-left: 30px;
    margin-right: 30px
}

.mx-\[4px\] {
    margin-left: 4px;
    margin-right: 4px
}

.mx-\[5\%\] {
    margin-left: 5%;
    margin-right: 5%
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-1 {
    margin-top: .25rem;
    margin-bottom: .25rem
}

.my-12px {
    margin-top: 12px;
    margin-bottom: 12px
}

.my-16px {
    margin-top: 16px;
    margin-bottom: 16px
}

.my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.my-2px {
    margin-top: 2px;
    margin-bottom: 2px
}

.my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.my-4px {
    margin-top: 4px;
    margin-bottom: 4px
}

.my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.my-6px {
    margin-top: 6px;
    margin-bottom: 6px
}

.my-8px {
    margin-top: 8px;
    margin-bottom: 8px
}

.my-\[\2c 5rem\] {
    margin-top: , 5rem;
    margin-bottom: , 5rem
}

.my-\[0\.5rem\],
.my-\[\.5rem\] {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.my-\[12px\] {
    margin-top: 12px;
    margin-bottom: 12px
}

.my-\[16px\] {
    margin-top: 16px;
    margin-bottom: 16px
}

.my-\[1rem\] {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.my-\[4px\] {
    margin-top: 4px;
    margin-bottom: 4px
}

.my-\[6px\] {
    margin-top: 6px;
    margin-bottom: 6px
}

.\!ml-\[-6px\] {
    margin-left: -6px !important
}

.\!mr-0 {
    margin-right: 0 !important
}

.\!mt-\[6px\] {
    margin-top: 6px !important
}

.\!mt-\[8px\] {
    margin-top: 8px !important
}

.-ml-4px {
    margin-left: -4px
}

.-mt-\[60px\] {
    margin-top: -60px
}

.mb-0 {
    margin-bottom: 0
}

.mb-0\.5 {
    margin-bottom: .125rem
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-1\.5 {
    margin-bottom: .375rem
}

.mb-12px {
    margin-bottom: 12px
}

.mb-16px {
    margin-bottom: 16px
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-2\.5 {
    margin-bottom: .625rem
}

.mb-24px {
    margin-bottom: 24px
}

.mb-2px {
    margin-bottom: 2px
}

.mb-3 {
    margin-bottom: .75rem
}

.mb-36px {
    margin-bottom: 36px
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-4px {
    margin-bottom: 4px
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-6px {
    margin-bottom: 6px
}

.mb-8px {
    margin-bottom: 8px
}

.mb-\[0\.87rem\] {
    margin-bottom: .87rem
}

.mb-\[0px\] {
    margin-bottom: 0
}

.mb-\[1\.64rem\] {
    margin-bottom: 1.64rem
}

.mb-\[10\.21px\] {
    margin-bottom: 10.21px
}

.mb-\[100px\] {
    margin-bottom: 100px
}

.mb-\[12px\] {
    margin-bottom: 12px
}

.mb-\[15px\] {
    margin-bottom: 15px
}

.mb-\[16px\] {
    margin-bottom: 16px
}

.mb-\[17px\] {
    margin-bottom: 17px
}

.mb-\[20px\] {
    margin-bottom: 20px
}

.mb-\[24px\] {
    margin-bottom: 24px
}

.mb-\[25px\] {
    margin-bottom: 25px
}

.mb-\[2px\] {
    margin-bottom: 2px
}

.mb-\[30px\] {
    margin-bottom: 30px
}

.mb-\[32px\] {
    margin-bottom: 32px
}

.mb-\[36px\] {
    margin-bottom: 36px
}

.mb-\[4px\] {
    margin-bottom: 4px
}

.mb-\[58px\] {
    margin-bottom: 58px
}

.mb-\[60px\] {
    margin-bottom: 60px
}

.mb-\[80px\] {
    margin-bottom: 80px
}

.mb-\[8px\] {
    margin-bottom: 8px
}

.ml-0 {
    margin-left: 0
}

.ml-0\.5 {
    margin-left: .125rem
}

.ml-1 {
    margin-left: .25rem
}

.ml-10px {
    margin-left: 10px
}

.ml-12px {
    margin-left: 12px
}

.ml-14px {
    margin-left: 14px
}

.ml-16px {
    margin-left: 16px
}

.ml-2 {
    margin-left: .5rem
}

.ml-2px {
    margin-left: 2px
}

.ml-3 {
    margin-left: .75rem
}

.ml-4 {
    margin-left: 1rem
}

.ml-4px {
    margin-left: 4px
}

.ml-6 {
    margin-left: 1.5rem
}

.ml-6px {
    margin-left: 6px
}

.ml-7 {
    margin-left: 1.75rem
}

.ml-8px {
    margin-left: 8px
}

.ml-\[-2px\] {
    margin-left: -2px
}

.ml-\[-4px\] {
    margin-left: -4px
}

.ml-\[-8px\] {
    margin-left: -8px
}

.ml-\[0\.25rem\],
.ml-\[\.25rem\] {
    margin-left: .25rem
}

.ml-\[0\.5px\] {
    margin-left: .5px
}

.ml-\[0\.5rem\] {
    margin-left: .5rem
}

.ml-\[10px\] {
    margin-left: 10px
}

.ml-\[12px\] {
    margin-left: 12px
}

.ml-\[13px\] {
    margin-left: 13px
}

.ml-\[16px\] {
    margin-left: 16px
}

.ml-\[1rem\] {
    margin-left: 1rem
}

.ml-\[20px\] {
    margin-left: 20px
}

.ml-\[2px\] {
    margin-left: 2px
}

.ml-\[3\.5rem\] {
    margin-left: 3.5rem
}

.ml-\[3px\] {
    margin-left: 3px
}

.ml-\[40px\] {
    margin-left: 40px
}

.ml-\[4px\] {
    margin-left: 4px
}

.ml-\[5\%\] {
    margin-left: 5%
}

.ml-\[50px\] {
    margin-left: 50px
}

.ml-\[6px\] {
    margin-left: 6px
}

.ml-\[8px\] {
    margin-left: 8px
}

.ml-auto {
    margin-left: auto
}

.mr-0 {
    margin-right: 0
}

.mr-0\.5 {
    margin-right: .125rem
}

.mr-1 {
    margin-right: .25rem
}

.mr-10px {
    margin-right: 10px
}

.mr-12px {
    margin-right: 12px
}

.mr-2 {
    margin-right: .5rem
}

.mr-2px {
    margin-right: 2px
}

.mr-3 {
    margin-right: .75rem
}

.mr-4px {
    margin-right: 4px
}

.mr-8px {
    margin-right: 8px
}

.mr-\[-12px\] {
    margin-right: -12px
}

.mr-\[-4px\] {
    margin-right: -4px
}

.mr-\[-6px\] {
    margin-right: -6px
}

.mr-\[-8px\] {
    margin-right: -8px
}

.mr-\[\.5rem\] {
    margin-right: .5rem
}

.mr-\[0\.25rem\] {
    margin-right: .25rem
}

.mr-\[0\.5rem\] {
    margin-right: .5rem
}

.mr-\[0\.75rem\] {
    margin-right: .75rem
}

.mr-\[10px\] {
    margin-right: 10px
}

.mr-\[12px\] {
    margin-right: 12px
}

.mr-\[1px\] {
    margin-right: 1px
}

.mr-\[20px\] {
    margin-right: 20px
}

.mr-\[24px\] {
    margin-right: 24px
}

.mr-\[30px\] {
    margin-right: 30px
}

.mr-\[4px\] {
    margin-right: 4px
}

.mr-\[5px\] {
    margin-right: 5px
}

.mr-\[8px\] {
    margin-right: 8px
}

.mt-0 {
    margin-top: 0
}

.mt-0\.5 {
    margin-top: .125rem
}

.mt-1 {
    margin-top: .25rem
}

.mt-10 {
    margin-top: 2.5rem
}

.mt-10px {
    margin-top: 10px
}

.mt-12 {
    margin-top: 3rem
}

.mt-12px {
    margin-top: 12px
}

.mt-14px {
    margin-top: 14px
}

.mt-16px {
    margin-top: 16px
}

.mt-18px {
    margin-top: 18px
}

.mt-2 {
    margin-top: .5rem
}

.mt-20px {
    margin-top: 20px
}

.mt-24px {
    margin-top: 24px
}

.mt-28px {
    margin-top: 28px
}

.mt-2px {
    margin-top: 2px
}

.mt-3 {
    margin-top: .75rem
}

.mt-36px {
    margin-top: 36px
}

.mt-4 {
    margin-top: 1rem
}

.mt-40px {
    margin-top: 40px
}

.mt-4px {
    margin-top: 4px
}

.mt-5 {
    margin-top: 1.25rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-6px {
    margin-top: 6px
}

.mt-7 {
    margin-top: 1.75rem
}

.mt-8 {
    margin-top: 2rem
}

.mt-8px {
    margin-top: 8px
}

.mt-\[-4px\] {
    margin-top: -4px
}

.mt-\[\.5rem\] {
    margin-top: .5rem
}

.mt-\[\.6rem\] {
    margin-top: .6rem
}

.mt-\[0\.5rem\] {
    margin-top: .5rem
}

.mt-\[0\.75rem\] {
    margin-top: .75rem
}

.mt-\[1\.5rem\] {
    margin-top: 1.5rem
}

.mt-\[1\.64rem\] {
    margin-top: 1.64rem
}

.mt-\[100px\] {
    margin-top: 100px
}

.mt-\[10px\] {
    margin-top: 10px
}

.mt-\[10rem\] {
    margin-top: 10rem
}

.mt-\[11px\] {
    margin-top: 11px
}

.mt-\[120px\] {
    margin-top: 120px
}

.mt-\[12px\] {
    margin-top: 12px
}

.mt-\[12x\] {
    margin-top: 12x
}

.mt-\[13px\] {
    margin-top: 13px
}

.mt-\[146px\] {
    margin-top: 146px
}

.mt-\[14px\] {
    margin-top: 14px
}

.mt-\[16px\] {
    margin-top: 16px
}

.mt-\[17px\] {
    margin-top: 17px
}

.mt-\[17rem\] {
    margin-top: 17rem
}

.mt-\[184px\] {
    margin-top: 184px
}

.mt-\[18px\] {
    margin-top: 18px
}

.mt-\[1px\] {
    margin-top: 1px
}

.mt-\[1rem\] {
    margin-top: 1rem
}

.mt-\[2\.26rem\] {
    margin-top: 2.26rem
}

.mt-\[2\.2rem\] {
    margin-top: 2.2rem
}

.mt-\[2\.73rem\] {
    margin-top: 2.73rem
}

.mt-\[200px\] {
    margin-top: 200px
}

.mt-\[20px\] {
    margin-top: 20px
}

.mt-\[224px\] {
    margin-top: 224px
}

.mt-\[24px\] {
    margin-top: 24px
}

.mt-\[25px\] {
    margin-top: 25px
}

.mt-\[26px\] {
    margin-top: 26px
}

.mt-\[2px\] {
    margin-top: 2px
}

.mt-\[2rem\] {
    margin-top: 2rem
}

.mt-\[30px\] {
    margin-top: 30px
}

.mt-\[32px\] {
    margin-top: 32px
}

.mt-\[36px\] {
    margin-top: 36px
}

.mt-\[3rem\] {
    margin-top: 3rem
}

.mt-\[40px\] {
    margin-top: 40px
}

.mt-\[43px\] {
    margin-top: 43px
}

.mt-\[47px\] {
    margin-top: 47px
}

.mt-\[48px\] {
    margin-top: 48px
}

.mt-\[4px\] {
    margin-top: 4px
}

.mt-\[50px\] {
    margin-top: 50px
}

.mt-\[55px\] {
    margin-top: 55px
}

.mt-\[56px\] {
    margin-top: 56px
}

.mt-\[60px\] {
    margin-top: 60px
}

.mt-\[64px\] {
    margin-top: 64px
}

.mt-\[68px\] {
    margin-top: 68px
}

.mt-\[6px\] {
    margin-top: 6px
}

.mt-\[7px\] {
    margin-top: 7px
}

.mt-\[80px\] {
    margin-top: 80px
}

.mt-\[8px\] {
    margin-top: 8px
}

.mt-\[90px\] {
    margin-top: 90px
}

.mt-\[9px\] {
    margin-top: 9px
}

.mt-auto {
    margin-top: auto
}

.\!box-border {
    box-sizing: border-box !important
}

.box-border {
    box-sizing: border-box
}

.line-clamp-2 {
    -webkit-line-clamp: 2
}

.line-clamp-2,
.line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.line-clamp-3 {
    -webkit-line-clamp: 3
}

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

.contents {
    display: contents
}

.hidden {
    display: none
}

.aspect-\[288\/160\] {
    aspect-ratio: 288/160
}

.size-12px {
    width: 12px;
    height: 12px
}

.size-14px {
    width: 14px;
    height: 14px
}

.size-16px {
    width: 16px;
    height: 16px
}

.size-8px {
    width: 8px;
    height: 8px
}

.size-\[12px\] {
    width: 12px;
    height: 12px
}

.size-\[22px\] {
    width: 22px;
    height: 22px
}

.size-full {
    width: 100%;
    height: 100%
}

.\!h-14px {
    height: 14px !important
}

.\!h-\[100\%\] {
    height: 100% !important
}

.\!h-\[12px\] {
    height: 12px !important
}

.\!h-\[136px\] {
    height: 136px !important
}

.\!h-\[20px\] {
    height: 20px !important
}

.\!h-\[24px\] {
    height: 24px !important
}

.\!h-\[28px\] {
    height: 28px !important
}

.\!h-\[32px\] {
    height: 32px !important
}

.\!h-\[34px\] {
    height: 34px !important
}

.\!h-\[42px\] {
    height: 42px !important
}

.\!h-\[50px\] {
    height: 50px !important
}

.\!h-auto {
    height: auto !important
}

.\!h-full {
    height: 100% !important
}

.h-0 {
    height: 0
}

.h-10 {
    height: 2.5rem
}

.h-10px {
    height: 10px
}

.h-11 {
    height: 2.75rem
}

.h-12 {
    height: 3rem
}

.h-12px {
    height: 12px
}

.h-14px {
    height: 14px
}

.h-16px {
    height: 16px
}

.h-18px {
    height: 18px
}

.h-1px {
    height: 1px
}

.h-2\.5 {
    height: .625rem
}

.h-20px {
    height: 20px
}

.h-22px {
    height: 22px
}

.h-24 {
    height: 6rem
}

.h-24px {
    height: 24px
}

.h-28px {
    height: 28px
}

.h-2px {
    height: 2px
}

.h-3 {
    height: .75rem
}

.h-36px {
    height: 36px
}

.h-4 {
    height: 1rem
}

.h-40 {
    height: 10rem
}

.h-40px {
    height: 40px
}

.h-4px {
    height: 4px
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-60 {
    height: 15rem
}

.h-6px {
    height: 6px
}

.h-7 {
    height: 1.75rem
}

.h-8 {
    height: 2rem
}

.h-8px {
    height: 8px
}

.h-9 {
    height: 2.25rem
}

.h-\[0\.5px\],
.h-\[\.5px\] {
    height: .5px
}

.h-\[0\.px\] {
    height: 0
}

.h-\[1\.75rem\] {
    height: 1.75rem
}

.h-\[1000px\] {
    height: 1000px
}

.h-\[100px\] {
    height: 100px
}

.h-\[100vh\] {
    height: 100vh
}

.h-\[1063px\] {
    height: 1063px
}

.h-\[106px\] {
    height: 106px
}

.h-\[10px\] {
    height: 10px
}

.h-\[112px\] {
    height: 112px
}

.h-\[115px\] {
    height: 115px
}

.h-\[11px\] {
    height: 11px
}

.h-\[120px\] {
    height: 120px
}

.h-\[12px\] {
    height: 12px
}

.h-\[130px\] {
    height: 130px
}

.h-\[132px\] {
    height: 132px
}

.h-\[136px\] {
    height: 136px
}

.h-\[13px\] {
    height: 13px
}

.h-\[14\.3px\] {
    height: 14.3px
}

.h-\[142px\] {
    height: 142px
}

.h-\[144px\] {
    height: 144px
}

.h-\[14px\] {
    height: 14px
}

.h-\[150px\] {
    height: 150px
}

.h-\[152px\] {
    height: 152px
}

.h-\[156px\] {
    height: 156px
}

.h-\[15px\] {
    height: 15px
}

.h-\[160px\] {
    height: 160px
}

.h-\[168px\] {
    height: 168px
}

.h-\[16px\] {
    height: 16px
}

.h-\[16rem\] {
    height: 16rem
}

.h-\[176px\] {
    height: 176px
}

.h-\[17px\] {
    height: 17px
}

.h-\[180px\] {
    height: 180px
}

.h-\[187px\] {
    height: 187px
}

.h-\[18px\] {
    height: 18px
}

.h-\[19\.5px\] {
    height: 19.5px
}

.h-\[197px\] {
    height: 197px
}

.h-\[19px\] {
    height: 19px
}

.h-\[1px\] {
    height: 1px
}

.h-\[2\.8rem\] {
    height: 2.8rem
}

.h-\[200px\] {
    height: 200px
}

.h-\[204px\] {
    height: 204px
}

.h-\[20px\] {
    height: 20px
}

.h-\[214px\] {
    height: 214px
}

.h-\[220px\] {
    height: 220px
}

.h-\[22px\] {
    height: 22px
}

.h-\[22rem\] {
    height: 22rem
}

.h-\[230px\] {
    height: 230px
}

.h-\[236px\] {
    height: 236px
}

.h-\[23px\] {
    height: 23px
}

.h-\[240px\] {
    height: 240px
}

.h-\[24px\] {
    height: 24px
}

.h-\[25px\] {
    height: 25px
}

.h-\[262px\] {
    height: 262px
}

.h-\[26px\] {
    height: 26px
}

.h-\[28px\] {
    height: 28px
}

.h-\[29\.8px\] {
    height: 29.8px
}

.h-\[2px\] {
    height: 2px
}

.h-\[300px\] {
    height: 300px
}

.h-\[30px\] {
    height: 30px
}

.h-\[32\.68px\] {
    height: 32.68px
}

.h-\[32px\] {
    height: 32px
}

.h-\[33px\] {
    height: 33px
}

.h-\[34\.05px\] {
    height: 34.05px
}

.h-\[34px\] {
    height: 34px
}

.h-\[35px\] {
    height: 35px
}

.h-\[366px\] {
    height: 366px
}

.h-\[368px\] {
    height: 368px
}

.h-\[36px\] {
    height: 36px
}

.h-\[384px\] {
    height: 384px
}

.h-\[38px\] {
    height: 38px
}

.h-\[397px\] {
    height: 397px
}

.h-\[3px\] {
    height: 3px
}

.h-\[400px\] {
    height: 400px
}

.h-\[40px\] {
    height: 40px
}

.h-\[412px\] {
    height: 412px
}

.h-\[41px\] {
    height: 41px
}

.h-\[42\.4px\] {
    height: 42.4px
}

.h-\[429px\] {
    height: 429px
}

.h-\[42px\] {
    height: 42px
}

.h-\[440px\] {
    height: 440px
}

.h-\[44px\] {
    height: 44px
}

.h-\[46px\] {
    height: 46px
}

.h-\[48px\] {
    height: 48px
}

.h-\[500px\] {
    height: 500px
}

.h-\[50px\] {
    height: 50px
}

.h-\[50vh\] {
    height: 50vh
}

.h-\[522px\] {
    height: 522px
}

.h-\[52px\] {
    height: 52px
}

.h-\[54px\] {
    height: 54px
}

.h-\[550px\] {
    height: 550px
}

.h-\[55px\] {
    height: 55px
}

.h-\[56px\] {
    height: 56px
}

.h-\[57px\] {
    height: 57px
}

.h-\[600px\] {
    height: 600px
}

.h-\[602px\] {
    height: 602px
}

.h-\[60px\] {
    height: 60px
}

.h-\[64px\] {
    height: 64px
}

.h-\[65px\] {
    height: 65px
}

.h-\[6px\] {
    height: 6px
}

.h-\[70px\] {
    height: 70px
}

.h-\[72px\] {
    height: 72px
}

.h-\[742px\] {
    height: 742px
}

.h-\[75\.75px\] {
    height: 75.75px
}

.h-\[75px\] {
    height: 75px
}

.h-\[76px\] {
    height: 76px
}

.h-\[800px\] {
    height: 800px
}

.h-\[80px\] {
    height: 80px
}

.h-\[82px\] {
    height: 82px
}

.h-\[886px\] {
    height: 886px
}

.h-\[8px\] {
    height: 8px
}

.h-\[8rem\] {
    height: 8rem
}

.h-\[900px\] {
    height: 900px
}

.h-\[90px\] {
    height: 90px
}

.h-\[92px\] {
    height: 92px
}

.h-\[930px\] {
    height: 930px
}

.h-\[96px\] {
    height: 96px
}

.h-\[98px\] {
    height: 98px
}

.h-\[calc\(100\%-80px-1rem\)\] {
    height: calc(100% - 80px - 1rem)
}

.h-\[calc\(100vh-140px\)\] {
    height: calc(100vh - 140px)
}

.h-\[calc\(100vh-160px\)\] {
    height: calc(100vh - 160px)
}

.h-\[calc\(100vh-166px\)\] {
    height: calc(100vh - 166px)
}

.h-\[calc\(100vh-200px\)\] {
    height: calc(100vh - 200px)
}

.h-\[calc\(100vh_-_120px\)\] {
    height: calc(100vh - 120px)
}

.h-auto {
    height: auto
}

.h-fit {
    height: -moz-fit-content;
    height: fit-content
}

.h-full {
    height: 100%
}

.h-max {
    height: -moz-max-content;
    height: max-content
}

.h-px {
    height: 1px
}

.h-screen {
    height: 100vh
}

.max-h-\[200px\] {
    max-height: 200px
}

.max-h-\[248px\] {
    max-height: 248px
}

.max-h-\[24rem\] {
    max-height: 24rem
}

.max-h-\[300px\] {
    max-height: 300px
}

.max-h-\[360px\] {
    max-height: 360px
}

.max-h-\[400px\] {
    max-height: 400px
}

.max-h-\[431\.4px\] {
    max-height: 431.4px
}

.max-h-\[440px\] {
    max-height: 440px
}

.max-h-\[520px\] {
    max-height: 520px
}

.max-h-\[596px\] {
    max-height: 596px
}

.max-h-\[72px\] {
    max-height: 72px
}

.max-h-screen {
    max-height: 100vh
}

.min-h-0 {
    min-height: 0
}

.min-h-8 {
    min-height: 2rem
}

.min-h-\[116px\] {
    min-height: 116px
}

.min-h-\[16px\] {
    min-height: 16px
}

.min-h-\[18px\] {
    min-height: 18px
}

.min-h-\[197px\] {
    min-height: 197px
}

.min-h-\[200px\] {
    min-height: 200px
}

.min-h-\[20px\] {
    min-height: 20px
}

.min-h-\[280px\] {
    min-height: 280px
}

.min-h-\[28px\] {
    min-height: 28px
}

.min-h-\[30px\] {
    min-height: 30px
}

.min-h-\[32px\] {
    min-height: 32px
}

.min-h-\[36px\] {
    min-height: 36px
}

.min-h-\[40px\] {
    min-height: 40px
}

.min-h-\[42px\] {
    min-height: 42px
}

.min-h-\[50px\] {
    min-height: 50px
}

.min-h-\[600px\] {
    min-height: 600px
}

.min-h-\[80px\] {
    min-height: 80px
}

.min-h-\[98px\] {
    min-height: 98px
}

.min-h-\[unset\] {
    min-height: 0;
    min-height: auto
}

.min-h-screen {
    min-height: 100vh
}

.\!w-\[100px\] {
    width: 100px !important
}

.\!w-\[200px\] {
    width: 200px !important
}

.\!w-\[20px\] {
    width: 20px !important
}

.\!w-\[276px\] {
    width: 276px !important
}

.\!w-\[40\%\] {
    width: 40% !important
}

.\!w-\[60\%\] {
    width: 60% !important
}

.\!w-\[80\%\] {
    width: 80% !important
}

.\!w-\[90\%\] {
    width: 90% !important
}

.\!w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important
}

.\!w-full {
    width: 100% !important
}

.w-0 {
    width: 0
}

.w-1\/3 {
    width: 33.333333%
}

.w-10 {
    width: 2.5rem
}

.w-10px {
    width: 10px
}

.w-12px {
    width: 12px
}

.w-14px {
    width: 14px
}

.w-16px {
    width: 16px
}

.w-1px {
    width: 1px
}

.w-2\/3 {
    width: 66.666667%
}

.w-20px {
    width: 20px
}

.w-22px {
    width: 22px
}

.w-24px {
    width: 24px
}

.w-28px {
    width: 28px
}

.w-2px {
    width: 2px
}

.w-4 {
    width: 1rem
}

.w-5 {
    width: 1.25rem
}

.w-6 {
    width: 1.5rem
}

.w-6px {
    width: 6px
}

.w-7 {
    width: 1.75rem
}

.w-8 {
    width: 2rem
}

.w-8px {
    width: 8px
}

.w-9 {
    width: 2.25rem
}

.w-\[0\.5px\] {
    width: .5px
}

.w-\[10\%\] {
    width: 10%
}

.w-\[100\%\] {
    width: 100%
}

.w-\[100px\] {
    width: 100px
}

.w-\[100vw\] {
    width: 100vw
}

.w-\[1014px\] {
    width: 1014px
}

.w-\[10px\] {
    width: 10px
}

.w-\[115px\] {
    width: 115px
}

.w-\[119\.99px\] {
    width: 119.99px
}

.w-\[120px\] {
    width: 120px
}

.w-\[121px\] {
    width: 121px
}

.w-\[12px\] {
    width: 12px
}

.w-\[132px\] {
    width: 132px
}

.w-\[135px\] {
    width: 135px
}

.w-\[1366px\] {
    width: 1366px
}

.w-\[138px\] {
    width: 138px
}

.w-\[1409px\] {
    width: 1409px
}

.w-\[147px\] {
    width: 147px
}

.w-\[148px\] {
    width: 148px
}

.w-\[14px\] {
    width: 14px
}

.w-\[150px\] {
    width: 150px
}

.w-\[152px\] {
    width: 152px
}

.w-\[159px\] {
    width: 159px
}

.w-\[160px\] {
    width: 160px
}

.w-\[163px\] {
    width: 163px
}

.w-\[164px\] {
    width: 164px
}

.w-\[168px\] {
    width: 168px
}

.w-\[16px\] {
    width: 16px
}

.w-\[170px\] {
    width: 170px
}

.w-\[180px\] {
    width: 180px
}

.w-\[185px\] {
    width: 185px
}

.w-\[18px\] {
    width: 18px
}

.w-\[1px\] {
    width: 1px
}

.w-\[200px\] {
    width: 200px
}

.w-\[204px\] {
    width: 204px
}

.w-\[20px\] {
    width: 20px
}

.w-\[20x\] {
    width: 20x
}

.w-\[212px\] {
    width: 212px
}

.w-\[216px\] {
    width: 216px
}

.w-\[21rem\] {
    width: 21rem
}

.w-\[22px\] {
    width: 22px
}

.w-\[232px\] {
    width: 232px
}

.w-\[236px\] {
    width: 236px
}

.w-\[23px\] {
    width: 23px
}

.w-\[240px\] {
    width: 240px
}

.w-\[24px\] {
    width: 24px
}

.w-\[24rem\] {
    width: 24rem
}

.w-\[25\%\] {
    width: 25%
}

.w-\[258px\] {
    width: 258px
}

.w-\[26\.5px\] {
    width: 26.5px
}

.w-\[260px\] {
    width: 260px
}

.w-\[26px\] {
    width: 26px
}

.w-\[276px\] {
    width: 276px
}

.w-\[280px\] {
    width: 280px
}

.w-\[282px\] {
    width: 282px
}

.w-\[28px\] {
    width: 28px
}

.w-\[296px\] {
    width: 296px
}

.w-\[30\%\] {
    width: 30%
}

.w-\[300px\] {
    width: 300px
}

.w-\[30px\] {
    width: 30px
}

.w-\[312px\] {
    width: 312px
}

.w-\[32\.68px\] {
    width: 32.68px
}

.w-\[320px\] {
    width: 320px
}

.w-\[324px\] {
    width: 324px
}

.w-\[32px\] {
    width: 32px
}

.w-\[33\%\] {
    width: 33%
}

.w-\[330px\] {
    width: 330px
}

.w-\[339px\] {
    width: 339px
}

.w-\[33px\] {
    width: 33px
}

.w-\[340px\] {
    width: 340px
}

.w-\[343px\] {
    width: 343px
}

.w-\[34px\] {
    width: 34px
}

.w-\[350px\] {
    width: 350px
}

.w-\[356px\] {
    width: 356px
}

.w-\[358px\] {
    width: 358px
}

.w-\[35px\] {
    width: 35px
}

.w-\[360px\] {
    width: 360px
}

.w-\[368px\] {
    width: 368px
}

.w-\[36px\] {
    width: 36px
}

.w-\[375px\] {
    width: 375px
}

.w-\[38\.5px\] {
    width: 38.5px
}

.w-\[384px\] {
    width: 384px
}

.w-\[396px\] {
    width: 396px
}

.w-\[3px\] {
    width: 3px
}

.w-\[40\%\] {
    width: 40%
}

.w-\[40\.05px\] {
    width: 40.05px
}

.w-\[400px\] {
    width: 400px
}

.w-\[40px\] {
    width: 40px
}

.w-\[42\%\] {
    width: 42%
}

.w-\[420px\] {
    width: 420px
}

.w-\[428px\] {
    width: 428px
}

.w-\[42px\] {
    width: 42px
}

.w-\[440px\] {
    width: 440px
}

.w-\[44px\] {
    width: 44px
}

.w-\[46px\] {
    width: 46px
}

.w-\[48\%\] {
    width: 48%
}

.w-\[48px\] {
    width: 48px
}

.w-\[50\%\] {
    width: 50%
}

.w-\[500px\] {
    width: 500px
}

.w-\[560px\] {
    width: 560px
}

.w-\[56px\] {
    width: 56px
}

.w-\[570px\] {
    width: 570px
}

.w-\[58\%\] {
    width: 58%
}

.w-\[580px\] {
    width: 580px
}

.w-\[59\.5px\] {
    width: 59.5px
}

.w-\[60\%\] {
    width: 60%
}

.w-\[60\.05px\] {
    width: 60.05px
}

.w-\[60px\] {
    width: 60px
}

.w-\[640px\] {
    width: 640px
}

.w-\[650px\] {
    width: 650px
}

.w-\[66\%\] {
    width: 66%
}

.w-\[660px\] {
    width: 660px
}

.w-\[66px\] {
    width: 66px
}

.w-\[680px\] {
    width: 680px
}

.w-\[6px\] {
    width: 6px
}

.w-\[70px\] {
    width: 70px
}

.w-\[72px\] {
    width: 72px
}

.w-\[75px\] {
    width: 75px
}

.w-\[80\%\] {
    width: 80%
}

.w-\[800px\] {
    width: 800px
}

.w-\[80px\] {
    width: 80px
}

.w-\[88px\] {
    width: 88px
}

.w-\[8px\] {
    width: 8px
}

.w-\[90px\] {
    width: 90px
}

.w-\[935px\] {
    width: 935px
}

.w-\[93px\] {
    width: 93px
}

.w-\[97\.22px\] {
    width: 97.22px
}

.w-\[98px\] {
    width: 98px
}

.w-\[calc\(100\%\)\+16px\] {
    width: calc(100%)16px
}

.w-\[calc\(100\%\+24px\)\] {
    width: calc(100% + 24px)
}

.w-\[calc\(100\%-120px\)\],
.w-\[calc\(100\%_-_120px\)\] {
    width: calc(100% - 120px)
}

.w-\[calc\(100\%_-_6px\)\] {
    width: calc(100% - 6px)
}

.w-\[calc\(20\%-6px\)\] {
    width: calc(20% - 6px)
}

.w-\[calc\(25\%-6px\)\] {
    width: calc(25% - 6px)
}

.w-\[calc\(25\%-9px\)\] {
    width: calc(25% - 9px)
}

.w-\[calc\(34\%-16px\)\],
.w-\[calc\(34\%_-_16px\)\] {
    width: calc(34% - 16px)
}

.w-\[calc\(50\%\+16px\)\] {
    width: calc(50% + 16px)
}

.w-\[calc\(50\%-12px\)\] {
    width: calc(50% - 12px)
}

.w-\[calc\(50\%-6px\)\] {
    width: calc(50% - 6px)
}

.w-\[calc\(50\%-8px\)\] {
    width: calc(50% - 8px)
}

.w-\[calc\(60\%-6px\)\] {
    width: calc(60% - 6px)
}

.w-auto {
    width: auto
}

.w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.w-full {
    width: 100%
}

.w-screen {
    width: 100vw
}

.min-w-0 {
    min-width: 0
}

.min-w-\[100\%\] {
    min-width: 100%
}

.min-w-\[100px\] {
    min-width: 100px
}

.min-w-\[102px\] {
    min-width: 102px
}

.min-w-\[104px\] {
    min-width: 104px
}

.min-w-\[105px\] {
    min-width: 105px
}

.min-w-\[112px\] {
    min-width: 112px
}

.min-w-\[120px\] {
    min-width: 120px
}

.min-w-\[12px\] {
    min-width: 12px
}

.min-w-\[1400px\] {
    min-width: 1400px
}

.min-w-\[140px\] {
    min-width: 140px
}

.min-w-\[14px\] {
    min-width: 14px
}

.min-w-\[150px\] {
    min-width: 150px
}

.min-w-\[176px\] {
    min-width: 176px
}

.min-w-\[180px\] {
    min-width: 180px
}

.min-w-\[200px\] {
    min-width: 200px
}

.min-w-\[20px\] {
    min-width: 20px
}

.min-w-\[224px\] {
    min-width: 224px
}

.min-w-\[230px\] {
    min-width: 230px
}

.min-w-\[24px\] {
    min-width: 24px
}

.min-w-\[28px\] {
    min-width: 28px
}

.min-w-\[30px\] {
    min-width: 30px
}

.min-w-\[320px\] {
    min-width: 320px
}

.min-w-\[35px\] {
    min-width: 35px
}

.min-w-\[3rem\] {
    min-width: 3rem
}

.min-w-\[400px\] {
    min-width: 400px
}

.min-w-\[40px\] {
    min-width: 40px
}

.min-w-\[42px\] {
    min-width: 42px
}

.min-w-\[45px\] {
    min-width: 45px
}

.min-w-\[46px\] {
    min-width: 46px
}

.min-w-\[48px\] {
    min-width: 48px
}

.min-w-\[4rem\] {
    min-width: 4rem
}

.min-w-\[508px\] {
    min-width: 508px
}

.min-w-\[50px\] {
    min-width: 50px
}

.min-w-\[56px\] {
    min-width: 56px
}

.min-w-\[60px\] {
    min-width: 60px
}

.min-w-\[64px\] {
    min-width: 64px
}

.min-w-\[70px\] {
    min-width: 70px
}

.min-w-\[74px\] {
    min-width: 74px
}

.min-w-\[77px\] {
    min-width: 77px
}

.min-w-\[80px\] {
    min-width: 80px
}

.min-w-\[84px\] {
    min-width: 84px
}

.min-w-\[850px\] {
    min-width: 850px
}

.min-w-\[85px\] {
    min-width: 85px
}

.min-w-\[90px\] {
    min-width: 90px
}

.min-w-\[92px\] {
    min-width: 92px
}

.min-w-\[calc\(20\%-6px\)\] {
    min-width: calc(20% - 6px)
}

.min-w-\[calc\(25\%-6px\)\] {
    min-width: calc(25% - 6px)
}

.min-w-\[calc\(60\%-6px\)\] {
    min-width: calc(60% - 6px)
}

.min-w-\[unset\] {
    min-width: 0;
    min-width: auto
}

.min-w-fit {
    min-width: -moz-fit-content;
    min-width: fit-content
}

.min-w-full {
    min-width: 100%
}

.max-w-24 {
    max-width: 6rem
}

.max-w-\[100px\] {
    max-width: 100px
}

.max-w-\[108px\] {
    max-width: 108px
}

.max-w-\[10rem\] {
    max-width: 10rem
}

.max-w-\[110px\] {
    max-width: 110px
}

.max-w-\[120px\] {
    max-width: 120px
}

.max-w-\[130px\] {
    max-width: 130px
}

.max-w-\[1352px\] {
    max-width: 1352px
}

.max-w-\[14rem\] {
    max-width: 14rem
}

.max-w-\[150px\] {
    max-width: 150px
}

.max-w-\[15rem\] {
    max-width: 15rem
}

.max-w-\[180px\] {
    max-width: 180px
}

.max-w-\[200px\] {
    max-width: 200px
}

.max-w-\[211px\] {
    max-width: 211px
}

.max-w-\[230px\] {
    max-width: 230px
}

.max-w-\[24rem\] {
    max-width: 24rem
}

.max-w-\[250px\] {
    max-width: 250px
}

.max-w-\[258px\] {
    max-width: 258px
}

.max-w-\[320px\] {
    max-width: 320px
}

.max-w-\[33\%\] {
    max-width: 33%
}

.max-w-\[330px\] {
    max-width: 330px
}

.max-w-\[4\.7rem\] {
    max-width: 4.7rem
}

.max-w-\[400px\] {
    max-width: 400px
}

.max-w-\[40px\] {
    max-width: 40px
}

.max-w-\[416px\] {
    max-width: 416px
}

.max-w-\[44px\] {
    max-width: 44px
}

.max-w-\[46px\] {
    max-width: 46px
}

.max-w-\[480px\] {
    max-width: 480px
}

.max-w-\[4rem\] {
    max-width: 4rem
}

.max-w-\[55px\] {
    max-width: 55px
}

.max-w-\[58px\] {
    max-width: 58px
}

.max-w-\[5rem\] {
    max-width: 5rem
}

.max-w-\[60px\] {
    max-width: 60px
}

.max-w-\[6rem\] {
    max-width: 6rem
}

.max-w-\[78px\] {
    max-width: 78px
}

.max-w-\[80px\] {
    max-width: 80px
}

.max-w-\[84px\] {
    max-width: 84px
}

.max-w-\[8rem\] {
    max-width: 8rem
}

.max-w-\[90px\] {
    max-width: 90px
}

.max-w-\[calc\(100\%-2rem\)\] {
    max-width: calc(100% - 2rem)
}

.max-w-\[calc\(100\%-40px\)\] {
    max-width: calc(100% - 40px)
}

.max-w-\[calc\(20\%-9px\)\] {
    max-width: calc(20% - 9px)
}

.max-w-\[calc\(4\.5rem-\$\{iconSize\}px\)\] {
    max-width:calc(4.5rem - $ {
            iconSize
        }

        px)
}

.max-w-\[unset\] {
    max-width: none
}

.max-w-full {
    max-width: 100%
}

.flex-1 {
    flex: 1 1
}

.flex-\[2\] {
    flex: 2 1
}

.flex-\[2_2_0\%\] {
    flex: 2 2
}

.flex-\[3\] {
    flex: 3 1
}

.flex-\[3_3_0\%\] {
    flex: 3 3
}

.flex-\[4\] {
    flex: 4 1
}

.flex-\[5\] {
    flex: 5 1
}

.flex-none {
    flex: none
}

.flex-shrink {
    flex-shrink: 1
}

.flex-shrink-0,
.shrink-0 {
    flex-shrink: 0
}

.flex-grow {
    flex-grow: 1
}

.basis-1\/2 {
    flex-basis: 50%
}

.basis-1\/4 {
    flex-basis: 25%
}

.table-fixed {
    table-layout: fixed
}

.border-collapse {
    border-collapse: collapse
}

.border-spacing-0 {
    --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)
}

.origin-top {
    transform-origin: top
}

.-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-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-\[-100\%\] {
    --tw-translate-x: -100%;
    transform: translate(-100%, 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-\[-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))
}

.translate-x-\[-18px\] {
    --tw-translate-x: -18px;
    transform: translate(-18px, 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-\[-50\%\] {
    --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-\[-6px\] {
    --tw-translate-x: -6px;
    transform: translate(-6px, 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-\[100\%\] {
    --tw-translate-x: 100%;
    transform: translate(100%, 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-\[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))
}

.translate-y-\[-12px\] {
    --tw-translate-y: -12px;
    transform: translate(var(--tw-translate-x), -12px) 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-\[-2px\] {
    --tw-translate-y: -2px;
    transform: translate(var(--tw-translate-x), -2px) 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-\[-50\%\] {
    --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-y-\[12px\] {
    --tw-translate-y: 12px;
    transform: translate(var(--tw-translate-x), 12px) 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))
}

.-rotate-90 {
    --tw-rotate: -90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-90deg) 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))
}

.-rotate-\[30deg\] {
    --tw-rotate: -30deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-30deg) 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))
}

.rotate-0 {
    --tw-rotate: 0deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(0deg) 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))
}

.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))
}

.rotate-90,
.rotate-\[90deg\] {
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(90deg) 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-50 {
    --tw-scale-x: .5;
    --tw-scale-y: .5;
    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(.5) scaleY(.5);
    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))
}

.scale-\[0\.5\] {
    --tw-scale-x: 0.5;
    --tw-scale-y: 0.5;
    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(.5) scaleY(.5);
    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-\[0\.8\] {
    --tw-scale-x: 0.8;
    --tw-scale-y: 0.8;
    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(.8) scaleY(.8)
}

.scale-\[0\.8\],
.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))
}

.animate-\[slideInFromBottom_\.5s_ease-out\] {
    animation: slideInFromBottom .5s ease-out
}

.animate-\[warn_2s_ease-out_infinite\] {
    animation: warn 2s ease-out infinite
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

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

.animate-spin {
    animation: spin 1s linear infinite
}

.\!cursor-not-allowed {
    cursor: not-allowed !important
}

.cursor-auto {
    cursor: auto
}

.cursor-default {
    cursor: default
}

.cursor-ew-resize {
    cursor: ew-resize
}

.cursor-grab {
    cursor: grab
}

.cursor-move {
    cursor: move
}

.cursor-not-allowed {
    cursor: not-allowed
}

.cursor-ns-resize {
    cursor: ns-resize
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.resize-none {
    resize: none
}

.resize {
    resize: both
}

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

.grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
}

.grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr))
}

.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-items-center {
    place-items: center
}

.content-center {
    align-content: center
}

.content-end {
    align-content: flex-end
}

.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 !important
}

.justify-start {
    justify-content: flex-start
}

.\!justify-end {
    justify-content: flex-end !important
}

.justify-end {
    justify-content: flex-end
}

.\!justify-center {
    justify-content: center !important
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.justify-evenly {
    justify-content: space-evenly
}

.\!gap-0 {
    gap: 0 !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-10px {
    gap: 10px
}

.gap-12px {
    gap: 12px
}

.gap-14px {
    gap: 14px
}

.gap-16px {
    gap: 16px
}

.gap-1px {
    gap: 1px
}

.gap-2 {
    gap: .5rem
}

.gap-2\.5 {
    gap: .625rem
}

.gap-20px {
    gap: 20px
}

.gap-24px {
    gap: 24px
}

.gap-28px {
    gap: 28px
}

.gap-2px {
    gap: 2px
}

.gap-3 {
    gap: .75rem
}

.gap-36px {
    gap: 36px
}

.gap-4 {
    gap: 1rem
}

.gap-4px {
    gap: 4px
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-6px {
    gap: 6px
}

.gap-8px {
    gap: 8px
}

.gap-9 {
    gap: 2.25rem
}

.gap-\[0\.25rem\] {
    gap: .25rem
}

.gap-\[1\.5rem\] {
    gap: 1.5rem
}

.gap-\[10\%\] {
    gap: 10%
}

.gap-\[10px\] {
    gap: 10px
}

.gap-\[12px\] {
    gap: 12px
}

.gap-\[16px\] {
    gap: 16px
}

.gap-\[1px\] {
    gap: 1px
}

.gap-\[1rem\] {
    gap: 1rem
}

.gap-\[20px\] {
    gap: 20px
}

.gap-\[24px\] {
    gap: 24px
}

.gap-\[2px\] {
    gap: 2px
}

.gap-\[32px\] {
    gap: 32px
}

.gap-\[3px\] {
    gap: 3px
}

.gap-\[48px\] {
    gap: 48px
}

.gap-\[4px\] {
    gap: 4px
}

.gap-\[5px\] {
    gap: 5px
}

.gap-\[6px\] {
    gap: 6px
}

.gap-\[7px\] {
    gap: 7px
}

.gap-\[8\.51px\] {
    gap: 8.51px
}

.gap-\[8px\] {
    gap: 8px
}

.gap-x-10px {
    -moz-column-gap: 10px;
    column-gap: 10px
}

.gap-x-12px {
    -moz-column-gap: 12px;
    column-gap: 12px
}

.gap-x-16px {
    -moz-column-gap: 16px;
    column-gap: 16px
}

.gap-x-2 {
    -moz-column-gap: .5rem;
    column-gap: .5rem
}

.gap-x-2px {
    -moz-column-gap: 2px;
    column-gap: 2px
}

.gap-x-4px {
    -moz-column-gap: 4px;
    column-gap: 4px
}

.gap-x-8px {
    -moz-column-gap: 8px;
    column-gap: 8px
}

.gap-x-\[16px\] {
    -moz-column-gap: 16px;
    column-gap: 16px
}

.gap-x-\[24px\] {
    -moz-column-gap: 24px;
    column-gap: 24px
}

.gap-x-\[4px\] {
    -moz-column-gap: 4px;
    column-gap: 4px
}

.gap-y-12px {
    row-gap: 12px
}

.gap-y-2 {
    row-gap: .5rem
}

.gap-y-2px {
    row-gap: 2px
}

.gap-y-4px {
    row-gap: 4px
}

.gap-y-8px {
    row-gap: 8px
}

.gap-y-\[12px\] {
    row-gap: 12px
}

.gap-y-\[32px\] {
    row-gap: 32px
}

.gap-y-\[48px\] {
    row-gap: 48px
}

.gap-y-\[8px\] {
    row-gap: 8px
}

.space-y-8px>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(8px * calc(1 - 0));
    margin-top: calc(8px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(8px * 0);
    margin-bottom: calc(8px * var(--tw-space-y-reverse))
}

.self-end {
    align-self: flex-end
}

.self-center {
    align-self: center
}

.self-stretch {
    align-self: stretch
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.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-visible {
    overflow-y: visible
}

.overflow-x-scroll {
    overflow-x: scroll
}

.overflow-y-scroll {
    overflow-y: scroll
}

.overscroll-contain {
    overscroll-behavior: contain
}

.scroll-smooth {
    scroll-behavior: smooth
}

.truncate {
    overflow: hidden;
    white-space: nowrap
}

.overflow-ellipsis,
.text-ellipsis,
.truncate {
    text-overflow: ellipsis
}

.text-clip {
    text-overflow: clip
}

.whitespace-normal {
    white-space: normal
}

.whitespace-nowrap {
    white-space: nowrap
}

.whitespace-pre {
    white-space: pre
}

.whitespace-pre-line {
    white-space: pre-line
}

.whitespace-pre-wrap {
    white-space: pre-wrap
}

.whitespace-break-spaces {
    white-space: break-spaces
}

.text-nowrap {
    text-wrap: nowrap
}

.break-words {
    overflow-wrap: break-word
}

.break-all {
    word-break: break-all
}

.break-keep {
    word-break: keep-all
}

.\!rounded-6px {
    border-radius: 6px !important
}

.\!rounded-8px,
.\!rounded-\[8px\] {
    border-radius: 8px !important
}

.rounded-10px {
    border-radius: 10px
}

.rounded-12px {
    border-radius: 12px
}

.rounded-16px {
    border-radius: 16px
}

.rounded-20px {
    border-radius: 20px
}

.rounded-22px {
    border-radius: 22px
}

.rounded-24px {
    border-radius: 24px
}

.rounded-2px {
    border-radius: 2px
}

.rounded-4px {
    border-radius: 4px
}

.rounded-6px {
    border-radius: 6px
}

.rounded-8px {
    border-radius: 8px
}

.rounded-\[\.75rem\] {
    border-radius: .75rem
}

.rounded-\[0\.5rem\] {
    border-radius: .5rem
}

.rounded-\[0\.6rem\] {
    border-radius: .6rem
}

.rounded-\[0\.75rem\] {
    border-radius: .75rem
}

.rounded-\[0\.8rem\] {
    border-radius: .8rem
}

.rounded-\[10px\] {
    border-radius: 10px
}

.rounded-\[115px\] {
    border-radius: 115px
}

.rounded-\[12px\] {
    border-radius: 12px
}

.rounded-\[132px\] {
    border-radius: 132px
}

.rounded-\[14px\] {
    border-radius: 14px
}

.rounded-\[16px\] {
    border-radius: 16px
}

.rounded-\[1px\] {
    border-radius: 1px
}

.rounded-\[2\.75rem\] {
    border-radius: 2.75rem
}

.rounded-\[22px\] {
    border-radius: 22px
}

.rounded-\[24px\] {
    border-radius: 24px
}

.rounded-\[26px\] {
    border-radius: 26px
}

.rounded-\[28px\] {
    border-radius: 28px
}

.rounded-\[30px\] {
    border-radius: 30px
}

.rounded-\[32px\] {
    border-radius: 32px
}

.rounded-\[35px\] {
    border-radius: 35px
}

.rounded-\[3px\] {
    border-radius: 3px
}

.rounded-\[42px\] {
    border-radius: 42px
}

.rounded-\[4px\] {
    border-radius: 4px
}

.rounded-\[50\%\] {
    border-radius: 50%
}

.rounded-\[55px\] {
    border-radius: 55px
}

.rounded-\[5px\] {
    border-radius: 5px
}

.rounded-\[6\.39px\] {
    border-radius: 6.39px
}

.rounded-\[6px\] {
    border-radius: 6px
}

.rounded-\[70px\] {
    border-radius: 70px
}

.rounded-\[77px\] {
    border-radius: 77px
}

.rounded-\[7px\] {
    border-radius: 7px
}

.rounded-\[8\.42px\] {
    border-radius: 8.42px
}

.rounded-\[8px\] {
    border-radius: 8px
}

.rounded-\[99px\] {
    border-radius: 99px
}

.rounded-\[9px\] {
    border-radius: 9px
}

.rounded-full {
    border-radius: 9999px
}

.rounded-none {
    border-radius: 0
}

.rounded-l-4px {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.rounded-l-6px,
.rounded-l-\[6px\] {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.rounded-l-\[8px\] {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.rounded-r-6px {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.rounded-r-\[8px\] {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

.rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.rounded-t-\[16px\] {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px
}

.rounded-t-\[8\.42px\] {
    border-top-left-radius: 8.42px;
    border-top-right-radius: 8.42px
}

.\!rounded-bl-\[0px\] {
    border-bottom-left-radius: 0 !important
}

.\!rounded-br-\[0px\] {
    border-bottom-right-radius: 0 !important
}

.\!rounded-tl-\[6px\] {
    border-top-left-radius: 6px !important
}

.\!rounded-tr-\[6px\] {
    border-top-right-radius: 6px !important
}

.rounded-bl-\[6px\] {
    border-bottom-left-radius: 6px
}

.rounded-br-12px {
    border-bottom-right-radius: 12px
}

.rounded-tl-\[12px\] {
    border-top-left-radius: 12px
}

.rounded-tr-12px,
.rounded-tr-\[12px\] {
    border-top-right-radius: 12px
}

.\!border-0 {
    border-width: 0 !important
}

.\!border-\[1px\] {
    border-width: 1px !important
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0
}

.border-2 {
    border-width: 2px
}

.border-\[0\.5px\],
.border-\[\.5px\] {
    border-width: .5px
}

.border-\[0px\] {
    border-width: 0
}

.border-\[1px\] {
    border-width: 1px
}

.border-\[2px\] {
    border-width: 2px
}

.border-x-\[1px\] {
    border-left-width: 1px;
    border-right-width: 1px
}

.border-y {
    border-top-width: 1px;
    border-bottom-width: 1px
}

.\!border-b-0 {
    border-bottom-width: 0 !important
}

.border-b {
    border-bottom-width: 1px
}

.border-b-0 {
    border-bottom-width: 0
}

.border-b-\[0\.5px\],
.border-b-\[\.5px\] {
    border-bottom-width: .5px
}

.border-b-\[1px\] {
    border-bottom-width: 1px
}

.border-l {
    border-left-width: 1px
}

.border-l-0 {
    border-left-width: 0
}

.border-l-\[1px\] {
    border-left-width: 1px
}

.border-r {
    border-right-width: 1px
}

.border-r-0 {
    border-right-width: 0
}

.border-r-\[1px\] {
    border-right-width: 1px
}

.border-t {
    border-top-width: 1px
}

.border-t-0 {
    border-top-width: 0
}

.border-t-\[0\.5px\] {
    border-top-width: .5px
}

.border-t-\[1px\] {
    border-top-width: 1px
}

.\!border-solid {
    border-style: solid !important
}

.border-solid {
    border-style: solid
}

.border-dashed {
    border-style: dashed
}

.\!border-none {
    border-style: none !important
}

.border-none {
    border-style: none
}

.\!border-increase-100 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--color-increase-100)/var(--tw-border-opacity, 1)) !important
}

.\!border-line-100 {
    border-color: rgba(var(--color-line-100)) !important
}

.\!border-line-200 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--color-line-200)/var(--tw-border-opacity, 1)) !important
}

.\!border-transparent {
    border-color: transparent !important
}

.border-\[\#4273DD\]\/40 {
    border-color: rgb(66 115 221/.4)
}

.border-\[\#484848\] {
    --tw-border-opacity: 1;
    border-color: rgb(72 72 72/1)
}

@supports (color:rgb(0 0 0/0)) {
    .border-\[\#484848\] {
        border-color: rgb(72 72 72/var(--tw-border-opacity, 1))
    }
}

.border-\[\#6E727D\] {
    --tw-border-opacity: 1;
    border-color: rgb(110 114 125/1)
}

@supports (color:rgb(0 0 0/0)) {
    .border-\[\#6E727D\] {
        border-color: rgb(110 114 125/var(--tw-border-opacity, 1))
    }
}

.border-\[\#F0A968\]\/40 {
    border-color: rgb(240 169 104/.4)
}

.border-\[\#ffec43\] {
    --tw-border-opacity: 1;
    border-color: rgb(255 236 67/1)
}

@supports (color:rgb(0 0 0/0)) {
    .border-\[\#ffec43\] {
        border-color: rgb(255 236 67/var(--tw-border-opacity, 1))
    }
}

.border-\[\#ffffff\] {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/1)
}

@supports (color:rgb(0 0 0/0)) {
    .border-\[\#ffffff\] {
        border-color: rgb(255 255 255/var(--tw-border-opacity, 1))
    }
}

.border-\[auxiliary\] {
    border-color: auxiliary
}

.border-\[line\] {
    border-color: line
}

.border-\[rgba\(255\2c 255\2c 255\2c 0\.1\)\] {
    border-color: rgba(255, 255, 255, .1)
}

.border-accent {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-accent)/var(--tw-border-opacity, 1))
}

.border-bg-100 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-bg-100)/var(--tw-border-opacity, 1))
}

.border-blue-100\/40 {
    border-color: rgb(var(--color-blue-100)/.4)
}

.border-card-100 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-card-100)/var(--tw-border-opacity, 1))
}

.border-card-200 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-card-200)/var(--tw-border-opacity, 1))
}

.border-decrease,
.border-decrease-100 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-decrease-100)/var(--tw-border-opacity, 1))
}

.border-divider {
    border-color: rgba(var(--color-divider-100))
}

.border-green-100 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-green-100)/var(--tw-border-opacity, 1))
}

.border-increase,
.border-increase-100 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-increase-100)/var(--tw-border-opacity, 1))
}

.border-input-100 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-input-100)/var(--tw-border-opacity, 1))
}

.border-line-100 {
    border-color: rgba(var(--color-line-100))
}

.border-line-200 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-line-200)/var(--tw-border-opacity, 1))
}

.border-line-300 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-line-300)/var(--tw-border-opacity, 1))
}

.border-line-50 {
    border-color: rgba(var(--color-line-50))
}

.border-primary {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-primary)/var(--tw-border-opacity, 1))
}

.border-red-100 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-red-100)/var(--tw-border-opacity, 1))
}

.border-red-200 {
    border-color: rgba(var(--color-red-200))
}

.border-red-50 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-red-50)/var(--tw-border-opacity, 1))
}

.border-text-100 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-text-100)/var(--tw-border-opacity, 1))
}

.border-text-200 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-text-200)/var(--tw-border-opacity, 1))
}

.border-text-300 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-text-300)/var(--tw-border-opacity, 1))
}

.border-text-400 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-text-400)/var(--tw-border-opacity, 1))
}

.border-tooltip-bg {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-tooltip-bg)/var(--tw-border-opacity, 1))
}

.border-transparent {
    border-color: transparent
}

.border-yellow-100\/40 {
    border-color: rgb(var(--color-yellow-100)/.4)
}

.border-b-line-100 {
    border-bottom-color: rgba(var(--color-line-100))
}

.border-b-text-100 {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(var(--color-text-100)/var(--tw-border-opacity, 1))
}

.border-l-bg-100 {
    --tw-border-opacity: 1;
    border-left-color: rgb(var(--color-bg-100)/var(--tw-border-opacity, 1))
}

.border-l-card-200 {
    --tw-border-opacity: 1;
    border-left-color: rgb(var(--color-card-200)/var(--tw-border-opacity, 1))
}

.border-l-line-100 {
    border-left-color: rgba(var(--color-line-100))
}

.border-t-bg-100 {
    --tw-border-opacity: 1;
    border-top-color: rgb(var(--color-bg-100)/var(--tw-border-opacity, 1))
}

.border-t-transparent {
    border-top-color: transparent
}

.border-opacity-50 {
    --tw-border-opacity: 0.5
}

.\!bg-\[\#BEF100\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(190 241 0/1) !important
}

@supports (color:rgb(0 0 0/0)) {
    .\!bg-\[\#BEF100\] {
        background-color: rgb(190 241 0/var(--tw-bg-opacity, 1)) !important
    }
}

.\!bg-\[var\(--customize-button-bg-color\)\] {
    background-color: var(--customize-button-bg-color) !important
}

.\!bg-\[var\(--customize-button-bg-hover-color\)\] {
    background-color: var(--customize-button-bg-hover-color) !important
}

.\!bg-btn-secondary-100 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--color-btn-secondary-100)/1) !important;
    background-color: rgb(var(--color-btn-secondary-100)/var(--tw-bg-opacity, 1)) !important
}

.\!bg-btn-secondary-100\/80 {
    background-color: rgb(var(--color-btn-secondary-100)/.8) !important
}

.\!bg-card-100 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--color-card-100)/1) !important;
    background-color: rgb(var(--color-card-100)/var(--tw-bg-opacity, 1)) !important
}

.\!bg-card-200 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--color-card-200)/1) !important;
    background-color: rgb(var(--color-card-200)/var(--tw-bg-opacity, 1)) !important
}

.\!bg-decrease-100 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--color-decrease-100)/1) !important;
    background-color: rgb(var(--color-decrease-100)/var(--tw-bg-opacity, 1)) !important
}

.\!bg-increase-100 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--color-increase-100)/1) !important;
    background-color: rgb(var(--color-increase-100)/var(--tw-bg-opacity, 1)) !important
}

.\!bg-input-100 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--color-input-100)/1) !important;
    background-color: rgb(var(--color-input-100)/var(--tw-bg-opacity, 1)) !important
}

.\!bg-input-200 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--color-input-200)/1) !important;
    background-color: rgb(var(--color-input-200)/var(--tw-bg-opacity, 1)) !important
}

.\!bg-text-100 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--color-text-100)/1) !important;
    background-color: rgb(var(--color-text-100)/var(--tw-bg-opacity, 1)) !important
}

.\!bg-toggle-bg-200 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--color-toggle-bg-200)/1) !important;
    background-color: rgb(var(--color-toggle-bg-200)/var(--tw-bg-opacity, 1)) !important
}

.\!bg-transparent {
    background-color: transparent !important
}

.\!bg-white {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--color-white)/1) !important;
    background-color: rgb(var(--color-white)/var(--tw-bg-opacity, 1)) !important
}

.bg-\[\#00000066\] {
    background-color: #00000066
}

.bg-\[\#000000\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/1)
}

@supports (color:rgb(0 0 0/0)) {
    .bg-\[\#000000\] {
        background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
    }
}

.bg-\[\#0F0F0F\] {
    --tw-bg-opacity: 1;
    background-color: rgb(15 15 15/1)
}

@supports (color:rgb(0 0 0/0)) {
    .bg-\[\#0F0F0F\] {
        background-color: rgb(15 15 15/var(--tw-bg-opacity, 1))
    }
}

.bg-\[\#111111\] {
    --tw-bg-opacity: 1;
    background-color: rgb(17 17 17/1)
}

@supports (color:rgb(0 0 0/0)) {
    .bg-\[\#111111\] {
        background-color: rgb(17 17 17/var(--tw-bg-opacity, 1))
    }
}

.bg-\[\#121519\] {
    --tw-bg-opacity: 1;
    background-color: rgb(18 21 25/1)
}

@supports (color:rgb(0 0 0/0)) {
    .bg-\[\#121519\] {
        background-color: rgb(18 21 25/var(--tw-bg-opacity, 1))
    }
}

.bg-\[\#151515\] {
    --tw-bg-opacity: 1;
    background-color: rgb(21 21 21/1)
}

@supports (color:rgb(0 0 0/0)) {
    .bg-\[\#151515\] {
        background-color: rgb(21 21 21/var(--tw-bg-opacity, 1))
    }
}

.bg-\[\#15202B\] {
    --tw-bg-opacity: 1;
    background-color: rgb(21 32 43/1)
}

@supports (color:rgb(0 0 0/0)) {
    .bg-\[\#15202B\] {
        background-color: rgb(21 32 43/var(--tw-bg-opacity, 1))
    }
}

.bg-\[\#17181A\] {
    --tw-bg-opacity: 1;
    background-color: rgb(23 24 26/1)
}

@supports (color:rgb(0 0 0/0)) {
    .bg-\[\#17181A\] {
        background-color: rgb(23 24 26/var(--tw-bg-opacity, 1))
    }
}

.bg-\[\#17181B\] {
    --tw-bg-opacity: 1;
    background-color: rgb(23 24 27/1)
}

@supports (color:rgb(0 0 0/0)) {
    .bg-\[\#17181B\] {
        background-color: rgb(23 24 27/var(--tw-bg-opacity, 1))
    }
}

.bg-\[\#181818\] {
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 24/1)
}

@supports (color:rgb(0 0 0/0)) {
    .bg-\[\#181818\] {
        background-color: rgb(24 24 24/var(--tw-bg-opacity, 1))
    }
}

.bg-\[\#1A1B1E\] {
    --tw-bg-opacity: 1;
    background-color: rgb(26 27 30/1)
}

@supports (color:rgb(0 0 0/0)) {
    .bg-\[\#1A1B1E\] {
        background-color: rgb(26 27 30/var(--tw-bg-opacity, 1))
    }
}

.bg-\[\#1D1E20\] {
    --tw-bg-opacity: 1;
    background-color: rgb(29 30 32/1)
}

@supports (color:rgb(0 0 0/0)) {
    .bg-\[\#1D1E20\] {
        background-color: rgb(29 30 32/var(--tw-bg-opacity, 1))
    }
}

.bg-\[\#1F2024\] {
    --tw-bg-opacity: 1;
    background-color: rgb(31 32 36/1)
}

@supports (color:rgb(0 0 0/0)) {
    .bg-\[\#1F2024\] {
        background-color: rgb(31 32 36/var(--tw-bg-opacity, 1))
    }
}

.bg-\[\#202020\] {
    --tw-bg-opacity: 1;
    background-color: rgb(32 32 32/1)
}

@supports (color:rgb(0 0 0/0)) {
    .bg-\[\#202020\] {
        background-color: rgb(32 32 32/var(--tw-bg-opacity, 1))
    }
}

.bg-\[\#232529\] {
    --tw-bg-opacity: 1;
    background-color: rgb(35 37 41/1)
}

@supports (color:rgb(0 0 0/0)) {
    .bg-\[\#232529\] {
        background-color: rgb(35 37 41/var(--tw-bg-opacity, 1))
    }
}

.bg-\[\#26282C\] {
    --tw-bg-opacity: 1;
    background-color: rgb(38 40 44/1)
}

@supports (color:rgb(0 0 0/0)) {
    .bg-\[\#26282C\] {
        background-color: rgb(38 40 44/var(--tw-bg-opacity, 1))
    }
}

.bg-\[\#26282c\] {
    --tw-bg-opacity: 1;
    background-color: rgb(38 40 44/1)
}

@supports (color:rgb(0 0 0/0)) {
    .bg-\[\#26282c\] {
        background-color: rgb(38 40 44/var(--tw-bg-opacity, 1))
    }
}

.bg-\[\#343434\] {
    --tw-bg-opacity: 1;
    background-color: rgb(52 52 52/1)
}

@supports (color:rgb(0 0 0/0)) {
    .bg-\[\#343434\] {
        background-color: rgb(52 52 52/var(--tw-bg-opacity, 1))
    }
}

.bg-\[\#3861F5\]\/\[0\.09\] {
    background-color: rgb(56 97 245/.09)
}

.bg-\[\#40C1DE\]\/\[0\.09\] {
    background-color: rgb(64 193 222/.09)
}

.bg-\[\#42D4A8\]\/\[0\.09\] {
    background-color: rgb(66 212 168/.09)
}

.bg-\[\#494949\] {
    --tw-bg-opacity: 1;
    background-color: rgb(73 73 73/1)
}

@supports (color:rgb(0 0 0/0)) {
    .bg-\[\#494949\] {
        background-color: rgb(73 73 73/var(--tw-bg-opacity, 1))
    }
}

.bg-\[\#4A3E1B\] {
    --tw-bg-opacity: 1;
    background-color: rgb(74 62 27/1)
}

@supports (color:rgb(0 0 0/0)) {
    .bg-\[\#4A3E1B\] {
        background-color: rgb(74 62 27/var(--tw-bg-opacity, 1))
    }
}

.bg-\[\#4e545d\] {
    --tw-bg-opacity: 1;
    background-color: rgb(78 84 93/1)
}

@supports (color:rgb(0 0 0/0)) {
    .bg-\[\#4e545d\] {
        background-color: rgb(78 84 93/var(--tw-bg-opacity, 1))
    }
}

.bg-\[\#55A3FF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(85 163 255/1)
}

@supports (color:rgb(0 0 0/0)) {
    .bg-\[\#55A3FF\] {
        background-color: rgb(85 163 255/var(--tw-bg-opacity, 1))
    }
}

.bg-\[\#5EC46C\] {
    --tw-bg-opacity: 1;
    background-color: rgb(94 196 108/1)
}

@supports (color:rgb(0 0 0/0)) {
    .bg-\[\#5EC46C\] {
        background-color: rgb(94 196 108/var(--tw-bg-opacity, 1))
    }
}

.bg-\[\#668FF2\]\/\[0\.09\] {
    background-color: rgb(102 143 242/.09)
}

.bg-\[\#685EF333\] {
    background-color: #685EF333
}

.bg-\[\#7432F1\] {
    --tw-bg-opacity: 1;
    background-color: rgb(116 50 241/1)
}

@supports (color:rgb(0 0 0/0)) {
    .bg-\[\#7432F1\] {
        background-color: rgb(116 50 241/var(--tw-bg-opacity, 1))
    }
}

.bg-\[\#78C1F5\]\/\[0\.08\] {
    background-color: rgb(120 193 245/.08)
}

.bg-\[\#83DAEE\]\/\[0\.08\] {
    background-color: rgb(131 218 238/.08)
}

.bg-\[\#86EFAD\] {
    --tw-bg-opacity: 1;
    background-color: rgb(134 239 173/1)
}

@supports (color:rgb(0 0 0/0)) {
    .bg-\[\#86EFAD\] {
        background-color: rgb(134 239 173/var(--tw-bg-opacity, 1))
    }
}

.bg-\[\#9886E5\] {
    --tw-bg-opacity: 1;
    background-color: rgb(152 134 229/1)
}

@supports (color:rgb(0 0 0/0)) {
    .bg-\[\#9886E5\] {
        background-color: rgb(152 134 229/var(--tw-bg-opacity, 1))
    }
}

.bg-\[\#A2FEAF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(162 254 175/1)
}

@supports (color:rgb(0 0 0/0)) {
    .bg-\[\#A2FEAF\] {
        background-color: rgb(162 254 175/var(--tw-bg-opacity, 1))
    }
}

.bg-\[\#A3BAF2\]\/\[0\.08\] {
    background-color: rgb(163 186 242/.08)
}

.bg-\[\#BDF100\] {
    --tw-bg-opacity: 1;
    background-color: rgb(189 241 0/1)
}

@supports (color:rgb(0 0 0/0)) {
    .bg-\[\#BDF100\] {
        background-color: rgb(189 241 0/var(--tw-bg-opacity, 1))
    }
}

.bg-\[\#BEF100\] {
    --tw-bg-opacity: 1;
    background-color: rgb(190 241 0/1)
}

@supports (color:rgb(0 0 0/0)) {
    .bg-\[\#BEF100\] {
        background-color: rgb(190 241 0/var(--tw-bg-opacity, 1))
    }
}

.bg-\[\#C9F099\]\/\[0\.08\] {
    background-color: rgb(201 240 153/.08)
}

.bg-\[\#CD71F5\]\/\[0\.09\] {
    background-color: rgb(205 113 245/.09)
}

.bg-\[\#CEFF12\] {
    --tw-bg-opacity: 1;
    background-color: rgb(206 255 18/1)
}

@supports (color:rgb(0 0 0/0)) {
    .bg-\[\#CEFF12\] {
        background-color: rgb(206 255 18/var(--tw-bg-opacity, 1))
    }
}

.bg-\[\#E097FF\]\/\[0\.08\] {
    background-color: rgb(224 151 255/.08)
}

.bg-\[\#E0C422\]\/\[0\.09\] {
    background-color: rgb(224 196 34/.09)
}

.bg-\[\#F2ABA3\]\/\[0\.08\] {
    background-color: rgb(242 171 163/.08)
}

.bg-\[\#F2E6A3\]\/\[0\.08\] {
    background-color: rgb(242 230 163/.08)
}

.bg-\[\#F3F5F5\] {
    --tw-bg-opacity: 1;
    background-color: rgb(243 245 245/1)
}

@supports (color:rgb(0 0 0/0)) {
    .bg-\[\#F3F5F5\] {
        background-color: rgb(243 245 245/var(--tw-bg-opacity, 1))
    }
}

.bg-\[\#F4E07A\] {
    --tw-bg-opacity: 1;
    background-color: rgb(244 224 122/1)
}

@supports (color:rgb(0 0 0/0)) {
    .bg-\[\#F4E07A\] {
        background-color: rgb(244 224 122/var(--tw-bg-opacity, 1))
    }
}

.bg-\[\#F56E86\]\/\[0\.09\] {
    background-color: rgb(245 110 134/.09)
}

.bg-\[\#F7A760\]\/\[0\.09\] {
    background-color: rgb(247 167 96/.09)
}

.bg-\[\#FE95A8\]\/\[0\.08\] {
    background-color: rgb(254 149 168/.08)
}

.bg-\[\#FFA73F\]\/20 {
    background-color: rgb(255 167 63/.2)
}

.bg-\[\#FFC804\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 200 4/1)
}

@supports (color:rgb(0 0 0/0)) {
    .bg-\[\#FFC804\] {
        background-color: rgb(255 200 4/var(--tw-bg-opacity, 1))
    }
}

.bg-\[\#FFD03933\] {
    background-color: #FFD03933
}

.bg-\[\#FFFFFF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/1)
}

@supports (color:rgb(0 0 0/0)) {
    .bg-\[\#FFFFFF\] {
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
    }
}

.bg-\[\#f5f5f5\] {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/1)
}

@supports (color:rgb(0 0 0/0)) {
    .bg-\[\#f5f5f5\] {
        background-color: rgb(245 245 245/var(--tw-bg-opacity, 1))
    }
}

.bg-\[rgb\(0_123_255\)\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 123 255/1)
}

@supports (color:rgb(0 0 0/0)) {
    .bg-\[rgb\(0_123_255\)\] {
        background-color: rgb(0 123 255/var(--tw-bg-opacity, 1))
    }
}

.bg-\[rgba\(255\2c 255\2c 255\2c 0\.1\)\] {
    background-color: rgba(255, 255, 255, .1)
}

.bg-\[unset\] {
    background-color: transparent;
    background-color: initial
}

.bg-accent {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-accent)/1);
    background-color: rgb(var(--color-accent)/var(--tw-bg-opacity, 1))
}

.bg-bg,
.bg-bg-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-bg-100)/1);
    background-color: rgb(var(--color-bg-100)/var(--tw-bg-opacity, 1))
}

.bg-bg-100\/90 {
    background-color: rgb(var(--color-bg-100)/.9)
}

.bg-bg-100\/95 {
    background-color: rgb(var(--color-bg-100)/.95)
}

.bg-bg-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-bg-200)/1);
    background-color: rgb(var(--color-bg-200)/var(--tw-bg-opacity, 1))
}

.bg-bg-body {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-bg-body)/1);
    background-color: rgb(var(--color-bg-body)/var(--tw-bg-opacity, 1))
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-black)/1);
    background-color: rgb(var(--color-black)/var(--tw-bg-opacity, 1))
}

.bg-blue {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-blue)/1);
    background-color: rgb(var(--color-blue)/var(--tw-bg-opacity, 1))
}

.bg-blue-300 {
    background-color: rgba(var(--color-blue-300))
}

.bg-btn-highlight {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-btn-highlight)/1);
    background-color: rgb(var(--color-btn-highlight)/var(--tw-bg-opacity, 1))
}

.bg-btn-hightlight {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-btn-hightlight)/1);
    background-color: rgb(var(--color-btn-hightlight)/var(--tw-bg-opacity, 1))
}

.bg-btn-hightlight\/\[0\.3\] {
    background-color: rgb(var(--color-btn-hightlight)/.3)
}

.bg-btn-secondary,
.bg-btn-secondary-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-btn-secondary-100)/1);
    background-color: rgb(var(--color-btn-secondary-100)/var(--tw-bg-opacity, 1))
}

.bg-btn-secondary-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-btn-secondary-200)/1);
    background-color: rgb(var(--color-btn-secondary-200)/var(--tw-bg-opacity, 1))
}

.bg-btn-secondary-buy {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-btn-secondary-buy)/1);
    background-color: rgb(var(--color-btn-secondary-buy)/var(--tw-bg-opacity, 1))
}

.bg-card {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-card)/1);
    background-color: rgb(var(--color-card)/var(--tw-bg-opacity, 1))
}

.bg-card-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-card-100)/1);
    background-color: rgb(var(--color-card-100)/var(--tw-bg-opacity, 1))
}

.bg-card-100\/95 {
    background-color: rgb(var(--color-card-100)/.95)
}

.bg-card-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-card-200)/1);
    background-color: rgb(var(--color-card-200)/var(--tw-bg-opacity, 1))
}

.bg-decrease,
.bg-decrease-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-decrease-100)/1);
    background-color: rgb(var(--color-decrease-100)/var(--tw-bg-opacity, 1))
}

.bg-decrease-100\/20 {
    background-color: rgb(var(--color-decrease-100)/.2)
}

.bg-decrease-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-decrease-200)/1);
    background-color: rgb(var(--color-decrease-200)/var(--tw-bg-opacity, 1))
}

.bg-divider {
    background-color: rgba(var(--color-divider-100))
}

.bg-green-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-green-100)/1);
    background-color: rgb(var(--color-green-100)/var(--tw-bg-opacity, 1))
}

.bg-green-200 {
    background-color: rgba(var(--color-green-200))
}

.bg-green-300 {
    background-color: rgba(var(--color-green-300))
}

.bg-hover-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-hover-100)/1);
    background-color: rgb(var(--color-hover-100)/var(--tw-bg-opacity, 1))
}

.bg-hover-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-hover-200)/1);
    background-color: rgb(var(--color-hover-200)/var(--tw-bg-opacity, 1))
}

.bg-increase,
.bg-increase-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-increase-100)/1);
    background-color: rgb(var(--color-increase-100)/var(--tw-bg-opacity, 1))
}

.bg-increase-100\/20 {
    background-color: rgb(var(--color-increase-100)/.2)
}

.bg-increase-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-increase-200)/1);
    background-color: rgb(var(--color-increase-200)/var(--tw-bg-opacity, 1))
}

.bg-increase\/15 {
    background-color: rgb(var(--color-increase-100)/.15)
}

.bg-increase\/20 {
    background-color: rgb(var(--color-increase-100)/.2)
}

.bg-input {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-input)/1);
    background-color: rgb(var(--color-input)/var(--tw-bg-opacity, 1))
}

.bg-input-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-input-100)/1);
    background-color: rgb(var(--color-input-100)/var(--tw-bg-opacity, 1))
}

.bg-input-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-input-200)/1);
    background-color: rgb(var(--color-input-200)/var(--tw-bg-opacity, 1))
}

.bg-line-100 {
    background-color: rgba(var(--color-line-100))
}

.bg-line-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-line-200)/1);
    background-color: rgb(var(--color-line-200)/var(--tw-bg-opacity, 1))
}

.bg-line-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-line-300)/1);
    background-color: rgb(var(--color-line-300)/var(--tw-bg-opacity, 1))
}

.bg-line-50 {
    background-color: rgba(var(--color-line-50))
}

.bg-mask-100 {
    background-color: rgba(var(--color-mask-100))
}

.bg-mask-100\/50 {
    background-color: rgba(var(--color-mask-100), .5)
}

.bg-panel-100 {
    background-color: rgb(var(--color-panel-100))
}

.bg-panel-200 {
    background-color: rgb(var(--color-panel-200))
}

.bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary)/1);
    background-color: rgb(var(--color-primary)/var(--tw-bg-opacity, 1))
}

.bg-primary-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary-100)/1);
    background-color: rgb(var(--color-primary-100)/var(--tw-bg-opacity, 1))
}

.bg-red {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-red)/1);
    background-color: rgb(var(--color-red)/var(--tw-bg-opacity, 1))
}

.bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-red-100)/1);
    background-color: rgb(var(--color-red-100)/var(--tw-bg-opacity, 1))
}

.bg-red-200 {
    background-color: rgba(var(--color-red-200))
}

.bg-red-300 {
    background-color: rgba(var(--color-red-300))
}

.bg-red-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-red-50)/1);
    background-color: rgb(var(--color-red-50)/var(--tw-bg-opacity, 1))
}

.bg-text-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-text-100)/1);
    background-color: rgb(var(--color-text-100)/var(--tw-bg-opacity, 1))
}

.bg-text-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-text-200)/1);
    background-color: rgb(var(--color-text-200)/var(--tw-bg-opacity, 1))
}

.bg-text-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-text-300)/1);
    background-color: rgb(var(--color-text-300)/var(--tw-bg-opacity, 1))
}

.bg-text-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-text-400)/1);
    background-color: rgb(var(--color-text-400)/var(--tw-bg-opacity, 1))
}

.bg-text-400\/95 {
    background-color: rgb(var(--color-text-400)/.95)
}

.bg-text-alwaysblack {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-text-alwaysblack)/1);
    background-color: rgb(var(--color-text-alwaysblack)/var(--tw-bg-opacity, 1))
}

.bg-toggle-bg {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-toggle-bg)/1);
    background-color: rgb(var(--color-toggle-bg)/var(--tw-bg-opacity, 1))
}

.bg-toggle-bg-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-toggle-bg-100)/1);
    background-color: rgb(var(--color-toggle-bg-100)/var(--tw-bg-opacity, 1))
}

.bg-toggle-bg-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-toggle-bg-200)/1);
    background-color: rgb(var(--color-toggle-bg-200)/var(--tw-bg-opacity, 1))
}

.bg-toggle-highlight {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-toggle-highlight)/1);
    background-color: rgb(var(--color-toggle-highlight)/var(--tw-bg-opacity, 1))
}

.bg-toggle-highlight-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-toggle-highlight-100)/1);
    background-color: rgb(var(--color-toggle-highlight-100)/var(--tw-bg-opacity, 1))
}

.bg-toggle-highlight-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-toggle-highlight-200)/1);
    background-color: rgb(var(--color-toggle-highlight-200)/var(--tw-bg-opacity, 1))
}

.bg-tooltip-bg {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-tooltip-bg)/1);
    background-color: rgb(var(--color-tooltip-bg)/var(--tw-bg-opacity, 1))
}

.bg-transparent {
    background-color: transparent
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-white)/1);
    background-color: rgb(var(--color-white)/var(--tw-bg-opacity, 1))
}

.bg-white\/\[0\.04\] {
    background-color: rgb(var(--color-white)/.04)
}

.bg-yellow-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-yellow-100)/1);
    background-color: rgb(var(--color-yellow-100)/var(--tw-bg-opacity, 1))
}

.bg-yellow-100\/20 {
    background-color: rgb(var(--color-yellow-100)/.2)
}

.bg-yellow-200 {
    background-color: rgba(var(--color-yellow-200))
}

.bg-opacity-0 {
    --tw-bg-opacity: 0
}

.bg-opacity-50 {
    --tw-bg-opacity: 0.5
}

.bg-\[url\(\'\/static\/img\/about\/2_bg2\.svg\'\)\] {
    background-image: url(/static/img/about/2_bg2.svg)
}

.bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
}

.from-\[rgba\(109\2c 157\2c 116\2c 0\.7\)\] {
    --tw-gradient-from: rgba(109, 157, 116, 0.7) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(109, 157, 116, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[rgba\(158\2c 255\2c 172\2c 0\.7\)\] {
    --tw-gradient-from: rgba(158, 255, 172, 0.7) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(158, 255, 172, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.via-\[rgba\(24\2c 28\2c 35\2c 1\)\] {
    --tw-gradient-to: rgba(24, 28, 35, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgba(24, 28, 35, 1) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-white {
    --tw-gradient-to: rgb(var(--color-white)/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--color-white)/1) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.to-\[rgba\(34\2c 67\2c 103\2c 0\.7\)\] {
    --tw-gradient-to: rgba(34, 67, 103, 0.7) var(--tw-gradient-to-position)
}

.to-\[rgba\(83\2c 131\2c 255\2c 0\.7\)\] {
    --tw-gradient-to: rgba(83, 131, 255, 0.7) var(--tw-gradient-to-position)
}

.bg-cover {
    background-size: cover
}

.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
}

.bg-center {
    background-position: 50%
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.fill-text-200 {
    fill: rgb(var(--color-text-200)/1)
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.\!p-0 {
    padding: 0 !important
}

.p-0 {
    padding: 0
}

.p-1 {
    padding: .25rem
}

.p-10px {
    padding: 10px
}

.p-12px {
    padding: 12px
}

.p-16px {
    padding: 16px
}

.p-2 {
    padding: .5rem
}

.p-24px {
    padding: 24px
}

.p-2px {
    padding: 2px
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-4px {
    padding: 4px
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-6px {
    padding: 6px
}

.p-8px {
    padding: 8px
}

.p-\[10px\] {
    padding: 10px
}

.p-\[12px\] {
    padding: 12px
}

.p-\[14px\] {
    padding: 14px
}

.p-\[15px\] {
    padding: 15px
}

.p-\[16px\] {
    padding: 16px
}

.p-\[1rem\] {
    padding: 1rem
}

.p-\[24px\] {
    padding: 24px
}

.p-\[2px\] {
    padding: 2px
}

.p-\[3px\] {
    padding: 3px
}

.p-\[4px\] {
    padding: 4px
}

.p-\[8px\] {
    padding: 8px
}

.\!px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.\!px-12px {
    padding-left: 12px !important;
    padding-right: 12px !important
}

.\!px-\[0px\] {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.\!px-\[12px\] {
    padding-left: 12px !important;
    padding-right: 12px !important
}

.\!px-\[16px\] {
    padding-left: 16px !important;
    padding-right: 16px !important
}

.\!px-\[6px\] {
    padding-left: 6px !important;
    padding-right: 6px !important
}

.\!px-\[8px\] {
    padding-left: 8px !important;
    padding-right: 8px !important
}

.\!py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.px-0\.5 {
    padding-left: .125rem;
    padding-right: .125rem
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.px-1\.5 {
    padding-left: .375rem;
    padding-right: .375rem
}

.px-10px {
    padding-left: 10px;
    padding-right: 10px
}

.px-12 {
    padding-left: 3rem;
    padding-right: 3rem
}

.px-12px {
    padding-left: 12px;
    padding-right: 12px
}

.px-14px {
    padding-left: 14px;
    padding-right: 14px
}

.px-16px {
    padding-left: 16px;
    padding-right: 16px
}

.px-18px {
    padding-left: 18px;
    padding-right: 18px
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem
}

.px-20px {
    padding-left: 20px;
    padding-right: 20px
}

.px-24px {
    padding-left: 24px;
    padding-right: 24px
}

.px-2px {
    padding-left: 2px;
    padding-right: 2px
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-40px {
    padding-left: 40px;
    padding-right: 40px
}

.px-4px {
    padding-left: 4px;
    padding-right: 4px
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.px-6px {
    padding-left: 6px;
    padding-right: 6px
}

.px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.px-8px {
    padding-left: 8px;
    padding-right: 8px
}

.px-\[\.75rem\] {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-\[0\.5rem\] {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-\[0\.75rem\] {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-\[1\.5rem\] {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-\[10px\] {
    padding-left: 10px;
    padding-right: 10px
}

.px-\[12px\] {
    padding-left: 12px;
    padding-right: 12px
}

.px-\[13px\] {
    padding-left: 13px;
    padding-right: 13px
}

.px-\[16px\] {
    padding-left: 16px;
    padding-right: 16px
}

.px-\[18px\] {
    padding-left: 18px;
    padding-right: 18px
}

.px-\[1rem\] {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-\[20px\] {
    padding-left: 20px;
    padding-right: 20px
}

.px-\[24px\] {
    padding-left: 24px;
    padding-right: 24px
}

.px-\[2px\] {
    padding-left: 2px;
    padding-right: 2px
}

.px-\[2rem\] {
    padding-left: 2rem;
    padding-right: 2rem
}

.px-\[30px\] {
    padding-left: 30px;
    padding-right: 30px
}

.px-\[4\.5px\] {
    padding-left: 4.5px;
    padding-right: 4.5px
}

.px-\[40px\] {
    padding-left: 40px;
    padding-right: 40px
}

.px-\[4px\] {
    padding-left: 4px;
    padding-right: 4px
}

.px-\[4rem\] {
    padding-left: 4rem;
    padding-right: 4rem
}

.px-\[5\%\] {
    padding-left: 5%;
    padding-right: 5%
}

.px-\[5px\] {
    padding-left: 5px;
    padding-right: 5px
}

.px-\[64px\] {
    padding-left: 64px;
    padding-right: 64px
}

.px-\[65px\] {
    padding-left: 65px;
    padding-right: 65px
}

.px-\[68px\] {
    padding-left: 68px;
    padding-right: 68px
}

.px-\[6px\] {
    padding-left: 6px;
    padding-right: 6px
}

.px-\[7px\] {
    padding-left: 7px;
    padding-right: 7px
}

.px-\[8px\] {
    padding-left: 8px;
    padding-right: 8px
}

.px-\[8rem\] {
    padding-left: 8rem;
    padding-right: 8rem
}

.px-\[auto\] {
    padding-left: auto;
    padding-right: auto
}

.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-10px {
    padding-top: 10px;
    padding-bottom: 10px
}

.py-12px {
    padding-top: 12px;
    padding-bottom: 12px
}

.py-16px {
    padding-top: 16px;
    padding-bottom: 16px
}

.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-20px {
    padding-top: 20px;
    padding-bottom: 20px
}

.py-24px {
    padding-top: 24px;
    padding-bottom: 24px
}

.py-2px {
    padding-top: 2px;
    padding-bottom: 2px
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py-4px {
    padding-top: 4px;
    padding-bottom: 4px
}

.py-6px {
    padding-top: 6px;
    padding-bottom: 6px
}

.py-8px {
    padding-top: 8px;
    padding-bottom: 8px
}

.py-\[0\.5rem\] {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-\[0\.64rem\] {
    padding-top: .64rem;
    padding-bottom: .64rem
}

.py-\[1\.64rem\] {
    padding-top: 1.64rem;
    padding-bottom: 1.64rem
}

.py-\[10px\] {
    padding-top: 10px;
    padding-bottom: 10px
}

.py-\[12px\] {
    padding-top: 12px;
    padding-bottom: 12px
}

.py-\[14px\] {
    padding-top: 14px;
    padding-bottom: 14px
}

.py-\[16px\] {
    padding-top: 16px;
    padding-bottom: 16px
}

.py-\[17px\] {
    padding-top: 17px;
    padding-bottom: 17px
}

.py-\[1px\] {
    padding-top: 1px;
    padding-bottom: 1px
}

.py-\[1rem\] {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py-\[2\.5px\] {
    padding-top: 2.5px;
    padding-bottom: 2.5px
}

.py-\[24px\] {
    padding-top: 24px;
    padding-bottom: 24px
}

.py-\[2px\] {
    padding-top: 2px;
    padding-bottom: 2px
}

.py-\[36px\] {
    padding-top: 36px;
    padding-bottom: 36px
}

.py-\[3px\] {
    padding-top: 3px;
    padding-bottom: 3px
}

.py-\[3rem\] {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.py-\[45px\] {
    padding-top: 45px;
    padding-bottom: 45px
}

.py-\[4px\] {
    padding-top: 4px;
    padding-bottom: 4px
}

.py-\[5px\] {
    padding-top: 5px;
    padding-bottom: 5px
}

.py-\[60px\] {
    padding-top: 60px;
    padding-bottom: 60px
}

.py-\[6px\] {
    padding-top: 6px;
    padding-bottom: 6px
}

.py-\[7px\] {
    padding-top: 7px;
    padding-bottom: 7px
}

.py-\[80px\] {
    padding-top: 80px;
    padding-bottom: 80px
}

.py-\[8px\] {
    padding-top: 8px;
    padding-bottom: 8px
}

.py-\[9px\] {
    padding-top: 9px;
    padding-bottom: 9px
}

.\!pl-\[40px\] {
    padding-left: 40px !important
}

.\!pr-28px {
    padding-right: 28px !important
}

.\!pt-\[12px\] {
    padding-top: 12px !important
}

.pb-0 {
    padding-bottom: 0
}

.pb-0\.5 {
    padding-bottom: .125rem
}

.pb-1 {
    padding-bottom: .25rem
}

.pb-10px {
    padding-bottom: 10px
}

.pb-12 {
    padding-bottom: 3rem
}

.pb-12px {
    padding-bottom: 12px
}

.pb-16px {
    padding-bottom: 16px
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-20px {
    padding-bottom: 20px
}

.pb-24px {
    padding-bottom: 24px
}

.pb-28px {
    padding-bottom: 28px
}

.pb-2px {
    padding-bottom: 2px
}

.pb-3 {
    padding-bottom: .75rem
}

.pb-36px {
    padding-bottom: 36px
}

.pb-40px {
    padding-bottom: 40px
}

.pb-4px {
    padding-bottom: 4px
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pb-6px {
    padding-bottom: 6px
}

.pb-8 {
    padding-bottom: 2rem
}

.pb-8px {
    padding-bottom: 8px
}

.pb-9 {
    padding-bottom: 2.25rem
}

.pb-\[100px\] {
    padding-bottom: 100px
}

.pb-\[10vh\] {
    padding-bottom: 10vh
}

.pb-\[12px\] {
    padding-bottom: 12px
}

.pb-\[13px\] {
    padding-bottom: 13px
}

.pb-\[16px\] {
    padding-bottom: 16px
}

.pb-\[180px\] {
    padding-bottom: 180px
}

.pb-\[1rem\] {
    padding-bottom: 1rem
}

.pb-\[200px\] {
    padding-bottom: 200px
}

.pb-\[20px\] {
    padding-bottom: 20px
}

.pb-\[24px\] {
    padding-bottom: 24px
}

.pb-\[2rem\] {
    padding-bottom: 2rem
}

.pb-\[32px\] {
    padding-bottom: 32px
}

.pb-\[40px\] {
    padding-bottom: 40px
}

.pb-\[48px\] {
    padding-bottom: 48px
}

.pb-\[5\.2rem\] {
    padding-bottom: 5.2rem
}

.pb-\[50px\] {
    padding-bottom: 50px
}

.pb-\[56px\] {
    padding-bottom: 56px
}

.pb-\[6px\] {
    padding-bottom: 6px
}

.pb-\[70px\] {
    padding-bottom: 70px
}

.pb-\[8px\] {
    padding-bottom: 8px
}

.pb-\[8rem\] {
    padding-bottom: 8rem
}

.pl-0 {
    padding-left: 0
}

.pl-1 {
    padding-left: .25rem
}

.pl-12px {
    padding-left: 12px
}

.pl-16px {
    padding-left: 16px
}

.pl-2 {
    padding-left: .5rem
}

.pl-24px {
    padding-left: 24px
}

.pl-2px {
    padding-left: 2px
}

.pl-3 {
    padding-left: .75rem
}

.pl-4 {
    padding-left: 1rem
}

.pl-4px {
    padding-left: 4px
}

.pl-6 {
    padding-left: 1.5rem
}

.pl-6px {
    padding-left: 6px
}

.pl-7 {
    padding-left: 1.75rem
}

.pl-8px {
    padding-left: 8px
}

.pl-\[0\.5rem\] {
    padding-left: .5rem
}

.pl-\[10px\] {
    padding-left: 10px
}

.pl-\[12px\] {
    padding-left: 12px
}

.pl-\[14px\] {
    padding-left: 14px
}

.pl-\[16px\] {
    padding-left: 16px
}

.pl-\[1px\] {
    padding-left: 1px
}

.pl-\[1rem\] {
    padding-left: 1rem
}

.pl-\[22px\] {
    padding-left: 22px
}

.pl-\[2px\] {
    padding-left: 2px
}

.pl-\[2rem\] {
    padding-left: 2rem
}

.pl-\[30px\] {
    padding-left: 30px
}

.pl-\[4px\] {
    padding-left: 4px
}

.pl-\[4rem\] {
    padding-left: 4rem
}

.pl-\[6px\] {
    padding-left: 6px
}

.pl-\[8px\] {
    padding-left: 8px
}

.pr-0 {
    padding-right: 0
}

.pr-1 {
    padding-right: .25rem
}

.pr-12px {
    padding-right: 12px
}

.pr-16px {
    padding-right: 16px
}

.pr-2 {
    padding-right: .5rem
}

.pr-20px {
    padding-right: 20px
}

.pr-2px {
    padding-right: 2px
}

.pr-3 {
    padding-right: .75rem
}

.pr-4 {
    padding-right: 1rem
}

.pr-4px {
    padding-right: 4px
}

.pr-5 {
    padding-right: 1.25rem
}

.pr-6 {
    padding-right: 1.5rem
}

.pr-6px {
    padding-right: 6px
}

.pr-8px {
    padding-right: 8px
}

.pr-\[12px\] {
    padding-right: 12px
}

.pr-\[16px\] {
    padding-right: 16px
}

.pr-\[16rem\] {
    padding-right: 16rem
}

.pr-\[18px\] {
    padding-right: 18px
}

.pr-\[1rem\] {
    padding-right: 1rem
}

.pr-\[2\.5px\] {
    padding-right: 2.5px
}

.pr-\[20px\] {
    padding-right: 20px
}

.pr-\[2px\] {
    padding-right: 2px
}

.pr-\[40px\] {
    padding-right: 40px
}

.pr-\[4px\] {
    padding-right: 4px
}

.pr-\[4rem\] {
    padding-right: 4rem
}

.pr-\[60px\] {
    padding-right: 60px
}

.pr-\[70px\] {
    padding-right: 70px
}

.pr-\[8px\] {
    padding-right: 8px
}

.pt-0 {
    padding-top: 0
}

.pt-0\.5 {
    padding-top: .125rem
}

.pt-1 {
    padding-top: .25rem
}

.pt-10px {
    padding-top: 10px
}

.pt-12px {
    padding-top: 12px
}

.pt-14px {
    padding-top: 14px
}

.pt-16px {
    padding-top: 16px
}

.pt-18px {
    padding-top: 18px
}

.pt-2 {
    padding-top: .5rem
}

.pt-20px {
    padding-top: 20px
}

.pt-3 {
    padding-top: .75rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-4px {
    padding-top: 4px
}

.pt-5 {
    padding-top: 1.25rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pt-6px {
    padding-top: 6px
}

.pt-8px {
    padding-top: 8px
}

.pt-\[1\.2rem\] {
    padding-top: 1.2rem
}

.pt-\[100px\] {
    padding-top: 100px
}

.pt-\[10px\] {
    padding-top: 10px
}

.pt-\[12px\] {
    padding-top: 12px
}

.pt-\[15px\] {
    padding-top: 15px
}

.pt-\[16px\] {
    padding-top: 16px
}

.pt-\[1rem\] {
    padding-top: 1rem
}

.pt-\[20px\] {
    padding-top: 20px
}

.pt-\[2px\] {
    padding-top: 2px
}

.pt-\[2rem\] {
    padding-top: 2rem
}

.pt-\[30px\] {
    padding-top: 30px
}

.pt-\[32px\] {
    padding-top: 32px
}

.pt-\[42px\] {
    padding-top: 42px
}

.pt-\[4px\] {
    padding-top: 4px
}

.pt-\[5px\] {
    padding-top: 5px
}

.pt-\[60px\] {
    padding-top: 60px
}

.pt-\[65px\] {
    padding-top: 65px
}

.pt-\[70px\] {
    padding-top: 70px
}

.pt-\[80px\] {
    padding-top: 80px
}

.pt-\[8px\] {
    padding-top: 8px
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.text-start {
    text-align: start
}

.text-end {
    text-align: end
}

.align-middle {
    vertical-align: middle
}

.font-mono {
    font-family: Switzer, Microsoft YaHei, sans-serif;
    font-family: var(--font-mono)
}

.\!text-\[10px\] {
    font-size: 10px !important
}

.\!text-\[12px\] {
    font-size: 12px !important
}

.\!text-\[13px\] {
    font-size: 13px !important
}

.\!text-\[17px\] {
    font-size: 17px !important
}

.\!text-\[20px\] {
    font-size: 20px !important
}

.\!text-base {
    font-size: 14px !important;
    line-height: 18px !important
}

.text-\[0\] {
    font-size: 0
}

.text-\[1\.2rem\] {
    font-size: 1.2rem
}

.text-\[1\.4rem\] {
    font-size: 1.4rem
}

.text-\[1\.5rem\] {
    font-size: 1.5rem
}

.text-\[1\.6rem\] {
    font-size: 1.6rem
}

.text-\[10px\] {
    font-size: 10px
}

.text-\[11px\] {
    font-size: 11px
}

.text-\[12\.77px\] {
    font-size: 12.77px
}

.text-\[12px\] {
    font-size: 12px
}

.text-\[13px\] {
    font-size: 13px
}

.text-\[14px\] {
    font-size: 14px
}

.text-\[15px\] {
    font-size: 15px
}

.text-\[16px\] {
    font-size: 16px
}

.text-\[17px\] {
    font-size: 17px
}

.text-\[18px\] {
    font-size: 18px
}

.text-\[19px\] {
    font-size: 19px
}

.text-\[1rem\] {
    font-size: 1rem
}

.text-\[2\.1rem\] {
    font-size: 2.1rem
}

.text-\[2\.3rem\] {
    font-size: 2.3rem
}

.text-\[2\.8rem\] {
    font-size: 2.8rem
}

.text-\[20px\] {
    font-size: 20px
}

.text-\[21px\] {
    font-size: 21px
}

.text-\[22px\] {
    font-size: 22px
}

.text-\[24px\] {
    font-size: 24px
}

.text-\[26px\] {
    font-size: 26px
}

.text-\[28px\] {
    font-size: 28px
}

.text-\[32px\] {
    font-size: 32px
}

.text-\[36px\] {
    font-size: 36px
}

.text-\[40px\] {
    font-size: 40px
}

.text-\[42px\] {
    font-size: 42px
}

.text-\[48px\] {
    font-size: 48px
}

.text-\[5\.45rem\] {
    font-size: 5.45rem
}

.text-\[52px\] {
    font-size: 52px
}

.text-\[56px\] {
    font-size: 56px
}

.text-\[6\.3rem\] {
    font-size: 6.3rem
}

.text-\[64px\] {
    font-size: 64px
}

.text-\[68px\] {
    font-size: 68px
}

.text-\[7px\] {
    font-size: 7px
}

.text-\[86px\] {
    font-size: 86px
}

.text-\[8px\] {
    font-size: 8px
}

.text-\[94px\] {
    font-size: 94px
}

.text-\[9px\] {
    font-size: 9px
}

.text-base {
    font-size: 14px;
    line-height: 18px
}

.text-lg {
    font-size: 16px;
    line-height: 22px
}

.text-sm {
    font-size: 12px;
    line-height: 18px
}

.text-tiny {
    font-size: 10px;
    line-height: 14px
}

.text-xl {
    font-size: 20px;
    line-height: 30px
}

.\!font-\[400\] {
    font-weight: 400 !important
}

.\!font-medium {
    font-weight: 500 !important
}

.\!font-semibold {
    font-weight: 600 !important
}

.font-\[13px\] {
    font-weight: 13px
}

.font-\[300\] {
    font-weight: 300
}

.font-\[330\] {
    font-weight: 330
}

.font-\[380\] {
    font-weight: 380
}

.font-\[400\] {
    font-weight: 400
}

.font-\[450\] {
    font-weight: 450
}

.font-\[500\] {
    font-weight: 500
}

.font-\[520\] {
    font-weight: 520
}

.font-\[600\] {
    font-weight: 600
}

.font-\[630\] {
    font-weight: 630
}

.font-\[700\] {
    font-weight: 700
}

.font-\[800\] {
    font-weight: 800
}

.font-b {
    font-weight: 700
}

.font-black {
    font-weight: 900
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.font-light {
    font-weight: 300
}

.font-m,
.font-medium {
    font-weight: 500
}

.font-normal,
.font-r {
    font-weight: 400
}

.font-sb,
.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.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-\[1\.2\] {
    line-height: 1.2
}

.leading-\[100\%\] {
    line-height: 100%
}

.leading-\[10px\] {
    line-height: 10px
}

.leading-\[12px\] {
    line-height: 12px
}

.leading-\[14px\] {
    line-height: 14px
}

.leading-\[15px\] {
    line-height: 15px
}

.leading-\[16px\] {
    line-height: 16px
}

.leading-\[17\.03px\] {
    line-height: 17.03px
}

.leading-\[17px\] {
    line-height: 17px
}

.leading-\[180\%\] {
    line-height: 180%
}

.leading-\[18px\] {
    line-height: 18px
}

.leading-\[19px\] {
    line-height: 19px
}

.leading-\[1\] {
    line-height: 1
}

.leading-\[1em\] {
    line-height: 1em
}

.leading-\[200\%\] {
    line-height: 200%
}

.leading-\[20px\] {
    line-height: 20px
}

.leading-\[21px\] {
    line-height: 21px
}

.leading-\[22px\] {
    line-height: 22px
}

.leading-\[24px\] {
    line-height: 24px
}

.leading-\[26px\] {
    line-height: 26px
}

.leading-\[27px\] {
    line-height: 27px
}

.leading-\[28px\] {
    line-height: 28px
}

.leading-\[30px\] {
    line-height: 30px
}

.leading-\[32px\] {
    line-height: 32px
}

.leading-\[41px\] {
    line-height: 41px
}

.leading-\[48px\] {
    line-height: 48px
}

.leading-\[5\.9rem\] {
    line-height: 5.9rem
}

.leading-\[52px\] {
    line-height: 52px
}

.leading-\[6\.8rem\] {
    line-height: 6.8rem
}

.leading-\[60px\] {
    line-height: 60px
}

.leading-\[73px\] {
    line-height: 73px
}

.leading-\[9px\] {
    line-height: 9px
}

.leading-none {
    line-height: 1
}

.-tracking-\[0\.7px\],
.tracking-\[-0\.7px\] {
    letter-spacing: -.7px
}

.tracking-\[0\%\],
.tracking-\[0\],
.tracking-\[0px\] {
    letter-spacing: 0
}

.\!text-\[var\(--customize-button-text-color\)\] {
    color: var(--customize-button-text-color) !important
}

.\!text-\[var\(--customize-button-text-hover-color\)\] {
    color: var(--customize-button-text-hover-color) !important
}

.\!text-bg-100 {
    color: rgb(var(--color-bg-100)/1) !important;
    color: rgb(var(--color-bg-100)/var(--tw-text-opacity, 1)) !important
}

.\!text-bg-100,
.\!text-black {
    --tw-text-opacity: 1 !important
}

.\!text-black {
    color: rgb(var(--color-black)/1) !important;
    color: rgb(var(--color-black)/var(--tw-text-opacity, 1)) !important
}

.\!text-decrease,
.\!text-decrease-100 {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-decrease-100)/1) !important;
    color: rgb(var(--color-decrease-100)/var(--tw-text-opacity, 1)) !important
}

.\!text-increase,
.\!text-increase-100 {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-increase-100)/1) !important;
    color: rgb(var(--color-increase-100)/var(--tw-text-opacity, 1)) !important
}

.\!text-text-100 {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-text-100)/1) !important;
    color: rgb(var(--color-text-100)/var(--tw-text-opacity, 1)) !important
}

.\!text-text-100\/80 {
    color: rgb(var(--color-text-100)/.8) !important
}

.\!text-text-200 {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-text-200)/1) !important;
    color: rgb(var(--color-text-200)/var(--tw-text-opacity, 1)) !important
}

.\!text-text-400 {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-text-400)/1) !important;
    color: rgb(var(--color-text-400)/var(--tw-text-opacity, 1)) !important
}

.\!text-text-alwayswhite {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-text-alwayswhite)/1) !important;
    color: rgb(var(--color-text-alwayswhite)/var(--tw-text-opacity, 1)) !important
}

.text-\[\#000000\] {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#000000\] {
        color: rgb(0 0 0/var(--tw-text-opacity, 1))
    }
}

.text-\[\#111111\] {
    --tw-text-opacity: 1;
    color: rgb(17 17 17/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#111111\] {
        color: rgb(17 17 17/var(--tw-text-opacity, 1))
    }
}

.text-\[\#111\] {
    --tw-text-opacity: 1;
    color: rgb(17 17 17/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#111\] {
        color: rgb(17 17 17/var(--tw-text-opacity, 1))
    }
}

.text-\[\#1F2024\] {
    --tw-text-opacity: 1;
    color: rgb(31 32 36/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#1F2024\] {
        color: rgb(31 32 36/var(--tw-text-opacity, 1))
    }
}

.text-\[\#28292D\] {
    --tw-text-opacity: 1;
    color: rgb(40 41 45/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#28292D\] {
        color: rgb(40 41 45/var(--tw-text-opacity, 1))
    }
}

.text-\[\#3861F5\] {
    --tw-text-opacity: 1;
    color: rgb(56 97 245/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#3861F5\] {
        color: rgb(56 97 245/var(--tw-text-opacity, 1))
    }
}

.text-\[\#40C1DE\] {
    --tw-text-opacity: 1;
    color: rgb(64 193 222/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#40C1DE\] {
        color: rgb(64 193 222/var(--tw-text-opacity, 1))
    }
}

.text-\[\#4273DD\] {
    --tw-text-opacity: 1;
    color: rgb(66 115 221/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#4273DD\] {
        color: rgb(66 115 221/var(--tw-text-opacity, 1))
    }
}

.text-\[\#42D4A8\] {
    --tw-text-opacity: 1;
    color: rgb(66 212 168/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#42D4A8\] {
        color: rgb(66 212 168/var(--tw-text-opacity, 1))
    }
}

.text-\[\#4394f7\] {
    --tw-text-opacity: 1;
    color: rgb(67 148 247/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#4394f7\] {
        color: rgb(67 148 247/var(--tw-text-opacity, 1))
    }
}

.text-\[\#5C6068\] {
    --tw-text-opacity: 1;
    color: rgb(92 96 104/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#5C6068\] {
        color: rgb(92 96 104/var(--tw-text-opacity, 1))
    }
}

.text-\[\#626773\] {
    --tw-text-opacity: 1;
    color: rgb(98 103 115/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#626773\] {
        color: rgb(98 103 115/var(--tw-text-opacity, 1))
    }
}

.text-\[\#668FF2\] {
    --tw-text-opacity: 1;
    color: rgb(102 143 242/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#668FF2\] {
        color: rgb(102 143 242/var(--tw-text-opacity, 1))
    }
}

.text-\[\#6e777a\] {
    --tw-text-opacity: 1;
    color: rgb(110 119 122/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#6e777a\] {
        color: rgb(110 119 122/var(--tw-text-opacity, 1))
    }
}

.text-\[\#78C1F5\] {
    --tw-text-opacity: 1;
    color: rgb(120 193 245/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#78C1F5\] {
        color: rgb(120 193 245/var(--tw-text-opacity, 1))
    }
}

.text-\[\#828894\] {
    --tw-text-opacity: 1;
    color: rgb(130 136 148/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#828894\] {
        color: rgb(130 136 148/var(--tw-text-opacity, 1))
    }
}

.text-\[\#83DAEE\] {
    --tw-text-opacity: 1;
    color: rgb(131 218 238/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#83DAEE\] {
        color: rgb(131 218 238/var(--tw-text-opacity, 1))
    }
}

.text-\[\#86EFAD\] {
    --tw-text-opacity: 1;
    color: rgb(134 239 173/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#86EFAD\] {
        color: rgb(134 239 173/var(--tw-text-opacity, 1))
    }
}

.text-\[\#88D693\] {
    --tw-text-opacity: 1;
    color: rgb(136 214 147/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#88D693\] {
        color: rgb(136 214 147/var(--tw-text-opacity, 1))
    }
}

.text-\[\#9A9FAA\] {
    --tw-text-opacity: 1;
    color: rgb(154 159 170/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#9A9FAA\] {
        color: rgb(154 159 170/var(--tw-text-opacity, 1))
    }
}

.text-\[\#9AA0AA\] {
    --tw-text-opacity: 1;
    color: rgb(154 160 170/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#9AA0AA\] {
        color: rgb(154 160 170/var(--tw-text-opacity, 1))
    }
}

.text-\[\#A0EBAA\] {
    --tw-text-opacity: 1;
    color: rgb(160 235 170/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#A0EBAA\] {
        color: rgb(160 235 170/var(--tw-text-opacity, 1))
    }
}

.text-\[\#A3BAF2\] {
    --tw-text-opacity: 1;
    color: rgb(163 186 242/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#A3BAF2\] {
        color: rgb(163 186 242/var(--tw-text-opacity, 1))
    }
}

.text-\[\#ADADAD\] {
    --tw-text-opacity: 1;
    color: rgb(173 173 173/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#ADADAD\] {
        color: rgb(173 173 173/var(--tw-text-opacity, 1))
    }
}

.text-\[\#B8B8B8\] {
    --tw-text-opacity: 1;
    color: rgb(184 184 184/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#B8B8B8\] {
        color: rgb(184 184 184/var(--tw-text-opacity, 1))
    }
}

.text-\[\#BDF100\] {
    --tw-text-opacity: 1;
    color: rgb(189 241 0/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#BDF100\] {
        color: rgb(189 241 0/var(--tw-text-opacity, 1))
    }
}

.text-\[\#BEF100\] {
    --tw-text-opacity: 1;
    color: rgb(190 241 0/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#BEF100\] {
        color: rgb(190 241 0/var(--tw-text-opacity, 1))
    }
}

.text-\[\#C9F099\] {
    --tw-text-opacity: 1;
    color: rgb(201 240 153/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#C9F099\] {
        color: rgb(201 240 153/var(--tw-text-opacity, 1))
    }
}

.text-\[\#CD71F5\] {
    --tw-text-opacity: 1;
    color: rgb(205 113 245/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#CD71F5\] {
        color: rgb(205 113 245/var(--tw-text-opacity, 1))
    }
}

.text-\[\#CEFF12\] {
    --tw-text-opacity: 1;
    color: rgb(206 255 18/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#CEFF12\] {
        color: rgb(206 255 18/var(--tw-text-opacity, 1))
    }
}

.text-\[\#D0E957\] {
    --tw-text-opacity: 1;
    color: rgb(208 233 87/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#D0E957\] {
        color: rgb(208 233 87/var(--tw-text-opacity, 1))
    }
}

.text-\[\#E097FF\] {
    --tw-text-opacity: 1;
    color: rgb(224 151 255/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#E097FF\] {
        color: rgb(224 151 255/var(--tw-text-opacity, 1))
    }
}

.text-\[\#E0C422\] {
    --tw-text-opacity: 1;
    color: rgb(224 196 34/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#E0C422\] {
        color: rgb(224 196 34/var(--tw-text-opacity, 1))
    }
}

.text-\[\#F04866\] {
    --tw-text-opacity: 1;
    color: rgb(240 72 102/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#F04866\] {
        color: rgb(240 72 102/var(--tw-text-opacity, 1))
    }
}

.text-\[\#F0A968\] {
    --tw-text-opacity: 1;
    color: rgb(240 169 104/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#F0A968\] {
        color: rgb(240 169 104/var(--tw-text-opacity, 1))
    }
}

.text-\[\#F2ABA3\] {
    --tw-text-opacity: 1;
    color: rgb(242 171 163/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#F2ABA3\] {
        color: rgb(242 171 163/var(--tw-text-opacity, 1))
    }
}

.text-\[\#F2B2D7\] {
    --tw-text-opacity: 1;
    color: rgb(242 178 215/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#F2B2D7\] {
        color: rgb(242 178 215/var(--tw-text-opacity, 1))
    }
}

.text-\[\#F2E6A3\] {
    --tw-text-opacity: 1;
    color: rgb(242 230 163/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#F2E6A3\] {
        color: rgb(242 230 163/var(--tw-text-opacity, 1))
    }
}

.text-\[\#F56E86\] {
    --tw-text-opacity: 1;
    color: rgb(245 110 134/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#F56E86\] {
        color: rgb(245 110 134/var(--tw-text-opacity, 1))
    }
}

.text-\[\#F5F5F5\] {
    --tw-text-opacity: 1;
    color: rgb(245 245 245/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#F5F5F5\] {
        color: rgb(245 245 245/var(--tw-text-opacity, 1))
    }
}

.text-\[\#F7A760\] {
    --tw-text-opacity: 1;
    color: rgb(247 167 96/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#F7A760\] {
        color: rgb(247 167 96/var(--tw-text-opacity, 1))
    }
}

.text-\[\#FAFAFA\] {
    --tw-text-opacity: 1;
    color: rgb(250 250 250/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#FAFAFA\] {
        color: rgb(250 250 250/var(--tw-text-opacity, 1))
    }
}

.text-\[\#FCD66A\] {
    --tw-text-opacity: 1;
    color: rgb(252 214 106/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#FCD66A\] {
        color: rgb(252 214 106/var(--tw-text-opacity, 1))
    }
}

.text-\[\#FCE55C\] {
    --tw-text-opacity: 1;
    color: rgb(252 229 92/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#FCE55C\] {
        color: rgb(252 229 92/var(--tw-text-opacity, 1))
    }
}

.text-\[\#FE95A8\] {
    --tw-text-opacity: 1;
    color: rgb(254 149 168/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#FE95A8\] {
        color: rgb(254 149 168/var(--tw-text-opacity, 1))
    }
}

.text-\[\#FFA73F\] {
    --tw-text-opacity: 1;
    color: rgb(255 167 63/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#FFA73F\] {
        color: rgb(255 167 63/var(--tw-text-opacity, 1))
    }
}

.text-\[\#FFCF39\] {
    --tw-text-opacity: 1;
    color: rgb(255 207 57/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#FFCF39\] {
        color: rgb(255 207 57/var(--tw-text-opacity, 1))
    }
}

.text-\[\#FFD039\] {
    --tw-text-opacity: 1;
    color: rgb(255 208 57/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#FFD039\] {
        color: rgb(255 208 57/var(--tw-text-opacity, 1))
    }
}

.text-\[\#FFE768\] {
    --tw-text-opacity: 1;
    color: rgb(255 231 104/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#FFE768\] {
        color: rgb(255 231 104/var(--tw-text-opacity, 1))
    }
}

.text-\[\#FFFFFF\] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#FFFFFF\] {
        color: rgb(255 255 255/var(--tw-text-opacity, 1))
    }
}

.text-\[\#f8ba3a\] {
    --tw-text-opacity: 1;
    color: rgb(248 186 58/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#f8ba3a\] {
        color: rgb(248 186 58/var(--tw-text-opacity, 1))
    }
}

.text-\[\#ffa73f\] {
    --tw-text-opacity: 1;
    color: rgb(255 167 63/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#ffa73f\] {
        color: rgb(255 167 63/var(--tw-text-opacity, 1))
    }
}

.text-\[\#ffec43\] {
    --tw-text-opacity: 1;
    color: rgb(255 236 67/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#ffec43\] {
        color: rgb(255 236 67/var(--tw-text-opacity, 1))
    }
}

.text-\[\#ffffff\] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/1)
}

@supports (color:rgb(0 0 0/0)) {
    .text-\[\#ffffff\] {
        color: rgb(255 255 255/var(--tw-text-opacity, 1))
    }
}

.text-\[400\] {
    color: 400
}

.text-\[500\] {
    color: 500
}

.text-\[rgb\(var\(--color-decrease-200\)\)\] {
    color: rgb(var(--color-decrease-200))
}

.text-\[rgb\(var\(--color-increase-200\)\)\] {
    color: rgb(var(--color-increase-200))
}

.text-\[var\(--blast-main-color\)\] {
    color: var(--blast-main-color)
}

.text-\[var\(--chakra-colors-secondaryAccent\)\] {
    color: var(--chakra-colors-secondaryAccent)
}

.text-accent {
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent)/1);
    color: rgb(var(--color-accent)/var(--tw-text-opacity, 1))
}

.text-accent-sub {
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent-sub)/1);
    color: rgb(var(--color-accent-sub)/var(--tw-text-opacity, 1))
}

.text-beige {
    --tw-text-opacity: 1;
    color: rgb(var(--color-beige)/1);
    color: rgb(var(--color-beige)/var(--tw-text-opacity, 1))
}

.text-bg,
.text-bg-100 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-bg-100)/1);
    color: rgb(var(--color-bg-100)/var(--tw-text-opacity, 1))
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(var(--color-black)/1);
    color: rgb(var(--color-black)/var(--tw-text-opacity, 1))
}

.text-blue-100 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-blue-100)/1);
    color: rgb(var(--color-blue-100)/var(--tw-text-opacity, 1))
}

.text-btn-hightlight {
    --tw-text-opacity: 1;
    color: rgb(var(--color-btn-hightlight)/1);
    color: rgb(var(--color-btn-hightlight)/var(--tw-text-opacity, 1))
}

.text-btn-secondary {
    --tw-text-opacity: 1;
    color: rgb(var(--color-btn-secondary-100)/1);
    color: rgb(var(--color-btn-secondary-100)/var(--tw-text-opacity, 1))
}

.text-card-200 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-card-200)/1);
    color: rgb(var(--color-card-200)/var(--tw-text-opacity, 1))
}

.text-decrease,
.text-decrease-100 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-decrease-100)/1);
    color: rgb(var(--color-decrease-100)/var(--tw-text-opacity, 1))
}

.text-decrease-200 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-decrease-200)/1);
    color: rgb(var(--color-decrease-200)/var(--tw-text-opacity, 1))
}

.text-divider {
    color: rgba(var(--color-divider-100))
}

.text-green {
    --tw-text-opacity: 1;
    color: rgb(var(--color-green)/1);
    color: rgb(var(--color-green)/var(--tw-text-opacity, 1))
}

.text-green-100 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-green-100)/1);
    color: rgb(var(--color-green-100)/var(--tw-text-opacity, 1))
}

.text-increase,
.text-increase-100 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-increase-100)/1);
    color: rgb(var(--color-increase-100)/var(--tw-text-opacity, 1))
}

.text-increase-200 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-increase-200)/1);
    color: rgb(var(--color-increase-200)/var(--tw-text-opacity, 1))
}

.text-primary {
    --tw-text-opacity: 1;
    color: rgb(var(--color-primary)/1);
    color: rgb(var(--color-primary)/var(--tw-text-opacity, 1))
}

.text-primary-300 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-primary-300)/1);
    color: rgb(var(--color-primary-300)/var(--tw-text-opacity, 1))
}

.text-red {
    --tw-text-opacity: 1;
    color: rgb(var(--color-red)/1);
    color: rgb(var(--color-red)/var(--tw-text-opacity, 1))
}

.text-red-100 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-red-100)/1);
    color: rgb(var(--color-red-100)/var(--tw-text-opacity, 1))
}

.text-red-50 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-red-50)/1);
    color: rgb(var(--color-red-50)/var(--tw-text-opacity, 1))
}

.text-text-100 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-100)/1);
    color: rgb(var(--color-text-100)/var(--tw-text-opacity, 1))
}

.text-text-100\/40 {
    color: rgb(var(--color-text-100)/.4)
}

.text-text-200 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-200)/1);
    color: rgb(var(--color-text-200)/var(--tw-text-opacity, 1))
}

.text-text-300 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-300)/1);
    color: rgb(var(--color-text-300)/var(--tw-text-opacity, 1))
}

.text-text-400 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-400)/1);
    color: rgb(var(--color-text-400)/var(--tw-text-opacity, 1))
}

.text-text-alwaysblack {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-alwaysblack)/1);
    color: rgb(var(--color-text-alwaysblack)/var(--tw-text-opacity, 1))
}

.text-text-alwayswhite {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-alwayswhite)/1);
    color: rgb(var(--color-text-alwayswhite)/var(--tw-text-opacity, 1))
}

.text-text-alwayswhite\/40 {
    color: rgb(var(--color-text-alwayswhite)/.4)
}

.text-text-hightlightbtn {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-hightlightbtn)/1);
    color: rgb(var(--color-text-hightlightbtn)/var(--tw-text-opacity, 1))
}

.text-warning-100 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-warning-100)/1);
    color: rgb(var(--color-warning-100)/var(--tw-text-opacity, 1))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(var(--color-white)/1);
    color: rgb(var(--color-white)/var(--tw-text-opacity, 1))
}

.text-yellow {
    --tw-text-opacity: 1;
    color: rgb(var(--color-yellow)/1);
    color: rgb(var(--color-yellow)/var(--tw-text-opacity, 1))
}

.text-yellow-100 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-yellow-100)/1);
    color: rgb(var(--color-yellow-100)/var(--tw-text-opacity, 1))
}

.underline {
    text-decoration-line: underline
}

.line-through {
    text-decoration-line: line-through
}

.no-underline {
    text-decoration-line: none
}

.underline-offset-\[3px\] {
    text-underline-offset: 3px
}

.opacity-0 {
    opacity: 0
}

.opacity-10 {
    opacity: .1
}

.opacity-100 {
    opacity: 1
}

.opacity-30 {
    opacity: .3
}

.opacity-40 {
    opacity: .4
}

.opacity-50 {
    opacity: .5
}

.opacity-60 {
    opacity: .6
}

.opacity-70 {
    opacity: .7
}

.opacity-80 {
    opacity: .8
}

.opacity-\[\.24\] {
    opacity: .24
}

.opacity-\[0\.25\] {
    opacity: .25
}

.opacity-\[0\.9\] {
    opacity: .9
}

.opacity-\[0\] {
    opacity: 0
}

.\!shadow-none {
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000 !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0/0.1), 0 1px 2px -1px rgb(0 0 0/0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 3px 0 rgb(0 0 0/.1), 0 1px 2px -1px rgb(0 0 0/.1);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0px_0px_12px_0px_\#3340591A\] {
    --tw-shadow: 0px 0px 12px 0px #3340591A;
    --tw-shadow-colored: 0px 0px 12px 0px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 12px 0 #3340591A;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0/0.1), 0 4px 6px -4px rgb(0 0 0/0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0/.1), 0 4px 6px -4px rgb(0 0 0/.1);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0/0.1), 0 2px 4px -2px rgb(0 0 0/0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgb(0 0 0/.1), 0 2px 4px -2px rgb(0 0 0/.1);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0/0.1), 0 8px 10px -6px rgb(0 0 0/0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 20px 25px -5px rgb(0 0 0/.1), 0 8px 10px -6px rgb(0 0 0/.1);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.outline {
    outline-style: solid
}

.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)
}

.\!filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.backdrop-blur-\[12px\] {
    --tw-backdrop-blur: blur(12px);
    -webkit-backdrop-filter: blur(12px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: blur(12px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.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-\[left\] {
    transition-property: left;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-\[width\] {
    transition-property: width;
    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
}

.duration-1000 {
    transition-duration: 1s
}

.duration-150 {
    transition-duration: .15s
}

.duration-200 {
    transition-duration: .2s
}

.duration-300,
.duration-\[0\.3s\] {
    transition-duration: .3s
}

.duration-\[0\.5s\] {
    transition-duration: .5s
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.will-change-\[width\] {
    will-change: width
}

.will-change-auto {
    will-change: auto
}

.will-change-transform {
    will-change: transform
}

.\[-webkit-box-orient\:vertical\] {
    -webkit-box-orient: vertical
}

.\[-webkit-line-clamp\:3\] {
    -webkit-line-clamp: 3
}

.\[appearance\:textfield\] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.\[background\:linear-gradient\(219deg\2c \#B50CFB_0\%\2c \#3D6DFF_48\.97\%\2c \#3D6DFF_48\.98\%\2c \#4DC5CA_100\%\)\] {
    background: linear-gradient(219deg, #B50CFB, #3D6DFF 48.97%, #3D6DFF 48.98%, #4DC5CA)
}

.\[display\:-webkit-box\] {
    display: -webkit-box
}

.\[position\:unset\] {
    position: static
}

@theme {
    --color-blue: var(--color-blue)
}

.progress-token {
    transition: --progress-token .5s;
    will-change: background
}

:root {
    --bg-color: #0d0d0f;
    --card-color: rgb(var(--color-card));
    --border-color: #1f2024;
    --accent-color: #f0f5f5;
    --auxiliary-color: #676e70;
    --meme-button-color: var(--color-btn-secondary);
    --meme-button-hover-color: var(--color-btn-secondary);
    --user-preferred-font: "Switzer"
}

body,
html {
    height: 100%
}

html[data-theme=dark] {
    --table-hover-color: #15161a;
    --blast-main-color: #ffd039;
    --base-main-color: #158fff
}

html[data-theme=light] {
    --table-hover-color: #f3f5f5;
    --blast-main-color: #ff9839;
    --base-main-color: #0052ff
}

:host,
:root,
[data-theme],
body {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

:not(.g-table-wrapper.scrollbar .g-table-body)::-webkit-scrollbar {
    display: none
}

.g-table-wrapper.hide-horizontal-scrollbar .g-table-tbody-virtual-scrollbar-horizontal {
    display: none
}

.g-table-wrapper.scrollbar .g-table-body {
    overflow-y: auto;
    scrollbar-color: rgba(153, 153, 153, .6) transparent;
    scrollbar-width: thin
}

.g-table-wrapper.scrollbar .g-table-body::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: transparent
}

.g-table-wrapper tr:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--color-hover-100)/1) !important;
    background-color: rgb(var(--color-hover-100)/var(--tw-bg-opacity, 1)) !important
}

input::-webkit-input-placeholder {
    font-size: 12px;
    text-align: left
}

input:-moz-placeholder,
input::-moz-placeholder {
    font-size: 12px;
    text-align: left
}

input:-ms-input-placeholder {
    font-size: 12px;
    text-align: left
}

button {
    outline: none
}

@media screen and (min-width:100px) {
    html {
        font-size: 16px
    }
}

@media screen and (min-width:1024px) {
    html {
        font-size: 14px
    }
}

@media screen and (min-width:1366px) {
    html {
        font-size: 16px
    }
}

@media screen and (min-width:1660px) {
    html {
        font-size: 20px
    }
}

.icon_link:hover .icon_link_icon {
    display: none
}

.icon_link:hover .icon_link_hover {
    display: flex
}

@keyframes table_bg {
    0% {
        background-color: #60771f
    }

    to {
        background-color: transparent;
        background-color: initial
    }
}

:focus-visible {
    outline: none;
    box-shadow: none !important
}

.safe-bottom {
    padding-bottom: env(safe-area-inset-bottom)
}

.safe-bottom-footer-h5 {
    margin-bottom: calc(env(safe-area-inset-bottom) + 56px)
}

#okx-inject {
    display: none
}

iframe {
    width: 100%;
    height: 100%
}

.cursor-pointer {
    cursor: pointer
}

.wallet-adapter-modal-title {
    padding: 20px 12px 12px;
    font-size: 16px;
    text-align: left;
    width: 100%;
    display: block
}

.wallet-adapter-modal-list .wallet-adapter-button span {
    display: none
}

.fade-in-x-row-animation {
    animation: fade-in-x .3s ease-in
}

@keyframes fade-in-x {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.first-upcase:first-letter {
    text-transform: uppercase
}

.table-opacity-4 {
    opacity: .4
}

.table-opacity-6 {
    opacity: .6
}

.ag-deep-red-row,
.table-tr-deep-red .g-table-cell,
.table-tr-deep-red:hover .g-table-cell {
    background-color: rgba(var(--color-red-200)) !important
}

.menu-trigger>span {
    pointer-events: inherit !important
}

.chakra-popover__popper {
    z-index: 9999 !important
}

.g-table.g-table-small .g-table-cell,
.g-table.g-table-small .g-table-tbody>tr>td,
.g-table.g-table-small .g-table-thead>tr>th {
    padding: 4px
}

.token-hide-button {
    opacity: 0;
    transition: opacity .2s
}

.g-table-wrapper tr:hover .token-hide-button {
    opacity: 1
}

img:not([src]),
img[src=""] {
    opacity: 0
}

body,
html {
    font-feature-settings: "tnum" !important;
    letter-spacing: -.2px
}

body,
html,
html[lang=zh-CN] {
    --font-base: var(--user-preferred-font), "Microsoft YaHei", sans-serif;
    --font-mono: var(--font-base)
}

html[lang=zh-TW] {
    --font-base: var(--user-preferred-font), "PingFang TC", "Microsoft YaHei", sans-serif;
    --font-mono: var(--font-base)
}

html[lang=ko] {
    --font-base: var(--user-preferred-font), "Noto Sans KR", sans-serif;
    --font-mono: var(--font-base)
}

html[lang=ja] {
    --font-base: var(--user-preferred-font), "Noto Sans JP", sans-serif;
    --font-mono: var(--font-base)
}

html body {
    font-family: Switzer, Microsoft YaHei, sans-serif;
    font-family: var(--font-mono)
}

body.fullScreen .over-fullScreen {
    z-index: 1001 !important
}

.grecaptcha-badge {
    visibility: hidden
}

.react-draggable-transparent-selection {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.wallet-select .rc-virtual-list-scrollbar-thumb {
    background: rgb(var(--color-scrollbar)) !important
}

.chakra-portal .chakra-modal__content-container .chakra-slide.chakra-modal__content {
    background-color: rgb(var(--color-bg-100))
}

.share-scrollbar {
    overflow-y: auto;
    scrollbar-color: rgba(153, 153, 153, .6) transparent;
    scrollbar-width: thin;
    margin-right: -10px;
    padding-right: 10px
}

.share-scrollbar::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: transparent
}

.placeholder\:text-\[13px\]::-moz-placeholder {
    font-size: 13px
}

.placeholder\:text-\[13px\]::placeholder {
    font-size: 13px
}

.placeholder\:text-\[14px\]::-moz-placeholder {
    font-size: 14px
}

.placeholder\:text-\[14px\]::placeholder {
    font-size: 14px
}

.placeholder\:font-\[400\]::-moz-placeholder {
    font-weight: 400
}

.placeholder\:font-\[400\]::placeholder {
    font-weight: 400
}

.placeholder\:font-normal::-moz-placeholder {
    font-weight: 400
}

.placeholder\:font-normal::placeholder {
    font-weight: 400
}

.placeholder\:leading-\[17px\]::-moz-placeholder {
    line-height: 17px
}

.placeholder\:leading-\[17px\]::placeholder {
    line-height: 17px
}

.placeholder\:text-text-400::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-400)/1);
    color: rgb(var(--color-text-400)/var(--tw-text-opacity, 1))
}

.placeholder\:text-text-400::placeholder {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-400)/1);
    color: rgb(var(--color-text-400)/var(--tw-text-opacity, 1))
}

.first\:rounded-t-8px:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.last\:rounded-b-8px:last-child {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px
}

.last\:\!border-b-\[0\.5px\]:last-child {
    border-bottom-width: .5px !important
}

.checked\:border-increase-100:checked,
.checked\:border-increase:checked {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-increase-100)/var(--tw-border-opacity, 1))
}

.checked\:text-text-100:checked {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-100)/1);
    color: rgb(var(--color-text-100)/var(--tw-text-opacity, 1))
}

.hover\:scale-\[1\.06\]:hover {
    --tw-scale-x: 1.06;
    --tw-scale-y: 1.06;
    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.06) scaleY(1.06);
    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))
}

.hover\:cursor-pointer:hover {
    cursor: pointer
}

.hover\:rounded-4px:hover {
    border-radius: 4px
}

.hover\:rounded-6px:hover {
    border-radius: 6px
}

.hover\:border:hover {
    border-width: 1px
}

.hover\:border-b-\[0\.5px\]:hover {
    border-bottom-width: .5px
}

.hover\:border-none:hover {
    border-style: none
}

.hover\:\!border-text-300:hover {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--color-text-300)/var(--tw-border-opacity, 1)) !important
}

.hover\:border-\[\#D0E957\]:hover {
    --tw-border-opacity: 1;
    border-color: rgb(208 233 87/1)
}

@supports (color:rgb(0 0 0/0)) {
    .hover\:border-\[\#D0E957\]:hover {
        border-color: rgb(208 233 87/var(--tw-border-opacity, 1))
    }
}

.hover\:border-\[rgba\(255\2c 255\2c 255\2c 0\.9\)\]:hover {
    border-color: rgba(255, 255, 255, .9)
}

.hover\:border-accent:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-accent)/var(--tw-border-opacity, 1))
}

.hover\:border-divider:hover {
    border-color: rgba(var(--color-divider-100))
}

.hover\:border-hover:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-hover)/var(--tw-border-opacity, 1))
}

.hover\:border-increase-100:hover,
.hover\:border-increase:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-increase-100)/var(--tw-border-opacity, 1))
}

.hover\:border-line-100:hover {
    border-color: rgba(var(--color-line-100))
}

.hover\:border-text-100:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-text-100)/var(--tw-border-opacity, 1))
}

.hover\:border-text-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-text-300)/var(--tw-border-opacity, 1))
}

.hover\:border-transparent:hover {
    border-color: transparent
}

.hover\:\!bg-\[\#8ca833\]:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(140 168 51/1) !important
}

@supports (color:rgb(0 0 0/0)) {
    .hover\:\!bg-\[\#8ca833\]:hover {
        background-color: rgb(140 168 51/var(--tw-bg-opacity, 1)) !important
    }
}

.hover\:\!bg-\[var\(--customize-button-bg-hover-color\)\]:hover {
    background-color: var(--customize-button-bg-hover-color) !important
}

.hover\:\!bg-decrease-100\/85:hover {
    background-color: rgb(var(--color-decrease-100)/.85) !important
}

.hover\:\!bg-green-200:hover {
    background-color: rgba(var(--color-green-200)) !important
}

.hover\:\!bg-green-300:hover {
    background-color: rgba(var(--color-green-300)) !important
}

.hover\:\!bg-increase-100\/85:hover {
    background-color: rgb(var(--color-increase-100)/.85) !important
}

.hover\:\!bg-line-200:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--color-line-200)/1) !important;
    background-color: rgb(var(--color-line-200)/var(--tw-bg-opacity, 1)) !important
}

.hover\:\!bg-red-200:hover {
    background-color: rgba(var(--color-red-200)) !important
}

.hover\:\!bg-red-300:hover {
    background-color: rgba(var(--color-red-300)) !important
}

.hover\:\!bg-text-100\/80:hover {
    background-color: rgb(var(--color-text-100)/.8) !important
}

.hover\:\!bg-white\/85:hover {
    background-color: rgb(var(--color-white)/.85) !important
}

.hover\:bg-\[\#9886E5\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(152 134 229/1)
}

@supports (color:rgb(0 0 0/0)) {
    .hover\:bg-\[\#9886E5\]:hover {
        background-color: rgb(152 134 229/var(--tw-bg-opacity, 1))
    }
}

.hover\:bg-\[\#EEEFF2\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(238 239 242/1)
}

@supports (color:rgb(0 0 0/0)) {
    .hover\:bg-\[\#EEEFF2\]:hover {
        background-color: rgb(238 239 242/var(--tw-bg-opacity, 1))
    }
}

.hover\:bg-\[rgb\(var\(--color-hover-200\)\)\]:hover {
    background-color: rgb(var(--color-hover-200))
}

.hover\:bg-\[unset\]:hover {
    background-color: transparent;
    background-color: initial
}

.hover\:bg-accent:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-accent)/1);
    background-color: rgb(var(--color-accent)/var(--tw-bg-opacity, 1))
}

.hover\:bg-bg-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-bg-100)/1);
    background-color: rgb(var(--color-bg-100)/var(--tw-bg-opacity, 1))
}

.hover\:bg-bg-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-bg-200)/1);
    background-color: rgb(var(--color-bg-200)/var(--tw-bg-opacity, 1))
}

.hover\:bg-bg-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-bg-300)/1);
    background-color: rgb(var(--color-bg-300)/var(--tw-bg-opacity, 1))
}

.hover\:bg-bg-400\/50:hover {
    background-color: rgb(var(--color-bg-400)/.5)
}

.hover\:bg-btn-highlight-hover:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-btn-highlight-hover)/1);
    background-color: rgb(var(--color-btn-highlight-hover)/var(--tw-bg-opacity, 1))
}

.hover\:bg-btn-hightlight:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-btn-hightlight)/1);
    background-color: rgb(var(--color-btn-hightlight)/var(--tw-bg-opacity, 1))
}

.hover\:bg-btn-secondary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-btn-secondary-100)/1);
    background-color: rgb(var(--color-btn-secondary-100)/var(--tw-bg-opacity, 1))
}

.hover\:bg-btn-secondary-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-btn-secondary-200)/1);
    background-color: rgb(var(--color-btn-secondary-200)/var(--tw-bg-opacity, 1))
}

.hover\:bg-card-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-card-200)/1);
    background-color: rgb(var(--color-card-200)/var(--tw-bg-opacity, 1))
}

.hover\:bg-decrease-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-decrease-100)/1);
    background-color: rgb(var(--color-decrease-100)/var(--tw-bg-opacity, 1))
}

.hover\:bg-decrease-100\/85:hover {
    background-color: rgb(var(--color-decrease-100)/.85)
}

.hover\:bg-divider:hover {
    background-color: rgba(var(--color-divider-100))
}

.hover\:bg-green-200:hover {
    background-color: rgba(var(--color-green-200))
}

.hover\:bg-green-300:hover {
    background-color: rgba(var(--color-green-300))
}

.hover\:bg-hover:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-hover)/1);
    background-color: rgb(var(--color-hover)/var(--tw-bg-opacity, 1))
}

.hover\:bg-hover-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-hover-100)/1);
    background-color: rgb(var(--color-hover-100)/var(--tw-bg-opacity, 1))
}

.hover\:bg-hover-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-hover-200)/1);
    background-color: rgb(var(--color-hover-200)/var(--tw-bg-opacity, 1))
}

.hover\:bg-hover-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-hover-300)/1);
    background-color: rgb(var(--color-hover-300)/var(--tw-bg-opacity, 1))
}

.hover\:bg-increase-100:hover,
.hover\:bg-increase:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-increase-100)/1);
    background-color: rgb(var(--color-increase-100)/var(--tw-bg-opacity, 1))
}

.hover\:bg-increase-100\/85:hover {
    background-color: rgb(var(--color-increase-100)/.85)
}

.hover\:bg-input-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-input-100)/1);
    background-color: rgb(var(--color-input-100)/var(--tw-bg-opacity, 1))
}

.hover\:bg-line-100:hover {
    background-color: rgba(var(--color-line-100))
}

.hover\:bg-line-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-line-200)/1);
    background-color: rgb(var(--color-line-200)/var(--tw-bg-opacity, 1))
}

.hover\:bg-primary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary)/1);
    background-color: rgb(var(--color-primary)/var(--tw-bg-opacity, 1))
}

.hover\:bg-red-200:hover {
    background-color: rgba(var(--color-red-200))
}

.hover\:bg-red-300:hover {
    background-color: rgba(var(--color-red-300))
}

.hover\:bg-red-50\/85:hover {
    background-color: rgb(var(--color-red-50)/.85)
}

.hover\:bg-text-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-text-100)/1);
    background-color: rgb(var(--color-text-100)/var(--tw-bg-opacity, 1))
}

.hover\:bg-text-100\/70:hover {
    background-color: rgb(var(--color-text-100)/.7)
}

.hover\:bg-text-100\/80:hover {
    background-color: rgb(var(--color-text-100)/.8)
}

.hover\:bg-text-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-text-200)/1);
    background-color: rgb(var(--color-text-200)/var(--tw-bg-opacity, 1))
}

.hover\:bg-text-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-text-300)/1);
    background-color: rgb(var(--color-text-300)/var(--tw-bg-opacity, 1))
}

.hover\:bg-text-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-text-400)/1);
    background-color: rgb(var(--color-text-400)/var(--tw-bg-opacity, 1))
}

.hover\:bg-text-400\/70:hover {
    background-color: rgb(var(--color-text-400)/.7)
}

.hover\:bg-toggle-highlight:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-toggle-highlight)/1);
    background-color: rgb(var(--color-toggle-highlight)/var(--tw-bg-opacity, 1))
}

.hover\:bg-transparent:hover {
    background-color: transparent
}

.hover\:bg-yellow-100\/30:hover {
    background-color: rgb(var(--color-yellow-100)/.3)
}

.hover\:fill-text-100:hover {
    fill: rgb(var(--color-text-100)/1)
}

.hover\:\!text-\[var\(--customize-button-text-hover-color\)\]:hover {
    color: var(--customize-button-text-hover-color) !important
}

.hover\:\!text-text-100:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-text-100)/1) !important;
    color: rgb(var(--color-text-100)/var(--tw-text-opacity, 1)) !important
}

.hover\:text-\[\#000000\]:hover {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/1)
}

@supports (color:rgb(0 0 0/0)) {
    .hover\:text-\[\#000000\]:hover {
        color: rgb(0 0 0/var(--tw-text-opacity, 1))
    }
}

.hover\:text-\[\#3861F5\]\/\[0\.9\]:hover {
    color: rgb(56 97 245/.9)
}

.hover\:text-\[\#40C1DE\]\/\[0\.9\]:hover {
    color: rgb(64 193 222/.9)
}

.hover\:text-\[\#42D4A8\]\/\[0\.9\]:hover {
    color: rgb(66 212 168/.9)
}

.hover\:text-\[\#668FF2\]\/\[0\.9\]:hover {
    color: rgb(102 143 242/.9)
}

.hover\:text-\[\#78C1F5\]\/\[0\.8\]:hover {
    color: rgb(120 193 245/.8)
}

.hover\:text-\[\#83DAEE\]\/\[0\.8\]:hover {
    color: rgb(131 218 238/.8)
}

.hover\:text-\[\#A3BAF2\]\/\[0\.8\]:hover {
    color: rgb(163 186 242/.8)
}

.hover\:text-\[\#C9F099\]\/\[0\.8\]:hover {
    color: rgb(201 240 153/.8)
}

.hover\:text-\[\#CD71F5\]\/\[0\.9\]:hover {
    color: rgb(205 113 245/.9)
}

.hover\:text-\[\#D0E957\]:hover {
    --tw-text-opacity: 1;
    color: rgb(208 233 87/1)
}

@supports (color:rgb(0 0 0/0)) {
    .hover\:text-\[\#D0E957\]:hover {
        color: rgb(208 233 87/var(--tw-text-opacity, 1))
    }
}

.hover\:text-\[\#E097FF\]\/\[0\.8\]:hover {
    color: rgb(224 151 255/.8)
}

.hover\:text-\[\#E0C422\]\/\[0\.9\]:hover {
    color: rgb(224 196 34/.9)
}

.hover\:text-\[\#F2ABA3\]\/\[0\.8\]:hover {
    color: rgb(242 171 163/.8)
}

.hover\:text-\[\#F2E6A3\]\/\[0\.8\]:hover {
    color: rgb(242 230 163/.8)
}

.hover\:text-\[\#F56E86\]\/\[0\.9\]:hover {
    color: rgb(245 110 134/.9)
}

.hover\:text-\[\#F5F5F5\]:hover {
    --tw-text-opacity: 1;
    color: rgb(245 245 245/1)
}

@supports (color:rgb(0 0 0/0)) {
    .hover\:text-\[\#F5F5F5\]:hover {
        color: rgb(245 245 245/var(--tw-text-opacity, 1))
    }
}

.hover\:text-\[\#F7A760\]\/\[0\.9\]:hover {
    color: rgb(247 167 96/.9)
}

.hover\:text-\[\#FE95A8\]\/\[0\.8\]:hover {
    color: rgb(254 149 168/.8)
}

.hover\:text-\[var\(--chakra-colors-secondaryAccent\)\]:hover {
    color: var(--chakra-colors-secondaryAccent)
}

.hover\:text-bg-100:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-bg-100)/1);
    color: rgb(var(--color-bg-100)/var(--tw-text-opacity, 1))
}

.hover\:text-btn-secondary:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-btn-secondary-100)/1);
    color: rgb(var(--color-btn-secondary-100)/var(--tw-text-opacity, 1))
}

.hover\:text-increase-100:hover,
.hover\:text-increase:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-increase-100)/1);
    color: rgb(var(--color-increase-100)/var(--tw-text-opacity, 1))
}

.hover\:text-increase-200:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-increase-200)/1);
    color: rgb(var(--color-increase-200)/var(--tw-text-opacity, 1))
}

.hover\:text-primary:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-primary)/1);
    color: rgb(var(--color-primary)/var(--tw-text-opacity, 1))
}

.hover\:text-red-100:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-red-100)/1);
    color: rgb(var(--color-red-100)/var(--tw-text-opacity, 1))
}

.hover\:text-text-100:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-100)/1);
    color: rgb(var(--color-text-100)/var(--tw-text-opacity, 1))
}

.hover\:text-text-200:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-200)/1);
    color: rgb(var(--color-text-200)/var(--tw-text-opacity, 1))
}

.hover\:text-text-300:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-300)/1);
    color: rgb(var(--color-text-300)/var(--tw-text-opacity, 1))
}

.hover\:text-text-alwaysblack:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-alwaysblack)/1);
    color: rgb(var(--color-text-alwaysblack)/var(--tw-text-opacity, 1))
}

.hover\:text-text-hightlightbtn:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-hightlightbtn)/1);
    color: rgb(var(--color-text-hightlightbtn)/var(--tw-text-opacity, 1))
}

.hover\:text-yellow-100:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-yellow-100)/1);
    color: rgb(var(--color-yellow-100)/var(--tw-text-opacity, 1))
}

.hover\:underline:hover {
    text-decoration-line: underline
}

.hover\:no-underline:hover {
    text-decoration-line: none
}

.hover\:opacity-50:hover {
    opacity: .5
}

.hover\:opacity-70:hover {
    opacity: .7
}

.hover\:opacity-80:hover {
    opacity: .8
}

.hover\:opacity-90:hover {
    opacity: .9
}

.hover\:\[filter\:hue-rotate\(90deg\)\]:hover {
    filter: hue-rotate(90deg)
}

.focus\:\!border-text-300:focus {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--color-text-300)/var(--tw-border-opacity, 1)) !important
}

.focus\:border-\[rgba\(255\2c 255\2c 255\2c 0\.9\)\]:focus {
    border-color: rgba(255, 255, 255, .9)
}

.focus\:border-increase-100:focus,
.focus\:border-increase:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-increase-100)/var(--tw-border-opacity, 1))
}

.focus\:border-text-200:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-text-200)/var(--tw-border-opacity, 1))
}

.focus\:bg-btn-highlight-hover:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-btn-highlight-hover)/1);
    background-color: rgb(var(--color-btn-highlight-hover)/var(--tw-bg-opacity, 1))
}

.focus\:bg-text-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-text-100)/1);
    background-color: rgb(var(--color-text-100)/var(--tw-bg-opacity, 1))
}

.focus\:bg-text-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-text-400)/1);
    background-color: rgb(var(--color-text-400)/var(--tw-bg-opacity, 1))
}

.focus\:bg-transparent:focus {
    background-color: transparent
}

.focus\:text-text-100:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-100)/1);
    color: rgb(var(--color-text-100)/var(--tw-text-opacity, 1))
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.active\:border-increase-100:active,
.active\:border-increase:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-increase-100)/var(--tw-border-opacity, 1))
}

.active\:bg-accent:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-accent)/1);
    background-color: rgb(var(--color-accent)/var(--tw-bg-opacity, 1))
}

.active\:bg-card-200:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-card-200)/1);
    background-color: rgb(var(--color-card-200)/var(--tw-bg-opacity, 1))
}

.active\:text-text-100:active {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-100)/1);
    color: rgb(var(--color-text-100)/var(--tw-text-opacity, 1))
}

.disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed
}

.disabled\:opacity-50:disabled {
    opacity: .5
}

.group:hover .group-hover\:visible,
.group\/a:hover .group-hover\/a\:visible {
    visibility: visible
}

.group:hover .group-hover\:block {
    display: block
}

.group\/a:hover .group-hover\/a\:flex {
    display: flex
}

.group\/a:hover .group-hover\/a\:hidden {
    display: none
}

.group\/a:hover .group-hover\/a\:bg-hover-100\/90 {
    background-color: rgb(var(--color-hover-100)/.9)
}

.group\/a:hover .group-hover\/a\:bg-hover-100\/95 {
    background-color: rgb(var(--color-hover-100)/.95)
}

.group\/a:hover .group-hover\/a\:bg-text-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-text-100)/1);
    background-color: rgb(var(--color-text-100)/var(--tw-bg-opacity, 1))
}

.group:hover .group-hover\:bg-line-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-line-300)/1);
    background-color: rgb(var(--color-line-300)/var(--tw-bg-opacity, 1))
}

.group:hover .group-hover\:bg-text-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-text-100)/1);
    background-color: rgb(var(--color-text-100)/var(--tw-bg-opacity, 1))
}

.group:hover .group-hover\:bg-text-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-text-400)/1);
    background-color: rgb(var(--color-text-400)/var(--tw-bg-opacity, 1))
}

.group:hover .group-hover\:text-text-100 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-100)/1);
    color: rgb(var(--color-text-100)/var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:opacity-20 {
    opacity: .2
}

@media (min-width:768px) {
    .md\:mb-0 {
        margin-bottom: 0
    }

    .md\:w-auto {
        width: auto
    }

    .md\:min-w-\[80px\] {
        min-width: 80px
    }

    .md\:flex-row {
        flex-direction: row
    }

    .md\:flex-col {
        flex-direction: column
    }

    .md\:justify-center {
        justify-content: center
    }

    .md\:gap-2 {
        gap: .5rem
    }

    .md\:gap-3 {
        gap: .75rem
    }

    .md\:pl-0 {
        padding-left: 0
    }

    .md\:pr-0 {
        padding-right: 0
    }
}

@media (max-width:767px) {
    .mobile\:my-\[1rem\] {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .mobile\:mb-0 {
        margin-bottom: 0
    }

    .mobile\:ml-0 {
        margin-left: 0
    }

    .mobile\:ml-12px {
        margin-left: 12px
    }

    .mobile\:mt-0 {
        margin-top: 0
    }

    .mobile\:mt-16px {
        margin-top: 16px
    }

    .mobile\:mt-\[\.5rem\] {
        margin-top: .5rem
    }

    .mobile\:mt-\[1rem\] {
        margin-top: 1rem
    }

    .mobile\:mt-\[3rem\] {
        margin-top: 3rem
    }

    .mobile\:hidden {
        display: none
    }

    .mobile\:h-\[40px\] {
        height: 40px
    }

    .mobile\:h-\[6rem\] {
        height: 6rem
    }

    .mobile\:h-auto {
        height: auto
    }

    .mobile\:w-\[16px\] {
        width: 16px
    }

    .mobile\:w-\[40px\] {
        width: 40px
    }

    .mobile\:w-\[calc\(100vw_-24px\)\] {
        width: calc(100vw - 24px)
    }

    .mobile\:w-full {
        width: 100%
    }

    .mobile\:min-w-full {
        min-width: 100%
    }

    .mobile\:flex-row {
        flex-direction: row
    }

    .mobile\:flex-col {
        flex-direction: column
    }

    .mobile\:flex-col-reverse {
        flex-direction: column-reverse
    }

    .mobile\:items-start {
        align-items: flex-start
    }

    .mobile\:justify-start {
        justify-content: flex-start
    }

    .mobile\:justify-between {
        justify-content: space-between
    }

    .mobile\:gap-12px {
        gap: 12px
    }

    .mobile\:gap-2px {
        gap: 2px
    }

    .mobile\:gap-8px {
        gap: 8px
    }

    .mobile\:border-b {
        border-bottom-width: 1px
    }

    .mobile\:border-l-0 {
        border-left-width: 0
    }

    .mobile\:p-2px {
        padding: 2px
    }

    .mobile\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .mobile\:px-12px {
        padding-left: 12px;
        padding-right: 12px
    }

    .mobile\:px-16px {
        padding-left: 16px;
        padding-right: 16px
    }

    .mobile\:px-\[0\] {
        padding-left: 0;
        padding-right: 0
    }

    .mobile\:px-\[16px\] {
        padding-left: 16px;
        padding-right: 16px
    }

    .mobile\:px-\[1rem\] {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .mobile\:pr-0 {
        padding-right: 0
    }

    .mobile\:text-\[1\.75rem\] {
        font-size: 1.75rem
    }

    .mobile\:text-\[13px\] {
        font-size: 13px
    }

    .mobile\:text-lg {
        font-size: 16px;
        line-height: 22px
    }

    .mobile\:text-sm {
        font-size: 12px;
        line-height: 18px
    }
}

@media (min-width:1024px) {
    .lg\:mx-\[-16px\] {
        margin-left: -16px;
        margin-right: -16px
    }

    .lg\:mb-\[24px\] {
        margin-bottom: 24px
    }

    .lg\:mb-\[8px\] {
        margin-bottom: 8px
    }

    .lg\:ml-4px {
        margin-left: 4px
    }

    .lg\:ml-\[3px\] {
        margin-left: 3px
    }

    .lg\:ml-\[4px\] {
        margin-left: 4px
    }

    .lg\:ml-\[8px\] {
        margin-left: 8px
    }

    .lg\:mt-12px {
        margin-top: 12px
    }

    .lg\:mt-2 {
        margin-top: .5rem
    }

    .lg\:mt-3 {
        margin-top: .75rem
    }

    .lg\:mt-\[-8px\] {
        margin-top: -8px
    }

    .lg\:mt-\[16px\] {
        margin-top: 16px
    }

    .lg\:mt-\[24px\] {
        margin-top: 24px
    }

    .lg\:mt-\[2rem\] {
        margin-top: 2rem
    }

    .lg\:mt-\[30px\] {
        margin-top: 30px
    }

    .lg\:mt-\[40px\] {
        margin-top: 40px
    }

    .lg\:mt-\[60px\] {
        margin-top: 60px
    }

    .lg\:mt-\[64px\] {
        margin-top: 64px
    }

    .lg\:mt-\[8px\] {
        margin-top: 8px
    }

    .lg\:mt-auto {
        margin-top: auto
    }

    .lg\:h-9 {
        height: 2.25rem
    }

    .lg\:h-\[260px\] {
        height: 260px
    }

    .lg\:h-\[36px\] {
        height: 36px
    }

    .lg\:h-\[40px\] {
        height: 40px
    }

    .lg\:h-\[56px\] {
        height: 56px
    }

    .lg\:h-\[60px\] {
        height: 60px
    }

    .lg\:w-\[100px\] {
        width: 100px
    }

    .lg\:w-\[90px\] {
        width: 90px
    }

    .lg\:min-w-\[100px\] {
        min-width: 100px
    }

    .lg\:min-w-\[260px\] {
        min-width: 260px
    }

    .lg\:min-w-\[280px\] {
        min-width: 280px
    }

    .lg\:min-w-\[90px\] {
        min-width: 90px
    }

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:flex-col {
        flex-direction: column
    }

    .lg\:flex-nowrap {
        flex-wrap: nowrap
    }

    .lg\:gap-0 {
        gap: 0
    }

    .lg\:gap-1 {
        gap: .25rem
    }

    .lg\:gap-2 {
        gap: .5rem
    }

    .lg\:gap-24px {
        gap: 24px
    }

    .lg\:gap-3 {
        gap: .75rem
    }

    .lg\:gap-4 {
        gap: 1rem
    }

    .lg\:gap-40px {
        gap: 40px
    }

    .lg\:gap-4px {
        gap: 4px
    }

    .lg\:gap-8px {
        gap: 8px
    }

    .lg\:gap-\[12px\] {
        gap: 12px
    }

    .lg\:gap-\[18px\] {
        gap: 18px
    }

    .lg\:gap-\[4px\] {
        gap: 4px
    }

    .lg\:gap-\[64px\] {
        gap: 64px
    }

    .lg\:gap-\[8px\] {
        gap: 8px
    }

    .lg\:rounded-\[0\.625rem\] {
        border-radius: .625rem
    }

    .lg\:p-\[28px\] {
        padding: 28px
    }

    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .lg\:px-10px {
        padding-left: 10px;
        padding-right: 10px
    }

    .lg\:px-16px {
        padding-left: 16px;
        padding-right: 16px
    }

    .lg\:px-20px {
        padding-left: 20px;
        padding-right: 20px
    }

    .lg\:px-24px {
        padding-left: 24px;
        padding-right: 24px
    }

    .lg\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .lg\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .lg\:px-\[1\.5rem\] {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .lg\:px-\[12px\] {
        padding-left: 12px;
        padding-right: 12px
    }

    .lg\:px-\[16px\] {
        padding-left: 16px;
        padding-right: 16px
    }

    .lg\:px-\[24px\] {
        padding-left: 24px;
        padding-right: 24px
    }

    .lg\:px-\[32px\] {
        padding-left: 32px;
        padding-right: 32px
    }

    .lg\:px-\[4px\] {
        padding-left: 4px;
        padding-right: 4px
    }

    .lg\:py-\[1\.5rem\] {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .lg\:py-\[2px\] {
        padding-top: 2px;
        padding-bottom: 2px
    }

    .lg\:pb-0 {
        padding-bottom: 0
    }

    .lg\:pb-3 {
        padding-bottom: .75rem
    }

    .lg\:pb-\[24px\] {
        padding-bottom: 24px
    }

    .lg\:pl-0 {
        padding-left: 0
    }

    .lg\:pl-\[28px\] {
        padding-left: 28px
    }

    .lg\:pt-16px {
        padding-top: 16px
    }

    .lg\:pt-\[24px\] {
        padding-top: 24px
    }

    .lg\:text-\[12px\] {
        font-size: 12px
    }

    .lg\:text-\[13px\] {
        font-size: 13px
    }

    .lg\:text-\[14px\] {
        font-size: 14px
    }

    .lg\:text-\[16px\] {
        font-size: 16px
    }

    .lg\:text-\[18px\] {
        font-size: 18px
    }

    .lg\:text-\[20px\] {
        font-size: 20px
    }

    .lg\:text-\[22px\] {
        font-size: 22px
    }

    .lg\:text-\[24px\] {
        font-size: 24px
    }

    .lg\:text-\[28px\] {
        font-size: 28px
    }

    .lg\:text-\[32px\] {
        font-size: 32px
    }

    .lg\:text-\[40px\] {
        font-size: 40px
    }

    .lg\:text-base {
        font-size: 14px;
        line-height: 18px
    }

    .lg\:text-lg {
        font-size: 16px;
        line-height: 22px
    }

    .lg\:text-sm {
        font-size: 12px;
        line-height: 18px
    }

    .lg\:text-xl {
        font-size: 20px;
        line-height: 30px
    }

    .lg\:font-bold {
        font-weight: 700
    }

    .lg\:font-semibold {
        font-weight: 600
    }

    .lg\:leading-\[18px\] {
        line-height: 18px
    }

    .lg\:leading-\[60px\] {
        line-height: 60px
    }
}

@media (min-width:1536px) {
    .\32xl\:h-\[24px\] {
        height: 24px
    }

    .\32xl\:h-\[56px\] {
        height: 56px
    }

    .\32xl\:w-\[24px\] {
        width: 24px
    }

    .\32xl\:w-\[56px\] {
        width: 56px
    }

    .\32xl\:text-lg {
        font-size: 16px;
        line-height: 22px
    }
}

.\[\&\.pi-btn-loading\]\:border-transparent.pi-btn-loading {
    border-color: transparent
}

.\[\&\.pi-btn-loading\]\:bg-red-50.pi-btn-loading {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-red-50)/1);
    background-color: rgb(var(--color-red-50)/var(--tw-bg-opacity, 1))
}

.\[\&\.pi-btn-loading\]\:text-text-hightlightbtn.pi-btn-loading {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-hightlightbtn)/1);
    color: rgb(var(--color-text-hightlightbtn)/var(--tw-text-opacity, 1))
}

.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button,
.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none
}

.\[\&\:\:placeholder\]\:text-\[16px\]::-moz-placeholder {
    font-size: 16px
}

.\[\&\:\:placeholder\]\:text-\[16px\]::placeholder {
    font-size: 16px
}

.\[\&\:\:placeholder\]\:font-\[400\]::-moz-placeholder {
    font-weight: 400
}

.\[\&\:\:placeholder\]\:font-\[400\]::placeholder {
    font-weight: 400
}

.\[\&\:\:placeholder\]\:text-text-400::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-400)/1);
    color: rgb(var(--color-text-400)/var(--tw-text-opacity, 1))
}

.\[\&\:\:placeholder\]\:text-text-400::placeholder {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-400)/1);
    color: rgb(var(--color-text-400)/var(--tw-text-opacity, 1))
}

.hover\:\[\&\>\.monitor-hide-icon\]\:opacity-100>.monitor-hide-icon:hover {
    opacity: 1
}

.\[\&\>\.pi-tabs-nav\]\:border-b-\[0\.5px\]>.pi-tabs-nav {
    border-bottom-width: .5px
}

.\[\&\>\.pi-tabs-nav\]\:border-solid>.pi-tabs-nav {
    border-style: solid
}

.\[\&\>\.pi-tabs-nav\]\:border-line-200>.pi-tabs-nav {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-line-200)/var(--tw-border-opacity, 1))
}

.\[\&\>div\]\:bg-transparent>div {
    background-color: transparent
}

.\[\&_\.g-table-cell\]\:\!px-2px .g-table-cell {
    padding-left: 2px !important;
    padding-right: 2px !important
}

.\[\&_\.pi-checkbox-inner\]\:h-14px .pi-checkbox-inner {
    height: 14px
}

.\[\&_\.pi-checkbox-inner\]\:w-14px .pi-checkbox-inner {
    width: 14px
}

.\[\&_\.pi-checkbox-inner\]\:\!border-text-300 .pi-checkbox-inner {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--color-text-300)/var(--tw-border-opacity, 1)) !important
}

.\[\&_\.pi-checkbox-inner\]\:\!bg-\[\#000\] .pi-checkbox-inner {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(0 0 0/1) !important
}

@supports (color:rgb(0 0 0/0)) {
    .\[\&_\.pi-checkbox-inner\]\:\!bg-\[\#000\] .pi-checkbox-inner {
        background-color: rgb(0 0 0/var(--tw-bg-opacity, 1)) !important
    }
}

.\[\&_\.pi-checkbox-inner\]\:\!bg-text-300 .pi-checkbox-inner {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--color-text-300)/1) !important;
    background-color: rgb(var(--color-text-300)/var(--tw-bg-opacity, 1)) !important
}

.\[\&_\.pi-checkbox_\+_span\]\:w-full .pi-checkbox+span {
    width: 100%
}

.\[\&_\.pi-drawer-footer\]\:\!px-\[16px\] .pi-drawer-footer {
    padding-left: 16px !important;
    padding-right: 16px !important
}

.\[\&_\.pi-dropdown-menu-item\]\:\!p-0 .pi-dropdown-menu-item,
.\[\&_\.pi-dropdown-menu-submenu-title\]\:\!p-0 .pi-dropdown-menu-submenu-title {
    padding: 0 !important
}

.\[\&_\.pi-dropdown-menu-title-content\]\:\!w-full .pi-dropdown-menu-title-content {
    width: 100% !important
}

.\[\&_\.pi-input-inside-wrap\]\:h-\[32px\] .pi-input-inside-wrap {
    height: 32px
}

.\[\&_\.pi-input-outline\]\:border-0 .pi-input-outline {
    border-width: 0
}

.\[\&_\.pi-input-wrap\]\:rounded-\[6px\] .pi-input-wrap {
    border-radius: 6px
}

.\[\&_\.pi-input\]\:h-\[24px\] .pi-input {
    height: 24px
}

.\[\&_\.pi-modal-confirm-btns\]\:mt-0 .pi-modal-confirm-btns {
    margin-top: 0
}

.\[\&_\.pi-modal-confirm-btns\]\:border-t-\[1px\] .pi-modal-confirm-btns {
    border-top-width: 1px
}

.\[\&_\.pi-modal-confirm-btns\]\:border-solid .pi-modal-confirm-btns {
    border-style: solid
}

.\[\&_\.pi-modal-confirm-btns\]\:border-line-100 .pi-modal-confirm-btns {
    border-color: rgba(var(--color-line-100))
}

.\[\&_\.pi-modal-confirm-btns\]\:p-\[16px\] .pi-modal-confirm-btns {
    padding: 16px
}

.\[\&_\.pi-modal-confirm-btns\]\:pt-\[16px\] .pi-modal-confirm-btns {
    padding-top: 16px
}

.\[\&_\.pi-modal-confirm-content\]\:mt-0 .pi-modal-confirm-content {
    margin-top: 0
}

.\[\&_\.pi-modal-confirm-title\]\:mb-0 .pi-modal-confirm-title {
    margin-bottom: 0
}

.\[\&_\.pi-modal-content\]\:p-0 .pi-modal-content {
    padding: 0
}

.\[\&_\.pi-select-arrow\]\:text-text-200 .pi-select-arrow {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-200)/1);
    color: rgb(var(--color-text-200)/var(--tw-text-opacity, 1))
}

.\[\&_\.pi-select-outline\]\:border-none .pi-select-outline {
    border-style: none
}

.\[\&_\.pi-select-selection-item\]\:text-text-200 .pi-select-selection-item {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-200)/1);
    color: rgb(var(--color-text-200)/var(--tw-text-opacity, 1))
}

.\[\&_\.pi-select-selector\]\:\!px-0 .pi-select-selector {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.\[\&_\.pi-select\]\:text-\[12px\] .pi-select {
    font-size: 12px
}

.\[\&_\.pi-select\]\:text-\[13px\] .pi-select {
    font-size: 13px
}

.\[\&_\.pi-slider-dot-active\]\:border-input-100 .pi-slider-dot-active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-input-100)/var(--tw-border-opacity, 1))
}

.\[\&_\.pi-slider-dot-active\]\:bg-increase-100 .pi-slider-dot-active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-increase-100)/1);
    background-color: rgb(var(--color-increase-100)/var(--tw-bg-opacity, 1))
}

.\[\&_\.pi-slider-dot\:not\(\.pi-slider-dot-active\)\]\:border-line-300 .pi-slider-dot:not(.pi-slider-dot-active) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-line-300)/var(--tw-border-opacity, 1))
}

.\[\&_\.pi-slider-handle\]\:border-increase-100 .pi-slider-handle {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-increase-100)/var(--tw-border-opacity, 1))
}

.\[\&_\.pi-slider-mark-tooltip\]\:select-none .pi-slider-mark-tooltip {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.\[\&_\.pi-slider-rail\]\:bg-line-300 .pi-slider-rail {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-line-300)/1);
    background-color: rgb(var(--color-line-300)/var(--tw-bg-opacity, 1))
}

.\[\&_\.pi-slider-track\]\:bg-btn-primary .pi-slider-track {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-btn-primary)/1);
    background-color: rgb(var(--color-btn-primary)/var(--tw-bg-opacity, 1))
}

.\[\&_\.pi-slider-track\]\:bg-increase-100 .pi-slider-track {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-increase-100)/1);
    background-color: rgb(var(--color-increase-100)/var(--tw-bg-opacity, 1))
}

.\[\&_\.pi-tabs-ink-bar\]\:hidden .pi-tabs-ink-bar {
    display: none
}

.\[\&_\.pi-tabs-nav\]\:border-b-\[0\.5px\] .pi-tabs-nav {
    border-bottom-width: .5px
}

.\[\&_\.pi-tabs-nav\]\:border-b-line-200 .pi-tabs-nav {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(var(--color-line-200)/var(--tw-border-opacity, 1))
}

.\[\&_\.pi-tabs-tab-active\:after\]\:hidden .pi-tabs-tab-active:after {
    display: none
}

.\[\&_\.pi-tooltip-inner\]\:h-\[66px\] .pi-tooltip-inner {
    height: 66px
}

.\[\&_\.pi-tooltip-inner\]\:w-\[250px\] .pi-tooltip-inner {
    width: 250px
}

.\[\&_\.pi-tooltip-inner\]\:w-auto .pi-tooltip-inner {
    width: auto
}

.\[\&_\.pi-tooltip-inner\]\:min-w-\[389px\] .pi-tooltip-inner {
    min-width: 389px
}

.\[\&_\.pi-tooltip-inner\]\:border-\[0\.5px\] .pi-tooltip-inner {
    border-width: .5px
}

.\[\&_\.pi-tooltip-inner\]\:border-solid .pi-tooltip-inner {
    border-style: solid
}

.\[\&_\.pi-tooltip-inner\]\:border-line-200 .pi-tooltip-inner {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-line-200)/var(--tw-border-opacity, 1))
}

.\[\&_\.pi-tooltip-inner\]\:\!bg-bg-100 .pi-tooltip-inner {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--color-bg-100)/1) !important;
    background-color: rgb(var(--color-bg-100)/var(--tw-bg-opacity, 1)) !important
}

.\[\&_\.pi-tooltip-inner\]\:bg-\[var\(--chakra-colors-popBg\)\] .pi-tooltip-inner {
    background-color: var(--chakra-colors-popBg)
}

.\[\&_\.pi-tooltip-inner\]\:p-\[16px\] .pi-tooltip-inner {
    padding: 16px
}

.\[\&_\.pi-tooltip-inner\]\:text-\[14px\] .pi-tooltip-inner {
    font-size: 14px
}

.\[\&_li\:first-child\]\:\!mt-4px li:first-child {
    margin-top: 4px !important
}

.\[\&_li\:hover\]\:\!rounded-\[6px\] li:hover {
    border-radius: 6px !important
}

.\[\&_li\:hover_a\]\:text-text-100 li:hover a {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-100)/1);
    color: rgb(var(--color-text-100)/var(--tw-text-opacity, 1))
}

.\[\&_li\:last-child\]\:\!mb-4px li:last-child {
    margin-bottom: 4px !important
}

.\[\&_li\]\:\!mx-4px li {
    margin-left: 4px !important;
    margin-right: 4px !important
}

.\[\&_li\]\:\!h-\[32px\] li {
    height: 32px !important
}

.\[\&_li\]\:\!w-\[172px\] li {
    width: 172px !important
}

.\[\&_li\]\:\!py-0 li {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.\[\&_li\]\:\!py-2px li {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.\[\&_li\]\:\!font-normal li {
    font-weight: 400 !important
}

.g-table-row:hover .\[\.g-table-row\:hover_\&\]\:visible {
    visibility: visible
}

[data-rk] .iekbcc0 {
    border: 0;
    box-sizing: border-box;
    font-size: 100%;
    line-height: normal;
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: baseline;
    -webkit-tap-highlight-color: transparent
}

[data-rk] .iekbcc1 {
    list-style: none
}

[data-rk] .iekbcc2 {
    quotes: none
}

[data-rk] .iekbcc2:after,
[data-rk] .iekbcc2:before {
    content: ""
}

[data-rk] .iekbcc3 {
    border-collapse: collapse;
    border-spacing: 0
}

[data-rk] .iekbcc4 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

[data-rk] .iekbcc5 {
    outline: none
}

[data-rk] .iekbcc5::-moz-placeholder {
    opacity: 1
}

[data-rk] .iekbcc5::placeholder {
    opacity: 1
}

[data-rk] .iekbcc6 {
    background-color: transparent;
    color: inherit
}

[data-rk] .iekbcc7:disabled {
    opacity: 1
}

[data-rk] .iekbcc7::-ms-expand,
[data-rk] .iekbcc8::-ms-clear {
    display: none
}

[data-rk] .iekbcc8::-webkit-search-cancel-button {
    -webkit-appearance: none
}

[data-rk] .iekbcc9 {
    background: none;
    cursor: pointer;
    text-align: left
}

[data-rk] .iekbcca {
    color: inherit;
    text-decoration: none
}

[data-rk] .ju367v0 {
    align-items: flex-start
}

[data-rk] .ju367v2 {
    align-items: flex-end
}

[data-rk] .ju367v4 {
    align-items: center
}

[data-rk] .ju367v6 {
    display: none
}

[data-rk] .ju367v8 {
    display: block
}

[data-rk] .ju367va {
    display: flex
}

[data-rk] .ju367vc {
    display: inline
}

[data-rk] .ju367ve {
    align-self: flex-start
}

[data-rk] .ju367vf {
    align-self: flex-end
}

[data-rk] .ju367vg {
    align-self: center
}

[data-rk] .ju367vh {
    background-size: cover
}

[data-rk] .ju367vi {
    border-radius: 1px
}

[data-rk] .ju367vj {
    border-radius: 6px
}

[data-rk] .ju367vk {
    border-radius: 10px
}

[data-rk] .ju367vl {
    border-radius: 13px
}

[data-rk] .ju367vm {
    border-radius: var(--rk-radii-actionButton)
}

[data-rk] .ju367vn {
    border-radius: var(--rk-radii-connectButton)
}

[data-rk] .ju367vo {
    border-radius: var(--rk-radii-menuButton)
}

[data-rk] .ju367vp {
    border-radius: var(--rk-radii-modal)
}

[data-rk] .ju367vq {
    border-radius: var(--rk-radii-modalMobile)
}

[data-rk] .ju367vr {
    border-radius: 25%
}

[data-rk] .ju367vs {
    border-radius: 9999px
}

[data-rk] .ju367vt {
    border-style: solid
}

[data-rk] .ju367vu {
    border-width: 0
}

[data-rk] .ju367vv {
    border-width: 1px
}

[data-rk] .ju367vw {
    border-width: 2px
}

[data-rk] .ju367vx {
    border-width: 4px
}

[data-rk] .ju367vy {
    cursor: pointer
}

[data-rk] .ju367vz {
    cursor: none
}

[data-rk] .ju367v10 {
    pointer-events: none
}

[data-rk] .ju367v11 {
    pointer-events: all
}

[data-rk] .ju367v12 {
    min-height: 8px
}

[data-rk] .ju367v13 {
    min-height: 44px
}

[data-rk] .ju367v14 {
    flex-direction: row
}

[data-rk] .ju367v15 {
    flex-direction: column
}

[data-rk] .ju367v16 {
    font-family: var(--rk-fonts-body)
}

[data-rk] .ju367v17 {
    font-size: 12px;
    line-height: 18px
}

[data-rk] .ju367v18 {
    font-size: 13px;
    line-height: 18px
}

[data-rk] .ju367v19 {
    font-size: 14px;
    line-height: 18px
}

[data-rk] .ju367v1a {
    font-size: 16px;
    line-height: 20px
}

[data-rk] .ju367v1b {
    font-size: 18px;
    line-height: 24px
}

[data-rk] .ju367v1c {
    font-size: 20px;
    line-height: 24px
}

[data-rk] .ju367v1d {
    font-size: 23px;
    line-height: 29px
}

[data-rk] .ju367v1e {
    font-weight: 400
}

[data-rk] .ju367v1f {
    font-weight: 500
}

[data-rk] .ju367v1g {
    font-weight: 600
}

[data-rk] .ju367v1h {
    font-weight: 700
}

[data-rk] .ju367v1i {
    font-weight: 800
}

[data-rk] .ju367v1j {
    gap: 0
}

[data-rk] .ju367v1k {
    gap: 1px
}

[data-rk] .ju367v1l {
    gap: 2px
}

[data-rk] .ju367v1m {
    gap: 3px
}

[data-rk] .ju367v1n {
    gap: 4px
}

[data-rk] .ju367v1o {
    gap: 5px
}

[data-rk] .ju367v1p {
    gap: 6px
}

[data-rk] .ju367v1q {
    gap: 8px
}

[data-rk] .ju367v1r {
    gap: 10px
}

[data-rk] .ju367v1s {
    gap: 12px
}

[data-rk] .ju367v1t {
    gap: 14px
}

[data-rk] .ju367v1u {
    gap: 16px
}

[data-rk] .ju367v1v {
    gap: 18px
}

[data-rk] .ju367v1w {
    gap: 20px
}

[data-rk] .ju367v1x {
    gap: 24px
}

[data-rk] .ju367v1y {
    gap: 28px
}

[data-rk] .ju367v1z {
    gap: 32px
}

[data-rk] .ju367v20 {
    gap: 36px
}

[data-rk] .ju367v21 {
    gap: 44px
}

[data-rk] .ju367v22 {
    gap: 64px
}

[data-rk] .ju367v23 {
    gap: -1px
}

[data-rk] .ju367v24 {
    height: 1px
}

[data-rk] .ju367v25 {
    height: 2px
}

[data-rk] .ju367v26 {
    height: 4px
}

[data-rk] .ju367v27 {
    height: 8px
}

[data-rk] .ju367v28 {
    height: 12px
}

[data-rk] .ju367v29 {
    height: 20px
}

[data-rk] .ju367v2a {
    height: 24px
}

[data-rk] .ju367v2b {
    height: 28px
}

[data-rk] .ju367v2c {
    height: 30px
}

[data-rk] .ju367v2d {
    height: 32px
}

[data-rk] .ju367v2e {
    height: 34px
}

[data-rk] .ju367v2f {
    height: 36px
}

[data-rk] .ju367v2g {
    height: 40px
}

[data-rk] .ju367v2h {
    height: 44px
}

[data-rk] .ju367v2i {
    height: 48px
}

[data-rk] .ju367v2j {
    height: 54px
}

[data-rk] .ju367v2k {
    height: 60px
}

[data-rk] .ju367v2l {
    height: 200px
}

[data-rk] .ju367v2m {
    height: 100%
}

[data-rk] .ju367v2n {
    height: -moz-max-content;
    height: max-content
}

[data-rk] .ju367v2o {
    justify-content: flex-start
}

[data-rk] .ju367v2p {
    justify-content: flex-end
}

[data-rk] .ju367v2q {
    justify-content: center
}

[data-rk] .ju367v2r {
    justify-content: space-between
}

[data-rk] .ju367v2s {
    justify-content: space-around
}

[data-rk] .ju367v2t {
    text-align: left
}

[data-rk] .ju367v2u {
    text-align: center
}

[data-rk] .ju367v2v {
    text-align: inherit
}

[data-rk] .ju367v2w {
    margin-bottom: 0
}

[data-rk] .ju367v2x {
    margin-bottom: 1px
}

[data-rk] .ju367v2y {
    margin-bottom: 2px
}

[data-rk] .ju367v2z {
    margin-bottom: 3px
}

[data-rk] .ju367v30 {
    margin-bottom: 4px
}

[data-rk] .ju367v31 {
    margin-bottom: 5px
}

[data-rk] .ju367v32 {
    margin-bottom: 6px
}

[data-rk] .ju367v33 {
    margin-bottom: 8px
}

[data-rk] .ju367v34 {
    margin-bottom: 10px
}

[data-rk] .ju367v35 {
    margin-bottom: 12px
}

[data-rk] .ju367v36 {
    margin-bottom: 14px
}

[data-rk] .ju367v37 {
    margin-bottom: 16px
}

[data-rk] .ju367v38 {
    margin-bottom: 18px
}

[data-rk] .ju367v39 {
    margin-bottom: 20px
}

[data-rk] .ju367v3a {
    margin-bottom: 24px
}

[data-rk] .ju367v3b {
    margin-bottom: 28px
}

[data-rk] .ju367v3c {
    margin-bottom: 32px
}

[data-rk] .ju367v3d {
    margin-bottom: 36px
}

[data-rk] .ju367v3e {
    margin-bottom: 44px
}

[data-rk] .ju367v3f {
    margin-bottom: 64px
}

[data-rk] .ju367v3g {
    margin-bottom: -1px
}

[data-rk] .ju367v3h {
    margin-left: 0
}

[data-rk] .ju367v3i {
    margin-left: 1px
}

[data-rk] .ju367v3j {
    margin-left: 2px
}

[data-rk] .ju367v3k {
    margin-left: 3px
}

[data-rk] .ju367v3l {
    margin-left: 4px
}

[data-rk] .ju367v3m {
    margin-left: 5px
}

[data-rk] .ju367v3n {
    margin-left: 6px
}

[data-rk] .ju367v3o {
    margin-left: 8px
}

[data-rk] .ju367v3p {
    margin-left: 10px
}

[data-rk] .ju367v3q {
    margin-left: 12px
}

[data-rk] .ju367v3r {
    margin-left: 14px
}

[data-rk] .ju367v3s {
    margin-left: 16px
}

[data-rk] .ju367v3t {
    margin-left: 18px
}

[data-rk] .ju367v3u {
    margin-left: 20px
}

[data-rk] .ju367v3v {
    margin-left: 24px
}

[data-rk] .ju367v3w {
    margin-left: 28px
}

[data-rk] .ju367v3x {
    margin-left: 32px
}

[data-rk] .ju367v3y {
    margin-left: 36px
}

[data-rk] .ju367v3z {
    margin-left: 44px
}

[data-rk] .ju367v40 {
    margin-left: 64px
}

[data-rk] .ju367v41 {
    margin-left: -1px
}

[data-rk] .ju367v42 {
    margin-right: 0
}

[data-rk] .ju367v43 {
    margin-right: 1px
}

[data-rk] .ju367v44 {
    margin-right: 2px
}

[data-rk] .ju367v45 {
    margin-right: 3px
}

[data-rk] .ju367v46 {
    margin-right: 4px
}

[data-rk] .ju367v47 {
    margin-right: 5px
}

[data-rk] .ju367v48 {
    margin-right: 6px
}

[data-rk] .ju367v49 {
    margin-right: 8px
}

[data-rk] .ju367v4a {
    margin-right: 10px
}

[data-rk] .ju367v4b {
    margin-right: 12px
}

[data-rk] .ju367v4c {
    margin-right: 14px
}

[data-rk] .ju367v4d {
    margin-right: 16px
}

[data-rk] .ju367v4e {
    margin-right: 18px
}

[data-rk] .ju367v4f {
    margin-right: 20px
}

[data-rk] .ju367v4g {
    margin-right: 24px
}

[data-rk] .ju367v4h {
    margin-right: 28px
}

[data-rk] .ju367v4i {
    margin-right: 32px
}

[data-rk] .ju367v4j {
    margin-right: 36px
}

[data-rk] .ju367v4k {
    margin-right: 44px
}

[data-rk] .ju367v4l {
    margin-right: 64px
}

[data-rk] .ju367v4m {
    margin-right: -1px
}

[data-rk] .ju367v4n {
    margin-top: 0
}

[data-rk] .ju367v4o {
    margin-top: 1px
}

[data-rk] .ju367v4p {
    margin-top: 2px
}

[data-rk] .ju367v4q {
    margin-top: 3px
}

[data-rk] .ju367v4r {
    margin-top: 4px
}

[data-rk] .ju367v4s {
    margin-top: 5px
}

[data-rk] .ju367v4t {
    margin-top: 6px
}

[data-rk] .ju367v4u {
    margin-top: 8px
}

[data-rk] .ju367v4v {
    margin-top: 10px
}

[data-rk] .ju367v4w {
    margin-top: 12px
}

[data-rk] .ju367v4x {
    margin-top: 14px
}

[data-rk] .ju367v4y {
    margin-top: 16px
}

[data-rk] .ju367v4z {
    margin-top: 18px
}

[data-rk] .ju367v50 {
    margin-top: 20px
}

[data-rk] .ju367v51 {
    margin-top: 24px
}

[data-rk] .ju367v52 {
    margin-top: 28px
}

[data-rk] .ju367v53 {
    margin-top: 32px
}

[data-rk] .ju367v54 {
    margin-top: 36px
}

[data-rk] .ju367v55 {
    margin-top: 44px
}

[data-rk] .ju367v56 {
    margin-top: 64px
}

[data-rk] .ju367v57 {
    margin-top: -1px
}

[data-rk] .ju367v58 {
    max-width: 1px
}

[data-rk] .ju367v59 {
    max-width: 2px
}

[data-rk] .ju367v5a {
    max-width: 4px
}

[data-rk] .ju367v5b {
    max-width: 8px
}

[data-rk] .ju367v5c {
    max-width: 12px
}

[data-rk] .ju367v5d {
    max-width: 20px
}

[data-rk] .ju367v5e {
    max-width: 24px
}

[data-rk] .ju367v5f {
    max-width: 28px
}

[data-rk] .ju367v5g {
    max-width: 30px
}

[data-rk] .ju367v5h {
    max-width: 32px
}

[data-rk] .ju367v5i {
    max-width: 34px
}

[data-rk] .ju367v5j {
    max-width: 36px
}

[data-rk] .ju367v5k {
    max-width: 40px
}

[data-rk] .ju367v5l {
    max-width: 44px
}

[data-rk] .ju367v5m {
    max-width: 48px
}

[data-rk] .ju367v5n {
    max-width: 54px
}

[data-rk] .ju367v5o {
    max-width: 60px
}

[data-rk] .ju367v5p {
    max-width: 200px
}

[data-rk] .ju367v5q {
    max-width: 100%
}

[data-rk] .ju367v5r {
    max-width: -moz-max-content;
    max-width: max-content
}

[data-rk] .ju367v5s {
    min-width: 1px
}

[data-rk] .ju367v5t {
    min-width: 2px
}

[data-rk] .ju367v5u {
    min-width: 4px
}

[data-rk] .ju367v5v {
    min-width: 8px
}

[data-rk] .ju367v5w {
    min-width: 12px
}

[data-rk] .ju367v5x {
    min-width: 20px
}

[data-rk] .ju367v5y {
    min-width: 24px
}

[data-rk] .ju367v5z {
    min-width: 28px
}

[data-rk] .ju367v60 {
    min-width: 30px
}

[data-rk] .ju367v61 {
    min-width: 32px
}

[data-rk] .ju367v62 {
    min-width: 34px
}

[data-rk] .ju367v63 {
    min-width: 36px
}

[data-rk] .ju367v64 {
    min-width: 40px
}

[data-rk] .ju367v65 {
    min-width: 44px
}

[data-rk] .ju367v66 {
    min-width: 48px
}

[data-rk] .ju367v67 {
    min-width: 54px
}

[data-rk] .ju367v68 {
    min-width: 60px
}

[data-rk] .ju367v69 {
    min-width: 200px
}

[data-rk] .ju367v6a {
    min-width: 100%
}

[data-rk] .ju367v6b {
    min-width: -moz-max-content;
    min-width: max-content
}

[data-rk] .ju367v6c {
    overflow: hidden
}

[data-rk] .ju367v6d {
    padding-bottom: 0
}

[data-rk] .ju367v6e {
    padding-bottom: 1px
}

[data-rk] .ju367v6f {
    padding-bottom: 2px
}

[data-rk] .ju367v6g {
    padding-bottom: 3px
}

[data-rk] .ju367v6h {
    padding-bottom: 4px
}

[data-rk] .ju367v6i {
    padding-bottom: 5px
}

[data-rk] .ju367v6j {
    padding-bottom: 6px
}

[data-rk] .ju367v6k {
    padding-bottom: 8px
}

[data-rk] .ju367v6l {
    padding-bottom: 10px
}

[data-rk] .ju367v6m {
    padding-bottom: 12px
}

[data-rk] .ju367v6n {
    padding-bottom: 14px
}

[data-rk] .ju367v6o {
    padding-bottom: 16px
}

[data-rk] .ju367v6p {
    padding-bottom: 18px
}

[data-rk] .ju367v6q {
    padding-bottom: 20px
}

[data-rk] .ju367v6r {
    padding-bottom: 24px
}

[data-rk] .ju367v6s {
    padding-bottom: 28px
}

[data-rk] .ju367v6t {
    padding-bottom: 32px
}

[data-rk] .ju367v6u {
    padding-bottom: 36px
}

[data-rk] .ju367v6v {
    padding-bottom: 44px
}

[data-rk] .ju367v6w {
    padding-bottom: 64px
}

[data-rk] .ju367v6x {
    padding-bottom: -1px
}

[data-rk] .ju367v6y {
    padding-left: 0
}

[data-rk] .ju367v6z {
    padding-left: 1px
}

[data-rk] .ju367v70 {
    padding-left: 2px
}

[data-rk] .ju367v71 {
    padding-left: 3px
}

[data-rk] .ju367v72 {
    padding-left: 4px
}

[data-rk] .ju367v73 {
    padding-left: 5px
}

[data-rk] .ju367v74 {
    padding-left: 6px
}

[data-rk] .ju367v75 {
    padding-left: 8px
}

[data-rk] .ju367v76 {
    padding-left: 10px
}

[data-rk] .ju367v77 {
    padding-left: 12px
}

[data-rk] .ju367v78 {
    padding-left: 14px
}

[data-rk] .ju367v79 {
    padding-left: 16px
}

[data-rk] .ju367v7a {
    padding-left: 18px
}

[data-rk] .ju367v7b {
    padding-left: 20px
}

[data-rk] .ju367v7c {
    padding-left: 24px
}

[data-rk] .ju367v7d {
    padding-left: 28px
}

[data-rk] .ju367v7e {
    padding-left: 32px
}

[data-rk] .ju367v7f {
    padding-left: 36px
}

[data-rk] .ju367v7g {
    padding-left: 44px
}

[data-rk] .ju367v7h {
    padding-left: 64px
}

[data-rk] .ju367v7i {
    padding-left: -1px
}

[data-rk] .ju367v7j {
    padding-right: 0
}

[data-rk] .ju367v7k {
    padding-right: 1px
}

[data-rk] .ju367v7l {
    padding-right: 2px
}

[data-rk] .ju367v7m {
    padding-right: 3px
}

[data-rk] .ju367v7n {
    padding-right: 4px
}

[data-rk] .ju367v7o {
    padding-right: 5px
}

[data-rk] .ju367v7p {
    padding-right: 6px
}

[data-rk] .ju367v7q {
    padding-right: 8px
}

[data-rk] .ju367v7r {
    padding-right: 10px
}

[data-rk] .ju367v7s {
    padding-right: 12px
}

[data-rk] .ju367v7t {
    padding-right: 14px
}

[data-rk] .ju367v7u {
    padding-right: 16px
}

[data-rk] .ju367v7v {
    padding-right: 18px
}

[data-rk] .ju367v7w {
    padding-right: 20px
}

[data-rk] .ju367v7x {
    padding-right: 24px
}

[data-rk] .ju367v7y {
    padding-right: 28px
}

[data-rk] .ju367v7z {
    padding-right: 32px
}

[data-rk] .ju367v80 {
    padding-right: 36px
}

[data-rk] .ju367v81 {
    padding-right: 44px
}

[data-rk] .ju367v82 {
    padding-right: 64px
}

[data-rk] .ju367v83 {
    padding-right: -1px
}

[data-rk] .ju367v84 {
    padding-top: 0
}

[data-rk] .ju367v85 {
    padding-top: 1px
}

[data-rk] .ju367v86 {
    padding-top: 2px
}

[data-rk] .ju367v87 {
    padding-top: 3px
}

[data-rk] .ju367v88 {
    padding-top: 4px
}

[data-rk] .ju367v89 {
    padding-top: 5px
}

[data-rk] .ju367v8a {
    padding-top: 6px
}

[data-rk] .ju367v8b {
    padding-top: 8px
}

[data-rk] .ju367v8c {
    padding-top: 10px
}

[data-rk] .ju367v8d {
    padding-top: 12px
}

[data-rk] .ju367v8e {
    padding-top: 14px
}

[data-rk] .ju367v8f {
    padding-top: 16px
}

[data-rk] .ju367v8g {
    padding-top: 18px
}

[data-rk] .ju367v8h {
    padding-top: 20px
}

[data-rk] .ju367v8i {
    padding-top: 24px
}

[data-rk] .ju367v8j {
    padding-top: 28px
}

[data-rk] .ju367v8k {
    padding-top: 32px
}

[data-rk] .ju367v8l {
    padding-top: 36px
}

[data-rk] .ju367v8m {
    padding-top: 44px
}

[data-rk] .ju367v8n {
    padding-top: 64px
}

[data-rk] .ju367v8o {
    padding-top: -1px
}

[data-rk] .ju367v8p {
    position: absolute
}

[data-rk] .ju367v8q {
    position: fixed
}

[data-rk] .ju367v8r {
    position: relative
}

[data-rk] .ju367v8s {
    -webkit-user-select: none
}

[data-rk] .ju367v8t {
    right: 0
}

[data-rk] .ju367v8u {
    transition: .125s ease
}

[data-rk] .ju367v8v {
    transition: transform .125s ease
}

[data-rk] .ju367v8w {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

[data-rk] .ju367v8x {
    width: 1px
}

[data-rk] .ju367v8y {
    width: 2px
}

[data-rk] .ju367v8z {
    width: 4px
}

[data-rk] .ju367v90 {
    width: 8px
}

[data-rk] .ju367v91 {
    width: 12px
}

[data-rk] .ju367v92 {
    width: 20px
}

[data-rk] .ju367v93 {
    width: 24px
}

[data-rk] .ju367v94 {
    width: 28px
}

[data-rk] .ju367v95 {
    width: 30px
}

[data-rk] .ju367v96 {
    width: 32px
}

[data-rk] .ju367v97 {
    width: 34px
}

[data-rk] .ju367v98 {
    width: 36px
}

[data-rk] .ju367v99 {
    width: 40px
}

[data-rk] .ju367v9a {
    width: 44px
}

[data-rk] .ju367v9b {
    width: 48px
}

[data-rk] .ju367v9c {
    width: 54px
}

[data-rk] .ju367v9d {
    width: 60px
}

[data-rk] .ju367v9e {
    width: 200px
}

[data-rk] .ju367v9f {
    width: 100%
}

[data-rk] .ju367v9g {
    width: -moz-max-content;
    width: max-content
}

[data-rk] .ju367v9h {
    -webkit-backdrop-filter: var(--rk-blurs-modalOverlay);
    backdrop-filter: var(--rk-blurs-modalOverlay)
}

[data-rk] .ju367v9i,
[data-rk] .ju367v9j:hover,
[data-rk] .ju367v9k:active {
    background: var(--rk-colors-accentColor)
}

[data-rk] .ju367v9l,
[data-rk] .ju367v9m:hover,
[data-rk] .ju367v9n:active {
    background: var(--rk-colors-accentColorForeground)
}

[data-rk] .ju367v9o,
[data-rk] .ju367v9p:hover,
[data-rk] .ju367v9q:active {
    background: var(--rk-colors-actionButtonBorder)
}

[data-rk] .ju367v9r,
[data-rk] .ju367v9s:hover,
[data-rk] .ju367v9t:active {
    background: var(--rk-colors-actionButtonBorderMobile)
}

[data-rk] .ju367v9u,
[data-rk] .ju367v9v:hover,
[data-rk] .ju367v9w:active {
    background: var(--rk-colors-actionButtonSecondaryBackground)
}

[data-rk] .ju367v9x,
[data-rk] .ju367v9y:hover,
[data-rk] .ju367v9z:active {
    background: var(--rk-colors-closeButton)
}

[data-rk] .ju367va0,
[data-rk] .ju367va1:hover,
[data-rk] .ju367va2:active {
    background: var(--rk-colors-closeButtonBackground)
}

[data-rk] .ju367va3,
[data-rk] .ju367va4:hover,
[data-rk] .ju367va5:active {
    background: var(--rk-colors-connectButtonBackground)
}

[data-rk] .ju367va6,
[data-rk] .ju367va7:hover,
[data-rk] .ju367va8:active {
    background: var(--rk-colors-connectButtonBackgroundError)
}

[data-rk] .ju367va9,
[data-rk] .ju367vaa:hover,
[data-rk] .ju367vab:active {
    background: var(--rk-colors-connectButtonInnerBackground)
}

[data-rk] .ju367vac,
[data-rk] .ju367vad:hover,
[data-rk] .ju367vae:active {
    background: var(--rk-colors-connectButtonText)
}

[data-rk] .ju367vaf,
[data-rk] .ju367vag:hover,
[data-rk] .ju367vah:active {
    background: var(--rk-colors-connectButtonTextError)
}

[data-rk] .ju367vai,
[data-rk] .ju367vaj:hover,
[data-rk] .ju367vak:active {
    background: var(--rk-colors-connectionIndicator)
}

[data-rk] .ju367val,
[data-rk] .ju367vam:hover,
[data-rk] .ju367van:active {
    background: var(--rk-colors-downloadBottomCardBackground)
}

[data-rk] .ju367vao,
[data-rk] .ju367vap:hover,
[data-rk] .ju367vaq:active {
    background: var(--rk-colors-downloadTopCardBackground)
}

[data-rk] .ju367var,
[data-rk] .ju367vas:hover,
[data-rk] .ju367vat:active {
    background: var(--rk-colors-error)
}

[data-rk] .ju367vau,
[data-rk] .ju367vav:hover,
[data-rk] .ju367vaw:active {
    background: var(--rk-colors-generalBorder)
}

[data-rk] .ju367vax,
[data-rk] .ju367vay:hover,
[data-rk] .ju367vaz:active {
    background: var(--rk-colors-generalBorderDim)
}

[data-rk] .ju367vb0,
[data-rk] .ju367vb1:hover,
[data-rk] .ju367vb2:active {
    background: var(--rk-colors-menuItemBackground)
}

[data-rk] .ju367vb3,
[data-rk] .ju367vb4:hover,
[data-rk] .ju367vb5:active {
    background: var(--rk-colors-modalBackdrop)
}

[data-rk] .ju367vb6,
[data-rk] .ju367vb7:hover,
[data-rk] .ju367vb8:active {
    background: var(--rk-colors-modalBackground)
}

[data-rk] .ju367vb9,
[data-rk] .ju367vba:hover,
[data-rk] .ju367vbb:active {
    background: var(--rk-colors-modalBorder)
}

[data-rk] .ju367vbc,
[data-rk] .ju367vbd:hover,
[data-rk] .ju367vbe:active {
    background: var(--rk-colors-modalText)
}

[data-rk] .ju367vbf,
[data-rk] .ju367vbg:hover,
[data-rk] .ju367vbh:active {
    background: var(--rk-colors-modalTextDim)
}

[data-rk] .ju367vbi,
[data-rk] .ju367vbj:hover,
[data-rk] .ju367vbk:active {
    background: var(--rk-colors-modalTextSecondary)
}

[data-rk] .ju367vbl,
[data-rk] .ju367vbm:hover,
[data-rk] .ju367vbn:active {
    background: var(--rk-colors-profileAction)
}

[data-rk] .ju367vbo,
[data-rk] .ju367vbp:hover,
[data-rk] .ju367vbq:active {
    background: var(--rk-colors-profileActionHover)
}

[data-rk] .ju367vbr,
[data-rk] .ju367vbs:hover,
[data-rk] .ju367vbt:active {
    background: var(--rk-colors-profileForeground)
}

[data-rk] .ju367vbu,
[data-rk] .ju367vbv:hover,
[data-rk] .ju367vbw:active {
    background: var(--rk-colors-selectedOptionBorder)
}

[data-rk] .ju367vbx,
[data-rk] .ju367vby:hover,
[data-rk] .ju367vbz:active {
    background: var(--rk-colors-standby)
}

[data-rk] .ju367vc0,
[data-rk] .ju367vc1:hover,
[data-rk] .ju367vc2:active {
    border-color: var(--rk-colors-accentColor)
}

[data-rk] .ju367vc3,
[data-rk] .ju367vc4:hover,
[data-rk] .ju367vc5:active {
    border-color: var(--rk-colors-accentColorForeground)
}

[data-rk] .ju367vc6,
[data-rk] .ju367vc7:hover,
[data-rk] .ju367vc8:active {
    border-color: var(--rk-colors-actionButtonBorder)
}

[data-rk] .ju367vc9,
[data-rk] .ju367vca:hover,
[data-rk] .ju367vcb:active {
    border-color: var(--rk-colors-actionButtonBorderMobile)
}

[data-rk] .ju367vcc,
[data-rk] .ju367vcd:hover,
[data-rk] .ju367vce:active {
    border-color: var(--rk-colors-actionButtonSecondaryBackground)
}

[data-rk] .ju367vcf,
[data-rk] .ju367vcg:hover,
[data-rk] .ju367vch:active {
    border-color: var(--rk-colors-closeButton)
}

[data-rk] .ju367vci,
[data-rk] .ju367vcj:hover,
[data-rk] .ju367vck:active {
    border-color: var(--rk-colors-closeButtonBackground)
}

[data-rk] .ju367vcl,
[data-rk] .ju367vcm:hover,
[data-rk] .ju367vcn:active {
    border-color: var(--rk-colors-connectButtonBackground)
}

[data-rk] .ju367vco,
[data-rk] .ju367vcp:hover,
[data-rk] .ju367vcq:active {
    border-color: var(--rk-colors-connectButtonBackgroundError)
}

[data-rk] .ju367vcr,
[data-rk] .ju367vcs:hover,
[data-rk] .ju367vct:active {
    border-color: var(--rk-colors-connectButtonInnerBackground)
}

[data-rk] .ju367vcu,
[data-rk] .ju367vcv:hover,
[data-rk] .ju367vcw:active {
    border-color: var(--rk-colors-connectButtonText)
}

[data-rk] .ju367vcx,
[data-rk] .ju367vcy:hover,
[data-rk] .ju367vcz:active {
    border-color: var(--rk-colors-connectButtonTextError)
}

[data-rk] .ju367vd0,
[data-rk] .ju367vd1:hover,
[data-rk] .ju367vd2:active {
    border-color: var(--rk-colors-connectionIndicator)
}

[data-rk] .ju367vd3,
[data-rk] .ju367vd4:hover,
[data-rk] .ju367vd5:active {
    border-color: var(--rk-colors-downloadBottomCardBackground)
}

[data-rk] .ju367vd6,
[data-rk] .ju367vd7:hover,
[data-rk] .ju367vd8:active {
    border-color: var(--rk-colors-downloadTopCardBackground)
}

[data-rk] .ju367vd9,
[data-rk] .ju367vda:hover,
[data-rk] .ju367vdb:active {
    border-color: var(--rk-colors-error)
}

[data-rk] .ju367vdc,
[data-rk] .ju367vdd:hover,
[data-rk] .ju367vde:active {
    border-color: var(--rk-colors-generalBorder)
}

[data-rk] .ju367vdf,
[data-rk] .ju367vdg:hover,
[data-rk] .ju367vdh:active {
    border-color: var(--rk-colors-generalBorderDim)
}

[data-rk] .ju367vdi,
[data-rk] .ju367vdj:hover,
[data-rk] .ju367vdk:active {
    border-color: var(--rk-colors-menuItemBackground)
}

[data-rk] .ju367vdl,
[data-rk] .ju367vdm:hover,
[data-rk] .ju367vdn:active {
    border-color: var(--rk-colors-modalBackdrop)
}

[data-rk] .ju367vdo,
[data-rk] .ju367vdp:hover,
[data-rk] .ju367vdq:active {
    border-color: var(--rk-colors-modalBackground)
}

[data-rk] .ju367vdr,
[data-rk] .ju367vds:hover,
[data-rk] .ju367vdt:active {
    border-color: var(--rk-colors-modalBorder)
}

[data-rk] .ju367vdu,
[data-rk] .ju367vdv:hover,
[data-rk] .ju367vdw:active {
    border-color: var(--rk-colors-modalText)
}

[data-rk] .ju367vdx,
[data-rk] .ju367vdy:hover,
[data-rk] .ju367vdz:active {
    border-color: var(--rk-colors-modalTextDim)
}

[data-rk] .ju367ve0,
[data-rk] .ju367ve1:hover,
[data-rk] .ju367ve2:active {
    border-color: var(--rk-colors-modalTextSecondary)
}

[data-rk] .ju367ve3,
[data-rk] .ju367ve4:hover,
[data-rk] .ju367ve5:active {
    border-color: var(--rk-colors-profileAction)
}

[data-rk] .ju367ve6,
[data-rk] .ju367ve7:hover,
[data-rk] .ju367ve8:active {
    border-color: var(--rk-colors-profileActionHover)
}

[data-rk] .ju367ve9,
[data-rk] .ju367vea:hover,
[data-rk] .ju367veb:active {
    border-color: var(--rk-colors-profileForeground)
}

[data-rk] .ju367vec,
[data-rk] .ju367ved:hover,
[data-rk] .ju367vee:active {
    border-color: var(--rk-colors-selectedOptionBorder)
}

[data-rk] .ju367vef,
[data-rk] .ju367veg:hover,
[data-rk] .ju367veh:active {
    border-color: var(--rk-colors-standby)
}

[data-rk] .ju367vei,
[data-rk] .ju367vej:hover,
[data-rk] .ju367vek:active {
    box-shadow: var(--rk-shadows-connectButton)
}

[data-rk] .ju367vel,
[data-rk] .ju367vem:hover,
[data-rk] .ju367ven:active {
    box-shadow: var(--rk-shadows-dialog)
}

[data-rk] .ju367veo,
[data-rk] .ju367vep:hover,
[data-rk] .ju367veq:active {
    box-shadow: var(--rk-shadows-profileDetailsAction)
}

[data-rk] .ju367ver,
[data-rk] .ju367ves:hover,
[data-rk] .ju367vet:active {
    box-shadow: var(--rk-shadows-selectedOption)
}

[data-rk] .ju367veu,
[data-rk] .ju367vev:hover,
[data-rk] .ju367vew:active {
    box-shadow: var(--rk-shadows-selectedWallet)
}

[data-rk] .ju367vex,
[data-rk] .ju367vey:hover,
[data-rk] .ju367vez:active {
    box-shadow: var(--rk-shadows-walletLogo)
}

[data-rk] .ju367vf0,
[data-rk] .ju367vf1:hover,
[data-rk] .ju367vf2:active {
    color: var(--rk-colors-accentColor)
}

[data-rk] .ju367vf3,
[data-rk] .ju367vf4:hover,
[data-rk] .ju367vf5:active {
    color: var(--rk-colors-accentColorForeground)
}

[data-rk] .ju367vf6,
[data-rk] .ju367vf7:hover,
[data-rk] .ju367vf8:active {
    color: var(--rk-colors-actionButtonBorder)
}

[data-rk] .ju367vf9,
[data-rk] .ju367vfa:hover,
[data-rk] .ju367vfb:active {
    color: var(--rk-colors-actionButtonBorderMobile)
}

[data-rk] .ju367vfc,
[data-rk] .ju367vfd:hover,
[data-rk] .ju367vfe:active {
    color: var(--rk-colors-actionButtonSecondaryBackground)
}

[data-rk] .ju367vff,
[data-rk] .ju367vfg:hover,
[data-rk] .ju367vfh:active {
    color: var(--rk-colors-closeButton)
}

[data-rk] .ju367vfi,
[data-rk] .ju367vfj:hover,
[data-rk] .ju367vfk:active {
    color: var(--rk-colors-closeButtonBackground)
}

[data-rk] .ju367vfl,
[data-rk] .ju367vfm:hover,
[data-rk] .ju367vfn:active {
    color: var(--rk-colors-connectButtonBackground)
}

[data-rk] .ju367vfo,
[data-rk] .ju367vfp:hover,
[data-rk] .ju367vfq:active {
    color: var(--rk-colors-connectButtonBackgroundError)
}

[data-rk] .ju367vfr,
[data-rk] .ju367vfs:hover,
[data-rk] .ju367vft:active {
    color: var(--rk-colors-connectButtonInnerBackground)
}

[data-rk] .ju367vfu,
[data-rk] .ju367vfv:hover,
[data-rk] .ju367vfw:active {
    color: var(--rk-colors-connectButtonText)
}

[data-rk] .ju367vfx,
[data-rk] .ju367vfy:hover,
[data-rk] .ju367vfz:active {
    color: var(--rk-colors-connectButtonTextError)
}

[data-rk] .ju367vg0,
[data-rk] .ju367vg1:hover,
[data-rk] .ju367vg2:active {
    color: var(--rk-colors-connectionIndicator)
}

[data-rk] .ju367vg3,
[data-rk] .ju367vg4:hover,
[data-rk] .ju367vg5:active {
    color: var(--rk-colors-downloadBottomCardBackground)
}

[data-rk] .ju367vg6,
[data-rk] .ju367vg7:hover,
[data-rk] .ju367vg8:active {
    color: var(--rk-colors-downloadTopCardBackground)
}

[data-rk] .ju367vg9,
[data-rk] .ju367vga:hover,
[data-rk] .ju367vgb:active {
    color: var(--rk-colors-error)
}

[data-rk] .ju367vgc,
[data-rk] .ju367vgd:hover,
[data-rk] .ju367vge:active {
    color: var(--rk-colors-generalBorder)
}

[data-rk] .ju367vgf,
[data-rk] .ju367vgg:hover,
[data-rk] .ju367vgh:active {
    color: var(--rk-colors-generalBorderDim)
}

[data-rk] .ju367vgi,
[data-rk] .ju367vgj:hover,
[data-rk] .ju367vgk:active {
    color: var(--rk-colors-menuItemBackground)
}

[data-rk] .ju367vgl,
[data-rk] .ju367vgm:hover,
[data-rk] .ju367vgn:active {
    color: var(--rk-colors-modalBackdrop)
}

[data-rk] .ju367vgo,
[data-rk] .ju367vgp:hover,
[data-rk] .ju367vgq:active {
    color: var(--rk-colors-modalBackground)
}

[data-rk] .ju367vgr,
[data-rk] .ju367vgs:hover,
[data-rk] .ju367vgt:active {
    color: var(--rk-colors-modalBorder)
}

[data-rk] .ju367vgu,
[data-rk] .ju367vgv:hover,
[data-rk] .ju367vgw:active {
    color: var(--rk-colors-modalText)
}

[data-rk] .ju367vgx,
[data-rk] .ju367vgy:hover,
[data-rk] .ju367vgz:active {
    color: var(--rk-colors-modalTextDim)
}

[data-rk] .ju367vh0,
[data-rk] .ju367vh1:hover,
[data-rk] .ju367vh2:active {
    color: var(--rk-colors-modalTextSecondary)
}

[data-rk] .ju367vh3,
[data-rk] .ju367vh4:hover,
[data-rk] .ju367vh5:active {
    color: var(--rk-colors-profileAction)
}

[data-rk] .ju367vh6,
[data-rk] .ju367vh7:hover,
[data-rk] .ju367vh8:active {
    color: var(--rk-colors-profileActionHover)
}

[data-rk] .ju367vh9,
[data-rk] .ju367vha:hover,
[data-rk] .ju367vhb:active {
    color: var(--rk-colors-profileForeground)
}

[data-rk] .ju367vhc,
[data-rk] .ju367vhd:hover,
[data-rk] .ju367vhe:active {
    color: var(--rk-colors-selectedOptionBorder)
}

[data-rk] .ju367vhf,
[data-rk] .ju367vhg:hover,
[data-rk] .ju367vhh:active {
    color: var(--rk-colors-standby)
}

@media screen and (min-width:768px) {
    [data-rk] .ju367v1 {
        align-items: flex-start
    }

    [data-rk] .ju367v3 {
        align-items: flex-end
    }

    [data-rk] .ju367v5 {
        align-items: center
    }

    [data-rk] .ju367v7 {
        display: none
    }

    [data-rk] .ju367v9 {
        display: block
    }

    [data-rk] .ju367vb {
        display: flex
    }

    [data-rk] .ju367vd {
        display: inline
    }
}

[data-rk] ._12cbo8i3,
[data-rk] ._12cbo8i3:after {
    --_12cbo8i0: 1;
    --_12cbo8i1: 1
}

[data-rk] ._12cbo8i3:hover {
    transform: scale(var(--_12cbo8i0))
}

[data-rk] ._12cbo8i3:active {
    transform: scale(var(--_12cbo8i1))
}

[data-rk] ._12cbo8i3:active:after {
    content: "";
    bottom: -1px;
    display: block;
    left: -1px;
    position: absolute;
    right: -1px;
    top: -1px;
    transform: scale(calc((1 / var(--_12cbo8i1)) * var(--_12cbo8i0)))
}

[data-rk] ._12cbo8i4,
[data-rk] ._12cbo8i4:after {
    --_12cbo8i0: 1.025
}

[data-rk] ._12cbo8i5,
[data-rk] ._12cbo8i5:after {
    --_12cbo8i0: 1.1
}

[data-rk] ._12cbo8i6,
[data-rk] ._12cbo8i6:after {
    --_12cbo8i1: 0.95
}

[data-rk] ._12cbo8i7,
[data-rk] ._12cbo8i7:after {
    --_12cbo8i1: 0.9
}

@keyframes _1luule41 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

[data-rk] ._1luule42 {
    animation: _1luule41 3s linear infinite
}

[data-rk] ._1luule43 {
    background: conic-gradient(from 180deg at 50% 50%, rgba(72, 146, 254, 0) 0deg, currentColor 282.04deg, rgba(72, 146, 254, 0) 319.86deg, rgba(72, 146, 254, 0) 1turn);
    height: 21px;
    width: 21px
}

@keyframes _9pm4ki0 {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes _9pm4ki1 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

[data-rk] ._9pm4ki3 {
    animation: _9pm4ki1 .15s ease;
    bottom: -200px;
    left: -200px;
    padding: 200px;
    right: -200px;
    top: -200px;
    transform: translateZ(0);
    z-index: 2147483646
}

[data-rk] ._9pm4ki5 {
    animation: _9pm4ki0 .35s cubic-bezier(.15, 1.15, .6, 1), _9pm4ki1 .15s ease;
    max-width: 100vw
}

[data-rk] ._1ckjpok1 {
    box-sizing: content-box;
    max-width: 100vw;
    width: 360px
}

[data-rk] ._1ckjpok2 {
    width: 100vw
}

[data-rk] ._1ckjpok3 {
    min-width: 720px;
    width: 720px
}

[data-rk] ._1ckjpok4 {
    min-width: 368px;
    width: 368px
}

[data-rk] ._1ckjpok6 {
    border-width: 0;
    box-sizing: border-box;
    width: 100vw
}

@media screen and (min-width:768px) {
    [data-rk] ._1ckjpok1 {
        width: 360px
    }

    [data-rk] ._1ckjpok2 {
        width: 480px
    }

    [data-rk] ._1ckjpok4 {
        min-width: 368px;
        width: 368px
    }
}

@media screen and (max-width:767px) {
    [data-rk] ._1ckjpok7 {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        margin-top: -200px;
        padding-bottom: 200px;
        top: 200px
    }
}

[data-rk] .v9horb0:hover {
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial
}

[data-rk] ._18dqw9x0,
[data-rk] ._18dqw9x1 {
    max-height: 456px;
    overflow-y: auto;
    overflow-x: hidden
}

[data-rk] ._18dqw9x1 {
    scrollbar-width: none
}

[data-rk] ._18dqw9x1::-webkit-scrollbar {
    display: none
}

[data-rk] .g5kl0l0 {
    border-color: transparent
}

[data-rk] ._1vwt0cg0 {
    background: white
}

[data-rk] ._1vwt0cg2 {
    max-height: 454px;
    overflow-y: auto
}

[data-rk] ._1vwt0cg3 {
    min-width: 287px
}

[data-rk] ._1vwt0cg4 {
    min-width: 100%
}

@keyframes _1am14411 {
    0% {
        stroke-dashoffset: 0
    }

    to {
        stroke-dashoffset: -283
    }
}

[data-rk] ._1am14410 {
    overflow: auto;
    scrollbar-width: none;
    transform: translateZ(0)
}

[data-rk] ._1am14410::-webkit-scrollbar {
    display: none
}

[data-rk] ._1am14412 {
    animation: _1am14411 1s linear infinite;
    stroke-dasharray: 98 196;
    fill: none;
    stroke-linecap: round;
    stroke-width: 4
}

[data-rk] ._1am14413 {
    position: absolute
}

[data-rk] ._1y2lnfi0 {
    border: 1px solid rgba(16, 21, 31, .06)
}

[data-rk] ._1y2lnfi1 {
    max-width: -moz-fit-content;
    max-width: fit-content
}

/*# sourceMappingURL=c3be5e4eda697a16.css.map*/