*, ::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 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  
}
::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  
}
.\!container {
    width: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 20px !important;
    padding-left: 20px !important
}
.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px
}
@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: 1536px) {
    .\!container {
        max-width: 1536px !important
    }
    .container {
        max-width: 1536px
    }
}
@media (min-width: 1900px) {
    .\!container {
        max-width: 1900px !important
    }
    .container {
        max-width: 1900px
    }
}
.pointer-events-none {
    pointer-events: none !important
}
.visible {
    visibility: visible !important
}
.invisible {
    visibility: hidden !important
}
.collapse {
    visibility: collapse !important
}
.static {
    position: static !important
}
.fixed {
    position: fixed !important
}
.absolute {
    position: absolute !important
}
.relative {
    position: relative !important
}
.sticky {
    position: sticky !important
}
.inset-0 {
    inset: 0px !important
}
.-left-0\.5 {
    left: -0.125rem !important
}
.-left-1 {
    left: -0.25rem !important
}
.-left-1\.5 {
    left: -0.375rem !important
}
.-left-2 {
    left: -0.5rem !important
}
.-left-2\.5 {
    left: -0.625rem !important
}
.-left-\[8px\] {
    left: -8px !important
}
.-right-1 {
    right: -0.25rem !important
}
.-right-2 {
    right: -0.5rem !important
}
.-top-0\.5 {
    top: -0.125rem !important
}
.-top-1 {
    top: -0.25rem !important
}
.-top-1\.5 {
    top: -0.375rem !important
}
.-top-2 {
    top: -0.5rem !important
}
.-top-2\.5 {
    top: -0.625rem !important
}
.-top-32 {
    top: -8rem !important
}
.-top-\[8px\] {
    top: -8px !important
}
.bottom-0 {
    bottom: 0px !important
}
.bottom-1 {
    bottom: 0.25rem !important
}
.bottom-10 {
    bottom: 2.5rem !important
}
.bottom-16 {
    bottom: 4rem !important
}
.bottom-7 {
    bottom: 1.75rem !important
}
.bottom-8 {
    bottom: 2rem !important
}
.bottom-\[-2px\] {
    bottom: -2px !important
}
.bottom-full {
    bottom: 100% !important
}
.left-0 {
    left: 0px !important
}
.left-1 {
    left: 0.25rem !important
}
.left-1\/2 {
    left: 50% !important
}
.left-1\/3 {
    left: 33.333333% !important
}
.left-2 {
    left: 0.5rem !important
}
.left-4 {
    left: 1rem !important
}
.left-8 {
    left: 2rem !important
}
.left-\[-0\.1rem\] {
    left: -0.1rem !important
}
.left-\[-0\.55rem\] {
    left: -0.55rem !important
}
.left-\[-0\.8rem\] {
    left: -0.8rem !important
}
.left-\[-1px\] {
    left: -1px !important
}
.left-\[15px\] {
    left: 15px !important
}
.left-\[5px\] {
    left: 5px !important
}
.left-\[60\%\] {
    left: 60% !important
}
.left-auto {
    left: auto !important
}
.right-0 {
    right: 0px !important
}
.right-1 {
    right: 0.25rem !important
}
.right-1\/3 {
    right: 33.333333% !important
}
.right-10 {
    right: 2.5rem !important
}
.right-2 {
    right: 0.5rem !important
}
.right-2\.5 {
    right: 0.625rem !important
}
.right-28 {
    right: 7rem !important
}
.right-4 {
    right: 1rem !important
}
.right-\[45\%\] {
    right: 45% !important
}
.right-\[60\%\] {
    right: 60% !important
}
.top-0 {
    top: 0px !important
}
.top-1 {
    top: 0.25rem !important
}
.top-1\/2 {
    top: 50% !important
}
.top-1\/3 {
    top: 33.333333% !important
}
.top-1\/4 {
    top: 25% !important
}
.top-2 {
    top: 0.5rem !important
}
.top-2\.5 {
    top: 0.625rem !important
}
.top-3 {
    top: 0.75rem !important
}
.top-3\/4 {
    top: 75% !important
}
.top-32 {
    top: 8rem !important
}
.top-4 {
    top: 1rem !important
}
.top-40 {
    top: 10rem !important
}
.top-5 {
    top: 1.25rem !important
}
.top-8 {
    top: 2rem !important
}
.top-\[-0\.55rem\] {
    top: -0.55rem !important
}
.top-\[-0\.8rem\] {
    top: -0.8rem !important
}
.top-\[-15px\] {
    top: -15px !important
}
.top-\[-20px\] {
    top: -20px !important
}
.top-\[-40\%\] {
    top: -40% !important
}
.top-\[15\%\] {
    top: 15% !important
}
.top-\[25\%\] {
    top: 25% !important
}
.top-\[3\.2rem\] {
    top: 3.2rem !important
}
.top-\[5rem\] {
    top: 5rem !important
}
.top-\[8\.7rem\] {
    top: 8.7rem !important
}
.top-\[80px\] {
    top: 80px !important
}
.top-\[9\.1rem\] {
    top: 9.1rem !important
}
.top-\[unset\] {
    top: unset !important
}
.top-full {
    top: 100% !important
}
.-z-10 {
    z-index: -10 !important
}
.z-0 {
    z-index: 0 !important
}
.z-10 {
    z-index: 10 !important
}
.z-2 {
    z-index: 2 !important
}
.z-20 {
    z-index: 20 !important
}
.z-50 {
    z-index: 50 !important
}
.z-\[-1\] {
    z-index: -1 !important
}
.z-\[1000\] {
    z-index: 1000 !important
}
.z-\[10\] {
    z-index: 10 !important
}
.z-\[15\] {
    z-index: 15 !important
}
.z-\[1\] {
    z-index: 1 !important
}
.z-\[3\] {
    z-index: 3 !important
}
.z-\[50\] {
    z-index: 50 !important
}
.z-\[9999\] {
    z-index: 9999 !important
}
.z-\[9\] {
    z-index: 9 !important
}
.order-1 {
    order: 1 !important
}
.order-2 {
    order: 2 !important
}
.col-span-1 {
    grid-column: span 1 / span 1 !important
}
.col-span-12 {
    grid-column: span 12 / span 12 !important
}
.col-span-2 {
    grid-column: span 2 / span 2 !important
}
.col-span-3 {
    grid-column: span 3 / span 3 !important
}
.col-span-4 {
    grid-column: span 4 / span 4 !important
}
.col-span-6 {
    grid-column: span 6 / span 6 !important
}
.col-span-full {
    grid-column: 1 / -1 !important
}
.-row-start-1 {
    grid-row-start: -1 !important
}
.-row-start-10 {
    grid-row-start: -10 !important
}
.-row-start-11 {
    grid-row-start: -11 !important
}
.-row-start-12 {
    grid-row-start: -12 !important
}
.-row-start-13 {
    grid-row-start: -13 !important
}
.-row-start-2 {
    grid-row-start: -2 !important
}
.-row-start-3 {
    grid-row-start: -3 !important
}
.row-start-1 {
    grid-row-start: 1 !important
}
.row-start-10 {
    grid-row-start: 10 !important
}
.row-start-11 {
    grid-row-start: 11 !important
}
.row-start-12 {
    grid-row-start: 12 !important
}
.row-start-13 {
    grid-row-start: 13 !important
}
.row-start-2 {
    grid-row-start: 2 !important
}
.row-start-3 {
    grid-row-start: 3 !important
}
.m-0 {
    margin: 0px !important
}
.m-1 {
    margin: 0.25rem !important
}
.m-10 {
    margin: 2.5rem !important
}
.m-14 {
    margin: 3.5rem !important
}
.m-2 {
    margin: 0.5rem !important
}
.m-24 {
    margin: 6rem !important
}
.m-3 {
    margin: 0.75rem !important
}
.m-4 {
    margin: 1rem !important
}
.m-auto {
    margin: auto !important
}
.mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important
}
.mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important
}
.mx-3 {
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important
}
.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
}
.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important
}
.my-10 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important
}
.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important
}
.my-3 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important
}
.my-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}
.my-5 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important
}
.my-8 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important
}
.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}
.mb-1 {
    margin-bottom: 0.25rem !important
}
.mb-14 {
    margin-bottom: 3.5rem !important
}
.mb-2 {
    margin-bottom: 0.5rem !important
}
.mb-20 {
    margin-bottom: 5rem !important
}
.mb-3 {
    margin-bottom: 0.75rem !important
}
.mb-4 {
    margin-bottom: 1rem !important
}
.mb-5 {
    margin-bottom: 1.25rem !important
}
.mb-8 {
    margin-bottom: 2rem !important
}
.me-auto {
    margin-inline-end: auto !important
}
.ml-1 {
    margin-left: 0.25rem !important
}
.ml-2 {
    margin-left: 0.5rem !important
}
.ml-3 {
    margin-left: 0.75rem !important
}
.ml-5 {
    margin-left: 1.25rem !important
}
.ml-auto {
    margin-left: auto !important
}
.mr-1 {
    margin-right: 0.25rem !important
}
.mr-2 {
    margin-right: 0.5rem !important
}
.mr-4 {
    margin-right: 1rem !important
}
.mr-auto {
    margin-right: auto !important
}
.ms-2 {
    margin-inline-start: 0.5rem !important
}
.ms-4 {
    margin-inline-start: 1rem !important
}
.mt-1 {
    margin-top: 0.25rem !important
}
.mt-10 {
    margin-top: 2.5rem !important
}
.mt-14 {
    margin-top: 3.5rem !important
}
.mt-2 {
    margin-top: 0.5rem !important
}
.mt-3 {
    margin-top: 0.75rem !important
}
.mt-4 {
    margin-top: 1rem !important
}
.mt-5 {
    margin-top: 1.25rem !important
}
.mt-6 {
    margin-top: 1.5rem !important
}
.mt-8 {
    margin-top: 2rem !important
}
.mt-\[20px\] {
    margin-top: 20px !important
}
.mt-\[80px\] {
    margin-top: 80px !important
}
.mt-auto {
    margin-top: auto !important
}
.block {
    display: block !important
}
.inline {
    display: inline !important
}
.flex {
    display: flex !important
}
.inline-flex {
    display: inline-flex !important
}
.table {
    display: table !important
}
.grid {
    display: grid !important
}
.\!contents {
    display: contents !important
}
.contents {
    display: contents !important
}
.\!hidden {
    display: none !important
}
.hidden {
    display: none !important
}
.aspect-square {
    aspect-ratio: 1 / 1 !important
}
.\!h-\[calc\(100vh-19\.4rem\)\] {
    height: calc(100vh - 19.4rem) !important
}
.\!h-full {
    height: 100% !important
}
.h-0 {
    height: 0px !important
}
.h-0\.5 {
    height: 0.125rem !important
}
.h-1 {
    height: 0.25rem !important
}
.h-1\.5 {
    height: 0.375rem !important
}
.h-1\/2 {
    height: 50% !important
}
.h-10 {
    height: 2.5rem !important
}
.h-12 {
    height: 3rem !important
}
.h-136 {
    height: 34rem !important
}
.h-14 {
    height: 3.5rem !important
}
.h-16 {
    height: 4rem !important
}
.h-2 {
    height: 0.5rem !important
}
.h-2\.5 {
    height: 0.625rem !important
}
.h-2\/4 {
    height: 50% !important
}
.h-20 {
    height: 5rem !important
}
.h-3 {
    height: 0.75rem !important
}
.h-4 {
    height: 1rem !important
}
.h-44 {
    height: 11rem !important
}
.h-48 {
    height: 12rem !important
}
.h-5 {
    height: 1.25rem !important
}
.h-6 {
    height: 1.5rem !important
}
.h-64 {
    height: 16rem !important
}
.h-7 {
    height: 1.75rem !important
}
.h-8 {
    height: 2rem !important
}
.h-80 {
    height: 20rem !important
}
.h-9 {
    height: 2.25rem !important
}
.h-96 {
    height: 24rem !important
}
.h-\[100px\] {
    height: 100px !important
}
.h-\[124px\] {
    height: 124px !important
}
.h-\[13rem\] {
    height: 13rem !important
}
.h-\[250px\] {
    height: 250px !important
}
.h-\[300px\] {
    height: 300px !important
}
.h-\[30rem\] {
    height: 30rem !important
}
.h-\[33\.33px\] {
    height: 33.33px !important
}
.h-\[34rem\] {
    height: 34rem !important
}
.h-\[350px\] {
    height: 350px !important
}
.h-\[40\%\] {
    height: 40% !important
}
.h-\[45vh\] {
    height: 45vh !important
}
.h-\[4rem\] {
    height: 4rem !important
}
.h-\[60\%\] {
    height: 60% !important
}
.h-\[600px\] {
    height: 600px !important
}
.h-\[700px\] {
    height: 700px !important
}
.h-\[70px\] {
    height: 70px !important
}
.h-\[70vh\] {
    height: 70vh !important
}
.h-\[80px\] {
    height: 80px !important
}
.h-\[900px\] {
    height: 900px !important
}
.h-\[calc\(100\%\)\] {
    height: calc(100%) !important
}
.h-\[calc\(100\%-120px\)\] {
    height: calc(100% - 120px) !important
}
.h-\[calc\(100\%-3\.75rem\)\] {
    height: calc(100% - 3.75rem) !important
}
.h-\[calc\(100\%-32px\)\] {
    height: calc(100% - 32px) !important
}
.h-\[calc\(100\%-70px\)\] {
    height: calc(100% - 70px) !important
}
.h-\[calc\(100\%_-_10rem\)\] {
    height: calc(100% - 10rem) !important
}
.h-\[calc\(100\%_-_11rem\)\] {
    height: calc(100% - 11rem) !important
}
.h-\[calc\(100\%_-_12rem\)\] {
    height: calc(100% - 12rem) !important
}
.h-\[calc\(100\%_-_28rem\)\] {
    height: calc(100% - 28rem) !important
}
.h-\[calc\(100\%_-_2rem\)\] {
    height: calc(100% - 2rem) !important
}
.h-\[calc\(100\%_-_3rem\)\] {
    height: calc(100% - 3rem) !important
}
.h-\[calc\(100\%_-_5rem\)\] {
    height: calc(100% - 5rem) !important
}
.h-\[calc\(100\%_-_7rem\)\] {
    height: calc(100% - 7rem) !important
}
.h-\[calc\(100vh-138px\)\] {
    height: calc(100vh - 138px) !important
}
.h-\[calc\(100vh-14rem\)\] {
    height: calc(100vh - 14rem) !important
}
.h-\[calc\(100vh-180px\)\] {
    height: calc(100vh - 180px) !important
}
.h-\[calc\(100vh-2\.5rem\)\] {
    height: calc(100vh - 2.5rem) !important
}
.h-\[calc\(100vh-20rem\)\] {
    height: calc(100vh - 20rem) !important
}
.h-\[calc\(100vh-210px\)\] {
    height: calc(100vh - 210px) !important
}
.h-\[calc\(100vh-80px\)\] {
    height: calc(100vh - 80px) !important
}
.h-\[calc\(100vh-8rem\)\] {
    height: calc(100vh - 8rem) !important
}
.h-\[calc\(100vh-90px\)\] {
    height: calc(100vh - 90px) !important
}
.h-\[calc\(100vh-9rem\)\] {
    height: calc(100vh - 9rem) !important
}
.h-\[calc\(100vh_-_10rem\)\] {
    height: calc(100vh - 10rem) !important
}
.h-\[calc\(100vh_-_14rem\)\] {
    height: calc(100vh - 14rem) !important
}
.h-\[calc\(100vh_-_15\.3rem\)\] {
    height: calc(100vh - 15.3rem) !important
}
.h-auto {
    height: auto !important
}
.h-fit {
    height: -moz-fit-content !important;
    height: fit-content !important
}
.h-full {
    height: 100% !important
}
.h-screen {
    height: 100vh !important
}
.max-h-10 {
    max-height: 2.5rem !important
}
.max-h-12 {
    max-height: 3rem !important
}
.max-h-80 {
    max-height: 20rem !important
}
.max-h-\[150px\] {
    max-height: 150px !important
}
.max-h-\[250px\] {
    max-height: 250px !important
}
.max-h-\[350px\] {
    max-height: 350px !important
}
.max-h-\[36px\] {
    max-height: 36px !important
}
.max-h-\[40\%\] {
    max-height: 40% !important
}
.max-h-\[500px\] {
    max-height: 500px !important
}
.max-h-\[50vh\] {
    max-height: 50vh !important
}
.max-h-\[600px\] {
    max-height: 600px !important
}
.max-h-\[700px\] {
    max-height: 700px !important
}
.max-h-\[70vh\] {
    max-height: 70vh !important
}
.max-h-\[72vh\] {
    max-height: 72vh !important
}
.max-h-screen {
    max-height: 100vh !important
}
.min-h-\[2\.5rem\] {
    min-height: 2.5rem !important
}
.min-h-\[22px\] {
    min-height: 22px !important
}
.\!w-32 {
    width: 8rem !important
}
.\!w-52 {
    width: 13rem !important
}
.\!w-full {
    width: 100% !important
}
.w-1 {
    width: 0.25rem !important
}
.w-1\/2 {
    width: 50% !important
}
.w-1\/3 {
    width: 33.333333% !important
}
.w-1\/4 {
    width: 25% !important
}
.w-10 {
    width: 2.5rem !important
}
.w-10\/12 {
    width: 83.333333% !important
}
.w-11\/12 {
    width: 91.666667% !important
}
.w-12 {
    width: 3rem !important
}
.w-136 {
    width: 34rem !important
}
.w-16 {
    width: 4rem !important
}
.w-2 {
    width: 0.5rem !important
}
.w-2\.5 {
    width: 0.625rem !important
}
.w-2\/3 {
    width: 66.666667% !important
}
.w-20 {
    width: 5rem !important
}
.w-24 {
    width: 6rem !important
}
.w-3 {
    width: 0.75rem !important
}
.w-3\/4 {
    width: 75% !important
}
.w-3\/5 {
    width: 60% !important
}
.w-32 {
    width: 8rem !important
}
.w-36 {
    width: 9rem !important
}
.w-4 {
    width: 1rem !important
}
.w-40 {
    width: 10rem !important
}
.w-44 {
    width: 11rem !important
}
.w-48 {
    width: 12rem !important
}
.w-5 {
    width: 1.25rem !important
}
.w-52 {
    width: 13rem !important
}
.w-6 {
    width: 1.5rem !important
}
.w-64 {
    width: 16rem !important
}
.w-7 {
    width: 1.75rem !important
}
.w-72 {
    width: 18rem !important
}
.w-8 {
    width: 2rem !important
}
.w-80 {
    width: 20rem !important
}
.w-9 {
    width: 2.25rem !important
}
.w-9\/12 {
    width: 75% !important
}
.w-96 {
    width: 24rem !important
}
.w-\[10\%\] {
    width: 10% !important
}
.w-\[100\%\] {
    width: 100% !important
}
.w-\[100px\] {
    width: 100px !important
}
.w-\[118px\] {
    width: 118px !important
}
.w-\[125px\] {
    width: 125px !important
}
.w-\[13rem\] {
    width: 13rem !important
}
.w-\[156px\] {
    width: 156px !important
}
.w-\[160px\] {
    width: 160px !important
}
.w-\[1px\] {
    width: 1px !important
}
.w-\[200px\] {
    width: 200px !important
}
.w-\[322px\] {
    width: 322px !important
}
.w-\[33\.33px\] {
    width: 33.33px !important
}
.w-\[350px\] {
    width: 350px !important
}
.w-\[360px\] {
    width: 360px !important
}
.w-\[40\%\] {
    width: 40% !important
}
.w-\[40\] {
    width: 40 !important
}
.w-\[430px\] {
    width: 430px !important
}
.w-\[49\%\] {
    width: 49% !important
}
.w-\[500px\] {
    width: 500px !important
}
.w-\[58\%\] {
    width: 58% !important
}
.w-\[62px\] {
    width: 62px !important
}
.w-\[65px\] {
    width: 65px !important
}
.w-\[68\%\] {
    width: 68% !important
}
.w-\[78\%\] {
    width: 78% !important
}
.w-\[90\%\] {
    width: 90% !important
}
.w-\[95\%\] {
    width: 95% !important
}
.w-\[99\%\] {
    width: 99% !important
}
.w-\[calc\(\(100\%-32px\)\/3\)\] {
    width: calc((100% - 32px) / 3) !important
}
.w-\[calc\(100\%-6rem\)\] {
    width: calc(100% - 6rem) !important
}
.w-\[calc\(100vw-2rem\)\] {
    width: calc(100vw - 2rem) !important
}
.w-\[calc\(100vw-65px\)\] {
    width: calc(100vw - 65px) !important
}
.w-\[inherit\] {
    width: inherit !important
}
.w-auto {
    width: auto !important
}
.w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important
}
.w-full {
    width: 100% !important
}
.w-screen {
    width: 100vw !important
}
.min-w-0 {
    min-width: 0px !important
}
.min-w-20 {
    min-width: 5rem !important
}
.min-w-40 {
    min-width: 10rem !important
}
.min-w-52 {
    min-width: 13rem !important
}
.min-w-\[100px\] {
    min-width: 100px !important
}
.min-w-\[130px\] {
    min-width: 130px !important
}
.min-w-\[2\.5rem\] {
    min-width: 2.5rem !important
}
.min-w-\[250px\] {
    min-width: 250px !important
}
.min-w-\[300px\] {
    min-width: 300px !important
}
.min-w-\[320px\] {
    min-width: 320px !important
}
.min-w-\[45px\] {
    min-width: 45px !important
}
.min-w-\[50px\] {
    min-width: 50px !important
}
.min-w-\[65px\] {
    min-width: 65px !important
}
.min-w-full {
    min-width: 100% !important
}
.max-w-3xl {
    max-width: 48rem !important
}
.max-w-\[1070px\] {
    max-width: 1070px !important
}
.max-w-\[10rem\] {
    max-width: 10rem !important
}
.max-w-\[1200px\] {
    max-width: 1200px !important
}
.max-w-\[160px\] {
    max-width: 160px !important
}
.max-w-\[200px\] {
    max-width: 200px !important
}
.max-w-\[30ch\] {
    max-width: 30ch !important
}
.max-w-\[340px\] {
    max-width: 340px !important
}
.max-w-\[360px\] {
    max-width: 360px !important
}
.max-w-\[500px\] {
    max-width: 500px !important
}
.max-w-\[516px\] {
    max-width: 516px !important
}
.max-w-\[531px\] {
    max-width: 531px !important
}
.max-w-\[600px\] {
    max-width: 600px !important
}
.max-w-\[70\%\] {
    max-width: 70% !important
}
.max-w-\[70rem\] {
    max-width: 70rem !important
}
.max-w-\[85\%\] {
    max-width: 85% !important
}
.max-w-\[900px\] {
    max-width: 900px !important
}
.\!flex-none {
    flex: none !important
}
.flex-1 {
    flex: 1 1 0% !important
}
.flex-none {
    flex: none !important
}
.flex-shrink-0 {
    flex-shrink: 0 !important
}
.shrink-0 {
    flex-shrink: 0 !important
}
.flex-grow {
    flex-grow: 1 !important
}
.grow {
    flex-grow: 1 !important
}
.grow-0 {
    flex-grow: 0 !important
}
.-translate-x-1 {
    --tw-translate-x: -0.25rem !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.-translate-x-1\/2 {
    --tw-translate-x: -50% !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.-translate-y-1\/2 {
    --tw-translate-y: -50% !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.translate-x-\[calc\(50\%-0\.62rem\)\] {
    --tw-translate-x: calc(50% - 0.62rem) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.-rotate-90 {
    --tw-rotate: -90deg !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.rotate-180 {
    --tw-rotate: 180deg !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.rotate-45 {
    --tw-rotate: 45deg !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.rotate-90 {
    --tw-rotate: 90deg !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.scale-105 {
    --tw-scale-x: 1.05 !important;
    --tw-scale-y: 1.05 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.scale-75 {
    --tw-scale-x: .75 !important;
    --tw-scale-y: .75 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.transform-none {
    transform: none !important
}
@keyframes ping {
    75%, 100% {
        transform: scale(2);
        opacity: 0
    }
}
.animate-ping {
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important
}
@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}
.animate-spin {
    animation: spin 1s linear infinite !important
}
.cursor-help {
    cursor: help !important
}
.cursor-not-allowed {
    cursor: not-allowed !important
}
.cursor-pointer {
    cursor: pointer !important
}
.select-none {
    -webkit-user-select: none !important;
       -moz-user-select: none !important;
            user-select: none !important
}
.resize {
    resize: both !important
}
.list-none {
    list-style-type: none !important
}
.grid-flow-col {
    grid-auto-flow: column !important
}
.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important
}
.grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important
}
.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important
}
.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important
}
.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important
}
.grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important
}
.grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important
}
.grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important
}
.grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important
}
.grid-rows-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr)) !important
}
.grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important
}
.grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr)) !important
}
.grid-rows-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr)) !important
}
.flex-row-reverse {
    flex-direction: row-reverse !important
}
.flex-col {
    flex-direction: column !important
}
.flex-col-reverse {
    flex-direction: column-reverse !important
}
.flex-wrap {
    flex-wrap: wrap !important
}
.content-between {
    align-content: space-between !important
}
.items-start {
    align-items: flex-start !important
}
.items-end {
    align-items: flex-end !important
}
.items-center {
    align-items: center !important
}
.items-stretch {
    align-items: stretch !important
}
.justify-start {
    justify-content: flex-start !important
}
.justify-end {
    justify-content: flex-end !important
}
.justify-center {
    justify-content: center !important
}
.justify-between {
    justify-content: space-between !important
}
.justify-around {
    justify-content: space-around !important
}
.gap-0 {
    gap: 0px !important
}
.gap-0\.5 {
    gap: 0.125rem !important
}
.gap-1 {
    gap: 0.25rem !important
}
.gap-10 {
    gap: 2.5rem !important
}
.gap-14 {
    gap: 3.5rem !important
}
.gap-16 {
    gap: 4rem !important
}
.gap-2 {
    gap: 0.5rem !important
}
.gap-3 {
    gap: 0.75rem !important
}
.gap-32 {
    gap: 8rem !important
}
.gap-4 {
    gap: 1rem !important
}
.gap-5 {
    gap: 1.25rem !important
}
.gap-6 {
    gap: 1.5rem !important
}
.gap-8 {
    gap: 2rem !important
}
.gap-x-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important
}
.gap-y-1 {
    row-gap: 0.25rem !important
}
.gap-y-10 {
    row-gap: 2.5rem !important
}
.gap-y-2 {
    row-gap: 0.5rem !important
}
.gap-y-3 {
    row-gap: 0.75rem !important
}
.gap-y-6 {
    row-gap: 1.5rem !important
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0 !important;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))) !important;
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)) !important
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0 !important;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))) !important;
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)) !important
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0 !important;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))) !important;
    margin-bottom: calc(1rem * var(--tw-space-y-reverse)) !important
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0 !important;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))) !important;
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)) !important
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0 !important;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) !important
}
.divide-zinc-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1 !important;
    border-color: rgb(212 212 216 / var(--tw-divide-opacity, 1)) !important
}
.self-center {
    align-self: center !important
}
.overflow-auto {
    overflow: auto !important
}
.overflow-hidden {
    overflow: hidden !important
}
.overflow-visible {
    overflow: visible !important
}
.overflow-x-auto {
    overflow-x: auto !important
}
.overflow-y-auto {
    overflow-y: auto !important
}
.overflow-x-hidden {
    overflow-x: hidden !important
}
.overflow-y-hidden {
    overflow-y: hidden !important
}
.overflow-x-scroll {
    overflow-x: scroll !important
}
.overflow-y-scroll {
    overflow-y: scroll !important
}
.truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important
}
.text-ellipsis {
    text-overflow: ellipsis !important
}
.whitespace-normal {
    white-space: normal !important
}
.whitespace-nowrap {
    white-space: nowrap !important
}
.text-wrap {
    text-wrap: wrap !important
}
.break-words {
    overflow-wrap: break-word !important
}
.rounded {
    border-radius: 0.25rem !important
}
.rounded-2xl {
    border-radius: 1rem !important
}
.rounded-3xl {
    border-radius: 1.5rem !important
}
.rounded-\[12px\] {
    border-radius: 12px !important
}
.rounded-full {
    border-radius: 9999px !important
}
.rounded-lg {
    border-radius: 0.5rem !important
}
.rounded-md {
    border-radius: 0.375rem !important
}
.rounded-none {
    border-radius: 0px !important
}
.rounded-xl {
    border-radius: 0.75rem !important
}
.rounded-b-\[0\.75rem\] {
    border-bottom-right-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important
}
.rounded-b-lg {
    border-bottom-right-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important
}
.rounded-b-none {
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important
}
.rounded-b-xl {
    border-bottom-right-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important
}
.rounded-l-3xl {
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important
}
.rounded-l-none {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important
}
.rounded-l-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important
}
.rounded-r-3xl {
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important
}
.rounded-r-none {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important
}
.rounded-r-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important
}
.rounded-t {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important
}
.rounded-t-lg {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important
}
.rounded-t-xl {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important
}
.border {
    border-width: 1px !important
}
.border-2 {
    border-width: 2px !important
}
.border-4 {
    border-width: 4px !important
}
.border-y {
    border-top-width: 1px !important;
    border-bottom-width: 1px !important
}
.border-b {
    border-bottom-width: 1px !important
}
.border-b-2 {
    border-bottom-width: 2px !important
}
.border-b-4 {
    border-bottom-width: 4px !important
}
.border-l {
    border-left-width: 1px !important
}
.border-l-2 {
    border-left-width: 2px !important
}
.border-r {
    border-right-width: 1px !important
}
.border-r-4 {
    border-right-width: 4px !important
}
.border-t {
    border-top-width: 1px !important
}
.border-t-2 {
    border-top-width: 2px !important
}
.border-t-4 {
    border-top-width: 4px !important
}
.border-solid {
    border-style: solid !important
}
.border-dashed {
    border-style: dashed !important
}
.border-none {
    border-style: none !important
}
.border-\[\#4E4E4E1C\] {
    border-color: #4E4E4E1C !important
}
.border-black\/50 {
    border-color: rgb(0 0 0 / 0.5) !important
}
.border-red-500 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(239 68 68 / var(--tw-border-opacity, 1)) !important
}
.border-t-body {
    --tw-border-opacity: 1 !important;
    border-color: rgba(var(--color-body), var(--tw-border-opacity, 1)) !important
}
.border-t-c--body {
    --tw-border-opacity: 1 !important;
    border-color: rgba(var(--color-c--body), var(--tw-border-opacity, 1)) !important
}
.border-t-comp {
    --tw-border-opacity: 1 !important;
    border-color: rgba(var(--color-comp), var(--tw-border-opacity, 1)) !important
}
.border-t-danger {
    --tw-border-opacity: 1 !important;
    border-color: rgba(var(--color-danger), var(--tw-border-opacity, 1)) !important
}
.border-t-gray {
    --tw-border-opacity: 1 !important;
    border-color: rgba(var(--color-gray), var(--tw-border-opacity, 1)) !important
}
.border-t-inactive {
    --tw-border-opacity: 1 !important;
    border-color: rgba(var(--color-inactive), var(--tw-border-opacity, 1)) !important
}
.border-t-info {
    --tw-border-opacity: 1 !important;
    border-color: rgba(var(--color-info), var(--tw-border-opacity, 1)) !important
}
.border-t-primary {
    --tw-border-opacity: 1 !important;
    border-color: rgba(var(--color-primary), var(--tw-border-opacity, 1)) !important
}
.border-t-primary\/40 {
    border-color: rgba(var(--color-primary), 0.4) !important
}
.border-t-text-1 {
    --tw-border-opacity: 1 !important;
    border-color: rgba(var(--color-text-1), var(--tw-border-opacity, 1)) !important
}
.border-t-text-2 {
    --tw-border-opacity: 1 !important;
    border-color: rgba(var(--color-text-2), var(--tw-border-opacity, 1)) !important
}
.border-t-white {
    --tw-border-opacity: 1 !important;
    border-color: rgba(var(--color-white), var(--tw-border-opacity, 1)) !important
}
.border-white {
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) !important
}
.border-white\/20 {
    border-color: rgb(255 255 255 / 0.2) !important
}
.border-b-t-text-2 {
    --tw-border-opacity: 1 !important;
    border-bottom-color: rgba(var(--color-text-2), var(--tw-border-opacity, 1)) !important
}
.border-t-gray-600 {
    --tw-border-opacity: 1 !important;
    border-top-color: rgb(75 85 99 / var(--tw-border-opacity, 1)) !important
}
.border-t-white {
    --tw-border-opacity: 1 !important;
    border-top-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) !important
}
.border-opacity-0 {
    --tw-border-opacity: 0 !important
}
.\!bg-t-input-color {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--color-input-color), var(--tw-bg-opacity, 1)) !important
}
.bg-\[\#2ED4CB\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(46 212 203 / var(--tw-bg-opacity, 1)) !important
}
.bg-\[\#2EDD2A\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(46 221 42 / var(--tw-bg-opacity, 1)) !important
}
.bg-\[\#3E6593\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(62 101 147 / var(--tw-bg-opacity, 1)) !important
}
.bg-\[\#3E9351\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(62 147 81 / var(--tw-bg-opacity, 1)) !important
}
.bg-\[\#4B5674\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(75 86 116 / var(--tw-bg-opacity, 1)) !important
}
.bg-\[\#93A5FF\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(147 165 255 / var(--tw-bg-opacity, 1)) !important
}
.bg-\[\#F1F5F8\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(241 245 248 / var(--tw-bg-opacity, 1)) !important
}
.bg-\[\#F3F3F3\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(243 243 243 / var(--tw-bg-opacity, 1)) !important
}
.bg-\[\#e8f5e9\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(232 245 233 / var(--tw-bg-opacity, 1)) !important
}
.bg-black {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) !important
}
.bg-black\/20 {
    background-color: rgb(0 0 0 / 0.2) !important
}
.bg-black\/30 {
    background-color: rgb(0 0 0 / 0.3) !important
}
.bg-gray-100 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)) !important
}
.bg-gray-50 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) !important
}
.bg-inherit {
    background-color: inherit !important
}
.bg-purple-600 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(178 78 255 / var(--tw-bg-opacity, 1)) !important
}
.bg-red-50 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)) !important
}
.bg-red-500 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)) !important
}
.bg-success-400 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(73 192 135 / var(--tw-bg-opacity, 1)) !important
}
.bg-t-alert {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--color-alert), var(--tw-bg-opacity, 1)) !important
}
.bg-t-black {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--color-black), var(--tw-bg-opacity, 1)) !important
}
.bg-t-body {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--color-body), var(--tw-bg-opacity, 1)) !important
}
.bg-t-c--body {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--color-c--body), var(--tw-bg-opacity, 1)) !important
}
.bg-t-c--body\/50 {
    background-color: rgba(var(--color-c--body), 0.5) !important
}
.bg-t-c--body\/70 {
    background-color: rgba(var(--color-c--body), 0.7) !important
}
.bg-t-c--body\/80 {
    background-color: rgba(var(--color-c--body), 0.8) !important
}
.bg-t-comp {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--color-comp), var(--tw-bg-opacity, 1)) !important
}
.bg-t-danger {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--color-danger), var(--tw-bg-opacity, 1)) !important
}
.bg-t-danger\/30 {
    background-color: rgba(var(--color-danger), 0.3) !important
}
.bg-t-gray {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--color-gray), var(--tw-bg-opacity, 1)) !important
}
.bg-t-gray\/50 {
    background-color: rgba(var(--color-gray), 0.5) !important
}
.bg-t-icon {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--color-icon), var(--tw-bg-opacity, 1)) !important
}
.bg-t-icon\/50 {
    background-color: rgba(var(--color-icon), 0.5) !important
}
.bg-t-inactive {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--color-inactive), var(--tw-bg-opacity, 1)) !important
}
.bg-t-inactive\/30 {
    background-color: rgba(var(--color-inactive), 0.3) !important
}
.bg-t-inactive\/50 {
    background-color: rgba(var(--color-inactive), 0.5) !important
}
.bg-t-inactive\/75 {
    background-color: rgba(var(--color-inactive), 0.75) !important
}
.bg-t-inactive\/80 {
    background-color: rgba(var(--color-inactive), 0.8) !important
}
.bg-t-info {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--color-info), var(--tw-bg-opacity, 1)) !important
}
.bg-t-info\/10 {
    background-color: rgba(var(--color-info), 0.1) !important
}
.bg-t-info\/20 {
    background-color: rgba(var(--color-info), 0.2) !important
}
.bg-t-opt-1 {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--color-opt-1), var(--tw-bg-opacity, 1)) !important
}
.bg-t-opt-2 {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--color-opt-2), var(--tw-bg-opacity, 1)) !important
}
.bg-t-opt-3 {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--color-opt-3), var(--tw-bg-opacity, 1)) !important
}
.bg-t-opt-4 {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--color-opt-4), var(--tw-bg-opacity, 1)) !important
}
.bg-t-opt-5 {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--color-opt-5), var(--tw-bg-opacity, 1)) !important
}
.bg-t-primary {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--color-primary), var(--tw-bg-opacity, 1)) !important
}
.bg-t-primary\/20 {
    background-color: rgba(var(--color-primary), 0.2) !important
}
.bg-t-secondary {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--color-secondary), var(--tw-bg-opacity, 1)) !important
}
.bg-t-text-1 {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--color-text-1), var(--tw-bg-opacity, 1)) !important
}
.bg-t-text-1\/30 {
    background-color: rgba(var(--color-text-1), 0.3) !important
}
.bg-t-text-2 {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--color-text-2), var(--tw-bg-opacity, 1)) !important
}
.bg-t-white {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--color-white), var(--tw-bg-opacity, 1)) !important
}
.bg-transparent {
    background-color: transparent !important
}
.bg-warning-500 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 131 61 / var(--tw-bg-opacity, 1)) !important
}
.bg-white {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important
}
.bg-white\/10 {
    background-color: rgb(255 255 255 / 0.1) !important
}
.bg-white\/30 {
    background-color: rgb(255 255 255 / 0.3) !important
}
.bg-white\/60 {
    background-color: rgb(255 255 255 / 0.6) !important
}
.bg-opacity-10 {
    --tw-bg-opacity: 0.1 !important
}
.bg-opacity-100 {
    --tw-bg-opacity: 1 !important
}
.bg-opacity-20 {
    --tw-bg-opacity: 0.2 !important
}
.bg-opacity-30 {
    --tw-bg-opacity: 0.3 !important
}
.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important
}
.from-\[\#548BD3\] {
    --tw-gradient-from: #548BD3 var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgb(84 139 211 / 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
}
.to-\[\#E29AFF\] {
    --tw-gradient-to: #E29AFF var(--tw-gradient-to-position) !important
}
.fill-purple-600 {
    fill: #B24EFF !important
}
.fill-t-text-3 {
    fill: rgba(var(--color-text-3), 1) !important
}
.object-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important
}
.object-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important
}
.\!p-0 {
    padding: 0px !important
}
.\!p-2 {
    padding: 0.5rem !important
}
.p-0 {
    padding: 0px !important
}
.p-0\.5 {
    padding: 0.125rem !important
}
.p-1 {
    padding: 0.25rem !important
}
.p-1\.5 {
    padding: 0.375rem !important
}
.p-10 {
    padding: 2.5rem !important
}
.p-2 {
    padding: 0.5rem !important
}
.p-2\.5 {
    padding: 0.625rem !important
}
.p-3 {
    padding: 0.75rem !important
}
.p-4 {
    padding: 1rem !important
}
.p-5 {
    padding: 1.25rem !important
}
.p-6 {
    padding: 1.5rem !important
}
.p-8 {
    padding: 2rem !important
}
.p-\[2px\] {
    padding: 2px !important
}
.px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important
}
.px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important
}
.px-10 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important
}
.px-12 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
}
.px-14 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important
}
.px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important
}
.px-3 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important
}
.px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
}
.px-5 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important
}
.px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
}
.px-7 {
    padding-left: 1.75rem !important;
    padding-right: 1.75rem !important
}
.px-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important
}
.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important
}
.py-1\.5 {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important
}
.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important
}
.py-2\.5 {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important
}
.py-3 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important
}
.py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}
.py-5 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important
}
.py-8 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important
}
.pb-1 {
    padding-bottom: 0.25rem !important
}
.pb-1\.5 {
    padding-bottom: 0.375rem !important
}
.pb-2 {
    padding-bottom: 0.5rem !important
}
.pb-2\.5 {
    padding-bottom: 0.625rem !important
}
.pb-20 {
    padding-bottom: 5rem !important
}
.pb-3 {
    padding-bottom: 0.75rem !important
}
.pb-32 {
    padding-bottom: 8rem !important
}
.pb-4 {
    padding-bottom: 1rem !important
}
.pb-5 {
    padding-bottom: 1.25rem !important
}
.pb-8 {
    padding-bottom: 2rem !important
}
.pl-2 {
    padding-left: 0.5rem !important
}
.pl-20 {
    padding-left: 5rem !important
}
.pl-5 {
    padding-left: 1.25rem !important
}
.pl-6 {
    padding-left: 1.5rem !important
}
.pr-1 {
    padding-right: 0.25rem !important
}
.pr-10 {
    padding-right: 2.5rem !important
}
.pr-16 {
    padding-right: 4rem !important
}
.pr-2 {
    padding-right: 0.5rem !important
}
.pr-3 {
    padding-right: 0.75rem !important
}
.pr-4 {
    padding-right: 1rem !important
}
.pr-5 {
    padding-right: 1.25rem !important
}
.pt-0 {
    padding-top: 0px !important
}
.pt-1 {
    padding-top: 0.25rem !important
}
.pt-10 {
    padding-top: 2.5rem !important
}
.pt-2 {
    padding-top: 0.5rem !important
}
.pt-3 {
    padding-top: 0.75rem !important
}
.pt-32 {
    padding-top: 8rem !important
}
.pt-4 {
    padding-top: 1rem !important
}
.pt-5 {
    padding-top: 1.25rem !important
}
.pt-6 {
    padding-top: 1.5rem !important
}
.pt-\[56\.25\%\] {
    padding-top: 56.25% !important
}
.text-left {
    text-align: left !important
}
.text-center {
    text-align: center !important
}
.text-right {
    text-align: right !important
}
.text-start {
    text-align: start !important
}
.text-end {
    text-align: end !important
}
.font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important
}
.text-2xl {
    font-size: 1.5rem !important;
    line-height: 2rem !important
}
.text-3xl {
    font-size: 1.875rem !important;
    line-height: 2.25rem !important
}
.text-4xl {
    font-size: 2.25rem !important;
    line-height: 2.5rem !important
}
.text-5xl {
    font-size: 3rem !important;
    line-height: 1 !important
}
.text-\[10px\] {
    font-size: 10px !important
}
.text-\[12px\] {
    font-size: 12px !important
}
.text-\[13px\] {
    font-size: 13px !important
}
.text-\[9px\] {
    font-size: 9px !important
}
.text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important
}
.text-lg {
    font-size: 1.125rem !important;
    line-height: 1.75rem !important
}
.text-sm {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important
}
.text-xl {
    font-size: 1.25rem !important;
    line-height: 1.75rem !important
}
.text-xs {
    font-size: 0.75rem !important;
    line-height: 1rem !important
}
.font-bold {
    font-weight: 700 !important
}
.font-light {
    font-weight: 300 !important
}
.font-medium {
    font-weight: 500 !important
}
.font-normal {
    font-weight: 400 !important
}
.font-semibold {
    font-weight: 600 !important
}
.italic {
    font-style: italic !important
}
.leading-none {
    line-height: 1 !important
}
.leading-relaxed {
    line-height: 1.625 !important
}
.text-black {
    --tw-text-opacity: 1 !important;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important
}
.text-black\/60 {
    color: rgb(0 0 0 / 0.6) !important
}
.text-blue-600 {
    --tw-text-opacity: 1 !important;
    color: rgb(37 99 235 / var(--tw-text-opacity, 1)) !important
}
.text-current {
    color: currentColor !important
}
.text-error-500 {
    --tw-text-opacity: 1 !important;
    color: rgb(227 59 50 / var(--tw-text-opacity, 1)) !important
}
.text-gray-500 {
    --tw-text-opacity: 1 !important;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1)) !important
}
.text-gray-800 {
    --tw-text-opacity: 1 !important;
    color: rgb(31 41 55 / var(--tw-text-opacity, 1)) !important
}
.text-gray-900 {
    --tw-text-opacity: 1 !important;
    color: rgb(17 24 39 / var(--tw-text-opacity, 1)) !important
}
.text-green-400 {
    --tw-text-opacity: 1 !important;
    color: rgb(74 222 128 / var(--tw-text-opacity, 1)) !important
}
.text-green-600 {
    --tw-text-opacity: 1 !important;
    color: rgb(22 163 74 / var(--tw-text-opacity, 1)) !important
}
.text-red-500 {
    --tw-text-opacity: 1 !important;
    color: rgb(239 68 68 / var(--tw-text-opacity, 1)) !important
}
.text-success-500 {
    --tw-text-opacity: 1 !important;
    color: rgb(111 225 170 / var(--tw-text-opacity, 1)) !important
}
.text-t-alert {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--color-alert), var(--tw-text-opacity, 1)) !important
}
.text-t-black {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--color-black), var(--tw-text-opacity, 1)) !important
}
.text-t-c--body {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--color-c--body), var(--tw-text-opacity, 1)) !important
}
.text-t-danger {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--color-danger), var(--tw-text-opacity, 1)) !important
}
.text-t-gray {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--color-gray), var(--tw-text-opacity, 1)) !important
}
.text-t-icon {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--color-icon), var(--tw-text-opacity, 1)) !important
}
.text-t-info {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--color-info), var(--tw-text-opacity, 1)) !important
}
.text-t-primary {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--color-primary), var(--tw-text-opacity, 1)) !important
}
.text-t-secondary {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--color-secondary), var(--tw-text-opacity, 1)) !important
}
.text-t-text-1 {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--color-text-1), var(--tw-text-opacity, 1)) !important
}
.text-t-text-1\/40 {
    color: rgba(var(--color-text-1), 0.4) !important
}
.text-t-text-2 {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--color-text-2), var(--tw-text-opacity, 1)) !important
}
.text-t-text-3 {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--color-text-3), var(--tw-text-opacity, 1)) !important
}
.text-t-white {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--color-white), var(--tw-text-opacity, 1)) !important
}
.text-white {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important
}
.text-yellow-400 {
    --tw-text-opacity: 1 !important;
    color: rgb(253 180 71 / var(--tw-text-opacity, 1)) !important
}
.text-opacity-30 {
    --tw-text-opacity: 0.3 !important
}
.text-opacity-80 {
    --tw-text-opacity: 0.8 !important
}
.line-through {
    text-decoration-line: line-through !important
}
.opacity-0 {
    opacity: 0 !important
}
.opacity-10 {
    opacity: 0.1 !important
}
.opacity-100 {
    opacity: 1 !important
}
.opacity-15 {
    opacity: 0.15 !important
}
.opacity-20 {
    opacity: 0.2 !important
}
.opacity-25 {
    opacity: 0.25 !important
}
.opacity-40 {
    opacity: 0.4 !important
}
.opacity-50 {
    opacity: 0.5 !important
}
.shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
.shadow-\[0_4px_18\.899999618530273px_0px_\#00000040\] {
    --tw-shadow: 0 4px 18.899999618530273px 0px #00000040 !important;
    --tw-shadow-colored: 0 4px 18.899999618530273px 0px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
.shadow-\[0_4px_18\.9px_0px_\#00000040\] {
    --tw-shadow: 0 4px 18.9px 0px #00000040 !important;
    --tw-shadow-colored: 0 4px 18.9px 0px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
.shadow-\[0_4px_4px_0_rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
    --tw-shadow: 0 4px 4px 0 rgba(0,0,0,0.25) !important;
    --tw-shadow-colored: 0 4px 4px 0 var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
.shadow-\[0_4px_4px_0_rgba\(0\2c 0\2c 0\2c 0\.25\)_inset\] {
    --tw-shadow: 0 4px 4px 0 rgba(0,0,0,0.25) inset !important;
    --tw-shadow-colored: inset 0 4px 4px 0 var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
.shadow-\[0px_0px_4\.099999904632568px_1px_\#00000029\] {
    --tw-shadow: 0px 0px 4.099999904632568px 1px #00000029 !important;
    --tw-shadow-colored: 0px 0px 4.099999904632568px 1px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
.shadow-\[0px_6px_8\.199999809265137px_2px_\#00000006\] {
    --tw-shadow: 0px 6px 8.199999809265137px 2px #00000006 !important;
    --tw-shadow-colored: 0px 6px 8.199999809265137px 2px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
.shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05) !important;
    --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
.shadow-light {
    --tw-shadow: 0px 2px 0.8999999761581421px -1px #00000036 !important;
    --tw-shadow-colored: 0px 2px 0.8999999761581421px -1px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
.shadow-none {
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
.shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1) !important;
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
.outline-none {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important
}
.outline {
    outline-style: solid !important
}
.outline-1 {
    outline-width: 1px !important
}
.outline-t-danger {
    outline-color: rgba(var(--color-danger), 1) !important
}
.ring-offset-4 {
    --tw-ring-offset-width: 4px !important
}
.blur {
    --tw-blur: blur(8px) !important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}
.blur-\[100px\] {
    --tw-blur: blur(100px) !important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}
.blur-\[120px\] {
    --tw-blur: blur(120px) !important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}
.blur-\[140px\] {
    --tw-blur: blur(140px) !important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}
.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}
.backdrop-blur-2xl {
    --tw-backdrop-blur: blur(40px) !important;
    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) !important
}
.backdrop-blur-md {
    --tw-backdrop-blur: blur(12px) !important;
    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) !important
}
.backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px) !important;
    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) !important
}
.backdrop-grayscale-0 {
    --tw-backdrop-grayscale: grayscale(0) !important;
    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) !important
}
.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 150ms !important
}
.transition-all {
    transition-property: all !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 150ms !important
}
.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 150ms !important
}
.transition-transform {
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 150ms !important
}
.duration-1000 {
    transition-duration: 1000ms !important
}
.duration-200 {
    transition-duration: 200ms !important
}
.duration-300 {
    transition-duration: 300ms !important
}
.duration-700 {
    transition-duration: 700ms !important
}
.ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important
}
.ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important
}
.will-change-transform {
    will-change: transform !important
}
.\[grid-auto-rows\:2\.25rem\] {
    grid-auto-rows: 2.25rem !important
}
/* Color styles */
.hover\:-row-start-1:hover {
    grid-row-start: -1 !important
}
.hover\:-row-start-10:hover {
    grid-row-start: -10 !important
}
.hover\:-row-start-11:hover {
    grid-row-start: -11 !important
}
.hover\:-row-start-12:hover {
    grid-row-start: -12 !important
}
.hover\:-row-start-13:hover {
    grid-row-start: -13 !important
}
.hover\:-row-start-2:hover {
    grid-row-start: -2 !important
}
.hover\:-row-start-3:hover {
    grid-row-start: -3 !important
}
.hover\:row-start-1:hover {
    grid-row-start: 1 !important
}
.hover\:row-start-10:hover {
    grid-row-start: 10 !important
}
.hover\:row-start-11:hover {
    grid-row-start: 11 !important
}
.hover\:row-start-12:hover {
    grid-row-start: 12 !important
}
.hover\:row-start-13:hover {
    grid-row-start: 13 !important
}
.hover\:row-start-2:hover {
    grid-row-start: 2 !important
}
.hover\:row-start-3:hover {
    grid-row-start: 3 !important
}
.hover\:w-20:hover {
    width: 5rem !important
}
.hover\:scale-100:hover {
    --tw-scale-x: 1 !important;
    --tw-scale-y: 1 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.hover\:scale-110:hover {
    --tw-scale-x: 1.1 !important;
    --tw-scale-y: 1.1 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.hover\:border-t-primary:hover {
    --tw-border-opacity: 1 !important;
    border-color: rgba(var(--color-primary), var(--tw-border-opacity, 1)) !important
}
.hover\:bg-black\/10:hover {
    background-color: rgb(0 0 0 / 0.1) !important
}
.hover\:bg-indigo-50:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1)) !important
}
.hover\:bg-t-c--body:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--color-c--body), var(--tw-bg-opacity, 1)) !important
}
.hover\:bg-t-comp:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--color-comp), var(--tw-bg-opacity, 1)) !important
}
.hover\:bg-t-gray:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--color-gray), var(--tw-bg-opacity, 1)) !important
}
.hover\:bg-t-inactive:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--color-inactive), var(--tw-bg-opacity, 1)) !important
}
.hover\:bg-t-inactive\/80:hover {
    background-color: rgba(var(--color-inactive), 0.8) !important
}
.hover\:bg-t-text-2\/20:hover {
    background-color: rgba(var(--color-text-2), 0.2) !important
}
.hover\:text-red-700:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(185 28 28 / var(--tw-text-opacity, 1)) !important
}
.hover\:text-t-primary:hover {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--color-primary), var(--tw-text-opacity, 1)) !important
}
.hover\:text-t-text-1:hover {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--color-text-1), var(--tw-text-opacity, 1)) !important
}
.hover\:underline:hover {
    text-decoration-line: underline !important
}
.hover\:opacity-100:hover {
    opacity: 1 !important
}
.hover\:opacity-70:hover {
    opacity: 0.7 !important
}
.hover\:shadow-none:hover {
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
.hover\:ring-4:hover {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}
.focus\:text-t-primary:focus {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--color-primary), var(--tw-text-opacity, 1)) !important
}
.focus\:outline-none:focus {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important
}
.group\/item:hover .group-hover\/item\:opacity-100 {
    opacity: 1 !important
}
.dark\:border-2:is(.dark *) {
    border-width: 2px !important
}
.dark\:border-t-black:is(.dark *) {
    --tw-border-opacity: 1 !important;
    border-color: rgba(var(--color-black), var(--tw-border-opacity, 1)) !important
}
.dark\:border-t-gray:is(.dark *) {
    --tw-border-opacity: 1 !important;
    border-color: rgba(var(--color-gray), var(--tw-border-opacity, 1)) !important
}
.dark\:border-t-white\/10:is(.dark *) {
    border-color: rgba(var(--color-white), 0.1) !important
}
.dark\:border-t-black:is(.dark *) {
    --tw-border-opacity: 1 !important;
    border-top-color: rgb(0 0 0 / var(--tw-border-opacity, 1)) !important
}
.dark\:border-t-white\/10:is(.dark *) {
    border-top-color: rgb(255 255 255 / 0.1) !important
}
.dark\:bg-gray-700:is(.dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)) !important
}
.dark\:bg-gray-800:is(.dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)) !important
}
.dark\:bg-t-c--body:is(.dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--color-c--body), var(--tw-bg-opacity, 1)) !important
}
.dark\:bg-t-primary:is(.dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--color-primary), var(--tw-bg-opacity, 1)) !important
}
.dark\:bg-t-secondary:is(.dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--color-secondary), var(--tw-bg-opacity, 1)) !important
}
.dark\:bg-t-white:is(.dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--color-white), var(--tw-bg-opacity, 1)) !important
}
.dark\:text-t-black:is(.dark *) {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--color-black), var(--tw-text-opacity, 1)) !important
}
.dark\:text-t-icon:is(.dark *) {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--color-icon), var(--tw-text-opacity, 1)) !important
}
.dark\:text-t-primary:is(.dark *) {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--color-primary), var(--tw-text-opacity, 1)) !important
}
.dark\:text-t-text-1:is(.dark *) {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--color-text-1), var(--tw-text-opacity, 1)) !important
}
.dark\:text-t-text-2:is(.dark *) {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--color-text-2), var(--tw-text-opacity, 1)) !important
}
.dark\:text-t-text-3:is(.dark *) {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--color-text-3), var(--tw-text-opacity, 1)) !important
}
.dark\:text-t-white:is(.dark *) {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--color-white), var(--tw-text-opacity, 1)) !important
}
.dark\:text-white:is(.dark *) {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important
}
.dark\:placeholder-gray-400:is(.dark *)::-moz-placeholder {
    --tw-placeholder-opacity: 1 !important;
    color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1)) !important
}
.dark\:placeholder-gray-400:is(.dark *)::placeholder {
    --tw-placeholder-opacity: 1 !important;
    color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1)) !important
}
.dark\:shadow-\[0_2px_26px_0_rgba\(0\2c 246\2c 158\2c 0\.50\)\]:is(.dark *) {
    --tw-shadow: 0 2px 26px 0 rgba(0,246,158,0.50) !important;
    --tw-shadow-colored: 0 2px 26px 0 var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
@media (max-width: 1538px) {
    .max-\[1538px\]\:hidden {
        display: none !important
    }
    .max-\[1538px\]\:w-\[50px\] {
        width: 50px !important
    }
}
@media not all and (min-width: 1280px) {
    .max-xl\:hidden {
        display: none !important
    }
    .max-xl\:h-12 {
        height: 3rem !important
    }
    .max-xl\:h-80 {
        height: 20rem !important
    }
    .max-xl\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important
    }
    .max-xl\:flex-col {
        flex-direction: column !important
    }
}
@media not all and (min-width: 768px) {
    .max-md\:justify-start {
        justify-content: flex-start !important
    }
}
@media (min-width: 640px) {
    .sm\:bottom-20 {
        bottom: 5rem !important
    }
    .sm\:right-\[calc\(50\%-151px\)\] {
        right: calc(50% - 151px) !important
    }
    .sm\:right-\[calc\(50\%-180px\)\] {
        right: calc(50% - 180px) !important
    }
    .sm\:mb-0 {
        margin-bottom: 0px !important
    }
    .sm\:mt-0 {
        margin-top: 0px !important
    }
    .sm\:block {
        display: block !important
    }
    .sm\:inline {
        display: inline !important
    }
    .sm\:flex {
        display: flex !important
    }
    .sm\:hidden {
        display: none !important
    }
    .sm\:h-4 {
        height: 1rem !important
    }
    .sm\:h-full {
        height: 100% !important
    }
    .sm\:max-h-\[550px\] {
        max-height: 550px !important
    }
    .sm\:max-h-\[600px\] {
        max-height: 600px !important
    }
    .sm\:max-h-\[620px\] {
        max-height: 620px !important
    }
    .sm\:min-h-\[600px\] {
        min-height: 600px !important
    }
    .sm\:w-1\/2 {
        width: 50% !important
    }
    .sm\:w-4 {
        width: 1rem !important
    }
    .sm\:w-64 {
        width: 16rem !important
    }
    .sm\:w-\[192px\] {
        width: 192px !important
    }
    .sm\:w-\[220px\] {
        width: 220px !important
    }
    .sm\:w-\[270px\] {
        width: 270px !important
    }
    .sm\:w-auto {
        width: auto !important
    }
    .sm\:min-w-\[200px\] {
        min-width: 200px !important
    }
    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important
    }
    .sm\:flex-row {
        flex-direction: row !important
    }
    .sm\:flex-row-reverse {
        flex-direction: row-reverse !important
    }
    .sm\:items-center {
        align-items: center !important
    }
    .sm\:gap-4 {
        gap: 1rem !important
    }
    .sm\:overflow-y-auto {
        overflow-y: auto !important
    }
    .sm\:rounded-b-xl {
        border-bottom-right-radius: 0.75rem !important;
        border-bottom-left-radius: 0.75rem !important
    }
    .sm\:border-none {
        border-style: none !important
    }
    .sm\:bg-t-comp {
        --tw-bg-opacity: 1 !important;
        background-color: rgba(var(--color-comp), var(--tw-bg-opacity, 1)) !important
    }
    .sm\:bg-transparent {
        background-color: transparent !important
    }
    .sm\:bg-white {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important
    }
    .sm\:p-0 {
        padding: 0px !important
    }
    .sm\:p-10 {
        padding: 2.5rem !important
    }
    .sm\:p-8 {
        padding: 2rem !important
    }
    .sm\:px-10 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important
    }
    .sm\:px-12 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }
    .sm\:px-8 {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }
    .sm\:py-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important
    }
    .sm\:pb-16 {
        padding-bottom: 4rem !important
    }
    .sm\:text-end {
        text-align: end !important
    }
    .sm\:text-3xl {
        font-size: 1.875rem !important;
        line-height: 2.25rem !important
    }
    .sm\:text-4xl {
        font-size: 2.25rem !important;
        line-height: 2.5rem !important
    }
    .sm\:text-6xl {
        font-size: 3.75rem !important;
        line-height: 1 !important
    }
    .sm\:text-lg {
        font-size: 1.125rem !important;
        line-height: 1.75rem !important
    }
    .sm\:font-light {
        font-weight: 300 !important
    }
    .sm\:shadow {
        --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
        --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
    }
}
@media (min-width: 768px) {
    .md\:left-1\/3 {
        left: 33.333333% !important
    }
    .md\:my-5 {
        margin-top: 1.25rem !important;
        margin-bottom: 1.25rem !important
    }
    .md\:me-auto {
        margin-inline-end: auto !important
    }
    .md\:mt-0 {
        margin-top: 0px !important
    }
    .md\:block {
        display: block !important
    }
    .md\:flex {
        display: flex !important
    }
    .md\:grid {
        display: grid !important
    }
    .md\:hidden {
        display: none !important
    }
    .md\:w-1\/2 {
        width: 50% !important
    }
    .md\:w-1\/3 {
        width: 33.333333% !important
    }
    .md\:w-1\/4 {
        width: 25% !important
    }
    .md\:w-2\/3 {
        width: 66.666667% !important
    }
    .md\:w-28 {
        width: 7rem !important
    }
    .md\:w-\[50\%\] {
        width: 50% !important
    }
    .md\:w-auto {
        width: auto !important
    }
    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important
    }
    .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important
    }
    .md\:grid-cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr)) !important
    }
    .md\:flex-row {
        flex-direction: row !important
    }
    .md\:flex-nowrap {
        flex-wrap: nowrap !important
    }
    .md\:items-center {
        align-items: center !important
    }
    .md\:justify-between {
        justify-content: space-between !important
    }
    .md\:gap-1 {
        gap: 0.25rem !important
    }
    .md\:gap-10 {
        gap: 2.5rem !important
    }
    .md\:gap-2 {
        gap: 0.5rem !important
    }
    .md\:gap-3 {
        gap: 0.75rem !important
    }
    .md\:overflow-hidden {
        overflow: hidden !important
    }
    .md\:bg-t-body {
        --tw-bg-opacity: 1 !important;
        background-color: rgba(var(--color-body), var(--tw-bg-opacity, 1)) !important
    }
    .md\:p-2 {
        padding: 0.5rem !important
    }
    .md\:px-0 {
        padding-left: 0px !important;
        padding-right: 0px !important
    }
    .md\:px-6 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }
    .md\:pt-0 {
        padding-top: 0px !important
    }
    .md\:text-base {
        font-size: 1rem !important;
        line-height: 1.5rem !important
    }
}
@media (min-width: 1024px) {
    .lg\:absolute {
        position: absolute !important
    }
    .lg\:col-span-2 {
        grid-column: span 2 / span 2 !important
    }
    .lg\:col-span-4 {
        grid-column: span 4 / span 4 !important
    }
    .lg\:col-span-7 {
        grid-column: span 7 / span 7 !important
    }
    .lg\:mr-2 {
        margin-right: 0.5rem !important
    }
    .lg\:mt-10 {
        margin-top: 2.5rem !important
    }
    .lg\:block {
        display: block !important
    }
    .lg\:flex {
        display: flex !important
    }
    .lg\:grid {
        display: grid !important
    }
    .lg\:hidden {
        display: none !important
    }
    .lg\:aspect-auto {
        aspect-ratio: auto !important
    }
    .lg\:h-12 {
        height: 3rem !important
    }
    .lg\:h-16 {
        height: 4rem !important
    }
    .lg\:h-\[calc\(100\%_-_10rem\)\] {
        height: calc(100% - 10rem) !important
    }
    .lg\:h-\[calc\(100\%_-_11rem\)\] {
        height: calc(100% - 11rem) !important
    }
    .lg\:h-\[calc\(100\%_-_2rem\)\] {
        height: calc(100% - 2rem) !important
    }
    .lg\:h-\[calc\(100\%_-_5rem\)\] {
        height: calc(100% - 5rem) !important
    }
    .lg\:h-\[calc\(100vh-14rem\)\] {
        height: calc(100vh - 14rem) !important
    }
    .lg\:h-\[calc\(100vh-23rem\)\] {
        height: calc(100vh - 23rem) !important
    }
    .lg\:h-full {
        height: 100% !important
    }
    .lg\:max-h-none {
        max-height: none !important
    }
    .lg\:min-h-\[3rem\] {
        min-height: 3rem !important
    }
    .lg\:w-12 {
        width: 3rem !important
    }
    .lg\:w-3\/4 {
        width: 75% !important
    }
    .lg\:w-4\/12 {
        width: 33.333333% !important
    }
    .lg\:w-4\/6 {
        width: 66.666667% !important
    }
    .lg\:w-5\/12 {
        width: 41.666667% !important
    }
    .lg\:w-7\/12 {
        width: 58.333333% !important
    }
    .lg\:w-8\/12 {
        width: 66.666667% !important
    }
    .lg\:w-\[350px\] {
        width: 350px !important
    }
    .lg\:w-\[450px\] {
        width: 450px !important
    }
    .lg\:min-w-\[350px\] {
        min-width: 350px !important
    }
    .lg\:min-w-\[3rem\] {
        min-width: 3rem !important
    }
    .lg\:min-w-\[750px\] {
        min-width: 750px !important
    }
    .lg\:grid-cols-11 {
        grid-template-columns: repeat(11, minmax(0, 1fr)) !important
    }
    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important
    }
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important
    }
    .lg\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important
    }
    .lg\:grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr)) !important
    }
    .lg\:flex-row {
        flex-direction: row !important
    }
    .lg\:gap-5 {
        gap: 1.25rem !important
    }
    .lg\:gap-6 {
        gap: 1.5rem !important
    }
    .lg\:overflow-auto {
        overflow: auto !important
    }
    .lg\:p-3 {
        padding: 0.75rem !important
    }
    .lg\:px-0 {
        padding-left: 0px !important;
        padding-right: 0px !important
    }
    .lg\:pb-8 {
        padding-bottom: 2rem !important
    }
    .lg\:pl-2 {
        padding-left: 0.5rem !important
    }
    .lg\:text-base {
        font-size: 1rem !important;
        line-height: 1.5rem !important
    }
    .lg\:text-sm {
        font-size: 0.875rem !important;
        line-height: 1.25rem !important
    }
    @media not all and (min-width: 1280px) {
        .lg\:max-xl\:w-12 {
            width: 3rem !important
        }
    }
}
@media (min-width: 1280px) {
    .xl\:absolute {
        position: absolute !important
    }
    .xl\:left-auto {
        left: auto !important
    }
    .xl\:right-20 {
        right: 5rem !important
    }
    .xl\:grid {
        display: grid !important
    }
    .xl\:hidden {
        display: none !important
    }
    .xl\:h-auto {
        height: auto !important
    }
    .xl\:h-full {
        height: 100% !important
    }
    .xl\:w-\[30\%\] {
        width: 30% !important
    }
    .xl\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important
    }
    .xl\:gap-5 {
        gap: 1.25rem !important
    }
    .xl\:p-1\.5 {
        padding: 0.375rem !important
    }
    .xl\:px-8 {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }
    .xl\:pr-20 {
        padding-right: 5rem !important
    }
    .xl\:shadow-none {
        --tw-shadow: 0 0 #0000 !important;
        --tw-shadow-colored: 0 0 #0000 !important;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
    }
}
@media (min-width: 1536px) {
    .\32xl\:h-\[calc\(100vh_-_13rem\)\] {
        height: calc(100vh - 13rem) !important
    }
}
.ltr\:rotate-180:where([dir="ltr"], [dir="ltr"] *) {
    --tw-rotate: 180deg !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.rtl\:rotate-180:where([dir="rtl"], [dir="rtl"] *) {
    --tw-rotate: 180deg !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}




/*
 * Application baseline
 * Keep browser defaults out of the UI without resetting component-library
 * styles. Component classes (Vuetify, AG Grid, etc.) define their own visual
 * rules after this baseline.
 */
@font-face {
  font-family: 'IranSans';
  src: url('/assets/ttf/IRANSansWeb-ByQHhy79.ttf') format('truetype');
  font-weight: 500;
}
@font-face {
  font-family: 'IranSans';
  src: url('/assets/ttf/IRANSansWeb_Black-C6r4ysZm.ttf') format('truetype');
  font-weight: 900;
}
@font-face {
  font-family: 'IranSans';
  src: url('/assets/ttf/IRANSansWeb_Bold-ryuS5WTD.ttf') format('truetype');
  font-weight: 700;
}
@font-face {
  font-family: 'IranSans';
  src: url('/assets/ttf/IRANSansWeb_Medium-Bn0xEgKf.ttf') format('truetype');
  font-weight: 600;
}
@font-face {
  font-family: 'IranSans';
  src: url('/assets/ttf/IRANSansWeb_UltraLight-DG3GpVtf.ttf') format('truetype');
  font-weight: 300;
}


/* khmer */
@font-face {
  font-family: 'Konkhmer Sleokchher';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/woff2/_Xmw-GE-rjmabA_M-aPOZOsCrUv825LFE3J-7X0d-dg-6EKhM.woff2') format('woff2');
  unicode-range: U+1780-17FF, U+19E0-19FF, U+200C-200D, U+25CC;
}
/* latin-ext */
@font-face {
  font-family: 'Konkhmer Sleokchher';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/woff2/_Xmw-GE-rjmabA_M-aPOZOsCrUv825LFE3l-7Q-XRRCH0VW.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Konkhmer Sleokchher';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/woff2/_Xmw-GE-rjmabA_M-aPOZOsCrUv825LFE3l-7Q-XRRCH0VW.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
[lang='fa'] * {
  font-family: 'IranSans';
}
/* fade transtion*/
.fade-enter-active,
.fade-leave-active {
  transition: all 0.4s;
}
.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}
/* bounce transition */
.bounce-enter-active {
  animation: bounce-in 0.5s;
}
.bounce-leave-active {
  animation: bounce-in 0.5s reverse;
}
@keyframes bounce-in {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1);
  }
}
/* swirl transition */
.swirl-enter-active {
  animation: swirlAdded 1s;
}
.swirl-leave-active {
  animation: swirlAdded 1s reverse;
}
@keyframes swirlAdded {
  from {
    opacity: 0;
    rotate: 0;
    scale: 0.1;
  }
  to {
    opacity: 1;
    rotate: 360deg;
    scale: 1;
  }
}

