*, ::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:  
}
.tw-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}
.tw-fixed {
    position: fixed
}
.tw-absolute {
    position: absolute
}
.tw-relative {
    position: relative
}
.tw-sticky {
    position: sticky
}
.tw-inset-0 {
    inset: 0px
}
.-tw-top-3 {
    top: -0.75rem
}
.tw-left-0 {
    left: 0px
}
.tw-left-1\/2 {
    left: 50%
}
.tw-left-\[calc\(50\%-10px\)\] {
    left: calc(50% - 10px)
}
.tw-left-\[calc\(50\%_-_36px\)\] {
    left: calc(50% - 36px)
}
.tw-right-4 {
    right: 1rem
}
.tw-top-0 {
    top: 0px
}
.tw-top-1\/2 {
    top: 50%
}
.tw-top-4 {
    top: 1rem
}
.tw-top-\[calc\(50\%-12px\)\] {
    top: calc(50% - 12px)
}
.tw-z-10 {
    z-index: 10
}
.tw-z-\[340\] {
    z-index: 340
}
.tw-z-\[5\] {
    z-index: 5
}
.tw-m-0 {
    margin: 0px
}
.tw-my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}
.tw-my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem
}
.tw-mb-1 {
    margin-bottom: 0.25rem
}
.tw-mb-16 {
    margin-bottom: 4rem
}
.tw-mb-2 {
    margin-bottom: 0.5rem
}
.tw-mb-4 {
    margin-bottom: 1rem
}
.tw-ml-2 {
    margin-left: 0.5rem
}
.tw-mt-0\.5 {
    margin-top: 0.125rem
}
.tw-mt-1 {
    margin-top: 0.25rem
}
.tw-mt-2 {
    margin-top: 0.5rem
}
.tw-line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}
.tw-line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}
.tw-flex {
    display: flex
}
.tw-grid {
    display: grid
}
.tw-aspect-\[3\/2\] {
    aspect-ratio: 3/2
}
.tw-aspect-video {
    aspect-ratio: 16 / 9
}
.tw-h-10 {
    height: 2.5rem
}
.tw-h-5 {
    height: 1.25rem
}
.tw-h-\[40px\] {
    height: 40px
}
.tw-h-fit {
    height: -moz-fit-content;
    height: fit-content
}
.tw-h-full {
    height: 100%
}
.tw-max-h-0 {
    max-height: 0px
}
.tw-max-h-\[150px\] {
    max-height: 150px
}
.tw-max-h-\[80vh\] {
    max-height: 80vh
}
.tw-min-h-\[350px\] {
    min-height: 350px
}
.tw-w-10 {
    width: 2.5rem
}
.tw-w-5 {
    width: 1.25rem
}
.tw-w-\[105px\] {
    width: 105px
}
.tw-w-\[200px\] {
    width: 200px
}
.tw-w-\[calc\(100\%-32px\)\] {
    width: calc(100% - 32px)
}
.tw-w-\[calc\(100\%_-_48px\)\] {
    width: calc(100% - 48px)
}
.tw-w-full {
    width: 100%
}
.tw-min-w-0 {
    min-width: 0px
}
.tw-min-w-\[100px\] {
    min-width: 100px
}
.tw-min-w-\[175px\] {
    min-width: 175px
}
.tw-min-w-\[180px\] {
    min-width: 180px
}
.tw-max-w-\[350px\] {
    max-width: 350px
}
.tw-max-w-\[400px\] {
    max-width: 400px
}
.tw-max-w-\[600px\] {
    max-width: 600px
}
.tw-max-w-\[800px\] {
    max-width: 800px
}
.tw-flex-1 {
    flex: 1 1 0%
}
.tw-flex-none {
    flex: none
}
.tw-flex-shrink-0 {
    flex-shrink: 0
}
.tw-flex-grow {
    flex-grow: 1
}
.-tw-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-tw-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.tw-cursor-pointer {
    cursor: pointer
}
.tw-list-none {
    list-style-type: none
}
.tw-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}
.tw-flex-row {
    flex-direction: row
}
.tw-flex-col {
    flex-direction: column
}
.tw-items-start {
    align-items: flex-start
}
.tw-items-end {
    align-items: flex-end
}
.tw-items-center {
    align-items: center
}
.tw-justify-start {
    justify-content: flex-start
}
.tw-justify-end {
    justify-content: flex-end
}
.tw-justify-center {
    justify-content: center
}
.tw-justify-between {
    justify-content: space-between
}
.tw-gap-1 {
    gap: 0.25rem
}
.tw-gap-2 {
    gap: 0.5rem
}
.tw-gap-3 {
    gap: 0.75rem
}
.tw-gap-4 {
    gap: 1rem
}
.tw-gap-6 {
    gap: 1.5rem
}
.tw-gap-8 {
    gap: 2rem
}
.tw-gap-\[1px\] {
    gap: 1px
}
.tw-space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
}
.tw-overflow-hidden {
    overflow: hidden
}
.tw-overflow-x-auto {
    overflow-x: auto
}
.tw-overflow-y-auto {
    overflow-y: auto
}
.tw-overflow-x-hidden {
    overflow-x: hidden
}
.tw-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.tw-text-ellipsis {
    text-overflow: ellipsis
}
.tw-whitespace-nowrap {
    white-space: nowrap
}
.tw-text-nowrap {
    text-wrap: nowrap
}
.tw-rounded {
    border-radius: 0.25rem
}
.tw-rounded-\[4px\] {
    border-radius: 4px
}
.tw-rounded-full {
    border-radius: 9999px
}
.tw-rounded-lg {
    border-radius: 0.5rem
}
.tw-rounded-md {
    border-radius: 0.375rem
}
.tw-rounded-sm {
    border-radius: 0.125rem
}
.tw-rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem
}
.tw-rounded-b-none {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px
}
.tw-rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem
}
.tw-border {
    border-width: 1px
}
.tw-border-0 {
    border-width: 0px
}
.tw-border-b-2 {
    border-bottom-width: 2px
}
.tw-border-t {
    border-top-width: 1px
}
.tw-border-solid {
    border-style: solid
}
.tw-border-\[\#DFDFDF\] {
    --tw-border-opacity: 1;
    border-color: rgb(223 223 223 / var(--tw-border-opacity, 1))
}
.tw-border-\[\#F5F5F5\] {
    --tw-border-opacity: 1;
    border-color: rgb(245 245 245 / var(--tw-border-opacity, 1))
}
.tw-border-\[\#dfdfdf\] {
    --tw-border-opacity: 1;
    border-color: rgb(223 223 223 / var(--tw-border-opacity, 1))
}
.tw-border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1))
}
.tw-border-primary {
    --tw-border-opacity: 1;
    border-color: rgb(244 175 28 / var(--tw-border-opacity, 1))
}
.tw-border-secondary {
    --tw-border-opacity: 1;
    border-color: rgb(76 133 160 / var(--tw-border-opacity, 1))
}
.tw-border-t-\[\#DFDFDF\] {
    --tw-border-opacity: 1;
    border-top-color: rgb(223 223 223 / var(--tw-border-opacity, 1))
}
.tw-border-t-\[\#EAEAEA\] {
    --tw-border-opacity: 1;
    border-top-color: rgb(234 234 234 / var(--tw-border-opacity, 1))
}
.tw-bg-\[\#F5F5F5\] {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1))
}
.tw-bg-\[\#FAFAFA\] {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1))
}
.tw-bg-\[\#dfdfdf\] {
    --tw-bg-opacity: 1;
    background-color: rgb(223 223 223 / var(--tw-bg-opacity, 1))
}
.tw-bg-\[\#f5f5f5\] {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1))
}
.tw-bg-\[\#fafafa\] {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1))
}
.tw-bg-\[rgba\(228\,155\,0\,0\.08\)\] {
    background-color: rgba(228,155,0,0.08)
}
.tw-bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(244 175 28 / var(--tw-bg-opacity, 1))
}
.tw-bg-secondary {
    --tw-bg-opacity: 1;
    background-color: rgb(76 133 160 / var(--tw-bg-opacity, 1))
}
.tw-bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}
.tw-bg-white\/80 {
    background-color: rgb(255 255 255 / 0.8)
}
.tw-bg-opacity-60 {
    --tw-bg-opacity: 0.6
}
.tw-object-cover {
    -o-object-fit: cover;
       object-fit: cover
}
.tw-object-center {
    -o-object-position: center;
       object-position: center
}
.tw-p-0 {
    padding: 0px
}
.tw-p-1 {
    padding: 0.25rem
}
.tw-p-2 {
    padding: 0.5rem
}
.tw-p-3 {
    padding: 0.75rem
}
.tw-p-4 {
    padding: 1rem
}
.tw-p-6 {
    padding: 1.5rem
}
.tw-px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem
}
.tw-px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem
}
.tw-px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem
}
.tw-px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}
.tw-px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}
.tw-py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem
}
.tw-py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}
.tw-py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem
}
.tw-py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}
.tw-py-\[3px\] {
    padding-top: 3px;
    padding-bottom: 3px
}
.tw-pb-3 {
    padding-bottom: 0.75rem
}
.tw-pb-4 {
    padding-bottom: 1rem
}
.tw-pb-8 {
    padding-bottom: 2rem
}
.tw-pl-3 {
    padding-left: 0.75rem
}
.tw-pl-4 {
    padding-left: 1rem
}
.tw-pr-2 {
    padding-right: 0.5rem
}
.tw-pt-0 {
    padding-top: 0px
}
.tw-pt-4 {
    padding-top: 1rem
}
.tw-pt-5 {
    padding-top: 1.25rem
}
.tw-pt-6 {
    padding-top: 1.5rem
}
.tw-text-left {
    text-align: left
}
.tw-text-center {
    text-align: center
}
.tw-text-right {
    text-align: right
}
.tw-text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}
.tw-text-\[10px\] {
    font-size: 10px
}
.tw-text-\[13px\] {
    font-size: 13px
}
.tw-text-base {
    font-size: 1rem;
    line-height: 1.5rem
}
.tw-text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem
}
.tw-text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}
.tw-text-xs {
    font-size: 0.75rem;
    line-height: 1rem
}
.tw-font-bold {
    font-weight: 700
}
.tw-font-normal {
    font-weight: 400
}
.tw-leading-4 {
    line-height: 1rem
}
.tw-leading-5 {
    line-height: 1.25rem
}
.tw-leading-6 {
    line-height: 1.5rem
}
.tw-leading-\[20px\] {
    line-height: 20px
}
.tw-leading-none {
    line-height: 1
}
.tw-leading-normal {
    line-height: 1.5
}
.tw-leading-tight {
    line-height: 1.25
}
.tw-text-\[\#919191\] {
    --tw-text-opacity: 1;
    color: rgb(145 145 145 / var(--tw-text-opacity, 1))
}
.tw-text-\[rgba\(228\,155\,0\,1\)\] {
    color: rgba(228,155,0,1)
}
.tw-text-base-400 {
    color: var(--base-400)
}
.tw-text-current {
    color: currentColor
}
.tw-text-secondary {
    --tw-text-opacity: 1;
    color: rgb(76 133 160 / var(--tw-text-opacity, 1))
}
.tw-text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.tw-opacity-0 {
    opacity: 0
}
.tw-opacity-100 {
    opacity: 1
}
.tw-shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.tw-backdrop-blur-\[3px\] {
    --tw-backdrop-blur: blur(3px);
    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)
}
.tw-transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.tw-transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.tw-duration-300 {
    transition-duration: 300ms
}
.tw-ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
}
.\[-ms-overflow-style\:none\] {
    -ms-overflow-style: none
}
.\[scrollbar-width\:none\] {
    scrollbar-width: none
}
.last\:tw-rounded-r-\[4px\]:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}
.hover\:tw-text-current:hover {
    color: currentColor
}
.hover\:tw-no-underline:hover {
    text-decoration-line: none
}
.focus\:tw-text-current:focus {
    color: currentColor
}
.focus\:tw-no-underline:focus {
    text-decoration-line: none
}
.active\:tw-text-current:active {
    color: currentColor
}
.active\:tw-no-underline:active {
    text-decoration-line: none
}
.dark\:tw-border-\[\#323232\]:is(.tw-dark-theme *) {
    --tw-border-opacity: 1;
    border-color: rgb(50 50 50 / var(--tw-border-opacity, 1))
}
.dark\:tw-border-\[\#656565\]:is(.tw-dark-theme *) {
    --tw-border-opacity: 1;
    border-color: rgb(101 101 101 / var(--tw-border-opacity, 1))
}
.dark\:tw-border-\[\#8b8a8a\]:is(.tw-dark-theme *) {
    --tw-border-opacity: 1;
    border-color: rgb(139 138 138 / var(--tw-border-opacity, 1))
}
.dark\:tw-border-gray-800:is(.tw-dark-theme *) {
    --tw-border-opacity: 1;
    border-color: rgb(31 41 55 / var(--tw-border-opacity, 1))
}
.dark\:tw-border-t-\[\#656565\]:is(.tw-dark-theme *) {
    --tw-border-opacity: 1;
    border-top-color: rgb(101 101 101 / var(--tw-border-opacity, 1))
}
.dark\:tw-bg-\[\#131313\]:is(.tw-dark-theme *) {
    --tw-bg-opacity: 1;
    background-color: rgb(19 19 19 / var(--tw-bg-opacity, 1))
}
.dark\:tw-bg-\[\#131313\]\/80:is(.tw-dark-theme *) {
    background-color: rgb(19 19 19 / 0.8)
}
.dark\:tw-bg-\[\#1d1d1d\]:is(.tw-dark-theme *) {
    --tw-bg-opacity: 1;
    background-color: rgb(29 29 29 / var(--tw-bg-opacity, 1))
}
.dark\:tw-bg-\[\#292929\]:is(.tw-dark-theme *) {
    --tw-bg-opacity: 1;
    background-color: rgb(41 41 41 / var(--tw-bg-opacity, 1))
}
.dark\:tw-bg-\[\#323232\]:is(.tw-dark-theme *) {
    --tw-bg-opacity: 1;
    background-color: rgb(50 50 50 / var(--tw-bg-opacity, 1))
}
.dark\:tw-bg-opacity-60:is(.tw-dark-theme *) {
    --tw-bg-opacity: 0.6
}
.dark\:tw-text-\[\#8b8a8a\]:is(.tw-dark-theme *) {
    --tw-text-opacity: 1;
    color: rgb(139 138 138 / var(--tw-text-opacity, 1))
}
.dark\:tw-backdrop-blur-\[3px\]:is(.tw-dark-theme *) {
    --tw-backdrop-blur: blur(3px);
    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)
}
@media (min-width: 576px) {
    .sm\:tw-w-\[250px\] {
        width: 250px
    }
    .sm\:tw-max-w-\[450px\] {
        max-width: 450px
    }
    .sm\:tw-max-w-\[500px\] {
        max-width: 500px
    }
    .sm\:tw-flex-1 {
        flex: 1 1 0%
    }
    .sm\:tw-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .sm\:tw-flex-row {
        flex-direction: row
    }
    .sm\:tw-px-0 {
        padding-left: 0px;
        padding-right: 0px
    }
    .sm\:tw-text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }
    .sm\:tw-text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }
    .sm\:tw-text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}
