From 641d505ae76bf5a26641ef7443f4e24b44ffc203 Mon Sep 17 00:00:00 2001
From: BlueFox <bluefox@privacynerd.de>
Date: Sun, 23 Feb 2025 19:31:31 +0100
Subject: [PATCH] Removed the old tailwind and other test stuff
---
public/old-tailwind/index.html | 59 -
public/old-tailwind/input.css | 8 -
public/old-tailwind/output.css | 2488 --------------------------------
public/test.css | 101 --
public/test.html | 61 -
5 files changed, 2717 deletions(-)
delete mode 100644 public/old-tailwind/index.html
delete mode 100644 public/old-tailwind/input.css
delete mode 100644 public/old-tailwind/output.css
delete mode 100644 public/test.css
delete mode 100644 public/test.html
diff --git a/public/old-tailwind/index.html b/public/old-tailwind/index.html
deleted file mode 100644
index bc018ce..0000000
--- a/public/old-tailwind/index.html
+++ /dev/null
@@ -1,59 +0,0 @@
-<!doctype html>
-<html>
-
-<head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <link href="./output.css" rel="stylesheet">
- <title>Privacynerd's new home :)</title>
-</head>
-
-<body class="bg-white text-black decoration-amber-700
- dark:bg-neutral-900 dark:text-white dark:decoration-amber-400">
- <h1 class="text-5xl decoration-2 decoration-inherit font-bold underline text-center p-2 mt-10">Hello you!</h1>
- <p class="text-lg text-center p-2">This is a test paragraph!</p>
-
- <div class="shadow-amber-600 size-max mx-auto grid grid-cols-2 gap-10 px-10 font-mono font-bold m-6
- sm:grid-cols-2
- border-2 border-green-400 rounded-2xl p-5 backdrop-blur-xl drop-shadow-lg
- hover:rotate-3 duration-200">
- <div class="flex flex-col">
- <p class="mb-3 font-mono text-sm font-medium text-gray-500 dark:text-gray-400">box-decoration-slice</p>
- <div class="font-sans text-5xl leading-none font-extrabold tracking-tight"><span
- class="bg-linear-to-r from-indigo-600 to-pink-500 box-decoration-slice px-2 leading-[3.5rem] text-white">Hello<br>World</span>
- </div>
- </div>
- <div class="flex flex-col">
- <p class="mb-3 font-mono text-sm font-medium text-gray-500 dark:text-gray-400">box-decoration-clone</p>
- <div class="font-sans text-5xl leading-none font-extrabold tracking-tight"><span
- class="bg-linear-to-r from-indigo-600 to-pink-500 box-decoration-clone px-2 leading-[3.5rem] text-white">Hello<br>World</span>
- </div>
- </div>
- </div>
-
- <div
- class="mx-auto hover:rotate-3 m-3 duration-200 size-48 h-[3rem] rounded-xl bg-linear-120/decreasing from-violet-700 via-lime-300 to-violet-700">
- </div>
-
- <div
- class="mx-auto hover:rotate-3 m-3 duration-200 size-48 h-[3rem] rounded-xl bg-linear-120/decreasing from-violet-700 to-pink-500 brightness-150"">
- </div>
-
- <a href="https://git.privacynerd.de" target="_blank"
- class="mx-auto block size-max p-1 rounded-2xl drop-shadow-lg select-none
- bg-linear-90/decreasing ease-linear from-pink-500 to-yellow-500
- transition-(--badge-transition-properties) duration-(--badge-transition-durations)
- hover:bg-linear-90/decreasing hover:from-green-600 hover:via-green-600 hover:to-green-600" draggable="false">
- <div class="size-max flex flex-row gap-3 font-mono font-bold bg-white rounded-xl p-2
- dark:bg-neutral-900
- dark:hover:bg-white dark:hover:text-black
- hover:bg-neutral-900 hover:text-white duration-(--badge-transition-duration-color)">
- <img class="my-auto h-max
- transition-transform hover:rotate-360 ease-in-out" src="img/logos/gitea.svg" />
- <div class="my-auto text-xl">Privacynerd's Gitea</div>
- </div>
- </a>
-
-</body>
-
-</html>
diff --git a/public/old-tailwind/input.css b/public/old-tailwind/input.css
deleted file mode 100644
index a2057b4..0000000
--- a/public/old-tailwind/input.css
+++ /dev/null
@@ -1,8 +0,0 @@
-@import "tailwindcss";
-
-:root {
- --badge-transition-properties: rotate, translate, color, background-color, border-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
- --badge-transition-duration-color: 700ms;
- --badge-transition-duration-motion: 200ms;
- --badge-transition-durations: var(--badge-transition-duration-motion),var(--badge-transition-duration-motion),var(--badge-transition-duration-color),var(--badge-transition-duration-color),var(--badge-transition-duration-color),var(--badge-transition-duration-color),var(--badge-transition-duration-color),var(--badge-transition-duration-color),var(--badge-transition-duration-color),var(--badge-transition-duration-color),var(--badge-transition-duration-color);
-}
\ No newline at end of file
diff --git a/public/old-tailwind/output.css b/public/old-tailwind/output.css
deleted file mode 100644
index 61088e4..0000000
--- a/public/old-tailwind/output.css
+++ /dev/null
@@ -1,2488 +0,0 @@
-/*! tailwindcss v4.0.5 | MIT License | https://tailwindcss.com */
-@layer theme, base, components, utilities;
-@layer theme {
- :root, :host {
- --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
- "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
- --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
- "Liberation Mono", "Courier New", monospace;
- --color-red-500: oklch(0.637 0.237 25.331);
- --color-amber-400: oklch(0.828 0.189 84.429);
- --color-amber-600: oklch(0.666 0.179 58.318);
- --color-amber-700: oklch(0.555 0.163 48.998);
- --color-yellow-500: oklch(0.795 0.184 86.047);
- --color-lime-300: oklch(0.897 0.196 126.665);
- --color-green-400: oklch(0.792 0.209 151.711);
- --color-green-600: oklch(0.627 0.194 149.214);
- --color-indigo-600: oklch(0.511 0.262 276.966);
- --color-violet-700: oklch(0.491 0.27 292.581);
- --color-pink-500: oklch(0.656 0.241 354.308);
- --color-gray-400: oklch(0.707 0.022 261.325);
- --color-gray-500: oklch(0.551 0.027 264.364);
- --color-neutral-900: oklch(0.205 0 0);
- --color-black: #000;
- --color-white: #fff;
- --spacing: 0.25rem;
- --text-sm: 0.875rem;
- --text-sm--line-height: calc(1.25 / 0.875);
- --text-lg: 1.125rem;
- --text-lg--line-height: calc(1.75 / 1.125);
- --text-xl: 1.25rem;
- --text-xl--line-height: calc(1.75 / 1.25);
- --text-5xl: 3rem;
- --text-5xl--line-height: 1;
- --font-weight-medium: 500;
- --font-weight-bold: 700;
- --font-weight-extrabold: 800;
- --tracking-tight: -0.025em;
- --radius-xl: 0.75rem;
- --radius-2xl: 1rem;
- --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
- --ease-in: cubic-bezier(0.4, 0, 1, 1);
- --ease-out: cubic-bezier(0, 0, 0.2, 1);
- --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
- --blur-xl: 24px;
- --default-transition-duration: 150ms;
- --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
- --default-font-family: var(--font-sans);
- --default-font-feature-settings: var(--font-sans--font-feature-settings);
- --default-font-variation-settings: var(
- --font-sans--font-variation-settings
- );
- --default-mono-font-family: var(--font-mono);
- --default-mono-font-feature-settings: var(
- --font-mono--font-feature-settings
- );
- --default-mono-font-variation-settings: var(
- --font-mono--font-variation-settings
- );
- }
-}
-@layer base {
- *, ::after, ::before, ::backdrop, ::file-selector-button {
- box-sizing: border-box;
- margin: 0;
- padding: 0;
- border: 0 solid;
- }
- html, :host {
- line-height: 1.5;
- -webkit-text-size-adjust: 100%;
- tab-size: 4;
- font-family: var( --default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" );
- font-feature-settings: var(--default-font-feature-settings, normal);
- font-variation-settings: var( --default-font-variation-settings, normal );
- -webkit-tap-highlight-color: transparent;
- }
- body {
- line-height: inherit;
- }
- hr {
- height: 0;
- color: inherit;
- border-top-width: 1px;
- }
- abbr:where([title]) {
- -webkit-text-decoration: underline dotted;
- text-decoration: underline dotted;
- }
- h1, h2, h3, h4, h5, h6 {
- font-size: inherit;
- font-weight: inherit;
- }
- a {
- color: inherit;
- -webkit-text-decoration: inherit;
- text-decoration: inherit;
- }
- b, strong {
- font-weight: bolder;
- }
- code, kbd, samp, pre {
- font-family: var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace );
- font-feature-settings: var( --default-mono-font-feature-settings, normal );
- font-variation-settings: var( --default-mono-font-variation-settings, normal );
- font-size: 1em;
- }
- small {
- font-size: 80%;
- }
- sub, sup {
- font-size: 75%;
- line-height: 0;
- position: relative;
- vertical-align: baseline;
- }
- sub {
- bottom: -0.25em;
- }
- sup {
- top: -0.5em;
- }
- table {
- text-indent: 0;
- border-color: inherit;
- border-collapse: collapse;
- }
- :-moz-focusring {
- outline: auto;
- }
- progress {
- vertical-align: baseline;
- }
- summary {
- display: list-item;
- }
- ol, ul, menu {
- list-style: none;
- }
- img, svg, video, canvas, audio, iframe, embed, object {
- display: block;
- vertical-align: middle;
- }
- img, video {
- max-width: 100%;
- height: auto;
- }
- button, input, select, optgroup, textarea, ::file-selector-button {
- font: inherit;
- font-feature-settings: inherit;
- font-variation-settings: inherit;
- letter-spacing: inherit;
- color: inherit;
- border-radius: 0;
- background-color: transparent;
- opacity: 1;
- }
- :where(select:is([multiple], [size])) optgroup {
- font-weight: bolder;
- }
- :where(select:is([multiple], [size])) optgroup option {
- padding-inline-start: 20px;
- }
- ::file-selector-button {
- margin-inline-end: 4px;
- }
- ::placeholder {
- opacity: 1;
- color: color-mix(in oklab, currentColor 50%, transparent);
- }
- textarea {
- resize: vertical;
- }
- ::-webkit-search-decoration {
- -webkit-appearance: none;
- }
- ::-webkit-date-and-time-value {
- min-height: 1lh;
- text-align: inherit;
- }
- ::-webkit-datetime-edit {
- display: inline-flex;
- }
- ::-webkit-datetime-edit-fields-wrapper {
- padding: 0;
- }
- ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
- padding-block: 0;
- }
- :-moz-ui-invalid {
- box-shadow: none;
- }
- button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
- appearance: button;
- }
- ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
- height: auto;
- }
- [hidden]:where(:not([hidden="until-found"])) {
- display: none !important;
- }
-}
-@layer utilities {
- .\@container {
- container-type: inline-size;
- }
- .\@container-\[inline-size\] {
- container-type: inline-size;
- }
- .pointer-events-auto {
- pointer-events: auto;
- }
- .pointer-events-none {
- pointer-events: none;
- }
- .collapse {
- visibility: collapse;
- }
- .invisible {
- visibility: hidden;
- }
- .visible {
- visibility: visible;
- }
- .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;
- }
- .absolute {
- position: absolute;
- }
- .fixed {
- position: fixed;
- }
- .relative {
- position: relative;
- }
- .static {
- position: static;
- }
- .sticky {
- position: sticky;
- }
- .end-1 {
- inset-inline-end: calc(var(--spacing) * 1);
- }
- .end-2 {
- inset-inline-end: calc(var(--spacing) * 2);
- }
- .isolate {
- isolation: isolate;
- }
- .isolation-auto {
- isolation: auto;
- }
- .z-auto {
- z-index: auto;
- }
- .order-first {
- order: -9999;
- }
- .order-last {
- order: 9999;
- }
- .order-none {
- order: 0;
- }
- .col-auto {
- grid-column: auto;
- }
- .col-span-full {
- grid-column: 1 / -1;
- }
- .col-start-auto {
- grid-column-start: auto;
- }
- .col-end-auto {
- grid-column-end: auto;
- }
- .row-auto {
- grid-row: auto;
- }
- .row-span-full {
- grid-row: 1 / -1;
- }
- .row-start-auto {
- grid-row-start: auto;
- }
- .row-end-auto {
- grid-row-end: auto;
- }
- .float-end {
- float: inline-end;
- }
- .float-left {
- float: left;
- }
- .float-none {
- float: none;
- }
- .float-right {
- float: right;
- }
- .float-start {
- float: inline-start;
- }
- .clear-both {
- clear: both;
- }
- .clear-end {
- clear: inline-end;
- }
- .clear-left {
- clear: left;
- }
- .clear-none {
- clear: none;
- }
- .clear-right {
- clear: right;
- }
- .clear-start {
- clear: inline-start;
- }
- .container {
- width: 100%;
- @media (width >= 40rem) {
- max-width: 40rem;
- }
- @media (width >= 48rem) {
- max-width: 48rem;
- }
- @media (width >= 64rem) {
- max-width: 64rem;
- }
- @media (width >= 80rem) {
- max-width: 80rem;
- }
- @media (width >= 96rem) {
- max-width: 96rem;
- }
- }
- .container\! {
- width: 100% !important;
- @media (width >= 40rem) {
- max-width: 40rem !important;
- }
- @media (width >= 48rem) {
- max-width: 48rem !important;
- }
- @media (width >= 64rem) {
- max-width: 64rem !important;
- }
- @media (width >= 80rem) {
- max-width: 80rem !important;
- }
- @media (width >= 96rem) {
- max-width: 96rem !important;
- }
- }
- .m-1 {
- margin: calc(var(--spacing) * 1);
- }
- .m-3 {
- margin: calc(var(--spacing) * 3);
- }
- .m-6 {
- margin: calc(var(--spacing) * 6);
- }
- .mx-auto {
- margin-inline: auto;
- }
- .my-auto {
- margin-block: auto;
- }
- .mt-10 {
- margin-top: calc(var(--spacing) * 10);
- }
- .mb-3 {
- margin-bottom: calc(var(--spacing) * 3);
- }
- .box-border {
- box-sizing: border-box;
- }
- .box-content {
- box-sizing: content-box;
- }
- .line-clamp-none {
- overflow: visible;
- display: block;
- -webkit-box-orient: horizontal;
- -webkit-line-clamp: unset;
- }
- .block {
- display: block;
- }
- .contents {
- display: contents;
- }
- .flex {
- display: flex;
- }
- .flow-root {
- display: flow-root;
- }
- .grid {
- display: grid;
- }
- .hidden {
- display: none;
- }
- .inline {
- display: inline;
- }
- .inline-block {
- display: inline-block;
- }
- .inline-flex {
- display: inline-flex;
- }
- .inline-grid {
- display: inline-grid;
- }
- .inline-table {
- display: inline-table;
- }
- .list-item {
- display: list-item;
- }
- .table {
- display: table;
- }
- .table-caption {
- display: table-caption;
- }
- .table-cell {
- display: table-cell;
- }
- .table-column {
- display: table-column;
- }
- .table-column-group {
- display: table-column-group;
- }
- .table-footer-group {
- display: table-footer-group;
- }
- .table-header-group {
- display: table-header-group;
- }
- .table-row {
- display: table-row;
- }
- .table-row-group {
- display: table-row-group;
- }
- .field-sizing-content {
- field-sizing: content;
- }
- .field-sizing-fixed {
- field-sizing: fixed;
- }
- .aspect-auto {
- aspect-ratio: auto;
- }
- .aspect-square {
- aspect-ratio: 1 / 1;
- }
- .size-48 {
- width: calc(var(--spacing) * 48);
- height: calc(var(--spacing) * 48);
- }
- .size-max {
- width: max-content;
- height: max-content;
- }
- .h-\[3rem\] {
- height: 3rem;
- }
- .h-max {
- height: max-content;
- }
- .h-screen {
- height: 100vh;
- }
- .max-h-none {
- max-height: none;
- }
- .max-h-screen {
- max-height: 100vh;
- }
- .min-h-screen {
- min-height: 100vh;
- }
- .w-1\/2 {
- width: calc(1/2 * 100%);
- }
- .w-screen {
- width: 100vw;
- }
- .max-w-none {
- max-width: none;
- }
- .max-w-screen {
- max-width: 100vw;
- }
- .min-w-screen {
- min-width: 100vw;
- }
- .flex-auto {
- flex: auto;
- }
- .flex-initial {
- flex: 0 auto;
- }
- .flex-none {
- flex: none;
- }
- .flex-shrink {
- flex-shrink: 1;
- }
- .shrink {
- flex-shrink: 1;
- }
- .flex-grow {
- flex-grow: 1;
- }
- .grow {
- flex-grow: 1;
- }
- .basis-auto {
- flex-basis: auto;
- }
- .basis-full {
- flex-basis: 100%;
- }
- .table-auto {
- table-layout: auto;
- }
- .table-fixed {
- table-layout: fixed;
- }
- .caption-bottom {
- caption-side: bottom;
- }
- .caption-top {
- caption-side: top;
- }
- .border-collapse {
- border-collapse: collapse;
- }
- .border-separate {
- border-collapse: separate;
- }
- .origin-bottom {
- transform-origin: bottom;
- }
- .origin-bottom-left {
- transform-origin: bottom left;
- }
- .origin-bottom-right {
- transform-origin: bottom right;
- }
- .origin-center {
- transform-origin: center;
- }
- .origin-left {
- transform-origin: left;
- }
- .origin-right {
- transform-origin: right;
- }
- .origin-top {
- transform-origin: top;
- }
- .origin-top-left {
- transform-origin: top left;
- }
- .origin-top-right {
- transform-origin: top right;
- }
- .-translate-full {
- --tw-translate-x: -100%;
- --tw-translate-y: -100%;
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- .translate-full {
- --tw-translate-x: 100%;
- --tw-translate-y: 100%;
- translate: var(--tw-translate-x) var(--tw-translate-y);
- }
- .-translate-z-px {
- --tw-translate-z: -1px;
- translate: var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z);
- }
- .-translate-z-px {
- --tw-translate-z: -1px;
- translate: var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z);
- }
- .translate-3d {
- translate: var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z);
- }
- .translate-none {
- translate: none;
- }
- .translate-z-px {
- --tw-translate-z: 1px;
- translate: var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z);
- }
- .translate-z-px {
- --tw-translate-z: 1px;
- translate: var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z);
- }
- .scale-3d {
- scale: var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z);
- }
- .scale-none {
- scale: none;
- }
- .rotate-none {
- rotate: none;
- }
- .transform {
- transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
- }
- .transform-cpu {
- transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
- }
- .transform-gpu {
- transform: translateZ(0) var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
- }
- .transform-none {
- transform: none;
- }
- .animate-none {
- animation: none;
- }
- .touch-pinch-zoom {
- --tw-pinch-zoom: pinch-zoom;
- touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
- }
- .resize {
- resize: both;
- }
- .resize-none {
- resize: none;
- }
- .resize-x {
- resize: horizontal;
- }
- .resize-y {
- resize: vertical;
- }
- .snap-none {
- scroll-snap-type: none;
- }
- .snap-mandatory {
- --tw-scroll-snap-strictness: mandatory;
- }
- .snap-proximity {
- --tw-scroll-snap-strictness: proximity;
- }
- .snap-align-none {
- scroll-snap-align: none;
- }
- .snap-center {
- scroll-snap-align: center;
- }
- .snap-end {
- scroll-snap-align: end;
- }
- .snap-start {
- scroll-snap-align: start;
- }
- .snap-always {
- scroll-snap-stop: always;
- }
- .snap-normal {
- scroll-snap-stop: normal;
- }
- .list-inside {
- list-style-position: inside;
- }
- .list-outside {
- list-style-position: outside;
- }
- .list-decimal {
- list-style-type: decimal;
- }
- .list-disc {
- list-style-type: disc;
- }
- .list-none {
- list-style-type: none;
- }
- .list-image-none {
- list-style-image: none;
- }
- .appearance-auto {
- appearance: auto;
- }
- .appearance-none {
- appearance: none;
- }
- .columns-auto {
- columns: auto;
- }
- .auto-cols-auto {
- grid-auto-columns: auto;
- }
- .auto-cols-fr {
- grid-auto-columns: minmax(0, 1fr);
- }
- .auto-cols-max {
- grid-auto-columns: max-content;
- }
- .auto-cols-min {
- grid-auto-columns: min-content;
- }
- .grid-flow-col {
- grid-auto-flow: column;
- }
- .grid-flow-col-dense {
- grid-auto-flow: column dense;
- }
- .grid-flow-dense {
- grid-auto-flow: dense;
- }
- .grid-flow-row {
- grid-auto-flow: row;
- }
- .grid-flow-row-dense {
- grid-auto-flow: row dense;
- }
- .auto-rows-auto {
- grid-auto-rows: auto;
- }
- .auto-rows-fr {
- grid-auto-rows: minmax(0, 1fr);
- }
- .auto-rows-max {
- grid-auto-rows: max-content;
- }
- .auto-rows-min {
- grid-auto-rows: min-content;
- }
- .grid-cols-2 {
- grid-template-columns: repeat(2, minmax(0, 1fr));
- }
- .grid-cols-none {
- grid-template-columns: none;
- }
- .grid-cols-subgrid {
- grid-template-columns: subgrid;
- }
- .grid-rows-none {
- grid-template-rows: none;
- }
- .grid-rows-subgrid {
- grid-template-rows: subgrid;
- }
- .flex-col {
- flex-direction: column;
- }
- .flex-col-reverse {
- flex-direction: column-reverse;
- }
- .flex-row {
- flex-direction: row;
- }
- .flex-row-reverse {
- flex-direction: row-reverse;
- }
- .flex-nowrap {
- flex-wrap: nowrap;
- }
- .flex-wrap {
- flex-wrap: wrap;
- }
- .flex-wrap-reverse {
- flex-wrap: wrap-reverse;
- }
- .place-content-around {
- place-content: space-around;
- }
- .place-content-baseline {
- place-content: baseline;
- }
- .place-content-between {
- place-content: space-between;
- }
- .place-content-center {
- place-content: center;
- }
- .place-content-end {
- place-content: end;
- }
- .place-content-evenly {
- place-content: space-evenly;
- }
- .place-content-start {
- place-content: start;
- }
- .place-content-stretch {
- place-content: stretch;
- }
- .place-items-baseline {
- place-items: baseline;
- }
- .place-items-center {
- place-items: center;
- }
- .place-items-end {
- place-items: end;
- }
- .place-items-start {
- place-items: start;
- }
- .place-items-stretch {
- place-items: stretch;
- }
- .content-around {
- align-content: space-around;
- }
- .content-baseline {
- align-content: baseline;
- }
- .content-between {
- align-content: space-between;
- }
- .content-center {
- align-content: center;
- }
- .content-end {
- align-content: flex-end;
- }
- .content-evenly {
- align-content: space-evenly;
- }
- .content-normal {
- align-content: normal;
- }
- .content-start {
- align-content: flex-start;
- }
- .content-stretch {
- align-content: stretch;
- }
- .items-baseline {
- align-items: baseline;
- }
- .items-center {
- align-items: center;
- }
- .items-end {
- align-items: flex-end;
- }
- .items-start {
- align-items: flex-start;
- }
- .items-stretch {
- align-items: stretch;
- }
- .justify-around {
- justify-content: space-around;
- }
- .justify-baseline {
- justify-content: baseline;
- }
- .justify-between {
- justify-content: space-between;
- }
- .justify-center {
- justify-content: center;
- }
- .justify-end {
- justify-content: flex-end;
- }
- .justify-evenly {
- justify-content: space-evenly;
- }
- .justify-normal {
- justify-content: normal;
- }
- .justify-start {
- justify-content: flex-start;
- }
- .justify-stretch {
- justify-content: stretch;
- }
- .justify-items-center {
- justify-items: center;
- }
- .justify-items-end {
- justify-items: end;
- }
- .justify-items-normal {
- justify-items: normal;
- }
- .justify-items-start {
- justify-items: start;
- }
- .justify-items-stretch {
- justify-items: stretch;
- }
- .gap-3 {
- gap: calc(var(--spacing) * 3);
- }
- .gap-10 {
- gap: calc(var(--spacing) * 10);
- }
- .space-y-reverse {
- :where(& > :not(:last-child)) {
- --tw-space-y-reverse: 1;
- }
- }
- .space-x-reverse {
- :where(& > :not(:last-child)) {
- --tw-space-x-reverse: 1;
- }
- }
- .divide-x {
- :where(& > :not(:last-child)) {
- --tw-divide-x-reverse: 0;
- border-inline-style: var(--tw-border-style);
- border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
- border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
- }
- }
- .divide-y {
- :where(& > :not(:last-child)) {
- --tw-divide-y-reverse: 0;
- border-bottom-style: var(--tw-border-style);
- border-top-style: var(--tw-border-style);
- border-top-width: calc(1px * var(--tw-divide-y-reverse));
- border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
- }
- }
- .divide-y-reverse {
- :where(& > :not(:last-child)) {
- --tw-divide-y-reverse: 1;
- }
- }
- .place-self-auto {
- place-self: auto;
- }
- .place-self-center {
- place-self: center;
- }
- .place-self-end {
- place-self: end;
- }
- .place-self-start {
- place-self: start;
- }
- .place-self-stretch {
- place-self: stretch;
- }
- .self-auto {
- align-self: auto;
- }
- .self-baseline {
- align-self: baseline;
- }
- .self-center {
- align-self: center;
- }
- .self-end {
- align-self: flex-end;
- }
- .self-start {
- align-self: flex-start;
- }
- .self-stretch {
- align-self: stretch;
- }
- .justify-self-auto {
- justify-self: auto;
- }
- .justify-self-center {
- justify-self: center;
- }
- .justify-self-end {
- justify-self: flex-end;
- }
- .justify-self-start {
- justify-self: flex-start;
- }
- .justify-self-stretch {
- justify-self: stretch;
- }
- .truncate {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .scroll-auto {
- scroll-behavior: auto;
- }
- .scroll-smooth {
- scroll-behavior: smooth;
- }
- .rounded {
- border-radius: 0.25rem;
- }
- .rounded-2xl {
- border-radius: var(--radius-2xl);
- }
- .rounded-xl {
- border-radius: var(--radius-xl);
- }
- .rounded-s {
- border-start-start-radius: 0.25rem;
- border-end-start-radius: 0.25rem;
- }
- .rounded-ss {
- border-start-start-radius: 0.25rem;
- }
- .rounded-e {
- border-start-end-radius: 0.25rem;
- border-end-end-radius: 0.25rem;
- }
- .rounded-se {
- border-start-end-radius: 0.25rem;
- }
- .rounded-ee {
- border-end-end-radius: 0.25rem;
- }
- .rounded-es {
- border-end-start-radius: 0.25rem;
- }
- .rounded-l {
- border-top-left-radius: 0.25rem;
- border-bottom-left-radius: 0.25rem;
- }
- .rounded-t {
- border-top-left-radius: 0.25rem;
- border-top-right-radius: 0.25rem;
- }
- .rounded-tl {
- border-top-left-radius: 0.25rem;
- }
- .rounded-r {
- border-top-right-radius: 0.25rem;
- border-bottom-right-radius: 0.25rem;
- }
- .rounded-tr {
- border-top-right-radius: 0.25rem;
- }
- .rounded-b {
- border-bottom-right-radius: 0.25rem;
- border-bottom-left-radius: 0.25rem;
- }
- .rounded-br {
- border-bottom-right-radius: 0.25rem;
- }
- .rounded-bl {
- border-bottom-left-radius: 0.25rem;
- }
- .border {
- border-style: var(--tw-border-style);
- border-width: 1px;
- }
- .border-2 {
- border-style: var(--tw-border-style);
- border-width: 2px;
- }
- .border-x {
- border-inline-style: var(--tw-border-style);
- border-inline-width: 1px;
- }
- .border-y {
- border-block-style: var(--tw-border-style);
- border-block-width: 1px;
- }
- .border-s {
- border-inline-start-style: var(--tw-border-style);
- border-inline-start-width: 1px;
- }
- .border-e {
- border-inline-end-style: var(--tw-border-style);
- border-inline-end-width: 1px;
- }
- .border-t {
- border-top-style: var(--tw-border-style);
- border-top-width: 1px;
- }
- .border-r {
- border-right-style: var(--tw-border-style);
- border-right-width: 1px;
- }
- .border-b {
- border-bottom-style: var(--tw-border-style);
- border-bottom-width: 1px;
- }
- .border-l {
- border-left-style: var(--tw-border-style);
- border-left-width: 1px;
- }
- .border-dashed {
- --tw-border-style: dashed;
- border-style: dashed;
- }
- .border-dotted {
- --tw-border-style: dotted;
- border-style: dotted;
- }
- .border-double {
- --tw-border-style: double;
- border-style: double;
- }
- .border-hidden {
- --tw-border-style: hidden;
- border-style: hidden;
- }
- .border-none {
- --tw-border-style: none;
- border-style: none;
- }
- .border-solid {
- --tw-border-style: solid;
- border-style: solid;
- }
- .border-green-400 {
- border-color: var(--color-green-400);
- }
- .bg-\(--my_variable\) {
- background-color: var(--my_variable);
- }
- .bg-\(color\:--my-color\) {
- background-color: var(--my-color);
- }
- .bg-\[\#0088cc\] {
- background-color: #0088cc;
- }
- .bg-\[color\:var\(--my-color\)\] {
- background-color: var(--my-color);
- }
- .bg-\[var\(--my_variable\)\] {
- background-color: var(--my_variable);
- }
- .bg-red-500 {
- background-color: var(--color-red-500);
- }
- .bg-red-500\/50 {
- background-color: color-mix(in oklab, var(--color-red-500) 50%, transparent);
- }
- .bg-red-500\/\[50\%\] {
- background-color: color-mix(in oklab, var(--color-red-500) 50%, transparent);
- }
- .bg-white {
- background-color: var(--color-white);
- }
- .-bg-conic {
- --tw-gradient-position: in oklab;
- background-image: conic-gradient(var(--tw-gradient-stops));
- }
- .bg-conic {
- --tw-gradient-position: in oklab;
- background-image: conic-gradient(var(--tw-gradient-stops));
- }
- .bg-linear-90\/decreasing {
- --tw-gradient-position: 90deg in oklch decreasing hue;
- background-image: linear-gradient(var(--tw-gradient-stops));
- }
- .bg-linear-120\/decreasing {
- --tw-gradient-position: 120deg in oklch decreasing hue;
- background-image: linear-gradient(var(--tw-gradient-stops));
- }
- .bg-linear-to-r {
- --tw-gradient-position: to right in oklab;
- background-image: linear-gradient(var(--tw-gradient-stops));
- }
- .bg-radial {
- --tw-gradient-position: in oklab;
- background-image: radial-gradient(var(--tw-gradient-stops));
- }
- .bg-none {
- background-image: none;
- }
- .via-none {
- --tw-gradient-via-stops: initial;
- }
- .from-indigo-600 {
- --tw-gradient-from: var(--color-indigo-600);
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
- }
- .from-pink-500 {
- --tw-gradient-from: var(--color-pink-500);
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
- }
- .from-violet-700 {
- --tw-gradient-from: var(--color-violet-700);
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
- }
- .via-lime-300 {
- --tw-gradient-via: var(--color-lime-300);
- --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
- --tw-gradient-stops: var(--tw-gradient-via-stops);
- }
- .to-pink-500 {
- --tw-gradient-to: var(--color-pink-500);
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
- }
- .to-violet-700 {
- --tw-gradient-to: var(--color-violet-700);
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
- }
- .to-yellow-500 {
- --tw-gradient-to: var(--color-yellow-500);
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
- }
- .box-decoration-clone {
- -webkit-box-decoration-break: clone;
- box-decoration-break: clone;
- }
- .box-decoration-slice {
- -webkit-box-decoration-break: slice;
- box-decoration-break: slice;
- }
- .decoration-clone {
- -webkit-box-decoration-break: clone;
- box-decoration-break: clone;
- }
- .decoration-slice {
- -webkit-box-decoration-break: slice;
- box-decoration-break: slice;
- }
- .bg-auto {
- background-size: auto;
- }
- .bg-contain {
- background-size: contain;
- }
- .bg-cover {
- background-size: cover;
- }
- .bg-fixed {
- background-attachment: fixed;
- }
- .bg-local {
- background-attachment: local;
- }
- .bg-scroll {
- background-attachment: scroll;
- }
- .bg-clip-border {
- background-clip: border-box;
- }
- .bg-clip-content {
- background-clip: content-box;
- }
- .bg-clip-padding {
- background-clip: padding-box;
- }
- .bg-clip-text {
- background-clip: text;
- }
- .bg-bottom {
- background-position: bottom;
- }
- .bg-center {
- background-position: center;
- }
- .bg-left {
- background-position: left;
- }
- .bg-left-bottom {
- background-position: left bottom;
- }
- .bg-left-top {
- background-position: left top;
- }
- .bg-right {
- background-position: right;
- }
- .bg-right-bottom {
- background-position: right bottom;
- }
- .bg-right-top {
- background-position: right top;
- }
- .bg-top {
- background-position: top;
- }
- .bg-no-repeat {
- background-repeat: no-repeat;
- }
- .bg-repeat {
- background-repeat: repeat;
- }
- .bg-repeat-round {
- background-repeat: round;
- }
- .bg-repeat-space {
- background-repeat: space;
- }
- .bg-repeat-x {
- background-repeat: repeat-x;
- }
- .bg-repeat-y {
- background-repeat: repeat-y;
- }
- .bg-origin-border {
- background-origin: border-box;
- }
- .bg-origin-content {
- background-origin: content-box;
- }
- .bg-origin-padding {
- background-origin: padding-box;
- }
- .fill-none {
- fill: none;
- }
- .stroke-none {
- stroke: none;
- }
- .object-contain {
- object-fit: contain;
- }
- .object-cover {
- object-fit: cover;
- }
- .object-fill {
- object-fit: fill;
- }
- .object-none {
- object-fit: none;
- }
- .object-scale-down {
- object-fit: scale-down;
- }
- .object-bottom {
- object-position: bottom;
- }
- .object-center {
- object-position: center;
- }
- .object-left {
- object-position: left;
- }
- .object-left-bottom {
- object-position: left bottom;
- }
- .object-left-top {
- object-position: left top;
- }
- .object-right {
- object-position: right;
- }
- .object-right-bottom {
- object-position: right bottom;
- }
- .object-right-top {
- object-position: right top;
- }
- .object-top {
- object-position: top;
- }
- .p-1 {
- padding: calc(var(--spacing) * 1);
- }
- .p-2 {
- padding: calc(var(--spacing) * 2);
- }
- .p-5 {
- padding: calc(var(--spacing) * 5);
- }
- .px-2 {
- padding-inline: calc(var(--spacing) * 2);
- }
- .px-10 {
- padding-inline: calc(var(--spacing) * 10);
- }
- .text-center {
- text-align: center;
- }
- .text-end {
- text-align: end;
- }
- .text-justify {
- text-align: justify;
- }
- .text-left {
- text-align: left;
- }
- .text-right {
- text-align: right;
- }
- .text-start {
- text-align: start;
- }
- .align-baseline {
- vertical-align: baseline;
- }
- .align-bottom {
- vertical-align: bottom;
- }
- .align-middle {
- vertical-align: middle;
- }
- .align-sub {
- vertical-align: sub;
- }
- .align-super {
- vertical-align: super;
- }
- .align-text-bottom {
- vertical-align: text-bottom;
- }
- .align-text-top {
- vertical-align: text-top;
- }
- .align-top {
- vertical-align: top;
- }
- .font-mono {
- font-family: var(--font-mono);
- }
- .font-sans {
- font-family: var(--font-sans);
- }
- .text-5xl {
- font-size: var(--text-5xl);
- line-height: var(--tw-leading, var(--text-5xl--line-height));
- }
- .text-lg {
- font-size: var(--text-lg);
- line-height: var(--tw-leading, var(--text-lg--line-height));
- }
- .text-sm {
- font-size: var(--text-sm);
- line-height: var(--tw-leading, var(--text-sm--line-height));
- }
- .text-xl {
- font-size: var(--text-xl);
- line-height: var(--tw-leading, var(--text-xl--line-height));
- }
- .leading-\[3\.5rem\] {
- --tw-leading: 3.5rem;
- line-height: 3.5rem;
- }
- .leading-none {
- --tw-leading: 1;
- line-height: 1;
- }
- .font-bold {
- --tw-font-weight: var(--font-weight-bold);
- font-weight: var(--font-weight-bold);
- }
- .font-extrabold {
- --tw-font-weight: var(--font-weight-extrabold);
- font-weight: var(--font-weight-extrabold);
- }
- .font-medium {
- --tw-font-weight: var(--font-weight-medium);
- font-weight: var(--font-weight-medium);
- }
- .tracking-tight {
- --tw-tracking: var(--tracking-tight);
- letter-spacing: var(--tracking-tight);
- }
- .text-balance {
- text-wrap: balance;
- }
- .text-nowrap {
- text-wrap: nowrap;
- }
- .text-pretty {
- text-wrap: pretty;
- }
- .text-wrap {
- text-wrap: wrap;
- }
- .break-normal {
- overflow-wrap: normal;
- word-break: normal;
- }
- .break-words {
- overflow-wrap: break-word;
- }
- .break-all {
- word-break: break-all;
- }
- .break-keep {
- word-break: keep-all;
- }
- .overflow-ellipsis {
- text-overflow: ellipsis;
- }
- .text-clip {
- text-overflow: clip;
- }
- .text-ellipsis {
- text-overflow: ellipsis;
- }
- .hyphens-auto {
- -webkit-hyphens: auto;
- hyphens: auto;
- }
- .hyphens-manual {
- -webkit-hyphens: manual;
- hyphens: manual;
- }
- .hyphens-none {
- -webkit-hyphens: none;
- hyphens: none;
- }
- .whitespace-break-spaces {
- white-space: break-spaces;
- }
- .whitespace-normal {
- white-space: normal;
- }
- .whitespace-nowrap {
- white-space: nowrap;
- }
- .whitespace-pre {
- white-space: pre;
- }
- .whitespace-pre-line {
- white-space: pre-line;
- }
- .whitespace-pre-wrap {
- white-space: pre-wrap;
- }
- .\[color\:red\] {
- color: red;
- }
- .\[color\:red\]\/50 {
- color: color-mix(in oklab, red 50%, transparent);
- }
- .\[color\:red\]\/50\! {
- color: color-mix(in oklab, red 50%, transparent) !important;
- }
- .text-black {
- color: var(--color-black);
- }
- .text-gray-500 {
- color: var(--color-gray-500);
- }
- .text-white {
- color: var(--color-white);
- }
- .capitalize {
- text-transform: capitalize;
- }
- .lowercase {
- text-transform: lowercase;
- }
- .normal-case {
- text-transform: none;
- }
- .uppercase {
- text-transform: uppercase;
- }
- .italic {
- font-style: italic;
- }
- .not-italic {
- font-style: normal;
- }
- .font-stretch-condensed {
- font-stretch: condensed;
- }
- .font-stretch-expanded {
- font-stretch: expanded;
- }
- .font-stretch-extra-condensed {
- font-stretch: extra-condensed;
- }
- .font-stretch-extra-expanded {
- font-stretch: extra-expanded;
- }
- .font-stretch-normal {
- font-stretch: normal;
- }
- .font-stretch-semi-condensed {
- font-stretch: semi-condensed;
- }
- .font-stretch-semi-expanded {
- font-stretch: semi-expanded;
- }
- .font-stretch-ultra-condensed {
- font-stretch: ultra-condensed;
- }
- .font-stretch-ultra-expanded {
- font-stretch: ultra-expanded;
- }
- .diagonal-fractions {
- --tw-numeric-fraction: diagonal-fractions;
- font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
- }
- .lining-nums {
- --tw-numeric-figure: lining-nums;
- font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
- }
- .normal-nums {
- font-variant-numeric: normal;
- }
- .oldstyle-nums {
- --tw-numeric-figure: oldstyle-nums;
- font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
- }
- .ordinal {
- --tw-ordinal: ordinal;
- font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
- }
- .proportional-nums {
- --tw-numeric-spacing: proportional-nums;
- font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
- }
- .slashed-zero {
- --tw-slashed-zero: slashed-zero;
- font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
- }
- .stacked-fractions {
- --tw-numeric-fraction: stacked-fractions;
- font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
- }
- .tabular-nums {
- --tw-numeric-spacing: tabular-nums;
- font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
- }
- .line-through {
- text-decoration-line: line-through;
- }
- .no-underline {
- text-decoration-line: none;
- }
- .overline {
- text-decoration-line: overline;
- }
- .underline {
- text-decoration-line: underline;
- }
- .decoration-amber-700 {
- text-decoration-color: var(--color-amber-700);
- }
- .decoration-inherit {
- text-decoration-color: inherit;
- }
- .decoration-dashed {
- text-decoration-style: dashed;
- }
- .decoration-dotted {
- text-decoration-style: dotted;
- }
- .decoration-double {
- text-decoration-style: double;
- }
- .decoration-solid {
- text-decoration-style: solid;
- }
- .decoration-wavy {
- text-decoration-style: wavy;
- }
- .decoration-2 {
- text-decoration-thickness: 2px;
- }
- .decoration-auto {
- text-decoration-thickness: auto;
- }
- .decoration-from-font {
- text-decoration-thickness: from-font;
- }
- .underline-offset-auto {
- text-underline-offset: auto;
- }
- .antialiased {
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- }
- .subpixel-antialiased {
- -webkit-font-smoothing: auto;
- -moz-osx-font-smoothing: auto;
- }
- .accent-auto {
- accent-color: auto;
- }
- .scheme-dark {
- color-scheme: dark;
- }
- .scheme-light {
- color-scheme: light;
- }
- .scheme-light-dark {
- color-scheme: light dark;
- }
- .scheme-normal {
- color-scheme: normal;
- }
- .scheme-only-dark {
- color-scheme: only dark;
- }
- .scheme-only-light {
- color-scheme: only light;
- }
- .mix-blend-plus-darker {
- mix-blend-mode: plus-darker;
- }
- .mix-blend-plus-lighter {
- mix-blend-mode: plus-lighter;
- }
- .inset-ring {
- --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentColor);
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
- }
- .ring {
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
- }
- .shadow {
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
- }
- .shadow-amber-600 {
- --tw-shadow-color: var(--color-amber-600);
- }
- .shadow-initial {
- --tw-shadow-color: initial;
- }
- .inset-shadow-initial {
- --tw-inset-shadow-color: initial;
- }
- .outline-hidden {
- outline-style: none;
- @media (forced-colors: active) {
- outline: 2px solid transparent;
- outline-offset: 2px;
- }
- }
- .outline {
- outline-style: var(--tw-outline-style);
- outline-width: 1px;
- }
- .blur {
- --tw-blur: blur(8px);
- filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
- }
- .blur-none {
- --tw-blur: ;
- filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
- }
- .brightness-150 {
- --tw-brightness: brightness(150%);
- filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
- }
- .drop-shadow {
- --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow( 0 1px 1px rgb(0 0 0 / 0.06));
- filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
- }
- .drop-shadow-lg {
- --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg));
- filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
- }
- .drop-shadow-none {
- --tw-drop-shadow: ;
- filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
- }
- .grayscale {
- --tw-grayscale: grayscale(100%);
- filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
- }
- .invert {
- --tw-invert: invert(100%);
- filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
- }
- .sepia {
- --tw-sepia: sepia(100%);
- filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
- }
- .\!filter {
- filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
- }
- .filter {
- filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
- }
- .backdrop-blur {
- --tw-backdrop-blur: blur(8px);
- -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
- backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
- }
- .backdrop-blur-none {
- --tw-backdrop-blur: ;
- -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
- backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
- }
- .backdrop-blur-xl {
- --tw-backdrop-blur: blur(var(--blur-xl));
- -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
- backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
- }
- .backdrop-grayscale {
- --tw-backdrop-grayscale: grayscale(100%);
- -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
- backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
- }
- .backdrop-invert {
- --tw-backdrop-invert: invert(100%);
- -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
- backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
- }
- .backdrop-sepia {
- --tw-backdrop-sepia: sepia(100%);
- -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
- backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
- }
- .backdrop-filter {
- -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
- backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
- }
- .transition {
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
- transition-duration: var(--tw-duration, var(--default-transition-duration));
- }
- .transition-\(--badge-transition-properties\) {
- transition-property: var(--badge-transition-properties);
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
- transition-duration: var(--tw-duration, var(--default-transition-duration));
- }
- .transition-all {
- transition-property: all;
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
- transition-duration: var(--tw-duration, var(--default-transition-duration));
- }
- .transition-colors {
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
- transition-duration: var(--tw-duration, var(--default-transition-duration));
- }
- .transition-opacity {
- transition-property: opacity;
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
- transition-duration: var(--tw-duration, var(--default-transition-duration));
- }
- .transition-shadow {
- transition-property: box-shadow;
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
- transition-duration: var(--tw-duration, var(--default-transition-duration));
- }
- .transition-transform {
- transition-property: transform, translate, scale, rotate;
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
- transition-duration: var(--tw-duration, var(--default-transition-duration));
- }
- .transition-none {
- transition-property: none;
- }
- .transition-discrete {
- transition-behavior: allow-discrete;
- }
- .transition-normal {
- transition-behavior: normal;
- }
- .duration-\(--badge-transition-duration-color\) {
- --tw-duration: var(--badge-transition-duration-color);
- transition-duration: var(--badge-transition-duration-color);
- }
- .duration-\(--badge-transition-durations\) {
- --tw-duration: var(--badge-transition-durations);
- transition-duration: var(--badge-transition-durations);
- }
- .duration-200 {
- --tw-duration: 200ms;
- transition-duration: 200ms;
- }
- .ease-in {
- --tw-ease: var(--ease-in);
- transition-timing-function: var(--ease-in);
- }
- .ease-in-out {
- --tw-ease: var(--ease-in-out);
- transition-timing-function: var(--ease-in-out);
- }
- .ease-linear {
- --tw-ease: linear;
- transition-timing-function: linear;
- }
- .ease-out {
- --tw-ease: var(--ease-out);
- transition-timing-function: var(--ease-out);
- }
- .will-change-auto {
- will-change: auto;
- }
- .will-change-contents {
- will-change: contents;
- }
- .will-change-scroll {
- will-change: scroll-position;
- }
- .will-change-transform {
- will-change: transform;
- }
- .contain-content {
- contain: content;
- }
- .contain-inline-size {
- --tw-contain-size: inline-size;
- contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,);
- }
- .contain-layout {
- --tw-contain-layout: layout;
- contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,);
- }
- .contain-none {
- contain: none;
- }
- .contain-paint {
- --tw-contain-paint: paint;
- contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,);
- }
- .contain-size {
- --tw-contain-size: size;
- contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,);
- }
- .contain-strict {
- contain: strict;
- }
- .contain-style {
- --tw-contain-style: style;
- contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,);
- }
- .content-none {
- --tw-content: none;
- content: none;
- }
- .forced-color-adjust-auto {
- forced-color-adjust: auto;
- }
- .forced-color-adjust-none {
- forced-color-adjust: none;
- }
- .\[keywords\:node-addon-api\] {
- keywords: node-addon-api;
- }
- .backface-hidden {
- backface-visibility: hidden;
- }
- .backface-visible {
- backface-visibility: visible;
- }
- .divide-x-reverse {
- :where(& > :not(:last-child)) {
- --tw-divide-x-reverse: 1;
- }
- }
- .duration-initial {
- --tw-duration: initial;
- }
- .ease-initial {
- --tw-ease: initial;
- }
- .outline-dashed {
- --tw-outline-style: dashed;
- outline-style: dashed;
- }
- .outline-dotted {
- --tw-outline-style: dotted;
- outline-style: dotted;
- }
- .outline-double {
- --tw-outline-style: double;
- outline-style: double;
- }
- .outline-none {
- --tw-outline-style: none;
- outline-style: none;
- }
- .outline-solid {
- --tw-outline-style: solid;
- outline-style: solid;
- }
- .perspective-none {
- perspective: none;
- }
- .perspective-origin-bottom {
- perspective-origin: bottom;
- }
- .perspective-origin-bottom-left {
- perspective-origin: bottom left;
- }
- .perspective-origin-bottom-right {
- perspective-origin: bottom right;
- }
- .perspective-origin-center {
- perspective-origin: center;
- }
- .perspective-origin-left {
- perspective-origin: left;
- }
- .perspective-origin-right {
- perspective-origin: right;
- }
- .perspective-origin-top {
- perspective-origin: top;
- }
- .perspective-origin-top-left {
- perspective-origin: top left;
- }
- .perspective-origin-top-right {
- perspective-origin: top right;
- }
- .ring-inset {
- --tw-ring-inset: inset;
- }
- .select-none {
- -webkit-user-select: none;
- user-select: none;
- }
- .transform-3d {
- transform-style: preserve-3d;
- }
- .transform-border {
- transform-box: border-box;
- }
- .transform-content {
- transform-box: content-box;
- }
- .transform-fill {
- transform-box: fill-box;
- }
- .transform-flat {
- transform-style: flat;
- }
- .transform-stroke {
- transform-box: stroke-box;
- }
- .transform-view {
- transform-box: view-box;
- }
- .hover\:rotate-3 {
- &:hover {
- @media (hover: hover) {
- rotate: 3deg;
- }
- }
- }
- .hover\:rotate-360 {
- &:hover {
- @media (hover: hover) {
- rotate: 360deg;
- }
- }
- }
- .hover\:bg-neutral-900 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-neutral-900);
- }
- }
- }
- .hover\:bg-linear-90\/decreasing {
- &:hover {
- @media (hover: hover) {
- --tw-gradient-position: 90deg in oklch decreasing hue;
- background-image: linear-gradient(var(--tw-gradient-stops));
- }
- }
- }
- .hover\:from-green-600 {
- &:hover {
- @media (hover: hover) {
- --tw-gradient-from: var(--color-green-600);
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
- }
- }
- }
- .hover\:via-green-600 {
- &:hover {
- @media (hover: hover) {
- --tw-gradient-via: var(--color-green-600);
- --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
- --tw-gradient-stops: var(--tw-gradient-via-stops);
- }
- }
- }
- .hover\:to-green-600 {
- &:hover {
- @media (hover: hover) {
- --tw-gradient-to: var(--color-green-600);
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
- }
- }
- }
- .hover\:text-white {
- &:hover {
- @media (hover: hover) {
- color: var(--color-white);
- }
- }
- }
- .sm\:grid-cols-2 {
- @media (width >= 40rem) {
- grid-template-columns: repeat(2, minmax(0, 1fr));
- }
- }
- .dark\:bg-neutral-900 {
- @media (prefers-color-scheme: dark) {
- background-color: var(--color-neutral-900);
- }
- }
- .dark\:text-gray-400 {
- @media (prefers-color-scheme: dark) {
- color: var(--color-gray-400);
- }
- }
- .dark\:text-white {
- @media (prefers-color-scheme: dark) {
- color: var(--color-white);
- }
- }
- .dark\:decoration-amber-400 {
- @media (prefers-color-scheme: dark) {
- text-decoration-color: var(--color-amber-400);
- }
- }
- .dark\:hover\:bg-white {
- @media (prefers-color-scheme: dark) {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-white);
- }
- }
- }
- }
- .dark\:hover\:text-black {
- @media (prefers-color-scheme: dark) {
- &:hover {
- @media (hover: hover) {
- color: var(--color-black);
- }
- }
- }
- }
-}
-:root {
- --badge-transition-properties: rotate, translate, color, background-color, border-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
- --badge-transition-duration-color: 700ms;
- --badge-transition-duration-motion: 200ms;
- --badge-transition-durations: var(--badge-transition-duration-motion),var(--badge-transition-duration-motion),var(--badge-transition-duration-color),var(--badge-transition-duration-color),var(--badge-transition-duration-color),var(--badge-transition-duration-color),var(--badge-transition-duration-color),var(--badge-transition-duration-color),var(--badge-transition-duration-color),var(--badge-transition-duration-color),var(--badge-transition-duration-color);
-}
-@property --tw-translate-x {
- syntax: "*";
- inherits: false;
- initial-value: 0;
-}
-@property --tw-translate-y {
- syntax: "*";
- inherits: false;
- initial-value: 0;
-}
-@property --tw-translate-z {
- syntax: "*";
- inherits: false;
- initial-value: 0;
-}
-@property --tw-scale-x {
- syntax: "*";
- inherits: false;
- initial-value: 1;
-}
-@property --tw-scale-y {
- syntax: "*";
- inherits: false;
- initial-value: 1;
-}
-@property --tw-scale-z {
- syntax: "*";
- inherits: false;
- initial-value: 1;
-}
-@property --tw-rotate-x {
- syntax: "*";
- inherits: false;
- initial-value: rotateX(0);
-}
-@property --tw-rotate-y {
- syntax: "*";
- inherits: false;
- initial-value: rotateY(0);
-}
-@property --tw-rotate-z {
- syntax: "*";
- inherits: false;
- initial-value: rotateZ(0);
-}
-@property --tw-skew-x {
- syntax: "*";
- inherits: false;
- initial-value: skewX(0);
-}
-@property --tw-skew-y {
- syntax: "*";
- inherits: false;
- initial-value: skewY(0);
-}
-@property --tw-pan-x {
- syntax: "*";
- inherits: false;
-}
-@property --tw-pan-y {
- syntax: "*";
- inherits: false;
-}
-@property --tw-pinch-zoom {
- syntax: "*";
- inherits: false;
-}
-@property --tw-scroll-snap-strictness {
- syntax: "*";
- inherits: false;
- initial-value: proximity;
-}
-@property --tw-space-y-reverse {
- syntax: "*";
- inherits: false;
- initial-value: 0;
-}
-@property --tw-space-x-reverse {
- syntax: "*";
- inherits: false;
- initial-value: 0;
-}
-@property --tw-divide-x-reverse {
- syntax: "*";
- inherits: false;
- initial-value: 0;
-}
-@property --tw-border-style {
- syntax: "*";
- inherits: false;
- initial-value: solid;
-}
-@property --tw-divide-y-reverse {
- syntax: "*";
- inherits: false;
- initial-value: 0;
-}
-@property --tw-gradient-position {
- syntax: "*";
- inherits: false;
-}
-@property --tw-gradient-from {
- syntax: "<color>";
- inherits: false;
- initial-value: #0000;
-}
-@property --tw-gradient-via {
- syntax: "<color>";
- inherits: false;
- initial-value: #0000;
-}
-@property --tw-gradient-to {
- syntax: "<color>";
- inherits: false;
- initial-value: #0000;
-}
-@property --tw-gradient-stops {
- syntax: "*";
- inherits: false;
-}
-@property --tw-gradient-via-stops {
- syntax: "*";
- inherits: false;
-}
-@property --tw-gradient-from-position {
- syntax: "<length-percentage>";
- inherits: false;
- initial-value: 0%;
-}
-@property --tw-gradient-via-position {
- syntax: "<length-percentage>";
- inherits: false;
- initial-value: 50%;
-}
-@property --tw-gradient-to-position {
- syntax: "<length-percentage>";
- inherits: false;
- initial-value: 100%;
-}
-@property --tw-leading {
- syntax: "*";
- inherits: false;
-}
-@property --tw-font-weight {
- syntax: "*";
- inherits: false;
-}
-@property --tw-tracking {
- syntax: "*";
- inherits: false;
-}
-@property --tw-ordinal {
- syntax: "*";
- inherits: false;
-}
-@property --tw-slashed-zero {
- syntax: "*";
- inherits: false;
-}
-@property --tw-numeric-figure {
- syntax: "*";
- inherits: false;
-}
-@property --tw-numeric-spacing {
- syntax: "*";
- inherits: false;
-}
-@property --tw-numeric-fraction {
- syntax: "*";
- inherits: false;
-}
-@property --tw-shadow {
- syntax: "*";
- inherits: false;
- initial-value: 0 0 #0000;
-}
-@property --tw-shadow-color {
- syntax: "*";
- inherits: false;
-}
-@property --tw-inset-shadow {
- syntax: "*";
- inherits: false;
- initial-value: 0 0 #0000;
-}
-@property --tw-inset-shadow-color {
- syntax: "*";
- inherits: false;
-}
-@property --tw-ring-color {
- syntax: "*";
- inherits: false;
-}
-@property --tw-ring-shadow {
- syntax: "*";
- inherits: false;
- initial-value: 0 0 #0000;
-}
-@property --tw-inset-ring-color {
- syntax: "*";
- inherits: false;
-}
-@property --tw-inset-ring-shadow {
- syntax: "*";
- inherits: false;
- initial-value: 0 0 #0000;
-}
-@property --tw-ring-inset {
- syntax: "*";
- inherits: false;
-}
-@property --tw-ring-offset-width {
- syntax: "<length>";
- inherits: false;
- initial-value: 0px;
-}
-@property --tw-ring-offset-color {
- syntax: "*";
- inherits: false;
- initial-value: #fff;
-}
-@property --tw-ring-offset-shadow {
- syntax: "*";
- inherits: false;
- initial-value: 0 0 #0000;
-}
-@property --tw-outline-style {
- syntax: "*";
- inherits: false;
- initial-value: solid;
-}
-@property --tw-blur {
- syntax: "*";
- inherits: false;
-}
-@property --tw-brightness {
- syntax: "*";
- inherits: false;
-}
-@property --tw-contrast {
- syntax: "*";
- inherits: false;
-}
-@property --tw-grayscale {
- syntax: "*";
- inherits: false;
-}
-@property --tw-hue-rotate {
- syntax: "*";
- inherits: false;
-}
-@property --tw-invert {
- syntax: "*";
- inherits: false;
-}
-@property --tw-opacity {
- syntax: "*";
- inherits: false;
-}
-@property --tw-saturate {
- syntax: "*";
- inherits: false;
-}
-@property --tw-sepia {
- syntax: "*";
- inherits: false;
-}
-@property --tw-backdrop-blur {
- syntax: "*";
- inherits: false;
-}
-@property --tw-backdrop-brightness {
- syntax: "*";
- inherits: false;
-}
-@property --tw-backdrop-contrast {
- syntax: "*";
- inherits: false;
-}
-@property --tw-backdrop-grayscale {
- syntax: "*";
- inherits: false;
-}
-@property --tw-backdrop-hue-rotate {
- syntax: "*";
- inherits: false;
-}
-@property --tw-backdrop-invert {
- syntax: "*";
- inherits: false;
-}
-@property --tw-backdrop-opacity {
- syntax: "*";
- inherits: false;
-}
-@property --tw-backdrop-saturate {
- syntax: "*";
- inherits: false;
-}
-@property --tw-backdrop-sepia {
- syntax: "*";
- inherits: false;
-}
-@property --tw-duration {
- syntax: "*";
- inherits: false;
-}
-@property --tw-ease {
- syntax: "*";
- inherits: false;
-}
-@property --tw-contain-size {
- syntax: "*";
- inherits: false;
-}
-@property --tw-contain-layout {
- syntax: "*";
- inherits: false;
-}
-@property --tw-contain-paint {
- syntax: "*";
- inherits: false;
-}
-@property --tw-contain-style {
- syntax: "*";
- inherits: false;
-}
diff --git a/public/test.css b/public/test.css
deleted file mode 100644
index e0217d0..0000000
--- a/public/test.css
+++ /dev/null
@@ -1,101 +0,0 @@
-@charset "utf-8";
-
-
-/* Some variables */
-:root {
- --spacing: 0.25rem;
- --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
- --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-}
-
-/* Colors in light & dark mode */
-:root {
- --color-bg: olkch(1 1 1);
- --color-fg: rgb(0,0,0);
- --color-decoration: oklch(0.555 0.163 48.998);
-}
-@media (prefers-color-scheme: dark) {
- :root {
- --color-bg: oklch(0.205 0 0);
- --color-fg: rgb(255 255 255);
- --color-decoration: oklch(0.828 0.189 84.429);
- }
-}
-
-body {
- background-color: var(--color-bg);
- color: var(--color-fg);
- font-family: var(--font-sans);
- text-decoration-color: var(--color-decoration);
- max-width: 90%;
- margin: 0 auto;
-}
-
-div {
- text-decoration-color: inherit;
- margin-left: auto;
- margin-right: auto;
- max-width: max-content;
- max-height: max-content;
-}
-
-h1 {
- text-decoration-thickness: 2px;
- text-decoration-color: inherit;
- text-decoration-line: underline;
- font-weight: bold;
- font-size: 3rem;
- padding: calc(var(--spacing)*2);
- margin-top: calc(var(--spacing)*10);
- text-align: center;
-}
-
-p {
- font-size: 1.125rem;
- padding: calc(var(--spacing)*2);
- text-align: center;
-}
-
-.headline {
- margin-bottom: calc(var(--spacing)*10);
-}
-
-.main-services {
- display: grid;
- grid-template-columns: repeat(auto-fill, 1fr);
- grid-gap: 1rem;
-}
-
-.badge {
- margin-left: auto;
- margin-right: auto;
- padding: calc(var(--spacing)*1);
- /*max-width: max-content;*/
- max-height: max-content;
- min-width: fit-content;
- display: block;
- border-radius: 16px;
- user-select: none; -ms-user-select: none; -moz-user-select: none; -ms-touch-select: none; -webkit-user-select: none;
- background-color: var(--color-fg);
- color: var(--color-bg);
-}
-
-.badge div {
- background-color: var(--color-bg);
- color: var(--color-fg);
- border-radius: 12px;
- padding: calc(var(--spacing)*2) calc(var(--spacing)*3);
- display: flex;
- min-width: 100%;
- min-height: 100%;
- max-width: 100%;
- max-height: 100%;
- flex-direction: row;
-}
-
-.badge div * {
- margin-top: auto;
- margin-bottom: auto;
- font-size: 1.15rem;
-}
-
diff --git a/public/test.html b/public/test.html
deleted file mode 100644
index c736ef4..0000000
--- a/public/test.html
+++ /dev/null
@@ -1,61 +0,0 @@
-<!doctype html>
-<html>
-
-<head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta name="color-scheme" content="light dark">
- <link href="./normalize.css" rel="stylesheet">
- <link href="./test.css" rel="stylesheet">
- <title>Privacynerd's new home :)</title>
-</head>
-
-<body>
- <div class="headline">
- <h1>Hello you!</h1>
- <p>This is a test paragraph!</p>
- </div>
-
- <div>
- <div class="main-services">
- <a href="https://git.privacynerd.de" target="_blank"
- class="badge" draggable="false">
- <div>
- <img src="img/logos/gitea.svg" />
- <p>Git with a cup of tea</p>
- </div>
- </a>
- <a href="https://blog.privacynerd.de" target="_blank"
- class="badge" draggable="false">
- <div>
- <img src="img/logos/blog.svg" />
- <p>Privacynerd's Blog</p>
- </div>
- </a>
- </div>
-
- <hr>
-
- <div class="other-services">
- <div class="card">
- <!-- Other services go here (except the main ones, blog and gitea) -->
- <a href=""></a>
- </div>
- <div class="card">
- <!-- Social/Contact info goes here -->
- <a href="https://git.privacynerd.de/BlueFox">Gitea | Bluefox</a>
- <a href="https://codeberg.org/BlueFox">Codeberg | Bluefox</a>
- <a href="https://crowdin.com/profile/bluefox4">CrowdIn | bluefox4</a>
- <a href="https://github.com/bluefox42">Github | bluefox42</a>
- <a href="https://hub.docker.com/u/bluefox42">Docker Hub | bluefox42</a>
- <hr>
- <a href="@bluefox:privacynerd.de">Matrix | @bluefox</a>
- <a href="@bluefox4@mastodon.org">Mastodon | bluefox4</a>
- <a href="mailto:bluefox@privacynerd.de">E-Mail | bluefox</a>
- </div>
- </div>
- </div>
-
-</body>
-
-</html>