*,:before,:after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .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;
}

*,:before,:after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb
}

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

html,:host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

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

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

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

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

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

b,strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

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

button,select {
    text-transform: none
}

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

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: baseline
}

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

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

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

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

summary {
    display: list-item
}

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

fieldset {
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

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

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

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

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

:disabled {
    cursor: default
}

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

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

[hidden]:where(:not([hidden=until-found])) {
    display: none
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border-width: 0
}

.visible {
    visibility: visible
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.left-0 {
    left: 0
}

.right-0 {
    right: 0
}

.right-8 {
    right: 2rem
}

.top-8 {
    top: 2rem
}

.top-\[3\.25rem\] {
    top: 3.25rem
}

.top-full {
    top: 100%
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.order-1 {
    order: 1
}

.col-span-12 {
    grid-column: span 12 / span 12
}

.col-span-6 {
    grid-column: span 6 / span 6
}

.col-span-full {
    grid-column: 1 / -1
}

.m-0 {
    margin: 0
}

.m-1 {
    margin: .25rem
}

.m-2 {
    margin: .5rem
}

.m-3 {
    margin: .75rem
}

.m-auto {
    margin: auto
}

.mx-0 {
    margin-left: 0;
    margin-right: 0
}

.mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem
}

.my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto
}

.\!mb-8 {
    margin-bottom: 2rem!important
}

.mb-0 {
    margin-bottom: 0
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-20 {
    margin-bottom: 5rem
}

.mb-3 {
    margin-bottom: .75rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-8 {
    margin-bottom: 2rem
}

.ml-0 {
    margin-left: 0
}

.ml-2 {
    margin-left: .5rem
}

.ml-4 {
    margin-left: 1rem
}

.ml-6 {
    margin-left: 1.5rem
}

.ml-auto {
    margin-left: auto
}

.mr-0 {
    margin-right: 0
}

.mr-2 {
    margin-right: .5rem
}

.mr-20 {
    margin-right: 5rem
}

.mr-4 {
    margin-right: 1rem
}

.mt-0 {
    margin-top: 0
}

.mt-1 {
    margin-top: .25rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-20 {
    margin-top: 5rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-8 {
    margin-top: 2rem
}

.block {
    display: block
}

.\!flex {
    display: flex!important
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.\!hidden {
    display: none!important
}

.hidden {
    display: none
}

.h-12 {
    height: 3rem
}

.h-14 {
    height: 3.5rem
}

.h-5 {
    height: 1.25rem
}

.h-8 {
    height: 2rem
}

.h-80 {
    height: 20rem
}

.h-full {
    height: 100%
}

.min-h-screen {
    min-height: 100vh
}

.w-1\/2 {
    width: 50%
}

.w-10\/12 {
    width: 83.333333%
}

.w-11\/12 {
    width: 91.666667%
}

.w-12 {
    width: 3rem
}

.w-16 {
    width: 4rem
}

.w-32 {
    width: 8rem
}

.w-40 {
    width: 10rem
}

.w-44 {
    width: 11rem
}

.w-5 {
    width: 1.25rem
}

.w-72 {
    width: 18rem
}

.w-8 {
    width: 2rem
}

.w-9\/12 {
    width: 75%
}

.w-full {
    width: 100%
}

.min-w-\[100vw\] {
    min-width: 100vw
}

.max-w-\[17\.35rem\] {
    max-width: 17.35rem
}

.flex-1 {
    flex: 1 1 0%
}

.flex-auto {
    flex: 1 1 auto
}

.shrink-0 {
    flex-shrink: 0
}

.flex-grow,.grow {
    flex-grow: 1
}

.basis-0 {
    flex-basis: 0px
}

.origin-top {
    transform-origin: top
}

.transform {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate-fadein {
    animation: fadein .15s linear
}

@keyframes fadeout {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animate-fadeout {
    animation: fadeout .15s linear
}

@keyframes scalein {
    0% {
        opacity: 0;
        transform: scaleY(.8);
        transition: transform .12s cubic-bezier(0,0,.2,1),opacity .12s cubic-bezier(0,0,.2,1)
    }

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

.animate-scalein {
    animation: scalein .15s linear
}

.cursor-pointer {
    cursor: pointer
}

.select-none {
    -webkit-user-select: none;
    user-select: none
}

.list-disc {
    list-style-type: disc
}

.list-none {
    list-style-type: none
}

.grid-cols-12 {
    grid-template-columns: repeat(12,minmax(0,1fr))
}

.flex-row {
    flex-direction: row
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.items-start {
    align-items: flex-start
}

.items-center {
    align-items: center
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.gap-1 {
    gap: .25rem
}

.gap-2 {
    gap: .5rem
}

.gap-20 {
    gap: 5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-8 {
    gap: 2rem
}

.self-center {
    align-self: center
}

.overflow-hidden {
    overflow: hidden
}

.whitespace-nowrap {
    white-space: nowrap
}

.rounded {
    border-radius: .25rem
}

.rounded-full {
    border-radius: 9999px
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0px
}

.border-2 {
    border-width: 2px
}

.border-b {
    border-bottom-width: 1px
}

.border-t {
    border-top-width: 1px
}

.border-none {
    border-style: none
}

.border-orange-500 {
    --tw-border-opacity: 1;
    border-color: rgb(249 115 22 / var(--tw-border-opacity, 1))
}

.border-pink-500 {
    --tw-border-opacity: 1;
    border-color: rgb(236 72 153 / var(--tw-border-opacity, 1))
}

.border-primary {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb,var(--p-primary-color) calc(100% * var(--tw-border-opacity, 1)),transparent)
}

.border-surface-200 {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb,var(--p-surface-200) calc(100% * var(--tw-border-opacity, 1)),transparent)
}

.border-surface-300 {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb,var(--p-surface-300) calc(100% * var(--tw-border-opacity, 1)),transparent)
}

.bg-black\/70 {
    background-color: #000000b3
}

.bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1))
}

.bg-blue-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1))
}

.bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1))
}

.bg-cyan-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(207 250 254 / var(--tw-bg-opacity, 1))
}

.bg-cyan-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(165 243 252 / var(--tw-bg-opacity, 1))
}

.bg-cyan-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1))
}

.bg-green-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1))
}

.bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1))
}

.bg-indigo-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(199 210 254 / var(--tw-bg-opacity, 1))
}

.bg-orange-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1))
}

.bg-orange-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 215 170 / var(--tw-bg-opacity, 1))
}

.bg-orange-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1))
}

.bg-pink-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(252 231 243 / var(--tw-bg-opacity, 1))
}

.bg-pink-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(251 207 232 / var(--tw-bg-opacity, 1))
}

.bg-pink-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1))
}

.bg-primary {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb,var(--p-primary-color) calc(100% * var(--tw-bg-opacity, 1)),transparent)
}

.bg-purple-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1))
}

.bg-purple-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(233 213 255 / var(--tw-bg-opacity, 1))
}

.bg-purple-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1))
}

.bg-slate-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1))
}

.bg-surface-0 {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb,var(--p-surface-0) calc(100% * var(--tw-bg-opacity, 1)),transparent)
}

.bg-surface-100 {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb,var(--p-surface-100) calc(100% * var(--tw-bg-opacity, 1)),transparent)
}

.bg-surface-200 {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb,var(--p-surface-200) calc(100% * var(--tw-bg-opacity, 1)),transparent)
}

.bg-surface-300 {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb,var(--p-surface-300) calc(100% * var(--tw-bg-opacity, 1)),transparent)
}

.bg-surface-50 {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb,var(--p-surface-50) calc(100% * var(--tw-bg-opacity, 1)),transparent)
}

.bg-teal-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(153 246 228 / var(--tw-bg-opacity, 1))
}

.bg-teal-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(20 184 166 / var(--tw-bg-opacity, 1))
}

.bg-yellow-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1))
}

.bg-yellow-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 240 138 / var(--tw-bg-opacity, 1))
}

.p-0 {
    padding: 0
}

.p-1 {
    padding: .25rem
}

