/* Generated by scripts/build-brand-css.mjs (npm run build:brand-css). Do not edit. Tailwind CSS (MIT). */
.-end-0\.5 {
    inset-inline-end: -0.125rem
}
.-end-1 {
    inset-inline-end: -0.25rem
}
.-top-0\.5 {
    top: -0.125rem
}
.end-0 {
    inset-inline-end: 0px
}
.isolate {
    isolation: isolate
}
.z-\[10010\] {
    z-index: 10010
}
.z-\[1100\] {
    z-index: 1100
}
.col-span-1 {
    grid-column: span 1 / span 1
}
.col-span-12 {
    grid-column: span 12 / span 12
}
.col-span-2 {
    grid-column: span 2 / span 2
}
.col-span-3 {
    grid-column: span 3 / span 3
}
.col-span-4 {
    grid-column: span 4 / span 4
}
.col-span-6 {
    grid-column: span 6 / span 6
}
.col-span-full {
    grid-column: 1 / -1
}
.m-4 {
    margin: 1rem
}
.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}
.mx-auto {
    margin-left: auto;
    margin-right: auto
}
.\!mt-0 {
    margin-top: 0px !important
}
.-mt-3 {
    margin-top: -0.75rem
}
.me-1 {
    margin-inline-end: 0.25rem
}
.me-2 {
    margin-inline-end: 0.5rem
}
.me-2\.5 {
    margin-inline-end: 0.625rem
}
.me-4 {
    margin-inline-end: 1rem
}
.ms-1 {
    margin-inline-start: 0.25rem
}
.ms-4 {
    margin-inline-start: 1rem
}
.ms-auto {
    margin-inline-start: auto
}
.mt-6 {
    margin-top: 1.5rem
}
.\!grid {
    display: grid !important
}
.contents {
    display: contents
}
.h-2 {
    height: 0.5rem
}
.h-24 {
    height: 6rem
}
.h-32 {
    height: 8rem
}
.h-36 {
    height: 9rem
}
.h-64 {
    height: 16rem
}
.h-72 {
    height: 18rem
}
.h-\[65vh\] {
    height: 65vh
}
.h-\[70vh\] {
    height: 70vh
}
.h-auto {
    height: auto
}
.max-h-32 {
    max-height: 8rem
}
.max-h-48 {
    max-height: 12rem
}
.max-h-60 {
    max-height: 15rem
}
.max-h-64 {
    max-height: 16rem
}
.max-h-72 {
    max-height: 18rem
}
.max-h-96 {
    max-height: 24rem
}
.max-h-\[1200px\] {
    max-height: 1200px
}
.max-h-\[65vh\] {
    max-height: 65vh
}
.max-h-\[70vh\] {
    max-height: 70vh
}
.min-h-\[3rem\] {
    min-height: 3rem
}
.min-h-\[5\.5rem\] {
    min-height: 5.5rem
}
.\!w-28 {
    width: 7rem !important
}
.\!w-40 {
    width: 10rem !important
}
.\!w-44 {
    width: 11rem !important
}
.\!w-48 {
    width: 12rem !important
}
.\!w-auto {
    width: auto !important
}
.w-2 {
    width: 0.5rem
}
.w-44 {
    width: 11rem
}
.w-56 {
    width: 14rem
}
.w-60 {
    width: 15rem
}
.w-96 {
    width: 24rem
}
.w-\[560px\] {
    width: 560px
}
.w-auto {
    width: auto
}
.w-px {
    width: 1px
}
.min-w-5 {
    min-width: 1.25rem
}
.min-w-\[160px\] {
    min-width: 160px
}
.min-w-\[16rem\] {
    min-width: 16rem
}
.min-w-\[180px\] {
    min-width: 180px
}
.min-w-\[200px\] {
    min-width: 200px
}
.min-w-\[220px\] {
    min-width: 220px
}
.min-w-\[260px\] {
    min-width: 260px
}
.min-w-\[280px\] {
    min-width: 280px
}
.min-w-\[320px\] {
    min-width: 320px
}
.min-w-\[40rem\] {
    min-width: 40rem
}
.min-w-\[44rem\] {
    min-width: 44rem
}
.min-w-\[760px\] {
    min-width: 760px
}
.max-w-4xl {
    max-width: 56rem
}
.max-w-5xl {
    max-width: 64rem
}
.max-w-\[220px\] {
    max-width: 220px
}
.max-w-\[240px\] {
    max-width: 240px
}
.max-w-\[75\%\] {
    max-width: 75%
}
.max-w-\[85\%\] {
    max-width: 85%
}
.max-w-\[92vw\] {
    max-width: 92vw
}
.max-w-md {
    max-width: 28rem
}
.max-w-none {
    max-width: none
}
.max-w-sm {
    max-width: 24rem
}
.max-w-xl {
    max-width: 36rem
}
.flex-shrink {
    flex-shrink: 1
}
.shrink {
    flex-shrink: 1
}
.grow {
    flex-grow: 1
}
@keyframes pulse {
    50% {
        opacity: .5
    }
}
.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
}
.cursor-zoom-in {
    cursor: zoom-in
}
.touch-none {
    touch-action: none
}
.list-disc {
    list-style-type: disc
}
.list-none {
    list-style-type: none
}
.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
}
.grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr))
}
.flex-nowrap {
    flex-wrap: nowrap
}
.gap-px {
    gap: 1px
}
.gap-x-3 {
    column-gap: 0.75rem
}
.gap-x-6 {
    column-gap: 1.5rem
}
.gap-y-1 {
    row-gap: 0.25rem
}
.gap-y-2 {
    row-gap: 0.5rem
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}
.self-end {
    align-self: flex-end
}
.self-center {
    align-self: center
}
.overflow-x-hidden {
    overflow-x: hidden
}
.whitespace-pre-line {
    white-space: pre-line
}
.whitespace-pre-wrap {
    white-space: pre-wrap
}
.border-s {
    border-inline-start-width: 1px
}
.border-s-4 {
    border-inline-start-width: 4px
}
.border-amber-300 {
    --tw-border-opacity: 1;
    border-color: rgb(252 211 77 / var(--tw-border-opacity, 1))
}
.border-blue-300 {
    --tw-border-opacity: 1;
    border-color: rgb(147 197 253 / var(--tw-border-opacity, 1))
}
.border-green-300 {
    --tw-border-opacity: 1;
    border-color: rgb(134 239 172 / var(--tw-border-opacity, 1))
}
.border-orange-300 {
    --tw-border-opacity: 1;
    border-color: rgb(253 186 116 / var(--tw-border-opacity, 1))
}
.border-red-300 {
    --tw-border-opacity: 1;
    border-color: rgb(252 165 165 / var(--tw-border-opacity, 1))
}
.border-sky-300 {
    --tw-border-opacity: 1;
    border-color: rgb(125 211 252 / var(--tw-border-opacity, 1))
}
.border-yellow-300 {
    --tw-border-opacity: 1;
    border-color: rgb(253 224 71 / var(--tw-border-opacity, 1))
}
.border-yellow-400 {
    --tw-border-opacity: 1;
    border-color: rgb(250 204 21 / var(--tw-border-opacity, 1))
}
.border-s-blue-500 {
    --tw-border-opacity: 1;
    border-inline-start-color: rgb(59 130 246 / var(--tw-border-opacity, 1))
}
.border-s-green-500 {
    --tw-border-opacity: 1;
    border-inline-start-color: rgb(34 197 94 / var(--tw-border-opacity, 1))
}
.border-s-orange-500 {
    --tw-border-opacity: 1;
    border-inline-start-color: rgb(249 115 22 / var(--tw-border-opacity, 1))
}
.border-s-red-500 {
    --tw-border-opacity: 1;
    border-inline-start-color: rgb(239 68 68 / var(--tw-border-opacity, 1))
}
.\!bg-blue-100 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1)) !important
}
.\!bg-brandColor {
    background-color: var(--brand-color) !important
}
.\!bg-gray-800 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)) !important
}
.\!bg-red-600 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)) !important
}
.bg-amber-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1))
}
.bg-amber-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1))
}
.bg-black\/40 {
    background-color: rgb(0 0 0 / 0.4)
}
.bg-gray-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1))
}
.bg-indigo-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1))
}
.bg-indigo-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1))
}
.bg-red-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1))
}
.bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1))
}
.bg-sky-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1))
}
.bg-slate-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1))
}
.bg-yellow-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1))
}
.bg-yellow-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1))
}
.bg-yellow-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1))
}
.object-contain {
    object-fit: contain
}
.\!px-2\.5 {
    padding-left: 0.625rem !important;
    padding-right: 0.625rem !important
}
.\!px-3 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important
}
.\!py-0\.5 {
    padding-top: 0.125rem !important;
    padding-bottom: 0.125rem !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
}
.px-1\.5 {
    padding-left: 0.375rem;
    padding-right: 0.375rem
}
.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}
.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}
.pb-1 {
    padding-bottom: 0.25rem
}
.pb-2 {
    padding-bottom: 0.5rem
}
.pb-3 {
    padding-bottom: 0.75rem
}
.pb-6 {
    padding-bottom: 1.5rem
}
.pe-6 {
    padding-inline-end: 1.5rem
}
.ps-10 {
    padding-inline-start: 2.5rem
}
.ps-3 {
    padding-inline-start: 0.75rem
}
.ps-4 {
    padding-inline-start: 1rem
}
.ps-5 {
    padding-inline-start: 1.25rem
}
.ps-6 {
    padding-inline-start: 1.5rem
}
.ps-9 {
    padding-inline-start: 2.25rem
}
.pt-1 {
    padding-top: 0.25rem
}
.pt-24 {
    padding-top: 6rem
}
.text-start {
    text-align: start
}
.font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}
.\!text-\[11px\] {
    font-size: 11px !important
}
.\!text-xs {
    font-size: 0.75rem !important;
    line-height: 1rem !important
}
.text-\[11px\] {
    font-size: 11px
}
.tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}
.leading-relaxed {
    line-height: 1.625
}
.leading-tight {
    line-height: 1.25
}
.tracking-wide {
    letter-spacing: 0.025em
}
.tracking-widest {
    letter-spacing: 0.1em
}
.\!text-red-600 {
    --tw-text-opacity: 1 !important;
    color: rgb(220 38 38 / var(--tw-text-opacity, 1)) !important
}
.\!text-red-700 {
    --tw-text-opacity: 1 !important;
    color: rgb(185 28 28 / 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-amber-500 {
    --tw-text-opacity: 1;
    color: rgb(245 158 11 / var(--tw-text-opacity, 1))
}
.text-amber-600 {
    --tw-text-opacity: 1;
    color: rgb(217 119 6 / var(--tw-text-opacity, 1))
}
.text-amber-700 {
    --tw-text-opacity: 1;
    color: rgb(180 83 9 / var(--tw-text-opacity, 1))
}
.text-amber-800 {
    --tw-text-opacity: 1;
    color: rgb(146 64 14 / var(--tw-text-opacity, 1))
}
.text-amber-900 {
    --tw-text-opacity: 1;
    color: rgb(120 53 15 / var(--tw-text-opacity, 1))
}
.text-blue-700 {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity, 1))
}
.text-green-200 {
    --tw-text-opacity: 1;
    color: rgb(187 247 208 / var(--tw-text-opacity, 1))
}
.text-green-700 {
    --tw-text-opacity: 1;
    color: rgb(21 128 61 / var(--tw-text-opacity, 1))
}
.text-indigo-800 {
    --tw-text-opacity: 1;
    color: rgb(55 48 163 / var(--tw-text-opacity, 1))
}
.text-orange-700 {
    --tw-text-opacity: 1;
    color: rgb(194 65 12 / var(--tw-text-opacity, 1))
}
.text-red-700 {
    --tw-text-opacity: 1;
    color: rgb(185 28 28 / var(--tw-text-opacity, 1))
}
.text-sky-700 {
    --tw-text-opacity: 1;
    color: rgb(3 105 161 / var(--tw-text-opacity, 1))
}
.text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgb(234 179 8 / var(--tw-text-opacity, 1))
}
.text-yellow-700 {
    --tw-text-opacity: 1;
    color: rgb(161 98 7 / var(--tw-text-opacity, 1))
}
.text-yellow-800 {
    --tw-text-opacity: 1;
    color: rgb(133 77 14 / var(--tw-text-opacity, 1))
}
.line-through {
    text-decoration-line: line-through
}
.accent-brandColor {
    accent-color: var(--brand-color)
}
.opacity-60 {
    opacity: 0.6
}
.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}
.outline {
    outline-style: solid
}
.ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.ring-brandColor {
    --tw-ring-color: var(--brand-color)
}
.ring-offset-1 {
    --tw-ring-offset-width: 1px
}
.blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.first\:mt-0:first-child {
    margin-top: 0px
}
.first\:border-0:first-child {
    border-width: 0px
}
.first\:pt-0:first-child {
    padding-top: 0px
}
.last\:border-0:last-child {
    border-width: 0px
}
.hover\:border-brandColor:hover {
    border-color: var(--brand-color)
}
.hover\:border-purple-400:hover {
    --tw-border-opacity: 1;
    border-color: rgb(192 132 252 / var(--tw-border-opacity, 1))
}
.hover\:text-gray-900:hover {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity, 1))
}
.hover\:text-red-600:hover {
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity, 1))
}
.hover\:shadow-md:hover {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.dark\:border-blue-800:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(30 64 175 / var(--tw-border-opacity, 1))
}
.dark\:border-blue-900:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(30 58 138 / var(--tw-border-opacity, 1))
}
.dark\:border-orange-700:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(194 65 12 / var(--tw-border-opacity, 1))
}
.dark\:border-red-700:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(185 28 28 / var(--tw-border-opacity, 1))
}
.dark\:border-yellow-700:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(161 98 7 / var(--tw-border-opacity, 1))
}
.dark\:border-yellow-800:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(133 77 14 / var(--tw-border-opacity, 1))
}
.dark\:border-yellow-900:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(113 63 18 / var(--tw-border-opacity, 1))
}
.dark\:bg-amber-950:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(69 26 3 / var(--tw-bg-opacity, 1))
}
.dark\:bg-blue-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1))
}
.dark\:bg-blue-950:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(23 37 84 / var(--tw-bg-opacity, 1))
}
.dark\:bg-green-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1))
}
.dark\:bg-orange-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(124 45 18 / var(--tw-bg-opacity, 1))
}
.dark\:bg-red-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1))
}
.dark\:bg-red-950:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(69 10 10 / var(--tw-bg-opacity, 1))
}
.dark\:bg-yellow-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(113 63 18 / var(--tw-bg-opacity, 1))
}
.dark\:\!text-gray-800:is(.dark *) {
    --tw-text-opacity: 1 !important;
    color: rgb(31 41 55 / var(--tw-text-opacity, 1)) !important
}
.dark\:\!text-green-800:is(.dark *) {
    --tw-text-opacity: 1 !important;
    color: rgb(22 101 52 / var(--tw-text-opacity, 1)) !important
}
.dark\:text-amber-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(252 211 77 / var(--tw-text-opacity, 1))
}
.dark\:text-blue-100:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(219 234 254 / var(--tw-text-opacity, 1))
}
.dark\:text-blue-200:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(191 219 254 / var(--tw-text-opacity, 1))
}
.dark\:text-blue-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(147 197 253 / var(--tw-text-opacity, 1))
}
.dark\:text-gray-200:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity, 1))
}
.dark\:text-green-200:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(187 247 208 / var(--tw-text-opacity, 1))
}
.dark\:text-green-50:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(240 253 244 / var(--tw-text-opacity, 1))
}
.dark\:text-orange-200:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(254 215 170 / var(--tw-text-opacity, 1))
}
.dark\:text-orange-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(251 146 60 / var(--tw-text-opacity, 1))
}
.dark\:text-red-100:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(254 226 226 / var(--tw-text-opacity, 1))
}
.dark\:text-red-200:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(254 202 202 / var(--tw-text-opacity, 1))
}
.dark\:text-red-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(252 165 165 / var(--tw-text-opacity, 1))
}
.dark\:text-red-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(248 113 113 / var(--tw-text-opacity, 1))
}
.dark\:text-sky-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(56 189 248 / var(--tw-text-opacity, 1))
}
.dark\:text-yellow-100:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(254 249 195 / var(--tw-text-opacity, 1))
}
.dark\:text-yellow-200:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(254 240 138 / var(--tw-text-opacity, 1))
}
@media not all and (min-width: 1240px) {
    .max-xl\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
}
@media not all and (min-width: 1024px) {
    .max-lg\:col-span-1 {
        grid-column: span 1 / span 1
    }
    .max-lg\:w-full {
        width: 100%
    }
    .max-lg\:flex-col {
        flex-direction: column
    }
}
@media not all and (min-width: 525px) {
    .max-sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}
