From ccccd87544b4a25c23f7b0153220d7fbcc088144 Mon Sep 17 00:00:00 2001 From: Keith Solomon Date: Sun, 16 Aug 2026 12:16:20 -0500 Subject: [PATCH] feat(theme): add --font-headings; flip body to Carbon Blue dark --- static/dist/theme.css | 6395 ++++++++++++++++++++++++++++++++++++ styles/base/global.css | 4 +- styles/base/typography.css | 11 +- 3 files changed, 6403 insertions(+), 7 deletions(-) create mode 100644 static/dist/theme.css diff --git a/static/dist/theme.css b/static/dist/theme.css new file mode 100644 index 0000000..f448786 --- /dev/null +++ b/static/dist/theme.css @@ -0,0 +1,6395 @@ +/*! tailwindcss v4.0.13 | MIT License | https://tailwindcss.com */ +@layer theme { + :root, :host { + --font-sans: "Raleway", sans-serif; + --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + --color-blue-500: oklch(.623 .214 259.815); + --color-gray-50: oklch(.985 .002 247.839); + --color-gray-200: oklch(.928 .006 264.531); + --color-gray-300: oklch(.872 .01 258.338); + --color-gray-500: oklch(.551 .027 264.364); + --color-gray-600: oklch(.446 .03 256.802); + --color-gray-800: oklch(.278 .033 256.848); + --color-black: oklch(0% 0 0); + --color-white: oklch(100% 0 0); + --spacing: .25rem; + --container-lg: 32rem; + --text-xs: .75rem; + --text-xs--line-height: calc(1 / .75); + --text-sm: .875rem; + --text-sm--line-height: calc(1.25 / .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-4xl: 2.25rem; + --text-4xl--line-height: calc(2.5 / 2.25); + --text-5xl: 3rem; + --text-5xl--line-height: 1; + --text-6xl: 3.75rem; + --text-6xl--line-height: 1; + --text-7xl: 4.5rem; + --text-7xl--line-height: 1; + --font-weight-normal: 400; + --font-weight-medium: 500; + --font-weight-semibold: 600; + --font-weight-bold: 700; + --leading-tight: 1.25; + --leading-snug: 1.375; + --radius-sm: .25rem; + --radius-md: .375rem; + --radius-lg: .5rem; + --ease-in-out: cubic-bezier(.4, 0, .2, 1); + --aspect-video: 16 / 9; + --default-transition-duration: .15s; + --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); + --default-font-family: var(--font-sans); + --default-font-feature-settings: var(--font-sans--font-feature-settings); + --default-font-variation-settings: var(--font-sans--font-variation-settings); + --default-mono-font-family: var(--font-mono); + --default-mono-font-feature-settings: var(--font-mono--font-feature-settings); + --default-mono-font-variation-settings: var(--font-mono--font-variation-settings); + --spacing-section: 2rem; + --color-background: oklch(89.75% 0 0); + --color-text: var(--color-black); + --color-primary: oklch(.57 .203362 257.171); + --color-primary-100: color-mix(in oklch, var(--color-primary) 10%, white); + --color-primary-500: color-mix(in oklch, var(--color-primary) 50%, white); + --color-primary-600: color-mix(in oklch, var(--color-primary) 60%, white); + --color-primary-700: color-mix(in oklch, var(--color-primary) 70%, white); + --color-primary-800: color-mix(in oklch, var(--color-primary) 80%, white); + --color-secondary: oklch(.56 .0176 257.23); + --color-secondary-200: color-mix(in oklch, var(--color-secondary) 20%, white); + --color-secondary-300: color-mix(in oklch, var(--color-secondary) 30%, white); + --color-secondary-400: color-mix(in oklch, var(--color-secondary) 40%, white); + --color-bodylinks: oklch(.48 .0789 211.58); + --color-footlinks: oklch(.65 .1104 212.2); + --color-success: oklch(64.01% .1751 146.7); + --color-info: oklch(.55 .0922 211.57); + --color-warning: oklch(84.42% .1722 84.93); + --color-danger: oklch(.5126 .1865 22.61); + --color-light: oklch(98.16% .0017 247.8); + --color-dark: oklch(34.51% .0133 248.2); + --tw-prose-body: var(--color-primary); + --tw-prose-headings: var(--color-primary); + --tw-prose-lead: var(--color-primary); + --tw-prose-links: var(--color-info); + --tw-prose-bold: var(--color-primary); + --tw-prose-counters: var(--color-primary); + --tw-prose-bullets: var(--color-secondary); + --tw-prose-hr: var(--color-secondary); + --tw-prose-quotes: var(--color-primary); + --tw-prose-quote-borders: var(--color-primary); + --tw-prose-captions: var(--color-secondary); + --tw-prose-code: var(--color-primary); + --tw-prose-pre-code: var(--color-primary); + --tw-prose-pre-bg: var(--color-secondary); + --tw-prose-th-borders: var(--color-secondary); + --tw-prose-td-borders: var(--color-secondary); + --font-headings: var(--font-sans); + --line-height: 1.6; + --text-14px: clamp(.75rem, calc(.7212rem + .1282vw), .875rem); + --text-16px: clamp(.875rem, calc(.8462rem + .1282vw), 1rem); + --text-18px: clamp(.875rem, calc(.8173rem + .2564vw), 1.125rem); + --text-20px: clamp(1rem, calc(.9423rem + .2564vw), 1.25rem); + --text-22px: clamp(1.1rem, calc(1.0365rem + .2821vw), 1.375rem); + --text-25px: clamp(1.125rem, calc(1.024rem + .4487vw), 1.5625rem); + --text-30px: clamp(1.185rem, calc(1.0258rem + .7077vw), 1.875rem); + --text-35px: clamp(1.25rem, calc(1.0337rem + .9615vw), 2.1875rem); + --text-38px: clamp(1.4rem, calc(1.175rem + 1vw), 2.375rem); + --text-40px: clamp(1.5rem, calc(1.2692rem + 1.0256vw), 2.5rem); + --text-45px: clamp(1.6rem, calc(1.3202rem + 1.2436vw), 2.8125rem); + --text-50px: clamp(1.7rem, calc(1.3712rem + 1.4615vw), 3.125rem); + --text-70px: clamp(1.9rem, calc(1.3288rem + 2.5385vw), 4.375rem); + --text-75px: clamp(2rem, calc(1.3798rem + 2.7564vw), 4.6875rem); + --h1: calc(var(--text-base) * 2.25); + --h2: calc(var(--text-base) * 1.75); + --h3: calc(var(--text-base) * 1.5); + --h4: calc(var(--text-base) * 1.25); + --h5: calc(var(--text-base) * 1.125); + --h6: calc(var(--text-base) * 1.05); + --twcb-scrollbar-width: 0px; + --button-bg: var(--color-primary); + --button-color: var(--color-white); + --button-hover-bg: var(--color-info); + --button-hover-border-color: var(--color-info); + --button-hover-color: var(--color-white); + --button-border-width: 3px; + --button-border-style: solid; + --button-border-color: var(--button-bg); + --button-radius: .5rem; + } +} + +@layer base { + *, :after, :before, ::backdrop { + box-sizing: border-box; + border: 0 solid; + margin: 0; + padding: 0; + } + + ::file-selector-button { + box-sizing: border-box; + border: 0 solid; + margin: 0; + padding: 0; + } + + html, :host { + -webkit-text-size-adjust: 100%; + tab-size: 4; + line-height: 1.5; + font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); + font-feature-settings: var(--default-font-feature-settings, normal); + font-variation-settings: var(--default-font-variation-settings, normal); + -webkit-tap-highlight-color: transparent; + } + + body { + line-height: inherit; + } + + hr { + height: 0; + color: inherit; + border-top-width: 1px; + } + + abbr:where([title]) { + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; + } + + h1, h2, h3, h4, h5, h6 { + font-size: inherit; + font-weight: inherit; + } + + a { + color: inherit; + -webkit-text-decoration: inherit; + -webkit-text-decoration: 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 { + vertical-align: baseline; + font-size: 75%; + line-height: 0; + position: relative; + } + + sub { + bottom: -.25em; + } + + sup { + top: -.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 { + vertical-align: middle; + display: block; + } + + img, video { + max-width: 100%; + height: auto; + } + + button, input, select, optgroup, textarea { + font: inherit; + font-feature-settings: inherit; + font-variation-settings: inherit; + letter-spacing: inherit; + color: inherit; + opacity: 1; + background-color: #0000; + border-radius: 0; + } + + ::file-selector-button { + font: inherit; + font-feature-settings: inherit; + font-variation-settings: inherit; + letter-spacing: inherit; + color: inherit; + opacity: 1; + background-color: #0000; + border-radius: 0; + } + + :where(select:is([multiple], [size])) optgroup { + font-weight: bolder; + } + + :where(select:is([multiple], [size])) optgroup option { + padding-inline-start: 20px; + } + + ::file-selector-button { + margin-inline-end: 4px; + } + + ::placeholder { + opacity: 1; + color: color-mix(in oklab, currentColor 50%, transparent); + } + + textarea { + resize: vertical; + } + + ::-webkit-search-decoration { + -webkit-appearance: none; + } + + ::-webkit-date-and-time-value { + min-height: 1lh; + text-align: inherit; + } + + ::-webkit-datetime-edit { + display: inline-flex; + } + + ::-webkit-datetime-edit-fields-wrapper { + padding: 0; + } + + ::-webkit-datetime-edit { + padding-block: 0; + } + + ::-webkit-datetime-edit-year-field { + padding-block: 0; + } + + ::-webkit-datetime-edit-month-field { + padding-block: 0; + } + + ::-webkit-datetime-edit-day-field { + padding-block: 0; + } + + ::-webkit-datetime-edit-hour-field { + padding-block: 0; + } + + ::-webkit-datetime-edit-minute-field { + padding-block: 0; + } + + ::-webkit-datetime-edit-second-field { + padding-block: 0; + } + + ::-webkit-datetime-edit-millisecond-field { + padding-block: 0; + } + + ::-webkit-datetime-edit-meridiem-field { + padding-block: 0; + } + + :-moz-ui-invalid { + box-shadow: none; + } + + button, input:where([type="button"], [type="reset"], [type="submit"]) { + appearance: button; + } + + ::file-selector-button { + appearance: button; + } + + ::-webkit-inner-spin-button { + height: auto; + } + + ::-webkit-outer-spin-button { + height: auto; + } + + [hidden]:where(:not([hidden="until-found"])) { + display: none !important; + } +} + +@layer components { + h1, h2, h3, h4, h5, h6 { + font-family: var(--font-headings); + margin: 0 0 1rem; + font-weight: 700; + } + + h1, .h1 { + font-size: var(--h1); + line-height: 1.2; + } + + h2, .h2 { + font-size: var(--h2); + line-height: 1.3; + } + + h3, .h3 { + font-size: var(--h3); + line-height: 1.4; + } + + h4, .h4 { + font-size: var(--h4); + line-height: 1.5; + } + + h5, .h5 { + font-size: var(--h5); + } + + h6, .h6 { + font-size: var(--h6); + } +} + +@layer utilities { + .visible { + visibility: visible; + } + + .sr-only { + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border-width: 0; + width: 1px; + height: 1px; + margin: -1px; + padding: 0; + position: absolute; + overflow: hidden; + } + + .absolute { + position: absolute; + } + + .fixed { + position: fixed; + } + + .relative { + position: relative; + } + + .static { + position: static; + } + + .inset-0 { + inset: calc(var(--spacing) * 0); + } + + .top-2 { + top: calc(var(--spacing) * 2); + } + + .left-2 { + left: calc(var(--spacing) * 2); + } + + .order-first { + order: -9999; + } + + .order-last { + order: 9999; + } + + .col-span-1 { + grid-column: span 1 / span 1; + } + + .col-span-2 { + grid-column: span 2 / span 2; + } + + .col-span-3 { + grid-column: span 3 / span 3; + } + + .col-span-4 { + grid-column: span 4 / span 4; + } + + .col-span-5 { + grid-column: span 5 / span 5; + } + + .col-span-6 { + grid-column: span 6 / span 6; + } + + .col-span-7 { + grid-column: span 7 / span 7; + } + + .col-span-8 { + grid-column: span 8 / span 8; + } + + .container { + width: 100%; + } + + @media (width >= 22.5rem) { + .container { + max-width: 22.5rem; + } + } + + @media (width >= 29.6875rem) { + .container { + max-width: 29.6875rem; + } + } + + @media (width >= 40rem) { + .container { + max-width: 40rem; + } + } + + @media (width >= 48rem) { + .container { + max-width: 48rem; + } + } + + @media (width >= 64rem) { + .container { + max-width: 64rem; + } + } + + @media (width >= 70rem) { + .container { + max-width: 70rem; + } + } + + @media (width >= 96rem) { + .container { + max-width: 96rem; + } + } + + .m-0 { + margin: calc(var(--spacing) * 0); + } + + .-mx-2 { + margin-inline: calc(var(--spacing) * -2); + } + + .mx-0 { + margin-inline: calc(var(--spacing) * 0); + } + + .mx-auto { + margin-inline: auto; + } + + .my-0 { + margin-block: calc(var(--spacing) * 0); + } + + .my-0\.5 { + margin-block: calc(var(--spacing) * .5); + } + + .my-4 { + margin-block: calc(var(--spacing) * 4); + } + + .my-\[1\.2em\] { + margin-block: 1.2em; + } + + .my-section { + margin-block: var(--spacing-section); + } + + .prose { + color: var(--tw-prose-body); + --tw-prose-body: oklch(.373 .034 259.733); + --tw-prose-headings: oklch(.21 .034 264.665); + --tw-prose-lead: oklch(.446 .03 256.802); + --tw-prose-links: oklch(.21 .034 264.665); + --tw-prose-bold: oklch(.21 .034 264.665); + --tw-prose-counters: oklch(.551 .027 264.364); + --tw-prose-bullets: oklch(.872 .01 258.338); + --tw-prose-hr: oklch(.928 .006 264.531); + --tw-prose-quotes: oklch(.21 .034 264.665); + --tw-prose-quote-borders: oklch(.928 .006 264.531); + --tw-prose-captions: oklch(.551 .027 264.364); + --tw-prose-kbd: oklch(.21 .034 264.665); + --tw-prose-kbd-shadows: NaN NaN NaN; + --tw-prose-code: oklch(.21 .034 264.665); + --tw-prose-pre-code: oklch(.928 .006 264.531); + --tw-prose-pre-bg: oklch(.278 .033 256.848); + --tw-prose-th-borders: oklch(.872 .01 258.338); + --tw-prose-td-borders: oklch(.928 .006 264.531); + --tw-prose-invert-body: oklch(.872 .01 258.338); + --tw-prose-invert-headings: #fff; + --tw-prose-invert-lead: oklch(.707 .022 261.325); + --tw-prose-invert-links: #fff; + --tw-prose-invert-bold: #fff; + --tw-prose-invert-counters: oklch(.707 .022 261.325); + --tw-prose-invert-bullets: oklch(.446 .03 256.802); + --tw-prose-invert-hr: oklch(.373 .034 259.733); + --tw-prose-invert-quotes: oklch(.967 .003 264.542); + --tw-prose-invert-quote-borders: oklch(.373 .034 259.733); + --tw-prose-invert-captions: oklch(.707 .022 261.325); + --tw-prose-invert-kbd: #fff; + --tw-prose-invert-kbd-shadows: 255 255 255; + --tw-prose-invert-code: #fff; + --tw-prose-invert-pre-code: oklch(.872 .01 258.338); + --tw-prose-invert-pre-bg: #00000080; + --tw-prose-invert-th-borders: oklch(.446 .03 256.802); + --tw-prose-invert-td-borders: oklch(.373 .034 259.733); + max-width: 65ch; + font-size: 1rem; + line-height: 1.75; + } + + .prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: 1.25em; + margin-bottom: 1.25em; + } + + .prose :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + color: var(--tw-prose-lead); + margin-top: 1.2em; + margin-bottom: 1.2em; + font-size: 1.25em; + line-height: 1.6; + } + + .prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + color: var(--tw-prose-links); + font-weight: 500; + text-decoration: underline; + } + + .prose :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + color: var(--tw-prose-bold); + font-weight: 600; + } + + .prose :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(thead th strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + color: inherit; + } + + .prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: 1.25em; + margin-bottom: 1.25em; + padding-inline-start: 1.625em; + list-style-type: decimal; + } + + .prose :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + list-style-type: upper-alpha; + } + + .prose :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + list-style-type: lower-alpha; + } + + .prose :where(ol[type="A" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + list-style-type: upper-alpha; + } + + .prose :where(ol[type="a" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + list-style-type: lower-alpha; + } + + .prose :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + list-style-type: upper-roman; + } + + .prose :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + list-style-type: lower-roman; + } + + .prose :where(ol[type="I" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + list-style-type: upper-roman; + } + + .prose :where(ol[type="i" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + list-style-type: lower-roman; + } + + .prose :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + list-style-type: decimal; + } + + .prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: 1.25em; + margin-bottom: 1.25em; + padding-inline-start: 1.625em; + list-style-type: disc; + } + + .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker { + color: var(--tw-prose-counters); + font-weight: 400; + } + + .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker { + color: var(--tw-prose-bullets); + } + + .prose :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + color: var(--tw-prose-headings); + margin-top: 1.25em; + font-weight: 600; + } + + .prose :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + border-color: var(--tw-prose-hr); + border-top-width: 1px; + margin-top: 3em; + margin-bottom: 3em; + } + + .prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + color: var(--tw-prose-quotes); + border-inline-start-width: .25rem; + border-inline-start-color: var(--tw-prose-quote-borders); + quotes: "“""”""‘""’"; + margin-top: 1.6em; + margin-bottom: 1.6em; + padding-inline-start: 1em; + font-style: italic; + font-weight: 500; + } + + .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):before { + content: open-quote; + } + + .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):after { + content: close-quote; + } + + .prose :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + color: var(--tw-prose-headings); + margin-top: 0; + margin-bottom: .888889em; + font-size: 2.25em; + font-weight: 800; + line-height: 1.11111; + } + + .prose :where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + color: inherit; + font-weight: 900; + } + + .prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + color: var(--tw-prose-headings); + margin-top: 2em; + margin-bottom: 1em; + font-size: 1.5em; + font-weight: 700; + line-height: 1.33333; + } + + .prose :where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + color: inherit; + font-weight: 800; + } + + .prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + color: var(--tw-prose-headings); + margin-top: 1.6em; + margin-bottom: .6em; + font-size: 1.25em; + font-weight: 600; + line-height: 1.6; + } + + .prose :where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + color: inherit; + font-weight: 700; + } + + .prose :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + color: var(--tw-prose-headings); + margin-top: 1.5em; + margin-bottom: .5em; + font-weight: 600; + line-height: 1.5; + } + + .prose :where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + color: inherit; + font-weight: 700; + } + + .prose :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: 2em; + margin-bottom: 2em; + } + + .prose :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: 2em; + margin-bottom: 2em; + display: block; + } + + .prose :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: 2em; + margin-bottom: 2em; + } + + .prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + 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%); + padding-top: .1875em; + padding-inline-end: .375em; + padding-bottom: .1875em; + border-radius: .3125rem; + padding-inline-start: .375em; + font-family: inherit; + font-size: .875em; + font-weight: 500; + } + + .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + color: var(--tw-prose-code); + font-size: .875em; + font-weight: 600; + } + + .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after { + content: "`"; + } + + .prose :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + color: inherit; + } + + .prose :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + color: inherit; + font-size: .875em; + } + + .prose :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + color: inherit; + font-size: .9em; + } + + .prose :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(blockquote code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(thead th code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + color: inherit; + } + + .prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + color: var(--tw-prose-pre-code); + background-color: var(--tw-prose-pre-bg); + padding-top: .857143em; + padding-inline-end: 1.14286em; + padding-bottom: .857143em; + border-radius: .375rem; + margin-top: 1.71429em; + margin-bottom: 1.71429em; + padding-inline-start: 1.14286em; + font-size: .875em; + font-weight: 400; + line-height: 1.71429; + overflow-x: auto; + } + + .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + font-weight: inherit; + color: inherit; + font-size: inherit; + font-family: inherit; + line-height: inherit; + background-color: #0000; + border-width: 0; + border-radius: 0; + padding: 0; + } + + .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after { + content: none; + } + + .prose :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + table-layout: auto; + width: 100%; + margin-top: 2em; + margin-bottom: 2em; + font-size: .875em; + line-height: 1.71429; + } + + .prose :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + border-bottom-width: 1px; + border-bottom-color: var(--tw-prose-th-borders); + } + + .prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + color: var(--tw-prose-headings); + vertical-align: bottom; + padding-inline-end: .571429em; + padding-bottom: .571429em; + padding-inline-start: .571429em; + font-weight: 600; + } + + .prose :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + border-bottom-width: 1px; + border-bottom-color: var(--tw-prose-td-borders); + } + + .prose :where(tbody tr:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + border-bottom-width: 0; + } + + .prose :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + vertical-align: baseline; + } + + .prose :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + border-top-width: 1px; + border-top-color: var(--tw-prose-th-borders); + } + + .prose :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + vertical-align: top; + } + + .prose :where(th, td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + text-align: start; + } + + .prose :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: 0; + margin-bottom: 0; + } + + .prose :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + color: var(--tw-prose-captions); + margin-top: .857143em; + font-size: .875em; + line-height: 1.42857; + } + + .prose :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: 0; + margin-bottom: 0; + } + + .prose :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: .5em; + margin-bottom: .5em; + } + + .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + padding-inline-start: .375em; + } + + .prose :where(.prose > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: .75em; + margin-bottom: .75em; + } + + .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: 1.25em; + } + + .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-bottom: 1.25em; + } + + .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: 1.25em; + } + + .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-bottom: 1.25em; + } + + .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: .75em; + margin-bottom: .75em; + } + + .prose :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: 1.25em; + margin-bottom: 1.25em; + } + + .prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: .5em; + padding-inline-start: 1.625em; + } + + .prose :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: 0; + } + + .prose :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + padding-inline-start: 0; + } + + .prose :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + padding-inline-end: 0; + } + + .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + padding-top: .571429em; + padding-inline-end: .571429em; + padding-bottom: .571429em; + padding-inline-start: .571429em; + } + + .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + padding-inline-start: 0; + } + + .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + padding-inline-end: 0; + } + + .prose :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: 2em; + margin-bottom: 2em; + } + + .prose :where(.prose > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: 0; + } + + .prose :where(.prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-bottom: 0; + } + + .mt-0 { + margin-top: calc(var(--spacing) * 0); + } + + .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-8 { + margin-top: calc(var(--spacing) * 8); + } + + .mt-auto { + margin-top: auto; + } + + .mx-break-out { + width: calc(100vw - var(--twcb-scrollbar-width)); + margin-left: calc(50% - 50vw); + margin-right: calc(50% - 50vw); + } + + .mr-2 { + margin-right: calc(var(--spacing) * 2); + } + + .mb-0 { + margin-bottom: calc(var(--spacing) * 0); + } + + .mb-2 { + margin-bottom: calc(var(--spacing) * 2); + } + + .mb-2\.5 { + margin-bottom: calc(var(--spacing) * 2.5); + } + + .mb-3 { + margin-bottom: calc(var(--spacing) * 3); + } + + .mb-4 { + margin-bottom: calc(var(--spacing) * 4); + } + + .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-12 { + margin-bottom: calc(var(--spacing) * 12); + } + + .ml-break-out { + width: 100%; + margin-left: calc(50% - 50vw); + } + + .mr-break-out { + width: 100%; + margin-left: calc(50vw - 50%); + } + + .ml-0 { + margin-left: calc(var(--spacing) * 0); + } + + .ml-4 { + margin-left: calc(var(--spacing) * 4); + } + + .line-clamp-4 { + -webkit-line-clamp: 4; + -webkit-box-orient: vertical; + display: -webkit-box; + overflow: hidden; + } + + .block { + display: block; + } + + .contents { + display: contents; + } + + .flex { + display: flex; + } + + .grid { + display: grid; + } + + .hidden { + display: none; + } + + .inline { + display: inline; + } + + .inline-block { + display: inline-block; + } + + .table { + display: table; + } + + .aspect-video { + aspect-ratio: var(--aspect-video); + } + + .size-6 { + width: calc(var(--spacing) * 6); + height: calc(var(--spacing) * 6); + } + + .size-20 { + width: calc(var(--spacing) * 20); + height: calc(var(--spacing) * 20); + } + + .size-full { + width: 100%; + height: 100%; + } + + .h-5 { + height: calc(var(--spacing) * 5); + } + + .h-12 { + height: calc(var(--spacing) * 12); + } + + .h-auto { + height: auto; + } + + .h-full { + height: 100%; + } + + .max-h-\[300px\] { + max-height: 300px; + } + + .min-h-\[78dvh\] { + min-height: 78dvh; + } + + .w-4 { + width: calc(var(--spacing) * 4); + } + + .w-5 { + width: calc(var(--spacing) * 5); + } + + .w-full { + width: 100%; + } + + .max-w-64 { + max-width: calc(var(--spacing) * 64); + } + + .max-w-\[40\%\] { + max-width: 40%; + } + + .max-w-\[40ch\] { + max-width: 40ch; + } + + .max-w-full { + max-width: 100%; + } + + .max-w-lg { + max-width: var(--container-lg); + } + + .min-w-32 { + min-width: calc(var(--spacing) * 32); + } + + .flex-1 { + flex: 1; + } + + .flex-shrink-0 { + flex-shrink: 0; + } + + .flex-grow, .grow { + flex-grow: 1; + } + + .transform { + transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y); + } + + .cursor-default { + cursor: default; + } + + .list-inside { + list-style-position: inside; + } + + .list-outside { + list-style-position: outside; + } + + .list-none { + list-style-type: none; + } + + .grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } + + .grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + + .grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + + .grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } + + .grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); + } + + .grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); + } + + .grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); + } + + .grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); + } + + .grid-cols-\[83px_auto\] { + grid-template-columns: 83px auto; + } + + .grid-cols-\[auto_1fr_auto\] { + grid-template-columns: auto 1fr auto; + } + + .grid-cols-\[repeat\(auto-fit\,minmax\(20rem\,1fr\)\)\] { + grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); + } + + .grid-rows-\[1fr\] { + grid-template-rows: 1fr; + } + + .flex-col { + flex-direction: column; + } + + .flex-wrap { + flex-wrap: wrap; + } + + .items-center { + align-items: center; + } + + .items-start { + align-items: flex-start; + } + + .justify-between { + justify-content: space-between; + } + + .justify-center { + justify-content: center; + } + + .justify-end { + justify-content: flex-end; + } + + .justify-start { + justify-content: flex-start; + } + + .gap-2 { + gap: calc(var(--spacing) * 2); + } + + .gap-4 { + gap: calc(var(--spacing) * 4); + } + + .gap-6 { + gap: calc(var(--spacing) * 6); + } + + .gap-8 { + gap: calc(var(--spacing) * 8); + } + + .gap-10 { + gap: calc(var(--spacing) * 10); + } + + .gap-x-2 { + column-gap: calc(var(--spacing) * 2); + } + + .gap-x-4 { + column-gap: calc(var(--spacing) * 4); + } + + .gap-x-6 { + column-gap: calc(var(--spacing) * 6); + } + + .gap-x-8 { + column-gap: calc(var(--spacing) * 8); + } + + .gap-y-0 { + row-gap: calc(var(--spacing) * 0); + } + + .gap-y-2 { + row-gap: calc(var(--spacing) * 2); + } + + .gap-y-4 { + row-gap: calc(var(--spacing) * 4); + } + + .gap-y-6 { + row-gap: calc(var(--spacing) * 6); + } + + .gap-y-8 { + row-gap: calc(var(--spacing) * 8); + } + + .truncate { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + } + + .overflow-hidden { + overflow: hidden; + } + + .rounded-lg { + border-radius: var(--radius-lg); + } + + .rounded-md { + border-radius: var(--radius-md); + } + + .rounded-t-md { + border-top-left-radius: var(--radius-md); + border-top-right-radius: var(--radius-md); + } + + .rounded-l { + border-top-left-radius: .25rem; + border-bottom-left-radius: .25rem; + } + + .rounded-r { + border-top-right-radius: .25rem; + border-bottom-right-radius: .25rem; + } + + .border { + border-style: var(--tw-border-style); + border-width: 1px; + } + + .border-2 { + border-style: var(--tw-border-style); + border-width: 2px; + } + + .border-b { + border-bottom-style: var(--tw-border-style); + border-bottom-width: 1px; + } + + .border-primary-100 { + border-color: var(--color-primary-100); + } + + .border-primary-700 { + border-color: var(--color-primary-700); + } + + .border-secondary { + border-color: var(--color-secondary); + } + + .border-b-secondary { + border-bottom-color: var(--color-secondary); + } + + .bg-black { + background-color: var(--color-black); + } + + .bg-blue-500 { + background-color: var(--color-blue-500); + } + + .bg-dark { + background-color: var(--color-dark); + } + + .bg-gray-800 { + background-color: var(--color-gray-800); + } + + .bg-primary { + background-color: var(--color-primary); + } + + .bg-secondary { + background-color: var(--color-secondary); + } + + .bg-white { + background-color: var(--color-white); + } + + .bg-cover { + background-size: cover; + } + + .bg-center { + background-position: center; + } + + .bg-no-repeat { + background-repeat: no-repeat; + } + + .fill-black { + fill: var(--color-black); + } + + .fill-primary-700 { + fill: var(--color-primary-700); + } + + .object-cover { + object-fit: cover; + } + + .p-0 { + padding: calc(var(--spacing) * 0); + } + + .p-1 { + padding: calc(var(--spacing) * 1); + } + + .p-2 { + padding: calc(var(--spacing) * 2); + } + + .p-6 { + padding: calc(var(--spacing) * 6); + } + + .px-2 { + padding-inline: calc(var(--spacing) * 2); + } + + .px-3 { + padding-inline: calc(var(--spacing) * 3); + } + + .px-4 { + padding-inline: calc(var(--spacing) * 4); + } + + .py-0 { + padding-block: calc(var(--spacing) * 0); + } + + .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-8 { + padding-block: calc(var(--spacing) * 8); + } + + .py-12 { + padding-block: calc(var(--spacing) * 12); + } + + .pt-16 { + padding-top: calc(var(--spacing) * 16); + } + + .pr-8 { + padding-right: calc(var(--spacing) * 8); + } + + .pb-2 { + padding-bottom: calc(var(--spacing) * 2); + } + + .pb-4 { + padding-bottom: calc(var(--spacing) * 4); + } + + .pb-12 { + padding-bottom: calc(var(--spacing) * 12); + } + + .pl-7 { + padding-left: calc(var(--spacing) * 7); + } + + .pl-8 { + padding-left: calc(var(--spacing) * 8); + } + + .text-center { + text-align: center; + } + + .text-left { + text-align: left; + } + + .text-2xl { + font-size: var(--text-2xl); + line-height: var(--tw-leading, var(--text-2xl--line-height)); + } + + .text-4xl { + font-size: var(--text-4xl); + line-height: var(--tw-leading, var(--text-4xl--line-height)); + } + + .text-base { + font-size: var(--text-base); + line-height: var(--tw-leading, var(--text-base--line-height)); + } + + .text-sm { + font-size: var(--text-sm); + line-height: var(--tw-leading, var(--text-sm--line-height)); + } + + .text-14px { + font-size: var(--text-14px); + } + + .text-16px { + font-size: var(--text-16px); + } + + .text-18px { + font-size: var(--text-18px); + } + + .text-20px { + font-size: var(--text-20px); + } + + .text-22px { + font-size: var(--text-22px); + } + + .text-25px { + font-size: var(--text-25px); + } + + .text-30px { + font-size: var(--text-30px); + } + + .text-35px { + font-size: var(--text-35px); + } + + .text-38px { + font-size: var(--text-38px); + } + + .text-40px { + font-size: var(--text-40px); + } + + .text-45px { + font-size: var(--text-45px); + } + + .text-50px { + font-size: var(--text-50px); + } + + .text-70px { + font-size: var(--text-70px); + } + + .text-75px { + font-size: var(--text-75px); + } + + .leading-none { + --tw-leading: 1; + line-height: 1; + } + + .leading-snug { + --tw-leading: var(--leading-snug); + line-height: var(--leading-snug); + } + + .leading-tight { + --tw-leading: var(--leading-tight); + line-height: var(--leading-tight); + } + + .font-bold { + --tw-font-weight: var(--font-weight-bold); + font-weight: var(--font-weight-bold); + } + + .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); + } + + .text-balance { + text-wrap: balance; + } + + .text-black { + color: var(--color-black); + } + + .text-gray-300\! { + color: var(--color-gray-300) !important; + } + + .text-gray-600 { + color: var(--color-gray-600); + } + + .text-gray-800 { + color: var(--color-gray-800); + } + + .text-light { + color: var(--color-light); + } + + .text-secondary { + color: var(--color-secondary); + } + + .text-white { + color: var(--color-white); + } + + .uppercase { + text-transform: uppercase; + } + + .italic { + font-style: italic; + } + + .underline { + text-decoration-line: underline; + } + + .shadow-lg { + --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + + .ring-primary-700 { + --tw-ring-color: var(--color-primary-700); + } + + .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, ); + } + + .filter { + filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); + } + + .transition { + transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter; + transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); + transition-duration: var(--tw-duration, var(--default-transition-duration)); + } + + .transition-colors { + transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; + transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); + transition-duration: var(--tw-duration, var(--default-transition-duration)); + } + + .transition-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-100 { + --tw-duration: .1s; + transition-duration: .1s; + } + + .duration-300 { + --tw-duration: .3s; + transition-duration: .3s; + } + + .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; + } + + .will-change-transform { + will-change: transform; + } + + @media (hover: hover) { + .group-hover\:scale-105:is(:where(.group):hover *) { + --tw-scale-x: 105%; + --tw-scale-y: 105%; + --tw-scale-z: 105%; + scale: var(--tw-scale-x) var(--tw-scale-y); + } + } + + .marker\:text-gray-500 ::marker { + color: var(--color-gray-500); + } + + .marker\:text-gray-500::marker { + color: var(--color-gray-500); + } + + @media (hover: hover) { + .hover\:text-info\!:hover { + color: var(--color-info) !important; + } + + .hover\:underline:hover { + text-decoration-line: underline; + } + + .hover\:opacity-80:hover { + opacity: .8; + } + } + + .focus-visible\:ring-2:focus-visible { + --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + + @media (width >= 40rem) { + .sm\:col-span-1 { + grid-column: span 1 / span 1; + } + + .sm\:col-span-2 { + grid-column: span 2 / span 2; + } + + .sm\:col-span-3 { + grid-column: span 3 / span 3; + } + + .sm\:col-span-4 { + grid-column: span 4 / span 4; + } + + .sm\:col-span-5 { + grid-column: span 5 / span 5; + } + + .sm\:col-span-6 { + grid-column: span 6 / span 6; + } + + .sm\:col-span-7 { + grid-column: span 7 / span 7; + } + + .sm\:col-span-8 { + grid-column: span 8 / span 8; + } + + .sm\:mt-5 { + margin-top: calc(var(--spacing) * 5); + } + + .sm\:mt-6 { + margin-top: calc(var(--spacing) * 6); + } + + .sm\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } + + .sm\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + + .sm\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + + .sm\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } + + .sm\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); + } + + .sm\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); + } + + .sm\:grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); + } + + .sm\:grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); + } + + .sm\:justify-start { + justify-content: flex-start; + } + + .sm\:px-6 { + padding-inline: calc(var(--spacing) * 6); + } + + .sm\:py-12 { + padding-block: calc(var(--spacing) * 12); + } + + .sm\:text-center { + text-align: center; + } + + .sm\:text-5xl { + font-size: var(--text-5xl); + line-height: var(--tw-leading, var(--text-5xl--line-height)); + } + + .sm\:text-xl { + font-size: var(--text-xl); + line-height: var(--tw-leading, var(--text-xl--line-height)); + } + } + + @media (width >= 48rem) { + .md\:col-span-1 { + grid-column: span 1 / span 1; + } + + .md\:col-span-2 { + grid-column: span 2 / span 2; + } + + .md\:col-span-3 { + grid-column: span 3 / span 3; + } + + .md\:col-span-4 { + grid-column: span 4 / span 4; + } + + .md\:col-span-5 { + grid-column: span 5 / span 5; + } + + .md\:col-span-6 { + grid-column: span 6 / span 6; + } + + .md\:col-span-7 { + grid-column: span 7 / span 7; + } + + .md\:col-span-8 { + grid-column: span 8 / span 8; + } + + .md\:w-\[18em\] { + width: 18em; + } + + .md\:min-w-\[25ch\] { + min-width: 25ch; + } + + .md\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } + + .md\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + + .md\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + + .md\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } + + .md\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); + } + + .md\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); + } + + .md\:grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); + } + + .md\:grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); + } + } + + @media (width >= 64rem) { + .lg\:col-span-1 { + grid-column: span 1 / span 1; + } + + .lg\:col-span-2 { + grid-column: span 2 / span 2; + } + + .lg\:col-span-3 { + grid-column: span 3 / span 3; + } + + .lg\:col-span-4 { + grid-column: span 4 / span 4; + } + + .lg\:col-span-5 { + grid-column: span 5 / span 5; + } + + .lg\:col-span-6 { + grid-column: span 6 / span 6; + } + + .lg\:col-span-7 { + grid-column: span 7 / span 7; + } + + .lg\:col-span-8 { + grid-column: span 8 / span 8; + } + + .lg\:my-0 { + margin-block: calc(var(--spacing) * 0); + } + + .lg\:block { + display: block; + } + + .lg\:hidden { + display: none; + } + + .lg\:w-1\/2 { + width: 50%; + } + + .lg\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } + + .lg\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + + .lg\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + + .lg\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } + + .lg\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); + } + + .lg\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); + } + + .lg\:grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); + } + + .lg\:grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); + } + + .lg\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); + } + + .lg\:flex-row { + flex-direction: row; + } + + .lg\:items-center { + align-items: center; + } + + .lg\:items-start { + align-items: flex-start; + } + + .lg\:justify-end { + justify-content: flex-end; + } + + .lg\:justify-start { + justify-content: flex-start; + } + + .lg\:px-8 { + padding-inline: calc(var(--spacing) * 8); + } + + .lg\:py-16 { + padding-block: calc(var(--spacing) * 16); + } + + .lg\:text-left { + text-align: left; + } + + .lg\:text-5xl { + font-size: var(--text-5xl); + line-height: var(--tw-leading, var(--text-5xl--line-height)); + } + + .lg\:text-6xl { + font-size: var(--text-6xl); + line-height: var(--tw-leading, var(--text-6xl--line-height)); + } + + .lg\:text-lg { + font-size: var(--text-lg); + line-height: var(--tw-leading, var(--text-lg--line-height)); + } + } + + @media (width >= 70rem) { + .xl\:col-span-1 { + grid-column: span 1 / span 1; + } + + .xl\:col-span-2 { + grid-column: span 2 / span 2; + } + + .xl\:col-span-3 { + grid-column: span 3 / span 3; + } + + .xl\:col-span-4 { + grid-column: span 4 / span 4; + } + + .xl\:col-span-5 { + grid-column: span 5 / span 5; + } + + .xl\:col-span-6 { + grid-column: span 6 / span 6; + } + + .xl\:col-span-7 { + grid-column: span 7 / span 7; + } + + .xl\:col-span-8 { + grid-column: span 8 / span 8; + } + + .xl\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } + + .xl\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + + .xl\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + + .xl\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } + + .xl\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); + } + + .xl\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); + } + + .xl\:grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); + } + + .xl\:grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); + } + + .xl\:gap-16 { + gap: calc(var(--spacing) * 16); + } + + .xl\:text-7xl { + font-size: var(--text-7xl); + line-height: var(--tw-leading, var(--text-7xl--line-height)); + } + + .xl\:text-xl { + font-size: var(--text-xl); + line-height: var(--tw-leading, var(--text-xl--line-height)); + } + } + + @media (width >= 96rem) { + .\32 xl\:col-span-1 { + grid-column: span 1 / span 1; + } + + .\32 xl\:col-span-2 { + grid-column: span 2 / span 2; + } + + .\32 xl\:col-span-3 { + grid-column: span 3 / span 3; + } + + .\32 xl\:col-span-4 { + grid-column: span 4 / span 4; + } + + .\32 xl\:col-span-5 { + grid-column: span 5 / span 5; + } + + .\32 xl\:col-span-6 { + grid-column: span 6 / span 6; + } + + .\32 xl\:col-span-7 { + grid-column: span 7 / span 7; + } + + .\32 xl\:col-span-8 { + grid-column: span 8 / span 8; + } + + .\32 xl\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } + + .\32 xl\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + + .\32 xl\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + + .\32 xl\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } + + .\32 xl\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); + } + + .\32 xl\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); + } + + .\32 xl\:grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); + } + + .\32 xl\:grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); + } + } + + .prose-p\:mb-4 :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-bottom: calc(var(--spacing) * 4); + } + + .prose-p\:text-14px :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + font-size: var(--text-14px); + } + + .prose-p\:text-balance :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + text-wrap: balance; + } + + @media (hover: hover) { + .hover\:prose-img\:origin-center:hover :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + transform-origin: center; + } + + .hover\:prose-img\:scale-110:hover :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + --tw-scale-x: 110%; + --tw-scale-y: 110%; + --tw-scale-z: 110%; + scale: var(--tw-scale-x) var(--tw-scale-y); + } + + .hover\:prose-img\:duration-500:hover :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + --tw-duration: .5s; + transition-duration: .5s; + } + } +} + +main#maincontent { + color: var(--color-on-surface, #e3e1e9); + background-color: #0000; + margin: 0; + padding: 0 0 4rem; +} + +.container { + width: 100%; + margin: 0 auto; + padding-inline: clamp(1.5rem, 5vw, 3rem); +} + +.section { + margin-block: var(--spacing-section); + padding-inline: var(--spacing-section); + position: relative; +} + +.section:first-child { + margin-top: calc(var(--spacing) * 0); +} + +.section:last-child, .section p:last-child { + margin-bottom: calc(var(--spacing) * 0); +} + +.section.has-background { + padding-block: var(--spacing-section); + background-repeat: no-repeat; + background-size: cover; +} + +.content-wrapper .alignfull, .content-wrapper .alignwide { + max-width: 100%; +} + +.content-wrapper .alignleft { + float: none; + margin-right: auto; + margin-left: calc(var(--spacing) * 0); +} + +.content-wrapper .alignright { + float: none; + margin-right: calc(var(--spacing) * 0); + margin-left: auto; +} + +.content-wrapper .aligncenter { + margin-inline: auto; +} + +.embed { + height: 0; + padding-bottom: 56.25%; + position: relative; + overflow: hidden; +} + +.embed iframe, .embed object, .embed embed, .embed video { + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} + +body { + color: var(--color-on-surface, #e3e1e9); + font-family: var(--font-sans); + font-size: var(--text-base); + line-height: var(--line-height); + background-color: #100e0b; +} + +::selection { + background: var(--color-warning); +} + +a, .link { + color: var(--color-bodylinks); + cursor: pointer; + text-decoration: none; + transition: color .2s; +} + +:is(a, .link):hover { + color: var(--color-primary); +} + +h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a { + color: inherit; + text-decoration: underline; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +ul { + list-style-type: disc; +} + +ol { + list-style-type: decimal; +} + +li ul, li ol { + margin: 0 1rem; +} + +ol ol { + list-style: lower-alpha; +} + +ol ol ol { + list-style: lower-roman; +} + +ol ol ol ol { + list-style: lower-alpha; +} + +pre, code, samp, style { + font-family: monospace; +} + +pre { + padding: 1.5rem; + font-size: .875rem; + overflow: auto; +} + +pre code { + background-color: inherit; + color: inherit; + border-radius: 0; + padding: 0; +} + +code { + border-radius: var(--radius-sm); + background-color: color-mix(in oklab, var(--color-black) 30%, transparent); + padding-inline: 3px; + padding-block: calc(var(--spacing) * .5); + font-family: var(--font-mono); + font-size: var(--text-xs); + line-height: var(--tw-leading, var(--text-xs--line-height)); + color: var(--color-black); +} + +hr { + background-color: #000; + border: none; + width: 100%; + height: 1px; + margin: 1rem 0; + display: block; +} + +.skip-link { + opacity: 1; + text-align: center; + z-index: 999; + width: 15rem; + max-width: 90vw; + margin: 0 auto; + padding: 1rem; + font-size: larger; + font-weight: 600; + transition: transform .1875s ease-out; + position: absolute; + top: .5rem; + left: 0; + right: 0; + color: #000 !important; + background-color: #f6ff00 !important; + border-color: #f6ff00 !important; + outline-color: #f6ff00 !important; +} + +.skip-link:not(:focus):not(:hover) { + opacity: 0; + transform: translateY(-4em); +} + +input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input[type="password"], input[type="date"], select, textarea { + border-style: var(--tw-border-style); + border-width: 2px; + border-color: var(--color-primary); + width: 100%; + padding-inline: calc(var(--spacing) * 4); + padding-block: calc(var(--spacing) * 2); + background-color: var(--color-white); + color: var(--color-black); + font-size: inherit; + line-height: inherit; + border-radius: .25rem; +} + +:is(input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input[type="password"], input[type="date"], select, textarea):focus-visible { + outline-style: var(--tw-outline-style); + outline-offset: 3px; + outline-width: 2px; + outline-color: var(--color-primary); + border-color: #0000; +} + +.gform_wrapper { + max-width: 100%; + margin-inline: auto; +} + +.gform_wrapper .gform_fields { + color: var(--color-black); +} + +.gform_wrapper fieldset.gfield { + margin-bottom: calc(var(--spacing) * 6); +} + +.gform_wrapper legend, .gform_wrapper label { + margin-bottom: calc(var(--spacing) * 2); + font-size: var(--text-lg); + line-height: var(--tw-leading, var(--text-lg--line-height)); + --tw-font-weight: var(--font-weight-bold); + font-weight: var(--font-weight-bold); +} + +.gform_wrapper label.gform-field-label--type-sub { + font-size: var(--text-base); + line-height: var(--tw-leading, var(--text-base--line-height)); + --tw-font-weight: var(--font-weight-normal); + font-weight: var(--font-weight-normal); +} + +.gform_wrapper .gfield_required { + margin-left: calc(var(--spacing) * 1); + font-size: var(--text-xs); + line-height: var(--tw-leading, var(--text-xs--line-height)); + --tw-font-weight: var(--font-weight-bold); + font-weight: var(--font-weight-bold); + color: var(--color-danger); +} + +.gform_wrapper .dark input[type="text"], .gform_wrapper .dark input[type="email"], .gform_wrapper .dark input[type="tel"], .gform_wrapper .dark input[type="url"], .gform_wrapper .dark input[type="number"], .gform_wrapper .dark input[type="password"], .gform_wrapper .dark input[type="date"], .gform_wrapper .dark select, .gform_wrapper .dark textarea { + background-color: var(--color-white); + color: var(--color-black); +} + +:is(.gform_wrapper .dark input[type="text"], .gform_wrapper .dark input[type="email"], .gform_wrapper .dark input[type="tel"], .gform_wrapper .dark input[type="url"], .gform_wrapper .dark input[type="number"], .gform_wrapper .dark input[type="password"], .gform_wrapper .dark input[type="date"], .gform_wrapper .dark select, .gform_wrapper .dark textarea):focus-visible { + outline-style: var(--tw-outline-style); + outline-offset: 3px; + outline-width: 2px; + outline-color: var(--color-primary); + border-color: #0000; +} + +@media (width >= 40rem) { + .gform_wrapper .ginput_complex { + display: flex; + } +} + +.gform_wrapper .ginput_complex span { + flex-grow: 1; + display: block; +} + +.gform_wrapper .ginput_complex span:not(:first-child) { + margin-top: calc(var(--spacing) * 6); +} + +@media (width >= 40rem) { + .gform_wrapper .ginput_complex span:not(:first-child) { + margin-top: calc(var(--spacing) * 0); + margin-left: calc(var(--spacing) * 4); + } +} + +.gform_wrapper .gform_footer { + margin-top: calc(var(--spacing) * 8); +} + +.gform_wrapper h2.gform_submission_error { + margin-block: calc(var(--spacing) * 4); + font-size: var(--text-xl); + line-height: var(--tw-leading, var(--text-xl--line-height)); + --tw-font-weight: var(--font-weight-bold); + font-weight: var(--font-weight-bold); + color: var(--color-danger); +} + +.gform_wrapper .validation_message { + color: var(--color-danger); + font-style: italic; +} + +.gform_wrapper .hidden_label > label { + display: none; +} + +.wp-block-search__input { + border-style: var(--tw-border-style); + width: 100%; + padding-inline: calc(var(--spacing) * 4); + padding-block: calc(var(--spacing) * 2); + appearance: none; + border-width: 2px; + border-color: #0000; + border-radius: .25rem; + flex-grow: 1; + min-width: 3rem; + margin-left: 0; + margin-right: 0; + -webkit-text-decoration: unset !important; + -webkit-text-decoration: unset !important; + text-decoration: unset !important; +} + +.wp-block-search__input:focus-visible { + border-color: var(--color-primary); + background-color: var(--color-secondary-300); +} + +.menu-vdi { + display: none; +} + +.menu-vdi > li { + list-style-type: none; +} + +@media (hover: hover) { + .menu-vdi > li > a:hover { + text-decoration-line: underline; + } +} + +.menu-vdi > li > a:focus-visible, .menu-vdi > li a[aria-current="true"] { + text-decoration-line: underline; +} + +.menu-vdi > li .menu-vdi__toggle[aria-expanded="true"] svg { + rotate: 180deg; +} + +.menu-vdi > li .menu-vdi__toggle[aria-expanded="true"] + .menu-vdi__submenu { + display: flex; +} + +.menu-vdi .menu-vdi__submenu { + z-index: 10; + width: 100%; + display: none; +} + +@media (width >= 22.5rem) { + .menu-vdi .menu-vdi__submenu { + max-width: 22.5rem; + } +} + +@media (width >= 29.6875rem) { + .menu-vdi .menu-vdi__submenu { + max-width: 29.6875rem; + } +} + +@media (width >= 40rem) { + .menu-vdi .menu-vdi__submenu { + max-width: 40rem; + } +} + +@media (width >= 48rem) { + .menu-vdi .menu-vdi__submenu { + max-width: 48rem; + } +} + +@media (width >= 64rem) { + .menu-vdi .menu-vdi__submenu { + max-width: 64rem; + } +} + +@media (width >= 70rem) { + .menu-vdi .menu-vdi__submenu { + max-width: 70rem; + } +} + +@media (width >= 96rem) { + .menu-vdi .menu-vdi__submenu { + max-width: 96rem; + } +} + +.menu-vdi .menu-vdi__submenu .menu-vdi__item--grandchild a { + text-decoration-line: none; +} + +@media (hover: hover) { + .menu-vdi .menu-vdi__submenu .menu-vdi__item--grandchild a:hover { + text-decoration-line: underline; + } +} + +.menu-vdi .menu-vdi__submenu .menu-vdi__item--grandchild a:focus-visible { + text-decoration-line: underline; +} + +@media screen and (width <= 62.5rem) { + #app:has(.nav-main__toggle[aria-expanded="true"]) { + height: calc(100vh - var(--hgtHeader)); + } + + .nav-main__toggle .nav-toggle-hamburger { + display: inline-block !important; + } + + .nav-main__toggle .nav-toggle-x, .nav-main__toggle[aria-expanded="true"] .nav-toggle-hamburger { + display: none !important; + } + + .nav-main__toggle[aria-expanded="true"] .nav-toggle-x { + display: inline-block !important; + } + + .nav-main .nav-main__toggle[aria-expanded="true"] + ul { + display: flex; + position: absolute; + } + + .nav-main .menu-vdi { + right: calc(var(--spacing) * 0); + z-index: 10; + position: absolute; + } + + .nav-main .menu-vdi .menu-vdi__toggle { + align-items: center; + gap: calc(var(--spacing) * 2); + display: flex; + } + + .nav-aux .menu-vdi__submenu { + list-style-type: none; + position: absolute; + } +} + +@media screen and (width >= 62.5rem) { + .nav-main__toggle { + display: none; + } + + .menu-vdi { + list-style-type: none; + display: flex; + } + + .menu-vdi .menu-vdi__toggle { + align-items: center; + gap: calc(var(--spacing) * 2); + display: flex; + } + + .menu-vdi .menu-vdi__submenu { + list-style-type: none; + position: absolute; + } +} + +.nav-aux { + margin: calc(var(--spacing) * 0); + justify-content: flex-end; + align-items: center; + gap: calc(var(--spacing) * 2); + padding: calc(var(--spacing) * 0); + flex-wrap: wrap; + display: flex; + position: relative; +} + +.nav-aux .menu-vdi { + margin: calc(var(--spacing) * 0); + align-items: center; + gap: calc(var(--spacing) * 4); + column-gap: calc(var(--spacing) * 4); + row-gap: calc(var(--spacing) * 2); + padding: calc(var(--spacing) * 0); + flex-wrap: wrap; + display: flex; + position: relative; +} + +.nav-aux .menu-vdi .menu-vdi__toggle { + align-items: center; + gap: calc(var(--spacing) * 2); + display: flex; +} + +@media (hover: hover) { + .nav-aux .menu-vdi .menu-vdi__toggle:hover { + text-decoration-line: underline; + } +} + +.nav-aux .menu-vdi .menu-vdi__toggle:focus-visible { + text-decoration-line: underline; +} + +@media screen and (width >= 62.5rem) { + .nav-aux { + gap: calc(var(--spacing) * 4); + } + + .nav-aux .menu-vdi { + justify-content: flex-end; + } + + .nav-aux .menu-vdi .menu-vdi__toggle { + align-items: center; + gap: calc(var(--spacing) * 2); + display: flex; + } + + .nav-main .menu-vdi { + margin: calc(var(--spacing) * 0); + padding: calc(var(--spacing) * 0); + justify-content: flex-end; + align-items: center; + display: flex; + } + + .nav-main .menu-vdi > li > a, .nav-main .menu-vdi > li > .menu-vdi__toggle { + font-size: var(--text-20px); + --tw-leading: var(--leading-snug); + line-height: var(--leading-snug); + --tw-font-weight: var(--font-weight-bold); + font-weight: var(--font-weight-bold); + color: var(--color-black); + margin-inline: calc(var(--spacing) * 4); + padding: calc(var(--spacing) * 0); + text-decoration-line: none; + } + + @media (hover: hover) { + :is(.nav-main .menu-vdi > li > a, .nav-main .menu-vdi > li > .menu-vdi__toggle):hover { + color: var(--color-light); + } + } + + .menu-vdi .menu-vdi__toggle { + align-items: center; + gap: calc(var(--spacing) * 2); + display: flex; + } + + .menu-vdi .menu-vdi__item--parent { + position: relative; + } + + .menu-vdi .menu-vdi__submenu { + left: calc(var(--spacing) * 4); + width: calc(var(--spacing) * 64); + background-color: var(--color-white); + --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + flex-direction: column; + top: calc(100% + 1rem); + } + + .menu-vdi .menu-vdi__submenu > li { + width: 100%; + } + + .menu-vdi .menu-vdi__submenu .menu-vdi__item { + font-size: var(--text-18px); + --tw-leading: var(--leading-snug); + line-height: var(--leading-snug); + --tw-font-weight: var(--font-weight-bold); + font-weight: var(--font-weight-bold); + color: var(--color-black); + width: 100%; + text-decoration-line: none; + display: block; + } + + @media (hover: hover) { + .menu-vdi .menu-vdi__submenu .menu-vdi__item:hover { + color: var(--color-light); + background-color: var(--color-secondary-200); + } + } + + .menu-vdi .menu-vdi__submenu .menu-vdi__item:focus-visible { + background-color: var(--color-secondary-200); + } + + .menu-vdi .menu-vdi__submenu .menu-vdi__item a { + width: 100%; + display: block; + } + + .menu-vdi .menu-vdi__submenu a.menu-vdi__item, .menu-vdi .menu-vdi__submenu .menu-vdi__item a { + padding: calc(var(--spacing) * 4); + } +} + +@media screen and (width <= 62.5rem) { + .nav-main .nav-main__toggle { + padding: calc(var(--spacing) * 3); + color: var(--color-white); + } + + .nav-main .menu-vdi--sliding { + right: calc(var(--spacing) * 0); + z-index: 10; + background-color: var(--color-white); + width: 95%; + padding-block: calc(var(--spacing) * 6); + top: var(--hgtHeader); + min-height: calc(100vh - var(--hgtHeader)); + display: none; + position: absolute; + overflow: hidden; + } + + .nav-main .menu-vdi--sliding .menu-vdi__viewport { + 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)); + --tw-duration: .3s; + --tw-ease: var(--ease-in-out); + transition-duration: .3s; + transition-timing-function: var(--ease-in-out); + width: 100%; + display: flex; + } + + .nav-main .menu-vdi--sliding .menu-vdi__level { + flex-direction: column; + flex-shrink: 0; + width: 100%; + min-width: 100%; + } + + .nav-main .menu-vdi--sliding .menu-vdi__back { + cursor: pointer; + align-items: center; + gap: calc(var(--spacing) * 2); + border-bottom-style: var(--tw-border-style); + border-bottom-width: 1px; + border-color: var(--color-gray-200); + padding: calc(var(--spacing) * 4); + --tw-font-weight: var(--font-weight-bold); + font-weight: var(--font-weight-bold); + color: var(--color-black); + display: flex; + } + + @media (hover: hover) { + .nav-main .menu-vdi--sliding .menu-vdi__back:hover { + background-color: var(--color-secondary-200); + } + } + + .nav-main .menu-vdi--sliding .menu-vdi__back:focus-visible { + background-color: var(--color-secondary-200); + } + + .nav-main .menu-vdi--sliding .menu-vdi__back svg { + height: calc(var(--spacing) * 5); + width: calc(var(--spacing) * 5); + } + + .nav-main .menu-vdi--sliding .menu-vdi__level-title { + border-bottom-style: var(--tw-border-style); + border-bottom-width: 1px; + border-color: var(--color-gray-200); + background-color: var(--color-gray-50); + padding: calc(var(--spacing) * 4); + text-align: center; + font-size: var(--text-lg); + line-height: var(--tw-leading, var(--text-lg--line-height)); + --tw-font-weight: var(--font-weight-bold); + font-weight: var(--font-weight-bold); + } + + .nav-main .menu-vdi--sliding .menu-vdi__item a, .nav-main .menu-vdi--sliding .menu-vdi__item button { + font-size: var(--text-20px); + --tw-leading: var(--leading-snug); + line-height: var(--leading-snug); + --tw-font-weight: var(--font-weight-bold); + font-weight: var(--font-weight-bold); + color: var(--color-black); + width: 100%; + padding: calc(var(--spacing) * 4); + text-decoration-line: none; + display: block; + } + + @media (hover: hover) { + :is(.nav-main .menu-vdi--sliding .menu-vdi__item a, .nav-main .menu-vdi--sliding .menu-vdi__item button):hover { + color: var(--color-light); + background-color: var(--color-secondary-200); + } + } + + :is(.nav-main .menu-vdi--sliding .menu-vdi__item a, .nav-main .menu-vdi--sliding .menu-vdi__item button):focus-visible { + background-color: var(--color-secondary-200); + } + + .nav-main .menu-vdi--sliding .menu-vdi__item a { + width: 100%; + display: block; + } + + .nav-main .menu-vdi--sliding .menu-vdi__item button { + justify-content: space-between; + align-items: center; + width: 100%; + display: flex; + } + + .nav-main .menu-vdi--sliding .menu-vdi__item button svg { + height: calc(var(--spacing) * 5); + width: calc(var(--spacing) * 5); + } + + .nav-main .menu-vdi--sliding .menu-vdi__toggle[aria-expanded="true"] svg { + rotate: none; + } + + .nav-main .menu-vdi--sliding .menu-vdi__toggle[aria-expanded="true"] + .menu-vdi__submenu, .nav-main .menu-vdi--sliding .menu-vdi__submenu { + display: none; + } + + .nav-main .menu-vdi--sliding .menu-vdi__level-items { + flex-direction: column; + } + + .nav-main .menu-vdi--sliding .menu-vdi__level-items .menu-vdi__item { + width: 100%; + } + + .nav-main .menu-vdi--sliding .menu-vdi__level-items .menu-vdi__item a { + width: 100%; + padding: calc(var(--spacing) * 4); + text-decoration-line: none; + display: block; + } + + .nav-main .menu-vdi--sliding .menu-vdi__level-items .menu-vdi__item span { + width: 100%; + padding: calc(var(--spacing) * 4); + --tw-font-weight: var(--font-weight-bold); + font-weight: var(--font-weight-bold); + display: block; + } + + .nav-main .menu-vdi--sliding .menu-vdi__level-items .menu-vdi__nested-items { + display: block; + } + + .nav-main .menu-vdi--sliding .menu-vdi__level-items .menu-vdi__nested-items .menu-vdi__item { + width: 100%; + } + + .nav-main .menu-vdi--sliding .menu-vdi__level-items .menu-vdi__nested-items .menu-vdi__item a { + width: 100%; + padding: calc(var(--spacing) * 4); + padding-left: calc(var(--spacing) * 8); + text-decoration-line: none; + display: block; + } + + .nav-main .nav-main__toggle[aria-expanded="true"] + .menu-vdi--sliding { + display: block !important; + } +} + +@media screen and (width >= 62.5rem) { + .nav-footer .menu-vdi { + margin: calc(var(--spacing) * 0); + padding: calc(var(--spacing) * 0); + flex-direction: column; + justify-content: flex-start; + align-items: flex-start; + display: flex; + } + + .nav-footer .menu-vdi > li > a { + font-size: var(--text-18px); + --tw-leading: var(--leading-snug); + line-height: var(--leading-snug); + --tw-font-weight: var(--font-weight-normal); + font-weight: var(--font-weight-normal); + color: var(--color-secondary); + margin-inline: calc(var(--spacing) * 0); + padding: calc(var(--spacing) * 0); + text-decoration-line: none; + } +} + +@media screen and (width <= 62.5rem) { + .nav-footer .nav-footer__toggle { + padding: calc(var(--spacing) * 3); + color: var(--color-primary); + } + + .nav-footer .menu-vdi { + width: 95%; + padding-block: calc(var(--spacing) * 6); + flex-direction: column; + } + + .nav-footer .menu-vdi .menu-vdi__submenu { + padding-inline: calc(var(--spacing) * 7); + padding-block: calc(var(--spacing) * 2); + flex-direction: column; + } + + .nav-footer .menu-vdi .menu-vdi__item a, .nav-footer .menu-vdi .menu-vdi__item button { + font-size: var(--text-lg); + line-height: var(--tw-leading, var(--text-lg--line-height)); + --tw-leading: var(--leading-snug); + line-height: var(--leading-snug); + --tw-font-weight: var(--font-weight-normal); + font-weight: var(--font-weight-normal); + width: 100%; + padding: calc(var(--spacing) * 4); + display: block; + } + + @media (hover: hover) { + :is(.nav-footer .menu-vdi .menu-vdi__item a, .nav-footer .menu-vdi .menu-vdi__item button):hover { + background-color: var(--color-secondary-200); + } + } + + :is(.nav-footer .menu-vdi .menu-vdi__item a, .nav-footer .menu-vdi .menu-vdi__item button):focus-visible { + background-color: var(--color-secondary-200); + } + + .nav-footer .menu-vdi .menu-vdi__item a { + width: 100%; + display: block; + } + + .nav-footer .menu-vdi .menu-vdi__item button { + justify-content: space-between; + width: 100%; + display: flex; + } +} + +@media screen and (width >= 62.5rem) { + .nav-footer .menu-vdi .menu-vdi__toggle { + margin-top: calc(var(--spacing) * 3); + padding-bottom: calc(var(--spacing) * 1); + font-size: var(--text-20px); + --tw-font-weight: var(--font-weight-semibold); + font-weight: var(--font-weight-semibold); + text-decoration-line: underline; + } + + .nav-footer .menu-vdi .menu-vdi__toggle > svg { + display: none; + } + + .nav-footer .menu-vdi .menu-vdi__item--parent { + position: static; + } + + .nav-footer .menu-vdi .menu-vdi__submenu { + margin: calc(var(--spacing) * 0); + margin-bottom: calc(var(--spacing) * 3); + padding: calc(var(--spacing) * 0); + padding-left: calc(var(--spacing) * 2); + --tw-shadow: 0 0 #0000; + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + display: block; + position: static; + } + + .nav-footer .menu-vdi .menu-vdi__submenu > li { + margin: calc(var(--spacing) * 0); + width: 100%; + padding: calc(var(--spacing) * 0); + } + + .nav-footer .menu-vdi .menu-vdi__submenu .menu-vdi__item { + font-size: var(--text-18px); + --tw-leading: var(--leading-snug); + line-height: var(--leading-snug); + --tw-font-weight: var(--font-weight-normal); + font-weight: var(--font-weight-normal); + width: 100%; + display: block; + } + + @media (hover: hover) { + .nav-footer .menu-vdi .menu-vdi__submenu .menu-vdi__item:hover { + background-color: var(--color-secondary-200); + } + } + + .nav-footer .menu-vdi .menu-vdi__submenu .menu-vdi__item:focus-visible { + background-color: var(--color-secondary-200); + } + + .nav-footer .menu-vdi .menu-vdi__submenu .menu-vdi__item a { + width: 100%; + display: block; + } + + .nav-footer .menu-vdi .menu-vdi__submenu a.menu-vdi__item, .nav-footer .menu-vdi .menu-vdi__submenu .menu-vdi__item a { + padding: calc(var(--spacing) * 0); + color: var(--color-secondary); + } +} + +@font-face { + font-family: Lineicons; + src: url("../../styles/fonts/Lineicons.woff2") format("woff2"), url("../../styles/fonts/Lineicons.svg") format("svg"); +} + +[class^="lni-"], [class*=" lni-"], [class^="icon-"], [class*=" icon-"], [class^="lni-"]:before, [class*=" lni-"]:before, [class^="icon-"]:before, [class*=" icon-"]:before { + speak: never; + -webkit-text-decoration: inherit; + -webkit-text-decoration: inherit; + text-decoration: inherit; + vertical-align: middle; + text-align: center; + font-variant: normal; + text-transform: none; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + font-family: Lineicons, sans-serif; + font-size: 120%; + font-style: normal; + display: inline-block; +} + +.circular-icon { + box-sizing: content-box; + background-color: var(--color-secondary); + color: var(--color-gray-800); + --size: 3rem; + height: var(--size); + text-align: center; + width: var(--size); + border-radius: 3.40282e38px; + display: inline-block; +} + +.circular-icon i { + height: var(--size); + line-height: var(--size); + text-align: center; + vertical-align: middle; + width: var(--size); + display: inline-block; +} + +i.circular-icon:before, .circular-icon span { + line-height: var(--size) !important; +} + +.lni-is-spinning { + animation: 1s linear infinite lni-spin; +} + +@keyframes lni-spin { + 0% { + transform: rotate(0); + } + + 100% { + transform: rotate(360deg); + } +} + +.lni-rotate-90 { + transform: rotate(90deg); +} + +.lni-rotate-180 { + transform: rotate(180deg); +} + +.lni-rotate-270 { + transform: rotate(270deg); +} + +.lni-flip-y { + transform: scaleY(-1); +} + +.lni-flip-x { + transform: scaleX(-1); +} + +.lni-500px:before, .icon-500px:before { + content: ""; +} + +.lni-adobe:before, .icon-adobe:before { + content: ""; +} + +.lni-adonis:before, .icon-adonis:before { + content: ""; +} + +.lni-aeroplane-1:before, .icon-aeroplane-1:before { + content: ""; +} + +.lni-agenda:before, .icon-agenda:before { + content: ""; +} + +.lni-airbnb:before, .icon-airbnb:before { + content: ""; +} + +.lni-airtable:before, .icon-airtable:before { + content: ""; +} + +.lni-alarm-1:before, .icon-alarm-1:before { + content: ""; +} + +.lni-align-text-center:before, .icon-align-text-center:before { + content: ""; +} + +.lni-align-text-left:before, .icon-align-text-left:before { + content: ""; +} + +.lni-align-text-right:before, .icon-align-text-right:before { + content: ""; +} + +.lni-alpinejs:before, .icon-alpinejs:before { + content: ""; +} + +.lni-amazon:before, .icon-amazon:before { + content: ""; +} + +.lni-amazon-original:before, .icon-amazon-original:before { + content: ""; +} + +.lni-amazon-pay:before, .icon-amazon-pay:before { + content: ""; +} + +.lni-ambulance-1:before, .icon-ambulance-1:before { + content: ""; +} + +.lni-amd:before, .icon-amd:before { + content: ""; +} + +.lni-amex:before, .icon-amex:before { + content: ""; +} + +.lni-anchor:before, .icon-anchor:before { + content: ""; +} + +.lni-android:before, .icon-android:before { + content: ""; +} + +.lni-android-old:before, .icon-android-old:before { + content: ""; +} + +.lni-angellist:before, .icon-angellist:before { + content: ""; +} + +.lni-angle-double-down:before, .icon-angle-double-down:before { + content: ""; +} + +.lni-angle-double-left:before, .icon-angle-double-left:before { + content: ""; +} + +.lni-angle-double-right:before, .icon-angle-double-right:before { + content: ""; +} + +.lni-angle-double-up:before, .icon-angle-double-up:before { + content: ""; +} + +.lni-angular:before, .icon-angular:before { + content: ""; +} + +.lni-app-store:before, .icon-app-store:before { + content: ""; +} + +.lni-apple-brand:before, .icon-apple-brand:before, .lni-apple:before, .icon-apple:before { + content: ""; +} + +.lni-apple-music:before, .icon-apple-music:before { + content: ""; +} + +.lni-apple-music-alt:before, .icon-apple-music-alt:before { + content: ""; +} + +.lni-apple-pay:before, .icon-apple-pay:before { + content: ""; +} + +.lni-arc-browser:before, .icon-arc-browser:before { + content: ""; +} + +.lni-arrow-all-direction:before, .icon-arrow-all-direction:before { + content: ""; +} + +.lni-arrow-angular-top-left:before, .icon-arrow-angular-top-left:before { + content: ""; +} + +.lni-arrow-angular-top-right:before, .icon-arrow-angular-top-right:before { + content: ""; +} + +.lni-arrow-both-direction-horizontal-1:before, .icon-arrow-both-direction-horizontal-1:before { + content: ""; +} + +.lni-arrow-both-direction-vertical-1:before, .icon-arrow-both-direction-vertical-1:before { + content: ""; +} + +.lni-arrow-downward:before, .icon-arrow-downward:before { + content: ""; +} + +.lni-arrow-left:before, .icon-arrow-left:before { + content: ""; +} + +.lni-arrow-left-circle:before, .icon-arrow-left-circle:before { + content: ""; +} + +.lni-arrow-right:before, .icon-arrow-right:before { + content: ""; +} + +.lni-arrow-right-circle:before, .icon-arrow-right-circle:before { + content: ""; +} + +.lni-arrow-upward:before, .icon-arrow-upward:before { + content: ""; +} + +.lni-asana:before, .icon-asana:before { + content: ""; +} + +.lni-astro:before, .icon-astro:before { + content: ""; +} + +.lni-atlassian:before, .icon-atlassian:before { + content: ""; +} + +.lni-audi:before, .icon-audi:before { + content: ""; +} + +.lni-audi-alt:before, .icon-audi-alt:before { + content: ""; +} + +.lni-aws:before, .icon-aws:before { + content: ""; +} + +.lni-azure:before, .icon-azure:before { + content: ""; +} + +.lni-badge-decagram-percent:before, .icon-badge-decagram-percent:before { + content: ""; +} + +.lni-balloons:before, .icon-balloons:before { + content: ""; +} + +.lni-ban-2:before, .icon-ban-2:before { + content: ""; +} + +.lni-bar-chart-4:before, .icon-bar-chart-4:before { + content: ""; +} + +.lni-bar-chart-dollar:before, .icon-bar-chart-dollar:before { + content: ""; +} + +.lni-basket-shopping-3:before, .icon-basket-shopping-3:before { + content: ""; +} + +.lni-beat:before, .icon-beat:before { + content: ""; +} + +.lni-behance:before, .icon-behance:before { + content: ""; +} + +.lni-bell-1:before, .icon-bell-1:before { + content: ""; +} + +.lni-bike:before, .icon-bike:before { + content: ""; +} + +.lni-bing:before, .icon-bing:before { + content: ""; +} + +.lni-bitbucket:before, .icon-bitbucket:before { + content: ""; +} + +.lni-bitcoin:before, .icon-bitcoin:before { + content: ""; +} + +.lni-bittorrent:before, .icon-bittorrent:before { + content: ""; +} + +.lni-blogger:before, .icon-blogger:before { + content: ""; +} + +.lni-blogger-alt:before, .icon-blogger-alt:before { + content: ""; +} + +.lni-bluetooth:before, .icon-bluetooth:before { + content: ""; +} + +.lni-bluetooth-logo:before, .icon-bluetooth-logo:before { + content: ""; +} + +.lni-bmw:before, .icon-bmw:before { + content: ""; +} + +.lni-board-writing-3:before, .icon-board-writing-3:before { + content: ""; +} + +.lni-bold:before, .icon-bold:before { + content: ""; +} + +.lni-bolt-2:before, .icon-bolt-2:before { + content: ""; +} + +.lni-bolt-3:before, .icon-bolt-3:before { + content: ""; +} + +.lni-book-1:before, .icon-book-1:before { + content: ""; +} + +.lni-bookmark-1:before, .icon-bookmark-1:before { + content: ""; +} + +.lni-bookmark-circle:before, .icon-bookmark-circle:before { + content: ""; +} + +.lni-books-2:before, .icon-books-2:before { + content: ""; +} + +.lni-bootstrap-5:before, .icon-bootstrap-5:before { + content: ""; +} + +.lni-bootstrap-5-square:before, .icon-bootstrap-5-square:before { + content: ""; +} + +.lni-box-archive-1:before, .icon-box-archive-1:before { + content: ""; +} + +.lni-box-closed:before, .icon-box-closed:before { + content: ""; +} + +.lni-box-gift-1:before, .icon-box-gift-1:before { + content: ""; +} + +.lni-brave:before, .icon-brave:before { + content: ""; +} + +.lni-bricks:before, .icon-bricks:before { + content: ""; +} + +.lni-bridge-3:before, .icon-bridge-3:before { + content: ""; +} + +.lni-briefcase-1:before, .icon-briefcase-1:before { + content: ""; +} + +.lni-briefcase-2:before, .icon-briefcase-2:before { + content: ""; +} + +.lni-briefcase-plus-1:before, .icon-briefcase-plus-1:before { + content: ""; +} + +.lni-brush-1-rotated:before, .icon-brush-1-rotated:before { + content: ""; +} + +.lni-brush-2:before, .icon-brush-2:before { + content: ""; +} + +.lni-btc:before, .icon-btc:before { + content: ""; +} + +.lni-bug-1:before, .icon-bug-1:before { + content: ""; +} + +.lni-buildings-1:before, .icon-buildings-1:before { + content: ""; +} + +.lni-bulb-2:before, .icon-bulb-2:before { + content: ""; +} + +.lni-bulb-4:before, .icon-bulb-4:before { + content: ""; +} + +.lni-burger-1:before, .icon-burger-1:before { + content: ""; +} + +.lni-burger-drink:before, .icon-burger-drink:before { + content: ""; +} + +.lni-bus-1:before, .icon-bus-1:before { + content: ""; +} + +.lni-busket-ball:before, .icon-busket-ball:before { + content: ""; +} + +.lni-cake-1:before, .icon-cake-1:before { + content: ""; +} + +.lni-calculator-1:before, .icon-calculator-1:before { + content: ""; +} + +.lni-calculator-2:before, .icon-calculator-2:before { + content: ""; +} + +.lni-calendar-days:before, .icon-calendar-days:before { + content: ""; +} + +.lni-camera-1:before, .icon-camera-1:before { + content: ""; +} + +.lni-camera-movie-1:before, .icon-camera-movie-1:before { + content: ""; +} + +.lni-candy-cane-2:before, .icon-candy-cane-2:before { + content: ""; +} + +.lni-candy-round-1:before, .icon-candy-round-1:before { + content: ""; +} + +.lni-canva:before, .icon-canva:before { + content: ""; +} + +.lni-capsule-1:before, .icon-capsule-1:before { + content: ""; +} + +.lni-car-2:before, .icon-car-2:before { + content: ""; +} + +.lni-car-4:before, .icon-car-4:before { + content: ""; +} + +.lni-car-6:before, .icon-car-6:before { + content: ""; +} + +.lni-caravan-1:before, .icon-caravan-1:before { + content: ""; +} + +.lni-cart-1:before, .icon-cart-1:before { + content: ""; +} + +.lni-cart-2:before, .icon-cart-2:before { + content: ""; +} + +.lni-cash-app:before, .icon-cash-app:before { + content: ""; +} + +.lni-certificate-badge-1:before, .icon-certificate-badge-1:before { + content: ""; +} + +.lni-chat-bubble-2:before, .icon-chat-bubble-2:before { + content: ""; +} + +.lni-check:before, .icon-check:before { + content: ""; +} + +.lni-check-circle-1:before, .icon-check-circle-1:before { + content: ""; +} + +.lni-check-square-2:before, .icon-check-square-2:before { + content: ""; +} + +.lni-chevron-down:before, .icon-chevron-down:before { + content: ""; +} + +.lni-chevron-down-circle:before, .icon-chevron-down-circle:before { + content: ""; +} + +.lni-chevron-left:before, .icon-chevron-left:before { + content: ""; +} + +.lni-chevron-left-circle:before, .icon-chevron-left-circle:before { + content: ""; +} + +.lni-chevron-right:before, .icon-chevron-right:before { + content: ""; + transform: rotate(180deg); +} + +.lni-chevron-right-circle:before, .icon-chevron-right-circle:before { + content: ""; +} + +.lni-chevron-up:before, .icon-chevron-up:before { + content: ""; +} + +.lni-chevron-up-circle:before, .icon-chevron-up-circle:before { + content: ""; +} + +.lni-chrome:before, .icon-chrome:before { + content: ""; +} + +.lni-chromecast:before, .icon-chromecast:before { + content: ""; +} + +.lni-cisco:before, .icon-cisco:before { + content: ""; +} + +.lni-claude:before, .icon-claude:before { + content: ""; +} + +.lni-clickup:before, .icon-clickup:before { + content: ""; +} + +.lni-clipboard:before, .icon-clipboard:before { + content: ""; +} + +.lni-cloud-2:before, .icon-cloud-2:before { + content: ""; +} + +.lni-cloud-bolt-1:before, .icon-cloud-bolt-1:before { + content: ""; +} + +.lni-cloud-bolt-2:before, .icon-cloud-bolt-2:before { + content: ""; +} + +.lni-cloud-check-circle:before, .icon-cloud-check-circle:before { + content: ""; +} + +.lni-cloud-download:before, .icon-cloud-download:before { + content: ""; +} + +.lni-cloud-iot-2:before, .icon-cloud-iot-2:before { + content: ""; +} + +.lni-cloud-rain:before, .icon-cloud-rain:before { + content: ""; +} + +.lni-cloud-refresh-clockwise:before, .icon-cloud-refresh-clockwise:before { + content: ""; +} + +.lni-cloud-sun:before, .icon-cloud-sun:before { + content: ""; +} + +.lni-cloud-upload:before, .icon-cloud-upload:before { + content: ""; +} + +.lni-cloudflare:before, .icon-cloudflare:before { + content: ""; +} + +.lni-code-1:before, .icon-code-1:before { + content: ""; +} + +.lni-code-s:before, .icon-code-s:before { + content: ""; +} + +.lni-codepen:before, .icon-codepen:before { + content: ""; +} + +.lni-coffee-cup-2:before, .icon-coffee-cup-2:before { + content: ""; +} + +.lni-coinbase:before, .icon-coinbase:before { + content: ""; +} + +.lni-colour-palette-3:before, .icon-colour-palette-3:before { + content: ""; +} + +.lni-comment-1:before, .icon-comment-1:before { + content: ""; +} + +.lni-comment-1-share:before, .icon-comment-1-share:before { + content: ""; +} + +.lni-comment-1-text:before, .icon-comment-1-text:before { + content: ""; +} + +.lni-compass-drafting-2:before, .icon-compass-drafting-2:before { + content: ""; +} + +.lni-connectdevelop:before, .icon-connectdevelop:before { + content: ""; +} + +.lni-copilot:before, .icon-copilot:before { + content: ""; +} + +.lni-coral:before, .icon-coral:before { + content: ""; +} + +.lni-cpanel:before, .icon-cpanel:before { + content: ""; +} + +.lni-crane-4:before, .icon-crane-4:before { + content: ""; +} + +.lni-creative-commons:before, .icon-creative-commons:before { + content: ""; +} + +.lni-credit-card-multiple:before, .icon-credit-card-multiple:before { + content: ""; +} + +.lni-crop-2:before, .icon-crop-2:before { + content: ""; +} + +.lni-crown-3:before, .icon-crown-3:before { + content: ""; +} + +.lni-css3:before, .icon-css3:before { + content: ""; +} + +.lni-dashboard-square-1:before, .icon-dashboard-square-1:before { + content: ""; +} + +.lni-database-2:before, .icon-database-2:before { + content: ""; +} + +.lni-deno:before, .icon-deno:before { + content: ""; +} + +.lni-dev:before, .icon-dev:before { + content: ""; +} + +.lni-dialogflow:before, .icon-dialogflow:before { + content: ""; +} + +.lni-diamonds-1:before, .icon-diamonds-1:before { + content: ""; +} + +.lni-diamonds-2:before, .icon-diamonds-2:before { + content: ""; +} + +.lni-digitalocean:before, .icon-digitalocean:before { + content: ""; +} + +.lni-diners-club:before, .icon-diners-club:before { + content: ""; +} + +.lni-direction-ltr:before, .icon-direction-ltr:before { + content: ""; +} + +.lni-direction-rtl:before, .icon-direction-rtl:before { + content: ""; +} + +.lni-discord:before, .icon-discord:before { + content: ""; +} + +.lni-discord-chat:before, .icon-discord-chat:before { + content: ""; +} + +.lni-discover:before, .icon-discover:before { + content: ""; +} + +.lni-docker:before, .icon-docker:before { + content: ""; +} + +.lni-dollar:before, .icon-dollar:before { + content: ""; +} + +.lni-dollar-circle:before, .icon-dollar-circle:before { + content: ""; +} + +.lni-double-quotes-end-1:before, .icon-double-quotes-end-1:before { + content: ""; +} + +.lni-download-1:before, .icon-download-1:before { + content: ""; +} + +.lni-download-circle-1:before, .icon-download-circle-1:before { + content: ""; +} + +.lni-dribbble:before, .icon-dribbble:before { + content: ""; +} + +.lni-dribbble-symbol:before, .icon-dribbble-symbol:before { + content: ""; +} + +.lni-drizzle:before, .icon-drizzle:before { + content: ""; +} + +.lni-dropbox:before, .icon-dropbox:before { + content: ""; +} + +.lni-drupal:before, .icon-drupal:before { + content: ""; +} + +.lni-dumbbell-1:before, .icon-dumbbell-1:before { + content: ""; +} + +.lni-edge:before, .icon-edge:before { + content: ""; +} + +.lni-emoji-expressionless:before, .icon-emoji-expressionless:before { + content: ""; +} + +.lni-emoji-expressionless-flat-eyes:before, .icon-emoji-expressionless-flat-eyes:before { + content: ""; +} + +.lni-emoji-grin:before, .icon-emoji-grin:before { + content: ""; +} + +.lni-emoji-sad:before, .icon-emoji-sad:before { + content: ""; +} + +.lni-emoji-smile:before, .icon-emoji-smile:before { + content: ""; +} + +.lni-emoji-smile-side:before, .icon-emoji-smile-side:before { + content: ""; +} + +.lni-emoji-smile-sunglass:before, .icon-emoji-smile-sunglass:before { + content: ""; +} + +.lni-emoji-smile-tongue:before, .icon-emoji-smile-tongue:before { + content: ""; +} + +.lni-enter:before, .icon-enter:before { + content: ""; +} + +.lni-enter-down:before, .icon-enter-down:before { + content: ""; +} + +.lni-envato:before, .icon-envato:before { + content: ""; +} + +.lni-envelope-1:before, .icon-envelope-1:before { + content: ""; +} + +.lni-eraser-1:before, .icon-eraser-1:before { + content: ""; +} + +.lni-ethereum-logo:before, .icon-ethereum-logo:before { + content: ""; +} + +.lni-euro:before, .icon-euro:before { + content: ""; +} + +.lni-exit:before, .icon-exit:before { + content: ""; +} + +.lni-exit-up:before, .icon-exit-up:before { + content: ""; +} + +.lni-expand-arrow-1:before, .icon-expand-arrow-1:before { + content: ""; +} + +.lni-expand-square-4:before, .icon-expand-square-4:before { + content: ""; +} + +.lni-expressjs:before, .icon-expressjs:before { + content: ""; +} + +.lni-eye:before, .icon-eye:before { + content: ""; +} + +.lni-facebook:before, .icon-facebook:before { + content: ""; +} + +.lni-facebook-messenger:before, .icon-facebook-messenger:before { + content: ""; +} + +.lni-facebook-rounded:before, .icon-facebook-rounded:before { + content: ""; +} + +.lni-facebook-square:before, .icon-facebook-square:before { + content: ""; +} + +.lni-facetime:before, .icon-facetime:before { + content: ""; +} + +.lni-figma:before, .icon-figma:before { + content: ""; +} + +.lni-file-format-zip:before, .icon-file-format-zip:before { + content: ""; +} + +.lni-file-multiple:before, .icon-file-multiple:before { + content: ""; +} + +.lni-file-pencil:before, .icon-file-pencil:before { + content: ""; +} + +.lni-file-plus-circle:before, .icon-file-plus-circle:before { + content: ""; +} + +.lni-file-question:before, .icon-file-question:before { + content: ""; +} + +.lni-file-xmark:before, .icon-file-xmark:before { + content: ""; +} + +.lni-firebase:before, .icon-firebase:before { + content: ""; +} + +.lni-firefox:before, .icon-firefox:before { + content: ""; +} + +.lni-firework-rocket-4:before, .icon-firework-rocket-4:before { + content: ""; +} + +.lni-fitbit:before, .icon-fitbit:before { + content: ""; +} + +.lni-flag-1:before, .icon-flag-1:before { + content: ""; +} + +.lni-flag-2:before, .icon-flag-2:before { + content: ""; +} + +.lni-flickr:before, .icon-flickr:before { + content: ""; +} + +.lni-floppy-disk-1:before, .icon-floppy-disk-1:before { + content: ""; +} + +.lni-flower-2:before, .icon-flower-2:before { + content: ""; +} + +.lni-flutter:before, .icon-flutter:before { + content: ""; +} + +.lni-folder-1:before, .icon-folder-1:before { + content: ""; +} + +.lni-ford:before, .icon-ford:before { + content: ""; +} + +.lni-framer:before, .icon-framer:before { + content: ""; +} + +.lni-funnel-1:before, .icon-funnel-1:before { + content: ""; +} + +.lni-gallery:before, .icon-gallery:before { + content: ""; +} + +.lni-game-pad-modern-1:before, .icon-game-pad-modern-1:before { + content: ""; +} + +.lni-gatsby:before, .icon-gatsby:before { + content: ""; +} + +.lni-gauge-1:before, .icon-gauge-1:before { + content: ""; +} + +.lni-gear-1:before, .icon-gear-1:before { + content: ""; +} + +.lni-gears-3:before, .icon-gears-3:before { + content: ""; +} + +.lni-gemini:before, .icon-gemini:before { + content: ""; +} + +.lni-git:before, .icon-git:before { + content: ""; +} + +.lni-github:before, .icon-github:before { + content: ""; +} + +.lni-glass-juice-1:before, .icon-glass-juice-1:before { + content: ""; +} + +.lni-globe-1:before, .icon-globe-1:before { + content: ""; +} + +.lni-globe-stand:before, .icon-globe-stand:before { + content: ""; +} + +.lni-go:before, .icon-go:before { + content: ""; +} + +.lni-goodreads:before, .icon-goodreads:before { + content: ""; +} + +.lni-google:before, .icon-google:before { + content: ""; +} + +.lni-google-cloud:before, .icon-google-cloud:before { + content: ""; +} + +.lni-google-drive:before, .icon-google-drive:before { + content: ""; +} + +.lni-google-meet:before, .icon-google-meet:before { + content: ""; +} + +.lni-google-pay:before, .icon-google-pay:before { + content: ""; +} + +.lni-google-wallet:before, .icon-google-wallet:before { + content: ""; +} + +.lni-graduation-cap-1:before, .icon-graduation-cap-1:before { + content: ""; +} + +.lni-grammarly:before, .icon-grammarly:before { + content: ""; +} + +.lni-hacker-news:before, .icon-hacker-news:before { + content: ""; +} + +.lni-hammer-1:before, .icon-hammer-1:before { + content: ""; +} + +.lni-hammer-2:before, .icon-hammer-2:before { + content: ""; +} + +.lni-hand-mic:before, .icon-hand-mic:before { + content: ""; +} + +.lni-hand-shake:before, .icon-hand-shake:before { + content: ""; +} + +.lni-hand-stop:before, .icon-hand-stop:before { + content: ""; +} + +.lni-hand-taking-dollar:before, .icon-hand-taking-dollar:before { + content: ""; +} + +.lni-hand-taking-leaf-1:before, .icon-hand-taking-leaf-1:before { + content: ""; +} + +.lni-hand-taking-user:before, .icon-hand-taking-user:before { + content: ""; +} + +.lni-hashnode:before, .icon-hashnode:before { + content: ""; +} + +.lni-hat-chef-3:before, .icon-hat-chef-3:before { + content: ""; +} + +.lni-headphone-1:before, .icon-headphone-1:before { + content: ""; +} + +.lni-heart:before, .icon-heart:before { + content: ""; +} + +.lni-helicopter-2:before, .icon-helicopter-2:before { + content: ""; +} + +.lni-helmet-safety-1:before, .icon-helmet-safety-1:before { + content: ""; +} + +.lni-hierarchy-1:before, .icon-hierarchy-1:before { + content: ""; +} + +.lni-highlighter-1:before, .icon-highlighter-1:before { + content: ""; +} + +.lni-highlighter-2:before, .icon-highlighter-2:before { + content: ""; +} + +.lni-home-2:before, .icon-home-2:before { + content: ""; +} + +.lni-hospital-2:before, .icon-hospital-2:before { + content: ""; +} + +.lni-hourglass:before, .icon-hourglass:before { + content: ""; +} + +.lni-html5:before, .icon-html5:before { + content: ""; +} + +.lni-ibm:before, .icon-ibm:before { + content: ""; +} + +.lni-id-card:before, .icon-id-card:before { + content: ""; +} + +.lni-imdb:before, .icon-imdb:before { + content: ""; +} + +.lni-indent:before, .icon-indent:before { + content: ""; +} + +.lni-info:before, .icon-info:before { + content: ""; +} + +.lni-injection-1:before, .icon-injection-1:before { + content: ""; +} + +.lni-instagram:before, .icon-instagram:before { + content: ""; +} + +.lni-instagram-logotype:before, .icon-instagram-logotype:before { + content: ""; +} + +.lni-intel:before, .icon-intel:before { + content: ""; +} + +.lni-ios:before, .icon-ios:before { + content: ""; +} + +.lni-island-2:before, .icon-island-2:before { + content: ""; +} + +.lni-jaguar:before, .icon-jaguar:before { + content: ""; +} + +.lni-jamstack:before, .icon-jamstack:before { + content: ""; +} + +.lni-java:before, .icon-java:before { + content: ""; +} + +.lni-javascript:before, .icon-javascript:before { + content: ""; +} + +.lni-jcb:before, .icon-jcb:before { + content: ""; +} + +.lni-joomla:before, .icon-joomla:before { + content: ""; +} + +.lni-jsfiddle:before, .icon-jsfiddle:before { + content: ""; +} + +.lni-key-1:before, .icon-key-1:before { + content: ""; +} + +.lni-keyboard:before, .icon-keyboard:before { + content: ""; +} + +.lni-knife-fork-1:before, .icon-knife-fork-1:before { + content: ""; +} + +.lni-kubernetes:before, .icon-kubernetes:before { + content: ""; +} + +.lni-label-dollar-2:before, .icon-label-dollar-2:before { + content: ""; +} + +.lni-laptop-2:before, .icon-laptop-2:before { + content: ""; +} + +.lni-laptop-phone:before, .icon-laptop-phone:before { + content: ""; +} + +.lni-laravel:before, .icon-laravel:before { + content: ""; +} + +.lni-layers-1:before, .icon-layers-1:before { + content: ""; +} + +.lni-layout-26:before, .icon-layout-26:before { + content: ""; +} + +.lni-layout-9:before, .icon-layout-9:before { + content: ""; +} + +.lni-leaf-1:before, .icon-leaf-1:before { + content: ""; +} + +.lni-leaf-6:before, .icon-leaf-6:before { + content: ""; +} + +.lni-lemon-squeezy:before, .icon-lemon-squeezy:before { + content: ""; +} + +.lni-life-guard-tube-1:before, .icon-life-guard-tube-1:before { + content: ""; +} + +.lni-line:before, .icon-line:before { + content: ""; +} + +.lni-line-dashed:before, .icon-line-dashed:before { + content: ""; +} + +.lni-line-dotted:before, .icon-line-dotted:before { + content: ""; +} + +.lni-line-height:before, .icon-line-height:before { + content: ""; +} + +.lni-lineicons:before, .icon-lineicons:before { + content: ""; +} + +.lni-link-2-angular-right:before, .icon-link-2-angular-right:before { + content: ""; +} + +.lni-linkedin:before, .icon-linkedin:before { + content: ""; +} + +.lni-location-arrow-right:before, .icon-location-arrow-right:before { + content: ""; +} + +.lni-locked-1:before, .icon-locked-1:before { + content: ""; +} + +.lni-locked-2:before, .icon-locked-2:before { + content: ""; +} + +.lni-loom:before, .icon-loom:before { + content: ""; +} + +.lni-magento:before, .icon-magento:before { + content: ""; +} + +.lni-magnet:before, .icon-magnet:before { + content: ""; +} + +.lni-mailchimp:before, .icon-mailchimp:before { + content: ""; +} + +.lni-map-marker-1:before, .icon-map-marker-1:before { + content: ""; +} + +.lni-map-marker-5:before, .icon-map-marker-5:before { + content: ""; +} + +.lni-map-pin-5:before, .icon-map-pin-5:before { + content: ""; +} + +.lni-markdown:before, .icon-markdown:before { + content: ""; +} + +.lni-mastercard:before, .icon-mastercard:before { + content: ""; +} + +.lni-medium:before, .icon-medium:before { + content: ""; +} + +.lni-medium-alt:before, .icon-medium-alt:before { + content: ""; +} + +.lni-megaphone-1:before, .icon-megaphone-1:before { + content: ""; +} + +.lni-menu-cheesburger:before, .icon-menu-cheesburger:before { + content: ""; +} + +.lni-menu-hamburger-1:before, .icon-menu-hamburger-1:before { + content: ""; +} + +.lni-menu-meatballs-1:before, .icon-menu-meatballs-1:before { + content: ""; +} + +.lni-menu-meatballs-2:before, .icon-menu-meatballs-2:before { + content: ""; +} + +.lni-mercedes:before, .icon-mercedes:before { + content: ""; +} + +.lni-message-2:before, .icon-message-2:before { + content: ""; +} + +.lni-message-2-question:before, .icon-message-2-question:before { + content: ""; +} + +.lni-message-3-text:before, .icon-message-3-text:before { + content: ""; +} + +.lni-meta:before, .icon-meta:before { + content: ""; +} + +.lni-meta-alt:before, .icon-meta-alt:before { + content: ""; +} + +.lni-microphone-1:before, .icon-microphone-1:before { + content: ""; +} + +.lni-microscope:before, .icon-microscope:before { + content: ""; +} + +.lni-microsoft:before, .icon-microsoft:before { + content: ""; +} + +.lni-microsoft-edge:before, .icon-microsoft-edge:before { + content: ""; +} + +.lni-microsoft-teams:before, .icon-microsoft-teams:before { + content: ""; +} + +.lni-minus:before, .icon-minus:before { + content: ""; +} + +.lni-minus-circle:before, .icon-minus-circle:before { + content: ""; +} + +.lni-mongodb:before, .icon-mongodb:before { + content: ""; +} + +.lni-monitor:before, .icon-monitor:before { + content: ""; +} + +.lni-monitor-code:before, .icon-monitor-code:before { + content: ""; +} + +.lni-monitor-mac:before, .icon-monitor-mac:before { + content: ""; +} + +.lni-moon-half-right-5:before, .icon-moon-half-right-5:before { + content: ""; +} + +.lni-mountains-2:before, .icon-mountains-2:before { + content: ""; +} + +.lni-mouse-2:before, .icon-mouse-2:before { + content: ""; +} + +.lni-mushroom-1:before, .icon-mushroom-1:before { + content: ""; +} + +.lni-mushroom-5:before, .icon-mushroom-5:before { + content: ""; +} + +.lni-music:before, .icon-music:before { + content: ""; +} + +.lni-mysql:before, .icon-mysql:before { + content: ""; +} + +.lni-nasa:before, .icon-nasa:before { + content: ""; +} + +.lni-netflix:before, .icon-netflix:before { + content: ""; +} + +.lni-netlify:before, .icon-netlify:before { + content: ""; +} + +.lni-next-step-2:before, .icon-next-step-2:before { + content: ""; +} + +.lni-nextjs:before, .icon-nextjs:before { + content: ""; +} + +.lni-nike:before, .icon-nike:before { + content: ""; +} + +.lni-nissan:before, .icon-nissan:before { + content: ""; +} + +.lni-nodejs:before, .icon-nodejs:before { + content: ""; +} + +.lni-nodejs-alt:before, .icon-nodejs-alt:before { + content: ""; +} + +.lni-notebook-1:before, .icon-notebook-1:before { + content: ""; +} + +.lni-notion:before, .icon-notion:before { + content: ""; +} + +.lni-npm:before, .icon-npm:before { + content: ""; +} + +.lni-nuxt:before, .icon-nuxt:before { + content: ""; +} + +.lni-nvidia:before, .icon-nvidia:before { + content: ""; +} + +.lni-oculus:before, .icon-oculus:before { + content: ""; +} + +.lni-open-ai:before, .icon-open-ai:before { + content: ""; +} + +.lni-opera-mini:before, .icon-opera-mini:before { + content: ""; +} + +.lni-oracle:before, .icon-oracle:before { + content: ""; +} + +.lni-outdent:before, .icon-outdent:before { + content: ""; +} + +.lni-paddle:before, .icon-paddle:before { + content: ""; +} + +.lni-page-break-1:before, .icon-page-break-1:before { + content: ""; +} + +.lni-pagination:before, .icon-pagination:before { + content: ""; +} + +.lni-paint-bucket:before, .icon-paint-bucket:before { + content: ""; +} + +.lni-paint-roller-1:before, .icon-paint-roller-1:before { + content: ""; +} + +.lni-paperclip-1:before, .icon-paperclip-1:before { + content: ""; +} + +.lni-party-flags:before, .icon-party-flags:before { + content: ""; +} + +.lni-party-spray:before, .icon-party-spray:before { + content: ""; +} + +.lni-patreon:before, .icon-patreon:before { + content: ""; +} + +.lni-pause:before, .icon-pause:before { + content: ""; +} + +.lni-payoneer:before, .icon-payoneer:before { + content: ""; +} + +.lni-paypal:before, .icon-paypal:before { + content: ""; +} + +.lni-pen-to-square:before, .icon-pen-to-square:before { + content: ""; +} + +.lni-pencil-1:before, .icon-pencil-1:before { + content: ""; +} + +.lni-pepsi:before, .icon-pepsi:before { + content: ""; +} + +.lni-phone:before, .icon-phone:before { + content: ""; +} + +.lni-photos:before, .icon-photos:before { + content: ""; +} + +.lni-php:before, .icon-php:before { + content: ""; +} + +.lni-pie-chart-2:before, .icon-pie-chart-2:before { + content: ""; +} + +.lni-pilcrow:before, .icon-pilcrow:before { + content: ""; +} + +.lni-pimjo-logo:before, .icon-pimjo-logo:before { + content: ""; +} + +.lni-pimjo-symbol:before, .icon-pimjo-symbol:before { + content: ""; +} + +.lni-pinterest:before, .icon-pinterest:before { + content: ""; +} + +.lni-pizza-2:before, .icon-pizza-2:before { + content: ""; +} + +.lni-placeholder-dollar:before, .icon-placeholder-dollar:before { + content: ""; +} + +.lni-plantscale:before, .icon-plantscale:before { + content: ""; +} + +.lni-play:before, .icon-play:before { + content: ""; +} + +.lni-play-store:before, .icon-play-store:before { + content: ""; +} + +.lni-playstation:before, .icon-playstation:before { + content: ""; +} + +.lni-plug-1:before, .icon-plug-1:before { + content: ""; +} + +.lni-plus:before, .icon-plus:before { + content: ""; +} + +.lni-plus-circle:before, .icon-plus-circle:before { + content: ""; +} + +.lni-pnpm:before, .icon-pnpm:before { + content: ""; +} + +.lni-postgresql:before, .icon-postgresql:before { + content: ""; +} + +.lni-postman:before, .icon-postman:before { + content: ""; +} + +.lni-pound:before, .icon-pound:before { + content: ""; +} + +.lni-power-button:before, .icon-power-button:before { + content: ""; +} + +.lni-previous-step-2:before, .icon-previous-step-2:before { + content: ""; +} + +.lni-printer:before, .icon-printer:before { + content: ""; +} + +.lni-prisma:before, .icon-prisma:before { + content: ""; +} + +.lni-producthunt:before, .icon-producthunt:before { + content: ""; +} + +.lni-proton-mail-logo:before, .icon-proton-mail-logo:before { + content: ""; +} + +.lni-proton-mail-symbol:before, .icon-proton-mail-symbol:before { + content: ""; +} + +.lni-python:before, .icon-python:before { + content: ""; +} + +.lni-question-mark:before, .icon-question-mark:before { + content: ""; +} + +.lni-question-mark-circle:before, .icon-question-mark-circle:before { + content: ""; +} + +.lni-quora:before, .icon-quora:before { + content: ""; +} + +.lni-radis:before, .icon-radis:before { + content: ""; +} + +.lni-react:before, .icon-react:before { + content: ""; +} + +.lni-reddit:before, .icon-reddit:before { + content: ""; +} + +.lni-refresh-circle-1-clockwise:before, .icon-refresh-circle-1-clockwise:before { + content: ""; +} + +.lni-refresh-dollar-1:before, .icon-refresh-dollar-1:before { + content: ""; +} + +.lni-refresh-user-1:before, .icon-refresh-user-1:before { + content: ""; +} + +.lni-remix-js:before, .icon-remix-js:before { + content: ""; +} + +.lni-road-1:before, .icon-road-1:before { + content: ""; +} + +.lni-rocket-5:before, .icon-rocket-5:before { + content: ""; +} + +.lni-route-1:before, .icon-route-1:before { + content: ""; +} + +.lni-rss-right:before, .icon-rss-right:before { + content: ""; +} + +.lni-ruler-1:before, .icon-ruler-1:before { + content: ""; +} + +.lni-ruler-pen:before, .icon-ruler-pen:before { + content: ""; +} + +.lni-rupee:before, .icon-rupee:before { + content: ""; +} + +.lni-safari:before, .icon-safari:before { + content: ""; +} + +.lni-sanity:before, .icon-sanity:before { + content: ""; +} + +.lni-school-bench-1:before, .icon-school-bench-1:before { + content: ""; +} + +.lni-school-bench-2:before, .icon-school-bench-2:before { + content: ""; +} + +.lni-scissors-1-vertical:before, .icon-scissors-1-vertical:before { + content: ""; +} + +.lni-scoter:before, .icon-scoter:before { + content: ""; +} + +.lni-scroll-down-2:before, .icon-scroll-down-2:before { + content: ""; +} + +.lni-search-1:before, .icon-search-1:before { + content: ""; +} + +.lni-search-2:before, .icon-search-2:before { + content: ""; +} + +.lni-search-minus:before, .icon-search-minus:before { + content: ""; +} + +.lni-search-plus:before, .icon-search-plus:before { + content: ""; +} + +.lni-search-text:before, .icon-search-text:before { + content: ""; +} + +.lni-select-cursor-1:before, .icon-select-cursor-1:before { + content: ""; +} + +.lni-seo-monitor:before, .icon-seo-monitor:before { + content: ""; +} + +.lni-service-bell-1:before, .icon-service-bell-1:before { + content: ""; +} + +.lni-share-1:before, .icon-share-1:before { + content: ""; +} + +.lni-share-1-circle:before, .icon-share-1-circle:before { + content: ""; +} + +.lni-share-2:before, .icon-share-2:before { + content: ""; +} + +.lni-shield-2:before, .icon-shield-2:before { + content: ""; +} + +.lni-shield-2-check:before, .icon-shield-2-check:before { + content: ""; +} + +.lni-shield-dollar:before, .icon-shield-dollar:before { + content: ""; +} + +.lni-shift-left:before, .icon-shift-left:before { + content: ""; +} + +.lni-shift-right:before, .icon-shift-right:before { + content: ""; +} + +.lni-ship-1:before, .icon-ship-1:before { + content: ""; +} + +.lni-shirt-1:before, .icon-shirt-1:before { + content: ""; +} + +.lni-shopify:before, .icon-shopify:before { + content: ""; +} + +.lni-shovel:before, .icon-shovel:before { + content: ""; +} + +.lni-shuffle:before, .icon-shuffle:before { + content: ""; +} + +.lni-sign-post-left:before, .icon-sign-post-left:before { + content: ""; +} + +.lni-signal-app:before, .icon-signal-app:before { + content: ""; +} + +.lni-signs-post-2:before, .icon-signs-post-2:before { + content: ""; +} + +.lni-sketch:before, .icon-sketch:before { + content: ""; +} + +.lni-skype:before, .icon-skype:before { + content: ""; +} + +.lni-slack:before, .icon-slack:before { + content: ""; +} + +.lni-slice-2:before, .icon-slice-2:before { + content: ""; +} + +.lni-sliders-horizontal-square-2:before, .icon-sliders-horizontal-square-2:before { + content: ""; +} + +.lni-slideshare:before, .icon-slideshare:before { + content: ""; +} + +.lni-snapchat:before, .icon-snapchat:before { + content: ""; +} + +.lni-sort-alphabetical:before, .icon-sort-alphabetical:before { + content: ""; +} + +.lni-sort-high-to-low:before, .icon-sort-high-to-low:before { + content: ""; +} + +.lni-soundcloud:before, .icon-soundcloud:before { + content: ""; +} + +.lni-spacex:before, .icon-spacex:before { + content: ""; +} + +.lni-spellcheck:before, .icon-spellcheck:before { + content: ""; +} + +.lni-spinner-2-sacle:before, .icon-spinner-2-sacle:before { + content: ""; +} + +.lni-spinner-3:before, .icon-spinner-3:before { + content: ""; +} + +.lni-sports:before, .icon-sports:before { + content: ""; +} + +.lni-spotify:before, .icon-spotify:before { + content: ""; +} + +.lni-spotify-alt:before, .icon-spotify-alt:before { + content: ""; +} + +.lni-squarespace:before, .icon-squarespace:before { + content: ""; +} + +.lni-stackoverflow:before, .icon-stackoverflow:before { + content: ""; +} + +.lni-stamp:before, .icon-stamp:before { + content: ""; +} + +.lni-star-fat:before, .icon-star-fat:before { + content: ""; +} + +.lni-star-fat-half-2:before, .icon-star-fat-half-2:before { + content: ""; +} + +.lni-star-sharp-disabled:before, .icon-star-sharp-disabled:before { + content: ""; +} + +.lni-statista:before, .icon-statista:before { + content: ""; +} + +.lni-steam:before, .icon-steam:before { + content: ""; +} + +.lni-stethoscope-1:before, .icon-stethoscope-1:before { + content: ""; +} + +.lni-stopwatch:before, .icon-stopwatch:before { + content: ""; +} + +.lni-storage-hdd-2:before, .icon-storage-hdd-2:before { + content: ""; +} + +.lni-strikethrough-1:before, .icon-strikethrough-1:before { + content: ""; +} + +.lni-stripe:before, .icon-stripe:before { + content: ""; +} + +.lni-stumbleupon:before, .icon-stumbleupon:before { + content: ""; +} + +.lni-sun-1:before, .icon-sun-1:before { + content: ""; +} + +.lni-supabase:before, .icon-supabase:before { + content: ""; +} + +.lni-surfboard-2:before, .icon-surfboard-2:before { + content: ""; +} + +.lni-svelte:before, .icon-svelte:before { + content: ""; +} + +.lni-swift:before, .icon-swift:before { + content: ""; +} + +.lni-tab:before, .icon-tab:before { + content: ""; +} + +.lni-tailwindcss:before, .icon-tailwindcss:before { + content: ""; +} + +.lni-target-user:before, .icon-target-user:before { + content: ""; +} + +.lni-telegram:before, .icon-telegram:before { + content: ""; +} + +.lni-telephone-1:before, .icon-telephone-1:before { + content: ""; +} + +.lni-telephone-3:before, .icon-telephone-3:before { + content: ""; +} + +.lni-tesla:before, .icon-tesla:before { + content: ""; +} + +.lni-text-format:before, .icon-text-format:before { + content: ""; +} + +.lni-text-format-remove:before, .icon-text-format-remove:before { + content: ""; +} + +.lni-text-paragraph:before, .icon-text-paragraph:before { + content: ""; +} + +.lni-thumbs-down-3:before, .icon-thumbs-down-3:before { + content: ""; +} + +.lni-thumbs-up-3:before, .icon-thumbs-up-3:before { + content: ""; +} + +.lni-ticket-1:before, .icon-ticket-1:before { + content: ""; +} + +.lni-tickets-3:before, .icon-tickets-3:before { + content: ""; +} + +.lni-tiktok:before, .icon-tiktok:before { + content: ""; +} + +.lni-tiktok-alt:before, .icon-tiktok-alt:before { + content: ""; +} + +.lni-tower-broadcast-1:before, .icon-tower-broadcast-1:before { + content: ""; +} + +.lni-toyota:before, .icon-toyota:before { + content: ""; +} + +.lni-train-1:before, .icon-train-1:before { + content: ""; +} + +.lni-train-3:before, .icon-train-3:before { + content: ""; +} + +.lni-trash-3:before, .icon-trash-3:before { + content: ""; +} + +.lni-tree-2:before, .icon-tree-2:before { + content: ""; +} + +.lni-trees-3:before, .icon-trees-3:before { + content: ""; +} + +.lni-trello:before, .icon-trello:before { + content: ""; +} + +.lni-trend-down-1:before, .icon-trend-down-1:before { + content: ""; +} + +.lni-trend-up-1:before, .icon-trend-up-1:before { + content: ""; +} + +.lni-trophy-1:before, .icon-trophy-1:before { + content: ""; +} + +.lni-trowel-1:before, .icon-trowel-1:before { + content: ""; +} + +.lni-truck-delivery-1:before, .icon-truck-delivery-1:before { + content: ""; +} + +.lni-tumblr:before, .icon-tumblr:before { + content: ""; +} + +.lni-turborepo:before, .icon-turborepo:before { + content: ""; +} + +.lni-twitch:before, .icon-twitch:before { + content: ""; +} + +.lni-twitter-old:before, .icon-twitter-old:before { + content: ""; +} + +.lni-typescript:before, .icon-typescript:before { + content: ""; +} + +.lni-uber:before, .icon-uber:before { + content: ""; +} + +.lni-uber-symbol:before, .icon-uber-symbol:before { + content: ""; +} + +.lni-ubuntu:before, .icon-ubuntu:before { + content: ""; +} + +.lni-underline:before, .icon-underline:before { + content: ""; +} + +.lni-unlink-2-angular-eft:before, .icon-unlink-2-angular-eft:before { + content: ""; +} + +.lni-unlocked-2:before, .icon-unlocked-2:before { + content: ""; +} + +.lni-unsplash:before, .icon-unsplash:before { + content: ""; +} + +.lni-upload-1:before, .icon-upload-1:before { + content: ""; +} + +.lni-upload-circle-1:before, .icon-upload-circle-1:before { + content: ""; +} + +.lni-user-4:before, .icon-user-4:before { + content: ""; +} + +.lni-user-multiple-4:before, .icon-user-multiple-4:before { + content: ""; +} + +.lni-vector-nodes-6:before, .icon-vector-nodes-6:before { + content: ""; +} + +.lni-vector-nodes-7:before, .icon-vector-nodes-7:before { + content: ""; +} + +.lni-vercel:before, .icon-vercel:before { + content: ""; +} + +.lni-vimeo:before, .icon-vimeo:before { + content: ""; +} + +.lni-visa:before, .icon-visa:before { + content: ""; +} + +.lni-vite:before, .icon-vite:before { + content: ""; +} + +.lni-vk:before, .icon-vk:before { + content: ""; +} + +.lni-vmware:before, .icon-vmware:before { + content: ""; +} + +.lni-volkswagen:before, .icon-volkswagen:before { + content: ""; +} + +.lni-volume-1:before, .icon-volume-1:before { + content: ""; +} + +.lni-volume-high:before, .icon-volume-high:before { + content: ""; +} + +.lni-volume-low:before, .icon-volume-low:before { + content: ""; +} + +.lni-volume-mute:before, .icon-volume-mute:before { + content: ""; +} + +.lni-volume-off:before, .icon-volume-off:before { + content: ""; +} + +.lni-vs-code:before, .icon-vs-code:before { + content: ""; +} + +.lni-vuejs:before, .icon-vuejs:before { + content: ""; +} + +.lni-wallet-1:before, .icon-wallet-1:before { + content: ""; +} + +.lni-watch-beat-1:before, .icon-watch-beat-1:before { + content: ""; +} + +.lni-water-drop-1:before, .icon-water-drop-1:before { + content: ""; +} + +.lni-webflow:before, .icon-webflow:before { + content: ""; +} + +.lni-webhooks:before, .icon-webhooks:before { + content: ""; +} + +.lni-wechat:before, .icon-wechat:before { + content: ""; +} + +.lni-weight-machine-1:before, .icon-weight-machine-1:before { + content: ""; +} + +.lni-whatsapp:before, .icon-whatsapp:before { + content: ""; +} + +.lni-wheelbarrow-empty:before, .icon-wheelbarrow-empty:before { + content: ""; +} + +.lni-wheelchair-1:before, .icon-wheelchair-1:before { + content: ""; +} + +.lni-windows:before, .icon-windows:before { + content: ""; +} + +.lni-wise:before, .icon-wise:before { + content: ""; +} + +.lni-wordpress:before, .icon-wordpress:before { + content: ""; +} + +.lni-www:before, .icon-www:before { + content: ""; +} + +.lni-www-cursor:before, .icon-www-cursor:before { + content: ""; +} + +.lni-x:before, .icon-x:before { + content: ""; +} + +.lni-xampp:before, .icon-xampp:before { + content: ""; +} + +.lni-xbox:before, .icon-xbox:before { + content: ""; +} + +.lni-xmark:before, .icon-xmark:before { + content: ""; +} + +.lni-xmark-circle:before, .icon-xmark-circle:before { + content: ""; +} + +.lni-xrp:before, .icon-xrp:before { + content: ""; +} + +.lni-yahoo:before, .icon-yahoo:before { + content: ""; +} + +.lni-yarn:before, .icon-yarn:before { + content: ""; +} + +.lni-ycombinator:before, .icon-ycombinator:before { + content: ""; +} + +.lni-yen:before, .icon-yen:before { + content: ""; +} + +.lni-youtube:before, .icon-youtube:before { + content: ""; +} + +.lni-youtube-kids:before, .icon-youtube-kids:before { + content: ""; +} + +.lni-youtube-music:before, .icon-youtube-music:before { + content: ""; +} + +.lni-zapier:before, .icon-zapier:before { + content: ""; +} + +.lni-zero-size:before, .icon-zero-size:before { + content: ""; +} + +.lni-zoom:before, .icon-zoom:before { + content: ""; +} + +.icon-chevron-right-after { + justify-content: space-between; + align-items: flex-start; + width: 100%; + margin-top: 0; + padding-top: 0; + line-height: 1; + display: flex; +} + +.icon-chevron-right-after:after { + content: ""; + margin-top: .25rem; + transform: rotate(180deg); +} + +.site-header .nav-aux__container a { + color: var(--color-primary-600); + font-weight: 500; + text-decoration: none; + transition: color .3s; +} + +.site-header .nav-aux__container a:hover { + color: var(--color-primary-800); +} + +.site-header .nav-aux__container #globalSearch { + font-size: var(--text-14px); + color: var(--color-light); +} + +#breadcrumbs { + color: var(--color-white); +} + +#breadcrumbs a { + color: oklch(.72 .122 212.25); +} + +#breadcrumbs a:hover { + color: color-mix(in oklch, oklch(.72 .122 212.25) 60%, white); +} + +.sidebar .widget { + margin-bottom: calc(var(--spacing) * 8); +} + +.sidebar .widget h3 { + margin: calc(var(--spacing) * 0); + margin-bottom: calc(var(--spacing) * 2); + --tw-font-weight: var(--font-weight-semibold); + font-weight: var(--font-weight-semibold); +} + +.sidebar .widget ul { + margin: calc(var(--spacing) * 0); + border-left-style: var(--tw-border-style); + border-left-width: 3px; + border-color: var(--color-secondary-400); + padding: calc(var(--spacing) * 0); + padding-left: calc(var(--spacing) * 3); + list-style-type: none; +} + +.sidebar .widget ul li { + text-wrap: balance; +} + +.sidebar .widget ul li:first-of-type { + margin-bottom: calc(var(--spacing) * 1); + --tw-leading: 1; + line-height: 1; +} + +.pagination .nav-links { + margin-top: calc(var(--spacing) * 12); + justify-content: center; + align-items: center; + display: none; +} + +@media (width >= 48rem) { + .pagination .nav-links { + display: flex; + } +} + +.pagination .nav-links .page-numbers { + height: calc(var(--spacing) * 10); + stroke: var(--color-primary); + padding: calc(var(--spacing) * 4); + font-size: var(--text-base); + line-height: var(--tw-leading, var(--text-base--line-height)); + --tw-font-weight: var(--font-weight-medium); + font-weight: var(--font-weight-medium); + color: var(--color-primary); + transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter; + transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); + transition-duration: var(--tw-duration, var(--default-transition-duration)); + --tw-duration: .3s; + border-radius: .25rem; + justify-content: center; + align-items: center; + transition-duration: .3s; + display: none; +} + +@media (hover: hover) { + .pagination .nav-links .page-numbers:hover { + background-color: var(--color-info); + stroke: var(--color-info); + color: var(--color-light); + } +} + +.pagination .nav-links .page-numbers:focus-visible { + background-color: var(--color-info); + stroke: var(--color-info); + color: var(--color-light); + --tw-outline-style: none; + outline-style: none; +} + +@media (width >= 48rem) { + .pagination .nav-links .page-numbers { + display: flex; + } +} + +.pagination .nav-links .page-numbers.current { + background-color: var(--color-info); + white-space: nowrap; + color: var(--color-light); + --tw-ring-offset-width: 2px; + --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); +} + +@media (hover: hover) { + .pagination .nav-links .page-numbers.current:hover { + background-color: var(--color-primary); + stroke: var(--color-primary); + } +} + +.pagination .nav-links .page-numbers.current:focus-visible { + background-color: var(--color-info); +} + +.pagination .nav-links .prev, .pagination .nav-links .next { + gap: calc(var(--spacing) * 4); + display: flex; +} + +.pagination a, .pagination span { + border: 1px solid #ddd; + border-radius: 4px; + margin: 0 5px; + padding: .25rem .5rem; + text-decoration: none; + color: #3857bc !important; +} + +.pagination .current, .pagination a:hover { + padding: .25rem .5rem; + color: #fff !important; + background: #3857bc !important; + border-color: #3857bc !important; +} + +.site-footer #footRight div { + grid-column: span 1 / span 1; +} + +@media (width >= 48rem) { + .site-footer #footRight div { + grid-column: span 4 / span 4; + } +} + +@media (width >= 64rem) { + .site-footer #footRight div { + grid-column: span 1 / span 1; + } +} + +.site-footer #footRight div h3 { + margin-bottom: calc(var(--spacing) * 4); + border-bottom-style: var(--tw-border-style); + border-bottom-width: 1px; + border-bottom-color: var(--color-secondary-300); + padding-bottom: calc(var(--spacing) * 2); + font-size: var(--text-20px); + --tw-font-weight: var(--font-weight-bold); + font-weight: var(--font-weight-bold); + color: var(--color-secondary-300); +} + +.site-footer #footRight div a { + color: var(--color-footlinks); +} + +@media (hover: hover) { + .site-footer #footRight div a:hover { + opacity: .6; + } +} + +.site-footer #footRight .widget li { + margin-block: calc(var(--spacing) * 1); + margin-bottom: calc(var(--spacing) * 2); + font-size: var(--text-16px); + --tw-leading: calc(var(--spacing) * 4); + line-height: calc(var(--spacing) * 4); +} + +.site-footer #footRight .widget h4 { + margin-bottom: calc(var(--spacing) * 2); + font-size: var(--text-18px); + --tw-font-weight: var(--font-weight-bold); + font-weight: var(--font-weight-bold); + color: var(--color-secondary); +} + +.site-footer #footRight .widget a { + 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)); + --tw-duration: .3s; + transition-duration: .3s; +} + +@media (hover: hover) { + .site-footer #footRight .widget a:hover { + color: var(--color-success); + } +} + +.site-footer #footRight .widget a:focus-visible { + color: var(--color-success); +} + +.site-footer #footRight .menu-footer-menu-container { + flex-grow: 1; +} + +.site-footer .copyright p { + margin: calc(var(--spacing) * 0); + padding: calc(var(--spacing) * 0); + --tw-leading: 1; + line-height: 1; +} + +.site-footer .copyright a { + color: var(--color-white); + text-underline-offset: 2px; + text-decoration-line: underline; +} + +@media (hover: hover) { + .site-footer .copyright a:hover { + color: var(--color-primary-500); + } +} + +.btn, .button, .acf-block-preview .button { + min-width: calc(var(--spacing) * 0); + padding-inline: calc(var(--spacing) * 8); + padding-block: calc(var(--spacing) * 2); + background: var(--button-bg); + color: var(--button-color); + cursor: pointer; + border-width: var(--button-border-width); + border-style: var(--button-border-style); + border-color: var(--button-border-color); + border-radius: var(--button-radius); + font-weight: var(--button-font-weight, 600); + font-size: var(--button-font-size, 1rem); + line-height: 1.1; + text-decoration: none; + transition: background .2s, border-color .2s, color .2s; + display: inline-block; +} + +:is(.btn, .button, .acf-block-preview .button)[data-button-variant="outline"] { + --button-color: var(--button-outline-color, var(--button-bg)); + --button-hover-border-color: var(--button-hover-bg); + --button-hover-color: var(--button-hover-bg); + background: none; +} + +:is(.btn, .button, .acf-block-preview .button)[data-button-variant="outline"]:hover { + background: none; +} + +.btn:hover, .button:hover, .acf-block-preview .button:hover { + background: var(--button-hover-bg); + border-color: var(--button-hover-border-color); + color: var(--button-hover-color); +} + +.btn:focus, .button:focus { + outline-width: var(--button-outline-width, var(--button-border-width)); + outline-style: var(--button-outline-style, var(--button-border-style)); + outline-color: var(--button-outline-color, var(--button-border-color)); + outline-offset: calc(var(--button-border-width) * 2); +} + +.btn:active, .button:active { + transform: scale(.99); +} + +#backToTopBtn { + z-index: 1000; + background: var(--color-primary, #3857bc); + color: #fff; + cursor: pointer; + border: none; + border-radius: 2em; + padding: .75em 1.5em; + font-size: 1.1rem; + transition: opacity .2s; + display: none; + position: fixed; + bottom: 2rem; + right: 2rem; + box-shadow: 0 2px 8px #00000026; +} + +.btn[data-button-size="small"], .button[data-button-size="small"] { + padding-inline: calc(var(--spacing) * 4); + padding-block: calc(var(--spacing) * .5); +} + +.btn[data-button-size="medium"], .button[data-button-size="medium"] { + padding-inline: calc(var(--spacing) * 8); + padding-block: calc(var(--spacing) * 2); +} + +.btn[data-button-size="large"], .button[data-button-size="large"] { + padding-inline: calc(var(--spacing) * 12); + padding-block: calc(var(--spacing) * 3); +} + +.btn[data-button-width="auto"], .button[data-button-width="auto"] { + min-width: calc(var(--spacing) * 0); +} + +.btn[data-button-width="small"], .button[data-button-width="small"] { + padding-inline: calc(var(--spacing) * 2); +} + +@media (width >= 40rem) { + :is(.btn[data-button-width="wide"], .button[data-button-width="wide"]) { + min-width: 20rem; + } +} + +.button[data-button-width="full"], x-button:has(.button[data-button-width="full"]) { + width: 100%; +} + +.btn[data-button-color="secondary"], .button[data-button-color="secondary"] { + --button-bg: var(--color-secondary); + --button-color: var(--color-white); + --button-border-color: var(--color-secondary); + --button-outline-color: oklch(.48 .0136 252.2); + --button-hover-bg: var(--color-dark); + --button-hover-border-color: var(--color-dark); + --button-hover-color: var(--color-white); +} + +.btn[data-button-color="light"], .button[data-button-color="light"] { + --button-bg: var(--color-white); + --button-color: var(--color-dark); + --button-border-color: var(--color-white); + --button-hover-bg: var(--color-dark); + --button-hover-border-color: var(--color-dark); + --button-hover-color: var(--color-white); +} + +.btn[data-button-color="white"], .button[data-button-color="white"] { + --button-bg: var(--color-white); + --button-color: var(--color-black); + --button-border-color: var(--color-white); + --button-hover-bg: var(--color-secondary-200); + --button-hover-border-color: var(--color-secondary-200); + --button-hover-color: var(--color-black); +} + +.btn[data-button-color="black"], .button[data-button-color="black"] { + --button-bg: var(--color-black); + --button-color: var(--color-white); + --button-border-color: var(--color-black); + --button-hover-bg: var(--color-secondary); + --button-hover-border-color: var(--color-secondary); + --button-hover-color: var(--color-dark); +} + +.back-to-top { + background: var(--color-primary, #3857bc); + color: #fff; + cursor: pointer; + opacity: .85; + border: none; + border-radius: 2em; + padding: .75em 1.5em; + font-size: 1.1rem; + transition: opacity .2s, background .2s; + box-shadow: 0 2px 8px #00000026; +} + +.back-to-top:hover, .back-to-top:focus { + background: var(--color-info, #233a7a); + opacity: 1; + outline: 2px solid var(--color-info, #233a7a); +} + +.alignfull { + width: 100vw; + margin-left: calc(50% - 50vw); + margin-right: calc(50% - 50vw); +} + +@property --tw-rotate-x { + syntax: "*"; + inherits: false; + initial-value: rotateX(0); +} + +@property --tw-rotate-y { + syntax: "*"; + inherits: false; + initial-value: rotateY(0); +} + +@property --tw-rotate-z { + syntax: "*"; + inherits: false; + initial-value: rotateZ(0); +} + +@property --tw-skew-x { + syntax: "*"; + inherits: false; + initial-value: skewX(0); +} + +@property --tw-skew-y { + syntax: "*"; + inherits: false; + initial-value: skewY(0); +} + +@property --tw-border-style { + syntax: "*"; + inherits: false; + initial-value: solid; +} + +@property --tw-leading { + syntax: "*"; + inherits: false +} + +@property --tw-font-weight { + syntax: "*"; + inherits: false +} + +@property --tw-shadow { + syntax: "*"; + inherits: false; + initial-value: 0 0 #0000; +} + +@property --tw-shadow-color { + syntax: "*"; + inherits: false +} + +@property --tw-inset-shadow { + syntax: "*"; + inherits: false; + initial-value: 0 0 #0000; +} + +@property --tw-inset-shadow-color { + syntax: "*"; + inherits: false +} + +@property --tw-ring-color { + syntax: "*"; + inherits: false +} + +@property --tw-ring-shadow { + syntax: "*"; + inherits: false; + initial-value: 0 0 #0000; +} + +@property --tw-inset-ring-color { + syntax: "*"; + inherits: false +} + +@property --tw-inset-ring-shadow { + syntax: "*"; + inherits: false; + initial-value: 0 0 #0000; +} + +@property --tw-ring-inset { + syntax: "*"; + inherits: false +} + +@property --tw-ring-offset-width { + syntax: ""; + inherits: false; + initial-value: 0; +} + +@property --tw-ring-offset-color { + syntax: "*"; + inherits: false; + initial-value: #fff; +} + +@property --tw-ring-offset-shadow { + syntax: "*"; + inherits: false; + initial-value: 0 0 #0000; +} + +@property --tw-outline-style { + syntax: "*"; + inherits: false; + initial-value: solid; +} + +@property --tw-blur { + syntax: "*"; + inherits: false +} + +@property --tw-brightness { + syntax: "*"; + inherits: false +} + +@property --tw-contrast { + syntax: "*"; + inherits: false +} + +@property --tw-grayscale { + syntax: "*"; + inherits: false +} + +@property --tw-hue-rotate { + syntax: "*"; + inherits: false +} + +@property --tw-invert { + syntax: "*"; + inherits: false +} + +@property --tw-opacity { + syntax: "*"; + inherits: false +} + +@property --tw-saturate { + syntax: "*"; + inherits: false +} + +@property --tw-sepia { + syntax: "*"; + inherits: false +} + +@property --tw-drop-shadow { + syntax: "*"; + inherits: false +} + +@property --tw-duration { + syntax: "*"; + inherits: false +} + +@property --tw-ease { + syntax: "*"; + inherits: false +} + +@property --tw-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; +} diff --git a/styles/base/global.css b/styles/base/global.css index 3c65906..979d115 100644 --- a/styles/base/global.css +++ b/styles/base/global.css @@ -23,8 +23,8 @@ /* Basic layout styles */ main#maincontent { - background-color: var(--color-background); - color: var(--color-text); + background-color: transparent; + color: var(--color-on-surface, #e3e1e9); margin: 0; padding: 0 0 4rem; } diff --git a/styles/base/typography.css b/styles/base/typography.css index 3bbc0c3..8610aef 100644 --- a/styles/base/typography.css +++ b/styles/base/typography.css @@ -41,6 +41,7 @@ @theme { --font-sans: "Raleway", sans-serif; + --font-headings: var(--font-sans); --line-height: 1.6; --text-base: 1rem; @@ -68,11 +69,11 @@ } body { - background-color: white; - color: black; - font-family: var(--font-sans); - font-size: var(--text-base); - line-height: var(--line-height); + background-color: #100e0b; + color: var(--color-on-surface, #e3e1e9); + font-family: var(--font-sans); + font-size: var(--text-base); + line-height: var(--line-height); } ::selection { background: var(--color-warning); }