.p-2 {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-6 {
    padding: 1.5rem
}

.\!px-4 {
    padding-left: 1rem!important;
    padding-right: 1rem!important
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.px-12 {
    padding-left: 3rem;
    padding-right: 3rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.pb-0 {
    padding-bottom: 0
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pl-8 {
    padding-left: 2rem
}

.pr-12 {
    padding-right: 3rem
}

.pt-12 {
    padding-top: 3rem
}

.pt-2 {
    padding-top: .5rem
}

.pt-3 {
    padding-top: .75rem
}

.pt-6 {
    padding-top: 1.5rem
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.\!text-2xl {
    font-size: 1.5rem!important;
    line-height: 2rem!important
}

.\!text-3xl {
    font-size: 1.875rem!important;
    line-height: 2.25rem!important
}

.\!text-4xl {
    font-size: 2.25rem!important;
    line-height: 2.5rem!important
}

.\!text-xl {
    font-size: 1.25rem!important;
    line-height: 1.75rem!important
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.text-5xl {
    font-size: 3rem;
    line-height: 1
}

.text-6xl {
    font-size: 3.75rem;
    line-height: 1
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.font-bold {
    font-weight: 700
}

.font-light {
    font-weight: 300
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.not-italic {
    font-style: normal
}

.leading-none {
    line-height: 1
}

.leading-normal {
    line-height: 1.5
}

.leading-tight {
    line-height: 1.25
}

.text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(59 130 246 / var(--tw-text-opacity, 1))
}

.text-blue-700 {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity, 1))
}

.text-cyan-500 {
    --tw-text-opacity: 1;
    color: rgb(6 182 212 / var(--tw-text-opacity, 1))
}

.text-cyan-700 {
    --tw-text-opacity: 1;
    color: rgb(14 116 144 / var(--tw-text-opacity, 1))
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity, 1))
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity, 1))
}

.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity, 1))
}

.text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(34 197 94 / var(--tw-text-opacity, 1))
}

.text-indigo-700 {
    --tw-text-opacity: 1;
    color: rgb(67 56 202 / var(--tw-text-opacity, 1))
}

.text-orange-500 {
    --tw-text-opacity: 1;
    color: rgb(249 115 22 / var(--tw-text-opacity, 1))
}

.text-orange-700 {
    --tw-text-opacity: 1;
    color: rgb(194 65 12 / var(--tw-text-opacity, 1))
}

.text-pink-500 {
    --tw-text-opacity: 1;
    color: rgb(236 72 153 / var(--tw-text-opacity, 1))
}

.text-pink-700 {
    --tw-text-opacity: 1;
    color: rgb(190 24 93 / var(--tw-text-opacity, 1))
}

.text-primary {
    --tw-text-opacity: 1;
    color: color-mix(in srgb,var(--p-primary-color) calc(100% * var(--tw-text-opacity, 1)),transparent)
}

.text-primary-contrast {
    --tw-text-opacity: 1;
    color: color-mix(in srgb,var(--p-primary-contrast-color) calc(100% * var(--tw-text-opacity, 1)),transparent)
}

.text-purple-500 {
    --tw-text-opacity: 1;
    color: rgb(168 85 247 / var(--tw-text-opacity, 1))
}

.text-purple-700 {
    --tw-text-opacity: 1;
    color: rgb(126 34 206 / var(--tw-text-opacity, 1))
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity, 1))
}

.text-slate-700 {
    --tw-text-opacity: 1;
    color: rgb(51 65 85 / var(--tw-text-opacity, 1))
}

.text-surface-500 {
    --tw-text-opacity: 1;
    color: color-mix(in srgb,var(--p-surface-500) calc(100% * var(--tw-text-opacity, 1)),transparent)
}

.text-surface-600 {
    --tw-text-opacity: 1;
    color: color-mix(in srgb,var(--p-surface-600) calc(100% * var(--tw-text-opacity, 1)),transparent)
}

.text-surface-700 {
    --tw-text-opacity: 1;
    color: color-mix(in srgb,var(--p-surface-700) calc(100% * var(--tw-text-opacity, 1)),transparent)
}

.text-surface-900 {
    --tw-text-opacity: 1;
    color: color-mix(in srgb,var(--p-surface-900) calc(100% * var(--tw-text-opacity, 1)),transparent)
}

.text-teal-500 {
    --tw-text-opacity: 1;
    color: rgb(20 184 166 / var(--tw-text-opacity, 1))
}

.text-teal-700 {
    --tw-text-opacity: 1;
    color: rgb(15 118 110 / var(--tw-text-opacity, 1))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgb(234 179 8 / var(--tw-text-opacity, 1))
}

.text-yellow-700 {
    --tw-text-opacity: 1;
    color: rgb(161 98 7 / var(--tw-text-opacity, 1))
}

