/*!
 * tailwind-lite.css -- the most-used Tailwind classes as plain CSS.  <link rel="stylesheet" href="tailwind.css">
 *
 * SIZE CLASSES: width, height, min/max, margin, padding, gap, space-x/y, inset/top/right/bottom/left and indent
 * take steps of 10 (10..100) plus a unit suffix:   pct = %   vw   vh   rem
 *     w-50pct  w-30vw  h-100vh  p-20rem  mt-10rem  mx-auto  gap-30pct  indent-20rem  top-50pct
 * Also available: 0, auto, full, screen (width/height), min, max, fit.
 *
 * COLORS: the basic CSS color names only:  bg-red  text-navy  border-gray  hover:bg-lime  ring-blue ...
 *     black silver gray white maroon red purple fuchsia green lime olive yellow navy blue teal aqua orange
 *     (+ transparent, current, inherit)
 *
 * VARIANTS: sm: md: lg: xl:   hover: focus: active: disabled: group-hover: first: last: odd: even: dark:
 */

/* ===== Reset (Tailwind "preflight") ===== */
*, ::before, ::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e5e7eb; }
html { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
body { margin: 0; line-height: inherit; }
hr { height: 0; color: inherit; border-top-width: 1px; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: inherit; }
b, strong { font-weight: bolder; }
code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; font-size: 1em; }
small { font-size: 80%; }
table { text-indent: 0; border-color: inherit; border-collapse: collapse; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; margin: 0; padding: 0; }
button, select { text-transform: none; }
button, input[type='button'], input[type='reset'], input[type='submit'] { -webkit-appearance: button; background-color: transparent; background-image: none; }
blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; }
fieldset { margin: 0; padding: 0; }
legend { padding: 0; }
ol, ul, menu { list-style: none; margin: 0; padding: 0; }
textarea { resize: vertical; }
input::placeholder, textarea::placeholder { opacity: 1; color: #9ca3af; }
button, [role="button"] { cursor: pointer; }
:disabled { cursor: default; }
img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; }
img, video { max-width: 100%; height: auto; }
[hidden] { display: none; }

/* ===== Utilities ===== */

/* Display */
.block { display: block; }
.inline-block { display: inline-block; }
.inline { display: inline; }
.flex { display: flex; }
.inline-flex { display: inline-flex; }
.grid { display: grid; }
.inline-grid { display: inline-grid; }
.contents { display: contents; }
.hidden { display: none; }
.box-border { box-sizing: border-box; }
.box-content { box-sizing: content-box; }

/* Position */
.static { position: static; }
.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }
.sticky { position: sticky; }
.inset-0 { inset: 0; }
.inset-auto { inset: auto; }
.inset-full { inset: 100%; }
.inset-10pct { inset: 10%; }
.inset-20pct { inset: 20%; }
.inset-30pct { inset: 30%; }
.inset-40pct { inset: 40%; }
.inset-50pct { inset: 50%; }
.inset-60pct { inset: 60%; }
.inset-70pct { inset: 70%; }
.inset-80pct { inset: 80%; }
.inset-90pct { inset: 90%; }
.inset-100pct { inset: 100%; }
.inset-10vw { inset: 10vw; }
.inset-20vw { inset: 20vw; }
.inset-30vw { inset: 30vw; }
.inset-40vw { inset: 40vw; }
.inset-50vw { inset: 50vw; }
.inset-60vw { inset: 60vw; }
.inset-70vw { inset: 70vw; }
.inset-80vw { inset: 80vw; }
.inset-90vw { inset: 90vw; }
.inset-100vw { inset: 100vw; }
.inset-10vh { inset: 10vh; }
.inset-20vh { inset: 20vh; }
.inset-30vh { inset: 30vh; }
.inset-40vh { inset: 40vh; }
.inset-50vh { inset: 50vh; }
.inset-60vh { inset: 60vh; }
.inset-70vh { inset: 70vh; }
.inset-80vh { inset: 80vh; }
.inset-90vh { inset: 90vh; }
.inset-100vh { inset: 100vh; }
.inset-10rem { inset: 10rem; }
.inset-20rem { inset: 20rem; }
.inset-30rem { inset: 30rem; }
.inset-40rem { inset: 40rem; }
.inset-50rem { inset: 50rem; }
.inset-60rem { inset: 60rem; }
.inset-70rem { inset: 70rem; }
.inset-80rem { inset: 80rem; }
.inset-90rem { inset: 90rem; }
.inset-100rem { inset: 100rem; }
.inset-x-0 { left: 0; right: 0; }
.inset-x-auto { left: auto; right: auto; }
.inset-x-full { left: 100%; right: 100%; }
.inset-x-10pct { left: 10%; right: 10%; }
.inset-x-20pct { left: 20%; right: 20%; }
.inset-x-30pct { left: 30%; right: 30%; }
.inset-x-40pct { left: 40%; right: 40%; }
.inset-x-50pct { left: 50%; right: 50%; }
.inset-x-60pct { left: 60%; right: 60%; }
.inset-x-70pct { left: 70%; right: 70%; }
.inset-x-80pct { left: 80%; right: 80%; }
.inset-x-90pct { left: 90%; right: 90%; }
.inset-x-100pct { left: 100%; right: 100%; }
.inset-x-10vw { left: 10vw; right: 10vw; }
.inset-x-20vw { left: 20vw; right: 20vw; }
.inset-x-30vw { left: 30vw; right: 30vw; }
.inset-x-40vw { left: 40vw; right: 40vw; }
.inset-x-50vw { left: 50vw; right: 50vw; }
.inset-x-60vw { left: 60vw; right: 60vw; }
.inset-x-70vw { left: 70vw; right: 70vw; }
.inset-x-80vw { left: 80vw; right: 80vw; }
.inset-x-90vw { left: 90vw; right: 90vw; }
.inset-x-100vw { left: 100vw; right: 100vw; }
.inset-x-10vh { left: 10vh; right: 10vh; }
.inset-x-20vh { left: 20vh; right: 20vh; }
.inset-x-30vh { left: 30vh; right: 30vh; }
.inset-x-40vh { left: 40vh; right: 40vh; }
.inset-x-50vh { left: 50vh; right: 50vh; }
.inset-x-60vh { left: 60vh; right: 60vh; }
.inset-x-70vh { left: 70vh; right: 70vh; }
.inset-x-80vh { left: 80vh; right: 80vh; }
.inset-x-90vh { left: 90vh; right: 90vh; }
.inset-x-100vh { left: 100vh; right: 100vh; }
.inset-x-10rem { left: 10rem; right: 10rem; }
.inset-x-20rem { left: 20rem; right: 20rem; }
.inset-x-30rem { left: 30rem; right: 30rem; }
.inset-x-40rem { left: 40rem; right: 40rem; }
.inset-x-50rem { left: 50rem; right: 50rem; }
.inset-x-60rem { left: 60rem; right: 60rem; }
.inset-x-70rem { left: 70rem; right: 70rem; }
.inset-x-80rem { left: 80rem; right: 80rem; }
.inset-x-90rem { left: 90rem; right: 90rem; }
.inset-x-100rem { left: 100rem; right: 100rem; }
.inset-y-0 { top: 0; bottom: 0; }
.inset-y-auto { top: auto; bottom: auto; }
.inset-y-full { top: 100%; bottom: 100%; }
.inset-y-10pct { top: 10%; bottom: 10%; }
.inset-y-20pct { top: 20%; bottom: 20%; }
.inset-y-30pct { top: 30%; bottom: 30%; }
.inset-y-40pct { top: 40%; bottom: 40%; }
.inset-y-50pct { top: 50%; bottom: 50%; }
.inset-y-60pct { top: 60%; bottom: 60%; }
.inset-y-70pct { top: 70%; bottom: 70%; }
.inset-y-80pct { top: 80%; bottom: 80%; }
.inset-y-90pct { top: 90%; bottom: 90%; }
.inset-y-100pct { top: 100%; bottom: 100%; }
.inset-y-10vw { top: 10vw; bottom: 10vw; }
.inset-y-20vw { top: 20vw; bottom: 20vw; }
.inset-y-30vw { top: 30vw; bottom: 30vw; }
.inset-y-40vw { top: 40vw; bottom: 40vw; }
.inset-y-50vw { top: 50vw; bottom: 50vw; }
.inset-y-60vw { top: 60vw; bottom: 60vw; }
.inset-y-70vw { top: 70vw; bottom: 70vw; }
.inset-y-80vw { top: 80vw; bottom: 80vw; }
.inset-y-90vw { top: 90vw; bottom: 90vw; }
.inset-y-100vw { top: 100vw; bottom: 100vw; }
.inset-y-10vh { top: 10vh; bottom: 10vh; }
.inset-y-20vh { top: 20vh; bottom: 20vh; }
.inset-y-30vh { top: 30vh; bottom: 30vh; }
.inset-y-40vh { top: 40vh; bottom: 40vh; }
.inset-y-50vh { top: 50vh; bottom: 50vh; }
.inset-y-60vh { top: 60vh; bottom: 60vh; }
.inset-y-70vh { top: 70vh; bottom: 70vh; }
.inset-y-80vh { top: 80vh; bottom: 80vh; }
.inset-y-90vh { top: 90vh; bottom: 90vh; }
.inset-y-100vh { top: 100vh; bottom: 100vh; }
.inset-y-10rem { top: 10rem; bottom: 10rem; }
.inset-y-20rem { top: 20rem; bottom: 20rem; }
.inset-y-30rem { top: 30rem; bottom: 30rem; }
.inset-y-40rem { top: 40rem; bottom: 40rem; }
.inset-y-50rem { top: 50rem; bottom: 50rem; }
.inset-y-60rem { top: 60rem; bottom: 60rem; }
.inset-y-70rem { top: 70rem; bottom: 70rem; }
.inset-y-80rem { top: 80rem; bottom: 80rem; }
.inset-y-90rem { top: 90rem; bottom: 90rem; }
.inset-y-100rem { top: 100rem; bottom: 100rem; }
.top-0 { top: 0; }
.top-auto { top: auto; }
.top-full { top: 100%; }
.top-10pct { top: 10%; }
.top-20pct { top: 20%; }
.top-30pct { top: 30%; }
.top-40pct { top: 40%; }
.top-50pct { top: 50%; }
.top-60pct { top: 60%; }
.top-70pct { top: 70%; }
.top-80pct { top: 80%; }
.top-90pct { top: 90%; }
.top-100pct { top: 100%; }
.top-10vw { top: 10vw; }
.top-20vw { top: 20vw; }
.top-30vw { top: 30vw; }
.top-40vw { top: 40vw; }
.top-50vw { top: 50vw; }
.top-60vw { top: 60vw; }
.top-70vw { top: 70vw; }
.top-80vw { top: 80vw; }
.top-90vw { top: 90vw; }
.top-100vw { top: 100vw; }
.top-10vh { top: 10vh; }
.top-20vh { top: 20vh; }
.top-30vh { top: 30vh; }
.top-40vh { top: 40vh; }
.top-50vh { top: 50vh; }
.top-60vh { top: 60vh; }
.top-70vh { top: 70vh; }
.top-80vh { top: 80vh; }
.top-90vh { top: 90vh; }
.top-100vh { top: 100vh; }
.top-10rem { top: 10rem; }
.top-20rem { top: 20rem; }
.top-30rem { top: 30rem; }
.top-40rem { top: 40rem; }
.top-50rem { top: 50rem; }
.top-60rem { top: 60rem; }
.top-70rem { top: 70rem; }
.top-80rem { top: 80rem; }
.top-90rem { top: 90rem; }
.top-100rem { top: 100rem; }
.right-0 { right: 0; }
.right-auto { right: auto; }
.right-full { right: 100%; }
.right-10pct { right: 10%; }
.right-20pct { right: 20%; }
.right-30pct { right: 30%; }
.right-40pct { right: 40%; }
.right-50pct { right: 50%; }
.right-60pct { right: 60%; }
.right-70pct { right: 70%; }
.right-80pct { right: 80%; }
.right-90pct { right: 90%; }
.right-100pct { right: 100%; }
.right-10vw { right: 10vw; }
.right-20vw { right: 20vw; }
.right-30vw { right: 30vw; }
.right-40vw { right: 40vw; }
.right-50vw { right: 50vw; }
.right-60vw { right: 60vw; }
.right-70vw { right: 70vw; }
.right-80vw { right: 80vw; }
.right-90vw { right: 90vw; }
.right-100vw { right: 100vw; }
.right-10vh { right: 10vh; }
.right-20vh { right: 20vh; }
.right-30vh { right: 30vh; }
.right-40vh { right: 40vh; }
.right-50vh { right: 50vh; }
.right-60vh { right: 60vh; }
.right-70vh { right: 70vh; }
.right-80vh { right: 80vh; }
.right-90vh { right: 90vh; }
.right-100vh { right: 100vh; }
.right-10rem { right: 10rem; }
.right-20rem { right: 20rem; }
.right-30rem { right: 30rem; }
.right-40rem { right: 40rem; }
.right-50rem { right: 50rem; }
.right-60rem { right: 60rem; }
.right-70rem { right: 70rem; }
.right-80rem { right: 80rem; }
.right-90rem { right: 90rem; }
.right-100rem { right: 100rem; }
.bottom-0 { bottom: 0; }
.bottom-auto { bottom: auto; }
.bottom-full { bottom: 100%; }
.bottom-10pct { bottom: 10%; }
.bottom-20pct { bottom: 20%; }
.bottom-30pct { bottom: 30%; }
.bottom-40pct { bottom: 40%; }
.bottom-50pct { bottom: 50%; }
.bottom-60pct { bottom: 60%; }
.bottom-70pct { bottom: 70%; }
.bottom-80pct { bottom: 80%; }
.bottom-90pct { bottom: 90%; }
.bottom-100pct { bottom: 100%; }
.bottom-10vw { bottom: 10vw; }
.bottom-20vw { bottom: 20vw; }
.bottom-30vw { bottom: 30vw; }
.bottom-40vw { bottom: 40vw; }
.bottom-50vw { bottom: 50vw; }
.bottom-60vw { bottom: 60vw; }
.bottom-70vw { bottom: 70vw; }
.bottom-80vw { bottom: 80vw; }
.bottom-90vw { bottom: 90vw; }
.bottom-100vw { bottom: 100vw; }
.bottom-10vh { bottom: 10vh; }
.bottom-20vh { bottom: 20vh; }
.bottom-30vh { bottom: 30vh; }
.bottom-40vh { bottom: 40vh; }
.bottom-50vh { bottom: 50vh; }
.bottom-60vh { bottom: 60vh; }
.bottom-70vh { bottom: 70vh; }
.bottom-80vh { bottom: 80vh; }
.bottom-90vh { bottom: 90vh; }
.bottom-100vh { bottom: 100vh; }
.bottom-10rem { bottom: 10rem; }
.bottom-20rem { bottom: 20rem; }
.bottom-30rem { bottom: 30rem; }
.bottom-40rem { bottom: 40rem; }
.bottom-50rem { bottom: 50rem; }
.bottom-60rem { bottom: 60rem; }
.bottom-70rem { bottom: 70rem; }
.bottom-80rem { bottom: 80rem; }
.bottom-90rem { bottom: 90rem; }
.bottom-100rem { bottom: 100rem; }
.left-0 { left: 0; }
.left-auto { left: auto; }
.left-full { left: 100%; }
.left-10pct { left: 10%; }
.left-20pct { left: 20%; }
.left-30pct { left: 30%; }
.left-40pct { left: 40%; }
.left-50pct { left: 50%; }
.left-60pct { left: 60%; }
.left-70pct { left: 70%; }
.left-80pct { left: 80%; }
.left-90pct { left: 90%; }
.left-100pct { left: 100%; }
.left-10vw { left: 10vw; }
.left-20vw { left: 20vw; }
.left-30vw { left: 30vw; }
.left-40vw { left: 40vw; }
.left-50vw { left: 50vw; }
.left-60vw { left: 60vw; }
.left-70vw { left: 70vw; }
.left-80vw { left: 80vw; }
.left-90vw { left: 90vw; }
.left-100vw { left: 100vw; }
.left-10vh { left: 10vh; }
.left-20vh { left: 20vh; }
.left-30vh { left: 30vh; }
.left-40vh { left: 40vh; }
.left-50vh { left: 50vh; }
.left-60vh { left: 60vh; }
.left-70vh { left: 70vh; }
.left-80vh { left: 80vh; }
.left-90vh { left: 90vh; }
.left-100vh { left: 100vh; }
.left-10rem { left: 10rem; }
.left-20rem { left: 20rem; }
.left-30rem { left: 30rem; }
.left-40rem { left: 40rem; }
.left-50rem { left: 50rem; }
.left-60rem { left: 60rem; }
.left-70rem { left: 70rem; }
.left-80rem { left: 80rem; }
.left-90rem { left: 90rem; }
.left-100rem { left: 100rem; }
.visible { visibility: visible; }
.invisible { visibility: hidden; }
.z-0 { z-index: 0; }
.z-10 { z-index: 10; }
.z-20 { z-index: 20; }
.z-30 { z-index: 30; }
.z-40 { z-index: 40; }
.z-50 { z-index: 50; }
.z-auto { z-index: auto; }