@media (min-width: 525px) {
    .sm\:col-span-2 {
        grid-column: span 2 / span 2
    }
    .sm\:col-span-3 {
        grid-column: span 3 / span 3
    }
    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .sm\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .sm\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .sm\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
    .sm\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    .sm\:flex-wrap {
        flex-wrap: wrap
    }
    .sm\:justify-between {
        justify-content: space-between
    }
    .sm\:gap-2 {
        gap: 0.5rem
    }
    .sm\:overflow-visible {
        overflow: visible
    }
    .sm\:pb-0 {
        padding-bottom: 0px
    }
}
@media (min-width: 768px) {
    .md\:col-span-1 {
        grid-column: span 1 / span 1
    }
    .md\:col-span-2 {
        grid-column: span 2 / span 2
    }
    .md\:col-span-3 {
        grid-column: span 3 / span 3
    }
    .md\:col-span-4 {
        grid-column: span 4 / span 4
    }
    .md\:col-span-7 {
        grid-column: span 7 / span 7
    }
    .md\:w-\[36rem\] {
        width: 36rem
    }
    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .md\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
    .md\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    .md\:grid-cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }
}
@media (min-width: 1024px) {
    .lg\:col-span-2 {
        grid-column: span 2 / span 2
    }
    .lg\:col-span-3 {
        grid-column: span 3 / span 3
    }
    .lg\:col-span-4 {
        grid-column: span 4 / span 4
    }
    .lg\:col-span-6 {
        grid-column: span 6 / span 6
    }
    .lg\:col-start-3 {
        grid-column-start: 3
    }
    .lg\:flex {
        display: flex
    }
    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .lg\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
    .lg\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    .lg\:items-end {
        align-items: flex-end
    }
}
@media (min-width: 1240px) {
    .xl\:col-span-2 {
        grid-column: span 2 / span 2
    }
    .xl\:col-span-3 {
        grid-column: span 3 / span 3
    }
    .xl\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .xl\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}
