*, :before, :after, ::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: #3b82f680; --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: ; } .container { width: 100%; } @media (min-width: 640px) { .container { max-width: 640px; } } @media (min-width: 768px) { .container { max-width: 768px; } } @media (min-width: 1024px) { .container { max-width: 1024px; } } @media (min-width: 1280px) { .container { max-width: 1280px; } } @media (min-width: 1536px) { .container { max-width: 1536px; } } .sr-only { width: 1px; height: 1px; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; margin: -1px; padding: 0; position: absolute; overflow: hidden; } .pointer-events-none { pointer-events: none; } .invisible { visibility: hidden; } .collapse { visibility: collapse; } .absolute { position: absolute; } .inset-0 { inset: 0; } .inset-x-2 { left: 0.5rem; right: 0.5rem; } .inset-y-4 { top: 1rem; bottom: 1rem; } .bottom-12 { bottom: 3rem; } .left-16 { left: 4rem; } .right-8 { right: 2rem; } .top-6 { top: 1.5rem; } .isolate { isolation: isolate; } .isolation-auto { isolation: auto; } .z-30 { z-index: 30; } .order-2 { order: 2; } .order-last { order: 9999; } .col-span-3 { grid-column: span 3 / span 3; } .col-start-1 { grid-column-start: 1; } .col-end-4 { grid-column-end: 4; } .row-span-2 { grid-row: span 2 / span 2; } .row-start-3 { grid-row-start: 3; } .row-end-5 { grid-row-end: 5; } .float-right { float: right; } .clear-left { clear: left; } .m-4 { margin: 1rem; } .mx-auto { margin-left: auto; margin-right: auto; } .my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .mb-3 { margin-bottom: 0.75rem; } .ml-4 { margin-left: 1rem; } .mr-1 { margin-right: 0.25rem; } .mt-0 { margin-top: 0; } .box-border { box-sizing: border-box; } .inline-grid { display: inline-grid; } .hidden { display: none; } .aspect-square { aspect-ratio: 1 / 1; } .aspect-video { aspect-ratio: 16 / 9; } .h-0 { height: 0; } .h-16 { height: 4rem; } .h-dvh { height: 100dvh; } .h-full { height: 100%; } .h-lvh { height: 100lvh; } .h-screen { height: 100vh; } .h-svh { height: 100svh; } .max-h-0 { max-height: 0; } .max-h-dvh { max-height: 100dvh; } .max-h-full { max-height: 100%; } .max-h-lvh { max-height: 100lvh; } .max-h-screen { max-height: 100vh; } .max-h-svh { max-height: 100svh; } .min-h-0 { min-height: 0; } .min-h-dvh { min-height: 100dvh; } .min-h-full { min-height: 100%; } .min-h-lvh { min-height: 100lvh; } .min-h-svh { min-height: 100svh; } .w-12 { width: 3rem; } .min-w-min { min-width: min-content; } .max-w-full { max-width: 100%; } .flex-1 { flex: 1; } .flex-shrink { flex-shrink: 1; } .flex-shrink-0 { flex-shrink: 0; } .shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .flex-grow-0 { flex-grow: 0; } .grow { flex-grow: 1; } .grow-0 { flex-grow: 0; } .basis-7 { flex-basis: 1.75rem; } .basis-auto { flex-basis: auto; } .table-fixed { table-layout: fixed; } .caption-top { caption-side: top; } .caption-bottom { caption-side: bottom; } .border-collapse { border-collapse: collapse; } .border-spacing-4 { --tw-border-spacing-x: 1rem; --tw-border-spacing-y: 1rem; border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); } .border-spacing-x-6 { --tw-border-spacing-x: 1.5rem; border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); } .border-spacing-y-8 { --tw-border-spacing-y: 2rem; border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); } .origin-top-right { transform-origin: 100% 0; } .-translate-x-3 { --tw-translate-x: -0.75rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-x-4 { --tw-translate-x: -1rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-5 { --tw-translate-x: 1.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-6 { --tw-translate-y: 1.5rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-3 { --tw-rotate: 3deg; 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)); } .skew-x-12 { --tw-skew-x: 12deg; 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)); } .skew-y-12 { --tw-skew-y: 12deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-95 { --tw-scale-x: 0.95; --tw-scale-y: 0.95; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-scale-x-100 { --tw-scale-x: -1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .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)); } .transform-gpu { transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform-none { transform: none; } .animate-none { animation: none; } @keyframes spin { to { transform: rotate(360deg); } } .animate-spin { animation: 1s linear infinite spin; } .cursor-pointer { cursor: pointer; } .touch-pan-x { --tw-pan-x: pan-x; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); } .touch-pan-y { --tw-pan-y: pan-y; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); } .touch-pan-up { --tw-pan-y: pan-up; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); } .touch-pinch-zoom { --tw-pinch-zoom: pinch-zoom; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); } .touch-manipulation { touch-action: manipulation; } .select-none { user-select: none; } .resize-none { resize: none; } .snap-x { scroll-snap-type: x var(--tw-scroll-snap-strictness); } .snap-mandatory { --tw-scroll-snap-strictness: mandatory; } .snap-center { scroll-snap-align: center; } .snap-always { scroll-snap-stop: always; } .scroll-mt-6 { scroll-margin-top: 1.5rem; } .scroll-p-6 { scroll-padding: 1.5rem; } .list-inside { list-style-position: inside; } .list-disc { list-style-type: disc; } .list-image-none { list-style-image: none; } .appearance-none { appearance: none; } .columns-1 { columns: 1; } .columns-md { columns: 28rem; } .break-before-page { break-before: page; } .break-inside-avoid-column { break-inside: avoid-column; } .break-after-auto { break-after: auto; } .auto-cols-min { grid-auto-columns: min-content; } .grid-flow-row { grid-auto-flow: row; } .auto-rows-max { grid-auto-rows: max-content; } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); } .flex-row-reverse { flex-direction: row-reverse; } .flex-wrap { flex-wrap: wrap; } .place-content-start { place-content: start; } .place-items-end { place-items: end; } .content-center { align-content: center; } .items-start { align-items: flex-start; } .justify-center { justify-content: center; } .justify-items-end { justify-items: end; } .gap-4 { gap: 1rem; } .gap-x-2 { column-gap: 0.5rem; } .gap-y-3 { row-gap: 0.75rem; } .space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-inline-start: calc(1rem * calc(1 - var(--tw-space-x-reverse))); margin-inline-end: calc(1rem * var(--tw-space-x-reverse)); } .space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); } .space-y-reverse > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 1; } .space-x-reverse > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 1; } .divide-x-0 > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 0; border-inline-end-width: calc(0px * var(--tw-divide-x-reverse)); border-inline-start-width: calc(0px * calc(1 - var(--tw-divide-x-reverse))); } .divide-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 0; border-inline-end-width: calc(2px * var(--tw-divide-x-reverse)); border-inline-start-width: calc(2px * calc(1 - var(--tw-divide-x-reverse))); } .divide-y-0 > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(0px * var(--tw-divide-y-reverse)); } .divide-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(4px * var(--tw-divide-y-reverse)); } .divide-dotted > :not([hidden]) ~ :not([hidden]) { border-style: dotted; } .divide-gray-200 > :not([hidden]) ~ :not([hidden]) { border-color: #e5e7eb; } .place-self-center { place-self: center; } .self-end { align-self: flex-end; } .justify-self-start { justify-self: start; } .overflow-hidden { overflow: hidden; } .overscroll-contain { overscroll-behavior: contain; } .truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .overflow-ellipsis { text-overflow: ellipsis; } .whitespace-nowrap { white-space: nowrap; } .text-wrap { text-wrap: wrap; } .text-nowrap { text-wrap: nowrap; } .text-balance { text-wrap: balance; } .break-words { overflow-wrap: break-word; } .rounded-md { border-radius: 0.375rem; } .border { border-width: 1px; } .border-2 { border-width: 2px; } .border-x-4 { border-left-width: 4px; border-right-width: 4px; } .border-y-4 { border-top-width: 4px; border-bottom-width: 4px; } .border-b-4 { border-bottom-width: 4px; } .border-t { border-top-width: 1px; } .border-solid { border-style: solid; } .border-hidden { border-style: hidden; } .border-black { border-color: #000; } .border-x-black { border-left-color: #000; border-right-color: #000; } .border-y-black { border-top-color: #000; border-bottom-color: #000; } .border-b-black { border-bottom-color: #000; } .border-l-black { border-left-color: #000; } .border-r-black { border-right-color: #000; } .border-t-black { border-top-color: #000; } .bg-green-500 { background-color: #22c55e; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .from-red-300 { --tw-gradient-from: #fca5a5 var(--tw-gradient-from-position); --tw-gradient-to: #fca5a500 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .via-purple-200 { --tw-gradient-to: #e9d5ff00 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #e9d5ff var(--tw-gradient-via-position), var(--tw-gradient-to); } .to-blue-400 { --tw-gradient-to: #60a5fa var(--tw-gradient-to-position); } .decoration-slice { -webkit-box-decoration-break: slice; box-decoration-break: slice; } .decoration-clone { -webkit-box-decoration-break: clone; box-decoration-break: clone; } .box-decoration-slice { -webkit-box-decoration-break: slice; box-decoration-break: slice; } .box-decoration-clone { -webkit-box-decoration-break: clone; box-decoration-break: clone; } .bg-cover { background-size: cover; } .bg-local { background-attachment: local; } .bg-clip-border { background-clip: border-box; } .bg-top { background-position: top; } .bg-no-repeat { background-repeat: no-repeat; } .bg-origin-border { background-origin: border-box; } .bg-origin-padding { background-origin: padding-box; } .bg-origin-content { background-origin: content-box; } .fill-current { fill: currentColor; } .stroke-current { stroke: currentColor; } .stroke-2 { stroke-width: 2px; } .object-cover { object-fit: cover; } .object-bottom { object-position: bottom; } .p-4 { padding: 1rem; } .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .pb-3 { padding-bottom: 0.75rem; } .pl-4 { padding-left: 1rem; } .pr-2 { padding-right: 0.5rem; } .pt-1 { padding-top: 0.25rem; } .text-center { text-align: center; } .-indent-12 { text-indent: -3rem; } .indent-6 { text-indent: 1.5rem; } .align-middle { vertical-align: middle; } .font-sans { font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; } .text-2xl { font-size: 1.5rem; line-height: 2rem; } .font-medium { font-weight: 500; } .uppercase { text-transform: uppercase; } .not-italic { font-style: normal; } .ordinal { --tw-ordinal: ordinal; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .diagonal-fractions { --tw-numeric-fraction: diagonal-fractions; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .leading-5 { line-height: 1.25rem; } .leading-relaxed { line-height: 1.625; } .tracking-tight { letter-spacing: -0.025em; } .text-indigo-500 { color: #6366f1; } .underline { text-decoration-line: underline; } .decoration-red-600 { text-decoration-color: #dc2626; } .decoration-solid { text-decoration-style: solid; } .decoration-1 { text-decoration-thickness: 1px; } .decoration-2 { text-decoration-thickness: 2px; } .underline-offset-1 { text-underline-offset: 1px; } .underline-offset-2 { text-underline-offset: 2px; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .placeholder-green-300::placeholder { color: #86efac; } .caret-red-600 { caret-color: #dc2626; } .accent-red-600 { accent-color: #dc2626; } .opacity-90 { opacity: 0.9; } .bg-blend-darken { background-blend-mode: darken; } .bg-blend-difference { background-blend-mode: difference; } .mix-blend-multiply { mix-blend-mode: multiply; } .mix-blend-saturation { mix-blend-mode: saturation; } .shadow { --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a; --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a; --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a; --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-black { --tw-shadow-color: #000; --tw-shadow: var(--tw-shadow-colored); } .shadow-blue-100\/10 { --tw-shadow-color: #dbeafe1a; --tw-shadow: var(--tw-shadow-colored); } .shadow-red-500\/25 { --tw-shadow-color: #ef444440; --tw-shadow: var(--tw-shadow-colored); } .outline-none { outline-offset: 2px; outline: 2px solid #0000; } .outline { outline-style: solid; } .outline-dashed { outline-style: dashed; } .outline-4 { outline-width: 4px; } .-outline-offset-2 { outline-offset: -2px; } .outline-offset-2 { outline-offset: 2px; } .outline-black { outline-color: #000; } .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-4 { --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(4px + 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-white { --tw-ring-color: #fff; } .ring-offset-2 { --tw-ring-offset-width: 2px; } .ring-offset-blue-300 { --tw-ring-offset-color: #93c5fd; } .blur-md { --tw-blur: blur(12px); 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); } .brightness-150 { --tw-brightness: brightness(1.5); 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); } .contrast-50 { --tw-contrast: contrast(0.5); 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); } .drop-shadow-md { --tw-drop-shadow: drop-shadow(0 4px 3px #00000012) drop-shadow(0 2px 2px #0000000f); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .grayscale { --tw-grayscale: grayscale(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .hue-rotate-60 { --tw-hue-rotate: hue-rotate(60deg); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .invert { --tw-invert: invert(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .saturate-200 { --tw-saturate: saturate(2); 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); } .sepia { --tw-sepia: sepia(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .filter-none { filter: none; } .backdrop-blur-lg { --tw-backdrop-blur: blur(16px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-brightness-50 { --tw-backdrop-brightness: brightness(0.5); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-contrast-0 { --tw-backdrop-contrast: contrast(0); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-grayscale { --tw-backdrop-grayscale: grayscale(100%); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-hue-rotate-90 { --tw-backdrop-hue-rotate: hue-rotate(90deg); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-invert { --tw-backdrop-invert: invert(100%); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-opacity-75 { --tw-backdrop-opacity: opacity(0.75); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-saturate-150 { --tw-backdrop-saturate: saturate(1.5); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-sepia { --tw-backdrop-sepia: sepia(100%); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-filter { backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-filter-none { backdrop-filter: none; } .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .transition-all { transition-property: all; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .delay-300 { transition-delay: 0.3s; } .duration-200 { transition-duration: 0.2s; } .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .will-change-scroll { will-change: scroll-position; } .will-change-transform { will-change: transform; } .content-none { --tw-content: none; content: var(--tw-content); }