/* Overflow / float / object */
.overflow-auto { overflow: auto; }
.overflow-hidden { overflow: hidden; }
.overflow-scroll { overflow: scroll; }
.overflow-visible { overflow: visible; }
.overflow-x-auto { overflow-x: auto; }
.overflow-x-hidden { overflow-x: hidden; }
.overflow-x-scroll { overflow-x: scroll; }
.overflow-x-visible { overflow-x: visible; }
.overflow-y-auto { overflow-y: auto; }
.overflow-y-hidden { overflow-y: hidden; }
.overflow-y-scroll { overflow-y: scroll; }
.overflow-y-visible { overflow-y: visible; }
.float-left { float: left; }
.float-right { float: right; }
.float-none { float: none; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.clear-both { clear: both; }
.object-contain { object-fit: contain; }
.object-cover { object-fit: cover; }
.object-fill { object-fit: fill; }
.object-none { object-fit: none; }
.object-center { object-position: center; }
.object-top { object-position: top; }
.object-bottom { object-position: bottom; }
.object-left { object-position: left; }
.object-right { object-position: right; }
.aspect-auto { aspect-ratio: auto; }
.aspect-square { aspect-ratio: 1 / 1; }
.aspect-video { aspect-ratio: 16 / 9; }

/* Flexbox */
.flex-row { flex-direction: row; }
.flex-row-reverse { flex-direction: row-reverse; }
.flex-col { flex-direction: column; }
.flex-col-reverse { flex-direction: column-reverse; }
.flex-wrap { flex-wrap: wrap; }
.flex-nowrap { flex-wrap: nowrap; }
.flex-wrap-reverse { flex-wrap: wrap-reverse; }
.flex-1 { flex: 1 1 0%; }
.flex-auto { flex: 1 1 auto; }
.flex-initial { flex: 0 1 auto; }
.flex-none { flex: none; }
.grow { flex-grow: 1; }
.grow-0 { flex-grow: 0; }
.shrink { flex-shrink: 1; }
.shrink-0 { flex-shrink: 0; }
.justify-start { justify-content: flex-start; }
.justify-end { justify-content: flex-end; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.justify-around { justify-content: space-around; }
.justify-evenly { justify-content: space-evenly; }
.items-start { align-items: flex-start; }
.items-end { align-items: flex-end; }
.items-center { align-items: center; }
.items-baseline { align-items: baseline; }
.items-stretch { align-items: stretch; }
.content-start { align-content: flex-start; }
.content-end { align-content: flex-end; }
.content-center { align-content: center; }
.content-between { align-content: space-between; }
.content-around { align-content: space-around; }
.self-auto { align-self: auto; }
.self-start { align-self: flex-start; }
.self-end { align-self: flex-end; }
.self-center { align-self: center; }
.self-stretch { align-self: stretch; }
.place-items-start { place-items: start; }
.place-items-end { place-items: end; }
.place-items-center { place-items: center; }
.place-items-stretch { place-items: stretch; }
.place-content-start { place-content: start; }
.place-content-end { place-content: end; }
.place-content-center { place-content: center; }
.place-content-between { place-content: space-between; }

/* Grid */
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
.grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
.grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); }
.grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); }
.grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); }
.grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }
.col-span-1 { grid-column: span 1 / span 1; }
.col-span-2 { grid-column: span 2 / span 2; }
.col-span-3 { grid-column: span 3 / span 3; }
.col-span-4 { grid-column: span 4 / span 4; }
.col-span-5 { grid-column: span 5 / span 5; }
.col-span-6 { grid-column: span 6 / span 6; }
.col-span-7 { grid-column: span 7 / span 7; }
.col-span-8 { grid-column: span 8 / span 8; }
.col-span-9 { grid-column: span 9 / span 9; }
.col-span-10 { grid-column: span 10 / span 10; }
.col-span-11 { grid-column: span 11 / span 11; }
.col-span-12 { grid-column: span 12 / span 12; }
.col-span-full { grid-column: 1 / -1; }
.grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
.grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
.grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
.grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
.grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
.grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
.row-span-1 { grid-row: span 1 / span 1; }
.row-span-2 { grid-row: span 2 / span 2; }
.row-span-3 { grid-row: span 3 / span 3; }
.row-span-4 { grid-row: span 4 / span 4; }
.row-span-5 { grid-row: span 5 / span 5; }
.row-span-6 { grid-row: span 6 / span 6; }
.grid-flow-row { grid-auto-flow: row; }
.grid-flow-col { grid-auto-flow: column; }
.grid-flow-dense { grid-auto-flow: dense; }

/* Gap */
.gap-0 { gap: 0; }
.gap-10pct { gap: 10%; }
.gap-20pct { gap: 20%; }
.gap-30pct { gap: 30%; }
.gap-40pct { gap: 40%; }
.gap-50pct { gap: 50%; }
.gap-60pct { gap: 60%; }
.gap-70pct { gap: 70%; }
.gap-80pct { gap: 80%; }
.gap-90pct { gap: 90%; }
.gap-100pct { gap: 100%; }
.gap-10vw { gap: 10vw; }
.gap-20vw { gap: 20vw; }
.gap-30vw { gap: 30vw; }
.gap-40vw { gap: 40vw; }
.gap-50vw { gap: 50vw; }
.gap-60vw { gap: 60vw; }
.gap-70vw { gap: 70vw; }
.gap-80vw { gap: 80vw; }
.gap-90vw { gap: 90vw; }
.gap-100vw { gap: 100vw; }
.gap-10vh { gap: 10vh; }
.gap-20vh { gap: 20vh; }
.gap-30vh { gap: 30vh; }
.gap-40vh { gap: 40vh; }
.gap-50vh { gap: 50vh; }
.gap-60vh { gap: 60vh; }
.gap-70vh { gap: 70vh; }
.gap-80vh { gap: 80vh; }
.gap-90vh { gap: 90vh; }
.gap-100vh { gap: 100vh; }
.gap-10rem { gap: 10rem; }
.gap-20rem { gap: 20rem; }
.gap-30rem { gap: 30rem; }
.gap-40rem { gap: 40rem; }
.gap-50rem { gap: 50rem; }
.gap-60rem { gap: 60rem; }
.gap-70rem { gap: 70rem; }
.gap-80rem { gap: 80rem; }
.gap-90rem { gap: 90rem; }
.gap-100rem { gap: 100rem; }
.gap-x-0 { column-gap: 0; }
.gap-x-10pct { column-gap: 10%; }
.gap-x-20pct { column-gap: 20%; }
.gap-x-30pct { column-gap: 30%; }
.gap-x-40pct { column-gap: 40%; }
.gap-x-50pct { column-gap: 50%; }
.gap-x-60pct { column-gap: 60%; }
.gap-x-70pct { column-gap: 70%; }
.gap-x-80pct { column-gap: 80%; }
.gap-x-90pct { column-gap: 90%; }
.gap-x-100pct { column-gap: 100%; }
.gap-x-10vw { column-gap: 10vw; }
.gap-x-20vw { column-gap: 20vw; }
.gap-x-30vw { column-gap: 30vw; }
.gap-x-40vw { column-gap: 40vw; }
.gap-x-50vw { column-gap: 50vw; }
.gap-x-60vw { column-gap: 60vw; }
.gap-x-70vw { column-gap: 70vw; }
.gap-x-80vw { column-gap: 80vw; }
.gap-x-90vw { column-gap: 90vw; }
.gap-x-100vw { column-gap: 100vw; }
.gap-x-10vh { column-gap: 10vh; }
.gap-x-20vh { column-gap: 20vh; }
.gap-x-30vh { column-gap: 30vh; }
.gap-x-40vh { column-gap: 40vh; }
.gap-x-50vh { column-gap: 50vh; }
.gap-x-60vh { column-gap: 60vh; }
.gap-x-70vh { column-gap: 70vh; }
.gap-x-80vh { column-gap: 80vh; }
.gap-x-90vh { column-gap: 90vh; }
.gap-x-100vh { column-gap: 100vh; }
.gap-x-10rem { column-gap: 10rem; }
.gap-x-20rem { column-gap: 20rem; }
.gap-x-30rem { column-gap: 30rem; }
.gap-x-40rem { column-gap: 40rem; }
.gap-x-50rem { column-gap: 50rem; }
.gap-x-60rem { column-gap: 60rem; }
.gap-x-70rem { column-gap: 70rem; }
.gap-x-80rem { column-gap: 80rem; }
.gap-x-90rem { column-gap: 90rem; }
.gap-x-100rem { column-gap: 100rem; }
.gap-y-0 { row-gap: 0; }
.gap-y-10pct { row-gap: 10%; }
.gap-y-20pct { row-gap: 20%; }
.gap-y-30pct { row-gap: 30%; }
.gap-y-40pct { row-gap: 40%; }
.gap-y-50pct { row-gap: 50%; }
.gap-y-60pct { row-gap: 60%; }
.gap-y-70pct { row-gap: 70%; }
.gap-y-80pct { row-gap: 80%; }
.gap-y-90pct { row-gap: 90%; }
.gap-y-100pct { row-gap: 100%; }
.gap-y-10vw { row-gap: 10vw; }
.gap-y-20vw { row-gap: 20vw; }
.gap-y-30vw { row-gap: 30vw; }
.gap-y-40vw { row-gap: 40vw; }
.gap-y-50vw { row-gap: 50vw; }
.gap-y-60vw { row-gap: 60vw; }
.gap-y-70vw { row-gap: 70vw; }
.gap-y-80vw { row-gap: 80vw; }
.gap-y-90vw { row-gap: 90vw; }
.gap-y-100vw { row-gap: 100vw; }
.gap-y-10vh { row-gap: 10vh; }
.gap-y-20vh { row-gap: 20vh; }
.gap-y-30vh { row-gap: 30vh; }
.gap-y-40vh { row-gap: 40vh; }
.gap-y-50vh { row-gap: 50vh; }
.gap-y-60vh { row-gap: 60vh; }
.gap-y-70vh { row-gap: 70vh; }
.gap-y-80vh { row-gap: 80vh; }
.gap-y-90vh { row-gap: 90vh; }
.gap-y-100vh { row-gap: 100vh; }
.gap-y-10rem { row-gap: 10rem; }
.gap-y-20rem { row-gap: 20rem; }
.gap-y-30rem { row-gap: 30rem; }
.gap-y-40rem { row-gap: 40rem; }
.gap-y-50rem { row-gap: 50rem; }
.gap-y-60rem { row-gap: 60rem; }
.gap-y-70rem { row-gap: 70rem; }
.gap-y-80rem { row-gap: 80rem; }
.gap-y-90rem { row-gap: 90rem; }
.gap-y-100rem { row-gap: 100rem; }