@keyframes added {
  from {
    opacity: 0;
    translate: -100px 0;
  }
  to {
    opacity: 1;
    translate: 0 0;
  }
}
/* slide right transition */
[dir=rtl] .slide-right-enter-active {
  animation: slideRightIn 0.5s;
}
[dir=ltr] .slide-right-enter-active {
  animation: slideRightInLtr 0.5s;
}
@keyframes slideRightIn {
  from {
    translate: 100% 0;
    opacity: 0;
  }
  to {
    translate: 0 0;
    opacity: 1;
  }
}
@keyframes slideRightInLtr {
  from {
    translate: -100% 0;
    opacity: 0;
  }
  to {
    translate: 0 0;
    opacity: 1;
  }
}
[dir=rtl] .slide-right-leave-active {
  animation: slideOut 0.6s;
}
[dir=ltr] .slide-right-leave-active {
  animation: slideOutLtr 0.6s;
}

/* slide transition */

.slide-enter-active {
  animation: slideIn 0.5s;
}
@keyframes slideIn {
  from {
    translate: -200px 0;
    opacity: 0;
  }
  to {
    translate: 0 0;
    opacity: 1;
  }
}
.slide-leave-active {
  animation: slideOut 0.6s;
}
@keyframes slideOut {
  from {
    translate: 0 0;
    opacity: 1;
  }
  to {
    translate: 100% 0;
    opacity: 0;
  }
}
@keyframes slideOutLtr {
  from {
    translate: 0 0;
    opacity: 1;
  }
  to {
    translate: -100% 0;
    opacity: 0;
  }
}

