diff --git a/README.md b/README.md index 0c77342..6679c7e 100644 --- a/README.md +++ b/README.md @@ -6,21 +6,12 @@ - Install dart-sass. ```bash -hugo server +hugo server -D +npm run dev # TailwindCSS JIT compilation ``` ## Deploy ```bash -hugo build -docker build -t payneio/civilsociety.dev . --file ./Dockerfile -docker push payneio/civilsociety.dev - -# From payne-cloud - -# First time... -bin/wild-app-deploy civilsociety - -# Update... -kubectl rollout restart deployment civilsociety -n civilsociety +scripts/deploy.sh ``` diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css new file mode 100644 index 0000000..04be603 --- /dev/null +++ b/assets/css/compiled/main.css @@ -0,0 +1,4934 @@ +/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */ +/*! Blowfish | MIT License | https://github.com/nunocoracao/blowfish */ +@layer properties; +#zen-mode-button { + cursor: pointer; +} +.zen-mode { + position: relative; +} +body.zen-mode-enable { + #bmc-wbtn, .author { + display: none !important; + } +} +@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; + --spacing: 0.25rem; + --container-xs: 20rem; + --container-xl: 36rem; + --container-3xl: 48rem; + --container-7xl: 80rem; + --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-lg: 1.125rem; + --text-lg--line-height: calc(1.75 / 1.125); + --text-xl: 1.25rem; + --text-xl--line-height: calc(1.75 / 1.25); + --text-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-light: 300; + --font-weight-normal: 400; + --font-weight-medium: 500; + --font-weight-semibold: 600; + --font-weight-bold: 700; + --font-weight-extrabold: 800; + --tracking-normal: 0em; + --leading-snug: 1.375; + --radius-md: 0.375rem; + --radius-lg: 0.5rem; + --radius-xl: 0.75rem; + --radius-2xl: 1rem; + --ease-in: cubic-bezier(0.4, 0, 1, 1); + --ease-out: cubic-bezier(0, 0, 0.2, 1); + --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); + --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + --blur-sm: 8px; + --blur-2xl: 40px; + --default-transition-duration: 150ms; + --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + --default-font-family: var(--font-sans); + --default-mono-font-family: var(--font-mono); + } +} +@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; + } + 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; + } + @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { + ::placeholder { + color: currentcolor; + @supports (color: color-mix(in lab, red, red)) { + color: color-mix(in oklab, currentcolor 50%, transparent); + } + } + } + textarea { + resize: vertical; + } + ::-webkit-search-decoration { + -webkit-appearance: none; + } + ::-webkit-date-and-time-value { + min-height: 1lh; + text-align: inherit; + } + ::-webkit-datetime-edit { + display: inline-flex; + } + ::-webkit-datetime-edit-fields-wrapper { + padding: 0; + } + ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { + padding-block: 0; + } + :-moz-ui-invalid { + box-shadow: none; + } + button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button { + appearance: button; + } + ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { + height: auto; + } + [hidden]:where(:not([hidden="until-found"])) { + display: none !important; + } +} +@layer utilities { + .pointer-events-auto { + pointer-events: auto; + } + .pointer-events-none { + pointer-events: none; + } + .\!visible { + visibility: visible !important; + } + .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 !important; + } + .absolute { + position: absolute; + } + .fixed { + position: fixed; + } + .relative { + position: relative; + } + .static { + position: static; + } + .sticky { + position: sticky; + } + .inset-0 { + inset: calc(var(--spacing) * 0); + } + .inset-x-0 { + inset-inline: calc(var(--spacing) * 0); + } + .top-0 { + top: calc(var(--spacing) * 0); + } + .top-20 { + top: calc(var(--spacing) * 20); + } + .top-\[110vh\] { + top: 110vh; + } + .top-\[calc\(100vh-5\.5rem\)\] { + top: calc(100vh - 5.5rem); + } + .right-0 { + right: calc(var(--spacing) * 0); + } + .bottom-0 { + bottom: calc(var(--spacing) * 0); + } + .left-0 { + left: calc(var(--spacing) * 0); + } + .z-10 { + z-index: 10; + } + .z-30 { + z-index: 30; + } + .z-\[1\] { + z-index: 1; + } + .z-\[2\] { + z-index: 2; + } + .z-\[999\] { + z-index: 999; + } + .z-\[1040\] { + z-index: 1040; + } + .z-\[1070\] { + z-index: 1070; + } + .z-\[1080\] { + z-index: 1080; + } + .order-first { + order: -9999; + } + .float-left { + float: left; + } + .container { + width: 100%; + @media (width >= 640px) { + max-width: 640px; + } + @media (width >= 853px) { + max-width: 853px; + } + @media (width >= 1024px) { + max-width: 1024px; + } + @media (width >= 1280px) { + max-width: 1280px; + } + @media (width >= 1536px) { + max-width: 1536px; + } + } + .\!-m-px { + margin: -1px !important; + } + .m-0 { + margin: calc(var(--spacing) * 0); + } + .m-1 { + margin: calc(var(--spacing) * 1); + } + .m-2 { + margin: calc(var(--spacing) * 2); + } + .m-300 { + margin: calc(var(--spacing) * 300); + } + .m-auto { + margin: auto; + } + .-mx-2 { + margin-inline: calc(var(--spacing) * -2); + } + .mx-1 { + margin-inline: calc(var(--spacing) * 1); + } + .mx-\[3px\] { + margin-inline: 3px; + } + .mx-\[15\%\] { + margin-inline: 15%; + } + .mx-auto { + margin-inline: auto; + } + .-my-2 { + margin-block: calc(var(--spacing) * -2); + } + .my-0 { + margin-block: calc(var(--spacing) * 0); + } + .my-3 { + margin-block: calc(var(--spacing) * 3); + } + .prose { + color: var(--tw-prose-body); + max-width: 65ch; + :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 1.25em; + margin-bottom: 1.25em; + } + :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: var(--tw-prose-lead); + font-size: 1.25em; + line-height: 1.6; + margin-top: 1.2em; + margin-bottom: 1.2em; + } + :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: var(--tw-prose-links); + text-decoration: none; + font-weight: 500; + text-decoration-color: rgba(var(--color-primary-300), 1); + &:hover { + color: rgba(var(--color-primary-600), 1); + text-decoration: none; + border-radius: 0.09rem; + } + } + :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: var(--tw-prose-bold); + font-weight: 600; + } + :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: inherit; + } + :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: inherit; + } + :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: inherit; + } + :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + list-style-type: decimal; + margin-top: 1.25em; + margin-bottom: 1.25em; + padding-inline-start: 1.625em; + } + :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + list-style-type: upper-alpha; + } + :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + list-style-type: lower-alpha; + } + :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + list-style-type: upper-alpha; + } + :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + list-style-type: lower-alpha; + } + :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + list-style-type: upper-roman; + } + :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + list-style-type: lower-roman; + } + :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + list-style-type: upper-roman; + } + :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + list-style-type: lower-roman; + } + :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + list-style-type: decimal; + } + :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + list-style-type: disc; + margin-top: 1.25em; + margin-bottom: 1.25em; + padding-inline-start: 1.625em; + } + :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { + font-weight: 400; + color: var(--tw-prose-counters); + } + :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { + color: var(--tw-prose-bullets); + } + :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: var(--tw-prose-headings); + font-weight: 600; + margin-top: 1.25em; + } + :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + border-color: var(--tw-prose-hr); + border-top-width: 1; + margin-top: 3em; + margin-bottom: 3em; + } + :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + font-weight: 500; + font-style: italic; + color: var(--tw-prose-quotes); + border-inline-start-width: 0.25rem; + border-inline-start-color: var(--tw-prose-quote-borders); + quotes: "\201C""\201D""\2018""\2019"; + margin-top: 1.6em; + margin-bottom: 1.6em; + padding-inline-start: 1em; + } + :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { + content: open-quote; + } + :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { + content: close-quote; + } + :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: var(--tw-prose-headings); + font-weight: 800; + font-size: 2.25em; + margin-top: 0; + margin-bottom: 0.8888889em; + line-height: 1.1111111; + } + :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + font-weight: 900; + color: inherit; + } + :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: var(--tw-prose-headings); + font-weight: 700; + font-size: 1.5em; + margin-top: 2em; + margin-bottom: 1em; + line-height: 1.3333333; + } + :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + font-weight: 800; + color: inherit; + } + :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: var(--tw-prose-headings); + font-weight: 600; + font-size: 1.25em; + margin-top: 1.6em; + margin-bottom: 0.6em; + line-height: 1.6; + } + :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + font-weight: 700; + color: inherit; + } + :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: var(--tw-prose-headings); + font-weight: 600; + margin-top: 1.5em; + margin-bottom: 0.5em; + line-height: 1.5; + } + :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + font-weight: 700; + color: inherit; + } + :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 2em; + margin-bottom: 2em; + } + :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + display: block; + margin-top: 2em; + margin-bottom: 2em; + } + :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 2em; + margin-bottom: 2em; + } + :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + font-weight: 600; + font-family: inherit; + color: var(--tw-prose-kbd); + box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%); + font-size: 0.9rem; + border-radius: 0.25rem; + padding-top: 0.1875em; + padding-inline-end: 0.375em; + padding-bottom: 0.1875em; + padding-inline-start: 0.375em; + background-color: rgba(var(--color-neutral-200), 1); + padding: 0.1rem 0.4rem; + } + :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: var(--tw-prose-code); + font-weight: 600; + font-size: 0.875em; + background-color: rgba(var(--color-neutral-50), 1); + padding-top: 3px; + padding-bottom: 3px; + padding-left: 5px; + padding-right: 5px; + border-radius: 0.25rem; + } + :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { + content: "`"; + display: none; + } + :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { + content: "`"; + display: none; + } + :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: var(--tw-prose-code); + } + :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: inherit; + } + :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: inherit; + font-size: 0.875em; + } + :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: inherit; + font-size: 0.9em; + } + :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: inherit; + } + :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: inherit; + } + :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: inherit; + } + :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: var(--tw-prose-pre-code); + background-color: var(--tw-prose-pre-bg); + overflow-x: auto; + font-weight: 400; + font-size: 0.875em; + line-height: 1.7142857; + margin-top: 1.7142857em; + margin-bottom: 1.7142857em; + border-radius: 0.375rem; + padding-top: 0.8571429em; + padding-inline-end: 1.1428571em; + padding-bottom: 0.8571429em; + padding-inline-start: 1.1428571em; + } + :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + background-color: transparent; + border-width: 0; + border-radius: 0; + padding: 0; + font-weight: inherit; + color: inherit; + font-size: inherit; + font-family: inherit; + line-height: inherit; + } + :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { + content: none; + } + :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { + content: none; + } + :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + width: 100%; + table-layout: auto; + margin-top: 2em; + margin-bottom: 2em; + font-size: 0.875em; + line-height: 1.7142857; + } + :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + border-bottom-width: 1px; + border-bottom-color: var(--tw-prose-th-borders); + } + :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: var(--tw-prose-headings); + font-weight: 600; + vertical-align: bottom; + padding-inline-end: 0.5714286em; + padding-bottom: 0.5714286em; + padding-inline-start: 0.5714286em; + } + :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + border-bottom-width: 1px; + border-bottom-color: var(--tw-prose-td-borders); + } + :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + border-bottom-width: 0; + } + :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + vertical-align: baseline; + } + :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + border-top-width: 1px; + border-top-color: var(--tw-prose-th-borders); + } + :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + vertical-align: top; + } + :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + text-align: start; + } + :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 0; + margin-bottom: 0; + } + :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: var(--tw-prose-captions); + font-size: 0.875em; + line-height: 1.4285714; + margin-top: 0.8571429em; + } + --tw-prose-body: rgba(var(--color-neutral-700), 1); + --tw-prose-headings: rgba(var(--color-neutral-800), 1); + --tw-prose-lead: rgba(var(--color-neutral-500), 1); + --tw-prose-links: rgba(var(--color-primary-600), 1); + --tw-prose-bold: rgba(var(--color-neutral-900), 1); + --tw-prose-counters: rgba(var(--color-neutral-800), 1); + --tw-prose-bullets: rgba(var(--color-neutral-500), 1); + --tw-prose-hr: rgba(var(--color-neutral-200), 1); + --tw-prose-quotes: rgba(var(--color-neutral-700), 1); + --tw-prose-quote-borders: rgba(var(--color-primary-200), 1); + --tw-prose-captions: rgba(var(--color-neutral-500), 1); + --tw-prose-kbd: oklch(21% 0.034 264.665); + --tw-prose-kbd-shadows: NaN NaN NaN; + --tw-prose-code: rgba(var(--color-secondary-700), 1); + --tw-prose-pre-code: rgba(var(--color-neutral-700), 1); + --tw-prose-pre-bg: rgba(var(--color-neutral-50), 1); + --tw-prose-th-borders: rgba(var(--color-neutral-500), 1); + --tw-prose-td-borders: rgba(var(--color-neutral-300), 1); + --tw-prose-invert-body: rgba(var(--color-neutral-300), 1); + --tw-prose-invert-headings: rgba(var(--color-neutral-50), 1); + --tw-prose-invert-lead: rgba(var(--color-neutral-500), 1); + --tw-prose-invert-links: rgba(var(--color-primary-400), 1); + --tw-prose-invert-bold: rgba(var(--color-neutral), 1); + --tw-prose-invert-counters: rgba(var(--color-neutral-400), 1); + --tw-prose-invert-bullets: rgba(var(--color-neutral-600), 1); + --tw-prose-invert-hr: rgba(var(--color-neutral-500), 1); + --tw-prose-invert-quotes: rgba(var(--color-neutral-200), 1); + --tw-prose-invert-quote-borders: rgba(var(--color-primary-900), 1); + --tw-prose-invert-captions: rgba(var(--color-neutral-400), 1); + --tw-prose-invert-kbd: #fff; + --tw-prose-invert-kbd-shadows: 255 255 255; + --tw-prose-invert-code: rgba(var(--color-secondary-400), 1); + --tw-prose-invert-pre-code: rgba(var(--color-neutral-200), 1); + --tw-prose-invert-pre-bg: rgba(var(--color-neutral-700), 1); + --tw-prose-invert-th-borders: rgba(var(--color-neutral-500), 1); + --tw-prose-invert-td-borders: rgba(var(--color-neutral-700), 1); + font-size: 1rem; + line-height: 1.75; + :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 0; + margin-bottom: 0; + } + :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 0.5em; + margin-bottom: 0.5em; + } + :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + padding-inline-start: 0.375em; + } + :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + padding-inline-start: 0.375em; + } + :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 0.75em; + margin-bottom: 0.75em; + } + :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 1.25em; + } + :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-bottom: 1.25em; + } + :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 1.25em; + } + :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-bottom: 1.25em; + } + :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 0.75em; + margin-bottom: 0.75em; + } + :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 1.25em; + margin-bottom: 1.25em; + } + :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 0.5em; + padding-inline-start: 1.625em; + } + :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 0; + } + :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 0; + } + :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 0; + } + :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 0; + } + :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + padding-inline-start: 0; + } + :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + padding-inline-end: 0; + } + :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + padding-top: 0.5714286em; + padding-inline-end: 0.5714286em; + padding-bottom: 0.5714286em; + padding-inline-start: 0.5714286em; + } + :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + padding-inline-start: 0; + } + :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + padding-inline-end: 0; + } + :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 2em; + margin-bottom: 2em; + } + :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 0; + } + :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-bottom: 0; + } + :where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: rgba(var(--color-neutral-800), 1); + background-color: rgba(var(--color-primary-600), 1); + padding: 0.1rem 0.2rem; + border-radius: 0.25rem; + } + :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { + display: none; + } + :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { + display: none; + } + :where(a.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + text-decoration-color: rgba(var(--color-primary-600), 1); + } + :where(p.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + text-decoration-color: rgba(var(--color-primary-600), 1); + } + } + .\!mt-0 { + margin-top: calc(var(--spacing) * 0) !important; + } + .mt-0 { + margin-top: calc(var(--spacing) * 0); + } + .mt-1 { + margin-top: calc(var(--spacing) * 1); + } + .mt-2 { + margin-top: calc(var(--spacing) * 2); + } + .mt-3 { + margin-top: calc(var(--spacing) * 3); + } + .mt-4 { + margin-top: calc(var(--spacing) * 4); + } + .mt-5 { + margin-top: calc(var(--spacing) * 5); + } + .mt-6 { + margin-top: calc(var(--spacing) * 6); + } + .mt-8 { + margin-top: calc(var(--spacing) * 8); + } + .mt-10 { + margin-top: calc(var(--spacing) * 10); + } + .mt-12 { + margin-top: calc(var(--spacing) * 12); + } + .mt-20 { + margin-top: calc(var(--spacing) * 20); + } + .mt-\[-2px\] { + margin-top: -2px; + } + .mt-\[0\.1rem\] { + margin-top: 0.1rem; + } + .-mr-48 { + margin-right: calc(var(--spacing) * -48); + } + .-mr-\[100\%\] { + margin-right: calc(100% * -1); + } + .mr-1 { + margin-right: calc(var(--spacing) * 1); + } + .mr-2 { + margin-right: calc(var(--spacing) * 2); + } + .mr-3 { + margin-right: calc(var(--spacing) * 3); + } + .mr-5 { + margin-right: calc(var(--spacing) * 5); + } + .mr-auto { + margin-right: auto; + } + .\!mb-0 { + margin-bottom: calc(var(--spacing) * 0) !important; + } + .\!mb-9 { + margin-bottom: calc(var(--spacing) * 9) !important; + } + .-mb-1 { + margin-bottom: calc(var(--spacing) * -1); + } + .mb-0 { + margin-bottom: calc(var(--spacing) * 0); + } + .mb-1 { + margin-bottom: calc(var(--spacing) * 1); + } + .mb-2 { + margin-bottom: calc(var(--spacing) * 2); + } + .mb-3 { + margin-bottom: calc(var(--spacing) * 3); + } + .mb-5 { + margin-bottom: calc(var(--spacing) * 5); + } + .mb-6 { + margin-bottom: calc(var(--spacing) * 6); + } + .mb-8 { + margin-bottom: calc(var(--spacing) * 8); + } + .mb-10 { + margin-bottom: calc(var(--spacing) * 10); + } + .mb-12 { + margin-bottom: calc(var(--spacing) * 12); + } + .mb-16 { + margin-bottom: calc(var(--spacing) * 16); + } + .mb-20 { + margin-bottom: calc(var(--spacing) * 20); + } + .mb-\[2px\] { + margin-bottom: 2px; + } + .-ml-12 { + margin-left: calc(var(--spacing) * -12); + } + .ml-2 { + margin-left: calc(var(--spacing) * 2); + } + .ml-3 { + margin-left: calc(var(--spacing) * 3); + } + .ml-6 { + margin-left: calc(var(--spacing) * 6); + } + .ml-auto { + margin-left: auto; + } + .box-border { + box-sizing: border-box; + } + .box-content { + box-sizing: content-box; + } + .scrollbar { + &::-webkit-scrollbar-track { + background-color: var(--scrollbar-track); + border-radius: var(--scrollbar-track-radius); + } + &::-webkit-scrollbar-thumb { + background-color: var(--scrollbar-thumb); + border-radius: var(--scrollbar-thumb-radius); + } + &::-webkit-scrollbar-corner { + background-color: var(--scrollbar-corner); + border-radius: var(--scrollbar-corner-radius); + } + @supports (-moz-appearance:none) { + scrollbar-width: auto; + scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial); + } + &::-webkit-scrollbar { + display: block; + width: var(--scrollbar-width, 16px); + height: var(--scrollbar-height, 16px); + } + } + .scrollbar-thin { + &::-webkit-scrollbar-track { + background-color: var(--scrollbar-track); + border-radius: var(--scrollbar-track-radius); + } + &::-webkit-scrollbar-thumb { + background-color: var(--scrollbar-thumb); + border-radius: var(--scrollbar-thumb-radius); + } + &::-webkit-scrollbar-corner { + background-color: var(--scrollbar-corner); + border-radius: var(--scrollbar-corner-radius); + } + @supports (-moz-appearance:none) { + scrollbar-width: thin; + scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial); + } + &::-webkit-scrollbar { + display: block; + width: 8px; + height: 8px; + } + } + .\!block { + display: block !important; + } + .block { + display: block; + } + .contents { + display: contents; + } + .flex { + display: flex; + } + .grid { + display: grid; + } + .hidden { + display: none; + } + .inline { + display: inline; + } + .inline-block { + display: inline-block; + } + .list-item { + display: list-item; + } + .table { + display: table; + } + .table-cell { + display: table-cell; + } + .size-1 { + width: calc(var(--spacing) * 1); + height: calc(var(--spacing) * 1); + } + .\!h-px { + height: 1px !important; + } + .h-0 { + height: calc(var(--spacing) * 0); + } + .h-1\/2 { + height: calc(1/2 * 100%); + } + .h-3 { + height: calc(var(--spacing) * 3); + } + .h-6 { + height: calc(var(--spacing) * 6); + } + .h-8 { + height: calc(var(--spacing) * 8); + } + .h-12 { + height: calc(var(--spacing) * 12); + } + .h-24 { + height: calc(var(--spacing) * 24); + } + .h-36 { + height: calc(var(--spacing) * 36); + } + .h-40 { + height: calc(var(--spacing) * 40); + } + .h-48 { + height: calc(var(--spacing) * 48); + } + .h-84 { + height: calc(var(--spacing) * 84); + } + .h-\[3px\] { + height: 3px; + } + .h-\[150px\] { + height: 150px; + } + .h-\[800px\] { + height: 800px; + } + .h-\[1000px\] { + height: 1000px; + } + .h-auto { + height: auto; + } + .h-full { + height: 100%; + } + .h-screen { + height: 100vh; + } + .max-h-3 { + max-height: calc(var(--spacing) * 3); + } + .max-h-\[5rem\] { + max-height: 5rem; + } + .min-h-0 { + min-height: calc(var(--spacing) * 0); + } + .min-h-\[130px\] { + min-height: 130px; + } + .min-h-\[148px\] { + min-height: 148px; + } + .min-h-full { + min-height: 100%; + } + .\!w-px { + width: 1px !important; + } + .w-0 { + width: calc(var(--spacing) * 0); + } + .w-2 { + width: calc(var(--spacing) * 2); + } + .w-3 { + width: calc(var(--spacing) * 3); + } + .w-6 { + width: calc(var(--spacing) * 6); + } + .w-8 { + width: calc(var(--spacing) * 8); + } + .w-12 { + width: calc(var(--spacing) * 12); + } + .w-24 { + width: calc(var(--spacing) * 24); + } + .w-36 { + width: calc(var(--spacing) * 36); + } + .w-48 { + width: calc(var(--spacing) * 48); + } + .w-\[15\%\] { + width: 15%; + } + .w-\[30px\] { + width: 30px; + } + .w-auto { + width: auto; + } + .w-full { + width: 100%; + } + .w-screen { + width: 100vw; + } + .max-w-3xl { + max-width: var(--container-3xl); + } + .max-w-7xl { + max-width: var(--container-7xl); + } + .max-w-\[5rem\] { + max-width: 5rem; + } + .max-w-\[64rem\] { + max-width: 64rem; + } + .max-w-\[200px\] { + max-width: 200px; + } + .max-w-\[267px\] { + max-width: 267px; + } + .max-w-\[1600px\] { + max-width: 1600px; + } + .max-w-\[calc\(100\%-1rem\)\] { + max-width: calc(100% - 1rem); + } + .max-w-fit { + max-width: fit-content; + } + .max-w-full { + max-width: 100%; + } + .max-w-prose { + max-width: 65ch; + } + .max-w-xl { + max-width: var(--container-xl); + } + .min-w-0 { + min-width: calc(var(--spacing) * 0); + } + .min-w-\[1\.8rem\] { + min-width: 1.8rem; + } + .min-w-\[30px\] { + min-width: 30px; + } + .min-w-\[220px\] { + min-width: 220px; + } + .min-w-full { + min-width: 100%; + } + .flex-1 { + flex: 1; + } + .flex-auto { + flex: auto; + } + .flex-initial { + flex: 0 auto; + } + .flex-none { + flex: none; + } + .flex-shrink { + flex-shrink: 1; + } + .shrink { + flex-shrink: 1; + } + .shrink-0 { + flex-shrink: 0; + } + .grow { + flex-grow: 1; + } + .grow-0 { + flex-grow: 0; + } + .basis-auto { + flex-basis: auto; + } + .border-collapse { + border-collapse: collapse; + } + .-translate-x-full { + --tw-translate-x: -100%; + translate: var(--tw-translate-x) var(--tw-translate-y); + } + .translate-x-full { + --tw-translate-x: 100%; + translate: var(--tw-translate-x) var(--tw-translate-y); + } + .-translate-y-8 { + --tw-translate-y: calc(var(--spacing) * -8); + translate: var(--tw-translate-x) var(--tw-translate-y); + } + .scale-0 { + --tw-scale-x: 0%; + --tw-scale-y: 0%; + --tw-scale-z: 0%; + scale: var(--tw-scale-x) var(--tw-scale-y); + } + .scale-100 { + --tw-scale-x: 100%; + --tw-scale-y: 100%; + --tw-scale-z: 100%; + scale: var(--tw-scale-x) var(--tw-scale-y); + } + .scale-\[1\.02\] { + scale: 1.02; + } + .transform { + transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); + } + .transform\! { + transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,) !important; + } + .transform-none { + transform: none; + } + .animate-pulse { + animation: var(--animate-pulse); + } + .cursor-default { + cursor: default; + } + .cursor-pointer { + cursor: pointer; + } + .touch-pan-y { + --tw-pan-y: pan-y; + touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,); + } + .touch-none { + touch-action: none; + } + .resize { + resize: both; + } + .list-none { + list-style-type: none; + } + .appearance-none { + appearance: none; + } + .flex-col { + flex-direction: column; + } + .flex-row { + flex-direction: row; + } + .flex-wrap { + flex-wrap: wrap; + } + .items-center { + align-items: center; + } + .items-end { + align-items: flex-end; + } + .justify-between { + justify-content: space-between; + } + .justify-center { + justify-content: center; + } + .gap-4 { + gap: calc(var(--spacing) * 4); + } + .gap-8 { + gap: calc(var(--spacing) * 8); + } + .gap-10 { + gap: calc(var(--spacing) * 10); + } + .space-y-2 { + :where(& > :not(:last-child)) { + --tw-space-y-reverse: 0; + margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); + margin-block-end: calc(calc(var(--spacing) * 2) * 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-10 { + :where(& > :not(:last-child)) { + --tw-space-y-reverse: 0; + margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); + margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))); + } + } + .gap-x-3 { + column-gap: calc(var(--spacing) * 3); + } + .gap-x-5 { + column-gap: calc(var(--spacing) * 5); + } + .space-x-2 { + :where(& > :not(:last-child)) { + --tw-space-x-reverse: 0; + margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); + margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); + } + } + .space-x-3 { + :where(& > :not(:last-child)) { + --tw-space-x-reverse: 0; + margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse)); + margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse))); + } + } + .space-x-5 { + :where(& > :not(:last-child)) { + --tw-space-x-reverse: 0; + margin-inline-start: calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse)); + margin-inline-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse))); + } + } + .place-self-center { + place-self: center; + } + .self-center { + align-self: center; + } + .\!overflow-hidden { + overflow: hidden !important; + } + .overflow-auto { + overflow: auto; + } + .overflow-hidden { + overflow: hidden; + } + .overflow-visible { + overflow: visible; + } + .overflow-y-auto { + overflow-y: auto; + } + .overscroll-contain { + overscroll-behavior: contain; + } + .scroll-smooth { + scroll-behavior: smooth; + } + .\!rounded-md { + border-radius: var(--radius-md) !important; + } + .rounded { + border-radius: 0.25rem; + } + .rounded-2xl { + border-radius: var(--radius-2xl); + } + .rounded-\[50\%\] { + border-radius: 50%; + } + .rounded-full { + border-radius: calc(infinity * 1px); + } + .rounded-lg { + border-radius: var(--radius-lg); + } + .rounded-md { + border-radius: var(--radius-md); + } + .rounded-xl { + border-radius: var(--radius-xl); + } + .rounded-s-\[0\.25rem\] { + border-start-start-radius: 0.25rem; + border-end-start-radius: 0.25rem; + } + .rounded-e-\[0\.25rem\] { + border-start-end-radius: 0.25rem; + border-end-end-radius: 0.25rem; + } + .rounded-t-lg { + border-top-left-radius: var(--radius-lg); + border-top-right-radius: var(--radius-lg); + } + .rounded-b-lg { + border-bottom-right-radius: var(--radius-lg); + border-bottom-left-radius: var(--radius-lg); + } + .\!border-0 { + border-style: var(--tw-border-style) !important; + border-width: 0px !important; + } + .border { + border-style: var(--tw-border-style); + border-width: 1px; + } + .border-0 { + border-style: var(--tw-border-style); + border-width: 0px; + } + .border-2 { + border-style: var(--tw-border-style); + border-width: 2px; + } + .border-y-\[10px\] { + border-block-style: var(--tw-border-style); + border-block-width: 10px; + } + .border-s-0 { + border-inline-start-style: var(--tw-border-style); + border-inline-start-width: 0px; + } + .border-s-\[0\.125rem\] { + border-inline-start-style: var(--tw-border-style); + border-inline-start-width: 0.125rem; + } + .border-e-0 { + border-inline-end-style: var(--tw-border-style); + border-inline-end-width: 0px; + } + .border-t { + border-top-style: var(--tw-border-style); + border-top-width: 1px; + } + .border-b-2 { + border-bottom-style: var(--tw-border-style); + border-bottom-width: 2px; + } + .border-l-2 { + border-left-style: var(--tw-border-style); + border-left-width: 2px; + } + .border-dotted { + --tw-border-style: dotted; + border-style: dotted; + } + .border-solid { + --tw-border-style: solid; + border-style: solid; + } + .border-neutral-100 { + border-color: rgba(var(--color-neutral-100), 1); + } + .border-neutral-200 { + border-color: rgba(var(--color-neutral-200), 1); + } + .border-neutral-300 { + border-color: rgba(var(--color-neutral-300), 1); + } + .border-primary-400 { + border-color: rgba(var(--color-primary-400), 1); + } + .border-primary-500 { + border-color: rgba(var(--color-primary-500), 1); + } + .border-secondary-500 { + border-color: rgba(var(--color-secondary-500), 1); + } + .border-transparent { + border-color: transparent; + } + .prose-invert { + --tw-prose-body: var(--tw-prose-invert-body); + --tw-prose-headings: var(--tw-prose-invert-headings); + --tw-prose-lead: var(--tw-prose-invert-lead); + --tw-prose-links: var(--tw-prose-invert-links); + --tw-prose-bold: var(--tw-prose-invert-bold); + --tw-prose-counters: var(--tw-prose-invert-counters); + --tw-prose-bullets: var(--tw-prose-invert-bullets); + --tw-prose-hr: var(--tw-prose-invert-hr); + --tw-prose-quotes: var(--tw-prose-invert-quotes); + --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders); + --tw-prose-captions: var(--tw-prose-invert-captions); + --tw-prose-kbd: var(--tw-prose-invert-kbd); + --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows); + --tw-prose-code: var(--tw-prose-invert-code); + --tw-prose-pre-code: var(--tw-prose-invert-pre-code); + --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg); + --tw-prose-th-borders: var(--tw-prose-invert-th-borders); + --tw-prose-td-borders: var(--tw-prose-invert-td-borders); + :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + text-decoration-color: rgba(var(--color-neutral-600), 1); + &:hover { + color: rgba(var(--color-primary-400), 1); + } + } + :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: rgba(var(--color-neutral-200), 1); + background-color: rgba(var(--color-neutral-700), 1); + } + :where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + background-color: rgba(var(--color-primary-400), 1); + } + :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + background-color: rgba(var(--color-neutral-700), 1); + } + :where(a.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + text-decoration-color: rgba(var(--color-primary-400), 1); + } + :where(p.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + text-decoration-color: rgba(var(--color-primary-400), 1); + } + } + .bg-\[\#6d6d6d\] { + background-color: #6d6d6d; + } + .bg-neutral { + background-color: rgba(var(--color-neutral), 1); + } + .bg-neutral-100 { + background-color: rgba(var(--color-neutral-100), 1); + } + .bg-neutral-100\/50 { + background-color: color-mix(in srgb, rgba(rgba(var(--color-neutral-100), 1), 1) 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, rgba(var(--color-neutral-100), 1) 50%, transparent); + } + } + .bg-neutral-300 { + background-color: rgba(var(--color-neutral-300), 1); + } + .bg-neutral-500\/50 { + background-color: color-mix(in srgb, rgba(rgba(var(--color-neutral-500), 1), 1) 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, rgba(var(--color-neutral-500), 1) 50%, transparent); + } + } + .bg-neutral\/50 { + background-color: color-mix(in srgb, rgba(rgba(var(--color-neutral), 1), 1) 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, rgba(var(--color-neutral), 1) 50%, transparent); + } + } + .bg-primary-100 { + background-color: rgba(var(--color-primary-100), 1); + } + .bg-primary-200 { + background-color: rgba(var(--color-primary-200), 1); + } + .bg-primary-500 { + background-color: rgba(var(--color-primary-500), 1); + } + .bg-primary-600 { + background-color: rgba(var(--color-primary-600), 1); + } + .bg-transparent { + background-color: transparent; + } + .bg-gradient-to-b { + --tw-gradient-position: to bottom in oklab; + background-image: linear-gradient(var(--tw-gradient-stops)); + } + .bg-gradient-to-r { + --tw-gradient-position: to right in oklab; + background-image: linear-gradient(var(--tw-gradient-stops)); + } + .bg-gradient-to-t { + --tw-gradient-position: to top in oklab; + background-image: linear-gradient(var(--tw-gradient-stops)); + } + .bg-none { + background-image: none; + } + .from-neutral { + --tw-gradient-from: rgba(var(--color-neutral), 1); + --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); + } + .from-primary-500 { + --tw-gradient-from: rgba(var(--color-primary-500), 1); + --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); + } + .from-60\% { + --tw-gradient-from-position: 60%; + } + .to-neutral { + --tw-gradient-to: rgba(var(--color-neutral), 1); + --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); + } + .to-neutral-100 { + --tw-gradient-to: rgba(var(--color-neutral-100), 1); + --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); + } + .to-secondary-600 { + --tw-gradient-to: rgba(var(--color-secondary-600), 1); + --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); + } + .to-transparent { + --tw-gradient-to: transparent; + --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); + } + .bg-clip-padding { + background-clip: padding-box; + } + .object-cover { + object-fit: cover; + } + .object-scale-down { + object-fit: scale-down; + } + .object-left { + object-position: left; + } + .\!p-0 { + padding: calc(var(--spacing) * 0) !important; + } + .p-0 { + padding: calc(var(--spacing) * 0); + } + .p-1\.5 { + padding: calc(var(--spacing) * 1.5); + } + .p-4 { + padding: calc(var(--spacing) * 4); + } + .p-5 { + padding: calc(var(--spacing) * 5); + } + .p-6 { + padding: calc(var(--spacing) * 6); + } + .px-0 { + padding-inline: calc(var(--spacing) * 0); + } + .px-1 { + padding-inline: calc(var(--spacing) * 1); + } + .px-1\.5 { + padding-inline: calc(var(--spacing) * 1.5); + } + .px-2 { + padding-inline: calc(var(--spacing) * 2); + } + .px-3 { + padding-inline: calc(var(--spacing) * 3); + } + .px-4 { + padding-inline: calc(var(--spacing) * 4); + } + .px-6 { + padding-inline: calc(var(--spacing) * 6); + } + .px-\[0\.4rem\] { + padding-inline: 0.4rem; + } + .px-\[30px\] { + padding-inline: 30px; + } + .py-1 { + padding-block: calc(var(--spacing) * 1); + } + .py-1\.5 { + padding-block: calc(var(--spacing) * 1.5); + } + .py-2 { + padding-block: calc(var(--spacing) * 2); + } + .py-3 { + padding-block: calc(var(--spacing) * 3); + } + .py-4 { + padding-block: calc(var(--spacing) * 4); + } + .py-6 { + padding-block: calc(var(--spacing) * 6); + } + .py-8 { + padding-block: calc(var(--spacing) * 8); + } + .py-10 { + padding-block: calc(var(--spacing) * 10); + } + .py-16 { + padding-block: calc(var(--spacing) * 16); + } + .py-\[0\.4rem\] { + padding-block: 0.4rem; + } + .py-\[1px\] { + padding-block: 1px; + } + .pt-2 { + padding-top: calc(var(--spacing) * 2); + } + .pt-3 { + padding-top: calc(var(--spacing) * 3); + } + .pt-4 { + padding-top: calc(var(--spacing) * 4); + } + .pt-8 { + padding-top: calc(var(--spacing) * 8); + } + .pt-16 { + padding-top: calc(var(--spacing) * 16); + } + .pr-\[24px\] { + padding-right: 24px; + } + .pb-2 { + padding-bottom: calc(var(--spacing) * 2); + } + .pb-3 { + padding-bottom: calc(var(--spacing) * 3); + } + .pb-4 { + padding-bottom: calc(var(--spacing) * 4); + } + .pb-6 { + padding-bottom: calc(var(--spacing) * 6); + } + .pb-32 { + padding-bottom: calc(var(--spacing) * 32); + } + .pl-2 { + padding-left: calc(var(--spacing) * 2); + } + .pl-\[24px\] { + padding-left: 24px; + } + .text-center { + text-align: center; + } + .text-left { + text-align: left; + } + .text-right { + text-align: right; + } + .-indent-\[999px\] { + text-indent: calc(999px * -1); + } + .align-bottom { + vertical-align: bottom; + } + .align-middle { + vertical-align: middle; + } + .align-text-bottom { + vertical-align: text-bottom; + } + .align-top { + vertical-align: top; + } + .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-lg { + font-size: var(--text-lg); + line-height: var(--tw-leading, var(--text-lg--line-height)); + } + .text-sm { + font-size: var(--text-sm); + line-height: var(--tw-leading, var(--text-sm--line-height)); + } + .text-xl { + font-size: var(--text-xl); + line-height: var(--tw-leading, var(--text-xl--line-height)); + } + .text-xs { + font-size: var(--text-xs); + line-height: var(--tw-leading, var(--text-xs--line-height)); + } + .text-\[0\.6rem\] { + font-size: 0.6rem; + } + .leading-3 { + --tw-leading: calc(var(--spacing) * 3); + line-height: calc(var(--spacing) * 3); + } + .leading-6 { + --tw-leading: calc(var(--spacing) * 6); + line-height: calc(var(--spacing) * 6); + } + .leading-7 { + --tw-leading: calc(var(--spacing) * 7); + line-height: calc(var(--spacing) * 7); + } + .leading-\[1\.6\] { + --tw-leading: 1.6; + line-height: 1.6; + } + .font-bold { + --tw-font-weight: var(--font-weight-bold); + font-weight: var(--font-weight-bold); + } + .font-extrabold { + --tw-font-weight: var(--font-weight-extrabold); + font-weight: var(--font-weight-extrabold); + } + .font-light { + --tw-font-weight: var(--font-weight-light); + font-weight: var(--font-weight-light); + } + .font-medium { + --tw-font-weight: var(--font-weight-medium); + font-weight: var(--font-weight-medium); + } + .font-normal { + --tw-font-weight: var(--font-weight-normal); + font-weight: var(--font-weight-normal); + } + .font-semibold { + --tw-font-weight: var(--font-weight-semibold); + font-weight: var(--font-weight-semibold); + } + .tracking-normal { + --tw-tracking: var(--tracking-normal); + letter-spacing: var(--tracking-normal); + } + .text-wrap { + text-wrap: wrap; + } + .break-normal { + overflow-wrap: normal; + word-break: normal; + } + .break-words { + overflow-wrap: break-word; + } + .\!whitespace-nowrap { + white-space: nowrap !important; + } + .whitespace-normal { + white-space: normal; + } + .\!text-neutral { + color: rgba(var(--color-neutral), 1) !important; + } + .text-neutral-50 { + color: rgba(var(--color-neutral-50), 1); + } + .text-neutral-200 { + color: rgba(var(--color-neutral-200), 1); + } + .text-neutral-300 { + color: rgba(var(--color-neutral-300), 1); + } + .text-neutral-400 { + color: rgba(var(--color-neutral-400), 1); + } + .text-neutral-500 { + color: rgba(var(--color-neutral-500), 1); + } + .text-neutral-700 { + color: rgba(var(--color-neutral-700), 1); + } + .text-neutral-800 { + color: rgba(var(--color-neutral-800), 1); + } + .text-neutral-900 { + color: rgba(var(--color-neutral-900), 1); + } + .text-primary-100 { + color: rgba(var(--color-primary-100), 1); + } + .text-primary-300 { + color: rgba(var(--color-primary-300), 1); + } + .text-primary-400 { + color: rgba(var(--color-primary-400), 1); + } + .text-primary-500 { + color: rgba(var(--color-primary-500), 1); + } + .text-primary-600 { + color: rgba(var(--color-primary-600), 1); + } + .text-primary-700 { + color: rgba(var(--color-primary-700), 1); + } + .text-primary-800 { + color: rgba(var(--color-primary-800), 1); + } + .text-transparent { + color: transparent; + } + .capitalize { + text-transform: capitalize; + } + .lowercase { + text-transform: lowercase; + } + .normal-case { + text-transform: none; + } + .uppercase { + text-transform: uppercase; + } + .italic { + font-style: italic; + } + .not-italic { + font-style: normal; + } + .ordinal { + --tw-ordinal: ordinal; + font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); + } + .\!no-underline { + text-decoration-line: none !important; + } + .line-through { + text-decoration-line: line-through; + } + .no-underline { + text-decoration-line: none; + } + .overline { + text-decoration-line: overline; + } + .underline { + text-decoration-line: underline; + } + .decoration-neutral-300 { + text-decoration-color: rgba(var(--color-neutral-300), 1); + } + .decoration-primary-500 { + text-decoration-color: rgba(var(--color-primary-500), 1); + } + .underline-offset-auto { + text-underline-offset: auto; + } + .\!opacity-0 { + opacity: 0% !important; + } + .\!opacity-100 { + opacity: 100% !important; + } + .opacity-0 { + opacity: 0%; + } + .opacity-30 { + opacity: 30%; + } + .opacity-50 { + opacity: 50%; + } + .opacity-60 { + opacity: 60%; + } + .opacity-65 { + opacity: 65%; + } + .opacity-100 { + opacity: 100%; + } + .mix-blend-multiply { + mix-blend-mode: multiply; + } + .mix-blend-normal { + mix-blend-mode: normal; + } + .shadow { + --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + .shadow-2xl { + --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + .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-xl { + --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px 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); + } + .ring { + --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + .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\! { + --tw-blur: blur(8px) !important; + filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important; + } + .invert { + --tw-invert: invert(100%); + filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); + } + .filter { + filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); + } + .filter\! { + filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important; + } + .backdrop-blur { + --tw-backdrop-blur: blur(8px); + -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); + backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); + } + .backdrop-blur-2xl { + --tw-backdrop-blur: blur(var(--blur-2xl)); + -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); + backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); + } + .backdrop-blur-sm { + --tw-backdrop-blur: blur(var(--blur-sm)); + -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); + backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); + } + .transition { + transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events; + transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); + transition-duration: var(--tw-duration, var(--default-transition-duration)); + } + .transition-\[height\] { + transition-property: height; + transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); + transition-duration: var(--tw-duration, var(--default-transition-duration)); + } + .transition-\[transform\,_opacity\] { + transition-property: transform, opacity; + transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); + transition-duration: var(--tw-duration, var(--default-transition-duration)); + } + .transition-\[width\] { + transition-property: width; + 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-opacity { + transition-property: opacity; + transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); + transition-duration: var(--tw-duration, var(--default-transition-duration)); + } + .transition-transform { + transition-property: transform, translate, scale, rotate; + transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); + transition-duration: var(--tw-duration, var(--default-transition-duration)); + } + .duration-150 { + --tw-duration: 150ms; + transition-duration: 150ms; + } + .duration-200 { + --tw-duration: 200ms; + transition-duration: 200ms; + } + .duration-300 { + --tw-duration: 300ms; + transition-duration: 300ms; + } + .duration-\[350ms\] { + --tw-duration: 350ms; + transition-duration: 350ms; + } + .duration-\[600ms\] { + --tw-duration: 600ms; + transition-duration: 600ms; + } + .ease-\[cubic-bezier\(0\,0\,0\.15\,1\)\,_cubic-bezier\(0\,0\,0\.15\,1\)\] { + --tw-ease: cubic-bezier(0,0,0.15,1), cubic-bezier(0,0,0.15,1); + transition-timing-function: cubic-bezier(0,0,0.15,1), cubic-bezier(0,0,0.15,1); + } + .ease-\[cubic-bezier\(0\.25\,0\.1\,0\.25\,1\.0\)\] { + --tw-ease: cubic-bezier(0.25,0.1,0.25,1.0); + transition-timing-function: cubic-bezier(0.25,0.1,0.25,1.0); + } + .ease-in { + --tw-ease: var(--ease-in); + transition-timing-function: var(--ease-in); + } + .ease-in-out { + --tw-ease: var(--ease-in-out); + transition-timing-function: var(--ease-in-out); + } + .ease-linear { + --tw-ease: linear; + transition-timing-function: linear; + } + .ease-out { + --tw-ease: var(--ease-out); + transition-timing-function: var(--ease-out); + } + .\!\[clip\:rect\(0\,0\,0\,0\)\] { + clip: rect(0,0,0,0) !important; + } + .scrollbar-thumb-neutral-400 { + --scrollbar-thumb: oklch(70.8% 0 0); + } + .scrollbar-track-neutral-200 { + --scrollbar-track: oklch(92.2% 0 0); + } + .group-hover\:text-primary-300 { + &:is(:where(.group):hover *) { + @media (hover: hover) { + color: rgba(var(--color-primary-300), 1); + } + } + } + .group-hover\:text-primary-600 { + &:is(:where(.group):hover *) { + @media (hover: hover) { + color: rgba(var(--color-primary-600), 1); + } + } + } + .group-hover\:underline { + &:is(:where(.group):hover *) { + @media (hover: hover) { + text-decoration-line: underline; + } + } + } + .group-hover\:decoration-primary-500 { + &:is(:where(.group):hover *) { + @media (hover: hover) { + text-decoration-color: rgba(var(--color-primary-500), 1); + } + } + } + .group-hover\:opacity-100 { + &:is(:where(.group):hover *) { + @media (hover: hover) { + opacity: 100%; + } + } + } + .group-data-\[twe-input-focused\]\:border-x-0 { + &:is(:where(.group)[data-twe-input-focused] *) { + border-inline-style: var(--tw-border-style); + border-inline-width: 0px; + } + } + .group-data-\[twe-input-focused\]\:border-s-0 { + &:is(:where(.group)[data-twe-input-focused] *) { + border-inline-start-style: var(--tw-border-style); + border-inline-start-width: 0px; + } + } + .group-data-\[twe-input-focused\]\:border-e-0 { + &:is(:where(.group)[data-twe-input-focused] *) { + border-inline-end-style: var(--tw-border-style); + border-inline-end-width: 0px; + } + } + .group-data-\[twe-input-focused\]\:border-t { + &:is(:where(.group)[data-twe-input-focused] *) { + border-top-style: var(--tw-border-style); + border-top-width: 1px; + } + } + .group-data-\[twe-input-focused\]\:border-solid { + &:is(:where(.group)[data-twe-input-focused] *) { + --tw-border-style: solid; + border-style: solid; + } + } + .group-data-\[twe-input-focused\]\:border-t-transparent { + &:is(:where(.group)[data-twe-input-focused] *) { + border-top-color: transparent; + } + } + .group-data-\[twe-input-state-active\]\:border-x-0 { + &:is(:where(.group)[data-twe-input-state-active] *) { + border-inline-style: var(--tw-border-style); + border-inline-width: 0px; + } + } + .group-data-\[twe-input-state-active\]\:border-s-0 { + &:is(:where(.group)[data-twe-input-state-active] *) { + border-inline-start-style: var(--tw-border-style); + border-inline-start-width: 0px; + } + } + .group-data-\[twe-input-state-active\]\:border-e-0 { + &:is(:where(.group)[data-twe-input-state-active] *) { + border-inline-end-style: var(--tw-border-style); + border-inline-end-width: 0px; + } + } + .group-data-\[twe-input-state-active\]\:border-t { + &:is(:where(.group)[data-twe-input-state-active] *) { + border-top-style: var(--tw-border-style); + border-top-width: 1px; + } + } + .group-data-\[twe-input-state-active\]\:border-solid { + &:is(:where(.group)[data-twe-input-state-active] *) { + --tw-border-style: solid; + border-style: solid; + } + } + .group-data-\[twe-input-state-active\]\:border-t-transparent { + &:is(:where(.group)[data-twe-input-state-active] *) { + border-top-color: transparent; + } + } + .after\:clear-both { + &::after { + content: var(--tw-content); + clear: both; + } + } + .after\:block { + &::after { + content: var(--tw-content); + display: block; + } + } + .after\:content-\[\'\'\] { + &::after { + content: var(--tw-content); + --tw-content: ''; + content: var(--tw-content); + } + } + .first\:mt-8 { + &:first-child { + margin-top: calc(var(--spacing) * 8); + } + } + .empty\:hidden { + &:empty { + display: none; + } + } + .hover\:border-transparent { + &:hover { + @media (hover: hover) { + border-color: transparent; + } + } + } + .hover\:\!bg-primary-500 { + &:hover { + @media (hover: hover) { + background-color: rgba(var(--color-primary-500), 1) !important; + } + } + } + .hover\:bg-primary-100 { + &:hover { + @media (hover: hover) { + background-color: rgba(var(--color-primary-100), 1); + } + } + } + .hover\:bg-primary-500 { + &:hover { + @media (hover: hover) { + background-color: rgba(var(--color-primary-500), 1); + } + } + } + .hover\:bg-primary-600 { + &:hover { + @media (hover: hover) { + background-color: rgba(var(--color-primary-600), 1); + } + } + } + .hover\:text-neutral { + &:hover { + @media (hover: hover) { + color: rgba(var(--color-neutral), 1); + } + } + } + .hover\:text-primary-400 { + &:hover { + @media (hover: hover) { + color: rgba(var(--color-primary-400), 1); + } + } + } + .hover\:text-primary-500 { + &:hover { + @media (hover: hover) { + color: rgba(var(--color-primary-500), 1); + } + } + } + .hover\:text-primary-600 { + &:hover { + @media (hover: hover) { + color: rgba(var(--color-primary-600), 1); + } + } + } + .hover\:text-primary-700 { + &:hover { + @media (hover: hover) { + color: rgba(var(--color-primary-700), 1); + } + } + } + .hover\:no-underline { + &:hover { + @media (hover: hover) { + text-decoration-line: none; + } + } + } + .hover\:underline { + &:hover { + @media (hover: hover) { + text-decoration-line: underline; + } + } + } + .hover\:decoration-neutral-300 { + &:hover { + @media (hover: hover) { + text-decoration-color: rgba(var(--color-neutral-300), 1); + } + } + } + .hover\:decoration-primary-400 { + &:hover { + @media (hover: hover) { + text-decoration-color: rgba(var(--color-primary-400), 1); + } + } + } + .hover\:decoration-primary-500 { + &:hover { + @media (hover: hover) { + text-decoration-color: rgba(var(--color-primary-500), 1); + } + } + } + .hover\:decoration-2 { + &:hover { + @media (hover: hover) { + text-decoration-thickness: 2px; + } + } + } + .hover\:underline-offset-2 { + &:hover { + @media (hover: hover) { + text-underline-offset: 2px; + } + } + } + .hover\:opacity-90 { + &:hover { + @media (hover: hover) { + opacity: 90%; + } + } + } + .hover\:outline-none { + &:hover { + @media (hover: hover) { + --tw-outline-style: none; + outline-style: none; + } + } + } + .focus\:translate-y-0 { + &:focus { + --tw-translate-y: calc(var(--spacing) * 0); + translate: var(--tw-translate-x) var(--tw-translate-y); + } + } + .focus\:bg-primary-100 { + &:focus { + background-color: rgba(var(--color-primary-100), 1); + } + } + .focus\:no-underline { + &:focus { + text-decoration-line: none; + } + } + .focus\:opacity-90 { + &:focus { + opacity: 90%; + } + } + .focus\:outline-2 { + &:focus { + outline-style: var(--tw-outline-style); + outline-width: 2px; + } + } + .focus\:outline-transparent { + &:focus { + outline-color: transparent; + } + } + .focus\:outline-dotted { + &:focus { + --tw-outline-style: dotted; + outline-style: dotted; + } + } + .focus\:outline-none { + &:focus { + --tw-outline-style: none; + outline-style: none; + } + } + .data-\[popper-reference-hidden\]\:hidden { + &[data-popper-reference-hidden] { + display: none; + } + } + .data-\[twe-carousel-fade\]\:z-0 { + &[data-twe-carousel-fade] { + z-index: 0; + } + } + .data-\[twe-carousel-fade\]\:z-\[1\] { + &[data-twe-carousel-fade] { + z-index: 1; + } + } + .data-\[twe-carousel-fade\]\:opacity-0 { + &[data-twe-carousel-fade] { + opacity: 0%; + } + } + .data-\[twe-carousel-fade\]\:opacity-100 { + &[data-twe-carousel-fade] { + opacity: 100%; + } + } + .data-\[twe-carousel-fade\]\:delay-600 { + &[data-twe-carousel-fade] { + transition-delay: 600ms; + } + } + .data-\[twe-carousel-fade\]\:duration-\[600ms\] { + &[data-twe-carousel-fade] { + --tw-duration: 600ms; + transition-duration: 600ms; + } + } + .motion-reduce\:transition-none { + @media (prefers-reduced-motion: reduce) { + transition-property: none; + } + } + .sm\:mt-16 { + @media (width >= 640px) { + margin-top: calc(var(--spacing) * 16); + } + } + .sm\:mb-0 { + @media (width >= 640px) { + margin-bottom: calc(var(--spacing) * 0); + } + } + .sm\:w-1\/2 { + @media (width >= 640px) { + width: calc(1/2 * 100%); + } + } + .sm\:grid-cols-2 { + @media (width >= 640px) { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + } + .sm\:flex-row { + @media (width >= 640px) { + flex-direction: row; + } + } + .sm\:overflow-hidden { + @media (width >= 640px) { + overflow: hidden; + } + } + .sm\:p-6 { + @media (width >= 640px) { + padding: calc(var(--spacing) * 6); + } + } + .sm\:px-6 { + @media (width >= 640px) { + padding-inline: calc(var(--spacing) * 6); + } + } + .sm\:px-14 { + @media (width >= 640px) { + padding-inline: calc(var(--spacing) * 14); + } + } + .sm\:py-24 { + @media (width >= 640px) { + padding-block: calc(var(--spacing) * 24); + } + } + .sm\:text-lg { + @media (width >= 640px) { + font-size: var(--text-lg); + line-height: var(--tw-leading, var(--text-lg--line-height)); + } + } + .md\:mt-0 { + @media (width >= 853px) { + margin-top: calc(var(--spacing) * 0); + } + } + .md\:-mr-16 { + @media (width >= 853px) { + margin-right: calc(var(--spacing) * -16); + } + } + .md\:mr-7 { + @media (width >= 853px) { + margin-right: calc(var(--spacing) * 7); + } + } + .md\:ml-12 { + @media (width >= 853px) { + margin-left: calc(var(--spacing) * 12); + } + } + .md\:flex { + @media (width >= 853px) { + display: flex; + } + } + .md\:hidden { + @media (width >= 853px) { + display: none; + } + } + .md\:h-56 { + @media (width >= 853px) { + height: calc(var(--spacing) * 56); + } + } + .md\:h-\[200px\] { + @media (width >= 853px) { + height: 200px; + } + } + .md\:w-1\/3 { + @media (width >= 853px) { + width: calc(1/3 * 100%); + } + } + .md\:w-auto { + @media (width >= 853px) { + width: auto; + } + } + .md\:grid-cols-3 { + @media (width >= 853px) { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + } + .md\:flex-nowrap { + @media (width >= 853px) { + flex-wrap: nowrap; + } + } + .md\:justify-start { + @media (width >= 853px) { + justify-content: flex-start; + } + } + .md\:p-\[10vh\] { + @media (width >= 853px) { + padding: 10vh; + } + } + .md\:px-24 { + @media (width >= 853px) { + padding-inline: calc(var(--spacing) * 24); + } + } + .lg\:absolute { + @media (width >= 1024px) { + position: absolute; + } + } + .lg\:relative { + @media (width >= 1024px) { + position: relative; + } + } + .lg\:sticky { + @media (width >= 1024px) { + position: sticky; + } + } + .lg\:top-10 { + @media (width >= 1024px) { + top: calc(var(--spacing) * 10); + } + } + .lg\:top-\[140px\] { + @media (width >= 1024px) { + top: 140px; + } + } + .lg\:left-0 { + @media (width >= 1024px) { + left: calc(var(--spacing) * 0); + } + } + .lg\:order-last { + @media (width >= 1024px) { + order: 9999; + } + } + .lg\:m-0 { + @media (width >= 1024px) { + margin: calc(var(--spacing) * 0); + } + } + .lg\:mx-0 { + @media (width >= 1024px) { + margin-inline: calc(var(--spacing) * 0); + } + } + .lg\:mx-auto { + @media (width >= 1024px) { + margin-inline: auto; + } + } + .lg\:mt-0 { + @media (width >= 1024px) { + margin-top: calc(var(--spacing) * 0); + } + } + .lg\:ml-auto { + @media (width >= 1024px) { + margin-left: auto; + } + } + .lg\:block { + @media (width >= 1024px) { + display: block; + } + } + .lg\:grid { + @media (width >= 1024px) { + display: grid; + } + } + .lg\:hidden { + @media (width >= 1024px) { + display: none; + } + } + .lg\:h-72 { + @media (width >= 1024px) { + height: calc(var(--spacing) * 72); + } + } + .lg\:h-full { + @media (width >= 1024px) { + height: 100%; + } + } + .lg\:w-1\/4 { + @media (width >= 1024px) { + width: calc(1/4 * 100%); + } + } + .lg\:w-auto { + @media (width >= 1024px) { + width: auto; + } + } + .lg\:max-w-7xl { + @media (width >= 1024px) { + max-width: var(--container-7xl); + } + } + .lg\:max-w-none { + @media (width >= 1024px) { + max-width: none; + } + } + .lg\:max-w-xs { + @media (width >= 1024px) { + max-width: var(--container-xs); + } + } + .lg\:grid-flow-col-dense { + @media (width >= 1024px) { + grid-auto-flow: column dense; + } + } + .lg\:grid-cols-2 { + @media (width >= 1024px) { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + } + .lg\:flex-row { + @media (width >= 1024px) { + flex-direction: row; + } + } + .lg\:gap-24 { + @media (width >= 1024px) { + gap: calc(var(--spacing) * 24); + } + } + .lg\:p-\[12vh\] { + @media (width >= 1024px) { + padding: 12vh; + } + } + .lg\:px-0 { + @media (width >= 1024px) { + padding-inline: calc(var(--spacing) * 0); + } + } + .lg\:px-8 { + @media (width >= 1024px) { + padding-inline: calc(var(--spacing) * 8); + } + } + .lg\:px-32 { + @media (width >= 1024px) { + padding-inline: calc(var(--spacing) * 32); + } + } + .lg\:py-16 { + @media (width >= 1024px) { + padding-block: calc(var(--spacing) * 16); + } + } + .lg\:py-32 { + @media (width >= 1024px) { + padding-block: calc(var(--spacing) * 32); + } + } + .xl\:w-1\/4 { + @media (width >= 1280px) { + width: calc(1/4 * 100%); + } + } + .xl\:grid-cols-4 { + @media (width >= 1280px) { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } + } + .\32 xl\:grid-cols-5 { + @media (width >= 1536px) { + grid-template-columns: repeat(5, minmax(0, 1fr)); + } + } + .ltr\:right-0 { + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { + right: calc(var(--spacing) * 0); + } + } + .ltr\:-left-6 { + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { + left: calc(var(--spacing) * -6); + } + } + .ltr\:mr-1 { + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { + margin-right: calc(var(--spacing) * 1); + } + } + .ltr\:mr-4 { + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { + margin-right: calc(var(--spacing) * 4); + } + } + .ltr\:-ml-5 { + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { + margin-left: calc(var(--spacing) * -5); + } + } + .ltr\:ml-2 { + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { + margin-left: calc(var(--spacing) * 2); + } + } + .ltr\:block { + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { + display: block; + } + } + .ltr\:hidden { + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { + display: none; + } + } + .ltr\:inline { + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { + display: inline; + } + } + .ltr\:border-l { + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { + border-left-style: var(--tw-border-style); + border-left-width: 1px; + } + } + .ltr\:pr-2 { + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { + padding-right: calc(var(--spacing) * 2); + } + } + .ltr\:pr-3 { + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { + padding-right: calc(var(--spacing) * 3); + } + } + .ltr\:pl-5 { + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { + padding-left: calc(var(--spacing) * 5); + } + } + .ltr\:text-right { + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { + text-align: right; + } + } + .ltr\:sm\:mr-7 { + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { + @media (width >= 640px) { + margin-right: calc(var(--spacing) * 7); + } + } + } + .ltr\:sm\:last\:mr-0 { + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { + @media (width >= 640px) { + &:last-child { + margin-right: calc(var(--spacing) * 0); + } + } + } + } + .ltr\:lg\:pl-8 { + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { + @media (width >= 1024px) { + padding-left: calc(var(--spacing) * 8); + } + } + } + .rtl\:-right-6 { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + right: calc(var(--spacing) * -6); + } + } + .rtl\:left-0 { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + left: calc(var(--spacing) * 0); + } + } + .rtl\:-mr-5 { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + margin-right: calc(var(--spacing) * -5); + } + } + .rtl\:mr-2 { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + margin-right: calc(var(--spacing) * 2); + } + } + .rtl\:ml-1 { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + margin-left: calc(var(--spacing) * 1); + } + } + .rtl\:ml-4 { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + margin-left: calc(var(--spacing) * 4); + } + } + .rtl\:block { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + display: block; + } + } + .rtl\:hidden { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + display: none; + } + } + .rtl\:inline { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + display: inline; + } + } + .rtl\:border-r { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + border-right-style: var(--tw-border-style); + border-right-width: 1px; + } + } + .rtl\:pr-5 { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + padding-right: calc(var(--spacing) * 5); + } + } + .rtl\:pl-2 { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + padding-left: calc(var(--spacing) * 2); + } + } + .rtl\:pl-3 { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + padding-left: calc(var(--spacing) * 3); + } + } + .rtl\:text-left { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + text-align: left; + } + } + .rtl\:sm\:ml-7 { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + @media (width >= 640px) { + margin-left: calc(var(--spacing) * 7); + } + } + } + .rtl\:sm\:last\:ml-0 { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + @media (width >= 640px) { + &:last-child { + margin-left: calc(var(--spacing) * 0); + } + } + } + } + .rtl\:lg\:pr-8 { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + @media (width >= 1024px) { + padding-right: calc(var(--spacing) * 8); + } + } + } + .dark\:flex { + &:is(.dark *) { + display: flex; + } + } + .dark\:hidden { + &:is(.dark *) { + display: none; + } + } + .dark\:border-neutral-400 { + &:is(.dark *) { + border-color: rgba(var(--color-neutral-400), 1); + } + } + .dark\:border-neutral-600 { + &:is(.dark *) { + border-color: rgba(var(--color-neutral-600), 1); + } + } + .dark\:border-neutral-700 { + &:is(.dark *) { + border-color: rgba(var(--color-neutral-700), 1); + } + } + .dark\:border-primary-300 { + &:is(.dark *) { + border-color: rgba(var(--color-primary-300), 1); + } + } + .dark\:border-primary-600 { + &:is(.dark *) { + border-color: rgba(var(--color-primary-600), 1); + } + } + .dark\:prose-invert { + &:is(.dark *) { + --tw-prose-body: var(--tw-prose-invert-body); + --tw-prose-headings: var(--tw-prose-invert-headings); + --tw-prose-lead: var(--tw-prose-invert-lead); + --tw-prose-links: var(--tw-prose-invert-links); + --tw-prose-bold: var(--tw-prose-invert-bold); + --tw-prose-counters: var(--tw-prose-invert-counters); + --tw-prose-bullets: var(--tw-prose-invert-bullets); + --tw-prose-hr: var(--tw-prose-invert-hr); + --tw-prose-quotes: var(--tw-prose-invert-quotes); + --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders); + --tw-prose-captions: var(--tw-prose-invert-captions); + --tw-prose-kbd: var(--tw-prose-invert-kbd); + --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows); + --tw-prose-code: var(--tw-prose-invert-code); + --tw-prose-pre-code: var(--tw-prose-invert-pre-code); + --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg); + --tw-prose-th-borders: var(--tw-prose-invert-th-borders); + --tw-prose-td-borders: var(--tw-prose-invert-td-borders); + :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + text-decoration-color: rgba(var(--color-neutral-600), 1); + &:hover { + color: rgba(var(--color-primary-400), 1); + } + } + :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: rgba(var(--color-neutral-200), 1); + background-color: rgba(var(--color-neutral-700), 1); + } + :where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + background-color: rgba(var(--color-primary-400), 1); + } + :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + background-color: rgba(var(--color-neutral-700), 1); + } + :where(a.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + text-decoration-color: rgba(var(--color-primary-400), 1); + } + :where(p.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + text-decoration-color: rgba(var(--color-primary-400), 1); + } + } + } + .dark\:bg-neutral-400 { + &:is(.dark *) { + background-color: rgba(var(--color-neutral-400), 1); + } + } + .dark\:bg-neutral-600 { + &:is(.dark *) { + background-color: rgba(var(--color-neutral-600), 1); + } + } + .dark\:bg-neutral-700 { + &:is(.dark *) { + background-color: rgba(var(--color-neutral-700), 1); + } + } + .dark\:bg-neutral-800 { + &:is(.dark *) { + background-color: rgba(var(--color-neutral-800), 1); + } + } + .dark\:bg-neutral-800\/50 { + &:is(.dark *) { + background-color: color-mix(in srgb, rgba(rgba(var(--color-neutral-800), 1), 1) 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, rgba(var(--color-neutral-800), 1) 50%, transparent); + } + } + } + .dark\:bg-neutral-900\/50 { + &:is(.dark *) { + background-color: color-mix(in srgb, rgba(rgba(var(--color-neutral-900), 1), 1) 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, rgba(var(--color-neutral-900), 1) 50%, transparent); + } + } + } + .dark\:bg-primary-300 { + &:is(.dark *) { + background-color: rgba(var(--color-primary-300), 1); + } + } + .dark\:bg-primary-400 { + &:is(.dark *) { + background-color: rgba(var(--color-primary-400), 1); + } + } + .dark\:bg-primary-800 { + &:is(.dark *) { + background-color: rgba(var(--color-primary-800), 1); + } + } + .dark\:bg-primary-900 { + &:is(.dark *) { + background-color: rgba(var(--color-primary-900), 1); + } + } + .dark\:from-neutral-800 { + &:is(.dark *) { + --tw-gradient-from: rgba(var(--color-neutral-800), 1); + --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); + } + } + .dark\:from-primary-600 { + &:is(.dark *) { + --tw-gradient-from: rgba(var(--color-primary-600), 1); + --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); + } + } + .dark\:to-neutral-800 { + &:is(.dark *) { + --tw-gradient-to: rgba(var(--color-neutral-800), 1); + --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); + } + } + .dark\:to-secondary-800 { + &:is(.dark *) { + --tw-gradient-to: rgba(var(--color-secondary-800), 1); + --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); + } + } + .dark\:text-neutral { + &:is(.dark *) { + color: rgba(var(--color-neutral), 1); + } + } + .dark\:text-neutral-100 { + &:is(.dark *) { + color: rgba(var(--color-neutral-100), 1); + } + } + .dark\:text-neutral-200 { + &:is(.dark *) { + color: rgba(var(--color-neutral-200), 1); + } + } + .dark\:text-neutral-300 { + &:is(.dark *) { + color: rgba(var(--color-neutral-300), 1); + } + } + .dark\:text-neutral-400 { + &:is(.dark *) { + color: rgba(var(--color-neutral-400), 1); + } + } + .dark\:text-neutral-500 { + &:is(.dark *) { + color: rgba(var(--color-neutral-500), 1); + } + } + .dark\:text-neutral-700 { + &:is(.dark *) { + color: rgba(var(--color-neutral-700), 1); + } + } + .dark\:text-neutral-800 { + &:is(.dark *) { + color: rgba(var(--color-neutral-800), 1); + } + } + .dark\:text-primary-200 { + &:is(.dark *) { + color: rgba(var(--color-primary-200), 1); + } + } + .dark\:text-primary-400 { + &:is(.dark *) { + color: rgba(var(--color-primary-400), 1); + } + } + .dark\:opacity-60 { + &:is(.dark *) { + opacity: 60%; + } + } + .dark\:scrollbar-thumb-neutral-600 { + &:is(.dark *) { + --scrollbar-thumb: oklch(43.9% 0 0); + } + } + .dark\:scrollbar-track-neutral-800 { + &:is(.dark *) { + --scrollbar-track: oklch(26.9% 0 0); + } + } + .dark\:group-hover\:text-neutral-700 { + &:is(.dark *) { + &:is(:where(.group):hover *) { + @media (hover: hover) { + color: rgba(var(--color-neutral-700), 1); + } + } + } + } + .dark\:group-hover\:text-primary-400 { + &:is(.dark *) { + &:is(:where(.group):hover *) { + @media (hover: hover) { + color: rgba(var(--color-primary-400), 1); + } + } + } + } + .dark\:hover\:\!bg-primary-700 { + &:is(.dark *) { + &:hover { + @media (hover: hover) { + background-color: rgba(var(--color-primary-700), 1) !important; + } + } + } + } + .dark\:hover\:bg-primary-400 { + &:is(.dark *) { + &:hover { + @media (hover: hover) { + background-color: rgba(var(--color-primary-400), 1); + } + } + } + } + .dark\:hover\:bg-primary-900 { + &:is(.dark *) { + &:hover { + @media (hover: hover) { + background-color: rgba(var(--color-primary-900), 1); + } + } + } + } + .dark\:hover\:text-neutral-800 { + &:is(.dark *) { + &:hover { + @media (hover: hover) { + color: rgba(var(--color-neutral-800), 1); + } + } + } + } + .dark\:hover\:text-primary-400 { + &:is(.dark *) { + &:hover { + @media (hover: hover) { + color: rgba(var(--color-primary-400), 1); + } + } + } + } + .dark\:focus\:bg-primary-900 { + &:is(.dark *) { + &:focus { + background-color: rgba(var(--color-primary-900), 1); + } + } + } + .print\:hidden { + @media print { + display: none; + } + } +} +body a, body button { + 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)); +} +button, [role="button"] { + cursor: pointer; +} +.icon svg { + height: 1em; + width: 1em; +} +.logo svg { + height: 5rem; + width: 5rem; +} +#search-query::-webkit-search-cancel-button, #search-query::-webkit-search-decoration, #search-query::-webkit-search-results-button, #search-query::-webkit-search-results-decoration { + display: none; +} +.prose blockquote { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + border-right-style: var(--tw-border-style); + border-right-width: 4px; + } + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + border-left-style: var(--tw-border-style); + border-left-width: 0px; + } + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + padding-right: calc(var(--spacing) * 4); + } +} +.prose ul > li, .prose ol > li { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + margin-right: calc(var(--spacing) * 7); + } + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + padding-right: calc(var(--spacing) * 2); + } + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + padding-left: calc(var(--spacing) * 0); + } +} +.prose ol > li:before, .prose ul > li:before { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + right: calc(var(--spacing) * 1); + } + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + left: auto; + } +} +.prose thead td:first-child, .prose thead th:first-child { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + padding-right: calc(var(--spacing) * 0); + } +} +.prose thead td:last-child, .prose thead th:last-child { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + padding-left: calc(var(--spacing) * 0); + } +} +.prose div.min-w-0.max-w-prose > *:first-child { + margin-top: calc(var(--spacing) * 3); +} +#TableOfContents { + max-width: 25vw; +} +#TOCView { + max-height: calc(100vh - 150px); + min-height: 0; + overflow-x: hidden; +} +.toc ul, .toc li { + list-style-type: none; + padding-inline: calc(var(--spacing) * 0); + --tw-leading: var(--leading-snug); + line-height: var(--leading-snug); +} +.toc ul ul { + &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { + padding-left: calc(var(--spacing) * 4); + } + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + padding-right: calc(var(--spacing) * 4); + } +} +.toc a { + --tw-font-weight: var(--font-weight-normal); + font-weight: var(--font-weight-normal); + color: rgba(var(--color-neutral-700), 1); + &:is(.dark *) { + color: rgba(var(--color-neutral-400), 1); + } +} +.toc ul > li { + &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { + margin-right: calc(var(--spacing) * 0); + } +} +.highlight-wrapper { + display: block; +} +.highlight { + position: relative; + z-index: 0; +} +.highlight:hover > .copy-button { + visibility: visible; +} +.copy-button { + visibility: hidden; + position: absolute; + top: calc(var(--spacing) * 0); + right: calc(var(--spacing) * 0); + z-index: 10; + width: calc(var(--spacing) * 20); + cursor: pointer; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + border-top-right-radius: var(--radius-md); + border-bottom-left-radius: var(--radius-md); + background-color: rgba(var(--color-neutral-200), 1); + padding-block: calc(var(--spacing) * 1); + font-family: var(--font-mono); + font-size: var(--text-sm); + line-height: var(--tw-leading, var(--text-sm--line-height)); + white-space: nowrap; + color: rgba(var(--color-neutral-700), 1); + opacity: 90%; + &:is(.dark *) { + background-color: rgba(var(--color-neutral-600), 1); + } + &:is(.dark *) { + color: rgba(var(--color-neutral-200), 1); + } +} +.copy-button:hover, .copy-button:focus, .copy-button:active, .copy-button:active:hover { + background-color: rgba(var(--color-primary-100), 1); + &:is(.dark *) { + background-color: rgba(var(--color-primary-600), 1); + } +} +.copy-textarea { + position: absolute; + z-index: calc(10 * -1); + opacity: 5%; +} +.katex-display { + overflow: auto hidden; +} +.katex-display { + padding-right: 2px; + width: calc(100% - 2px); +} +table { + display: block; + overflow: auto; +} +code { + word-wrap: break-word; + overflow-wrap: break-word; +} +a { + word-break: break-word; + word-wrap: break-word; + overflow-wrap: break-word; +} +.prose .chroma { + position: static; + border-radius: var(--radius-md); + background-color: rgba(var(--color-neutral-50), 1); + color: rgba(var(--color-neutral-700), 1); + &:is(.dark *) { + background-color: rgba(var(--color-neutral-700), 1); + } + &:is(.dark *) { + color: rgba(var(--color-neutral-200), 1); + } +} +.prose-invert .highlight pre > code { + background-color: unset; +} +.chroma .lntd, .chroma .lntd pre { + margin: calc(var(--spacing) * 0); + --tw-border-style: none; + border-style: none; + padding: calc(var(--spacing) * 0); + vertical-align: top; +} +.chroma .lntable { + display: block; + width: auto; + overflow: hidden; + padding-inline: calc(var(--spacing) * 4); + padding-block: calc(var(--spacing) * 3); + font-size: var(--text-base); + line-height: var(--tw-leading, var(--text-base--line-height)); + border-spacing: 0; +} +.chroma .hl { + margin-inline: calc(var(--spacing) * -4); + display: block; + width: auto; + background-color: rgba(var(--color-primary-100), 1); + padding-inline: calc(var(--spacing) * 4); + &:is(.dark *) { + background-color: rgba(var(--color-primary-900), 1); + } +} +.chroma .lntd .hl { + margin: calc(var(--spacing) * 0); + padding: calc(var(--spacing) * 0); +} +.chroma .lnt, .chroma .ln { + margin-right: 0.4em; + padding-inline: 0.4em; + padding-block: calc(var(--spacing) * 0); + color: rgba(var(--color-neutral-600), 1); + &:is(.dark *) { + color: rgba(var(--color-neutral-300), 1); + } +} +.chroma .k, .chroma .kd, .chroma .kn, .chroma .kp, .chroma .kr, .chroma .nc, .chroma .fm, .chroma .nn, .chroma .vc, .chroma .o { + color: rgba(var(--color-primary-600), 1); + &:is(.dark *) { + color: rgba(var(--color-primary-300), 1); + } +} +.chroma .kc { + --tw-font-weight: var(--font-weight-semibold); + font-weight: var(--font-weight-semibold); + color: rgba(var(--color-secondary-400), 1); + &:is(.dark *) { + color: rgba(var(--color-secondary-500), 1); + } +} +.chroma .kt, .chroma .nv, .chroma .vi, .chroma .vm, .chroma .m, .chroma .mb, .chroma .mf, .chroma .mh, .chroma .mi, .chroma .il, .chroma .mo { + color: rgba(var(--color-secondary-400), 1); + &:is(.dark *) { + color: rgba(var(--color-secondary-600), 1); + } +} +.chroma .n, .chroma .nd, .chroma .ni, .chroma .nl { + color: rgba(var(--color-secondary-900), 1); + &:is(.dark *) { + color: rgba(var(--color-secondary-200), 1); + } +} +.chroma .na, .chroma .nb, .chroma .bp, .chroma .nx, .chroma .py, .chroma .nt { + color: rgba(var(--color-secondary-800), 1); + &:is(.dark *) { + color: rgba(var(--color-secondary-300), 1); + } +} +.chroma .no, .chroma .ne, .chroma .vg { + --tw-font-weight: var(--font-weight-semibold); + font-weight: var(--font-weight-semibold); + color: rgba(var(--color-secondary-400), 1); + &:is(.dark *) { + color: rgba(var(--color-secondary-500), 1); + } +} +.chroma .nf { + color: rgba(var(--color-secondary-600), 1); + &:is(.dark *) { + color: rgba(var(--color-secondary-500), 1); + } +} +.chroma .l, .chroma .ld, .chroma .s, .chroma .sa, .chroma .sb, .chroma .sc, .chroma .dl, .chroma .sd, .chroma .s2, .chroma .sh, .chroma .si, .chroma .sx, .chroma .s1, .chroma .gi, .chroma .go, .chroma .gp { + color: rgba(var(--color-primary-800), 1); + &:is(.dark *) { + color: rgba(var(--color-primary-400), 1); + } +} +.chroma .se { + --tw-font-weight: var(--font-weight-semibold); + font-weight: var(--font-weight-semibold); + color: rgba(var(--color-secondary-400), 1); + &:is(.dark *) { + color: rgba(var(--color-secondary-500), 1); + } +} +.chroma .sr, .chroma .ss { + --tw-font-weight: var(--font-weight-semibold); + font-weight: var(--font-weight-semibold); + color: rgba(var(--color-primary-800), 1); + &:is(.dark *) { + color: rgba(var(--color-primary-400), 1); + } +} +.chroma .ow { + --tw-font-weight: var(--font-weight-semibold); + font-weight: var(--font-weight-semibold); + color: rgba(var(--color-primary-400), 1); + &:is(.dark *) { + color: rgba(var(--color-primary-600), 1); + } +} +.chroma .c, .chroma .cm, .chroma .c1, .chroma .cs, .chroma .cp, .chroma .cpf { + color: rgba(var(--color-neutral-500), 1); + font-style: italic; + &:is(.dark *) { + color: rgba(var(--color-neutral-400), 1); + } +} +.chroma .ch { + --tw-font-weight: var(--font-weight-semibold); + font-weight: var(--font-weight-semibold); + color: rgba(var(--color-neutral-500), 1); + font-style: italic; + &:is(.dark *) { + color: rgba(var(--color-neutral-400), 1); + } +} +.chroma .ge { + font-style: italic; +} +.chroma .gh { + --tw-font-weight: var(--font-weight-semibold); + font-weight: var(--font-weight-semibold); + color: rgba(var(--color-neutral-500), 1); +} +.chroma .gs { + --tw-font-weight: var(--font-weight-semibold); + font-weight: var(--font-weight-semibold); +} +.chroma .gu, .chroma .gt { + color: rgba(var(--color-neutral-500), 1); +} +.chroma .gl { + text-decoration-line: underline; +} +pre { + text-align: left; +} +.thumbnail { + min-width: 300px; + height: 180px; + background-repeat: no-repeat; + background-size: cover; + background-position: center; +} +.thumbnail_card { + height: 200px; + background-repeat: no-repeat; + background-size: cover; + background-position: center; +} +.thumbnail_card_related { + height: 150px; + background-repeat: no-repeat; + background-size: cover; + background-position: center; +} +.thumbnail_card_term { + height: 150px; + background-repeat: no-repeat; + background-size: cover; + background-position: center; +} +.single_hero_basic { + background-repeat: no-repeat; + background-size: cover; + background-position: center; +} +.single_hero_round { + max-height: 50vh; + object-fit: cover; +} +.single_hero_background { + background-repeat: no-repeat; + background-size: cover; + background-position: center; + width: calc(100% + 40px); + z-index: -10; + margin-left: -20px; +} +.hero_gradient { + width: 100%; + height: 100%; +} +.thumbnailshadow { + box-shadow: 5px 5px 20px 1px rgba(0, 0, 0, 0.3); +} +.anchor { + display: block; + position: relative; + top: -150px; + height: 0px; + visibility: hidden; +} +.center-relative-left { + left: calc(max(-50vw, -800px) + 50%); +} +.margin-0 { + margin: 0; +} +.margin-top-\[-15px\] { + margin-top: -15px; +} +.margin-top-\[0\.5rem\] { + margin-top: 0.5rem; +} +.margin-right-\[10px\] { + margin-right: 10px; +} +.margin-left-\[0px\] { + margin-left: 0px; +} +.padding-main-menu { + padding: 2px 0 3px 0; +} +.padding-top-\[5px\] { + padding-top: 5px; +} +.z-index-\[-10\] { + z-index: -10; +} +.z-index-80 { + z-index: 80; +} +.z-index-100 { + z-index: 100; +} +.z-index-500 { + z-index: 500; +} +[id^="fn"], [id^="fnref"] { + scroll-margin-top: 145px; +} +@screen sm { + .thumbnail { + min-width: 100%; + height: 180px; + } + .article { + flex-wrap: wrap; + } +} +@screen md { + .thumbnail { + min-width: 300px; + min-height: 180px; + height: auto; + } + .article { + flex-wrap: nowrap; + } +} +.medium-zoom-image--opened { + z-index: 100; +} +.nested-menu:hover + .menuhide { + visibility: visible; + opacity: 1; + transition: visibility 0.3s, opacity 0.3s ease-in-out; +} +.menuhide:hover { + visibility: visible; + opacity: 1; + transition: visibility 0.3s, opacity 0.3s ease-in-out; +} +.menuhide { + visibility: hidden; + opacity: 0; + transition: visibility 0.3s, opacity 0.3s ease-in-out; + z-index: 1000; +} +.active { + text-decoration-line: underline; + text-decoration-thickness: 3px; + text-underline-offset: 4px; +} +.grid-w10 { + width: calc(10% - 5px); + margin: 0px !important; +} +.grid-w15 { + width: calc(15% - 5px); + margin: 0px !important; +} +.grid-w20 { + width: calc(20% - 5px); + margin: 0px !important; +} +.grid-w25 { + width: calc(25% - 5px); + margin: 0px !important; +} +.grid-w30 { + width: calc(30% - 5px); + margin: 0px !important; +} +.grid-w33 { + width: calc(33% - 5px); + margin: 0px !important; +} +.grid-w35 { + width: calc(35% - 5px); + margin: 0px !important; +} +.grid-w40 { + width: calc(40% - 5px); + margin: 0px !important; +} +.grid-w45 { + width: calc(45% - 5px); + margin: 0px !important; +} +.grid-w50 { + width: calc(50% - 5px); + margin: 0px !important; +} +.grid-w55 { + width: calc(55% - 5px); + margin: 0px !important; +} +.grid-w60 { + width: calc(60% - 5px); + margin: 0px !important; +} +.grid-w65 { + width: calc(65% - 5px); + margin: 0px !important; +} +.grid-w66 { + width: calc(66% - 5px); + margin: 0px !important; +} +.grid-w70 { + width: calc(70% - 5px); + margin: 0px !important; +} +.grid-w75 { + width: calc(75% - 5px); + margin: 0px !important; +} +.grid-w80 { + width: calc(80% - 5px); + margin: 0px !important; +} +.grid-w85 { + width: calc(85% - 5px); + margin: 0px !important; +} +.grid-w90 { + width: calc(90% - 5px); + margin: 0px !important; +} +.grid-w95 { + width: calc(95% - 5px); + margin: 0px !important; +} +.grid-w100 { + width: calc(100% - 5px); + margin: 0px !important; +} +@screen sm { + .sm\:grid-w10 { + width: calc(10% - 5px); + margin: 0px !important; + } + .sm\:grid-w15 { + width: calc(15% - 5px); + margin: 0px !important; + } + .sm\:grid-w20 { + width: calc(20% - 5px); + margin: 0px !important; + } + .sm\:grid-w25 { + width: calc(25% - 5px); + margin: 0px !important; + } + .sm\:grid-w30 { + width: calc(30% - 5px); + margin: 0px !important; + } + .sm\:grid-w33 { + width: calc(33% - 5px); + margin: 0px !important; + } + .sm\:grid-w35 { + width: calc(35% - 5px); + margin: 0px !important; + } + .sm\:grid-w40 { + width: calc(40% - 5px); + margin: 0px !important; + } + .sm\:grid-w45 { + width: calc(45% - 5px); + margin: 0px !important; + } + .sm\:grid-w50 { + width: calc(50% - 5px); + margin: 0px !important; + } + .sm\:grid-w55 { + width: calc(55% - 5px); + margin: 0px !important; + } + .sm\:grid-w60 { + width: calc(60% - 5px); + margin: 0px !important; + } + .sm\:grid-w65 { + width: calc(65% - 5px); + margin: 0px !important; + } + .sm\:grid-w66 { + width: calc(66% - 5px); + margin: 0px !important; + } + .sm\:grid-w70 { + width: calc(70% - 5px); + margin: 0px !important; + } + .sm\:grid-w75 { + width: calc(75% - 5px); + margin: 0px !important; + } + .sm\:grid-w80 { + width: calc(80% - 5px); + margin: 0px !important; + } + .sm\:grid-w85 { + width: calc(85% - 5px); + margin: 0px !important; + } + .sm\:grid-w90 { + width: calc(90% - 5px); + margin: 0px !important; + } + .sm\:grid-w95 { + width: calc(95% - 5px); + margin: 0px !important; + } + .sm\:grid-w100 { + width: calc(100% - 5px); + margin: 0px !important; + } +} +@screen md { + .md\:grid-w10 { + width: calc(10% - 5px); + margin: 0px !important; + } + .md\:grid-w15 { + width: calc(15% - 5px); + margin: 0px !important; + } + .md\:grid-w20 { + width: calc(20% - 5px); + margin: 0px !important; + } + .md\:grid-w25 { + width: calc(25% - 5px); + margin: 0px !important; + } + .md\:grid-w30 { + width: calc(30% - 5px); + margin: 0px !important; + } + .md\:grid-w33 { + width: calc(33% - 5px); + margin: 0px !important; + } + .md\:grid-w35 { + width: calc(35% - 5px); + margin: 0px !important; + } + .md\:grid-w40 { + width: calc(40% - 5px); + margin: 0px !important; + } + .md\:grid-w45 { + width: calc(45% - 5px); + margin: 0px !important; + } + .md\:grid-w50 { + width: calc(50% - 5px); + margin: 0px !important; + } + .md\:grid-w55 { + width: calc(55% - 5px); + margin: 0px !important; + } + .md\:grid-w60 { + width: calc(60% - 5px); + margin: 0px !important; + } + .md\:grid-w65 { + width: calc(65% - 5px); + margin: 0px !important; + } + .md\:grid-w66 { + width: calc(66% - 5px); + margin: 0px !important; + } + .md\:grid-w70 { + width: calc(70% - 5px); + margin: 0px !important; + } + .md\:grid-w75 { + width: calc(75% - 5px); + margin: 0px !important; + } + .md\:grid-w80 { + width: calc(80% - 5px); + margin: 0px !important; + } + .md\:grid-w85 { + width: calc(85% - 5px); + margin: 0px !important; + } + .md\:grid-w90 { + width: calc(90% - 5px); + margin: 0px !important; + } + .md\:grid-w95 { + width: calc(95% - 5px); + margin: 0px !important; + } + .md\:grid-w100 { + width: calc(100% - 5px); + margin: 0px !important; + } +} +@screen lg { + .lg\:grid-w10 { + width: calc(10% - 5px); + margin: 0px !important; + } + .lg\:grid-w15 { + width: calc(15% - 5px); + margin: 0px !important; + } + .lg\:grid-w20 { + width: calc(20% - 5px); + margin: 0px !important; + } + .lg\:grid-w25 { + width: calc(25% - 5px); + margin: 0px !important; + } + .lg\:grid-w30 { + width: calc(30% - 5px); + margin: 0px !important; + } + .lg\:grid-w33 { + width: calc(33% - 5px); + margin: 0px !important; + } + .lg\:grid-w35 { + width: calc(35% - 5px); + margin: 0px !important; + } + .lg\:grid-w40 { + width: calc(40% - 5px); + margin: 0px !important; + } + .lg\:grid-w45 { + width: calc(45% - 5px); + margin: 0px !important; + } + .lg\:grid-w50 { + width: calc(50% - 5px); + margin: 0px !important; + } + .lg\:grid-w55 { + width: calc(55% - 5px); + margin: 0px !important; + } + .lg\:grid-w60 { + width: calc(60% - 5px); + margin: 0px !important; + } + .lg\:grid-w65 { + width: calc(65% - 5px); + margin: 0px !important; + } + .lg\:grid-w66 { + width: calc(66% - 5px); + margin: 0px !important; + } + .lg\:grid-w70 { + width: calc(70% - 5px); + margin: 0px !important; + } + .lg\:grid-w75 { + width: calc(75% - 5px); + margin: 0px !important; + } + .lg\:grid-w80 { + width: calc(80% - 5px); + margin: 0px !important; + } + .lg\:grid-w85 { + width: calc(85% - 5px); + margin: 0px !important; + } + .lg\:grid-w90 { + width: calc(90% - 5px); + margin: 0px !important; + } + .lg\:grid-w95 { + width: calc(95% - 5px); + margin: 0px !important; + } + .lg\:grid-w100 { + width: calc(100% - 5px); + margin: 0px !important; + } +} +@screen xl { + .xl\:grid-w10 { + width: calc(10% - 5px); + margin: 0px !important; + } + .xl\:grid-w15 { + width: calc(15% - 5px); + margin: 0px !important; + } + .xl\:grid-w20 { + width: calc(20% - 5px); + margin: 0px !important; + } + .xl\:grid-w25 { + width: calc(25% - 5px); + margin: 0px !important; + } + .xl\:grid-w30 { + width: calc(30% - 5px); + margin: 0px !important; + } + .xl\:grid-w33 { + width: calc(33% - 5px); + margin: 0px !important; + } + .xl\:grid-w35 { + width: calc(35% - 5px); + margin: 0px !important; + } + .xl\:grid-w40 { + width: calc(40% - 5px); + margin: 0px !important; + } + .xl\:grid-w45 { + width: calc(45% - 5px); + margin: 0px !important; + } + .xl\:grid-w50 { + width: calc(50% - 5px); + margin: 0px !important; + } + .xl\:grid-w55 { + width: calc(55% - 5px); + margin: 0px !important; + } + .xl\:grid-w60 { + width: calc(60% - 5px); + margin: 0px !important; + } + .xl\:grid-w65 { + width: calc(65% - 5px); + margin: 0px !important; + } + .xl\:grid-w66 { + width: calc(66% - 5px); + margin: 0px !important; + } + .xl\:grid-w70 { + width: calc(70% - 5px); + margin: 0px !important; + } + .xl\:grid-w75 { + width: calc(75% - 5px); + margin: 0px !important; + } + .xl\:grid-w80 { + width: calc(80% - 5px); + margin: 0px !important; + } + .xl\:grid-w85 { + width: calc(85% - 5px); + margin: 0px !important; + } + .xl\:grid-w90 { + width: calc(90% - 5px); + margin: 0px !important; + } + .xl\:grid-w95 { + width: calc(95% - 5px); + margin: 0px !important; + } + .xl\:grid-w100 { + width: calc(100% - 5px); + margin: 0px !important; + } +} +@screen 2xl { + .2xl\:grid-w10 { + width: calc(10% - 5px); + margin: 0px !important; + } + .2xl\:grid-w15 { + width: calc(15% - 5px); + margin: 0px !important; + } + .2xl\:grid-w20 { + width: calc(20% - 5px); + margin: 0px !important; + } + .2xl\:grid-w25 { + width: calc(25% - 5px); + margin: 0px !important; + } + .2xl\:grid-w30 { + width: calc(30% - 5px); + margin: 0px !important; + } + .2xl\:grid-w33 { + width: calc(33% - 5px); + margin: 0px !important; + } + .2xl\:grid-w35 { + width: calc(35% - 5px); + margin: 0px !important; + } + .2xl\:grid-w40 { + width: calc(40% - 5px); + margin: 0px !important; + } + .2xl\:grid-w45 { + width: calc(45% - 5px); + margin: 0px !important; + } + .2xl\:grid-w50 { + width: calc(50% - 5px); + margin: 0px !important; + } + .2xl\:grid-w55 { + width: calc(55% - 5px); + margin: 0px !important; + } + .2xl\:grid-w60 { + width: calc(60% - 5px); + margin: 0px !important; + } + .2xl\:grid-w65 { + width: calc(65% - 5px); + margin: 0px !important; + } + .2xl\:grid-w66 { + width: calc(66% - 5px); + margin: 0px !important; + } + .2xl\:grid-w70 { + width: calc(70% - 5px); + margin: 0px !important; + } + .2xl\:grid-w75 { + width: calc(75% - 5px); + margin: 0px !important; + } + .2xl\:grid-w80 { + width: calc(80% - 5px); + margin: 0px !important; + } + .2xl\:grid-w85 { + width: calc(85% - 5px); + margin: 0px !important; + } + .2xl\:grid-w90 { + width: calc(90% - 5px); + margin: 0px !important; + } + .2xl\:grid-w95 { + width: calc(95% - 5px); + margin: 0px !important; + } + .2xl\:grid-w100 { + width: calc(100% - 5px); + margin: 0px !important; + } +} +.ratio-16-9 { + padding-top: 56.25%; +} +.ratio-21-9 { + padding-top: 42.85%; +} +.ratio-32-9 { + padding-top: 28.125%; +} +@screen sm { + .sm\:ratio-16-9 { + padding-top: 56.25%; + } + .sm\:ratio-21-9 { + padding-top: 42.85%; + } + .sm\:ratio-32-9 { + padding-top: 28.125%; + } +} +@screen md { + .md\:ratio-16-9 { + padding-top: 56.25%; + } + .md\:ratio-21-9 { + padding-top: 42.85%; + } + .md\:ratio-32-9 { + padding-top: 28.125%; + } +} +@screen lg { + .lg\:ratio-16-9 { + padding-top: 56.25%; + } + .lg\:ratio-21-9 { + padding-top: 42.85%; + } + .lg\:ratio-32-9 { + padding-top: 28.125%; + } +} +@screen xl { + .xl\:ratio-16-9 { + padding-top: 56.25%; + } + .xl\:ratio-21-9 { + padding-top: 42.85%; + } + .xl\:ratio-32-9 { + padding-top: 28.125%; + } +} +@screen 2xl { + .2xl\:ratio-16-9 { + padding-top: 56.25%; + } + .2xl\:ratio-21-9 { + padding-top: 42.85%; + } + .2xl\:ratio-32-9 { + padding-top: 28.125%; + } +} +@layer base { + [type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select { + appearance: none; + background-color: #fff; + border-color: oklch(55.1% 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(54.6% 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(54.6% 0.245 262.881); + } + } + input::placeholder,textarea::placeholder { + color: oklch(55.1% 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,::-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-top: 0; + padding-bottom: 0; + } + 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='oklch(55.1%25 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; + } + [multiple],[size]:where(select:not([size="1"])) { + background-image: initial; + background-position: initial; + background-repeat: unset; + background-size: initial; + padding-right: 0.75rem; + print-color-adjust: unset; + } + [type='checkbox'],[type='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(54.6% 0.245 262.881); + background-color: #fff; + border-color: oklch(55.1% 0.027 264.364); + border-width: 1px; + --tw-shadow: 0 0 #0000; + } + [type='checkbox'] { + border-radius: 0px; + } + [type='radio'] { + border-radius: 100%; + } + [type='checkbox']:focus,[type='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: oklch(54.6% 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); + } + [type='checkbox']:checked,[type='radio']:checked { + border-color: transparent; + background-color: currentColor; + background-size: 100% 100%; + background-position: center; + background-repeat: no-repeat; + } + [type='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) { + appearance: auto; + } + } + [type='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) { + appearance: auto; + } + } + [type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus { + border-color: transparent; + background-color: currentColor; + } + [type='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) { + appearance: auto; + } + } + [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus { + border-color: transparent; + background-color: currentColor; + } + [type='file'] { + background: unset; + border-color: inherit; + border-width: 0; + border-radius: 0; + padding: 0; + font-size: unset; + line-height: inherit; + } + [type='file']:focus { + outline: 1px solid ButtonText; + outline: 1px auto -webkit-focus-ring-color; + } +} +@layer base { + * { + @supports (-moz-appearance:none) { + scrollbar-color: initial; + scrollbar-width: initial; + } + } +} +@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; +} +@property --tw-rotate-y { + syntax: "*"; + inherits: false; +} +@property --tw-rotate-z { + syntax: "*"; + inherits: false; +} +@property --tw-skew-x { + syntax: "*"; + inherits: false; +} +@property --tw-skew-y { + syntax: "*"; + inherits: false; +} +@property --tw-pan-x { + syntax: "*"; + inherits: false; +} +@property --tw-pan-y { + syntax: "*"; + inherits: false; +} +@property --tw-pinch-zoom { + syntax: "*"; + inherits: false; +} +@property --tw-space-y-reverse { + syntax: "*"; + inherits: false; + initial-value: 0; +} +@property --tw-space-x-reverse { + syntax: "*"; + inherits: false; + initial-value: 0; +} +@property --tw-border-style { + syntax: "*"; + inherits: false; + initial-value: solid; +} +@property --tw-gradient-position { + syntax: "*"; + inherits: false; +} +@property --tw-gradient-from { + syntax: ""; + inherits: false; + initial-value: #0000; +} +@property --tw-gradient-via { + syntax: ""; + inherits: false; + initial-value: #0000; +} +@property --tw-gradient-to { + syntax: ""; + inherits: false; + initial-value: #0000; +} +@property --tw-gradient-stops { + syntax: "*"; + inherits: false; +} +@property --tw-gradient-via-stops { + syntax: "*"; + inherits: false; +} +@property --tw-gradient-from-position { + syntax: ""; + inherits: false; + initial-value: 0%; +} +@property --tw-gradient-via-position { + syntax: ""; + inherits: false; + initial-value: 50%; +} +@property --tw-gradient-to-position { + syntax: ""; + inherits: false; + initial-value: 100%; +} +@property --tw-leading { + syntax: "*"; + inherits: false; +} +@property --tw-font-weight { + syntax: "*"; + inherits: false; +} +@property --tw-tracking { + syntax: "*"; + inherits: false; +} +@property --tw-ordinal { + syntax: "*"; + inherits: false; +} +@property --tw-slashed-zero { + syntax: "*"; + inherits: false; +} +@property --tw-numeric-figure { + syntax: "*"; + inherits: false; +} +@property --tw-numeric-spacing { + syntax: "*"; + inherits: false; +} +@property --tw-numeric-fraction { + syntax: "*"; + inherits: false; +} +@property --tw-shadow { + syntax: "*"; + inherits: false; + initial-value: 0 0 #0000; +} +@property --tw-shadow-color { + syntax: "*"; + inherits: false; +} +@property --tw-shadow-alpha { + syntax: ""; + inherits: false; + initial-value: 100%; +} +@property --tw-inset-shadow { + syntax: "*"; + inherits: false; + initial-value: 0 0 #0000; +} +@property --tw-inset-shadow-color { + syntax: "*"; + inherits: false; +} +@property --tw-inset-shadow-alpha { + syntax: ""; + inherits: false; + initial-value: 100%; +} +@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-drop-shadow-color { + syntax: "*"; + inherits: false; +} +@property --tw-drop-shadow-alpha { + syntax: ""; + inherits: false; + initial-value: 100%; +} +@property --tw-drop-shadow-size { + syntax: "*"; + inherits: false; +} +@property --tw-backdrop-blur { + syntax: "*"; + inherits: false; +} +@property --tw-backdrop-brightness { + syntax: "*"; + inherits: false; +} +@property --tw-backdrop-contrast { + syntax: "*"; + inherits: false; +} +@property --tw-backdrop-grayscale { + syntax: "*"; + inherits: false; +} +@property --tw-backdrop-hue-rotate { + syntax: "*"; + inherits: false; +} +@property --tw-backdrop-invert { + syntax: "*"; + inherits: false; +} +@property --tw-backdrop-opacity { + syntax: "*"; + inherits: false; +} +@property --tw-backdrop-saturate { + syntax: "*"; + inherits: false; +} +@property --tw-backdrop-sepia { + syntax: "*"; + inherits: false; +} +@property --tw-duration { + syntax: "*"; + inherits: false; +} +@property --tw-ease { + syntax: "*"; + inherits: false; +} +@property --tw-content { + syntax: "*"; + initial-value: ""; + inherits: false; +} +@keyframes pulse { + 50% { + opacity: 0.5; + } +} +@layer properties { + @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { + *, ::before, ::after, ::backdrop { + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-translate-z: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + --tw-scale-z: 1; + --tw-rotate-x: initial; + --tw-rotate-y: initial; + --tw-rotate-z: initial; + --tw-skew-x: initial; + --tw-skew-y: initial; + --tw-pan-x: initial; + --tw-pan-y: initial; + --tw-pinch-zoom: initial; + --tw-space-y-reverse: 0; + --tw-space-x-reverse: 0; + --tw-border-style: solid; + --tw-gradient-position: initial; + --tw-gradient-from: #0000; + --tw-gradient-via: #0000; + --tw-gradient-to: #0000; + --tw-gradient-stops: initial; + --tw-gradient-via-stops: initial; + --tw-gradient-from-position: 0%; + --tw-gradient-via-position: 50%; + --tw-gradient-to-position: 100%; + --tw-leading: initial; + --tw-font-weight: initial; + --tw-tracking: initial; + --tw-ordinal: initial; + --tw-slashed-zero: initial; + --tw-numeric-figure: initial; + --tw-numeric-spacing: initial; + --tw-numeric-fraction: initial; + --tw-shadow: 0 0 #0000; + --tw-shadow-color: initial; + --tw-shadow-alpha: 100%; + --tw-inset-shadow: 0 0 #0000; + --tw-inset-shadow-color: initial; + --tw-inset-shadow-alpha: 100%; + --tw-ring-color: initial; + --tw-ring-shadow: 0 0 #0000; + --tw-inset-ring-color: initial; + --tw-inset-ring-shadow: 0 0 #0000; + --tw-ring-inset: initial; + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-offset-shadow: 0 0 #0000; + --tw-outline-style: solid; + --tw-blur: initial; + --tw-brightness: initial; + --tw-contrast: initial; + --tw-grayscale: initial; + --tw-hue-rotate: initial; + --tw-invert: initial; + --tw-opacity: initial; + --tw-saturate: initial; + --tw-sepia: initial; + --tw-drop-shadow: initial; + --tw-drop-shadow-color: initial; + --tw-drop-shadow-alpha: 100%; + --tw-drop-shadow-size: initial; + --tw-backdrop-blur: initial; + --tw-backdrop-brightness: initial; + --tw-backdrop-contrast: initial; + --tw-backdrop-grayscale: initial; + --tw-backdrop-hue-rotate: initial; + --tw-backdrop-invert: initial; + --tw-backdrop-opacity: initial; + --tw-backdrop-saturate: initial; + --tw-backdrop-sepia: initial; + --tw-duration: initial; + --tw-ease: initial; + --tw-content: ""; + } + } +} diff --git a/assets/css/custom.css b/assets/css/custom.css index ecb32db..0657d09 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -1,8 +1,17 @@ @font-face { font-family: font; - src: url('/fonts/font.ttf'); + src: url('/fonts/OpenSans-Regular.ttf'); +} + +@font-face { + font-family: cstf; + src: url('/fonts/LinLibertine_R.ttf'); } html { font-family: font; } + +h1, h2, h3, h4, h5, h6, .main-menu, .decoration-primary-500 { + font-family: cstf; +} \ No newline at end of file diff --git a/assets/cstf-logo.svg b/assets/cstf-logo.svg new file mode 100644 index 0000000..8caadfe --- /dev/null +++ b/assets/cstf-logo.svg @@ -0,0 +1,1117 @@ + + + + diff --git a/config/_default/hugo.toml b/config/_default/hugo.toml index 9ee4998..18f267f 100644 --- a/config/_default/hugo.toml +++ b/config/_default/hugo.toml @@ -67,3 +67,10 @@ googleAnalytics = "G-606W7SWX5E" name = 'fragmentrefs' type = 'fragments' weight = 10 + +[markup] + [markup.goldmark] + [markup.goldmark.parser] + [markup.goldmark.parser.attribute] + block = true + title = true \ No newline at end of file diff --git a/config/_default/params.toml b/config/_default/params.toml index 6179bcd..28a8b4c 100644 --- a/config/_default/params.toml +++ b/config/_default/params.toml @@ -164,4 +164,4 @@ disableTextInHeader = false [rssnext] # feedId = "" - # userId = "" \ No newline at end of file + # userId = "" diff --git a/content/_index.md b/content/_index.md index fb06e14..1f00c0b 100644 --- a/content/_index.md +++ b/content/_index.md @@ -1,7 +1,10 @@ --- -title: 'Welcome to CivilSociety.dev' +title: "Welcome to CSTF!" --- +{{< figure src="/cstf-logo.svg" alt="CSTF Logo" class="w-48 mx-auto" >}} + + As civil society organizations become increasingly dependent on digital tools, the question of who controls that technology becomes a matter of democratic importance. The Civil Society Technology Foundation develops and disseminates open-source, self-hosted technologies that enable genuine digital sovereignty. We provide the tools, knowledge, and community support necessary for civil society to operate independently of surveillance-based platforms and extractive business models. @@ -12,10 +15,9 @@ Our work spans software development, educational resources, and community engage Learn More {{< /button >}} -
+{{< div class="flex flex-col gap-8 pt-16" >}} {{< article link="/articles/independent-technology/" >}} {{< article link="/articles/why-digital-sovereignty-matters/" >}} {{< article link="/articles/arguments-against-centralization/" >}} -
- +{{< /div >}} diff --git a/content/foundation/_index.md b/content/foundation/_index.md index ebce59d..72219fe 100644 --- a/content/foundation/_index.md +++ b/content/foundation/_index.md @@ -9,14 +9,18 @@ The **Civil Society Technology Foundation (CSTF)** is a community-driven organiz ## Who We Are -{{< article link="/foundation/charter/" >}} -{{< article link="/foundation/mission-statement/" >}} -{{< article link="/foundation/core-principles/" >}} -{{< article link="/foundation/position-statements/" >}} -{{< article link="/projects/governance/" >}} +{{< div class="flex flex-col gap-10" >}} + {{< article link="/foundation/charter/" >}} + {{< article link="/foundation/mission-statement/" >}} + {{< article link="/foundation/core-principles/" >}} + {{< article link="/foundation/position-statements/" >}} + {{< article link="/projects/governance/" >}} +{{< /div >}} ## What We Believe -{{< article link="/articles/independent-technology/" >}} -{{< article link="/articles/why-digital-sovereignty-matters/" >}} -{{< article link="/articles/arguments-against-centralization/" >}} +{{< div class="flex flex-col gap-10" >}} + {{< article link="/articles/independent-technology/" >}} + {{< article link="/articles/why-digital-sovereignty-matters/" >}} + {{< article link="/articles/arguments-against-centralization/" >}} +{{< /div >}} \ No newline at end of file diff --git a/content/gramsci.md b/content/gramsci.md deleted file mode 100644 index 915d5d9..0000000 --- a/content/gramsci.md +++ /dev/null @@ -1,164 +0,0 @@ -Perfect — let’s build a simple battle plan (Gramsci-style) for what CivilSociety.dev — or any similar project — could follow to challenge hegemony and build real digital autonomy. - -Here’s the flow: - - ---- - -Battle Plan: Winning the War of Position for Digital Civil Society - -Phase 1: Build Independent Infrastructure - -Launch sovereign services (email, cloud, chat, web hosting) that working-class organizations can use without Big Tech. - -Focus on ease of use and collective ownership (community clouds, co-ops, unions). - - -Key goal: Create real-world alternatives that people can rely on. - - ---- - -Phase 2: Popular Education - -Teach not just how to use tech, but why digital sovereignty matters. - -Build guides, workshops, videos, and political storytelling that connect tech freedom to everyday life struggles (housing, labor, climate, democracy). - - -Key goal: Grow thousands of organic intellectuals inside civil society. - - ---- - -Phase 3: Culture Shift - -Create a new "common sense" about tech: - -"We can run our own systems." - -"Freedom is practical, not utopian." - -"Big Tech dependence is a political trap." - - -Use memes, stories, community campaigns to popularize. - - -Key goal: Make sovereignty feel normal, not fringe. - - ---- - -Phase 4: Strategic Alliances - -Partner with unions, mutual aid groups, cooperatives, indigenous communities to embed sovereign tech into broader struggles for dignity and justice. - -Wild Cloud becomes the digital backbone of working-class and social movements. - - -Key goal: Tie tech sovereignty directly to the survival and power of civil society. - - ---- - -Final Objective: - -> Civil society owns its own communication, storage, learning, and organizing tools — breaking the 1%'s hegemony over the digital world. - - - - ---- - -Would you like me to also turn this into a quick visual diagram (like a simple flowchart or map) so it’s super easy to share or present? -It could look really clean if you're planning to post, pitch, or organize around it! - ---- - -Good — let’s rate how CivilSociety.dev is doing on the Gramscian battle plan we just built. - -I’ll go phase by phase, with a simple scale: -Excellent / Good / Needs Growth / Missing - - ---- - -Phase 1: Build Independent Infrastructure - -> Rating: Excellent - - - -Wild Cloud is real, working infrastructure. - -They're offering services like email, cloud storage, chat, hosting, and more — away from Big Tech. - -Clear focus on self-hosting and community control. - - -Comment: -They've nailed the first step — they’re not just talking, they’re building. - - ---- - -Phase 2: Popular Education - -> Rating: Good - - - -The Learning section is strong: it explains not just the technical but also the political reasons for sovereignty. - -It’s accessible but could be pushed further into mass popular education — for example, shorter videos, memes, hands-on toolkits, or alliances with schools/unions. - - -Comment: -Good foundation — needs scaling up to reach beyond tech-savvy audiences. - - ---- - -Phase 3: Culture Shift - -> Rating: Needs Growth - - - -They challenge Big Tech’s common sense implicitly through projects and writing. - -But they're not (yet) visibly changing broader public attitudes or launching mass storytelling campaigns. - -No evidence yet of heavy cultural production (memes, viral media, mass campaigns, popular slogans). - - -Comment: -This is their big opportunity: to widen the cultural battle and make digital sovereignty part of everyday imagination. - - ---- - -Phase 4: Strategic Alliances - -> Rating: Needs Growth - - - -So far, the focus seems internal: building tools, education, and philosophy. - -No clear, public partnerships yet with unions, housing co-ops, indigenous groups, or grassroots movements that desperately need digital independence. - - -Comment: -Strategic alliances with civil society movements would supercharge their impact — this is a crucial next step. - - ---- - -Overall Rating: - -Overall: - -> CivilSociety.dev is very strong at building and explaining alternatives — now it needs to scale up cultural influence and strategic partnerships to fully realize a Gramscian digital movement. - diff --git a/content/learning/software-development/index.md b/content/learning/software-development/index.md index 6a02633..0b1534f 100644 --- a/content/learning/software-development/index.md +++ b/content/learning/software-development/index.md @@ -1,6 +1,6 @@ --- title: "Software Development: Building Digital Infrastructure for Civil Society" -date: 202-01-15 +date: 2025-01-15 --- ## Introduction diff --git a/hugo.toml.archive b/hugo.toml.archive deleted file mode 100644 index 0ad9ff5..0000000 --- a/hugo.toml.archive +++ /dev/null @@ -1,52 +0,0 @@ -baseURL = 'https://civilsociety.dev/' -languageCode = 'en-us' -title = 'Civil Society .dev' -# theme = 'ananke' -theme = 'blowfish' -copyright = 'CivilSociety.dev' - -[menus] -[[menus.main]] -name = 'About' -pageRef = '/about' -weight = 20 -[[menus.main]] -name = 'Contribute' -pageRef = '/contribute' -weight = 30 -[[menus.main]] -name = 'Projects' -pageRef = '/projects' -weight = 40 -[[menus.main]] -name = 'Learning' -pageRef = '/learning' -weight = 50 - -[[menus.footer]] -name = 'About' -pageRef = '/about' -weight = 10 -[[menus.footer]] -name = 'Terms' -pageRef = '/terms' -weight = 20 -[[menus.footer]] -name = 'Privacy' -pageRef = '/privacy' -weight = 20 - -[params] -# mainSections = ["post"] -text_color = "black" -author = "CivilSociety.dev" -favicon = "" -site_logo = "" -description = "The last theme you'll ever need. Maybe." -# choose a background color from any on this page: https://tachyons.io/docs/themes/skins/ and preface it with "bg-" -background_color_class = "bg-black" -# choose fitting and alignment styles for the featured image using Tachyons classes such as "cover|contain" for fitting and "bg-top|bg-center|bg-bottom" for alignment, or add any other class space-separated to customize further -featured_image_class = "cover bg-top" -# choose a color dimming class for the page or site header from any on this page: https://tachyons.io/docs/themes/skins/, preface it with "bg-" and add the value such as "-X0" where X is in [1,9] -cover_dimming_class = "bg-black-60" -recent_posts_number = 3 diff --git a/layouts/_shortcodes/div.html b/layouts/_shortcodes/div.html new file mode 100644 index 0000000..85f5eee --- /dev/null +++ b/layouts/_shortcodes/div.html @@ -0,0 +1,3 @@ +
+ {{ .Inner }} +
diff --git a/layouts/home.html b/layouts/home.html new file mode 100644 index 0000000..9beb2ed --- /dev/null +++ b/layouts/home.html @@ -0,0 +1,19 @@ +{{ define "main" }} +
+
+ {{ if .Params.showBreadcrumbs | default (.Site.Params.article.showBreadcrumbs | default false) }} + {{ partial "breadcrumbs.html" . }} + {{ end }} +
+
+ {{ .Content }} +
+
+ {{ partial "recent-articles/main.html" . }} +
+ +
+ +{{ end }} + diff --git a/package.json b/package.json new file mode 100644 index 0000000..7c963be --- /dev/null +++ b/package.json @@ -0,0 +1,9 @@ +{ + "name": "cstf", + "version": "2.87.0", + "description": "CSTF website.", + "scripts": { + "dev": "NODE_ENV=development npx ./themes/blowfish/node_modules/@tailwindcss/cli -c ./themes/blowfish/tailwind.config.js -i ./themes/blowfish/assets/css/main.css -o ./assets/css/compiled/main.css --jit -w", + "build": "NODE_ENV=production npx ./themes/blowfish/node_modules/@tailwindcss/cli -c ./themes/blowfish/tailwind.config.js -i ./themes/blowfish/assets/css/main.css -o ./assets/css/compiled/main.css --jit" + } +} diff --git a/scripts/deploy.sh b/scripts/deploy.sh new file mode 100755 index 0000000..2e2d4b7 --- /dev/null +++ b/scripts/deploy.sh @@ -0,0 +1,18 @@ +#!/bin/bash + +# Build the TailwindCSS assets +npm run build + +# Build the site +hugo build + +# Build and push the Docker image +docker build -t payneio/civilsociety.dev . --file ./Dockerfile +docker push payneio/civilsociety.dev + +# Deploy to Kubernetes + +# First time... +# bin/wild-app-deploy civilsociety + +kubectl rollout restart deployment civilsociety -n civilsociety diff --git a/static/fonts/LinLibertine_DR.ttf b/static/fonts/LinLibertine_DR.ttf new file mode 100644 index 0000000..591de3c Binary files /dev/null and b/static/fonts/LinLibertine_DR.ttf differ diff --git a/static/fonts/LinLibertine_I.ttf b/static/fonts/LinLibertine_I.ttf new file mode 100644 index 0000000..684eec7 Binary files /dev/null and b/static/fonts/LinLibertine_I.ttf differ diff --git a/static/fonts/LinLibertine_R.ttf b/static/fonts/LinLibertine_R.ttf new file mode 100644 index 0000000..ab15444 Binary files /dev/null and b/static/fonts/LinLibertine_R.ttf differ diff --git a/static/fonts/LinLibertine_RB.ttf b/static/fonts/LinLibertine_RB.ttf new file mode 100644 index 0000000..049915e Binary files /dev/null and b/static/fonts/LinLibertine_RB.ttf differ diff --git a/static/fonts/LinLibertine_RBI.ttf b/static/fonts/LinLibertine_RBI.ttf new file mode 100644 index 0000000..82af9fa Binary files /dev/null and b/static/fonts/LinLibertine_RBI.ttf differ diff --git a/static/fonts/LinLibertine_RI.ttf b/static/fonts/LinLibertine_RI.ttf new file mode 100644 index 0000000..a156230 Binary files /dev/null and b/static/fonts/LinLibertine_RI.ttf differ diff --git a/static/fonts/LinLibertine_RZ.ttf b/static/fonts/LinLibertine_RZ.ttf new file mode 100644 index 0000000..ddf1dad Binary files /dev/null and b/static/fonts/LinLibertine_RZ.ttf differ diff --git a/static/fonts/LinLibertine_RZI.ttf b/static/fonts/LinLibertine_RZI.ttf new file mode 100644 index 0000000..ed4c8fe Binary files /dev/null and b/static/fonts/LinLibertine_RZI.ttf differ diff --git a/static/fonts/LinLibertine_aBL.ttf b/static/fonts/LinLibertine_aBL.ttf new file mode 100644 index 0000000..3469f97 Binary files /dev/null and b/static/fonts/LinLibertine_aBL.ttf differ diff --git a/static/fonts/LinLibertine_aBS.ttf b/static/fonts/LinLibertine_aBS.ttf new file mode 100644 index 0000000..fe3c35c Binary files /dev/null and b/static/fonts/LinLibertine_aBS.ttf differ diff --git a/static/fonts/LinLibertine_aDRS.ttf b/static/fonts/LinLibertine_aDRS.ttf new file mode 100644 index 0000000..388afad Binary files /dev/null and b/static/fonts/LinLibertine_aDRS.ttf differ diff --git a/static/fonts/LinLibertine_aRL.ttf b/static/fonts/LinLibertine_aRL.ttf new file mode 100644 index 0000000..2efae62 Binary files /dev/null and b/static/fonts/LinLibertine_aRL.ttf differ diff --git a/static/fonts/LinLibertine_aS.ttf b/static/fonts/LinLibertine_aS.ttf new file mode 100644 index 0000000..751dc8d Binary files /dev/null and b/static/fonts/LinLibertine_aS.ttf differ diff --git a/static/fonts/LinLibertine_aSI.ttf b/static/fonts/LinLibertine_aSI.ttf new file mode 100644 index 0000000..9ad409b Binary files /dev/null and b/static/fonts/LinLibertine_aSI.ttf differ diff --git a/static/fonts/LinLibertine_aSZI.ttf b/static/fonts/LinLibertine_aSZI.ttf new file mode 100644 index 0000000..b38d820 Binary files /dev/null and b/static/fonts/LinLibertine_aSZI.ttf differ diff --git a/static/fonts/LinLibertine_aZL.ttf b/static/fonts/LinLibertine_aZL.ttf new file mode 100644 index 0000000..8c04d96 Binary files /dev/null and b/static/fonts/LinLibertine_aZL.ttf differ diff --git a/static/fonts/OpenSans-Bold.ttf b/static/fonts/OpenSans-Bold.ttf new file mode 100644 index 0000000..98c74e0 Binary files /dev/null and b/static/fonts/OpenSans-Bold.ttf differ diff --git a/static/fonts/OpenSans-BoldItalic.ttf b/static/fonts/OpenSans-BoldItalic.ttf new file mode 100644 index 0000000..8558928 Binary files /dev/null and b/static/fonts/OpenSans-BoldItalic.ttf differ diff --git a/static/fonts/OpenSans-ExtraBold.ttf b/static/fonts/OpenSans-ExtraBold.ttf new file mode 100644 index 0000000..4eb3393 Binary files /dev/null and b/static/fonts/OpenSans-ExtraBold.ttf differ diff --git a/static/fonts/OpenSans-ExtraBoldItalic.ttf b/static/fonts/OpenSans-ExtraBoldItalic.ttf new file mode 100644 index 0000000..75789b4 Binary files /dev/null and b/static/fonts/OpenSans-ExtraBoldItalic.ttf differ diff --git a/static/fonts/OpenSans-Italic.ttf b/static/fonts/OpenSans-Italic.ttf new file mode 100644 index 0000000..29ff693 Binary files /dev/null and b/static/fonts/OpenSans-Italic.ttf differ diff --git a/static/fonts/OpenSans-Light.ttf b/static/fonts/OpenSans-Light.ttf new file mode 100644 index 0000000..ea175cc Binary files /dev/null and b/static/fonts/OpenSans-Light.ttf differ diff --git a/static/fonts/OpenSans-LightItalic.ttf b/static/fonts/OpenSans-LightItalic.ttf new file mode 100644 index 0000000..edbfe0b Binary files /dev/null and b/static/fonts/OpenSans-LightItalic.ttf differ diff --git a/static/fonts/OpenSans-Medium.ttf b/static/fonts/OpenSans-Medium.ttf new file mode 100644 index 0000000..ae71693 Binary files /dev/null and b/static/fonts/OpenSans-Medium.ttf differ diff --git a/static/fonts/OpenSans-MediumItalic.ttf b/static/fonts/OpenSans-MediumItalic.ttf new file mode 100644 index 0000000..6d1e09b Binary files /dev/null and b/static/fonts/OpenSans-MediumItalic.ttf differ diff --git a/static/fonts/OpenSans-Regular.ttf b/static/fonts/OpenSans-Regular.ttf new file mode 100644 index 0000000..67803bb Binary files /dev/null and b/static/fonts/OpenSans-Regular.ttf differ diff --git a/static/fonts/OpenSans-SemiBold.ttf b/static/fonts/OpenSans-SemiBold.ttf new file mode 100644 index 0000000..e5ab464 Binary files /dev/null and b/static/fonts/OpenSans-SemiBold.ttf differ diff --git a/static/fonts/OpenSans-SemiBoldItalic.ttf b/static/fonts/OpenSans-SemiBoldItalic.ttf new file mode 100644 index 0000000..cd23e15 Binary files /dev/null and b/static/fonts/OpenSans-SemiBoldItalic.ttf differ diff --git a/static/fonts/OpenSans_Condensed-Bold.ttf b/static/fonts/OpenSans_Condensed-Bold.ttf new file mode 100644 index 0000000..525397d Binary files /dev/null and b/static/fonts/OpenSans_Condensed-Bold.ttf differ diff --git a/static/fonts/OpenSans_Condensed-BoldItalic.ttf b/static/fonts/OpenSans_Condensed-BoldItalic.ttf new file mode 100644 index 0000000..d6c9bc0 Binary files /dev/null and b/static/fonts/OpenSans_Condensed-BoldItalic.ttf differ diff --git a/static/fonts/OpenSans_Condensed-ExtraBold.ttf b/static/fonts/OpenSans_Condensed-ExtraBold.ttf new file mode 100644 index 0000000..3e600b9 Binary files /dev/null and b/static/fonts/OpenSans_Condensed-ExtraBold.ttf differ diff --git a/static/fonts/OpenSans_Condensed-ExtraBoldItalic.ttf b/static/fonts/OpenSans_Condensed-ExtraBoldItalic.ttf new file mode 100644 index 0000000..0393650 Binary files /dev/null and b/static/fonts/OpenSans_Condensed-ExtraBoldItalic.ttf differ diff --git a/static/fonts/OpenSans_Condensed-Italic.ttf b/static/fonts/OpenSans_Condensed-Italic.ttf new file mode 100644 index 0000000..fdf0a52 Binary files /dev/null and b/static/fonts/OpenSans_Condensed-Italic.ttf differ diff --git a/static/fonts/OpenSans_Condensed-Light.ttf b/static/fonts/OpenSans_Condensed-Light.ttf new file mode 100644 index 0000000..459be7b Binary files /dev/null and b/static/fonts/OpenSans_Condensed-Light.ttf differ diff --git a/static/fonts/OpenSans_Condensed-LightItalic.ttf b/static/fonts/OpenSans_Condensed-LightItalic.ttf new file mode 100644 index 0000000..5f05d08 Binary files /dev/null and b/static/fonts/OpenSans_Condensed-LightItalic.ttf differ diff --git a/static/fonts/OpenSans_Condensed-Medium.ttf b/static/fonts/OpenSans_Condensed-Medium.ttf new file mode 100644 index 0000000..802200d Binary files /dev/null and b/static/fonts/OpenSans_Condensed-Medium.ttf differ diff --git a/static/fonts/OpenSans_Condensed-MediumItalic.ttf b/static/fonts/OpenSans_Condensed-MediumItalic.ttf new file mode 100644 index 0000000..b43786b Binary files /dev/null and b/static/fonts/OpenSans_Condensed-MediumItalic.ttf differ diff --git a/static/fonts/OpenSans_Condensed-Regular.ttf b/static/fonts/OpenSans_Condensed-Regular.ttf new file mode 100644 index 0000000..a2a83ac Binary files /dev/null and b/static/fonts/OpenSans_Condensed-Regular.ttf differ diff --git a/static/fonts/OpenSans_Condensed-SemiBold.ttf b/static/fonts/OpenSans_Condensed-SemiBold.ttf new file mode 100644 index 0000000..75bcd43 Binary files /dev/null and b/static/fonts/OpenSans_Condensed-SemiBold.ttf differ diff --git a/static/fonts/OpenSans_Condensed-SemiBoldItalic.ttf b/static/fonts/OpenSans_Condensed-SemiBoldItalic.ttf new file mode 100644 index 0000000..9fcaa52 Binary files /dev/null and b/static/fonts/OpenSans_Condensed-SemiBoldItalic.ttf differ diff --git a/static/fonts/OpenSans_SemiCondensed-Bold.ttf b/static/fonts/OpenSans_SemiCondensed-Bold.ttf new file mode 100644 index 0000000..dc927fc Binary files /dev/null and b/static/fonts/OpenSans_SemiCondensed-Bold.ttf differ diff --git a/static/fonts/OpenSans_SemiCondensed-BoldItalic.ttf b/static/fonts/OpenSans_SemiCondensed-BoldItalic.ttf new file mode 100644 index 0000000..7601048 Binary files /dev/null and b/static/fonts/OpenSans_SemiCondensed-BoldItalic.ttf differ diff --git a/static/fonts/OpenSans_SemiCondensed-ExtraBold.ttf b/static/fonts/OpenSans_SemiCondensed-ExtraBold.ttf new file mode 100644 index 0000000..d6864b1 Binary files /dev/null and b/static/fonts/OpenSans_SemiCondensed-ExtraBold.ttf differ diff --git a/static/fonts/OpenSans_SemiCondensed-ExtraBoldItalic.ttf b/static/fonts/OpenSans_SemiCondensed-ExtraBoldItalic.ttf new file mode 100644 index 0000000..ec7ade5 Binary files /dev/null and b/static/fonts/OpenSans_SemiCondensed-ExtraBoldItalic.ttf differ diff --git a/static/fonts/OpenSans_SemiCondensed-Italic.ttf b/static/fonts/OpenSans_SemiCondensed-Italic.ttf new file mode 100644 index 0000000..7fc00c8 Binary files /dev/null and b/static/fonts/OpenSans_SemiCondensed-Italic.ttf differ diff --git a/static/fonts/OpenSans_SemiCondensed-Light.ttf b/static/fonts/OpenSans_SemiCondensed-Light.ttf new file mode 100644 index 0000000..5936496 Binary files /dev/null and b/static/fonts/OpenSans_SemiCondensed-Light.ttf differ diff --git a/static/fonts/OpenSans_SemiCondensed-LightItalic.ttf b/static/fonts/OpenSans_SemiCondensed-LightItalic.ttf new file mode 100644 index 0000000..7ced21a Binary files /dev/null and b/static/fonts/OpenSans_SemiCondensed-LightItalic.ttf differ diff --git a/static/fonts/OpenSans_SemiCondensed-Medium.ttf b/static/fonts/OpenSans_SemiCondensed-Medium.ttf new file mode 100644 index 0000000..25b1aad Binary files /dev/null and b/static/fonts/OpenSans_SemiCondensed-Medium.ttf differ diff --git a/static/fonts/OpenSans_SemiCondensed-MediumItalic.ttf b/static/fonts/OpenSans_SemiCondensed-MediumItalic.ttf new file mode 100644 index 0000000..fd87f78 Binary files /dev/null and b/static/fonts/OpenSans_SemiCondensed-MediumItalic.ttf differ diff --git a/static/fonts/OpenSans_SemiCondensed-Regular.ttf b/static/fonts/OpenSans_SemiCondensed-Regular.ttf new file mode 100644 index 0000000..5b09b35 Binary files /dev/null and b/static/fonts/OpenSans_SemiCondensed-Regular.ttf differ diff --git a/static/fonts/OpenSans_SemiCondensed-SemiBold.ttf b/static/fonts/OpenSans_SemiCondensed-SemiBold.ttf new file mode 100644 index 0000000..fff3a37 Binary files /dev/null and b/static/fonts/OpenSans_SemiCondensed-SemiBold.ttf differ diff --git a/static/fonts/OpenSans_SemiCondensed-SemiBoldItalic.ttf b/static/fonts/OpenSans_SemiCondensed-SemiBoldItalic.ttf new file mode 100644 index 0000000..3874205 Binary files /dev/null and b/static/fonts/OpenSans_SemiCondensed-SemiBoldItalic.ttf differ