@media (min-width: 992px) {
    .lg\:tw-w-\[450px\] {
        width: 450px
    }
    .lg\:tw-max-w-\[600px\] {
        max-width: 600px
    }
    .lg\:tw-flex-none {
        flex: none
    }
    .lg\:tw-px-0 {
        padding-left: 0px;
        padding-right: 0px
    }
}
.\[\&\:\:-webkit-scrollbar\]\:tw-hidden::-webkit-scrollbar {
    display: none
}
.\[\&\>\.background\]\:\!tw-fill-\[\#ccc\]>.background {
    fill: #ccc !important
}
.\[\&\>\.diamond\]\:\!tw-fill-\[\#1d1d1d\]>.diamond {
    fill: #1d1d1d !important
}
.\[\&\>\.diamond\]\:\!tw-fill-\[\#ccc\]>.diamond {
    fill: #ccc !important
}
.\[\&\>\.diamond\]\:\!tw-fill-\[\#fff\]>.diamond {
    fill: #fff !important
}
.\[\&\>\.modal-header\]\:tw-h-auto>.modal-header {
    height: auto
}
.\[\&\>\.modal-header\]\:tw-py-4>.modal-header {
    padding-top: 1rem;
    padding-bottom: 1rem
}
.\[\&_\.modal-header\\_\\_left\]\:tw-top-4 .modal-header__left {
    top: 1rem
}
.\[\&_\.modal-header\\_\\_left_button\]\:tw-text-link .modal-header__left button {
    --tw-text-opacity: 1;
    color: rgb(91 155 195 / var(--tw-text-opacity, 1))
}