/* slide left */
.slide-left-enter-active,
.slide-left-leave-active,
.slide-right-enter-active,
.slide-right-leave-active {
  transition-duration: 2.5s;
  transition-property: height, opacity, transform;
  transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
  overflow: hidden;
}

.slide-left-enter,
.slide-right-leave-active {
  opacity: 0;
  transform: translate(2em, 0);
}

.slide-left-leave-active,
.slide-right-enter {
  opacity: 0;
  transform: translate(-2em, 0);
}

/* slide top */
.slide-top-enter-active,
.slide-top-leave-active {
  transition: all 0.3s;
}
.slide-top-enter-from,
.slide-top-leave-to {
  transform: translate(0, -100%);
}

/* zoom transiion */

.zoom-enter-active,
.zoom-leave-active {
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: zoom;
}

.zoom-leave-active {
  animation-direction: reverse;
}

@keyframes zoom {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  100% {
    opacity: 1;
  }
}
.scroll-style-hidden {
  -ms-overflow-style: none; /* for Internet Explorer, Edge */
  scrollbar-width: none; /* for Firefox */
  overflow-y: scroll;
}
.scroll-style-hidden::-webkit-scrollbar {
  display: none; /* for Chrome, Safari, and Opera */
}
@layer reset {
  *,
  *::before,
  *::after {
    box-sizing: border-box;
    border: 0 solid currentColor;
  }
  html {
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }
  html,
  body,
  #app {
    min-height: 100%;
  }
  body,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  figure,
  blockquote,
  dl,
  dd {
    margin: 0;
  }
  ul,
  ol {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    text-decoration: none;
  }
  button,
  input,
  select,
  textarea {
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: inherit;
  }
  input,
  select,
  textarea {
    color: rgb(var(--color-text-1));
    caret-color: rgb(var(--color-primary));
  }
  button,
  select {
    text-transform: none;
  }
  button,
  [type=button],
  [type=reset],
  [type=submit] {
    cursor: pointer;
  }
  textarea {
    resize: vertical;
  }
  img,
  picture,
  svg,
  canvas,
  video {
    display: block;
    max-width: 100%;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
}
body .v-btn__content {
  min-width: 0px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0em;
}
@media (min-width: 1024px) {
  body .v-btn__content {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
body .v-btn.v-btn--size-default {
  min-width: 0px;
  border-radius: 0.5rem;
}
body .v-btn.info {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-primary), var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --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);
}
body .v-btn.light-info {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-primary), var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --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);
}
body .v-btn.light-info:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
body .v-btn.light-info .v-btn__content {
  font-weight: 700;
}
body .v-btn.secondary {
  --tw-text-opacity: 1;
  color: rgba(var(--color-text-1), var(--tw-text-opacity, 1));
}
body .v-btn.danger {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-danger), var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --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);
}
body .v-btn.content-between .v-btn__content {
  width: 100%;
  justify-content: space-between;
}