.ltr\:ml-1:where([dir="ltr"], [dir="ltr"] *) {
    margin-left: 0.25rem
}
.ltr\:ml-8:where([dir="ltr"], [dir="ltr"] *) {
    margin-left: 2rem
}
.ltr\:mr-8:where([dir="ltr"], [dir="ltr"] *) {
    margin-right: 2rem
}
.ltr\:border-l:where([dir="ltr"], [dir="ltr"] *) {
    border-left-width: 1px
}
.ltr\:border-l-2:where([dir="ltr"], [dir="ltr"] *) {
    border-left-width: 2px
}
@media (min-width: 1024px) {
    .lg\:ltr\:pl-\[200px\]:where([dir="ltr"], [dir="ltr"] *) {
        padding-left: 200px
    }
}
.rtl\:ml-8:where([dir="rtl"], [dir="rtl"] *) {
    margin-left: 2rem
}
.rtl\:mr-1:where([dir="rtl"], [dir="rtl"] *) {
    margin-right: 0.25rem
}
.rtl\:mr-8:where([dir="rtl"], [dir="rtl"] *) {
    margin-right: 2rem
}
.rtl\:border-r:where([dir="rtl"], [dir="rtl"] *) {
    border-right-width: 1px
}
.rtl\:border-r-2:where([dir="rtl"], [dir="rtl"] *) {
    border-right-width: 2px
}
@media (min-width: 1024px) {
    .lg\:rtl\:pr-\[200px\]:where([dir="rtl"], [dir="rtl"] *) {
        padding-right: 200px
    }
}
@media print {
    .print\:hidden {
        display: none
    }
}