.no-underline {
    text-decoration-line: none
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(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: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}

.shadow-\[0px_3px_5px_rgba\(0\,0\,0\,0\.02\)\,0px_0px_2px_rgba\(0\,0\,0\,0\.05\)\,0px_1px_4px_rgba\(0\,0\,0\,0\.08\)\] {
    --tw-shadow: 0px 3px 5px rgba(0,0,0,.02),0px 0px 2px rgba(0,0,0,.05),0px 1px 4px rgba(0,0,0,.08);
    --tw-shadow-colored: 0px 3px 5px var(--tw-shadow-color), 0px 0px 2px var(--tw-shadow-color), 0px 1px 4px var(--tw-shadow-color);
    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 / .1), 0 4px 6px -4px rgb(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: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    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
}

.outline-offset-1 {
    outline-offset: 1px
}

.outline-primary {
    outline-color: color-mix(in srgb,var(--p-primary-color) 100%,transparent)
}

.grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition {
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.duration-300 {
    transition-duration: .3s
}

.border-surface {
    border-color: var(--p-content-border-color)
}

.bg-highlight {
    background: var(--p-highlight-background);
    color: var(--p-highlight-color)
}

.rounded-border {
    border-radius: var(--p-content-border-radius)
}

.text-color {
    color: var(--p-text-color)
}

.text-muted-color {
    color: var(--p-text-muted-color)
}

@keyframes enter {
    0% {
        opacity: var(--p-enter-opacity, 1);
        transform: translate3d(var(--p-enter-translate-x, 0),var(--p-enter-translate-y, 0),0) scale3d(var(--p-enter-scale, 1),var(--p-enter-scale, 1),var(--p-enter-scale, 1)) rotate(var(--p-enter-rotate, 0))
    }
}

@keyframes leave {
    to {
        opacity: var(--p-leave-opacity, 1);
        transform: translate3d(var(--p-leave-translate-x, 0),var(--p-leave-translate-y, 0),0) scale3d(var(--p-leave-scale, 1),var(--p-leave-scale, 1),var(--p-leave-scale, 1)) rotate(var(--p-leave-rotate, 0))
    }
}

:root {
    --primary-color: var(--p-primary-color);
    --primary-contrast-color: var(--p-primary-contrast-color);
    --text-color: var(--p-text-color);
    --text-color-secondary: var(--p-text-muted-color);
    --surface-border: var(--p-content-border-color);
    --surface-card: var(--p-content-background);
    --surface-hover: var(--p-content-hover-background);
    --surface-overlay: var(--p-overlay-popover-background);
    --transition-duration: var(--p-transition-duration);
    --maskbg: var(--p-mask-background);
    --content-border-radius: var(--p-content-border-radius);
    --layout-section-transition-duration: .2s;
    --element-transition-duration: var(--p-transition-duration);
    --focus-ring-width: var(--p-focus-ring-width);
    --focus-ring-style: var(--p-focus-ring-style);
    --focus-ring-color: var(--p-focus-ring-color);
    --focus-ring-offset: var(--p-focus-ring-offset);
    --focus-ring-shadow: var(--p-focus-ring-shadow);
    --surface-ground: var(--p-surface-100);
    --code-background: var(--p-surface-900);
    --code-color: var(--p-surface-200)
}

:root[class*=app-dark] {
    --surface-ground: var(--p-surface-950);
    --code-background: var(--p-surface-800);
    --code-color: var(--p-surface-100)
}

.preloader {
    position: fixed;
    z-index: 999999;
    background: #edf1f5;
    width: 100%;
    height: 100%
}

.preloader-content {
    border: 0 solid transparent;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    position: absolute;
    top: calc(50vh - 75px);
    left: calc(50vw - 75px)
}

.preloader-content:before,.preloader-content:after {
    content: "";
    border: 1em solid var(--primary-color);
    border-radius: 50%;
    width: inherit;
    height: inherit;
    position: absolute;
    top: 0;
    left: 0;
    animation: loader 2s linear infinite;
    opacity: 0
}

.preloader-content:before {
    animation-delay: .5s
}

@keyframes loader {
    0% {
        transform: scale(0);
        opacity: 0
    }

    50% {
        opacity: 1
    }

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

html {
    height: 100%;
    font-size: 14px
}

body {
    font-family: Lato,sans-serif;
    color: var(--text-color);
    background-color: var(--surface-ground);
    margin: 0;
    padding: 0;
    min-height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.2
}

a {
    text-decoration: none
}

.layout-wrapper {
    min-height: 100vh
}

.layout-main-container {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    justify-content: space-between;
    padding: 6rem 2rem 0;
    transition: margin-left var(--layout-section-transition-duration)
}

.layout-main {
    flex: 1 1 auto;
    padding-bottom: 2rem
}

.layout-topbar {
    position: fixed;
    height: 4rem;
    z-index: 997;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0 2rem;
    background-color: var(--surface-card);
    transition: left var(--layout-section-transition-duration);
    display: flex;
    align-items: center
}

.layout-topbar .layout-topbar-logo-container {
    width: 20rem;
    display: flex;
    align-items: center
}

.layout-topbar .layout-topbar-logo {
    display: inline-flex;
    align-items: center;
    font-size: 1.5rem;
    border-radius: var(--content-border-radius);
    color: var(--text-color);
    font-weight: 500;
    gap: .5rem
}

.layout-topbar .layout-topbar-logo svg {
    width: 3rem
}

.layout-topbar .layout-topbar-logo:focus-visible {
    outline-width: var(--focus-ring-width);
    outline-style: var(--focus-ring-style);
    outline-color: var(--focus-ring-color);
    outline-offset: var(--focus-ring-offset);
    box-shadow: var(--focus-ring-shadow);
    transition: box-shadow var(--transition-duration),outline-color var(--transition-duration)
}

.layout-topbar .layout-topbar-action {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: var(--text-color-secondary);
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    color: var(--text-color);
    transition: background-color var(--element-transition-duration);
    cursor: pointer
}

.layout-topbar .layout-topbar-action:hover {
    background-color: var(--surface-hover)
}

.layout-topbar .layout-topbar-action:focus-visible {
    outline-width: var(--focus-ring-width);
    outline-style: var(--focus-ring-style);
    outline-color: var(--focus-ring-color);
    outline-offset: var(--focus-ring-offset);
    box-shadow: var(--focus-ring-shadow);
    transition: box-shadow var(--transition-duration),outline-color var(--transition-duration)
}

.layout-topbar .layout-topbar-action i {
    font-size: 1.25rem
}

.layout-topbar .layout-topbar-action span {
    font-size: 1rem;
    display: none
}

.layout-topbar .layout-topbar-action.layout-topbar-action-highlight {
    background-color: var(--primary-color);
    color: var(--primary-contrast-color)
}

.layout-topbar .layout-menu-button {
    margin-right: .5rem
}

.layout-topbar .layout-topbar-menu-button {
    display: none
}

.layout-topbar .layout-topbar-actions {
    margin-left: auto;
    display: flex;
    gap: 1rem
}

.layout-topbar .layout-topbar-menu-content,.layout-topbar .layout-config-menu {
    display: flex;
    gap: 1rem
}

@media (max-width: 991px) {
    .layout-topbar {
        padding:0 2rem
    }

    .layout-topbar .layout-topbar-logo-container {
        width: auto
    }

    .layout-topbar .layout-menu-button {
        margin-left: 0;
        margin-right: .5rem
    }

    .layout-topbar .layout-topbar-menu-button {
        display: inline-flex
    }

    .layout-topbar .layout-topbar-menu {
        position: absolute;
        background-color: var(--surface-overlay);
        transform-origin: top;
        box-shadow: 0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014;
        border-radius: var(--content-border-radius);
        padding: 1rem;
        right: 2rem;
        top: 4rem;
        min-width: 15rem;
        border: 1px solid var(--surface-border)
    }

    .layout-topbar .layout-topbar-menu .layout-topbar-menu-content {
        gap: .5rem
    }

    .layout-topbar .layout-topbar-menu .layout-topbar-action {
        display: flex;
        width: 100%;
        height: auto;
        justify-content: flex-start;
        border-radius: var(--content-border-radius);
        padding: .5rem 1rem
    }

    .layout-topbar .layout-topbar-menu .layout-topbar-action i {
        font-size: 1rem;
        margin-right: .5rem
    }

    .layout-topbar .layout-topbar-menu .layout-topbar-action span {
        font-weight: medium;
        display: block
    }

    .layout-topbar .layout-topbar-menu-content {
        flex-direction: column
    }
}

.layout-sidebar {
    position: fixed;
    width: 20rem;
    height: calc(100vh - 8rem);
    z-index: 999;
    overflow-y: auto;
    -webkit-user-select: none;
    user-select: none;
    top: 6rem;
    left: 2rem;
    transition: transform var(--layout-section-transition-duration),left var(--layout-section-transition-duration);
    background-color: var(--surface-overlay);
    border-radius: var(--content-border-radius);
    padding: .5rem 1.5rem
}

.layout-menu {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.layout-menu .layout-root-menuitem>.layout-menuitem-root-text {
    font-size: .857rem;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--text-color);
    margin: .75rem 0
}

.layout-menu .layout-root-menuitem>a {
    display: none
}

.layout-menu a {
    -webkit-user-select: none;
    user-select: none
}

.layout-menu a.active-menuitem>.layout-submenu-toggler {
    transform: rotate(-180deg)
}

.layout-menu li.active-menuitem>a .layout-submenu-toggler {
    transform: rotate(-180deg)
}

.layout-menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.layout-menu ul a {
    display: flex;
    align-items: center;
    position: relative;
    outline: 0 none;
    color: var(--text-color);
    cursor: pointer;
    padding: .75rem 1rem;
    border-radius: var(--content-border-radius);
    transition: background-color var(--element-transition-duration),box-shadow var(--element-transition-duration)
}

.layout-menu ul a .layout-menuitem-icon {
    margin-right: .5rem
}

.layout-menu ul a .layout-submenu-toggler {
    font-size: 75%;
    margin-left: auto;
    transition: transform var(--element-transition-duration)
}

.layout-menu ul a.active-route {
    font-weight: 700;
    color: var(--primary-color)
}

.layout-menu ul a:hover {
    background-color: var(--surface-hover)
}

.layout-menu ul a:focus {
    outline-offset: -1px;
    box-shadow: inset var(--focus-ring-shadow)
}

.layout-menu ul ul {
    overflow: hidden;
    border-radius: var(--content-border-radius)
}

.layout-menu ul ul li a {
    margin-left: 1rem
}

.layout-menu ul ul li li a {
    margin-left: 2rem
}

.layout-menu ul ul li li li a {
    margin-left: 2.5rem
}

.layout-menu ul ul li li li li a {
    margin-left: 3rem
}

.layout-menu ul ul li li li li li a {
    margin-left: 3.5rem
}

.layout-menu ul ul li li li li li li a {
    margin-left: 4rem
}

.layout-submenu-enter-from,.layout-submenu-leave-to {
    max-height: 0
}

.layout-submenu-enter-to,.layout-submenu-leave-from {
    max-height: 1000px
}

.layout-submenu-leave-active {
    overflow: hidden;
    transition: max-height .45s cubic-bezier(0,1,0,1)
}

.layout-submenu-enter-active {
    overflow: hidden;
    transition: max-height 1s ease-in-out
}

.layout-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 0;
    gap: .5rem;
    border-top: 1px solid var(--surface-border)
}

@media screen and (min-width: 1960px) {
    .layout-main,.landing-wrapper {
        width:1504px;
        margin-left: auto!important;
        margin-right: auto!important
    }
}

@media (min-width: 992px) {
    .layout-wrapper.layout-overlay .layout-main-container {
        margin-left:0;
        padding-left: 2rem
    }

    .layout-wrapper.layout-overlay .layout-sidebar {
        transform: translate(-100%);
        left: 0;
        top: 0;
        height: 100vh;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-right: 1px solid var(--surface-border);
        transition: transform .4s cubic-bezier(.05,.74,.2,.99),left .4s cubic-bezier(.05,.74,.2,.99);
        box-shadow: 0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014
    }

    .layout-wrapper.layout-overlay.layout-overlay-active .layout-sidebar {
        transform: translate(0)
    }

    .layout-wrapper.layout-static .layout-main-container {
        margin-left: 22rem
    }

    .layout-wrapper.layout-static.layout-static-inactive .layout-sidebar {
        transform: translate(-100%);
        left: 0
    }

    .layout-wrapper.layout-static.layout-static-inactive .layout-main-container {
        margin-left: 0;
        padding-left: 2rem
    }

    .layout-wrapper .layout-mask {
        display: none
    }
}

@media (max-width: 991px) {
    .blocked-scroll {
        overflow:hidden
    }

    .layout-wrapper .layout-main-container {
        margin-left: 0;
        padding-left: 2rem
    }

    .layout-wrapper .layout-sidebar {
        transform: translate(-100%);
        left: 0;
        top: 0;
        height: 100vh;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        transition: transform .4s cubic-bezier(.05,.74,.2,.99),left .4s cubic-bezier(.05,.74,.2,.99)
    }

    .layout-wrapper .layout-mask {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 998;
        width: 100%;
        height: 100%;
        background-color: var(--maskbg)
    }

    .layout-wrapper.layout-mobile-active .layout-sidebar {
        transform: translate(0)
    }

    .layout-wrapper.layout-mobile-active .layout-mask {
        display: block
    }
}

.clearfix:after {
    content: " ";
    display: block;
    clear: both
}

.card {
    background: var(--surface-card);
    padding: 2rem;
    margin-bottom: 2rem;
    border-radius: var(--content-border-radius)
}

.card:last-child {
    margin-bottom: 0
}

.p-toast.p-toast-top-right,.p-toast.p-toast-top-left,.p-toast.p-toast-top-center {
    top: 100px
}

h1,h2,h3,h4,h5,h6 {
    margin: 1.5rem 0 1rem;
    font-family: inherit;
    font-weight: 700;
    line-height: 1.5;
    color: var(--text-color)
}

h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child {
    margin-top: 0
}

h1 {
    font-size: 2.5rem
}

h2 {
    font-size: 2rem
}

h3 {
    font-size: 1.75rem
}

h4 {
    font-size: 1.5rem
}

h5 {
    font-size: 1.25rem
}

h6 {
    font-size: 1rem
}

mark {
    background: #fff8e1;
    padding: .25rem .4rem;
    border-radius: var(--content-border-radius);
    font-family: monospace
}

blockquote {
    margin: 1rem 0;
    padding: 0 2rem;
    border-left: 4px solid #90a4ae
}

hr {
    border-top: solid var(--surface-border);
    border-width: 1px 0 0 0;
    margin: 1rem 0
}

p {
    margin: 0 0 1rem;
    line-height: 1.5
}

p:last-child {
    margin-bottom: 0
}

@font-face {
    font-family: primeicons;
    font-display: block;
    src: url("");
    src: url("assets/fonts/primeicons-RSSEDYLY.eot") format("embedded-opentype"),url("assets/fonts/primeicons-4GST5W3O.woff2") format("woff2"),url("assets/fonts/primeicons-P53SE5CV.woff") format("woff"),url("assets/fonts/primeicons-GEFHGEHP.ttf") format("truetype"),url("assets/fonts/primeicons-DHQU4SEP.svg") format("svg");
    font-weight: 400;
    font-style: normal
}

.pi {
    font-family: primeicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.pi:before {
    --webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.pi-fw {
    width: 1.28571429em;
    text-align: center
}

.pi-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

@media (prefers-reduced-motion: reduce) {
    .pi-spin {
        -webkit-animation-delay: -1ms;
        animation-delay: -1ms;
        -webkit-animation-duration: 1ms;
        animation-duration: 1ms;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        -webkit-transition-duration: 0s;
        transition-duration: 0s
    }
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.pi-folder-plus:before {
    content: "\ea05"
}

.pi-receipt:before {
    content: "\ea06"
}

.pi-asterisk:before {
    content: "\ea07"
}

.pi-face-smile:before {
    content: "\ea08"
}

.pi-pinterest:before {
    content: "\ea09"
}

.pi-expand:before {
    content: "\ea0a"
}

.pi-pen-to-square:before {
    content: "\ea0b"
}

.pi-wave-pulse:before {
    content: "\ea0c"
}

.pi-turkish-lira:before {
    content: "\ea0d"
}

.pi-spinner-dotted:before {
    content: "\ea0e"
}

.pi-crown:before {
    content: "\ea0f"
}

.pi-pause-circle:before {
    content: "\ea10"
}

.pi-warehouse:before {
    content: "\ea11"
}

.pi-objects-column:before {
    content: "\ea12"
}

.pi-clipboard:before {
    content: "\ea13"
}

.pi-play-circle:before {
    content: "\ea14"
}

.pi-venus:before {
    content: "\ea15"
}

.pi-cart-minus:before {
    content: "\ea16"
}

.pi-file-plus:before {
    content: "\ea17"
}

.pi-microchip:before {
    content: "\ea18"
}

.pi-twitch:before {
    content: "\ea19"
}

.pi-building-columns:before {
    content: "\ea1a"
}

.pi-file-check:before {
    content: "\ea1b"
}

.pi-microchip-ai:before {
    content: "\ea1c"
}

.pi-trophy:before {
    content: "\ea1d"
}

.pi-barcode:before {
    content: "\ea1e"
}

.pi-file-arrow-up:before {
    content: "\ea1f"
}

.pi-mars:before {
    content: "\ea20"
}

.pi-tiktok:before {
    content: "\ea21"
}

.pi-arrow-up-right-and-arrow-down-left-from-center:before {
    content: "\ea22"
}

.pi-ethereum:before {
    content: "\ea23"
}

.pi-list-check:before {
    content: "\ea24"
}

.pi-thumbtack:before {
    content: "\ea25"
}

.pi-arrow-down-left-and-arrow-up-right-to-center:before {
    content: "\ea26"
}

.pi-equals:before {
    content: "\ea27"
}

.pi-lightbulb:before {
    content: "\ea28"
}

.pi-star-half:before {
    content: "\ea29"
}

.pi-address-book:before {
    content: "\ea2a"
}

.pi-chart-scatter:before {
    content: "\ea2b"
}

.pi-indian-rupee:before {
    content: "\ea2c"
}

.pi-star-half-fill:before {
    content: "\ea2d"
}

.pi-cart-arrow-down:before {
    content: "\ea2e"
}

.pi-calendar-clock:before {
    content: "\ea2f"
}

.pi-sort-up-fill:before {
    content: "\ea30"
}

.pi-sparkles:before {
    content: "\ea31"
}

.pi-bullseye:before {
    content: "\ea32"
}

.pi-sort-down-fill:before {
    content: "\ea33"
}

.pi-graduation-cap:before {
    content: "\ea34"
}

.pi-hammer:before {
    content: "\ea35"
}

.pi-bell-slash:before {
    content: "\ea36"
}

.pi-gauge:before {
    content: "\ea37"
}

.pi-shop:before {
    content: "\ea38"
}

.pi-headphones:before {
    content: "\ea39"
}

.pi-eraser:before {
    content: "\ea04"
}

.pi-stopwatch:before {
    content: "\ea01"
}

.pi-verified:before {
    content: "\ea02"
}

.pi-delete-left:before {
    content: "\ea03"
}

.pi-hourglass:before {
    content: "\e9fe"
}

.pi-truck:before {
    content: "\ea00"
}

.pi-wrench:before {
    content: "\e9ff"
}

.pi-microphone:before {
    content: "\e9fa"
}

.pi-megaphone:before {
    content: "\e9fb"
}

.pi-arrow-right-arrow-left:before {
    content: "\e9fc"
}

.pi-bitcoin:before {
    content: "\e9fd"
}

.pi-file-edit:before {
    content: "\e9f6"
}

.pi-language:before {
    content: "\e9f7"
}

.pi-file-export:before {
    content: "\e9f8"
}

.pi-file-import:before {
    content: "\e9f9"
}

.pi-file-word:before {
    content: "\e9f1"
}

.pi-gift:before {
    content: "\e9f2"
}

.pi-cart-plus:before {
    content: "\e9f3"
}

.pi-thumbs-down-fill:before {
    content: "\e9f4"
}

.pi-thumbs-up-fill:before {
    content: "\e9f5"
}

.pi-arrows-alt:before {
    content: "\e9f0"
}

.pi-calculator:before {
    content: "\e9ef"
}

.pi-sort-alt-slash:before {
    content: "\e9ee"
}

.pi-arrows-h:before {
    content: "\e9ec"
}

.pi-arrows-v:before {
    content: "\e9ed"
}

.pi-pound:before {
    content: "\e9eb"
}

.pi-prime:before {
    content: "\e9ea"
}

.pi-chart-pie:before {
    content: "\e9e9"
}

.pi-reddit:before {
    content: "\e9e8"
}

.pi-code:before {
    content: "\e9e7"
}

.pi-sync:before {
    content: "\e9e6"
}

.pi-shopping-bag:before {
    content: "\e9e5"
}

.pi-server:before {
    content: "\e9e4"
}

.pi-database:before {
    content: "\e9e3"
}

.pi-hashtag:before {
    content: "\e9e2"
}

.pi-bookmark-fill:before {
    content: "\e9df"
}

.pi-filter-fill:before {
    content: "\e9e0"
}

.pi-heart-fill:before {
    content: "\e9e1"
}

.pi-flag-fill:before {
    content: "\e9de"
}

.pi-circle:before {
    content: "\e9dc"
}

.pi-circle-fill:before {
    content: "\e9dd"
}

.pi-bolt:before {
    content: "\e9db"
}

.pi-history:before {
    content: "\e9da"
}

.pi-box:before {
    content: "\e9d9"
}

.pi-at:before {
    content: "\e9d8"
}

.pi-arrow-up-right:before {
    content: "\e9d4"
}

.pi-arrow-up-left:before {
    content: "\e9d5"
}

.pi-arrow-down-left:before {
    content: "\e9d6"
}

.pi-arrow-down-right:before {
    content: "\e9d7"
}

.pi-telegram:before {
    content: "\e9d3"
}

.pi-stop-circle:before {
    content: "\e9d2"
}

.pi-stop:before {
    content: "\e9d1"
}

.pi-whatsapp:before {
    content: "\e9d0"
}

.pi-building:before {
    content: "\e9cf"
}

.pi-qrcode:before {
    content: "\e9ce"
}

.pi-car:before {
    content: "\e9cd"
}

.pi-instagram:before {
    content: "\e9cc"
}

.pi-linkedin:before {
    content: "\e9cb"
}

.pi-send:before {
    content: "\e9ca"
}

.pi-slack:before {
    content: "\e9c9"
}

.pi-sun:before {
    content: "\e9c8"
}

.pi-moon:before {
    content: "\e9c7"
}

.pi-vimeo:before {
    content: "\e9c6"
}

.pi-youtube:before {
    content: "\e9c5"
}

.pi-flag:before {
    content: "\e9c4"
}

.pi-wallet:before {
    content: "\e9c3"
}

.pi-map:before {
    content: "\e9c2"
}

.pi-link:before {
    content: "\e9c1"
}

.pi-credit-card:before {
    content: "\e9bf"
}

.pi-discord:before {
    content: "\e9c0"
}

.pi-percentage:before {
    content: "\e9be"
}

.pi-euro:before {
    content: "\e9bd"
}

.pi-book:before {
    content: "\e9ba"
}

.pi-shield:before {
    content: "\e9b9"
}

.pi-paypal:before {
    content: "\e9bb"
}

.pi-amazon:before {
    content: "\e9bc"
}

.pi-phone:before {
    content: "\e9b8"
}

.pi-filter-slash:before {
    content: "\e9b7"
}

.pi-facebook:before {
    content: "\e9b4"
}

.pi-github:before {
    content: "\e9b5"
}

.pi-twitter:before {
    content: "\e9b6"
}

.pi-step-backward-alt:before {
    content: "\e9ac"
}

.pi-step-forward-alt:before {
    content: "\e9ad"
}

.pi-forward:before {
    content: "\e9ae"
}

.pi-backward:before {
    content: "\e9af"
}

.pi-fast-backward:before {
    content: "\e9b0"
}

.pi-fast-forward:before {
    content: "\e9b1"
}

.pi-pause:before {
    content: "\e9b2"
}

.pi-play:before {
    content: "\e9b3"
}

.pi-compass:before {
    content: "\e9ab"
}

.pi-id-card:before {
    content: "\e9aa"
}

.pi-ticket:before {
    content: "\e9a9"
}

.pi-file-o:before {
    content: "\e9a8"
}

.pi-reply:before {
    content: "\e9a7"
}

.pi-directions-alt:before {
    content: "\e9a5"
}

.pi-directions:before {
    content: "\e9a6"
}

.pi-thumbs-up:before {
    content: "\e9a3"
}

.pi-thumbs-down:before {
    content: "\e9a4"
}

.pi-sort-numeric-down-alt:before {
    content: "\e996"
}

.pi-sort-numeric-up-alt:before {
    content: "\e997"
}

.pi-sort-alpha-down-alt:before {
    content: "\e998"
}

.pi-sort-alpha-up-alt:before {
    content: "\e999"
}

.pi-sort-numeric-down:before {
    content: "\e99a"
}

.pi-sort-numeric-up:before {
    content: "\e99b"
}

.pi-sort-alpha-down:before {
    content: "\e99c"
}

.pi-sort-alpha-up:before {
    content: "\e99d"
}

.pi-sort-alt:before {
    content: "\e99e"
}

.pi-sort-amount-up:before {
    content: "\e99f"
}

.pi-sort-amount-down:before {
    content: "\e9a0"
}

.pi-sort-amount-down-alt:before {
    content: "\e9a1"
}

.pi-sort-amount-up-alt:before {
    content: "\e9a2"
}

.pi-palette:before {
    content: "\e995"
}

.pi-undo:before {
    content: "\e994"
}

.pi-desktop:before {
    content: "\e993"
}

.pi-sliders-v:before {
    content: "\e991"
}

.pi-sliders-h:before {
    content: "\e992"
}

.pi-search-plus:before {
    content: "\e98f"
}

.pi-search-minus:before {
    content: "\e990"
}

.pi-file-excel:before {
    content: "\e98e"
}

.pi-file-pdf:before {
    content: "\e98d"
}

.pi-check-square:before {
    content: "\e98c"
}

.pi-chart-line:before {
    content: "\e98b"
}

.pi-user-edit:before {
    content: "\e98a"
}

.pi-exclamation-circle:before {
    content: "\e989"
}

.pi-android:before {
    content: "\e985"
}

.pi-google:before {
    content: "\e986"
}

.pi-apple:before {
    content: "\e987"
}

.pi-microsoft:before {
    content: "\e988"
}

.pi-heart:before {
    content: "\e984"
}

.pi-mobile:before {
    content: "\e982"
}

.pi-tablet:before {
    content: "\e983"
}

.pi-key:before {
    content: "\e981"
}

.pi-shopping-cart:before {
    content: "\e980"
}

.pi-comments:before {
    content: "\e97e"
}

.pi-comment:before {
    content: "\e97f"
}

.pi-briefcase:before {
    content: "\e97d"
}

.pi-bell:before {
    content: "\e97c"
}

.pi-paperclip:before {
    content: "\e97b"
}

.pi-share-alt:before {
    content: "\e97a"
}

.pi-envelope:before {
    content: "\e979"
}

.pi-volume-down:before {
    content: "\e976"
}

.pi-volume-up:before {
    content: "\e977"
}

.pi-volume-off:before {
    content: "\e978"
}

.pi-eject:before {
    content: "\e975"
}

.pi-money-bill:before {
    content: "\e974"
}

.pi-images:before {
    content: "\e973"
}

.pi-image:before {
    content: "\e972"
}

.pi-sign-in:before {
    content: "\e970"
}

.pi-sign-out:before {
    content: "\e971"
}

.pi-wifi:before {
    content: "\e96f"
}

.pi-sitemap:before {
    content: "\e96e"
}

.pi-chart-bar:before {
    content: "\e96d"
}

.pi-camera:before {
    content: "\e96c"
}

.pi-dollar:before {
    content: "\e96b"
}

.pi-lock-open:before {
    content: "\e96a"
}

.pi-table:before {
    content: "\e969"
}

.pi-map-marker:before {
    content: "\e968"
}

.pi-list:before {
    content: "\e967"
}

.pi-eye-slash:before {
    content: "\e965"
}

.pi-eye:before {
    content: "\e966"
}

.pi-folder-open:before {
    content: "\e964"
}

.pi-folder:before {
    content: "\e963"
}

.pi-video:before {
    content: "\e962"
}

.pi-inbox:before {
    content: "\e961"
}

.pi-lock:before {
    content: "\e95f"
}

.pi-unlock:before {
    content: "\e960"
}

.pi-tags:before {
    content: "\e95d"
}

.pi-tag:before {
    content: "\e95e"
}

.pi-power-off:before {
    content: "\e95c"
}

.pi-save:before {
    content: "\e95b"
}

.pi-question-circle:before {
    content: "\e959"
}

.pi-question:before {
    content: "\e95a"
}

.pi-copy:before {
    content: "\e957"
}

.pi-file:before {
    content: "\e958"
}

.pi-clone:before {
    content: "\e955"
}

.pi-calendar-times:before {
    content: "\e952"
}

.pi-calendar-minus:before {
    content: "\e953"
}

.pi-calendar-plus:before {
    content: "\e954"
}

.pi-ellipsis-v:before {
    content: "\e950"
}

.pi-ellipsis-h:before {
    content: "\e951"
}

.pi-bookmark:before {
    content: "\e94e"
}

.pi-globe:before {
    content: "\e94f"
}

.pi-replay:before {
    content: "\e94d"
}

.pi-filter:before {
    content: "\e94c"
}

.pi-print:before {
    content: "\e94b"
}

.pi-align-right:before {
    content: "\e946"
}

.pi-align-left:before {
    content: "\e947"
}

.pi-align-center:before {
    content: "\e948"
}

.pi-align-justify:before {
    content: "\e949"
}

.pi-cog:before {
    content: "\e94a"
}

.pi-cloud-download:before {
    content: "\e943"
}

.pi-cloud-upload:before {
    content: "\e944"
}

.pi-cloud:before {
    content: "\e945"
}

.pi-pencil:before {
    content: "\e942"
}

.pi-users:before {
    content: "\e941"
}

.pi-clock:before {
    content: "\e940"
}

.pi-user-minus:before {
    content: "\e93e"
}

.pi-user-plus:before {
    content: "\e93f"
}

.pi-trash:before {
    content: "\e93d"
}

.pi-external-link:before {
    content: "\e93c"
}

.pi-window-maximize:before {
    content: "\e93b"
}

.pi-window-minimize:before {
    content: "\e93a"
}

.pi-refresh:before {
    content: "\e938"
}

.pi-user:before {
    content: "\e939"
}

.pi-exclamation-triangle:before {
    content: "\e922"
}

.pi-calendar:before {
    content: "\e927"
}

.pi-chevron-circle-left:before {
    content: "\e928"
}

.pi-chevron-circle-down:before {
    content: "\e929"
}

.pi-chevron-circle-right:before {
    content: "\e92a"
}

.pi-chevron-circle-up:before {
    content: "\e92b"
}

.pi-angle-double-down:before {
    content: "\e92c"
}

.pi-angle-double-left:before {
    content: "\e92d"
}

.pi-angle-double-right:before {
    content: "\e92e"
}

.pi-angle-double-up:before {
    content: "\e92f"
}

.pi-angle-down:before {
    content: "\e930"
}

.pi-angle-left:before {
    content: "\e931"
}

.pi-angle-right:before {
    content: "\e932"
}

.pi-angle-up:before {
    content: "\e933"
}

.pi-upload:before {
    content: "\e934"
}

.pi-download:before {
    content: "\e956"
}

.pi-ban:before {
    content: "\e935"
}

.pi-star-fill:before {
    content: "\e936"
}

.pi-star:before {
    content: "\e937"
}

.pi-chevron-left:before {
    content: "\e900"
}

.pi-chevron-right:before {
    content: "\e901"
}

.pi-chevron-down:before {
    content: "\e902"
}

.pi-chevron-up:before {
    content: "\e903"
}

.pi-caret-left:before {
    content: "\e904"
}

.pi-caret-right:before {
    content: "\e905"
}

.pi-caret-down:before {
    content: "\e906"
}

.pi-caret-up:before {
    content: "\e907"
}

.pi-search:before {
    content: "\e908"
}

.pi-check:before {
    content: "\e909"
}

.pi-check-circle:before {
    content: "\e90a"
}

.pi-times:before {
    content: "\e90b"
}

.pi-times-circle:before {
    content: "\e90c"
}

.pi-plus:before {
    content: "\e90d"
}

.pi-plus-circle:before {
    content: "\e90e"
}

.pi-minus:before {
    content: "\e90f"
}

.pi-minus-circle:before {
    content: "\e910"
}

.pi-circle-on:before {
    content: "\e911"
}

.pi-circle-off:before {
    content: "\e912"
}

.pi-sort-down:before {
    content: "\e913"
}

.pi-sort-up:before {
    content: "\e914"
}

.pi-sort:before {
    content: "\e915"
}

.pi-step-backward:before {
    content: "\e916"
}

.pi-step-forward:before {
    content: "\e917"
}

.pi-th-large:before {
    content: "\e918"
}

.pi-arrow-down:before {
    content: "\e919"
}

.pi-arrow-left:before {
    content: "\e91a"
}

.pi-arrow-right:before {
    content: "\e91b"
}

.pi-arrow-up:before {
    content: "\e91c"
}

.pi-bars:before {
    content: "\e91d"
}

.pi-arrow-circle-down:before {
    content: "\e91e"
}

.pi-arrow-circle-left:before {
    content: "\e91f"
}

.pi-arrow-circle-right:before {
    content: "\e920"
}

.pi-arrow-circle-up:before {
    content: "\e921"
}

.pi-info:before {
    content: "\e923"
}

.pi-info-circle:before {
    content: "\e924"
}

.pi-home:before {
    content: "\e925"
}

.pi-spinner:before {
    content: "\e926"
}

pre.app-code {
    background-color: var(--code-background);
    margin: 0 0 1rem;
    padding: 0;
    border-radius: var(--content-border-radius);
    overflow: auto
}

pre.app-code code {
    color: var(--code-color);
    padding: 1rem;
    margin: 0;
    line-height: 1.5;
    display: block;
    font-weight: semibold;
    font-family: monaco,Consolas,monospace
}

span.flag {
    width: 44px;
    height: 30px;
    display: inline-block
}

img.flag {
    width: 30px
}

.flag {
    background: url("") no-repeat;
    background-size: 100%;
    vertical-align: middle
}

.flag-ad {
    background-position: 0 .413223%
}

.flag-ae {
    background-position: 0 .826446%
}

.flag-af {
    background-position: 0 1.239669%
}

.flag-ag {
    background-position: 0 1.652893%
}

.flag-ai {
    background-position: 0 2.066116%
}

.flag-al {
    background-position: 0 2.479339%
}

.flag-am {
    background-position: 0 2.892562%
}

.flag-an {
    background-position: 0 3.305785%
}

.flag-ao {
    background-position: 0 3.719008%
}

.flag-aq {
    background-position: 0 4.132231%
}

.flag-ar {
    background-position: 0 4.545455%
}

.flag-as {
    background-position: 0 4.958678%
}

.flag-at {
    background-position: 0 5.371901%
}

.flag-au {
    background-position: 0 5.785124%
}

.flag-aw {
    background-position: 0 6.198347%
}

.flag-az {
    background-position: 0 6.61157%
}

.flag-ba {
    background-position: 0 7.024793%
}

.flag-bb {
    background-position: 0 7.438017%
}

.flag-bd {
    background-position: 0 7.85124%
}

.flag-be {
    background-position: 0 8.264463%
}

.flag-bf {
    background-position: 0 8.677686%
}

.flag-bg {
    background-position: 0 9.090909%
}

.flag-bh {
    background-position: 0 9.504132%
}

.flag-bi {
    background-position: 0 9.917355%
}

.flag-bj {
    background-position: 0 10.330579%
}

.flag-bm {
    background-position: 0 10.743802%
}

.flag-bn {
    background-position: 0 11.157025%
}

.flag-bo {
    background-position: 0 11.570248%
}

.flag-br {
    background-position: 0 11.983471%
}

.flag-bs {
    background-position: 0 12.396694%
}

.flag-bt {
    background-position: 0 12.809917%
}

.flag-bv {
    background-position: 0 13.22314%
}

.flag-bw {
    background-position: 0 13.636364%
}

.flag-by {
    background-position: 0 14.049587%
}

.flag-bz {
    background-position: 0 14.46281%
}

.flag-ca {
    background-position: 0 14.876033%
}

.flag-cc {
    background-position: 0 15.289256%
}

.flag-cd {
    background-position: 0 15.702479%
}

.flag-cf {
    background-position: 0 16.115702%
}

.flag-cg {
    background-position: 0 16.528926%
}

.flag-ch {
    background-position: 0 16.942149%
}

.flag-ci {
    background-position: 0 17.355372%
}

.flag-ck {
    background-position: 0 17.768595%
}

.flag-cl {
    background-position: 0 18.181818%
}

.flag-cm {
    background-position: 0 18.595041%
}

.flag-cn {
    background-position: 0 19.008264%
}

.flag-co {
    background-position: 0 19.421488%
}

.flag-cr {
    background-position: 0 19.834711%
}

.flag-cu {
    background-position: 0 20.247934%
}

.flag-cv {
    background-position: 0 20.661157%
}

.flag-cx {
    background-position: 0 21.07438%
}

.flag-cy {
    background-position: 0 21.487603%
}

.flag-cz {
    background-position: 0 21.900826%
}

.flag-de {
    background-position: 0 22.31405%
}

.flag-dj {
    background-position: 0 22.727273%
}

.flag-dk {
    background-position: 0 23.140496%
}

.flag-dm {
    background-position: 0 23.553719%
}

.flag-do {
    background-position: 0 23.966942%
}

.flag-dz {
    background-position: 0 24.380165%
}

.flag-ec {
    background-position: 0 24.793388%
}

.flag-ee {
    background-position: 0 25.206612%
}

.flag-eg {
    background-position: 0 25.619835%
}

.flag-eh {
    background-position: 0 26.033058%
}

.flag-er {
    background-position: 0 26.446281%
}

.flag-es {
    background-position: 0 26.859504%
}

.flag-et {
    background-position: 0 27.272727%
}

.flag-fi {
    background-position: 0 27.68595%
}

.flag-fj {
    background-position: 0 28.099174%
}

.flag-fk {
    background-position: 0 28.512397%
}

.flag-fm {
    background-position: 0 28.92562%
}

.flag-fo {
    background-position: 0 29.338843%
}

.flag-fr {
    background-position: 0 29.752066%
}

.flag-ga {
    background-position: 0 30.165289%
}

.flag-gd {
    background-position: 0 30.578512%
}

.flag-ge {
    background-position: 0 30.991736%
}

.flag-gf {
    background-position: 0 31.404959%
}

.flag-gh {
    background-position: 0 31.818182%
}

.flag-gi {
    background-position: 0 32.231405%
}

.flag-gl {
    background-position: 0 32.644628%
}

.flag-gm {
    background-position: 0 33.057851%
}

.flag-gn {
    background-position: 0 33.471074%
}

.flag-gp {
    background-position: 0 33.884298%
}

.flag-gq {
    background-position: 0 34.297521%
}

.flag-gr {
    background-position: 0 34.710744%
}

.flag-gs {
    background-position: 0 35.123967%
}

.flag-gt {
    background-position: 0 35.53719%
}

.flag-gu {
    background-position: 0 35.950413%
}

.flag-gw {
    background-position: 0 36.363636%
}

.flag-gy {
    background-position: 0 36.77686%
}

.flag-hk {
    background-position: 0 37.190083%
}

.flag-hm {
    background-position: 0 37.603306%
}

.flag-hn {
    background-position: 0 38.016529%
}

.flag-hr {
    background-position: 0 38.429752%
}

.flag-ht {
    background-position: 0 38.842975%
}

.flag-hu {
    background-position: 0 39.256198%
}

.flag-id {
    background-position: 0 39.669421%
}

.flag-ie {
    background-position: 0 40.082645%
}

.flag-il {
    background-position: 0 40.495868%
}

.flag-in {
    background-position: 0 40.909091%
}

.flag-io {
    background-position: 0 41.322314%
}

.flag-iq {
    background-position: 0 41.735537%
}

.flag-ir {
    background-position: 0 42.14876%
}

.flag-is {
    background-position: 0 42.561983%
}

.flag-it {
    background-position: 0 42.975207%
}

.flag-jm {
    background-position: 0 43.38843%
}

.flag-jo {
    background-position: 0 43.801653%
}

.flag-jp {
    background-position: 0 44.214876%
}

.flag-ke {
    background-position: 0 44.628099%
}

.flag-kg {
    background-position: 0 45.041322%
}

.flag-kh {
    background-position: 0 45.454545%
}

.flag-ki {
    background-position: 0 45.867769%
}

.flag-km {
    background-position: 0 46.280992%
}

.flag-kn {
    background-position: 0 46.694215%
}

.flag-kp {
    background-position: 0 47.107438%
}

.flag-kr {
    background-position: 0 47.520661%
}

.flag-kw {
    background-position: 0 47.933884%
}

.flag-ky {
    background-position: 0 48.347107%
}

.flag-kz {
    background-position: 0 48.760331%
}

.flag-la {
    background-position: 0 49.173554%
}

.flag-lb {
    background-position: 0 49.586777%
}

.flag-lc {
    background-position: 0 50%
}

.flag-li {
    background-position: 0 50.413223%
}

.flag-lk {
    background-position: 0 50.826446%
}

.flag-lr {
    background-position: 0 51.239669%
}

.flag-ls {
    background-position: 0 51.652893%
}

.flag-lt {
    background-position: 0 52.066116%
}

.flag-lu {
    background-position: 0 52.479339%
}

.flag-lv {
    background-position: 0 52.892562%
}

.flag-ly {
    background-position: 0 53.305785%
}

.flag-ma {
    background-position: 0 53.719008%
}

.flag-mc {
    background-position: 0 54.132231%
}

.flag-md {
    background-position: 0 54.545455%
}

.flag-me {
    background-position: 0 54.958678%
}

.flag-mg {
    background-position: 0 55.371901%
}

.flag-mh {
    background-position: 0 55.785124%
}

.flag-mk {
    background-position: 0 56.198347%
}

.flag-ml {
    background-position: 0 56.61157%
}

.flag-mm {
    background-position: 0 57.024793%
}

.flag-mn {
    background-position: 0 57.438017%
}

.flag-mo {
    background-position: 0 57.85124%
}

.flag-mp {
    background-position: 0 58.264463%
}

.flag-mq {
    background-position: 0 58.677686%
}

.flag-mr {
    background-position: 0 59.090909%
}

.flag-ms {
    background-position: 0 59.504132%
}

.flag-mt {
    background-position: 0 59.917355%
}

.flag-mu {
    background-position: 0 60.330579%
}

.flag-mv {
    background-position: 0 60.743802%
}

.flag-mw {
    background-position: 0 61.157025%
}

.flag-mx {
    background-position: 0 61.570248%
}

.flag-my {
    background-position: 0 61.983471%
}

.flag-mz {
    background-position: 0 62.396694%
}

.flag-na {
    background-position: 0 62.809917%
}

.flag-nc {
    background-position: 0 63.22314%
}

.flag-ne {
    background-position: 0 63.636364%
}

.flag-nf {
    background-position: 0 64.049587%
}

.flag-ng {
    background-position: 0 64.46281%
}

.flag-ni {
    background-position: 0 64.876033%
}

.flag-nl {
    background-position: 0 65.289256%
}

.flag-no {
    background-position: 0 65.702479%
}

.flag-np {
    background-position: 0 66.115702%
}

.flag-nr {
    background-position: 0 66.528926%
}

.flag-nu {
    background-position: 0 66.942149%
}

.flag-nz {
    background-position: 0 67.355372%
}

.flag-om {
    background-position: 0 67.768595%
}

.flag-pa {
    background-position: 0 68.181818%
}

.flag-pe {
    background-position: 0 68.595041%
}

.flag-pf {
    background-position: 0 69.008264%
}

.flag-pg {
    background-position: 0 69.421488%
}

.flag-ph {
    background-position: 0 69.834711%
}

.flag-pk {
    background-position: 0 70.247934%
}

.flag-pl {
    background-position: 0 70.661157%
}

.flag-pm {
    background-position: 0 71.07438%
}

.flag-pn {
    background-position: 0 71.487603%
}

.flag-pr {
    background-position: 0 71.900826%
}

.flag-pt {
    background-position: 0 72.31405%
}

.flag-pw {
    background-position: 0 72.727273%
}

.flag-py {
    background-position: 0 73.140496%
}

.flag-qa {
    background-position: 0 73.553719%
}

.flag-re {
    background-position: 0 73.966942%
}

.flag-ro {
    background-position: 0 74.380165%
}

.flag-rs {
    background-position: 0 74.793388%
}

.flag-ru {
    background-position: 0 75.206612%
}

.flag-rw {
    background-position: 0 75.619835%
}

.flag-sa {
    background-position: 0 76.033058%
}

.flag-sb {
    background-position: 0 76.446281%
}

.flag-sc {
    background-position: 0 76.859504%
}

.flag-sd {
    background-position: 0 77.272727%
}

.flag-se {
    background-position: 0 77.68595%
}

.flag-sg {
    background-position: 0 78.099174%
}

.flag-sh {
    background-position: 0 78.512397%
}

.flag-si {
    background-position: 0 78.92562%
}

.flag-sj {
    background-position: 0 79.338843%
}

.flag-sk {
    background-position: 0 79.752066%
}

.flag-sl {
    background-position: 0 80.165289%
}

.flag-sm {
    background-position: 0 80.578512%
}

.flag-sn {
    background-position: 0 80.991736%
}

.flag-so {
    background-position: 0 81.404959%
}

.flag-sr {
    background-position: 0 81.818182%
}

.flag-ss {
    background-position: 0 82.231405%
}

.flag-st {
    background-position: 0 82.644628%
}

.flag-sv {
    background-position: 0 83.057851%
}

.flag-sy {
    background-position: 0 83.471074%
}

.flag-sz {
    background-position: 0 83.884298%
}

.flag-tc {
    background-position: 0 84.297521%
}

.flag-td {
    background-position: 0 84.710744%
}

.flag-tf {
    background-position: 0 85.123967%
}

.flag-tg {
    background-position: 0 85.53719%
}

.flag-th {
    background-position: 0 85.950413%
}

.flag-tj {
    background-position: 0 86.363636%
}

.flag-tk {
    background-position: 0 86.77686%
}

.flag-tl {
    background-position: 0 87.190083%
}

.flag-tm {
    background-position: 0 87.603306%
}

.flag-tn {
    background-position: 0 88.016529%
}

.flag-to {
    background-position: 0 88.429752%
}

.flag-tp {
    background-position: 0 88.842975%
}

.flag-tr {
    background-position: 0 89.256198%
}

.flag-tt {
    background-position: 0 89.669421%
}

.flag-tv {
    background-position: 0 90.082645%
}

.flag-tw {
    background-position: 0 90.495868%
}

.flag-ty {
    background-position: 0 90.909091%
}

.flag-tz {
    background-position: 0 91.322314%
}

.flag-ua {
    background-position: 0 91.735537%
}

.flag-ug {
    background-position: 0 92.14876%
}

.flag-gb,.flag-uk {
    background-position: 0 92.561983%
}

.flag-um {
    background-position: 0 92.975207%
}

.flag-us {
    background-position: 0 93.38843%
}

.flag-uy {
    background-position: 0 93.801653%
}

.flag-uz {
    background-position: 0 94.214876%
}

.flag-va {
    background-position: 0 94.628099%
}

.flag-vc {
    background-position: 0 95.041322%
}

.flag-ve {
    background-position: 0 95.454545%
}

.flag-vg {
    background-position: 0 95.867769%
}

.flag-vi {
    background-position: 0 96.280992%
}

.flag-vn {
    background-position: 0 96.694215%
}

.flag-vu {
    background-position: 0 97.107438%
}

.flag-wf {
    background-position: 0 97.520661%
}

.flag-ws {
    background-position: 0 97.933884%
}

.flag-ye {
    background-position: 0 98.347107%
}

.flag-za {
    background-position: 0 98.760331%
}

.flag-zm {
    background-position: 0 99.173554%
}

.flag-zr {
    background-position: 0 99.586777%
}

.flag-zw {
    background-position: 0 100%
}

.hover\:border-primary:hover {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb,var(--p-primary-color) calc(100% * var(--tw-border-opacity, 1)),transparent)
}

.hover\:underline:hover {
    text-decoration-line: underline
}

@media (min-width: 576px) {
    .sm\:order-2 {
        order:2
    }

    .sm\:col-span-6 {
        grid-column: span 6 / span 6
    }

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:items-center {
        align-items: center
    }

    .sm\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem
    }
}

@media (min-width: 768px) {
    .md\:col-span-10 {
        grid-column:span 10 / span 10
    }

    .md\:col-span-12 {
        grid-column: span 12 / span 12
    }

    .md\:col-span-2 {
        grid-column: span 2 / span 2
    }

    .md\:col-span-3 {
        grid-column: span 3 / span 3
    }

    .md\:mx-12 {
        margin-left: 3rem;
        margin-right: 3rem
    }

    .md\:mx-20 {
        margin-left: 5rem;
        margin-right: 5rem
    }

    .md\:my-6 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

    .md\:mb-0 {
        margin-bottom: 0
    }

    .md\:ml-2 {
        margin-left: .5rem
    }

    .md\:ml-20 {
        margin-left: 5rem
    }

    .md\:mr-2 {
        margin-right: .5rem
    }

    .md\:mt-0 {
        margin-top: 0
    }

    .md\:mt-4 {
        margin-top: 1rem
    }

    .md\:mt-6 {
        margin-top: 1.5rem
    }

    .md\:\!flex {
        display: flex!important
    }

    .md\:\!hidden {
        display: none!important
    }

    .md\:w-1\/2 {
        width: 50%
    }

    .md\:w-1\/3 {
        width: 33.333333%
    }

    .md\:w-2\/12 {
        width: 16.666667%
    }

    .md\:w-40 {
        width: 10rem
    }

    .md\:w-5\/12 {
        width: 41.666667%
    }

    .md\:w-\[30rem\] {
        width: 30rem
    }

    .md\:w-auto {
        width: auto
    }

    .md\:flex-initial {
        flex: 0 1 auto
    }

    .md\:flex-row {
        flex-direction: row
    }

    .md\:flex-col {
        flex-direction: column
    }

    .md\:items-end {
        align-items: flex-end
    }

    .md\:items-center {
        align-items: center
    }

    .md\:justify-start {
        justify-content: flex-start
    }

    .md\:justify-end {
        justify-content: flex-end
    }

    .md\:justify-between {
        justify-content: space-between
    }

    .md\:p-20 {
        padding: 5rem
    }

    .md\:p-4 {
        padding: 1rem
    }

    .md\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .md\:pb-20 {
        padding-bottom: 5rem
    }

    .md\:pt-20 {
        padding-top: 5rem
    }

    .md\:text-left {
        text-align: left
    }
}

@media (min-width: 992px) {
    .lg\:static {
        position:static
    }

    .lg\:order-none {
        order: 0
    }

    .lg\:col-span-4 {
        grid-column: span 4 / span 4
    }

    .lg\:col-span-6 {
        grid-column: span 6 / span 6
    }

    .lg\:mx-20 {
        margin-left: 5rem;
        margin-right: 5rem
    }

    .lg\:mt-0 {
        margin-top: 0
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:\!hidden {
        display: none!important
    }

    .lg\:w-1\/3 {
        width: 33.333333%
    }

    .lg\:w-2\/3 {
        width: 66.666667%
    }

    .lg\:w-24 {
        width: 6rem
    }

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:items-start {
        align-items: flex-start
    }

    .lg\:items-end {
        align-items: flex-end
    }

    .lg\:items-center {
        align-items: center
    }

    .lg\:self-start {
        align-self: flex-start
    }

    .lg\:self-end {
        align-self: flex-end
    }

    .lg\:border-t-0 {
        border-top-width: 0px
    }

    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .lg\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .lg\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .lg\:pb-8 {
        padding-bottom: 2rem
    }

    .lg\:pr-8 {
        padding-right: 2rem
    }

    .lg\:text-left {
        text-align: left
    }

    .lg\:text-right {
        text-align: right
    }

    .lg\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }

    .lg\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

@media (min-width: 1200px) {
    .xl\:col-span-3 {
        grid-column:span 3 / span 3
    }

    .xl\:col-span-6 {
        grid-column: span 6 / span 6
    }

    .xl\:block {
        display: block
    }
}

.dark\:border-surface-500:where([class=app-dark],[class=app-dark] *) {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb,var(--p-surface-500) calc(100% * var(--tw-border-opacity, 1)),transparent)
}

.dark\:border-surface-600:where([class=app-dark],[class=app-dark] *) {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb,var(--p-surface-600) calc(100% * var(--tw-border-opacity, 1)),transparent)
}

.dark\:border-surface-700:where([class=app-dark],[class=app-dark] *) {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb,var(--p-surface-700) calc(100% * var(--tw-border-opacity, 1)),transparent)
}

.dark\:\!bg-surface-900:where([class=app-dark],[class=app-dark] *) {
    --tw-bg-opacity: 1 !important;
    background-color: color-mix(in srgb,var(--p-surface-900) calc(100% * var(--tw-bg-opacity, 1)),transparent)!important
}

.dark\:bg-blue-400\/10:where([class=app-dark],[class=app-dark] *) {
    background-color: #60a5fa1a
}

.dark\:bg-cyan-400\/10:where([class=app-dark],[class=app-dark] *) {
    background-color: #22d3ee1a
}

.dark\:bg-green-400\/10:where([class=app-dark],[class=app-dark] *) {
    background-color: #4ade801a
}

.dark\:bg-orange-400\/10:where([class=app-dark],[class=app-dark] *) {
    background-color: #fb923c1a
}

.dark\:bg-pink-400\/10:where([class=app-dark],[class=app-dark] *) {
    background-color: #f472b61a
}

.dark\:bg-purple-400\/10:where([class=app-dark],[class=app-dark] *) {
    background-color: #c084fc1a
}

.dark\:bg-surface-500:where([class=app-dark],[class=app-dark] *) {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb,var(--p-surface-500) calc(100% * var(--tw-bg-opacity, 1)),transparent)
}