#app .v-application__wrap {
  min-height: 0px;
}

.header-style #clock {
  direction: ltr;
  position: relative;
}
.header-style #clock .display {
  text-align: center;
  position: relative;
}
.header-style #clock.light .digits div span {
  background-color: #272e38;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-gray), var(--tw-border-opacity, 1));
}
.header-style #clock.light .digits div.dots:before,
.header-style #clock.light .digits div.dots:after {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray), var(--tw-bg-opacity, 1));
}
.header-style #clock.light .display {
  display: flex;
  align-items: center;
}
.header-style #clock.dark .digits div.dots:before,
.header-style #clock.dark .digits div.dots:after {
  background-color: #cacaca;
}
.header-style {
  /*-------------------------
      The Digits
  --------------------------*/
}
.header-style #clock .digits {
  display: flex;
}
.header-style #clock .digits div {
  text-align: left;
  position: relative;
  height: 2rem;
  width: 1rem;
  display: inline-block;
}
.header-style #clock .digits div span {
  opacity: 0;
  position: absolute;
  transition: 0.25s;
}
.header-style #clock .digits .d1 {
  left: 0.125rem;
  top: 0px;
  height: 0.125rem;
  width: 0.625rem;
}
.header-style #clock .digits .d2 {
  top: 0.875rem;
  left: 0.125rem;
  height: 0.125rem;
  width: 0.625rem;
}
.header-style #clock .digits .d3 {
  top: 1.75rem;
  left: 0.125rem;
  height: 0.125rem;
  width: 0.625rem;
}
.header-style #clock .digits .d4 {
  top: 0.125rem;
  left: 0px;
  height: 0.75rem;
  width: 0.125rem;
}
.header-style #clock .digits .d5 {
  top: 0.125rem;
  left: 0.75rem;
  height: 0.75rem;
  width: 0.125rem;
}
.header-style #clock .digits .d6 {
  top: 0.875rem;
  left: 0px;
  margin-top: 0.125rem;
  height: 0.75rem;
  width: 0.125rem;
}
.header-style #clock .digits .d7 {
  top: 0.875rem;
  left: 0.75rem;
  margin-top: 0.125rem;
  height: 0.75rem;
  width: 0.125rem;
}
.header-style {
  /* 1 */
}
.header-style #clock .digits div span {
  opacity: 1;
  background-color: rgba(var(--color-inactive), 0.6);
}
.header-style #clock .digits div.one .d5,
.header-style #clock .digits div.one .d7 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray), var(--tw-bg-opacity, 1));
}
.header-style {
  /* 2 */
}
.header-style #clock .digits div.two .d1,
.header-style #clock .digits div.two .d5,
.header-style #clock .digits div.two .d2,
.header-style #clock .digits div.two .d6,
.header-style #clock .digits div.two .d3 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray), var(--tw-bg-opacity, 1));
}
.header-style {
  /* 3 */
}
.header-style #clock .digits div.three .d1,
.header-style #clock .digits div.three .d5,
.header-style #clock .digits div.three .d2,
.header-style #clock .digits div.three .d7,
.header-style #clock .digits div.three .d3 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray), var(--tw-bg-opacity, 1));
}
.header-style {
  /* 4 */
}
.header-style #clock .digits div.four .d5,
.header-style #clock .digits div.four .d2,
.header-style #clock .digits div.four .d4,
.header-style #clock .digits div.four .d7 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray), var(--tw-bg-opacity, 1));
}
.header-style {
  /* 5 */
}
.header-style #clock .digits div.five .d1,
.header-style #clock .digits div.five .d2,
.header-style #clock .digits div.five .d4,
.header-style #clock .digits div.five .d3,
.header-style #clock .digits div.five .d7 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray), var(--tw-bg-opacity, 1));
}
.header-style {
  /* 6 */
}
.header-style #clock .digits div.six .d1,
.header-style #clock .digits div.six .d2,
.header-style #clock .digits div.six .d4,
.header-style #clock .digits div.six .d3,
.header-style #clock .digits div.six .d6,
.header-style #clock .digits div.six .d7 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray), var(--tw-bg-opacity, 1));
}
.header-style {
  /* 7 */
}
.header-style #clock .digits div.seven .d1,
.header-style #clock .digits div.seven .d5,
.header-style #clock .digits div.seven .d7 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray), var(--tw-bg-opacity, 1));
}
.header-style {
  /* 8 */
}
.header-style #clock .digits div.eight .d1,
.header-style #clock .digits div.eight .d2,
.header-style #clock .digits div.eight .d3,
.header-style #clock .digits div.eight .d4,
.header-style #clock .digits div.eight .d5,
.header-style #clock .digits div.eight .d6,
.header-style #clock .digits div.eight .d7 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray), var(--tw-bg-opacity, 1));
}
.header-style {
  /* 9 */
}
.header-style #clock .digits div.nine .d1,
.header-style #clock .digits div.nine .d2,
.header-style #clock .digits div.nine .d3,
.header-style #clock .digits div.nine .d4,
.header-style #clock .digits div.nine .d5,
.header-style #clock .digits div.nine .d7 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray), var(--tw-bg-opacity, 1));
}
.header-style {
  /* 0 */
}
.header-style #clock .digits div.zero .d1,
.header-style #clock .digits div.zero .d3,
.header-style #clock .digits div.zero .d4,
.header-style #clock .digits div.zero .d5,
.header-style #clock .digits div.zero .d6,
.header-style #clock .digits div.zero .d7 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray), var(--tw-bg-opacity, 1));
}
.header-style {
  /* The dots */
}
.header-style #clock .digits div.dots {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  width: 0.375rem;
}
.header-style #clock .digits div.dots:before,
.header-style #clock .digits div.dots:after {
  height: 0.25rem;
  width: 0.25rem;
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
}
@keyframes pulse {
  50% {
    opacity: .5;
  }
}
.header-style #clock .digits div.dots:before,
.header-style #clock .digits div.dots:after {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray), var(--tw-bg-opacity, 1));
}
.header-style #clock .digits div.dots:after {
  top: 20px;
}