/* Padding */
.p-0 { padding: 0; }
.p-10pct { padding: 10%; }
.p-20pct { padding: 20%; }
.p-30pct { padding: 30%; }
.p-40pct { padding: 40%; }
.p-50pct { padding: 50%; }
.p-60pct { padding: 60%; }
.p-70pct { padding: 70%; }
.p-80pct { padding: 80%; }
.p-90pct { padding: 90%; }
.p-100pct { padding: 100%; }
.p-10vw { padding: 10vw; }
.p-20vw { padding: 20vw; }
.p-30vw { padding: 30vw; }
.p-40vw { padding: 40vw; }
.p-50vw { padding: 50vw; }
.p-60vw { padding: 60vw; }
.p-70vw { padding: 70vw; }
.p-80vw { padding: 80vw; }
.p-90vw { padding: 90vw; }
.p-100vw { padding: 100vw; }
.p-10vh { padding: 10vh; }
.p-20vh { padding: 20vh; }
.p-30vh { padding: 30vh; }
.p-40vh { padding: 40vh; }
.p-50vh { padding: 50vh; }
.p-60vh { padding: 60vh; }
.p-70vh { padding: 70vh; }
.p-80vh { padding: 80vh; }
.p-90vh { padding: 90vh; }
.p-100vh { padding: 100vh; }
.p-10rem { padding: 10rem; }
.p-20rem { padding: 20rem; }
.p-30rem { padding: 30rem; }
.p-40rem { padding: 40rem; }
.p-50rem { padding: 50rem; }
.p-60rem { padding: 60rem; }
.p-70rem { padding: 70rem; }
.p-80rem { padding: 80rem; }
.p-90rem { padding: 90rem; }
.p-100rem { padding: 100rem; }
.px-0 { padding-left: 0; padding-right: 0; }
.px-10pct { padding-left: 10%; padding-right: 10%; }
.px-20pct { padding-left: 20%; padding-right: 20%; }
.px-30pct { padding-left: 30%; padding-right: 30%; }
.px-40pct { padding-left: 40%; padding-right: 40%; }
.px-50pct { padding-left: 50%; padding-right: 50%; }
.px-60pct { padding-left: 60%; padding-right: 60%; }
.px-70pct { padding-left: 70%; padding-right: 70%; }
.px-80pct { padding-left: 80%; padding-right: 80%; }
.px-90pct { padding-left: 90%; padding-right: 90%; }
.px-100pct { padding-left: 100%; padding-right: 100%; }
.px-10vw { padding-left: 10vw; padding-right: 10vw; }
.px-20vw { padding-left: 20vw; padding-right: 20vw; }
.px-30vw { padding-left: 30vw; padding-right: 30vw; }
.px-40vw { padding-left: 40vw; padding-right: 40vw; }
.px-50vw { padding-left: 50vw; padding-right: 50vw; }
.px-60vw { padding-left: 60vw; padding-right: 60vw; }
.px-70vw { padding-left: 70vw; padding-right: 70vw; }
.px-80vw { padding-left: 80vw; padding-right: 80vw; }
.px-90vw { padding-left: 90vw; padding-right: 90vw; }
.px-100vw { padding-left: 100vw; padding-right: 100vw; }
.px-10vh { padding-left: 10vh; padding-right: 10vh; }
.px-20vh { padding-left: 20vh; padding-right: 20vh; }
.px-30vh { padding-left: 30vh; padding-right: 30vh; }
.px-40vh { padding-left: 40vh; padding-right: 40vh; }
.px-50vh { padding-left: 50vh; padding-right: 50vh; }
.px-60vh { padding-left: 60vh; padding-right: 60vh; }
.px-70vh { padding-left: 70vh; padding-right: 70vh; }
.px-80vh { padding-left: 80vh; padding-right: 80vh; }
.px-90vh { padding-left: 90vh; padding-right: 90vh; }
.px-100vh { padding-left: 100vh; padding-right: 100vh; }
.px-10rem { padding-left: 10rem; padding-right: 10rem; }
.px-20rem { padding-left: 20rem; padding-right: 20rem; }
.px-30rem { padding-left: 30rem; padding-right: 30rem; }
.px-40rem { padding-left: 40rem; padding-right: 40rem; }
.px-50rem { padding-left: 50rem; padding-right: 50rem; }
.px-60rem { padding-left: 60rem; padding-right: 60rem; }
.px-70rem { padding-left: 70rem; padding-right: 70rem; }
.px-80rem { padding-left: 80rem; padding-right: 80rem; }
.px-90rem { padding-left: 90rem; padding-right: 90rem; }
.px-100rem { padding-left: 100rem; padding-right: 100rem; }
.py-0 { padding-top: 0; padding-bottom: 0; }
.py-10pct { padding-top: 10%; padding-bottom: 10%; }
.py-20pct { padding-top: 20%; padding-bottom: 20%; }
.py-30pct { padding-top: 30%; padding-bottom: 30%; }
.py-40pct { padding-top: 40%; padding-bottom: 40%; }
.py-50pct { padding-top: 50%; padding-bottom: 50%; }
.py-60pct { padding-top: 60%; padding-bottom: 60%; }
.py-70pct { padding-top: 70%; padding-bottom: 70%; }
.py-80pct { padding-top: 80%; padding-bottom: 80%; }
.py-90pct { padding-top: 90%; padding-bottom: 90%; }
.py-100pct { padding-top: 100%; padding-bottom: 100%; }
.py-10vw { padding-top: 10vw; padding-bottom: 10vw; }
.py-20vw { padding-top: 20vw; padding-bottom: 20vw; }
.py-30vw { padding-top: 30vw; padding-bottom: 30vw; }
.py-40vw { padding-top: 40vw; padding-bottom: 40vw; }
.py-50vw { padding-top: 50vw; padding-bottom: 50vw; }
.py-60vw { padding-top: 60vw; padding-bottom: 60vw; }
.py-70vw { padding-top: 70vw; padding-bottom: 70vw; }
.py-80vw { padding-top: 80vw; padding-bottom: 80vw; }
.py-90vw { padding-top: 90vw; padding-bottom: 90vw; }
.py-100vw { padding-top: 100vw; padding-bottom: 100vw; }
.py-10vh { padding-top: 10vh; padding-bottom: 10vh; }
.py-20vh { padding-top: 20vh; padding-bottom: 20vh; }
.py-30vh { padding-top: 30vh; padding-bottom: 30vh; }
.py-40vh { padding-top: 40vh; padding-bottom: 40vh; }
.py-50vh { padding-top: 50vh; padding-bottom: 50vh; }
.py-60vh { padding-top: 60vh; padding-bottom: 60vh; }
.py-70vh { padding-top: 70vh; padding-bottom: 70vh; }
.py-80vh { padding-top: 80vh; padding-bottom: 80vh; }
.py-90vh { padding-top: 90vh; padding-bottom: 90vh; }
.py-100vh { padding-top: 100vh; padding-bottom: 100vh; }
.py-10rem { padding-top: 10rem; padding-bottom: 10rem; }
.py-20rem { padding-top: 20rem; padding-bottom: 20rem; }
.py-30rem { padding-top: 30rem; padding-bottom: 30rem; }
.py-40rem { padding-top: 40rem; padding-bottom: 40rem; }
.py-50rem { padding-top: 50rem; padding-bottom: 50rem; }
.py-60rem { padding-top: 60rem; padding-bottom: 60rem; }
.py-70rem { padding-top: 70rem; padding-bottom: 70rem; }
.py-80rem { padding-top: 80rem; padding-bottom: 80rem; }
.py-90rem { padding-top: 90rem; padding-bottom: 90rem; }
.py-100rem { padding-top: 100rem; padding-bottom: 100rem; }
.pt-0 { padding-top: 0; }
.pt-10pct { padding-top: 10%; }
.pt-20pct { padding-top: 20%; }
.pt-30pct { padding-top: 30%; }
.pt-40pct { padding-top: 40%; }
.pt-50pct { padding-top: 50%; }
.pt-60pct { padding-top: 60%; }
.pt-70pct { padding-top: 70%; }
.pt-80pct { padding-top: 80%; }
.pt-90pct { padding-top: 90%; }
.pt-100pct { padding-top: 100%; }
.pt-10vw { padding-top: 10vw; }
.pt-20vw { padding-top: 20vw; }
.pt-30vw { padding-top: 30vw; }
.pt-40vw { padding-top: 40vw; }
.pt-50vw { padding-top: 50vw; }
.pt-60vw { padding-top: 60vw; }
.pt-70vw { padding-top: 70vw; }
.pt-80vw { padding-top: 80vw; }
.pt-90vw { padding-top: 90vw; }
.pt-100vw { padding-top: 100vw; }
.pt-10vh { padding-top: 10vh; }
.pt-20vh { padding-top: 20vh; }
.pt-30vh { padding-top: 30vh; }
.pt-40vh { padding-top: 40vh; }
.pt-50vh { padding-top: 50vh; }
.pt-60vh { padding-top: 60vh; }
.pt-70vh { padding-top: 70vh; }
.pt-80vh { padding-top: 80vh; }
.pt-90vh { padding-top: 90vh; }
.pt-100vh { padding-top: 100vh; }
.pt-10rem { padding-top: 10rem; }
.pt-20rem { padding-top: 20rem; }
.pt-30rem { padding-top: 30rem; }
.pt-40rem { padding-top: 40rem; }
.pt-50rem { padding-top: 50rem; }
.pt-60rem { padding-top: 60rem; }
.pt-70rem { padding-top: 70rem; }
.pt-80rem { padding-top: 80rem; }
.pt-90rem { padding-top: 90rem; }
.pt-100rem { padding-top: 100rem; }
.pr-0 { padding-right: 0; }
.pr-10pct { padding-right: 10%; }
.pr-20pct { padding-right: 20%; }
.pr-30pct { padding-right: 30%; }
.pr-40pct { padding-right: 40%; }
.pr-50pct { padding-right: 50%; }
.pr-60pct { padding-right: 60%; }
.pr-70pct { padding-right: 70%; }
.pr-80pct { padding-right: 80%; }
.pr-90pct { padding-right: 90%; }
.pr-100pct { padding-right: 100%; }
.pr-10vw { padding-right: 10vw; }
.pr-20vw { padding-right: 20vw; }
.pr-30vw { padding-right: 30vw; }
.pr-40vw { padding-right: 40vw; }
.pr-50vw { padding-right: 50vw; }
.pr-60vw { padding-right: 60vw; }
.pr-70vw { padding-right: 70vw; }
.pr-80vw { padding-right: 80vw; }
.pr-90vw { padding-right: 90vw; }
.pr-100vw { padding-right: 100vw; }
.pr-10vh { padding-right: 10vh; }
.pr-20vh { padding-right: 20vh; }
.pr-30vh { padding-right: 30vh; }
.pr-40vh { padding-right: 40vh; }
.pr-50vh { padding-right: 50vh; }
.pr-60vh { padding-right: 60vh; }
.pr-70vh { padding-right: 70vh; }
.pr-80vh { padding-right: 80vh; }
.pr-90vh { padding-right: 90vh; }
.pr-100vh { padding-right: 100vh; }
.pr-10rem { padding-right: 10rem; }
.pr-20rem { padding-right: 20rem; }
.pr-30rem { padding-right: 30rem; }
.pr-40rem { padding-right: 40rem; }
.pr-50rem { padding-right: 50rem; }
.pr-60rem { padding-right: 60rem; }
.pr-70rem { padding-right: 70rem; }
.pr-80rem { padding-right: 80rem; }
.pr-90rem { padding-right: 90rem; }
.pr-100rem { padding-right: 100rem; }
.pb-0 { padding-bottom: 0; }
.pb-10pct { padding-bottom: 10%; }
.pb-20pct { padding-bottom: 20%; }
.pb-30pct { padding-bottom: 30%; }
.pb-40pct { padding-bottom: 40%; }
.pb-50pct { padding-bottom: 50%; }
.pb-60pct { padding-bottom: 60%; }
.pb-70pct { padding-bottom: 70%; }
.pb-80pct { padding-bottom: 80%; }
.pb-90pct { padding-bottom: 90%; }
.pb-100pct { padding-bottom: 100%; }
.pb-10vw { padding-bottom: 10vw; }
.pb-20vw { padding-bottom: 20vw; }
.pb-30vw { padding-bottom: 30vw; }
.pb-40vw { padding-bottom: 40vw; }
.pb-50vw { padding-bottom: 50vw; }
.pb-60vw { padding-bottom: 60vw; }
.pb-70vw { padding-bottom: 70vw; }
.pb-80vw { padding-bottom: 80vw; }
.pb-90vw { padding-bottom: 90vw; }
.pb-100vw { padding-bottom: 100vw; }
.pb-10vh { padding-bottom: 10vh; }
.pb-20vh { padding-bottom: 20vh; }
.pb-30vh { padding-bottom: 30vh; }
.pb-40vh { padding-bottom: 40vh; }
.pb-50vh { padding-bottom: 50vh; }
.pb-60vh { padding-bottom: 60vh; }
.pb-70vh { padding-bottom: 70vh; }
.pb-80vh { padding-bottom: 80vh; }
.pb-90vh { padding-bottom: 90vh; }
.pb-100vh { padding-bottom: 100vh; }
.pb-10rem { padding-bottom: 10rem; }
.pb-20rem { padding-bottom: 20rem; }
.pb-30rem { padding-bottom: 30rem; }
.pb-40rem { padding-bottom: 40rem; }
.pb-50rem { padding-bottom: 50rem; }
.pb-60rem { padding-bottom: 60rem; }
.pb-70rem { padding-bottom: 70rem; }
.pb-80rem { padding-bottom: 80rem; }
.pb-90rem { padding-bottom: 90rem; }
.pb-100rem { padding-bottom: 100rem; }
.pl-0 { padding-left: 0; }
.pl-10pct { padding-left: 10%; }
.pl-20pct { padding-left: 20%; }
.pl-30pct { padding-left: 30%; }
.pl-40pct { padding-left: 40%; }
.pl-50pct { padding-left: 50%; }
.pl-60pct { padding-left: 60%; }
.pl-70pct { padding-left: 70%; }
.pl-80pct { padding-left: 80%; }
.pl-90pct { padding-left: 90%; }
.pl-100pct { padding-left: 100%; }
.pl-10vw { padding-left: 10vw; }
.pl-20vw { padding-left: 20vw; }
.pl-30vw { padding-left: 30vw; }
.pl-40vw { padding-left: 40vw; }
.pl-50vw { padding-left: 50vw; }
.pl-60vw { padding-left: 60vw; }
.pl-70vw { padding-left: 70vw; }
.pl-80vw { padding-left: 80vw; }
.pl-90vw { padding-left: 90vw; }
.pl-100vw { padding-left: 100vw; }
.pl-10vh { padding-left: 10vh; }
.pl-20vh { padding-left: 20vh; }
.pl-30vh { padding-left: 30vh; }
.pl-40vh { padding-left: 40vh; }
.pl-50vh { padding-left: 50vh; }
.pl-60vh { padding-left: 60vh; }
.pl-70vh { padding-left: 70vh; }
.pl-80vh { padding-left: 80vh; }
.pl-90vh { padding-left: 90vh; }
.pl-100vh { padding-left: 100vh; }
.pl-10rem { padding-left: 10rem; }
.pl-20rem { padding-left: 20rem; }
.pl-30rem { padding-left: 30rem; }
.pl-40rem { padding-left: 40rem; }
.pl-50rem { padding-left: 50rem; }
.pl-60rem { padding-left: 60rem; }
.pl-70rem { padding-left: 70rem; }
.pl-80rem { padding-left: 80rem; }
.pl-90rem { padding-left: 90rem; }
.pl-100rem { padding-left: 100rem; }

