*, :before, :after
{
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
}
:before, :after
{
    --tw-content: "";
}
html, :host
{
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
}
body
{
    margin: 0;
    line-height: inherit;
}
hr
{
    height: 0;
    color: inherit;
    border-top-width: 1px;
}
abbr:where([title])
{
    text-decoration: underline dotted;
}
h1, h2, h3, h4, h5, h6
{
    font-size: inherit;
    font-weight: inherit;
}
a
{
    color: inherit;
    text-decoration: inherit;
}
b, strong
{
    font-weight: bolder;
}
code, kbd, samp, pre
{
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em;
}
small
{
    font-size: 80%;
}
sub, sup
{
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub
{
    bottom: -.25em;
}
sup
{
    top: -.5em;
}
table
{
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
}
button, input, optgroup, select, textarea
{
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
}
button, select
{
    text-transform: none;
}
button, input:where([type=button]), input:where([type=reset]), input:where([type=submit])
{
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
}
:-moz-focusring
{
    outline: auto;
}
:-moz-ui-invalid
{
    box-shadow: none;
}
progress
{
    vertical-align: baseline;
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button
{
    height: auto;
}
[type=search]
{
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
::-webkit-search-decoration
{
    -webkit-appearance: none;
}
::-webkit-file-upload-button
{
    -webkit-appearance: button;
    font: inherit;
}
summary
{
    display: list-item;
}
blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre
{
    margin: 0;
}
fieldset
{
    margin: 0;
    padding: 0;
}
legend
{
    padding: 0;
}
ol, ul, menu
{
    list-style: none;
    margin: 0;
    padding: 0;
}
dialog
{
    padding: 0;
}
textarea
{
    resize: vertical;
}
input::placeholder, textarea::placeholder
{
    opacity: 1;
    color: #9ca3af;
}
button, [role=button]
{
    cursor: pointer;
}
:disabled
{
    cursor: default;
}
img, svg, video, canvas, audio, iframe, embed, object
{
    display: block;
    vertical-align: middle;
}
img, video
{
    max-width: 100%;
    height: auto;
}
[hidden]
{
    display: none;
}
*, :before, :after
{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246/.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
}
::backdrop
{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246/.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
}
.\!container
{
    width: 100%!important;
    margin-right: auto!important;
    margin-left: auto!important;
    padding-right: 1rem!important;
    padding-left: 1rem!important;
}
.container
{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1rem;
    padding-left: 1rem;
}
@media(min-width: 640px)
{
    .\!container
    {
        max-width: 640px!important;
    }
    .container
    {
        max-width: 640px;
    }
}
@media(min-width: 768px)
{
    .\!container
    {
        max-width: 768px!important;
    }
    .container
    {
        max-width: 768px;
    }
}
@media(min-width: 1024px)
{
    .\!container
    {
        max-width: 1024px!important;
    }
    .container
    {
        max-width: 1024px;
    }
}
@media(min-width: 1280px)
{
    .\!container
    {
        max-width: 1280px!important;
    }
    .container
    {
        max-width: 1280px;
    }
}
@media(min-width: 1440px)
{
    .\!container
    {
        max-width: 1440px!important;
    }
    .container
    {
        max-width: 1440px;
    }
}
.pointer-events-none
{
    pointer-events: none;
}
.visible
{
    visibility: visible;
}
.static
{
    position: static;
}
.fixed
{
    position: fixed;
}
.absolute
{
    position: absolute;
}
.relative
{
    position: relative;
}
.sticky
{
    position: sticky;
}
.inset-0
{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.-bottom-1
{
    bottom: -.25rem;
}
.-bottom-14
{
    bottom: -3.5rem;
}
.-bottom-9
{
    bottom: -2.25rem;
}
.-left-3
{
    left: -.75rem;
}
.-left-4
{
    left: -1rem;
}
.-right-0
{
    right: -0;
}
.-right-2
{
    right: -.5rem;
}
.-right-3
{
    right: -.75rem;
}
.-right-4
{
    right: -1rem;
}
.-right-6
{
    right: -1.5rem;
}
.-right-\[1px\]
{
    right: -1px;
}
.-right-\[30px\]
{
    right: -30px;
}
.-right-\[7px\]
{
    right: -7px;
}
.-top-1
{
    top: -.25rem;
}
.-top-2
{
    top: -.5rem;
}
.-top-3
{
    top: -.75rem;
}
.-top-6
{
    top: -1.5rem;
}
.-top-\[10px\]
{
    top: -10px;
}
.-top-\[11px\]
{
    top: -11px;
}
.-top-\[18px\]
{
    top: -18px;
}
.-top-full
{
    top: -100%;
}
.bottom-0
{
    bottom: 0;
}
.bottom-0\.5
{
    bottom: .125rem;
}
.bottom-1
{
    bottom: .25rem;
}
.bottom-2
{
    bottom: .5rem;
}
.bottom-24
{
    bottom: 6rem;
}
.bottom-36
{
    bottom: 9rem;
}
.bottom-48
{
    bottom: 12rem;
}
.bottom-52
{
    bottom: 13rem;
}
.bottom-6
{
    bottom: 1.5rem;
}
.bottom-60
{
    bottom: 15rem;
}
.bottom-auto
{
    bottom: auto;
}
.bottom-full
{
    bottom: 100%;
}
.left-0
{
    left: 0;
}
.left-1
{
    left: .25rem;
}
.left-1\/2
{
    left: 50%;
}
.left-2
{
    left: .5rem;
}
.left-2\.5
{
    left: .625rem;
}
.left-3
{
    left: .75rem;
}
.left-3\/4
{
    left: 75%;
}
.left-4
{
    left: 1rem;
}
.left-5
{
    left: 1.25rem;
}
.left-7
{
    left: 1.75rem;
}
.left-\[10px\]
{
    left: 10px;
}
.left-\[50\%\]
{
    left: 50%;
}
.left-\[5px\]
{
    left: 5px;
}
.left-\[74\%\]
{
    left: 74%;
}
.left-auto
{
    left: auto;
}
.left-full
{
    left: 100%;
}
.right-0
{
    right: 0;
}
.right-1
{
    right: .25rem;
}
.right-10
{
    right: 2.5rem;
}
.right-14
{
    right: 3.5rem;
}
.right-2
{
    right: .5rem;
}
.right-2\.5
{
    right: .625rem;
}
.right-3
{
    right: .75rem;
}
.right-4
{
    right: 1rem;
}
.right-5
{
    right: 1.25rem;
}
.right-6
{
    right: 1.5rem;
}
.right-7
{
    right: 1.75rem;
}
.right-\[10px\]
{
    right: 10px;
}
.right-\[17px\]
{
    right: 17px;
}
.right-\[1px\]
{
    right: 1px;
}
.right-\[5px\]
{
    right: 5px;
}
.right-\[74\%\]
{
    right: 74%;
}
.right-auto
{
    right: auto;
}
.top-0
{
    top: 0;
}
.top-1
{
    top: .25rem;
}
.top-1\/2
{
    top: 50%;
}
.top-1\/4
{
    top: 25%;
}
.top-12
{
    top: 3rem;
}
.top-2
{
    top: .5rem;
}
.top-2\.5
{
    top: .625rem;
}
.top-2\/4
{
    top: 50%;
}
.top-3
{
    top: .75rem;
}
.top-3\.5
{
    top: .875rem;
}
.top-4
{
    top: 1rem;
}
.top-5
{
    top: 1.25rem;
}
.top-7
{
    top: 1.75rem;
}
.top-8
{
    top: 2rem;
}
.top-\[0\]
{
    top: 0;
}
.top-\[38px\]
{
    top: 38px;
}
.top-\[3px\]
{
    top: 3px;
}
.top-\[50\%\]
{
    top: 50%;
}
.top-\[50px\]
{
    top: 50px;
}
.top-\[7px\]
{
    top: 7px;
}
.top-full
{
    top: 100%;
}
.isolate
{
    isolation: isolate;
}
.-z-10
{
    z-index: -10;
}
.-z-\[2000\]
{
    z-index: -2000;
}
.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-\[1000\]
{
    z-index: 1000;
}
.z-\[100\]
{
    z-index: 100;
}
.z-\[101\]
{
    z-index: 101;
}
.z-\[10\]
{
    z-index: 10;
}
.z-\[1100\]
{
    z-index: 1100;
}
.z-\[11\]
{
    z-index: 11;
}
.z-\[1\]
{
    z-index: 1;
}
.z-\[2000\]
{
    z-index: 2000;
}
.z-\[2024\]
{
    z-index: 2024;
}
.z-\[2025\]
{
    z-index: 2025;
}
.z-\[20\]
{
    z-index: 20;
}
.z-\[2100\]
{
    z-index: 2100;
}
.z-\[2500\]
{
    z-index: 2500;
}
.z-\[2\]
{
    z-index: 2;
}
.z-\[300\]
{
    z-index: 300;
}
.z-\[3\]
{
    z-index: 3;
}
.z-\[500\]
{
    z-index: 500;
}
.z-\[50\]
{
    z-index: 50;
}
.z-\[5px\]
{
    z-index: 5px;
}
.z-\[60\]
{
    z-index: 60;
}
.z-\[61\]
{
    z-index: 61;
}
.z-\[7\]
{
    z-index: 7;
}
.z-\[8\]
{
    z-index: 8;
}
.z-\[9999\]
{
    z-index: 9999;
}
.z-\[999\]
{
    z-index: 999;
}
.z-\[9\]
{
    z-index: 9;
}
.col-span-1
{
    grid-column: span 1/span 1;
}
.col-span-2
{
    grid-column: span 2/span 2;
}
.col-span-3
{
    grid-column: span 3/span 3;
}
.row-span-2
{
    grid-row: span 2/span 2;
}
.float-end
{
    float: inline-end;
}
.clear-both
{
    clear: both;
}
.m-0
{
    margin: 0;
}
.m-2\.5
{
    margin: .625rem;
}
.m-auto
{
    margin: auto;
}
.-mx-2
{
    margin-left: -.5rem;
    margin-right: -.5rem;
}
.-mx-4
{
    margin-left: -1rem;
    margin-right: -1rem;
}
.-my-1\.5
{
    margin-top: -.375rem;
    margin-bottom: -.375rem;
}
.mx-0\.5
{
    margin-left: .125rem;
    margin-right: .125rem;
}
.mx-1
{
    margin-left: .25rem;
    margin-right: .25rem;
}
.mx-1\.5
{
    margin-left: .375rem;
    margin-right: .375rem;
}
.mx-2
{
    margin-left: .5rem;
    margin-right: .5rem;
}
.mx-2\.5
{
    margin-left: .625rem;
    margin-right: .625rem;
}
.mx-3
{
    margin-left: .75rem;
    margin-right: .75rem;
}
.mx-4
{
    margin-left: 1rem;
    margin-right: 1rem;
}
.mx-5
{
    margin-left: 1.25rem;
    margin-right: 1.25rem;
}
.mx-6
{
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}
.mx-\[10px\]
{
    margin-left: 10px;
    margin-right: 10px;
}
.mx-\[2px\]
{
    margin-left: 2px;
    margin-right: 2px;
}
.mx-\[5px\]
{
    margin-left: 5px;
    margin-right: 5px;
}
.mx-\[68px\]
{
    margin-left: 68px;
    margin-right: 68px;
}
.mx-auto
{
    margin-left: auto;
    margin-right: auto;
}
.my-1
{
    margin-top: .25rem;
    margin-bottom: .25rem;
}
.my-10
{
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}
.my-2
{
    margin-top: .5rem;
    margin-bottom: .5rem;
}
.my-2\.5
{
    margin-top: .625rem;
    margin-bottom: .625rem;
}
.my-3
{
    margin-top: .75rem;
    margin-bottom: .75rem;
}
.my-4
{
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.my-5
{
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}
.my-6
{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.my-8
{
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.my-\[14px\]
{
    margin-top: 14px;
    margin-bottom: 14px;
}
.my-\[20px\]
{
    margin-top: 20px;
    margin-bottom: 20px;
}
.\!mr-0
{
    margin-right: 0!important;
}
.-mb-4
{
    margin-bottom: -1rem;
}
.-mt-1
{
    margin-top: -.25rem;
}
.-mt-2\.5
{
    margin-top: -.625rem;
}
.-mt-3\.5
{
    margin-top: -.875rem;
}
.-mt-4
{
    margin-top: -1rem;
}
.-mt-6
{
    margin-top: -1.5rem;
}
.-mt-7
{
    margin-top: -1.75rem;
}
.-mt-\[100px\]
{
    margin-top: -100px;
}
.mb-0
{
    margin-bottom: 0;
}
.mb-0\.5
{
    margin-bottom: .125rem;
}
.mb-1
{
    margin-bottom: .25rem;
}
.mb-1\.5
{
    margin-bottom: .375rem;
}
.mb-2
{
    margin-bottom: .5rem;
}
.mb-2\.5
{
    margin-bottom: .625rem;
}
.mb-3
{
    margin-bottom: .75rem;
}
.mb-4
{
    margin-bottom: 1rem;
}
.mb-5
{
    margin-bottom: 1.25rem;
}
.mb-6
{
    margin-bottom: 1.5rem;
}
.mb-8
{
    margin-bottom: 2rem;
}
.mb-9
{
    margin-bottom: 2.25rem;
}
.mb-\[11px\]
{
    margin-bottom: 11px;
}
.mb-\[14px\]
{
    margin-bottom: 14px;
}
.mb-\[15px\]
{
    margin-bottom: 15px;
}
.mb-\[16px\]
{
    margin-bottom: 16px;
}
.mb-\[18px\]
{
    margin-bottom: 18px;
}
.mb-\[26px\]
{
    margin-bottom: 26px;
}
.mb-\[2px\]
{
    margin-bottom: 2px;
}
.mb-\[3px\]
{
    margin-bottom: 3px;
}
.mb-px
{
    margin-bottom: 1px;
}
.ml-1
{
    margin-left: .25rem;
}
.ml-2
{
    margin-left: .5rem;
}
.ml-3
{
    margin-left: .75rem;
}
.ml-4
{
    margin-left: 1rem;
}
.ml-5
{
    margin-left: 1.25rem;
}
.ml-7
{
    margin-left: 1.75rem;
}
.ml-8
{
    margin-left: 2rem;
}
.ml-\[10px\]
{
    margin-left: 10px;
}
.ml-\[15px\]
{
    margin-left: 15px;
}
.ml-\[19px\]
{
    margin-left: 19px;
}
.ml-\[2px\]
{
    margin-left: 2px;
}
.mr-0
{
    margin-right: 0;
}
.mr-0\.5
{
    margin-right: .125rem;
}
.mr-1
{
    margin-right: .25rem;
}
.mr-1\.5
{
    margin-right: .375rem;
}
.mr-2
{
    margin-right: .5rem;
}
.mr-2\.5
{
    margin-right: .625rem;
}
.mr-3
{
    margin-right: .75rem;
}
.mr-4
{
    margin-right: 1rem;
}
.mr-5
{
    margin-right: 1.25rem;
}
.mr-8
{
    margin-right: 2rem;
}
.mr-\[15px\]
{
    margin-right: 15px;
}
.mr-\[19px\]
{
    margin-right: 19px;
}
.mr-\[2\%\]
{
    margin-right: 2%;
}
.mr-\[5px\]
{
    margin-right: 5px;
}
.mr-\[6px\]
{
    margin-right: 6px;
}
.mr-px
{
    margin-right: 1px;
}
.mt-0
{
    margin-top: 0;
}
.mt-0\.5
{
    margin-top: .125rem;
}
.mt-1
{
    margin-top: .25rem;
}
.mt-1\.5
{
    margin-top: .375rem;
}
.mt-10
{
    margin-top: 2.5rem;
}
.mt-2
{
    margin-top: .5rem;
}
.mt-2\.5
{
    margin-top: .625rem;
}
.mt-3
{
    margin-top: .75rem;
}
.mt-4
{
    margin-top: 1rem;
}
.mt-5
{
    margin-top: 1.25rem;
}
.mt-6
{
    margin-top: 1.5rem;
}
.mt-8
{
    margin-top: 2rem;
}
.mt-\[-3px\]
{
    margin-top: -3px;
}
.mt-\[15px\]
{
    margin-top: 15px;
}
.mt-\[18px\]
{
    margin-top: 18px;
}
.mt-\[24\%\]
{
    margin-top: 24%;
}
.mt-\[26px\]
{
    margin-top: 26px;
}
.mt-\[2px\]
{
    margin-top: 2px;
}
.mt-\[42px\]
{
    margin-top: 42px;
}
.mt-\[6\%\]
{
    margin-top: 6%;
}
.mt-\[6px\]
{
    margin-top: 6px;
}
.box-border
{
    box-sizing: border-box;
}
.box-content
{
    box-sizing: content-box;
}
.\!line-clamp-2
{
    overflow: hidden!important;
    display: -webkit-box!important;
    -webkit-box-orient: vertical!important;
    -webkit-line-clamp: 2!important;
}
.line-clamp-1
{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.line-clamp-2
{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.line-clamp-3
{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.line-clamp-4
{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.block
{
    display: block;
}
.inline-block
{
    display: inline-block;
}
.inline
{
    display: inline;
}
.flex
{
    display: flex;
}
.inline-flex
{
    display: inline-flex;
}
.table
{
    display: table;
}
.grid
{
    display: grid;
}
.contents
{
    display: contents;
}
.list-item
{
    display: list-item;
}
.\!hidden
{
    display: none!important;
}
.hidden
{
    display: none;
}
.aspect-\[3\/1\]
{
    aspect-ratio: 3/1;
}
.aspect-\[3\/2\]
{
    aspect-ratio: 3/2;
}
.aspect-\[3\/4\]
{
    aspect-ratio: 3/4;
}
.aspect-\[4\/3\]
{
    aspect-ratio: 4/3;
}
.aspect-square
{
    aspect-ratio: 1/1;
}
.h-0
{
    height: 0;
}
.h-0\.5
{
    height: .125rem;
}
.h-1
{
    height: .25rem;
}
.h-1\/2
{
    height: 50%;
}
.h-10
{
    height: 2.5rem;
}
.h-11
{
    height: 2.75rem;
}
.h-12
{
    height: 3rem;
}
.h-14
{
    height: 3.5rem;
}
.h-16
{
    height: 4rem;
}
.h-2
{
    height: .5rem;
}
.h-2\.5
{
    height: .625rem;
}
.h-20
{
    height: 5rem;
}
.h-24
{
    height: 6rem;
}
.h-3
{
    height: .75rem;
}
.h-3\.5
{
    height: .875rem;
}
.h-3\/4
{
    height: 75%;
}
.h-32
{
    height: 8rem;
}
.h-36
{
    height: 9rem;
}
.h-4
{
    height: 1rem;
}
.h-4\/5
{
    height: 80%;
}
.h-5
{
    height: 1.25rem;
}
.h-6
{
    height: 1.5rem;
}
.h-7
{
    height: 1.75rem;
}
.h-8
{
    height: 2rem;
}
.h-9
{
    height: 2.25rem;
}
.h-96
{
    height: 24rem;
}
.h-\[100px\]
{
    height: 100px;
}
.h-\[113\%\]
{
    height: 113%;
}
.h-\[12px\]
{
    height: 12px;
}
.h-\[14px\]
{
    height: 14px;
}
.h-\[16\%\]
{
    height: 16%;
}
.h-\[17\%\]
{
    height: 17%;
}
.h-\[18px\]
{
    height: 18px;
}
.h-\[22px\]
{
    height: 22px;
}
.h-\[26px\]
{
    height: 26px;
}
.h-\[28px\]
{
    height: 28px;
}
.h-\[2px\]
{
    height: 2px;
}
.h-\[32px\]
{
    height: 32px;
}
.h-\[3px\]
{
    height: 3px;
}
.h-\[40\%\]
{
    height: 40%;
}
.h-\[40px\]
{
    height: 40px;
}
.h-\[44px\]
{
    height: 44px;
}
.h-\[46px\]
{
    height: 46px;
}
.h-\[48px\]
{
    height: 48px;
}
.h-\[5px\]
{
    height: 5px;
}
.h-\[60\%\]
{
    height: 60%;
}
.h-\[60px\]
{
    height: 60px;
}
.h-\[65\%\]
{
    height: 65%;
}
.h-\[68px\]
{
    height: 68px;
}
.h-\[70px\]
{
    height: 70px;
}
.h-\[70vh\]
{
    height: 70vh;
}
.h-\[72px\]
{
    height: 72px;
}
.h-\[73px\]
{
    height: 73px;
}
.h-\[80\%\]
{
    height: 80%;
}
.h-\[80vh\]
{
    height: 80vh;
}
.h-\[84px\]
{
    height: 84px;
}
.h-\[88px\]
{
    height: 88px;
}
.h-\[8px\]
{
    height: 8px;
}
.h-\[90px\]
{
    height: 90px;
}
.h-\[94px\]
{
    height: 94px;
}
.h-auto
{
    height: auto;
}
.h-fit
{
    height: fit-content;
}
.h-full
{
    height: 100%;
}
.h-px
{
    height: 1px;
}
.h-screen
{
    height: 100vh;
}
.max-h-10
{
    max-height: 2.5rem;
}
.max-h-16
{
    max-height: 4rem;
}
.max-h-24
{
    max-height: 6rem;
}
.max-h-28
{
    max-height: 7rem;
}
.max-h-60
{
    max-height: 15rem;
}
.max-h-8
{
    max-height: 2rem;
}
.max-h-\[1200px\]
{
    max-height: 1200px;
}
.max-h-\[200px\]
{
    max-height: 200px;
}
.max-h-\[260px\]
{
    max-height: 260px;
}
.max-h-\[68\%\]
{
    max-height: 68%;
}
.max-h-\[70\%\]
{
    max-height: 70%;
}
.max-h-\[70vh\]
{
    max-height: 70vh;
}
.max-h-\[80\%\]
{
    max-height: 80%;
}
.max-h-\[85vh\]
{
    max-height: 85vh;
}
.max-h-\[calc\(100vh-80px\)\]
{
    max-height: calc(100vh - 80px);
}
.max-h-full
{
    max-height: 100%;
}
.max-h-max
{
    max-height: max-content;
}
.min-h-10
{
    min-height: 2.5rem;
}
.min-h-\[73px\]
{
    min-height: 73px;
}
.min-h-\[88px\]
{
    min-height: 88px;
}
.min-h-\[95px\]
{
    min-height: 95px;
}
.min-h-full
{
    min-height: 100%;
}
.\!w-auto
{
    width: auto!important;
}
.\!w-full
{
    width: 100%!important;
}
.w-0
{
    width: 0;
}
.w-1\.5
{
    width: .375rem;
}
.w-1\/2
{
    width: 50%;
}
.w-1\/3
{
    width: 33.333333%;
}
.w-1\/4
{
    width: 25%;
}
.w-1\/5
{
    width: 20%;
}
.w-1\/6
{
    width: 16.666667%;
}
.w-10
{
    width: 2.5rem;
}
.w-11\/12
{
    width: 91.666667%;
}
.w-12
{
    width: 3rem;
}
.w-14
{
    width: 3.5rem;
}
.w-16
{
    width: 4rem;
}
.w-2
{
    width: .5rem;
}
.w-2\.5
{
    width: .625rem;
}
.w-2\/3
{
    width: 66.666667%;
}
.w-2\/5
{
    width: 40%;
}
.w-20
{
    width: 5rem;
}
.w-24
{
    width: 6rem;
}
.w-28
{
    width: 7rem;
}
.w-3\/5
{
    width: 60%;
}
.w-32
{
    width: 8rem;
}
.w-36
{
    width: 9rem;
}
.w-4
{
    width: 1rem;
}
.w-40
{
    width: 10rem;
}
.w-5
{
    width: 1.25rem;
}
.w-6
{
    width: 1.5rem;
}
.w-7
{
    width: 1.75rem;
}
.w-72
{
    width: 18rem;
}
.w-8
{
    width: 2rem;
}
.w-80
{
    width: 20rem;
}
.w-9
{
    width: 2.25rem;
}
.w-96
{
    width: 24rem;
}
.w-\[100px\]
{
    width: 100px;
}
.w-\[12px\]
{
    width: 12px;
}
.w-\[14px\]
{
    width: 14px;
}
.w-\[155px\]
{
    width: 155px;
}
.w-\[16px\]
{
    width: 16px;
}
.w-\[22px\]
{
    width: 22px;
}
.w-\[27px\]
{
    width: 27px;
}
.w-\[27vw\]
{
    width: 27vw;
}
.w-\[28px\]
{
    width: 28px;
}
.w-\[2px\]
{
    width: 2px;
}
.w-\[30\%\]
{
    width: 30%;
}
.w-\[31px\]
{
    width: 31px;
}
.w-\[32px\]
{
    width: 32px;
}
.w-\[34\%\]
{
    width: 34%;
}
.w-\[35px\]
{
    width: 35px;
}
.w-\[36\%\]
{
    width: 36%;
}
.w-\[380px\]
{
    width: 380px;
}
.w-\[3px\]
{
    width: 3px;
}
.w-\[40\%\]
{
    width: 40%;
}
.w-\[40vw\]
{
    width: 40vw;
}
.w-\[45\%\]
{
    width: 45%;
}
.w-\[45px\]
{
    width: 45px;
}
.w-\[48px\]
{
    width: 48px;
}
.w-\[50\%\]
{
    width: 50%;
}
.w-\[50px\]
{
    width: 50px;
}
.w-\[55px\]
{
    width: 55px;
}
.w-\[5px\]
{
    width: 5px;
}
.w-\[60px\]
{
    width: 60px;
}
.w-\[64\%\]
{
    width: 64%;
}
.w-\[68px\]
{
    width: 68px;
}
.w-\[70\%\]
{
    width: 70%;
}
.w-\[71\%\]
{
    width: 71%;
}
.w-\[73px\]
{
    width: 73px;
}
.w-\[74\%\]
{
    width: 74%;
}
.w-\[80\%\]
{
    width: 80%;
}
.w-\[82px\]
{
    width: 82px;
}
.w-\[88px\]
{
    width: 88px;
}
.w-\[90\%\]
{
    width: 90%;
}
.w-\[90px\]
{
    width: 90px;
}
.w-\[93px\]
{
    width: 93px;
}
.w-\[calc\(100\%-100px\)\]
{
    width: calc(100% - 100px);
}
.w-\[calc\(100\%-32px\)\]
{
    width: calc(100% - 32px);
}
.w-\[calc\(50\%-8px\)\]
{
    width: calc(50% - 8px);
}
.w-auto
{
    width: auto;
}
.w-fit
{
    width: fit-content;
}
.w-full
{
    width: 100%;
}
.w-px
{
    width: 1px;
}
.w-screen
{
    width: 100vw;
}
.min-w-10
{
    min-width: 2.5rem;
}
.min-w-20
{
    min-width: 5rem;
}
.min-w-24
{
    min-width: 6rem;
}
.min-w-28
{
    min-width: 7rem;
}
.min-w-36
{
    min-width: 9rem;
}
.min-w-40
{
    min-width: 10rem;
}
.min-w-44
{
    min-width: 11rem;
}
.min-w-5
{
    min-width: 1.25rem;
}
.min-w-52
{
    min-width: 13rem;
}
.min-w-60
{
    min-width: 15rem;
}
.min-w-\[131px\]
{
    min-width: 131px;
}
.min-w-\[220px\]
{
    min-width: 220px;
}
.min-w-\[40\%\]
{
    min-width: 40%;
}
.min-w-\[41\%\]
{
    min-width: 41%;
}
.min-w-\[83px\]
{
    min-width: 83px;
}
.min-w-full
{
    min-width: 100%;
}
.max-w-16
{
    max-width: 4rem;
}
.max-w-24
{
    max-width: 6rem;
}
.max-w-28
{
    max-width: 7rem;
}
.max-w-2xl
{
    max-width: 42rem;
}
.max-w-32
{
    max-width: 8rem;
}
.max-w-3xl
{
    max-width: 48rem;
}
.max-w-5xl
{
    max-width: 64rem;
}
.max-w-6xl
{
    max-width: 72rem;
}
.max-w-\[1280px\]
{
    max-width: 1280px;
}
.max-w-\[30\%\]
{
    max-width: 30%;
}
.max-w-\[38\%\]
{
    max-width: 38%;
}
.max-w-\[40\%\]
{
    max-width: 40%;
}
.max-w-\[400px\]
{
    max-width: 400px;
}
.max-w-\[50\%\]
{
    max-width: 50%;
}
.max-w-\[60px\]
{
    max-width: 60px;
}
.max-w-\[70\%\]
{
    max-width: 70%;
}
.max-w-\[80\%\]
{
    max-width: 80%;
}
.max-w-\[84\%\]
{
    max-width: 84%;
}
.max-w-\[90vw\]
{
    max-width: 90vw;
}
.max-w-\[95\%\]
{
    max-width: 95%;
}
.max-w-full
{
    max-width: 100%;
}
.max-w-none
{
    max-width: none;
}
.max-w-screen-md
{
    max-width: 768px;
}
.max-w-screen-sm
{
    max-width: 640px;
}
.max-w-xl
{
    max-width: 36rem;
}
.flex-1
{
    flex: 1 1 0%;
}
.flex-shrink-0, .shrink-0
{
    flex-shrink: 0;
}
.flex-grow
{
    flex-grow: 1;
}
.basis-1\/3
{
    flex-basis: 33.333333%;
}
.origin-\[50\%_75\%\]
{
    transform-origin: 50% 75%;
}
.origin-bottom-left
{
    transform-origin: bottom left;
}
.origin-top
{
    transform-origin: top;
}
.origin-top-right
{
    transform-origin: top right;
}
.-translate-x-1\/2
{
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-full
{
    --tw-translate-x: -100%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2
{
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[10\%\]
{
    --tw-translate-y: -10%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[50\%\]
{
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-1\/2
{
    --tw-translate-x: 50%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-full
{
    --tw-translate-x: 100%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[100vh\]
{
    --tw-translate-y: 100vh;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[300\%\]
{
    --tw-translate-y: 300%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-full
{
    --tw-translate-y: 100%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-45
{
    --tw-rotate: -45deg;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-\[15deg\]
{
    --tw-rotate: -15deg;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-0
{
    --tw-rotate: 0deg;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180
{
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[15deg\]
{
    --tw-rotate: 15deg;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-0
{
    --tw-scale-x: 0;
    --tw-scale-y: 0;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-125
{
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-50
{
    --tw-scale-x: .5;
    --tw-scale-y: .5;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-90
{
    --tw-scale-x: .9;
    --tw-scale-y: .9;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-95
{
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[\.65\]
{
    --tw-scale-x: .65;
    --tw-scale-y: .65;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[80\%\]
{
    --tw-scale-x: 80%;
    --tw-scale-y: 80%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-y-0
{
    --tw-scale-y: 0;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform
{
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes pop-in
{
    0%
    {
        transform: scale(0);
        opacity: 0;
    }
    80%
    {
        transform: scale(1.1);
        opacity: 1;
    }
    to
    {
        transform: scale(1);
        opacity: 1;
    }
}
.animate-pop-in
{
    animation: pop-in .4s ease-out forwards;
}
@keyframes pop-out
{
    0%
    {
        transform: scale(1);
        opacity: 1;
    }
    20%
    {
        transform: scale(1.1);
        opacity: 1;
    }
    to
    {
        transform: scale(0);
        opacity: 0;
    }
}
.animate-pop-out
{
    animation: pop-out .4s ease-out forwards;
}
@keyframes pulse
{
    50%
    {
        opacity: .5;
    }
}
.animate-pulse
{
    animation: pulse 2s cubic-bezier(.4,0,.6,1) infinite;
}
@keyframes shake
{
    0%, to
    {
        transform: rotate(0);
    }
    25%
    {
        transform: rotate(-10deg);
    }
    75%
    {
        transform: rotate(10deg);
    }
}
.animate-shake
{
    animation: shake .3s ease-in-out 2;
}
@keyframes spin
{
    to
    {
        transform: rotate(360deg);
    }
}
.animate-spin
{
    animation: spin 1s linear infinite;
}
.\!cursor-not-allowed
{
    cursor: not-allowed!important;
}
.cursor-auto
{
    cursor: auto;
}
.cursor-not-allowed
{
    cursor: not-allowed;
}
.cursor-pointer
{
    cursor: pointer;
}
.select-none
{
    -webkit-user-select: none;
    user-select: none;
}
.resize
{
    resize: both;
}
.list-none
{
    list-style-type: none;
}
.appearance-none
{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.columns-2
{
    columns: 2;
}
.break-inside-avoid
{
    break-inside: avoid;
}
.grid-flow-row
{
    grid-auto-flow: row;
}
.grid-cols-1
{
    grid-template-columns: repeat(1,minmax(0,1fr));
}
.grid-cols-2
{
    grid-template-columns: repeat(2,minmax(0,1fr));
}
.grid-cols-3
{
    grid-template-columns: repeat(3,minmax(0,1fr));
}
.grid-cols-4
{
    grid-template-columns: repeat(4,minmax(0,1fr));
}
.grid-rows-\[0fr\]
{
    grid-template-rows: 0fr;
}
.grid-rows-\[1fr\]
{
    grid-template-rows: 1fr;
}
.flex-row
{
    flex-direction: row;
}
.flex-row-reverse
{
    flex-direction: row-reverse;
}
.flex-col
{
    flex-direction: column;
}
.flex-col-reverse
{
    flex-direction: column-reverse;
}
.flex-wrap
{
    flex-wrap: wrap;
}
.flex-nowrap
{
    flex-wrap: nowrap;
}
.place-items-start
{
    place-items: start;
}
.items-start
{
    align-items: flex-start;
}
.items-end
{
    align-items: flex-end;
}
.items-center
{
    align-items: center;
}
.items-baseline
{
    align-items: baseline;
}
.justify-start
{
    justify-content: flex-start;
}
.justify-end
{
    justify-content: flex-end;
}
.justify-center
{
    justify-content: center;
}
.justify-between
{
    justify-content: space-between;
}
.justify-around
{
    justify-content: space-around;
}
.gap-0
{
    gap: 0;
}
.gap-0\.5
{
    gap: .125rem;
}
.gap-1
{
    gap: .25rem;
}
.gap-1\.5
{
    gap: .375rem;
}
.gap-2
{
    gap: .5rem;
}
.gap-2\.5
{
    gap: .625rem;
}
.gap-3
{
    gap: .75rem;
}
.gap-3\.5
{
    gap: .875rem;
}
.gap-4
{
    gap: 1rem;
}
.gap-6
{
    gap: 1.5rem;
}
.gap-7
{
    gap: 1.75rem;
}
.gap-8
{
    gap: 2rem;
}
.gap-\[10px\]
{
    gap: 10px;
}
.gap-\[14px\]
{
    gap: 14px;
}
.gap-x-1
{
    column-gap: .25rem;
}
.gap-x-1\.5
{
    column-gap: .375rem;
}
.gap-x-2
{
    column-gap: .5rem;
}
.gap-x-2\.5
{
    column-gap: .625rem;
}
.gap-x-3
{
    column-gap: .75rem;
}
.gap-x-4
{
    column-gap: 1rem;
}
.gap-x-7
{
    column-gap: 1.75rem;
}
.gap-x-\[11px\]
{
    column-gap: 11px;
}
.gap-x-\[14px\]
{
    column-gap: 14px;
}
.gap-x-\[21px\]
{
    column-gap: 21px;
}
.gap-x-\[30px\]
{
    column-gap: 30px;
}
.gap-x-\[31px\]
{
    column-gap: 31px;
}
.gap-y-1
{
    row-gap: .25rem;
}
.gap-y-1\.5
{
    row-gap: .375rem;
}
.gap-y-2
{
    row-gap: .5rem;
}
.gap-y-\[2px\]
{
    row-gap: 2px;
}
.space-y-6>:not([hidden])~:not([hidden])
{
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.self-stretch
{
    align-self: stretch;
}
.justify-self-end
{
    justify-self: end;
}
.overflow-auto
{
    overflow: auto;
}
.overflow-hidden
{
    overflow: hidden;
}
.overflow-clip
{
    overflow: clip;
}
.overflow-visible
{
    overflow: visible;
}
.overflow-x-auto
{
    overflow-x: auto;
}
.overflow-y-auto
{
    overflow-y: auto;
}
.overflow-x-hidden
{
    overflow-x: hidden;
}
.overflow-y-hidden
{
    overflow-y: hidden;
}
.overscroll-contain
{
    overscroll-behavior: contain;
}
.scroll-auto
{
    scroll-behavior: auto;
}
.truncate
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.text-ellipsis
{
    text-overflow: ellipsis;
}
.whitespace-nowrap
{
    white-space: nowrap;
}
.text-wrap
{
    text-wrap: wrap;
}
.\!text-nowrap
{
    text-wrap: nowrap!important;
}
.text-nowrap
{
    text-wrap: nowrap;
}
.break-words
{
    overflow-wrap: break-word;
}
.break-all
{
    word-break: break-all;
}
.break-keep
{
    word-break: keep-all;
}
.\!rounded-xl
{
    border-radius: .75rem!important;
}
.rounded
{
    border-radius: .25rem;
}
.rounded-2xl
{
    border-radius: 1rem;
}
.rounded-3xl
{
    border-radius: 1.5rem;
}
.rounded-\[100px\]
{
    border-radius: 100px;
}
.rounded-\[10px\]
{
    border-radius: 10px;
}
.rounded-\[13px\]
{
    border-radius: 13px;
}
.rounded-\[15px\]
{
    border-radius: 15px;
}
.rounded-\[20px\]
{
    border-radius: 20px;
}
.rounded-\[22px\]
{
    border-radius: 22px;
}
.rounded-\[25px\]
{
    border-radius: 25px;
}
.rounded-\[3px\]
{
    border-radius: 3px;
}
.rounded-\[4px\]
{
    border-radius: 4px;
}
.rounded-full
{
    border-radius: 9999px;
}
.rounded-lg
{
    border-radius: .5rem;
}
.rounded-md
{
    border-radius: .375rem;
}
.rounded-none
{
    border-radius: 0;
}
.rounded-sm
{
    border-radius: .125rem;
}
.rounded-xl
{
    border-radius: .75rem;
}
.rounded-b-\[20px\]
{
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}
.rounded-b-lg
{
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
}
.rounded-b-none
{
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.rounded-b-xl
{
    border-bottom-right-radius: .75rem;
    border-bottom-left-radius: .75rem;
}
.rounded-l-xl
{
    border-top-left-radius: .75rem;
    border-bottom-left-radius: .75rem;
}
.rounded-s-\[22px\]
{
    border-start-start-radius: 22px;
    border-end-start-radius: 22px;
}
.rounded-t
{
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}
.rounded-t-2xl
{
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}
.rounded-t-\[15px\]
{
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.rounded-t-\[20px\]
{
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.rounded-t-\[3px\]
{
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.rounded-t-\[5px\]
{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.rounded-t-lg
{
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
}
.rounded-t-md
{
    border-top-left-radius: .375rem;
    border-top-right-radius: .375rem;
}
.rounded-t-none
{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.rounded-bl-lg
{
    border-bottom-left-radius: .5rem;
}
.rounded-br
{
    border-bottom-right-radius: .25rem;
}
.rounded-br-lg
{
    border-bottom-right-radius: .5rem;
}
.rounded-br-none
{
    border-bottom-right-radius: 0;
}
.rounded-br-xl
{
    border-bottom-right-radius: .75rem;
}
.rounded-tl
{
    border-top-left-radius: .25rem;
}
.rounded-tl-lg
{
    border-top-left-radius: .5rem;
}
.rounded-tl-xl
{
    border-top-left-radius: .75rem;
}
.rounded-tr-2xl
{
    border-top-right-radius: 1rem;
}
.rounded-tr-\[65\%\]
{
    border-top-right-radius: 65%;
}
.rounded-tr-lg
{
    border-top-right-radius: .5rem;
}
.border
{
    border-width: 1px;
}
.border-0
{
    border-width: 0;
}
.border-2
{
    border-width: 2px;
}
.border-4
{
    border-width: 4px;
}
.border-\[1\.5px\]
{
    border-width: 1.5px;
}
.border-b
{
    border-bottom-width: 1px;
}
.border-b-0
{
    border-bottom-width: 0;
}
.border-b-2
{
    border-bottom-width: 2px;
}
.border-b-\[1px\]
{
    border-bottom-width: 1px;
}
.border-b-\[2px\]
{
    border-bottom-width: 2px;
}
.border-l
{
    border-left-width: 1px;
}
.border-r
{
    border-right-width: 1px;
}
.border-r-0
{
    border-right-width: 0;
}
.border-t
{
    border-top-width: 1px;
}
.border-t-4
{
    border-top-width: 4px;
}
.border-solid
{
    border-style: solid;
}
.border-dashed
{
    border-style: dashed;
}
.border-none
{
    border-style: none;
}
.border-\[\#B1823E\]
{
    --tw-border-opacity: 1;
    border-color: rgb(177 130 62/var(--tw-border-opacity));
}
.border-\[\#D8D8D8\]
{
    --tw-border-opacity: 1;
    border-color: rgb(216 216 216/var(--tw-border-opacity));
}
.border-\[\#D9D9D9\]
{
    --tw-border-opacity: 1;
    border-color: rgb(217 217 217/var(--tw-border-opacity));
}
.border-\[\#E0E0E0\]
{
    --tw-border-opacity: 1;
    border-color: rgb(224 224 224/var(--tw-border-opacity));
}
.border-\[\#E1E1E1\]
{
    --tw-border-opacity: 1;
    border-color: rgb(225 225 225/var(--tw-border-opacity));
}
.border-\[\#F0F0F0\]
{
    --tw-border-opacity: 1;
    border-color: rgb(240 240 240/var(--tw-border-opacity));
}
.border-\[\#dedede\]
{
    --tw-border-opacity: 1;
    border-color: rgb(222 222 222/var(--tw-border-opacity));
}
.border-\[\#dfdfdf\]
{
    --tw-border-opacity: 1;
    border-color: rgb(223 223 223/var(--tw-border-opacity));
}
.border-\[\#e0e0e0\]
{
    --tw-border-opacity: 1;
    border-color: rgb(224 224 224/var(--tw-border-opacity));
}
.border-\[\#f0f0f0\]
{
    --tw-border-opacity: 1;
    border-color: rgb(240 240 240/var(--tw-border-opacity));
}
.border-\[\#ffc33e\]
{
    --tw-border-opacity: 1;
    border-color: rgb(255 195 62/var(--tw-border-opacity));
}
.border-\[--sx-dark\]
{
    border-color: var(--sx-dark);
}
.border-\[--sx-gray-300\]
{
    border-color: var(--sx-gray-300);
}
.border-\[--sx-primary-border-subtle\]
{
    border-color: var(--sx-primary-border-subtle);
}
.border-\[--sx-primary-from\]
{
    border-color: var(--sx-primary-from);
}
.border-\[--sx-primary-text\]
{
    border-color: var(--sx-primary-text);
}
.border-\[var\(--sx-black\)\]
{
    border-color: var(--sx-black);
}
.border-\[var\(--sx-border-color\)\]
{
    border-color: var(--sx-border-color);
}
.border-\[var\(--sx-dark\)\]
{
    border-color: var(--sx-dark);
}
.border-\[var\(--sx-dark-border-subtle\)\]
{
    border-color: var(--sx-dark-border-subtle);
}
.border-\[var\(--sx-dark-text\)\]
{
    border-color: var(--sx-dark-text);
}
.border-\[var\(--sx-gray\)\]
{
    border-color: var(--sx-gray);
}
.border-\[var\(--sx-gray-300\)\]
{
    border-color: var(--sx-gray-300);
}
.border-\[var\(--sx-gray-500\)\]
{
    border-color: var(--sx-gray-500);
}
.border-\[var\(--sx-gray-600\)\]
{
    border-color: var(--sx-gray-600);
}
.border-\[var\(--sx-primary-from\)\]
{
    border-color: var(--sx-primary-from);
}
.border-\[var\(--sx-primary-text\)\]
{
    border-color: var(--sx-primary-text);
}
.border-\[var\(--sx-promotion-text\)\]
{
    border-color: var(--sx-promotion-text);
}
.border-\[var\(--sx-red\)\]
{
    border-color: var(--sx-red);
}
.border-\[var\(--sx-secondary\)\]
{
    border-color: var(--sx-secondary);
}
.border-\[var\(--sx-warning-text\)\]
{
    border-color: var(--sx-warning-text);
}
.border-black
{
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0/var(--tw-border-opacity));
}
.border-gray-100
{
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246/var(--tw-border-opacity));
}
.border-gray-200
{
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235/var(--tw-border-opacity));
}
.border-gray-300
{
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219/var(--tw-border-opacity));
}
.border-gray-400
{
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175/var(--tw-border-opacity));
}
.border-gray-500
{
    --tw-border-opacity: 1;
    border-color: rgb(107 114 128/var(--tw-border-opacity));
}
.border-slate-900
{
    --tw-border-opacity: 1;
    border-color: rgb(15 23 42/var(--tw-border-opacity));
}
.border-transparent
{
    border-color: transparent;
}
.border-white
{
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity));
}
.border-b-\[--sx-gray-300\]
{
    border-bottom-color: var(--sx-gray-300);
}
.border-b-\[var\(--sx-secondary-bg-subtle\)\]
{
    border-bottom-color: var(--sx-secondary-bg-subtle);
}
.border-b-gray-200
{
    --tw-border-opacity: 1;
    border-bottom-color: rgb(229 231 235/var(--tw-border-opacity));
}
.border-t-\[var\(--sx-secondary-bg-subtle\)\]
{
    border-top-color: var(--sx-secondary-bg-subtle);
}
.border-t-transparent
{
    border-top-color: transparent;
}
.\!bg-white
{
    --tw-bg-opacity: 1!important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))!important;
}
.bg-\[\#093629\]
{
    --tw-bg-opacity: 1;
    background-color: rgb(9 54 41/var(--tw-bg-opacity));
}
.bg-\[\#111\]\/40
{
    background-color: #1116;
}
.bg-\[\#1890FF\]
{
    --tw-bg-opacity: 1;
    background-color: rgb(24 144 255/var(--tw-bg-opacity));
}
.bg-\[\#212529\]
{
    --tw-bg-opacity: 1;
    background-color: rgb(33 37 41/var(--tw-bg-opacity));
}
.bg-\[\#2B2B2B\]\/80
{
    background-color: #2b2b2bcc;
}
.bg-\[\#3A2D18\]
{
    --tw-bg-opacity: 1;
    background-color: rgb(58 45 24/var(--tw-bg-opacity));
}
.bg-\[\#4b70eb\]
{
    --tw-bg-opacity: 1;
    background-color: rgb(75 112 235/var(--tw-bg-opacity));
}
.bg-\[\#646BE7\]
{
    --tw-bg-opacity: 1;
    background-color: rgb(100 107 231/var(--tw-bg-opacity));
}
.bg-\[\#E1200E\]
{
    --tw-bg-opacity: 1;
    background-color: rgb(225 32 14/var(--tw-bg-opacity));
}
.bg-\[\#E2F8FB\]
{
    --tw-bg-opacity: 1;
    background-color: rgb(226 248 251/var(--tw-bg-opacity));
}
.bg-\[\#E62E2E\]
{
    --tw-bg-opacity: 1;
    background-color: rgb(230 46 46/var(--tw-bg-opacity));
}
.bg-\[\#E6D3A7\]
{
    --tw-bg-opacity: 1;
    background-color: rgb(230 211 167/var(--tw-bg-opacity));
}
.bg-\[\#E7E6FD\]
{
    --tw-bg-opacity: 1;
    background-color: rgb(231 230 253/var(--tw-bg-opacity));
}
.bg-\[\#EBD296\]
{
    --tw-bg-opacity: 1;
    background-color: rgb(235 210 150/var(--tw-bg-opacity));
}
.bg-\[\#EBDAC0\]
{
    --tw-bg-opacity: 1;
    background-color: rgb(235 218 192/var(--tw-bg-opacity));
}
.bg-\[\#EBFFF7\]
{
    --tw-bg-opacity: 1;
    background-color: rgb(235 255 247/var(--tw-bg-opacity));
}
.bg-\[\#EFE6CB\]
{
    --tw-bg-opacity: 1;
    background-color: rgb(239 230 203/var(--tw-bg-opacity));
}
.bg-\[\#F2F2F2\]
{
    --tw-bg-opacity: 1;
    background-color: rgb(242 242 242/var(--tw-bg-opacity));
}
.bg-\[\#F3F3F3\]
{
    --tw-bg-opacity: 1;
    background-color: rgb(243 243 243/var(--tw-bg-opacity));
}
.bg-\[\#F3F4F6\]
{
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity));
}
.bg-\[\#F85500\]
{
    --tw-bg-opacity: 1;
    background-color: rgb(248 85 0/var(--tw-bg-opacity));
}
.bg-\[\#F9F9F9\]
{
    --tw-bg-opacity: 1;
    background-color: rgb(249 249 249/var(--tw-bg-opacity));
}
.bg-\[\#FCF4EC\]
{
    --tw-bg-opacity: 1;
    background-color: rgb(252 244 236/var(--tw-bg-opacity));
}
.bg-\[\#FEEDED\]
{
    --tw-bg-opacity: 1;
    background-color: rgb(254 237 237/var(--tw-bg-opacity));
}
.bg-\[\#FFDEDB\]
{
    --tw-bg-opacity: 1;
    background-color: rgb(255 222 219/var(--tw-bg-opacity));
}
.bg-\[\#dfdfdf\]
{
    --tw-bg-opacity: 1;
    background-color: rgb(223 223 223/var(--tw-bg-opacity));
}
.bg-\[\#f3f3f3\]
{
    --tw-bg-opacity: 1;
    background-color: rgb(243 243 243/var(--tw-bg-opacity));
}
.bg-\[\#faf8f8\]
{
    --tw-bg-opacity: 1;
    background-color: rgb(250 248 248/var(--tw-bg-opacity));
}
.bg-\[\#ffc33e\]
{
    --tw-bg-opacity: 1;
    background-color: rgb(255 195 62/var(--tw-bg-opacity));
}
.bg-\[--sx-dark-bg-subtle\]
{
    background-color: var(--sx-dark-bg-subtle);
}
.bg-\[--sx-gray-100\]
{
    background-color: var(--sx-gray-100);
}
.bg-\[--sx-light-bg-subtle\]
{
    background-color: var(--sx-light-bg-subtle);
}
.bg-\[--sx-secondary-bg-subtle\]
{
    background-color: var(--sx-secondary-bg-subtle);
}
.bg-\[rgba\(0\,0\,0\,\.5\)\]
{
    background-color: #00000080;
}
.bg-\[rgba\(255\,255\,255\,0\.35\)\]
{
    background-color: #ffffff59;
}
.bg-\[var\(--sx-black\)\]
{
    background-color: var(--sx-black);
}
.bg-\[var\(--sx-body-bg-gray\)\]
{
    background-color: var(--sx-body-bg-gray);
}
.bg-\[var\(--sx-danger\)\]
{
    background-color: var(--sx-danger);
}
.bg-\[var\(--sx-dark\)\]
{
    background-color: var(--sx-dark);
}
.bg-\[var\(--sx-dark-bg-subtle\)\]
{
    background-color: var(--sx-dark-bg-subtle);
}
.bg-\[var\(--sx-gray\)\]
{
    background-color: var(--sx-gray);
}
.bg-\[var\(--sx-gray-100\)\]
{
    background-color: var(--sx-gray-100);
}
.bg-\[var\(--sx-gray-200\)\]
{
    background-color: var(--sx-gray-200);
}
.bg-\[var\(--sx-gray-200-detail\)\]
{
    background-color: var(--sx-gray-200-detail);
}
.bg-\[var\(--sx-gray-500\)\]
{
    background-color: var(--sx-gray-500);
}
.bg-\[var\(--sx-green\)\]
{
    background-color: var(--sx-green);
}
.bg-\[var\(--sx-highlight-bg\)\]
{
    background-color: var(--sx-highlight-bg);
}
.bg-\[var\(--sx-home-body-bg-gray\)\]
{
    background-color: var(--sx-home-body-bg-gray);
}
.bg-\[var\(--sx-home-primary\)\]
{
    background-color: var(--sx-home-primary);
}
.bg-\[var\(--sx-light\)\]
{
    background-color: var(--sx-light);
}
.bg-\[var\(--sx-light-bg-subtle\)\]
{
    background-color: var(--sx-light-bg-subtle);
}
.bg-\[var\(--sx-orange\)\]
{
    background-color: var(--sx-orange);
}
.bg-\[var\(--sx-primary-bg-subtle\)\]
{
    background-color: var(--sx-primary-bg-subtle);
}
.bg-\[var\(--sx-primary-from\)\]
{
    background-color: var(--sx-primary-from);
}
.bg-\[var\(--sx-primary-text\)\]
{
    background-color: var(--sx-primary-text);
}
.bg-\[var\(--sx-promotion-text\)\]
{
    background-color: var(--sx-promotion-text);
}
.bg-\[var\(--sx-purple\)\]
{
    background-color: var(--sx-purple);
}
.bg-\[var\(--sx-red\)\]
{
    background-color: var(--sx-red);
}
.bg-\[var\(--sx-secondary\)\]
{
    background-color: var(--sx-secondary);
}
.bg-\[var\(--sx-secondary-bg\)\]
{
    background-color: var(--sx-secondary-bg);
}
.bg-\[var\(--sx-success-border-subtle\)\]
{
    background-color: var(--sx-success-border-subtle);
}
.bg-\[var\(--sx-teal\)\]
{
    background-color: var(--sx-teal);
}
.bg-\[var\(--sx-tertiary-bg\)\]
{
    background-color: var(--sx-tertiary-bg);
}
.bg-\[var\(--sx-warning-text\)\]
{
    background-color: var(--sx-warning-text);
}
.bg-\[var\(--sx-yellow\)\]
{
    background-color: var(--sx-yellow);
}
.bg-black
{
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity));
}
.bg-black\/20
{
    background-color: #0003;
}
.bg-black\/30
{
    background-color: #0000004d;
}
.bg-black\/40
{
    background-color: #0006;
}
.bg-black\/50
{
    background-color: #00000080;
}
.bg-black\/60
{
    background-color: #0009;
}
.bg-black\/70
{
    background-color: #000000b3;
}
.bg-gray-100
{
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity));
}
.bg-gray-200
{
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity));
}
.bg-gray-300
{
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219/var(--tw-bg-opacity));
}
.bg-slate-100
{
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249/var(--tw-bg-opacity));
}
.bg-slate-200
{
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240/var(--tw-bg-opacity));
}
.bg-slate-400
{
    --tw-bg-opacity: 1;
    background-color: rgb(148 163 184/var(--tw-bg-opacity));
}
.bg-slate-50
{
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252/var(--tw-bg-opacity));
}
.bg-slate-700
{
    --tw-bg-opacity: 1;
    background-color: rgb(51 65 85/var(--tw-bg-opacity));
}
.bg-slate-900
{
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42/var(--tw-bg-opacity));
}
.bg-transparent
{
    background-color: transparent;
}
.bg-white
{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
}
.bg-white\/50
{
    background-color: #ffffff80;
}
.bg-yellow-300
{
    --tw-bg-opacity: 1;
    background-color: rgb(253 224 71/var(--tw-bg-opacity));
}
.bg-opacity-0
{
    --tw-bg-opacity: 0;
}
.bg-opacity-10
{
    --tw-bg-opacity: .1;
}
.bg-opacity-15
{
    --tw-bg-opacity: .15;
}
.bg-opacity-20
{
    --tw-bg-opacity: .2;
}
.bg-opacity-40
{
    --tw-bg-opacity: .4;
}
.bg-opacity-50
{
    --tw-bg-opacity: .5;
}
.bg-opacity-55
{
    --tw-bg-opacity: .55;
}
.bg-gradient-to-b
{
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
}
.bg-gradient-to-br
{
    background-image: linear-gradient(to bottom right,var(--tw-gradient-stops));
}
.bg-gradient-to-l
{
    background-image: linear-gradient(to left,var(--tw-gradient-stops));
}
.bg-gradient-to-r
{
    background-image: linear-gradient(to right,var(--tw-gradient-stops));
}
.bg-primary-gradient
{
    background-image: var(--sx-primary);
}
.from-\[\#080909\]
{
    --tw-gradient-from: #080909 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(8 9 9/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-\[\#212123\]
{
    --tw-gradient-from: #212123 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(33 33 35/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-\[\#2D0A06\]
{
    --tw-gradient-from: #2d0a06 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(45 10 6/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-\[\#2F1F0F\]
{
    --tw-gradient-from: #2f1f0f var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(47 31 15/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-\[\#383433\]
{
    --tw-gradient-from: #383433 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(56 52 51/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-\[\#393A3A\]
{
    --tw-gradient-from: #393a3a var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(57 58 58/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-\[\#6D0EE1\]
{
    --tw-gradient-from: #6d0ee1 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(109 14 225/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-\[\#CF9B3B\]
{
    --tw-gradient-from: #cf9b3b var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(207 155 59/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-\[\#DC3220\]
{
    --tw-gradient-from: #dc3220 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(220 50 32/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-\[\#DFC079\]
{
    --tw-gradient-from: #dfc079 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(223 192 121/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-\[\#E62E2E\]
{
    --tw-gradient-from: #e62e2e var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(230 46 46/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-\[\#E8C99C\]
{
    --tw-gradient-from: #e8c99c var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(232 201 156/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-\[\#EBEBEB\]
{
    --tw-gradient-from: #ebebeb var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(235 235 235/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-\[\#ECE6C2\]
{
    --tw-gradient-from: #ece6c2 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(236 230 194/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-\[\#F0A69D\]
{
    --tw-gradient-from: #f0a69d var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(240 166 157/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-\[\#F4F2E3\]
{
    --tw-gradient-from: #f4f2e3 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(244 242 227/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-\[\#F6FAEA\]
{
    --tw-gradient-from: #f6faea var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(246 250 234/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-\[\#F85500\]
{
    --tw-gradient-from: #f85500 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(248 85 0/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-\[\#FBF3E5\]
{
    --tw-gradient-from: #fbf3e5 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(251 243 229/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-\[\#FC8905\]
{
    --tw-gradient-from: #fc8905 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(252 137 5/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-\[\#FEF9E5\]
{
    --tw-gradient-from: #fef9e5 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(254 249 229/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-\[\#FF7C62\]
{
    --tw-gradient-from: #ff7c62 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 124 98/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-\[\#FFB670\]
{
    --tw-gradient-from: #ffb670 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 182 112/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-\[\#FFF2E6\]
{
    --tw-gradient-from: #fff2e6 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 242 230/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-\[\#FFF2EC\]
{
    --tw-gradient-from: #fff2ec var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 242 236/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-\[\#f00\]\/\[0\.05\]
{
    --tw-gradient-from: rgb(255 0 0/.05) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 0 0/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-\[--sx-dark-bg-subtle\]
{
    --tw-gradient-from: var(--sx-dark-bg-subtle) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-\[rgba\(255\,231\,234\,0\.6\)\]
{
    --tw-gradient-from: rgba(255,231,234,.6) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(255,231,234,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: rgb(0 0 0/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-\[var\(--sx-bind-from\)\]
{
    --tw-gradient-from: var(--sx-bind-from) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-\[var\(--sx-primary-from\)\]
{
    --tw-gradient-from: var(--sx-primary-from) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-\[var\(--sx-promotion-bg-from\)\]
{
    --tw-gradient-from: var(--sx-promotion-bg-from) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-\[var\(--sx-promotion-bg-to\)\]
{
    --tw-gradient-from: var(--sx-promotion-bg-to) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-\[var\(--sx-promotion-icon-from\)\]
{
    --tw-gradient-from: var(--sx-promotion-icon-from) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-\[var\(--sx-promotion-icon-to\)\]
{
    --tw-gradient-from: var(--sx-promotion-icon-to) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-\[var\(--sx-warning-bg-subtle\)\]
{
    --tw-gradient-from: var(--sx-warning-bg-subtle) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-red-500
{
    --tw-gradient-from: #ef4444 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(239 68 68/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: rgb(0 0 0/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.from-white
{
    --tw-gradient-from: #fff var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.via-\[\#925E24\]
{
    --tw-gradient-to: rgb(146 94 36/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),#925e24 var(--tw-gradient-via-position),var(--tw-gradient-to);
}
.via-\[\#AD1F1F\]
{
    --tw-gradient-to: rgb(173 31 31/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),#ad1f1f var(--tw-gradient-via-position),var(--tw-gradient-to);
}
.via-\[\#FEEBE4\]
{
    --tw-gradient-to: rgb(254 235 228/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),#feebe4 var(--tw-gradient-via-position),var(--tw-gradient-to);
}
.via-\[var\(--sx-promotion-icon-to\)\]
{
    --tw-gradient-to: rgb(255 255 255/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--sx-promotion-icon-to) var(--tw-gradient-via-position),var(--tw-gradient-to);
}
.via-white
{
    --tw-gradient-to: rgb(255 255 255/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),#fff var(--tw-gradient-via-position),var(--tw-gradient-to);
}
.via-\[69\%\]
{
    --tw-gradient-via-position: 69%;
}
.to-\[\#181818\]
{
    --tw-gradient-to: #181818 var(--tw-gradient-to-position);
}
.to-\[\#222223\]
{
    --tw-gradient-to: #222223 var(--tw-gradient-to-position);
}
.to-\[\#420988\]
{
    --tw-gradient-to: #420988 var(--tw-gradient-to-position);
}
.to-\[\#474239\]
{
    --tw-gradient-to: #474239 var(--tw-gradient-to-position);
}
.to-\[\#590909\]
{
    --tw-gradient-to: #590909 var(--tw-gradient-to-position);
}
.to-\[\#880909\]
{
    --tw-gradient-to: #880909 var(--tw-gradient-to-position);
}
.to-\[\#932114\]
{
    --tw-gradient-to: #932114 var(--tw-gradient-to-position);
}
.to-\[\#98C0F1\]
{
    --tw-gradient-to: #98c0f1 var(--tw-gradient-to-position);
}
.to-\[\#AD8563\]
{
    --tw-gradient-to: #ad8563 var(--tw-gradient-to-position);
}
.to-\[\#B28234\]
{
    --tw-gradient-to: #b28234 var(--tw-gradient-to-position);
}
.to-\[\#BE9A60\]
{
    --tw-gradient-to: #be9a60 var(--tw-gradient-to-position);
}
.to-\[\#D9AB49\]
{
    --tw-gradient-to: #d9ab49 var(--tw-gradient-to-position);
}
.to-\[\#DC2E44\]
{
    --tw-gradient-to: #dc2e44 var(--tw-gradient-to-position);
}
.to-\[\#E5DDAE\]
{
    --tw-gradient-to: #e5ddae var(--tw-gradient-to-position);
}
.to-\[\#E7DDAD\]
{
    --tw-gradient-to: #e7ddad var(--tw-gradient-to-position);
}
.to-\[\#F0AC3C\]
{
    --tw-gradient-to: #f0ac3c var(--tw-gradient-to-position);
}
.to-\[\#F4D3A3\]
{
    --tw-gradient-to: #f4d3a3 var(--tw-gradient-to-position);
}
.to-\[\#F5D9E7\]
{
    --tw-gradient-to: #f5d9e7 var(--tw-gradient-to-position);
}
.to-\[\#FBF3E5\]
{
    --tw-gradient-to: #fbf3e5 var(--tw-gradient-to-position);
}
.to-\[\#FDD07F\]
{
    --tw-gradient-to: #fdd07f var(--tw-gradient-to-position);
}
.to-\[\#FECFA2\]
{
    --tw-gradient-to: #fecfa2 var(--tw-gradient-to-position);
}
.to-\[\#FFB161\]
{
    --tw-gradient-to: #ffb161 var(--tw-gradient-to-position);
}
.to-\[\#FFD43C\]
{
    --tw-gradient-to: #ffd43c var(--tw-gradient-to-position);
}
.to-\[\#f6f6f6\]
{
    --tw-gradient-to: #f6f6f6 var(--tw-gradient-to-position);
}
.to-\[\#fff\]
{
    --tw-gradient-to: #fff var(--tw-gradient-to-position);
}
.to-\[\#ffffff\]
{
    --tw-gradient-to: #fff var(--tw-gradient-to-position);
}
.to-\[rgba\(255\,239\,227\,0\.6\)\]
{
    --tw-gradient-to: rgba(255,239,227,.6) var(--tw-gradient-to-position);
}
.to-\[var\(--sx-bind-to\)\]
{
    --tw-gradient-to: var(--sx-bind-to) var(--tw-gradient-to-position);
}
.to-\[var\(--sx-primary-from\)\]
{
    --tw-gradient-to: var(--sx-primary-from) var(--tw-gradient-to-position);
}
.to-\[var\(--sx-primary-to\)\]
{
    --tw-gradient-to: var(--sx-primary-to) var(--tw-gradient-to-position);
}
.to-\[var\(--sx-promotion-bg-from\)\]
{
    --tw-gradient-to: var(--sx-promotion-bg-from) var(--tw-gradient-to-position);
}
.to-\[var\(--sx-promotion-bg-to\)\]
{
    --tw-gradient-to: var(--sx-promotion-bg-to) var(--tw-gradient-to-position);
}
.to-\[var\(--sx-promotion-icon-from\)\]
{
    --tw-gradient-to: var(--sx-promotion-icon-from) var(--tw-gradient-to-position);
}
.to-\[var\(--sx-promotion-icon-to\)\]
{
    --tw-gradient-to: var(--sx-promotion-icon-to) var(--tw-gradient-to-position);
}
.to-\[var\(--sx-warning-bg-subtle\)\]
{
    --tw-gradient-to: var(--sx-warning-bg-subtle) var(--tw-gradient-to-position);
}
.to-black
{
    --tw-gradient-to: #000 var(--tw-gradient-to-position);
}
.to-pink-500
{
    --tw-gradient-to: #ec4899 var(--tw-gradient-to-position);
}
.to-white
{
    --tw-gradient-to: #fff var(--tw-gradient-to-position);
}
.to-\[72\%\]
{
    --tw-gradient-to-position: 72%;
}
.bg-clip-text
{
    -webkit-background-clip: text;
    background-clip: text;
}
.bg-left-top
{
    background-position: left top;
}
.object-contain
{
    object-fit: contain;
}
.object-cover
{
    object-fit: cover;
}
.object-center
{
    object-position: center;
}
.p-0
{
    padding: 0;
}
.p-0\.5
{
    padding: .125rem;
}
.p-1
{
    padding: .25rem;
}
.p-1\.5
{
    padding: .375rem;
}
.p-2
{
    padding: .5rem;
}
.p-2\.5
{
    padding: .625rem;
}
.p-3
{
    padding: .75rem;
}
.p-4
{
    padding: 1rem;
}
.p-5
{
    padding: 1.25rem;
}
.p-6
{
    padding: 1.5rem;
}
.p-8
{
    padding: 2rem;
}
.p-\[20px\]
{
    padding: 20px;
}
.p-\[2px\]
{
    padding: 2px;
}
.p-\[3px\]
{
    padding: 3px;
}
.p-px
{
    padding: 1px;
}
.px-0
{
    padding-left: 0;
    padding-right: 0;
}
.px-0\.5
{
    padding-left: .125rem;
    padding-right: .125rem;
}
.px-1
{
    padding-left: .25rem;
    padding-right: .25rem;
}
.px-1\.5
{
    padding-left: .375rem;
    padding-right: .375rem;
}
.px-10
{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
.px-16
{
    padding-left: 4rem;
    padding-right: 4rem;
}
.px-2
{
    padding-left: .5rem;
    padding-right: .5rem;
}
.px-2\.5
{
    padding-left: .625rem;
    padding-right: .625rem;
}
.px-3
{
    padding-left: .75rem;
    padding-right: .75rem;
}
.px-3\.5
{
    padding-left: .875rem;
    padding-right: .875rem;
}
.px-4
{
    padding-left: 1rem;
    padding-right: 1rem;
}
.px-5
{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.px-6
{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.px-8
{
    padding-left: 2rem;
    padding-right: 2rem;
}
.px-9
{
    padding-left: 2.25rem;
    padding-right: 2.25rem;
}
.px-\[10px\]
{
    padding-left: 10px;
    padding-right: 10px;
}
.px-\[11px\]
{
    padding-left: 11px;
    padding-right: 11px;
}
.px-\[13px\]
{
    padding-left: 13px;
    padding-right: 13px;
}
.px-\[14px\]
{
    padding-left: 14px;
    padding-right: 14px;
}
.px-\[15\%\]
{
    padding-left: 15%;
    padding-right: 15%;
}
.px-\[17px\]
{
    padding-left: 17px;
    padding-right: 17px;
}
.px-\[18px\]
{
    padding-left: 18px;
    padding-right: 18px;
}
.px-\[22\%\]
{
    padding-left: 22%;
    padding-right: 22%;
}
.px-\[22px\]
{
    padding-left: 22px;
    padding-right: 22px;
}
.px-\[26px\]
{
    padding-left: 26px;
    padding-right: 26px;
}
.px-\[30\%\]
{
    padding-left: 30%;
    padding-right: 30%;
}
.px-\[35px\]
{
    padding-left: 35px;
    padding-right: 35px;
}
.px-\[6px\]
{
    padding-left: 6px;
    padding-right: 6px;
}
.py-0
{
    padding-top: 0;
    padding-bottom: 0;
}
.py-0\.5
{
    padding-top: .125rem;
    padding-bottom: .125rem;
}
.py-1
{
    padding-top: .25rem;
    padding-bottom: .25rem;
}
.py-1\.5
{
    padding-top: .375rem;
    padding-bottom: .375rem;
}
.py-10
{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}
.py-2
{
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.py-2\.5
{
    padding-top: .625rem;
    padding-bottom: .625rem;
}
.py-3
{
    padding-top: .75rem;
    padding-bottom: .75rem;
}
.py-3\.5
{
    padding-top: .875rem;
    padding-bottom: .875rem;
}
.py-4
{
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.py-5
{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}
.py-6
{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.py-7
{
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
}
.py-8
{
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.py-9
{
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
}
.py-\[10px\]
{
    padding-top: 10px;
    padding-bottom: 10px;
}
.py-\[11px\]
{
    padding-top: 11px;
    padding-bottom: 11px;
}
.py-\[13\.5px\]
{
    padding-top: 13.5px;
    padding-bottom: 13.5px;
}
.py-\[14px\]
{
    padding-top: 14px;
    padding-bottom: 14px;
}
.py-\[15px\]
{
    padding-top: 15px;
    padding-bottom: 15px;
}
.py-\[18px\]
{
    padding-top: 18px;
    padding-bottom: 18px;
}
.py-\[21px\]
{
    padding-top: 21px;
    padding-bottom: 21px;
}
.py-\[22px\]
{
    padding-top: 22px;
    padding-bottom: 22px;
}
.py-\[23px\]
{
    padding-top: 23px;
    padding-bottom: 23px;
}
.py-\[25px\]
{
    padding-top: 25px;
    padding-bottom: 25px;
}
.py-\[2px\]
{
    padding-top: 2px;
    padding-bottom: 2px;
}
.py-\[30px\]
{
    padding-top: 30px;
    padding-bottom: 30px;
}
.py-\[5px\]
{
    padding-top: 5px;
    padding-bottom: 5px;
}
.py-\[6px\]
{
    padding-top: 6px;
    padding-bottom: 6px;
}
.py-\[7px\]
{
    padding-top: 7px;
    padding-bottom: 7px;
}
.py-px
{
    padding-top: 1px;
    padding-bottom: 1px;
}
.\!pl-0
{
    padding-left: 0!important;
}
.\!pr-4
{
    padding-right: 1rem!important;
}
.pb-0
{
    padding-bottom: 0;
}
.pb-0\.5
{
    padding-bottom: .125rem;
}
.pb-1
{
    padding-bottom: .25rem;
}
.pb-1\.5
{
    padding-bottom: .375rem;
}
.pb-12
{
    padding-bottom: 3rem;
}
.pb-16
{
    padding-bottom: 4rem;
}
.pb-2
{
    padding-bottom: .5rem;
}
.pb-2\.5
{
    padding-bottom: .625rem;
}
.pb-20
{
    padding-bottom: 5rem;
}
.pb-24
{
    padding-bottom: 6rem;
}
.pb-28
{
    padding-bottom: 7rem;
}
.pb-3
{
    padding-bottom: .75rem;
}
.pb-4
{
    padding-bottom: 1rem;
}
.pb-40
{
    padding-bottom: 10rem;
}
.pb-5
{
    padding-bottom: 1.25rem;
}
.pb-6
{
    padding-bottom: 1.5rem;
}
.pb-7
{
    padding-bottom: 1.75rem;
}
.pb-8
{
    padding-bottom: 2rem;
}
.pb-\[100\%\]
{
    padding-bottom: 100%;
}
.pb-\[128px\]
{
    padding-bottom: 128px;
}
.pb-\[13px\]
{
    padding-bottom: 13px;
}
.pb-\[14px\]
{
    padding-bottom: 14px;
}
.pb-\[22px\]
{
    padding-bottom: 22px;
}
.pb-\[24px\]
{
    padding-bottom: 24px;
}
.pb-\[26px\]
{
    padding-bottom: 26px;
}
.pb-\[2px\]
{
    padding-bottom: 2px;
}
.pb-\[30px\]
{
    padding-bottom: 30px;
}
.pb-\[50\%\]
{
    padding-bottom: 50%;
}
.pb-\[6px\]
{
    padding-bottom: 6px;
}
.pl-0
{
    padding-left: 0;
}
.pl-1
{
    padding-left: .25rem;
}
.pl-1\.5
{
    padding-left: .375rem;
}
.pl-2
{
    padding-left: .5rem;
}
.pl-2\.5
{
    padding-left: .625rem;
}
.pl-3
{
    padding-left: .75rem;
}
.pl-4
{
    padding-left: 1rem;
}
.pl-44
{
    padding-left: 11rem;
}
.pl-5
{
    padding-left: 1.25rem;
}
.pl-9
{
    padding-left: 2.25rem;
}
.pl-\[17px\]
{
    padding-left: 17px;
}
.pl-\[20\%\]
{
    padding-left: 20%;
}
.pl-\[40px\]
{
    padding-left: 40px;
}
.pr-1
{
    padding-right: .25rem;
}
.pr-1\.5
{
    padding-right: .375rem;
}
.pr-12
{
    padding-right: 3rem;
}
.pr-16
{
    padding-right: 4rem;
}
.pr-2
{
    padding-right: .5rem;
}
.pr-3
{
    padding-right: .75rem;
}
.pr-4
{
    padding-right: 1rem;
}
.pr-5
{
    padding-right: 1.25rem;
}
.pr-8
{
    padding-right: 2rem;
}
.pr-9
{
    padding-right: 2.25rem;
}
.pr-\[17px\]
{
    padding-right: 17px;
}
.pr-\[40px\]
{
    padding-right: 40px;
}
.pr-\[5px\]
{
    padding-right: 5px;
}
.pt-0
{
    padding-top: 0;
}
.pt-1
{
    padding-top: .25rem;
}
.pt-1\.5
{
    padding-top: .375rem;
}
.pt-14
{
    padding-top: 3.5rem;
}
.pt-2
{
    padding-top: .5rem;
}
.pt-2\.5
{
    padding-top: .625rem;
}
.pt-24
{
    padding-top: 6rem;
}
.pt-3
{
    padding-top: .75rem;
}
.pt-3\.5
{
    padding-top: .875rem;
}
.pt-4
{
    padding-top: 1rem;
}
.pt-5
{
    padding-top: 1.25rem;
}
.pt-6
{
    padding-top: 1.5rem;
}
.pt-8
{
    padding-top: 2rem;
}
.pt-\[12\%\]
{
    padding-top: 12%;
}
.pt-\[13px\]
{
    padding-top: 13px;
}
.pt-\[18px\]
{
    padding-top: 18px;
}
.pt-\[21px\]
{
    padding-top: 21px;
}
.pt-\[22px\]
{
    padding-top: 22px;
}
.pt-\[26px\]
{
    padding-top: 26px;
}
.pt-\[41px\]
{
    padding-top: 41px;
}
.pt-\[7px\]
{
    padding-top: 7px;
}
.text-center
{
    text-align: center;
}
.text-right
{
    text-align: right;
}
.text-end
{
    text-align: end;
}
.align-middle
{
    vertical-align: middle;
}
.\!text-2xl
{
    font-size: 1.5rem!important;
    line-height: 2rem!important;
}
.\!text-4xl
{
    font-size: 2.25rem!important;
    line-height: 2.5rem!important;
}
.\!text-7xl
{
    font-size: 4.5rem!important;
    line-height: 1!important;
}
.\!text-\[22px\]
{
    font-size: 22px!important;
}
.\!text-lg
{
    font-size: 1.125rem!important;
    line-height: 1.75rem!important;
}
.\!text-sm
{
    font-size: .875rem!important;
    line-height: 1.25rem!important;
}
.\!text-xl
{
    font-size: 1.25rem!important;
    line-height: 1.75rem!important;
}
.\!text-xl\/6
{
    font-size: 1.25rem!important;
    line-height: 1.5rem!important;
}
.\!text-xs
{
    font-size: .75rem!important;
    line-height: 1rem!important;
}
.text-2xl
{
    font-size: 1.5rem;
    line-height: 2rem;
}
.text-2xl\/\[30px\]
{
    font-size: 1.5rem;
    line-height: 30px;
}
.text-3xl
{
    font-size: 1.875rem;
    line-height: 2.25rem;
}
.text-4xl
{
    font-size: 2.25rem;
    line-height: 2.5rem;
}
.text-\[10px\]
{
    font-size: 10px;
}
.text-\[10px\]\/\[12px\]
{
    font-size: 10px;
    line-height: 12px;
}
.text-\[10px\]\/\[20px\]
{
    font-size: 10px;
    line-height: 20px;
}
.text-\[13px\]
{
    font-size: 13px;
}
.text-\[13px\]\/\[22px\]
{
    font-size: 13px;
    line-height: 22px;
}
.text-\[15px\]
{
    font-size: 15px;
}
.text-\[18px\]
{
    font-size: 18px;
}
.text-\[22px\]
{
    font-size: 22px;
}
.text-\[22px\]\/\[26px\]
{
    font-size: 22px;
    line-height: 26px;
}
.text-\[26px\]
{
    font-size: 26px;
}
.text-\[26px\]\/\[26px\]
{
    font-size: 26px;
    line-height: 26px;
}
.text-\[26px\]\/\[30px\]
{
    font-size: 26px;
    line-height: 30px;
}
.text-\[32px\]\/\[46px\]
{
    font-size: 32px;
    line-height: 46px;
}
.text-\[40px\]
{
    font-size: 40px;
}
.text-\[9px\]
{
    font-size: 9px;
}
.text-base
{
    font-size: 1rem;
    line-height: 1.5rem;
}
.text-base\/5
{
    font-size: 1rem;
    line-height: 1.25rem;
}
.text-base\/8
{
    font-size: 1rem;
    line-height: 2rem;
}
.text-lg
{
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.text-lg\/4
{
    font-size: 1.125rem;
    line-height: 1rem;
}
.text-lg\/5
{
    font-size: 1.125rem;
    line-height: 1.25rem;
}
.text-lg\/6
{
    font-size: 1.125rem;
    line-height: 1.5rem;
}
.text-lg\/8
{
    font-size: 1.125rem;
    line-height: 2rem;
}
.text-sm
{
    font-size: .875rem;
    line-height: 1.25rem;
}
.text-sm\/10
{
    font-size: .875rem;
    line-height: 2.5rem;
}
.text-sm\/4
{
    font-size: .875rem;
    line-height: 1rem;
}
.text-sm\/6
{
    font-size: .875rem;
    line-height: 1.5rem;
}
.text-sm\/9
{
    font-size: .875rem;
    line-height: 2.25rem;
}
.text-sm\/\[22px\]
{
    font-size: .875rem;
    line-height: 22px;
}
.text-sm\/\[26px\]
{
    font-size: .875rem;
    line-height: 26px;
}
.text-sm\/\[30px\]
{
    font-size: .875rem;
    line-height: 30px;
}
.text-sm\/none
{
    font-size: .875rem;
    line-height: 1;
}
.text-xl
{
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.text-xl\/5
{
    font-size: 1.25rem;
    line-height: 1.25rem;
}
.text-xs, .text-xs\/4
{
    font-size: .75rem;
    line-height: 1rem;
}
.text-xs\/5
{
    font-size: .75rem;
    line-height: 1.25rem;
}
.text-xs\/6
{
    font-size: .75rem;
    line-height: 1.5rem;
}
.text-xs\/7
{
    font-size: .75rem;
    line-height: 1.75rem;
}
.font-bold
{
    font-weight: 700;
}
.font-medium
{
    font-weight: 500;
}
.font-normal
{
    font-weight: 400;
}
.font-semibold
{
    font-weight: 600;
}
.not-italic
{
    font-style: normal;
}
.\!leading-none
{
    line-height: 1!important;
}
.leading-4
{
    line-height: 1rem;
}
.leading-5
{
    line-height: 1.25rem;
}
.leading-9
{
    line-height: 2.25rem;
}
.leading-\[18px\]
{
    line-height: 18px;
}
.leading-\[20px\]
{
    line-height: 20px;
}
.leading-\[22px\]
{
    line-height: 22px;
}
.leading-\[30px\]
{
    line-height: 30px;
}
.leading-\[31px\]
{
    line-height: 31px;
}
.leading-\[58px\]
{
    line-height: 58px;
}
.leading-none
{
    line-height: 1;
}
.tracking-tighter
{
    letter-spacing: -.05em;
}
.tracking-wider
{
    letter-spacing: .05em;
}
.tracking-widest
{
    letter-spacing: .1em;
}
.\!text-black
{
    --tw-text-opacity: 1!important;
    color: rgb(0 0 0/var(--tw-text-opacity))!important;
}
.\!text-white
{
    --tw-text-opacity: 1!important;
    color: rgb(255 255 255/var(--tw-text-opacity))!important;
}
.text-\[\#1E624F\]
{
    --tw-text-opacity: 1;
    color: rgb(30 98 79/var(--tw-text-opacity));
}
.text-\[\#1E8C00\]
{
    --tw-text-opacity: 1;
    color: rgb(30 140 0/var(--tw-text-opacity));
}
.text-\[\#1a1a1a\]
{
    --tw-text-opacity: 1;
    color: rgb(26 26 26/var(--tw-text-opacity));
}
.text-\[\#232325\]
{
    --tw-text-opacity: 1;
    color: rgb(35 35 37/var(--tw-text-opacity));
}
.text-\[\#272636\]
{
    --tw-text-opacity: 1;
    color: rgb(39 38 54/var(--tw-text-opacity));
}
.text-\[\#333\]
{
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity));
}
.text-\[\#393A3A\]
{
    --tw-text-opacity: 1;
    color: rgb(57 58 58/var(--tw-text-opacity));
}
.text-\[\#3D3D3D\], .text-\[\#3d3d3d\]
{
    --tw-text-opacity: 1;
    color: rgb(61 61 61/var(--tw-text-opacity));
}
.text-\[\#440F09\]
{
    --tw-text-opacity: 1;
    color: rgb(68 15 9/var(--tw-text-opacity));
}
.text-\[\#4C3924\]
{
    --tw-text-opacity: 1;
    color: rgb(76 57 36/var(--tw-text-opacity));
}
.text-\[\#4b70eb\]
{
    --tw-text-opacity: 1;
    color: rgb(75 112 235/var(--tw-text-opacity));
}
.text-\[\#555555\], .text-\[\#555\]
{
    --tw-text-opacity: 1;
    color: rgb(85 85 85/var(--tw-text-opacity));
}
.text-\[\#5F4A38\]
{
    --tw-text-opacity: 1;
    color: rgb(95 74 56/var(--tw-text-opacity));
}
.text-\[\#666666\]
{
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity));
}
.text-\[\#6A1591\]
{
    --tw-text-opacity: 1;
    color: rgb(106 21 145/var(--tw-text-opacity));
}
.text-\[\#6E3E1D\]
{
    --tw-text-opacity: 1;
    color: rgb(110 62 29/var(--tw-text-opacity));
}
.text-\[\#707070\]
{
    --tw-text-opacity: 1;
    color: rgb(112 112 112/var(--tw-text-opacity));
}
.text-\[\#721717\]
{
    --tw-text-opacity: 1;
    color: rgb(114 23 23/var(--tw-text-opacity));
}
.text-\[\#7449BF\]
{
    --tw-text-opacity: 1;
    color: rgb(116 73 191/var(--tw-text-opacity));
}
.text-\[\#767676\]
{
    --tw-text-opacity: 1;
    color: rgb(118 118 118/var(--tw-text-opacity));
}
.text-\[\#8C1B0D\]
{
    --tw-text-opacity: 1;
    color: rgb(140 27 13/var(--tw-text-opacity));
}
.text-\[\#999\]
{
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity));
}
.text-\[\#9D702F\]
{
    --tw-text-opacity: 1;
    color: rgb(157 112 47/var(--tw-text-opacity));
}
.text-\[\#B77200\]
{
    --tw-text-opacity: 1;
    color: rgb(183 114 0/var(--tw-text-opacity));
}
.text-\[\#E62E2E\]
{
    --tw-text-opacity: 1;
    color: rgb(230 46 46/var(--tw-text-opacity));
}
.text-\[\#ad8563\]
{
    --tw-text-opacity: 1;
    color: rgb(173 133 99/var(--tw-text-opacity));
}
.text-\[\#d88900\]
{
    --tw-text-opacity: 1;
    color: rgb(216 137 0/var(--tw-text-opacity));
}
.text-\[--sx-dark-text\]
{
    color: var(--sx-dark-text);
}
.text-\[--sx-dark\]
{
    color: var(--sx-dark);
}
.text-\[--sx-gray\]
{
    color: var(--sx-gray);
}
.text-\[--sx-orange-red\]
{
    color: var(--sx-orange-red);
}
.text-\[--sx-primary-from\]
{
    color: var(--sx-primary-from);
}
.text-\[--sx-primary-text\]
{
    color: var(--sx-primary-text);
}
.text-\[--sx-secondary-text\]
{
    color: var(--sx-secondary-text);
}
.text-\[--sx-yellow\]
{
    color: var(--sx-yellow);
}
.text-\[var\(--sx-account-text\)\]
{
    color: var(--sx-account-text);
}
.text-\[var\(--sx-border-color\)\]
{
    color: var(--sx-border-color);
}
.text-\[var\(--sx-danger\)\]
{
    color: var(--sx-danger);
}
.text-\[var\(--sx-dark\)\]
{
    color: var(--sx-dark);
}
.text-\[var\(--sx-dark-text\)\]
{
    color: var(--sx-dark-text);
}
.text-\[var\(--sx-gray\)\]
{
    color: var(--sx-gray);
}
.text-\[var\(--sx-gray-300\)\]
{
    color: var(--sx-gray-300);
}
.text-\[var\(--sx-gray-500\)\]
{
    color: var(--sx-gray-500);
}
.text-\[var\(--sx-gray-600\)\]
{
    color: var(--sx-gray-600);
}
.text-\[var\(--sx-gray-800\)\]
{
    color: var(--sx-gray-800);
}
.text-\[var\(--sx-gray-900\)\]
{
    color: var(--sx-gray-900);
}
.text-\[var\(--sx-gray-dark\)\]
{
    color: var(--sx-gray-dark);
}
.text-\[var\(--sx-green\)\]
{
    color: var(--sx-green);
}
.text-\[var\(--sx-light-text\)\]
{
    color: var(--sx-light-text);
}
.text-\[var\(--sx-link-color\)\]
{
    color: var(--sx-link-color);
}
.text-\[var\(--sx-orange-red\)\]
{
    color: var(--sx-orange-red);
}
.text-\[var\(--sx-price-off\)\]
{
    color: var(--sx-price-off);
}
.text-\[var\(--sx-primary-bg-subtle\)\]
{
    color: var(--sx-primary-bg-subtle);
}
.text-\[var\(--sx-primary-text\)\]
{
    color: var(--sx-primary-text);
}
.text-\[var\(--sx-promotion-text\)\]
{
    color: var(--sx-promotion-text);
}
.text-\[var\(--sx-red\)\]
{
    color: var(--sx-red);
}
.text-\[var\(--sx-secondary\)\]
{
    color: var(--sx-secondary);
}
.text-\[var\(--sx-secondary-text\)\]
{
    color: var(--sx-secondary-text);
}
.text-\[var\(--sx-teal\)\]
{
    color: var(--sx-teal);
}
.text-\[var\(--sx-warning\)\]
{
    color: var(--sx-warning);
}
.text-\[var\(--sx-warning-text\)\]
{
    color: var(--sx-warning-text);
}
.text-\[var\(--sx-yellow\)\]
{
    color: var(--sx-yellow);
}
.text-black
{
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity));
}
.text-gray-400
{
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity));
}
.text-gray-500
{
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity));
}
.text-gray-600
{
    --tw-text-opacity: 1;
    color: rgb(75 85 99/var(--tw-text-opacity));
}
.text-slate-900
{
    --tw-text-opacity: 1;
    color: rgb(15 23 42/var(--tw-text-opacity));
}
.text-transparent
{
    color: transparent;
}
.text-white
{
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
}
.underline
{
    text-decoration-line: underline;
}
.line-through
{
    text-decoration-line: line-through;
}
.no-underline
{
    text-decoration-line: none;
}
.accent-\[var\(--sx-black\)\]
{
    accent-color: var(--sx-black);
}
.accent-\[var\(--sx-red\)\]
{
    accent-color: var(--sx-red);
}
.opacity-0
{
    opacity: 0;
}
.opacity-25
{
    opacity: .25;
}
.opacity-30
{
    opacity: .3;
}
.opacity-35
{
    opacity: .35;
}
.opacity-50
{
    opacity: .5;
}
.opacity-60
{
    opacity: .6;
}
.opacity-75
{
    opacity: .75;
}
.shadow
{
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0/.1),0 1px 2px -1px rgb(0 0 0/.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}
.shadow-\[0_-4px_4px_0_\#fff\]
{
    --tw-shadow: 0 -4px 4px 0 #fff;
    --tw-shadow-colored: 0 -4px 4px 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);
}
.shadow-\[0_0_4px_0_rgba\(255\,255\,255\,0\.25\)\]
{
    --tw-shadow: 0 0 4px 0 rgba(255,255,255,.25);
    --tw-shadow-colored: 0 0 4px 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);
}
.shadow-\[inset_0_19px_0_-3px_var\(--sx-orange\)\]
{
    --tw-shadow: inset 0 19px 0 -3px var(--sx-orange);
    --tw-shadow-colored: inset 0 19px 0 -3px 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_0_19px_0_-3px_var\(--sx-white\)\]
{
    --tw-shadow: inset 0 19px 0 -3px var(--sx-white);
    --tw-shadow-colored: inset 0 19px 0 -3px 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-inner
{
    --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0/.05);
    --tw-shadow-colored: inset 0 2px 4px 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);
}
.shadow-lg
{
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}
.shadow-md
{
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}
.shadow-none
{
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}
.shadow-xl
{
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0/.1),0 8px 10px -6px rgb(0 0 0/.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: 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;
}
.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);
}
.grayscale
{
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert
{
    --tw-invert: invert(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter
{
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.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-\[bottom\]
{
    transition-property: bottom;
    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-opacity
{
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}
.transition-shadow
{
    transition-property: box-shadow;
    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-200
{
    transition-delay: .2s;
}
.delay-300
{
    transition-delay: .3s;
}
.duration-0
{
    transition-duration: 0s;
}
.duration-300
{
    transition-duration: .3s;
}
.duration-500
{
    transition-duration: .5s;
}
.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);
}
html, body
{
    height: 100%;
    width: 100%;
    color: var(--sx-dark);
    font-family: Poppins,"sans-serif",system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
}
body[dir=rtl]
{
    font-family: Almarai,Poppins,"sans-serif",system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
}
a, img
{
    -webkit-user-select: none;
    user-select: none;
}
.appearance-none::-webkit-inner-spin-button, .appearance-none::-webkit-outer-spin-button
{
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0)
{
    input, textarea, select
    {
        font-size: 16px!important;
    }
}
@media(min-width: 768px)
{
    .md\:container
    {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-right: 1rem;
        padding-left: 1rem;
    }
    @media(min-width: 640px)
    {
        .md\:container
        {
            max-width: 640px;
        }
    }
    .md\:container
    {
        max-width: 768px;
    }
    @media(min-width: 1024px)
    {
        .md\:container
        {
            max-width: 1024px;
        }
    }
    @media(min-width: 1280px)
    {
        .md\:container
        {
            max-width: 1280px;
        }
    }
    @media(min-width: 1440px)
    {
        .md\:container
        {
            max-width: 1440px;
        }
    }
}
.before\:pointer-events-none:before
{
    content: var(--tw-content);
    pointer-events: none;
}
.before\:absolute:before
{
    content: var(--tw-content);
    position: absolute;
}
.before\:-bottom-1:before
{
    content: var(--tw-content);
    bottom: -.25rem;
}
.before\:-right-1\.5:before
{
    content: var(--tw-content);
    right: -.375rem;
}
.before\:left-1:before
{
    content: var(--tw-content);
    left: .25rem;
}
.before\:left-\[33\%\]:before
{
    content: var(--tw-content);
    left: 33%;
}
.before\:left-\[35\%\]:before
{
    content: var(--tw-content);
    left: 35%;
}
.before\:right-0:before
{
    content: var(--tw-content);
    right: 0;
}
.before\:top-0:before
{
    content: var(--tw-content);
    top: 0;
}
.before\:top-\[10\%\]:before
{
    content: var(--tw-content);
    top: 10%;
}
.before\:top-\[14px\]:before
{
    content: var(--tw-content);
    top: 14px;
}
.before\:top-\[15\%\]:before
{
    content: var(--tw-content);
    top: 15%;
}
.before\:top-\[6px\]:before
{
    content: var(--tw-content);
    top: 6px;
}
.before\:block:before
{
    content: var(--tw-content);
    display: block;
}
.before\:h-1:before
{
    content: var(--tw-content);
    height: .25rem;
}
.before\:h-1\.5:before
{
    content: var(--tw-content);
    height: .375rem;
}
.before\:h-2:before
{
    content: var(--tw-content);
    height: .5rem;
}
.before\:h-3:before
{
    content: var(--tw-content);
    height: .75rem;
}
.before\:h-4:before
{
    content: var(--tw-content);
    height: 1rem;
}
.before\:h-\[9px\]:before
{
    content: var(--tw-content);
    height: 9px;
}
.before\:h-\[calc\(100\%-8px\)\]:before
{
    content: var(--tw-content);
    height: calc(100% - 8px);
}
.before\:h-full:before
{
    content: var(--tw-content);
    height: 100%;
}
.before\:w-1:before
{
    content: var(--tw-content);
    width: .25rem;
}
.before\:w-1\.5:before
{
    content: var(--tw-content);
    width: .375rem;
}
.before\:w-3:before
{
    content: var(--tw-content);
    width: .75rem;
}
.before\:w-4:before
{
    content: var(--tw-content);
    width: 1rem;
}
.before\:w-\[1px\]:before
{
    content: var(--tw-content);
    width: 1px;
}
.before\:w-\[5px\]:before
{
    content: var(--tw-content);
    width: 5px;
}
.before\:translate-x-1\/2:before
{
    content: var(--tw-content);
    --tw-translate-x: 50%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.before\:rotate-45:before
{
    content: var(--tw-content);
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.before\:rotate-\[45deg\]:before
{
    content: var(--tw-content);
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.before\:rounded-full:before
{
    content: var(--tw-content);
    border-radius: 9999px;
}
.before\:border:before
{
    content: var(--tw-content);
    border-width: 1px;
}
.before\:border-\[5px\]:before
{
    content: var(--tw-content);
    border-width: 5px;
}
.before\:border-b-2:before
{
    content: var(--tw-content);
    border-bottom-width: 2px;
}
.before\:border-r-2:before
{
    content: var(--tw-content);
    border-right-width: 2px;
}
.before\:border-\[var\(--sx-red\)\]:before
{
    content: var(--tw-content);
    border-color: var(--sx-red);
}
.before\:border-\[var\(--sx-warning-text\)\]:before
{
    content: var(--tw-content);
    border-color: var(--sx-warning-text);
}
.before\:border-white:before
{
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity));
}
.before\:border-l-transparent:before
{
    content: var(--tw-content);
    border-left-color: transparent;
}
.before\:border-t-transparent:before
{
    content: var(--tw-content);
    border-top-color: transparent;
}
.before\:bg-\[\#D9D9D9\]:before
{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(217 217 217/var(--tw-bg-opacity));
}
.before\:bg-\[\#DF2F25\]:before
{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(223 47 37/var(--tw-bg-opacity));
}
.before\:bg-\[\#fddd9e\]:before
{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(253 221 158/var(--tw-bg-opacity));
}
.before\:bg-\[var\(--sx-warning-text\)\]:before
{
    content: var(--tw-content);
    background-color: var(--sx-warning-text);
}
.before\:bg-white:before
{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
}
.before\:opacity-0:before
{
    content: var(--tw-content);
    opacity: 0;
}
.before\:opacity-30:before
{
    content: var(--tw-content);
    opacity: .3;
}
.before\:transition-opacity:before
{
    content: var(--tw-content);
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}
.before\:duration-150:before
{
    content: var(--tw-content);
    transition-duration: .15s;
}
.before\:content-\[\'\'\]:before
{
    --tw-content: "";
    content: var(--tw-content);
}
.after\:absolute:after
{
    content: var(--tw-content);
    position: absolute;
}
.after\:-bottom-1:after
{
    content: var(--tw-content);
    bottom: -.25rem;
}
.after\:-left-1\.5:after
{
    content: var(--tw-content);
    left: -.375rem;
}
.after\:-left-2:after
{
    content: var(--tw-content);
    left: -.5rem;
}
.after\:-right-2:after
{
    content: var(--tw-content);
    right: -.5rem;
}
.after\:-top-\[10\%\]:after
{
    content: var(--tw-content);
    top: -10%;
}
.after\:bottom-0:after
{
    content: var(--tw-content);
    bottom: 0;
}
.after\:bottom-\[8\%\]:after
{
    content: var(--tw-content);
    bottom: 8%;
}
.after\:left-0:after
{
    content: var(--tw-content);
    left: 0;
}
.after\:left-1\/2:after
{
    content: var(--tw-content);
    left: 50%;
}
.after\:left-2:after
{
    content: var(--tw-content);
    left: .5rem;
}
.after\:right-0:after
{
    content: var(--tw-content);
    right: 0;
}
.after\:right-\[50px\]:after
{
    content: var(--tw-content);
    right: 50px;
}
.after\:top-0:after
{
    content: var(--tw-content);
    top: 0;
}
.after\:top-1\/2:after
{
    content: var(--tw-content);
    top: 50%;
}
.after\:top-\[50px\]:after
{
    content: var(--tw-content);
    top: 50px;
}
.after\:top-\[6px\]:after
{
    content: var(--tw-content);
    top: 6px;
}
.after\:-z-10:after
{
    content: var(--tw-content);
    z-index: -10;
}
.after\:-z-\[1\]:after
{
    content: var(--tw-content);
    z-index: -1;
}
.after\:z-10:after
{
    content: var(--tw-content);
    z-index: 10;
}
.after\:block:after
{
    content: var(--tw-content);
    display: block;
}
.after\:hidden:after
{
    content: var(--tw-content);
    display: none;
}
.after\:h-0:after
{
    content: var(--tw-content);
    height: 0;
}
.after\:h-0\.5:after
{
    content: var(--tw-content);
    height: .125rem;
}
.after\:h-1:after
{
    content: var(--tw-content);
    height: .25rem;
}
.after\:h-1\.5:after
{
    content: var(--tw-content);
    height: .375rem;
}
.after\:h-3:after
{
    content: var(--tw-content);
    height: .75rem;
}
.after\:h-\[70\%\]:after
{
    content: var(--tw-content);
    height: 70%;
}
.after\:h-\[71\%\]:after
{
    content: var(--tw-content);
    height: 71%;
}
.after\:h-\[80\%\]:after
{
    content: var(--tw-content);
    height: 80%;
}
.after\:h-\[9px\]:after
{
    content: var(--tw-content);
    height: 9px;
}
.after\:h-full:after
{
    content: var(--tw-content);
    height: 100%;
}
.after\:h-px:after
{
    content: var(--tw-content);
    height: 1px;
}
.after\:w-0:after
{
    content: var(--tw-content);
    width: 0;
}
.after\:w-1:after
{
    content: var(--tw-content);
    width: .25rem;
}
.after\:w-1\.5:after
{
    content: var(--tw-content);
    width: .375rem;
}
.after\:w-1\/2:after
{
    content: var(--tw-content);
    width: 50%;
}
.after\:w-3:after
{
    content: var(--tw-content);
    width: .75rem;
}
.after\:w-\[0\.5px\]:after
{
    content: var(--tw-content);
    width: .5px;
}
.after\:w-\[26\%\]:after
{
    content: var(--tw-content);
    width: 26%;
}
.after\:w-\[9px\]:after
{
    content: var(--tw-content);
    width: 9px;
}
.after\:w-full:after
{
    content: var(--tw-content);
    width: 100%;
}
.after\:w-px:after
{
    content: var(--tw-content);
    width: 1px;
}
.after\:-translate-x-1\/2:after
{
    content: var(--tw-content);
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.after\:-translate-y-1\/2:after
{
    content: var(--tw-content);
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.after\:rounded:after
{
    content: var(--tw-content);
    border-radius: .25rem;
}
.after\:rounded-2xl:after
{
    content: var(--tw-content);
    border-radius: 1rem;
}
.after\:rounded-full:after
{
    content: var(--tw-content);
    border-radius: 9999px;
}
.after\:rounded-lg:after
{
    content: var(--tw-content);
    border-radius: .5rem;
}
.after\:border:after
{
    content: var(--tw-content);
    border-width: 1px;
}
.after\:border-\[0\.5px\]:after
{
    content: var(--tw-content);
    border-width: .5px;
}
.after\:border-\[\#DF2F25\]:after
{
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(223 47 37/var(--tw-border-opacity));
}
.after\:border-\[var\(--sx-gray-300\)\]:after
{
    content: var(--tw-content);
    border-color: var(--sx-gray-300);
}
.after\:border-\[var\(--sx-red\)\]:after
{
    content: var(--tw-content);
    border-color: var(--sx-red);
}
.after\:bg-\[\#D9D9D9\]:after
{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(217 217 217/var(--tw-bg-opacity));
}
.after\:bg-\[\#DF2F25\]:after
{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(223 47 37/var(--tw-bg-opacity));
}
.after\:bg-\[\#fddd9e\]:after
{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(253 221 158/var(--tw-bg-opacity));
}
.after\:bg-\[var\(--sx-gray\)\]:after
{
    content: var(--tw-content);
    background-color: var(--sx-gray);
}
.after\:bg-\[var\(--sx-primary-text\)\]:after
{
    content: var(--tw-content);
    background-color: var(--sx-primary-text);
}
.after\:bg-\[var\(--sx-red\)\]:after
{
    content: var(--tw-content);
    background-color: var(--sx-red);
}
.after\:bg-\[var\(--sx-secondary\)\]:after
{
    content: var(--tw-content);
    background-color: var(--sx-secondary);
}
.after\:bg-black:after
{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity));
}
.after\:bg-current:after
{
    content: var(--tw-content);
    background-color: currentColor;
}
.after\:bg-transparent:after
{
    content: var(--tw-content);
    background-color: transparent;
}
.after\:bg-white:after
{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
}
.after\:bg-white\/20:after
{
    content: var(--tw-content);
    background-color: #fff3;
}
.after\:bg-gradient-to-b:after
{
    content: var(--tw-content);
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
}
.after\:from-\[\#383433\]\/30:after
{
    content: var(--tw-content);
    --tw-gradient-from: rgb(56 52 51/.3) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(56 52 51/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.after\:to-\[\#181818\]\/30:after
{
    content: var(--tw-content);
    --tw-gradient-to: rgb(24 24 24/.3) var(--tw-gradient-to-position);
}
.after\:text-2xl:after
{
    content: var(--tw-content);
    font-size: 1.5rem;
    line-height: 2rem;
}
.after\:text-sm:after
{
    content: var(--tw-content);
    font-size: .875rem;
    line-height: 1.25rem;
}
.after\:font-bold:after
{
    content: var(--tw-content);
    font-weight: 700;
}
.after\:text-\[\#575b66\]:after
{
    content: var(--tw-content);
    --tw-text-opacity: 1;
    color: rgb(87 91 102/var(--tw-text-opacity));
}
.after\:opacity-0:after
{
    content: var(--tw-content);
    opacity: 0;
}
.after\:opacity-20:after
{
    content: var(--tw-content);
    opacity: .2;
}
.after\:opacity-30:after
{
    content: var(--tw-content);
    opacity: .3;
}
.after\:opacity-80:after
{
    content: var(--tw-content);
    opacity: .8;
}
.after\:shadow-\[0_4px_4px_0_rgba\(126\,35\,35\,0\.25\)\]:after
{
    content: var(--tw-content);
    --tw-shadow: 0 4px 4px 0 rgba(126,35,35,.25);
    --tw-shadow-colored: 0 4px 4px 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);
}
.after\:transition-all:after
{
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}
.after\:duration-300:after
{
    content: var(--tw-content);
    transition-duration: .3s;
}
.after\:duration-500:after
{
    content: var(--tw-content);
    transition-duration: .5s;
}
.after\:ease-in-out:after
{
    content: var(--tw-content);
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}
.after\:content-\[\'\'\]:after
{
    --tw-content: "";
    content: var(--tw-content);
}
.after\:content-\[\'next\'\]:after
{
    --tw-content: "next";
    content: var(--tw-content);
}
.after\:content-\[\'prev\'\]:after
{
    --tw-content: "prev";
    content: var(--tw-content);
}
.first\:mt-0:first-child
{
    margin-top: 0;
}
.first\:rounded-l:first-child
{
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}
.last\:mb-0:last-child
{
    margin-bottom: 0;
}
.last\:rounded-r:last-child
{
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}
.last\:border-b:last-child
{
    border-bottom-width: 1px;
}
.last\:border-b-0:last-child
{
    border-bottom-width: 0;
}
.last\:border-r-0:last-child
{
    border-right-width: 0;
}
.last\:border-none:last-child
{
    border-style: none;
}
.last\:pb-2:last-child
{
    padding-bottom: .5rem;
}
.last\:after\:hidden:last-child:after
{
    content: var(--tw-content);
    display: none;
}
.odd\:flex-row:nth-child(odd)
{
    flex-direction: row;
}
.checked\:border-none:checked
{
    border-style: none;
}
.checked\:bg-\[var\(--sx-primary-text\)\]:checked
{
    background-color: var(--sx-primary-text);
}
.checked\:bg-white:checked
{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
}
.checked\:before\:opacity-100:checked:before
{
    content: var(--tw-content);
    opacity: 1;
}
.hover\:scale-105: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)) skew(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;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:border-gray-300:hover
{
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219/var(--tw-border-opacity));
}
.hover\:bg-\[\#f3f3f3\]:hover
{
    --tw-bg-opacity: 1;
    background-color: rgb(243 243 243/var(--tw-bg-opacity));
}
.hover\:bg-\[var\(--sx-dark-text\)\]:hover
{
    background-color: var(--sx-dark-text);
}
.hover\:bg-gray-100:hover
{
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity));
}
.hover\:font-bold:hover
{
    font-weight: 700;
}
.hover\:text-\[var\(--sx-dark-text\)\]:hover
{
    color: var(--sx-dark-text);
}
.hover\:text-gray-900:hover
{
    --tw-text-opacity: 1;
    color: rgb(17 24 39/var(--tw-text-opacity));
}
.hover\:text-white:hover
{
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
}
.hover\:opacity-80:hover
{
    opacity: .8;
}
.hover\:opacity-90:hover
{
    opacity: .9;
}
.hover\:shadow:hover
{
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0/.1),0 1px 2px -1px rgb(0 0 0/.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}
.hover\:shadow-lg:hover
{
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}
.hover\:shadow-md:hover
{
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}
.hover\:shadow-sm:hover
{
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0/.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}
.hover\:after\:w-5:hover:after
{
    content: var(--tw-content);
    width: 1.25rem;
}
.hover\:after\:w-full:hover:after
{
    content: var(--tw-content);
    width: 100%;
}
.focus\:border-2:focus
{
    border-width: 2px;
}
.focus\:outline-none:focus
{
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.focus-visible\:outline-none:focus-visible
{
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.group:hover .group-hover\:bottom-0
{
    bottom: 0;
}
.group:hover .group-hover\:block
{
    display: block;
}
.group:hover .group-hover\:hidden
{
    display: none;
}
.group:hover .group-hover\:scale-105
{
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-110
{
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group.is-clicked .group-\[\.is-clicked\]\:rotate-180
{
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group.is-clicked .group-\[\.is-clicked\]\:rotate-90
{
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.peer:placeholder-shown~.peer-placeholder-shown\:top-3\.5
{
    top: .875rem;
}
.peer:placeholder-shown~.peer-placeholder-shown\:hidden
{
    display: none;
}
.peer:placeholder-shown~.peer-placeholder-shown\:text-base\/4
{
    font-size: 1rem;
    line-height: 1rem;
}
.peer:placeholder-shown~.peer-placeholder-shown\:text-sm\/4
{
    font-size: .875rem;
    line-height: 1rem;
}
.peer:focus~.peer-focus\:\!top-1
{
    top: .25rem!important;
}
.peer:focus~.peer-focus\:block
{
    display: block;
}
.peer:focus~.peer-focus\:text-sm\/4
{
    font-size: .875rem;
    line-height: 1rem;
}
.peer:focus~.peer-focus\:text-xs\/4
{
    font-size: .75rem;
    line-height: 1rem;
}
@media(min-width: 640px)
{
    .sm\:w-auto
    {
        width: auto;
    }
    .sm\:basis-1\/4
    {
        flex-basis: 25%;
    }
}
@media(min-width: 768px)
{
    .md\:static
    {
        position: static;
    }
    .md\:absolute
    {
        position: absolute;
    }
    .md\:relative
    {
        position: relative;
    }
    .md\:sticky
    {
        position: sticky;
    }
    .md\:-bottom-24
    {
        bottom: -6rem;
    }
    .md\:-bottom-full
    {
        bottom: -100%;
    }
    .md\:bottom-0
    {
        bottom: 0;
    }
    .md\:bottom-1\/2
    {
        bottom: 50%;
    }
    .md\:bottom-2
    {
        bottom: .5rem;
    }
    .md\:bottom-8
    {
        bottom: 2rem;
    }
    .md\:left-0
    {
        left: 0;
    }
    .md\:left-1\/2
    {
        left: 50%;
    }
    .md\:left-auto
    {
        left: auto;
    }
    .md\:right-0
    {
        right: 0;
    }
    .md\:right-2\.5
    {
        right: .625rem;
    }
    .md\:right-3\/4
    {
        right: 75%;
    }
    .md\:right-4
    {
        right: 1rem;
    }
    .md\:top-0
    {
        top: 0;
    }
    .md\:top-1\/2
    {
        top: 50%;
    }
    .md\:top-4
    {
        top: 1rem;
    }
    .md\:top-auto
    {
        top: auto;
    }
    .md\:top-full
    {
        top: 100%;
    }
    .md\:z-20
    {
        z-index: 20;
    }
    .md\:col-span-1
    {
        grid-column: span 1/span 1;
    }
    .md\:row-span-2
    {
        grid-row: span 2/span 2;
    }
    .md\:row-span-3
    {
        grid-row: span 3/span 3;
    }
    .md\:m-4
    {
        margin: 1rem;
    }
    .md\:m-auto
    {
        margin: auto;
    }
    .md\:-mx-4
    {
        margin-left: -1rem;
        margin-right: -1rem;
    }
    .md\:-my-3
    {
        margin-top: -.75rem;
        margin-bottom: -.75rem;
    }
    .md\:mx-0
    {
        margin-left: 0;
        margin-right: 0;
    }
    .md\:mx-1
    {
        margin-left: .25rem;
        margin-right: .25rem;
    }
    .md\:mx-2
    {
        margin-left: .5rem;
        margin-right: .5rem;
    }
    .md\:mx-3
    {
        margin-left: .75rem;
        margin-right: .75rem;
    }
    .md\:mx-4
    {
        margin-left: 1rem;
        margin-right: 1rem;
    }
    .md\:mx-6
    {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }
    .md\:mx-\[60px\]
    {
        margin-left: 60px;
        margin-right: 60px;
    }
    .md\:mx-auto
    {
        margin-left: auto;
        margin-right: auto;
    }
    .md\:my-0
    {
        margin-top: 0;
        margin-bottom: 0;
    }
    .md\:my-10
    {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }
    .md\:my-12
    {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
    .md\:my-16
    {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }
    .md\:my-2
    {
        margin-top: .5rem;
        margin-bottom: .5rem;
    }
    .md\:my-3
    {
        margin-top: .75rem;
        margin-bottom: .75rem;
    }
    .md\:my-4
    {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    .md\:my-5
    {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
    }
    .md\:my-6
    {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .md\:my-8
    {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
    .md\:my-auto
    {
        margin-top: auto;
        margin-bottom: auto;
    }
    .md\:\!mr-4
    {
        margin-right: 1rem!important;
    }
    .md\:-mt-4
    {
        margin-top: -1rem;
    }
    .md\:mb-0
    {
        margin-bottom: 0;
    }
    .md\:mb-1
    {
        margin-bottom: .25rem;
    }
    .md\:mb-11
    {
        margin-bottom: 2.75rem;
    }
    .md\:mb-12
    {
        margin-bottom: 3rem;
    }
    .md\:mb-2
    {
        margin-bottom: .5rem;
    }
    .md\:mb-2\.5
    {
        margin-bottom: .625rem;
    }
    .md\:mb-3
    {
        margin-bottom: .75rem;
    }
    .md\:mb-4
    {
        margin-bottom: 1rem;
    }
    .md\:mb-5
    {
        margin-bottom: 1.25rem;
    }
    .md\:mb-6
    {
        margin-bottom: 1.5rem;
    }
    .md\:mb-8
    {
        margin-bottom: 2rem;
    }
    .md\:mb-\[14px\]
    {
        margin-bottom: 14px;
    }
    .md\:mb-\[26px\]
    {
        margin-bottom: 26px;
    }
    .md\:ml-0
    {
        margin-left: 0;
    }
    .md\:ml-1
    {
        margin-left: .25rem;
    }
    .md\:ml-3
    {
        margin-left: .75rem;
    }
    .md\:ml-4
    {
        margin-left: 1rem;
    }
    .md\:ml-40
    {
        margin-left: 10rem;
    }
    .md\:ml-\[64px\]
    {
        margin-left: 64px;
    }
    .md\:mr-0
    {
        margin-right: 0;
    }
    .md\:mr-1
    {
        margin-right: .25rem;
    }
    .md\:mr-2
    {
        margin-right: .5rem;
    }
    .md\:mr-4
    {
        margin-right: 1rem;
    }
    .md\:mr-\[10px\]
    {
        margin-right: 10px;
    }
    .md\:mr-\[64px\]
    {
        margin-right: 64px;
    }
    .md\:mt-0
    {
        margin-top: 0;
    }
    .md\:mt-1
    {
        margin-top: .25rem;
    }
    .md\:mt-10
    {
        margin-top: 2.5rem;
    }
    .md\:mt-2
    {
        margin-top: .5rem;
    }
    .md\:mt-2\.5
    {
        margin-top: .625rem;
    }
    .md\:mt-3
    {
        margin-top: .75rem;
    }
    .md\:mt-4
    {
        margin-top: 1rem;
    }
    .md\:mt-6
    {
        margin-top: 1.5rem;
    }
    .md\:mt-7
    {
        margin-top: 1.75rem;
    }
    .md\:mt-8
    {
        margin-top: 2rem;
    }
    .md\:mt-\[22px\]
    {
        margin-top: 22px;
    }
    .md\:mt-\[26px\]
    {
        margin-top: 26px;
    }
    .md\:line-clamp-1
    {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }
    .md\:line-clamp-2
    {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .md\:block
    {
        display: block;
    }
    .md\:inline-block
    {
        display: inline-block;
    }
    .md\:inline
    {
        display: inline;
    }
    .md\:flex
    {
        display: flex;
    }
    .md\:inline-flex
    {
        display: inline-flex;
    }
    .md\:grid
    {
        display: grid;
    }
    .md\:hidden
    {
        display: none;
    }
    .md\:aspect-\[3\/1\]
    {
        aspect-ratio: 3/1;
    }
    .md\:aspect-auto
    {
        aspect-ratio: auto;
    }
    .md\:h-0
    {
        height: 0;
    }
    .md\:h-0\.5
    {
        height: .125rem;
    }
    .md\:h-10
    {
        height: 2.5rem;
    }
    .md\:h-11
    {
        height: 2.75rem;
    }
    .md\:h-12
    {
        height: 3rem;
    }
    .md\:h-2
    {
        height: .5rem;
    }
    .md\:h-20
    {
        height: 5rem;
    }
    .md\:h-24
    {
        height: 6rem;
    }
    .md\:h-4
    {
        height: 1rem;
    }
    .md\:h-4\/5
    {
        height: 80%;
    }
    .md\:h-5
    {
        height: 1.25rem;
    }
    .md\:h-7
    {
        height: 1.75rem;
    }
    .md\:h-8
    {
        height: 2rem;
    }
    .md\:h-9
    {
        height: 2.25rem;
    }
    .md\:h-\[420px\]
    {
        height: 420px;
    }
    .md\:h-\[42px\]
    {
        height: 42px;
    }
    .md\:h-\[48px\]
    {
        height: 48px;
    }
    .md\:h-\[68px\]
    {
        height: 68px;
    }
    .md\:h-\[72px\]
    {
        height: 72px;
    }
    .md\:h-\[88px\]
    {
        height: 88px;
    }
    .md\:h-auto
    {
        height: auto;
    }
    .md\:h-full
    {
        height: 100%;
    }
    .md\:max-h-16
    {
        max-height: 4rem;
    }
    .md\:max-h-24
    {
        max-height: 6rem;
    }
    .md\:max-h-\[400px\]
    {
        max-height: 400px;
    }
    .md\:max-h-\[70vh\]
    {
        max-height: 70vh;
    }
    .md\:max-h-\[905px\]
    {
        max-height: 905px;
    }
    .md\:max-h-full
    {
        max-height: 100%;
    }
    .md\:max-h-none
    {
        max-height: none;
    }
    .md\:min-h-\[88px\]
    {
        min-height: 88px;
    }
    .md\:w-0
    {
        width: 0;
    }
    .md\:w-1\/2
    {
        width: 50%;
    }
    .md\:w-1\/3
    {
        width: 33.333333%;
    }
    .md\:w-1\/4
    {
        width: 25%;
    }
    .md\:w-10
    {
        width: 2.5rem;
    }
    .md\:w-12
    {
        width: 3rem;
    }
    .md\:w-14
    {
        width: 3.5rem;
    }
    .md\:w-20
    {
        width: 5rem;
    }
    .md\:w-24
    {
        width: 6rem;
    }
    .md\:w-32
    {
        width: 8rem;
    }
    .md\:w-4
    {
        width: 1rem;
    }
    .md\:w-44
    {
        width: 11rem;
    }
    .md\:w-5
    {
        width: 1.25rem;
    }
    .md\:w-8
    {
        width: 2rem;
    }
    .md\:w-80
    {
        width: 20rem;
    }
    .md\:w-9
    {
        width: 2.25rem;
    }
    .md\:w-96
    {
        width: 24rem;
    }
    .md\:w-\[163px\]
    {
        width: 163px;
    }
    .md\:w-\[18\%\]
    {
        width: 18%;
    }
    .md\:w-\[26\%\]
    {
        width: 26%;
    }
    .md\:w-\[29px\]
    {
        width: 29px;
    }
    .md\:w-\[34\.7\%\]
    {
        width: 34.7%;
    }
    .md\:w-\[375px\]
    {
        width: 375px;
    }
    .md\:w-\[40\%\]
    {
        width: 40%;
    }
    .md\:w-\[420px\]
    {
        width: 420px;
    }
    .md\:w-\[47\.7\%\]
    {
        width: 47.7%;
    }
    .md\:w-\[472px\]
    {
        width: 472px;
    }
    .md\:w-\[68px\]
    {
        width: 68px;
    }
    .md\:w-\[75\%\]
    {
        width: 75%;
    }
    .md\:w-\[85\%\]
    {
        width: 85%;
    }
    .md\:w-auto
    {
        width: auto;
    }
    .md\:w-full
    {
        width: 100%;
    }
    .md\:min-w-72
    {
        min-width: 18rem;
    }
    .md\:min-w-\[22\%\]
    {
        min-width: 22%;
    }
    .md\:min-w-\[220px\]
    {
        min-width: 220px;
    }
    .md\:min-w-\[225px\]
    {
        min-width: 225px;
    }
    .md\:min-w-\[340px\]
    {
        min-width: 340px;
    }
    .md\:max-w-24
    {
        max-width: 6rem;
    }
    .md\:max-w-2xl
    {
        max-width: 42rem;
    }
    .md\:max-w-80
    {
        max-width: 20rem;
    }
    .md\:max-w-96
    {
        max-width: 24rem;
    }
    .md\:max-w-\[552px\]
    {
        max-width: 552px;
    }
    .md\:max-w-\[750px\]
    {
        max-width: 750px;
    }
    .md\:max-w-\[calc\(100\%-88px\)\]
    {
        max-width: calc(100% - 88px);
    }
    .md\:max-w-full
    {
        max-width: 100%;
    }
    .md\:max-w-md
    {
        max-width: 28rem;
    }
    .md\:max-w-xl
    {
        max-width: 36rem;
    }
    .md\:flex-1
    {
        flex: 1 1 0%;
    }
    .md\:flex-none
    {
        flex: none;
    }
    .md\:basis-1\/4
    {
        flex-basis: 25%;
    }
    .md\:-translate-x-0
    {
        --tw-translate-x: -0px;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .md\:-translate-x-1\/2
    {
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .md\:-translate-x-\[200vw\]
    {
        --tw-translate-x: -200vw;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .md\:-translate-x-\[300\%\]
    {
        --tw-translate-x: -300%;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .md\:-translate-y-1\/2
    {
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .md\:translate-x-0
    {
        --tw-translate-x: 0px;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .md\:translate-x-\[200vw\]
    {
        --tw-translate-x: 200vw;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .md\:translate-y-0
    {
        --tw-translate-y: 0px;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .md\:translate-y-1\/2
    {
        --tw-translate-y: 50%;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .md\:scale-0
    {
        --tw-scale-x: 0;
        --tw-scale-y: 0;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .md\:scale-100
    {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .md\:cursor-pointer
    {
        cursor: pointer;
    }
    .md\:columns-4
    {
        columns: 4;
    }
    .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-row-reverse
    {
        flex-direction: row-reverse;
    }
    .md\:flex-col
    {
        flex-direction: column;
    }
    .md\:flex-col-reverse
    {
        flex-direction: column-reverse;
    }
    .md\:flex-wrap
    {
        flex-wrap: wrap;
    }
    .md\:items-start
    {
        align-items: flex-start;
    }
    .md\:items-end
    {
        align-items: flex-end;
    }
    .md\:items-center
    {
        align-items: center;
    }
    .md\:justify-normal
    {
        justify-content: normal;
    }
    .md\:justify-end
    {
        justify-content: flex-end;
    }
    .md\:justify-center
    {
        justify-content: center;
    }
    .md\:justify-between
    {
        justify-content: space-between;
    }
    .md\:gap-0
    {
        gap: 0;
    }
    .md\:gap-14
    {
        gap: 3.5rem;
    }
    .md\:gap-16
    {
        gap: 4rem;
    }
    .md\:gap-2
    {
        gap: .5rem;
    }
    .md\:gap-4
    {
        gap: 1rem;
    }
    .md\:gap-5
    {
        gap: 1.25rem;
    }
    .md\:gap-6
    {
        gap: 1.5rem;
    }
    .md\:gap-8
    {
        gap: 2rem;
    }
    .md\:gap-\[22px\]
    {
        gap: 22px;
    }
    .md\:gap-x-7
    {
        column-gap: 1.75rem;
    }
    .md\:gap-x-\[60px\]
    {
        column-gap: 60px;
    }
    .md\:gap-y-1
    {
        row-gap: .25rem;
    }
    .md\:overflow-auto
    {
        overflow: auto;
    }
    .md\:overflow-visible
    {
        overflow: visible;
    }
    .md\:overflow-x-hidden
    {
        overflow-x: hidden;
    }
    .md\:whitespace-nowrap
    {
        white-space: nowrap;
    }
    .md\:\!rounded
    {
        border-radius: .25rem!important;
    }
    .md\:rounded
    {
        border-radius: .25rem;
    }
    .md\:rounded-2xl
    {
        border-radius: 1rem;
    }
    .md\:rounded-\[15px\]
    {
        border-radius: 15px;
    }
    .md\:rounded-\[20px\]
    {
        border-radius: 20px;
    }
    .md\:rounded-\[30px\]
    {
        border-radius: 30px;
    }
    .md\:rounded-lg
    {
        border-radius: .5rem;
    }
    .md\:rounded-md
    {
        border-radius: .375rem;
    }
    .md\:rounded-none
    {
        border-radius: 0;
    }
    .md\:rounded-b-2xl
    {
        border-bottom-right-radius: 1rem;
        border-bottom-left-radius: 1rem;
    }
    .md\:rounded-b-lg
    {
        border-bottom-right-radius: .5rem;
        border-bottom-left-radius: .5rem;
    }
    .md\:rounded-b-md
    {
        border-bottom-right-radius: .375rem;
        border-bottom-left-radius: .375rem;
    }
    .md\:rounded-t-2xl
    {
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
    }
    .md\:rounded-t-\[5px\]
    {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    .md\:rounded-tl-none
    {
        border-top-left-radius: 0;
    }
    .md\:border
    {
        border-width: 1px;
    }
    .md\:border-b-0
    {
        border-bottom-width: 0;
    }
    .md\:border-l
    {
        border-left-width: 1px;
    }
    .md\:border-r
    {
        border-right-width: 1px;
    }
    .md\:border-t-0
    {
        border-top-width: 0;
    }
    .md\:border-solid
    {
        border-style: solid;
    }
    .md\:border-none
    {
        border-style: none;
    }
    .md\:border-gray-300
    {
        --tw-border-opacity: 1;
        border-color: rgb(209 213 219/var(--tw-border-opacity));
    }
    .md\:border-l-transparent
    {
        border-left-color: transparent;
    }
    .md\:bg-\[--sx-gray-100\]
    {
        background-color: var(--sx-gray-100);
    }
    .md\:bg-\[--sx-light\]
    {
        background-color: var(--sx-light);
    }
    .md\:bg-\[var\(--sx-body-bg\)\]
    {
        background-color: var(--sx-body-bg);
    }
    .md\:bg-\[var\(--sx-gray-500\)\]
    {
        background-color: var(--sx-gray-500);
    }
    .md\:bg-\[var\(--sx-promotion-text\)\]
    {
        background-color: var(--sx-promotion-text);
    }
    .md\:bg-\[var\(--sx-secondary-bg-subtle\)\]
    {
        background-color: var(--sx-secondary-bg-subtle);
    }
    .md\:bg-transparent
    {
        background-color: transparent;
    }
    .md\:bg-white
    {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity));
    }
    .md\:bg-opacity-0
    {
        --tw-bg-opacity: 0;
    }
    .md\:bg-none
    {
        background-image: none;
    }
    .md\:p-0
    {
        padding: 0;
    }
    .md\:p-10
    {
        padding: 2.5rem;
    }
    .md\:p-3
    {
        padding: .75rem;
    }
    .md\:p-4
    {
        padding: 1rem;
    }
    .md\:p-5
    {
        padding: 1.25rem;
    }
    .md\:p-6
    {
        padding: 1.5rem;
    }
    .md\:p-\[26px\]
    {
        padding: 26px;
    }
    .md\:px-0
    {
        padding-left: 0;
        padding-right: 0;
    }
    .md\:px-1
    {
        padding-left: .25rem;
        padding-right: .25rem;
    }
    .md\:px-1\.5
    {
        padding-left: .375rem;
        padding-right: .375rem;
    }
    .md\:px-10
    {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
    .md\:px-12
    {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .md\:px-2
    {
        padding-left: .5rem;
        padding-right: .5rem;
    }
    .md\:px-2\.5
    {
        padding-left: .625rem;
        padding-right: .625rem;
    }
    .md\:px-3
    {
        padding-left: .75rem;
        padding-right: .75rem;
    }
    .md\:px-4
    {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .md\:px-5
    {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .md\:px-6
    {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .md\:px-7
    {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }
    .md\:px-8
    {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .md\:px-\[22px\]
    {
        padding-left: 22px;
        padding-right: 22px;
    }
    .md\:px-\[23px\]
    {
        padding-left: 23px;
        padding-right: 23px;
    }
    .md\:px-\[26px\]
    {
        padding-left: 26px;
        padding-right: 26px;
    }
    .md\:px-\[36px\]
    {
        padding-left: 36px;
        padding-right: 36px;
    }
    .md\:px-\[37px\]
    {
        padding-left: 37px;
        padding-right: 37px;
    }
    .md\:px-\[98px\]
    {
        padding-left: 98px;
        padding-right: 98px;
    }
    .md\:py-0
    {
        padding-top: 0;
        padding-bottom: 0;
    }
    .md\:py-0\.5
    {
        padding-top: .125rem;
        padding-bottom: .125rem;
    }
    .md\:py-1
    {
        padding-top: .25rem;
        padding-bottom: .25rem;
    }
    .md\:py-10
    {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
    .md\:py-2
    {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
    .md\:py-2\.5
    {
        padding-top: .625rem;
        padding-bottom: .625rem;
    }
    .md\:py-4
    {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .md\:py-5
    {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }
    .md\:py-6
    {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .md\:py-8
    {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .md\:py-\[10px\]
    {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .md\:py-\[16px\]
    {
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .md\:py-\[17px\]
    {
        padding-top: 17px;
        padding-bottom: 17px;
    }
    .md\:py-\[18px\]
    {
        padding-top: 18px;
        padding-bottom: 18px;
    }
    .md\:py-\[25px\]
    {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .md\:py-\[42px\]
    {
        padding-top: 42px;
        padding-bottom: 42px;
    }
    .md\:py-\[43px\]
    {
        padding-top: 43px;
        padding-bottom: 43px;
    }
    .md\:py-\[56px\]
    {
        padding-top: 56px;
        padding-bottom: 56px;
    }
    .md\:py-\[6px\]
    {
        padding-top: 6px;
        padding-bottom: 6px;
    }
    .md\:py-\[88px\]
    {
        padding-top: 88px;
        padding-bottom: 88px;
    }
    .md\:pb-0
    {
        padding-bottom: 0;
    }
    .md\:pb-10
    {
        padding-bottom: 2.5rem;
    }
    .md\:pb-12
    {
        padding-bottom: 3rem;
    }
    .md\:pb-4
    {
        padding-bottom: 1rem;
    }
    .md\:pb-5
    {
        padding-bottom: 1.25rem;
    }
    .md\:pb-52
    {
        padding-bottom: 13rem;
    }
    .md\:pb-6
    {
        padding-bottom: 1.5rem;
    }
    .md\:pb-8
    {
        padding-bottom: 2rem;
    }
    .md\:pb-9
    {
        padding-bottom: 2.25rem;
    }
    .md\:pb-\[223px\]
    {
        padding-bottom: 223px;
    }
    .md\:pb-\[50\%\]
    {
        padding-bottom: 50%;
    }
    .md\:pl-0
    {
        padding-left: 0;
    }
    .md\:pl-10
    {
        padding-left: 2.5rem;
    }
    .md\:pl-11
    {
        padding-left: 2.75rem;
    }
    .md\:pl-16
    {
        padding-left: 4rem;
    }
    .md\:pl-4
    {
        padding-left: 1rem;
    }
    .md\:pl-8
    {
        padding-left: 2rem;
    }
    .md\:pl-\[18px\]
    {
        padding-left: 18px;
    }
    .md\:pl-\[30px\]
    {
        padding-left: 30px;
    }
    .md\:pl-\[38px\]
    {
        padding-left: 38px;
    }
    .md\:pl-\[44px\]
    {
        padding-left: 44px;
    }
    .md\:pl-\[54px\]
    {
        padding-left: 54px;
    }
    .md\:pr-0
    {
        padding-right: 0;
    }
    .md\:pr-16
    {
        padding-right: 4rem;
    }
    .md\:pr-4
    {
        padding-right: 1rem;
    }
    .md\:pr-8
    {
        padding-right: 2rem;
    }
    .md\:pr-\[38px\]
    {
        padding-right: 38px;
    }
    .md\:pr-\[44px\]
    {
        padding-right: 44px;
    }
    .md\:pt-0
    {
        padding-top: 0;
    }
    .md\:pt-1
    {
        padding-top: .25rem;
    }
    .md\:pt-11
    {
        padding-top: 2.75rem;
    }
    .md\:pt-2
    {
        padding-top: .5rem;
    }
    .md\:pt-2\.5
    {
        padding-top: .625rem;
    }
    .md\:pt-4
    {
        padding-top: 1rem;
    }
    .md\:pt-5
    {
        padding-top: 1.25rem;
    }
    .md\:pt-8
    {
        padding-top: 2rem;
    }
    .md\:pt-\[38px\]
    {
        padding-top: 38px;
    }
    .md\:pt-\[44px\]
    {
        padding-top: 44px;
    }
    .md\:pt-\[48px\]
    {
        padding-top: 48px;
    }
    .md\:pt-\[54px\]
    {
        padding-top: 54px;
    }
    .md\:text-left
    {
        text-align: left;
    }
    .md\:text-right
    {
        text-align: right;
    }
    .md\:text-end
    {
        text-align: end;
    }
    .md\:\!text-2xl
    {
        font-size: 1.5rem!important;
        line-height: 2rem!important;
    }
    .md\:\!text-3xl
    {
        font-size: 1.875rem!important;
        line-height: 2.25rem!important;
    }
    .md\:\!text-4xl
    {
        font-size: 2.25rem!important;
        line-height: 2.5rem!important;
    }
    .md\:text-2xl
    {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .md\:text-3xl
    {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
    .md\:text-4xl
    {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
    .md\:text-6xl
    {
        font-size: 3.75rem;
        line-height: 1;
    }
    .md\:text-\[13px\]
    {
        font-size: 13px;
    }
    .md\:text-\[20px\]
    {
        font-size: 20px;
    }
    .md\:text-\[22px\]
    {
        font-size: 22px;
    }
    .md\:text-\[26px\]
    {
        font-size: 26px;
    }
    .md\:text-\[28px\]\/\[36px\]
    {
        font-size: 28px;
        line-height: 36px;
    }
    .md\:text-\[32px\]
    {
        font-size: 32px;
    }
    .md\:text-\[32px\]\/\[46px\]
    {
        font-size: 32px;
        line-height: 46px;
    }
    .md\:text-\[36px\]
    {
        font-size: 36px;
    }
    .md\:text-\[38px\]
    {
        font-size: 38px;
    }
    .md\:text-\[38px\]\/\[38px\]
    {
        font-size: 38px;
        line-height: 38px;
    }
    .md\:text-\[42px\]\/\[61px\]
    {
        font-size: 42px;
        line-height: 61px;
    }
    .md\:text-\[70px\]
    {
        font-size: 70px;
    }
    .md\:text-base
    {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .md\:text-base\/5
    {
        font-size: 1rem;
        line-height: 1.25rem;
    }
    .md\:text-lg
    {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
    .md\:text-sm
    {
        font-size: .875rem;
        line-height: 1.25rem;
    }
    .md\:text-sm\/6
    {
        font-size: .875rem;
        line-height: 1.5rem;
    }
    .md\:text-sm\/\[16px\]
    {
        font-size: .875rem;
        line-height: 16px;
    }
    .md\:text-xl
    {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    .md\:text-xs
    {
        font-size: .75rem;
        line-height: 1rem;
    }
    .md\:font-bold
    {
        font-weight: 700;
    }
    .md\:font-normal
    {
        font-weight: 400;
    }
    .md\:leading-\[100px\]
    {
        line-height: 100px;
    }
    .md\:leading-\[23px\]
    {
        line-height: 23px;
    }
    .md\:leading-\[30px\]
    {
        line-height: 30px;
    }
    .md\:leading-\[38px\]
    {
        line-height: 38px;
    }
    .md\:leading-\[46px\]
    {
        line-height: 46px;
    }
    .md\:leading-\[58px\]
    {
        line-height: 58px;
    }
    .md\:leading-none
    {
        line-height: 1;
    }
    .md\:text-\[--sx-dark-text\]
    {
        color: var(--sx-dark-text);
    }
    .md\:text-\[var\(--sx-dark\)\]
    {
        color: var(--sx-dark);
    }
    .md\:text-\[var\(--sx-warning-text\)\]
    {
        color: var(--sx-warning-text);
    }
    .md\:text-black
    {
        --tw-text-opacity: 1;
        color: rgb(0 0 0/var(--tw-text-opacity));
    }
    .md\:opacity-0
    {
        opacity: 0;
    }
    .md\:shadow
    {
        --tw-shadow: 0 1px 3px 0 rgb(0 0 0/.1),0 1px 2px -1px rgb(0 0 0/.1);
        --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    }
    .md\:transition-none
    {
        transition-property: none;
    }
    .md\:before\:left-\[36\%\]:before
    {
        content: var(--tw-content);
        left: 36%;
    }
    .md\:before\:top-\[1\%\]:before
    {
        content: var(--tw-content);
        top: 1%;
    }
    .md\:before\:h-2:before
    {
        content: var(--tw-content);
        height: .5rem;
    }
    .md\:before\:h-2\.5:before
    {
        content: var(--tw-content);
        height: .625rem;
    }
    .md\:before\:w-2:before
    {
        content: var(--tw-content);
        width: .5rem;
    }
    .md\:before\:w-\[4\.5px\]:before
    {
        content: var(--tw-content);
        width: 4.5px;
    }
    .md\:after\:-left-\[32px\]:after
    {
        content: var(--tw-content);
        left: -32px;
    }
    .md\:after\:-right-\[32px\]:after
    {
        content: var(--tw-content);
        right: -32px;
    }
    .md\:after\:block:after
    {
        content: var(--tw-content);
        display: block;
    }
    .md\:after\:hidden:after
    {
        content: var(--tw-content);
        display: none;
    }
    .md\:after\:h-2:after
    {
        content: var(--tw-content);
        height: .5rem;
    }
    .md\:after\:w-0:after
    {
        content: var(--tw-content);
        width: 0;
    }
    .md\:after\:w-2:after
    {
        content: var(--tw-content);
        width: .5rem;
    }
    .md\:first\:ml-0:first-child
    {
        margin-left: 0;
    }
    .md\:last\:mr-0:last-child
    {
        margin-right: 0;
    }
    .md\:last\:border-b-0:last-child
    {
        border-bottom-width: 0;
    }
    .md\:odd\:text-left:nth-child(odd)
    {
        text-align: left;
    }
    .md\:odd\:text-right:nth-child(odd)
    {
        text-align: right;
    }
    .md\:even\:flex-row-reverse:nth-child(2n)
    {
        flex-direction: row-reverse;
    }
    .md\:even\:text-left:nth-child(2n)
    {
        text-align: left;
    }
    .md\:even\:text-right:nth-child(2n)
    {
        text-align: right;
    }
    .md\:hover\:border-gray-300:hover
    {
        --tw-border-opacity: 1;
        border-color: rgb(209 213 219/var(--tw-border-opacity));
    }
    .md\:hover\:text-\[var\(--sx-primary-text\)\]:hover
    {
        color: var(--sx-primary-text);
    }
    .md\:hover\:text-\[var\(--sx-red\)\]:hover
    {
        color: var(--sx-red);
    }
    .md\:hover\:opacity-80:hover
    {
        opacity: .8;
    }
    .md\:hover\:shadow-md:hover
    {
        --tw-shadow: 0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1);
        --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    }
    .md\:hover\:after\:w-full:hover:after
    {
        content: var(--tw-content);
        width: 100%;
    }
    .peer:placeholder-shown~.md\:peer-placeholder-shown\:top-4
    {
        top: 1rem;
    }
}
@media(min-width: 1024px)
{
    .lg\:mb-6
    {
        margin-bottom: 1.5rem;
    }
    .lg\:basis-1\/6
    {
        flex-basis: 16.666667%;
    }
    .lg\:grid-cols-4
    {
        grid-template-columns: repeat(4,minmax(0,1fr));
    }
    .lg\:grid-cols-5
    {
        grid-template-columns: repeat(5,minmax(0,1fr));
    }
    .lg\:grid-cols-6
    {
        grid-template-columns: repeat(6,minmax(0,1fr));
    }
    .lg\:gap-4
    {
        gap: 1rem;
    }
    .lg\:p-3
    {
        padding: .75rem;
    }
    .lg\:py-14
    {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }
}
@media(min-width: 1280px)
{
    .xl\:grid-cols-5
    {
        grid-template-columns: repeat(5,minmax(0,1fr));
    }
}
.rtl\:-left-0:where([dir=rtl],[dir=rtl] *)
{
    left: -0;
}
.rtl\:-left-2:where([dir=rtl],[dir=rtl] *)
{
    left: -.5rem;
}
.rtl\:-left-\[30px\]:where([dir=rtl],[dir=rtl] *)
{
    left: -30px;
}
.rtl\:-left-\[7px\]:where([dir=rtl],[dir=rtl] *)
{
    left: -7px;
}
.rtl\:left-0:where([dir=rtl],[dir=rtl] *)
{
    left: 0;
}
.rtl\:left-14:where([dir=rtl],[dir=rtl] *)
{
    left: 3.5rem;
}
.rtl\:left-2:where([dir=rtl],[dir=rtl] *)
{
    left: .5rem;
}
.rtl\:left-2\.5:where([dir=rtl],[dir=rtl] *)
{
    left: .625rem;
}
.rtl\:left-3:where([dir=rtl],[dir=rtl] *)
{
    left: .75rem;
}
.rtl\:left-4:where([dir=rtl],[dir=rtl] *)
{
    left: 1rem;
}
.rtl\:left-\[17px\]:where([dir=rtl],[dir=rtl] *)
{
    left: 17px;
}
.rtl\:left-auto:where([dir=rtl],[dir=rtl] *)
{
    left: auto;
}
.rtl\:right-0:where([dir=rtl],[dir=rtl] *)
{
    right: 0;
}
.rtl\:right-3:where([dir=rtl],[dir=rtl] *)
{
    right: .75rem;
}
.rtl\:right-4:where([dir=rtl],[dir=rtl] *)
{
    right: 1rem;
}
.rtl\:right-auto:where([dir=rtl],[dir=rtl] *)
{
    right: auto;
}
.rtl\:ml-0:where([dir=rtl],[dir=rtl] *)
{
    margin-left: 0;
}
.rtl\:ml-0\.5:where([dir=rtl],[dir=rtl] *)
{
    margin-left: .125rem;
}
.rtl\:ml-1:where([dir=rtl],[dir=rtl] *)
{
    margin-left: .25rem;
}
.rtl\:ml-1\.5:where([dir=rtl],[dir=rtl] *)
{
    margin-left: .375rem;
}
.rtl\:ml-2:where([dir=rtl],[dir=rtl] *)
{
    margin-left: .5rem;
}
.rtl\:ml-2\.5:where([dir=rtl],[dir=rtl] *)
{
    margin-left: .625rem;
}
.rtl\:ml-3:where([dir=rtl],[dir=rtl] *)
{
    margin-left: .75rem;
}
.rtl\:ml-4:where([dir=rtl],[dir=rtl] *)
{
    margin-left: 1rem;
}
.rtl\:ml-\[19px\]:where([dir=rtl],[dir=rtl] *)
{
    margin-left: 19px;
}
.rtl\:ml-\[6px\]:where([dir=rtl],[dir=rtl] *)
{
    margin-left: 6px;
}
.rtl\:ml-px:where([dir=rtl],[dir=rtl] *)
{
    margin-left: 1px;
}
.rtl\:mr-0:where([dir=rtl],[dir=rtl] *)
{
    margin-right: 0;
}
.rtl\:mr-1:where([dir=rtl],[dir=rtl] *)
{
    margin-right: .25rem;
}
.rtl\:mr-2:where([dir=rtl],[dir=rtl] *)
{
    margin-right: .5rem;
}
.rtl\:mr-3:where([dir=rtl],[dir=rtl] *)
{
    margin-right: .75rem;
}
.rtl\:mr-4:where([dir=rtl],[dir=rtl] *)
{
    margin-right: 1rem;
}
.rtl\:mr-7:where([dir=rtl],[dir=rtl] *)
{
    margin-right: 1.75rem;
}
.rtl\:mr-\[10px\]:where([dir=rtl],[dir=rtl] *)
{
    margin-right: 10px;
}
.rtl\:mr-\[19px\]:where([dir=rtl],[dir=rtl] *)
{
    margin-right: 19px;
}
.rtl\:-translate-x-1\/2:where([dir=rtl],[dir=rtl] *)
{
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rtl\:rotate-0:where([dir=rtl],[dir=rtl] *)
{
    --tw-rotate: 0deg;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rtl\:rotate-180:where([dir=rtl],[dir=rtl] *)
{
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rtl\:rotate-45:where([dir=rtl],[dir=rtl] *)
{
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rtl\:-scale-x-100:where([dir=rtl],[dir=rtl] *)
{
    --tw-scale-x: -1;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rtl\:flex-row-reverse:where([dir=rtl],[dir=rtl] *)
{
    flex-direction: row-reverse;
}
.rtl\:flex-col:where([dir=rtl],[dir=rtl] *)
{
    flex-direction: column;
}
.rtl\:items-start:where([dir=rtl],[dir=rtl] *)
{
    align-items: flex-start;
}
.rtl\:justify-start:where([dir=rtl],[dir=rtl] *)
{
    justify-content: flex-start;
}
.rtl\:justify-end:where([dir=rtl],[dir=rtl] *)
{
    justify-content: flex-end;
}
.rtl\:rounded-bl:where([dir=rtl],[dir=rtl] *)
{
    border-bottom-left-radius: .25rem;
}
.rtl\:rounded-br-none:where([dir=rtl],[dir=rtl] *)
{
    border-bottom-right-radius: 0;
}
.rtl\:rounded-tl-none:where([dir=rtl],[dir=rtl] *)
{
    border-top-left-radius: 0;
}
.rtl\:rounded-tr:where([dir=rtl],[dir=rtl] *)
{
    border-top-right-radius: .25rem;
}
.rtl\:from-\[rgba\(255\,239\,227\,0\.6\)\]:where([dir=rtl],[dir=rtl] *)
{
    --tw-gradient-from: rgba(255,239,227,.6) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(255,239,227,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.rtl\:to-\[rgba\(255\,231\,234\,0\.6\)\]:where([dir=rtl],[dir=rtl] *)
{
    --tw-gradient-to: rgba(255,231,234,.6) var(--tw-gradient-to-position);
}
.rtl\:pl-0:where([dir=rtl],[dir=rtl] *)
{
    padding-left: 0;
}
.rtl\:pl-1\.5:where([dir=rtl],[dir=rtl] *)
{
    padding-left: .375rem;
}
.rtl\:pl-16:where([dir=rtl],[dir=rtl] *)
{
    padding-left: 4rem;
}
.rtl\:pl-3:where([dir=rtl],[dir=rtl] *)
{
    padding-left: .75rem;
}
.rtl\:pl-4:where([dir=rtl],[dir=rtl] *)
{
    padding-left: 1rem;
}
.rtl\:pl-5:where([dir=rtl],[dir=rtl] *)
{
    padding-left: 1.25rem;
}
.rtl\:pl-8:where([dir=rtl],[dir=rtl] *)
{
    padding-left: 2rem;
}
.rtl\:pl-\[17px\]:where([dir=rtl],[dir=rtl] *)
{
    padding-left: 17px;
}
.rtl\:pl-\[5px\]:where([dir=rtl],[dir=rtl] *)
{
    padding-left: 5px;
}
.rtl\:pr-0:where([dir=rtl],[dir=rtl] *)
{
    padding-right: 0;
}
.rtl\:pr-1\.5:where([dir=rtl],[dir=rtl] *)
{
    padding-right: .375rem;
}
.rtl\:pr-2:where([dir=rtl],[dir=rtl] *)
{
    padding-right: .5rem;
}
.rtl\:pr-2\.5:where([dir=rtl],[dir=rtl] *)
{
    padding-right: .625rem;
}
.rtl\:pr-4:where([dir=rtl],[dir=rtl] *)
{
    padding-right: 1rem;
}
.rtl\:pr-44:where([dir=rtl],[dir=rtl] *)
{
    padding-right: 11rem;
}
.rtl\:pr-5:where([dir=rtl],[dir=rtl] *)
{
    padding-right: 1.25rem;
}
.rtl\:pr-\[17px\]:where([dir=rtl],[dir=rtl] *)
{
    padding-right: 17px;
}
.rtl\:text-left:where([dir=rtl],[dir=rtl] *)
{
    text-align: left;
}
.rtl\:text-base:where([dir=rtl],[dir=rtl] *)
{
    font-size: 1rem;
    line-height: 1.5rem;
}
.rtl\:text-\[var\(--sx-primary-text\)\]:where([dir=rtl],[dir=rtl] *)
{
    color: var(--sx-primary-text);
}
.rtl\:before\:absolute:where([dir=rtl],[dir=rtl] *):before
{
    content: var(--tw-content);
    position: absolute;
}
.rtl\:before\:-bottom-1:where([dir=rtl],[dir=rtl] *):before
{
    content: var(--tw-content);
    bottom: -.25rem;
}
.rtl\:before\:-right-1\.5:where([dir=rtl],[dir=rtl] *):before
{
    content: var(--tw-content);
    right: -.375rem;
}
.rtl\:before\:hidden:where([dir=rtl],[dir=rtl] *):before
{
    content: var(--tw-content);
    display: none;
}
.rtl\:before\:h-1\.5:where([dir=rtl],[dir=rtl] *):before
{
    content: var(--tw-content);
    height: .375rem;
}
.rtl\:before\:w-1\.5:where([dir=rtl],[dir=rtl] *):before
{
    content: var(--tw-content);
    width: .375rem;
}
.rtl\:before\:rounded-full:where([dir=rtl],[dir=rtl] *):before
{
    content: var(--tw-content);
    border-radius: 9999px;
}
.rtl\:before\:bg-\[\#D9D9D9\]:where([dir=rtl],[dir=rtl] *):before
{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(217 217 217/var(--tw-bg-opacity));
}
.rtl\:after\:left-0:where([dir=rtl],[dir=rtl] *):after
{
    content: var(--tw-content);
    left: 0;
}
.rtl\:after\:left-\[50px\]:where([dir=rtl],[dir=rtl] *):after
{
    content: var(--tw-content);
    left: 50px;
}
.rtl\:after\:left-auto:where([dir=rtl],[dir=rtl] *):after
{
    content: var(--tw-content);
    left: auto;
}
.rtl\:after\:right-0:where([dir=rtl],[dir=rtl] *):after
{
    content: var(--tw-content);
    right: 0;
}
.rtl\:after\:right-2:where([dir=rtl],[dir=rtl] *):after
{
    content: var(--tw-content);
    right: .5rem;
}
.rtl\:after\:right-auto:where([dir=rtl],[dir=rtl] *):after
{
    content: var(--tw-content);
    right: auto;
}
.rtl\:after\:content-\[\'next\'\]:where([dir=rtl],[dir=rtl] *):after
{
    --tw-content: "next";
    content: var(--tw-content);
}
.rtl\:after\:content-\[\'prev\'\]:where([dir=rtl],[dir=rtl] *):after
{
    --tw-content: "prev";
    content: var(--tw-content);
}
.rtl\:first\:rounded-l-none:first-child:where([dir=rtl],[dir=rtl] *)
{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.rtl\:first\:rounded-r:first-child:where([dir=rtl],[dir=rtl] *)
{
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}
.rtl\:first\:border-r-0:first-child:where([dir=rtl],[dir=rtl] *)
{
    border-right-width: 0;
}
.rtl\:last\:rounded-l:last-child:where([dir=rtl],[dir=rtl] *)
{
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}
.rtl\:last\:rounded-r-none:last-child:where([dir=rtl],[dir=rtl] *)
{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.rtl\:last\:border-r:last-child:where([dir=rtl],[dir=rtl] *)
{
    border-right-width: 1px;
}
@media(min-width: 768px)
{
    .rtl\:md\:left-0:where([dir=rtl],[dir=rtl] *)
    {
        left: 0;
    }
    .rtl\:md\:right-auto:where([dir=rtl],[dir=rtl] *)
    {
        right: auto;
    }
    .rtl\:md\:ml-0:where([dir=rtl],[dir=rtl] *)
    {
        margin-left: 0;
    }
    .rtl\:md\:ml-2:where([dir=rtl],[dir=rtl] *)
    {
        margin-left: .5rem;
    }
    .rtl\:md\:ml-4:where([dir=rtl],[dir=rtl] *)
    {
        margin-left: 1rem;
    }
    .rtl\:md\:ml-\[10px\]:where([dir=rtl],[dir=rtl] *)
    {
        margin-left: 10px;
    }
    .rtl\:md\:mr-0:where([dir=rtl],[dir=rtl] *)
    {
        margin-right: 0;
    }
    .rtl\:md\:mr-1:where([dir=rtl],[dir=rtl] *)
    {
        margin-right: .25rem;
    }
    .rtl\:md\:mr-3:where([dir=rtl],[dir=rtl] *)
    {
        margin-right: .75rem;
    }
    .rtl\:md\:mr-4:where([dir=rtl],[dir=rtl] *)
    {
        margin-right: 1rem;
    }
    .md\:rtl\:pr-0:where([dir=rtl],[dir=rtl] *)
    {
        padding-right: 0;
    }
    .rtl\:md\:pl-0:where([dir=rtl],[dir=rtl] *)
    {
        padding-left: 0;
    }
    .rtl\:md\:pl-5:where([dir=rtl],[dir=rtl] *)
    {
        padding-left: 1.25rem;
    }
    .rtl\:md\:pr-0:where([dir=rtl],[dir=rtl] *)
    {
        padding-right: 0;
    }
    .rtl\:md\:pr-11:where([dir=rtl],[dir=rtl] *)
    {
        padding-right: 2.75rem;
    }
    .rtl\:md\:pr-\[18px\]:where([dir=rtl],[dir=rtl] *)
    {
        padding-right: 18px;
    }
    .rtl\:md\:pr-\[30px\]:where([dir=rtl],[dir=rtl] *)
    {
        padding-right: 30px;
    }
    .rtl\:md\:pr-\[38px\]:where([dir=rtl],[dir=rtl] *)
    {
        padding-right: 38px;
    }
    .rtl\:md\:pr-\[44px\]:where([dir=rtl],[dir=rtl] *)
    {
        padding-right: 44px;
    }
    .rtl\:md\:pr-\[48px\]:where([dir=rtl],[dir=rtl] *)
    {
        padding-right: 48px;
    }
    .rtl\:md\:pr-\[54px\]:where([dir=rtl],[dir=rtl] *)
    {
        padding-right: 54px;
    }
}