.header-style #clock {
  direction: ltr;
  position: relative;
}
.header-style #clock .display {
  text-align: center;
  position: relative;
}
.header-style #clock.light .digits div span {
  background-color: #272e38;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-gray), var(--tw-border-opacity, 1));
}
.header-style #clock.light .digits div.dots:before,
.header-style #clock.light .digits div.dots:after {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray), var(--tw-bg-opacity, 1));
}
.header-style #clock.light .display {
  display: flex;
  align-items: center;
}
.header-style #clock.dark .digits div.dots:before,
.header-style #clock.dark .digits div.dots:after {
  background-color: #cacaca;
}
.header-style {
  /*-------------------------
      The Digits
  --------------------------*/
}
.header-style #clock .digits {
  display: flex;
}
.header-style #clock .digits div {
  text-align: left;
  position: relative;
  height: 2rem;
  width: 1rem;
  display: inline-block;
}
.header-style #clock .digits div span {
  opacity: 0;
  position: absolute;
  transition: 0.25s;
}
.header-style #clock .digits .d1 {
  left: 0.125rem;
  top: 0px;
  height: 0.125rem;
  width: 0.625rem;
}
.header-style #clock .digits .d2 {
  top: 0.875rem;
  left: 0.125rem;
  height: 0.125rem;
  width: 0.625rem;
}
.header-style #clock .digits .d3 {
  top: 1.75rem;
  left: 0.125rem;
  height: 0.125rem;
  width: 0.625rem;
}
.header-style #clock .digits .d4 {
  top: 0.125rem;
  left: 0px;
  height: 0.75rem;
  width: 0.125rem;
}
.header-style #clock .digits .d5 {
  top: 0.125rem;
  left: 0.75rem;
  height: 0.75rem;
  width: 0.125rem;
}
.header-style #clock .digits .d6 {
  top: 0.875rem;
  left: 0px;
  margin-top: 0.125rem;
  height: 0.75rem;
  width: 0.125rem;
}
.header-style #clock .digits .d7 {
  top: 0.875rem;
  left: 0.75rem;
  margin-top: 0.125rem;
  height: 0.75rem;
  width: 0.125rem;
}
.header-style {
  /* 1 */
}
.header-style #clock .digits div span {
  opacity: 1;
  background-color: rgba(var(--color-inactive), 0.6);
}
.header-style #clock .digits div.one .d5,
.header-style #clock .digits div.one .d7 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray), var(--tw-bg-opacity, 1));
}
.header-style {
  /* 2 */
}
.header-style #clock .digits div.two .d1,
.header-style #clock .digits div.two .d5,
.header-style #clock .digits div.two .d2,
.header-style #clock .digits div.two .d6,
.header-style #clock .digits div.two .d3 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray), var(--tw-bg-opacity, 1));
}
.header-style {
  /* 3 */
}
.header-style #clock .digits div.three .d1,
.header-style #clock .digits div.three .d5,
.header-style #clock .digits div.three .d2,
.header-style #clock .digits div.three .d7,
.header-style #clock .digits div.three .d3 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray), var(--tw-bg-opacity, 1));
}
.header-style {
  /* 4 */
}
.header-style #clock .digits div.four .d5,
.header-style #clock .digits div.four .d2,
.header-style #clock .digits div.four .d4,
.header-style #clock .digits div.four .d7 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray), var(--tw-bg-opacity, 1));
}
.header-style {
  /* 5 */
}
.header-style #clock .digits div.five .d1,
.header-style #clock .digits div.five .d2,
.header-style #clock .digits div.five .d4,
.header-style #clock .digits div.five .d3,
.header-style #clock .digits div.five .d7 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray), var(--tw-bg-opacity, 1));
}
.header-style {
  /* 6 */
}
.header-style #clock .digits div.six .d1,
.header-style #clock .digits div.six .d2,
.header-style #clock .digits div.six .d4,
.header-style #clock .digits div.six .d3,
.header-style #clock .digits div.six .d6,
.header-style #clock .digits div.six .d7 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray), var(--tw-bg-opacity, 1));
}
.header-style {
  /* 7 */
}
.header-style #clock .digits div.seven .d1,
.header-style #clock .digits div.seven .d5,
.header-style #clock .digits div.seven .d7 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray), var(--tw-bg-opacity, 1));
}
.header-style {
  /* 8 */
}
.header-style #clock .digits div.eight .d1,
.header-style #clock .digits div.eight .d2,
.header-style #clock .digits div.eight .d3,
.header-style #clock .digits div.eight .d4,
.header-style #clock .digits div.eight .d5,
.header-style #clock .digits div.eight .d6,
.header-style #clock .digits div.eight .d7 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray), var(--tw-bg-opacity, 1));
}
.header-style {
  /* 9 */
}
.header-style #clock .digits div.nine .d1,
.header-style #clock .digits div.nine .d2,
.header-style #clock .digits div.nine .d3,
.header-style #clock .digits div.nine .d4,
.header-style #clock .digits div.nine .d5,
.header-style #clock .digits div.nine .d7 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray), var(--tw-bg-opacity, 1));
}
.header-style {
  /* 0 */
}
.header-style #clock .digits div.zero .d1,
.header-style #clock .digits div.zero .d3,
.header-style #clock .digits div.zero .d4,
.header-style #clock .digits div.zero .d5,
.header-style #clock .digits div.zero .d6,
.header-style #clock .digits div.zero .d7 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray), var(--tw-bg-opacity, 1));
}
.header-style {
  /* The dots */
}
.header-style #clock .digits div.dots {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  width: 0.375rem;
}
.header-style #clock .digits div.dots:before,
.header-style #clock .digits div.dots:after {
  height: 0.25rem;
  width: 0.25rem;
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
}
@keyframes pulse {
  50% {
    opacity: .5;
  }
}
.header-style #clock .digits div.dots:before,
.header-style #clock .digits div.dots:after {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray), var(--tw-bg-opacity, 1));
}
.header-style #clock .digits div.dots:after {
  top: 20px;
}