/* Margin */
.m-0 { margin: 0; }
.m-auto { margin: auto; }
.m-10pct { margin: 10%; }
.m-20pct { margin: 20%; }
.m-30pct { margin: 30%; }
.m-40pct { margin: 40%; }
.m-50pct { margin: 50%; }
.m-60pct { margin: 60%; }
.m-70pct { margin: 70%; }
.m-80pct { margin: 80%; }
.m-90pct { margin: 90%; }
.m-100pct { margin: 100%; }
.m-10vw { margin: 10vw; }
.m-20vw { margin: 20vw; }
.m-30vw { margin: 30vw; }
.m-40vw { margin: 40vw; }
.m-50vw { margin: 50vw; }
.m-60vw { margin: 60vw; }
.m-70vw { margin: 70vw; }
.m-80vw { margin: 80vw; }
.m-90vw { margin: 90vw; }
.m-100vw { margin: 100vw; }
.m-10vh { margin: 10vh; }
.m-20vh { margin: 20vh; }
.m-30vh { margin: 30vh; }
.m-40vh { margin: 40vh; }
.m-50vh { margin: 50vh; }
.m-60vh { margin: 60vh; }
.m-70vh { margin: 70vh; }
.m-80vh { margin: 80vh; }
.m-90vh { margin: 90vh; }
.m-100vh { margin: 100vh; }
.m-10rem { margin: 10rem; }
.m-20rem { margin: 20rem; }
.m-30rem { margin: 30rem; }
.m-40rem { margin: 40rem; }
.m-50rem { margin: 50rem; }
.m-60rem { margin: 60rem; }
.m-70rem { margin: 70rem; }
.m-80rem { margin: 80rem; }
.m-90rem { margin: 90rem; }
.m-100rem { margin: 100rem; }
.mx-0 { margin-left: 0; margin-right: 0; }
.mx-auto { margin-left: auto; margin-right: auto; }
.mx-10pct { margin-left: 10%; margin-right: 10%; }
.mx-20pct { margin-left: 20%; margin-right: 20%; }
.mx-30pct { margin-left: 30%; margin-right: 30%; }
.mx-40pct { margin-left: 40%; margin-right: 40%; }
.mx-50pct { margin-left: 50%; margin-right: 50%; }
.mx-60pct { margin-left: 60%; margin-right: 60%; }
.mx-70pct { margin-left: 70%; margin-right: 70%; }
.mx-80pct { margin-left: 80%; margin-right: 80%; }
.mx-90pct { margin-left: 90%; margin-right: 90%; }
.mx-100pct { margin-left: 100%; margin-right: 100%; }
.mx-10vw { margin-left: 10vw; margin-right: 10vw; }
.mx-20vw { margin-left: 20vw; margin-right: 20vw; }
.mx-30vw { margin-left: 30vw; margin-right: 30vw; }
.mx-40vw { margin-left: 40vw; margin-right: 40vw; }
.mx-50vw { margin-left: 50vw; margin-right: 50vw; }
.mx-60vw { margin-left: 60vw; margin-right: 60vw; }
.mx-70vw { margin-left: 70vw; margin-right: 70vw; }
.mx-80vw { margin-left: 80vw; margin-right: 80vw; }
.mx-90vw { margin-left: 90vw; margin-right: 90vw; }
.mx-100vw { margin-left: 100vw; margin-right: 100vw; }
.mx-10vh { margin-left: 10vh; margin-right: 10vh; }
.mx-20vh { margin-left: 20vh; margin-right: 20vh; }
.mx-30vh { margin-left: 30vh; margin-right: 30vh; }
.mx-40vh { margin-left: 40vh; margin-right: 40vh; }
.mx-50vh { margin-left: 50vh; margin-right: 50vh; }
.mx-60vh { margin-left: 60vh; margin-right: 60vh; }
.mx-70vh { margin-left: 70vh; margin-right: 70vh; }
.mx-80vh { margin-left: 80vh; margin-right: 80vh; }
.mx-90vh { margin-left: 90vh; margin-right: 90vh; }
.mx-100vh { margin-left: 100vh; margin-right: 100vh; }
.mx-10rem { margin-left: 10rem; margin-right: 10rem; }
.mx-20rem { margin-left: 20rem; margin-right: 20rem; }
.mx-30rem { margin-left: 30rem; margin-right: 30rem; }
.mx-40rem { margin-left: 40rem; margin-right: 40rem; }
.mx-50rem { margin-left: 50rem; margin-right: 50rem; }
.mx-60rem { margin-left: 60rem; margin-right: 60rem; }
.mx-70rem { margin-left: 70rem; margin-right: 70rem; }
.mx-80rem { margin-left: 80rem; margin-right: 80rem; }
.mx-90rem { margin-left: 90rem; margin-right: 90rem; }
.mx-100rem { margin-left: 100rem; margin-right: 100rem; }
.my-0 { margin-top: 0; margin-bottom: 0; }
.my-auto { margin-top: auto; margin-bottom: auto; }
.my-10pct { margin-top: 10%; margin-bottom: 10%; }
.my-20pct { margin-top: 20%; margin-bottom: 20%; }
.my-30pct { margin-top: 30%; margin-bottom: 30%; }
.my-40pct { margin-top: 40%; margin-bottom: 40%; }
.my-50pct { margin-top: 50%; margin-bottom: 50%; }
.my-60pct { margin-top: 60%; margin-bottom: 60%; }
.my-70pct { margin-top: 70%; margin-bottom: 70%; }
.my-80pct { margin-top: 80%; margin-bottom: 80%; }
.my-90pct { margin-top: 90%; margin-bottom: 90%; }
.my-100pct { margin-top: 100%; margin-bottom: 100%; }
.my-10vw { margin-top: 10vw; margin-bottom: 10vw; }
.my-20vw { margin-top: 20vw; margin-bottom: 20vw; }
.my-30vw { margin-top: 30vw; margin-bottom: 30vw; }
.my-40vw { margin-top: 40vw; margin-bottom: 40vw; }
.my-50vw { margin-top: 50vw; margin-bottom: 50vw; }
.my-60vw { margin-top: 60vw; margin-bottom: 60vw; }
.my-70vw { margin-top: 70vw; margin-bottom: 70vw; }
.my-80vw { margin-top: 80vw; margin-bottom: 80vw; }
.my-90vw { margin-top: 90vw; margin-bottom: 90vw; }
.my-100vw { margin-top: 100vw; margin-bottom: 100vw; }
.my-10vh { margin-top: 10vh; margin-bottom: 10vh; }
.my-20vh { margin-top: 20vh; margin-bottom: 20vh; }
.my-30vh { margin-top: 30vh; margin-bottom: 30vh; }
.my-40vh { margin-top: 40vh; margin-bottom: 40vh; }
.my-50vh { margin-top: 50vh; margin-bottom: 50vh; }
.my-60vh { margin-top: 60vh; margin-bottom: 60vh; }
.my-70vh { margin-top: 70vh; margin-bottom: 70vh; }
.my-80vh { margin-top: 80vh; margin-bottom: 80vh; }
.my-90vh { margin-top: 90vh; margin-bottom: 90vh; }
.my-100vh { margin-top: 100vh; margin-bottom: 100vh; }
.my-10rem { margin-top: 10rem; margin-bottom: 10rem; }
.my-20rem { margin-top: 20rem; margin-bottom: 20rem; }
.my-30rem { margin-top: 30rem; margin-bottom: 30rem; }
.my-40rem { margin-top: 40rem; margin-bottom: 40rem; }
.my-50rem { margin-top: 50rem; margin-bottom: 50rem; }
.my-60rem { margin-top: 60rem; margin-bottom: 60rem; }
.my-70rem { margin-top: 70rem; margin-bottom: 70rem; }
.my-80rem { margin-top: 80rem; margin-bottom: 80rem; }
.my-90rem { margin-top: 90rem; margin-bottom: 90rem; }
.my-100rem { margin-top: 100rem; margin-bottom: 100rem; }
.mt-0 { margin-top: 0; }
.mt-auto { margin-top: auto; }
.mt-5pct { margin-top: 5%; }
.mt-10pct { margin-top: 10%; }
.mt-12pct { margin-top: 12%; }
.mt-15pct { margin-top: 15%; }
.mt-20pct { margin-top: 20%; }
.mt-30pct { margin-top: 30%; }
.mt-40pct { margin-top: 40%; }
.mt-50pct { margin-top: 50%; }
.mt-60pct { margin-top: 60%; }
.mt-70pct { margin-top: 70%; }
.mt-80pct { margin-top: 80%; }
.mt-90pct { margin-top: 90%; }
.mt-100pct { margin-top: 100%; }
.mt-10vw { margin-top: 10vw; }
.mt-20vw { margin-top: 20vw; }
.mt-30vw { margin-top: 30vw; }
.mt-40vw { margin-top: 40vw; }
.mt-50vw { margin-top: 50vw; }
.mt-60vw { margin-top: 60vw; }
.mt-70vw { margin-top: 70vw; }
.mt-80vw { margin-top: 80vw; }
.mt-90vw { margin-top: 90vw; }
.mt-100vw { margin-top: 100vw; }
.mt-10vh { margin-top: 10vh; }
.mt-20vh { margin-top: 20vh; }
.mt-30vh { margin-top: 30vh; }
.mt-40vh { margin-top: 40vh; }
.mt-50vh { margin-top: 50vh; }
.mt-60vh { margin-top: 60vh; }
.mt-70vh { margin-top: 70vh; }
.mt-80vh { margin-top: 80vh; }
.mt-90vh { margin-top: 90vh; }
.mt-100vh { margin-top: 100vh; }
.mt-10rem { margin-top: 10rem; }
.mt-20rem { margin-top: 20rem; }
.mt-30rem { margin-top: 30rem; }
.mt-40rem { margin-top: 40rem; }
.mt-50rem { margin-top: 50rem; }
.mt-60rem { margin-top: 60rem; }
.mt-70rem { margin-top: 70rem; }
.mt-80rem { margin-top: 80rem; }
.mt-90rem { margin-top: 90rem; }
.mt-100rem { margin-top: 100rem; }
.mr-0 { margin-right: 0; }
.mr-auto { margin-right: auto; }
.mr-10pct { margin-right: 10%; }
.mr-20pct { margin-right: 20%; }
.mr-30pct { margin-right: 30%; }
.mr-40pct { margin-right: 40%; }
.mr-50pct { margin-right: 50%; }
.mr-60pct { margin-right: 60%; }
.mr-70pct { margin-right: 70%; }
.mr-80pct { margin-right: 80%; }
.mr-90pct { margin-right: 90%; }
.mr-100pct { margin-right: 100%; }
.mr-10vw { margin-right: 10vw; }
.mr-20vw { margin-right: 20vw; }
.mr-30vw { margin-right: 30vw; }
.mr-40vw { margin-right: 40vw; }
.mr-50vw { margin-right: 50vw; }
.mr-60vw { margin-right: 60vw; }
.mr-70vw { margin-right: 70vw; }
.mr-80vw { margin-right: 80vw; }
.mr-90vw { margin-right: 90vw; }
.mr-100vw { margin-right: 100vw; }
.mr-10vh { margin-right: 10vh; }
.mr-20vh { margin-right: 20vh; }
.mr-30vh { margin-right: 30vh; }
.mr-40vh { margin-right: 40vh; }
.mr-50vh { margin-right: 50vh; }
.mr-60vh { margin-right: 60vh; }
.mr-70vh { margin-right: 70vh; }
.mr-80vh { margin-right: 80vh; }
.mr-90vh { margin-right: 90vh; }
.mr-100vh { margin-right: 100vh; }
.mr-10rem { margin-right: 10rem; }
.mr-20rem { margin-right: 20rem; }
.mr-30rem { margin-right: 30rem; }
.mr-40rem { margin-right: 40rem; }
.mr-50rem { margin-right: 50rem; }
.mr-60rem { margin-right: 60rem; }
.mr-70rem { margin-right: 70rem; }
.mr-80rem { margin-right: 80rem; }
.mr-90rem { margin-right: 90rem; }
.mr-100rem { margin-right: 100rem; }
.mb-0 { margin-bottom: 0; }
.mb-auto { margin-bottom: auto; }
.mb-5pct { margin-bottom: 5%; }
.mb-10pct { margin-bottom: 10%; }
.mb-20pct { margin-bottom: 20%; }
.mb-30pct { margin-bottom: 30%; }
.mb-40pct { margin-bottom: 40%; }
.mb-50pct { margin-bottom: 50%; }
.mb-60pct { margin-bottom: 60%; }
.mb-70pct { margin-bottom: 70%; }
.mb-80pct { margin-bottom: 80%; }
.mb-90pct { margin-bottom: 90%; }
.mb-100pct { margin-bottom: 100%; }
.mb-10vw { margin-bottom: 10vw; }
.mb-20vw { margin-bottom: 20vw; }
.mb-30vw { margin-bottom: 30vw; }
.mb-40vw { margin-bottom: 40vw; }
.mb-50vw { margin-bottom: 50vw; }
.mb-60vw { margin-bottom: 60vw; }
.mb-70vw { margin-bottom: 70vw; }
.mb-80vw { margin-bottom: 80vw; }
.mb-90vw { margin-bottom: 90vw; }
.mb-100vw { margin-bottom: 100vw; }
.mb-10vh { margin-bottom: 10vh; }
.mb-20vh { margin-bottom: 20vh; }
.mb-30vh { margin-bottom: 30vh; }
.mb-40vh { margin-bottom: 40vh; }
.mb-50vh { margin-bottom: 50vh; }
.mb-60vh { margin-bottom: 60vh; }
.mb-70vh { margin-bottom: 70vh; }
.mb-80vh { margin-bottom: 80vh; }
.mb-90vh { margin-bottom: 90vh; }
.mb-100vh { margin-bottom: 100vh; }
.mb-10rem { margin-bottom: 10rem; }
.mb-20rem { margin-bottom: 20rem; }
.mb-30rem { margin-bottom: 30rem; }
.mb-40rem { margin-bottom: 40rem; }
.mb-50rem { margin-bottom: 50rem; }
.mb-60rem { margin-bottom: 60rem; }
.mb-70rem { margin-bottom: 70rem; }
.mb-80rem { margin-bottom: 80rem; }
.mb-90rem { margin-bottom: 90rem; }
.mb-100rem { margin-bottom: 100rem; }
.ml-0 { margin-left: 0; }
.ml-auto { margin-left: auto; }
.ml-10pct { margin-left: 10%; }
.ml-20pct { margin-left: 20%; }
.ml-22pct { margin-left: 22%; }
.ml-30pct { margin-left: 30%; }
.ml-40pct { margin-left: 40%; }
.ml-50pct { margin-left: 50%; }
.ml-60pct { margin-left: 60%; }
.ml-70pct { margin-left: 70%; }
.ml-80pct { margin-left: 80%; }
.ml-90pct { margin-left: 90%; }
.ml-100pct { margin-left: 100%; }
.ml-10vw { margin-left: 10vw; }
.ml-20vw { margin-left: 20vw; }
.ml-30vw { margin-left: 30vw; }
.ml-40vw { margin-left: 40vw; }
.ml-50vw { margin-left: 50vw; }
.ml-60vw { margin-left: 60vw; }
.ml-70vw { margin-left: 70vw; }
.ml-80vw { margin-left: 80vw; }
.ml-90vw { margin-left: 90vw; }
.ml-100vw { margin-left: 100vw; }
.ml-10vh { margin-left: 10vh; }
.ml-20vh { margin-left: 20vh; }
.ml-30vh { margin-left: 30vh; }
.ml-40vh { margin-left: 40vh; }
.ml-50vh { margin-left: 50vh; }
.ml-60vh { margin-left: 60vh; }
.ml-70vh { margin-left: 70vh; }
.ml-80vh { margin-left: 80vh; }
.ml-90vh { margin-left: 90vh; }
.ml-100vh { margin-left: 100vh; }
.ml-10rem { margin-left: 10rem; }
.ml-20rem { margin-left: 20rem; }
.ml-30rem { margin-left: 30rem; }
.ml-40rem { margin-left: 40rem; }
.ml-50rem { margin-left: 50rem; }
.ml-60rem { margin-left: 60rem; }
.ml-70rem { margin-left: 70rem; }
.ml-80rem { margin-left: 80rem; }
.ml-90rem { margin-left: 90rem; }
.ml-100rem { margin-left: 100rem; }

/* Space between children */
.space-x-0 > :not([hidden]) ~ :not([hidden]) { margin-left: 0; }
.space-x-10pct > :not([hidden]) ~ :not([hidden]) { margin-left: 10%; }
.space-x-20pct > :not([hidden]) ~ :not([hidden]) { margin-left: 20%; }
.space-x-30pct > :not([hidden]) ~ :not([hidden]) { margin-left: 30%; }
.space-x-40pct > :not([hidden]) ~ :not([hidden]) { margin-left: 40%; }
.space-x-50pct > :not([hidden]) ~ :not([hidden]) { margin-left: 50%; }
.space-x-60pct > :not([hidden]) ~ :not([hidden]) { margin-left: 60%; }
.space-x-70pct > :not([hidden]) ~ :not([hidden]) { margin-left: 70%; }
.space-x-80pct > :not([hidden]) ~ :not([hidden]) { margin-left: 80%; }
.space-x-90pct > :not([hidden]) ~ :not([hidden]) { margin-left: 90%; }
.space-x-100pct > :not([hidden]) ~ :not([hidden]) { margin-left: 100%; }
.space-x-10vw > :not([hidden]) ~ :not([hidden]) { margin-left: 10vw; }
.space-x-20vw > :not([hidden]) ~ :not([hidden]) { margin-left: 20vw; }
.space-x-30vw > :not([hidden]) ~ :not([hidden]) { margin-left: 30vw; }
.space-x-40vw > :not([hidden]) ~ :not([hidden]) { margin-left: 40vw; }
.space-x-50vw > :not([hidden]) ~ :not([hidden]) { margin-left: 50vw; }
.space-x-60vw > :not([hidden]) ~ :not([hidden]) { margin-left: 60vw; }
.space-x-70vw > :not([hidden]) ~ :not([hidden]) { margin-left: 70vw; }
.space-x-80vw > :not([hidden]) ~ :not([hidden]) { margin-left: 80vw; }
.space-x-90vw > :not([hidden]) ~ :not([hidden]) { margin-left: 90vw; }
.space-x-100vw > :not([hidden]) ~ :not([hidden]) { margin-left: 100vw; }
.space-x-10vh > :not([hidden]) ~ :not([hidden]) { margin-left: 10vh; }
.space-x-20vh > :not([hidden]) ~ :not([hidden]) { margin-left: 20vh; }
.space-x-30vh > :not([hidden]) ~ :not([hidden]) { margin-left: 30vh; }
.space-x-40vh > :not([hidden]) ~ :not([hidden]) { margin-left: 40vh; }
.space-x-50vh > :not([hidden]) ~ :not([hidden]) { margin-left: 50vh; }
.space-x-60vh > :not([hidden]) ~ :not([hidden]) { margin-left: 60vh; }
.space-x-70vh > :not([hidden]) ~ :not([hidden]) { margin-left: 70vh; }
.space-x-80vh > :not([hidden]) ~ :not([hidden]) { margin-left: 80vh; }
.space-x-90vh > :not([hidden]) ~ :not([hidden]) { margin-left: 90vh; }
.space-x-100vh > :not([hidden]) ~ :not([hidden]) { margin-left: 100vh; }
.space-x-10rem > :not([hidden]) ~ :not([hidden]) { margin-left: 10rem; }
.space-x-20rem > :not([hidden]) ~ :not([hidden]) { margin-left: 20rem; }
.space-x-30rem > :not([hidden]) ~ :not([hidden]) { margin-left: 30rem; }
.space-x-40rem > :not([hidden]) ~ :not([hidden]) { margin-left: 40rem; }
.space-x-50rem > :not([hidden]) ~ :not([hidden]) { margin-left: 50rem; }
.space-x-60rem > :not([hidden]) ~ :not([hidden]) { margin-left: 60rem; }
.space-x-70rem > :not([hidden]) ~ :not([hidden]) { margin-left: 70rem; }
.space-x-80rem > :not([hidden]) ~ :not([hidden]) { margin-left: 80rem; }
.space-x-90rem > :not([hidden]) ~ :not([hidden]) { margin-left: 90rem; }
.space-x-100rem > :not([hidden]) ~ :not([hidden]) { margin-left: 100rem; }
.space-y-0 > :not([hidden]) ~ :not([hidden]) { margin-top: 0; }
.space-y-10pct > :not([hidden]) ~ :not([hidden]) { margin-top: 10%; }
.space-y-20pct > :not([hidden]) ~ :not([hidden]) { margin-top: 20%; }
.space-y-30pct > :not([hidden]) ~ :not([hidden]) { margin-top: 30%; }
.space-y-40pct > :not([hidden]) ~ :not([hidden]) { margin-top: 40%; }
.space-y-50pct > :not([hidden]) ~ :not([hidden]) { margin-top: 50%; }
.space-y-60pct > :not([hidden]) ~ :not([hidden]) { margin-top: 60%; }
.space-y-70pct > :not([hidden]) ~ :not([hidden]) { margin-top: 70%; }
.space-y-80pct > :not([hidden]) ~ :not([hidden]) { margin-top: 80%; }
.space-y-90pct > :not([hidden]) ~ :not([hidden]) { margin-top: 90%; }
.space-y-100pct > :not([hidden]) ~ :not([hidden]) { margin-top: 100%; }
.space-y-10vw > :not([hidden]) ~ :not([hidden]) { margin-top: 10vw; }
.space-y-20vw > :not([hidden]) ~ :not([hidden]) { margin-top: 20vw; }
.space-y-30vw > :not([hidden]) ~ :not([hidden]) { margin-top: 30vw; }
.space-y-40vw > :not([hidden]) ~ :not([hidden]) { margin-top: 40vw; }
.space-y-50vw > :not([hidden]) ~ :not([hidden]) { margin-top: 50vw; }
.space-y-60vw > :not([hidden]) ~ :not([hidden]) { margin-top: 60vw; }
.space-y-70vw > :not([hidden]) ~ :not([hidden]) { margin-top: 70vw; }
.space-y-80vw > :not([hidden]) ~ :not([hidden]) { margin-top: 80vw; }
.space-y-90vw > :not([hidden]) ~ :not([hidden]) { margin-top: 90vw; }
.space-y-100vw > :not([hidden]) ~ :not([hidden]) { margin-top: 100vw; }
.space-y-10vh > :not([hidden]) ~ :not([hidden]) { margin-top: 10vh; }
.space-y-20vh > :not([hidden]) ~ :not([hidden]) { margin-top: 20vh; }
.space-y-30vh > :not([hidden]) ~ :not([hidden]) { margin-top: 30vh; }
.space-y-40vh > :not([hidden]) ~ :not([hidden]) { margin-top: 40vh; }
.space-y-50vh > :not([hidden]) ~ :not([hidden]) { margin-top: 50vh; }
.space-y-60vh > :not([hidden]) ~ :not([hidden]) { margin-top: 60vh; }
.space-y-70vh > :not([hidden]) ~ :not([hidden]) { margin-top: 70vh; }
.space-y-80vh > :not([hidden]) ~ :not([hidden]) { margin-top: 80vh; }
.space-y-90vh > :not([hidden]) ~ :not([hidden]) { margin-top: 90vh; }
.space-y-100vh > :not([hidden]) ~ :not([hidden]) { margin-top: 100vh; }
.space-y-10rem > :not([hidden]) ~ :not([hidden]) { margin-top: 10rem; }
.space-y-20rem > :not([hidden]) ~ :not([hidden]) { margin-top: 20rem; }
.space-y-30rem > :not([hidden]) ~ :not([hidden]) { margin-top: 30rem; }
.space-y-40rem > :not([hidden]) ~ :not([hidden]) { margin-top: 40rem; }
.space-y-50rem > :not([hidden]) ~ :not([hidden]) { margin-top: 50rem; }
.space-y-60rem > :not([hidden]) ~ :not([hidden]) { margin-top: 60rem; }
.space-y-70rem > :not([hidden]) ~ :not([hidden]) { margin-top: 70rem; }
.space-y-80rem > :not([hidden]) ~ :not([hidden]) { margin-top: 80rem; }
.space-y-90rem > :not([hidden]) ~ :not([hidden]) { margin-top: 90rem; }
.space-y-100rem > :not([hidden]) ~ :not([hidden]) { margin-top: 100rem; }

