*,
: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: rgba(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;
    --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: rgba(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;
    --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:
}

/*
! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com
*/

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

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

:host,
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: 'Vazir-Light-FD';
    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,
pre,
samp {
    font-family: 'Vazir-Light-FD';
    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,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

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

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

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

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

:disabled {
    cursor: default
}

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

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

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



.ant-picker-cell:not(.ant-picker-cell-in-view) {
    opacity: .5
}

.mobile-date-picker .ant-picker {
    visibility: hidden;
    opacity: 0
}

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

.\ !pointer-events-none {
    pointer-events: none !important
}

.pointer-events-none {
    pointer-events: none
}

.pointer-events-auto {
    pointer-events: auto
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.\ !absolute {
    position: absolute !important
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.\ !sticky {
    position: sticky !important
}

.sticky {
    position: sticky
}

.\ !inset-0 {
    inset: 0 !important
}

.inset-0,
.inset-\[0px\] {
    inset: 0
}

.inset-auto {
    inset: auto
}

.inset-x-0,
.inset-x-\[0\] {
    left: 0;
    right: 0
}

.inset-y-0,
.inset-y-\[0\] {
    top: 0;
    bottom: 0
}

.\ !top-0 {
    top: 0 !important
}

.-left-\[16px\] {
    left: -16px
}

.-left-sm {
    left: calc(var(--spacing-sm) * -1)
}

.-top-\[3px\] {
    top: -3px
}

.-top-lg {
    top: calc(var(--spacing-lg) * -1)
}

.bottom-0 {
    bottom: 0
}

.bottom-\[-1px\] {
    bottom: -1px
}

.bottom-\[0\],
.bottom-\[0px\] {
    bottom: 0
}

.bottom-\[16px\] {
    bottom: 16px
}

.bottom-\[4px\] {
    bottom: 4px
}

.bottom-\[5px\] {
    bottom: 5px
}

.bottom-md {
    bottom: var(--spacing-md)
}

.end-0 {
    inset-inline-end: 0
}

.left-0 {
    left: 0
}

.left-1\/2 {
    left: 50%
}

.left-\[-10px\] {
    left: -10px
}

.left-\[-25px\] {
    left: -25px
}

.left-\[-68px\] {
    left: -68px
}

.left-\[-80px\] {
    left: -80px
}

.left-\[0px\] {
    left: 0
}

.left-\[10px\] {
    left: 10px
}

.left-\[20px\] {
    left: 20px
}

.left-\[3px\] {
    left: 3px
}

.left-\[50\%\] {
    left: 50%
}

.left-\[70px\] {
    left: 70px
}

.left-\[8px\] {
    left: 8px
}

.left-md {
    left: var(--spacing-md)
}

.right-0 {
    right: 0
}

.right-\[-10px\] {
    right: -10px
}

.right-\[0\],
.right-\[0px\] {
    right: 0
}

.right-\[15px\] {
    right: 15px
}

.right-\[50\%\] {
    right: 50%
}

.start-0 {
    inset-inline-start: 0
}

.top-0 {
    top: 0
}

.top-1\/2 {
    top: 50%
}

.top-3xl {
    top: var(--spacing-3xl)
}

.top-\[-50px\] {
    top: -50px
}

.top-\[0\],
.top-\[0px\] {
    top: 0
}

.top-\[150px\] {
    top: 150px
}

.top-\[16px\] {
    top: 16px
}

.top-\[184px\] {
    top: 184px
}

.top-\[190px\] {
    top: 190px
}

.top-\[200px\] {
    top: 200px
}

.top-\[204px\] {
    top: 204px
}

.top-\[220px\] {
    top: 220px
}

.top-\[228px\] {
    top: 228px
}

.top-\[27px\] {
    top: 27px
}

.top-\[294px\] {
    top: 294px
}

.top-\[316px\] {
    top: 316px
}

.top-\[320px\] {
    top: 320px
}

.top-\[350px\] {
    top: 350px
}

.top-\[3px\] {
    top: 3px
}

.top-\[400px\] {
    top: 400px
}

.top-\[430px\] {
    top: 430px
}

.top-\[50\%\] {
    top: 50%
}

.top-\[8px\] {
    top: 8px
}

.top-\[90px\] {
    top: 90px
}

.top-\[calc\(100\%\+4px\)\] {
    top: calc(100% + 4px)
}

.\ !z-\[99999\] {
    z-index: 99999 !important
}

.-z-10 {
    z-index: -10
}

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

.z-\[-1\] {
    z-index: -1
}

.z-\[-2\] {
    z-index: -2
}

.z-\[1\] {
    z-index: 1
}

.z-\[60\] {
    z-index: 60
}

.z-\[70\] {
    z-index: 70
}

.z-\[9999\] {
    z-index: 9999
}

.z-\[99\] {
    z-index: 99
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-\[0\] {
    order: 0
}

.order-\[1\] {
    order: 1
}

.order-\[3\] {
    order: 3
}

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

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

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

.m-auto {
    margin: auto
}

.m-sm {
    margin: var(--spacing-sm)
}

.-mx-md {
    margin-left: calc(var(--spacing-md) * -1);
    margin-right: calc(var(--spacing-md) * -1)
}

.mx-\[5px\] {
    margin-left: 5px;
    margin-right: 5px
}

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

.mx-sm {
    margin-left: var(--spacing-sm);
    margin-right: var(--spacing-sm)
}

.my-\[4px\] {
    margin-top: 4px;
    margin-bottom: 4px
}

.my-md {
    margin-top: var(--spacing-md);
    margin-bottom: var(--spacing-md)
}

.my-sm {
    margin-top: var(--spacing-sm);
    margin-bottom: var(--spacing-sm)
}

.\ !mb-sm {
    margin-bottom: var(--spacing-sm) !important
}

.\ !mt-\[-200px\] {
    margin-top: -200px !important
}

.-mb-sm {
    margin-bottom: calc(var(--spacing-sm) * -1)
}

.-ml-\[100\%\] {
    margin-left: -100%
}

.-mt-\[1px\] {
    margin-top: -1px
}

.-mt-md {
    margin-top: calc(var(--spacing-md) * -1)
}

.mb-0 {
    margin-bottom: 0
}

.mb-\[16px\] {
    margin-bottom: 16px
}

.mb-\[3px\] {
    margin-bottom: 3px
}

.mb-\[4px\] {
    margin-bottom: 4px
}

.mb-\[50px\] {
    margin-bottom: 50px
}

.mb-\[6px\] {
    margin-bottom: 6px
}

.mb-md {
    margin-bottom: var(--spacing-md)
}

.mb-sm {
    margin-bottom: var(--spacing-sm)
}

.mb-xl {
    margin-bottom: var(--spacing-xl)
}

.ml-\[10px\] {
    margin-left: 10px
}

.ml-\[4px\] {
    margin-left: 4px
}

.ml-auto {
    margin-left: auto
}

.ml-sm {
    margin-left: var(--spacing-sm)
}

.mr-\[10px\] {
    margin-right: 10px
}

.mr-\[11px\] {
    margin-right: 11px
}

.mr-\[3px\] {
    margin-right: 3px
}

.mr-auto {
    margin-right: auto
}

.mr-sm {
    margin-right: var(--spacing-sm)
}

.mt-2xl {
    margin-top: var(--spacing-2xl)
}

.mt-4xl {
    margin-top: var(--spacing-4xl)
}

.mt-\[0px\] {
    margin-top: 0
}

.mt-\[15px\] {
    margin-top: 15px
}

.mt-\[16px\] {
    margin-top: 16px
}

.mt-\[20px\] {
    margin-top: 20px
}

.mt-\[24px\] {
    margin-top: 24px
}

.mt-\[2px\] {
    margin-top: 2px
}

.mt-\[350px\] {
    margin-top: 350px
}

.mt-\[3px\] {
    margin-top: 3px
}

.mt-\[4px\] {
    margin-top: 4px
}

.mt-\[5\.5px\] {
    margin-top: 5.5px
}

.mt-\[5px\] {
    margin-top: 5px
}

.mt-\[80px\] {
    margin-top: 80px
}

.mt-auto {
    margin-top: auto
}

.mt-lg {
    margin-top: var(--spacing-lg)
}

.mt-md {
    margin-top: var(--spacing-md)
}

.mt-sm {
    margin-top: var(--spacing-sm)
}

.mt-xl {
    margin-top: var(--spacing-xl)
}

.box-border {
    box-sizing: border-box
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.\ !flex {
    display: flex !important
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.\ !table {
    display: table !important
}

.table {
    display: table
}

.grid {
    display: grid
}

.\ !hidden {
    display: none !important
}

.hidden {
    display: none
}

.size-3xl {
    width: var(--spacing-3xl);
    height: var(--spacing-3xl)
}

.size-4xl {
    width: var(--spacing-4xl);
    height: var(--spacing-4xl)
}

.size-\[10px\] {
    width: 10px;
    height: 10px
}

.size-\[114px\] {
    width: 114px;
    height: 114px
}

.size-\[12px\] {
    width: 12px;
    height: 12px
}

.size-\[16px\] {
    width: 16px;
    height: 16px
}

.size-\[20px\] {
    width: 20px;
    height: 20px
}

.size-\[216px\] {
    width: 216px;
    height: 216px
}

.size-\[23px\] {
    width: 23px;
    height: 23px
}

.size-\[24px\] {
    width: 24px;
    height: 24px
}

.size-\[275px\] {
    width: 275px;
    height: 275px
}

.size-\[28px\] {
    width: 28px;
    height: 28px
}

.size-\[32px\] {
    width: 32px;
    height: 32px
}

.size-\[365px\] {
    width: 365px;
    height: 365px
}

.size-\[40px\] {
    width: 40px;
    height: 40px
}

.size-\[48px\] {
    width: 48px;
    height: 48px
}

.size-\[4px\] {
    width: 4px;
    height: 4px
}

.size-\[56px\] {
    width: 56px;
    height: 56px
}

.size-\[8px\] {
    width: 8px;
    height: 8px
}

.size-full {
    width: 100%;
    height: 100%
}

.size-sm {
    width: var(--spacing-sm);
    height: var(--spacing-sm)
}

.\ !h-\[16px\] {
    height: 16px !important
}

.\ !h-\[18px\] {
    height: 18px !important
}

.\ !h-\[20px\] {
    height: 20px !important
}

.\ !h-\[24px\] {
    height: 24px !important
}

.\ !h-\[32px\] {
    height: 32px !important
}

.\ !h-\[40px\] {
    height: 40px !important
}

.\ !h-\[48px\] {
    height: 48px !important
}

.\ !h-\[76dvh\] {
    height: 76dvh !important
}

.\ !h-\[81dvh\] {
    height: 81dvh !important
}

.\ !h-lg {
    height: var(--spacing-lg) !important
}

.h-1\/2 {
    height: 50%
}

.h-3xl {
    height: var(--spacing-3xl)
}

.h-4xl {
    height: var(--spacing-4xl)
}

.h-\[1\.5px\] {
    height: 1.5px
}

.h-\[101px\] {
    height: 101px
}

.h-\[102px\] {
    height: 102px
}

.h-\[104px\] {
    height: 104px
}

.h-\[10px\] {
    height: 10px
}

.h-\[112px\] {
    height: 112px
}

.h-\[116px\] {
    height: 116px
}

.h-\[120px\] {
    height: 120px
}

.h-\[13\.5px\] {
    height: 13.5px
}

.h-\[14px\] {
    height: 14px
}

.h-\[15px\] {
    height: 15px
}

.h-\[16px\] {
    height: 16px
}

.h-\[180px\] {
    height: 180px
}

.h-\[1px\] {
    height: 1px
}

.h-\[200px\] {
    height: 200px
}

.h-\[202px\] {
    height: 202px
}

.h-\[20px\] {
    height: 20px
}

.h-\[216px\] {
    height: 216px
}

.h-\[22px\] {
    height: 22px
}

.h-\[24px\] {
    height: 24px
}

.h-\[250px\] {
    height: 250px
}

.h-\[286px\] {
    height: 286px
}

.h-\[28px\] {
    height: 28px
}

.h-\[2px\] {
    height: 2px
}

.h-\[30px\] {
    height: 30px
}

.h-\[324px\] {
    height: 324px
}

.h-\[32px\] {
    height: 32px
}

.h-\[36px\] {
    height: 36px
}

.h-\[39px\] {
    height: 39px
}

.h-\[400px\] {
    height: 400px
}

.h-\[40px\] {
    height: 40px
}

.h-\[42px\] {
    height: 42px
}

.h-\[44px\] {
    height: 44px
}

.h-\[45px\] {
    height: 45px
}

.h-\[46px\] {
    height: 46px
}

.h-\[48px\] {
    height: 48px
}

.h-\[49px\] {
    height: 49px
}

.h-\[4px\] {
    height: 4px
}

.h-\[50vh\] {
    height: 50vh
}

.h-\[55px\] {
    height: 55px
}

.h-\[56px\] {
    height: 56px
}

.h-\[5px\] {
    height: 5px
}

.h-\[60px\] {
    height: 60px
}

.h-\[64px\] {
    height: 64px
}

.h-\[70px\] {
    height: 70px
}

.h-\[713px\] {
    height: 713px
}

.h-\[72px\] {
    height: 72px
}

.h-\[76px\] {
    height: 76px
}

.h-\[80px\] {
    height: 80px
}

.h-\[80vh\] {
    height: 80vh
}

.h-\[88px\] {
    height: 88px
}

.h-\[8px\] {
    height: 8px
}

.h-\[96px\] {
    height: 96px
}

.h-\[calc\(100\%-40px\)\] {
    height: calc(100% - 40px)
}

.h-\[calc\(100vh-350px\)\] {
    height: calc(100vh - 350px)
}

.h-\[var\(--radix-select-trigger-height\)\] {
    height: var(--radix-select-trigger-height)
}

.h-auto {
    height: auto
}

.h-fit {
    height: fit-content
}

.h-full {
    height: 100%
}

.h-lg {
    height: var(--spacing-lg)
}

.h-md {
    height: var(--spacing-md)
}

.h-screen {
    height: 100vh
}

.h-sm {
    height: var(--spacing-sm)
}

.h-xl {
    height: var(--spacing-xl)
}

.max-h-\[100vh\] {
    max-height: 100vh
}

.max-h-\[190px\] {
    max-height: 190px
}

.max-h-\[250px\] {
    max-height: 250px
}

.max-h-\[300px\] {
    max-height: 300px
}

.max-h-\[400px\] {
    max-height: 400px
}

.max-h-\[414px\] {
    max-height: 414px
}

.max-h-\[460px\] {
    max-height: 460px
}

.max-h-\[500px\] {
    max-height: 500px
}

.max-h-\[calc\(50vh-100px\)\] {
    max-height: calc(50vh - 100px)
}

.max-h-\[calc\(50vh-48px\)\] {
    max-height: calc(50vh - 48px)
}

.\ !min-h-\[240px\] {
    min-height: 240px !important
}

.min-h-\[100px\] {
    min-height: 100px
}

.min-h-\[200px\] {
    min-height: 200px
}

.min-h-\[208px\] {
    min-height: 208px
}

.min-h-\[248px\] {
    min-height: 248px
}

.min-h-\[25px\] {
    min-height: 25px
}

.min-h-\[27vh\] {
    min-height: 27vh
}

.min-h-\[300px\] {
    min-height: 300px
}

.min-h-\[400px\] {
    min-height: 400px
}

.min-h-\[41px\] {
    min-height: 41px
}

.min-h-\[48px\] {
    min-height: 48px
}

.min-h-\[56px\] {
    min-height: 56px
}

.min-h-\[64px\] {
    min-height: 64px
}

.min-h-\[713px\] {
    min-height: 713px
}

.min-h-\[80px\] {
    min-height: 80px
}

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

.\ !w-\[150px\] {
    width: 150px !important
}

.\ !w-\[16px\] {
    width: 16px !important
}

.\ !w-\[20px\] {
    width: 20px !important
}

.\ !w-\[24px\] {
    width: 24px !important
}

.\ !w-\[40px\] {
    width: 40px !important
}

.\ !w-\[80px\] {
    width: 80px !important
}

.\ !w-full {
    width: 100% !important
}

.\ !w-lg {
    width: var(--spacing-lg) !important
}

.\ !w-screen {
    width: 100vw !important
}

.w-3\/4 {
    width: 75%
}

.w-3xl {
    width: var(--spacing-3xl)
}

.w-4xl {
    width: var(--spacing-4xl)
}

.w-\[--radix-popover-trigger-width\] {
    width: var(--radix-popover-trigger-width)
}

.w-\[100dvw\] {
    width: 100dvw
}

.w-\[100px\] {
    width: 100px
}

.w-\[102px\] {
    width: 102px
}

.w-\[10px\] {
    width: 10px
}

.w-\[11px\] {
    width: 11px
}

.w-\[130px\] {
    width: 130px
}

.w-\[14px\] {
    width: 14px
}

.w-\[150\%\] {
    width: 150%
}

.w-\[150px\] {
    width: 150px
}

.w-\[15px\] {
    width: 15px
}

.w-\[164px\] {
    width: 164px
}

.w-\[16px\] {
    width: 16px
}

.w-\[170px\] {
    width: 170px
}

.w-\[172px\] {
    width: 172px
}

.w-\[176px\] {
    width: 176px
}

.w-\[17px\] {
    width: 17px
}

.w-\[180px\] {
    width: 180px
}

.w-\[190px\] {
    width: 190px
}

.w-\[1px\] {
    width: 1px
}

.w-\[200px\] {
    width: 200px
}

.w-\[20px\] {
    width: 20px
}

.w-\[230px\] {
    width: 230px
}

.w-\[240px\] {
    width: 240px
}

.w-\[25px\] {
    width: 25px
}

.w-\[280px\] {
    width: 280px
}

.w-\[289px\] {
    width: 289px
}

.w-\[28px\] {
    width: 28px
}

.w-\[2px\] {
    width: 2px
}

.w-\[30px\] {
    width: 30px
}

.w-\[32px\] {
    width: 32px
}

.w-\[33px\] {
    width: 33px
}

.w-\[36px\] {
    width: 36px
}

.w-\[376px\] {
    width: 376px
}

.w-\[380px\] {
    width: 380px
}

.w-\[3px\] {
    width: 3px
}

.w-\[40px\] {
    width: 40px
}

.w-\[480px\] {
    width: 480px
}

.w-\[48px\] {
    width: 48px
}

.w-\[50px\] {
    width: 50px
}

.w-\[55px\] {
    width: 55px
}

.w-\[56px\] {
    width: 56px
}

.w-\[64px\] {
    width: 64px
}

.w-\[6px\] {
    width: 6px
}

.w-\[73px\] {
    width: 73px
}

.w-\[75px\] {
    width: 75px
}

.w-\[79px\] {
    width: 79px
}

.w-\[80\%\] {
    width: 80%
}

.w-\[800px\] {
    width: 800px
}

.w-\[85px\] {
    width: 85px
}

.w-\[90px\] {
    width: 90px
}

.w-\[95\%\] {
    width: 95%
}

.w-\[95vw\] {
    width: 95vw
}

.w-\[min\(calc\(100vw-20px\)\2c 439px\)\] {
    width: min(calc(100vw - 20px), 439px)
}

.w-auto {
    width: auto
}

.w-fit {
    width: fit-content
}

.w-full {
    width: 100%
}

.w-lg {
    width: var(--spacing-lg)
}

.w-max {
    width: max-content
}

.w-md {
    width: var(--spacing-md)
}

.w-screen {
    width: 100vw
}

.w-sm {
    width: var(--spacing-sm)
}

.\ !min-w-\[480px\] {
    min-width: 480px !important
}

.min-w-\[212px\] {
    min-width: 212px
}

.min-w-\[216px\] {
    min-width: 216px
}

.min-w-\[243px\] {
    min-width: 243px
}

.min-w-\[260px\] {
    min-width: 260px
}

.min-w-\[270px\] {
    min-width: 270px
}

.min-w-\[320px\] {
    min-width: 320px
}

.min-w-\[480px\] {
    min-width: 480px
}

.min-w-\[600px\] {
    min-width: 600px
}

.min-w-\[64px\] {
    min-width: 64px
}

.min-w-\[78px\] {
    min-width: 78px
}

.min-w-\[800px\] {
    min-width: 800px
}

.min-w-\[80px\] {
    min-width: 80px
}

.min-w-\[8rem\] {
    min-width: 8rem
}

.min-w-\[calc\(var\(--radix-select-trigger-width\)-16px\)\] {
    min-width: calc(var(--radix-select-trigger-width) - 16px)
}

.min-w-full {
    min-width: 100%
}

.max-w-\[1000px\] {
    max-width: 1000px
}

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

.max-w-\[169px\] {
    max-width: 169px
}

.max-w-\[170px\] {
    max-width: 170px
}

.max-w-\[180px\] {
    max-width: 180px
}

.max-w-\[20\%\] {
    max-width: 20%
}

.max-w-\[200px\] {
    max-width: 200px
}

.max-w-\[240px\] {
    max-width: 240px
}

.max-w-\[248px\] {
    max-width: 248px
}

.max-w-\[250px\] {
    max-width: 250px
}

.max-w-\[429px\] {
    max-width: 429px
}

.max-w-\[540px\] {
    max-width: 540px
}

.max-w-\[90\%\] {
    max-width: 90%
}

.max-w-full {
    max-width: 100%
}

.max-w-lg {
    max-width: 32rem
}

.max-w-max {
    max-width: max-content
}

.max-w-sm {
    max-width: 24rem
}

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

.flex-\[1\] {
    flex: 1
}

.flex-\[20\%\] {
    flex: 20%
}

.flex-\[2\] {
    flex: 2
}

.flex-\[30\%\] {
    flex: 30%
}

.flex-\[40\%\] {
    flex: 40%
}

.flex-\[60\%\] {
    flex: 60%
}

.flex-\[70\%\] {
    flex: 70%
}

.flex-\[80\%\] {
    flex: 80%
}

.flex-none {
    flex: none
}

.flex-shrink-0,
.shrink-0 {
    flex-shrink: 0
}

.flex-grow,
.grow,
.grow-\[1\] {
    flex-grow: 1
}

.basis-0 {
    flex-basis: 0
}

.border-separate {
    border-collapse: separate
}

.border-spacing-\[0\] {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}

.origin-center {
    transform-origin: center
}

.-translate-x-0 {
    --tw-translate-x: 0
}

.-translate-x-0,
.-translate-x-1\/2 {
    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-1\/2 {
    --tw-translate-x: -50%
}

.-translate-x-3xl {
    --tw-translate-x: calc(var(--spacing-3xl) * -1)
}

.-translate-x-3xl,
.-translate-x-\[10\%\] {
    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-\[10\%\] {
    --tw-translate-x: -10%
}

.-translate-x-\[120\%\] {
    --tw-translate-x: -120%
}

.-translate-x-\[120\%\],
.-translate-x-\[20\%\] {
    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-\[20\%\] {
    --tw-translate-x: -20%
}

.-translate-x-\[3\.8rem\] {
    --tw-translate-x: -3.8rem
}

.-translate-x-\[3\.8rem\],
.-translate-x-full {
    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-full {
    --tw-translate-x: -100%
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.-translate-y-1\/2,
.translate-x-0 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-0 {
    --tw-translate-x: 0
}

.translate-x-\[-125\%\] {
    --tw-translate-x: -125%
}

.translate-x-\[-125\%\],
.translate-x-\[-50\%\] {
    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%
}

.translate-x-\[50\%\] {
    --tw-translate-x: 50%
}

.translate-x-\[50\%\],
.translate-x-\[5px\] {
    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-\[5px\] {
    --tw-translate-x: 5px
}

.translate-x-full {
    --tw-translate-x: 100%
}

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

.translate-y-0 {
    --tw-translate-y: 0
}

.translate-y-\[-50\%\] {
    --tw-translate-y: -50%
}

.translate-y-\[-50\%\],
.translate-y-full {
    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-full {
    --tw-translate-y: 100%
}

.-rotate-180 {
    --tw-rotate: -180deg
}

.-rotate-180,
.-rotate-90 {
    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
}

.rotate-180 {
    --tw-rotate: 180deg
}

.rotate-180,
.rotate-45 {
    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-45 {
    --tw-rotate: 45deg
}

.rotate-\[37\.7deg\] {
    --tw-rotate: 37.7deg
}

.rotate-\[37\.7deg\],
.scale-0 {
    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 {
    --tw-scale-x: 0;
    --tw-scale-y: 0
}

.scale-125 {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25
}

.scale-125,
.scale-\[\.76\] {
    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-\[\.76\] {
    --tw-scale-x: .76;
    --tw-scale-y: .76
}

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

@keyframes caret-blink {
    0%,
    70%,
    to {
        opacity: 1
    }
    20%,
    50% {
        opacity: 0
    }
}

.animate-caret-blink {
    animation: caret-blink 1.25s ease-out infinite
}

@keyframes ping {
    55%,
    to {
        transform: scale(1.5);
        opacity: 0
    }
}

.animate-ping {
    animation: ping 1.5s cubic-bezier(0, 0, .2, 1) infinite
}

@keyframes pulse {
    0%,
    to {
        opacity: 1
    }
    50% {
        opacity: .5
    }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

.\ !cursor-not-allowed {
    cursor: not-allowed !important
}

.cursor-default {
    cursor: default
}

.cursor-not-allowed {
    cursor: not-allowed
}

.cursor-pointer {
    cursor: pointer
}

.select-none {
    user-select: none
}

.resize {
    resize: both
}

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

.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))
}

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

.place-content-center {
    place-content: center
}

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

.\ !items-end {
    align-items: flex-end !important
}

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

.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-xl {
    gap: var(--spacing-xl) !important
}

.gap-3xl {
    gap: var(--spacing-3xl)
}

.gap-\[12px\] {
    gap: 12px
}

.gap-\[15px\] {
    gap: 15px
}

.gap-\[16px\] {
    gap: 16px
}

.gap-\[18px\] {
    gap: 18px
}

.gap-\[1px\] {
    gap: 1px
}

.gap-\[24px\] {
    gap: 24px
}

.gap-\[2px\] {
    gap: 2px
}

.gap-\[34px\] {
    gap: 34px
}

.gap-\[3px\] {
    gap: 3px
}

.gap-\[4px\] {
    gap: 4px
}

.gap-\[5px\] {
    gap: 5px
}

.gap-\[9\.16px\] {
    gap: 9.16px
}

.gap-lg {
    gap: var(--spacing-lg)
}

.gap-md {
    gap: var(--spacing-md)
}

.gap-sm {
    gap: var(--spacing-sm)
}

.gap-xl {
    gap: var(--spacing-xl)
}

.gap-x-xl {
    column-gap: var(--spacing-xl)
}

.gap-y-md {
    row-gap: var(--spacing-md)
}

.space-y-\[24px\]>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(24px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(24px * var(--tw-space-y-reverse))
}

.space-y-\[48px\]>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(48px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(48px * var(--tw-space-y-reverse))
}

.space-y-md>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--spacing-md) * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--spacing-md) * var(--tw-space-y-reverse))
}

.space-y-sm>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--spacing-sm) * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--spacing-sm) * var(--tw-space-y-reverse))
}

.space-y-xl>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--spacing-xl) * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--spacing-xl) * var(--tw-space-y-reverse))
}

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

.self-end {
    align-self: flex-end
}

.self-center {
    align-self: center
}

.justify-self-end {
    justify-self: end
}

.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-x-scroll {
    overflow-x: scroll
}

.overflow-y-scroll {
    overflow-y: scroll
}

.truncate {
    overflow: hidden;
    white-space: nowrap
}

.text-ellipsis,
.truncate {
    text-overflow: ellipsis
}

.whitespace-normal {
    white-space: normal
}

.whitespace-nowrap {
    white-space: nowrap
}

.text-nowrap {
    text-wrap: nowrap
}

.break-words {
    overflow-wrap: break-word
}

.break-all {
    word-break: break-all
}

.\ !rounded-full {
    border-radius: 9999px !important
}

.\ !rounded-md {
    border-radius: var(--radius-md) !important
}

.rounded {
    border-radius: .25rem
}

.rounded-2xl {
    border-radius: var(--radius-2xl)
}

.rounded-\[\.8rem\] {
    border-radius: .8rem
}

.rounded-\[11px\] {
    border-radius: 11px
}

.rounded-\[12px\] {
    border-radius: 12px
}

.rounded-\[2px\] {
    border-radius: 2px
}

.rounded-\[3px\] {
    border-radius: 3px
}

.rounded-\[4px\] {
    border-radius: 4px
}

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

.rounded-lg {
    border-radius: var(--radius-lg)
}

.rounded-md {
    border-radius: var(--radius-md)
}

.rounded-none {
    border-radius: var(--radius-none)
}

.rounded-sm {
    border-radius: var(--radius-sm)
}

.rounded-xl {
    border-radius: var(--radius-xl)
}

.rounded-xs {
    border-radius: var(--radius-xs)
}

.rounded-b-md {
    border-bottom-right-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md)
}

.rounded-l-sm {
    border-top-left-radius: var(--radius-sm);
    border-bottom-left-radius: var(--radius-sm)
}

.rounded-r-none {
    border-top-right-radius: var(--radius-none);
    border-bottom-right-radius: var(--radius-none)
}

.rounded-t-md {
    border-top-left-radius: var(--radius-md);
    border-top-right-radius: var(--radius-md)
}

.rounded-bl-\[12px\] {
    border-bottom-left-radius: 12px
}

.rounded-br-\[12px\] {
    border-bottom-right-radius: 12px
}

.rounded-br-lg {
    border-bottom-right-radius: var(--radius-lg)
}

.rounded-tr-md {
    border-top-right-radius: var(--radius-md)
}

.\ !border {
    border-width: 1px !important
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0
}

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

.border-\[1px\] {
    border-width: 1px
}

.border-\[2px\] {
    border-width: 2px
}

.border-\[5px\] {
    border-width: 5px
}

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

.border-b-0 {
    border-bottom-width: 0
}

.border-l {
    border-left-width: 1px
}

.border-l-0 {
    border-left-width: 0
}

.border-r {
    border-right-width: 1px
}

.border-r-\[2px\] {
    border-right-width: 2px
}

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

.border-t-0 {
    border-top-width: 0
}

.border-solid {
    border-style: solid
}

.border-dashed {
    border-style: dashed
}

.border-none {
    border-style: none
}

.\ !border-error-main {
    border-color: var(--error-main) !important
}

.border-\[rgba\(255\2c 255\2c 255\2c 0\.14\)\] {
    border-color: hsla(0, 0%, 100%, .14)
}

.border-border-darkest {
    border-color: var(--border-darkest)
}

.border-border-light {
    border-color: var(--border-light)
}

.border-border-lighter {
    border-color: var(--border-lighter)
}

.border-border-lightest {
    border-color: var(--border-lightest)
}

.border-error-light {
    border-color: var(--error-light)
}

.border-error-lighter {
    border-color: var(--error-lighter)
}

.border-error-main {
    border-color: var(--error-main)
}

.border-primary-dark {
    border-color: var(--primary-dark)
}

.border-primary-lighter {
    border-color: var(--primary-lighter)
}

.border-primary-main {
    border-color: var(--primary-main)
}

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

.border-red-900 {
    --tw-border-opacity: 1;
    border-color: rgb(127 29 29/var(--tw-border-opacity, 1))
}

.border-secondary-main {
    border-color: var(--secondary-main)
}

.border-success-400 {
    border-color: var(--success-400)
}

.border-success-dark {
    border-color: var(--success-dark)
}

.border-success-main {
    border-color: var(--success-main)
}

.border-textandicon-darker {
    border-color: var(--text-icon-darker)
}

.border-transparent {
    border-color: transparent
}

.border-b-border-lightest {
    border-bottom-color: var(--border-lightest)
}

.border-r-primary-light {
    border-right-color: var(--primary-light)
}

.border-r-primary-main {
    border-right-color: var(--primary-main)
}

.\ !bg-background-lighter {
    background-color: var(--background-lighter) !important
}

.\ !bg-background-lightest {
    background-color: var(--background-lightest) !important
}

.\ !bg-primary-main {
    background-color: var(--primary-main) !important
}

.\ !bg-transparent {
    background-color: transparent !important
}

.bg-\[\#28C940\] {
    --tw-bg-opacity: 1;
    background-color: rgb(40 201 64/var(--tw-bg-opacity, 1))
}

.bg-\[\#ECECEC\] {
    --tw-bg-opacity: 1;
    background-color: rgb(236 236 236/var(--tw-bg-opacity, 1))
}

.bg-\[\#FE5F57\] {
    --tw-bg-opacity: 1;
    background-color: rgb(254 95 87/var(--tw-bg-opacity, 1))
}

.bg-\[\#FEBC2E\] {
    --tw-bg-opacity: 1;
    background-color: rgb(254 188 46/var(--tw-bg-opacity, 1))
}

.bg-\[\#FFFFFF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.bg-\[rgba\(35\2c 37\2c 38\2c 0\.3\)\] {
    background-color: rgba(35, 37, 38, .3)
}

.bg-\[rgba\(65\2c 70\2c 76\2c 0\.3\)\] {
    background-color: rgba(65, 70, 76, .3)
}

.bg-background-dark {
    background-color: var(--background-dark)
}

.bg-background-darker {
    background-color: var(--background-darker)
}

.bg-background-darkest {
    background-color: var(--background-darkest)
}

.bg-background-light {
    background-color: var(--background-light)
}

.bg-background-lighter {
    background-color: var(--background-lighter)
}

.bg-background-lightest {
    background-color: var(--background-lightest)
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
}

.bg-black\/80 {
    background-color: rgba(0, 0, 0, .8)
}

.bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235/var(--tw-bg-opacity, 1))
}