.v-radio-group .v-selection-control__input {
  --tw-text-opacity: 1;
  color: rgba(var(--color-primary), var(--tw-text-opacity, 1));
}

.without-border .v-input__control .v-field__outline {
  display: none;
}

body .outline-select .v-field__outline * {
  --tw-text-opacity: 1;
  color: rgba(var(--color-text-1), var(--tw-text-opacity, 1));
  opacity: 1;
}

.close-badge .v-badge__badge {
  height: 1.25rem;
  width: 1.25rem;
  min-width: 0px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-danger), var(--tw-bg-opacity, 1));
  padding: 0px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  opacity: 0;
}
.close-badge:hover .v-badge__badge {
  opacity: 1;
}

.v-overlay .v-overlay__scrim {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  opacity: 0.3;
}

.v-overlay .v-overlay__scrim:is(.dark *) {
  opacity: 0.7;
}

.max-height-avilable.without-col-bottom {
  height: calc(100vh - 15rem);
}

@media (min-width: 1024px) {
  .max-height-avilable.without-col-bottom {
    height: calc(100vh - 13rem);
  }
}

@media (min-width: 1536px) {
  .max-height-avilable.without-col-bottom {
    height: calc(100vh - 13rem);
  }
}
.max-height-avilable.without-col-bottom-1 {
  height: calc(100vh - 10.5rem);
}
@media (min-width: 768px) {
  .max-height-avilable.without-col-bottom-1 {
    height: calc(100vh - 10.5rem);
  }
}
@media (min-width: 1024px) {
  .max-height-avilable.without-col-bottom-1 {
    height: calc(100vh - 13rem);
  }
}
@media (min-width: 1536px) {
  .max-height-avilable.without-col-bottom-1 {
    height: calc(100vh - 13rem);
  }
}
.max-height-avilable {
  height: calc(100vh - 14.5rem);
  padding-bottom: 3rem;
}
@media (min-width: 768px) {
  .max-height-avilable {
    height: calc(100vh - 6.5rem);
  }
}
@media (min-width: 1024px) {
  .max-height-avilable {
    height: calc(100vh - 14rem);
    padding-bottom: 0px;
  }
}
@media (min-width: 1536px) {
  .max-height-avilable {
    height: calc(100vh - 14rem);
  }
}
@media (min-width: 1024px) {
  .max-height-avilable .avilable-height {
    height: calc(100vh - 19rem);
  }
}
.max-height-avilable .avilable-height {
  height: calc(100vh - 19rem);
}
.max-height-avilable .avilable-height-with-filter {
  height: calc(100% - 2rem);
}

.without-col-bottom-custom {
  height: calc(100vh - 8.5rem);
}

@media (min-width: 640px) {
  .without-col-bottom-custom {
    height: calc(100vh - 14.5rem);
  }
}

@media (min-width: 768px) {
  .without-col-bottom-custom {
    height: calc(100vh - 10.5rem);
  }
}

@media (min-width: 1024px) {
  .without-col-bottom-custom {
    height: calc(100vh - 13rem);
  }
}

@media (min-width: 1536px) {
  .without-col-bottom-custom {
    height: calc(100vh - 13rem);
  }
}

.chart-max-height {
  height: calc(100% - 3rem);
}

.chart-max-height-custom {
  height: calc(100vh - 14rem);
  padding-bottom: 3rem;
}

@media (min-width: 768px) {
  .chart-max-height-custom {
    height: calc(100vh - 10.5rem);
  }
}

@media (min-width: 1024px) {
  .chart-max-height-custom {
    height: calc(100vh - 13rem);
    padding-bottom: 0px;
  }
}

@media (min-width: 1536px) {
  .chart-max-height-custom {
    height: calc(100vh - 13rem);
  }
}

.custom-combobox.small .v-field {
  border-radius: 0.5rem !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--color-inactive), var(--tw-bg-opacity, 1)) !important;
}
.custom-combobox.small .v-field__input {
  min-height: 0px;
  padding: 0.625rem;
  font-size: 1rem;
  line-height: 1.5rem;
}

.custom-autocomplete .v-field__input {
  min-height: 0px;
}
.custom-autocomplete.small .v-field__input {
  display: flex;
  min-height: 0px;
  min-height: 3rem;
  flex-wrap: nowrap;
  padding: 0.625rem;
  font-size: 1rem;
  line-height: 1.5rem;
}
.custom-autocomplete .v-autocomplete__selection {
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.custom-autocomplete .v-autocomplete__selection div span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.custom-autocomplete.single-line .v-field__input {
  flex-wrap: nowrap;
}

.hide-panel-icon .v-expansion-panel-title__icon {
  display: none;
}

.expanded-menu .v-expansion-panel .v-expansion-panel__shadow {
  display: none;
}
.expanded-menu .v-expansion-panel .v-expansion-panel-title {
  padding: 0;
}
.expanded-menu .v-expansion-panel .v-expansion-panel-title .v-expansion-panel-title__overlay {
  background-color: transparent;
}
.expanded-menu .v-expansion-panel .v-expansion-panel-text .v-expansion-panel-text__wrapper {
  padding: 0 5px 0px 0px;
}

.expanded-menu-child .v-expansion-panel .v-expansion-panel__shadow {
  display: none;
}
.expanded-menu-child .v-expansion-panel .v-expansion-panel-title {
  padding: 0;
}
.expanded-menu-child .v-expansion-panel .v-expansion-panel-title .v-expansion-panel-title__overlay {
  background-color: transparent;
}
.expanded-menu-child .v-expansion-panel .v-expansion-panel-text .v-expansion-panel-text__wrapper {
  padding: 0 15px 0 0;
}

.custom-select .v-field {
  border-radius: 12px;
}
.custom-select .v-field--variant-solo, .custom-select .v-field--variant-solo-filled {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-inactive), var(--tw-bg-opacity, 1));
}

.customMenuSelect {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-comp), var(--tw-bg-opacity, 1));
  padding: 0.5rem;
  overflow: hidden;
  border-radius: 12px !important;
}
.customMenuSelect .v-list {
  margin-top: 2.5rem !important;
  border-radius: 0.5rem !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--color-c--body), var(--tw-bg-opacity, 1)) !important;
  padding: 0px !important;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  display: grid;
  position: relative !important;
}
.customMenuSelect .v-list:before {
  content: "";
  position: fixed;
  filter: blur(75px);
  bottom: 100px;
  left: 100px;
  width: 100px;
  height: 100px;
}
.customMenuSelect .v-list:after {
  content: "";
  position: fixed;
  filter: blur(75px);
  bottom: 0;
  left: 0;
  width: 100px;
  height: 100px;
}
.customMenuSelect .v-list .v-virtual-scroll__spacer {
  display: none;
}

.twoColumnSelect .v-list {
  grid-template-columns: 270px 270px;
}

.hasLabelInSelect .v-list {
  padding-top: 2.5rem;
}

.custom-switch.v-switch--inset .v-switch__track {
  height: 2rem;
}
.custom-switch.v-switch .v-selection-control {
  min-height: 0px;
}

.custom-textfield.small .v-field__input {
  min-height: 0px;
  border-radius: 0.75rem;
  padding: 0.625rem;
  font-size: 1rem;
  line-height: 1.5rem;
}
.custom-textfield .v-field__input:-webkit-autofill {
  background-image: none !important;
}
.custom-textfield .v-field__input:autofill {
  background-image: none !important;
}
.custom-textfield .v-field__input input:-webkit-autofill,
.custom-textfield .v-field__input input:-webkit-autofill:hover,
.custom-textfield .v-field__input input:-webkit-autofill:focus,
.custom-textfield .v-field__input input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px rgb(var(--color-inactive)) inset !important;
  -webkit-text-fill-color: rgb(var(--color-text-1)) !important;
  caret-color: rgb(var(--color-primary));
}

.input-type-style .v-field--variant-solo-filled {
  border-radius: 0.5rem;
  --tw-text-opacity: 1;
  color: rgba(var(--color-text-1), var(--tw-text-opacity, 1));
}
.input-type-style .v-field--variant-solo-filled.v-field--error {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-danger), var(--tw-border-opacity, 1));
}
.input-type-style .v-field--variant-solo-filled .v-field__overlay {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-inactive), var(--tw-bg-opacity, 1));
  opacity: 0.8;
}
.input-type-style .v-field--variant-solo-filled .v-field-label {
  --tw-text-opacity: 1;
  color: rgba(var(--color-text-2), var(--tw-text-opacity, 1));
  opacity: 1;
}
.input-type-style .v-field--variant-solo-filled .v-field__append-inner,
.input-type-style .v-field--variant-solo-filled .v-field__prepend-inner {
  z-index: 1;
  cursor: pointer;
  --tw-text-opacity: 1;
  color: rgba(var(--color-icon), var(--tw-text-opacity, 1));
}
.input-type-style .v-field--variant-solo-filled .v-field__input::-moz-placeholder, .input-type-style .v-field--variant-solo-filled .v-field__input input::-moz-placeholder {
  text-overflow: ellipsis;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.input-type-style .v-field--variant-solo-filled .v-field__input::placeholder, .input-type-style .v-field--variant-solo-filled .v-field__input input::placeholder {
  text-overflow: ellipsis;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.input-type-style .v-field--variant-solo-filled .v-field__input textarea {
  --tw-text-opacity: 1;
  color: rgba(var(--color-text-1), var(--tw-text-opacity, 1));
  caret-color: rgba(var(--color-primary), 1);
}
.input-type-style .v-field--variant-solo-filled .v-field__input textarea::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgba(var(--color-text-2), var(--tw-text-opacity, 1));
}
.input-type-style .v-field--variant-solo-filled .v-field__input textarea::placeholder {
  --tw-text-opacity: 1;
  color: rgba(var(--color-text-2), var(--tw-text-opacity, 1));
}
.input-type-style .v-field--variant-solo-filled .v-field__input textarea {
  opacity: 1;
}
.input-type-style .v-field--variant-solo-filled.v-field--focused .v-field__overlay, .input-type-style .v-field--variant-solo-filled:hover .v-field__overlay {
  opacity: 1;
}

.grid-component.custom-grid.dx-rtl .dx-datagrid:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-body), var(--tw-bg-opacity, 1));
}
.grid-component.custom-grid.dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none,
.grid-component.custom-grid.dx-rtl .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-gray), var(--tw-border-opacity, 1));
}
.grid-component.custom-grid.dx-rtl .dx-datagrid-header-panel {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-c--body), var(--tw-bg-opacity, 1));
}
.grid-component.custom-grid.dx-rtl .dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable {
  border-style: none;
}
.grid-component.custom-grid.dx-rtl .dx-datagrid-headers {
  border-right-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-inactive), var(--tw-bg-opacity, 1));
}
.grid-component.custom-grid.dx-rtl .dx-datagrid-headers:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-comp), var(--tw-border-opacity, 1));
}
.grid-component.custom-grid.dx-rtl .dx-datagrid-headers .dx-datagrid-table {
  border-bottom-width: 0px;
}
.grid-component.custom-grid.dx-rtl .dx-datagrid-headers .dx-datagrid-table:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-comp), var(--tw-border-opacity, 1));
}
.grid-component.custom-grid.dx-rtl .dx-datagrid-headers td {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-inactive), var(--tw-bg-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgba(var(--color-text-1), var(--tw-text-opacity, 1));
}
.grid-component.custom-grid.dx-rtl .dx-datagrid-rowsview {
  border-top-width: 0px;
}
.grid-component.custom-grid.dx-rtl .dx-datagrid-rowsview.dx-empty {
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-c--body), var(--tw-bg-opacity, 1));
}
.grid-component.custom-grid.dx-rtl .dx-datagrid-rowsview.dx-empty .dx-row {
  display: none;
}
.grid-component.custom-grid.dx-rtl .dx-datagrid-rowsview .dx-row {
  border-bottom-width: 1px;
  border-top-width: 0px;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-gray), var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-c--body), var(--tw-bg-opacity, 1));
}
.grid-component.custom-grid.dx-rtl .dx-datagrid-rowsview .dx-row:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-comp), var(--tw-border-opacity, 1));
}
.grid-component.custom-grid.dx-rtl .dx-datagrid-rowsview .dx-row td {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  vertical-align: middle;
  --tw-text-opacity: 1;
  color: rgba(var(--color-text-2), var(--tw-text-opacity, 1));
}
.grid-component.custom-grid.dx-rtl .dx-datagrid-rowsview .dx-row *:last-child {
  border-style: none;
}
.grid-component.custom-grid.dx-rtl .dx-datagrid-rowsview .dx-row.dx-selection td, .grid-component.custom-grid.dx-rtl .dx-datagrid-rowsview .dx-row.dx-selection:hover td {
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-inactive), var(--tw-bg-opacity, 1));
}
.grid-component.custom-grid.dx-rtl .dx-datagrid-rowsview .dx-datagrid-table-fixed .dx-row td:last-child {
  border-width: 0px;
  border-right-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-body), var(--tw-border-opacity, 1));
}
.grid-component.custom-grid.dx-rtl .dx-datagrid-rowsview .dx-datagrid-table-fixed .dx-row td:last-child:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-comp), var(--tw-border-opacity, 1));
}
.grid-component.custom-grid.dx-rtl .dx-datagrid .dx-column-lines > td {
  border-style: none;
  text-align: center;
}
.grid-component.custom-grid.dx-rtl .dx-toolbar {
  background-color: transparent;
}
.grid-component.custom-grid.dx-rtl .dx-toolbar .dx-toolbar-items-container {
  height: 3rem;
}
.grid-component.custom-grid.dx-rtl .dx-toolbar .dx-toolbar-items-container .dx-group-panel-item {
  border-radius: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.grid-component.custom-grid.dx-rtl .dx-toolbar .dx-group-panel-message {
  display: flex;
  height: 3rem;
  align-items: center;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-gray), var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-inactive), var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgba(var(--color-text-1), var(--tw-text-opacity, 1));
}
.grid-component.custom-grid.dx-rtl .dx-toolbar .dx-datagrid-search-panel {
  height: 3rem;
  border-radius: 0.5rem;
  border-style: none;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-gray), var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-inactive), var(--tw-bg-opacity, 1));
}
.grid-component.custom-grid.dx-rtl .dx-toolbar .dx-datagrid-search-panel .dx-icon-search::before {
  --tw-text-opacity: 1;
  color: rgba(var(--color-icon), var(--tw-text-opacity, 1));
}
.grid-component.custom-grid.dx-rtl .dx-toolbar .dx-datagrid-search-panel .dx-texteditor-input {
  font-family: inherit;
}
.grid-component.custom-grid.dx-rtl .dx-datagrid-total-footer {
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-inactive), var(--tw-bg-opacity, 1));
}
.grid-component.custom-grid.dx-rtl .dx-datagrid-total-footer td {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-inactive), var(--tw-bg-opacity, 1));
}
.grid-component.custom-grid.dx-rtl .dx-datagrid-total-footer .dx-datagrid-summary-item {
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(var(--color-text-1), var(--tw-text-opacity, 1));
}
.grid-component.custom-grid.dx-rtl .dx-datagrid-pager {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-c--body), var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgba(var(--color-text-1), var(--tw-text-opacity, 1));
}
.grid-component.custom-grid.dx-rtl .dx-datagrid-pager .dx-page-sizes .dx-dropdowneditor {
  width: 3.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-gray), var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-body), var(--tw-bg-opacity, 1));
}
.grid-component.custom-grid.dx-rtl .dx-datagrid-pager .dx-page-sizes .dx-dropdowneditor:hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-primary), var(--tw-border-opacity, 1));
}
.grid-component.custom-grid.dx-rtl .dx-datagrid-pager .dx-page-sizes .dx-dropdowneditor .dx-texteditor-buttons-container {
  display: none;
}
.grid-component.custom-grid.dx-rtl .dx-datagrid-pager .dx-pages {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.grid-component.custom-grid.dx-rtl .dx-datagrid-pager .dx-pages .dx-page-indexes {
  margin-left: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.grid-component.custom-grid.dx-rtl .dx-datagrid-pager .dx-pages .dx-page-indexes .dx-navigate-button {
  border-radius: 0.5rem;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-primary), var(--tw-bg-opacity, 1));
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.grid-component.custom-grid.dx-rtl .dx-datagrid-pager .dx-pages .dx-page-indexes .dx-navigate-button:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgba(var(--color-black), var(--tw-text-opacity, 1));
}
.grid-component.custom-grid.dx-rtl .dx-datagrid-pager .dx-pages .dx-page-indexes .dx-page-index {
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-c--body), var(--tw-bg-opacity, 1));
}
.grid-component.custom-grid.dx-rtl .dx-datagrid-pager .dx-pages .dx-page-indexes .dx-page-index:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-gray), var(--tw-border-opacity, 1));
}
.grid-component.custom-grid.dx-rtl .dx-datagrid-pager .dx-pages .dx-page-indexes .dx-texteditor-container input {
  font-family: inherit;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-c--body), var(--tw-bg-opacity, 1));
}
.grid-component.custom-grid.dx-rtl .dx-datagrid-header-panel .dx-state-focused .dx-texteditor-input-container {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-primary), var(--tw-border-opacity, 1));
}
.grid-component.custom-grid.dx-rtl .dx-datagrid-header-panel .dx-texteditor-input-container {
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-gray), var(--tw-border-opacity, 1));
}
.grid-component.custom-grid.dx-rtl .dx-texteditor-input-container {
  border-radius: 0.75rem;
  border-style: none;
  background-image: none;
  --tw-text-opacity: 1;
  color: rgba(var(--color-text-1), var(--tw-text-opacity, 1));
}
.grid-component.custom-grid.dx-rtl .dx-texteditor-input-container:is(.dark *) {
  border-style: none;
}
.grid-component.custom-grid.dx-rtl .dx-texteditor-input-container input {
  font-family: inherit;
  border-radius: 0.75rem;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-gray), var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-inactive), var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgba(var(--color-text-1), var(--tw-text-opacity, 1));
}
.grid-component.custom-grid.dx-rtl .dx-texteditor-input-container input:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-inactive), var(--tw-border-opacity, 1));
}
.grid-component.custom-grid.dx-rtl .dx-page-sizes input {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-c--body), var(--tw-bg-opacity, 1));
}
.grid-component.custom-grid.dx-rtl .dx-scrollable-wrapper .dx-scrollable-container .dx-scrollable-content {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-c--body), var(--tw-bg-opacity, 1));
}