/* Text indent */
.indent-0 { text-indent: 0; }
.indent-10pct { text-indent: 10%; }
.indent-20pct { text-indent: 20%; }
.indent-30pct { text-indent: 30%; }
.indent-40pct { text-indent: 40%; }
.indent-50pct { text-indent: 50%; }
.indent-60pct { text-indent: 60%; }
.indent-70pct { text-indent: 70%; }
.indent-80pct { text-indent: 80%; }
.indent-90pct { text-indent: 90%; }
.indent-100pct { text-indent: 100%; }
.indent-10vw { text-indent: 10vw; }
.indent-20vw { text-indent: 20vw; }
.indent-30vw { text-indent: 30vw; }
.indent-40vw { text-indent: 40vw; }
.indent-50vw { text-indent: 50vw; }
.indent-60vw { text-indent: 60vw; }
.indent-70vw { text-indent: 70vw; }
.indent-80vw { text-indent: 80vw; }
.indent-90vw { text-indent: 90vw; }
.indent-100vw { text-indent: 100vw; }
.indent-10vh { text-indent: 10vh; }
.indent-20vh { text-indent: 20vh; }
.indent-30vh { text-indent: 30vh; }
.indent-40vh { text-indent: 40vh; }
.indent-50vh { text-indent: 50vh; }
.indent-60vh { text-indent: 60vh; }
.indent-70vh { text-indent: 70vh; }
.indent-80vh { text-indent: 80vh; }
.indent-90vh { text-indent: 90vh; }
.indent-100vh { text-indent: 100vh; }
.indent-10rem { text-indent: 10rem; }
.indent-20rem { text-indent: 20rem; }
.indent-30rem { text-indent: 30rem; }
.indent-40rem { text-indent: 40rem; }
.indent-50rem { text-indent: 50rem; }
.indent-60rem { text-indent: 60rem; }
.indent-70rem { text-indent: 70rem; }
.indent-80rem { text-indent: 80rem; }
.indent-90rem { text-indent: 90rem; }
.indent-100rem { text-indent: 100rem; }

/* Width / height */
.w-auto { width: auto; }
.w-full { width: 100%; }
.w-min { width: min-content; }
.w-max { width: max-content; }
.w-fit { width: fit-content; }
.w-0 { width: 0; }
.w-screen { width: 100vw; }
.w-10pct { width: 10%; }
.w-20pct { width: 20%; }
.w-30pct { width: 30%; }
.w-40pct { width: 40%; }
.w-50pct { width: 50%; }
.w-60pct { width: 60%; }
.w-70pct { width: 70%; }
.w-80pct { width: 80%; }
.w-90pct { width: 90%; }
.w-100pct { width: 100%; }
.w-10vw { width: 10vw; }
.w-20vw { width: 20vw; }
.w-30vw { width: 30vw; }
.w-40vw { width: 40vw; }
.w-50vw { width: 50vw; }
.w-60vw { width: 60vw; }
.w-70vw { width: 70vw; }
.w-80vw { width: 80vw; }
.w-90vw { width: 90vw; }
.w-100vw { width: 100vw; }
.w-10vh { width: 10vh; }
.w-20vh { width: 20vh; }
.w-30vh { width: 30vh; }
.w-40vh { width: 40vh; }
.w-50vh { width: 50vh; }
.w-60vh { width: 60vh; }
.w-70vh { width: 70vh; }
.w-80vh { width: 80vh; }
.w-90vh { width: 90vh; }
.w-100vh { width: 100vh; }
.w-10rem { width: 10rem; }
.w-20rem { width: 20rem; }
.w-30rem { width: 30rem; }
.w-40rem { width: 40rem; }
.w-50rem { width: 50rem; }
.w-60rem { width: 60rem; }
.w-70rem { width: 70rem; }
.w-80rem { width: 80rem; }
.w-90rem { width: 90rem; }
.w-100rem { width: 100rem; }
.h-auto { height: auto; }
.h-full { height: 100%; }
.h-min { height: min-content; }
.h-max { height: max-content; }
.h-fit { height: fit-content; }
.h-0 { height: 0; }
.h-screen { height: 100vh; }
.h-10pct { height: 10%; }
.h-20pct { height: 20%; }
.h-30pct { height: 30%; }
.h-40pct { height: 40%; }
.h-50pct { height: 50%; }
.h-60pct { height: 60%; }
.h-70pct { height: 70%; }
.h-80pct { height: 80%; }
.h-90pct { height: 90%; }
.h-100pct { height: 100%; }
.h-10vw { height: 10vw; }
.h-20vw { height: 20vw; }
.h-30vw { height: 30vw; }
.h-40vw { height: 40vw; }
.h-50vw { height: 50vw; }
.h-60vw { height: 60vw; }
.h-70vw { height: 70vw; }
.h-80vw { height: 80vw; }
.h-90vw { height: 90vw; }
.h-100vw { height: 100vw; }
.h-10vh { height: 10vh; }
.h-20vh { height: 20vh; }
.h-30vh { height: 30vh; }
.h-40vh { height: 40vh; }
.h-50vh { height: 50vh; }
.h-60vh { height: 60vh; }
.h-70vh { height: 70vh; }
.h-80vh { height: 80vh; }
.h-90vh { height: 90vh; }
.h-100vh { height: 100vh; }
.h-10rem { height: 10rem; }
.h-20rem { height: 20rem; }
.h-30rem { height: 30rem; }
.h-40rem { height: 40rem; }
.h-50rem { height: 50rem; }
.h-60rem { height: 60rem; }
.h-70rem { height: 70rem; }
.h-80rem { height: 80rem; }
.h-90rem { height: 90rem; }
.h-100rem { height: 100rem; }
.min-w-0 { min-width: 0; }
.min-w-full { min-width: 100%; }
.min-w-min { min-width: min-content; }
.min-w-max { min-width: max-content; }
.min-w-fit { min-width: fit-content; }
.min-w-10pct { min-width: 10%; }
.min-w-20pct { min-width: 20%; }
.min-w-30pct { min-width: 30%; }
.min-w-40pct { min-width: 40%; }
.min-w-50pct { min-width: 50%; }
.min-w-60pct { min-width: 60%; }
.min-w-70pct { min-width: 70%; }
.min-w-80pct { min-width: 80%; }
.min-w-90pct { min-width: 90%; }
.min-w-100pct { min-width: 100%; }
.min-w-10vw { min-width: 10vw; }
.min-w-20vw { min-width: 20vw; }
.min-w-30vw { min-width: 30vw; }
.min-w-40vw { min-width: 40vw; }
.min-w-50vw { min-width: 50vw; }
.min-w-60vw { min-width: 60vw; }
.min-w-70vw { min-width: 70vw; }
.min-w-80vw { min-width: 80vw; }
.min-w-90vw { min-width: 90vw; }
.min-w-100vw { min-width: 100vw; }
.min-w-10vh { min-width: 10vh; }
.min-w-20vh { min-width: 20vh; }
.min-w-30vh { min-width: 30vh; }
.min-w-40vh { min-width: 40vh; }
.min-w-50vh { min-width: 50vh; }
.min-w-60vh { min-width: 60vh; }
.min-w-70vh { min-width: 70vh; }
.min-w-80vh { min-width: 80vh; }
.min-w-90vh { min-width: 90vh; }
.min-w-100vh { min-width: 100vh; }
.min-w-10rem { min-width: 10rem; }
.min-w-20rem { min-width: 20rem; }
.min-w-30rem { min-width: 30rem; }
.min-w-40rem { min-width: 40rem; }
.min-w-50rem { min-width: 50rem; }
.min-w-60rem { min-width: 60rem; }
.min-w-70rem { min-width: 70rem; }
.min-w-80rem { min-width: 80rem; }
.min-w-90rem { min-width: 90rem; }
.min-w-100rem { min-width: 100rem; }
.max-w-none { max-width: none; }
.max-w-full { max-width: 100%; }
.max-w-min { max-width: min-content; }
.max-w-max { max-width: max-content; }
.max-w-fit { max-width: fit-content; }
.max-w-prose { max-width: 65ch; }
.max-w-10pct { max-width: 10%; }
.max-w-20pct { max-width: 20%; }
.max-w-30pct { max-width: 30%; }
.max-w-40pct { max-width: 40%; }
.max-w-50pct { max-width: 50%; }
.max-w-60pct { max-width: 60%; }
.max-w-70pct { max-width: 70%; }
.max-w-80pct { max-width: 80%; }
.max-w-90pct { max-width: 90%; }
.max-w-100pct { max-width: 100%; }
.max-w-10vw { max-width: 10vw; }
.max-w-20vw { max-width: 20vw; }
.max-w-30vw { max-width: 30vw; }
.max-w-40vw { max-width: 40vw; }
.max-w-50vw { max-width: 50vw; }
.max-w-60vw { max-width: 60vw; }
.max-w-70vw { max-width: 70vw; }
.max-w-80vw { max-width: 80vw; }
.max-w-90vw { max-width: 90vw; }
.max-w-100vw { max-width: 100vw; }
.max-w-10vh { max-width: 10vh; }
.max-w-20vh { max-width: 20vh; }
.max-w-30vh { max-width: 30vh; }
.max-w-40vh { max-width: 40vh; }
.max-w-50vh { max-width: 50vh; }
.max-w-60vh { max-width: 60vh; }
.max-w-70vh { max-width: 70vh; }
.max-w-80vh { max-width: 80vh; }
.max-w-90vh { max-width: 90vh; }
.max-w-100vh { max-width: 100vh; }
.max-w-10rem { max-width: 10rem; }
.max-w-20rem { max-width: 20rem; }
.max-w-30rem { max-width: 30rem; }
.max-w-40rem { max-width: 40rem; }
.max-w-50rem { max-width: 50rem; }
.max-w-60rem { max-width: 60rem; }
.max-w-70rem { max-width: 70rem; }
.max-w-80rem { max-width: 80rem; }
.max-w-90rem { max-width: 90rem; }
.max-w-100rem { max-width: 100rem; }
.min-h-0 { min-height: 0; }
.min-h-full { min-height: 100%; }
.min-h-screen { min-height: 100vh; }
.min-h-10pct { min-height: 10%; }
.min-h-20pct { min-height: 20%; }
.min-h-30pct { min-height: 30%; }
.min-h-40pct { min-height: 40%; }
.min-h-50pct { min-height: 50%; }
.min-h-60pct { min-height: 60%; }
.min-h-70pct { min-height: 70%; }
.min-h-80pct { min-height: 80%; }
.min-h-90pct { min-height: 90%; }
.min-h-100pct { min-height: 100%; }
.min-h-10vw { min-height: 10vw; }
.min-h-20vw { min-height: 20vw; }
.min-h-30vw { min-height: 30vw; }
.min-h-40vw { min-height: 40vw; }
.min-h-50vw { min-height: 50vw; }
.min-h-60vw { min-height: 60vw; }
.min-h-70vw { min-height: 70vw; }
.min-h-80vw { min-height: 80vw; }
.min-h-90vw { min-height: 90vw; }
.min-h-100vw { min-height: 100vw; }
.min-h-10vh { min-height: 10vh; }
.min-h-20vh { min-height: 20vh; }
.min-h-30vh { min-height: 30vh; }
.min-h-40vh { min-height: 40vh; }
.min-h-50vh { min-height: 50vh; }
.min-h-60vh { min-height: 60vh; }
.min-h-70vh { min-height: 70vh; }
.min-h-80vh { min-height: 80vh; }
.min-h-90vh { min-height: 90vh; }
.min-h-100vh { min-height: 100vh; }
.min-h-10rem { min-height: 10rem; }
.min-h-20rem { min-height: 20rem; }
.min-h-30rem { min-height: 30rem; }
.min-h-40rem { min-height: 40rem; }
.min-h-50rem { min-height: 50rem; }
.min-h-60rem { min-height: 60rem; }
.min-h-70rem { min-height: 70rem; }
.min-h-80rem { min-height: 80rem; }
.min-h-90rem { min-height: 90rem; }
.min-h-100rem { min-height: 100rem; }
.max-h-none { max-height: none; }
.max-h-full { max-height: 100%; }
.max-h-screen { max-height: 100vh; }
.max-h-10pct { max-height: 10%; }
.max-h-20pct { max-height: 20%; }
.max-h-30pct { max-height: 30%; }
.max-h-40pct { max-height: 40%; }
.max-h-50pct { max-height: 50%; }
.max-h-60pct { max-height: 60%; }
.max-h-70pct { max-height: 70%; }
.max-h-80pct { max-height: 80%; }
.max-h-90pct { max-height: 90%; }
.max-h-100pct { max-height: 100%; }
.max-h-10vw { max-height: 10vw; }
.max-h-20vw { max-height: 20vw; }
.max-h-30vw { max-height: 30vw; }
.max-h-40vw { max-height: 40vw; }
.max-h-50vw { max-height: 50vw; }
.max-h-60vw { max-height: 60vw; }
.max-h-70vw { max-height: 70vw; }
.max-h-80vw { max-height: 80vw; }
.max-h-90vw { max-height: 90vw; }
.max-h-100vw { max-height: 100vw; }
.max-h-10vh { max-height: 10vh; }
.max-h-20vh { max-height: 20vh; }
.max-h-30vh { max-height: 30vh; }
.max-h-40vh { max-height: 40vh; }
.max-h-50vh { max-height: 50vh; }
.max-h-60vh { max-height: 60vh; }
.max-h-70vh { max-height: 70vh; }
.max-h-80vh { max-height: 80vh; }
.max-h-90vh { max-height: 90vh; }
.max-h-100vh { max-height: 100vh; }
.max-h-10rem { max-height: 10rem; }
.max-h-20rem { max-height: 20rem; }
.max-h-30rem { max-height: 30rem; }
.max-h-40rem { max-height: 40rem; }
.max-h-50rem { max-height: 50rem; }
.max-h-60rem { max-height: 60rem; }
.max-h-70rem { max-height: 70rem; }
.max-h-80rem { max-height: 80rem; }
.max-h-90rem { max-height: 90rem; }
.max-h-100rem { max-height: 100rem; }

