diff --git a/package.json b/package.json index ebf6b5f..52e0173 100644 --- a/package.json +++ b/package.json @@ -4,7 +4,7 @@ "main": "src/app.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", - "tailwind": "npx tailwindcss -i ./src/client/public/css/main.css -o ./src/client/public/css/tailwind.css", + "tailwind": "npx @tailwindcss/cli -i ./src/client/public/css/main.css -o ./src/client/public/css/tailwind.css", "build": "./scripts/build.sh", "migrate": "./scripts/migrate.sh", "dev": "nodemon -r tsconfig-paths/register ./src/app.ts", @@ -20,6 +20,7 @@ "dependencies": { "@popperjs/core": "^2.11.8", "@preline/datatable": "^2.5.2", + "@tailwindcss/cli": "^4.0.9", "canvas": "^3.1.0", "connect-flash": "^0.1.1", "datatables.net-dt": "^2.2.1", @@ -50,7 +51,7 @@ "@types/passport-discord": "^0.1.14", "@zerollup/ts-transform-paths": "^1.7.18", "nodemon": "^3.1.9", - "tailwindcss": "^3.4.17", + "tailwindcss": "^4.0.9", "ts-node": "^10.9.2", "tsc-alias": "^1.8.10", "typescript": "^5.7.3" diff --git a/src/client/public/css/main.css b/src/client/public/css/main.css index 010b39b..33ad35e 100644 --- a/src/client/public/css/main.css +++ b/src/client/public/css/main.css @@ -1,6 +1,25 @@ -@tailwind base; -@tailwind components; -@tailwind utilities; +@import 'tailwindcss'; +@import "preline/variants.css"; + +@config '../../../../tailwind.config.js'; + +/* + The default border color has changed to `currentColor` in Tailwind CSS v4, + so we've added these compatibility styles to make sure everything still + looks the same as it did with Tailwind CSS v3. + + If we ever want to remove these styles, we need to add an explicit border + color utility to any element that depends on these defaults. +*/ +@layer base { + *, + ::after, + ::before, + ::backdrop, + ::file-selector-button { + border-color: var(--color-gray-200, currentColor); + } +} /* flex items-center gap-x-3.5 py-2 px-2.5 bg-gray-100 text-sm text-gray-800 rounded-lg hover:bg-gray-100 focus:outline-none focus:bg-gray-100 dark:bg-neutral-700 dark:text-white hs-accordion-toggle w-full text-start flex items-center gap-x-3.5 py-2 px-2.5 text-sm text-gray-800 rounded-lg hover:bg-gray-100 focus:outline-none focus:bg-gray-100 dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:text-neutral-200 */ @@ -79,7 +98,7 @@ hs-accordion-toggle w-full text-start flex items-center gap-x-3.5 py-2 px-2.5 te duration-200 ease-in start-0 - z-[60] + z-60 } .sidebar-aside.guild-sidebar { @@ -95,7 +114,7 @@ hs-accordion-toggle w-full text-start flex items-center gap-x-3.5 py-2 px-2.5 te ease-in start-0 lg:start-64 - z-[59] + z-59 } .sidebar-aside .sidebar-container { @@ -123,7 +142,7 @@ hs-accordion-toggle w-full text-start flex items-center gap-x-3.5 py-2 px-2.5 te text-xl inline-block font-semibold - focus:outline-none + focus:outline-hidden focus:opacity-80; } @@ -160,7 +179,7 @@ hs-accordion-toggle w-full text-start flex items-center gap-x-3.5 py-2 px-2.5 te px-2.5 text-sm rounded-lg - focus:outline-none + focus:outline-hidden text-gray-800 hover:bg-gray-100 focus:bg-gray-100 @@ -179,7 +198,7 @@ hs-accordion-toggle w-full text-start flex items-center gap-x-3.5 py-2 px-2.5 te text-sm text-gray-800 hover:text-blue-600 - focus:outline-none + focus:outline-hidden focus:text-blue-600 dark:text-neutral-200 dark:hover:text-blue-500 @@ -239,13 +258,13 @@ hs-accordion-toggle w-full text-start flex items-center gap-x-3.5 py-2 px-2.5 te rounded-lg text-start text-sm - focus:outline-none + focus:outline-hidden focus:ring-2 focus:ring-blue-500 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400 - dark:focus:outline-none + dark:focus:outline-hidden dark:focus:ring-1 dark:focus:ring-neutral-600 } diff --git a/src/client/public/css/tailwind.css b/src/client/public/css/tailwind.css index 422bf60..a3da394 100644 --- a/src/client/public/css/tailwind.css +++ b/src/client/public/css/tailwind.css @@ -1,2131 +1,2661 @@ -*, ::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: ; +/*! tailwindcss v4.0.9 | 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-100: oklch(0.936 0.032 17.717); + --color-red-500: oklch(0.637 0.237 25.331); + --color-red-600: oklch(0.577 0.245 27.325); + --color-red-800: oklch(0.444 0.177 26.899); + --color-green-600: oklch(0.627 0.194 149.214); + --color-teal-100: oklch(0.953 0.051 180.801); + --color-teal-500: oklch(0.704 0.14 182.503); + --color-teal-800: oklch(0.437 0.078 188.216); + --color-blue-200: oklch(0.882 0.059 254.128); + --color-blue-400: oklch(0.707 0.165 254.624); + --color-blue-500: oklch(0.623 0.214 259.815); + --color-blue-600: oklch(0.546 0.245 262.881); + --color-blue-700: oklch(0.488 0.243 264.376); + --color-gray-50: oklch(0.985 0.002 247.839); + --color-gray-100: oklch(0.967 0.003 264.542); + --color-gray-200: oklch(0.928 0.006 264.531); + --color-gray-300: oklch(0.872 0.01 258.338); + --color-gray-400: oklch(0.707 0.022 261.325); + --color-gray-500: oklch(0.551 0.027 264.364); + --color-gray-600: oklch(0.446 0.03 256.802); + --color-gray-700: oklch(0.373 0.034 259.733); + --color-gray-800: oklch(0.278 0.033 256.848); + --color-gray-900: oklch(0.21 0.034 264.665); + --color-neutral-100: oklch(0.97 0 0); + --color-neutral-200: oklch(0.922 0 0); + --color-neutral-300: oklch(0.87 0 0); + --color-neutral-400: oklch(0.708 0 0); + --color-neutral-500: oklch(0.556 0 0); + --color-neutral-600: oklch(0.439 0 0); + --color-neutral-700: oklch(0.371 0 0); + --color-neutral-800: oklch(0.269 0 0); + --color-neutral-900: oklch(0.205 0 0); + --color-black: #000; + --color-white: #fff; + --spacing: 0.25rem; + --container-sm: 24rem; + --container-md: 28rem; + --container-lg: 32rem; + --container-4xl: 56rem; + --text-xs: 0.75rem; + --text-xs--line-height: calc(1 / 0.75); + --text-sm: 0.875rem; + --text-sm--line-height: calc(1.25 / 0.875); + --text-base: 1rem; + --text-base--line-height: calc(1.5 / 1); + --text-xl: 1.25rem; + --text-xl--line-height: calc(1.75 / 1.25); + --text-2xl: 1.5rem; + --text-2xl--line-height: calc(2 / 1.5); + --text-3xl: 1.875rem; + --text-3xl--line-height: calc(2.25 / 1.875); + --text-4xl: 2.25rem; + --text-4xl--line-height: calc(2.5 / 2.25); + --font-weight-medium: 500; + --font-weight-semibold: 600; + --font-weight-bold: 700; + --tracking-wide: 0.025em; + --radius-xs: 0.125rem; + --radius-sm: 0.25rem; + --radius-md: 0.375rem; + --radius-lg: 0.5rem; + --radius-xl: 0.75rem; + --ease-in: cubic-bezier(0.4, 0, 1, 1); + --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); + --animate-spin: spin 1s linear infinite; + --blur-sm: 8px; + --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 + ); + } } - -::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: ; +@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; + } } - -/* -! 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: #e5e7eb; - /* 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; -} - -.container { - width: 100%; -} - -@media (min-width: 640px) { +@layer utilities { + .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; + } + .absolute { + position: absolute; + } + .fixed { + position: fixed; + } + .relative { + position: relative; + } + .static { + position: static; + } + .sticky { + position: sticky; + } + .inset-0 { + inset: calc(var(--spacing) * 0); + } + .inset-y-0 { + inset-block: calc(var(--spacing) * 0); + } + .start-0 { + inset-inline-start: calc(var(--spacing) * 0); + } + .start-2 { + inset-inline-start: calc(var(--spacing) * 2); + } + .end-2 { + inset-inline-end: calc(var(--spacing) * 2); + } + .end-3 { + inset-inline-end: calc(var(--spacing) * 3); + } + .top-0 { + top: calc(var(--spacing) * 0); + } + .top-1\/2 { + top: calc(1/2 * 100%); + } + .top-2 { + top: calc(var(--spacing) * 2); + } + .top-full { + top: 100%; + } + .right-0 { + right: calc(var(--spacing) * 0); + } + .bottom-0 { + bottom: calc(var(--spacing) * 0); + } + .bottom-full { + bottom: 100%; + } + .left-0 { + left: calc(var(--spacing) * 0); + } + .z-10 { + z-index: 10; + } + .z-20 { + z-index: 20; + } + .z-50 { + z-index: 50; + } + .z-80 { + z-index: 80; + } + .order-1 { + order: 1; + } + .col-span-1 { + grid-column: span 1 / span 1; + } + .col-span-3 { + grid-column: span 3 / span 3; + } .container { - max-width: 640px; + 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; + } + } + .-m-1\.5 { + margin: calc(var(--spacing) * -1.5); + } + .m-1 { + margin: calc(var(--spacing) * 1); + } + .m-3 { + margin: calc(var(--spacing) * 3); + } + .mx-1\.5 { + margin-inline: calc(var(--spacing) * 1.5); + } + .mx-4 { + margin-inline: calc(var(--spacing) * 4); + } + .mx-\[1px\] { + margin-inline: 1px; + } + .mx-auto { + margin-inline: auto; + } + .my-2 { + margin-block: calc(var(--spacing) * 2); + } + .ms-0\.5 { + margin-inline-start: calc(var(--spacing) * 0.5); + } + .ms-1 { + margin-inline-start: calc(var(--spacing) * 1); + } + .ms-2 { + margin-inline-start: calc(var(--spacing) * 2); + } + .ms-3 { + margin-inline-start: calc(var(--spacing) * 3); + } + .ms-auto { + margin-inline-start: auto; + } + .ms-auto\! { + margin-inline-start: auto !important; + } + .-me-0\.5 { + margin-inline-end: calc(var(--spacing) * -0.5); + } + .me-1\.5\! { + margin-inline-end: calc(var(--spacing) * 1.5) !important; + } + .me-2 { + margin-inline-end: calc(var(--spacing) * 2); + } + .me-auto { + margin-inline-end: auto; + } + .mt-0\.5 { + margin-top: calc(var(--spacing) * 0.5); + } + .mt-1 { + margin-top: calc(var(--spacing) * 1); + } + .mt-2 { + margin-top: calc(var(--spacing) * 2); + } + .mt-5 { + margin-top: calc(var(--spacing) * 5); + } + .mt-7 { + margin-top: calc(var(--spacing) * 7); + } + .mt-8 { + margin-top: calc(var(--spacing) * 8); + } + .mt-auto { + margin-top: auto; + } + .mb-1 { + margin-bottom: calc(var(--spacing) * 1); + } + .mb-2 { + margin-bottom: calc(var(--spacing) * 2); + } + .mb-2\! { + margin-bottom: calc(var(--spacing) * 2) !important; + } + .mb-8 { + margin-bottom: calc(var(--spacing) * 8); + } + .ml-\[1px\] { + margin-left: 1px; + } + .ml-auto { + margin-left: auto; + } + .form-checkbox { + appearance: none; + padding: 0; + print-color-adjust: exact; + display: inline-block; + vertical-align: middle; + background-origin: border-box; + user-select: none; + flex-shrink: 0; + height: 1rem; + width: 1rem; + color: oklch(0.546 0.245 262.881); + background-color: #fff; + border-color: oklch(0.551 0.027 264.364); + border-width: 1px; + --tw-shadow: 0 0 #0000; + border-radius: 0px; + &:focus { + outline: 2px solid transparent; + outline-offset: 2px; + --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); + --tw-ring-offset-width: 2px; + --tw-ring-offset-color: #fff; + --tw-ring-color: oklch(0.546 0.245 262.881); + --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); + } + &:checked { + border-color: transparent; + background-color: currentColor; + background-size: 100% 100%; + background-position: center; + background-repeat: no-repeat; + } + &:checked { + background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); + @media (forced-colors: active) { + appearance: auto; + } + } + &:checked:hover { + border-color: transparent; + background-color: currentColor; + } + &:checked:focus { + border-color: transparent; + background-color: currentColor; + } + &:indeterminate { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); + border-color: transparent; + background-color: currentColor; + background-size: 100% 100%; + background-position: center; + background-repeat: no-repeat; + @media (forced-colors: active) { + appearance: auto; + } + } + &:indeterminate:hover { + border-color: transparent; + background-color: currentColor; + } + &:indeterminate:focus { + border-color: transparent; + background-color: currentColor; + } + } + .form-radio { + appearance: none; + padding: 0; + print-color-adjust: exact; + display: inline-block; + vertical-align: middle; + background-origin: border-box; + user-select: none; + flex-shrink: 0; + height: 1rem; + width: 1rem; + color: oklch(0.546 0.245 262.881); + background-color: #fff; + border-color: oklch(0.551 0.027 264.364); + border-width: 1px; + --tw-shadow: 0 0 #0000; + border-radius: 100%; + &:focus { + outline: 2px solid transparent; + outline-offset: 2px; + --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); + --tw-ring-offset-width: 2px; + --tw-ring-offset-color: #fff; + --tw-ring-color: oklch(0.546 0.245 262.881); + --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); + } + &:checked { + border-color: transparent; + background-color: currentColor; + background-size: 100% 100%; + background-position: center; + background-repeat: no-repeat; + } + &:checked { + background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); + @media (forced-colors: active) { + appearance: auto; + } + } + &:checked:hover { + border-color: transparent; + background-color: currentColor; + } + &:checked:focus { + border-color: transparent; + background-color: currentColor; + } + } + .form-input { + appearance: none; + background-color: #fff; + border-color: oklch(0.551 0.027 264.364); + border-width: 1px; + border-radius: 0px; + padding-top: 0.5rem; + padding-right: 0.75rem; + padding-bottom: 0.5rem; + padding-left: 0.75rem; + font-size: 1rem; + line-height: 1.5rem; + --tw-shadow: 0 0 #0000; + &:focus { + outline: 2px solid transparent; + outline-offset: 2px; + --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: oklch(0.546 0.245 262.881); + --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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + border-color: oklch(0.546 0.245 262.881); + } + &::placeholder { + color: oklch(0.551 0.027 264.364); + opacity: 1; + } + &::-webkit-datetime-edit-fields-wrapper { + padding: 0; + } + &::-webkit-date-and-time-value { + min-height: 1.5em; + } + &::-webkit-date-and-time-value { + text-align: inherit; + } + &::-webkit-datetime-edit { + display: inline-flex; + } + &::-webkit-datetime-edit { + padding-top: 0; + padding-bottom: 0; + } + &::-webkit-datetime-edit-year-field { + padding-top: 0; + padding-bottom: 0; + } + &::-webkit-datetime-edit-month-field { + padding-top: 0; + padding-bottom: 0; + } + &::-webkit-datetime-edit-day-field { + padding-top: 0; + padding-bottom: 0; + } + &::-webkit-datetime-edit-hour-field { + padding-top: 0; + padding-bottom: 0; + } + &::-webkit-datetime-edit-minute-field { + padding-top: 0; + padding-bottom: 0; + } + &::-webkit-datetime-edit-second-field { + padding-top: 0; + padding-bottom: 0; + } + &::-webkit-datetime-edit-millisecond-field { + padding-top: 0; + padding-bottom: 0; + } + &::-webkit-datetime-edit-meridiem-field { + padding-top: 0; + padding-bottom: 0; + } + } + .block { + display: block; + } + .flex { + display: flex; + } + .flex\! { + display: flex !important; + } + .grid { + display: grid; + } + .hidden { + display: none; + } + .inline { + display: inline; + } + .inline-block { + display: inline-block; + } + .inline-flex { + display: inline-flex; + } + .table { + display: table; + } + .size-2\.5 { + width: calc(var(--spacing) * 2.5); + height: calc(var(--spacing) * 2.5); + } + .size-3 { + width: calc(var(--spacing) * 3); + height: calc(var(--spacing) * 3); + } + .size-3\.5 { + width: calc(var(--spacing) * 3.5); + height: calc(var(--spacing) * 3.5); + } + .size-4 { + width: calc(var(--spacing) * 4); + height: calc(var(--spacing) * 4); + } + .size-5 { + width: calc(var(--spacing) * 5); + height: calc(var(--spacing) * 5); + } + .size-6 { + width: calc(var(--spacing) * 6); + height: calc(var(--spacing) * 6); + } + .size-8 { + width: calc(var(--spacing) * 8); + height: calc(var(--spacing) * 8); + } + .size-16 { + width: calc(var(--spacing) * 16); + height: calc(var(--spacing) * 16); + } + .size-\[16px\] { + width: 16px; + height: 16px; + } + .size-\[28px\] { + width: 28px; + height: 28px; + } + .size-\[46px\] { + width: 46px; + height: 46px; + } + .size-full { + width: 100%; + height: 100%; + } + .size-px { + width: 1px; + height: 1px; + } + .h-2 { + height: calc(var(--spacing) * 2); + } + .h-2\.5\! { + height: calc(var(--spacing) * 2.5) !important; + } + .h-6 { + height: calc(var(--spacing) * 6); + } + .h-7 { + height: calc(var(--spacing) * 7); + } + .h-10 { + height: calc(var(--spacing) * 10); + } + .h-auto { + height: auto; + } + .h-full { + height: 100%; + } + .h-screen { + height: 100vh; + } + .max-h-60 { + max-height: calc(var(--spacing) * 60); + } + .max-h-72 { + max-height: calc(var(--spacing) * 72); + } + .min-h-\[46px\] { + min-height: 46px; + } + .min-h-\[100vh\] { + min-height: 100vh; + } + .min-h-\[400px\] { + min-height: 400px; + } + .min-h-\[calc\(100\%-3\.5rem\)\] { + min-height: calc(100% - 3.5rem); + } + .w-2\.5\! { + width: calc(var(--spacing) * 2.5) !important; + } + .w-4 { + width: calc(var(--spacing) * 4); + } + .w-10 { + width: calc(var(--spacing) * 10); + } + .w-11 { + width: calc(var(--spacing) * 11); + } + .w-20 { + width: calc(var(--spacing) * 20); + } + .w-32 { + width: calc(var(--spacing) * 32); + } + .w-60 { + width: calc(var(--spacing) * 60); + } + .w-\[3\.25rem\] { + width: 3.25rem; + } + .w-\[26rem\] { + width: 26rem; + } + .w-\[calc\(100\%-32px\)\] { + width: calc(100% - 32px); + } + .w-fit { + width: fit-content; + } + .w-full { + width: 100%; + } + .max-w-64 { + max-width: calc(var(--spacing) * 64); + } + .max-w-75 { + max-width: calc(var(--spacing) * 75); + } + .max-w-\[28rem\] { + max-width: 28rem; + } + .max-w-full { + max-width: 100%; + } + .max-w-md { + max-width: var(--container-md); + } + .max-w-sm { + max-width: var(--container-sm); + } + .min-w-24 { + min-width: calc(var(--spacing) * 24); + } + .min-w-48 { + min-width: calc(var(--spacing) * 48); + } + .min-w-full { + min-width: 100%; + } + .flex-none { + flex: none; + } + .shrink-0 { + flex-shrink: 0; + } + .grow { + flex-grow: 1; + } + .-translate-y-1\/2 { + --tw-translate-y: calc(calc(1/2 * 100%) * -1); + translate: var(--tw-translate-x) var(--tw-translate-y); + } + .scale-95 { + --tw-scale-x: 95%; + --tw-scale-y: 95%; + --tw-scale-z: 95%; + scale: var(--tw-scale-x) var(--tw-scale-y); + } + .transform { + transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y); + } + .animate-spin { + animation: var(--animate-spin); + } + .cursor-pointer { + cursor: pointer; + } + .resize { + resize: both; + } + .form-select { + appearance: none; + background-color: #fff; + border-color: oklch(0.551 0.027 264.364); + border-width: 1px; + border-radius: 0px; + padding-top: 0.5rem; + padding-right: 0.75rem; + padding-bottom: 0.5rem; + padding-left: 0.75rem; + font-size: 1rem; + line-height: 1.5rem; + --tw-shadow: 0 0 #0000; + &:focus { + outline: 2px solid transparent; + outline-offset: 2px; + --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: oklch(0.546 0.245 262.881); + --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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + border-color: oklch(0.546 0.245 262.881); + } + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(0.551 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); + background-position: right 0.5rem center; + background-repeat: no-repeat; + background-size: 1.5em 1.5em; + padding-right: 2.5rem; + print-color-adjust: exact; + &:where([size]:not([size="1"])) { + background-image: initial; + background-position: initial; + background-repeat: unset; + background-size: initial; + padding-right: 0.75rem; + print-color-adjust: unset; + } + } + .grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } + .grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); + } + .flex-col { + flex-direction: column; + } + .flex-row { + flex-direction: row; + } + .flex-nowrap { + flex-wrap: nowrap; + } + .flex-wrap { + flex-wrap: wrap; + } + .items-center { + align-items: center; + } + .justify-between { + justify-content: space-between; + } + .justify-between\! { + justify-content: space-between !important; + } + .justify-center { + justify-content: center; + } + .justify-end { + justify-content: flex-end; + } + .gap-1 { + gap: calc(var(--spacing) * 1); + } + .gap-2 { + gap: calc(var(--spacing) * 2); + } + .gap-3 { + gap: calc(var(--spacing) * 3); + } + .gap-4 { + gap: calc(var(--spacing) * 4); + } + .gap-5 { + gap: calc(var(--spacing) * 5); + } + .space-y-0\.5 { + :where(& > :not(:last-child)) { + --tw-space-y-reverse: 0; + margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse)); + margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse))); + } + } + .space-y-1 { + :where(& > :not(:last-child)) { + --tw-space-y-reverse: 0; + margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); + margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); + } + } + .space-y-3 { + :where(& > :not(:last-child)) { + --tw-space-y-reverse: 0; + margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); + margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); + } + } + .space-y-4 { + :where(& > :not(:last-child)) { + --tw-space-y-reverse: 0; + margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); + margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); + } + } + .gap-x-1 { + column-gap: calc(var(--spacing) * 1); + } + .gap-x-2 { + column-gap: calc(var(--spacing) * 2); + } + .gap-x-3 { + column-gap: calc(var(--spacing) * 3); + } + .gap-x-4 { + column-gap: calc(var(--spacing) * 4); + } + .gap-x-6 { + column-gap: calc(var(--spacing) * 6); + } + .space-x-1 { + :where(& > :not(:last-child)) { + --tw-space-x-reverse: 0; + margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse)); + margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse))); + } + } + .gap-y-4 { + row-gap: calc(var(--spacing) * 4); + } + .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-gray-200 { + :where(& > :not(:last-child)) { + border-color: var(--color-gray-200); + } + } + .self-center { + align-self: center; + } + .truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + .overflow-hidden { + overflow: hidden; + } + .overflow-x-auto { + overflow-x: auto; + } + .overflow-x-hidden { + overflow-x: hidden; + } + .overflow-y-auto { + overflow-y: auto; + } + .overflow-y-hidden { + overflow-y: hidden; + } + .rounded-full { + border-radius: calc(infinity * 1px); + } + .rounded-lg { + border-radius: var(--radius-lg); + } + .rounded-md { + border-radius: var(--radius-md); + } + .rounded-sm { + border-radius: var(--radius-sm); + } + .rounded-xl { + border-radius: var(--radius-xl); + } + .rounded-xs { + border-radius: var(--radius-xs); + } + .rounded-xs\! { + border-radius: var(--radius-xs) !important; + } + .rounded-t-lg { + border-top-left-radius: var(--radius-lg); + border-top-right-radius: var(--radius-lg); + } + .border { + border-style: var(--tw-border-style); + border-width: 1px; + } + .border-3 { + border-style: var(--tw-border-style); + border-width: 3px; + } + .border-t { + border-top-style: var(--tw-border-style); + border-top-width: 1px; + } + .border-b { + border-bottom-style: var(--tw-border-style); + border-bottom-width: 1px; + } + .border-none { + --tw-border-style: none; + border-style: none; + } + .border-solid { + --tw-border-style: solid; + border-style: solid; + } + .border-current { + border-color: currentColor; + } + .border-gray-200 { + border-color: var(--color-gray-200); + } + .border-gray-200\! { + border-color: var(--color-gray-200) !important; + } + .border-gray-300 { + border-color: var(--color-gray-300); + } + .border-transparent { + border-color: transparent; + } + .border-t-transparent { + border-top-color: transparent; + } + .bg-blue-600 { + background-color: var(--color-blue-600); + } + .bg-gray-50 { + background-color: var(--color-gray-50); + } + .bg-gray-100 { + background-color: var(--color-gray-100); + } + .bg-gray-200 { + background-color: var(--color-gray-200); + } + .bg-gray-900 { + background-color: var(--color-gray-900); + } + .bg-gray-900\/50 { + background-color: color-mix(in oklab, var(--color-gray-900) 50%, transparent); + } + .bg-neutral-100 { + background-color: var(--color-neutral-100); + } + .bg-red-100 { + background-color: var(--color-red-100); + } + .bg-red-500 { + background-color: var(--color-red-500); + } + .bg-teal-100 { + background-color: var(--color-teal-100); + } + .bg-white { + background-color: var(--color-white); + } + .bg-white\! { + background-color: var(--color-white) !important; + } + .fill-black { + fill: var(--color-black); + } + .p-1 { + padding: calc(var(--spacing) * 1); + } + .p-1\.5 { + padding: calc(var(--spacing) * 1.5); + } + .p-2 { + padding: calc(var(--spacing) * 2); + } + .p-3 { + padding: calc(var(--spacing) * 3); + } + .p-4 { + padding: calc(var(--spacing) * 4); + } + .p-px { + padding: 1px; + } + .px-1\.5 { + padding-inline: calc(var(--spacing) * 1.5); + } + .px-2 { + padding-inline: calc(var(--spacing) * 2); + } + .px-2\.5 { + padding-inline: calc(var(--spacing) * 2.5); + } + .px-3 { + padding-inline: calc(var(--spacing) * 3); + } + .px-4 { + padding-inline: calc(var(--spacing) * 4); + } + .px-6 { + padding-inline: calc(var(--spacing) * 6); + } + .py-0 { + padding-block: calc(var(--spacing) * 0); + } + .py-0\.5\! { + padding-block: calc(var(--spacing) * 0.5) !important; + } + .py-1 { + padding-block: calc(var(--spacing) * 1); + } + .py-2 { + padding-block: calc(var(--spacing) * 2); + } + .py-2\.5 { + padding-block: calc(var(--spacing) * 2.5); + } + .py-3 { + padding-block: calc(var(--spacing) * 3); + } + .py-4 { + padding-block: calc(var(--spacing) * 4); + } + .ps-0\.5 { + padding-inline-start: calc(var(--spacing) * 0.5); + } + .ps-4 { + padding-inline-start: calc(var(--spacing) * 4); + } + .ps-6 { + padding-inline-start: calc(var(--spacing) * 6); + } + .ps-11 { + padding-inline-start: calc(var(--spacing) * 11); + } + .pe-6 { + padding-inline-end: calc(var(--spacing) * 6); + } + .pe-9 { + padding-inline-end: calc(var(--spacing) * 9); + } + .pt-3 { + padding-top: calc(var(--spacing) * 3); + } + .pt-5 { + padding-top: calc(var(--spacing) * 5); + } + .pb-1 { + padding-bottom: calc(var(--spacing) * 1); + } + .pb-1\! { + padding-bottom: calc(var(--spacing) * 1) !important; + } + .pb-3 { + padding-bottom: calc(var(--spacing) * 3); + } + .text-center { + text-align: center; + } + .text-end { + text-align: end; + } + .text-start { + text-align: start; + } + .align-bottom { + vertical-align: bottom; + } + .align-middle { + vertical-align: middle; + } + .align-top { + vertical-align: top; + } + .font-\[Inter\] { + font-family: Inter; + } + .font-mono { + font-family: var(--font-mono); + } + .text-2xl { + font-size: var(--text-2xl); + line-height: var(--tw-leading, var(--text-2xl--line-height)); + } + .text-3xl { + font-size: var(--text-3xl); + line-height: var(--tw-leading, var(--text-3xl--line-height)); + } + .text-4xl { + font-size: var(--text-4xl); + line-height: var(--tw-leading, var(--text-4xl--line-height)); + } + .text-base { + font-size: var(--text-base); + line-height: var(--tw-leading, var(--text-base--line-height)); + } + .text-sm { + font-size: var(--text-sm); + line-height: var(--tw-leading, var(--text-sm--line-height)); + } + .text-sm\! { + font-size: var(--text-sm) !important; + line-height: var(--tw-leading, var(--text-sm--line-height)) !important; + } + .text-xl { + font-size: var(--text-xl); + line-height: var(--tw-leading, var(--text-xl--line-height)); + } + .text-xs { + font-size: var(--text-xs); + line-height: var(--tw-leading, var(--text-xs--line-height)); + } + .text-\[6rem\] { + font-size: 6rem; + } + .font-bold { + --tw-font-weight: var(--font-weight-bold); + font-weight: var(--font-weight-bold); + } + .font-medium { + --tw-font-weight: var(--font-weight-medium); + font-weight: var(--font-weight-medium); + } + .font-medium\! { + --tw-font-weight: var(--font-weight-medium); + font-weight: var(--font-weight-medium) !important; + } + .font-semibold { + --tw-font-weight: var(--font-weight-semibold); + font-weight: var(--font-weight-semibold); + } + .tracking-wide { + --tw-tracking: var(--tracking-wide); + letter-spacing: var(--tracking-wide); + } + .text-nowrap { + text-wrap: nowrap; + } + .whitespace-nowrap { + white-space: nowrap; + } + .text-blue-500 { + color: var(--color-blue-500); + } + .text-blue-600 { + color: var(--color-blue-600); + } + .text-gray-400 { + color: var(--color-gray-400); + } + .text-gray-500 { + color: var(--color-gray-500); + } + .text-gray-600 { + color: var(--color-gray-600); + } + .text-gray-800 { + color: var(--color-gray-800); + } + .text-green-600 { + color: var(--color-green-600); + } + .text-red-500 { + color: var(--color-red-500); + } + .text-red-600 { + color: var(--color-red-600); + } + .text-red-800 { + color: var(--color-red-800); + } + .text-teal-800 { + color: var(--color-teal-800); + } + .text-transparent { + color: transparent; + } + .text-white { + color: var(--color-white); + } + .lowercase { + text-transform: lowercase; + } + .uppercase { + text-transform: uppercase; + } + .opacity-0 { + opacity: 0%; + } + .shadow-lg { + --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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-md { + --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px 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-xs { + --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + .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-sm { + --tw-blur: blur(var(--blur-sm)); + 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,); + } + .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-\[opacity\,margin\] { + transition-property: opacity,margin; + 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)); + } + .duration-200 { + --tw-duration: 200ms; + transition-duration: 200ms; + } + .duration-500 { + --tw-duration: 500ms; + transition-duration: 500ms; + } + .ease-in-out { + --tw-ease: var(--ease-in-out); + transition-timing-function: var(--ease-in-out); + } + .\[--auto-close\:inside\] { + --auto-close: inside; + } + .\[--is-layout-affect\:true\] { + --is-layout-affect: true; + } + .\[--placement\:bottom-right\] { + --placement: bottom-right; + } + .\[--strategy\:absolute\] { + --strategy: absolute; + } + .group-invalid\:pointer-events-none { + &:is(:where(.group):invalid *) { + pointer-events: none; + } + } + .group-invalid\:opacity-30 { + &:is(:where(.group):invalid *) { + opacity: 30%; + } + } + .peer-invalid\:group-\[\.submitted\]\:block { + &:is(:where(.peer):invalid ~ *) { + &:is(:where(.group):is(.submitted) *) { + display: block; + } + } + } + .peer-invalid\:group-\[\.submitted\]\:hidden { + &:is(:where(.peer):invalid ~ *) { + &:is(:where(.group):is(.submitted) *) { + display: none; + } + } + } + .peer-invalid\:group-\[\.submitted\]\:border-red-500 { + &:is(:where(.peer):invalid ~ *) { + &:is(:where(.group):is(.submitted) *) { + border-color: var(--color-red-500); + } + } + } + .peer-invalid\:group-\[\.submitted\]\:ring-red-500 { + &:is(:where(.peer):invalid ~ *) { + &:is(:where(.group):is(.submitted) *) { + --tw-ring-color: var(--color-red-500); + } + } + } + .peer-has-invalid\:group-\[\.submitted\]\:block { + &:is(:where(.peer):has(*:invalid) ~ *) { + &:is(:where(.group):is(.submitted) *) { + display: block; + } + } + } + .peer-has-invalid\:group-\[\.submitted\]\:hidden { + &:is(:where(.peer):has(*:invalid) ~ *) { + &:is(:where(.group):is(.submitted) *) { + display: none; + } + } + } + .before\:absolute { + &::before { + content: var(--tw-content); + position: absolute; + } + } + .before\:inset-0 { + &::before { + content: var(--tw-content); + inset: calc(var(--spacing) * 0); + } + } + .before\:start-0 { + &::before { + content: var(--tw-content); + inset-inline-start: calc(var(--spacing) * 0); + } + } + .before\:top-0 { + &::before { + content: var(--tw-content); + top: calc(var(--spacing) * 0); + } + } + .before\:-z-10 { + &::before { + content: var(--tw-content); + z-index: calc(10 * -1); + } + } + .before\:z-1 { + &::before { + content: var(--tw-content); + z-index: 1; + } + } + .before\:inline-block { + &::before { + content: var(--tw-content); + display: inline-block; + } + } + .before\:size-5 { + &::before { + content: var(--tw-content); + width: calc(var(--spacing) * 5); + height: calc(var(--spacing) * 5); + } + } + .before\:size-6 { + &::before { + content: var(--tw-content); + width: calc(var(--spacing) * 6); + height: calc(var(--spacing) * 6); + } + } + .before\:h-\[200px\] { + &::before { + content: var(--tw-content); + height: 200px; + } + } + .before\:w-full { + &::before { + content: var(--tw-content); + width: 100%; + } + } + .before\:translate-x-0 { + &::before { + content: var(--tw-content); + --tw-translate-x: calc(var(--spacing) * 0); + translate: var(--tw-translate-x) var(--tw-translate-y); + } + } + .before\:transform { + &::before { + content: var(--tw-content); + transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y); + } + } + .before\:rounded-full { + &::before { + content: var(--tw-content); + border-radius: calc(infinity * 1px); + } + } + .before\:bg-white { + &::before { + content: var(--tw-content); + background-color: var(--color-white); + } + } + .before\:shadow-sm { + &::before { + content: var(--tw-content); + --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); + } + } + .before\:ring-0 { + &::before { + content: var(--tw-content); + --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); + } + } + .before\:transition { + &::before { + content: var(--tw-content); + 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)); + } + } + .before\:duration-200 { + &::before { + content: var(--tw-content); + --tw-duration: 200ms; + transition-duration: 200ms; + } + } + .before\:ease-in-out { + &::before { + content: var(--tw-content); + --tw-ease: var(--ease-in-out); + transition-timing-function: var(--ease-in-out); + } + } + .after\:content-\[\'\)\'\] { + &::after { + content: var(--tw-content); + --tw-content: ')'; + content: var(--tw-content); + } + } + .checked\:border-blue-600 { + &:checked { + border-color: var(--color-blue-600); + } + } + .checked\:bg-none { + &:checked { + background-image: none; + } + } + .checked\:text-blue-600 { + &:checked { + color: var(--color-blue-600); + } + } + .checked\:before\:translate-x-full { + &:checked { + &::before { + content: var(--tw-content); + --tw-translate-x: 100%; + translate: var(--tw-translate-x) var(--tw-translate-y); + } + } + } + .checked\:before\:bg-blue-200 { + &:checked { + &::before { + content: var(--tw-content); + background-color: var(--color-blue-200); + } + } + } + .invalid\:group-\[\.submitted\]\:border-red-500 { + &:invalid { + &:is(:where(.group):is(.submitted) *) { + border-color: var(--color-red-500); + } + } + } + .invalid\:group-\[\.submitted\]\:ring-red-500 { + &:invalid { + &:is(:where(.group):is(.submitted) *) { + --tw-ring-color: var(--color-red-500); + } + } + } + .empty\:hidden { + &:empty { + display: none; + } + } + .hover\:bg-blue-700 { + &:hover { + @media (hover: hover) { + background-color: var(--color-blue-700); + } + } + } + .hover\:bg-gray-50 { + &:hover { + @media (hover: hover) { + background-color: var(--color-gray-50); + } + } + } + .hover\:bg-gray-100 { + &:hover { + @media (hover: hover) { + background-color: var(--color-gray-100); + } + } + } + .hover\:bg-gray-300 { + &:hover { + @media (hover: hover) { + background-color: var(--color-gray-300); + } + } + } + .hover\:text-blue-600 { + &:hover { + @media (hover: hover) { + color: var(--color-blue-600); + } + } + } + .hover\:text-gray-600 { + &:hover { + @media (hover: hover) { + color: var(--color-gray-600); + } + } + } + .hover\:text-gray-800 { + &:hover { + @media (hover: hover) { + color: var(--color-gray-800); + } + } + } + .focus\:border-blue-500 { + &:focus { + border-color: var(--color-blue-500); + } + } + .focus\:bg-blue-700 { + &:focus { + background-color: var(--color-blue-700); + } + } + .focus\:bg-gray-50 { + &:focus { + background-color: var(--color-gray-50); + } + } + .focus\:bg-gray-100 { + &:focus { + background-color: var(--color-gray-100); + } + } + .focus\:text-blue-600 { + &:focus { + color: var(--color-blue-600); + } + } + .focus\:text-gray-600 { + &:focus { + color: var(--color-gray-600); + } + } + .focus\:ring-2 { + &:focus { + --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 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); + } + } + .focus\:ring-blue-500 { + &:focus { + --tw-ring-color: var(--color-blue-500); + } + } + .focus\:ring-blue-600 { + &:focus { + --tw-ring-color: var(--color-blue-600); + } + } + .focus\:ring-gray-400 { + &:focus { + --tw-ring-color: var(--color-gray-400); + } + } + .focus\:outline-hidden { + &:focus { + outline-style: none; + @media (forced-colors: active) { + outline: 2px solid transparent; + outline-offset: 2px; + } + } + } + .focus\:checked\:border-blue-600 { + &:focus { + &:checked { + border-color: var(--color-blue-600); + } + } + } + .disabled\:pointer-events-none { + &:disabled { + pointer-events: none; + } + } + .disabled\:opacity-50 { + &:disabled { + opacity: 50%; + } + } + .has-invalid\:group-\[\.submitted\]\:border-red-500 { + &:has(*:invalid) { + &:is(:where(.group):is(.submitted) *) { + border-color: var(--color-red-500); + } + } + } + .has-invalid\:group-\[\.submitted\]\:ring-red-500 { + &:has(*:invalid) { + &:is(:where(.group):is(.submitted) *) { + --tw-ring-color: var(--color-red-500); + } + } + } + .sm\:col-span-1 { + @media (width >= 40rem) { + grid-column: span 1 / span 1; + } + } + .sm\:col-span-2 { + @media (width >= 40rem) { + grid-column: span 2 / span 2; + } + } + .sm\:mx-auto { + @media (width >= 40rem) { + margin-inline: auto; + } + } + .sm\:block { + @media (width >= 40rem) { + display: block; + } + } + .sm\:flex { + @media (width >= 40rem) { + display: flex; + } + } + .sm\:inline { + @media (width >= 40rem) { + display: inline; + } + } + .sm\:inline-flex { + @media (width >= 40rem) { + display: inline-flex; + } + } + .sm\:size-20 { + @media (width >= 40rem) { + width: calc(var(--spacing) * 20); + height: calc(var(--spacing) * 20); + } + } + .sm\:h-16 { + @media (width >= 40rem) { + height: calc(var(--spacing) * 16); + } + } + .sm\:w-full { + @media (width >= 40rem) { + width: 100%; + } + } + .sm\:max-w-lg { + @media (width >= 40rem) { + max-width: var(--container-lg); + } + } + .sm\:grid-cols-2 { + @media (width >= 40rem) { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + } + .sm\:flex-row { + @media (width >= 40rem) { + flex-direction: row; + } + } + .sm\:items-center { + @media (width >= 40rem) { + align-items: center; + } + } + .sm\:gap-6 { + @media (width >= 40rem) { + gap: calc(var(--spacing) * 6); + } + } + .sm\:space-y-6 { + @media (width >= 40rem) { + :where(& > :not(:last-child)) { + --tw-space-y-reverse: 0; + margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); + margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); + } + } + } + .sm\:gap-x-8 { + @media (width >= 40rem) { + column-gap: calc(var(--spacing) * 8); + } + } + .sm\:gap-y-6 { + @media (width >= 40rem) { + row-gap: calc(var(--spacing) * 6); + } + } + .sm\:rounded-lg { + @media (width >= 40rem) { + border-radius: var(--radius-lg); + } + } + .sm\:p-5 { + @media (width >= 40rem) { + padding: calc(var(--spacing) * 5); + } + } + .sm\:p-6 { + @media (width >= 40rem) { + padding: calc(var(--spacing) * 6); + } + } + .sm\:p-7 { + @media (width >= 40rem) { + padding: calc(var(--spacing) * 7); + } + } + .sm\:px-6 { + @media (width >= 40rem) { + padding-inline: calc(var(--spacing) * 6); + } + } + .sm\:text-2xl { + @media (width >= 40rem) { + font-size: var(--text-2xl); + line-height: var(--tw-leading, var(--text-2xl--line-height)); + } + } + .sm\:text-sm { + @media (width >= 40rem) { + font-size: var(--text-sm); + line-height: var(--tw-leading, var(--text-sm--line-height)); + } + } + .md\:grow { + @media (width >= 48rem) { + flex-grow: 1; + } + } + .md\:gap-x-10 { + @media (width >= 48rem) { + column-gap: calc(var(--spacing) * 10); + } + } + .md\:gap-y-8 { + @media (width >= 48rem) { + row-gap: calc(var(--spacing) * 8); + } + } + .md\:p-5 { + @media (width >= 48rem) { + padding: calc(var(--spacing) * 5); + } + } + .md\:p-6 { + @media (width >= 48rem) { + padding: calc(var(--spacing) * 6); + } + } + .md\:text-3xl { + @media (width >= 48rem) { + font-size: var(--text-3xl); + line-height: var(--tw-leading, var(--text-3xl--line-height)); + } + } + .lg\:mx-auto { + @media (width >= 64rem) { + margin-inline: auto; + } + } + .lg\:hidden { + @media (width >= 64rem) { + display: none; + } + } + .lg\:w-full { + @media (width >= 64rem) { + width: 100%; + } + } + .lg\:max-w-4xl { + @media (width >= 64rem) { + max-width: var(--container-4xl); + } + } + .lg\:ps-64 { + @media (width >= 64rem) { + padding-inline-start: calc(var(--spacing) * 64); + } + } + .xl\:grid-cols-4 { + @media (width >= 80rem) { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } + } + .dark\:divide-neutral-700 { + &:where(.dark, .dark *) { + :where(& > :not(:last-child)) { + border-color: var(--color-neutral-700); + } + } + } + .dark\:border { + &:where(.dark, .dark *) { + border-style: var(--tw-border-style); + border-width: 1px; + } + } + .dark\:border-neutral-600 { + &:where(.dark, .dark *) { + border-color: var(--color-neutral-600); + } + } + .dark\:border-neutral-700 { + &:where(.dark, .dark *) { + border-color: var(--color-neutral-700); + } + } + .dark\:border-neutral-700\! { + &:where(.dark, .dark *) { + border-color: var(--color-neutral-700) !important; + } + } + .dark\:border-neutral-800 { + &:where(.dark, .dark *) { + border-color: var(--color-neutral-800); + } + } + .dark\:bg-blue-500 { + &:where(.dark, .dark *) { + background-color: var(--color-blue-500); + } + } + .dark\:bg-neutral-700 { + &:where(.dark, .dark *) { + background-color: var(--color-neutral-700); + } + } + .dark\:bg-neutral-700\/50 { + &:where(.dark, .dark *) { + background-color: color-mix(in oklab, var(--color-neutral-700) 50%, transparent); + } + } + .dark\:bg-neutral-800 { + &:where(.dark, .dark *) { + background-color: var(--color-neutral-800); + } + } + .dark\:bg-neutral-800\! { + &:where(.dark, .dark *) { + background-color: var(--color-neutral-800) !important; + } + } + .dark\:bg-neutral-900 { + &:where(.dark, .dark *) { + background-color: var(--color-neutral-900); + } + } + .dark\:bg-neutral-900\/80 { + &:where(.dark, .dark *) { + background-color: color-mix(in oklab, var(--color-neutral-900) 80%, transparent); + } + } + .dark\:bg-red-500\/10 { + &:where(.dark, .dark *) { + background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent); + } + } + .dark\:bg-teal-500\/10 { + &:where(.dark, .dark *) { + background-color: color-mix(in oklab, var(--color-teal-500) 10%, transparent); + } + } + .dark\:fill-neutral-200 { + &:where(.dark, .dark *) { + fill: var(--color-neutral-200); + } + } + .dark\:text-blue-400 { + &:where(.dark, .dark *) { + color: var(--color-blue-400); + } + } + .dark\:text-blue-500 { + &:where(.dark, .dark *) { + color: var(--color-blue-500); + } + } + .dark\:text-gray-400 { + &:where(.dark, .dark *) { + color: var(--color-gray-400); + } + } + .dark\:text-neutral-200 { + &:where(.dark, .dark *) { + color: var(--color-neutral-200); + } + } + .dark\:text-neutral-300 { + &:where(.dark, .dark *) { + color: var(--color-neutral-300); + } + } + .dark\:text-neutral-400 { + &:where(.dark, .dark *) { + color: var(--color-neutral-400); + } + } + .dark\:text-neutral-500 { + &:where(.dark, .dark *) { + color: var(--color-neutral-500); + } + } + .dark\:text-red-500 { + &:where(.dark, .dark *) { + color: var(--color-red-500); + } + } + .dark\:text-teal-500 { + &:where(.dark, .dark *) { + color: var(--color-teal-500); + } + } + .dark\:text-white { + &:where(.dark, .dark *) { + color: var(--color-white); + } + } + .dark\:placeholder-neutral-500 { + &:where(.dark, .dark *) { + &::placeholder { + color: var(--color-neutral-500); + } + } + } + .dark\:shadow-neutral-700\/70 { + &:where(.dark, .dark *) { + --tw-shadow-color: color-mix(in oklab, var(--color-neutral-700) 70%, transparent); + } + } + .dark\:before\:bg-neutral-400 { + &:where(.dark, .dark *) { + &::before { + content: var(--tw-content); + background-color: var(--color-neutral-400); + } + } + } + .dark\:checked\:border-blue-500 { + &:where(.dark, .dark *) { + &:checked { + border-color: var(--color-blue-500); + } + } + } + .dark\:checked\:bg-blue-500 { + &:where(.dark, .dark *) { + &:checked { + background-color: var(--color-blue-500); + } + } + } + .dark\:checked\:before\:bg-blue-200 { + &:where(.dark, .dark *) { + &:checked { + &::before { + content: var(--tw-content); + background-color: var(--color-blue-200); + } + } + } + } + .dark\:hover\:bg-neutral-700 { + &:where(.dark, .dark *) { + &:hover { + @media (hover: hover) { + background-color: var(--color-neutral-700); + } + } + } + } + .dark\:hover\:bg-neutral-800 { + &:where(.dark, .dark *) { + &:hover { + @media (hover: hover) { + background-color: var(--color-neutral-800); + } + } + } + } + .dark\:hover\:text-blue-500 { + &:where(.dark, .dark *) { + &:hover { + @media (hover: hover) { + color: var(--color-blue-500); + } + } + } + } + .dark\:hover\:text-neutral-200 { + &:where(.dark, .dark *) { + &:hover { + @media (hover: hover) { + color: var(--color-neutral-200); + } + } + } + } + .dark\:hover\:text-neutral-300 { + &:where(.dark, .dark *) { + &:hover { + @media (hover: hover) { + color: var(--color-neutral-300); + } + } + } + } + .dark\:hover\:text-neutral-400 { + &:where(.dark, .dark *) { + &:hover { + @media (hover: hover) { + color: var(--color-neutral-400); + } + } + } + } + .dark\:focus\:bg-neutral-700 { + &:where(.dark, .dark *) { + &:focus { + background-color: var(--color-neutral-700); + } + } + } + .dark\:focus\:bg-neutral-800 { + &:where(.dark, .dark *) { + &:focus { + background-color: var(--color-neutral-800); + } + } + } + .dark\:focus\:text-blue-500 { + &:where(.dark, .dark *) { + &:focus { + color: var(--color-blue-500); + } + } + } + .dark\:focus\:text-neutral-300 { + &:where(.dark, .dark *) { + &:focus { + color: var(--color-neutral-300); + } + } + } + .dark\:focus\:text-neutral-400 { + &:where(.dark, .dark *) { + &:focus { + color: var(--color-neutral-400); + } + } + } + .dark\:focus\:ring-neutral-600 { + &:where(.dark, .dark *) { + &:focus { + --tw-ring-color: var(--color-neutral-600); + } + } + } + .dark\:focus\:ring-offset-gray-600 { + &:where(.dark, .dark *) { + &:focus { + --tw-ring-offset-color: var(--color-gray-600); + } + } + } + .dark\:focus\:ring-offset-gray-800 { + &:where(.dark, .dark *) { + &:focus { + --tw-ring-offset-color: var(--color-gray-800); + } + } + } + .hs-dropdown-open\:block { + &.hs-dropdown-menu.open { + display: block; + } + .hs-dropdown.open>& { + display: block; + } + .hs-dropdown.open>.hs-dropdown-toggle & { + display: block; + } + .hs-dropdown.open>.hs-dropdown-menu>& { + display: block; + } + } + .hs-dropdown-open\:hidden { + &.hs-dropdown-menu.open { + display: none; + } + .hs-dropdown.open>& { + display: none; + } + .hs-dropdown.open>.hs-dropdown-toggle & { + display: none; + } + .hs-dropdown.open>.hs-dropdown-menu>& { + display: none; + } + } + .hs-dropdown-open\:opacity-100 { + &.hs-dropdown-menu.open { + opacity: 100%; + } + .hs-dropdown.open>& { + opacity: 100%; + } + .hs-dropdown.open>.hs-dropdown-toggle & { + opacity: 100%; + } + .hs-dropdown.open>.hs-dropdown-menu>& { + opacity: 100%; + } + } + .hs-tooltip-shown\:visible { + &.hs-tooltip-content.show { + visibility: visible; + } + .hs-tooltip.show & { + visibility: visible; + } + } + .hs-tooltip-shown\:opacity-100 { + &.hs-tooltip-content.show { + opacity: 100%; + } + .hs-tooltip.show & { + opacity: 100%; + } + } + .hs-overlay-open\:translate-x-0 { + &.open { + --tw-translate-x: calc(var(--spacing) * 0); + translate: var(--tw-translate-x) var(--tw-translate-y); + } + .open & { + --tw-translate-x: calc(var(--spacing) * 0); + translate: var(--tw-translate-x) var(--tw-translate-y); + } + } + .hs-overlay-open\:scale-100 { + &.open { + --tw-scale-x: 100%; + --tw-scale-y: 100%; + --tw-scale-z: 100%; + scale: var(--tw-scale-x) var(--tw-scale-y); + } + .open & { + --tw-scale-x: 100%; + --tw-scale-y: 100%; + --tw-scale-z: 100%; + scale: var(--tw-scale-x) var(--tw-scale-y); + } + } + .hs-overlay-open\:opacity-100 { + &.open { + opacity: 100%; + } + .open & { + opacity: 100%; + } + } + .hs-selected\:block { + &.selected { + display: block; + } + .selected & { + display: block; + } + } + .hs-selected\:bg-gray-100 { + &.selected { + background-color: var(--color-gray-100); + } + .selected & { + background-color: var(--color-gray-100); + } + } + .dark\:hs-selected\:bg-gray-700 { + &:where(.dark, .dark *) { + &.selected { + background-color: var(--color-gray-700); + } + .selected & { + background-color: var(--color-gray-700); + } + } + } + .dark\:hs-selected\:bg-neutral-800 { + &:where(.dark, .dark *) { + &.selected { + background-color: var(--color-neutral-800); + } + .selected & { + background-color: var(--color-neutral-800); + } + } + } + .hs-select-disabled\:pointer-events-none { + &.disabled { + pointer-events: none; + } + .disabled & { + pointer-events: none; + } + } + .hs-select-disabled\:opacity-50 { + &.disabled { + opacity: 50%; + } + .disabled & { + opacity: 50%; + } + } + .hs-combo-box-selected\:block { + &.selected { + display: block; + } + .selected & { + display: block; + } + } + .hs-datatable-ordering-asc\:text-blue-600 { + &.dt-ordering-asc { + color: var(--color-blue-600); + } + .dt-ordering-asc & { + color: var(--color-blue-600); + } + } + .dark\:hs-datatable-ordering-asc\:text-blue-500 { + &:where(.dark, .dark *) { + &.dt-ordering-asc { + color: var(--color-blue-500); + } + .dt-ordering-asc & { + color: var(--color-blue-500); + } + } + } + .hs-datatable-ordering-desc\:text-blue-600 { + &.dt-ordering-desc { + color: var(--color-blue-600); + } + .dt-ordering-desc & { + color: var(--color-blue-600); + } + } + .dark\:hs-datatable-ordering-desc\:text-blue-500 { + &:where(.dark, .dark *) { + &.dt-ordering-desc { + color: var(--color-blue-500); + } + .dt-ordering-desc & { + color: var(--color-blue-500); + } + } + } + .hs-file-upload-complete\:bg-green-600 { + &.complete { + background-color: var(--color-green-600); + } + .complete & { + background-color: var(--color-green-600); + } + } + .\[\&\:\:-webkit-scrollbar\]\:w-2 { + &::-webkit-scrollbar { + width: calc(var(--spacing) * 2); + } + } + .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full { + &::-webkit-scrollbar-thumb { + border-radius: calc(infinity * 1px); + } + } + .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-gray-300 { + &::-webkit-scrollbar-thumb { + background-color: var(--color-gray-300); + } + } + .dark\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-neutral-500 { + &:where(.dark, .dark *) { + &::-webkit-scrollbar-thumb { + background-color: var(--color-neutral-500); + } + } + } + .\[\&\:\:-webkit-scrollbar-track\]\:bg-gray-100 { + &::-webkit-scrollbar-track { + background-color: var(--color-gray-100); + } + } + .dark\:\[\&\:\:-webkit-scrollbar-track\]\:bg-neutral-700 { + &:where(.dark, .dark *) { + &::-webkit-scrollbar-track { + background-color: var(--color-neutral-700); + } + } } } - -@media (min-width: 768px) { - .container { - max-width: 768px; +@layer base { + *, ::after, ::before, ::backdrop, ::file-selector-button { + border-color: var(--color-gray-200, currentColor); } } - -@media (min-width: 1024px) { - .container { - max-width: 1024px; - } -} - -@media (min-width: 1280px) { - .container { - max-width: 1280px; - } -} - -@media (min-width: 1536px) { - .container { - max-width: 1536px; - } -} - -.form-input,.form-textarea,.form-select,.form-multiselect { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: #fff; - border-color: #6b7280; - border-width: 1px; - border-radius: 0px; - padding-top: 0.5rem; - padding-right: 0.75rem; - padding-bottom: 0.5rem; - padding-left: 0.75rem; - font-size: 1rem; - line-height: 1.5rem; - --tw-shadow: 0 0 #0000; -} - -.form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus { - outline: 2px solid transparent; - outline-offset: 2px; - --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: #2563eb; - --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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - border-color: #2563eb; -} - -.form-input::-moz-placeholder, .form-textarea::-moz-placeholder { - color: #6b7280; - opacity: 1; -} - -.form-input::placeholder,.form-textarea::placeholder { - color: #6b7280; - opacity: 1; -} - -.form-input::-webkit-datetime-edit-fields-wrapper { - padding: 0; -} - -.form-input::-webkit-date-and-time-value { - min-height: 1.5em; - text-align: inherit; -} - -.form-input::-webkit-datetime-edit { - display: inline-flex; -} - -.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-year-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-meridiem-field { - padding-top: 0; - padding-bottom: 0; -} - -.form-select { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); - background-position: right 0.5rem center; - background-repeat: no-repeat; - background-size: 1.5em 1.5em; - padding-right: 2.5rem; - -webkit-print-color-adjust: exact; - print-color-adjust: exact; -} - -.form-select:where([size]:not([size="1"])) { - background-image: initial; - background-position: initial; - background-repeat: unset; - background-size: initial; - padding-right: 0.75rem; - -webkit-print-color-adjust: unset; - print-color-adjust: unset; -} - -.form-checkbox,.form-radio { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - padding: 0; - -webkit-print-color-adjust: exact; - print-color-adjust: exact; - display: inline-block; - vertical-align: middle; - background-origin: border-box; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - flex-shrink: 0; - height: 1rem; - width: 1rem; - color: #2563eb; - background-color: #fff; - border-color: #6b7280; - border-width: 1px; - --tw-shadow: 0 0 #0000; -} - -.form-checkbox { - border-radius: 0px; -} - -.form-radio { - border-radius: 100%; -} - -.form-checkbox:focus,.form-radio:focus { - outline: 2px solid transparent; - outline-offset: 2px; - --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); - --tw-ring-offset-width: 2px; - --tw-ring-offset-color: #fff; - --tw-ring-color: #2563eb; - --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); -} - -.form-checkbox:checked,.form-radio:checked { - border-color: transparent; - background-color: currentColor; - background-size: 100% 100%; - background-position: center; - background-repeat: no-repeat; -} - -.form-checkbox:checked { - background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); -} - -@media (forced-colors: active) { - .form-checkbox:checked { - -webkit-appearance: auto; - -moz-appearance: auto; - appearance: auto; - } -} - -.form-radio:checked { - background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); -} - -@media (forced-colors: active) { - .form-radio:checked { - -webkit-appearance: auto; - -moz-appearance: auto; - appearance: auto; - } -} - -.form-checkbox:checked:hover,.form-checkbox:checked:focus,.form-radio:checked:hover,.form-radio:checked:focus { - border-color: transparent; - background-color: currentColor; -} - -.form-checkbox:indeterminate { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); - border-color: transparent; - background-color: currentColor; - background-size: 100% 100%; - background-position: center; - background-repeat: no-repeat; -} - -@media (forced-colors: active) { - .form-checkbox:indeterminate { - -webkit-appearance: auto; - -moz-appearance: auto; - appearance: auto; - } -} - -.form-checkbox:indeterminate:hover,.form-checkbox:indeterminate:focus { - border-color: transparent; - background-color: currentColor; -} - -.sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - border-width: 0; -} - -.pointer-events-none { - pointer-events: none; -} - -.pointer-events-auto { - pointer-events: auto; -} - -.invisible { - visibility: hidden; -} - -.collapse { - visibility: collapse; -} - -.static { - position: static; -} - -.fixed { - position: fixed; -} - -.absolute { - position: absolute; -} - -.relative { - position: relative; -} - -.sticky { - position: sticky; -} - -.inset-0 { - inset: 0px; -} - -.inset-y-0 { - top: 0px; - bottom: 0px; -} - -.bottom-0 { - bottom: 0px; -} - -.bottom-full { - bottom: 100%; -} - -.end-3 { - inset-inline-end: 0.75rem; -} - -.left-0 { - left: 0px; -} - -.right-0 { - right: 0px; -} - -.start-0 { - inset-inline-start: 0px; -} - -.top-0 { - top: 0px; -} - -.top-1\/2 { - top: 50%; -} - -.top-full { - top: 100%; -} - -.z-10 { - z-index: 10; -} - -.z-20 { - z-index: 20; -} - -.z-50 { - z-index: 50; -} - -.z-\[80\] { - z-index: 80; -} - -.order-1 { - order: 1; -} - -.-m-1\.5 { - margin: -0.375rem; -} - -.m-1 { - margin: 0.25rem; -} - -.m-3 { - margin: 0.75rem; -} - -.mx-4 { - margin-left: 1rem; - margin-right: 1rem; -} - -.mx-\[1px\] { - margin-left: 1px; - margin-right: 1px; -} - -.mx-auto { - margin-left: auto; - margin-right: auto; -} - -.my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; -} - -.\!mb-2 { - margin-bottom: 0.5rem !important; -} - -.\!me-1 { - margin-inline-end: 0.25rem !important; -} - -.\!me-1\.5 { - margin-inline-end: 0.375rem !important; -} - -.\!ms-auto { - margin-inline-start: auto !important; -} - -.-me-0\.5 { - margin-inline-end: -0.125rem; -} - -.mb-1 { - margin-bottom: 0.25rem; -} - -.mb-2 { - margin-bottom: 0.5rem; -} - -.mb-8 { - margin-bottom: 2rem; -} - -.me-2 { - margin-inline-end: 0.5rem; -} - -.me-auto { - margin-inline-end: auto; -} - -.ml-\[1px\] { - margin-left: 1px; -} - -.ml-auto { - margin-left: auto; -} - -.ms-0\.5 { - margin-inline-start: 0.125rem; -} - -.ms-1 { - margin-inline-start: 0.25rem; -} - -.ms-2 { - margin-inline-start: 0.5rem; -} - -.ms-3 { - margin-inline-start: 0.75rem; -} - -.ms-auto { - margin-inline-start: auto; -} - -.mt-0\.5 { - margin-top: 0.125rem; -} - -.mt-1 { - margin-top: 0.25rem; -} - -.mt-2 { - margin-top: 0.5rem; -} - -.mt-5 { - margin-top: 1.25rem; -} - -.mt-7 { - margin-top: 1.75rem; -} - -.mt-8 { - margin-top: 2rem; -} - -.mt-auto { - margin-top: auto; -} - -.block { - display: block; -} - -.inline-block { - display: inline-block; -} - -.\!flex { - display: flex !important; -} - -.flex { - display: flex; -} - -.inline-flex { - display: inline-flex; -} - -.table { - display: table; -} - -.grid { - display: grid; -} - -.hidden { - display: none; -} - -.size-16 { - width: 4rem; - height: 4rem; -} - -.size-2\.5 { - width: 0.625rem; - height: 0.625rem; -} - -.size-3 { - width: 0.75rem; - height: 0.75rem; -} - -.size-3\.5 { - width: 0.875rem; - height: 0.875rem; -} - -.size-4 { - width: 1rem; - height: 1rem; -} - -.size-5 { - width: 1.25rem; - height: 1.25rem; -} - -.size-6 { - width: 1.5rem; - height: 1.5rem; -} - -.size-8 { - width: 2rem; - height: 2rem; -} - -.size-\[16px\] { - width: 16px; - height: 16px; -} - -.size-\[28px\] { - width: 28px; - height: 28px; -} - -.size-\[46px\] { - width: 46px; - height: 46px; -} - -.size-full { - width: 100%; - height: 100%; -} - -.size-px { - width: 1px; - height: 1px; -} - -.\!h-2\.5 { - height: 0.625rem !important; -} - -.h-10 { - height: 2.5rem; -} - -.h-2 { - height: 0.5rem; -} - -.h-6 { - height: 1.5rem; -} - -.h-7 { - height: 1.75rem; -} - -.h-auto { - height: auto; -} - -.h-full { - height: 100%; -} - -.h-screen { - height: 100vh; -} - -.max-h-72 { - max-height: 18rem; -} - -.min-h-\[100vh\] { - min-height: 100vh; -} - -.min-h-\[400px\] { - min-height: 400px; -} - -.min-h-\[46px\] { - min-height: 46px; -} - -.min-h-\[calc\(100\%-3\.5rem\)\] { - min-height: calc(100% - 3.5rem); -} - -.\!w-2\.5 { - width: 0.625rem !important; -} - -.w-10 { - width: 2.5rem; -} - -.w-11 { - width: 2.75rem; -} - -.w-20 { - width: 5rem; -} - -.w-4 { - width: 1rem; -} - -.w-60 { - width: 15rem; -} - -.w-\[26rem\] { - width: 26rem; -} - -.w-\[3\.25rem\] { - width: 3.25rem; -} - -.w-\[calc\(100\%-2rem\)\] { - width: calc(100% - 2rem); -} - -.w-fit { - width: -moz-fit-content; - width: fit-content; -} - -.w-full { - width: 100%; -} - -.min-w-48 { - min-width: 12rem; -} - -.min-w-full { - min-width: 100%; -} - -.max-w-64 { - max-width: 16rem; -} - -.max-w-\[28rem\] { - max-width: 28rem; -} - -.max-w-\[300px\] { - max-width: 300px; -} - -.max-w-full { - max-width: 100%; -} - -.max-w-md { - max-width: 28rem; -} - -.max-w-sm { - max-width: 24rem; -} - -.flex-none { - flex: none; -} - -.flex-shrink-0 { - flex-shrink: 0; -} - -.shrink-0 { - flex-shrink: 0; -} - -.grow { - flex-grow: 1; -} - -.-translate-y-1\/2 { - --tw-translate-y: -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)); -} - -.scale-95 { - --tw-scale-x: .95; - --tw-scale-y: .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)); -} - -.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 spin { - to { - transform: rotate(360deg); - } -} - -.animate-spin { - animation: spin 1s linear infinite; -} - -.cursor-pointer { - cursor: pointer; -} - -.resize { - resize: both; -} - -.grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); -} - -.flex-row { - flex-direction: row; -} - -.flex-col { - flex-direction: column; -} - -.flex-wrap { - flex-wrap: wrap; -} - -.flex-nowrap { - flex-wrap: nowrap; -} - -.items-center { - align-items: center; -} - -.justify-end { - justify-content: flex-end; -} - -.justify-center { - justify-content: center; -} - -.\!justify-between { - justify-content: space-between !important; -} - -.justify-between { - justify-content: space-between; -} - -.gap-1 { - gap: 0.25rem; -} - -.gap-2 { - gap: 0.5rem; -} - -.gap-3 { - gap: 0.75rem; -} - -.gap-4 { - gap: 1rem; -} - -.gap-5 { - gap: 1.25rem; -} - -.gap-x-1 { - -moz-column-gap: 0.25rem; - column-gap: 0.25rem; -} - -.gap-x-2 { - -moz-column-gap: 0.5rem; - column-gap: 0.5rem; -} - -.gap-x-3 { - -moz-column-gap: 0.75rem; - column-gap: 0.75rem; -} - -.gap-x-4 { - -moz-column-gap: 1rem; - column-gap: 1rem; -} - -.gap-x-6 { - -moz-column-gap: 1.5rem; - column-gap: 1.5rem; -} - -.gap-y-4 { - row-gap: 1rem; -} - -.space-x-1 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0.25rem * var(--tw-space-x-reverse)); - margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-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-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-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)); -} - -.divide-y > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 0; - border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); - border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); -} - -.divide-gray-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1)); -} - -.self-center { - align-self: center; -} - -.overflow-hidden { - overflow: hidden; -} - -.overflow-x-auto { - overflow-x: auto; -} - -.overflow-y-auto { - overflow-y: auto; -} - -.overflow-x-hidden { - overflow-x: hidden; -} - -.overflow-y-hidden { - overflow-y: hidden; -} - -.truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.whitespace-nowrap { - white-space: nowrap; -} - -.text-nowrap { - text-wrap: nowrap; -} - -.\!rounded-sm { - border-radius: 0.125rem !important; -} - -.rounded { - border-radius: 0.25rem; -} - -.rounded-full { - border-radius: 9999px; -} - -.rounded-lg { - border-radius: 0.5rem; -} - -.rounded-md { - border-radius: 0.375rem; -} - -.rounded-sm { - border-radius: 0.125rem; -} - -.rounded-xl { - border-radius: 0.75rem; -} - -.rounded-t-lg { - border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; -} - -.border { - border-width: 1px; -} - -.border-\[3px\] { - border-width: 3px; -} - -.border-b { - border-bottom-width: 1px; -} - -.border-t { - border-top-width: 1px; -} - -.border-solid { - border-style: solid; -} - -.border-none { - border-style: none; -} - -.\!border-gray-200 { - --tw-border-opacity: 1 !important; - border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)) !important; -} - -.border-current { - border-color: currentColor; -} - -.border-gray-200 { - --tw-border-opacity: 1; - border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); -} - -.border-gray-300 { - --tw-border-opacity: 1; - border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); -} - -.border-transparent { - border-color: transparent; -} - -.border-t-transparent { - border-top-color: transparent; -} - -.\!bg-white { - --tw-bg-opacity: 1 !important; - background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important; -} - -.bg-blue-600 { - --tw-bg-opacity: 1; - background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)); -} - -.bg-gray-100 { - --tw-bg-opacity: 1; - background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); -} - -.bg-gray-200 { - --tw-bg-opacity: 1; - background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); -} - -.bg-gray-50 { - --tw-bg-opacity: 1; - background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); -} - -.bg-gray-900 { - --tw-bg-opacity: 1; - background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); -} - -.bg-neutral-100 { - --tw-bg-opacity: 1; - background-color: rgb(245 245 245 / 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 { - --tw-bg-opacity: 1; - background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); -} - -.bg-teal-100 { - --tw-bg-opacity: 1; - background-color: rgb(204 251 241 / var(--tw-bg-opacity, 1)); -} - -.bg-white { - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); -} - -.bg-opacity-50 { - --tw-bg-opacity: 0.5; -} - -.fill-black { - fill: #000; -} - -.p-1 { - padding: 0.25rem; -} - -.p-1\.5 { - padding: 0.375rem; -} - -.p-2 { - padding: 0.5rem; -} - -.p-3 { - padding: 0.75rem; -} - -.p-4 { - padding: 1rem; -} - -.p-px { - padding: 1px; -} - -.\!py-0\.5 { - padding-top: 0.125rem !important; - padding-bottom: 0.125rem !important; -} - -.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-4 { - padding-left: 1rem; - padding-right: 1rem; -} - -.px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; -} - -.py-0 { - padding-top: 0px; - padding-bottom: 0px; -} - -.py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; -} - -.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; -} - -.\!pb-1 { - padding-bottom: 0.25rem !important; -} - -.pb-1 { - padding-bottom: 0.25rem; -} - -.pe-9 { - padding-inline-end: 2.25rem; -} - -.ps-0\.5 { - padding-inline-start: 0.125rem; -} - -.ps-11 { - padding-inline-start: 2.75rem; -} - -.ps-4 { - padding-inline-start: 1rem; -} - -.ps-6 { - padding-inline-start: 1.5rem; -} - -.pt-5 { - padding-top: 1.25rem; -} - -.text-center { - text-align: center; -} - -.text-start { - text-align: start; -} - -.text-end { - text-align: end; -} - -.align-top { - vertical-align: top; -} - -.align-middle { - vertical-align: middle; -} - -.align-bottom { - vertical-align: bottom; -} - -.font-\[Inter\] { - font-family: Inter; -} - -.font-mono { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; -} - -.\!text-sm { - font-size: 0.875rem !important; - line-height: 1.25rem !important; -} - -.text-2xl { - font-size: 1.5rem; - line-height: 2rem; -} - -.text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; -} - -.text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; -} - -.text-\[12px\] { - font-size: 12px; -} - -.text-\[6rem\] { - font-size: 6rem; -} - -.text-base { - font-size: 1rem; - line-height: 1.5rem; -} - -.text-sm { - font-size: 0.875rem; - line-height: 1.25rem; -} - -.text-xl { - font-size: 1.25rem; - line-height: 1.75rem; -} - -.text-xs { - font-size: 0.75rem; - line-height: 1rem; -} - -.\!font-medium { - font-weight: 500 !important; -} - -.font-bold { - font-weight: 700; -} - -.font-medium { - font-weight: 500; -} - -.font-semibold { - font-weight: 600; -} - -.uppercase { - text-transform: uppercase; -} - -.lowercase { - text-transform: lowercase; -} - -.tracking-wide { - letter-spacing: 0.025em; -} - -.text-blue-500 { - --tw-text-opacity: 1; - color: rgb(59 130 246 / var(--tw-text-opacity, 1)); -} - -.text-blue-600 { - --tw-text-opacity: 1; - color: rgb(37 99 235 / var(--tw-text-opacity, 1)); -} - -.text-gray-400 { - --tw-text-opacity: 1; - color: rgb(156 163 175 / var(--tw-text-opacity, 1)); -} - -.text-gray-500 { - --tw-text-opacity: 1; - color: rgb(107 114 128 / var(--tw-text-opacity, 1)); -} - -.text-gray-600 { - --tw-text-opacity: 1; - color: rgb(75 85 99 / var(--tw-text-opacity, 1)); -} - -.text-gray-800 { - --tw-text-opacity: 1; - color: rgb(31 41 55 / var(--tw-text-opacity, 1)); -} - -.text-green-600 { - --tw-text-opacity: 1; - color: rgb(22 163 74 / 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-800 { - --tw-text-opacity: 1; - color: rgb(153 27 27 / var(--tw-text-opacity, 1)); -} - -.text-teal-800 { - --tw-text-opacity: 1; - color: rgb(17 94 89 / var(--tw-text-opacity, 1)); -} - -.text-transparent { - color: transparent; -} - -.text-white { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity, 1)); -} - -.opacity-0 { - opacity: 0; -} - -.shadow-lg { - --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.shadow-md { - --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.shadow-sm { - --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); - --tw-shadow-colored: 0 1px 2px 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; -} - -.outline { - outline-style: solid; -} - -.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); -} - -.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); -} - -.transition { - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; -} - -.transition-\[opacity\2c margin\] { - transition-property: opacity,margin; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; -} - -.transition-all { - transition-property: all; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; -} - -.transition-colors { - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; -} - -.transition-opacity { - transition-property: opacity; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; -} - -.duration-200 { - transition-duration: 200ms; -} - -.duration-500 { - transition-duration: 500ms; -} - -.ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -} - -.\[--auto-close\:inside\] { - --auto-close: inside; -} - -.\[--is-layout-affect\:true\] { - --is-layout-affect: true; -} - -.\[--placement\:bottom-right\] { - --placement: bottom-right; -} - -.\[--strategy\:absolute\] { - --strategy: absolute; -} - -/* flex items-center gap-x-3.5 py-2 px-2.5 bg-gray-100 text-sm text-gray-800 rounded-lg hover:bg-gray-100 focus:outline-none focus:bg-gray-100 dark:bg-neutral-700 dark:text-white -hs-accordion-toggle w-full text-start flex items-center gap-x-3.5 py-2 px-2.5 text-sm text-gray-800 rounded-lg hover:bg-gray-100 focus:outline-none focus:bg-gray-100 dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:text-neutral-200 */ - @font-face { font-family: "Inter"; - font-style: normal; - font-weight: 200, 700; - font-display: swap; - src: url("/static/fonts/inter-variablefont.ttf"); } - -/* Datatables */ - -.dt-layout-row:has(.dt-search), -.dt-layout-row:has(.dt-length), -.dt-layout-row:has(.dt-paging) { +.dt-layout-row:has(.dt-search), .dt-layout-row:has(.dt-length), .dt-layout-row:has(.dt-paging) { display: none !important; } - -/* End Datatables */ - -/* Sidebar Components */ - .mobile-sidebar-header { position: sticky; - left: 0px; - right: 0px; - top: 0px; + inset-inline: calc(var(--spacing) * 0); + top: calc(var(--spacing) * 0); z-index: 20; -} - -@media (min-width: 1024px) { - .mobile-sidebar-header { + @media (width >= 64rem) { display: none; } } - .mobile-sidebar-header .mobile-sidebar-nav { display: flex; + border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); - padding: 1rem; -} - -@media (min-width: 640px) { - .mobile-sidebar-header .mobile-sidebar-nav { - padding-left: 1.5rem; - padding-right: 1.5rem; + background-color: var(--color-white); + padding: calc(var(--spacing) * 4); + @media (width >= 40rem) { + padding-inline: calc(var(--spacing) * 6); + } + &:where(.dark, .dark *) { + border-color: var(--color-neutral-700); + } + &:where(.dark, .dark *) { + background-color: var(--color-neutral-800); } } - -.mobile-sidebar-header .mobile-sidebar-nav:where(.dark, .dark *) { - --tw-border-opacity: 1; - border-color: rgb(64 64 64 / var(--tw-border-opacity, 1)); - --tw-bg-opacity: 1; - background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1)); -} - .mobile-sidebar-header .mobile-sidebar-nav .mobile-sidebar-brand { - font-size: 1.25rem; - line-height: 1.75rem; - font-weight: 600; + font-size: var(--text-xl); + line-height: var(--tw-leading, var(--text-xl--line-height)); + --tw-font-weight: var(--font-weight-semibold); + font-weight: var(--font-weight-semibold); } - .sidebar-aside { position: fixed; - top: 0px; - bottom: 0px; + top: calc(var(--spacing) * 0); + bottom: calc(var(--spacing) * 0); height: 100%; - width: 16rem; - 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)); + width: calc(var(--spacing) * 64); + transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y); + border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; - --tw-border-opacity: 1; - border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); -} - -.sidebar-aside:where(.dark, .dark *) { - --tw-border-opacity: 1; - border-color: rgb(64 64 64 / var(--tw-border-opacity, 1)); - --tw-bg-opacity: 1; - background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1)); -} - -.sidebar-aside.main-sidebar { - inset-inline-start: 0px; - z-index: 60; - --tw-translate-x: -100%; - 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)); - transition-property: all; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 200ms; - transition-timing-function: cubic-bezier(0.4, 0, 1, 1); - --auto-close: lg; -} - -@media (min-width: 1024px) { - .sidebar-aside.main-sidebar { - inset-inline-end: auto; - bottom: 0px; - display: block; - --tw-translate-x: 0px; - 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)); + border-color: var(--color-gray-200); + background-color: var(--color-white); + &:where(.dark, .dark *) { + border-color: var(--color-neutral-700); + } + &:where(.dark, .dark *) { + background-color: var(--color-neutral-800); + } +} +.sidebar-aside.main-sidebar { + inset-inline-start: calc(var(--spacing) * 0); + z-index: 60; + --tw-translate-x: -100%; + translate: var(--tw-translate-x) var(--tw-translate-y); + transition-property: all; + transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); + transition-duration: var(--tw-duration, var(--default-transition-duration)); + --tw-duration: 200ms; + transition-duration: 200ms; + --tw-ease: var(--ease-in); + transition-timing-function: var(--ease-in); + --auto-close: lg; + @media (width >= 64rem) { + inset-inline-end: auto; + } + @media (width >= 64rem) { + bottom: calc(var(--spacing) * 0); + } + @media (width >= 64rem) { + display: block; + } + @media (width >= 64rem) { + --tw-translate-x: calc(var(--spacing) * 0); + translate: var(--tw-translate-x) var(--tw-translate-y); } } - .sidebar-aside.guild-sidebar { - inset-inline-start: 0px; + inset-inline-start: calc(var(--spacing) * 0); z-index: 59; --tw-translate-x: -100%; - 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: var(--tw-translate-x) var(--tw-translate-y); transition-property: all; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); + transition-duration: var(--tw-duration, var(--default-transition-duration)); + --tw-duration: 200ms; transition-duration: 200ms; - transition-timing-function: cubic-bezier(0.4, 0, 1, 1); + --tw-ease: var(--ease-in); + transition-timing-function: var(--ease-in); --auto-close: lg; -} - -@media (min-width: 1024px) { - .sidebar-aside.guild-sidebar { + @media (width >= 64rem) { + inset-inline-start: calc(var(--spacing) * 64); + } + @media (width >= 64rem) { inset-inline-end: auto; - bottom: 0px; - inset-inline-start: 16rem; + } + @media (width >= 64rem) { + bottom: calc(var(--spacing) * 0); + } + @media (width >= 64rem) { display: block; + } + @media (width >= 64rem) { + --tw-duration: 100ms; transition-duration: 100ms; } } - .sidebar-aside .sidebar-container { position: relative; display: flex; @@ -2133,1178 +2663,471 @@ hs-accordion-toggle w-full text-start flex items-center gap-x-3.5 py-2 px-2.5 te max-height: 100%; flex-direction: column; } - .sidebar-aside .sidebar-container .sidebar-header { display: flex; align-items: center; justify-content: space-between; - padding-left: 1.5rem; - padding-right: 1.5rem; - padding-top: 1rem; + padding-inline: calc(var(--spacing) * 6); + padding-top: calc(var(--spacing) * 4); } - .sidebar-aside .sidebar-container .sidebar-header .sidebar-brand { display: inline-block; flex: none; - border-radius: 0.75rem; - font-size: 1.25rem; - line-height: 1.75rem; - font-weight: 600; + border-radius: var(--radius-xl); + font-size: var(--text-xl); + line-height: var(--tw-leading, var(--text-xl--line-height)); + --tw-font-weight: var(--font-weight-semibold); + font-weight: var(--font-weight-semibold); + &:focus { + opacity: 80%; + } + &:focus { + outline-style: none; + @media (forced-colors: active) { + outline: 2px solid transparent; + outline-offset: 2px; + } + } } - -.sidebar-aside .sidebar-container .sidebar-header .sidebar-brand:focus { - opacity: 0.8; - outline: 2px solid transparent; - outline-offset: 2px; -} - .sidebar-aside .sidebar-container .sidebar-content { height: 100%; overflow-y: auto; + &::-webkit-scrollbar { + width: calc(var(--spacing) * 2); + } + &::-webkit-scrollbar-thumb { + border-radius: calc(infinity * 1px); + } + &::-webkit-scrollbar-thumb { + background-color: var(--color-gray-300); + } + &:where(.dark, .dark *) { + &::-webkit-scrollbar-thumb { + background-color: var(--color-neutral-500); + } + } + &::-webkit-scrollbar-track { + background-color: var(--color-gray-100); + } + &:where(.dark, .dark *) { + &::-webkit-scrollbar-track { + background-color: var(--color-neutral-700); + } + } } - -.sidebar-aside .sidebar-container .sidebar-content::-webkit-scrollbar-thumb { - border-radius: 9999px; - --tw-bg-opacity: 1; - background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); -} - -.sidebar-aside .sidebar-container .sidebar-content:where(.dark, .dark *)::-webkit-scrollbar-thumb { - --tw-bg-opacity: 1; - background-color: rgb(115 115 115 / var(--tw-bg-opacity, 1)); -} - -.sidebar-aside .sidebar-container .sidebar-content::-webkit-scrollbar-track { - --tw-bg-opacity: 1; - background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); -} - -.sidebar-aside .sidebar-container .sidebar-content:where(.dark, .dark *)::-webkit-scrollbar-track { - --tw-bg-opacity: 1; - background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1)); -} - -.sidebar-aside .sidebar-container .sidebar-content::-webkit-scrollbar { - width: 0.5rem; -} - .sidebar-aside .sidebar-container .sidebar-content .sidebar-nav { display: flex; height: 100%; width: 100%; flex-direction: column; flex-wrap: wrap; - padding-left: 1rem; - padding-right: 1rem; - padding-top: 1.5rem; - padding-bottom: 1.5rem; + padding-inline: calc(var(--spacing) * 4); + padding-block: calc(var(--spacing) * 6); } - .sidebar-nav .sidebar-btn { display: flex; width: 100%; align-items: center; - -moz-column-gap: 0.875rem; - column-gap: 0.875rem; - border-radius: 0.5rem; - padding-top: 0.5rem; - padding-bottom: 0.5rem; - padding-left: 0.625rem; - padding-right: 0.625rem; - font-size: 0.875rem; - line-height: 1.25rem; - --tw-text-opacity: 1; - color: rgb(31 41 55 / var(--tw-text-opacity, 1)); + column-gap: calc(var(--spacing) * 3.5); + border-radius: var(--radius-lg); + padding-inline: calc(var(--spacing) * 2.5); + padding-block: calc(var(--spacing) * 2); + font-size: var(--text-sm); + line-height: var(--tw-leading, var(--text-sm--line-height)); + color: var(--color-gray-800); + &:hover { + @media (hover: hover) { + background-color: var(--color-gray-100); + } + } + &:focus { + background-color: var(--color-gray-100); + } + &:focus { + outline-style: none; + @media (forced-colors: active) { + outline: 2px solid transparent; + outline-offset: 2px; + } + } + &:where(.dark, .dark *) { + background-color: var(--color-neutral-800); + } + &:where(.dark, .dark *) { + color: var(--color-neutral-200); + } + &:where(.dark, .dark *) { + &:hover { + @media (hover: hover) { + background-color: var(--color-neutral-700); + } + } + } + &:where(.dark, .dark *) { + &:focus { + background-color: var(--color-neutral-700); + } + } } - -.sidebar-nav .sidebar-btn:hover { - --tw-bg-opacity: 1; - background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); -} - -.sidebar-nav .sidebar-btn:focus { - --tw-bg-opacity: 1; - background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); - outline: 2px solid transparent; - outline-offset: 2px; -} - -.sidebar-nav .sidebar-btn:where(.dark, .dark *) { - --tw-bg-opacity: 1; - background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1)); - --tw-text-opacity: 1; - color: rgb(229 229 229 / var(--tw-text-opacity, 1)); -} - -.sidebar-nav .sidebar-btn:hover:where(.dark, .dark *) { - --tw-bg-opacity: 1; - background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1)); -} - -.sidebar-nav .sidebar-btn:focus:where(.dark, .dark *) { - --tw-bg-opacity: 1; - background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1)); -} - -/* End Sidebar Components */ - -/* Guild Header */ - .guild-header-btn { - font-size: 0.875rem; - line-height: 1.25rem; - --tw-text-opacity: 1; - color: rgb(31 41 55 / var(--tw-text-opacity, 1)); + font-size: var(--text-sm); + line-height: var(--tw-leading, var(--text-sm--line-height)); + color: var(--color-gray-800); + &:hover { + @media (hover: hover) { + color: var(--color-blue-600); + } + } + &:focus { + color: var(--color-blue-600); + } + &:focus { + outline-style: none; + @media (forced-colors: active) { + outline: 2px solid transparent; + outline-offset: 2px; + } + } + &:where(.dark, .dark *) { + color: var(--color-neutral-200); + } + &:where(.dark, .dark *) { + &:hover { + @media (hover: hover) { + color: var(--color-blue-500); + } + } + } + &:where(.dark, .dark *) { + &:focus { + color: var(--color-blue-500); + } + } } - -.guild-header-btn:hover { - --tw-text-opacity: 1; - color: rgb(37 99 235 / var(--tw-text-opacity, 1)); -} - -.guild-header-btn:focus { - --tw-text-opacity: 1; - color: rgb(37 99 235 / var(--tw-text-opacity, 1)); - outline: 2px solid transparent; - outline-offset: 2px; -} - -.guild-header-btn:where(.dark, .dark *) { - --tw-text-opacity: 1; - color: rgb(229 229 229 / var(--tw-text-opacity, 1)); -} - -.guild-header-btn:hover:where(.dark, .dark *) { - --tw-text-opacity: 1; - color: rgb(59 130 246 / var(--tw-text-opacity, 1)); -} - -.guild-header-btn:focus:where(.dark, .dark *) { - --tw-text-opacity: 1; - color: rgb(59 130 246 / var(--tw-text-opacity, 1)); -} - .guild-header-btn.active { - --tw-text-opacity: 1; - color: rgb(37 99 235 / var(--tw-text-opacity, 1)); + color: var(--color-blue-600); } - -/* End Guild Header */ - -/* Form Controls */ - .text-input-label { - margin-bottom: 0.5rem; + margin-bottom: calc(var(--spacing) * 2); display: block; - font-size: 0.875rem; - line-height: 1.25rem; - font-weight: 500; + font-size: var(--text-sm); + line-height: var(--tw-leading, var(--text-sm--line-height)); + --tw-font-weight: var(--font-weight-medium); + font-weight: var(--font-weight-medium); + &:where(.dark, .dark *) { + color: var(--color-white); + } } - -.text-input-label:where(.dark, .dark *) { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity, 1)); -} - .text-input { display: block; width: 100%; - border-radius: 0.5rem; - --tw-border-opacity: 1; - border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); - padding-top: 0.75rem; - padding-bottom: 0.75rem; - padding-left: 1rem; - padding-right: 1rem; - font-size: 0.875rem; - line-height: 1.25rem; + border-radius: var(--radius-lg); + border-color: var(--color-gray-200); + padding-inline: calc(var(--spacing) * 4); + padding-block: calc(var(--spacing) * 3); + font-size: var(--text-sm); + line-height: var(--tw-leading, var(--text-sm--line-height)); + &:focus { + border-color: var(--color-blue-500); + } + &:focus { + --tw-ring-color: var(--color-blue-500); + } + &:disabled { + pointer-events: none; + } + &:disabled { + opacity: 50%; + } + &:where(.dark, .dark *) { + border-color: var(--color-neutral-700); + } + &:where(.dark, .dark *) { + background-color: var(--color-neutral-900); + } + &:where(.dark, .dark *) { + color: var(--color-neutral-400); + } + &:where(.dark, .dark *) { + &::placeholder { + color: var(--color-neutral-500); + } + } + &:where(.dark, .dark *) { + &:focus { + --tw-ring-color: var(--color-neutral-600); + } + } } - -.text-input:focus { - --tw-border-opacity: 1; - border-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); - --tw-ring-opacity: 1; - --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1)); -} - -.text-input:disabled { - pointer-events: none; - opacity: 0.5; -} - -.text-input:where(.dark, .dark *) { - --tw-border-opacity: 1; - border-color: rgb(64 64 64 / var(--tw-border-opacity, 1)); - --tw-bg-opacity: 1; - background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1)); - --tw-text-opacity: 1; - color: rgb(163 163 163 / var(--tw-text-opacity, 1)); -} - -.text-input:where(.dark, .dark *)::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgb(115 115 115 / var(--tw-placeholder-opacity, 1)); -} - -.text-input:where(.dark, .dark *)::placeholder { - --tw-placeholder-opacity: 1; - color: rgb(115 115 115 / var(--tw-placeholder-opacity, 1)); -} - -.text-input:focus:where(.dark, .dark *) { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(82 82 82 / var(--tw-ring-opacity, 1)); -} - .text-input-help { - margin-top: 0.5rem; - font-size: 0.875rem; - line-height: 1.25rem; - --tw-text-opacity: 1; - color: rgb(107 114 128 / var(--tw-text-opacity, 1)); + margin-top: calc(var(--spacing) * 2); + font-size: var(--text-sm); + line-height: var(--tw-leading, var(--text-sm--line-height)); + color: var(--color-gray-500); + &:where(.dark, .dark *) { + color: var(--color-neutral-500); + } } - -.text-input-help:where(.dark, .dark *) { - --tw-text-opacity: 1; - color: rgb(115 115 115 / var(--tw-text-opacity, 1)); -} - .select-input { position: relative; display: flex; width: 100%; cursor: pointer; - -moz-column-gap: 0.5rem; - column-gap: 0.5rem; - text-wrap: nowrap; - border-radius: 0.5rem; + column-gap: calc(var(--spacing) * 2); + border-radius: var(--radius-lg); + border-style: var(--tw-border-style); border-width: 1px; - --tw-border-opacity: 1; - border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); - padding-top: 0.75rem; - padding-bottom: 0.75rem; - padding-inline-start: 1rem; - padding-inline-end: 2.25rem; + border-color: var(--color-gray-200); + background-color: var(--color-white); + padding-block: calc(var(--spacing) * 3); + padding-inline-start: calc(var(--spacing) * 4); + padding-inline-end: calc(var(--spacing) * 9); text-align: start; - font-size: 0.875rem; - line-height: 1.25rem; -} - -.select-input:focus { - outline: 2px solid transparent; - outline-offset: 2px; - --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-opacity: 1; - --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1)); -} - -.select-input:where(.dark, .dark *) { - --tw-border-opacity: 1; - border-color: rgb(64 64 64 / var(--tw-border-opacity, 1)); - --tw-bg-opacity: 1; - background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1)); - --tw-text-opacity: 1; - color: rgb(163 163 163 / var(--tw-text-opacity, 1)); -} - -.select-input:focus:where(.dark, .dark *) { - outline: 2px solid transparent; - outline-offset: 2px; - --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(1px + 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-opacity: 1; - --tw-ring-color: rgb(82 82 82 / var(--tw-ring-opacity, 1)); -} - -/* End Form Controls */ - -.before\:absolute::before { - content: var(--tw-content); - position: absolute; -} - -.before\:inset-0::before { - content: var(--tw-content); - inset: 0px; -} - -.before\:start-0::before { - content: var(--tw-content); - inset-inline-start: 0px; -} - -.before\:top-0::before { - content: var(--tw-content); - top: 0px; -} - -.before\:-z-10::before { - content: var(--tw-content); - z-index: -10; -} - -.before\:z-\[1\]::before { - content: var(--tw-content); - z-index: 1; -} - -.before\:inline-block::before { - content: var(--tw-content); - display: inline-block; -} - -.before\:size-5::before { - content: var(--tw-content); - width: 1.25rem; - height: 1.25rem; -} - -.before\:size-6::before { - content: var(--tw-content); - width: 1.5rem; - height: 1.5rem; -} - -.before\:h-\[200px\]::before { - content: var(--tw-content); - height: 200px; -} - -.before\:w-full::before { - content: var(--tw-content); - width: 100%; -} - -.before\:translate-x-0::before { - content: var(--tw-content); - --tw-translate-x: 0px; - 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)); -} - -.before\:transform::before { - content: var(--tw-content); - 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)); -} - -.before\:rounded-full::before { - content: var(--tw-content); - border-radius: 9999px; -} - -.before\:bg-white::before { - content: var(--tw-content); - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); -} - -.before\:shadow::before { - content: var(--tw-content); - --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.before\:ring-0::before { - content: var(--tw-content); - --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(0px + 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); -} - -.before\:transition::before { - content: var(--tw-content); - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; -} - -.before\:duration-200::before { - content: var(--tw-content); - transition-duration: 200ms; -} - -.before\:ease-in-out::before { - content: var(--tw-content); - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -} - -.before\:content-\[\'\(\'\]::before { - --tw-content: '('; - content: var(--tw-content); -} - -.after\:content-\[\'\)\'\]::after { - --tw-content: ')'; - content: var(--tw-content); -} - -.checked\:border-blue-600:checked { - --tw-border-opacity: 1; - border-color: rgb(37 99 235 / var(--tw-border-opacity, 1)); -} - -.checked\:bg-none:checked { - background-image: none; -} - -.checked\:text-blue-600:checked { - --tw-text-opacity: 1; - color: rgb(37 99 235 / var(--tw-text-opacity, 1)); -} - -.checked\:before\:translate-x-full:checked::before { - content: var(--tw-content); - --tw-translate-x: 100%; - 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)); -} - -.checked\:before\:bg-blue-200:checked::before { - content: var(--tw-content); - --tw-bg-opacity: 1; - background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1)); -} - -.empty\:hidden:empty { - display: none; -} - -.hover\:bg-blue-700:hover { - --tw-bg-opacity: 1; - background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1)); -} - -.hover\:bg-gray-100:hover { - --tw-bg-opacity: 1; - background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); -} - -.hover\:bg-gray-300:hover { - --tw-bg-opacity: 1; - background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); -} - -.hover\:bg-gray-50:hover { - --tw-bg-opacity: 1; - background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); -} - -.hover\:text-blue-600:hover { - --tw-text-opacity: 1; - color: rgb(37 99 235 / var(--tw-text-opacity, 1)); -} - -.hover\:text-gray-800:hover { - --tw-text-opacity: 1; - color: rgb(31 41 55 / var(--tw-text-opacity, 1)); -} - -.focus\:border-blue-500:focus { - --tw-border-opacity: 1; - border-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); -} - -.focus\:bg-blue-700:focus { - --tw-bg-opacity: 1; - background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1)); -} - -.focus\:bg-gray-100:focus { - --tw-bg-opacity: 1; - background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); -} - -.focus\:bg-gray-50:focus { - --tw-bg-opacity: 1; - background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); -} - -.focus\:text-blue-600:focus { - --tw-text-opacity: 1; - color: rgb(37 99 235 / var(--tw-text-opacity, 1)); -} - -.focus\:outline-none:focus { - outline: 2px solid transparent; - outline-offset: 2px; -} - -.focus\:ring-2:focus { - --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); -} - -.focus\:ring-blue-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1)); -} - -.focus\:ring-blue-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity, 1)); -} - -.focus\:ring-gray-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity, 1)); -} - -.focus\:checked\:border-blue-600:checked:focus { - --tw-border-opacity: 1; - border-color: rgb(37 99 235 / var(--tw-border-opacity, 1)); -} - -.disabled\:pointer-events-none:disabled { - pointer-events: none; -} - -.disabled\:opacity-50:disabled { - opacity: 0.5; -} - -.group:invalid .group-invalid\:pointer-events-none { - pointer-events: none; -} - -.group:invalid .group-invalid\:opacity-30 { - opacity: 0.3; -} - -.group.submitted .group-\[\.submitted\]\:invalid\:border-red-500:invalid { - --tw-border-opacity: 1; - border-color: rgb(239 68 68 / var(--tw-border-opacity, 1)); -} - -.group.submitted .group-\[\.submitted\]\:invalid\:ring-red-500:invalid { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1)); -} - -.group.submitted .peer:invalid ~ .group-\[\.submitted\]\:peer-\[\:invalid\]\:block { - display: block; -} - -.group.submitted .peer:invalid ~ .group-\[\.submitted\]\:peer-\[\:invalid\]\:hidden { - display: none; -} - -.group.submitted .peer:invalid ~ .group-\[\.submitted\]\:peer-\[\:invalid\]\:border-red-500 { - --tw-border-opacity: 1; - border-color: rgb(239 68 68 / var(--tw-border-opacity, 1)); -} - -.group.submitted .peer:invalid ~ .group-\[\.submitted\]\:peer-\[\:invalid\]\:ring-red-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1)); -} - -.group.submitted .group-\[\.submitted\]\:has-\[\:invalid\]\:border-red-500:has(:invalid) { - --tw-border-opacity: 1; - border-color: rgb(239 68 68 / var(--tw-border-opacity, 1)); -} - -.group.submitted .group-\[\.submitted\]\:has-\[\:invalid\]\:ring-red-500:has(:invalid) { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1)); -} - -.group.submitted .peer:has(:invalid) ~ .group-\[\.submitted\]\:peer-has-\[\:invalid\]\:block { - display: block; -} - -.group.submitted .peer:has(:invalid) ~ .group-\[\.submitted\]\:peer-has-\[\:invalid\]\:hidden { - display: none; -} - -.hs-dropdown.open > .hs-dropdown-open\:block { - display: block; -} - -.hs-dropdown.open > .hs-dropdown-open\:hidden { - display: none; -} - -.hs-dropdown.open > .hs-dropdown-open\:opacity-100 { - opacity: 1; -} - -.hs-dropdown.open > .hs-dropdown-toggle .hs-dropdown-open\:block { - display: block; -} - -.hs-dropdown.open > .hs-dropdown-toggle .hs-dropdown-open\:hidden { - display: none; -} - -.hs-dropdown.open > .hs-dropdown-toggle .hs-dropdown-open\:opacity-100 { - opacity: 1; -} - -.hs-dropdown.open > .hs-dropdown-menu > .hs-dropdown-open\:block { - display: block; -} - -.hs-dropdown.open > .hs-dropdown-menu > .hs-dropdown-open\:hidden { - display: none; -} - -.hs-dropdown.open > .hs-dropdown-menu > .hs-dropdown-open\:opacity-100 { - opacity: 1; -} - -.hs-dropdown-menu.open.hs-dropdown-open\:block { - display: block; -} - -.hs-dropdown-menu.open.hs-dropdown-open\:hidden { - display: none; -} - -.hs-dropdown-menu.open.hs-dropdown-open\:opacity-100 { - opacity: 1; -} - -.hs-tooltip.show .hs-tooltip-shown\:visible { - visibility: visible; -} - -.hs-tooltip.show .hs-tooltip-shown\:opacity-100 { - opacity: 1; -} - -.hs-tooltip-content.show.hs-tooltip-shown\:visible { - visibility: visible; -} - -.hs-tooltip-content.show.hs-tooltip-shown\:opacity-100 { - opacity: 1; -} - -.open.hs-overlay-open\:translate-x-0 { - --tw-translate-x: 0px; - 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)); -} - -.open.hs-overlay-open\:scale-100 { - --tw-scale-x: 1; - --tw-scale-y: 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)); -} - -.open.hs-overlay-open\:opacity-100 { - opacity: 1; -} - -.open .hs-overlay-open\:translate-x-0 { - --tw-translate-x: 0px; - 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)); -} - -.open .hs-overlay-open\:scale-100 { - --tw-scale-x: 1; - --tw-scale-y: 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)); -} - -.open .hs-overlay-open\:opacity-100 { - opacity: 1; -} - -.selected.hs-selected\:block { - display: block; -} - -.selected .hs-selected\:block { - display: block; -} - -.disabled.hs-select-disabled\:pointer-events-none { - pointer-events: none; -} - -.disabled.hs-select-disabled\:opacity-50 { - opacity: 0.5; -} - -.disabled .hs-select-disabled\:pointer-events-none { - pointer-events: none; -} - -.disabled .hs-select-disabled\:opacity-50 { - opacity: 0.5; -} - -.selected .hs-combo-box-selected\:block { - display: block; -} - -.selected.hs-combo-box-selected\:block { - display: block; -} - -.dt-ordering-asc .hs-datatable-ordering-asc\:text-blue-600 { - --tw-text-opacity: 1; - color: rgb(37 99 235 / var(--tw-text-opacity, 1)); -} - -.dt-ordering-asc.hs-datatable-ordering-asc\:text-blue-600 { - --tw-text-opacity: 1; - color: rgb(37 99 235 / var(--tw-text-opacity, 1)); -} - -.dt-ordering-desc .hs-datatable-ordering-desc\:text-blue-600 { - --tw-text-opacity: 1; - color: rgb(37 99 235 / var(--tw-text-opacity, 1)); -} - -.dt-ordering-desc.hs-datatable-ordering-desc\:text-blue-600 { - --tw-text-opacity: 1; - color: rgb(37 99 235 / var(--tw-text-opacity, 1)); -} - -.complete .hs-file-upload-complete\:bg-green-600 { - --tw-bg-opacity: 1; - background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1)); -} - -.complete.hs-file-upload-complete\:bg-green-600 { - --tw-bg-opacity: 1; - background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1)); -} - -@media (min-width: 640px) { - .sm\:col-span-1 { - grid-column: span 1 / span 1; + font-size: var(--text-sm); + line-height: var(--tw-leading, var(--text-sm--line-height)); + text-wrap: nowrap; + &:focus { + --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 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); } - - .sm\:col-span-2 { - grid-column: span 2 / span 2; + &:focus { + --tw-ring-color: var(--color-blue-500); } - - .sm\:mx-auto { - margin-left: auto; - margin-right: auto; + &:focus { + outline-style: none; + @media (forced-colors: active) { + outline: 2px solid transparent; + outline-offset: 2px; + } } - - .sm\:block { - display: block; + &:where(.dark, .dark *) { + border-color: var(--color-neutral-700); } - - .sm\:inline { - display: inline; + &:where(.dark, .dark *) { + background-color: var(--color-neutral-900); } - - .sm\:inline-flex { - display: inline-flex; + &:where(.dark, .dark *) { + color: var(--color-neutral-400); } - - .sm\:size-20 { - width: 5rem; - height: 5rem; + &:where(.dark, .dark *) { + &:focus { + --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); + } } - - .sm\:h-16 { - height: 4rem; + &:where(.dark, .dark *) { + &:focus { + --tw-ring-color: var(--color-neutral-600); + } } - - .sm\:w-full { - width: 100%; - } - - .sm\:max-w-lg { - max-width: 32rem; - } - - .sm\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - - .sm\:flex-row { - flex-direction: row; - } - - .sm\:items-center { - align-items: center; - } - - .sm\:gap-6 { - gap: 1.5rem; - } - - .sm\:gap-x-8 { - -moz-column-gap: 2rem; - column-gap: 2rem; - } - - .sm\:gap-y-6 { - row-gap: 1.5rem; - } - - .sm\:space-y-6 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); - } - - .sm\:rounded-lg { - border-radius: 0.5rem; - } - - .sm\:p-5 { - padding: 1.25rem; - } - - .sm\:p-6 { - padding: 1.5rem; - } - - .sm\:p-7 { - padding: 1.75rem; - } - - .sm\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; - } - - .sm\:text-2xl { - font-size: 1.5rem; - line-height: 2rem; - } - - .sm\:text-sm { - font-size: 0.875rem; - line-height: 1.25rem; + &:where(.dark, .dark *) { + &:focus { + outline-style: none; + @media (forced-colors: active) { + outline: 2px solid transparent; + outline-offset: 2px; + } + } } } - -@media (min-width: 768px) { - .md\:grow { - flex-grow: 1; - } - - .md\:gap-x-10 { - -moz-column-gap: 2.5rem; - column-gap: 2.5rem; - } - - .md\:gap-y-8 { - row-gap: 2rem; - } - - .md\:p-5 { - padding: 1.25rem; - } - - .md\:p-6 { - padding: 1.5rem; - } - - .md\:text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; +@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-space-y-reverse { + syntax: "*"; + inherits: false; + initial-value: 0; +} +@property --tw-space-x-reverse { + syntax: "*"; + inherits: false; + initial-value: 0; +} +@property --tw-divide-y-reverse { + syntax: "*"; + inherits: false; + initial-value: 0; +} +@property --tw-border-style { + syntax: "*"; + inherits: false; + initial-value: solid; +} +@property --tw-font-weight { + syntax: "*"; + inherits: false; +} +@property --tw-tracking { + 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: ""; + 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-drop-shadow { + syntax: "*"; + inherits: false; +} +@property --tw-duration { + syntax: "*"; + inherits: false; +} +@property --tw-ease { + syntax: "*"; + inherits: false; +} +@property --tw-content { + syntax: "*"; + initial-value: ""; + inherits: false; +} +@keyframes spin { + to { + transform: rotate(360deg); } } - -@media (min-width: 1024px) { - .lg\:mx-auto { - margin-left: auto; - margin-right: auto; - } - - .lg\:hidden { - display: none; - } - - .lg\:w-full { - width: 100%; - } - - .lg\:max-w-4xl { - max-width: 56rem; - } - - .lg\:ps-64 { - padding-inline-start: 16rem; - } -} - -@media (min-width: 1280px) { - .xl\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } -} - -.dark\:divide-neutral-700:where(.dark, .dark *) > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgb(64 64 64 / var(--tw-divide-opacity, 1)); -} - -.dark\:border:where(.dark, .dark *) { - border-width: 1px; -} - -.dark\:\!border-neutral-700:where(.dark, .dark *) { - --tw-border-opacity: 1 !important; - border-color: rgb(64 64 64 / var(--tw-border-opacity, 1)) !important; -} - -.dark\:border-neutral-600:where(.dark, .dark *) { - --tw-border-opacity: 1; - border-color: rgb(82 82 82 / var(--tw-border-opacity, 1)); -} - -.dark\:border-neutral-700:where(.dark, .dark *) { - --tw-border-opacity: 1; - border-color: rgb(64 64 64 / var(--tw-border-opacity, 1)); -} - -.dark\:border-neutral-800:where(.dark, .dark *) { - --tw-border-opacity: 1; - border-color: rgb(38 38 38 / var(--tw-border-opacity, 1)); -} - -.dark\:\!bg-neutral-800:where(.dark, .dark *) { - --tw-bg-opacity: 1 !important; - background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1)) !important; -} - -.dark\:bg-blue-500:where(.dark, .dark *) { - --tw-bg-opacity: 1; - background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); -} - -.dark\:bg-neutral-700:where(.dark, .dark *) { - --tw-bg-opacity: 1; - background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1)); -} - -.dark\:bg-neutral-700\/50:where(.dark, .dark *) { - background-color: rgb(64 64 64 / 0.5); -} - -.dark\:bg-neutral-800:where(.dark, .dark *) { - --tw-bg-opacity: 1; - background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1)); -} - -.dark\:bg-neutral-900:where(.dark, .dark *) { - --tw-bg-opacity: 1; - background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1)); -} - -.dark\:bg-red-500\/10:where(.dark, .dark *) { - background-color: rgb(239 68 68 / 0.1); -} - -.dark\:bg-teal-500\/10:where(.dark, .dark *) { - background-color: rgb(20 184 166 / 0.1); -} - -.dark\:bg-opacity-80:where(.dark, .dark *) { - --tw-bg-opacity: 0.8; -} - -.dark\:fill-neutral-200:where(.dark, .dark *) { - fill: #e5e5e5; -} - -.dark\:text-blue-400:where(.dark, .dark *) { - --tw-text-opacity: 1; - color: rgb(96 165 250 / var(--tw-text-opacity, 1)); -} - -.dark\:text-blue-500:where(.dark, .dark *) { - --tw-text-opacity: 1; - color: rgb(59 130 246 / var(--tw-text-opacity, 1)); -} - -.dark\:text-gray-400:where(.dark, .dark *) { - --tw-text-opacity: 1; - color: rgb(156 163 175 / var(--tw-text-opacity, 1)); -} - -.dark\:text-neutral-200:where(.dark, .dark *) { - --tw-text-opacity: 1; - color: rgb(229 229 229 / var(--tw-text-opacity, 1)); -} - -.dark\:text-neutral-300:where(.dark, .dark *) { - --tw-text-opacity: 1; - color: rgb(212 212 212 / var(--tw-text-opacity, 1)); -} - -.dark\:text-neutral-400:where(.dark, .dark *) { - --tw-text-opacity: 1; - color: rgb(163 163 163 / var(--tw-text-opacity, 1)); -} - -.dark\:text-neutral-500:where(.dark, .dark *) { - --tw-text-opacity: 1; - color: rgb(115 115 115 / var(--tw-text-opacity, 1)); -} - -.dark\:text-red-500:where(.dark, .dark *) { - --tw-text-opacity: 1; - color: rgb(239 68 68 / var(--tw-text-opacity, 1)); -} - -.dark\:text-teal-500:where(.dark, .dark *) { - --tw-text-opacity: 1; - color: rgb(20 184 166 / var(--tw-text-opacity, 1)); -} - -.dark\:text-white:where(.dark, .dark *) { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity, 1)); -} - -.dark\:placeholder-neutral-500:where(.dark, .dark *)::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgb(115 115 115 / var(--tw-placeholder-opacity, 1)); -} - -.dark\:placeholder-neutral-500:where(.dark, .dark *)::placeholder { - --tw-placeholder-opacity: 1; - color: rgb(115 115 115 / var(--tw-placeholder-opacity, 1)); -} - -.dark\:shadow-neutral-700\/70:where(.dark, .dark *) { - --tw-shadow-color: rgb(64 64 64 / 0.7); - --tw-shadow: var(--tw-shadow-colored); -} - -.dark\:before\:bg-neutral-400:where(.dark, .dark *)::before { - content: var(--tw-content); - --tw-bg-opacity: 1; - background-color: rgb(163 163 163 / var(--tw-bg-opacity, 1)); -} - -.dark\:checked\:border-blue-500:checked:where(.dark, .dark *) { - --tw-border-opacity: 1; - border-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); -} - -.dark\:checked\:bg-blue-500:checked:where(.dark, .dark *) { - --tw-bg-opacity: 1; - background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); -} - -.dark\:checked\:before\:bg-blue-200:checked:where(.dark, .dark *)::before { - content: var(--tw-content); - --tw-bg-opacity: 1; - background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1)); -} - -.dark\:hover\:bg-neutral-700:hover:where(.dark, .dark *) { - --tw-bg-opacity: 1; - background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1)); -} - -.dark\:hover\:bg-neutral-800:hover:where(.dark, .dark *) { - --tw-bg-opacity: 1; - background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1)); -} - -.dark\:hover\:text-blue-500:hover:where(.dark, .dark *) { - --tw-text-opacity: 1; - color: rgb(59 130 246 / var(--tw-text-opacity, 1)); -} - -.dark\:hover\:text-neutral-200:hover:where(.dark, .dark *) { - --tw-text-opacity: 1; - color: rgb(229 229 229 / var(--tw-text-opacity, 1)); -} - -.dark\:hover\:text-neutral-400:hover:where(.dark, .dark *) { - --tw-text-opacity: 1; - color: rgb(163 163 163 / var(--tw-text-opacity, 1)); -} - -.dark\:focus\:bg-neutral-700:focus:where(.dark, .dark *) { - --tw-bg-opacity: 1; - background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1)); -} - -.dark\:focus\:bg-neutral-800:focus:where(.dark, .dark *) { - --tw-bg-opacity: 1; - background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1)); -} - -.dark\:focus\:text-blue-500:focus:where(.dark, .dark *) { - --tw-text-opacity: 1; - color: rgb(59 130 246 / var(--tw-text-opacity, 1)); -} - -.dark\:focus\:text-neutral-400:focus:where(.dark, .dark *) { - --tw-text-opacity: 1; - color: rgb(163 163 163 / var(--tw-text-opacity, 1)); -} - -.dark\:focus\:ring-neutral-600:focus:where(.dark, .dark *) { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(82 82 82 / var(--tw-ring-opacity, 1)); -} - -.dark\:focus\:ring-offset-gray-600:focus:where(.dark, .dark *) { - --tw-ring-offset-color: #4b5563; -} - -.dark\:focus\:ring-offset-gray-800:focus:where(.dark, .dark *) { - --tw-ring-offset-color: #1f2937; -} - -.dt-ordering-asc .dark\:hs-datatable-ordering-asc\:text-blue-500:where(.dark, .dark *) { - --tw-text-opacity: 1; - color: rgb(59 130 246 / var(--tw-text-opacity, 1)); -} - -.dt-ordering-asc.dark\:hs-datatable-ordering-asc\:text-blue-500:where(.dark, .dark *) { - --tw-text-opacity: 1; - color: rgb(59 130 246 / var(--tw-text-opacity, 1)); -} - -.dt-ordering-desc .dark\:hs-datatable-ordering-desc\:text-blue-500:where(.dark, .dark *) { - --tw-text-opacity: 1; - color: rgb(59 130 246 / var(--tw-text-opacity, 1)); -} - -.dt-ordering-desc.dark\:hs-datatable-ordering-desc\:text-blue-500:where(.dark, .dark *) { - --tw-text-opacity: 1; - color: rgb(59 130 246 / var(--tw-text-opacity, 1)); -} - -.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb { - border-radius: 9999px; -} - -.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-gray-300::-webkit-scrollbar-thumb { - --tw-bg-opacity: 1; - background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); -} - -.dark\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-neutral-500:where(.dark, .dark *)::-webkit-scrollbar-thumb { - --tw-bg-opacity: 1; - background-color: rgb(115 115 115 / var(--tw-bg-opacity, 1)); -} - -.\[\&\:\:-webkit-scrollbar-track\]\:bg-gray-100::-webkit-scrollbar-track { - --tw-bg-opacity: 1; - background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); -} - -.dark\:\[\&\:\:-webkit-scrollbar-track\]\:bg-neutral-700:where(.dark, .dark *)::-webkit-scrollbar-track { - --tw-bg-opacity: 1; - background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1)); -} - -.\[\&\:\:-webkit-scrollbar\]\:w-2::-webkit-scrollbar { - width: 0.5rem; -} \ No newline at end of file diff --git a/src/client/public/js/guild/filters.js b/src/client/public/js/guild/filters.js index cc0b771..b64be38 100644 --- a/src/client/public/js/guild/filters.js +++ b/src/client/public/js/guild/filters.js @@ -12,11 +12,11 @@ const emptyTableHtml = `

- -
@@ -73,7 +73,7 @@ const defineTable = () => {
diff --git a/src/client/public/js/guild/subscriptions.js b/src/client/public/js/guild/subscriptions.js index 12e9ede..8ab00cd 100644 --- a/src/client/public/js/guild/subscriptions.js +++ b/src/client/public/js/guild/subscriptions.js @@ -14,11 +14,11 @@ const emptyTableHtml = `

- -
@@ -74,7 +74,7 @@ const defineTable = () => {
diff --git a/src/client/views/guild/filters.ejs b/src/client/views/guild/filters.ejs index 2505e7f..03a8344 100644 --- a/src/client/views/guild/filters.ejs +++ b/src/client/views/guild/filters.ejs @@ -8,7 +8,7 @@
-
+
@@ -26,7 +26,7 @@
-
- @@ -57,7 +57,7 @@
-
- - -
diff --git a/src/client/views/guild/guildHeader.ejs b/src/client/views/guild/guildHeader.ejs index f4e231d..d2bc2d3 100644 --- a/src/client/views/guild/guildHeader.ejs +++ b/src/client/views/guild/guildHeader.ejs @@ -1,8 +1,8 @@
-
+
-
+
<% if (guild.icon) { %> @@ -35,15 +35,15 @@
- - - @@ -54,11 +54,11 @@
- - Subscriptions - Filters - Styles - Content + + Subscriptions + Filters + Styles + Content Settings
diff --git a/src/client/views/guild/overview.ejs b/src/client/views/guild/overview.ejs index f820fdc..e0bdc89 100644 --- a/src/client/views/guild/overview.ejs +++ b/src/client/views/guild/overview.ejs @@ -7,7 +7,7 @@
-
+
@@ -20,7 +20,7 @@
-
@@ -43,7 +43,7 @@ -
+
@@ -66,7 +66,7 @@ -
+
@@ -95,7 +95,7 @@ -
+
diff --git a/src/client/views/guild/subscriptions.ejs b/src/client/views/guild/subscriptions.ejs index 1475554..8070c2d 100644 --- a/src/client/views/guild/subscriptions.ejs +++ b/src/client/views/guild/subscriptions.ejs @@ -8,7 +8,7 @@
-
+
@@ -26,7 +26,7 @@
-
- @@ -57,7 +57,7 @@
-
- -

+ +

Ignore content older than this date.

-
@@ -287,14 +287,14 @@ @@ -341,7 +341,7 @@

- - -
diff --git a/src/client/views/login.ejs b/src/client/views/login.ejs index 88a42e1..5b88f47 100644 --- a/src/client/views/login.ejs +++ b/src/client/views/login.ejs @@ -8,7 +8,7 @@ -
+

Sign in

@@ -18,7 +18,7 @@
- + diff --git a/src/client/views/sidebar.ejs b/src/client/views/sidebar.ejs index 0cf4d4a..c373b81 100644 --- a/src/client/views/sidebar.ejs +++ b/src/client/views/sidebar.ejs @@ -66,15 +66,15 @@
- -