.grid-layout {
    position: relative;
    transition: height 200ms ease;
}

.grid-width-50 {
    width: 50%;
}

.grid-width-100 {
    width: 100%;
}

.grid-item {
    transition: all 200ms ease;
    transition-property: left, top, width;
    position: absolute;
    transform: translate3d(0, 0, 0);
}
.grid-item.cssTransforms {
    transition-property: transform;
}
.grid-item.resizing {
    z-index: 1;
    will-change: width, height;
}

.grid-item.draggable-dragging {
    transition: none;
    z-index: 3;
    will-change: transform;
}

.grid-item.grid-placeholder {
    opacity: 0.2;
    transition-duration: 100ms;
    z-index: 2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.grid-item > .resizable-handle {
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: 0;
    right: 0;
    cursor: se-resize;
}

.grid-item > .resizable-handle::after {
    content: '';
    position: absolute;
    right: 3px;
    bottom: 3px;
    width: 5px;
    height: 5px;
    border-right: 2px solid rgba(0, 0, 0, 0.4);
    border-bottom: 2px solid rgba(0, 0, 0, 0.4);
}

.grid-layout {
    position: relative;
    transition: height 200ms ease;
}

.grid-width-50 {
    width: 50%;
}

.grid-width-100 {
    width: 100%;
}

.grid-item {
    transition: all 200ms ease;
    transition-property: left, top, width;
    position: absolute;
    transform: translate3d(0, 0, 0);
}
.grid-item.cssTransforms {
    transition-property: transform;
}
.grid-item.resizing {
    z-index: 1;
    will-change: width, height;
}

.grid-item.draggable-dragging {
    transition: none;
    z-index: 3;
    will-change: transform;
}

.grid-item.grid-placeholder {
    opacity: 0.2;
    transition-duration: 100ms;
    z-index: 2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.grid-item > .resizable-handle {
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: 0;
    right: 0;
    cursor: se-resize;
}

.grid-item > .resizable-handle::after {
    content: '';
    position: absolute;
    right: 3px;
    bottom: 3px;
    width: 5px;
    height: 5px;
    border-right: 2px solid rgba(0, 0, 0, 0.4);
    border-bottom: 2px solid rgba(0, 0, 0, 0.4);
}