/* Typography */
.font-sans { font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
.font-serif { font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; }
.font-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; }
.text-xs { font-size: 0.75rem; line-height: 1rem; }
.text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.text-base { font-size: 1rem; line-height: 1.5rem; }
.text-lg { font-size: 1.125rem; line-height: 1.75rem; }
.text-xl { font-size: 1.25rem; line-height: 1.75rem; }
.text-2xl { font-size: 1.5rem; line-height: 2rem; }
.text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
.text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
.text-5xl { font-size: 3rem; line-height: 1; }
.text-6xl { font-size: 3.75rem; line-height: 1; }
.font-thin { font-weight: 100; }
.font-light { font-weight: 300; }
.font-normal { font-weight: 400; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }
.font-extrabold { font-weight: 800; }
.font-black { font-weight: 900; }
.italic { font-style: italic; }
.not-italic { font-style: normal; }
.antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.leading-none { line-height: 1; }
.leading-tight { line-height: 1.25; }
.leading-snug { line-height: 1.375; }
.leading-normal { line-height: 1.5; }
.leading-relaxed { line-height: 1.625; }
.leading-loose { line-height: 2; }
.tracking-tighter { letter-spacing: -0.05em; }
.tracking-tight { letter-spacing: -0.025em; }
.tracking-normal { letter-spacing: 0em; }
.tracking-wide { letter-spacing: 0.025em; }
.tracking-wider { letter-spacing: 0.05em; }
.tracking-widest { letter-spacing: 0.1em; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-justify { text-align: justify; }
.underline { text-decoration-line: underline; }
.line-through { text-decoration-line: line-through; }
.no-underline { text-decoration-line: none; }
.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
.capitalize { text-transform: capitalize; }
.normal-case { text-transform: none; }
.truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.whitespace-normal { white-space: normal; }
.whitespace-nowrap { white-space: nowrap; }
.whitespace-pre { white-space: pre; }
.whitespace-pre-wrap { white-space: pre-wrap; }
.break-words { overflow-wrap: break-word; }
.break-all { word-break: break-all; }
.list-none { list-style-type: none; }
.list-disc { list-style-type: disc; }
.list-decimal { list-style-type: decimal; }
.list-inside { list-style-position: inside; }
.list-outside { list-style-position: outside; }
.align-top { vertical-align: top; }
.align-middle { vertical-align: middle; }
.align-bottom { vertical-align: bottom; }
.align-baseline { vertical-align: baseline; }

/* Background (non-color) */
.bg-cover { background-size: cover; }
.bg-contain { background-size: contain; }
.bg-auto { background-size: auto; }
.bg-center { background-position: center; }
.bg-top { background-position: top; }
.bg-bottom { background-position: bottom; }
.bg-left { background-position: left; }
.bg-right { background-position: right; }
.bg-repeat { background-repeat: repeat; }
.bg-no-repeat { background-repeat: no-repeat; }
.bg-repeat-x { background-repeat: repeat-x; }
.bg-repeat-y { background-repeat: repeat-y; }
.bg-fixed { background-attachment: fixed; }
.bg-none { background-image: none; }
.bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)); }
.bg-gradient-to-tr { background-image: linear-gradient(to top right, var(--tw-gradient-stops)); }
.bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); }
.bg-gradient-to-br { background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); }
.bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); }
.bg-gradient-to-bl { background-image: linear-gradient(to bottom left, var(--tw-gradient-stops)); }
.bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)); }
.bg-gradient-to-tl { background-image: linear-gradient(to top left, var(--tw-gradient-stops)); }