.date-picker_compact .pdp-input {
  height: auto !important;
  padding: 0px !important;
}
.date-picker_compact .pdp-icon {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
  padding: 0px !important;
  padding-top: 0.25rem !important;
}

body .persian-date-picker {
  position: relative;
  border-radius: 4px;
}
body .persian-date-picker label {
  position: absolute;
  pointer-events: none;
  top: 50%;
  margin-top: -0.5rem;
  transition-property: all;
  transition-timing-function: ease;
  transition-duration: 0.2s;
  line-height: 1;
  right: 1rem;
}
body .persian-date-picker.persian-date-picker__label:focus-within label {
  top: 1rem;
  font-size: 12px;
}
body .persian-date-picker.persian-date-picker__label .pdp {
  height: 50px;
}
body .persian-date-picker.persian-date-picker__label .pdp .pdp-group {
  height: 100%;
  align-items: center;
}
body .persian-date-picker.persian-date-picker__label .pdp .pdp-group .pdp-input {
  flex-grow: 1;
  padding-top: 1.5rem;
  border: none;
  border-bottom: none !important;
}
body .persian-date-picker.persian-date-picker__label .pdp .pdp-group .pdp-input:focus {
  outline: none;
}
body .persian-date-picker.onValue label {
  top: 1rem;
  font-size: 12px;
}

body .rounded-xl__force {
  border-radius: 0.75rem !important;
}

.card-with-header {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--color-c--body), var(--tw-bg-opacity, 1)) !important;
}
.card-with-header .header .v-btn__content svg {
  --tw-text-opacity: 1;
  color: rgba(var(--color-text-1), var(--tw-text-opacity, 1));
}

.dark .leaflet-layer,
.dark .leaflet-control-zoom-in,
.dark .leaflet-control-zoom-out,
.dark .leaflet-control-attribution {
  filter: invert(100%) hue-rotate(180deg) brightness(120%) contrast(100%);
}

.custom-pagination .text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(var(--color-text-1), var(--tw-text-opacity, 1));
}
.custom-pagination .current-page {
  display: block;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-inactive), var(--tw-border-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.custom-pagination .v-btn {
  height: 2rem;
}
.custom-pagination .custom-select .v-field__append-inner {
  display: none;
}
.custom-pagination .custom-select .v-field--appended {
  padding: 0.25rem;
}
.custom-pagination .custom-select .v-field--appended .v-select__selection {
  height: 100%;
}
.custom-pagination .custom-select .v-field--appended .v-field__input {
  z-index: 2;
}
.custom-pagination .custom-select .v-field__outline * {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-inactive), var(--tw-border-opacity, 1));
  opacity: 1;
}

.org-map-component .leaflet-control {
  float: none;
  padding: 0.25rem;
}

.captcha > svg {
  width: 200px !important;
  height: 80px !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
  -moz-appearance: textfield; /* Firefox */
}

.dxc-tooltip {
  z-index: 10;
}

html::-webkit-scrollbar,
*::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
html::-webkit-scrollbar-track,
*::-webkit-scrollbar-track {
  border-radius: 8px;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-inactive), var(--tw-bg-opacity, 1));
}
html::-webkit-scrollbar-thumb,
*::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 3px solid transparent;
  background-clip: content-box;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-text-2), var(--tw-bg-opacity, 1));
}

html {
  overflow-y: auto !important;
}

#emkan-megamenu .emkan-menu-btn .v-btn__overlay {
  display: none;
}
#emkan-megamenu .emkan-menu-btn .search-input input {
  min-height: 0px;
  padding: 0.5rem;
}
#emkan-megamenu .mega-menu {
  box-shadow: 0px 16px 24px 4px rgba(90, 82, 128, 0.1215686275);
}
#emkan-megamenu .mega-menu:before, #emkan-megamenu .mega-menu:after {
  display: none;
}
#emkan-megamenu .mega-menu .v-tabs .v-tab {
  height: 100%;
  border-radius: 0px;
}
#emkan-megamenu .mega-menu .v-tabs .v-tab:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-white), var(--tw-bg-opacity, 1));
}
#emkan-megamenu .mega-menu .v-tabs .v-tab:hover .v-btn__overlay {
  opacity: 0;
}
#emkan-megamenu .mega-menu .v-tabs .v-tab--selected {
  border-radius: 0px;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-white), var(--tw-bg-opacity, 1));
  font-size: 0.875rem;
  line-height: 1.25rem;
}
#emkan-megamenu .mega-menu .v-tabs .v-tab__slider {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-primary), var(--tw-bg-opacity, 1));
}
#emkan-megamenu .mega-menu {
  padding: 0px;
}
#emkan-megamenu .mega-menu .has-child {
  position: relative;
}
#emkan-megamenu .mega-menu .has-child:before {
  content: "";
  position: absolute;
  right: -0.75rem;
  top: 0.5rem;
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(238 161 58 / var(--tw-bg-opacity, 1));
}

.bottom-nav-section-responsive .v-navigation-drawer__scrim {
  display: none;
}

.bottom-nav-section .v-navigation-drawer__scrim {
  z-index: 0;
  height: 100%;
}
.bottom-nav-section .bottomNav {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-c--body), var(--tw-bg-opacity, 1));
  --tw-shadow: 0px -6px 8.199999809265137px 2px #0000000F;
  --tw-shadow-colored: 0px -6px 8.199999809265137px 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);
}
.bottom-nav-section .bottomNav .date-picker {
  height: 56px;
}
.bottom-nav-section .bottomNav .date-picker .pdp {
  height: 100%;
}
.bottom-nav-section .bottomNav .date-picker .pdp .pdp-group {
  height: 100%;
}
.bottom-nav-section .bottomNav .date-picker_compact {
  height: 40px;
}
.bottom-nav-section .bottomNav .date-picker_compact .pdp {
  height: 100%;
}
.bottom-nav-section .bottomNav .date-picker_compact .pdp .pdp-group {
  height: 100%;
}
.bottom-nav-section .bottomNav .clock-select .v-input__control {
  height: 100%;
  width: 100%;
}
.bottom-nav-section .bottomNav .clock-select .v-input__control .v-text-field .v-field__field {
  align-items: stretch;
}
.bottom-nav-section .bottomNav .clock-select .v-input__control .v-field__input {
  position: relative;
  height: 100%;
  align-items: center;
}
.bottom-nav-section .bottomNav .clock-select .v-input__control .v-field__input input {
  top: 0px;
  display: flex;
  height: 100%;
  align-items: center;
  padding: 0px;
}

.persian-date-picker {
  width: 160px;
  display: block;
}
.persian-date-picker .pdp .pdp-picker.pdp-top {
  margin-bottom: 2rem;
  box-shadow: none;
}
.persian-date-picker .pdp .pdp-picker .pdp-auto, .persian-date-picker .pdp .pdp-picker .pdp-auto > div {
  background-color: transparent !important;
}
.persian-date-picker .today, .persian-date-picker .pdp-day, .persian-date-picker .start-range {
  border-radius: 9999px !important;
}
.persian-date-picker .pdp:not(.pdp-range) .pdp-day.start-range {
  border-radius: 9999px !important;
}
.persian-date-picker .pdp-picker {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--color-body), var(--tw-bg-opacity, 1)) !important;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
}
.persian-date-picker .pdp-picker:before {
  content: "";
  position: absolute;
  filter: blur(75px);
  bottom: 100px;
  left: 50px;
  background-color: #49C087;
  width: 100px;
  height: 100px;
}
.persian-date-picker .pdp-picker:after {
  content: "";
  position: absolute;
  filter: blur(75px);
  bottom: 0;
  left: 0;
  background-color: #3DC9F5;
  width: 100px;
  height: 100px;
}

.persian-date-picker .pdp .pdp-group {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray), var(--tw-bg-opacity, 1));
  padding: 4px;
  transition: all 0.2s;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: normal;
  display: flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-direction: row-reverse;
}
.persian-date-picker .pdp .pdp-group .pdp-icon {
  background: none !important;
  border: none;
  order: 2;
  padding-top: 0.75rem;
  padding-left: 0px;
}
.persian-date-picker .pdp .pdp-group .pdp-input {
  border: none;
  padding: 1.5rem 0.75rem;
  line-height: 0;
  background: transparent;
  width: 1px;
  flex: 1 1 auto;
}
.persian-date-picker .pdp .pdp-group .pdp-input.pdp-focus {
  border: none;
}

.dark .persian-date-picker .pdp .pdp-group {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-text-2), var(--tw-bg-opacity, 1));
}
.dark .persian-date-picker .pdp .pdp-group .pdp-input {
  --tw-text-opacity: 1;
  color: rgba(var(--color-icon), var(--tw-text-opacity, 1));
}
.dark .persian-date-picker .pdp .pdp-group .pdp-icon * {
  --tw-text-opacity: 1;
  color: rgba(var(--color-icon), var(--tw-text-opacity, 1));
}
.dark .persian-date-picker .pdp .pdp-picker {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-text-2), var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.dark .persian-date-picker .pdp .pdp-picker .pdp-header .bottom button {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.dark .persian-date-picker .pdp .pdp-picker .pdp-header .bottom button svg {
  fill: #fff;
}
.dark .persian-date-picker .pdp .pdp-picker .pdp-shortcut * {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.dark .persian-date-picker .pdp .pdp-picker .pdp-shortcut *:hover {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.select-server .v-field__append-inner .v-icon {
  display: none;
}
.select-server .v-field {
  height: 3rem;
}
.select-server .v-field .v-field__input {
  min-height: 0px;
  padding: 0.5rem;
}

.side-menu {
  position: relative;
  overflow: auto;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.side-menu:before {
  content: "";
  position: absolute;
  bottom: 0.5rem;
  right: -1.5rem;
  height: 5rem;
  width: 5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(45 236 202 / var(--tw-bg-opacity, 1));
  --tw-blur: blur(70px);
  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);
}
.side-menu:after {
  content: "";
  position: absolute;
  bottom: 11rem;
  right: -1.5rem;
  height: 5rem;
  width: 5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(3 230 249 / var(--tw-bg-opacity, 1));
  --tw-blur: blur(70px);
  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);
}
.side-menu .iconify {
  --tw-text-opacity: 1;
  color: rgba(var(--color-text-1), var(--tw-text-opacity, 1));
}

.weather-status {
  display: flex;
  align-items: center;
  justify-content: center;
}
.weather-status .sunny {
  position: relative;
  width: 100%;
  height: 100%;
}
.weather-status .sunny:before,
.weather-status .partly_cloudy__sun:before {
  content: "";
  position: absolute;
  height: 80%;
  width: 80%;
  top: 10%;
  right: 10%;
  border-radius: 50%;
  z-index: 2;
  background-color: #f1c40f;
  background-image: radial-gradient(#f1c40f, #f39c12);
  box-shadow: 0 0 25px #917508;
}
.weather-status .sunny:after,
.weather-status .partly_cloudy__sun:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  z-index: 1;
  background-color: #f39c12;
  will-change: opacity, transform;
  animation: fadeIn 2s linear infinite reverse, scaleDown 2s linear infinite reverse;
}
.weather-status .cloudy {
  position: relative;
  width: 100%;
  height: 100%;
}
.weather-status .cloudy:before,
.weather-status .partly_cloudy__cloud:before,
.weather-status .rainy__cloud:before,
.weather-status .thundery__cloud:before {
  content: "";
  position: absolute;
  height: 40%;
  width: 40%;
  top: 30%;
  right: 0%;
  border-radius: 50%;
  border-bottom-left-radius: 0;
  z-index: 2;
  background-color: #ecf0f1;
  background-image: radial-gradient(#ecf0f1, #bdc3c7);
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
}
.weather-status .cloudy:after,
.weather-status .partly_cloudy__cloud:after,
.weather-status .rainy__cloud:after,
.weather-status .thundery__cloud:after {
  content: "";
  position: absolute;
  height: 60%;
  width: 70%;
  top: 10%;
  right: 30%;
  border-radius: 50%;
  border-bottom-right-radius: 0;
  z-index: 1;
  background-color: #ecf0f1;
  background-image: radial-gradient(#ecf0f1, #bdc3c7);
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
}
.weather-status .partly_cloudy {
  position: relative;
  width: 100%;
  height: 100%;
}
.weather-status .partly_cloudy__sun {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.weather-status .partly_cloudy__cloud {
  position: absolute;
  width: 60%;
  height: 60%;
  top: 40%;
  z-index: 2;
  will-change: transform;
  animation: translateUp 2s linear infinite alternate;
}
.weather-status .rainy,
.weather-status .thundery {
  position: relative;
  width: 100%;
  height: 100%;
}
.weather-status .rainy__cloud,
.weather-status .thundery__cloud {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 2;
}
.weather-status .rainy__cloud:before,
.weather-status .thundery__cloud:before {
  background-color: #95a5a6;
  background-image: radial-gradient(#95a5a6, #7f8c8d);
}
.weather-status .rainy__cloud:after,
.weather-status .thundery__cloud:after {
  background-color: #95a5a6;
  background-image: radial-gradient(#95a5a6, #7f8c8d);
}
.weather-status .rainy__rain,
.weather-status .thundery__rain {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
  overflow: hidden;
}
.weather-status .rainy__rain:before,
.weather-status .thundery__rain:before {
  content: "";
  position: absolute;
  height: 80%;
  width: 20%;
  top: 20%;
  right: 50%;
  z-index: 1;
  background-image: linear-gradient(transparent, #94cdd1);
  will-change: opacity, transform;
  animation: fadeIn 1s ease-out infinite reverse, scaleUp 1s ease-out infinite;
}
.weather-status .rainy__rain:after,
.weather-status .thundery__rain:after {
  content: "";
  position: absolute;
  height: 60%;
  width: 20%;
  top: 40%;
  right: 20%;
  z-index: 1;
  opacity: 0;
  background-image: linear-gradient(transparent, #94cdd1);
  will-change: opacity, transform;
  animation: fadeIn 2s ease-out 0.4s infinite reverse, scaleUp 2s ease-out 0.4s infinite;
}
.weather-status .thundery__cloud:before {
  background-color: #4d5656;
  background-image: radial-gradient(#4d5656, #393c3c);
  animation: thunder 4s linear 0.02s infinite alternate;
}
.weather-status .thundery__cloud:after {
  background-color: #4d5656;
  background-image: radial-gradient(#4d5656, #393c3c);
  animation: thunder 4s linear infinite alternate;
}
.weather-status .thundery__rain:before {
  animation: fadeIn 0.5s ease-out infinite reverse, scaleUp 0.5s ease-out infinite;
}
.weather-status .thundery__rain:after {
  animation: fadeIn 0.75s ease-out 0.2s infinite reverse, scaleUp 0.75s ease-out 0.2s infinite;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes scaleDown {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}
@keyframes translateUp {
  0% {
    transform: translatey(15%);
  }
  100% {
    transform: translatey(0);
  }
}
@keyframes scaleUp {
  0% {
    transform: scaley(0);
  }
  100% {
    transform: scaley(1);
  }
}
@keyframes thunder {
  0% {
    box-shadow: 0 0 25px #fff;
  }
  2% {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  }
  49% {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  }
  50% {
    box-shadow: 0 0 25px #fff;
  }
  52% {
    box-shadow: 0 0 25px #f7db6e;
  }
  53% {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  }
  69% {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  }
  70% {
    box-shadow: 0 0 25px #fff;
  }
  71% {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  }
  75% {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  }
  76% {
    box-shadow: 0 0 25px #fff;
  }
  77% {
    box-shadow: 0 0 25px #a8d3f0;
  }
  78% {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  }
  100% {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  }
}

.map {
  height: 65vh;
  fill: #fff;
  stroke: rgba(var(--color-gray), 1);
}
.map path {
  transform-box: border-box;
  z-index: 2;
  transition: 0.6s all;
}
.map path:hover {
  fill: rgba(var(--color-primary), 0.2);
}
.map-active {
  fill: rgba(var(--color-primary), 1);
}

.hourly-chart-tooltip {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-gray), var(--tw-border-opacity, 1));
}
.hourly-chart-tooltip .tooltip-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.75rem;
  padding: 0.75rem;
}

.ltr {
  direction: ltr;
}

.rtl {
  direction: rtl;
}

.icon {
  -webkit-text-stroke: 0.1px;
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: inherit;
}
.icon.size-xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.icon.size-lg {
  font-size: 1.5rem;
  line-height: 2rem;
}
.icon.size-md {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.icon.size-base {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.icon.size-sm {
  font-size: 1rem;
  line-height: 1.5rem;
}

.stroke-1 > * {
  stroke-width: 1.5px;
}

.login-layout .v-field {
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-gray), var(--tw-border-opacity, 1));
}
.login-layout .v-field .v-field__append-inner {
  --tw-text-opacity: 1;
  color: rgba(var(--color-icon), var(--tw-text-opacity, 1));
}

.emkan-right-menu .v-autocomplete .v-field.v-field.v-field--error,
.emkan-right-menu .v-combobox .v-field.v-field.v-field--error {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-danger), var(--tw-border-opacity, 1));
}
.emkan-right-menu .v-checkbox .v-selection-control__wrapper {
  height: 2rem;
}
.emkan-right-menu .v-checkbox .v-selection-control {
  min-height: 0px;
}
.emkan-right-menu .v-checkbox .v-label {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(var(--color-text-2), var(--tw-text-opacity, 1));
}

.network-view .v-expansion-panel__shadow {
  display: none;
}
.network-view .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table.dx-datagrid-table-fixed .dx-row td.dx-pointer-events-none {
  border-right-width: 0px;
}
.network-view .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table.dx-datagrid-table-fixed .dx-row td.dx-pointer-events-none:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(47 51 56 / var(--tw-border-opacity, 1));
}

.permissions .filters .v-field {
  height: 3.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-gray), var(--tw-border-opacity, 1));
}

.permissions .filters .v-field:is(.dark *) {
  border-style: none;
}
.permissions .filters .custom-autocomplete {
  display: flex;
  width: 100%;
}
.permissions .filters .custom-autocomplete .v-field__field {
  align-items: center;
}
.permissions .filters .custom-autocomplete .v-input__control {
  height: 100%;
  width: 100%;
}
.permissions .filters .custom-autocomplete .v-input__control .v-field__input {
  flex-wrap: nowrap;
}
.permissions .filters .v-input .v-field__prepend-inner {
  --tw-text-opacity: 1;
  color: rgba(var(--color-icon), var(--tw-text-opacity, 1));
}
.permissions .custom-grid .dx-rtl .dx-datagrid-headers td {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-c--body), var(--tw-bg-opacity, 1));
}
.permissions .custom-grid .dx-datagrid-content td:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-c--body), var(--tw-bg-opacity, 1));
}
.permissions .custom-grid .dx-rtl .dx-datagrid-pager {
  position: absolute;
  top: 100%;
  right: 0px;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-body), var(--tw-bg-opacity, 1));
  padding: 0px;
}
.permissions .custom-grid .dx-rtl .dx-datagrid-pager .dx-page-sizes, .permissions .custom-grid .dx-rtl .dx-datagrid-pager .dx-pages {
  display: none;
}
.permissions .custom-grid .dx-rtl .dx-datagrid-pager .excel-export {
  position: absolute;
  right: 0px;
  top: 0px;
}