.bg-border-dark {
    background-color: var(--border-dark)
}

.bg-border-darkest {
    background-color: var(--border-darkest)
}

.bg-border-light {
    background-color: var(--border-light)
}

.bg-border-lighter {
    background-color: var(--border-lighter)
}

.bg-border-lightest {
    background-color: var(--border-lightest)
}

.bg-error-light {
    background-color: var(--error-light)
}

.bg-error-lighter {
    background-color: var(--error-lighter)
}

.bg-error-main {
    background-color: var(--error-main)
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity, 1))
}

.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity, 1))
}

.bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219/var(--tw-bg-opacity, 1))
}

.bg-green-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(22 163 74/var(--tw-bg-opacity, 1))
}

.bg-neutral-100 {
    background-color: var(--neutral-100)
}

.bg-neutral-300 {
    background-color: var(--neutral-300)
}

.bg-neutral-900 {
    background-color: var(--neutral-900)
}

.bg-neutral-light {
    background-color: var(--neutral-light)
}

.bg-primary-600 {
    background-color: var(--primary-600)
}

.bg-primary-dark {
    background-color: var(--primary-dark)
}

.bg-primary-darker {
    background-color: var(--primary-darker)
}

.bg-primary-light {
    background-color: var(--primary-light)
}

.bg-primary-lighter {
    background-color: var(--primary-lighter)
}