/* Border radius */
.rounded-none { border-radius: 0; }
.rounded-sm { border-radius: 0.125rem; }
.rounded { border-radius: 0.25rem; }
.rounded-md { border-radius: 0.375rem; }
.rounded-lg { border-radius: 0.5rem; }
.rounded-xl { border-radius: 0.75rem; }
.rounded-2xl { border-radius: 1rem; }
.rounded-3xl { border-radius: 1.5rem; }
.rounded-full { border-radius: 9999px; }
.rounded-t-none { border-top-left-radius: 0; border-top-right-radius: 0; }
.rounded-t-sm { border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; }
.rounded-t { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
.rounded-t-md { border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; }
.rounded-t-lg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; }
.rounded-t-xl { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; }
.rounded-t-2xl { border-top-left-radius: 1rem; border-top-right-radius: 1rem; }
.rounded-t-3xl { border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; }
.rounded-t-full { border-top-left-radius: 9999px; border-top-right-radius: 9999px; }
.rounded-r-none { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.rounded-r-sm { border-top-right-radius: 0.125rem; border-bottom-right-radius: 0.125rem; }
.rounded-r { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }
.rounded-r-md { border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; }
.rounded-r-lg { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; }
.rounded-r-xl { border-top-right-radius: 0.75rem; border-bottom-right-radius: 0.75rem; }
.rounded-r-2xl { border-top-right-radius: 1rem; border-bottom-right-radius: 1rem; }
.rounded-r-3xl { border-top-right-radius: 1.5rem; border-bottom-right-radius: 1.5rem; }
.rounded-r-full { border-top-right-radius: 9999px; border-bottom-right-radius: 9999px; }
.rounded-b-none { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.rounded-b-sm { border-bottom-left-radius: 0.125rem; border-bottom-right-radius: 0.125rem; }
.rounded-b { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }
.rounded-b-md { border-bottom-left-radius: 0.375rem; border-bottom-right-radius: 0.375rem; }
.rounded-b-lg { border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; }
.rounded-b-xl { border-bottom-left-radius: 0.75rem; border-bottom-right-radius: 0.75rem; }
.rounded-b-2xl { border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
.rounded-b-3xl { border-bottom-left-radius: 1.5rem; border-bottom-right-radius: 1.5rem; }
.rounded-b-full { border-bottom-left-radius: 9999px; border-bottom-right-radius: 9999px; }
.rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.rounded-l-sm { border-top-left-radius: 0.125rem; border-bottom-left-radius: 0.125rem; }
.rounded-l { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }
.rounded-l-md { border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; }
.rounded-l-lg { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; }
.rounded-l-xl { border-top-left-radius: 0.75rem; border-bottom-left-radius: 0.75rem; }
.rounded-l-2xl { border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; }
.rounded-l-3xl { border-top-left-radius: 1.5rem; border-bottom-left-radius: 1.5rem; }
.rounded-l-full { border-top-left-radius: 9999px; border-bottom-left-radius: 9999px; }

/* Border width / style */
.border { border-width: 1px; }
.border-0 { border-width: 0; }
.border-2 { border-width: 2px; }
.border-4 { border-width: 4px; }
.border-8 { border-width: 8px; }
.border-x { border-left-width: 1px; border-right-width: 1px; }
.border-x-0 { border-left-width: 0; border-right-width: 0; }
.border-x-2 { border-left-width: 2px; border-right-width: 2px; }
.border-x-4 { border-left-width: 4px; border-right-width: 4px; }
.border-x-8 { border-left-width: 8px; border-right-width: 8px; }
.border-y { border-top-width: 1px; border-bottom-width: 1px; }
.border-y-0 { border-top-width: 0; border-bottom-width: 0; }
.border-y-2 { border-top-width: 2px; border-bottom-width: 2px; }
.border-y-4 { border-top-width: 4px; border-bottom-width: 4px; }
.border-y-8 { border-top-width: 8px; border-bottom-width: 8px; }
.border-t { border-top-width: 1px; }
.border-t-0 { border-top-width: 0; }
.border-t-2 { border-top-width: 2px; }
.border-t-4 { border-top-width: 4px; }
.border-t-8 { border-top-width: 8px; }
.border-r { border-right-width: 1px; }
.border-r-0 { border-right-width: 0; }
.border-r-2 { border-right-width: 2px; }
.border-r-4 { border-right-width: 4px; }
.border-r-8 { border-right-width: 8px; }
.border-b { border-bottom-width: 1px; }
.border-b-0 { border-bottom-width: 0; }
.border-b-2 { border-bottom-width: 2px; }
.border-b-4 { border-bottom-width: 4px; }
.border-b-8 { border-bottom-width: 8px; }
.border-l { border-left-width: 1px; }
.border-l-0 { border-left-width: 0; }
.border-l-2 { border-left-width: 2px; }
.border-l-4 { border-left-width: 4px; }
.border-l-8 { border-left-width: 8px; }
.border-solid { border-style: solid; }
.border-dashed { border-style: dashed; }
.border-dotted { border-style: dotted; }
.border-double { border-style: double; }
.border-none { border-style: none; }
.divide-x > :not([hidden]) ~ :not([hidden]) { border-left-width: 1px; border-right-width: 0; }
.divide-x-0 > :not([hidden]) ~ :not([hidden]) { border-left-width: 0; border-right-width: 0; }
.divide-x-2 > :not([hidden]) ~ :not([hidden]) { border-left-width: 2px; border-right-width: 0; }
.divide-x-4 > :not([hidden]) ~ :not([hidden]) { border-left-width: 4px; border-right-width: 0; }
.divide-x-8 > :not([hidden]) ~ :not([hidden]) { border-left-width: 8px; border-right-width: 0; }
.divide-y > :not([hidden]) ~ :not([hidden]) { border-top-width: 1px; border-bottom-width: 0; }
.divide-y-0 > :not([hidden]) ~ :not([hidden]) { border-top-width: 0; border-bottom-width: 0; }
.divide-y-2 > :not([hidden]) ~ :not([hidden]) { border-top-width: 2px; border-bottom-width: 0; }
.divide-y-4 > :not([hidden]) ~ :not([hidden]) { border-top-width: 4px; border-bottom-width: 0; }
.divide-y-8 > :not([hidden]) ~ :not([hidden]) { border-top-width: 8px; border-bottom-width: 0; }

/* Outline / ring */
.outline-none { outline: 2px solid transparent; outline-offset: 2px; }
.ring { --tw-ring-shadow: 0 0 0 3px var(--tw-ring-color, rgb(59 130 246 / 0.5)); box-shadow: var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }
.ring-0 { --tw-ring-shadow: 0 0 0 0px var(--tw-ring-color, rgb(59 130 246 / 0.5)); box-shadow: var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }
.ring-1 { --tw-ring-shadow: 0 0 0 1px var(--tw-ring-color, rgb(59 130 246 / 0.5)); box-shadow: var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }
.ring-2 { --tw-ring-shadow: 0 0 0 2px var(--tw-ring-color, rgb(59 130 246 / 0.5)); box-shadow: var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }
.ring-4 { --tw-ring-shadow: 0 0 0 4px var(--tw-ring-color, rgb(59 130 246 / 0.5)); box-shadow: var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }
.ring-8 { --tw-ring-shadow: 0 0 0 8px var(--tw-ring-color, rgb(59 130 246 / 0.5)); box-shadow: var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }

/* Shadow / opacity */
.shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); box-shadow: var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); box-shadow: var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); box-shadow: var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); box-shadow: var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow-xl { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); box-shadow: var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow-2xl { --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); box-shadow: var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow-inner { --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05); box-shadow: var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow-none { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.opacity-0 { opacity: 0; }
.opacity-10 { opacity: 0.1; }
.opacity-20 { opacity: 0.2; }
.opacity-30 { opacity: 0.3; }
.opacity-40 { opacity: 0.4; }
.opacity-50 { opacity: 0.5; }
.opacity-60 { opacity: 0.6; }
.opacity-70 { opacity: 0.7; }
.opacity-80 { opacity: 0.8; }
.opacity-90 { opacity: 0.9; }
.opacity-100 { opacity: 1; }

/* Transitions */
.transition-none { transition-property: none; }
.transition { transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.transition-colors { transition-property: color, background-color, border-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.duration-100 { transition-duration: 100ms; }
.duration-200 { transition-duration: 200ms; }
.duration-300 { transition-duration: 300ms; }
.duration-400 { transition-duration: 400ms; }
.duration-500 { transition-duration: 500ms; }
.duration-600 { transition-duration: 600ms; }
.duration-700 { transition-duration: 700ms; }
.duration-800 { transition-duration: 800ms; }
.duration-900 { transition-duration: 900ms; }
.duration-1000 { transition-duration: 1000ms; }
.ease-linear { transition-timing-function: linear; }
.ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
.ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
.ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

/* Transforms */
.translate-x-10pct { --tw-tx: 10%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.translate-x-20pct { --tw-tx: 20%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.translate-x-30pct { --tw-tx: 30%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.translate-x-40pct { --tw-tx: 40%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.translate-x-50pct { --tw-tx: 50%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.translate-x-60pct { --tw-tx: 60%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.translate-x-70pct { --tw-tx: 70%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.translate-x-80pct { --tw-tx: 80%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.translate-x-90pct { --tw-tx: 90%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.translate-x-100pct { --tw-tx: 100%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-translate-x-10pct { --tw-tx: -10%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-translate-x-20pct { --tw-tx: -20%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-translate-x-30pct { --tw-tx: -30%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-translate-x-40pct { --tw-tx: -40%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-translate-x-50pct { --tw-tx: -50%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-translate-x-60pct { --tw-tx: -60%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-translate-x-70pct { --tw-tx: -70%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-translate-x-80pct { --tw-tx: -80%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-translate-x-90pct { --tw-tx: -90%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-translate-x-100pct { --tw-tx: -100%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.translate-x-10rem { --tw-tx: 10rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.translate-x-20rem { --tw-tx: 20rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.translate-x-30rem { --tw-tx: 30rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.translate-x-40rem { --tw-tx: 40rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.translate-x-50rem { --tw-tx: 50rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.translate-x-60rem { --tw-tx: 60rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.translate-x-70rem { --tw-tx: 70rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.translate-x-80rem { --tw-tx: 80rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.translate-x-90rem { --tw-tx: 90rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.translate-x-100rem { --tw-tx: 100rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-translate-x-10rem { --tw-tx: -10rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-translate-x-20rem { --tw-tx: -20rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-translate-x-30rem { --tw-tx: -30rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-translate-x-40rem { --tw-tx: -40rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-translate-x-50rem { --tw-tx: -50rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-translate-x-60rem { --tw-tx: -60rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-translate-x-70rem { --tw-tx: -70rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-translate-x-80rem { --tw-tx: -80rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-translate-x-90rem { --tw-tx: -90rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-translate-x-100rem { --tw-tx: -100rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.translate-y-10pct { --tw-ty: 10%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.translate-y-20pct { --tw-ty: 20%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.translate-y-30pct { --tw-ty: 30%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.translate-y-40pct { --tw-ty: 40%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.translate-y-50pct { --tw-ty: 50%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.translate-y-60pct { --tw-ty: 60%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.translate-y-70pct { --tw-ty: 70%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.translate-y-80pct { --tw-ty: 80%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.translate-y-90pct { --tw-ty: 90%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.translate-y-100pct { --tw-ty: 100%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-translate-y-10pct { --tw-ty: -10%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-translate-y-20pct { --tw-ty: -20%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-translate-y-30pct { --tw-ty: -30%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-translate-y-40pct { --tw-ty: -40%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-translate-y-50pct { --tw-ty: -50%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-translate-y-60pct { --tw-ty: -60%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-translate-y-70pct { --tw-ty: -70%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-translate-y-80pct { --tw-ty: -80%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-translate-y-90pct { --tw-ty: -90%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-translate-y-100pct { --tw-ty: -100%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.translate-y-10rem { --tw-ty: 10rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.translate-y-20rem { --tw-ty: 20rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.translate-y-30rem { --tw-ty: 30rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.translate-y-40rem { --tw-ty: 40rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.translate-y-50rem { --tw-ty: 50rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.translate-y-60rem { --tw-ty: 60rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.translate-y-70rem { --tw-ty: 70rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.translate-y-80rem { --tw-ty: 80rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.translate-y-90rem { --tw-ty: 90rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.translate-y-100rem { --tw-ty: 100rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-translate-y-10rem { --tw-ty: -10rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-translate-y-20rem { --tw-ty: -20rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-translate-y-30rem { --tw-ty: -30rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-translate-y-40rem { --tw-ty: -40rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-translate-y-50rem { --tw-ty: -50rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-translate-y-60rem { --tw-ty: -60rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-translate-y-70rem { --tw-ty: -70rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-translate-y-80rem { --tw-ty: -80rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-translate-y-90rem { --tw-ty: -90rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-translate-y-100rem { --tw-ty: -100rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.rotate-0 { --tw-rot: 0deg; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.rotate-45 { --tw-rot: 45deg; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.rotate-90 { --tw-rot: 90deg; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.rotate-180 { --tw-rot: 180deg; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-rotate-45 { --tw-rot: -45deg; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-rotate-90 { --tw-rot: -90deg; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.-rotate-180 { --tw-rot: -180deg; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.scale-50 { --tw-sx: 0.5; --tw-sy: 0.5; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.scale-60 { --tw-sx: 0.6; --tw-sy: 0.6; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.scale-70 { --tw-sx: 0.7; --tw-sy: 0.7; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.scale-80 { --tw-sx: 0.8; --tw-sy: 0.8; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.scale-90 { --tw-sx: 0.9; --tw-sy: 0.9; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.scale-100 { --tw-sx: 1; --tw-sy: 1; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.scale-110 { --tw-sx: 1.1; --tw-sy: 1.1; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.scale-120 { --tw-sx: 1.2; --tw-sy: 1.2; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.scale-130 { --tw-sx: 1.3; --tw-sy: 1.3; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.scale-140 { --tw-sx: 1.4; --tw-sy: 1.4; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.scale-150 { --tw-sx: 1.5; --tw-sy: 1.5; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.origin-center { transform-origin: center; }
.origin-top { transform-origin: top; }
.origin-bottom { transform-origin: bottom; }
.origin-left { transform-origin: left; }
.origin-right { transform-origin: right; }
.origin-top-left { transform-origin: top left; }
.origin-top-right { transform-origin: top right; }
.origin-bottom-left { transform-origin: bottom left; }
.origin-bottom-right { transform-origin: bottom right; }

/* Animation */
.animate-none { animation: none; }
.animate-spin { animation: spin 1s linear infinite; }
.animate-ping { animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; }
.animate-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
.animate-bounce { animation: bounce 1s infinite; }

/* Interactivity / misc */
.cursor-pointer { cursor: pointer; }
.cursor-default { cursor: default; }
.cursor-not-allowed { cursor: not-allowed; }
.cursor-text { cursor: text; }
.cursor-move { cursor: move; }
.cursor-grab { cursor: grab; }
.cursor-grabbing { cursor: grabbing; }
.cursor-wait { cursor: wait; }
.cursor-help { cursor: help; }
.cursor-crosshair { cursor: crosshair; }
.pointer-events-none { pointer-events: none; }
.pointer-events-auto { pointer-events: auto; }
.select-none { user-select: none; -webkit-user-select: none; }
.select-text { user-select: text; -webkit-user-select: text; }
.select-all { user-select: all; -webkit-user-select: all; }
.select-auto { user-select: auto; -webkit-user-select: auto; }
.resize-none { resize: none; }
.resize-y { resize: vertical; }
.resize-x { resize: horizontal; }
.resize { resize: both; }
.appearance-none { appearance: none; -webkit-appearance: none; }
.scroll-smooth { scroll-behavior: smooth; }
.border-collapse { border-collapse: collapse; }
.border-separate { border-collapse: separate; }
.table-auto { table-layout: auto; }
.table-fixed { table-layout: fixed; }
.fill-current { fill: currentColor; }
.stroke-current { stroke: currentColor; }
.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; }
.not-sr-only { position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip: auto; white-space: normal; }

/* Background color */
.bg-black { background-color: black; }
.bg-silver { background-color: silver; }
.bg-gray { background-color: gray; }
.bg-white { background-color: white; }
.bg-maroon { background-color: maroon; }
.bg-red { background-color: red; }
.bg-purple { background-color: purple; }
.bg-fuchsia { background-color: fuchsia; }
.bg-green { background-color: green; }
.bg-lime { background-color: lime; }
.bg-olive { background-color: olive; }
.bg-yellow { background-color: yellow; }
.bg-navy { background-color: navy; }
.bg-blue { background-color: blue; }
.bg-teal { background-color: teal; }
.bg-aqua { background-color: aqua; }
.bg-orange { background-color: orange; }
.bg-transparent { background-color: transparent; }
.bg-current { background-color: currentColor; }
.bg-inherit { background-color: inherit; }

/* Text color */
.text-black { color: black; }
.text-silver { color: silver; }
.text-gray { color: gray; }
.text-white { color: white; }
.text-maroon { color: maroon; }
.text-red { color: red; }
.text-purple { color: purple; }
.text-fuchsia { color: fuchsia; }
.text-green { color: green; }
.text-lime { color: lime; }
.text-olive { color: olive; }
.text-yellow { color: yellow; }
.text-navy { color: navy; }
.text-blue { color: blue; }
.text-teal { color: teal; }
.text-aqua { color: aqua; }
.text-orange { color: orange; }
.text-transparent { color: transparent; }
.text-current { color: currentColor; }
.text-inherit { color: inherit; }

/* Border color */
.border-black { border-color: black; }
.border-silver { border-color: silver; }
.border-gray { border-color: gray; }
.border-white { border-color: white; }
.border-maroon { border-color: maroon; }
.border-red { border-color: red; }
.border-purple { border-color: purple; }
.border-fuchsia { border-color: fuchsia; }
.border-green { border-color: green; }
.border-lime { border-color: lime; }
.border-olive { border-color: olive; }
.border-yellow { border-color: yellow; }
.border-navy { border-color: navy; }
.border-blue { border-color: blue; }
.border-teal { border-color: teal; }
.border-aqua { border-color: aqua; }
.border-orange { border-color: orange; }
.border-transparent { border-color: transparent; }
.border-current { border-color: currentColor; }
.border-inherit { border-color: inherit; }

/* Divide color */
.divide-black > :not([hidden]) ~ :not([hidden]) { border-color: black; }
.divide-silver > :not([hidden]) ~ :not([hidden]) { border-color: silver; }
.divide-gray > :not([hidden]) ~ :not([hidden]) { border-color: gray; }
.divide-white > :not([hidden]) ~ :not([hidden]) { border-color: white; }
.divide-maroon > :not([hidden]) ~ :not([hidden]) { border-color: maroon; }
.divide-red > :not([hidden]) ~ :not([hidden]) { border-color: red; }
.divide-purple > :not([hidden]) ~ :not([hidden]) { border-color: purple; }
.divide-fuchsia > :not([hidden]) ~ :not([hidden]) { border-color: fuchsia; }
.divide-green > :not([hidden]) ~ :not([hidden]) { border-color: green; }
.divide-lime > :not([hidden]) ~ :not([hidden]) { border-color: lime; }
.divide-olive > :not([hidden]) ~ :not([hidden]) { border-color: olive; }
.divide-yellow > :not([hidden]) ~ :not([hidden]) { border-color: yellow; }
.divide-navy > :not([hidden]) ~ :not([hidden]) { border-color: navy; }
.divide-blue > :not([hidden]) ~ :not([hidden]) { border-color: blue; }
.divide-teal > :not([hidden]) ~ :not([hidden]) { border-color: teal; }
.divide-aqua > :not([hidden]) ~ :not([hidden]) { border-color: aqua; }
.divide-orange > :not([hidden]) ~ :not([hidden]) { border-color: orange; }
.divide-transparent > :not([hidden]) ~ :not([hidden]) { border-color: transparent; }
.divide-current > :not([hidden]) ~ :not([hidden]) { border-color: currentColor; }
.divide-inherit > :not([hidden]) ~ :not([hidden]) { border-color: inherit; }

/* Ring color */
.ring-black { --tw-ring-color: black; }
.ring-silver { --tw-ring-color: silver; }
.ring-gray { --tw-ring-color: gray; }
.ring-white { --tw-ring-color: white; }
.ring-maroon { --tw-ring-color: maroon; }
.ring-red { --tw-ring-color: red; }
.ring-purple { --tw-ring-color: purple; }
.ring-fuchsia { --tw-ring-color: fuchsia; }
.ring-green { --tw-ring-color: green; }
.ring-lime { --tw-ring-color: lime; }
.ring-olive { --tw-ring-color: olive; }
.ring-yellow { --tw-ring-color: yellow; }
.ring-navy { --tw-ring-color: navy; }
.ring-blue { --tw-ring-color: blue; }
.ring-teal { --tw-ring-color: teal; }
.ring-aqua { --tw-ring-color: aqua; }
.ring-orange { --tw-ring-color: orange; }
.ring-transparent { --tw-ring-color: transparent; }
.ring-current { --tw-ring-color: currentColor; }
.ring-inherit { --tw-ring-color: inherit; }

/* Outline color */
.outline-black { outline-color: black; }
.outline-silver { outline-color: silver; }
.outline-gray { outline-color: gray; }
.outline-white { outline-color: white; }
.outline-maroon { outline-color: maroon; }
.outline-red { outline-color: red; }
.outline-purple { outline-color: purple; }
.outline-fuchsia { outline-color: fuchsia; }
.outline-green { outline-color: green; }
.outline-lime { outline-color: lime; }
.outline-olive { outline-color: olive; }
.outline-yellow { outline-color: yellow; }
.outline-navy { outline-color: navy; }
.outline-blue { outline-color: blue; }
.outline-teal { outline-color: teal; }
.outline-aqua { outline-color: aqua; }
.outline-orange { outline-color: orange; }
.outline-transparent { outline-color: transparent; }
.outline-current { outline-color: currentColor; }
.outline-inherit { outline-color: inherit; }

/* Fill */
.fill-black { fill: black; }
.fill-silver { fill: silver; }
.fill-gray { fill: gray; }
.fill-white { fill: white; }
.fill-maroon { fill: maroon; }
.fill-red { fill: red; }
.fill-purple { fill: purple; }
.fill-fuchsia { fill: fuchsia; }
.fill-green { fill: green; }
.fill-lime { fill: lime; }
.fill-olive { fill: olive; }
.fill-yellow { fill: yellow; }
.fill-navy { fill: navy; }
.fill-blue { fill: blue; }
.fill-teal { fill: teal; }
.fill-aqua { fill: aqua; }
.fill-orange { fill: orange; }
.fill-transparent { fill: transparent; }
.fill-current { fill: currentColor; }
.fill-inherit { fill: inherit; }

/* Stroke */
.stroke-black { stroke: black; }
.stroke-silver { stroke: silver; }
.stroke-gray { stroke: gray; }
.stroke-white { stroke: white; }
.stroke-maroon { stroke: maroon; }
.stroke-red { stroke: red; }
.stroke-purple { stroke: purple; }
.stroke-fuchsia { stroke: fuchsia; }
.stroke-green { stroke: green; }
.stroke-lime { stroke: lime; }
.stroke-olive { stroke: olive; }
.stroke-yellow { stroke: yellow; }
.stroke-navy { stroke: navy; }
.stroke-blue { stroke: blue; }
.stroke-teal { stroke: teal; }
.stroke-aqua { stroke: aqua; }
.stroke-orange { stroke: orange; }
.stroke-transparent { stroke: transparent; }
.stroke-current { stroke: currentColor; }
.stroke-inherit { stroke: inherit; }

/* Placeholder color */
.placeholder-black::placeholder { color: black; }
.placeholder-silver::placeholder { color: silver; }
.placeholder-gray::placeholder { color: gray; }
.placeholder-white::placeholder { color: white; }
.placeholder-maroon::placeholder { color: maroon; }
.placeholder-red::placeholder { color: red; }
.placeholder-purple::placeholder { color: purple; }
.placeholder-fuchsia::placeholder { color: fuchsia; }
.placeholder-green::placeholder { color: green; }
.placeholder-lime::placeholder { color: lime; }
.placeholder-olive::placeholder { color: olive; }
.placeholder-yellow::placeholder { color: yellow; }
.placeholder-navy::placeholder { color: navy; }
.placeholder-blue::placeholder { color: blue; }
.placeholder-teal::placeholder { color: teal; }
.placeholder-aqua::placeholder { color: aqua; }
.placeholder-orange::placeholder { color: orange; }
.placeholder-transparent::placeholder { color: transparent; }
.placeholder-current::placeholder { color: currentColor; }
.placeholder-inherit::placeholder { color: inherit; }

/* ===== hover: ===== */
.hover\:font-sans:hover { font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
.hover\:font-serif:hover { font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; }
.hover\:font-mono:hover { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; }
.hover\:text-xs:hover { font-size: 0.75rem; line-height: 1rem; }
.hover\:text-sm:hover { font-size: 0.875rem; line-height: 1.25rem; }
.hover\:text-base:hover { font-size: 1rem; line-height: 1.5rem; }
.hover\:text-lg:hover { font-size: 1.125rem; line-height: 1.75rem; }
.hover\:text-xl:hover { font-size: 1.25rem; line-height: 1.75rem; }
.hover\:text-2xl:hover { font-size: 1.5rem; line-height: 2rem; }
.hover\:text-3xl:hover { font-size: 1.875rem; line-height: 2.25rem; }
.hover\:text-4xl:hover { font-size: 2.25rem; line-height: 2.5rem; }
.hover\:text-5xl:hover { font-size: 3rem; line-height: 1; }
.hover\:text-6xl:hover { font-size: 3.75rem; line-height: 1; }
.hover\:font-thin:hover { font-weight: 100; }
.hover\:font-light:hover { font-weight: 300; }
.hover\:font-normal:hover { font-weight: 400; }
.hover\:font-medium:hover { font-weight: 500; }
.hover\:font-semibold:hover { font-weight: 600; }
.hover\:font-bold:hover { font-weight: 700; }
.hover\:font-extrabold:hover { font-weight: 800; }
.hover\:font-black:hover { font-weight: 900; }
.hover\:italic:hover { font-style: italic; }
.hover\:not-italic:hover { font-style: normal; }
.hover\:antialiased:hover { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.hover\:leading-none:hover { line-height: 1; }
.hover\:leading-tight:hover { line-height: 1.25; }
.hover\:leading-snug:hover { line-height: 1.375; }
.hover\:leading-normal:hover { line-height: 1.5; }
.hover\:leading-relaxed:hover { line-height: 1.625; }
.hover\:leading-loose:hover { line-height: 2; }
.hover\:tracking-tighter:hover { letter-spacing: -0.05em; }
.hover\:tracking-tight:hover { letter-spacing: -0.025em; }
.hover\:tracking-normal:hover { letter-spacing: 0em; }
.hover\:tracking-wide:hover { letter-spacing: 0.025em; }
.hover\:tracking-wider:hover { letter-spacing: 0.05em; }
.hover\:tracking-widest:hover { letter-spacing: 0.1em; }
.hover\:text-left:hover { text-align: left; }
.hover\:text-center:hover { text-align: center; }
.hover\:text-right:hover { text-align: right; }
.hover\:text-justify:hover { text-align: justify; }
.hover\:underline:hover { text-decoration-line: underline; }
.hover\:line-through:hover { text-decoration-line: line-through; }
.hover\:no-underline:hover { text-decoration-line: none; }
.hover\:uppercase:hover { text-transform: uppercase; }
.hover\:lowercase:hover { text-transform: lowercase; }
.hover\:capitalize:hover { text-transform: capitalize; }
.hover\:normal-case:hover { text-transform: none; }
.hover\:truncate:hover { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hover\:whitespace-normal:hover { white-space: normal; }
.hover\:whitespace-nowrap:hover { white-space: nowrap; }
.hover\:whitespace-pre:hover { white-space: pre; }
.hover\:whitespace-pre-wrap:hover { white-space: pre-wrap; }
.hover\:break-words:hover { overflow-wrap: break-word; }
.hover\:break-all:hover { word-break: break-all; }
.hover\:list-none:hover { list-style-type: none; }
.hover\:list-disc:hover { list-style-type: disc; }
.hover\:list-decimal:hover { list-style-type: decimal; }
.hover\:list-inside:hover { list-style-position: inside; }
.hover\:list-outside:hover { list-style-position: outside; }
.hover\:align-top:hover { vertical-align: top; }
.hover\:align-middle:hover { vertical-align: middle; }
.hover\:align-bottom:hover { vertical-align: bottom; }
.hover\:align-baseline:hover { vertical-align: baseline; }
.hover\:outline-none:hover { outline: 2px solid transparent; outline-offset: 2px; }
.hover\:ring:hover { --tw-ring-shadow: 0 0 0 3px var(--tw-ring-color, rgb(59 130 246 / 0.5)); box-shadow: var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }
.hover\:ring-0:hover { --tw-ring-shadow: 0 0 0 0px var(--tw-ring-color, rgb(59 130 246 / 0.5)); box-shadow: var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }
.hover\:ring-1:hover { --tw-ring-shadow: 0 0 0 1px var(--tw-ring-color, rgb(59 130 246 / 0.5)); box-shadow: var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }
.hover\:ring-2:hover { --tw-ring-shadow: 0 0 0 2px var(--tw-ring-color, rgb(59 130 246 / 0.5)); box-shadow: var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }
.hover\:ring-4:hover { --tw-ring-shadow: 0 0 0 4px var(--tw-ring-color, rgb(59 130 246 / 0.5)); box-shadow: var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }
.hover\:ring-8:hover { --tw-ring-shadow: 0 0 0 8px var(--tw-ring-color, rgb(59 130 246 / 0.5)); box-shadow: var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }
.hover\:shadow-sm:hover { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); box-shadow: var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.hover\:shadow:hover { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); box-shadow: var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.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); box-shadow: var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.hover\:shadow-lg:hover { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); box-shadow: var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.hover\:shadow-xl:hover { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); box-shadow: var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.hover\:shadow-2xl:hover { --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); box-shadow: var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.hover\:shadow-inner:hover { --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05); box-shadow: var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.hover\:shadow-none:hover { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.hover\:opacity-0:hover { opacity: 0; }
.hover\:opacity-10:hover { opacity: 0.1; }
.hover\:opacity-20:hover { opacity: 0.2; }
.hover\:opacity-30:hover { opacity: 0.3; }
.hover\:opacity-40:hover { opacity: 0.4; }
.hover\:opacity-50:hover { opacity: 0.5; }
.hover\:opacity-60:hover { opacity: 0.6; }
.hover\:opacity-70:hover { opacity: 0.7; }
.hover\:opacity-80:hover { opacity: 0.8; }
.hover\:opacity-90:hover { opacity: 0.9; }
.hover\:opacity-100:hover { opacity: 1; }
.hover\:translate-x-10pct:hover { --tw-tx: 10%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:translate-x-20pct:hover { --tw-tx: 20%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:translate-x-30pct:hover { --tw-tx: 30%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:translate-x-40pct:hover { --tw-tx: 40%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:translate-x-50pct:hover { --tw-tx: 50%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:translate-x-60pct:hover { --tw-tx: 60%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:translate-x-70pct:hover { --tw-tx: 70%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:translate-x-80pct:hover { --tw-tx: 80%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:translate-x-90pct:hover { --tw-tx: 90%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:translate-x-100pct:hover { --tw-tx: 100%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-translate-x-10pct:hover { --tw-tx: -10%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-translate-x-20pct:hover { --tw-tx: -20%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-translate-x-30pct:hover { --tw-tx: -30%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-translate-x-40pct:hover { --tw-tx: -40%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-translate-x-50pct:hover { --tw-tx: -50%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-translate-x-60pct:hover { --tw-tx: -60%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-translate-x-70pct:hover { --tw-tx: -70%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-translate-x-80pct:hover { --tw-tx: -80%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-translate-x-90pct:hover { --tw-tx: -90%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-translate-x-100pct:hover { --tw-tx: -100%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:translate-x-10rem:hover { --tw-tx: 10rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:translate-x-20rem:hover { --tw-tx: 20rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:translate-x-30rem:hover { --tw-tx: 30rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:translate-x-40rem:hover { --tw-tx: 40rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:translate-x-50rem:hover { --tw-tx: 50rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:translate-x-60rem:hover { --tw-tx: 60rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:translate-x-70rem:hover { --tw-tx: 70rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:translate-x-80rem:hover { --tw-tx: 80rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:translate-x-90rem:hover { --tw-tx: 90rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:translate-x-100rem:hover { --tw-tx: 100rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-translate-x-10rem:hover { --tw-tx: -10rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-translate-x-20rem:hover { --tw-tx: -20rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-translate-x-30rem:hover { --tw-tx: -30rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-translate-x-40rem:hover { --tw-tx: -40rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-translate-x-50rem:hover { --tw-tx: -50rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-translate-x-60rem:hover { --tw-tx: -60rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-translate-x-70rem:hover { --tw-tx: -70rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-translate-x-80rem:hover { --tw-tx: -80rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-translate-x-90rem:hover { --tw-tx: -90rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-translate-x-100rem:hover { --tw-tx: -100rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:translate-y-10pct:hover { --tw-ty: 10%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:translate-y-20pct:hover { --tw-ty: 20%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:translate-y-30pct:hover { --tw-ty: 30%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:translate-y-40pct:hover { --tw-ty: 40%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:translate-y-50pct:hover { --tw-ty: 50%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:translate-y-60pct:hover { --tw-ty: 60%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:translate-y-70pct:hover { --tw-ty: 70%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:translate-y-80pct:hover { --tw-ty: 80%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:translate-y-90pct:hover { --tw-ty: 90%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:translate-y-100pct:hover { --tw-ty: 100%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-translate-y-10pct:hover { --tw-ty: -10%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-translate-y-20pct:hover { --tw-ty: -20%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-translate-y-30pct:hover { --tw-ty: -30%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-translate-y-40pct:hover { --tw-ty: -40%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-translate-y-50pct:hover { --tw-ty: -50%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-translate-y-60pct:hover { --tw-ty: -60%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-translate-y-70pct:hover { --tw-ty: -70%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-translate-y-80pct:hover { --tw-ty: -80%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-translate-y-90pct:hover { --tw-ty: -90%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-translate-y-100pct:hover { --tw-ty: -100%; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:translate-y-10rem:hover { --tw-ty: 10rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:translate-y-20rem:hover { --tw-ty: 20rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:translate-y-30rem:hover { --tw-ty: 30rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:translate-y-40rem:hover { --tw-ty: 40rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:translate-y-50rem:hover { --tw-ty: 50rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:translate-y-60rem:hover { --tw-ty: 60rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:translate-y-70rem:hover { --tw-ty: 70rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:translate-y-80rem:hover { --tw-ty: 80rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:translate-y-90rem:hover { --tw-ty: 90rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:translate-y-100rem:hover { --tw-ty: 100rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-translate-y-10rem:hover { --tw-ty: -10rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-translate-y-20rem:hover { --tw-ty: -20rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-translate-y-30rem:hover { --tw-ty: -30rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-translate-y-40rem:hover { --tw-ty: -40rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-translate-y-50rem:hover { --tw-ty: -50rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-translate-y-60rem:hover { --tw-ty: -60rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-translate-y-70rem:hover { --tw-ty: -70rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-translate-y-80rem:hover { --tw-ty: -80rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-translate-y-90rem:hover { --tw-ty: -90rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-translate-y-100rem:hover { --tw-ty: -100rem; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:rotate-0:hover { --tw-rot: 0deg; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:rotate-45:hover { --tw-rot: 45deg; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:rotate-90:hover { --tw-rot: 90deg; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:rotate-180:hover { --tw-rot: 180deg; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-rotate-45:hover { --tw-rot: -45deg; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-rotate-90:hover { --tw-rot: -90deg; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:-rotate-180:hover { --tw-rot: -180deg; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:scale-50:hover { --tw-sx: 0.5; --tw-sy: 0.5; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:scale-60:hover { --tw-sx: 0.6; --tw-sy: 0.6; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:scale-70:hover { --tw-sx: 0.7; --tw-sy: 0.7; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:scale-80:hover { --tw-sx: 0.8; --tw-sy: 0.8; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:scale-90:hover { --tw-sx: 0.9; --tw-sy: 0.9; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:scale-100:hover { --tw-sx: 1; --tw-sy: 1; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:scale-110:hover { --tw-sx: 1.1; --tw-sy: 1.1; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:scale-120:hover { --tw-sx: 1.2; --tw-sy: 1.2; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:scale-130:hover { --tw-sx: 1.3; --tw-sy: 1.3; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:scale-140:hover { --tw-sx: 1.4; --tw-sy: 1.4; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:scale-150:hover { --tw-sx: 1.5; --tw-sy: 1.5; transform: translate(var(--tw-tx, 0), var(--tw-ty, 0)) rotate(var(--tw-rot, 0deg)) scale(var(--tw-sx, 1), var(--tw-sy, 1)); }
.hover\:animate-none:hover { animation: none; }
.hover\:animate-spin:hover { animation: spin 1s linear infinite; }
.hover\:animate-ping:hover { animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; }
.hover\:animate-pulse:hover { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
.hover\:animate-bounce:hover { animation: bounce 1s infinite; }
.hover\:cursor-pointer:hover { cursor: pointer; }
.hover\:cursor-default:hover { cursor: default; }
.hover\:cursor-not-allowed:hover { cursor: not-allowed; }
.hover\:cursor-text:hover { cursor: text; }
.hover\:cursor-move:hover { cursor: move; }
.hover\:cursor-grab:hover { cursor: grab; }
.hover\:cursor-grabbing:hover { cursor: grabbing; }
.hover\:cursor-wait:hover { cursor: wait; }
.hover\:cursor-help:hover { cursor: help; }
.hover\:cursor-crosshair:hover { cursor: crosshair; }
.hover\:pointer-events-none:hover { pointer-events: none; }
.hover\:pointer-events-auto:hover { pointer-events: auto; }
.hover\:select-none:hover { user-select: none; -webkit-user-select: none; }
.hover\:select-text:hover { user-select: text; -webkit-user-select: text; }
.hover\:select-all:hover { user-select: all; -webkit-user-select: all; }
.hover\:select-auto:hover { user-select: auto; -webkit-user-select: auto; }
.hover\:bg-black:hover { background-color: black; }
.hover\:bg-silver:hover { background-color: silver; }
.hover\:bg-gray:hover { background-color: gray; }
.hover\:bg-white:hover { background-color: white; }
.hover\:bg-maroon:hover { background-color: maroon; }
.hover\:bg-red:hover { background-color: red; }
.hover\:bg-purple:hover { background-color: purple; }
.hover\:bg-fuchsia:hover { background-color: fuchsia; }
.hover\:bg-green:hover { background-color: green; }
.hover\:bg-lime:hover { background-color: lime; }
.hover\:bg-olive:hover { background-color: olive; }
.hover\:bg-yellow:hover { background-color: yellow; }
.hover\:bg-navy:hover { background-color: navy; }
.hover\:bg-blue:hover { background-color: blue; }
.hover\:bg-teal:hover { background-color: teal; }
.hover\:bg-aqua:hover { background-color: aqua; }
.hover\:bg-orange:hover { background-color: orange; }
.hover\:bg-transparent:hover { background-color: transparent; }
.hover\:bg-current:hover { background-color: currentColor; }
.hover\:bg-inherit:hover { background-color: inherit; }
.hover\:text-black:hover { color: black; }
.hover\:text-silver:hover { color: silver; }
.hover\:text-gray:hover { color: gray; }
.hover\:text-white:hover { color: white; }
.hover\:text-maroon:hover { color: maroon; }
.hover\:text-red:hover { color: red; }
.hover\:text-purple:hover { color: purple; }
.hover\:text-fuchsia:hover { color: fuchsia; }
.hover\:text-green:hover { color: green; }
.hover\:text-lime:hover { color: lime; }
.hover\:text-olive:hover { color: olive; }
.hover\:text-yellow:hover { color: yellow; }
.hover\:text-navy:hover { color: navy; }
.hover\:text-blue:hover { color: blue; }
.hover\:text-teal:hover { color: teal; }
.hover\:text-aqua:hover { color: aqua; }
.hover\:text-orange:hover { color: orange; }
.hover\:text-transparent:hover { color: transparent; }
.hover\:text-current:hover { color: currentColor; }
.hover\:text-inherit:hover { color: inherit; }
.hover\:border-black:hover { border-color: black; }
.hover\:border-silver:hover { border-color: silver; }
.hover\:border-gray:hover { border-color: gray; }
.hover\:border-white:hover { border-color: white; }
.hover\:border-maroon:hover { border-color: maroon; }
.hover\:border-red:hover { border-color: red; }
.hover\:border-purple:hover { border-color: purple; }
.hover\:border-fuchsia:hover { border-color: fuchsia; }
.hover\:border-green:hover { border-color: green; }
.hover\:border-lime:hover { border-color: lime; }
.hover\:border-olive:hover { border-color: olive; }
.hover\:border-yellow:hover { border-color: yellow; }
.hover\:border-navy:hover { border-color: navy; }
.hover\:border-blue:hover { border-color: blue; }
.hover\:border-teal:hover { border-color: teal; }
.hover\:border-aqua:hover { border-color: aqua; }
.hover\:border-orange:hover { border-color: orange; }
.hover\:border-transparent:hover { border-color: transparent; }
.hover\:border-current:hover { border-color: currentColor; }
.hover\:border-inherit:hover { border-color: inherit; }
.hover\:ring-black:hover { --tw-ring-color: black; }
.hover\:ring-silver:hover { --tw-ring-color: silver; }
.hover\:ring-gray:hover { --tw-ring-color: gray; }
.hover\:ring-white:hover { --tw-ring-color: white; }
.hover\:ring-maroon:hover { --tw-ring-color: maroon; }
.hover\:ring-red:hover { --tw-ring-color: red; }
.hover\:ring-purple:hover { --tw-ring-color: purple; }
.hover\:ring-fuchsia:hover { --tw-ring-color: fuchsia; }
.hover\:ring-green:hover { --tw-ring-color: green; }
.hover\:ring-lime:hover { --tw-ring-color: lime; }
.hover\:ring-olive:hover { --tw-ring-color: olive; }
.hover\:ring-yellow:hover { --tw-ring-color: yellow; }
.hover\:ring-navy:hover { --tw-ring-color: navy; }
.hover\:ring-blue:hover { --tw-ring-color: blue; }
.hover\:ring-teal:hover { --tw-ring-color: teal; }
.hover\:ring-aqua:hover { --tw-ring-color: aqua; }
.hover\:ring-orange:hover { --tw-ring-color: orange; }
.hover\:ring-transparent:hover { --tw-ring-color: transparent; }
.hover\:ring-current:hover { --tw-ring-color: currentColor; }
.hover\:ring-inherit:hover { --tw-ring-color: inherit; }