.leaflet-control-attribution {
  display: none;
}

.profile-page .reports-tab .custom-grid .dx-datagrid-header-panel, .profile-page .users-tab .custom-grid .dx-datagrid-header-panel, .profile-page .sessions-tab .custom-grid .dx-datagrid-header-panel, .profile-page .meets .custom-grid .dx-datagrid-header-panel {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-c--body), var(--tw-bg-opacity, 1));
}
.profile-page .reports-tab .custom-grid .dx-datagrid-headers td, .profile-page .users-tab .custom-grid .dx-datagrid-headers td, .profile-page .sessions-tab .custom-grid .dx-datagrid-headers td, .profile-page .meets .custom-grid .dx-datagrid-headers td {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-c--body), var(--tw-bg-opacity, 1));
}
.profile-page .reports-tab .custom-grid .dx-rtl .dx-datagrid-pager, .profile-page .users-tab .custom-grid .dx-rtl .dx-datagrid-pager, .profile-page .sessions-tab .custom-grid .dx-rtl .dx-datagrid-pager, .profile-page .meets .custom-grid .dx-rtl .dx-datagrid-pager {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-c--body), var(--tw-bg-opacity, 1));
}
.profile-page .meets .custom-grid .dx-rtl .dx-datagrid-rowsview .dx-row td, .profile-page .users-tab .custom-grid .dx-rtl .dx-datagrid-rowsview .dx-row td {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-inactive), var(--tw-bg-opacity, 1));
}
.profile-page .users-tab .dx-rtl .dx-datagrid-pager {
  position: absolute;
  top: 100%;
  right: 0px;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-body), var(--tw-bg-opacity, 1));
  padding: 0px;
}
.profile-page .users-tab .dx-rtl .dx-datagrid-pager .dx-page-sizes, .profile-page .users-tab .dx-rtl .dx-datagrid-pager .dx-pages {
  display: none;
}
.profile-page .users-tab .dx-rtl .dx-datagrid-pager .excel-export {
  position: absolute;
  right: 0px;
  top: 0px;
}
.profile-page .reports-tab .custom-grid .dx-toolbar-items-container, .profile-page .users-tab .custom-grid .dx-toolbar-items-container, .profile-page .sessions-tab .custom-grid .dx-toolbar-items-container {
  display: flex;
  align-items: center;
  gap: 0px;
}
.profile-page .reports-tab .custom-grid .dx-toolbar-items-container .dx-toolbar-before, .profile-page .users-tab .custom-grid .dx-toolbar-items-container .dx-toolbar-before, .profile-page .sessions-tab .custom-grid .dx-toolbar-items-container .dx-toolbar-before {
  position: static;
  display: flex;
  flex-grow: 1;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
}
.profile-page .reports-tab .custom-grid .dx-toolbar-items-container .dx-toolbar-before .v-field__prepend-inner, .profile-page .users-tab .custom-grid .dx-toolbar-items-container .dx-toolbar-before .v-field__prepend-inner, .profile-page .sessions-tab .custom-grid .dx-toolbar-items-container .dx-toolbar-before .v-field__prepend-inner {
  --tw-text-opacity: 1;
  color: rgba(var(--color-icon), var(--tw-text-opacity, 1));
}
.profile-page .reports-tab .custom-grid .dx-toolbar-items-container .dx-toolbar-before .date .v-input__control, .profile-page .users-tab .custom-grid .dx-toolbar-items-container .dx-toolbar-before .date .v-input__control, .profile-page .sessions-tab .custom-grid .dx-toolbar-items-container .dx-toolbar-before .date .v-input__control {
  display: flex;
  height: 100%;
  width: 100%;
}
.profile-page .reports-tab .custom-grid .dx-toolbar-items-container .dx-toolbar-before .date .v-input__control .v-field__input, .profile-page .users-tab .custom-grid .dx-toolbar-items-container .dx-toolbar-before .date .v-input__control .v-field__input, .profile-page .sessions-tab .custom-grid .dx-toolbar-items-container .dx-toolbar-before .date .v-input__control .v-field__input {
  height: 100%;
}
.profile-page .reports-tab .custom-grid .dx-toolbar-items-container .dx-toolbar-before .date .v-input__control .v-field__input input, .profile-page .users-tab .custom-grid .dx-toolbar-items-container .dx-toolbar-before .date .v-input__control .v-field__input input, .profile-page .sessions-tab .custom-grid .dx-toolbar-items-container .dx-toolbar-before .date .v-input__control .v-field__input input {
  font-family: inherit;
}
.profile-page .reports-tab .custom-grid .dx-toolbar-items-container .dx-toolbar-after, .profile-page .users-tab .custom-grid .dx-toolbar-items-container .dx-toolbar-after, .profile-page .sessions-tab .custom-grid .dx-toolbar-items-container .dx-toolbar-after {
  position: static;
  padding: 0px;
}

.leaflet-container img.leaflet-tile {
  mix-blend-mode: unset !important;
}

#map {
  overflow: hidden;
  width: 100vw;
  height: calc(100vh - 100px);
  background: #F2EFE9;
}

.dark #map {
  background: #16130C;
}

/* display none scroll */
/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.permission-dialog .v-autocomplete .v-field.v-field, .permission-dialog .v-text-field .v-field.v-field {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-gray), var(--tw-border-opacity, 1));
}
.permission-dialog .v-tabs .v-tab__slider {
  height: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-primary), var(--tw-bg-opacity, 1));
}
.permission-dialog .v-tabs .v-tab--selected {
  border-style: none;
}
.permission-dialog .v-tabs .v-tab--selected .v-selection-control .v-label {
  --tw-text-opacity: 1;
  color: rgba(var(--color-text-1), var(--tw-text-opacity, 1));
  opacity: 1;
}
.permission-dialog .v-expansion-panels .v-selection-control .v-label {
  --tw-text-opacity: 1;
  color: rgba(var(--color-text-1), var(--tw-text-opacity, 1));
  opacity: 1;
}

.news-page .grid-component.custom-grid .dx-datagrid-headers td {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-white), var(--tw-bg-opacity, 1));
}
.news-page .grid-component.custom-grid .dx-datagrid-content tr td {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-inactive), var(--tw-bg-opacity, 1));
}
.news-page .grid-component.custom-grid .dx-datagrid-pager {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-white), var(--tw-bg-opacity, 1));
}

.introjs-tooltip {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--color-c--body), var(--tw-bg-opacity, 1)) !important;
}
.introjs-tooltip [lang=fa] * {
  font-family: "IranSans" !important;
}
.introjs-arrow {
  --tw-border-opacity: 1 !important;
  border-top-color: rgba(var(--color-c--body), var(--tw-border-opacity, 1)) !important;
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
  --tw-text-opacity: 1 !important;
  color: rgba(var(--color-text-2), var(--tw-text-opacity, 1)) !important;
}

div.leaflet-popup-content {
  direction: rtl;
  width: auto !important;
  min-width: 50px !important;
  margin: 0;
}

div.leaflet-popup-content-wrapper {
  background: transparent;
  box-shadow: none;
}

div.leaflet-popup-close-button {
  display: none;
}

.userOrg .v-input__control {
  width: 100%;
}

.userPermission .v-expansion-panel-title {
  padding-top: 0px;
  padding-bottom: 0px;
}

.permissions .v-input__control {
  height: 56px;
}

.ag-header-cell-label {
  display: flex;
  justify-content: center;
}

.expansionNopadding .v-expansion-panel-text__wrapper {
  padding: unset !important;
}

.ql-editor {
  direction: rtl;
  text-align: right !important;
}

.network-view {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-body), var(--tw-bg-opacity, 1));
}

.network-view:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-body), var(--tw-bg-opacity, 1));
}
.network-view .expansion .v-expansion-panel__shadow {
  --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);
}
.network-view .table-search .v-input__control {
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray), var(--tw-bg-opacity, 1));
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1019607843) inset;
}
.network-view .table-search .v-input__control .v-field__outline {
  border-radius: 0.75rem;
}
.network-view .table-search .v-input__control .v-field__outline * {
  border-style: none;
}
.network-view .pagination .v-text-field .v-field--single-line input {
  height: 2.5rem;
  min-height: 0px;
  width: 2.5rem;
  padding: 0px;
  text-align: center;
}
.network-view .pagination .v-field__input {
  height: 2.5rem;
  min-height: 0px;
  padding: 0.25rem;
}

.ltr .side-menu:before {
  left: -1.5rem;
}
.ltr .side-menu:after {
  left: -1.5rem;
}

.ag-watermark {
  display: none !important;
  visibility: hidden !important;
}

@layer reset {
  /* Box sizing rules */
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  /* Prevent font size inflation */
  html {
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
  }
  /* Remove default margin in favour of better control in authored CSS */
  body, h1, h2, h3, h4, p,
  figure, blockquote, dl, dd {
    margin-block-end: 0;
    margin: unset;
  }
  /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
  ul[role=list],
  ol[role=list] {
    list-style: none;
  }
  /* Set core body defaults */
  body {
    min-height: 100vh;
    line-height: 1.5;
  }
  /* Set shorter line heights on headings only.
     Vuetify 4 styles its form controls inside a CSS layer. Applying this rule to
     every input, button and label outside that layer overrides its sizing and
     alignment rules. */
  h1, h2, h3, h4 {
    line-height: 1.1;
  }
  /* Balance text wrapping on headings */
  h1, h2,
  h3, h4 {
    text-wrap: balance;
  }
  /* A elements that don't have a class get default styles */
  a:not([class]) {
    -webkit-text-decoration-skip: ink;
            text-decoration-skip-ink: auto;
    color: currentColor;
  }
  /* Make images easier to work with */
  img,
  picture {
    max-width: 100%;
    display: block;
  }
  /* Make sure textareas without a rows attribute are not tiny */
  textarea:not([rows]) {
    min-height: 10em;
  }
  /* Anything that has been anchored to should have extra scroll margin */
  :target {
    scroll-margin-block: 5ex;
  }
}/**
 * Swiper 14.0.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 20, 2026
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-slides-offset-before);
      scroll-margin-inline-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-inline-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-slides-offset-before);
      scroll-margin-block-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-block-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: "";
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
@keyframes leaflet-gestures-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.leaflet-container:after {
  animation: leaflet-gestures-fadein 0.8s backwards;
  color: #fff;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 22px;
  justify-content: center;
  display: flex;
  align-items: center;
  padding: 15px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 461;
  pointer-events: none; }

.leaflet-gesture-handling-touch-warning:after,
.leaflet-gesture-handling-scroll-warning:after {
  animation: leaflet-gestures-fadein 0.8s forwards; }

.leaflet-gesture-handling-touch-warning:after {
  content: attr(data-gesture-handling-touch-content); }

.leaflet-gesture-handling-scroll-warning:after {
  content: attr(data-gesture-handling-scroll-content); }
.leaflet-cluster-anim .leaflet-marker-icon,.leaflet-cluster-anim .leaflet-marker-shadow{transition:transform .3s ease-out,opacity .3s ease-in}.leaflet-cluster-spider-leg{transition:stroke-dashoffset .3s ease-out,stroke-opacity .3s ease-in}.marker-cluster-small{background-color:#b5e28c99}.marker-cluster-small div{background-color:#6ecc3999}.marker-cluster-medium{background-color:#f1d35799}.marker-cluster-medium div{background-color:#f0c20c99}.marker-cluster-large{background-color:#fd9c7399}.marker-cluster-large div{background-color:#f1801799}.leaflet-oldie .marker-cluster-small{background-color:#b5e28c}.leaflet-oldie .marker-cluster-small div{background-color:#6ecc39}.leaflet-oldie .marker-cluster-medium{background-color:#f1d357}.leaflet-oldie .marker-cluster-medium div{background-color:#f0c20c}.leaflet-oldie .marker-cluster-large{background-color:#fd9c73}.leaflet-oldie .marker-cluster-large div{background-color:#f18017}.marker-cluster{background-clip:padding-box;border-radius:20px}.marker-cluster div{width:30px;height:30px;margin-left:5px;margin-top:5px;text-align:center;border-radius:15px;font:12px Helvetica Neue,Arial,Helvetica,sans-serif}.marker-cluster span{line-height:30px}