@trifle/trifle-hub 1.0.162 → 1.1.0

package/dist/trifle-hub.css

@@ -0,0 +1,2076 @@
+@font-face {
+  font-family: 'APL333';
+  src: url('../assets/fonts/apl333.woff2') format('woff2');
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}@layer trifle-hub {button {
+  font-size: inherit;
+  text-transform: inherit;
+  font-weight: inherit;
+}input {
+  /* remove arrows from input */
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  margin: 0;
+  padding: 0;
+  border: none;
+  outline: none;
+  background: transparent;
+  font-size: inherit;
+  font-weight: inherit;
+  font-family: inherit;
+  color: inherit;
+  text-align: inherit;
+  text-decoration: inherit;
+  text-transform: inherit;
+  letter-spacing: inherit;
+  line-height: inherit;
+}/* Chrome, Safari, Edge, Opera */input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}/* Firefox */input[type='number'] {
+    -moz-appearance: textfield;
+  }*, ::before, ::after {
+    --tw-border-spacing-x: 0;
+    --tw-border-spacing-y: 0;
+    --tw-translate-x: 0;
+    --tw-translate-y: 0;
+    --tw-rotate: 0;
+    --tw-skew-x: 0;
+    --tw-skew-y: 0;
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+    --tw-pan-x:  ;
+    --tw-pan-y:  ;
+    --tw-pinch-zoom:  ;
+    --tw-scroll-snap-strictness: proximity;
+    --tw-gradient-from-position:  ;
+    --tw-gradient-via-position:  ;
+    --tw-gradient-to-position:  ;
+    --tw-ordinal:  ;
+    --tw-slashed-zero:  ;
+    --tw-numeric-figure:  ;
+    --tw-numeric-spacing:  ;
+    --tw-numeric-fraction:  ;
+    --tw-ring-inset:  ;
+    --tw-ring-offset-width: 0px;
+    --tw-ring-offset-color: #fff;
+    --tw-ring-color: rgb(59 130 246 / 0.5);
+    --tw-ring-offset-shadow: 0 0 #0000;
+    --tw-ring-shadow: 0 0 #0000;
+    --tw-shadow: 0 0 #0000;
+    --tw-shadow-colored: 0 0 #0000;
+    --tw-blur:  ;
+    --tw-brightness:  ;
+    --tw-contrast:  ;
+    --tw-grayscale:  ;
+    --tw-hue-rotate:  ;
+    --tw-invert:  ;
+    --tw-saturate:  ;
+    --tw-sepia:  ;
+    --tw-drop-shadow:  ;
+    --tw-backdrop-blur:  ;
+    --tw-backdrop-brightness:  ;
+    --tw-backdrop-contrast:  ;
+    --tw-backdrop-grayscale:  ;
+    --tw-backdrop-hue-rotate:  ;
+    --tw-backdrop-invert:  ;
+    --tw-backdrop-opacity:  ;
+    --tw-backdrop-saturate:  ;
+    --tw-backdrop-sepia:  ;
+    --tw-contain-size:  ;
+    --tw-contain-layout:  ;
+    --tw-contain-paint:  ;
+    --tw-contain-style:  ;
+  }::backdrop {
+    --tw-border-spacing-x: 0;
+    --tw-border-spacing-y: 0;
+    --tw-translate-x: 0;
+    --tw-translate-y: 0;
+    --tw-rotate: 0;
+    --tw-skew-x: 0;
+    --tw-skew-y: 0;
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+    --tw-pan-x:  ;
+    --tw-pan-y:  ;
+    --tw-pinch-zoom:  ;
+    --tw-scroll-snap-strictness: proximity;
+    --tw-gradient-from-position:  ;
+    --tw-gradient-via-position:  ;
+    --tw-gradient-to-position:  ;
+    --tw-ordinal:  ;
+    --tw-slashed-zero:  ;
+    --tw-numeric-figure:  ;
+    --tw-numeric-spacing:  ;
+    --tw-numeric-fraction:  ;
+    --tw-ring-inset:  ;
+    --tw-ring-offset-width: 0px;
+    --tw-ring-offset-color: #fff;
+    --tw-ring-color: rgb(59 130 246 / 0.5);
+    --tw-ring-offset-shadow: 0 0 #0000;
+    --tw-ring-shadow: 0 0 #0000;
+    --tw-shadow: 0 0 #0000;
+    --tw-shadow-colored: 0 0 #0000;
+    --tw-blur:  ;
+    --tw-brightness:  ;
+    --tw-contrast:  ;
+    --tw-grayscale:  ;
+    --tw-hue-rotate:  ;
+    --tw-invert:  ;
+    --tw-saturate:  ;
+    --tw-sepia:  ;
+    --tw-drop-shadow:  ;
+    --tw-backdrop-blur:  ;
+    --tw-backdrop-brightness:  ;
+    --tw-backdrop-contrast:  ;
+    --tw-backdrop-grayscale:  ;
+    --tw-backdrop-hue-rotate:  ;
+    --tw-backdrop-invert:  ;
+    --tw-backdrop-opacity:  ;
+    --tw-backdrop-saturate:  ;
+    --tw-backdrop-sepia:  ;
+    --tw-contain-size:  ;
+    --tw-contain-layout:  ;
+    --tw-contain-paint:  ;
+    --tw-contain-style:  ;
+  }/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com *//*
+1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
+2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
+*/*,
+::before,
+::after {
+  box-sizing: border-box; /* 1 */
+  border-width: 0; /* 2 */
+  border-style: solid; /* 2 */
+  border-color: currentColor; /* 2 */
+}::before,
+::after {
+  --tw-content: '';
+}/*
+1. Use a consistent sensible line-height in all browsers.
+2. Prevent adjustments of font size after orientation changes in iOS.
+3. Use a more readable tab size.
+4. Use the user's configured `sans` font-family by default.
+5. Use the user's configured `sans` font-feature-settings by default.
+6. Use the user's configured `sans` font-variation-settings by default.
+7. Disable tap highlights on iOS
+*/html,
+:host {
+  line-height: 1.5; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+  -moz-tab-size: 4; /* 3 */
+  -o-tab-size: 4;
+     tab-size: 4; /* 3 */
+  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
+  font-feature-settings: normal; /* 5 */
+  font-variation-settings: normal; /* 6 */
+  -webkit-tap-highlight-color: transparent; /* 7 */
+}/*
+1. Remove the margin in all browsers.
+2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
+*/body {
+  margin: 0; /* 1 */
+  line-height: inherit; /* 2 */
+}/*
+1. Add the correct height in Firefox.
+2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+3. Ensure horizontal rules are visible by default.
+*/hr {
+  height: 0; /* 1 */
+  color: inherit; /* 2 */
+  border-top-width: 1px; /* 3 */
+}/*
+Add the correct text decoration in Chrome, Edge, and Safari.
+*/abbr:where([title]) {
+  -webkit-text-decoration: underline dotted;
+          text-decoration: underline dotted;
+}/*
+Remove the default font size and weight for headings.
+*/h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: inherit;
+  font-weight: inherit;
+}/*
+Reset links to optimize for opt-in styling instead of opt-out.
+*/a {
+  color: inherit;
+  text-decoration: inherit;
+}/*
+Add the correct font weight in Edge and Safari.
+*/b,
+strong {
+  font-weight: bolder;
+}/*
+1. Use the user's configured `mono` font-family by default.
+2. Use the user's configured `mono` font-feature-settings by default.
+3. Use the user's configured `mono` font-variation-settings by default.
+4. Correct the odd `em` font sizing in all browsers.
+*/code,
+kbd,
+samp,
+pre {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
+  font-feature-settings: normal; /* 2 */
+  font-variation-settings: normal; /* 3 */
+  font-size: 1em; /* 4 */
+}/*
+Add the correct font size in all browsers.
+*/small {
+  font-size: 80%;
+}/*
+Prevent `sub` and `sup` elements from affecting the line height in all browsers.
+*/sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}sub {
+  bottom: -0.25em;
+}sup {
+  top: -0.5em;
+}/*
+1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
+2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+3. Remove gaps between table borders by default.
+*/table {
+  text-indent: 0; /* 1 */
+  border-color: inherit; /* 2 */
+  border-collapse: collapse; /* 3 */
+}/*
+1. Change the font styles in all browsers.
+2. Remove the margin in Firefox and Safari.
+3. Remove default padding in all browsers.
+*/button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit; /* 1 */
+  font-feature-settings: inherit; /* 1 */
+  font-variation-settings: inherit; /* 1 */
+  font-size: 100%; /* 1 */
+  font-weight: inherit; /* 1 */
+  line-height: inherit; /* 1 */
+  letter-spacing: inherit; /* 1 */
+  color: inherit; /* 1 */
+  margin: 0; /* 2 */
+  padding: 0; /* 3 */
+}/*
+Remove the inheritance of text transform in Edge and Firefox.
+*/button,
+select {
+  text-transform: none;
+}/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Remove default button styles.
+*/button,
+input:where([type='button']),
+input:where([type='reset']),
+input:where([type='submit']) {
+  -webkit-appearance: button; /* 1 */
+  background-color: transparent; /* 2 */
+  background-image: none; /* 2 */
+}/*
+Use the modern Firefox focus style for all focusable elements.
+*/:-moz-focusring {
+  outline: auto;
+}/*
+Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
+*/:-moz-ui-invalid {
+  box-shadow: none;
+}/*
+Add the correct vertical alignment in Chrome and Firefox.
+*/progress {
+  vertical-align: baseline;
+}/*
+Correct the cursor style of increment and decrement buttons in Safari.
+*/::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+  height: auto;
+}/*
+1. Correct the odd appearance in Chrome and Safari.
+2. Correct the outline style in Safari.
+*/[type='search'] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}/*
+Remove the inner padding in Chrome and Safari on macOS.
+*/::-webkit-search-decoration {
+  -webkit-appearance: none;
+}/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Change font properties to `inherit` in Safari.
+*/::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}/*
+Add the correct display in Chrome and Safari.
+*/summary {
+  display: list-item;
+}/*
+Removes the default spacing and border for appropriate elements.
+*/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;
+}/*
+Reset default styling for dialogs.
+*/dialog {
+  padding: 0;
+}/*
+Prevent resizing textareas horizontally by default.
+*/textarea {
+  resize: vertical;
+}/*
+1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
+2. Set the default placeholder color to the user's configured gray 400 color.
+*/input::-moz-placeholder, textarea::-moz-placeholder {
+  opacity: 1; /* 1 */
+  color: #9ca3af; /* 2 */
+}input::placeholder,
+textarea::placeholder {
+  opacity: 1; /* 1 */
+  color: #9ca3af; /* 2 */
+}/*
+Set the default cursor for buttons.
+*/button,
+[role="button"] {
+  cursor: pointer;
+}/*
+Make sure disabled buttons don't get the pointer cursor.
+*/:disabled {
+  cursor: default;
+}/*
+1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
+2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
+   This can trigger a poorly considered lint error in some tools but is included by design.
+*/img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+  display: block; /* 1 */
+  vertical-align: middle; /* 2 */
+}/*
+Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
+*/img,
+video {
+  max-width: 100%;
+  height: auto;
+}/* Make elements with the HTML hidden attribute stay hidden by default */[hidden]:where(:not([hidden="until-found"])) {
+  display: none;
+}._pointer-events-none {
+    pointer-events: none;
+  }._pointer-events-auto {
+    pointer-events: auto;
+  }._invisible {
+    visibility: hidden;
+  }._fixed {
+    position: fixed;
+  }._absolute {
+    position: absolute;
+  }._relative {
+    position: relative;
+  }._inset-0 {
+    inset: 0px;
+  }._bottom-0 {
+    bottom: 0px;
+  }._left-0 {
+    left: 0px;
+  }._left-1\/2 {
+    left: 50%;
+  }._left-4 {
+    left: 1rem;
+  }._right-0 {
+    right: 0px;
+  }._right-1 {
+    right: 0.25rem;
+  }._top-0 {
+    top: 0px;
+  }._top-4 {
+    top: 1rem;
+  }._top-\[5\%\] {
+    top: 5%;
+  }._z-10 {
+    z-index: 10;
+  }._z-50 {
+    z-index: 50;
+  }._order-first {
+    order: -9999;
+  }._order-last {
+    order: 9999;
+  }._-m-0\.5 {
+    margin: -0.125rem;
+  }._-m-1 {
+    margin: -0.25rem;
+  }._-mx-5 {
+    margin-left: -1.25rem;
+    margin-right: -1.25rem;
+  }._-mx-\[2px\] {
+    margin-left: -2px;
+    margin-right: -2px;
+  }._-my-0\.5 {
+    margin-top: -0.125rem;
+    margin-bottom: -0.125rem;
+  }._-my-2 {
+    margin-top: -0.5rem;
+    margin-bottom: -0.5rem;
+  }._-my-5 {
+    margin-top: -1.25rem;
+    margin-bottom: -1.25rem;
+  }._mx-6 {
+    margin-left: 1.5rem;
+    margin-right: 1.5rem;
+  }._mx-8 {
+    margin-left: 2rem;
+    margin-right: 2rem;
+  }._mx-auto {
+    margin-left: auto;
+    margin-right: auto;
+  }._-mb-1 {
+    margin-bottom: -0.25rem;
+  }._-mb-\[0\.5em\] {
+    margin-bottom: -0.5em;
+  }._-ml-2 {
+    margin-left: -0.5rem;
+  }._-ml-\[2px\] {
+    margin-left: -2px;
+  }._-mr-6 {
+    margin-right: -1.5rem;
+  }._-mt-1 {
+    margin-top: -0.25rem;
+  }._-mt-1\.5 {
+    margin-top: -0.375rem;
+  }._-mt-12 {
+    margin-top: -3rem;
+  }._-mt-2 {
+    margin-top: -0.5rem;
+  }._-mt-3 {
+    margin-top: -0.75rem;
+  }._-mt-3\.5 {
+    margin-top: -0.875rem;
+  }._-mt-5 {
+    margin-top: -1.25rem;
+  }._-mt-8 {
+    margin-top: -2rem;
+  }._-mt-\[1em\] {
+    margin-top: -1em;
+  }._mb-0\.5 {
+    margin-bottom: 0.125rem;
+  }._mb-1 {
+    margin-bottom: 0.25rem;
+  }._mb-3 {
+    margin-bottom: 0.75rem;
+  }._mb-4 {
+    margin-bottom: 1rem;
+  }._mb-\[0\.25em\] {
+    margin-bottom: 0.25em;
+  }._ml-4 {
+    margin-left: 1rem;
+  }._ml-4\.5 {
+    margin-left: 1.125rem;
+  }._ml-\[0\.37em\] {
+    margin-left: 0.37em;
+  }._mt-0\.5 {
+    margin-top: 0.125rem;
+  }._mt-1 {
+    margin-top: 0.25rem;
+  }._mt-2 {
+    margin-top: 0.5rem;
+  }._mt-2\.5 {
+    margin-top: 0.625rem;
+  }._mt-4 {
+    margin-top: 1rem;
+  }._mt-4\.5 {
+    margin-top: 1.125rem;
+  }._mt-5 {
+    margin-top: 1.25rem;
+  }._mt-6 {
+    margin-top: 1.5rem;
+  }._mt-\[0\.25em\] {
+    margin-top: 0.25em;
+  }._mt-\[0\.44rem\] {
+    margin-top: 0.44rem;
+  }._line-clamp-2 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+  }._block {
+    display: block;
+  }._inline-block {
+    display: inline-block;
+  }._flex {
+    display: flex;
+  }._inline-flex {
+    display: inline-flex;
+  }._grid {
+    display: grid;
+  }._hidden {
+    display: none;
+  }._aspect-square {
+    aspect-ratio: 1 / 1;
+  }._size-11 {
+    width: 2.75rem;
+    height: 2.75rem;
+  }._size-24 {
+    width: 6rem;
+    height: 6rem;
+  }._size-5 {
+    width: 1.25rem;
+    height: 1.25rem;
+  }._size-5\/6 {
+    width: 83.333333%;
+    height: 83.333333%;
+  }._size-6 {
+    width: 1.5rem;
+    height: 1.5rem;
+  }._size-7 {
+    width: 1.75rem;
+    height: 1.75rem;
+  }._size-8 {
+    width: 2rem;
+    height: 2rem;
+  }._size-9 {
+    width: 2.25rem;
+    height: 2.25rem;
+  }._size-\[1\.125em\] {
+    width: 1.125em;
+    height: 1.125em;
+  }._size-\[1\.2em\] {
+    width: 1.2em;
+    height: 1.2em;
+  }._size-\[1\.375em\] {
+    width: 1.375em;
+    height: 1.375em;
+  }._size-\[1\.3em\] {
+    width: 1.3em;
+    height: 1.3em;
+  }._size-\[1\.5em\] {
+    width: 1.5em;
+    height: 1.5em;
+  }._size-\[2\.5em\] {
+    width: 2.5em;
+    height: 2.5em;
+  }._size-\[2\.65em\] {
+    width: 2.65em;
+    height: 2.65em;
+  }._size-\[2em\] {
+    width: 2em;
+    height: 2em;
+  }._size-\[3\.1em\] {
+    width: 3.1em;
+    height: 3.1em;
+  }._size-\[80\%\] {
+    width: 80%;
+    height: 80%;
+  }._size-full {
+    width: 100%;
+    height: 100%;
+  }._h-1\/3 {
+    height: 33.333333%;
+  }._h-10 {
+    height: 2.5rem;
+  }._h-11 {
+    height: 2.75rem;
+  }._h-12 {
+    height: 3rem;
+  }._h-16 {
+    height: 4rem;
+  }._h-4 {
+    height: 1rem;
+  }._h-6 {
+    height: 1.5rem;
+  }._h-7 {
+    height: 1.75rem;
+  }._h-9 {
+    height: 2.25rem;
+  }._h-\[0\.72em\] {
+    height: 0.72em;
+  }._h-\[1\.02em\] {
+    height: 1.02em;
+  }._h-\[1\.1em\] {
+    height: 1.1em;
+  }._h-\[1\.25em\] {
+    height: 1.25em;
+  }._h-\[1\.375em\] {
+    height: 1.375em;
+  }._h-\[1\.4em\] {
+    height: 1.4em;
+  }._h-\[1\.5em\] {
+    height: 1.5em;
+  }._h-\[1\.66em\] {
+    height: 1.66em;
+  }._h-\[1\.75em\] {
+    height: 1.75em;
+  }._h-\[105\%\] {
+    height: 105%;
+  }._h-\[2\.5em\] {
+    height: 2.5em;
+  }._h-\[2em\] {
+    height: 2em;
+  }._h-\[5em\] {
+    height: 5em;
+  }._h-\[95\%\] {
+    height: 95%;
+  }._h-auto {
+    height: auto;
+  }._h-full {
+    height: 100%;
+  }._max-h-\[56rem\] {
+    max-height: 56rem;
+  }._max-h-full {
+    max-height: 100%;
+  }._min-h-14 {
+    min-height: 3.5rem;
+  }._min-h-8 {
+    min-height: 2rem;
+  }._w-0 {
+    width: 0px;
+  }._w-1\/2 {
+    width: 50%;
+  }._w-12 {
+    width: 3rem;
+  }._w-3\/4 {
+    width: 75%;
+  }._w-4 {
+    width: 1rem;
+  }._w-9 {
+    width: 2.25rem;
+  }._w-\[110\%\] {
+    width: 110%;
+  }._w-\[1em\] {
+    width: 1em;
+  }._w-\[75\%\] {
+    width: 75%;
+  }._w-auto {
+    width: auto;
+  }._w-full {
+    width: 100%;
+  }._min-w-0 {
+    min-width: 0px;
+  }._min-w-\[1\.4em\] {
+    min-width: 1.4em;
+  }._min-w-\[200px\] {
+    min-width: 200px;
+  }._max-w-2xl {
+    max-width: 42rem;
+  }._max-w-\[12em\] {
+    max-width: 12em;
+  }._max-w-\[14em\] {
+    max-width: 14em;
+  }._max-w-\[16em\] {
+    max-width: 16em;
+  }._max-w-\[22em\] {
+    max-width: 22em;
+  }._max-w-\[24em\] {
+    max-width: 24em;
+  }._max-w-\[30rem\] {
+    max-width: 30rem;
+  }._max-w-full {
+    max-width: 100%;
+  }._flex-1 {
+    flex: 1 1 0%;
+  }._flex-shrink-0 {
+    flex-shrink: 0;
+  }._origin-bottom {
+    transform-origin: bottom;
+  }._origin-center {
+    transform-origin: center;
+  }._-translate-x-1\/2 {
+    --tw-translate-x: -50%;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }._translate-x-\[55\%\] {
+    --tw-translate-x: 55%;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }._translate-y-\[40\%\] {
+    --tw-translate-y: 40%;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }._translate-y-\[5\%\] {
+    --tw-translate-y: 5%;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }._-rotate-180 {
+    --tw-rotate: -180deg;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }._rotate-90 {
+    --tw-rotate: 90deg;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }._scale-\[0\.95\] {
+    --tw-scale-x: 0.95;
+    --tw-scale-y: 0.95;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }._scale-\[1\.05\] {
+    --tw-scale-x: 1.05;
+    --tw-scale-y: 1.05;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }._scale-\[1\.35\] {
+    --tw-scale-x: 1.35;
+    --tw-scale-y: 1.35;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }._scale-\[1\.5\] {
+    --tw-scale-x: 1.5;
+    --tw-scale-y: 1.5;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }._scale-\[1\.6\] {
+    --tw-scale-x: 1.6;
+    --tw-scale-y: 1.6;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }._scale-\[1\.75\] {
+    --tw-scale-x: 1.75;
+    --tw-scale-y: 1.75;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }._scale-\[1\.7\] {
+    --tw-scale-x: 1.7;
+    --tw-scale-y: 1.7;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }._scale-\[2\.25\] {
+    --tw-scale-x: 2.25;
+    --tw-scale-y: 2.25;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }._scale-y-\[1\.4\] {
+    --tw-scale-y: 1.4;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }._transform {
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }@keyframes _blink {0%, 49% {
+      opacity: 1;
+    }50%, 100% {
+      opacity: 0.5;
+    }
+  }._animate-blink {
+    animation: _blink 400ms linear infinite;
+  }@keyframes _blink-deep {0%, 49% {
+      opacity: 1;
+    }50%, 100% {
+      opacity: 0.33;
+    }
+  }._animate-blink-deep {
+    animation: _blink-deep 1000ms linear infinite;
+  }@keyframes _blink {0%, 49% {
+      opacity: 1;
+    }50%, 100% {
+      opacity: 0.5;
+    }
+  }._animate-blink-fast {
+    animation: _blink 200ms linear infinite;
+  }@keyframes _blink-red {50%, 100% {
+      color: red;
+    }
+  }._animate-blink-red-fast {
+    animation: _blink-red 100ms linear infinite;
+  }@keyframes _float {0%, 100% {
+      transform: translateY(0);
+    }50% {
+      transform: translateY(-4px);
+    }
+  }._animate-float {
+    animation: _float 4s ease-in-out infinite;
+  }@keyframes _pulse-deep {0%, 100% {
+      opacity: 1;
+    }50% {
+      opacity: 0.25;
+    }
+  }._animate-pulse-deep {
+    animation: _pulse-deep 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+  }@keyframes _pulse {50% {
+      opacity: .5;
+    }
+  }._animate-pulse-deep-fast {
+    animation: _pulse 1s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+  }@keyframes _pulse {50% {
+      opacity: .5;
+    }
+  }._animate-pulse-fast {
+    animation: _pulse 1.2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+  }@keyframes _pulse-light {0%, 100% {
+      opacity: 1;
+    }50% {
+      opacity: 0.75;
+    }
+  }._animate-pulse-light {
+    animation: _pulse-light 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+  }@keyframes _quest-highlight-pop {0% {
+      transform: scale(1) rotate(0deg);
+    }45% {
+      transform: scale(1.5) rotate(-20deg);
+    }100% {
+      transform: scale(1) rotate(0deg);
+    }
+  }._animate-quest-highlight-pop {
+    animation: _quest-highlight-pop 1.1s cubic-bezier(0.34, 1.56, 0.64, 1) 0s 1 normal both;
+  }@keyframes _scaleup-sm {0%, 100% {
+      transform: scale(1);
+    }50% {
+      transform: scale(1.05);
+    }
+  }._animate-scaleup-sm {
+    animation: _scaleup-sm 1s ease-in-out infinite;
+  }@keyframes _scaleup-xs {0%, 100% {
+      transform: scale(1);
+    }50% {
+      transform: scale(1.025);
+    }
+  }._animate-scaleup-xs {
+    animation: _scaleup-xs 1s ease-in-out infinite;
+  }@keyframes _wiggle {0%, 100% {
+      transform: rotate(0deg);
+    }25% {
+      transform: rotate(-5deg);
+    }75% {
+      transform: rotate(5deg);
+    }
+  }._animate-wiggle {
+    animation: _wiggle 0.8s linear infinite;
+  }@keyframes _wiggle-sm {0%, 100% {
+      transform: rotate(0deg);
+    }25% {
+      transform: rotate(-1.5deg);
+    }75% {
+      transform: rotate(1.5deg);
+    }
+  }._animate-wiggle-sm {
+    animation: _wiggle-sm 0.8s linear infinite;
+  }._cursor-default {
+    cursor: default;
+  }._cursor-grab {
+    cursor: grab;
+  }._cursor-pointer {
+    cursor: pointer;
+  }._select-none {
+    -webkit-user-select: none;
+       -moz-user-select: none;
+            user-select: none;
+  }._select-text {
+    -webkit-user-select: text;
+       -moz-user-select: text;
+            user-select: text;
+  }._grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }._flex-col {
+    flex-direction: column;
+  }._flex-col-reverse {
+    flex-direction: column-reverse;
+  }._flex-wrap {
+    flex-wrap: wrap;
+  }._items-start {
+    align-items: flex-start;
+  }._items-end {
+    align-items: flex-end;
+  }._items-center {
+    align-items: center;
+  }._items-stretch {
+    align-items: stretch;
+  }._justify-start {
+    justify-content: flex-start;
+  }._justify-end {
+    justify-content: flex-end;
+  }._justify-center {
+    justify-content: center;
+  }._justify-between {
+    justify-content: space-between;
+  }._justify-evenly {
+    justify-content: space-evenly;
+  }._gap-0\.5 {
+    gap: 0.125rem;
+  }._gap-1 {
+    gap: 0.25rem;
+  }._gap-1\.5 {
+    gap: 0.375rem;
+  }._gap-2 {
+    gap: 0.5rem;
+  }._gap-2\.5 {
+    gap: 0.625rem;
+  }._gap-3 {
+    gap: 0.75rem;
+  }._gap-3\.5 {
+    gap: 0.875rem;
+  }._gap-4 {
+    gap: 1rem;
+  }._gap-5 {
+    gap: 1.25rem;
+  }._gap-\[0\.15em\] {
+    gap: 0.15em;
+  }._gap-\[0\.1em\] {
+    gap: 0.1em;
+  }._gap-\[0\.25em\] {
+    gap: 0.25em;
+  }._gap-\[0\.35em\] {
+    gap: 0.35em;
+  }._gap-\[0\.45rem\] {
+    gap: 0.45rem;
+  }._gap-\[0\.5em\] {
+    gap: 0.5em;
+  }._gap-\[0\.75em\] {
+    gap: 0.75em;
+  }._gap-\[1\.75em\] {
+    gap: 1.75em;
+  }._gap-\[inherit\] {
+    gap: inherit;
+  }._gap-em {
+    gap: 1em;
+  }._gap-em-2xl {
+    gap: 1.5em;
+  }._gap-em-2xs {
+    gap: 0.75em;
+  }._gap-em-3xl {
+    gap: 1.75em;
+  }._gap-em-3xs {
+    gap: 0.625em;
+  }._gap-em-4xl {
+    gap: 2em;
+  }._gap-em-5xl {
+    gap: 2.25em;
+  }._gap-em-6xl {
+    gap: 2.5em;
+  }._gap-em-lg {
+    gap: 1.125em;
+  }._gap-em-sm {
+    gap: 0.9375em;
+  }._gap-em-xl {
+    gap: 1.25em;
+  }._gap-em-xs {
+    gap: 0.875em;
+  }._-space-y-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.25rem * var(--tw-space-y-reverse));
+  }._space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
+  }._space-y-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
+  }._space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
+  }._space-y-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
+  }._space-y-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
+  }._space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
+  }._space-y-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
+  }._overflow-hidden {
+    overflow: hidden;
+  }._overflow-y-auto {
+    overflow-y: auto;
+  }._overflow-x-scroll {
+    overflow-x: scroll;
+  }._overflow-y-scroll {
+    overflow-y: scroll;
+  }._truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }._whitespace-nowrap {
+    white-space: nowrap;
+  }._whitespace-pre-line {
+    white-space: pre-line;
+  }._rounded {
+    border-radius: 0.25rem;
+  }._rounded-full {
+    border-radius: 9999px;
+  }._rounded-lg {
+    border-radius: 0.5rem;
+  }._rounded-md {
+    border-radius: 0.375rem;
+  }._rounded-xl {
+    border-radius: 0.75rem;
+  }._rounded-l-none {
+    border-top-left-radius: 0px;
+    border-bottom-left-radius: 0px;
+  }._rounded-r-none {
+    border-top-right-radius: 0px;
+    border-bottom-right-radius: 0px;
+  }._border {
+    border-width: 1px;
+  }._border-2 {
+    border-width: 2px;
+  }._border-4 {
+    border-width: 4px;
+  }._border-\[6px\] {
+    border-width: 6px;
+  }._border-dashed {
+    border-style: dashed;
+  }._border-\[\#DDD\] {
+    --tw-border-opacity: 1;
+    border-color: rgb(221 221 221 / var(--tw-border-opacity, 1));
+  }._border-black\/20 {
+    border-color: rgb(0 0 0 / 0.2);
+  }._border-black\/30 {
+    border-color: rgb(0 0 0 / 0.3);
+  }._border-current {
+    border-color: currentColor;
+  }._border-red-500 {
+    --tw-border-opacity: 1;
+    border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
+  }._border-transparent {
+    border-color: transparent;
+  }._border-white\/10 {
+    border-color: rgb(255 255 255 / 0.1);
+  }._border-yellow-500\/40 {
+    border-color: rgb(234 179 8 / 0.4);
+  }._border-zinc-400 {
+    --tw-border-opacity: 1;
+    border-color: rgb(161 161 170 / var(--tw-border-opacity, 1));
+  }._bg-\[rgba\(250\,250\,255\)\]\/40 {
+    background-color: rgba(250, 250, 255, 0.4);
+  }._bg-black {
+    --tw-bg-opacity: 1;
+    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
+  }._bg-black\/20 {
+    background-color: rgb(0 0 0 / 0.2);
+  }._bg-black\/30 {
+    background-color: rgb(0 0 0 / 0.3);
+  }._bg-black\/80 {
+    background-color: rgb(0 0 0 / 0.8);
+  }._bg-blue-500\/80 {
+    background-color: rgb(59 130 246 / 0.8);
+  }._bg-blue-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
+  }._bg-red-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
+  }._bg-red-500\/80 {
+    background-color: rgb(239 68 68 / 0.8);
+  }._bg-slate-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1));
+  }._bg-transparent {
+    background-color: transparent;
+  }._bg-white {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+  }._bg-white\/10 {
+    background-color: rgb(255 255 255 / 0.1);
+  }._bg-yellow-500\/20 {
+    background-color: rgb(234 179 8 / 0.2);
+  }._bg-zinc-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(228 228 231 / var(--tw-bg-opacity, 1));
+  }._bg-zinc-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(161 161 170 / var(--tw-bg-opacity, 1));
+  }._bg-cover {
+    background-size: cover;
+  }._bg-center {
+    background-position: center;
+  }._object-contain {
+    -o-object-fit: contain;
+       object-fit: contain;
+  }._object-cover {
+    -o-object-fit: cover;
+       object-fit: cover;
+  }._object-center {
+    -o-object-position: center;
+       object-position: center;
+  }._p-0 {
+    padding: 0px;
+  }._p-1 {
+    padding: 0.25rem;
+  }._p-1\.5 {
+    padding: 0.375rem;
+  }._p-2 {
+    padding: 0.5rem;
+  }._p-2\.5 {
+    padding: 0.625rem;
+  }._p-3 {
+    padding: 0.75rem;
+  }._p-4 {
+    padding: 1rem;
+  }._p-4\.5 {
+    padding: 1.125rem;
+  }._p-5 {
+    padding: 1.25rem;
+  }._p-\[0\.05em\] {
+    padding: 0.05em;
+  }._p-\[0\.25em\] {
+    padding: 0.25em;
+  }._p-\[0\.2em\] {
+    padding: 0.2em;
+  }._p-\[0\.3em\] {
+    padding: 0.3em;
+  }._p-\[0\.625em\] {
+    padding: 0.625em;
+  }._p-\[2px\] {
+    padding: 2px;
+  }._px-0\.5 {
+    padding-left: 0.125rem;
+    padding-right: 0.125rem;
+  }._px-1 {
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
+  }._px-1\.5 {
+    padding-left: 0.375rem;
+    padding-right: 0.375rem;
+  }._px-2 {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+  }._px-2\.5 {
+    padding-left: 0.625rem;
+    padding-right: 0.625rem;
+  }._px-3 {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+  }._px-3\.5 {
+    padding-left: 0.875rem;
+    padding-right: 0.875rem;
+  }._px-4 {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }._px-4\.5 {
+    padding-left: 1.125rem;
+    padding-right: 1.125rem;
+  }._px-5 {
+    padding-left: 1.25rem;
+    padding-right: 1.25rem;
+  }._px-6 {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }._px-8 {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }._px-\[0\.5em\] {
+    padding-left: 0.5em;
+    padding-right: 0.5em;
+  }._px-\[0\.65em\] {
+    padding-left: 0.65em;
+    padding-right: 0.65em;
+  }._px-\[0\.75em\] {
+    padding-left: 0.75em;
+    padding-right: 0.75em;
+  }._px-\[1\.5em\] {
+    padding-left: 1.5em;
+    padding-right: 1.5em;
+  }._px-\[1em\] {
+    padding-left: 1em;
+    padding-right: 1em;
+  }._py-0\.5 {
+    padding-top: 0.125rem;
+    padding-bottom: 0.125rem;
+  }._py-1 {
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
+  }._py-1\.5 {
+    padding-top: 0.375rem;
+    padding-bottom: 0.375rem;
+  }._py-10 {
+    padding-top: 2.5rem;
+    padding-bottom: 2.5rem;
+  }._py-2 {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+  }._py-2\.5 {
+    padding-top: 0.625rem;
+    padding-bottom: 0.625rem;
+  }._py-3 {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+  }._py-4 {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+  }._py-4\.5 {
+    padding-top: 1.125rem;
+    padding-bottom: 1.125rem;
+  }._py-\[0\.2em\] {
+    padding-top: 0.2em;
+    padding-bottom: 0.2em;
+  }._pb-1\.5 {
+    padding-bottom: 0.375rem;
+  }._pb-3 {
+    padding-bottom: 0.75rem;
+  }._pb-4\.5 {
+    padding-bottom: 1.125rem;
+  }._pb-5 {
+    padding-bottom: 1.25rem;
+  }._pb-\[0\.27em\] {
+    padding-bottom: 0.27em;
+  }._pl-0\.5 {
+    padding-left: 0.125rem;
+  }._pl-1 {
+    padding-left: 0.25rem;
+  }._pl-3\.5 {
+    padding-left: 0.875rem;
+  }._pl-4 {
+    padding-left: 1rem;
+  }._pl-6 {
+    padding-left: 1.5rem;
+  }._pl-\[0\.25em\] {
+    padding-left: 0.25em;
+  }._pl-\[0\.3em\] {
+    padding-left: 0.3em;
+  }._pl-\[0\.4em\] {
+    padding-left: 0.4em;
+  }._pl-\[0\.5em\] {
+    padding-left: 0.5em;
+  }._pl-\[1em\] {
+    padding-left: 1em;
+  }._pr-0\.5 {
+    padding-right: 0.125rem;
+  }._pr-16 {
+    padding-right: 4rem;
+  }._pr-3 {
+    padding-right: 0.75rem;
+  }._pr-3\.5 {
+    padding-right: 0.875rem;
+  }._pr-4 {
+    padding-right: 1rem;
+  }._pr-5 {
+    padding-right: 1.25rem;
+  }._pr-\[0\.25em\] {
+    padding-right: 0.25em;
+  }._pr-\[0\.35em\] {
+    padding-right: 0.35em;
+  }._pr-\[0\.4em\] {
+    padding-right: 0.4em;
+  }._pr-\[0\.5em\] {
+    padding-right: 0.5em;
+  }._pt-3 {
+    padding-top: 0.75rem;
+  }._pt-5 {
+    padding-top: 1.25rem;
+  }._pt-\[0\.1em\] {
+    padding-top: 0.1em;
+  }._pt-\[0\.2em\] {
+    padding-top: 0.2em;
+  }._text-left {
+    text-align: left;
+  }._text-center {
+    text-align: center;
+  }._text-right {
+    text-align: right;
+  }._align-top {
+    vertical-align: top;
+  }._font-mono {
+    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  }._font-trifle {
+    font-family: "APL333", "Comic Sans MS", sans-serif;
+  }._text-2xl {
+    font-size: 1.75rem;
+  }._text-2xs {
+    font-size: 0.75rem;
+  }._text-3xl {
+    font-size: 2rem;
+  }._text-4xl {
+    font-size: 2.25rem;
+  }._text-5xl {
+    font-size: 2.375rem;
+  }._text-6xl {
+    font-size: 3.75rem;
+    line-height: 1;
+  }._text-\[0\.875em\] {
+    font-size: 0.875em;
+  }._text-\[1\.08em\] {
+    font-size: 1.08em;
+  }._text-\[1\.75em\] {
+    font-size: 1.75em;
+  }._text-\[2\.5em\] {
+    font-size: 2.5em;
+  }._text-base {
+    font-size: 1.12rem;
+  }._text-em-2xl {
+    font-size: 1.5em;
+  }._text-em-2xs {
+    font-size: 0.75em;
+  }._text-em-3xl {
+    font-size: 1.75em;
+  }._text-em-3xs {
+    font-size: 0.625em;
+  }._text-em-4xl {
+    font-size: 2em;
+  }._text-em-5xl {
+    font-size: 2.25em;
+  }._text-em-6xl {
+    font-size: 2.5em;
+  }._text-em-lg {
+    font-size: 1.125em;
+  }._text-em-sm {
+    font-size: 0.9375em;
+  }._text-em-xl {
+    font-size: 1.25em;
+  }._text-em-xs {
+    font-size: 0.875em;
+  }._text-lg {
+    font-size: 1.375rem;
+  }._text-md {
+    font-size: 1.025rem;
+  }._text-mlg {
+    font-size: 1.25rem;
+  }._text-sm {
+    font-size: 0.9375rem;
+  }._text-xl {
+    font-size: 1.5rem;
+  }._text-xs {
+    font-size: 0.875rem;
+  }._font-bold {
+    font-weight: 700;
+  }._font-medium {
+    font-weight: 500;
+  }._font-normal {
+    font-weight: 400;
+  }._font-semibold {
+    font-weight: 600;
+  }._italic {
+    font-style: italic;
+  }._not-italic {
+    font-style: normal;
+  }._leading-\[1\.1\] {
+    line-height: 1.1;
+  }._leading-none {
+    line-height: 1;
+  }._leading-normal {
+    line-height: 1.5;
+  }._leading-relaxed {
+    line-height: 1.625;
+  }._leading-snug {
+    line-height: 1.375;
+  }._leading-tight {
+    line-height: 1.25;
+  }._tracking-\[0\.01em\] {
+    letter-spacing: 0.01em;
+  }._tracking-\[0\.02em\] {
+    letter-spacing: 0.02em;
+  }._tracking-\[0\.05em\] {
+    letter-spacing: 0.05em;
+  }._tracking-\[0\.1em\] {
+    letter-spacing: 0.1em;
+  }._tracking-\[0\.2em\] {
+    letter-spacing: 0.2em;
+  }._tracking-\[0\.75em\] {
+    letter-spacing: 0.75em;
+  }._tracking-tight {
+    letter-spacing: -0.025em;
+  }._tracking-wide {
+    letter-spacing: 0.025em;
+  }._text-\[\#888\] {
+    --tw-text-opacity: 1;
+    color: rgb(136 136 136 / var(--tw-text-opacity, 1));
+  }._text-\[\#B4B4BB\] {
+    --tw-text-opacity: 1;
+    color: rgb(180 180 187 / var(--tw-text-opacity, 1));
+  }._text-black {
+    --tw-text-opacity: 1;
+    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
+  }._text-blue-400 {
+    --tw-text-opacity: 1;
+    color: rgb(96 165 250 / var(--tw-text-opacity, 1));
+  }._text-emerald-300 {
+    --tw-text-opacity: 1;
+    color: rgb(110 231 183 / var(--tw-text-opacity, 1));
+  }._text-gray-500 {
+    --tw-text-opacity: 1;
+    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
+  }._text-green-600 {
+    --tw-text-opacity: 1;
+    color: rgb(22 163 74 / var(--tw-text-opacity, 1));
+  }._text-primary {
+    color: var(--thub-color-primary);
+  }._text-red-400 {
+    --tw-text-opacity: 1;
+    color: rgb(248 113 113 / var(--tw-text-opacity, 1));
+  }._text-red-500 {
+    --tw-text-opacity: 1;
+    color: rgb(239 68 68 / var(--tw-text-opacity, 1));
+  }._text-red-600 {
+    --tw-text-opacity: 1;
+    color: rgb(220 38 38 / var(--tw-text-opacity, 1));
+  }._text-red-700 {
+    --tw-text-opacity: 1;
+    color: rgb(185 28 28 / var(--tw-text-opacity, 1));
+  }._text-rot {
+    color: var(--thub-color-rot);
+  }._text-white {
+    --tw-text-opacity: 1;
+    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+  }._text-white\/80 {
+    color: rgb(255 255 255 / 0.8);
+  }._text-zinc-500 {
+    --tw-text-opacity: 1;
+    color: rgb(113 113 122 / var(--tw-text-opacity, 1));
+  }._text-zinc-600 {
+    --tw-text-opacity: 1;
+    color: rgb(82 82 91 / var(--tw-text-opacity, 1));
+  }._underline {
+    text-decoration-line: underline;
+  }._line-through {
+    text-decoration-line: line-through;
+  }._no-underline {
+    text-decoration-line: none;
+  }._opacity-0 {
+    opacity: 0;
+  }._opacity-20 {
+    opacity: 0.2;
+  }._opacity-25 {
+    opacity: 0.25;
+  }._opacity-30 {
+    opacity: 0.3;
+  }._opacity-40 {
+    opacity: 0.4;
+  }._opacity-50 {
+    opacity: 0.5;
+  }._opacity-60 {
+    opacity: 0.6;
+  }._opacity-75 {
+    opacity: 0.75;
+  }._opacity-80 {
+    opacity: 0.8;
+  }._opacity-\[0\.12\] {
+    opacity: 0.12;
+  }._opacity-\[0\.35\] {
+    opacity: 0.35;
+  }._opacity-\[0\.45\] {
+    opacity: 0.45;
+  }._opacity-\[0\.6\] {
+    opacity: 0.6;
+  }._shadow-\[0_8px_16px_rgba\(0\,0\,0\,0\.1\)\] {
+    --tw-shadow: 0 8px 16px rgba(0,0,0,0.1);
+    --tw-shadow-colored: 0 8px 16px var(--tw-shadow-color);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }._shadow-panel {
+    --tw-shadow: 0 1px 1px var(--thub-shadow-color), inset 0 1px 0 rgba(255, 255, 255, 0.75);
+    --tw-shadow-colored: 0 1px 1px var(--tw-shadow-color), inset 0 1px 0 var(--tw-shadow-color);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }._shadow-panel-inset {
+    --tw-shadow: 0 1px 1px var(--thub-shadow-color) inset, 0 1px 0 rgba(255, 255, 255, 0.75);
+    --tw-shadow-colored: inset 0 1px 1px var(--tw-shadow-color), 0 1px 0 var(--tw-shadow-color);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }._outline-none {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }._transition {
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }._transition-colors {
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }._delay-500 {
+    transition-delay: 500ms;
+  }._duration-100 {
+    transition-duration: 100ms;
+  }._duration-150 {
+    transition-duration: 150ms;
+  }._duration-300 {
+    transition-duration: 300ms;
+  }._duration-500 {
+    transition-duration: 500ms;
+  }._duration-\[75ms\] {
+    transition-duration: 75ms;
+  }:root {
+    --thub-color-blue: #4100ff;
+    --thub-color-rot: #f43c34;
+
+    --thub-color-primary: var(--thub-color-blue);
+    --thub-color-primary-75: color-mix(in srgb, var(--thub-color-primary) 75%, transparent);
+
+    --thub-metallic-light: rgb(227, 230, 244);
+    /* --thub-metallic-light: rgb(240, 240, 245, 0.5); */
+    --thub-metallic-dark: #a3abca;
+
+    --thub-shadow-color: rgba(0, 0, 0, 0.5);
+
+    --thub-menu-button-size: 7rem;
+    --thub-menu-button-margin: 0;
+    --thub-z-index: 900;
+  }.trifle-hub-ui {
+    font-smoothing: antialiased;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }._truncate {
+    pointer-events: none;
+  }/* typography */.trifle-hub-ui h1,
+  .trifle-hub-ui h2,
+  .trifle-hub-ui h3,
+  .trifle-hub-ui h4,
+  .trifle-hub-ui h5,
+  .trifle-hub-ui h6 {
+    font-weight: normal;
+  }._text-stroke-xs {
+    -webkit-text-stroke: 0.015em currentColor;
+  }._text-stroke-sm {
+    -webkit-text-stroke: 0.025em currentColor;
+  }._text-stroke-md {
+    -webkit-text-stroke: 0.04em currentColor;
+  }._text-stroke-lg {
+    -webkit-text-stroke: 0.0525em currentColor;
+  }._text-stroke-xl {
+    -webkit-text-stroke: 0.06em currentColor;
+  }._text-stroke-2xl {
+    -webkit-text-stroke: 0.068em currentColor;
+  }._text-stroke-3xl {
+    -webkit-text-stroke: 0.075em currentColor;
+  }._text-stroke-4xl {
+    -webkit-text-stroke: 0.0825em currentColor;
+  }._bodyText {
+    font-size: 1.12rem;
+    line-height: 1.375;
+  }._finePrint {
+    font-size: 0.9375rem;
+    line-height: 1.375;
+  }._h1 {
+    font-size: 2.25rem;
+    -webkit-text-stroke: 0.06em currentColor;
+  }._h2 {
+    font-size: 2rem;
+    -webkit-text-stroke: 0.06em currentColor;
+  }._h3 {
+    font-size: 1.75rem;
+    -webkit-text-stroke: 0.0525em currentColor;
+  }._h4 {
+    font-size: 1.5rem;
+    -webkit-text-stroke: 0.0525em currentColor;
+  }._h5 {
+    font-size: 1.375rem;
+    -webkit-text-stroke: 0.0525em currentColor;
+  }._h6 {
+    font-size: 1.12rem;
+    -webkit-text-stroke: 0.0525em currentColor;
+  }._semibold,
+  ._weight-semibold {
+    -webkit-text-stroke: 0.0525em currentColor;
+  }._bold,
+  ._weight-bold,
+  .trifle-hub-ui b,
+  .trifle-hub-ui strong {
+    font-weight: normal;
+    -webkit-text-stroke: 0.06em currentColor;
+  }._weight-black {
+    -webkit-text-stroke: 0.068em currentColor;
+  }._bodyText + *,
+  ._finePrint + * {
+    margin-top: 1rem;
+  }._h1 + *,
+  ._h2 + *,
+  ._h3 + *,
+  ._h4 + *,
+  ._h5 + *,
+  ._h6 + * {
+    margin-top: 0.25rem;
+  }._h1:not(:first-child),
+  ._h2:not(:first-child),
+  ._h3:not(:first-child),
+  ._h4:not(:first-child),
+  ._h5:not(:first-child),
+  ._h6:not(:first-child) {
+    margin-top: 1.25rem;
+  }._border-dashed {
+    border-style: dashed;
+  }/* states */#trifle-hub *:focus {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }#trifle-hub *:not(input):focus-visible {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+    --tw-ring-color: var(--thub-color-primary-75);
+    --tw-ring-offset-width: 2px;
+    --tw-ring-offset-color: transparent;
+  }/* Hide scrollbar for Chrome, Safari and Opera */._no-scrollbar::-webkit-scrollbar {
+    display: none;
+  }/* Hide scrollbar for IE, Edge and Firefox */._no-scrollbar {
+    -ms-overflow-style: none; /* IE and Edge */
+    scrollbar-width: none; /* Firefox */
+  }._bg-metallic-cone {
+    --light-color: var(--thub-metallic-light);
+    --dark-color: var(--thub-metallic-dark); /* or currentColor ?? */
+    background: repeating-conic-gradient(
+      from 50deg at 60% 65%,
+      var(--light-color) 0%,
+      color-mix(in srgb, var(--light-color) 85%, var(--dark-color)) 5%,
+      color-mix(in srgb, var(--light-color) 65%, var(--dark-color)) 9%,
+      color-mix(in srgb, var(--light-color) 45%, var(--dark-color)) 13%,
+      color-mix(in srgb, var(--light-color) 65%, var(--dark-color)) 17%,
+      color-mix(in srgb, var(--light-color) 85%, var(--dark-color)) 21%,
+      var(--light-color) 25%,
+      var(--light-color) 33.33%,
+      color-mix(in srgb, var(--light-color) 85%, var(--dark-color)) 38.33%,
+      color-mix(in srgb, var(--light-color) 65%, var(--dark-color)) 42.33%,
+      color-mix(in srgb, var(--light-color) 45%, var(--dark-color)) 46.33%,
+      color-mix(in srgb, var(--light-color) 65%, var(--dark-color)) 50.33%,
+      color-mix(in srgb, var(--light-color) 85%, var(--dark-color)) 54.33%,
+      var(--light-color) 58.33%,
+      var(--light-color) 66.66%,
+      color-mix(in srgb, var(--light-color) 85%, var(--dark-color)) 71.66%,
+      color-mix(in srgb, var(--light-color) 65%, var(--dark-color)) 75.66%,
+      color-mix(in srgb, var(--light-color) 45%, var(--dark-color)) 79.66%,
+      color-mix(in srgb, var(--light-color) 65%, var(--dark-color)) 83.66%,
+      color-mix(in srgb, var(--light-color) 85%, var(--dark-color)) 87.66%,
+      var(--light-color) 91.66%,
+      var(--light-color) 100%
+    );
+  }._bg-metallic-linear {
+    --light-color: var(--thub-metallic-light);
+    --dark-color: var(--thub-metallic-dark);
+    background: linear-gradient(
+      -45deg,
+      var(--light-color) 0%,
+      color-mix(in srgb, var(--light-color) 85%, var(--dark-color)) 15%,
+      color-mix(in srgb, var(--light-color) 65%, var(--dark-color)) 25%,
+      color-mix(in srgb, var(--light-color) 45%, var(--dark-color)) 35%,
+      color-mix(in srgb, var(--light-color) 65%, var(--dark-color)) 45%,
+      color-mix(in srgb, var(--light-color) 85%, var(--dark-color)) 55%,
+      var(--light-color) 65%,
+      var(--light-color) 100%
+    );
+  }._metallic-panel {
+    /* @apply _bg-metallic-cone; */
+    /* @apply _bg-metallic-linear; */
+    background: rgba(255, 255, 255, 0.5);
+    border-radius: 0.5rem;
+    --tw-shadow: 0 1px 1px var(--thub-shadow-color), inset 0 1px 0 rgba(255, 255, 255, 0.75);
+    --tw-shadow-colored: 0 1px 1px var(--tw-shadow-color), inset 0 1px 0 var(--tw-shadow-color);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }._bubble-btn {
+    border-radius: 10px;
+    border-image-source: url(../assets/imgs/bubblegum-recess.png);
+    border-image-slice: 82 95 77 92 fill;
+    border-image-width: 17px;
+    border-image-outset: 0px;
+    border-image-repeat: stretch;
+    background-color: transparent;
+    -webkit-user-select: none;
+       -moz-user-select: none;
+            user-select: none;
+    margin: -4px -7px -5px -7px;
+    transition: border-image-width 0.1s ease-in-out;
+  }._bubble-btn:active:not([disabled]) {
+    border-image-width: 15px;
+  }._bubble-btn:active:not([disabled]) > * {
+    transform: scale(0.995);
+    transform-origin: center;
+  }._bubble-btn-full {
+    border-radius: 10px;
+    border-image-source: url(../assets/imgs/bubblegum-recess.png);
+    border-image-slice: 82 95 77 92 fill;
+    border-image-width: 17px;
+    border-image-outset: 0px;
+    border-image-repeat: stretch;
+    background-color: transparent;
+    -webkit-user-select: none;
+       -moz-user-select: none;
+            user-select: none;
+    margin: -4px -7px -5px -7px;
+    transition: border-image-width 0.1s ease-in-out;
+  }._bubble-btn-full:active:not([disabled]) {
+    border-image-width: 15px;
+  }._bubble-btn-full:active:not([disabled]) > * {
+    transform: scale(0.995);
+    transform-origin: center;
+  }@media (hover: hover) {
+    ._bubble-btn-full:hover:not([disabled]) {
+      border-image-width: 19px;
+    }
+  }._bubble-btn-full {
+    width: calc(100% + 8px);
+    margin-left: -4.5px;
+  }@media (hover: hover) {
+    ._bubble-btn:hover:not([disabled]) {
+      border-image-width: 19px;
+    }
+  }.hover\:_bg-zinc-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgb(212 212 216 / var(--tw-bg-opacity, 1));
+  }.focus\:_border-white\/30:focus {
+    border-color: rgb(255 255 255 / 0.3);
+  }.focus-visible\:_ring-4:focus-visible {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }._group:hover .group-hover\:_scale-\[1\.2\] {
+    --tw-scale-x: 1.2;
+    --tw-scale-y: 1.2;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }._group:hover .group-hover\:_scale-\[1\.8\] {
+    --tw-scale-x: 1.8;
+    --tw-scale-y: 1.8;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }@media (min-width: 640px) {.sm\:_mx-24 {
+      margin-left: 6rem;
+      margin-right: 6rem;
+    }.sm\:_-mt-18 {
+      margin-top: -4.5rem;
+    }.sm\:_ml-0\.5 {
+      margin-left: 0.125rem;
+    }.sm\:_size-7 {
+      width: 1.75rem;
+      height: 1.75rem;
+    }.sm\:_size-8 {
+      width: 2rem;
+      height: 2rem;
+    }.sm\:_size-\[3\.5em\] {
+      width: 3.5em;
+      height: 3.5em;
+    }.sm\:_h-13 {
+      height: 3.25rem;
+    }.sm\:_h-14 {
+      height: 3.5rem;
+    }.sm\:_h-\[1\.9em\] {
+      height: 1.9em;
+    }.sm\:_h-\[6em\] {
+      height: 6em;
+    }.sm\:_scale-\[1\.45\] {
+      --tw-scale-x: 1.45;
+      --tw-scale-y: 1.45;
+      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+    }.sm\:_px-8 {
+      padding-left: 2rem;
+      padding-right: 2rem;
+    }.sm\:_pb-12 {
+      padding-bottom: 3rem;
+    }.sm\:_pb-6 {
+      padding-bottom: 1.5rem;
+    }.sm\:_pl-6 {
+      padding-left: 1.5rem;
+    }.sm\:_pr-4\.5 {
+      padding-right: 1.125rem;
+    }.sm\:_pr-9 {
+      padding-right: 2.25rem;
+    }.sm\:_pt-10 {
+      padding-top: 2.5rem;
+    }.sm\:_pt-4 {
+      padding-top: 1rem;
+    }.sm\:_text-2xl {
+      font-size: 1.75rem;
+    }.sm\:_text-2xs {
+      font-size: 0.75rem;
+    }.sm\:_text-3xl {
+      font-size: 2rem;
+    }.sm\:_text-4xl {
+      font-size: 2.25rem;
+    }.sm\:_text-5xl {
+      font-size: 2.375rem;
+    }.sm\:_text-6xl {
+      font-size: 3.75rem;
+      line-height: 1;
+    }.sm\:_text-base {
+      font-size: 1.12rem;
+    }.sm\:_text-em-2xl {
+      font-size: 1.5em;
+    }.sm\:_text-em-2xs {
+      font-size: 0.75em;
+    }.sm\:_text-em-3xl {
+      font-size: 1.75em;
+    }.sm\:_text-em-4xl {
+      font-size: 2em;
+    }.sm\:_text-em-5xl {
+      font-size: 2.25em;
+    }.sm\:_text-em-6xl {
+      font-size: 2.5em;
+    }.sm\:_text-em-lg {
+      font-size: 1.125em;
+    }.sm\:_text-em-sm {
+      font-size: 0.9375em;
+    }.sm\:_text-em-xl {
+      font-size: 1.25em;
+    }.sm\:_text-em-xs {
+      font-size: 0.875em;
+    }.sm\:_text-lg {
+      font-size: 1.375rem;
+    }.sm\:_text-md {
+      font-size: 1.025rem;
+    }.sm\:_text-mlg {
+      font-size: 1.25rem;
+    }.sm\:_text-sm {
+      font-size: 0.9375rem;
+    }.sm\:_text-xl {
+      font-size: 1.5rem;
+    }.sm\:_text-xs {
+      font-size: 0.875rem;
+    }
+  }@media (min-width: 768px) {.md\:_size-8 {
+      width: 2rem;
+      height: 2rem;
+    }.md\:_text-2xl {
+      font-size: 1.75rem;
+    }.md\:_text-2xs {
+      font-size: 0.75rem;
+    }.md\:_text-3xl {
+      font-size: 2rem;
+    }.md\:_text-4xl {
+      font-size: 2.25rem;
+    }.md\:_text-5xl {
+      font-size: 2.375rem;
+    }.md\:_text-6xl {
+      font-size: 3.75rem;
+      line-height: 1;
+    }.md\:_text-base {
+      font-size: 1.12rem;
+    }.md\:_text-em-2xl {
+      font-size: 1.5em;
+    }.md\:_text-em-2xs {
+      font-size: 0.75em;
+    }.md\:_text-em-3xl {
+      font-size: 1.75em;
+    }.md\:_text-em-4xl {
+      font-size: 2em;
+    }.md\:_text-em-5xl {
+      font-size: 2.25em;
+    }.md\:_text-em-6xl {
+      font-size: 2.5em;
+    }.md\:_text-em-lg {
+      font-size: 1.125em;
+    }.md\:_text-em-sm {
+      font-size: 0.9375em;
+    }.md\:_text-em-xl {
+      font-size: 1.25em;
+    }.md\:_text-em-xs {
+      font-size: 0.875em;
+    }.md\:_text-lg {
+      font-size: 1.375rem;
+    }.md\:_text-md {
+      font-size: 1.025rem;
+    }.md\:_text-mlg {
+      font-size: 1.25rem;
+    }.md\:_text-sm {
+      font-size: 0.9375rem;
+    }.md\:_text-xl {
+      font-size: 1.5rem;
+    }.md\:_text-xs {
+      font-size: 0.875rem;
+    }
+  }@media (min-width: 1024px) {.lg\:_text-2xl {
+      font-size: 1.75rem;
+    }.lg\:_text-2xs {
+      font-size: 0.75rem;
+    }.lg\:_text-3xl {
+      font-size: 2rem;
+    }.lg\:_text-4xl {
+      font-size: 2.25rem;
+    }.lg\:_text-5xl {
+      font-size: 2.375rem;
+    }.lg\:_text-6xl {
+      font-size: 3.75rem;
+      line-height: 1;
+    }.lg\:_text-base {
+      font-size: 1.12rem;
+    }.lg\:_text-em-2xl {
+      font-size: 1.5em;
+    }.lg\:_text-em-2xs {
+      font-size: 0.75em;
+    }.lg\:_text-em-3xl {
+      font-size: 1.75em;
+    }.lg\:_text-em-4xl {
+      font-size: 2em;
+    }.lg\:_text-em-5xl {
+      font-size: 2.25em;
+    }.lg\:_text-em-6xl {
+      font-size: 2.5em;
+    }.lg\:_text-em-lg {
+      font-size: 1.125em;
+    }.lg\:_text-em-sm {
+      font-size: 0.9375em;
+    }.lg\:_text-em-xl {
+      font-size: 1.25em;
+    }.lg\:_text-em-xs {
+      font-size: 0.875em;
+    }.lg\:_text-lg {
+      font-size: 1.375rem;
+    }.lg\:_text-md {
+      font-size: 1.025rem;
+    }.lg\:_text-mlg {
+      font-size: 1.25rem;
+    }.lg\:_text-sm {
+      font-size: 0.9375rem;
+    }.lg\:_text-xl {
+      font-size: 1.5rem;
+    }.lg\:_text-xs {
+      font-size: 0.875rem;
+    }
+  }@media (min-width: 1280px) {.xl\:_text-2xl {
+      font-size: 1.75rem;
+    }.xl\:_text-2xs {
+      font-size: 0.75rem;
+    }.xl\:_text-3xl {
+      font-size: 2rem;
+    }.xl\:_text-4xl {
+      font-size: 2.25rem;
+    }.xl\:_text-5xl {
+      font-size: 2.375rem;
+    }.xl\:_text-6xl {
+      font-size: 3.75rem;
+      line-height: 1;
+    }.xl\:_text-base {
+      font-size: 1.12rem;
+    }.xl\:_text-em-2xl {
+      font-size: 1.5em;
+    }.xl\:_text-em-2xs {
+      font-size: 0.75em;
+    }.xl\:_text-em-3xl {
+      font-size: 1.75em;
+    }.xl\:_text-em-4xl {
+      font-size: 2em;
+    }.xl\:_text-em-5xl {
+      font-size: 2.25em;
+    }.xl\:_text-em-6xl {
+      font-size: 2.5em;
+    }.xl\:_text-em-lg {
+      font-size: 1.125em;
+    }.xl\:_text-em-sm {
+      font-size: 0.9375em;
+    }.xl\:_text-em-xl {
+      font-size: 1.25em;
+    }.xl\:_text-em-xs {
+      font-size: 0.875em;
+    }.xl\:_text-lg {
+      font-size: 1.375rem;
+    }.xl\:_text-md {
+      font-size: 1.025rem;
+    }.xl\:_text-mlg {
+      font-size: 1.25rem;
+    }.xl\:_text-sm {
+      font-size: 0.9375rem;
+    }.xl\:_text-xl {
+      font-size: 1.5rem;
+    }.xl\:_text-xs {
+      font-size: 0.875rem;
+    }
+  }@media (min-width: 1536px) {.\32xl\:_text-2xl {
+      font-size: 1.75rem;
+    }.\32xl\:_text-2xs {
+      font-size: 0.75rem;
+    }.\32xl\:_text-3xl {
+      font-size: 2rem;
+    }.\32xl\:_text-4xl {
+      font-size: 2.25rem;
+    }.\32xl\:_text-5xl {
+      font-size: 2.375rem;
+    }.\32xl\:_text-6xl {
+      font-size: 3.75rem;
+      line-height: 1;
+    }.\32xl\:_text-base {
+      font-size: 1.12rem;
+    }.\32xl\:_text-em-2xl {
+      font-size: 1.5em;
+    }.\32xl\:_text-em-2xs {
+      font-size: 0.75em;
+    }.\32xl\:_text-em-3xl {
+      font-size: 1.75em;
+    }.\32xl\:_text-em-4xl {
+      font-size: 2em;
+    }.\32xl\:_text-em-5xl {
+      font-size: 2.25em;
+    }.\32xl\:_text-em-6xl {
+      font-size: 2.5em;
+    }.\32xl\:_text-em-lg {
+      font-size: 1.125em;
+    }.\32xl\:_text-em-sm {
+      font-size: 0.9375em;
+    }.\32xl\:_text-em-xl {
+      font-size: 1.25em;
+    }.\32xl\:_text-em-xs {
+      font-size: 0.875em;
+    }.\32xl\:_text-lg {
+      font-size: 1.375rem;
+    }.\32xl\:_text-md {
+      font-size: 1.025rem;
+    }.\32xl\:_text-mlg {
+      font-size: 1.25rem;
+    }.\32xl\:_text-sm {
+      font-size: 0.9375rem;
+    }.\32xl\:_text-xl {
+      font-size: 1.5rem;
+    }.\32xl\:_text-xs {
+      font-size: 0.875rem;
+    }
+  }@media (hover:hover) {.mouse\:hover\:_z-10:hover {
+      z-index: 10;
+    }.mouse\:hover\:_scale-110:hover {
+      --tw-scale-x: 1.1;
+      --tw-scale-y: 1.1;
+      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+    }.mouse\:hover\:_scale-\[1\.006\]:hover {
+      --tw-scale-x: 1.006;
+      --tw-scale-y: 1.006;
+      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+    }.mouse\:hover\:_scale-\[1\.01\]:hover {
+      --tw-scale-x: 1.01;
+      --tw-scale-y: 1.01;
+      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+    }.mouse\:hover\:_scale-\[1\.05\]:hover {
+      --tw-scale-x: 1.05;
+      --tw-scale-y: 1.05;
+      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+    }.mouse\:hover\:_scale-\[1\.1\]:hover {
+      --tw-scale-x: 1.1;
+      --tw-scale-y: 1.1;
+      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+    }.mouse\:hover\:_scale-\[1\.2\]:hover {
+      --tw-scale-x: 1.2;
+      --tw-scale-y: 1.2;
+      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+    }.mouse\:hover\:_scale-\[1\.3\]:hover {
+      --tw-scale-x: 1.3;
+      --tw-scale-y: 1.3;
+      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+    }.mouse\:hover\:_scale-x-\[1\.05\]:hover {
+      --tw-scale-x: 1.05;
+      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+    }.mouse\:hover\:_scale-y-\[1\.45\]:hover {
+      --tw-scale-y: 1.45;
+      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+    }.mouse\:hover\:_bg-blue-500:hover {
+      --tw-bg-opacity: 1;
+      background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
+    }.mouse\:hover\:_bg-red-500:hover {
+      --tw-bg-opacity: 1;
+      background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
+    }.mouse\:hover\:_bg-white\/20:hover {
+      background-color: rgb(255 255 255 / 0.2);
+    }.mouse\:hover\:_opacity-20:hover {
+      opacity: 0.2;
+    }._group:hover .mouse\:group-hover\:_inline {
+      display: inline;
+    }._group:hover .mouse\:group-hover\:_hidden {
+      display: none;
+    }._group:hover .mouse\:group-hover\:_underline {
+      text-decoration-line: underline;
+    }
+  }
+}