.bg-primary-main {
    background-color: var(--primary-main)
}

.bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38/var(--tw-bg-opacity, 1))
}

.bg-secondary-50 {
    background-color: var(--secondary-50)
}

.bg-secondary-dark {
    background-color: var(--secondary-dark)
}

.bg-secondary-lighter {
    background-color: var(--secondary-lighter)
}

.bg-secondary-main {
    background-color: var(--secondary-main)
}

.bg-success-dark {
    background-color: var(--success-dark)
}

.bg-success-lighter {
    background-color: var(--success-lighter)
}

.bg-success-main {
    background-color: var(--success-main)
}

.bg-textandicon-dark {
    background-color: var(--text-icon-dark)
}

.bg-textandicon-lightest {
    background-color: var(--text-icon-lightest)
}

.bg-transparent {
    background-color: transparent
}

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

.bg-opacity-0 {
    --tw-bg-opacity: 0
}

.bg-bg-pill-card {
    background-image: linear-gradient(95deg, #0a4aaa, #083b88)
}

.bg-bg-pill-card-dark {
    background-image: linear-gradient(95deg, #3f87f3, #0946a0)
}

.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

.from-\[rgba\(255\2c 255\2c 255\2c 0\.15\)\] {
    --tw-gradient-from: hsla(0, 0%, 100%, .15) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[rgba\(33\2c 35\2c 38\2c \.5\)\] {
    --tw-gradient-from: rgba(33, 35, 38, .5) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(33, 35, 38, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-transparent {
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[67\.87\%\] {
    --tw-gradient-from-position: 67.87%
}

.to-\[\#262626\] {
    --tw-gradient-to: #262626 var(--tw-gradient-to-position)
}

.to-\[rgba\(255\2c 255\2c 255\2c 0\.00\)\] {
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position)
}

.to-white {
    --tw-gradient-to: #fff var(--tw-gradient-to-position)
}

.bg-cover {
    background-size: cover
}

.fill-background-dark {
    fill: var(--background-dark)
}

.fill-background-darkest {
    fill: var(--background-darkest)
}

.fill-textandicon-dark {
    fill: var(--text-icon-dark)
}

.fill-textandicon-darker {
    fill: var(--text-icon-darker)
}

.\ !stroke-none {
    stroke: none !important
}

.\ !stroke-primary-500 {
    stroke: var(--primary-500) !important
}

.stroke-\[var\(--primary-main\)\] {
    stroke: var(--primary-main)
}

.stroke-border-lighter {
    stroke: var(--border-lighter)
}

.stroke-primary-main {
    stroke: var(--primary-main)
}

.stroke-secondary-main {
    stroke: var(--secondary-main)
}

.stroke-textandicon-dark {
    stroke: var(--text-icon-dark)
}

.stroke-textandicon-darker {
    stroke: var(--text-icon-darker)
}

.stroke-textandicon-darkest {
    stroke: var(--text-icon-darkest)
}

.stroke-textandicon-lightest {
    stroke: var(--text-icon-lightest)
}

.stroke-transparent {
    stroke: transparent
}

.stroke-white {
    stroke: #fff
}

.object-cover {
    object-fit: cover
}

.object-\[65\%\] {
    object-position: 65%
}

.\ !p-0,
.\ !p-\[0px\] {
    padding: 0 !important
}

.\ !p-md {
    padding: var(--spacing-md) !important
}

.\ !p-sm {
    padding: var(--spacing-sm) !important
}

.p-0 {
    padding: 0
}

.p-\[0px_12px_0px_8px\] {
    padding: 0 12px 0 8px
}

.p-\[12px\] {
    padding: 12px
}

.p-\[14px\] {
    padding: 14px
}

.p-\[15px\] {
    padding: 15px
}

.p-\[23px\] {
    padding: 23px
}

.p-\[24px_24px_8px_24px\] {
    padding: 24px 24px 8px
}

.p-\[2px\] {
    padding: 2px
}

.p-\[4px\] {
    padding: 4px
}

.p-\[4px_0\] {
    padding: 4px 0
}

.p-\[6px\] {
    padding: 6px
}

.p-\[8px\] {
    padding: 8px
}

.p-lg {
    padding: var(--spacing-lg)
}

.p-md {
    padding: var(--spacing-md)
}

.p-sm {
    padding: var(--spacing-sm)
}

.p-xl {
    padding: var(--spacing-xl)
}

.\ !px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.\ !px-\[3px\] {
    padding-left: 3px !important;
    padding-right: 3px !important
}

.\ !px-md {
    padding-left: var(--spacing-md) !important;
    padding-right: var(--spacing-md) !important
}

.\ !py-\[5px\] {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.\ !py-md {
    padding-top: var(--spacing-md) !important;
    padding-bottom: var(--spacing-md) !important
}

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

.px-\[\.55rem\] {
    padding-left: .55rem;
    padding-right: .55rem
}

.px-\[0px\] {
    padding-left: 0;
    padding-right: 0
}

.px-\[10px\] {
    padding-left: 10px;
    padding-right: 10px
}

.px-\[12px\] {
    padding-left: 12px;
    padding-right: 12px
}

.px-\[15px\] {
    padding-left: 15px;
    padding-right: 15px
}

.px-\[16px\] {
    padding-left: 16px;
    padding-right: 16px
}

.px-\[1px\] {
    padding-left: 1px;
    padding-right: 1px
}

.px-\[3px\] {
    padding-left: 3px;
    padding-right: 3px
}

.px-\[46px\] {
    padding-left: 46px;
    padding-right: 46px
}

.px-\[4px\] {
    padding-left: 4px;
    padding-right: 4px
}

.px-\[5px\] {
    padding-left: 5px;
    padding-right: 5px
}

.px-gutter-2xl {
    padding-left: 24px;
    padding-right: 24px
}

.px-lg {
    padding-left: var(--spacing-lg);
    padding-right: var(--spacing-lg)
}

.px-md {
    padding-left: var(--spacing-md);
    padding-right: var(--spacing-md)
}

.px-sm {
    padding-left: var(--spacing-sm);
    padding-right: var(--spacing-sm)
}

.px-xl {
    padding-left: var(--spacing-xl);
    padding-right: var(--spacing-xl)
}

.py-3xl {
    padding-top: var(--spacing-3xl);
    padding-bottom: var(--spacing-3xl)
}

.py-\[0\.625rem\] {
    padding-top: .625rem;
    padding-bottom: .625rem
}

.py-\[0px\] {
    padding-top: 0;
    padding-bottom: 0
}

.py-\[10px\] {
    padding-top: 10px;
    padding-bottom: 10px
}

.py-\[12px\] {
    padding-top: 12px;
    padding-bottom: 12px
}

.py-\[13px\] {
    padding-top: 13px;
    padding-bottom: 13px
}

.py-\[16px\] {
    padding-top: 16px;
    padding-bottom: 16px
}

.py-\[1em\] {
    padding-top: 1em;
    padding-bottom: 1em
}

.py-\[36px\] {
    padding-top: 36px;
    padding-bottom: 36px
}

.py-\[4px\] {
    padding-top: 4px;
    padding-bottom: 4px
}

.py-\[5px\] {
    padding-top: 5px;
    padding-bottom: 5px
}

.py-\[6px\] {
    padding-top: 6px;
    padding-bottom: 6px
}

.py-\[9px\] {
    padding-top: 9px;
    padding-bottom: 9px
}

.py-lg {
    padding-top: var(--spacing-lg);
    padding-bottom: var(--spacing-lg)
}

.py-md {
    padding-top: var(--spacing-md);
    padding-bottom: var(--spacing-md)
}

.py-sm {
    padding-top: var(--spacing-sm);
    padding-bottom: var(--spacing-sm)
}

.py-xl {
    padding-top: var(--spacing-xl);
    padding-bottom: var(--spacing-xl)
}

.\ !pb-0 {
    padding-bottom: 0 !important
}

.\ !pr-\[32px\] {
    padding-right: 32px !important
}

.\ !pr-\[60px\] {
    padding-right: 60px !important
}

.\ !pt-0 {
    padding-top: 0 !important
}

.pb-3xl {
    padding-bottom: var(--spacing-3xl)
}

.pb-\[10px\] {
    padding-bottom: 10px
}

.pb-\[13px\] {
    padding-bottom: 13px
}

.pb-\[20px\] {
    padding-bottom: 20px
}

.pb-\[58px\] {
    padding-bottom: 58px
}

.pb-\[8px\] {
    padding-bottom: 8px
}

.pb-\[8rem\] {
    padding-bottom: 8rem
}

.pb-gutter-2xl {
    padding-bottom: 24px
}

.pb-md {
    padding-bottom: var(--spacing-md)
}

.pb-sm {
    padding-bottom: var(--spacing-sm)
}

.pb-xl {
    padding-bottom: var(--spacing-xl)
}

.pl-4xl {
    padding-left: var(--spacing-4xl)
}

.pl-\[2px\] {
    padding-left: 2px
}

.pl-\[35px\] {
    padding-left: 35px
}

.pl-\[4px\] {
    padding-left: 4px
}

.pl-\[64px\] {
    padding-left: 64px
}

.pl-md {
    padding-left: var(--spacing-md)
}

.pl-sm {
    padding-left: var(--spacing-sm)
}

.pr-\[\.7rem\] {
    padding-right: .7rem
}

.pr-\[15px\] {
    padding-right: 15px
}

.pr-\[16px\] {
    padding-right: 16px
}

.pr-\[4px\] {
    padding-right: 4px
}

.pr-\[4rem\] {
    padding-right: 4rem
}

.pr-\[64px\] {
    padding-right: 64px
}

.pr-md {
    padding-right: var(--spacing-md)
}

.pr-sm {
    padding-right: var(--spacing-sm)
}

.pr-xl {
    padding-right: var(--spacing-xl)
}

.pt-0 {
    padding-top: 0
}

.pt-2xl {
    padding-top: var(--spacing-2xl)
}

.pt-\[18px\] {
    padding-top: 18px
}

.pt-\[4px\] {
    padding-top: 4px
}

.pt-md {
    padding-top: var(--spacing-md)
}

.pt-sm {
    padding-top: var(--spacing-sm)
}

.pt-xl {
    padding-top: var(--spacing-xl)
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.align-middle {
    vertical-align: middle
}

.\ !text-body-lg {
    font-size: 16px !important;
    line-height: 32px !important;
    font-weight: 400 !important
}

.\ !text-body-sm {
    font-size: 12px !important;
    line-height: 24px !important;
    font-weight: 400 !important
}

.\ !text-title-sm {
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 600 !important
}

.text-\[12px\] {
    font-size: 12px
}

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

.text-body-lg {
    font-size: 16px;
    line-height: 32px;
    font-weight: 400
}

.text-body-md {
    font-size: 14px;
    line-height: 28px;
    font-weight: 400
}

.text-body-sm {
    font-size: 12px;
    line-height: 24px;
    font-weight: 400
}

.text-headline-md {
    font-size: 24px;
    line-height: 34px;
    font-weight: 900
}

.text-headline-sm {
    font-size: 20px;
    line-height: 28px;
    font-weight: 900
}

.text-label-lg {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.text-label-md {
    font-size: 12px;
    line-height: 18px;
    font-weight: 500
}

.text-label-sm {
    font-size: 10px;
    line-height: 14px;
    font-weight: 500
}

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

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

.text-title-lg {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600
}

.text-title-md {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600
}

.text-title-sm {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600
}

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

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.\ !font-medium {
    font-weight: 500 !important
}

.font-\[400\] {
    font-weight: 400
}

.font-bold {
    font-weight: 700
}

.font-extra-bold,
.font-extrabold {
    font-weight: 800
}

.font-medium {
    font-weight: 500
}

.font-semibold {
    font-weight: 600
}

.ordinal {
    --tw-ordinal: ordinal
}

.ordinal,
.tabular-nums {
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}

.tabular-nums {
    --tw-numeric-spacing: tabular-nums
}

.leading-5 {
    line-height: 1.25rem
}

.leading-7 {
    line-height: 1.75rem
}

.leading-\[28px\] {
    line-height: 28px
}

.leading-\[40px\] {
    line-height: 40px
}

.leading-\[normal\] {
    line-height: normal
}

.leading-none {
    line-height: 1
}

.leading-relaxed {
    line-height: 1.625
}

.tracking-tight {
    letter-spacing: -.025em
}

.tracking-widest {
    letter-spacing: .1em
}

.\ !text-primary-dark {
    color: var(--primary-dark) !important
}

.\ !text-primary-darker {
    color: var(--primary-darker) !important
}

.\ !text-primary-main {
    color: var(--primary-main) !important
}

.\ !text-success-main {
    color: var(--success-main) !important
}

.\ !text-textandicon-light {
    color: var(--text-icon-light) !important
}

.\ !text-textandicon-lightest {
    color: var(--text-icon-lightest) !important
}

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

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

.text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235/var(--tw-text-opacity, 1))
}

.text-error-400 {
    color: var(--error-400)
}

.text-error-dark {
    color: var(--error-dark)
}

.text-error-darker {
    color: var(--error-darker)
}

.text-error-main {
    color: var(--error-main)
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity, 1))
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity, 1))
}

.text-neutral-700 {
    color: var(--neutral-700)
}

.text-neutral-900 {
    color: var(--neutral-900)
}

.text-neutral-darker {
    color: var(--neutral-darker)
}

.text-primary-600 {
    color: var(--primary-600)
}

.text-primary-darker {
    color: var(--primary-darker)
}

.text-primary-main {
    color: var(--primary-main)
}

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

.text-secondary-darker {
    color: var(--secondary-darker)
}

.text-secondary-main {
    color: var(--secondary-main)
}

.text-success-600 {
    color: var(--success-600)
}

.text-success-dark {
    color: var(--success-dark)
}

.text-success-darker {
    color: var(--success-darker)
}

.text-success-main {
    color: var(--success-main)
}

.text-textandicon-dark {
    color: var(--text-icon-dark)
}

.text-textandicon-darker {
    color: var(--text-icon-darker)
}

.text-textandicon-darkest {
    color: var(--text-icon-darkest)
}

.text-textandicon-light {
    color: var(--text-icon-light)
}

.text-textandicon-lightest {
    color: var(--text-icon-lightest)
}

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

.placeholder-textandicon-dark::placeholder {
    color: var(--text-icon-dark)
}

.\ !opacity-50 {
    opacity: .5 !important
}

.\ !opacity-70 {
    opacity: .7 !important
}

.opacity-0 {
    opacity: 0
}

.opacity-10 {
    opacity: .1
}

.opacity-100 {
    opacity: 1
}

.opacity-20 {
    opacity: .2
}

.opacity-25 {
    opacity: .25
}

.opacity-30 {
    opacity: .3
}

.opacity-40 {
    opacity: .4
}

.opacity-50 {
    opacity: .5
}

.opacity-60 {
    opacity: .6
}

.opacity-70 {
    opacity: .7
}

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

.shadow,
.shadow-\[0px_10\.5px_21px_0px_rgba\(0\2c 0\2c 0\2c 0\.05\)\] {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0px_10\.5px_21px_0px_rgba\(0\2c 0\2c 0\2c 0\.05\)\] {
    --tw-shadow: 0px 10.5px 21px 0px rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0px 10.5px 21px 0px var(--tw-shadow-color)
}

.shadow-\[0px_16px_32px_0px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
    --tw-shadow: 0px 16px 32px 0px rgba(0, 0, 0, .08);
    --tw-shadow-colored: 0px 16px 32px 0px 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_2px_2px_rgba\(177\2c 26\2c 54\2c 0\.2\)\] {
    --tw-shadow: 0px 2px 2px rgba(177, 26, 54, .2);
    --tw-shadow-colored: 0px 2px 2px 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_8px_16px_0px_rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
    --tw-shadow: 0px 8px 16px 0px rgba(0, 0, 0, .25);
    --tw-shadow-colored: 0px 8px 16px 0px 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-\[inset_0px_-11px_20px_0px_rgba\(255\2c 255\2c 255\2c \.8\)\] {
    --tw-shadow: inset 0px -11px 20px 0px hsla(0, 0%, 100%, .8);
    --tw-shadow-colored: inset 0px -11px 20px 0px 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-\[inset_0px_-11px_20px_0px_rgba\(255\2c 255\2c 255\2c 0\)\] {
    --tw-shadow: inset 0px -11px 20px 0px hsla(0, 0%, 100%, 0);
    --tw-shadow-colored: inset 0px -11px 20px 0px 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-\[inset_0px_0px_0px_1px_rgba\(0\2c 0\2c 0\2c 0\)\] {
    --tw-shadow: inset 0px 0px 0px 1px transparent;
    --tw-shadow-colored: inset 0px 0px 0px 1px var(--tw-shadow-color)
}

.shadow-\[inset_0px_0px_0px_1px_rgba\(0\2c 0\2c 0\2c 0\)\],
.shadow-lg {
    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 rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
}

.shadow-md,
.shadow-none {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000
}

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(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-\[0px\] {
    outline-width: 0
}

.outline-\[var\(--primary-main\)\] {
    outline-color: var(--primary-main)
}

.blur {
    --tw-blur: blur(8px);
    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-sm {
    --tw-backdrop-blur: blur(4px);
    -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: 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, 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
}

.delay-150 {
    transition-delay: .15s
}

.duration-1000 {
    transition-duration: 1s
}

.duration-200 {
    transition-duration: .2s
}

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

.duration-500,
.duration-medium {
    transition-duration: .5s
}

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

.ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.ease-pillCardBouce {
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

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

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

.animate-in {
    animation-name: enter;
    animation-duration: .15s;
    --tw-enter-opacity: initial;
    --tw-enter-scale: initial;
    --tw-enter-rotate: initial;
    --tw-enter-translate-x: initial;
    --tw-enter-translate-y: initial
}

.fade-in-0 {
    --tw-enter-opacity: 0
}

.fade-in-20 {
    --tw-enter-opacity: 0.2
}

.zoom-in-95 {
    --tw-enter-scale: .95
}

.duration-1000 {
    animation-duration: 1s
}

.duration-200 {
    animation-duration: .2s
}

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

.duration-500,
.duration-medium {
    animation-duration: .5s
}

.duration-short {
    animation-duration: .3s
}

.delay-150 {
    animation-delay: .15s
}

.ease-in {
    animation-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.ease-in-out {
    animation-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-out {
    animation-timing-function: cubic-bezier(0, 0, .2, 1)
}

.ease-pillCardBouce {
    animation-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

.running {
    animation-play-state: running
}

.no-scrollbar::-webkit-scrollbar {
    display: none
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.CollapsibleContent {
    overflow: hidden
}

.CollapsibleContent[data-state=open] {
    animation: slideDown .3s ease-out
}

.CollapsibleContent[data-state=closed] {
    animation: slideUp .3s ease-out
}

.TableScroll {
    position: relative
}

.TableScroll:before {
    content: "";
    position: absolute;
    left: -10px;
    top: 0;
    height: 100%;
    width: 5px;
    background: transparent;
    z-index: 99;
    box-shadow: 8px 0 20px 0 #000
}

@keyframes slideDown {
    0% {
        height: 0
    }
    to {
        height: var(--radix-collapsible-content-height)
    }
}

@keyframes slideUp {
    0% {
        height: var(--radix-collapsible-content-height)
    }
    to {
        height: 0
    }
}

.AccordionContent {
    overflow: hidden
}

.AccordionContent[data-state=open] {
    animation: accordionDown .3s ease-out
}

.AccordionContent[data-state=closed] {
    animation: accordionUp .3s ease-out
}

.driver-popover-title {
    display: flex !important;
    justify-content: space-between
}

.driver-popover-description,
.driver-popover-footer button,
.driver-popover-title {
    font-family: 'Vazir-Light-FD' !important
}

.driver-popover-footer button {
    text-shadow: none !important
}

.driver-popover-next-btn {
    border: none !important;
    margin-left: 0 !important
}

.driver-popover-next-btn:hover {
    background-color: transparent !important
}

.driver-popover-prev-btn {
    border: none !important
}

.driver-popover-prev-btn:hover {
    background-color: transparent !important
}

@keyframes accordionDown {
    0% {
        height: 0
    }
    to {
        height: var(--radix-accordion-content-height)
    }
}

@keyframes accordionUp {
    0% {
        height: var(--radix-accordion-content-height)
    }
    to {
        height: 0
    }
}

body {
    font-family: 'Vazir-Light-FD'
}

:root {
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 20px;
    --spacing-xl: 24px;
    --spacing-2xl: 32px;
    --spacing-3xl: 40px;
    --spacing-4xl: 48px;
    --screen-sm: 360px;
    --screen-md: 768px;
    --screen-lg: 1200px;
    --screen-xl: 1440px;
    --screen-2xl: 1920px;
    --radius-none: 0px;
    --radius-xs: 4px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 24px;
    --radius-xl: 32px;
    --radius-2xl: 40px
}

:root .light {
    --primary-50: #e6edf6;
    --primary-100: #9db7dd;
    --primary-200: #6c92cc;
    --primary-300: #5480c4;
    --primary-400: #3b6ebb;
    --primary-500: #0a4aaa;
    --primary-600: #083b88;
    --primary-700: #073477;
    --primary-800: #062c66;
    --primary-900: #041e44;
    --primary-950: #020f22;
    --primary-main: #0a4aaa;
    --primary-lighter: #e6edf6;
    --primary-light: #9db7dd;
    --primary-dark: #083b88;
    --primary-darker: #062c66;
    --secondary-50: #fcf5e7;
    --secondary-100: #f5e0b7;
    --secondary-200: #eecb87;
    --secondary-300: #e7b657;
    --secondary-400: #e0a127;
    --secondary-500: #dd9710;
    --secondary-600: #b1790d;
    --secondary-700: #855b0a;
    --secondary-800: #583c06;
    --secondary-900: #2c1e03;
    --secondary-950: #160f02;
    --secondary-main: #dd9710;
    --secondary-lighter: #fcf5e7;
    --secondary-light: #f5e0b7;
    --secondary-dark: #b1790d;
    --secondary-darker: #583c06;
    --error-50: #f7e8eb;
    --error-100: #e8bac3;
    --error-200: #d88d9a;
    --error-300: #c95f72;
    --error-400: #b9314a;
    --error-500: #b11a36;
    --error-600: #8e152b;
    --error-700: #6a1020;
    --error-800: #470a16;
    --error-900: #23050b;
    --error-950: #120305;
    --error-main: #b11a36;
    --error-lighter: #f7e8eb;
    --error-light: #e8bac3;
    --error-dark: #8e152b;
    --error-darker: #470a16;
    --success-50: #e8f7eb;
    --success-100: #bae8c2;
    --success-200: #8dd899;
    --success-300: #5fc970;
    --success-400: #31b947;
    --success-500: #1ab133;
    --success-600: #158e29;
    --success-700: #106a1f;
    --success-800: #0a4714;
    --success-900: #05230a;
    --success-950: #031205;
    --success-main: #1ab133;
    --success-lighter: #e8f7eb;
    --success-light: #bae8c2;
    --success-dark: #158e29;
    --success-darker: #0a4714;
    --neutral-50: #fff;
    --neutral-100: #f6f7f9;
    --neutral-200: #e3e7ec;
    --neutral-300: #d1d7df;
    --neutral-400: #bfc7d2;
    --neutral-500: #acb7c5;
    --neutral-600: #a3afbf;
    --neutral-700: #626973;
    --neutral-800: #41464c;
    --neutral-900: #212326;
    --neutral-950: #101213;
    --neutral-main: #acb7c5;
    --neutral-lighter: #fff;
    --neutral-light: #e3e7ec;
    --neutral-dark: #a3afbf;
    --neutral-darker: #41464c;
    --text-icon-lightest: #fff;
    --text-icon-lighter: #e3e7ec;
    --text-icon-light: #6a6e73;
    --text-icon-dark: #a3afbf;
    --text-icon-darker: #626973;
    --text-icon-darkest: #212326;
    --border-lightest: #f6f7f9;
    --border-lighter: #e3e7ec;
    --border-light: #d1d7df;
    --border-dark: #a3afbf;
    --border-darker: #626973;
    --border-darkest: #212326;
    --background-lightest: #fff;
    --background-lighter: #f6f7f9;
    --background-light: #e3e7ec;
    --background-dark: #d1d7df;
    --background-darker: #a3afbf;
    --background-darkest: #41464c
}

:root .dark {
    --primary-50: #101c2c;
    --primary-100: #9db7dd;
    --primary-200: #6c92cc;
    --primary-300: #5480c4;
    --primary-400: #3b6ebb;
    --primary-500: #0a4aaa;
    --primary-600: #0946a0;
    --primary-700: #073477;
    --primary-800: #07377e;
    --primary-900: #041e44;
    --primary-950: #020f22;
    --primary-main: #3f87f3;
    --primary-lighter: #101c2c;
    --primary-light: #9db7dd;
    --primary-dark: #0946a0;
    --primary-darker: #b2cffb;
    --secondary-50: #1a1a1a;
    --secondary-100: #5e430d;
    --secondary-200: #eecb87;
    --secondary-300: #e7b657;
    --secondary-400: #e0a127;
    --secondary-500: #f3be58;
    --secondary-600: #b1790d;
    --secondary-700: #855b0a;
    --secondary-800: #f9dea7;
    --secondary-900: #2c1e03;
    --secondary-950: #160f02;
    --secondary-main: #f3be58;
    --secondary-lighter: #1a1a1a;
    --secondary-light: #5e430d;
    --secondary-dark: #c98b0f;
    --secondary-darker: #f9dea7;
    --error-50: #2a0f14;
    --error-100: #581d29;
    --error-200: #d88d9a;
    --error-300: #c95f72;
    --error-400: #b9314a;
    --error-500: #e54d69;
    --error-600: #a41832;
    --error-700: #6a1020;
    --error-800: #f5b8c4;
    --error-900: #23050b;
    --error-950: #120305;
    --error-main: #e54d69;
    --error-lighter: #2a0f14;
    --error-light: #581d29;
    --error-dark: #a41832;
    --error-darker: #f5b8c4;
    --success-50: #1d5827;
    --success-100: #1d5827;
    --success-200: #8dd899;
    --success-300: #5fc970;
    --success-400: #31b947;
    --success-500: #4de567;
    --success-600: #18a430;
    --success-700: #106a1f;
    --success-800: #b8f5c2;
    --success-900: #05230a;
    --success-950: #031205;
    --success-main: #4de567;
    --success-lighter: #0f2a14;
    --success-light: #1d5827;
    --success-dark: #18a430;
    --success-darker: #b8f5c2;
    --neutral-50: #fff;
    --neutral-100: #f6f7f9;
    --neutral-200: #e3e7ec;
    --neutral-300: #d1d7df;
    --neutral-400: #bfc7d2;
    --neutral-500: #acb7c5;
    --neutral-600: #a3afbf;
    --neutral-700: #626973;
    --neutral-800: #41464c;
    --neutral-900: #212326;
    --neutral-950: #101213;
    --neutral-main: #acb7c5;
    --neutral-lighter: #fff;
    --neutral-light: #f6f7f9;
    --neutral-dark: #a3afbf;
    --neutral-darker: #41464c;
    --text-icon-lightest: #fff;
    --text-icon-lighter: grey;
    --text-icon-light: #6a6e73;
    --text-icon-dark: #b3b3b3;
    --text-icon-darker: #ccc;
    --text-icon-darkest: #f2f2f2;
    --border-lightest: #1a1a1a;
    --border-lighter: #404040;
    --border-light: #666;
    --border-dark: #7a7a7a;
    --border-darker: #a6a6a6;
    --border-darkest: #d3d3d3;
    --background-lightest: #262626;
    --background-lighter: #1a1a1a;
    --background-light: #4d4d4d;
    --background-dark: #404040;
    --background-darker: #333;
    --background-darkest: #0d0d0d
}

html body[data-scroll-locked] {
    --removed-body-scroll-bar-size: 0 !important;
    margin-right: 0 !important;
    overflow: auto !important
}

::-webkit-scrollbar {
    width: .5em;
    height: .5em
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .4);
    border-radius: 10px
}

::-webkit-scrollbar-track {
    background-color: transparent
}

* {
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, .4) transparent
}

body {
    -ms-overflow-style: none;
    color: var(--text-icon-darkest)
}

::-ms-scrollbar {
    width: .5em
}

::-ms-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .4);
    border-radius: 10px
}

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

input[type=number] {
    -moz-appearance: textfield
}

input:-webkit-autofill {
    background-color: #064e3b !important;
    -webkit-text-fill-color: var(--text-icon-darkest);
    transition: background-color 5000s ease-in-out 0s
}

input:-webkit-autofill,
input:-webkit-autofill:first-line {
    color: var(--text-icon-darkest) !important
}

.ant-picker-disabled input {
    opacity: .2;
    cursor: not-allowed
}

.ant-picker-disabled .ant-picker-suffix {
    opacity: .2
}

.file\:cursor-pointer::file-selector-button {
    cursor: pointer
}

.file\:border-0::file-selector-button {
    border-width: 0
}

.file\:bg-gray-100::file-selector-button {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity, 1))
}

.file\:text-gray-500::file-selector-button {
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity, 1))
}

.placeholder\:text-textandicon-dark::placeholder {
    color: var(--text-icon-dark)
}

.placeholder\:text-textandicon-darker::placeholder {
    color: var(--text-icon-darker)
}

.placeholder\:text-textandicon-darkest::placeholder {
    color: var(--text-icon-darkest)
}

.before\:absolute:before {
    content: var(--tw-content);
    position: absolute
}

.before\:left-\[-10px\]:before {
    content: var(--tw-content);
    left: -10px
}

.before\:top-0:before {
    content: var(--tw-content);
    top: 0
}

.before\:z-\[59\]:before {
    content: var(--tw-content);
    z-index: 59
}

.before\:h-full:before {
    content: var(--tw-content);
    height: 100%
}

.before\:w-\[5px\]:before {
    content: var(--tw-content);
    width: 5px
}

.before\:bg-transparent:before {
    content: var(--tw-content);
    background-color: transparent
}

.before\:opacity-0:before {
    content: var(--tw-content);
    opacity: 0
}

.before\:opacity-100:before {
    content: var(--tw-content);
    opacity: 1
}

.before\:shadow-\[8px_0px_20px_0px_black\]:before {
    content: var(--tw-content);
    --tw-shadow: 8px 0px 20px 0px #000;
    --tw-shadow-colored: 8px 0px 20px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

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

.before\:duration-short:before {
    transition-duration: .3s
}

.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.before\:duration-short:before{content:var(--tw-content);animation-duration:.3s}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:left-\[50\%\]:after{content:var(--tw-content);left:50%}.after\:top-\[50\%\]:after{content:var(--tw-content);top:50%}.after\:size-\[8px\]:after{content:var(--tw-content);width:8px;height:8px}.after\:translate-x-\[-50\%\]:after{--tw-translate-x:-50%}.after\:translate-x-\[-50\%\]:after,.after\:translate-y-\[-50\%\]:after{content:var(--tw-content);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))}.after\:translate-y-\[-50\%\]:after{--tw-translate-y:-50%}.after\:\!scale-\[1\]:after{content:var(--tw-content);--tw-scale-x:1!important;--tw-scale-y:1!important;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))!important}.after\:scale-\[0\]:after{content:var(--tw-content);--tw-scale-x:0;--tw-scale-y:0;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))}.after\:rounded-\[50\%\]:after{content:var(--tw-content);border-radius:50%}.after\:bg-background-lightest:after{content:var(--tw-content);background-color:var(--background-lightest)}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.last\:border-b-0:last-child{border-bottom-width:0}.last\:border-none:last-child{border-style:none}.focus-within\:border-border-darker:focus-within{border-color:var(--border-darker)}.focus-within\:border-error-main:focus-within{border-color:var(--error-main)}.focus-within\:shadow-none:focus-within{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:size-\[40px\]:hover{width:40px;height:40px}.hover\:size-\[48px\]:hover{width:48px;height:48px}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:scale-105:hover,.hover\:scale-110:hover{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\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1}.hover\:scale-\[1\.05\]:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;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\:border-\[var\(--primary-light\)\]:hover{border-color:var(--primary-light)}.hover\:border-border-dark:hover{border-color:var(--border-dark)}.hover\:border-border-darker:hover{border-color:var(--border-darker)}.hover\:border-border-light:hover{border-color:var(--border-light)}.hover\:border-error-main:hover{border-color:var(--error-main)}.hover\:border-neutral-900:hover{border-color:var(--neutral-900)}.hover\:border-primary-light:hover{border-color:var(--primary-light)}.hover\:border-primary-main:hover{border-color:var(--primary-main)}.hover\:border-transparent:hover{border-color:transparent}.hover\:\!bg-background-lighter:hover{background-color:var(--background-lighter)!important}.hover\:\!bg-secondary-main:hover{background-color:var(--secondary-main)!important}.hover\:bg-background-light:hover{background-color:var(--background-light)}.hover\:bg-background-lighter:hover{background-color:var(--background-lighter)}.hover\:bg-primary-dark:hover{background-color:var(--primary-dark)}.hover\:bg-primary-main:hover{background-color:var(--primary-main)}.hover\:bg-transparent:hover{background-color:transparent}.hover\:\!text-primary-dark:hover{color:var(--primary-dark)!important}.hover\:\!text-primary-darker:hover{color:var(--primary-darker)!important}.hover\:\!text-textandicon-darker:hover{color:var(--text-icon-darker)!important}.hover\:\!text-textandicon-lightest:hover{color:var(--text-icon-lightest)!important}.hover\:text-primary-dark:hover{color:var(--primary-dark)}.hover\:text-primary-darker:hover{color:var(--primary-darker)}.hover\:text-primary-main:hover{color:var(--primary-main)}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-70:hover{opacity:.7}.hover\:shadow-\[0px_0px_0px_1px_var\(--error-main\)\]:hover{--tw-shadow:0px 0px 0px 1px var(--error-main);--tw-shadow-colored:0px 0px 0px 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)}.hover\:shadow-\[inset_0px_0px_0px_1px_var\(--primary-light\)\]:hover{--tw-shadow:inset 0px 0px 0px 1px var(--primary-light);--tw-shadow-colored:inset 0px 0px 0px 1px var(--tw-shadow-color)}.hover\:shadow-\[inset_0px_0px_0px_1px_var\(--primary-light\)\]:hover,.hover\:shadow-none:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-none:hover{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.hover\:shadow-transparent:hover{--tw-shadow-color:transparent;--tw-shadow:var(--tw-shadow-colored)}.hover\:outline:hover{outline-style:solid}.hover\:outline-\[0px\]:hover{outline-width:0}.hover\:outline-\[2px\]:hover{outline-width:2px}.hover\:outline-offset-\[-2px\]:hover{outline-offset:-2px}.hover\:outline-\[var\(--primary-light\)\]:hover{outline-color:var(--primary-light)}.file\:hover\:bg-gray-200:hover::file-selector-button{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.focus\:border-0:focus{border-width:0}.focus\:border-none:focus{border-style:none}.focus\:border-\[var\(--primary-light\)\]:focus{border-color:var(--primary-light)}.focus\:bg-background-light:focus{background-color:var(--background-light)}.focus\:bg-primary-dark:focus{background-color:var(--primary-dark)}.focus\:bg-primary-lighter:focus{background-color:var(--primary-lighter)}.focus\:bg-success-dark:focus{background-color:var(--success-dark)}.focus\:shadow-none:focus{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:outline:focus{outline-style:solid}.focus\:outline-0:focus{outline-width:0}.focus\:outline-\[2px\]:focus{outline-width:2px}.focus\:outline-\[var\(--primary-light\)\]:focus{outline-color:var(--primary-light)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:outline-0:focus-visible{outline-width:0}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.active\:bg-primary-dark:active{background-color:var(--primary-dark)}.active\:bg-primary-lighter:active{background-color:var(--primary-lighter)}.active\:\!text-primary-darker:active{color:var(--primary-darker)!important}.active\:outline-\[0px\]:active{outline-width:0}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-100:disabled{opacity:1}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-35:disabled{opacity:.35}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:placeholder\:opacity-15:disabled::placeholder{opacity:.15}.group:hover .group-hover\:visible{visibility:visible}.group:hover .group-hover\:left-\[-58px\]{left:-58px}.group:hover .group-hover\:left-\[calc\(100\%\+50px\)\]{left:calc(100% + 50px)}.group:hover .group-hover\:size-\[32px\]{width:32px;height:32px}.group\/wrapper:hover .group-hover\/wrapper\:-translate-x-\[5px\]{--tw-translate-x:-5px}.group\/wrapper:hover .group-hover\/wrapper\:-translate-x-\[5px\],.group\/wrapper:hover .group-hover\/wrapper\:translate-x-\[0px\]{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))}.group\/wrapper:hover .group-hover\/wrapper\:translate-x-\[0px\]{--tw-translate-x:0px}.group:hover .group-hover\:scale-\[1\]{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:border-border-dark{border-color:var(--border-dark)}.group:hover .group-hover\:border-primary-darker{border-color:var(--primary-darker)}.group\/pin:hover .group-hover\/pin\:stroke-textandicon-darkest{stroke:var(--text-icon-darkest)}.group:hover .group-hover\:stroke-\[var\(--primary-darker\)\],.group:hover .group-hover\:stroke-primary-darker{stroke:var(--primary-darker)}.group:hover .group-hover\:text-primary-main{color:var(--primary-main)}.group:hover .group-hover\:opacity-100{opacity:1}.group:focus .group-focus\:stroke-black{stroke:#000}.group.toaster .group-\[\.toaster\]\:pointer-events-auto{pointer-events:auto}.group[data-align=center] .group-\[\&\[data-align\=center\]\]\:left-\[50\%\]{left:50%}.group[data-side=bottom] .group-\[\&\[data-side\=bottom\]\]\:top-\[-2px\]{top:-2px}.group[data-side=left] .group-\[\&\[data-side\=left\]\]\:right-\[-9px\]{right:-9px}.group[data-side=left] .group-\[\&\[data-side\=left\]\]\:top-\[50\%\]{top:50%}.group[data-side=right] .group-\[\&\[data-side\=right\]\]\:left-\[2px\]{left:2px}.group[data-side=right] .group-\[\&\[data-side\=right\]\]\:top-\[50\%\]{top:50%}.group[data-side=top] .group-\[\&\[data-side\=top\]\]\:bottom-\[-2px\]{bottom:-2px}.group[data-state=open] .group-\[\&\[data-state\=open\]\]\:size-\[40px\]{width:40px;height:40px}.group[data-align=center] .group-\[\&\[data-align\=center\]\]\:-translate-x-1\/2{--tw-translate-x:-50%;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))}.group[data-side=left] .group-\[\&\[data-side\=left\]\]\:translate-y-\[-50\%\],.group[data-side=right] .group-\[\&\[data-side\=right\]\]\:translate-y-\[-50\%\]{--tw-translate-y:-50%;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))}.group[data-state=open] .group-\[\&\[data-state\=open\]\]\:rotate-180{--tw-rotate:180deg;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))}.group[data-state=checked] .group-\[\&\[data-state\=checked\]\]\:border-primary-main{border-color:var(--primary-main)}.group[data-state=checked] .group-\[\&\[data-state\=checked\]\]\:bg-primary-main{background-color:var(--primary-main)}.group[data-state=checked] .group-\[\&\[data-state\=checked\]\]\:after\:translate-x-\[-50\%\]:after{--tw-translate-x:-50%}.group[data-state=checked] .group-\[\&\[data-state\=checked\]\]\:after\:translate-x-\[-50\%\]:after,.group[data-state=checked] .group-\[\&\[data-state\=checked\]\]\:after\:translate-y-\[-50\%\]:after{content:var(--tw-content);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))}.group[data-state=checked] .group-\[\&\[data-state\=checked\]\]\:after\:translate-y-\[-50\%\]:after{--tw-translate-y:-50%}.group[data-state=checked] .group-\[\&\[data-state\=checked\]\]\:after\:scale-\[1\]:after{content:var(--tw-content);--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-state=checked]:hover .group-\[\&\[data-state\=checked\]\]\:group-hover\:border-primary-darker{border-color:var(--primary-darker)}.group[data-state=unchecked]:hover .group-\[\&\[data-state\=unchecked\]\]\:group-hover\:border-border-dark{border-color:var(--border-dark)}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-30{opacity:.3}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true],.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[state\=open\]\:rotate-180[data-state=open]{--tw-rotate:180deg;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))}.data-\[selected\=\'true\'\]\:bg-background-lighter[data-selected=true]{background-color:var(--background-lighter)}.data-\[state\=active\]\:bg-secondary-dark[data-state=active]{background-color:var(--secondary-dark)}.data-\[state\=active\]\:bg-secondary-main[data-state=active]{background-color:var(--secondary-main)}.data-\[state\=open\]\:bg-background-light[data-state=open]{background-color:var(--background-light)}.data-\[state\=open\]\:bg-background-lightest[data-state=open]{background-color:var(--background-lightest)}.data-\[placeholder\]\:text-textandicon-dark[data-placeholder]{color:var(--text-icon-dark)}.data-\[state\=active\]\:text-secondary-main[data-state=active]{color:var(--secondary-main)}.data-\[state\=active\]\:text-textandicon-lightest[data-state=active]{color:var(--text-icon-lightest)}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[disabled\]\:opacity-30[data-disabled]{opacity:.3}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=closed\]\:duration-300[data-state=closed]{transition-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{transition-duration:.5s}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}.data-\[state\=closed\]\:duration-300[data-state=closed]{animation-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{animation-duration:.5s}@media not all and (min-width:768px){.max-md\:col-span-2{grid-column:span 2/span 2}.max-md\:w-\[120px\]{width:120px}.max-md\:w-full{width:100%}.max-md\:max-w-\[100px\]{max-width:100px}.max-md\:flex-col{flex-direction:column}.max-md\:text-center{text-align:center}}@media (max-width:400px){.max-\[400px\]\:flex-col{flex-direction:column}}@media not all and (min-width:360px){.max-sm\:w-full{width:100%}}@media (min-width:360px){.sm\:top-\[280px\]{top:280px}.sm\:block{display:block}.sm\:h-\[36px\]{height:36px}.sm\:h-\[40px\]{height:40px}.sm\:h-\[48px\]{height:48px}.sm\:max-w-none{max-width:none}.sm\:max-w-sm{max-width:24rem}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:gap-md{gap:var(--spacing-md)}.sm\:\!px-0{padding-left:0!important;padding-right:0!important}.sm\:\!px-sm{padding-left:var(--spacing-sm)!important;padding-right:var(--spacing-sm)!important}.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.sm\:px-xl{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.sm\:text-left{text-align:left}.sm\:text-label-lg{font-size:14px;line-height:20px;font-weight:500}}@media (min-width:768px){.md\:static{position:static}.md\:absolute{position:absolute}.md\:relative{position:relative}.md\:left-0{left:0}.md\:left-\[37px\]{left:37px}.md\:left-auto{left:auto}.md\:top-\[120px\]{top:120px}.md\:top-\[250px\]{top:250px}.md\:top-\[294px\]{top:294px}.md\:top-auto{top:auto}.md\:order-1{order:1}.md\:order-2{order:2}.md\:order-\[0\]{order:0}.md\:order-\[1\]{order:1}.md\:order-\[3\]{order:3}.md\:col-span-1{grid-column:span 1/span 1}.md\:mx-0{margin-left:0;margin-right:0}.md\:ml-md{margin-left:var(--spacing-md)}.md\:mr-auto{margin-right:auto}.md\:mr-md{margin-right:var(--spacing-md)}.md\:mr-xl{margin-right:var(--spacing-xl)}.md\:mt-0{margin-top:0}.md\:block{display:block}.md\:inline-block{display:inline-block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:size-\[20px\]{width:20px;height:20px}.md\:h-\[150px\]{height:150px}.md\:h-\[28px\]{height:28px}.md\:h-\[36px\]{height:36px}.md\:h-\[381px\]{height:381px}.md\:h-\[407px\]{height:407px}.md\:h-\[47px\]{height:47px}.md\:h-\[48px\]{height:48px}.md\:h-\[76px\]{height:76px}.md\:h-\[775px\]{height:775px}.md\:h-\[90vh\]{height:90vh}.md\:h-\[calc\(100vh-100px\)\]{height:calc(100vh - 100px)}.md\:h-auto{height:auto}.md\:h-fit{height:fit-content}.md\:h-full{height:100%}.md\:max-h-\[286px\]{max-height:286px}.md\:max-h-\[300px\]{max-height:300px}.md\:max-h-\[400px\]{max-height:400px}.md\:max-h-\[468px\]{max-height:468px}.md\:max-h-\[684px\]{max-height:684px}.md\:max-h-\[700px\]{max-height:700px}.md\:max-h-\[707px\]{max-height:707px}.md\:max-h-\[713px\]{max-height:713px}.md\:max-h-\[80vh\]{max-height:80vh}.md\:max-h-\[90vh\]{max-height:90vh}.md\:max-h-\[91vh\]{max-height:91vh}.md\:max-h-\[unset\]{max-height:unset}.md\:min-h-\[468px\]{min-height:468px}.md\:min-h-\[574px\]{min-height:574px}.md\:min-h-\[684px\]{min-height:684px}.md\:min-h-\[82px\]{min-height:82px}.md\:w-\[100px\]{width:100px}.md\:w-\[148px\]{width:148px}.md\:w-\[157px\]{width:157px}.md\:w-\[200px\]{width:200px}.md\:w-\[28px\]{width:28px}.md\:w-\[380px\]{width:380px}.md\:w-\[40\%\]{width:40%}.md\:w-\[460px\]{width:460px}.md\:w-\[54px\]{width:54px}.md\:w-\[550px\]{width:550px}.md\:w-\[680px\]{width:680px}.md\:w-\[700px\]{width:700px}.md\:w-\[800px\]{width:800px}.md\:w-\[94px\]{width:94px}.md\:w-auto{width:auto}.md\:w-fit{width:fit-content}.md\:w-full{width:100%}.md\:min-w-\[1130px\]{min-width:1130px}.md\:min-w-\[1134px\]{min-width:1134px}.md\:min-w-\[245px\]{min-width:245px}.md\:min-w-\[680px\]{min-width:680px}.md\:min-w-\[800px\]{min-width:800px}.md\:max-w-\[270px\]{max-width:270px}.md\:max-w-\[350px\]{max-width:350px}.md\:max-w-\[364px\]{max-width:364px}.md\:max-w-\[419px\]{max-width:419px}.md\:max-w-\[50\%\]{max-width:50%}.md\:max-w-\[51\.042vw\]{max-width:51.042vw}.md\:max-w-\[95\%\]{max-width:95%}.md\:max-w-\[calc\(25\%-18px\)\]{max-width:calc(25% - 18px)}.md\:max-w-full{max-width:100%}.md\:max-w-max{max-width:max-content}.md\:flex-1{flex:1 1 0%}.md\:flex-\[50\%\]{flex:50%}.md\:flex-\[55\%\]{flex:55%}.md\:translate-x-0{--tw-translate-x:0}.md\:translate-x-0,.md\:translate-y-0{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))}.md\:translate-y-0{--tw-translate-y:0}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:flex-wrap{flex-wrap:wrap}.md\:items-start{align-items:flex-start}.md\:items-center{align-items:center}.md\:justify-start{justify-content:flex-start}.md\:justify-end{justify-content:flex-end}.md\:justify-center{justify-content:center}.md\:justify-between{justify-content:space-between}.md\:gap-0,.md\:gap-\[0px\]{gap:0}.md\:gap-md{gap:var(--spacing-md)}.md\:gap-sm{gap:var(--spacing-sm)}.md\:gap-xl{gap:var(--spacing-xl)}.md\:self-center{align-self:center}.md\:overflow-auto{overflow:auto}.md\:overflow-hidden{overflow:hidden}.md\:overflow-y-scroll{overflow-y:scroll}.md\:whitespace-nowrap{white-space:nowrap}.md\:text-nowrap{text-wrap:nowrap}.md\:rounded-lg{border-radius:var(--radius-lg)}.md\:rounded-md{border-radius:var(--radius-md)}.md\:rounded-none{border-radius:var(--radius-none)}.md\:rounded-sm{border-radius:var(--radius-sm)}.md\:rounded-l-md{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.md\:rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.md\:rounded-br-lg{border-bottom-right-radius:var(--radius-lg)}.md\:rounded-tl-md{border-top-left-radius:var(--radius-md)}.md\:rounded-tr-md{border-top-right-radius:var(--radius-md)}.md\:border{border-width:1px}.md\:border-b{border-bottom-width:1px}.md\:border-r{border-right-width:1px}.md\:border-t{border-top-width:1px}.md\:border-none{border-style:none}.md\:bg-background-lighter{background-color:var(--background-lighter)}.md\:bg-background-lightest{background-color:var(--background-lightest)}.md\:bg-inherit{background-color:inherit}.md\:bg-transparent{background-color:transparent}.md\:bg-opacity-0{--tw-bg-opacity:0}.md\:object-cover{object-fit:cover}.md\:p-0{padding:0}.md\:p-xl{padding:var(--spacing-xl)}.md\:px-0,.md\:px-\[0px\]{padding-left:0;padding-right:0}.md\:px-\[21px\]{padding-left:21px;padding-right:21px}.md\:px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.md\:px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.md\:px-xl{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.md\:py-0{padding-top:0;padding-bottom:0}.md\:py-3xl{padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-3xl)}.md\:py-\[5px\]{padding-top:5px;padding-bottom:5px}.md\:py-\[6px\]{padding-top:6px;padding-bottom:6px}.md\:py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.md\:py-xl{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.md\:\!pr-\[60px\]{padding-right:60px!important}.md\:\!pr-\[70px\]{padding-right:70px!important}.md\:pb-0,.md\:pb-\[0px\]{padding-bottom:0}.md\:pb-\[11rem\]{padding-bottom:11rem}.md\:pb-\[48px\]{padding-bottom:48px}.md\:pb-xl{padding-bottom:var(--spacing-xl)}.md\:pl-sm{padding-left:var(--spacing-sm)}.md\:pr-md{padding-right:var(--spacing-md)}.md\:pt-3xl{padding-top:var(--spacing-3xl)}.md\:pt-xl{padding-top:var(--spacing-xl)}.md\:text-center{text-align:center}.md\:text-body-md{font-size:14px;line-height:28px;font-weight:400}.md\:text-headline-sm{font-size:20px;line-height:28px;font-weight:900}.md\:text-label-md{font-size:12px;line-height:18px;font-weight:500}.md\:text-title-lg{font-size:20px;line-height:28px;font-weight:600}.md\:shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.group\/pin:hover .md\:group-hover\/pin\:scale-100{--tw-scale-x:1;--tw-scale-y:1}.group:hover .md\:group-hover\:scale-125,.group\/pin:hover .md\:group-hover\/pin\:scale-100{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))}.group:hover .md\:group-hover\:scale-125{--tw-scale-x:1.25;--tw-scale-y:1.25}.group\/pin:hover .md\:group-hover\/pin\:stroke-textandicon-darkest{stroke:var(--text-icon-darkest)}}@media (min-width:1200px){.lg\:pointer-events-auto{pointer-events:auto}.lg\:static{position:static}.lg\:relative{position:relative}.lg\:top-auto{top:auto}.lg\:z-10{z-index:10}.lg\:ml-md{margin-left:var(--spacing-md)}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-\[64px\]{height:64px}.lg\:h-\[90px\]{height:90px}.lg\:min-h-\[96px\]{min-height:96px}.lg\:w-\[380px\]{width:380px}.lg\:w-\[64px\]{width:64px}.lg\:w-auto{width:auto}.lg\:max-w-\[470px\]{max-width:470px}.lg\:max-w-\[calc\(50\%-12px\)\]{max-width:calc(50% - 12px)}.lg\:max-w-max{max-width:max-content}.lg\:max-w-none{max-width:none}.lg\:flex-\[32\%\]{flex:32%}.lg\:flex-\[68\%\]{flex:68%}.lg\:-translate-x-0{--tw-translate-x:0}.lg\:-translate-x-0,.lg\:-translate-x-\[30px\]{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))}.lg\:-translate-x-\[30px\]{--tw-translate-x:-30px}.lg\:translate-x-0{--tw-translate-x:0}.lg\:scale-\[1\.01\],.lg\:translate-x-0{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))}.lg\:scale-\[1\.01\]{--tw-scale-x:1.01;--tw-scale-y:1.01}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:justify-start{justify-content:flex-start}.lg\:justify-between{justify-content:space-between}.lg\:gap-0{gap:0}.lg\:gap-md{gap:var(--spacing-md)}.lg\:gap-xl{gap:var(--spacing-xl)}.lg\:overflow-x-visible{overflow-x:visible}.lg\:whitespace-normal{white-space:normal}.lg\:object-\[43\%\]{object-position:43%}.lg\:px-2xl{padding-left:var(--spacing-2xl);padding-right:var(--spacing-2xl)}.lg\:px-3xl{padding-left:var(--spacing-3xl);padding-right:var(--spacing-3xl)}.lg\:py-3xl{padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-3xl)}.lg\:pl-\[5rem\]{padding-left:5rem}.lg\:pl-xl{padding-left:var(--spacing-xl)}.lg\:pt-\[0px\]{padding-top:0}.lg\:text-body-lg{font-size:16px;line-height:32px;font-weight:400}.lg\:text-headline-lg{font-size:32px;line-height:44px;font-weight:900}.lg\:text-headline-sm{font-size:20px;line-height:28px;font-weight:900}.lg\:opacity-100{opacity:1}.lg\:hover\:border-border-light:hover{border-color:var(--border-light)}.group:hover .lg\:group-hover\:pointer-events-auto{pointer-events:auto}.group:hover .lg\:group-hover\:translate-x-\[0\]{--tw-translate-x:0;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))}.group\/pin:hover .lg\:group-hover\/pin\:stroke-textandicon-darkest{stroke:var(--text-icon-darkest)}.group:hover .lg\:group-hover\:opacity-100{opacity:1}}@media (min-width:1440px){.xl\:h-auto{height:auto}.xl\:max-h-\[700px\]{max-height:700px}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4,.xl\:grid-cols-sm{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1920px){.\32xl\:h-\[766px\]{height:766px}.\32xl\:h-\[788px\]{height:788px}.\32xl\:h-auto{height:auto}.\32xl\:max-h-\[454px\]{max-height:454px}.\32xl\:max-h-\[510px\]{max-height:510px}.\32xl\:max-h-\[662px\]{max-height:662px}.\32xl\:max-h-\[712px\]{max-height:712px}.\32xl\:max-h-\[720px\]{max-height:720px}.\32xl\:max-h-\[750px\]{max-height:750px}.\32xl\:max-h-\[766px\]{max-height:766px}.\32xl\:max-h-\[788px\]{max-height:788px}.\32xl\:max-h-\[796px\]{max-height:796px}.\32xl\:max-h-\[864px\]{max-height:864px}.\32xl\:max-h-\[898px\]{max-height:898px}}@media (orientation:landscape){.landscape\:h-auto{height:auto}.landscape\:justify-center{justify-content:center}.landscape\:pb-\[90px\]{padding-bottom:90px}.landscape\:pt-\[18px\]{padding-top:18px}@media (min-width:768px){.landscape\:md\:h-screen{height:100vh}}}@media (prefers-color-scheme:dark){.dark\:border-t-0{border-top-width:0}.dark\:bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.hover\:\[\&\:not\(\:focus-within\)\]\:border-error-main:not(:focus-within):hover{border-color:var(--error-main)}.hover\:\[\&\:not\(\:focus-within\)\]\:border-primary-lighter:not(:focus-within):hover{border-color:var(--primary-lighter)}.hover\:\[\&\:not\(\:focus-within\)\]\:shadow-\[0px_0px_0px_1px_var\(--border-light\)\]:not(:focus-within):hover{--tw-shadow:0px 0px 0px 1px var(--border-light);--tw-shadow-colored:0px 0px 0px 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)}.hover\:\[\&\:not\(\:focus-within\)\]\:shadow-\[0px_0px_0px_1px_var\(--error-main\)\]:not(:focus-within):hover{--tw-shadow:0px 0px 0px 1px var(--error-main);--tw-shadow-colored:0px 0px 0px 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)}.\[\&\>div\>div\[style\]\]\:\!block>div>div[style]{display:block!important}.\[\&\>span\]\:line-clamp-1>span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.\[\&\>tr\]\:last\:border-b-0:last-child>tr{border-bottom-width:0}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{--tw-rotate:180deg;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))}.\[\&_\.ant-picker-cell-disabled\]\:opacity-50 .ant-picker-cell-disabled{opacity:.5}.\[\&_\.ant-picker-cell\]\:\!p-\[2px_0px\] .ant-picker-cell{padding:2px 0!important}.\[\&_\.ant-picker-cell\]\:\!text-textandicon-darker .ant-picker-cell{color:var(--text-icon-darker)!important}.\[\&_\.ant-picker-date-panel\]\:\!w-\[360px\] .ant-picker-date-panel{width:360px!important}.\[\&_\.ant-picker-date-panel\]\:\!w-auto .ant-picker-date-panel,.\[\&_\.ant-picker-decade-panel\]\:\!w-auto .ant-picker-decade-panel{width:auto!important}.\[\&_\.ant-picker-footer\]\:border-t-transparent .ant-picker-footer{border-top-color:transparent}.\[\&_\.ant-picker-header\]\:\!p-0 .ant-picker-header{padding:0!important}.\[\&_\.ant-picker-header\]\:\!p-sm .ant-picker-header{padding:var(--spacing-sm)!important}.\[\&_\.ant-picker-month-panel\]\:\!w-auto .ant-picker-month-panel{width:auto!important}.\[\&_\.ant-picker-ok\]\:\!w-full .ant-picker-ok{width:100%!important}.\[\&_\.ant-picker-ok\]\:w-full .ant-picker-ok{width:100%}.\[\&_\.ant-picker-ranges\]\:\!pb-md .ant-picker-ranges{padding-bottom:var(--spacing-md)!important}.\[\&_\.ant-picker-year-panel\]\:\!w-auto .ant-picker-year-panel{width:auto!important}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{font-weight:500}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_input\]\:w-\[inherit\] input{width:inherit}.\[\&_input\]\:\!placeholder-textandicon-dark input::placeholder{color:var(--text-icon-dark)!important}.\[\&_span\]\:\!text-\[\#000\] span{--tw-text-opacity:1!important;color:rgb(0 0 0/var(--tw-text-opacity,1))!important}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0}.\[\&_tr\]\:border-b tr{border-bottom-width:1px}.\[\&_tr\]\:border-b-border-light tr{border-bottom-color:var(--border-light)}