.dark\:bg-surface-900:where([class=app-dark],[class=app-dark] *) {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb,var(--p-surface-900) calc(100% * var(--tw-bg-opacity, 1)),transparent)
}

.dark\:bg-surface-950:where([class=app-dark],[class=app-dark] *) {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb,var(--p-surface-950) calc(100% * var(--tw-bg-opacity, 1)),transparent)
}

.dark\:text-surface-0:where([class=app-dark],[class=app-dark] *) {
    --tw-text-opacity: 1;
    color: color-mix(in srgb,var(--p-surface-0) calc(100% * var(--tw-text-opacity, 1)),transparent)
}

.dark\:text-surface-100:where([class=app-dark],[class=app-dark] *) {
    --tw-text-opacity: 1;
    color: color-mix(in srgb,var(--p-surface-100) calc(100% * var(--tw-text-opacity, 1)),transparent)
}

.dark\:text-surface-200:where([class=app-dark],[class=app-dark] *) {
    --tw-text-opacity: 1;
    color: color-mix(in srgb,var(--p-surface-200) calc(100% * var(--tw-text-opacity, 1)),transparent)
}

.dark\:text-surface-400:where([class=app-dark],[class=app-dark] *) {
    --tw-text-opacity: 1;
    color: color-mix(in srgb,var(--p-surface-400) calc(100% * var(--tw-text-opacity, 1)),transparent)
}