diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index 852e115..da4189b 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -14,4418 +14,4639 @@ body.zen-mode-enable {
}
}
-/*! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com */
+@tailwind base;
-/*
-1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
-2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
-*/
+@tailwind components;
-*,
-::before,
-::after {
- box-sizing: border-box;
- /* 1 */
- border-width: 0;
- /* 2 */
- border-style: solid;
- /* 2 */
- border-color: currentColor;
- /* 2 */
-}
+@tailwind utilities;
-::before,
-::after {
- --tw-content: '';
+body a,
+body button {
+ transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
+ transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+ transition-duration:150ms
}
-/*
-1. Use a consistent sensible line-height in all browsers.
-2. Prevent adjustments of font size after orientation changes in iOS.
-3. Use a more readable tab size.
-4. Use the user's configured `sans` font-family by default.
-5. Use the user's configured `sans` font-feature-settings by default.
-6. Use the user's configured `sans` font-variation-settings by default.
-7. Disable tap highlights on iOS
-*/
+/* Scale SVG icons to text size */
-html,
-:host {
- line-height: 1.5;
- /* 1 */
- -webkit-text-size-adjust: 100%;
- /* 2 */
- -moz-tab-size: 4;
- /* 3 */
- -o-tab-size: 4;
- tab-size: 4;
- /* 3 */
- font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
- /* 4 */
- font-feature-settings: normal;
- /* 5 */
- font-variation-settings: normal;
- /* 6 */
- -webkit-tap-highlight-color: transparent;
- /* 7 */
+.icon svg {
+ height:1em;
+ width:1em
}
-/*
-1. Remove the margin in all browsers.
-2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
-*/
+/* Scale SVG logos to appropriate size */
-body {
- margin: 0;
- /* 1 */
- line-height: inherit;
- /* 2 */
+.logo svg {
+ height:5rem;
+ width:5rem
}
-/*
-1. Add the correct height in Firefox.
-2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
-3. Ensure horizontal rules are visible by default.
-*/
+/* Search */
-hr {
- height: 0;
- /* 1 */
- color: inherit;
- /* 2 */
- border-top-width: 1px;
- /* 3 */
+#search-query::-webkit-search-cancel-button,
+#search-query::-webkit-search-decoration,
+#search-query::-webkit-search-results-button,
+#search-query::-webkit-search-results-decoration {
+ display:none
}
-/*
-Add the correct text decoration in Chrome, Edge, and Safari.
-*/
+/* RTL support */
-abbr:where([title]) {
- -webkit-text-decoration: underline dotted;
- text-decoration: underline dotted;
+.prose blockquote:where([dir="rtl"], [dir="rtl"] *) {
+ border-left-width:0px;
+ border-right-width:4px;
+ padding-right:1rem
}
-/*
-Remove the default font size and weight for headings.
-*/
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
- font-size: inherit;
- font-weight: inherit;
+.prose ul>li:where([dir="rtl"], [dir="rtl"] *),
+.prose ol>li:where([dir="rtl"], [dir="rtl"] *) {
+ margin-right:1.75rem;
+ padding-left:0px;
+ padding-right:0.5rem
}
-/*
-Reset links to optimize for opt-in styling instead of opt-out.
-*/
-
-a {
- color: inherit;
- text-decoration: inherit;
+.prose ol>li:where([dir="rtl"], [dir="rtl"] *):before,
+.prose ul>li:where([dir="rtl"], [dir="rtl"] *):before {
+ left:auto;
+ right:0.25rem
}
-/*
-Add the correct font weight in Edge and Safari.
-*/
+.prose thead td:first-child:where([dir="rtl"], [dir="rtl"] *),
+.prose thead th:first-child:where([dir="rtl"], [dir="rtl"] *) {
+ padding-right:0px
+}
-b,
-strong {
- font-weight: bolder;
+.prose thead td:last-child:where([dir="rtl"], [dir="rtl"] *),
+.prose thead th:last-child:where([dir="rtl"], [dir="rtl"] *) {
+ padding-left:0px
}
-/*
-1. Use the user's configured `mono` font-family by default.
-2. Use the user's configured `mono` font-feature-settings by default.
-3. Use the user's configured `mono` font-variation-settings by default.
-4. Correct the odd `em` font sizing in all browsers.
-*/
+/* Adjust first child within prose */
-code,
-kbd,
-samp,
-pre {
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
- /* 1 */
- font-feature-settings: normal;
- /* 2 */
- font-variation-settings: normal;
- /* 3 */
- font-size: 1em;
- /* 4 */
+.prose div.min-w-0.max-w-prose>*:first-child {
+ margin-top:0.75rem
}
-/*
-Add the correct font size in all browsers.
-*/
+/* Table of Contents */
-small {
- font-size: 80%;
+.toc ul,
+.toc li {
+ list-style-type:none;
+ padding-left:0px;
+ padding-right:0px;
+ line-height:1.375
}
-/*
-Prevent `sub` and `sup` elements from affecting the line height in all browsers.
-*/
-
-sub,
-sup {
- font-size: 75%;
- line-height: 0;
- position: relative;
- vertical-align: baseline;
+.toc ul ul:where([dir="ltr"], [dir="ltr"] *) {
+ padding-left:1rem
}
-sub {
- bottom: -0.25em;
+.toc ul ul:where([dir="rtl"], [dir="rtl"] *) {
+ padding-right:1rem
}
-sup {
- top: -0.5em;
+.toc a {
+ font-weight:400;
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-700), var(--tw-text-opacity, 1))
}
-/*
-1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
-2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
-3. Remove gaps between table borders by default.
-*/
+.toc a:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-400), var(--tw-text-opacity, 1))
+}
-table {
- text-indent: 0;
- /* 1 */
- border-color: inherit;
- /* 2 */
- border-collapse: collapse;
- /* 3 */
+.toc ul>li:where([dir="rtl"], [dir="rtl"] *) {
+ margin-right:0px
}
-/*
-1. Change the font styles in all browsers.
-2. Remove the margin in Firefox and Safari.
-3. Remove default padding in all browsers.
-*/
+/* Code Copy */
-button,
-input,
-optgroup,
-select,
-textarea {
- font-family: inherit;
- /* 1 */
- font-feature-settings: inherit;
- /* 1 */
- font-variation-settings: inherit;
- /* 1 */
- font-size: 100%;
- /* 1 */
- font-weight: inherit;
- /* 1 */
- line-height: inherit;
- /* 1 */
- letter-spacing: inherit;
- /* 1 */
- color: inherit;
- /* 1 */
- margin: 0;
- /* 2 */
- padding: 0;
- /* 3 */
+.highlight-wrapper {
+ display:block
}
-/*
-Remove the inheritance of text transform in Edge and Firefox.
-*/
+.highlight {
+ position:relative;
+ z-index:0
+}
-button,
-select {
- text-transform: none;
+.highlight:hover>.copy-button {
+ visibility:visible
}
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Remove default button styles.
-*/
-
-button,
-input:where([type='button']),
-input:where([type='reset']),
-input:where([type='submit']) {
- -webkit-appearance: button;
- /* 1 */
- background-color: transparent;
- /* 2 */
- background-image: none;
- /* 2 */
+.copy-button {
+ visibility:hidden;
+ position:absolute;
+ top:0px;
+ right:0px;
+ z-index:10;
+ width:5rem;
+ cursor:pointer;
+ white-space:nowrap;
+ border-bottom-left-radius:0.375rem;
+ border-top-right-radius:0.375rem;
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-neutral-200), var(--tw-bg-opacity, 1));
+ padding-top:0.25rem;
+ padding-bottom:0.25rem;
+ font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ font-size:0.875rem;
+ line-height:1.25rem;
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-700), var(--tw-text-opacity, 1));
+ opacity:0.9
}
-/*
-Use the modern Firefox focus style for all focusable elements.
-*/
+.copy-button:is(.dark *) {
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-neutral-600), var(--tw-bg-opacity, 1));
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-200), var(--tw-text-opacity, 1))
+}
-:-moz-focusring {
- outline: auto;
+.copy-button:hover,
+.copy-button:focus,
+.copy-button:active,
+.copy-button:active:hover {
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity, 1))
}
-/*
-Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
-*/
+.copy-button:hover:is(.dark *),
+.copy-button:focus:is(.dark *),
+.copy-button:active:is(.dark *),
+.copy-button:active:hover:is(.dark *) {
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-primary-600), var(--tw-bg-opacity, 1))
+}
-:-moz-ui-invalid {
- box-shadow: none;
+.copy-textarea {
+ position:absolute;
+ z-index:-10;
+ opacity:0.05
}
-/*
-Add the correct vertical alignment in Chrome and Firefox.
-*/
+/* Fix long KaTeX equations on mobile (see https://katex.org/docs/issues.html#css-customization) */
-progress {
- vertical-align: baseline;
+.katex-display {
+ overflow: auto hidden
}
-/*
-Correct the cursor style of increment and decrement buttons in Safari.
-*/
+/* Fix long tables breaking out of article on mobile */
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
- height: auto;
+table {
+ display: block;
+ overflow: auto;
}
-/*
-1. Correct the odd appearance in Chrome and Safari.
-2. Correct the outline style in Safari.
-*/
+/* Fix long inline code sections breaking out of article on mobile */
-[type='search'] {
- -webkit-appearance: textfield;
- /* 1 */
- outline-offset: -2px;
- /* 2 */
+code {
+ word-wrap: break-word;
+ /* All browsers since IE 5.5+ */
+ overflow-wrap: break-word;
+ /* Renamed property in CSS3 draft spec */
}
-/*
-Remove the inner padding in Chrome and Safari on macOS.
-*/
+/* Fix long URLs breaking out of article bounds on mobile */
-::-webkit-search-decoration {
- -webkit-appearance: none;
+a {
+ word-break: break-word;
+ word-wrap: break-word;
+ overflow-wrap: break-word;
}
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Change font properties to `inherit` in Safari.
-*/
+/* -- Chroma Highlight -- */
-::-webkit-file-upload-button {
- -webkit-appearance: button;
- /* 1 */
- font: inherit;
- /* 2 */
+/* Background */
+
+.prose .chroma {
+ position:static;
+ border-radius:0.375rem;
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-neutral-50), var(--tw-bg-opacity, 1));
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-700), var(--tw-text-opacity, 1))
}
-/*
-Add the correct display in Chrome and Safari.
-*/
+.prose .chroma:is(.dark *) {
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-neutral-700), var(--tw-bg-opacity, 1));
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-200), var(--tw-text-opacity, 1))
+}
-summary {
- display: list-item;
+/* LineTableTD */
+
+.chroma .lntd,
+.chroma .lntd pre {
+ margin:0px;
+ border-style:none;
+ padding:0px;
+ vertical-align:top
}
-/*
-Removes the default spacing and border for appropriate elements.
-*/
+/* LineTable */
-blockquote,
-dl,
-dd,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-hr,
-figure,
-p,
-pre {
- margin: 0;
+.chroma .lntable {
+ display:block;
+ width:auto;
+ overflow:hidden;
+ padding-left:1rem;
+ padding-right:1rem;
+ padding-top:0.75rem;
+ padding-bottom:0.75rem;
+ font-size:1rem;
+ line-height:1.5rem;
+ border-spacing: 0
}
-fieldset {
- margin: 0;
- padding: 0;
+/* LineHighlight */
+
+.chroma .hl {
+ margin-left:-1rem;
+ margin-right:-1rem;
+ display:block;
+ width:auto;
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity, 1));
+ padding-left:1rem;
+ padding-right:1rem
}
-legend {
- padding: 0;
+.chroma .hl:is(.dark *) {
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity, 1))
}
-ol,
-ul,
-menu {
- list-style: none;
- margin: 0;
- padding: 0;
+.chroma .lntd .hl {
+ margin:0px;
+ padding:0px
}
-/*
-Reset default styling for dialogs.
-*/
+/* LineNumbersTable */
-dialog {
- padding: 0;
-}
+/* LineNumbers */
-/*
-Prevent resizing textareas horizontally by default.
-*/
+.chroma .lnt,
+.chroma .ln {
+ margin-right:0.4em;
+ padding-left:0.4em;
+ padding-right:0.4em;
+ padding-top:0px;
+ padding-bottom:0px;
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-600), var(--tw-text-opacity, 1))
+}
-textarea {
- resize: vertical;
+.chroma .lnt:is(.dark *),
+.chroma .ln:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-300), var(--tw-text-opacity, 1))
}
-/*
-1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
-2. Set the default placeholder color to the user's configured gray 400 color.
-*/
+/* Keyword */
-input::-moz-placeholder, textarea::-moz-placeholder {
- opacity: 1;
- /* 1 */
- color: #9ca3af;
- /* 2 */
-}
+/* KeywordDeclaration */
-input::placeholder,
-textarea::placeholder {
- opacity: 1;
- /* 1 */
- color: #9ca3af;
- /* 2 */
-}
+/* KeywordNamespace */
-/*
-Set the default cursor for buttons.
-*/
+/* KeywordPseudo */
-button,
-[role="button"] {
- cursor: pointer;
-}
+/* KeywordReserved */
-/*
-Make sure disabled buttons don't get the pointer cursor.
-*/
+/* NameClass */
-:disabled {
- cursor: default;
-}
+/* NameFunctionMagic */
-/*
-1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
-2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
- This can trigger a poorly considered lint error in some tools but is included by design.
-*/
+/* NameNamespace */
-img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
- display: block;
- /* 1 */
- vertical-align: middle;
- /* 2 */
-}
+/* NameVariableClass */
-/*
-Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
-*/
+/* Operator */
-img,
-video {
- max-width: 100%;
- height: auto;
+.chroma .k,
+.chroma .kd,
+.chroma .kn,
+.chroma .kp,
+.chroma .kr,
+.chroma .nc,
+.chroma .fm,
+.chroma .nn,
+.chroma .vc,
+.chroma .o {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-600), var(--tw-text-opacity, 1))
}
-/* Make elements with the HTML hidden attribute stay hidden by default */
-
-[hidden] {
- display: none;
+.chroma .k:is(.dark *),
+.chroma .kd:is(.dark *),
+.chroma .kn:is(.dark *),
+.chroma .kp:is(.dark *),
+.chroma .kr:is(.dark *),
+.chroma .nc:is(.dark *),
+.chroma .fm:is(.dark *),
+.chroma .nn:is(.dark *),
+.chroma .vc:is(.dark *),
+.chroma .o:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-300), var(--tw-text-opacity, 1))
}
-[type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
- -webkit-appearance:none;
- -moz-appearance:none;
- appearance:none;
- background-color:#fff;
- border-color:#6b7280;
- border-width:1px;
- border-radius:0px;
- padding-top:0.5rem;
- padding-right:0.75rem;
- padding-bottom:0.5rem;
- padding-left:0.75rem;
- font-size:1rem;
- line-height:1.5rem;
- --tw-shadow:0 0 #0000;
-}
+/* KeywordConstant */
-[type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
- outline:2px solid transparent;
- outline-offset:2px;
- --tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);
- --tw-ring-offset-width:0px;
- --tw-ring-offset-color:#fff;
- --tw-ring-color:#2563eb;
- --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
- --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
- box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
- border-color:#2563eb
+.chroma .kc {
+ font-weight:600;
+ --tw-text-opacity:1;
+ color:rgba(var(--color-secondary-400), var(--tw-text-opacity, 1))
}
-input::-moz-placeholder, textarea::-moz-placeholder {
- color:#6b7280;
- opacity:1
+.chroma .kc:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-secondary-500), var(--tw-text-opacity, 1))
}
-input::placeholder,textarea::placeholder {
- color:#6b7280;
- opacity:1
-}
+/* KeywordType */
-::-webkit-datetime-edit-fields-wrapper {
- padding:0
-}
+/* NameVariable */
-::-webkit-date-and-time-value {
- min-height:1.5em;
- text-align:inherit
-}
+/* NameVariableInstance */
-::-webkit-datetime-edit {
- display:inline-flex
-}
+/* NameVariableMagic */
-::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
- padding-top:0;
- padding-bottom:0
-}
+/* LiteralNumber */
-select {
- background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
- background-position:right 0.5rem center;
- background-repeat:no-repeat;
- background-size:1.5em 1.5em;
- padding-right:2.5rem;
- -webkit-print-color-adjust:exact;
- print-color-adjust:exact
-}
+/* LiteralNumberBin */
-[multiple],[size]:where(select:not([size="1"])) {
- background-image:initial;
- background-position:initial;
- background-repeat:unset;
- background-size:initial;
- padding-right:0.75rem;
- -webkit-print-color-adjust:unset;
- print-color-adjust:unset
-}
+/* LiteralNumberFloat */
-[type='checkbox'],[type='radio'] {
- -webkit-appearance:none;
- -moz-appearance:none;
- appearance:none;
- padding:0;
- -webkit-print-color-adjust:exact;
- print-color-adjust:exact;
- display:inline-block;
- vertical-align:middle;
- background-origin:border-box;
- -webkit-user-select:none;
- -moz-user-select:none;
- user-select:none;
- flex-shrink:0;
- height:1rem;
- width:1rem;
- color:#2563eb;
- background-color:#fff;
- border-color:#6b7280;
- border-width:1px;
- --tw-shadow:0 0 #0000
-}
+/* LiteralNumberHex */
-[type='checkbox'] {
- border-radius:0px
-}
+/* LiteralNumberInteger */
-[type='radio'] {
- border-radius:100%
-}
+/* LiteralNumberIntegerLong */
-[type='checkbox']:focus,[type='radio']:focus {
- outline:2px solid transparent;
- outline-offset:2px;
- --tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);
- --tw-ring-offset-width:2px;
- --tw-ring-offset-color:#fff;
- --tw-ring-color:#2563eb;
- --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
- --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
- box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
-}
+/* LiteralNumberOct */
-[type='checkbox']:checked,[type='radio']:checked {
- border-color:transparent;
- background-color:currentColor;
- background-size:100% 100%;
- background-position:center;
- background-repeat:no-repeat
+.chroma .kt,
+.chroma .nv,
+.chroma .vi,
+.chroma .vm,
+.chroma .m,
+.chroma .mb,
+.chroma .mf,
+.chroma .mh,
+.chroma .mi,
+.chroma .il,
+.chroma .mo {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-secondary-400), var(--tw-text-opacity, 1))
}
-[type='checkbox']:checked {
- background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
+.chroma .kt:is(.dark *),
+.chroma .nv:is(.dark *),
+.chroma .vi:is(.dark *),
+.chroma .vm:is(.dark *),
+.chroma .m:is(.dark *),
+.chroma .mb:is(.dark *),
+.chroma .mf:is(.dark *),
+.chroma .mh:is(.dark *),
+.chroma .mi:is(.dark *),
+.chroma .il:is(.dark *),
+.chroma .mo:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-secondary-600), var(--tw-text-opacity, 1))
}
-@media (forced-colors: active) {
- [type='checkbox']:checked {
- -webkit-appearance:auto;
- -moz-appearance:auto;
- appearance:auto
- }
-}
+/* Name */
-[type='radio']:checked {
- background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
-}
+/* NameDecorator */
-@media (forced-colors: active) {
- [type='radio']:checked {
- -webkit-appearance:auto;
- -moz-appearance:auto;
- appearance:auto
- }
-}
+/* NameEntity */
-[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
- border-color:transparent;
- background-color:currentColor
-}
+/* NameLabel */
-[type='checkbox']:indeterminate {
- background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
- border-color:transparent;
- background-color:currentColor;
- background-size:100% 100%;
- background-position:center;
- background-repeat:no-repeat;
+.chroma .n,
+.chroma .nd,
+.chroma .ni,
+.chroma .nl {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-secondary-900), var(--tw-text-opacity, 1))
}
-@media (forced-colors: active) {
- [type='checkbox']:indeterminate {
- -webkit-appearance:auto;
- -moz-appearance:auto;
- appearance:auto
- }
+.chroma .n:is(.dark *),
+.chroma .nd:is(.dark *),
+.chroma .ni:is(.dark *),
+.chroma .nl:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-secondary-200), var(--tw-text-opacity, 1))
}
-[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
- border-color:transparent;
- background-color:currentColor
-}
+/* NameAttribute */
-[type='file'] {
- background:unset;
- border-color:inherit;
- border-width:0;
- border-radius:0;
- padding:0;
- font-size:unset;
- line-height:inherit
-}
+/* NameBuiltin */
-[type='file']:focus {
- outline:1px solid ButtonText;
- outline:1px auto -webkit-focus-ring-color
-}
+/* NameBuiltinPseudo */
-@supports (-moz-appearance:none) {
- * {
- scrollbar-color:initial;
- scrollbar-width:initial
- }
-}
+/* NameOther */
-*, ::before, ::after {
- --tw-border-spacing-x:0;
- --tw-border-spacing-y:0;
- --tw-translate-x:0;
- --tw-translate-y:0;
- --tw-rotate:0;
- --tw-skew-x:0;
- --tw-skew-y:0;
- --tw-scale-x:1;
- --tw-scale-y:1;
- --tw-pan-x: ;
- --tw-pan-y: ;
- --tw-pinch-zoom: ;
- --tw-scroll-snap-strictness:proximity;
- --tw-gradient-from-position: ;
- --tw-gradient-via-position: ;
- --tw-gradient-to-position: ;
- --tw-ordinal: ;
- --tw-slashed-zero: ;
- --tw-numeric-figure: ;
- --tw-numeric-spacing: ;
- --tw-numeric-fraction: ;
- --tw-ring-inset: ;
- --tw-ring-offset-width:0px;
- --tw-ring-offset-color:#fff;
- --tw-ring-color:rgb(59 130 246 / 0.5);
- --tw-ring-offset-shadow:0 0 #0000;
- --tw-ring-shadow:0 0 #0000;
- --tw-shadow:0 0 #0000;
- --tw-shadow-colored:0 0 #0000;
- --tw-blur: ;
- --tw-brightness: ;
- --tw-contrast: ;
- --tw-grayscale: ;
- --tw-hue-rotate: ;
- --tw-invert: ;
- --tw-saturate: ;
- --tw-sepia: ;
- --tw-drop-shadow: ;
- --tw-backdrop-blur: ;
- --tw-backdrop-brightness: ;
- --tw-backdrop-contrast: ;
- --tw-backdrop-grayscale: ;
- --tw-backdrop-hue-rotate: ;
- --tw-backdrop-invert: ;
- --tw-backdrop-opacity: ;
- --tw-backdrop-saturate: ;
- --tw-backdrop-sepia: ;
- --tw-contain-size: ;
- --tw-contain-layout: ;
- --tw-contain-paint: ;
- --tw-contain-style:
-}
+/* NameProperty */
-::backdrop {
- --tw-border-spacing-x:0;
- --tw-border-spacing-y:0;
- --tw-translate-x:0;
- --tw-translate-y:0;
- --tw-rotate:0;
- --tw-skew-x:0;
- --tw-skew-y:0;
- --tw-scale-x:1;
- --tw-scale-y:1;
- --tw-pan-x: ;
- --tw-pan-y: ;
- --tw-pinch-zoom: ;
- --tw-scroll-snap-strictness:proximity;
- --tw-gradient-from-position: ;
- --tw-gradient-via-position: ;
- --tw-gradient-to-position: ;
- --tw-ordinal: ;
- --tw-slashed-zero: ;
- --tw-numeric-figure: ;
- --tw-numeric-spacing: ;
- --tw-numeric-fraction: ;
- --tw-ring-inset: ;
- --tw-ring-offset-width:0px;
- --tw-ring-offset-color:#fff;
- --tw-ring-color:rgb(59 130 246 / 0.5);
- --tw-ring-offset-shadow:0 0 #0000;
- --tw-ring-shadow:0 0 #0000;
- --tw-shadow:0 0 #0000;
- --tw-shadow-colored:0 0 #0000;
- --tw-blur: ;
- --tw-brightness: ;
- --tw-contrast: ;
- --tw-grayscale: ;
- --tw-hue-rotate: ;
- --tw-invert: ;
- --tw-saturate: ;
- --tw-sepia: ;
- --tw-drop-shadow: ;
- --tw-backdrop-blur: ;
- --tw-backdrop-brightness: ;
- --tw-backdrop-contrast: ;
- --tw-backdrop-grayscale: ;
- --tw-backdrop-hue-rotate: ;
- --tw-backdrop-invert: ;
- --tw-backdrop-opacity: ;
- --tw-backdrop-saturate: ;
- --tw-backdrop-sepia: ;
- --tw-contain-size: ;
- --tw-contain-layout: ;
- --tw-contain-paint: ;
- --tw-contain-style:
-}
+/* NameTag */
-.prose {
- color:var(--tw-prose-body);
- max-width:65ch;
+.chroma .na,
+.chroma .nb,
+.chroma .bp,
+.chroma .nx,
+.chroma .py,
+.chroma .nt {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-secondary-800), var(--tw-text-opacity, 1))
}
-.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top:1.25em;
- margin-bottom:1.25em
+.chroma .na:is(.dark *),
+.chroma .nb:is(.dark *),
+.chroma .bp:is(.dark *),
+.chroma .nx:is(.dark *),
+.chroma .py:is(.dark *),
+.chroma .nt:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-secondary-300), var(--tw-text-opacity, 1))
}
-.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color:var(--tw-prose-lead);
- font-size:1.25em;
- line-height:1.6;
- margin-top:1.2em;
- margin-bottom:1.2em
-}
+/* NameConstant */
-.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color:var(--tw-prose-links);
- text-decoration:none;
- font-weight:500;
- text-decoration-color:rgba(var(--color-primary-300), 1);
-}
+/* NameException */
-.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)):hover {
- color:rgba(var(--color-primary-600), 1);
- text-decoration:none;
- border-radius:0.09rem
-}
+/* NameVariableGlobal */
-.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color:var(--tw-prose-bold);
- font-weight:600
+.chroma .no,
+.chroma .ne,
+.chroma .vg {
+ font-weight:600;
+ --tw-text-opacity:1;
+ color:rgba(var(--color-secondary-400), var(--tw-text-opacity, 1))
}
-.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color:inherit
+.chroma .no:is(.dark *),
+.chroma .ne:is(.dark *),
+.chroma .vg:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-secondary-500), var(--tw-text-opacity, 1))
}
-.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color:inherit
-}
+/* NameFunction */
-.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color:inherit
+.chroma .nf {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-secondary-600), var(--tw-text-opacity, 1))
}
-.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type:decimal;
- margin-top:1.25em;
- margin-bottom:1.25em;
- padding-inline-start:1.625em
+.chroma .nf:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-secondary-500), var(--tw-text-opacity, 1))
}
-.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type:upper-alpha
-}
+/* Literal */
-.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type:lower-alpha
-}
+/* LiteralDate */
-.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type:upper-alpha
-}
+/* LiteralString */
-.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type:lower-alpha
-}
+/* LiteralStringAffix */
-.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type:upper-roman
-}
+/* LiteralStringBacktick */
-.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type:lower-roman
-}
+/* LiteralStringChar */
-.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type:upper-roman
-}
+/* LiteralStringDelimiter */
-.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type:lower-roman
-}
+/* LiteralStringDoc */
-.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type:decimal
-}
+/* LiteralStringDouble */
-.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- list-style-type:disc;
- margin-top:1.25em;
- margin-bottom:1.25em;
- padding-inline-start:1.625em
-}
+/* LiteralStringHeredoc */
-.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
- font-weight:400;
- color:var(--tw-prose-counters)
-}
+/* LiteralStringInterpol */
-.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
- color:var(--tw-prose-bullets)
-}
+/* LiteralStringOther */
-.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color:var(--tw-prose-headings);
- font-weight:600;
- margin-top:1.25em
-}
+/* LiteralStringSingle */
-.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
-}
+/* GenericInserted */
-.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-weight:500;
- font-style:italic;
- color:var(--tw-prose-quotes);
- border-inline-start-width:0.25rem;
- border-inline-start-color:var(--tw-prose-quote-borders);
- quotes:"\201C""\201D""\2018""\2019";
- margin-top:1.6em;
- margin-bottom:1.6em;
- padding-inline-start:1em
-}
+/* GenericOutput */
-.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
- content:open-quote
-}
+/* GenericPrompt */
-.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
- content:close-quote
+.chroma .l,
+.chroma .ld,
+.chroma .s,
+.chroma .sa,
+.chroma .sb,
+.chroma .sc,
+.chroma .dl,
+.chroma .sd,
+.chroma .s2,
+.chroma .sh,
+.chroma .si,
+.chroma .sx,
+.chroma .s1,
+.chroma .gi,
+.chroma .go,
+.chroma .gp {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-800), var(--tw-text-opacity, 1))
}
-.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color:var(--tw-prose-headings);
- font-weight:800;
- font-size:2.25em;
- margin-top:0;
- margin-bottom:0.8888889em;
- line-height:1.1111111
+.chroma .l:is(.dark *),
+.chroma .ld:is(.dark *),
+.chroma .s:is(.dark *),
+.chroma .sa:is(.dark *),
+.chroma .sb:is(.dark *),
+.chroma .sc:is(.dark *),
+.chroma .dl:is(.dark *),
+.chroma .sd:is(.dark *),
+.chroma .s2:is(.dark *),
+.chroma .sh:is(.dark *),
+.chroma .si:is(.dark *),
+.chroma .sx:is(.dark *),
+.chroma .s1:is(.dark *),
+.chroma .gi:is(.dark *),
+.chroma .go:is(.dark *),
+.chroma .gp:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-400), var(--tw-text-opacity, 1))
}
-.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-weight:900;
- color:inherit
-}
+/* LiteralStringEscape */
-.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color:var(--tw-prose-headings);
- font-weight:700;
- font-size:1.5em;
- margin-top:2em;
- margin-bottom:1em;
- line-height:1.3333333
+.chroma .se {
+ font-weight:600;
+ --tw-text-opacity:1;
+ color:rgba(var(--color-secondary-400), var(--tw-text-opacity, 1))
}
-.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-weight:800;
- color:inherit
+.chroma .se:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-secondary-500), var(--tw-text-opacity, 1))
}
-.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color:var(--tw-prose-headings);
+/* LiteralStringRegex */
+
+/* LiteralStringSymbol */
+
+.chroma .sr,
+.chroma .ss {
font-weight:600;
- font-size:1.25em;
- margin-top:1.6em;
- margin-bottom:0.6em;
- line-height:1.6
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-800), var(--tw-text-opacity, 1))
}
-.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-weight:700;
- color:inherit
+.chroma .sr:is(.dark *),
+.chroma .ss:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-400), var(--tw-text-opacity, 1))
}
-.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color:var(--tw-prose-headings);
+/* OperatorWord */
+
+.chroma .ow {
font-weight:600;
- margin-top:1.5em;
- margin-bottom:0.5em;
- line-height:1.5
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-400), var(--tw-text-opacity, 1))
}
-.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- font-weight:700;
- color:inherit
+.chroma .ow:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-600), var(--tw-text-opacity, 1))
}
-.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top:2em;
- margin-bottom:2em
-}
+/* Comment */
-.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- display:block;
- margin-top:2em;
- margin-bottom:2em
+/* CommentMultiline */
+
+/* CommentSingle */
+
+/* CommentSpecial */
+
+/* CommentPreproc */
+
+/* CommentPreprocFile */
+
+.chroma .c,
+.chroma .cm,
+.chroma .c1,
+.chroma .cs,
+.chroma .cp,
+.chroma .cpf {
+ font-style:italic;
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-500), var(--tw-text-opacity, 1))
}
-.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top:2em;
- margin-bottom:2em
+.chroma .c:is(.dark *),
+.chroma .cm:is(.dark *),
+.chroma .c1:is(.dark *),
+.chroma .cs:is(.dark *),
+.chroma .cp:is(.dark *),
+.chroma .cpf:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-400), var(--tw-text-opacity, 1))
}
-.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+/* CommentHashbang */
+
+.chroma .ch {
font-weight:600;
- font-family:inherit;
- color:var(--tw-prose-kbd);
- box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
- font-size:0.9rem;
- border-radius:0.25rem;
- padding-top:0.1875em;
- padding-inline-end:0.375em;
- padding-bottom:0.1875em;
- padding-inline-start:0.375em;
- background-color:rgba(var(--color-neutral-200), 1);
- padding:0.1rem 0.4rem
+ font-style:italic;
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-500), var(--tw-text-opacity, 1))
}
-.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color:var(--tw-prose-code);
- font-weight:600;
- font-size:0.875em;
- background-color:rgba(var(--color-neutral-50), 1);
- padding-top:3px;
- padding-bottom:3px;
- padding-left:5px;
- padding-right:5px;
- border-radius:0.25rem
+.chroma .ch:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-400), var(--tw-text-opacity, 1))
}
-.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
- content:"`";
- display:none
+/* GenericEmph */
+
+.chroma .ge {
+ font-style:italic
}
-.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
- content:"`";
- display:none
+/* GenericHeading */
+
+.chroma .gh {
+ font-weight:600;
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-500), var(--tw-text-opacity, 1))
}
-.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color:var(--tw-prose-code)
+/* GenericStrong */
+
+.chroma .gs {
+ font-weight:600
}
-.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color:inherit
+/* GenericSubheading */
+
+/* GenericTraceback */
+
+.chroma .gu,
+.chroma .gt {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-500), var(--tw-text-opacity, 1))
}
-.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color:inherit;
- font-size:0.875em
+/* GenericUnderline */
+
+.chroma .gl {
+ text-decoration-line:underline
}
-.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color:inherit;
- font-size:0.9em
+/* Custom */
+
+pre {
+ text-align: left;
}
-.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color:inherit
+.thumbnail {
+ min-width: 300px;
+ height: 180px;
+ background-repeat:no-repeat;
+ background-size:cover;
+ background-position:center;
}
-.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color:inherit
+.thumbnail_card {
+ height: 200px;
+ background-repeat:no-repeat;
+ background-size:cover;
+ background-position:center;
}
-.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color:inherit
+.thumbnail_card_related {
+ height: 150px;
+ background-repeat:no-repeat;
+ background-size:cover;
+ background-position:center;
}
-.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color:var(--tw-prose-pre-code);
- background-color:var(--tw-prose-pre-bg);
- overflow-x:auto;
- font-weight:400;
- font-size:0.875em;
- line-height:1.7142857;
- margin-top:1.7142857em;
- margin-bottom:1.7142857em;
- border-radius:0.375rem;
- padding-top:0.8571429em;
- padding-inline-end:1.1428571em;
- padding-bottom:0.8571429em;
- padding-inline-start:1.1428571em
+.thumbnail_card_term {
+ height: 150px;
+ background-repeat:no-repeat;
+ background-size:cover;
+ background-position:center;
}
-.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- background-color:transparent;
- border-width:0;
- border-radius:0;
- padding:0;
- font-weight:inherit;
- color:inherit;
- font-size:inherit;
- font-family:inherit;
- line-height:inherit
+.single_hero_basic {
+ background-repeat:no-repeat;
+ background-size:cover;
+ background-position:center;
}
-.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
- content:none
+.single_hero_round {
+ max-height: 50vh;
+ -o-object-fit: cover;
+ object-fit: cover;
}
-.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
- content:none
+.single_hero_background {
+ background-repeat:no-repeat;
+ background-size:cover;
+ background-position:center;
+ width: calc(100% + 40px);
+ z-index: -10;
+ margin-left: -20px;
}
-.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- width:100%;
- table-layout:auto;
- margin-top:2em;
- margin-bottom:2em;
- font-size:0.875em;
- line-height:1.7142857
+.hero_gradient {
+ width: 100%;
+ height: 100%;
}
-.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- border-bottom-width:1px;
- border-bottom-color:var(--tw-prose-th-borders)
+.thumbnailshadow {
+ box-shadow: 5px 5px 20px 1px rgba(0, 0, 0, 0.3);
}
-.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color:var(--tw-prose-headings);
- font-weight:600;
- vertical-align:bottom;
- padding-inline-end:0.5714286em;
- padding-bottom:0.5714286em;
- padding-inline-start:0.5714286em
+.anchor {
+ display: block;
+ position: relative;
+ top: -150px;
+ height: 0px;
+ visibility: hidden;
}
-.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- border-bottom-width:1px;
- border-bottom-color:var(--tw-prose-td-borders)
-}
+@media (min-width: 640px) {
+ .thumbnail {
+ min-width: 100%;
+ height: 180px;
+ }
-.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- border-bottom-width:0
+ .article {
+ flex-wrap: wrap;
+ }
}
-.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- vertical-align:baseline
-}
+@media (min-width: 853px) {
+ .thumbnail {
+ min-width: 300px;
+ min-height: 180px;
+ height: auto;
+ }
-.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- border-top-width:1px;
- border-top-color:var(--tw-prose-th-borders)
+ .article {
+ flex-wrap: nowrap;
+ }
}
-.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- vertical-align:top
+.medium-zoom-image--opened {
+ z-index: 100;
}
-.prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- text-align:start
+.nested-menu:hover + .menuhide {
+ visibility: visible;
+ opacity: 1;
+ transition: visibility 0.3s, opacity 0.3s ease-in-out ;
}
-.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top:0;
- margin-bottom:0
+.menuhide:hover {
+ visibility: visible;
+ opacity: 1;
+ transition: visibility 0.3s, opacity 0.3s ease-in-out ;
}
-.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color:var(--tw-prose-captions);
- font-size:0.875em;
- line-height:1.4285714;
- margin-top:0.8571429em
+.menuhide {
+ visibility: hidden;
+ opacity: 0;
+ transition: visibility 0.3s, opacity 0.3s ease-in-out ;
+ z-index: 1000;
}
-.prose {
- --tw-prose-body:rgba(var(--color-neutral-700), 1);
- --tw-prose-headings:rgba(var(--color-neutral-800), 1);
- --tw-prose-lead:rgba(var(--color-neutral-500), 1);
- --tw-prose-links:rgba(var(--color-primary-600), 1);
- --tw-prose-bold:rgba(var(--color-neutral-900), 1);
- --tw-prose-counters:rgba(var(--color-neutral-800), 1);
- --tw-prose-bullets:rgba(var(--color-neutral-500), 1);
- --tw-prose-hr:rgba(var(--color-neutral-200), 1);
- --tw-prose-quotes:rgba(var(--color-neutral-700), 1);
- --tw-prose-quote-borders:rgba(var(--color-primary-200), 1);
- --tw-prose-captions:rgba(var(--color-neutral-500), 1);
- --tw-prose-kbd:#111827;
- --tw-prose-kbd-shadows:17 24 39;
- --tw-prose-code:rgba(var(--color-secondary-700), 1);
- --tw-prose-pre-code:rgba(var(--color-neutral-700), 1);
- --tw-prose-pre-bg:rgba(var(--color-neutral-50), 1);
- --tw-prose-th-borders:rgba(var(--color-neutral-500), 1);
- --tw-prose-td-borders:rgba(var(--color-neutral-300), 1);
- --tw-prose-invert-body:rgba(var(--color-neutral-300), 1);
- --tw-prose-invert-headings:rgba(var(--color-neutral-50), 1);
- --tw-prose-invert-lead:rgba(var(--color-neutral-500), 1);
- --tw-prose-invert-links:rgba(var(--color-primary-400), 1);
- --tw-prose-invert-bold:rgba(var(--color-neutral), 1);
- --tw-prose-invert-counters:rgba(var(--color-neutral-400), 1);
- --tw-prose-invert-bullets:rgba(var(--color-neutral-600), 1);
- --tw-prose-invert-hr:rgba(var(--color-neutral-500), 1);
- --tw-prose-invert-quotes:rgba(var(--color-neutral-200), 1);
- --tw-prose-invert-quote-borders:rgba(var(--color-primary-900), 1);
- --tw-prose-invert-captions:rgba(var(--color-neutral-400), 1);
- --tw-prose-invert-kbd:#fff;
- --tw-prose-invert-kbd-shadows:255 255 255;
- --tw-prose-invert-code:rgba(var(--color-secondary-400), 1);
- --tw-prose-invert-pre-code:rgba(var(--color-neutral-200), 1);
- --tw-prose-invert-pre-bg:rgba(var(--color-neutral-700), 1);
- --tw-prose-invert-th-borders:rgba(var(--color-neutral-500), 1);
- --tw-prose-invert-td-borders:rgba(var(--color-neutral-700), 1);
- font-size:1rem;
- line-height:1.75
+.active {
+ text-decoration-line: underline;
+ text-decoration-thickness: 3px;
+ text-underline-offset: 4px;
}
-.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top:0;
- margin-bottom:0
+/* Gallery Specific Styles */
+
+.grid-w10 {
+ width: calc(10% - 5px);
+ margin: 0px !important;
}
-.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top:0.5em;
- margin-bottom:0.5em
+.grid-w15 {
+ width: calc(15% - 5px);
+ margin: 0px !important;
}
-.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-inline-start:0.375em
+.grid-w20 {
+ width: calc(20% - 5px);
+ margin: 0px !important;
}
-.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-inline-start:0.375em
+.grid-w25 {
+ width: calc(25% - 5px);
+ margin: 0px !important;
}
-.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top:0.75em;
- margin-bottom:0.75em
+.grid-w30 {
+ width: calc(30% - 5px);
+ margin: 0px !important;
}
-.prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top:1.25em
+.grid-w33 {
+ width: calc(33% - 5px);
+ margin: 0px !important;
}
-.prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-bottom:1.25em
+.grid-w35 {
+ width: calc(35% - 5px);
+ margin: 0px !important;
}
-.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top:1.25em
+.grid-w40 {
+ width: calc(40% - 5px);
+ margin: 0px !important;
}
-.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-bottom:1.25em
+.grid-w45 {
+ width: calc(45% - 5px);
+ margin: 0px !important;
}
-.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top:0.75em;
- margin-bottom:0.75em
+.grid-w50 {
+ width: calc(50% - 5px);
+ margin: 0px !important;
}
-.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top:1.25em;
- margin-bottom:1.25em
+.grid-w55 {
+ width: calc(55% - 5px);
+ margin: 0px !important;
}
-.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top:0.5em;
- padding-inline-start:1.625em
+.grid-w60 {
+ width: calc(60% - 5px);
+ margin: 0px !important;
}
-.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top:0
+.grid-w65 {
+ width: calc(65% - 5px);
+ margin: 0px !important;
}
-.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top:0
+.grid-w66 {
+ width: calc(66% - 5px);
+ margin: 0px !important;
}
-.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top:0
+.grid-w70 {
+ width: calc(70% - 5px);
+ margin: 0px !important;
}
-.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top:0
+.grid-w75 {
+ width: calc(75% - 5px);
+ margin: 0px !important;
}
-.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-inline-start:0
+.grid-w80 {
+ width: calc(80% - 5px);
+ margin: 0px !important;
}
-.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-inline-end:0
+.grid-w85 {
+ width: calc(85% - 5px);
+ margin: 0px !important;
}
-.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-top:0.5714286em;
- padding-inline-end:0.5714286em;
- padding-bottom:0.5714286em;
- padding-inline-start:0.5714286em
+.grid-w90 {
+ width: calc(90% - 5px);
+ margin: 0px !important;
}
-.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-inline-start:0
+.grid-w95 {
+ width: calc(95% - 5px);
+ margin: 0px !important;
}
-.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- padding-inline-end:0
+.grid-w100 {
+ width: calc(100% - 5px);
+ margin: 0px !important;
}
-.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top:2em;
- margin-bottom:2em
-}
+@media (min-width: 640px) {
+ .sm\:grid-w10 {
+ width: calc(10% - 5px);
+ margin: 0px !important;
+ }
-.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-top:0
-}
+ .sm\:grid-w15 {
+ width: calc(15% - 5px);
+ margin: 0px !important;
+ }
-.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- margin-bottom:0
-}
+ .sm\:grid-w20 {
+ width: calc(20% - 5px);
+ margin: 0px !important;
+ }
-.prose :where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color:rgba(var(--color-neutral-800), 1);
- background-color:rgba(var(--color-primary-600), 1);
- padding:0.1rem 0.2rem;
- border-radius:0.25rem
-}
+ .sm\:grid-w25 {
+ width: calc(25% - 5px);
+ margin: 0px !important;
+ }
-.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
- display:none
-}
+ .sm\:grid-w30 {
+ width: calc(30% - 5px);
+ margin: 0px !important;
+ }
-.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
- display:none
-}
+ .sm\:grid-w33 {
+ width: calc(33% - 5px);
+ margin: 0px !important;
+ }
-.prose :where(a.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- text-decoration-color:rgba(var(--color-primary-600), 1)
-}
+ .sm\:grid-w35 {
+ width: calc(35% - 5px);
+ margin: 0px !important;
+ }
-.prose :where(p.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- text-decoration-color:rgba(var(--color-primary-600), 1)
-}
+ .sm\:grid-w40 {
+ width: calc(40% - 5px);
+ margin: 0px !important;
+ }
-.prose-invert {
- --tw-prose-body:var(--tw-prose-invert-body);
- --tw-prose-headings:var(--tw-prose-invert-headings);
- --tw-prose-lead:var(--tw-prose-invert-lead);
- --tw-prose-links:var(--tw-prose-invert-links);
- --tw-prose-bold:var(--tw-prose-invert-bold);
- --tw-prose-counters:var(--tw-prose-invert-counters);
- --tw-prose-bullets:var(--tw-prose-invert-bullets);
- --tw-prose-hr:var(--tw-prose-invert-hr);
- --tw-prose-quotes:var(--tw-prose-invert-quotes);
- --tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);
- --tw-prose-captions:var(--tw-prose-invert-captions);
- --tw-prose-kbd:var(--tw-prose-invert-kbd);
- --tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);
- --tw-prose-code:var(--tw-prose-invert-code);
- --tw-prose-pre-code:var(--tw-prose-invert-pre-code);
- --tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);
- --tw-prose-th-borders:var(--tw-prose-invert-th-borders);
- --tw-prose-td-borders:var(--tw-prose-invert-td-borders);
-}
+ .sm\:grid-w45 {
+ width: calc(45% - 5px);
+ margin: 0px !important;
+ }
-.prose-invert :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- text-decoration-color:rgba(var(--color-neutral-600), 1);
-}
+ .sm\:grid-w50 {
+ width: calc(50% - 5px);
+ margin: 0px !important;
+ }
-.prose-invert :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)):hover {
- color:rgba(var(--color-primary-400), 1)
-}
+ .sm\:grid-w55 {
+ width: calc(55% - 5px);
+ margin: 0px !important;
+ }
-.prose-invert :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- color:rgba(var(--color-neutral-200), 1);
- background-color:rgba(var(--color-neutral-700), 1)
-}
+ .sm\:grid-w60 {
+ width: calc(60% - 5px);
+ margin: 0px !important;
+ }
-.prose-invert :where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- background-color:rgba(var(--color-primary-400), 1)
-}
+ .sm\:grid-w65 {
+ width: calc(65% - 5px);
+ margin: 0px !important;
+ }
-.prose-invert :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- background-color:rgba(var(--color-neutral-700), 1)
-}
+ .sm\:grid-w66 {
+ width: calc(66% - 5px);
+ margin: 0px !important;
+ }
-.prose-invert :where(a.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- text-decoration-color:rgba(var(--color-primary-400), 1)
-}
+ .sm\:grid-w70 {
+ width: calc(70% - 5px);
+ margin: 0px !important;
+ }
-.prose-invert :where(p.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
- text-decoration-color:rgba(var(--color-primary-400), 1)
-}
+ .sm\:grid-w75 {
+ width: calc(75% - 5px);
+ margin: 0px !important;
+ }
-.sr-only {
- position:absolute;
- width:1px;
- height:1px;
- padding:0;
- margin:-1px;
- overflow:hidden;
- clip:rect(0, 0, 0, 0);
- white-space:nowrap;
- border-width:0
-}
+ .sm\:grid-w80 {
+ width: calc(80% - 5px);
+ margin: 0px !important;
+ }
-.pointer-events-none {
- pointer-events:none
-}
+ .sm\:grid-w85 {
+ width: calc(85% - 5px);
+ margin: 0px !important;
+ }
-.pointer-events-auto {
- pointer-events:auto
-}
+ .sm\:grid-w90 {
+ width: calc(90% - 5px);
+ margin: 0px !important;
+ }
-.invisible {
- visibility:hidden
-}
+ .sm\:grid-w95 {
+ width: calc(95% - 5px);
+ margin: 0px !important;
+ }
-.fixed {
- position:fixed
+ .sm\:grid-w100 {
+ width: calc(100% - 5px);
+ margin: 0px !important;
+ }
}
-.\!absolute {
- position:absolute !important
-}
+@media (min-width: 853px) {
+ .md\:grid-w10 {
+ width: calc(10% - 5px);
+ margin: 0px !important;
+ }
-.absolute {
- position:absolute
-}
+ .md\:grid-w15 {
+ width: calc(15% - 5px);
+ margin: 0px !important;
+ }
-.relative {
- position:relative
-}
+ .md\:grid-w20 {
+ width: calc(20% - 5px);
+ margin: 0px !important;
+ }
-.sticky {
- position:sticky
-}
+ .md\:grid-w25 {
+ width: calc(25% - 5px);
+ margin: 0px !important;
+ }
-.inset-0 {
- inset:0px
-}
+ .md\:grid-w30 {
+ width: calc(30% - 5px);
+ margin: 0px !important;
+ }
-.inset-x-0 {
- left:0px;
- right:0px
-}
+ .md\:grid-w33 {
+ width: calc(33% - 5px);
+ margin: 0px !important;
+ }
-.bottom-0 {
- bottom:0px
-}
+ .md\:grid-w35 {
+ width: calc(35% - 5px);
+ margin: 0px !important;
+ }
-.left-0 {
- left:0px
-}
+ .md\:grid-w40 {
+ width: calc(40% - 5px);
+ margin: 0px !important;
+ }
-.right-0 {
- right:0px
-}
+ .md\:grid-w45 {
+ width: calc(45% - 5px);
+ margin: 0px !important;
+ }
-.top-0 {
- top:0px
-}
+ .md\:grid-w50 {
+ width: calc(50% - 5px);
+ margin: 0px !important;
+ }
-.top-20 {
- top:5rem
-}
+ .md\:grid-w55 {
+ width: calc(55% - 5px);
+ margin: 0px !important;
+ }
-.top-\[110vh\] {
- top:110vh
-}
+ .md\:grid-w60 {
+ width: calc(60% - 5px);
+ margin: 0px !important;
+ }
-.top-\[calc\(100vh-5\.5rem\)\] {
- top:calc(100vh - 5.5rem)
-}
+ .md\:grid-w65 {
+ width: calc(65% - 5px);
+ margin: 0px !important;
+ }
-.z-10 {
- z-index:10
-}
+ .md\:grid-w66 {
+ width: calc(66% - 5px);
+ margin: 0px !important;
+ }
-.z-30 {
- z-index:30
+ .md\:grid-w70 {
+ width: calc(70% - 5px);
+ margin: 0px !important;
+ }
+
+ .md\:grid-w75 {
+ width: calc(75% - 5px);
+ margin: 0px !important;
+ }
+
+ .md\:grid-w80 {
+ width: calc(80% - 5px);
+ margin: 0px !important;
+ }
+
+ .md\:grid-w85 {
+ width: calc(85% - 5px);
+ margin: 0px !important;
+ }
+
+ .md\:grid-w90 {
+ width: calc(90% - 5px);
+ margin: 0px !important;
+ }
+
+ .md\:grid-w95 {
+ width: calc(95% - 5px);
+ margin: 0px !important;
+ }
+
+ .md\:grid-w100 {
+ width: calc(100% - 5px);
+ margin: 0px !important;
+ }
}
-.z-\[1\] {
- z-index:1
+@media (min-width: 1024px) {
+ .lg\:grid-w10 {
+ width: calc(10% - 5px);
+ margin: 0px !important;
+ }
+
+ .lg\:grid-w15 {
+ width: calc(15% - 5px);
+ margin: 0px !important;
+ }
+
+ .lg\:grid-w20 {
+ width: calc(20% - 5px);
+ margin: 0px !important;
+ }
+
+ .lg\:grid-w25 {
+ width: calc(25% - 5px);
+ margin: 0px !important;
+ }
+
+ .lg\:grid-w30 {
+ width: calc(30% - 5px);
+ margin: 0px !important;
+ }
+
+ .lg\:grid-w33 {
+ width: calc(33% - 5px);
+ margin: 0px !important;
+ }
+
+ .lg\:grid-w35 {
+ width: calc(35% - 5px);
+ margin: 0px !important;
+ }
+
+ .lg\:grid-w40 {
+ width: calc(40% - 5px);
+ margin: 0px !important;
+ }
+
+ .lg\:grid-w45 {
+ width: calc(45% - 5px);
+ margin: 0px !important;
+ }
+
+ .lg\:grid-w50 {
+ width: calc(50% - 5px);
+ margin: 0px !important;
+ }
+
+ .lg\:grid-w55 {
+ width: calc(55% - 5px);
+ margin: 0px !important;
+ }
+
+ .lg\:grid-w60 {
+ width: calc(60% - 5px);
+ margin: 0px !important;
+ }
+
+ .lg\:grid-w65 {
+ width: calc(65% - 5px);
+ margin: 0px !important;
+ }
+
+ .lg\:grid-w66 {
+ width: calc(66% - 5px);
+ margin: 0px !important;
+ }
+
+ .lg\:grid-w70 {
+ width: calc(70% - 5px);
+ margin: 0px !important;
+ }
+
+ .lg\:grid-w75 {
+ width: calc(75% - 5px);
+ margin: 0px !important;
+ }
+
+ .lg\:grid-w80 {
+ width: calc(80% - 5px);
+ margin: 0px !important;
+ }
+
+ .lg\:grid-w85 {
+ width: calc(85% - 5px);
+ margin: 0px !important;
+ }
+
+ .lg\:grid-w90 {
+ width: calc(90% - 5px);
+ margin: 0px !important;
+ }
+
+ .lg\:grid-w95 {
+ width: calc(95% - 5px);
+ margin: 0px !important;
+ }
+
+ .lg\:grid-w100 {
+ width: calc(100% - 5px);
+ margin: 0px !important;
+ }
}
-.z-\[2\] {
- z-index:2
-}
+@media (min-width: 1280px) {
+ .xl\:grid-w10 {
+ width: calc(10% - 5px);
+ margin: 0px !important;
+ }
+
+ .xl\:grid-w15 {
+ width: calc(15% - 5px);
+ margin: 0px !important;
+ }
+
+ .xl\:grid-w20 {
+ width: calc(20% - 5px);
+ margin: 0px !important;
+ }
+
+ .xl\:grid-w25 {
+ width: calc(25% - 5px);
+ margin: 0px !important;
+ }
+
+ .xl\:grid-w30 {
+ width: calc(30% - 5px);
+ margin: 0px !important;
+ }
+
+ .xl\:grid-w33 {
+ width: calc(33% - 5px);
+ margin: 0px !important;
+ }
+
+ .xl\:grid-w35 {
+ width: calc(35% - 5px);
+ margin: 0px !important;
+ }
+
+ .xl\:grid-w40 {
+ width: calc(40% - 5px);
+ margin: 0px !important;
+ }
+
+ .xl\:grid-w45 {
+ width: calc(45% - 5px);
+ margin: 0px !important;
+ }
+
+ .xl\:grid-w50 {
+ width: calc(50% - 5px);
+ margin: 0px !important;
+ }
+
+ .xl\:grid-w55 {
+ width: calc(55% - 5px);
+ margin: 0px !important;
+ }
+
+ .xl\:grid-w60 {
+ width: calc(60% - 5px);
+ margin: 0px !important;
+ }
+
+ .xl\:grid-w65 {
+ width: calc(65% - 5px);
+ margin: 0px !important;
+ }
+
+ .xl\:grid-w66 {
+ width: calc(66% - 5px);
+ margin: 0px !important;
+ }
+
+ .xl\:grid-w70 {
+ width: calc(70% - 5px);
+ margin: 0px !important;
+ }
+
+ .xl\:grid-w75 {
+ width: calc(75% - 5px);
+ margin: 0px !important;
+ }
+
+ .xl\:grid-w80 {
+ width: calc(80% - 5px);
+ margin: 0px !important;
+ }
-.order-first {
- order:-9999
-}
+ .xl\:grid-w85 {
+ width: calc(85% - 5px);
+ margin: 0px !important;
+ }
-.col-span-1 {
- grid-column:span 1 / span 1
-}
+ .xl\:grid-w90 {
+ width: calc(90% - 5px);
+ margin: 0px !important;
+ }
-.col-span-2 {
- grid-column:span 2 / span 2
-}
+ .xl\:grid-w95 {
+ width: calc(95% - 5px);
+ margin: 0px !important;
+ }
-.float-right {
- float:right
+ .xl\:grid-w100 {
+ width: calc(100% - 5px);
+ margin: 0px !important;
+ }
}
-.float-left {
- float:left
-}
+@media (min-width: 1536px) {
+ .2xl\:grid-w10 {
+ width: calc(10% - 5px);
+ margin: 0px !important;
+ }
-.\!-m-px {
- margin:-1px !important
-}
+ .2xl\:grid-w15 {
+ width: calc(15% - 5px);
+ margin: 0px !important;
+ }
-.m-0 {
- margin:0px
-}
+ .2xl\:grid-w20 {
+ width: calc(20% - 5px);
+ margin: 0px !important;
+ }
-.m-1 {
- margin:0.25rem
-}
+ .2xl\:grid-w25 {
+ width: calc(25% - 5px);
+ margin: 0px !important;
+ }
-.m-2 {
- margin:0.5rem
-}
+ .2xl\:grid-w30 {
+ width: calc(30% - 5px);
+ margin: 0px !important;
+ }
-.m-auto {
- margin:auto
-}
+ .2xl\:grid-w33 {
+ width: calc(33% - 5px);
+ margin: 0px !important;
+ }
-.-mx-2 {
- margin-left:-0.5rem;
- margin-right:-0.5rem
-}
+ .2xl\:grid-w35 {
+ width: calc(35% - 5px);
+ margin: 0px !important;
+ }
-.-my-2 {
- margin-top:-0.5rem;
- margin-bottom:-0.5rem
-}
+ .2xl\:grid-w40 {
+ width: calc(40% - 5px);
+ margin: 0px !important;
+ }
-.mx-1 {
- margin-left:0.25rem;
- margin-right:0.25rem
-}
+ .2xl\:grid-w45 {
+ width: calc(45% - 5px);
+ margin: 0px !important;
+ }
-.mx-\[15\%\] {
- margin-left:15%;
- margin-right:15%
-}
+ .2xl\:grid-w50 {
+ width: calc(50% - 5px);
+ margin: 0px !important;
+ }
-.mx-\[3px\] {
- margin-left:3px;
- margin-right:3px
-}
+ .2xl\:grid-w55 {
+ width: calc(55% - 5px);
+ margin: 0px !important;
+ }
-.mx-auto {
- margin-left:auto;
- margin-right:auto
-}
+ .2xl\:grid-w60 {
+ width: calc(60% - 5px);
+ margin: 0px !important;
+ }
-.my-0 {
- margin-top:0px;
- margin-bottom:0px
-}
+ .2xl\:grid-w65 {
+ width: calc(65% - 5px);
+ margin: 0px !important;
+ }
-.my-3 {
- margin-top:0.75rem;
- margin-bottom:0.75rem
-}
+ .2xl\:grid-w66 {
+ width: calc(66% - 5px);
+ margin: 0px !important;
+ }
-.\!mb-0 {
- margin-bottom:0px !important
-}
+ .2xl\:grid-w70 {
+ width: calc(70% - 5px);
+ margin: 0px !important;
+ }
-.\!mb-9 {
- margin-bottom:2.25rem !important
-}
+ .2xl\:grid-w75 {
+ width: calc(75% - 5px);
+ margin: 0px !important;
+ }
-.\!mt-0 {
- margin-top:0px !important
-}
+ .2xl\:grid-w80 {
+ width: calc(80% - 5px);
+ margin: 0px !important;
+ }
-.-mb-1 {
- margin-bottom:-0.25rem
-}
+ .2xl\:grid-w85 {
+ width: calc(85% - 5px);
+ margin: 0px !important;
+ }
-.-ml-12 {
- margin-left:-3rem
-}
+ .2xl\:grid-w90 {
+ width: calc(90% - 5px);
+ margin: 0px !important;
+ }
-.-mr-2 {
- margin-right:-0.5rem
-}
+ .2xl\:grid-w95 {
+ width: calc(95% - 5px);
+ margin: 0px !important;
+ }
-.-mr-48 {
- margin-right:-12rem
+ .2xl\:grid-w100 {
+ width: calc(100% - 5px);
+ margin: 0px !important;
+ }
}
-.-mr-\[100\%\] {
- margin-right:-100%
-}
+/* Carousel Specific Styles */
-.mb-0 {
- margin-bottom:0px
+.ratio-16-9 {
+ padding-top: 56.25%;
}
-.mb-1 {
- margin-bottom:0.25rem
-}
+/* 16:9 Aspect Ratio */
-.mb-10 {
- margin-bottom:2.5rem
+.ratio-21-9 {
+ padding-top: 42.85%;
}
-.mb-12 {
- margin-bottom:3rem
-}
+/* 21:9 Aspect Ratio */
-.mb-16 {
- margin-bottom:4rem
+.ratio-32-9 {
+ padding-top: 28.125%;
}
-.mb-2 {
- margin-bottom:0.5rem
-}
+/* 32:9 Aspect Ratio */
-.mb-20 {
- margin-bottom:5rem
-}
+@media (min-width: 640px) {
+ .sm\:ratio-16-9 {
+ padding-top: 56.25%;
+ }
-.mb-3 {
- margin-bottom:0.75rem
-}
+ /* 16:9 Aspect Ratio */
-.mb-5 {
- margin-bottom:1.25rem
-}
+ .sm\:ratio-21-9 {
+ padding-top: 42.85%;
+ }
-.mb-6 {
- margin-bottom:1.5rem
-}
+ /* 21:9 Aspect Ratio */
-.mb-\[2px\] {
- margin-bottom:2px
-}
+ .sm\:ratio-32-9 {
+ padding-top: 28.125%;
+ }
-.ml-2 {
- margin-left:0.5rem
+ /* 32:9 Aspect Ratio */
}
-.ml-3 {
- margin-left:0.75rem
-}
+@media (min-width: 853px) {
+ .md\:ratio-16-9 {
+ padding-top: 56.25%;
+ }
+
+ /* 16:9 Aspect Ratio */
-.ml-6 {
- margin-left:1.5rem
-}
+ .md\:ratio-21-9 {
+ padding-top: 42.85%;
+ }
-.ml-auto {
- margin-left:auto
-}
+ /* 21:9 Aspect Ratio */
-.mr-1 {
- margin-right:0.25rem
-}
+ .md\:ratio-32-9 {
+ padding-top: 28.125%;
+ }
-.mr-2 {
- margin-right:0.5rem
+ /* 32:9 Aspect Ratio */
}
-.mr-3 {
- margin-right:0.75rem
-}
+@media (min-width: 1024px) {
+ .lg\:ratio-16-9 {
+ padding-top: 56.25%;
+ }
-.mr-5 {
- margin-right:1.25rem
-}
+ /* 16:9 Aspect Ratio */
-.mr-auto {
- margin-right:auto
-}
+ .lg\:ratio-21-9 {
+ padding-top: 42.85%;
+ }
-.mt-0 {
- margin-top:0px
-}
+ /* 21:9 Aspect Ratio */
-.mt-1 {
- margin-top:0.25rem
-}
+ .lg\:ratio-32-9 {
+ padding-top: 28.125%;
+ }
-.mt-10 {
- margin-top:2.5rem
+ /* 32:9 Aspect Ratio */
}
-.mt-12 {
- margin-top:3rem
-}
+@media (min-width: 1280px) {
+ .xl\:ratio-16-9 {
+ padding-top: 56.25%;
+ }
-.mt-2 {
- margin-top:0.5rem
-}
+ /* 16:9 Aspect Ratio */
-.mt-20 {
- margin-top:5rem
-}
+ .xl\:ratio-21-9 {
+ padding-top: 42.85%;
+ }
-.mt-3 {
- margin-top:0.75rem
-}
+ /* 21:9 Aspect Ratio */
-.mt-4 {
- margin-top:1rem
-}
+ .xl\:ratio-32-9 {
+ padding-top: 28.125%;
+ }
-.mt-5 {
- margin-top:1.25rem
+ /* 32:9 Aspect Ratio */
}
-.mt-6 {
- margin-top:1.5rem
-}
+@media (min-width: 1536px) {
+ .2xl\:ratio-16-9 {
+ padding-top: 56.25%;
+ }
-.mt-8 {
- margin-top:2rem
-}
+ /* 16:9 Aspect Ratio */
-.mt-\[-2px\] {
- margin-top:-2px
-}
+ .2xl\:ratio-21-9 {
+ padding-top: 42.85%;
+ }
-.mt-\[0\.1rem\] {
- margin-top:0.1rem
-}
+ /* 21:9 Aspect Ratio */
-.box-content {
- box-sizing:content-box
-}
+ .2xl\:ratio-32-9 {
+ padding-top: 28.125%;
+ }
-.block {
- display:block
+ /* 32:9 Aspect Ratio */
}
-.inline-block {
- display:inline-block
-}
+/* Your custom Tailwind directives */
-.inline {
- display:inline
+*, ::before, ::after {
+ --tw-border-spacing-x:0;
+ --tw-border-spacing-y:0;
+ --tw-translate-x:0;
+ --tw-translate-y:0;
+ --tw-rotate:0;
+ --tw-skew-x:0;
+ --tw-skew-y:0;
+ --tw-scale-x:1;
+ --tw-scale-y:1;
+ --tw-pan-x: ;
+ --tw-pan-y: ;
+ --tw-pinch-zoom: ;
+ --tw-scroll-snap-strictness:proximity;
+ --tw-gradient-from-position: ;
+ --tw-gradient-via-position: ;
+ --tw-gradient-to-position: ;
+ --tw-ordinal: ;
+ --tw-slashed-zero: ;
+ --tw-numeric-figure: ;
+ --tw-numeric-spacing: ;
+ --tw-numeric-fraction: ;
+ --tw-ring-inset: ;
+ --tw-ring-offset-width:0px;
+ --tw-ring-offset-color:#fff;
+ --tw-ring-color:rgb(59 130 246 / 0.5);
+ --tw-ring-offset-shadow:0 0 #0000;
+ --tw-ring-shadow:0 0 #0000;
+ --tw-shadow:0 0 #0000;
+ --tw-shadow-colored:0 0 #0000;
+ --tw-blur: ;
+ --tw-brightness: ;
+ --tw-contrast: ;
+ --tw-grayscale: ;
+ --tw-hue-rotate: ;
+ --tw-invert: ;
+ --tw-saturate: ;
+ --tw-sepia: ;
+ --tw-drop-shadow: ;
+ --tw-backdrop-blur: ;
+ --tw-backdrop-brightness: ;
+ --tw-backdrop-contrast: ;
+ --tw-backdrop-grayscale: ;
+ --tw-backdrop-hue-rotate: ;
+ --tw-backdrop-invert: ;
+ --tw-backdrop-opacity: ;
+ --tw-backdrop-saturate: ;
+ --tw-backdrop-sepia: ;
+ --tw-contain-size: ;
+ --tw-contain-layout: ;
+ --tw-contain-paint: ;
+ --tw-contain-style:
}
-.flex {
- display:flex
+::backdrop {
+ --tw-border-spacing-x:0;
+ --tw-border-spacing-y:0;
+ --tw-translate-x:0;
+ --tw-translate-y:0;
+ --tw-rotate:0;
+ --tw-skew-x:0;
+ --tw-skew-y:0;
+ --tw-scale-x:1;
+ --tw-scale-y:1;
+ --tw-pan-x: ;
+ --tw-pan-y: ;
+ --tw-pinch-zoom: ;
+ --tw-scroll-snap-strictness:proximity;
+ --tw-gradient-from-position: ;
+ --tw-gradient-via-position: ;
+ --tw-gradient-to-position: ;
+ --tw-ordinal: ;
+ --tw-slashed-zero: ;
+ --tw-numeric-figure: ;
+ --tw-numeric-spacing: ;
+ --tw-numeric-fraction: ;
+ --tw-ring-inset: ;
+ --tw-ring-offset-width:0px;
+ --tw-ring-offset-color:#fff;
+ --tw-ring-color:rgb(59 130 246 / 0.5);
+ --tw-ring-offset-shadow:0 0 #0000;
+ --tw-ring-shadow:0 0 #0000;
+ --tw-shadow:0 0 #0000;
+ --tw-shadow-colored:0 0 #0000;
+ --tw-blur: ;
+ --tw-brightness: ;
+ --tw-contrast: ;
+ --tw-grayscale: ;
+ --tw-hue-rotate: ;
+ --tw-invert: ;
+ --tw-saturate: ;
+ --tw-sepia: ;
+ --tw-drop-shadow: ;
+ --tw-backdrop-blur: ;
+ --tw-backdrop-brightness: ;
+ --tw-backdrop-contrast: ;
+ --tw-backdrop-grayscale: ;
+ --tw-backdrop-hue-rotate: ;
+ --tw-backdrop-invert: ;
+ --tw-backdrop-opacity: ;
+ --tw-backdrop-saturate: ;
+ --tw-backdrop-sepia: ;
+ --tw-contain-size: ;
+ --tw-contain-layout: ;
+ --tw-contain-paint: ;
+ --tw-contain-style:
}
-.grid {
- display:grid
-}
+/*! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com */
-.hidden {
- display:none
-}
+/*
+1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
+2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
+*/
-.\!h-px {
- height:1px !important
+*,
+::before,
+::after {
+ box-sizing: border-box;
+ /* 1 */
+ border-width: 0;
+ /* 2 */
+ border-style: solid;
+ /* 2 */
+ border-color: #e5e7eb;
+ /* 2 */
}
-.h-1\/2 {
- height:50%
+::before,
+::after {
+ --tw-content: '';
}
-.h-12 {
- height:3rem
-}
+/*
+1. Use a consistent sensible line-height in all browsers.
+2. Prevent adjustments of font size after orientation changes in iOS.
+3. Use a more readable tab size.
+4. Use the user's configured `sans` font-family by default.
+5. Use the user's configured `sans` font-feature-settings by default.
+6. Use the user's configured `sans` font-variation-settings by default.
+7. Disable tap highlights on iOS
+*/
-.h-24 {
- height:6rem
+html,
+:host {
+ line-height: 1.5;
+ /* 1 */
+ -webkit-text-size-adjust: 100%;
+ /* 2 */
+ -moz-tab-size: 4;
+ /* 3 */
+ -o-tab-size: 4;
+ tab-size: 4;
+ /* 3 */
+ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ /* 4 */
+ font-feature-settings: normal;
+ /* 5 */
+ font-variation-settings: normal;
+ /* 6 */
+ -webkit-tap-highlight-color: transparent;
+ /* 7 */
}
-.h-3 {
- height:0.75rem
-}
+/*
+1. Remove the margin in all browsers.
+2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
+*/
-.h-36 {
- height:9rem
+body {
+ margin: 0;
+ /* 1 */
+ line-height: inherit;
+ /* 2 */
}
-.h-48 {
- height:12rem
-}
+/*
+1. Add the correct height in Firefox.
+2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+3. Ensure horizontal rules are visible by default.
+*/
-.h-6 {
- height:1.5rem
+hr {
+ height: 0;
+ /* 1 */
+ color: inherit;
+ /* 2 */
+ border-top-width: 1px;
+ /* 3 */
}
-.h-8 {
- height:2rem
-}
+/*
+Add the correct text decoration in Chrome, Edge, and Safari.
+*/
-.h-\[1000px\] {
- height:1000px
+abbr:where([title]) {
+ -webkit-text-decoration: underline dotted;
+ text-decoration: underline dotted;
}
-.h-\[150px\] {
- height:150px
-}
+/*
+Remove the default font size and weight for headings.
+*/
-.h-\[3px\] {
- height:3px
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ font-size: inherit;
+ font-weight: inherit;
}
-.h-\[800px\] {
- height:800px
-}
+/*
+Reset links to optimize for opt-in styling instead of opt-out.
+*/
-.h-full {
- height:100%
+a {
+ color: inherit;
+ text-decoration: inherit;
}
-.h-screen {
- height:100vh
-}
+/*
+Add the correct font weight in Edge and Safari.
+*/
-.max-h-3 {
- max-height:0.75rem
+b,
+strong {
+ font-weight: bolder;
}
-.max-h-\[5rem\] {
- max-height:5rem
-}
+/*
+1. Use the user's configured `mono` font-family by default.
+2. Use the user's configured `mono` font-feature-settings by default.
+3. Use the user's configured `mono` font-variation-settings by default.
+4. Correct the odd `em` font sizing in all browsers.
+*/
-.min-h-0 {
- min-height:0px
+code,
+kbd,
+samp,
+pre {
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ /* 1 */
+ font-feature-settings: normal;
+ /* 2 */
+ font-variation-settings: normal;
+ /* 3 */
+ font-size: 1em;
+ /* 4 */
}
-.min-h-\[130px\] {
- min-height:130px
-}
+/*
+Add the correct font size in all browsers.
+*/
-.min-h-\[148px\] {
- min-height:148px
+small {
+ font-size: 80%;
}
-.min-h-full {
- min-height:100%
-}
+/*
+Prevent `sub` and `sup` elements from affecting the line height in all browsers.
+*/
-.\!w-px {
- width:1px !important
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
}
-.w-12 {
- width:3rem
+sub {
+ bottom: -0.25em;
}
-.w-24 {
- width:6rem
+sup {
+ top: -0.5em;
}
-.w-3 {
- width:0.75rem
-}
+/*
+1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
+2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+3. Remove gaps between table borders by default.
+*/
-.w-36 {
- width:9rem
+table {
+ text-indent: 0;
+ /* 1 */
+ border-color: inherit;
+ /* 2 */
+ border-collapse: collapse;
+ /* 3 */
}
-.w-6 {
- width:1.5rem
-}
+/*
+1. Change the font styles in all browsers.
+2. Remove the margin in Firefox and Safari.
+3. Remove default padding in all browsers.
+*/
-.w-8 {
- width:2rem
+button,
+input,
+optgroup,
+select,
+textarea {
+ font-family: inherit;
+ /* 1 */
+ font-feature-settings: inherit;
+ /* 1 */
+ font-variation-settings: inherit;
+ /* 1 */
+ font-size: 100%;
+ /* 1 */
+ font-weight: inherit;
+ /* 1 */
+ line-height: inherit;
+ /* 1 */
+ letter-spacing: inherit;
+ /* 1 */
+ color: inherit;
+ /* 1 */
+ margin: 0;
+ /* 2 */
+ padding: 0;
+ /* 3 */
}
-.w-\[15\%\] {
- width:15%
-}
+/*
+Remove the inheritance of text transform in Edge and Firefox.
+*/
-.w-\[30\%\] {
- width:30%
+button,
+select {
+ text-transform: none;
}
-.w-\[30px\] {
- width:30px
-}
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Remove default button styles.
+*/
-.w-\[50\%\] {
- width:50%
+button,
+input:where([type='button']),
+input:where([type='reset']),
+input:where([type='submit']) {
+ -webkit-appearance: button;
+ /* 1 */
+ background-color: transparent;
+ /* 2 */
+ background-image: none;
+ /* 2 */
}
-.w-\[70\%\] {
- width:70%
-}
+/*
+Use the modern Firefox focus style for all focusable elements.
+*/
-.w-full {
- width:100%
+:-moz-focusring {
+ outline: auto;
}
-.w-screen {
- width:100vw
-}
+/*
+Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
+*/
-.min-w-0 {
- min-width:0px
+:-moz-ui-invalid {
+ box-shadow: none;
}
-.min-w-\[1\.8rem\] {
- min-width:1.8rem
-}
+/*
+Add the correct vertical alignment in Chrome and Firefox.
+*/
-.min-w-\[220px\] {
- min-width:220px
+progress {
+ vertical-align: baseline;
}
-.min-w-\[30px\] {
- min-width:30px
-}
+/*
+Correct the cursor style of increment and decrement buttons in Safari.
+*/
-.min-w-full {
- min-width:100%
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+ height: auto;
}
-.max-w-3xl {
- max-width:48rem
-}
+/*
+1. Correct the odd appearance in Chrome and Safari.
+2. Correct the outline style in Safari.
+*/
-.max-w-7xl {
- max-width:80rem
+[type='search'] {
+ -webkit-appearance: textfield;
+ /* 1 */
+ outline-offset: -2px;
+ /* 2 */
}
-.max-w-\[1600px\] {
- max-width:1600px
-}
+/*
+Remove the inner padding in Chrome and Safari on macOS.
+*/
-.max-w-\[5rem\] {
- max-width:5rem
+::-webkit-search-decoration {
+ -webkit-appearance: none;
}
-.max-w-\[64rem\] {
- max-width:64rem
-}
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Change font properties to `inherit` in Safari.
+*/
-.max-w-fit {
- max-width:-moz-fit-content;
- max-width:fit-content
+::-webkit-file-upload-button {
+ -webkit-appearance: button;
+ /* 1 */
+ font: inherit;
+ /* 2 */
}
-.max-w-full {
- max-width:100%
-}
+/*
+Add the correct display in Chrome and Safari.
+*/
-.max-w-prose {
- max-width:65ch
+summary {
+ display: list-item;
}
-.max-w-xl {
- max-width:36rem
-}
+/*
+Removes the default spacing and border for appropriate elements.
+*/
-.flex-1 {
- flex:1 1 0%
+blockquote,
+dl,
+dd,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+figure,
+p,
+pre {
+ margin: 0;
}
-.flex-auto {
- flex:1 1 auto
+fieldset {
+ margin: 0;
+ padding: 0;
}
-.flex-initial {
- flex:0 1 auto
+legend {
+ padding: 0;
}
-.flex-none {
- flex:none
+ol,
+ul,
+menu {
+ list-style: none;
+ margin: 0;
+ padding: 0;
}
-.grow {
- flex-grow:1
-}
+/*
+Reset default styling for dialogs.
+*/
-.-translate-y-8 {
- --tw-translate-y:-2rem;
- transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+dialog {
+ padding: 0;
}
-.transform {
- transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
-}
+/*
+Prevent resizing textareas horizontally by default.
+*/
-@keyframes pulse {
- 50% {
- opacity:.5
- }
+textarea {
+ resize: vertical;
}
-.animate-pulse {
- animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
-}
+/*
+1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
+2. Set the default placeholder color to the user's configured gray 400 color.
+*/
-.cursor-default {
- cursor:default
+input::-moz-placeholder, textarea::-moz-placeholder {
+ opacity: 1;
+ /* 1 */
+ color: #9ca3af;
+ /* 2 */
}
-.cursor-pointer {
- cursor:pointer
+input::placeholder,
+textarea::placeholder {
+ opacity: 1;
+ /* 1 */
+ color: #9ca3af;
+ /* 2 */
}
-.resize {
- resize:both
-}
+/*
+Set the default cursor for buttons.
+*/
-.list-none {
- list-style-type:none
+button,
+[role="button"] {
+ cursor: pointer;
}
-.appearance-none {
- -webkit-appearance:none;
- -moz-appearance:none;
- appearance:none
-}
+/*
+Make sure disabled buttons don't get the pointer cursor.
+*/
-.grid-cols-3 {
- grid-template-columns:repeat(3, minmax(0, 1fr))
+:disabled {
+ cursor: default;
}
-.flex-row {
- flex-direction:row
-}
+/*
+1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
+2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
+ This can trigger a poorly considered lint error in some tools but is included by design.
+*/
-.flex-col {
- flex-direction:column
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+ display: block;
+ /* 1 */
+ vertical-align: middle;
+ /* 2 */
}
-.flex-wrap {
- flex-wrap:wrap
-}
+/*
+Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
+*/
-.items-end {
- align-items:flex-end
+img,
+video {
+ max-width: 100%;
+ height: auto;
}
-.items-center {
- align-items:center
-}
+/* Make elements with the HTML hidden attribute stay hidden by default */
-.justify-center {
- justify-content:center
+[hidden]:where(:not([hidden="until-found"])) {
+ display: none;
}
-.justify-between {
- justify-content:space-between
+[type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
+ -webkit-appearance:none;
+ -moz-appearance:none;
+ appearance:none;
+ background-color:#fff;
+ border-color:#6b7280;
+ border-width:1px;
+ border-radius:0px;
+ padding-top:0.5rem;
+ padding-right:0.75rem;
+ padding-bottom:0.5rem;
+ padding-left:0.75rem;
+ font-size:1rem;
+ line-height:1.5rem;
+ --tw-shadow:0 0 #0000;
}
-.justify-evenly {
- justify-content:space-evenly
+[type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
+ outline:2px solid transparent;
+ outline-offset:2px;
+ --tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);
+ --tw-ring-offset-width:0px;
+ --tw-ring-offset-color:#fff;
+ --tw-ring-color:#2563eb;
+ --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+ --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+ box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ border-color:#2563eb
}
-.gap-4 {
- gap:1rem
+input::-moz-placeholder, textarea::-moz-placeholder {
+ color:#6b7280;
+ opacity:1
}
-.space-x-2 > :not([hidden]) ~ :not([hidden]) {
- --tw-space-x-reverse:0;
- margin-right:calc(0.5rem * var(--tw-space-x-reverse));
- margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
+input::placeholder,textarea::placeholder {
+ color:#6b7280;
+ opacity:1
}
-.space-x-3 > :not([hidden]) ~ :not([hidden]) {
- --tw-space-x-reverse:0;
- margin-right:calc(0.75rem * var(--tw-space-x-reverse));
- margin-left:calc(0.75rem * calc(1 - var(--tw-space-x-reverse)))
+::-webkit-datetime-edit-fields-wrapper {
+ padding:0
}
-.space-x-5 > :not([hidden]) ~ :not([hidden]) {
- --tw-space-x-reverse:0;
- margin-right:calc(1.25rem * var(--tw-space-x-reverse));
- margin-left:calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))
+::-webkit-date-and-time-value {
+ min-height:1.5em;
+ text-align:inherit
}
-.space-y-10 > :not([hidden]) ~ :not([hidden]) {
- --tw-space-y-reverse:0;
- margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
- margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))
+::-webkit-datetime-edit {
+ display:inline-flex
}
-.space-y-2 > :not([hidden]) ~ :not([hidden]) {
- --tw-space-y-reverse:0;
- margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
- margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))
+::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
+ padding-top:0;
+ padding-bottom:0
}
-.space-y-3 > :not([hidden]) ~ :not([hidden]) {
- --tw-space-y-reverse:0;
- margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
- margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))
+select {
+ background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
+ background-position:right 0.5rem center;
+ background-repeat:no-repeat;
+ background-size:1.5em 1.5em;
+ padding-right:2.5rem;
+ -webkit-print-color-adjust:exact;
+ print-color-adjust:exact
}
-.place-self-center {
- place-self:center
+[multiple],[size]:where(select:not([size="1"])) {
+ background-image:initial;
+ background-position:initial;
+ background-repeat:unset;
+ background-size:initial;
+ padding-right:0.75rem;
+ -webkit-print-color-adjust:unset;
+ print-color-adjust:unset
}
-.self-center {
- align-self:center
+[type='checkbox'],[type='radio'] {
+ -webkit-appearance:none;
+ -moz-appearance:none;
+ appearance:none;
+ padding:0;
+ -webkit-print-color-adjust:exact;
+ print-color-adjust:exact;
+ display:inline-block;
+ vertical-align:middle;
+ background-origin:border-box;
+ -webkit-user-select:none;
+ -moz-user-select:none;
+ user-select:none;
+ flex-shrink:0;
+ height:1rem;
+ width:1rem;
+ color:#2563eb;
+ background-color:#fff;
+ border-color:#6b7280;
+ border-width:1px;
+ --tw-shadow:0 0 #0000
}
-.overflow-auto {
- overflow:auto
+[type='checkbox'] {
+ border-radius:0px
}
-.\!overflow-hidden {
- overflow:hidden !important
+[type='radio'] {
+ border-radius:100%
}
-.overflow-hidden {
- overflow:hidden
+[type='checkbox']:focus,[type='radio']:focus {
+ outline:2px solid transparent;
+ outline-offset:2px;
+ --tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);
+ --tw-ring-offset-width:2px;
+ --tw-ring-offset-color:#fff;
+ --tw-ring-color:#2563eb;
+ --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+ --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+ box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}
-.overflow-visible {
- overflow:visible
+[type='checkbox']:checked,[type='radio']:checked {
+ border-color:transparent;
+ background-color:currentColor;
+ background-size:100% 100%;
+ background-position:center;
+ background-repeat:no-repeat
}
-.overflow-y-scroll {
- overflow-y:scroll
+[type='checkbox']:checked {
+ background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}
-.overscroll-contain {
- overscroll-behavior:contain
+@media (forced-colors: active) {
+ [type='checkbox']:checked {
+ -webkit-appearance:auto;
+ -moz-appearance:auto;
+ appearance:auto
+ }
}
-.scroll-smooth {
- scroll-behavior:smooth
+[type='radio']:checked {
+ background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}
-.\!whitespace-nowrap {
- white-space:nowrap !important
+@media (forced-colors: active) {
+ [type='radio']:checked {
+ -webkit-appearance:auto;
+ -moz-appearance:auto;
+ appearance:auto
+ }
}
-.break-words {
- overflow-wrap:break-word
+[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
+ border-color:transparent;
+ background-color:currentColor
}
-.\!rounded-md {
- border-radius:0.375rem !important
+[type='checkbox']:indeterminate {
+ background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
+ border-color:transparent;
+ background-color:currentColor;
+ background-size:100% 100%;
+ background-position:center;
+ background-repeat:no-repeat;
}
-.rounded {
- border-radius:0.25rem
+@media (forced-colors: active) {
+ [type='checkbox']:indeterminate {
+ -webkit-appearance:auto;
+ -moz-appearance:auto;
+ appearance:auto
+ }
}
-.rounded-2xl {
- border-radius:1rem
+[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
+ border-color:transparent;
+ background-color:currentColor
}
-.rounded-full {
- border-radius:9999px
+[type='file'] {
+ background:unset;
+ border-color:inherit;
+ border-width:0;
+ border-radius:0;
+ padding:0;
+ font-size:unset;
+ line-height:inherit
}
-.rounded-lg {
- border-radius:0.5rem
+[type='file']:focus {
+ outline:1px solid ButtonText;
+ outline:1px auto -webkit-focus-ring-color
}
-.rounded-md {
- border-radius:0.375rem
+@supports (-moz-appearance:none) {
+ * {
+ scrollbar-color:initial;
+ scrollbar-width:initial
+ }
}
-.rounded-xl {
- border-radius:0.75rem
+.container {
+ width:100%
}
-.rounded-b-lg {
- border-bottom-right-radius:0.5rem;
- border-bottom-left-radius:0.5rem
+@media (min-width: 640px) {
+ .container {
+ max-width:640px
+ }
}
-.\!border-0 {
- border-width:0px !important
+@media (min-width: 853px) {
+ .container {
+ max-width:853px
+ }
}
-.border {
- border-width:1px
+@media (min-width: 1024px) {
+ .container {
+ max-width:1024px
+ }
}
-.border-0 {
- border-width:0px
+@media (min-width: 1280px) {
+ .container {
+ max-width:1280px
+ }
}
-.border-2 {
- border-width:2px
+@media (min-width: 1536px) {
+ .container {
+ max-width:1536px
+ }
}
-.border-y-\[10px\] {
- border-top-width:10px;
- border-bottom-width:10px
+.prose {
+ color:var(--tw-prose-body);
+ max-width:65ch;
}
-.border-l-2 {
- border-left-width:2px
+.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top:1.25em;
+ margin-bottom:1.25em
}
-.border-t {
- border-top-width:1px
+.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:var(--tw-prose-lead);
+ font-size:1.25em;
+ line-height:1.6;
+ margin-top:1.2em;
+ margin-bottom:1.2em
}
-.border-solid {
- border-style:solid
+.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:var(--tw-prose-links);
+ text-decoration:none;
+ font-weight:500;
+ text-decoration-color:rgba(var(--color-primary-300), 1);
}
-.border-dotted {
- border-style:dotted
+.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)):hover {
+ color:rgba(var(--color-primary-600), 1);
+ text-decoration:none;
+ border-radius:0.09rem
}
-.border-neutral-200 {
- --tw-border-opacity:1;
- border-color:rgba(var(--color-neutral-200), var(--tw-border-opacity))
+.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:var(--tw-prose-bold);
+ font-weight:600
}
-.border-neutral-300 {
- --tw-border-opacity:1;
- border-color:rgba(var(--color-neutral-300), var(--tw-border-opacity))
+.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:inherit
}
-.border-primary-400 {
- --tw-border-opacity:1;
- border-color:rgba(var(--color-primary-400), var(--tw-border-opacity))
+.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:inherit
}
-.border-primary-500 {
- --tw-border-opacity:1;
- border-color:rgba(var(--color-primary-500), var(--tw-border-opacity))
+.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:inherit
}
-.border-transparent {
- border-color:transparent
+.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type:decimal;
+ margin-top:1.25em;
+ margin-bottom:1.25em;
+ padding-inline-start:1.625em
}
-.bg-neutral {
- --tw-bg-opacity:1;
- background-color:rgba(var(--color-neutral), var(--tw-bg-opacity))
+.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type:upper-alpha
}
-.bg-neutral-100 {
- --tw-bg-opacity:1;
- background-color:rgba(var(--color-neutral-100), var(--tw-bg-opacity))
+.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type:lower-alpha
}
-.bg-neutral-100\/50 {
- background-color:rgba(var(--color-neutral-100), 0.5)
+.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type:upper-alpha
}
-.bg-neutral-300 {
- --tw-bg-opacity:1;
- background-color:rgba(var(--color-neutral-300), var(--tw-bg-opacity))
+.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type:lower-alpha
}
-.bg-neutral-500\/50 {
- background-color:rgba(var(--color-neutral-500), 0.5)
+.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type:upper-roman
}
-.bg-neutral\/50 {
- background-color:rgba(var(--color-neutral), 0.5)
+.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type:lower-roman
}
-.bg-primary-100 {
- --tw-bg-opacity:1;
- background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity))
+.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type:upper-roman
}
-.bg-primary-200 {
- --tw-bg-opacity:1;
- background-color:rgba(var(--color-primary-200), var(--tw-bg-opacity))
+.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type:lower-roman
}
-.bg-primary-500 {
- --tw-bg-opacity:1;
- background-color:rgba(var(--color-primary-500), var(--tw-bg-opacity))
+.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type:decimal
}
-.bg-primary-600 {
- --tw-bg-opacity:1;
- background-color:rgba(var(--color-primary-600), var(--tw-bg-opacity))
+.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type:disc;
+ margin-top:1.25em;
+ margin-bottom:1.25em;
+ padding-inline-start:1.625em
}
-.bg-transparent {
- background-color:transparent
+.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
+ font-weight:400;
+ color:var(--tw-prose-counters)
}
-.bg-gradient-to-b {
- background-image:linear-gradient(to bottom, var(--tw-gradient-stops))
+.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
+ color:var(--tw-prose-bullets)
}
-.bg-gradient-to-r {
- background-image:linear-gradient(to right, var(--tw-gradient-stops))
+.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:var(--tw-prose-headings);
+ font-weight:600;
+ margin-top:1.25em
}
-.bg-gradient-to-t {
- background-image:linear-gradient(to top, var(--tw-gradient-stops))
+.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
}
-.bg-none {
- background-image:none
+.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ font-weight:500;
+ font-style:italic;
+ color:var(--tw-prose-quotes);
+ border-inline-start-width:0.25rem;
+ border-inline-start-color:var(--tw-prose-quote-borders);
+ quotes:"\201C""\201D""\2018""\2019";
+ margin-top:1.6em;
+ margin-bottom:1.6em;
+ padding-inline-start:1em
}
-.from-neutral {
- --tw-gradient-from:rgba(var(--color-neutral), 1) var(--tw-gradient-from-position);
- --tw-gradient-to:rgba(var(--color-neutral), 0) var(--tw-gradient-to-position);
- --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
+.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
+ content:open-quote
}
-.from-primary-500 {
- --tw-gradient-from:rgba(var(--color-primary-500), 1) var(--tw-gradient-from-position);
- --tw-gradient-to:rgba(var(--color-primary-500), 0) var(--tw-gradient-to-position);
- --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
+.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
+ content:close-quote
}
-.from-60\% {
- --tw-gradient-from-position:60%
+.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:var(--tw-prose-headings);
+ font-weight:800;
+ font-size:2.25em;
+ margin-top:0;
+ margin-bottom:0.8888889em;
+ line-height:1.1111111
}
-.to-neutral {
- --tw-gradient-to:rgba(var(--color-neutral), 1) var(--tw-gradient-to-position)
+.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ font-weight:900;
+ color:inherit
}
-.to-neutral-100 {
- --tw-gradient-to:rgba(var(--color-neutral-100), 1) var(--tw-gradient-to-position)
+.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:var(--tw-prose-headings);
+ font-weight:700;
+ font-size:1.5em;
+ margin-top:2em;
+ margin-bottom:1em;
+ line-height:1.3333333
}
-.to-secondary-600 {
- --tw-gradient-to:rgba(var(--color-secondary-600), 1) var(--tw-gradient-to-position)
+.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ font-weight:800;
+ color:inherit
}
-.to-transparent {
- --tw-gradient-to:transparent var(--tw-gradient-to-position)
+.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:var(--tw-prose-headings);
+ font-weight:600;
+ font-size:1.25em;
+ margin-top:1.6em;
+ margin-bottom:0.6em;
+ line-height:1.6
}
-.bg-clip-padding {
- background-clip:padding-box
+.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ font-weight:700;
+ color:inherit
}
-.object-cover {
- -o-object-fit:cover;
- object-fit:cover
+.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:var(--tw-prose-headings);
+ font-weight:600;
+ margin-top:1.5em;
+ margin-bottom:0.5em;
+ line-height:1.5
}
-.object-scale-down {
- -o-object-fit:scale-down;
- object-fit:scale-down
+.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ font-weight:700;
+ color:inherit
}
-.object-left {
- -o-object-position:left;
- object-position:left
+.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top:2em;
+ margin-bottom:2em
}
-.\!p-0 {
- padding:0px !important
+.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ display:block;
+ margin-top:2em;
+ margin-bottom:2em
}
-.p-0 {
- padding:0px
+.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top:2em;
+ margin-bottom:2em
}
-.p-1\.5 {
- padding:0.375rem
+.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ font-weight:600;
+ font-family:inherit;
+ color:var(--tw-prose-kbd);
+ box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
+ font-size:0.9rem;
+ border-radius:0.25rem;
+ padding-top:0.1875em;
+ padding-inline-end:0.375em;
+ padding-bottom:0.1875em;
+ padding-inline-start:0.375em;
+ background-color:rgba(var(--color-neutral-200), 1);
+ padding:0.1rem 0.4rem
}
-.p-4 {
- padding:1rem
+.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:var(--tw-prose-code);
+ font-weight:600;
+ font-size:0.875em;
+ background-color:rgba(var(--color-neutral-50), 1);
+ padding-top:3px;
+ padding-bottom:3px;
+ padding-left:5px;
+ padding-right:5px;
+ border-radius:0.25rem
}
-.p-5 {
- padding:1.25rem
+.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
+ content:"`";
+ display:none
}
-.p-6 {
- padding:1.5rem
+.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
+ content:"`";
+ display:none
}
-.px-0 {
- padding-left:0px;
- padding-right:0px
+.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:var(--tw-prose-code)
}
-.px-1 {
- padding-left:0.25rem;
- padding-right:0.25rem
+.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:inherit
}
-.px-1\.5 {
- padding-left:0.375rem;
- padding-right:0.375rem
+.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:inherit;
+ font-size:0.875em
}
-.px-2 {
- padding-left:0.5rem;
- padding-right:0.5rem
+.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:inherit;
+ font-size:0.9em
}
-.px-3 {
- padding-left:0.75rem;
- padding-right:0.75rem
+.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:inherit
}
-.px-4 {
- padding-left:1rem;
- padding-right:1rem
+.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:inherit
}
-.px-6 {
- padding-left:1.5rem;
- padding-right:1.5rem
+.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:inherit
}
-.px-\[30px\] {
- padding-left:30px;
- padding-right:30px
+.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:var(--tw-prose-pre-code);
+ background-color:var(--tw-prose-pre-bg);
+ overflow-x:auto;
+ font-weight:400;
+ font-size:0.875em;
+ line-height:1.7142857;
+ margin-top:1.7142857em;
+ margin-bottom:1.7142857em;
+ border-radius:0.375rem;
+ padding-top:0.8571429em;
+ padding-inline-end:1.1428571em;
+ padding-bottom:0.8571429em;
+ padding-inline-start:1.1428571em
}
-.py-1 {
- padding-top:0.25rem;
- padding-bottom:0.25rem
+.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ background-color:transparent;
+ border-width:0;
+ border-radius:0;
+ padding:0;
+ font-weight:inherit;
+ color:inherit;
+ font-size:inherit;
+ font-family:inherit;
+ line-height:inherit
}
-.py-10 {
- padding-top:2.5rem;
- padding-bottom:2.5rem
+.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
+ content:none
}
-.py-16 {
- padding-top:4rem;
- padding-bottom:4rem
+.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
+ content:none
}
-.py-2 {
- padding-top:0.5rem;
- padding-bottom:0.5rem
+.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ width:100%;
+ table-layout:auto;
+ margin-top:2em;
+ margin-bottom:2em;
+ font-size:0.875em;
+ line-height:1.7142857
}
-.py-3 {
- padding-top:0.75rem;
- padding-bottom:0.75rem
+.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ border-bottom-width:1px;
+ border-bottom-color:var(--tw-prose-th-borders)
}
-.py-4 {
- padding-top:1rem;
- padding-bottom:1rem
+.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:var(--tw-prose-headings);
+ font-weight:600;
+ vertical-align:bottom;
+ padding-inline-end:0.5714286em;
+ padding-bottom:0.5714286em;
+ padding-inline-start:0.5714286em
}
-.py-6 {
- padding-top:1.5rem;
- padding-bottom:1.5rem
+.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ border-bottom-width:1px;
+ border-bottom-color:var(--tw-prose-td-borders)
}
-.py-8 {
- padding-top:2rem;
- padding-bottom:2rem
+.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ border-bottom-width:0
}
-.py-\[1px\] {
- padding-top:1px;
- padding-bottom:1px
+.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ vertical-align:baseline
}
-.pb-2 {
- padding-bottom:0.5rem
+.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ border-top-width:1px;
+ border-top-color:var(--tw-prose-th-borders)
}
-.pb-3 {
- padding-bottom:0.75rem
+.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ vertical-align:top
}
-.pb-32 {
- padding-bottom:8rem
+.prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ text-align:start
}
-.pb-4 {
- padding-bottom:1rem
+.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top:0;
+ margin-bottom:0
}
-.pl-2 {
- padding-left:0.5rem
+.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:var(--tw-prose-captions);
+ font-size:0.875em;
+ line-height:1.4285714;
+ margin-top:0.8571429em
}
-.pl-4 {
- padding-left:1rem
+.prose {
+ --tw-prose-body:rgba(var(--color-neutral-700), 1);
+ --tw-prose-headings:rgba(var(--color-neutral-800), 1);
+ --tw-prose-lead:rgba(var(--color-neutral-500), 1);
+ --tw-prose-links:rgba(var(--color-primary-600), 1);
+ --tw-prose-bold:rgba(var(--color-neutral-900), 1);
+ --tw-prose-counters:rgba(var(--color-neutral-800), 1);
+ --tw-prose-bullets:rgba(var(--color-neutral-500), 1);
+ --tw-prose-hr:rgba(var(--color-neutral-200), 1);
+ --tw-prose-quotes:rgba(var(--color-neutral-700), 1);
+ --tw-prose-quote-borders:rgba(var(--color-primary-200), 1);
+ --tw-prose-captions:rgba(var(--color-neutral-500), 1);
+ --tw-prose-kbd:#111827;
+ --tw-prose-kbd-shadows:rgb(17 24 39 / 10%);
+ --tw-prose-code:rgba(var(--color-secondary-700), 1);
+ --tw-prose-pre-code:rgba(var(--color-neutral-700), 1);
+ --tw-prose-pre-bg:rgba(var(--color-neutral-50), 1);
+ --tw-prose-th-borders:rgba(var(--color-neutral-500), 1);
+ --tw-prose-td-borders:rgba(var(--color-neutral-300), 1);
+ --tw-prose-invert-body:rgba(var(--color-neutral-300), 1);
+ --tw-prose-invert-headings:rgba(var(--color-neutral-50), 1);
+ --tw-prose-invert-lead:rgba(var(--color-neutral-500), 1);
+ --tw-prose-invert-links:rgba(var(--color-primary-400), 1);
+ --tw-prose-invert-bold:rgba(var(--color-neutral), 1);
+ --tw-prose-invert-counters:rgba(var(--color-neutral-400), 1);
+ --tw-prose-invert-bullets:rgba(var(--color-neutral-600), 1);
+ --tw-prose-invert-hr:rgba(var(--color-neutral-500), 1);
+ --tw-prose-invert-quotes:rgba(var(--color-neutral-200), 1);
+ --tw-prose-invert-quote-borders:rgba(var(--color-primary-900), 1);
+ --tw-prose-invert-captions:rgba(var(--color-neutral-400), 1);
+ --tw-prose-invert-kbd:#fff;
+ --tw-prose-invert-kbd-shadows:rgb(255 255 255 / 10%);
+ --tw-prose-invert-code:rgba(var(--color-secondary-400), 1);
+ --tw-prose-invert-pre-code:rgba(var(--color-neutral-200), 1);
+ --tw-prose-invert-pre-bg:rgba(var(--color-neutral-700), 1);
+ --tw-prose-invert-th-borders:rgba(var(--color-neutral-500), 1);
+ --tw-prose-invert-td-borders:rgba(var(--color-neutral-700), 1);
+ font-size:1rem;
+ line-height:1.75
}
-.pl-\[24px\] {
- padding-left:24px
+.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top:0;
+ margin-bottom:0
}
-.pr-4 {
- padding-right:1rem
+.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top:0.5em;
+ margin-bottom:0.5em
}
-.pr-\[24px\] {
- padding-right:24px
+.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ padding-inline-start:0.375em
}
-.pt-16 {
- padding-top:4rem
+.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ padding-inline-start:0.375em
}
-.pt-2 {
- padding-top:0.5rem
+.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top:0.75em;
+ margin-bottom:0.75em
}
-.pt-3 {
- padding-top:0.75rem
+.prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top:1.25em
}
-.pt-4 {
- padding-top:1rem
+.prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-bottom:1.25em
}
-.pt-8 {
- padding-top:2rem
+.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top:1.25em
}
-.text-left {
- text-align:left
+.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-bottom:1.25em
}
-.text-center {
- text-align:center
+.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top:0.75em;
+ margin-bottom:0.75em
}
-.text-right {
- text-align:right
+.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top:1.25em;
+ margin-bottom:1.25em
}
-.-indent-\[999px\] {
- text-indent:-999px
+.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top:0.5em;
+ padding-inline-start:1.625em
}
-.align-top {
- vertical-align:top
+.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top:0
}
-.align-middle {
- vertical-align:middle
+.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top:0
}
-.align-text-bottom {
- vertical-align:text-bottom
+.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top:0
}
-.text-2xl {
- font-size:1.5rem;
- line-height:2rem
+.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top:0
}
-.text-4xl {
- font-size:2.25rem;
- line-height:2.5rem
+.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ padding-inline-start:0
}
-.text-\[0\.6rem\] {
- font-size:0.6rem
+.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ padding-inline-end:0
}
-.text-base {
- font-size:1rem;
- line-height:1.5rem
+.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ padding-top:0.5714286em;
+ padding-inline-end:0.5714286em;
+ padding-bottom:0.5714286em;
+ padding-inline-start:0.5714286em
}
-.text-lg {
- font-size:1.125rem;
- line-height:1.75rem
+.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ padding-inline-start:0
}
-.text-sm {
- font-size:0.875rem;
- line-height:1.25rem
+.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ padding-inline-end:0
}
-.text-xl {
- font-size:1.25rem;
- line-height:1.75rem
+.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top:2em;
+ margin-bottom:2em
}
-.text-xs {
- font-size:0.75rem;
- line-height:1rem
+.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top:0
}
-.font-bold {
- font-weight:700
+.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-bottom:0
}
-.font-extrabold {
- font-weight:800
+.prose :where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:rgba(var(--color-neutral-800), 1);
+ background-color:rgba(var(--color-primary-600), 1);
+ padding:0.1rem 0.2rem;
+ border-radius:0.25rem
}
-.font-light {
- font-weight:300
+.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
+ display:none
}
-.font-medium {
- font-weight:500
+.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
+ display:none
}
-.font-normal {
- font-weight:400
+.prose :where(a.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ text-decoration-color:rgba(var(--color-primary-600), 1)
}
-.font-semibold {
- font-weight:600
+.prose :where(p.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ text-decoration-color:rgba(var(--color-primary-600), 1)
}
-.uppercase {
- text-transform:uppercase
+.prose-invert {
+ --tw-prose-body:var(--tw-prose-invert-body);
+ --tw-prose-headings:var(--tw-prose-invert-headings);
+ --tw-prose-lead:var(--tw-prose-invert-lead);
+ --tw-prose-links:var(--tw-prose-invert-links);
+ --tw-prose-bold:var(--tw-prose-invert-bold);
+ --tw-prose-counters:var(--tw-prose-invert-counters);
+ --tw-prose-bullets:var(--tw-prose-invert-bullets);
+ --tw-prose-hr:var(--tw-prose-invert-hr);
+ --tw-prose-quotes:var(--tw-prose-invert-quotes);
+ --tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);
+ --tw-prose-captions:var(--tw-prose-invert-captions);
+ --tw-prose-kbd:var(--tw-prose-invert-kbd);
+ --tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);
+ --tw-prose-code:var(--tw-prose-invert-code);
+ --tw-prose-pre-code:var(--tw-prose-invert-pre-code);
+ --tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);
+ --tw-prose-th-borders:var(--tw-prose-invert-th-borders);
+ --tw-prose-td-borders:var(--tw-prose-invert-td-borders);
}
-.italic {
- font-style:italic
+.prose-invert :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ text-decoration-color:rgba(var(--color-neutral-600), 1);
}
-.leading-3 {
- line-height:.75rem
+.prose-invert :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)):hover {
+ color:rgba(var(--color-primary-400), 1)
}
-.leading-6 {
- line-height:1.5rem
+.prose-invert :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:rgba(var(--color-neutral-200), 1);
+ background-color:rgba(var(--color-neutral-700), 1)
}
-.leading-7 {
- line-height:1.75rem
+.prose-invert :where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ background-color:rgba(var(--color-primary-400), 1)
}
-.\!text-neutral {
- --tw-text-opacity:1 !important;
- color:rgba(var(--color-neutral), var(--tw-text-opacity)) !important
+.prose-invert :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ background-color:rgba(var(--color-neutral-700), 1)
}
-.text-neutral-200 {
- --tw-text-opacity:1;
- color:rgba(var(--color-neutral-200), var(--tw-text-opacity))
+.prose-invert :where(a.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ text-decoration-color:rgba(var(--color-primary-400), 1)
}
-.text-neutral-300 {
- --tw-text-opacity:1;
- color:rgba(var(--color-neutral-300), var(--tw-text-opacity))
+.prose-invert :where(p.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ text-decoration-color:rgba(var(--color-primary-400), 1)
}
-.text-neutral-400 {
- --tw-text-opacity:1;
- color:rgba(var(--color-neutral-400), var(--tw-text-opacity))
+.sr-only {
+ position:absolute;
+ width:1px;
+ height:1px;
+ padding:0;
+ margin:-1px;
+ overflow:hidden;
+ clip:rect(0, 0, 0, 0);
+ white-space:nowrap;
+ border-width:0
}
-.text-neutral-50 {
- --tw-text-opacity:1;
- color:rgba(var(--color-neutral-50), var(--tw-text-opacity))
+.pointer-events-none {
+ pointer-events:none
}
-.text-neutral-500 {
- --tw-text-opacity:1;
- color:rgba(var(--color-neutral-500), var(--tw-text-opacity))
+.pointer-events-auto {
+ pointer-events:auto
}
-.text-neutral-700 {
- --tw-text-opacity:1;
- color:rgba(var(--color-neutral-700), var(--tw-text-opacity))
+.invisible {
+ visibility:hidden
}
-.text-neutral-800 {
- --tw-text-opacity:1;
- color:rgba(var(--color-neutral-800), var(--tw-text-opacity))
+.fixed {
+ position:fixed
}
-.text-neutral-900 {
- --tw-text-opacity:1;
- color:rgba(var(--color-neutral-900), var(--tw-text-opacity))
+.\!absolute {
+ position:absolute !important
}
-.text-primary-300 {
- --tw-text-opacity:1;
- color:rgba(var(--color-primary-300), var(--tw-text-opacity))
+.absolute {
+ position:absolute
}
-.text-primary-400 {
- --tw-text-opacity:1;
- color:rgba(var(--color-primary-400), var(--tw-text-opacity))
+.relative {
+ position:relative
}
-.text-primary-500 {
- --tw-text-opacity:1;
- color:rgba(var(--color-primary-500), var(--tw-text-opacity))
+.sticky {
+ position:sticky
}
-.text-primary-600 {
- --tw-text-opacity:1;
- color:rgba(var(--color-primary-600), var(--tw-text-opacity))
+.inset-0 {
+ inset:0px
}
-.text-primary-700 {
- --tw-text-opacity:1;
- color:rgba(var(--color-primary-700), var(--tw-text-opacity))
+.inset-x-0 {
+ left:0px;
+ right:0px
}
-.text-primary-800 {
- --tw-text-opacity:1;
- color:rgba(var(--color-primary-800), var(--tw-text-opacity))
+.bottom-0 {
+ bottom:0px
}
-.text-transparent {
- color:transparent
+.left-0 {
+ left:0px
}
-.\!no-underline {
- text-decoration-line:none !important
+.right-0 {
+ right:0px
}
-.decoration-neutral-300 {
- text-decoration-color:rgba(var(--color-neutral-300), 1)
+.top-0 {
+ top:0px
}
-.decoration-primary-500 {
- text-decoration-color:rgba(var(--color-primary-500), 1)
+.top-20 {
+ top:5rem
}
-.opacity-0 {
- opacity:0
+.top-\[110vh\] {
+ top:110vh
}
-.opacity-30 {
- opacity:0.3
+.top-\[calc\(100vh-5\.5rem\)\] {
+ top:calc(100vh - 5.5rem)
}
-.opacity-50 {
- opacity:0.5
+.z-10 {
+ z-index:10
}
-.opacity-60 {
- opacity:0.6
+.z-30 {
+ z-index:30
}
-.opacity-65 {
- opacity:0.65
+.z-\[1\] {
+ z-index:1
}
-.mix-blend-normal {
- mix-blend-mode:normal
+.z-\[2\] {
+ z-index:2
}
-.mix-blend-multiply {
- mix-blend-mode:multiply
+.z-\[110\] {
+ z-index:110
}
-.shadow-2xl {
- --tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);
- --tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);
- box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+.order-first {
+ order:-9999
}
-.shadow-lg {
- --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
- --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
- box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+.col-span-1 {
+ grid-column:span 1 / span 1
}
-.shadow-xl {
- --tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
- --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
- box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+.col-span-2 {
+ grid-column:span 2 / span 2
}
-.backdrop-blur {
- --tw-backdrop-blur:blur(8px);
- -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
- backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
+.float-right {
+ float:right
}
-.backdrop-blur-2xl {
- --tw-backdrop-blur:blur(40px);
- -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
- backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
+.float-left {
+ float:left
}
-.backdrop-blur-sm {
- --tw-backdrop-blur:blur(4px);
- -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
- backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
+.\!-m-px {
+ margin:-1px !important
}
-.transition {
- transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
- transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
- transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
- transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
- transition-duration:150ms
+.m-0 {
+ margin:0px
}
-.transition-opacity {
- transition-property:opacity;
- transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
- transition-duration:150ms
+.m-1 {
+ margin:0.25rem
}
-.transition-transform {
- transition-property:transform;
- transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
- transition-duration:150ms
+.m-2 {
+ margin:0.5rem
}
-.duration-150 {
- transition-duration:150ms
+.m-auto {
+ margin:auto
}
-.duration-\[600ms\] {
- transition-duration:600ms
+.-mx-2 {
+ margin-left:-0.5rem;
+ margin-right:-0.5rem
}
-.ease-\[cubic-bezier\(0\.25\2c 0\.1\2c 0\.25\2c 1\.0\)\] {
- transition-timing-function:cubic-bezier(0.25,0.1,0.25,1.0)
+.-my-2 {
+ margin-top:-0.5rem;
+ margin-bottom:-0.5rem
}
-.ease-in-out {
- transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
+.mx-1 {
+ margin-left:0.25rem;
+ margin-right:0.25rem
}
-.scrollbar-thin::-webkit-scrollbar-track {
- background-color:var(--scrollbar-track);
- border-radius:var(--scrollbar-track-radius)
+.mx-\[15\%\] {
+ margin-left:15%;
+ margin-right:15%
}
-.scrollbar-thin::-webkit-scrollbar-track:hover {
- background-color:var(--scrollbar-track-hover, var(--scrollbar-track))
+.mx-\[3px\] {
+ margin-left:3px;
+ margin-right:3px
}
-.scrollbar-thin::-webkit-scrollbar-track:active {
- background-color:var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))
+.mx-auto {
+ margin-left:auto;
+ margin-right:auto
}
-.scrollbar-thin::-webkit-scrollbar-thumb {
- background-color:var(--scrollbar-thumb);
- border-radius:var(--scrollbar-thumb-radius)
+.my-0 {
+ margin-top:0px;
+ margin-bottom:0px
}
-.scrollbar-thin::-webkit-scrollbar-thumb:hover {
- background-color:var(--scrollbar-thumb-hover, var(--scrollbar-thumb))
+.my-3 {
+ margin-top:0.75rem;
+ margin-bottom:0.75rem
}
-.scrollbar-thin::-webkit-scrollbar-thumb:active {
- background-color:var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))
+.-my-4 {
+ margin-top:-1rem;
+ margin-bottom:-1rem
}
-.scrollbar-thin::-webkit-scrollbar-corner {
- background-color:var(--scrollbar-corner);
- border-radius:var(--scrollbar-corner-radius)
+.\!mb-0 {
+ margin-bottom:0px !important
}
-.scrollbar-thin::-webkit-scrollbar-corner:hover {
- background-color:var(--scrollbar-corner-hover, var(--scrollbar-corner))
+.\!mb-9 {
+ margin-bottom:2.25rem !important
}
-.scrollbar-thin::-webkit-scrollbar-corner:active {
- background-color:var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))
+.\!mt-0 {
+ margin-top:0px !important
}
-@supports (-moz-appearance:none) {
- .scrollbar-thin {
- scrollbar-width:thin;
- scrollbar-color:var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)
- }
+.-mb-1 {
+ margin-bottom:-0.25rem
}
-.scrollbar-thin::-webkit-scrollbar {
- display:block;
- width:8px;
- height:8px
+.-ml-12 {
+ margin-left:-3rem
}
-.scrollbar-track-neutral-200 {
- --scrollbar-track:rgba(var(--color-neutral-200), 1) !important
+.-mr-2 {
+ margin-right:-0.5rem
}
-.scrollbar-thumb-neutral-400 {
- --scrollbar-thumb:rgba(var(--color-neutral-400), 1) !important
+.-mr-48 {
+ margin-right:-12rem
}
-.\!\[clip\:rect\(0\2c 0\2c 0\2c 0\)\] {
- clip:rect(0,0,0,0) !important
+.-mr-\[100\%\] {
+ margin-right:-100%
}
-body a,
-body button {
- transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
- transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
- transition-duration:150ms
+.mb-0 {
+ margin-bottom:0px
}
-/* Scale SVG icons to text size */
-
-.icon svg {
- height:1em;
- width:1em
+.mb-1 {
+ margin-bottom:0.25rem
}
-/* Scale SVG logos to appropriate size */
-
-.logo svg {
- height:5rem;
- width:5rem
+.mb-10 {
+ margin-bottom:2.5rem
}
-/* Search */
-
-#search-query::-webkit-search-cancel-button,
-#search-query::-webkit-search-decoration,
-#search-query::-webkit-search-results-button,
-#search-query::-webkit-search-results-decoration {
- display:none
+.mb-12 {
+ margin-bottom:3rem
}
-/* RTL support */
-
-.prose blockquote:where([dir="rtl"], [dir="rtl"] *) {
- border-left-width:0px;
- border-right-width:4px;
- padding-right:1rem
+.mb-16 {
+ margin-bottom:4rem
}
-.prose ul>li:where([dir="rtl"], [dir="rtl"] *),
-.prose ol>li:where([dir="rtl"], [dir="rtl"] *) {
- margin-right:1.75rem;
- padding-left:0px;
- padding-right:0.5rem
+.mb-2 {
+ margin-bottom:0.5rem
}
-.prose ol>li:where([dir="rtl"], [dir="rtl"] *):before,
-.prose ul>li:where([dir="rtl"], [dir="rtl"] *):before {
- left:auto;
- right:0.25rem
+.mb-20 {
+ margin-bottom:5rem
}
-.prose thead td:first-child:where([dir="rtl"], [dir="rtl"] *),
-.prose thead th:first-child:where([dir="rtl"], [dir="rtl"] *) {
- padding-right:0px
+.mb-3 {
+ margin-bottom:0.75rem
}
-.prose thead td:last-child:where([dir="rtl"], [dir="rtl"] *),
-.prose thead th:last-child:where([dir="rtl"], [dir="rtl"] *) {
- padding-left:0px
+.mb-4 {
+ margin-bottom:1rem
}
-/* Adjust first child within prose */
-
-.prose div.min-w-0.max-w-prose>*:first-child {
- margin-top:0.75rem
+.mb-5 {
+ margin-bottom:1.25rem
}
-/* Table of Contents */
-
-.toc ul,
-.toc li {
- list-style-type:none;
- padding-left:0px;
- padding-right:0px;
- line-height:1.375
+.mb-6 {
+ margin-bottom:1.5rem
}
-.toc ul ul:where([dir="ltr"], [dir="ltr"] *) {
- padding-left:1rem
+.mb-8 {
+ margin-bottom:2rem
}
-.toc ul ul:where([dir="rtl"], [dir="rtl"] *) {
- padding-right:1rem
+.mb-\[2px\] {
+ margin-bottom:2px
}
-.toc a {
- font-weight:400;
- --tw-text-opacity:1;
- color:rgba(var(--color-neutral-700), var(--tw-text-opacity))
+.ml-2 {
+ margin-left:0.5rem
}
-.toc a:is(.dark *) {
- --tw-text-opacity:1;
- color:rgba(var(--color-neutral-400), var(--tw-text-opacity))
+.ml-3 {
+ margin-left:0.75rem
}
-.toc ul>li:where([dir="rtl"], [dir="rtl"] *) {
- margin-right:0px
+.ml-6 {
+ margin-left:1.5rem
}
-/* Code Copy */
-
-.highlight-wrapper {
- display:block
+.ml-auto {
+ margin-left:auto
}
-.highlight {
- position:relative;
- z-index:0
+.mr-1 {
+ margin-right:0.25rem
}
-.highlight:hover>.copy-button {
- visibility:visible
+.mr-2 {
+ margin-right:0.5rem
}
-.copy-button {
- visibility:hidden;
- position:absolute;
- top:0px;
- right:0px;
- z-index:10;
- width:5rem;
- cursor:pointer;
- white-space:nowrap;
- border-bottom-left-radius:0.375rem;
- border-top-right-radius:0.375rem;
- --tw-bg-opacity:1;
- background-color:rgba(var(--color-neutral-200), var(--tw-bg-opacity));
- padding-top:0.25rem;
- padding-bottom:0.25rem;
- font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
- font-size:0.875rem;
- line-height:1.25rem;
- --tw-text-opacity:1;
- color:rgba(var(--color-neutral-700), var(--tw-text-opacity));
- opacity:0.9
+.mr-3 {
+ margin-right:0.75rem
}
-.copy-button:is(.dark *) {
- --tw-bg-opacity:1;
- background-color:rgba(var(--color-neutral-600), var(--tw-bg-opacity));
- --tw-text-opacity:1;
- color:rgba(var(--color-neutral-200), var(--tw-text-opacity))
+.mr-5 {
+ margin-right:1.25rem
}
-.copy-button:hover,
-.copy-button:focus,
-.copy-button:active,
-.copy-button:active:hover {
- --tw-bg-opacity:1;
- background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity))
+.mr-auto {
+ margin-right:auto
}
-.copy-button:hover:is(.dark *),
-.copy-button:focus:is(.dark *),
-.copy-button:active:is(.dark *),
-.copy-button:active:hover:is(.dark *) {
- --tw-bg-opacity:1;
- background-color:rgba(var(--color-primary-600), var(--tw-bg-opacity))
+.mt-0 {
+ margin-top:0px
}
-.copy-textarea {
- position:absolute;
- z-index:-10;
- opacity:0.05
+.mt-1 {
+ margin-top:0.25rem
}
-/* Fix long KaTeX equations on mobile (see https://katex.org/docs/issues.html#css-customization) */
-
-.katex-display {
- overflow: auto hidden
+.mt-10 {
+ margin-top:2.5rem
}
-/* Fix long tables breaking out of article on mobile */
+.mt-12 {
+ margin-top:3rem
+}
-table {
- display: block;
- overflow: auto;
+.mt-2 {
+ margin-top:0.5rem
}
-/* Fix long inline code sections breaking out of article on mobile */
+.mt-20 {
+ margin-top:5rem
+}
-code {
- word-wrap: break-word;
- /* All browsers since IE 5.5+ */
- overflow-wrap: break-word;
- /* Renamed property in CSS3 draft spec */
+.mt-3 {
+ margin-top:0.75rem
}
-/* Fix long URLs breaking out of article bounds on mobile */
+.mt-4 {
+ margin-top:1rem
+}
-a {
- word-break: break-word;
- word-wrap: break-word;
- overflow-wrap: break-word;
+.mt-5 {
+ margin-top:1.25rem
}
-/* -- Chroma Highlight -- */
+.mt-6 {
+ margin-top:1.5rem
+}
-/* Background */
+.mt-8 {
+ margin-top:2rem
+}
-.prose .chroma {
- position:static;
- border-radius:0.375rem;
- --tw-bg-opacity:1;
- background-color:rgba(var(--color-neutral-50), var(--tw-bg-opacity));
- --tw-text-opacity:1;
- color:rgba(var(--color-neutral-700), var(--tw-text-opacity))
+.mt-\[-2px\] {
+ margin-top:-2px
}
-.prose .chroma:is(.dark *) {
- --tw-bg-opacity:1;
- background-color:rgba(var(--color-neutral-700), var(--tw-bg-opacity));
- --tw-text-opacity:1;
- color:rgba(var(--color-neutral-200), var(--tw-text-opacity))
+.mt-\[0\.1rem\] {
+ margin-top:0.1rem
}
-/* LineTableTD */
-
-.chroma .lntd,
-.chroma .lntd pre {
- margin:0px;
- border-style:none;
- padding:0px;
- vertical-align:top
+.-mt-4 {
+ margin-top:-1rem
}
-/* LineTable */
+.-mb-6 {
+ margin-bottom:-1.5rem
+}
-.chroma .lntable {
- display:block;
- width:auto;
- overflow:hidden;
- padding-left:1rem;
- padding-right:1rem;
- padding-top:0.75rem;
- padding-bottom:0.75rem;
- font-size:1rem;
- line-height:1.5rem;
- border-spacing: 0
+.box-content {
+ box-sizing:content-box
}
-/* LineHighlight */
+.block {
+ display:block
+}
-.chroma .hl {
- margin-left:-1rem;
- margin-right:-1rem;
- display:block;
- width:auto;
- --tw-bg-opacity:1;
- background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity));
- padding-left:1rem;
- padding-right:1rem
+.inline-block {
+ display:inline-block
}
-.chroma .hl:is(.dark *) {
- --tw-bg-opacity:1;
- background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity))
+.inline {
+ display:inline
}
-.chroma .lntd .hl {
- margin:0px;
- padding:0px
+.flex {
+ display:flex
}
-/* LineNumbersTable */
+.grid {
+ display:grid
+}
-/* LineNumbers */
+.hidden {
+ display:none
+}
-.chroma .lnt,
-.chroma .ln {
- margin-right:0.4em;
- padding-left:0.4em;
- padding-right:0.4em;
- padding-top:0px;
- padding-bottom:0px;
- --tw-text-opacity:1;
- color:rgba(var(--color-neutral-600), var(--tw-text-opacity))
+.\!h-px {
+ height:1px !important
}
-.chroma .lnt:is(.dark *),
-.chroma .ln:is(.dark *) {
- --tw-text-opacity:1;
- color:rgba(var(--color-neutral-300), var(--tw-text-opacity))
+.h-1\/2 {
+ height:50%
}
-/* Keyword */
+.h-12 {
+ height:3rem
+}
-/* KeywordDeclaration */
+.h-24 {
+ height:6rem
+}
-/* KeywordNamespace */
+.h-3 {
+ height:0.75rem
+}
-/* KeywordPseudo */
+.h-36 {
+ height:9rem
+}
-/* KeywordReserved */
+.h-48 {
+ height:12rem
+}
-/* NameClass */
+.h-6 {
+ height:1.5rem
+}
-/* NameFunctionMagic */
+.h-72 {
+ height:18rem
+}
-/* NameNamespace */
+.h-8 {
+ height:2rem
+}
-/* NameVariableClass */
+.h-\[1000px\] {
+ height:1000px
+}
-/* Operator */
+.h-\[150px\] {
+ height:150px
+}
-.chroma .k,
-.chroma .kd,
-.chroma .kn,
-.chroma .kp,
-.chroma .kr,
-.chroma .nc,
-.chroma .fm,
-.chroma .nn,
-.chroma .vc,
-.chroma .o {
- --tw-text-opacity:1;
- color:rgba(var(--color-primary-600), var(--tw-text-opacity))
+.h-\[3px\] {
+ height:3px
}
-.chroma .k:is(.dark *),
-.chroma .kd:is(.dark *),
-.chroma .kn:is(.dark *),
-.chroma .kp:is(.dark *),
-.chroma .kr:is(.dark *),
-.chroma .nc:is(.dark *),
-.chroma .fm:is(.dark *),
-.chroma .nn:is(.dark *),
-.chroma .vc:is(.dark *),
-.chroma .o:is(.dark *) {
- --tw-text-opacity:1;
- color:rgba(var(--color-primary-300), var(--tw-text-opacity))
+.h-\[800px\] {
+ height:800px
}
-/* KeywordConstant */
+.h-full {
+ height:100%
+}
-.chroma .kc {
- font-weight:600;
- --tw-text-opacity:1;
- color:rgba(var(--color-secondary-400), var(--tw-text-opacity))
+.h-screen {
+ height:100vh
}
-.chroma .kc:is(.dark *) {
- --tw-text-opacity:1;
- color:rgba(var(--color-secondary-500), var(--tw-text-opacity))
+.h-96 {
+ height:24rem
}
-/* KeywordType */
+.max-h-3 {
+ max-height:0.75rem
+}
-/* NameVariable */
+.max-h-\[5rem\] {
+ max-height:5rem
+}
-/* NameVariableInstance */
+.min-h-0 {
+ min-height:0px
+}
-/* NameVariableMagic */
+.min-h-\[130px\] {
+ min-height:130px
+}
-/* LiteralNumber */
+.min-h-\[148px\] {
+ min-height:148px
+}
-/* LiteralNumberBin */
+.min-h-full {
+ min-height:100%
+}
-/* LiteralNumberFloat */
+.\!w-px {
+ width:1px !important
+}
-/* LiteralNumberHex */
+.w-12 {
+ width:3rem
+}
-/* LiteralNumberInteger */
+.w-24 {
+ width:6rem
+}
-/* LiteralNumberIntegerLong */
+.w-3 {
+ width:0.75rem
+}
-/* LiteralNumberOct */
+.w-36 {
+ width:9rem
+}
-.chroma .kt,
-.chroma .nv,
-.chroma .vi,
-.chroma .vm,
-.chroma .m,
-.chroma .mb,
-.chroma .mf,
-.chroma .mh,
-.chroma .mi,
-.chroma .il,
-.chroma .mo {
- --tw-text-opacity:1;
- color:rgba(var(--color-secondary-400), var(--tw-text-opacity))
+.w-6 {
+ width:1.5rem
}
-.chroma .kt:is(.dark *),
-.chroma .nv:is(.dark *),
-.chroma .vi:is(.dark *),
-.chroma .vm:is(.dark *),
-.chroma .m:is(.dark *),
-.chroma .mb:is(.dark *),
-.chroma .mf:is(.dark *),
-.chroma .mh:is(.dark *),
-.chroma .mi:is(.dark *),
-.chroma .il:is(.dark *),
-.chroma .mo:is(.dark *) {
- --tw-text-opacity:1;
- color:rgba(var(--color-secondary-600), var(--tw-text-opacity))
+.w-8 {
+ width:2rem
}
-/* Name */
+.w-\[15\%\] {
+ width:15%
+}
-/* NameDecorator */
+.w-\[30\%\] {
+ width:30%
+}
-/* NameEntity */
+.w-\[30px\] {
+ width:30px
+}
-/* NameLabel */
+.w-\[50\%\] {
+ width:50%
+}
-.chroma .n,
-.chroma .nd,
-.chroma .ni,
-.chroma .nl {
- --tw-text-opacity:1;
- color:rgba(var(--color-secondary-900), var(--tw-text-opacity))
+.w-full {
+ width:100%
}
-.chroma .n:is(.dark *),
-.chroma .nd:is(.dark *),
-.chroma .ni:is(.dark *),
-.chroma .nl:is(.dark *) {
- --tw-text-opacity:1;
- color:rgba(var(--color-secondary-200), var(--tw-text-opacity))
+.w-screen {
+ width:100vw
}
-/* NameAttribute */
+.min-w-0 {
+ min-width:0px
+}
-/* NameBuiltin */
+.min-w-\[1\.8rem\] {
+ min-width:1.8rem
+}
-/* NameBuiltinPseudo */
+.min-w-\[220px\] {
+ min-width:220px
+}
-/* NameOther */
+.min-w-\[30px\] {
+ min-width:30px
+}
-/* NameProperty */
+.min-w-full {
+ min-width:100%
+}
-/* NameTag */
+.max-w-3xl {
+ max-width:48rem
+}
-.chroma .na,
-.chroma .nb,
-.chroma .bp,
-.chroma .nx,
-.chroma .py,
-.chroma .nt {
- --tw-text-opacity:1;
- color:rgba(var(--color-secondary-800), var(--tw-text-opacity))
+.max-w-7xl {
+ max-width:80rem
}
-.chroma .na:is(.dark *),
-.chroma .nb:is(.dark *),
-.chroma .bp:is(.dark *),
-.chroma .nx:is(.dark *),
-.chroma .py:is(.dark *),
-.chroma .nt:is(.dark *) {
- --tw-text-opacity:1;
- color:rgba(var(--color-secondary-300), var(--tw-text-opacity))
+.max-w-\[1600px\] {
+ max-width:1600px
}
-/* NameConstant */
+.max-w-\[5rem\] {
+ max-width:5rem
+}
-/* NameException */
+.max-w-\[64rem\] {
+ max-width:64rem
+}
-/* NameVariableGlobal */
+.max-w-fit {
+ max-width:-moz-fit-content;
+ max-width:fit-content
+}
-.chroma .no,
-.chroma .ne,
-.chroma .vg {
- font-weight:600;
- --tw-text-opacity:1;
- color:rgba(var(--color-secondary-400), var(--tw-text-opacity))
+.max-w-full {
+ max-width:100%
}
-.chroma .no:is(.dark *),
-.chroma .ne:is(.dark *),
-.chroma .vg:is(.dark *) {
- --tw-text-opacity:1;
- color:rgba(var(--color-secondary-500), var(--tw-text-opacity))
+.max-w-prose {
+ max-width:65ch
}
-/* NameFunction */
+.max-w-xl {
+ max-width:36rem
+}
-.chroma .nf {
- --tw-text-opacity:1;
- color:rgba(var(--color-secondary-600), var(--tw-text-opacity))
+.flex-1 {
+ flex:1 1 0%
}
-.chroma .nf:is(.dark *) {
- --tw-text-opacity:1;
- color:rgba(var(--color-secondary-500), var(--tw-text-opacity))
+.flex-auto {
+ flex:1 1 auto
}
-/* Literal */
+.flex-initial {
+ flex:0 1 auto
+}
-/* LiteralDate */
+.flex-none {
+ flex:none
+}
-/* LiteralString */
+.grow {
+ flex-grow:1
+}
-/* LiteralStringAffix */
+.-translate-y-8 {
+ --tw-translate-y:-2rem;
+ transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
-/* LiteralStringBacktick */
+.translate-y-4 {
+ --tw-translate-y:1rem;
+ transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
-/* LiteralStringChar */
+.scale-110 {
+ --tw-scale-x:1.1;
+ --tw-scale-y:1.1;
+ transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
-/* LiteralStringDelimiter */
+.transform {
+ transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
-/* LiteralStringDoc */
+@keyframes pulse {
+ 50% {
+ opacity:.5
+ }
+}
-/* LiteralStringDouble */
+.animate-pulse {
+ animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
+}
-/* LiteralStringHeredoc */
+@keyframes swing {
+ 0%, 6%, 12% {
+ transform:rotate(7deg);
+ transform-origin:top center
+ }
-/* LiteralStringInterpol */
+ 3%, 9% {
+ transform:rotate(-7deg);
+ transform-origin:top center
+ }
-/* LiteralStringOther */
+ 12%, 100% {
+ transform:rotate(0deg);
+ transform-origin:top center
+ }
+}
-/* LiteralStringSingle */
+.animate-swing {
+ animation:swing 3s linear infinite
+}
-/* GenericInserted */
+.cursor-default {
+ cursor:default
+}
-/* GenericOutput */
+.cursor-pointer {
+ cursor:pointer
+}
-/* GenericPrompt */
+.resize {
+ resize:both
+}
-.chroma .l,
-.chroma .ld,
-.chroma .s,
-.chroma .sa,
-.chroma .sb,
-.chroma .sc,
-.chroma .dl,
-.chroma .sd,
-.chroma .s2,
-.chroma .sh,
-.chroma .si,
-.chroma .sx,
-.chroma .s1,
-.chroma .gi,
-.chroma .go,
-.chroma .gp {
- --tw-text-opacity:1;
- color:rgba(var(--color-primary-800), var(--tw-text-opacity))
+.list-none {
+ list-style-type:none
}
-.chroma .l:is(.dark *),
-.chroma .ld:is(.dark *),
-.chroma .s:is(.dark *),
-.chroma .sa:is(.dark *),
-.chroma .sb:is(.dark *),
-.chroma .sc:is(.dark *),
-.chroma .dl:is(.dark *),
-.chroma .sd:is(.dark *),
-.chroma .s2:is(.dark *),
-.chroma .sh:is(.dark *),
-.chroma .si:is(.dark *),
-.chroma .sx:is(.dark *),
-.chroma .s1:is(.dark *),
-.chroma .gi:is(.dark *),
-.chroma .go:is(.dark *),
-.chroma .gp:is(.dark *) {
- --tw-text-opacity:1;
- color:rgba(var(--color-primary-400), var(--tw-text-opacity))
+.appearance-none {
+ -webkit-appearance:none;
+ -moz-appearance:none;
+ appearance:none
}
-/* LiteralStringEscape */
+.grid-cols-3 {
+ grid-template-columns:repeat(3, minmax(0, 1fr))
+}
-.chroma .se {
- font-weight:600;
- --tw-text-opacity:1;
- color:rgba(var(--color-secondary-400), var(--tw-text-opacity))
+.flex-row {
+ flex-direction:row
}
-.chroma .se:is(.dark *) {
- --tw-text-opacity:1;
- color:rgba(var(--color-secondary-500), var(--tw-text-opacity))
+.flex-col {
+ flex-direction:column
}
-/* LiteralStringRegex */
+.flex-wrap {
+ flex-wrap:wrap
+}
-/* LiteralStringSymbol */
+.items-end {
+ align-items:flex-end
+}
-.chroma .sr,
-.chroma .ss {
- font-weight:600;
- --tw-text-opacity:1;
- color:rgba(var(--color-primary-800), var(--tw-text-opacity))
+.items-center {
+ align-items:center
}
-.chroma .sr:is(.dark *),
-.chroma .ss:is(.dark *) {
- --tw-text-opacity:1;
- color:rgba(var(--color-primary-400), var(--tw-text-opacity))
+.justify-center {
+ justify-content:center
}
-/* OperatorWord */
+.justify-between {
+ justify-content:space-between
+}
-.chroma .ow {
- font-weight:600;
- --tw-text-opacity:1;
- color:rgba(var(--color-primary-400), var(--tw-text-opacity))
+.justify-evenly {
+ justify-content:space-evenly
}
-.chroma .ow:is(.dark *) {
- --tw-text-opacity:1;
- color:rgba(var(--color-primary-600), var(--tw-text-opacity))
+.gap-4 {
+ gap:1rem
}
-/* Comment */
+.gap-6 {
+ gap:1.5rem
+}
-/* CommentMultiline */
+.gap-x-6 {
+ -moz-column-gap:1.5rem;
+ column-gap:1.5rem
+}
-/* CommentSingle */
+.gap-y-0 {
+ row-gap:0px
+}
-/* CommentSpecial */
+.gap-y-2 {
+ row-gap:0.5rem
+}
-/* CommentPreproc */
+.space-x-2 > :not([hidden]) ~ :not([hidden]) {
+ --tw-space-x-reverse:0;
+ margin-right:calc(0.5rem * var(--tw-space-x-reverse));
+ margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
+}
-/* CommentPreprocFile */
+.space-x-3 > :not([hidden]) ~ :not([hidden]) {
+ --tw-space-x-reverse:0;
+ margin-right:calc(0.75rem * var(--tw-space-x-reverse));
+ margin-left:calc(0.75rem * calc(1 - var(--tw-space-x-reverse)))
+}
-.chroma .c,
-.chroma .cm,
-.chroma .c1,
-.chroma .cs,
-.chroma .cp,
-.chroma .cpf {
- font-style:italic;
- --tw-text-opacity:1;
- color:rgba(var(--color-neutral-500), var(--tw-text-opacity))
+.space-x-5 > :not([hidden]) ~ :not([hidden]) {
+ --tw-space-x-reverse:0;
+ margin-right:calc(1.25rem * var(--tw-space-x-reverse));
+ margin-left:calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))
}
-.chroma .c:is(.dark *),
-.chroma .cm:is(.dark *),
-.chroma .c1:is(.dark *),
-.chroma .cs:is(.dark *),
-.chroma .cp:is(.dark *),
-.chroma .cpf:is(.dark *) {
- --tw-text-opacity:1;
- color:rgba(var(--color-neutral-400), var(--tw-text-opacity))
+.space-y-10 > :not([hidden]) ~ :not([hidden]) {
+ --tw-space-y-reverse:0;
+ margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
+ margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))
}
-/* CommentHashbang */
-
-.chroma .ch {
- font-weight:600;
- font-style:italic;
- --tw-text-opacity:1;
- color:rgba(var(--color-neutral-500), var(--tw-text-opacity))
+.space-y-2 > :not([hidden]) ~ :not([hidden]) {
+ --tw-space-y-reverse:0;
+ margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
+ margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))
}
-.chroma .ch:is(.dark *) {
- --tw-text-opacity:1;
- color:rgba(var(--color-neutral-400), var(--tw-text-opacity))
+.space-y-3 > :not([hidden]) ~ :not([hidden]) {
+ --tw-space-y-reverse:0;
+ margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
+ margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))
}
-/* GenericEmph */
+.place-self-center {
+ place-self:center
+}
-.chroma .ge {
- font-style:italic
+.self-center {
+ align-self:center
}
-/* GenericHeading */
+.overflow-auto {
+ overflow:auto
+}
-.chroma .gh {
- font-weight:600;
- --tw-text-opacity:1;
- color:rgba(var(--color-neutral-500), var(--tw-text-opacity))
+.\!overflow-hidden {
+ overflow:hidden !important
}
-/* GenericStrong */
+.overflow-hidden {
+ overflow:hidden
+}
-.chroma .gs {
- font-weight:600
+.overflow-visible {
+ overflow:visible
}
-/* GenericSubheading */
+.overflow-y-scroll {
+ overflow-y:scroll
+}
-/* GenericTraceback */
+.overscroll-contain {
+ overscroll-behavior:contain
+}
-.chroma .gu,
-.chroma .gt {
- --tw-text-opacity:1;
- color:rgba(var(--color-neutral-500), var(--tw-text-opacity))
+.scroll-smooth {
+ scroll-behavior:smooth
}
-/* GenericUnderline */
+.\!whitespace-nowrap {
+ white-space:nowrap !important
+}
-.chroma .gl {
- text-decoration-line:underline
+.break-words {
+ overflow-wrap:break-word
}
-/* Custom */
+.\!rounded-md {
+ border-radius:0.375rem !important
+}
-pre {
- text-align: left;
+.rounded {
+ border-radius:0.25rem
}
-.thumbnail {
- min-width: 300px;
- height: 180px;
- background-repeat:no-repeat;
- background-size:cover;
- background-position:center;
+.rounded-2xl {
+ border-radius:1rem
}
-.thumbnail_card {
- height: 200px;
- background-repeat:no-repeat;
- background-size:cover;
- background-position:center;
+.rounded-full {
+ border-radius:9999px
}
-.thumbnail_card_related {
- height: 150px;
- background-repeat:no-repeat;
- background-size:cover;
- background-position:center;
+.rounded-lg {
+ border-radius:0.5rem
}
-.thumbnail_card_term {
- height: 150px;
- background-repeat:no-repeat;
- background-size:cover;
- background-position:center;
+.rounded-md {
+ border-radius:0.375rem
}
-.single_hero_basic {
- background-repeat:no-repeat;
- background-size:cover;
- background-position:center;
+.rounded-xl {
+ border-radius:0.75rem
}
-.single_hero_round {
- max-height: 50vh;
- -o-object-fit: cover;
- object-fit: cover;
+.rounded-b-lg {
+ border-bottom-right-radius:0.5rem;
+ border-bottom-left-radius:0.5rem
}
-.single_hero_background {
- background-repeat:no-repeat;
- background-size:cover;
- background-position:center;
- width: calc(100% + 40px);
- z-index: -10;
- margin-left: -20px;
+.\!border-0 {
+ border-width:0px !important
}
-.hero_gradient {
- width: 100%;
- height: 100%;
+.border {
+ border-width:1px
}
-.thumbnailshadow {
- box-shadow: 5px 5px 20px 1px rgba(0, 0, 0, 0.3);
+.border-0 {
+ border-width:0px
}
-.anchor {
- display: block;
- position: relative;
- top: -150px;
- height: 0px;
- visibility: hidden;
+.border-2 {
+ border-width:2px
}
-@media (min-width: 640px) {
- .thumbnail {
- min-width: 100%;
- height: 180px;
- }
+.border-y-\[10px\] {
+ border-top-width:10px;
+ border-bottom-width:10px
+}
- .article {
- flex-wrap: wrap;
- }
+.border-l-2 {
+ border-left-width:2px
}
-@media (min-width: 853px) {
- .thumbnail {
- min-width: 300px;
- min-height: 180px;
- height: auto;
- }
+.border-t {
+ border-top-width:1px
+}
- .article {
- flex-wrap: nowrap;
- }
+.border-solid {
+ border-style:solid
}
-.medium-zoom-image--opened {
- z-index: 100;
+.border-dotted {
+ border-style:dotted
}
-.nested-menu:hover + .menuhide {
- visibility: visible;
- opacity: 1;
- transition: visibility 0.3s, opacity 0.3s ease-in-out ;
+.border-neutral-200 {
+ --tw-border-opacity:1;
+ border-color:rgba(var(--color-neutral-200), var(--tw-border-opacity, 1))
}
-.menuhide:hover {
- visibility: visible;
- opacity: 1;
- transition: visibility 0.3s, opacity 0.3s ease-in-out ;
+.border-neutral-300 {
+ --tw-border-opacity:1;
+ border-color:rgba(var(--color-neutral-300), var(--tw-border-opacity, 1))
}
-.menuhide {
- visibility: hidden;
- opacity: 0;
- transition: visibility 0.3s, opacity 0.3s ease-in-out ;
- z-index: 1000;
+.border-primary-400 {
+ --tw-border-opacity:1;
+ border-color:rgba(var(--color-primary-400), var(--tw-border-opacity, 1))
}
-.active {
- text-decoration-line: underline;
- text-decoration-thickness: 3px;
- text-underline-offset: 4px;
+.border-primary-500 {
+ --tw-border-opacity:1;
+ border-color:rgba(var(--color-primary-500), var(--tw-border-opacity, 1))
}
-/* Gallery Specific Styles */
+.border-transparent {
+ border-color:transparent
+}
-.grid-w10 {
- width: calc(10% - 5px);
- margin: 0px !important;
+.bg-everse_sky_light {
+ --tw-bg-opacity:1;
+ background-color:rgb(239 248 252 / var(--tw-bg-opacity, 1))
}
-.grid-w15 {
- width: calc(15% - 5px);
- margin: 0px !important;
+.bg-gray-100 {
+ --tw-bg-opacity:1;
+ background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))
}
-.grid-w20 {
- width: calc(20% - 5px);
- margin: 0px !important;
+.bg-gray-300 {
+ --tw-bg-opacity:1;
+ background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))
}
-.grid-w25 {
- width: calc(25% - 5px);
- margin: 0px !important;
+.bg-neutral {
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-neutral), var(--tw-bg-opacity, 1))
}
-.grid-w30 {
- width: calc(30% - 5px);
- margin: 0px !important;
+.bg-neutral-100 {
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-neutral-100), var(--tw-bg-opacity, 1))
}
-.grid-w33 {
- width: calc(33% - 5px);
- margin: 0px !important;
+.bg-neutral-100\/50 {
+ background-color:rgba(var(--color-neutral-100), 0.5)
}
-.grid-w35 {
- width: calc(35% - 5px);
- margin: 0px !important;
+.bg-neutral-300 {
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-neutral-300), var(--tw-bg-opacity, 1))
}
-.grid-w40 {
- width: calc(40% - 5px);
- margin: 0px !important;
+.bg-neutral-500\/50 {
+ background-color:rgba(var(--color-neutral-500), 0.5)
}
-.grid-w45 {
- width: calc(45% - 5px);
- margin: 0px !important;
+.bg-neutral\/50 {
+ background-color:rgba(var(--color-neutral), 0.5)
}
-.grid-w50 {
- width: calc(50% - 5px);
- margin: 0px !important;
+.bg-primary-100 {
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity, 1))
}
-.grid-w55 {
- width: calc(55% - 5px);
- margin: 0px !important;
+.bg-primary-200 {
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-primary-200), var(--tw-bg-opacity, 1))
}
-.grid-w60 {
- width: calc(60% - 5px);
- margin: 0px !important;
+.bg-primary-500 {
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-primary-500), var(--tw-bg-opacity, 1))
}
-.grid-w65 {
- width: calc(65% - 5px);
- margin: 0px !important;
+.bg-primary-600 {
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-primary-600), var(--tw-bg-opacity, 1))
}
-.grid-w66 {
- width: calc(66% - 5px);
- margin: 0px !important;
+.bg-transparent {
+ background-color:transparent
}
-.grid-w70 {
- width: calc(70% - 5px);
- margin: 0px !important;
+.bg-gradient-to-b {
+ background-image:linear-gradient(to bottom, var(--tw-gradient-stops))
}
-.grid-w75 {
- width: calc(75% - 5px);
- margin: 0px !important;
+.bg-gradient-to-r {
+ background-image:linear-gradient(to right, var(--tw-gradient-stops))
}
-.grid-w80 {
- width: calc(80% - 5px);
- margin: 0px !important;
+.bg-gradient-to-t {
+ background-image:linear-gradient(to top, var(--tw-gradient-stops))
}
-.grid-w85 {
- width: calc(85% - 5px);
- margin: 0px !important;
+.bg-none {
+ background-image:none
}
-.grid-w90 {
- width: calc(90% - 5px);
- margin: 0px !important;
+.from-gray-100 {
+ --tw-gradient-from:#f3f4f6 var(--tw-gradient-from-position);
+ --tw-gradient-to:rgb(243 244 246 / 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}
-.grid-w95 {
- width: calc(95% - 5px);
- margin: 0px !important;
+.from-neutral {
+ --tw-gradient-from:rgba(var(--color-neutral), 1) var(--tw-gradient-from-position);
+ --tw-gradient-to:rgba(var(--color-neutral), 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}
-.grid-w100 {
- width: calc(100% - 5px);
- margin: 0px !important;
+.from-primary-500 {
+ --tw-gradient-from:rgba(var(--color-primary-500), 1) var(--tw-gradient-from-position);
+ --tw-gradient-to:rgba(var(--color-primary-500), 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}
-@media (min-width: 640px) {
- .sm\:grid-w10 {
- width: calc(10% - 5px);
- margin: 0px !important;
- }
-
- .sm\:grid-w15 {
- width: calc(15% - 5px);
- margin: 0px !important;
- }
+.from-60\% {
+ --tw-gradient-from-position:60%
+}
- .sm\:grid-w20 {
- width: calc(20% - 5px);
- margin: 0px !important;
- }
+.to-neutral {
+ --tw-gradient-to:rgba(var(--color-neutral), 1) var(--tw-gradient-to-position)
+}
- .sm\:grid-w25 {
- width: calc(25% - 5px);
- margin: 0px !important;
- }
+.to-neutral-100 {
+ --tw-gradient-to:rgba(var(--color-neutral-100), 1) var(--tw-gradient-to-position)
+}
- .sm\:grid-w30 {
- width: calc(30% - 5px);
- margin: 0px !important;
- }
+.to-secondary-600 {
+ --tw-gradient-to:rgba(var(--color-secondary-600), 1) var(--tw-gradient-to-position)
+}
- .sm\:grid-w33 {
- width: calc(33% - 5px);
- margin: 0px !important;
- }
+.to-transparent {
+ --tw-gradient-to:transparent var(--tw-gradient-to-position)
+}
- .sm\:grid-w35 {
- width: calc(35% - 5px);
- margin: 0px !important;
- }
+.bg-clip-padding {
+ background-clip:padding-box
+}
- .sm\:grid-w40 {
- width: calc(40% - 5px);
- margin: 0px !important;
- }
+.object-cover {
+ -o-object-fit:cover;
+ object-fit:cover
+}
- .sm\:grid-w45 {
- width: calc(45% - 5px);
- margin: 0px !important;
- }
+.object-scale-down {
+ -o-object-fit:scale-down;
+ object-fit:scale-down
+}
- .sm\:grid-w50 {
- width: calc(50% - 5px);
- margin: 0px !important;
- }
+.object-left {
+ -o-object-position:left;
+ object-position:left
+}
- .sm\:grid-w55 {
- width: calc(55% - 5px);
- margin: 0px !important;
- }
+.\!p-0 {
+ padding:0px !important
+}
- .sm\:grid-w60 {
- width: calc(60% - 5px);
- margin: 0px !important;
- }
+.p-0 {
+ padding:0px
+}
- .sm\:grid-w65 {
- width: calc(65% - 5px);
- margin: 0px !important;
- }
+.p-1\.5 {
+ padding:0.375rem
+}
- .sm\:grid-w66 {
- width: calc(66% - 5px);
- margin: 0px !important;
- }
+.p-4 {
+ padding:1rem
+}
- .sm\:grid-w70 {
- width: calc(70% - 5px);
- margin: 0px !important;
- }
+.p-5 {
+ padding:1.25rem
+}
- .sm\:grid-w75 {
- width: calc(75% - 5px);
- margin: 0px !important;
- }
+.p-6 {
+ padding:1.5rem
+}
- .sm\:grid-w80 {
- width: calc(80% - 5px);
- margin: 0px !important;
- }
+.px-0 {
+ padding-left:0px;
+ padding-right:0px
+}
- .sm\:grid-w85 {
- width: calc(85% - 5px);
- margin: 0px !important;
- }
+.px-1 {
+ padding-left:0.25rem;
+ padding-right:0.25rem
+}
- .sm\:grid-w90 {
- width: calc(90% - 5px);
- margin: 0px !important;
- }
+.px-1\.5 {
+ padding-left:0.375rem;
+ padding-right:0.375rem
+}
- .sm\:grid-w95 {
- width: calc(95% - 5px);
- margin: 0px !important;
- }
+.px-2 {
+ padding-left:0.5rem;
+ padding-right:0.5rem
+}
- .sm\:grid-w100 {
- width: calc(100% - 5px);
- margin: 0px !important;
- }
+.px-3 {
+ padding-left:0.75rem;
+ padding-right:0.75rem
}
-@media (min-width: 853px) {
- .md\:grid-w10 {
- width: calc(10% - 5px);
- margin: 0px !important;
- }
+.px-4 {
+ padding-left:1rem;
+ padding-right:1rem
+}
- .md\:grid-w15 {
- width: calc(15% - 5px);
- margin: 0px !important;
- }
+.px-6 {
+ padding-left:1.5rem;
+ padding-right:1.5rem
+}
- .md\:grid-w20 {
- width: calc(20% - 5px);
- margin: 0px !important;
- }
+.px-\[30px\] {
+ padding-left:30px;
+ padding-right:30px
+}
- .md\:grid-w25 {
- width: calc(25% - 5px);
- margin: 0px !important;
- }
+.py-1 {
+ padding-top:0.25rem;
+ padding-bottom:0.25rem
+}
- .md\:grid-w30 {
- width: calc(30% - 5px);
- margin: 0px !important;
- }
+.py-10 {
+ padding-top:2.5rem;
+ padding-bottom:2.5rem
+}
- .md\:grid-w33 {
- width: calc(33% - 5px);
- margin: 0px !important;
- }
+.py-16 {
+ padding-top:4rem;
+ padding-bottom:4rem
+}
- .md\:grid-w35 {
- width: calc(35% - 5px);
- margin: 0px !important;
- }
+.py-2 {
+ padding-top:0.5rem;
+ padding-bottom:0.5rem
+}
- .md\:grid-w40 {
- width: calc(40% - 5px);
- margin: 0px !important;
- }
+.py-3 {
+ padding-top:0.75rem;
+ padding-bottom:0.75rem
+}
- .md\:grid-w45 {
- width: calc(45% - 5px);
- margin: 0px !important;
- }
+.py-4 {
+ padding-top:1rem;
+ padding-bottom:1rem
+}
- .md\:grid-w50 {
- width: calc(50% - 5px);
- margin: 0px !important;
- }
+.py-6 {
+ padding-top:1.5rem;
+ padding-bottom:1.5rem
+}
- .md\:grid-w55 {
- width: calc(55% - 5px);
- margin: 0px !important;
- }
+.py-8 {
+ padding-top:2rem;
+ padding-bottom:2rem
+}
- .md\:grid-w60 {
- width: calc(60% - 5px);
- margin: 0px !important;
- }
+.py-\[1px\] {
+ padding-top:1px;
+ padding-bottom:1px
+}
- .md\:grid-w65 {
- width: calc(65% - 5px);
- margin: 0px !important;
- }
+.pb-2 {
+ padding-bottom:0.5rem
+}
- .md\:grid-w66 {
- width: calc(66% - 5px);
- margin: 0px !important;
- }
+.pb-3 {
+ padding-bottom:0.75rem
+}
- .md\:grid-w70 {
- width: calc(70% - 5px);
- margin: 0px !important;
- }
+.pb-32 {
+ padding-bottom:8rem
+}
- .md\:grid-w75 {
- width: calc(75% - 5px);
- margin: 0px !important;
- }
+.pb-4 {
+ padding-bottom:1rem
+}
- .md\:grid-w80 {
- width: calc(80% - 5px);
- margin: 0px !important;
- }
+.pl-2 {
+ padding-left:0.5rem
+}
- .md\:grid-w85 {
- width: calc(85% - 5px);
- margin: 0px !important;
- }
+.pl-4 {
+ padding-left:1rem
+}
- .md\:grid-w90 {
- width: calc(90% - 5px);
- margin: 0px !important;
- }
+.pl-\[24px\] {
+ padding-left:24px
+}
- .md\:grid-w95 {
- width: calc(95% - 5px);
- margin: 0px !important;
- }
+.pr-4 {
+ padding-right:1rem
+}
- .md\:grid-w100 {
- width: calc(100% - 5px);
- margin: 0px !important;
- }
+.pr-\[24px\] {
+ padding-right:24px
}
-@media (min-width: 1024px) {
- .lg\:grid-w10 {
- width: calc(10% - 5px);
- margin: 0px !important;
- }
+.pt-16 {
+ padding-top:4rem
+}
- .lg\:grid-w15 {
- width: calc(15% - 5px);
- margin: 0px !important;
- }
+.pt-2 {
+ padding-top:0.5rem
+}
- .lg\:grid-w20 {
- width: calc(20% - 5px);
- margin: 0px !important;
- }
+.pt-3 {
+ padding-top:0.75rem
+}
- .lg\:grid-w25 {
- width: calc(25% - 5px);
- margin: 0px !important;
- }
+.pt-4 {
+ padding-top:1rem
+}
- .lg\:grid-w30 {
- width: calc(30% - 5px);
- margin: 0px !important;
- }
+.pt-8 {
+ padding-top:2rem
+}
- .lg\:grid-w33 {
- width: calc(33% - 5px);
- margin: 0px !important;
- }
+.text-left {
+ text-align:left
+}
- .lg\:grid-w35 {
- width: calc(35% - 5px);
- margin: 0px !important;
- }
+.text-center {
+ text-align:center
+}
- .lg\:grid-w40 {
- width: calc(40% - 5px);
- margin: 0px !important;
- }
+.text-right {
+ text-align:right
+}
- .lg\:grid-w45 {
- width: calc(45% - 5px);
- margin: 0px !important;
- }
+.-indent-\[999px\] {
+ text-indent:-999px
+}
- .lg\:grid-w50 {
- width: calc(50% - 5px);
- margin: 0px !important;
- }
+.align-top {
+ vertical-align:top
+}
- .lg\:grid-w55 {
- width: calc(55% - 5px);
- margin: 0px !important;
- }
+.align-middle {
+ vertical-align:middle
+}
- .lg\:grid-w60 {
- width: calc(60% - 5px);
- margin: 0px !important;
- }
+.align-text-bottom {
+ vertical-align:text-bottom
+}
- .lg\:grid-w65 {
- width: calc(65% - 5px);
- margin: 0px !important;
- }
+.text-2xl {
+ font-size:1.5rem;
+ line-height:2rem
+}
- .lg\:grid-w66 {
- width: calc(66% - 5px);
- margin: 0px !important;
- }
+.text-3xl {
+ font-size:1.875rem;
+ line-height:2.25rem
+}
- .lg\:grid-w70 {
- width: calc(70% - 5px);
- margin: 0px !important;
- }
+.text-4xl {
+ font-size:2.25rem;
+ line-height:2.5rem
+}
- .lg\:grid-w75 {
- width: calc(75% - 5px);
- margin: 0px !important;
- }
+.text-\[0\.6rem\] {
+ font-size:0.6rem
+}
- .lg\:grid-w80 {
- width: calc(80% - 5px);
- margin: 0px !important;
- }
+.text-base {
+ font-size:1rem;
+ line-height:1.5rem
+}
- .lg\:grid-w85 {
- width: calc(85% - 5px);
- margin: 0px !important;
- }
+.text-lg {
+ font-size:1.125rem;
+ line-height:1.75rem
+}
- .lg\:grid-w90 {
- width: calc(90% - 5px);
- margin: 0px !important;
- }
+.text-sm {
+ font-size:0.875rem;
+ line-height:1.25rem
+}
- .lg\:grid-w95 {
- width: calc(95% - 5px);
- margin: 0px !important;
- }
+.text-xl {
+ font-size:1.25rem;
+ line-height:1.75rem
+}
- .lg\:grid-w100 {
- width: calc(100% - 5px);
- margin: 0px !important;
- }
+.text-xs {
+ font-size:0.75rem;
+ line-height:1rem
}
-@media (min-width: 1280px) {
- .xl\:grid-w10 {
- width: calc(10% - 5px);
- margin: 0px !important;
- }
+.font-bold {
+ font-weight:700
+}
- .xl\:grid-w15 {
- width: calc(15% - 5px);
- margin: 0px !important;
- }
+.font-extrabold {
+ font-weight:800
+}
- .xl\:grid-w20 {
- width: calc(20% - 5px);
- margin: 0px !important;
- }
+.font-light {
+ font-weight:300
+}
- .xl\:grid-w25 {
- width: calc(25% - 5px);
- margin: 0px !important;
- }
+.font-medium {
+ font-weight:500
+}
- .xl\:grid-w30 {
- width: calc(30% - 5px);
- margin: 0px !important;
- }
+.font-normal {
+ font-weight:400
+}
- .xl\:grid-w33 {
- width: calc(33% - 5px);
- margin: 0px !important;
- }
+.font-semibold {
+ font-weight:600
+}
- .xl\:grid-w35 {
- width: calc(35% - 5px);
- margin: 0px !important;
- }
+.uppercase {
+ text-transform:uppercase
+}
- .xl\:grid-w40 {
- width: calc(40% - 5px);
- margin: 0px !important;
- }
+.italic {
+ font-style:italic
+}
- .xl\:grid-w45 {
- width: calc(45% - 5px);
- margin: 0px !important;
- }
+.leading-3 {
+ line-height:.75rem
+}
- .xl\:grid-w50 {
- width: calc(50% - 5px);
- margin: 0px !important;
- }
+.leading-6 {
+ line-height:1.5rem
+}
- .xl\:grid-w55 {
- width: calc(55% - 5px);
- margin: 0px !important;
- }
+.leading-7 {
+ line-height:1.75rem
+}
- .xl\:grid-w60 {
- width: calc(60% - 5px);
- margin: 0px !important;
- }
+.tracking-wide {
+ letter-spacing:0.025em
+}
- .xl\:grid-w65 {
- width: calc(65% - 5px);
- margin: 0px !important;
- }
+.\!text-neutral {
+ --tw-text-opacity:1 !important;
+ color:rgba(var(--color-neutral), var(--tw-text-opacity, 1)) !important
+}
- .xl\:grid-w66 {
- width: calc(66% - 5px);
- margin: 0px !important;
- }
+.text-gray-500 {
+ --tw-text-opacity:1;
+ color:rgb(107 114 128 / var(--tw-text-opacity, 1))
+}
- .xl\:grid-w70 {
- width: calc(70% - 5px);
- margin: 0px !important;
- }
+.text-neutral-200 {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-200), var(--tw-text-opacity, 1))
+}
- .xl\:grid-w75 {
- width: calc(75% - 5px);
- margin: 0px !important;
- }
+.text-neutral-300 {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-300), var(--tw-text-opacity, 1))
+}
- .xl\:grid-w80 {
- width: calc(80% - 5px);
- margin: 0px !important;
- }
+.text-neutral-400 {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-400), var(--tw-text-opacity, 1))
+}
- .xl\:grid-w85 {
- width: calc(85% - 5px);
- margin: 0px !important;
- }
+.text-neutral-50 {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-50), var(--tw-text-opacity, 1))
+}
- .xl\:grid-w90 {
- width: calc(90% - 5px);
- margin: 0px !important;
- }
+.text-neutral-500 {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-500), var(--tw-text-opacity, 1))
+}
- .xl\:grid-w95 {
- width: calc(95% - 5px);
- margin: 0px !important;
- }
+.text-neutral-700 {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-700), var(--tw-text-opacity, 1))
+}
- .xl\:grid-w100 {
- width: calc(100% - 5px);
- margin: 0px !important;
- }
+.text-neutral-800 {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-800), var(--tw-text-opacity, 1))
}
-@media (min-width: 1536px) {
- .2xl\:grid-w10 {
- width: calc(10% - 5px);
- margin: 0px !important;
- }
+.text-neutral-900 {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-900), var(--tw-text-opacity, 1))
+}
- .2xl\:grid-w15 {
- width: calc(15% - 5px);
- margin: 0px !important;
- }
+.text-primary-100 {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-100), var(--tw-text-opacity, 1))
+}
- .2xl\:grid-w20 {
- width: calc(20% - 5px);
- margin: 0px !important;
- }
+.text-primary-300 {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-300), var(--tw-text-opacity, 1))
+}
- .2xl\:grid-w25 {
- width: calc(25% - 5px);
- margin: 0px !important;
- }
+.text-primary-400 {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-400), var(--tw-text-opacity, 1))
+}
- .2xl\:grid-w30 {
- width: calc(30% - 5px);
- margin: 0px !important;
- }
+.text-primary-500 {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-500), var(--tw-text-opacity, 1))
+}
- .2xl\:grid-w33 {
- width: calc(33% - 5px);
- margin: 0px !important;
- }
+.text-primary-600 {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-600), var(--tw-text-opacity, 1))
+}
- .2xl\:grid-w35 {
- width: calc(35% - 5px);
- margin: 0px !important;
- }
+.text-primary-700 {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-700), var(--tw-text-opacity, 1))
+}
- .2xl\:grid-w40 {
- width: calc(40% - 5px);
- margin: 0px !important;
- }
+.text-primary-800 {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-800), var(--tw-text-opacity, 1))
+}
- .2xl\:grid-w45 {
- width: calc(45% - 5px);
- margin: 0px !important;
- }
+.text-primary-900 {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-900), var(--tw-text-opacity, 1))
+}
- .2xl\:grid-w50 {
- width: calc(50% - 5px);
- margin: 0px !important;
- }
+.text-transparent {
+ color:transparent
+}
- .2xl\:grid-w55 {
- width: calc(55% - 5px);
- margin: 0px !important;
- }
+.\!no-underline {
+ text-decoration-line:none !important
+}
- .2xl\:grid-w60 {
- width: calc(60% - 5px);
- margin: 0px !important;
- }
+.decoration-neutral-300 {
+ text-decoration-color:rgba(var(--color-neutral-300), 1)
+}
- .2xl\:grid-w65 {
- width: calc(65% - 5px);
- margin: 0px !important;
- }
+.decoration-primary-500 {
+ text-decoration-color:rgba(var(--color-primary-500), 1)
+}
- .2xl\:grid-w66 {
- width: calc(66% - 5px);
- margin: 0px !important;
- }
+.opacity-0 {
+ opacity:0
+}
- .2xl\:grid-w70 {
- width: calc(70% - 5px);
- margin: 0px !important;
- }
+.opacity-30 {
+ opacity:0.3
+}
- .2xl\:grid-w75 {
- width: calc(75% - 5px);
- margin: 0px !important;
- }
+.opacity-50 {
+ opacity:0.5
+}
+
+.opacity-60 {
+ opacity:0.6
+}
- .2xl\:grid-w80 {
- width: calc(80% - 5px);
- margin: 0px !important;
- }
+.opacity-65 {
+ opacity:0.65
+}
- .2xl\:grid-w85 {
- width: calc(85% - 5px);
- margin: 0px !important;
- }
+.mix-blend-normal {
+ mix-blend-mode:normal
+}
- .2xl\:grid-w90 {
- width: calc(90% - 5px);
- margin: 0px !important;
- }
+.mix-blend-multiply {
+ mix-blend-mode:multiply
+}
- .2xl\:grid-w95 {
- width: calc(95% - 5px);
- margin: 0px !important;
- }
+.shadow {
+ --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+ --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+ box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+}
- .2xl\:grid-w100 {
- width: calc(100% - 5px);
- margin: 0px !important;
- }
+.shadow-2xl {
+ --tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);
+ --tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);
+ box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
-/* Carousel Specific Styles */
+.shadow-lg {
+ --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+ --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+ box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+}
-.ratio-16-9 {
- padding-top: 56.25%;
+.shadow-xl {
+ --tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+ --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
+ box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
-/* 16:9 Aspect Ratio */
+.outline {
+ outline-style:solid
+}
-.ratio-21-9 {
- padding-top: 42.85%;
+.backdrop-blur {
+ --tw-backdrop-blur:blur(8px);
+ -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+ backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
-/* 21:9 Aspect Ratio */
+.backdrop-blur-2xl {
+ --tw-backdrop-blur:blur(40px);
+ -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+ backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
+}
-.ratio-32-9 {
- padding-top: 28.125%;
+.backdrop-blur-sm {
+ --tw-backdrop-blur:blur(4px);
+ -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+ backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
-/* 32:9 Aspect Ratio */
+.transition {
+ transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
+ transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+ transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+ transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+ transition-duration:150ms
+}
-@media (min-width: 640px) {
- .sm\:ratio-16-9 {
- padding-top: 56.25%;
- }
+.transition-opacity {
+ transition-property:opacity;
+ transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+ transition-duration:150ms
+}
- /* 16:9 Aspect Ratio */
+.transition-transform {
+ transition-property:transform;
+ transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+ transition-duration:150ms
+}
- .sm\:ratio-21-9 {
- padding-top: 42.85%;
- }
+.transition-all {
+ transition-property:all;
+ transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+ transition-duration:150ms
+}
- /* 21:9 Aspect Ratio */
+.delay-100 {
+ transition-delay:100ms
+}
- .sm\:ratio-32-9 {
- padding-top: 28.125%;
- }
+.delay-200 {
+ transition-delay:200ms
+}
- /* 32:9 Aspect Ratio */
+.delay-300 {
+ transition-delay:300ms
}
-@media (min-width: 853px) {
- .md\:ratio-16-9 {
- padding-top: 56.25%;
- }
+.duration-150 {
+ transition-duration:150ms
+}
- /* 16:9 Aspect Ratio */
+.duration-\[600ms\] {
+ transition-duration:600ms
+}
- .md\:ratio-21-9 {
- padding-top: 42.85%;
- }
+.duration-\[3000ms\] {
+ transition-duration:3000ms
+}
- /* 21:9 Aspect Ratio */
+.duration-\[10s\] {
+ transition-duration:10s
+}
- .md\:ratio-32-9 {
- padding-top: 28.125%;
- }
+.duration-300 {
+ transition-duration:300ms
+}
- /* 32:9 Aspect Ratio */
+.duration-500 {
+ transition-duration:500ms
}
-@media (min-width: 1024px) {
- .lg\:ratio-16-9 {
- padding-top: 56.25%;
- }
+.duration-700 {
+ transition-duration:700ms
+}
- /* 16:9 Aspect Ratio */
+.ease-\[cubic-bezier\(0\.25\2c 0\.1\2c 0\.25\2c 1\.0\)\] {
+ transition-timing-function:cubic-bezier(0.25,0.1,0.25,1.0)
+}
- .lg\:ratio-21-9 {
- padding-top: 42.85%;
- }
+.ease-in-out {
+ transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
+}
- /* 21:9 Aspect Ratio */
+.ease-out {
+ transition-timing-function:cubic-bezier(0, 0, 0.2, 1)
+}
- .lg\:ratio-32-9 {
- padding-top: 28.125%;
- }
+.will-change-transform {
+ will-change:transform
+}
- /* 32:9 Aspect Ratio */
+.scrollbar-thin::-webkit-scrollbar-track {
+ background-color:var(--scrollbar-track);
+ border-radius:var(--scrollbar-track-radius)
}
-@media (min-width: 1280px) {
- .xl\:ratio-16-9 {
- padding-top: 56.25%;
- }
+.scrollbar-thin::-webkit-scrollbar-track:hover {
+ background-color:var(--scrollbar-track-hover, var(--scrollbar-track))
+}
- /* 16:9 Aspect Ratio */
+.scrollbar-thin::-webkit-scrollbar-track:active {
+ background-color:var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))
+}
- .xl\:ratio-21-9 {
- padding-top: 42.85%;
- }
+.scrollbar-thin::-webkit-scrollbar-thumb {
+ background-color:var(--scrollbar-thumb);
+ border-radius:var(--scrollbar-thumb-radius)
+}
- /* 21:9 Aspect Ratio */
+.scrollbar-thin::-webkit-scrollbar-thumb:hover {
+ background-color:var(--scrollbar-thumb-hover, var(--scrollbar-thumb))
+}
- .xl\:ratio-32-9 {
- padding-top: 28.125%;
- }
+.scrollbar-thin::-webkit-scrollbar-thumb:active {
+ background-color:var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))
+}
- /* 32:9 Aspect Ratio */
+.scrollbar-thin::-webkit-scrollbar-corner {
+ background-color:var(--scrollbar-corner);
+ border-radius:var(--scrollbar-corner-radius)
}
-@media (min-width: 1536px) {
- .2xl\:ratio-16-9 {
- padding-top: 56.25%;
- }
+.scrollbar-thin::-webkit-scrollbar-corner:hover {
+ background-color:var(--scrollbar-corner-hover, var(--scrollbar-corner))
+}
- /* 16:9 Aspect Ratio */
+.scrollbar-thin::-webkit-scrollbar-corner:active {
+ background-color:var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))
+}
- .2xl\:ratio-21-9 {
- padding-top: 42.85%;
+@supports (-moz-appearance:none) {
+ .scrollbar-thin {
+ scrollbar-width:thin;
+ scrollbar-color:var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)
}
+}
- /* 21:9 Aspect Ratio */
+.scrollbar-thin::-webkit-scrollbar {
+ display:block;
+ width:8px;
+ height:8px
+}
- .2xl\:ratio-32-9 {
- padding-top: 28.125%;
- }
+.scrollbar-track-neutral-200 {
+ --scrollbar-track:rgba(var(--color-neutral-200), 1) !important
+}
- /* 32:9 Aspect Ratio */
+.scrollbar-thumb-neutral-400 {
+ --scrollbar-thumb:rgba(var(--color-neutral-400), 1) !important
+}
+
+.\!\[clip\:rect\(0\2c 0\2c 0\2c 0\)\] {
+ clip:rect(0,0,0,0) !important
}
.dark\:prose-invert:is(.dark *) {
@@ -4497,14 +4718,25 @@ pre {
margin-top:2rem
}
+.group:hover .group-hover\:translate-y-0 {
+ --tw-translate-y:0px;
+ transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
+.group:hover .group-hover\:scale-105 {
+ --tw-scale-x:1.05;
+ --tw-scale-y:1.05;
+ transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
.group:hover .group-hover\:text-primary-300 {
--tw-text-opacity:1;
- color:rgba(var(--color-primary-300), var(--tw-text-opacity))
+ color:rgba(var(--color-primary-300), var(--tw-text-opacity, 1))
}
.group:hover .group-hover\:text-primary-600 {
--tw-text-opacity:1;
- color:rgba(var(--color-primary-600), var(--tw-text-opacity))
+ color:rgba(var(--color-primary-600), var(--tw-text-opacity, 1))
}
.group:hover .group-hover\:underline {
@@ -4519,53 +4751,64 @@ pre {
opacity:1
}
+.hover\:scale-110:hover {
+ --tw-scale-x:1.1;
+ --tw-scale-y:1.1;
+ transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
.hover\:border-transparent:hover {
border-color:transparent
}
.hover\:\!bg-primary-500:hover {
--tw-bg-opacity:1 !important;
- background-color:rgba(var(--color-primary-500), var(--tw-bg-opacity)) !important
+ background-color:rgba(var(--color-primary-500), var(--tw-bg-opacity, 1)) !important
}
.hover\:bg-primary-100:hover {
--tw-bg-opacity:1;
- background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity))
+ background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity, 1))
}
.hover\:bg-primary-500:hover {
--tw-bg-opacity:1;
- background-color:rgba(var(--color-primary-500), var(--tw-bg-opacity))
+ background-color:rgba(var(--color-primary-500), var(--tw-bg-opacity, 1))
}
.hover\:bg-primary-600:hover {
--tw-bg-opacity:1;
- background-color:rgba(var(--color-primary-600), var(--tw-bg-opacity))
+ background-color:rgba(var(--color-primary-600), var(--tw-bg-opacity, 1))
+}
+
+.hover\:text-gray-900:hover {
+ --tw-text-opacity:1;
+ color:rgb(17 24 39 / var(--tw-text-opacity, 1))
}
.hover\:text-neutral:hover {
--tw-text-opacity:1;
- color:rgba(var(--color-neutral), var(--tw-text-opacity))
+ color:rgba(var(--color-neutral), var(--tw-text-opacity, 1))
}
.hover\:text-primary-400:hover {
--tw-text-opacity:1;
- color:rgba(var(--color-primary-400), var(--tw-text-opacity))
+ color:rgba(var(--color-primary-400), var(--tw-text-opacity, 1))
}
.hover\:text-primary-500:hover {
--tw-text-opacity:1;
- color:rgba(var(--color-primary-500), var(--tw-text-opacity))
+ color:rgba(var(--color-primary-500), var(--tw-text-opacity, 1))
}
.hover\:text-primary-600:hover {
--tw-text-opacity:1;
- color:rgba(var(--color-primary-600), var(--tw-text-opacity))
+ color:rgba(var(--color-primary-600), var(--tw-text-opacity, 1))
}
.hover\:text-primary-700:hover {
--tw-text-opacity:1;
- color:rgba(var(--color-primary-700), var(--tw-text-opacity))
+ color:rgba(var(--color-primary-700), var(--tw-text-opacity, 1))
}
.hover\:underline:hover {
@@ -4604,7 +4847,7 @@ pre {
.focus\:bg-primary-100:focus {
--tw-bg-opacity:1;
- background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity))
+ background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity, 1))
}
.focus\:no-underline:focus {
@@ -4648,42 +4891,52 @@ pre {
.dark\:border-neutral-600:is(.dark *) {
--tw-border-opacity:1;
- border-color:rgba(var(--color-neutral-600), var(--tw-border-opacity))
+ border-color:rgba(var(--color-neutral-600), var(--tw-border-opacity, 1))
}
.dark\:border-neutral-700:is(.dark *) {
--tw-border-opacity:1;
- border-color:rgba(var(--color-neutral-700), var(--tw-border-opacity))
+ border-color:rgba(var(--color-neutral-700), var(--tw-border-opacity, 1))
}
.dark\:border-primary-300:is(.dark *) {
--tw-border-opacity:1;
- border-color:rgba(var(--color-primary-300), var(--tw-border-opacity))
+ border-color:rgba(var(--color-primary-300), var(--tw-border-opacity, 1))
}
.dark\:border-primary-600:is(.dark *) {
--tw-border-opacity:1;
- border-color:rgba(var(--color-primary-600), var(--tw-border-opacity))
+ border-color:rgba(var(--color-primary-600), var(--tw-border-opacity, 1))
+}
+
+.dark\:bg-everse_sky_dark:is(.dark *) {
+ --tw-bg-opacity:1;
+ background-color:rgb(25 65 88 / var(--tw-bg-opacity, 1))
+}
+
+.dark\:bg-gray-900:is(.dark *) {
+ --tw-bg-opacity:1;
+ background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))
}
.dark\:bg-neutral-400:is(.dark *) {
--tw-bg-opacity:1;
- background-color:rgba(var(--color-neutral-400), var(--tw-bg-opacity))
+ background-color:rgba(var(--color-neutral-400), var(--tw-bg-opacity, 1))
}
.dark\:bg-neutral-600:is(.dark *) {
--tw-bg-opacity:1;
- background-color:rgba(var(--color-neutral-600), var(--tw-bg-opacity))
+ background-color:rgba(var(--color-neutral-600), var(--tw-bg-opacity, 1))
}
.dark\:bg-neutral-700:is(.dark *) {
--tw-bg-opacity:1;
- background-color:rgba(var(--color-neutral-700), var(--tw-bg-opacity))
+ background-color:rgba(var(--color-neutral-700), var(--tw-bg-opacity, 1))
}
.dark\:bg-neutral-800:is(.dark *) {
--tw-bg-opacity:1;
- background-color:rgba(var(--color-neutral-800), var(--tw-bg-opacity))
+ background-color:rgba(var(--color-neutral-800), var(--tw-bg-opacity, 1))
}
.dark\:bg-neutral-800\/50:is(.dark *) {
@@ -4696,22 +4949,26 @@ pre {
.dark\:bg-primary-300:is(.dark *) {
--tw-bg-opacity:1;
- background-color:rgba(var(--color-primary-300), var(--tw-bg-opacity))
+ background-color:rgba(var(--color-primary-300), var(--tw-bg-opacity, 1))
}
.dark\:bg-primary-400:is(.dark *) {
--tw-bg-opacity:1;
- background-color:rgba(var(--color-primary-400), var(--tw-bg-opacity))
+ background-color:rgba(var(--color-primary-400), var(--tw-bg-opacity, 1))
}
.dark\:bg-primary-800:is(.dark *) {
--tw-bg-opacity:1;
- background-color:rgba(var(--color-primary-800), var(--tw-bg-opacity))
+ background-color:rgba(var(--color-primary-800), var(--tw-bg-opacity, 1))
}
.dark\:bg-primary-900:is(.dark *) {
--tw-bg-opacity:1;
- background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity))
+ background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity, 1))
+}
+
+.dark\:bg-neutral-800\/90:is(.dark *) {
+ background-color:rgba(var(--color-neutral-800), 0.9)
}
.dark\:from-neutral-800:is(.dark *) {
@@ -4736,52 +4993,52 @@ pre {
.dark\:text-neutral:is(.dark *) {
--tw-text-opacity:1;
- color:rgba(var(--color-neutral), var(--tw-text-opacity))
+ color:rgba(var(--color-neutral), var(--tw-text-opacity, 1))
}
.dark\:text-neutral-100:is(.dark *) {
--tw-text-opacity:1;
- color:rgba(var(--color-neutral-100), var(--tw-text-opacity))
+ color:rgba(var(--color-neutral-100), var(--tw-text-opacity, 1))
}
.dark\:text-neutral-200:is(.dark *) {
--tw-text-opacity:1;
- color:rgba(var(--color-neutral-200), var(--tw-text-opacity))
+ color:rgba(var(--color-neutral-200), var(--tw-text-opacity, 1))
}
.dark\:text-neutral-300:is(.dark *) {
--tw-text-opacity:1;
- color:rgba(var(--color-neutral-300), var(--tw-text-opacity))
+ color:rgba(var(--color-neutral-300), var(--tw-text-opacity, 1))
}
.dark\:text-neutral-400:is(.dark *) {
--tw-text-opacity:1;
- color:rgba(var(--color-neutral-400), var(--tw-text-opacity))
+ color:rgba(var(--color-neutral-400), var(--tw-text-opacity, 1))
}
.dark\:text-neutral-500:is(.dark *) {
--tw-text-opacity:1;
- color:rgba(var(--color-neutral-500), var(--tw-text-opacity))
+ color:rgba(var(--color-neutral-500), var(--tw-text-opacity, 1))
}
.dark\:text-neutral-700:is(.dark *) {
--tw-text-opacity:1;
- color:rgba(var(--color-neutral-700), var(--tw-text-opacity))
+ color:rgba(var(--color-neutral-700), var(--tw-text-opacity, 1))
}
.dark\:text-neutral-800:is(.dark *) {
--tw-text-opacity:1;
- color:rgba(var(--color-neutral-800), var(--tw-text-opacity))
+ color:rgba(var(--color-neutral-800), var(--tw-text-opacity, 1))
}
.dark\:text-primary-200:is(.dark *) {
--tw-text-opacity:1;
- color:rgba(var(--color-primary-200), var(--tw-text-opacity))
+ color:rgba(var(--color-primary-200), var(--tw-text-opacity, 1))
}
.dark\:text-primary-400:is(.dark *) {
--tw-text-opacity:1;
- color:rgba(var(--color-primary-400), var(--tw-text-opacity))
+ color:rgba(var(--color-primary-400), var(--tw-text-opacity, 1))
}
.dark\:opacity-60:is(.dark *) {
@@ -4798,42 +5055,47 @@ pre {
.group:hover .dark\:group-hover\:text-neutral-700:is(.dark *) {
--tw-text-opacity:1;
- color:rgba(var(--color-neutral-700), var(--tw-text-opacity))
+ color:rgba(var(--color-neutral-700), var(--tw-text-opacity, 1))
}
.group:hover .dark\:group-hover\:text-primary-400:is(.dark *) {
--tw-text-opacity:1;
- color:rgba(var(--color-primary-400), var(--tw-text-opacity))
+ color:rgba(var(--color-primary-400), var(--tw-text-opacity, 1))
}
.dark\:hover\:\!bg-primary-700:hover:is(.dark *) {
--tw-bg-opacity:1 !important;
- background-color:rgba(var(--color-primary-700), var(--tw-bg-opacity)) !important
+ background-color:rgba(var(--color-primary-700), var(--tw-bg-opacity, 1)) !important
}
.dark\:hover\:bg-primary-400:hover:is(.dark *) {
--tw-bg-opacity:1;
- background-color:rgba(var(--color-primary-400), var(--tw-bg-opacity))
+ background-color:rgba(var(--color-primary-400), var(--tw-bg-opacity, 1))
}
.dark\:hover\:bg-primary-900:hover:is(.dark *) {
--tw-bg-opacity:1;
- background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity))
+ background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity, 1))
}
.dark\:hover\:text-neutral-800:hover:is(.dark *) {
--tw-text-opacity:1;
- color:rgba(var(--color-neutral-800), var(--tw-text-opacity))
+ color:rgba(var(--color-neutral-800), var(--tw-text-opacity, 1))
+}
+
+.dark\:hover\:text-primary-300:hover:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-300), var(--tw-text-opacity, 1))
}
.dark\:hover\:text-primary-400:hover:is(.dark *) {
--tw-text-opacity:1;
- color:rgba(var(--color-primary-400), var(--tw-text-opacity))
+ color:rgba(var(--color-primary-400), var(--tw-text-opacity, 1))
}
.dark\:focus\:bg-primary-900:focus:is(.dark *) {
--tw-bg-opacity:1;
- background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity))
+ background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity, 1))
}
@media (min-width: 640px) {
@@ -4943,6 +5205,16 @@ pre {
padding-left:6rem;
padding-right:6rem
}
+
+ .md\:text-4xl {
+ font-size:2.25rem;
+ line-height:2.5rem
+ }
+
+ .md\:text-xl {
+ font-size:1.25rem;
+ line-height:1.75rem
+ }
}
@media (min-width: 1024px) {
@@ -5080,6 +5352,11 @@ pre {
padding-top:8rem;
padding-bottom:8rem
}
+
+ .lg\:text-5xl {
+ font-size:3rem;
+ line-height:1
+ }
}
@media (min-width: 1280px) {
@@ -5246,4 +5523,8 @@ pre {
.print\:hidden {
display:none
}
+}
+
+.\[\&\>\*\:first-child\]\:mt-0>*:first-child {
+ margin-top:0px
}
\ No newline at end of file
diff --git a/assets/css/compiled/tailwind.css b/assets/css/compiled/tailwind.css
new file mode 100644
index 0000000..8477161
--- /dev/null
+++ b/assets/css/compiled/tailwind.css
@@ -0,0 +1,3664 @@
+*, ::before, ::after {
+ --tw-border-spacing-x: 0;
+ --tw-border-spacing-y: 0;
+ --tw-translate-x: 0;
+ --tw-translate-y: 0;
+ --tw-rotate: 0;
+ --tw-skew-x: 0;
+ --tw-skew-y: 0;
+ --tw-scale-x: 1;
+ --tw-scale-y: 1;
+ --tw-pan-x: ;
+ --tw-pan-y: ;
+ --tw-pinch-zoom: ;
+ --tw-scroll-snap-strictness: proximity;
+ --tw-gradient-from-position: ;
+ --tw-gradient-via-position: ;
+ --tw-gradient-to-position: ;
+ --tw-ordinal: ;
+ --tw-slashed-zero: ;
+ --tw-numeric-figure: ;
+ --tw-numeric-spacing: ;
+ --tw-numeric-fraction: ;
+ --tw-ring-inset: ;
+ --tw-ring-offset-width: 0px;
+ --tw-ring-offset-color: #fff;
+ --tw-ring-color: rgb(59 130 246 / 0.5);
+ --tw-ring-offset-shadow: 0 0 #0000;
+ --tw-ring-shadow: 0 0 #0000;
+ --tw-shadow: 0 0 #0000;
+ --tw-shadow-colored: 0 0 #0000;
+ --tw-blur: ;
+ --tw-brightness: ;
+ --tw-contrast: ;
+ --tw-grayscale: ;
+ --tw-hue-rotate: ;
+ --tw-invert: ;
+ --tw-saturate: ;
+ --tw-sepia: ;
+ --tw-drop-shadow: ;
+ --tw-backdrop-blur: ;
+ --tw-backdrop-brightness: ;
+ --tw-backdrop-contrast: ;
+ --tw-backdrop-grayscale: ;
+ --tw-backdrop-hue-rotate: ;
+ --tw-backdrop-invert: ;
+ --tw-backdrop-opacity: ;
+ --tw-backdrop-saturate: ;
+ --tw-backdrop-sepia: ;
+ --tw-contain-size: ;
+ --tw-contain-layout: ;
+ --tw-contain-paint: ;
+ --tw-contain-style: ;
+}
+
+::backdrop {
+ --tw-border-spacing-x: 0;
+ --tw-border-spacing-y: 0;
+ --tw-translate-x: 0;
+ --tw-translate-y: 0;
+ --tw-rotate: 0;
+ --tw-skew-x: 0;
+ --tw-skew-y: 0;
+ --tw-scale-x: 1;
+ --tw-scale-y: 1;
+ --tw-pan-x: ;
+ --tw-pan-y: ;
+ --tw-pinch-zoom: ;
+ --tw-scroll-snap-strictness: proximity;
+ --tw-gradient-from-position: ;
+ --tw-gradient-via-position: ;
+ --tw-gradient-to-position: ;
+ --tw-ordinal: ;
+ --tw-slashed-zero: ;
+ --tw-numeric-figure: ;
+ --tw-numeric-spacing: ;
+ --tw-numeric-fraction: ;
+ --tw-ring-inset: ;
+ --tw-ring-offset-width: 0px;
+ --tw-ring-offset-color: #fff;
+ --tw-ring-color: rgb(59 130 246 / 0.5);
+ --tw-ring-offset-shadow: 0 0 #0000;
+ --tw-ring-shadow: 0 0 #0000;
+ --tw-shadow: 0 0 #0000;
+ --tw-shadow-colored: 0 0 #0000;
+ --tw-blur: ;
+ --tw-brightness: ;
+ --tw-contrast: ;
+ --tw-grayscale: ;
+ --tw-hue-rotate: ;
+ --tw-invert: ;
+ --tw-saturate: ;
+ --tw-sepia: ;
+ --tw-drop-shadow: ;
+ --tw-backdrop-blur: ;
+ --tw-backdrop-brightness: ;
+ --tw-backdrop-contrast: ;
+ --tw-backdrop-grayscale: ;
+ --tw-backdrop-hue-rotate: ;
+ --tw-backdrop-invert: ;
+ --tw-backdrop-opacity: ;
+ --tw-backdrop-saturate: ;
+ --tw-backdrop-sepia: ;
+ --tw-contain-size: ;
+ --tw-contain-layout: ;
+ --tw-contain-paint: ;
+ --tw-contain-style: ;
+}
+
+/*
+! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
+*/
+
+/*
+1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
+2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
+*/
+
+*,
+::before,
+::after {
+ box-sizing: border-box;
+ /* 1 */
+ border-width: 0;
+ /* 2 */
+ border-style: solid;
+ /* 2 */
+ border-color: currentColor;
+ /* 2 */
+}
+
+::before,
+::after {
+ --tw-content: '';
+}
+
+/*
+1. Use a consistent sensible line-height in all browsers.
+2. Prevent adjustments of font size after orientation changes in iOS.
+3. Use a more readable tab size.
+4. Use the user's configured `sans` font-family by default.
+5. Use the user's configured `sans` font-feature-settings by default.
+6. Use the user's configured `sans` font-variation-settings by default.
+7. Disable tap highlights on iOS
+*/
+
+html,
+:host {
+ line-height: 1.5;
+ /* 1 */
+ -webkit-text-size-adjust: 100%;
+ /* 2 */
+ -moz-tab-size: 4;
+ /* 3 */
+ -o-tab-size: 4;
+ tab-size: 4;
+ /* 3 */
+ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ /* 4 */
+ font-feature-settings: normal;
+ /* 5 */
+ font-variation-settings: normal;
+ /* 6 */
+ -webkit-tap-highlight-color: transparent;
+ /* 7 */
+}
+
+/*
+1. Remove the margin in all browsers.
+2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
+*/
+
+body {
+ margin: 0;
+ /* 1 */
+ line-height: inherit;
+ /* 2 */
+}
+
+/*
+1. Add the correct height in Firefox.
+2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+3. Ensure horizontal rules are visible by default.
+*/
+
+hr {
+ height: 0;
+ /* 1 */
+ color: inherit;
+ /* 2 */
+ border-top-width: 1px;
+ /* 3 */
+}
+
+/*
+Add the correct text decoration in Chrome, Edge, and Safari.
+*/
+
+abbr:where([title]) {
+ -webkit-text-decoration: underline dotted;
+ text-decoration: underline dotted;
+}
+
+/*
+Remove the default font size and weight for headings.
+*/
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ font-size: inherit;
+ font-weight: inherit;
+}
+
+/*
+Reset links to optimize for opt-in styling instead of opt-out.
+*/
+
+a {
+ color: inherit;
+ text-decoration: inherit;
+}
+
+/*
+Add the correct font weight in Edge and Safari.
+*/
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+/*
+1. Use the user's configured `mono` font-family by default.
+2. Use the user's configured `mono` font-feature-settings by default.
+3. Use the user's configured `mono` font-variation-settings by default.
+4. Correct the odd `em` font sizing in all browsers.
+*/
+
+code,
+kbd,
+samp,
+pre {
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ /* 1 */
+ font-feature-settings: normal;
+ /* 2 */
+ font-variation-settings: normal;
+ /* 3 */
+ font-size: 1em;
+ /* 4 */
+}
+
+/*
+Add the correct font size in all browsers.
+*/
+
+small {
+ font-size: 80%;
+}
+
+/*
+Prevent `sub` and `sup` elements from affecting the line height in all browsers.
+*/
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+sup {
+ top: -0.5em;
+}
+
+/*
+1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
+2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+3. Remove gaps between table borders by default.
+*/
+
+table {
+ text-indent: 0;
+ /* 1 */
+ border-color: inherit;
+ /* 2 */
+ border-collapse: collapse;
+ /* 3 */
+}
+
+/*
+1. Change the font styles in all browsers.
+2. Remove the margin in Firefox and Safari.
+3. Remove default padding in all browsers.
+*/
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ font-family: inherit;
+ /* 1 */
+ font-feature-settings: inherit;
+ /* 1 */
+ font-variation-settings: inherit;
+ /* 1 */
+ font-size: 100%;
+ /* 1 */
+ font-weight: inherit;
+ /* 1 */
+ line-height: inherit;
+ /* 1 */
+ letter-spacing: inherit;
+ /* 1 */
+ color: inherit;
+ /* 1 */
+ margin: 0;
+ /* 2 */
+ padding: 0;
+ /* 3 */
+}
+
+/*
+Remove the inheritance of text transform in Edge and Firefox.
+*/
+
+button,
+select {
+ text-transform: none;
+}
+
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Remove default button styles.
+*/
+
+button,
+input:where([type='button']),
+input:where([type='reset']),
+input:where([type='submit']) {
+ -webkit-appearance: button;
+ /* 1 */
+ background-color: transparent;
+ /* 2 */
+ background-image: none;
+ /* 2 */
+}
+
+/*
+Use the modern Firefox focus style for all focusable elements.
+*/
+
+:-moz-focusring {
+ outline: auto;
+}
+
+/*
+Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
+*/
+
+:-moz-ui-invalid {
+ box-shadow: none;
+}
+
+/*
+Add the correct vertical alignment in Chrome and Firefox.
+*/
+
+progress {
+ vertical-align: baseline;
+}
+
+/*
+Correct the cursor style of increment and decrement buttons in Safari.
+*/
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/*
+1. Correct the odd appearance in Chrome and Safari.
+2. Correct the outline style in Safari.
+*/
+
+[type='search'] {
+ -webkit-appearance: textfield;
+ /* 1 */
+ outline-offset: -2px;
+ /* 2 */
+}
+
+/*
+Remove the inner padding in Chrome and Safari on macOS.
+*/
+
+::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Change font properties to `inherit` in Safari.
+*/
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button;
+ /* 1 */
+ font: inherit;
+ /* 2 */
+}
+
+/*
+Add the correct display in Chrome and Safari.
+*/
+
+summary {
+ display: list-item;
+}
+
+/*
+Removes the default spacing and border for appropriate elements.
+*/
+
+blockquote,
+dl,
+dd,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+figure,
+p,
+pre {
+ margin: 0;
+}
+
+fieldset {
+ margin: 0;
+ padding: 0;
+}
+
+legend {
+ padding: 0;
+}
+
+ol,
+ul,
+menu {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+/*
+Reset default styling for dialogs.
+*/
+
+dialog {
+ padding: 0;
+}
+
+/*
+Prevent resizing textareas horizontally by default.
+*/
+
+textarea {
+ resize: vertical;
+}
+
+/*
+1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
+2. Set the default placeholder color to the user's configured gray 400 color.
+*/
+
+input::-moz-placeholder, textarea::-moz-placeholder {
+ opacity: 1;
+ /* 1 */
+ color: #9ca3af;
+ /* 2 */
+}
+
+input::placeholder,
+textarea::placeholder {
+ opacity: 1;
+ /* 1 */
+ color: #9ca3af;
+ /* 2 */
+}
+
+/*
+Set the default cursor for buttons.
+*/
+
+button,
+[role="button"] {
+ cursor: pointer;
+}
+
+/*
+Make sure disabled buttons don't get the pointer cursor.
+*/
+
+:disabled {
+ cursor: default;
+}
+
+/*
+1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
+2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
+ This can trigger a poorly considered lint error in some tools but is included by design.
+*/
+
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+ display: block;
+ /* 1 */
+ vertical-align: middle;
+ /* 2 */
+}
+
+/*
+Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
+*/
+
+img,
+video {
+ max-width: 100%;
+ height: auto;
+}
+
+/* Make elements with the HTML hidden attribute stay hidden by default */
+
+[hidden]:where(:not([hidden="until-found"])) {
+ display: none;
+}
+
+[type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ background-color: #fff;
+ border-color: #6b7280;
+ border-width: 1px;
+ border-radius: 0px;
+ padding-top: 0.5rem;
+ padding-right: 0.75rem;
+ padding-bottom: 0.5rem;
+ padding-left: 0.75rem;
+ font-size: 1rem;
+ line-height: 1.5rem;
+ --tw-shadow: 0 0 #0000;
+}
+
+[type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
+ --tw-ring-offset-width: 0px;
+ --tw-ring-offset-color: #fff;
+ --tw-ring-color: #2563eb;
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ border-color: #2563eb;
+}
+
+input::-moz-placeholder, textarea::-moz-placeholder {
+ color: #6b7280;
+ opacity: 1;
+}
+
+input::placeholder,textarea::placeholder {
+ color: #6b7280;
+ opacity: 1;
+}
+
+::-webkit-datetime-edit-fields-wrapper {
+ padding: 0;
+}
+
+::-webkit-date-and-time-value {
+ min-height: 1.5em;
+ text-align: inherit;
+}
+
+::-webkit-datetime-edit {
+ display: inline-flex;
+}
+
+::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+select {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
+ background-position: right 0.5rem center;
+ background-repeat: no-repeat;
+ background-size: 1.5em 1.5em;
+ padding-right: 2.5rem;
+ -webkit-print-color-adjust: exact;
+ print-color-adjust: exact;
+}
+
+[multiple],[size]:where(select:not([size="1"])) {
+ background-image: initial;
+ background-position: initial;
+ background-repeat: unset;
+ background-size: initial;
+ padding-right: 0.75rem;
+ -webkit-print-color-adjust: unset;
+ print-color-adjust: unset;
+}
+
+[type='checkbox'],[type='radio'] {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ padding: 0;
+ -webkit-print-color-adjust: exact;
+ print-color-adjust: exact;
+ display: inline-block;
+ vertical-align: middle;
+ background-origin: border-box;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
+ flex-shrink: 0;
+ height: 1rem;
+ width: 1rem;
+ color: #2563eb;
+ background-color: #fff;
+ border-color: #6b7280;
+ border-width: 1px;
+ --tw-shadow: 0 0 #0000;
+}
+
+[type='checkbox'] {
+ border-radius: 0px;
+}
+
+[type='radio'] {
+ border-radius: 100%;
+}
+
+[type='checkbox']:focus,[type='radio']:focus {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
+ --tw-ring-offset-width: 2px;
+ --tw-ring-offset-color: #fff;
+ --tw-ring-color: #2563eb;
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+
+[type='checkbox']:checked,[type='radio']:checked {
+ border-color: transparent;
+ background-color: currentColor;
+ background-size: 100% 100%;
+ background-position: center;
+ background-repeat: no-repeat;
+}
+
+[type='checkbox']:checked {
+ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
+}
+
+@media (forced-colors: active) {
+ [type='checkbox']:checked {
+ -webkit-appearance: auto;
+ -moz-appearance: auto;
+ appearance: auto;
+ }
+}
+
+[type='radio']:checked {
+ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
+}
+
+@media (forced-colors: active) {
+ [type='radio']:checked {
+ -webkit-appearance: auto;
+ -moz-appearance: auto;
+ appearance: auto;
+ }
+}
+
+[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
+ border-color: transparent;
+ background-color: currentColor;
+}
+
+[type='checkbox']:indeterminate {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
+ border-color: transparent;
+ background-color: currentColor;
+ background-size: 100% 100%;
+ background-position: center;
+ background-repeat: no-repeat;
+}
+
+@media (forced-colors: active) {
+ [type='checkbox']:indeterminate {
+ -webkit-appearance: auto;
+ -moz-appearance: auto;
+ appearance: auto;
+ }
+}
+
+[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
+ border-color: transparent;
+ background-color: currentColor;
+}
+
+[type='file'] {
+ background: unset;
+ border-color: inherit;
+ border-width: 0;
+ border-radius: 0;
+ padding: 0;
+ font-size: unset;
+ line-height: inherit;
+}
+
+[type='file']:focus {
+ outline: 1px solid ButtonText;
+ outline: 1px auto -webkit-focus-ring-color;
+}
+
+@supports (-moz-appearance:none) {
+ * {
+ scrollbar-color: initial;
+ scrollbar-width: initial;
+ }
+}
+
+.prose {
+ color: var(--tw-prose-body);
+ max-width: 65ch;
+}
+
+.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);
+ font-size: 1.25em;
+ line-height: 1.6;
+ margin-top: 1.2em;
+ margin-bottom: 1.2em;
+}
+
+.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: var(--tw-prose-links);
+ text-decoration: none;
+ font-weight: 500;
+ text-decoration-color: rgba(var(--color-primary-300), 1);
+}
+
+.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)):hover {
+ color: rgba(var(--color-primary-600), 1);
+ text-decoration: none;
+ border-radius: 0.09rem;
+}
+
+.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"] *)) {
+ color: inherit;
+}
+
+.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: inherit;
+}
+
+.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"] *)) {
+ list-style-type: decimal;
+ margin-top: 1.25em;
+ margin-bottom: 1.25em;
+ padding-inline-start: 1.625em;
+}
+
+.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"] *)) {
+ list-style-type: disc;
+ margin-top: 1.25em;
+ margin-bottom: 1.25em;
+ padding-inline-start: 1.625em;
+}
+
+.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
+ font-weight: 400;
+ color: var(--tw-prose-counters);
+}
+
+.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);
+ font-weight: 600;
+ margin-top: 1.25em;
+}
+
+.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"] *)) {
+ font-weight: 500;
+ font-style: italic;
+ color: var(--tw-prose-quotes);
+ border-inline-start-width: 0.25rem;
+ border-inline-start-color: var(--tw-prose-quote-borders);
+ quotes: "\201C""\201D""\2018""\2019";
+ margin-top: 1.6em;
+ margin-bottom: 1.6em;
+ padding-inline-start: 1em;
+}
+
+.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);
+ font-weight: 800;
+ font-size: 2.25em;
+ margin-top: 0;
+ margin-bottom: 0.8888889em;
+ line-height: 1.1111111;
+}
+
+.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ font-weight: 900;
+ color: inherit;
+}
+
+.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: var(--tw-prose-headings);
+ font-weight: 700;
+ font-size: 1.5em;
+ margin-top: 2em;
+ margin-bottom: 1em;
+ line-height: 1.3333333;
+}
+
+.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ font-weight: 800;
+ color: inherit;
+}
+
+.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: var(--tw-prose-headings);
+ font-weight: 600;
+ font-size: 1.25em;
+ margin-top: 1.6em;
+ margin-bottom: 0.6em;
+ line-height: 1.6;
+}
+
+.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ font-weight: 700;
+ color: inherit;
+}
+
+.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: var(--tw-prose-headings);
+ font-weight: 600;
+ margin-top: 1.5em;
+ margin-bottom: 0.5em;
+ line-height: 1.5;
+}
+
+.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ font-weight: 700;
+ color: inherit;
+}
+
+.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"] *)) {
+ display: block;
+ margin-top: 2em;
+ margin-bottom: 2em;
+}
+
+.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"] *)) {
+ font-weight: 600;
+ font-family: inherit;
+ color: var(--tw-prose-kbd);
+ box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
+ font-size: 0.9rem;
+ border-radius: 0.25rem;
+ padding-top: 0.1875em;
+ padding-inline-end: 0.375em;
+ padding-bottom: 0.1875em;
+ padding-inline-start: 0.375em;
+ background-color: rgba(var(--color-neutral-200), 1);
+ padding: 0.1rem 0.4rem;
+}
+
+.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: var(--tw-prose-code);
+ font-weight: 600;
+ font-size: 0.875em;
+ background-color: rgba(var(--color-neutral-50), 1);
+ padding-top: 3px;
+ padding-bottom: 3px;
+ padding-left: 5px;
+ padding-right: 5px;
+ border-radius: 0.25rem;
+}
+
+.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
+ content: "`";
+ display: none;
+}
+
+.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
+ content: "`";
+ display: none;
+}
+
+.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: var(--tw-prose-code);
+}
+
+.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: 0.875em;
+}
+
+.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: inherit;
+ font-size: 0.9em;
+}
+
+.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: inherit;
+}
+
+.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: inherit;
+}
+
+.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);
+ overflow-x: auto;
+ font-weight: 400;
+ font-size: 0.875em;
+ line-height: 1.7142857;
+ margin-top: 1.7142857em;
+ margin-bottom: 1.7142857em;
+ border-radius: 0.375rem;
+ padding-top: 0.8571429em;
+ padding-inline-end: 1.1428571em;
+ padding-bottom: 0.8571429em;
+ padding-inline-start: 1.1428571em;
+}
+
+.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ background-color: transparent;
+ border-width: 0;
+ border-radius: 0;
+ padding: 0;
+ font-weight: inherit;
+ color: inherit;
+ font-size: inherit;
+ font-family: inherit;
+ line-height: inherit;
+}
+
+.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
+ content: none;
+}
+
+.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"] *)) {
+ width: 100%;
+ table-layout: auto;
+ margin-top: 2em;
+ margin-bottom: 2em;
+ font-size: 0.875em;
+ line-height: 1.7142857;
+}
+
+.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);
+ font-weight: 600;
+ vertical-align: bottom;
+ padding-inline-end: 0.5714286em;
+ padding-bottom: 0.5714286em;
+ padding-inline-start: 0.5714286em;
+}
+
+.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);
+ font-size: 0.875em;
+ line-height: 1.4285714;
+ margin-top: 0.8571429em;
+}
+
+.prose {
+ --tw-prose-body: rgba(var(--color-neutral-700), 1);
+ --tw-prose-headings: rgba(var(--color-neutral-800), 1);
+ --tw-prose-lead: rgba(var(--color-neutral-500), 1);
+ --tw-prose-links: rgba(var(--color-primary-600), 1);
+ --tw-prose-bold: rgba(var(--color-neutral-900), 1);
+ --tw-prose-counters: rgba(var(--color-neutral-800), 1);
+ --tw-prose-bullets: rgba(var(--color-neutral-500), 1);
+ --tw-prose-hr: rgba(var(--color-neutral-200), 1);
+ --tw-prose-quotes: rgba(var(--color-neutral-700), 1);
+ --tw-prose-quote-borders: rgba(var(--color-primary-200), 1);
+ --tw-prose-captions: rgba(var(--color-neutral-500), 1);
+ --tw-prose-kbd: #111827;
+ --tw-prose-kbd-shadows: rgb(17 24 39 / 10%);
+ --tw-prose-code: rgba(var(--color-secondary-700), 1);
+ --tw-prose-pre-code: rgba(var(--color-neutral-700), 1);
+ --tw-prose-pre-bg: rgba(var(--color-neutral-50), 1);
+ --tw-prose-th-borders: rgba(var(--color-neutral-500), 1);
+ --tw-prose-td-borders: rgba(var(--color-neutral-300), 1);
+ --tw-prose-invert-body: rgba(var(--color-neutral-300), 1);
+ --tw-prose-invert-headings: rgba(var(--color-neutral-50), 1);
+ --tw-prose-invert-lead: rgba(var(--color-neutral-500), 1);
+ --tw-prose-invert-links: rgba(var(--color-primary-400), 1);
+ --tw-prose-invert-bold: rgba(var(--color-neutral), 1);
+ --tw-prose-invert-counters: rgba(var(--color-neutral-400), 1);
+ --tw-prose-invert-bullets: rgba(var(--color-neutral-600), 1);
+ --tw-prose-invert-hr: rgba(var(--color-neutral-500), 1);
+ --tw-prose-invert-quotes: rgba(var(--color-neutral-200), 1);
+ --tw-prose-invert-quote-borders: rgba(var(--color-primary-900), 1);
+ --tw-prose-invert-captions: rgba(var(--color-neutral-400), 1);
+ --tw-prose-invert-kbd: #fff;
+ --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
+ --tw-prose-invert-code: rgba(var(--color-secondary-400), 1);
+ --tw-prose-invert-pre-code: rgba(var(--color-neutral-200), 1);
+ --tw-prose-invert-pre-bg: rgba(var(--color-neutral-700), 1);
+ --tw-prose-invert-th-borders: rgba(var(--color-neutral-500), 1);
+ --tw-prose-invert-td-borders: rgba(var(--color-neutral-700), 1);
+ font-size: 1rem;
+ line-height: 1.75;
+}
+
+.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: 0.5em;
+ margin-bottom: 0.5em;
+}
+
+.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ padding-inline-start: 0.375em;
+}
+
+.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ padding-inline-start: 0.375em;
+}
+
+.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 0.75em;
+ margin-bottom: 0.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: 0.75em;
+ margin-bottom: 0.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: 0.5em;
+ padding-inline-start: 1.625em;
+}
+
+.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 0;
+}
+
+.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 0;
+}
+
+.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 0;
+}
+
+.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: 0.5714286em;
+ padding-inline-end: 0.5714286em;
+ padding-bottom: 0.5714286em;
+ padding-inline-start: 0.5714286em;
+}
+
+.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;
+}
+
+.prose :where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: rgba(var(--color-neutral-800), 1);
+ background-color: rgba(var(--color-primary-600), 1);
+ padding: 0.1rem 0.2rem;
+ border-radius: 0.25rem;
+}
+
+.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
+ display: none;
+}
+
+.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
+ display: none;
+}
+
+.prose :where(a.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ text-decoration-color: rgba(var(--color-primary-600), 1);
+}
+
+.prose :where(p.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ text-decoration-color: rgba(var(--color-primary-600), 1);
+}
+
+.prose-invert {
+ --tw-prose-body: var(--tw-prose-invert-body);
+ --tw-prose-headings: var(--tw-prose-invert-headings);
+ --tw-prose-lead: var(--tw-prose-invert-lead);
+ --tw-prose-links: var(--tw-prose-invert-links);
+ --tw-prose-bold: var(--tw-prose-invert-bold);
+ --tw-prose-counters: var(--tw-prose-invert-counters);
+ --tw-prose-bullets: var(--tw-prose-invert-bullets);
+ --tw-prose-hr: var(--tw-prose-invert-hr);
+ --tw-prose-quotes: var(--tw-prose-invert-quotes);
+ --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
+ --tw-prose-captions: var(--tw-prose-invert-captions);
+ --tw-prose-kbd: var(--tw-prose-invert-kbd);
+ --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
+ --tw-prose-code: var(--tw-prose-invert-code);
+ --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
+ --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
+ --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
+ --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
+}
+
+.prose-invert :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ text-decoration-color: rgba(var(--color-neutral-600), 1);
+}
+
+.prose-invert :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)):hover {
+ color: rgba(var(--color-primary-400), 1);
+}
+
+.prose-invert :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: rgba(var(--color-neutral-200), 1);
+ background-color: rgba(var(--color-neutral-700), 1);
+}
+
+.prose-invert :where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ background-color: rgba(var(--color-primary-400), 1);
+}
+
+.prose-invert :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ background-color: rgba(var(--color-neutral-700), 1);
+}
+
+.prose-invert :where(a.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ text-decoration-color: rgba(var(--color-primary-400), 1);
+}
+
+.prose-invert :where(p.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ text-decoration-color: rgba(var(--color-primary-400), 1);
+}
+
+.sr-only {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ margin: -1px;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ white-space: nowrap;
+ border-width: 0;
+}
+
+.pointer-events-none {
+ pointer-events: none;
+}
+
+.pointer-events-auto {
+ pointer-events: auto;
+}
+
+.invisible {
+ visibility: hidden;
+}
+
+.fixed {
+ position: fixed;
+}
+
+.\!absolute {
+ position: absolute !important;
+}
+
+.absolute {
+ position: absolute;
+}
+
+.relative {
+ position: relative;
+}
+
+.sticky {
+ position: sticky;
+}
+
+.inset-0 {
+ inset: 0px;
+}
+
+.inset-x-0 {
+ left: 0px;
+ right: 0px;
+}
+
+.bottom-0 {
+ bottom: 0px;
+}
+
+.left-0 {
+ left: 0px;
+}
+
+.right-0 {
+ right: 0px;
+}
+
+.top-0 {
+ top: 0px;
+}
+
+.top-20 {
+ top: 5rem;
+}
+
+.top-\[110vh\] {
+ top: 110vh;
+}
+
+.top-\[calc\(100vh-5\.5rem\)\] {
+ top: calc(100vh - 5.5rem);
+}
+
+.z-10 {
+ z-index: 10;
+}
+
+.z-30 {
+ z-index: 30;
+}
+
+.z-\[1\] {
+ z-index: 1;
+}
+
+.z-\[2\] {
+ z-index: 2;
+}
+
+.order-first {
+ order: -9999;
+}
+
+.col-span-1 {
+ grid-column: span 1 / span 1;
+}
+
+.col-span-2 {
+ grid-column: span 2 / span 2;
+}
+
+.float-right {
+ float: right;
+}
+
+.float-left {
+ float: left;
+}
+
+.\!-m-px {
+ margin: -1px !important;
+}
+
+.m-0 {
+ margin: 0px;
+}
+
+.m-1 {
+ margin: 0.25rem;
+}
+
+.m-2 {
+ margin: 0.5rem;
+}
+
+.m-auto {
+ margin: auto;
+}
+
+.-mx-2 {
+ margin-left: -0.5rem;
+ margin-right: -0.5rem;
+}
+
+.-my-2 {
+ margin-top: -0.5rem;
+ margin-bottom: -0.5rem;
+}
+
+.mx-1 {
+ margin-left: 0.25rem;
+ margin-right: 0.25rem;
+}
+
+.mx-\[15\%\] {
+ margin-left: 15%;
+ margin-right: 15%;
+}
+
+.mx-\[3px\] {
+ margin-left: 3px;
+ margin-right: 3px;
+}
+
+.mx-auto {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.my-0 {
+ margin-top: 0px;
+ margin-bottom: 0px;
+}
+
+.my-3 {
+ margin-top: 0.75rem;
+ margin-bottom: 0.75rem;
+}
+
+.\!mb-0 {
+ margin-bottom: 0px !important;
+}
+
+.\!mb-9 {
+ margin-bottom: 2.25rem !important;
+}
+
+.\!mt-0 {
+ margin-top: 0px !important;
+}
+
+.-mb-1 {
+ margin-bottom: -0.25rem;
+}
+
+.-ml-12 {
+ margin-left: -3rem;
+}
+
+.-mr-2 {
+ margin-right: -0.5rem;
+}
+
+.-mr-48 {
+ margin-right: -12rem;
+}
+
+.-mr-\[100\%\] {
+ margin-right: -100%;
+}
+
+.mb-0 {
+ margin-bottom: 0px;
+}
+
+.mb-1 {
+ margin-bottom: 0.25rem;
+}
+
+.mb-10 {
+ margin-bottom: 2.5rem;
+}
+
+.mb-12 {
+ margin-bottom: 3rem;
+}
+
+.mb-16 {
+ margin-bottom: 4rem;
+}
+
+.mb-2 {
+ margin-bottom: 0.5rem;
+}
+
+.mb-20 {
+ margin-bottom: 5rem;
+}
+
+.mb-3 {
+ margin-bottom: 0.75rem;
+}
+
+.mb-5 {
+ margin-bottom: 1.25rem;
+}
+
+.mb-6 {
+ margin-bottom: 1.5rem;
+}
+
+.mb-\[2px\] {
+ margin-bottom: 2px;
+}
+
+.ml-2 {
+ margin-left: 0.5rem;
+}
+
+.ml-3 {
+ margin-left: 0.75rem;
+}
+
+.ml-6 {
+ margin-left: 1.5rem;
+}
+
+.ml-auto {
+ margin-left: auto;
+}
+
+.mr-1 {
+ margin-right: 0.25rem;
+}
+
+.mr-2 {
+ margin-right: 0.5rem;
+}
+
+.mr-3 {
+ margin-right: 0.75rem;
+}
+
+.mr-5 {
+ margin-right: 1.25rem;
+}
+
+.mr-auto {
+ margin-right: auto;
+}
+
+.mt-0 {
+ margin-top: 0px;
+}
+
+.mt-1 {
+ margin-top: 0.25rem;
+}
+
+.mt-10 {
+ margin-top: 2.5rem;
+}
+
+.mt-12 {
+ margin-top: 3rem;
+}
+
+.mt-2 {
+ margin-top: 0.5rem;
+}
+
+.mt-20 {
+ margin-top: 5rem;
+}
+
+.mt-3 {
+ margin-top: 0.75rem;
+}
+
+.mt-4 {
+ margin-top: 1rem;
+}
+
+.mt-5 {
+ margin-top: 1.25rem;
+}
+
+.mt-6 {
+ margin-top: 1.5rem;
+}
+
+.mt-8 {
+ margin-top: 2rem;
+}
+
+.mt-\[-2px\] {
+ margin-top: -2px;
+}
+
+.mt-\[0\.1rem\] {
+ margin-top: 0.1rem;
+}
+
+.box-content {
+ box-sizing: content-box;
+}
+
+.block {
+ display: block;
+}
+
+.inline-block {
+ display: inline-block;
+}
+
+.inline {
+ display: inline;
+}
+
+.flex {
+ display: flex;
+}
+
+.grid {
+ display: grid;
+}
+
+.hidden {
+ display: none;
+}
+
+.\!h-px {
+ height: 1px !important;
+}
+
+.h-1\/2 {
+ height: 50%;
+}
+
+.h-12 {
+ height: 3rem;
+}
+
+.h-24 {
+ height: 6rem;
+}
+
+.h-3 {
+ height: 0.75rem;
+}
+
+.h-36 {
+ height: 9rem;
+}
+
+.h-48 {
+ height: 12rem;
+}
+
+.h-6 {
+ height: 1.5rem;
+}
+
+.h-8 {
+ height: 2rem;
+}
+
+.h-\[1000px\] {
+ height: 1000px;
+}
+
+.h-\[150px\] {
+ height: 150px;
+}
+
+.h-\[3px\] {
+ height: 3px;
+}
+
+.h-\[800px\] {
+ height: 800px;
+}
+
+.h-full {
+ height: 100%;
+}
+
+.h-screen {
+ height: 100vh;
+}
+
+.max-h-3 {
+ max-height: 0.75rem;
+}
+
+.max-h-\[5rem\] {
+ max-height: 5rem;
+}
+
+.min-h-0 {
+ min-height: 0px;
+}
+
+.min-h-\[130px\] {
+ min-height: 130px;
+}
+
+.min-h-\[148px\] {
+ min-height: 148px;
+}
+
+.min-h-full {
+ min-height: 100%;
+}
+
+.\!w-px {
+ width: 1px !important;
+}
+
+.w-12 {
+ width: 3rem;
+}
+
+.w-24 {
+ width: 6rem;
+}
+
+.w-3 {
+ width: 0.75rem;
+}
+
+.w-36 {
+ width: 9rem;
+}
+
+.w-6 {
+ width: 1.5rem;
+}
+
+.w-8 {
+ width: 2rem;
+}
+
+.w-\[15\%\] {
+ width: 15%;
+}
+
+.w-\[30\%\] {
+ width: 30%;
+}
+
+.w-\[30px\] {
+ width: 30px;
+}
+
+.w-\[50\%\] {
+ width: 50%;
+}
+
+.w-full {
+ width: 100%;
+}
+
+.w-screen {
+ width: 100vw;
+}
+
+.min-w-0 {
+ min-width: 0px;
+}
+
+.min-w-\[1\.8rem\] {
+ min-width: 1.8rem;
+}
+
+.min-w-\[220px\] {
+ min-width: 220px;
+}
+
+.min-w-\[30px\] {
+ min-width: 30px;
+}
+
+.min-w-full {
+ min-width: 100%;
+}
+
+.max-w-3xl {
+ max-width: 48rem;
+}
+
+.max-w-7xl {
+ max-width: 80rem;
+}
+
+.max-w-\[1600px\] {
+ max-width: 1600px;
+}
+
+.max-w-\[5rem\] {
+ max-width: 5rem;
+}
+
+.max-w-\[64rem\] {
+ max-width: 64rem;
+}
+
+.max-w-fit {
+ max-width: -moz-fit-content;
+ max-width: fit-content;
+}
+
+.max-w-full {
+ max-width: 100%;
+}
+
+.max-w-prose {
+ max-width: 65ch;
+}
+
+.max-w-xl {
+ max-width: 36rem;
+}
+
+.flex-1 {
+ flex: 1 1 0%;
+}
+
+.flex-auto {
+ flex: 1 1 auto;
+}
+
+.flex-initial {
+ flex: 0 1 auto;
+}
+
+.flex-none {
+ flex: none;
+}
+
+.grow {
+ flex-grow: 1;
+}
+
+.-translate-y-8 {
+ --tw-translate-y: -2rem;
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.transform {
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+@keyframes pulse {
+ 50% {
+ opacity: .5;
+ }
+}
+
+.animate-pulse {
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+
+.cursor-default {
+ cursor: default;
+}
+
+.cursor-pointer {
+ cursor: pointer;
+}
+
+.resize {
+ resize: both;
+}
+
+.list-none {
+ list-style-type: none;
+}
+
+.appearance-none {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+}
+
+.grid-cols-3 {
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+.flex-row {
+ flex-direction: row;
+}
+
+.flex-col {
+ flex-direction: column;
+}
+
+.flex-wrap {
+ flex-wrap: wrap;
+}
+
+.items-end {
+ align-items: flex-end;
+}
+
+.items-center {
+ align-items: center;
+}
+
+.justify-center {
+ justify-content: center;
+}
+
+.justify-between {
+ justify-content: space-between;
+}
+
+.justify-evenly {
+ justify-content: space-evenly;
+}
+
+.gap-4 {
+ gap: 1rem;
+}
+
+.space-x-2 > :not([hidden]) ~ :not([hidden]) {
+ --tw-space-x-reverse: 0;
+ margin-right: calc(0.5rem * var(--tw-space-x-reverse));
+ margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-x-3 > :not([hidden]) ~ :not([hidden]) {
+ --tw-space-x-reverse: 0;
+ margin-right: calc(0.75rem * var(--tw-space-x-reverse));
+ margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-x-5 > :not([hidden]) ~ :not([hidden]) {
+ --tw-space-x-reverse: 0;
+ margin-right: calc(1.25rem * var(--tw-space-x-reverse));
+ margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-10 > :not([hidden]) ~ :not([hidden]) {
+ --tw-space-y-reverse: 0;
+ margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
+ margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
+}
+
+.space-y-2 > :not([hidden]) ~ :not([hidden]) {
+ --tw-space-y-reverse: 0;
+ margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
+ margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
+}
+
+.space-y-3 > :not([hidden]) ~ :not([hidden]) {
+ --tw-space-y-reverse: 0;
+ margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
+ margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
+}
+
+.place-self-center {
+ place-self: center;
+}
+
+.self-center {
+ align-self: center;
+}
+
+.overflow-auto {
+ overflow: auto;
+}
+
+.\!overflow-hidden {
+ overflow: hidden !important;
+}
+
+.overflow-hidden {
+ overflow: hidden;
+}
+
+.overflow-visible {
+ overflow: visible;
+}
+
+.overflow-y-scroll {
+ overflow-y: scroll;
+}
+
+.overscroll-contain {
+ overscroll-behavior: contain;
+}
+
+.scroll-smooth {
+ scroll-behavior: smooth;
+}
+
+.\!whitespace-nowrap {
+ white-space: nowrap !important;
+}
+
+.break-words {
+ overflow-wrap: break-word;
+}
+
+.\!rounded-md {
+ border-radius: 0.375rem !important;
+}
+
+.rounded {
+ border-radius: 0.25rem;
+}
+
+.rounded-2xl {
+ border-radius: 1rem;
+}
+
+.rounded-full {
+ border-radius: 9999px;
+}
+
+.rounded-lg {
+ border-radius: 0.5rem;
+}
+
+.rounded-md {
+ border-radius: 0.375rem;
+}
+
+.rounded-xl {
+ border-radius: 0.75rem;
+}
+
+.rounded-b-lg {
+ border-bottom-right-radius: 0.5rem;
+ border-bottom-left-radius: 0.5rem;
+}
+
+.\!border-0 {
+ border-width: 0px !important;
+}
+
+.border {
+ border-width: 1px;
+}
+
+.border-0 {
+ border-width: 0px;
+}
+
+.border-2 {
+ border-width: 2px;
+}
+
+.border-y-\[10px\] {
+ border-top-width: 10px;
+ border-bottom-width: 10px;
+}
+
+.border-l-2 {
+ border-left-width: 2px;
+}
+
+.border-t {
+ border-top-width: 1px;
+}
+
+.border-solid {
+ border-style: solid;
+}
+
+.border-dotted {
+ border-style: dotted;
+}
+
+.border-neutral-200 {
+ --tw-border-opacity: 1;
+ border-color: rgba(var(--color-neutral-200), var(--tw-border-opacity, 1));
+}
+
+.border-neutral-300 {
+ --tw-border-opacity: 1;
+ border-color: rgba(var(--color-neutral-300), var(--tw-border-opacity, 1));
+}
+
+.border-primary-400 {
+ --tw-border-opacity: 1;
+ border-color: rgba(var(--color-primary-400), var(--tw-border-opacity, 1));
+}
+
+.border-primary-500 {
+ --tw-border-opacity: 1;
+ border-color: rgba(var(--color-primary-500), var(--tw-border-opacity, 1));
+}
+
+.border-transparent {
+ border-color: transparent;
+}
+
+.bg-neutral {
+ --tw-bg-opacity: 1;
+ background-color: rgba(var(--color-neutral), var(--tw-bg-opacity, 1));
+}
+
+.bg-neutral-100 {
+ --tw-bg-opacity: 1;
+ background-color: rgba(var(--color-neutral-100), var(--tw-bg-opacity, 1));
+}
+
+.bg-neutral-100\/50 {
+ background-color: rgba(var(--color-neutral-100), 0.5);
+}
+
+.bg-neutral-300 {
+ --tw-bg-opacity: 1;
+ background-color: rgba(var(--color-neutral-300), var(--tw-bg-opacity, 1));
+}
+
+.bg-neutral-500\/50 {
+ background-color: rgba(var(--color-neutral-500), 0.5);
+}
+
+.bg-neutral\/50 {
+ background-color: rgba(var(--color-neutral), 0.5);
+}
+
+.bg-primary-100 {
+ --tw-bg-opacity: 1;
+ background-color: rgba(var(--color-primary-100), var(--tw-bg-opacity, 1));
+}
+
+.bg-primary-200 {
+ --tw-bg-opacity: 1;
+ background-color: rgba(var(--color-primary-200), var(--tw-bg-opacity, 1));
+}
+
+.bg-primary-500 {
+ --tw-bg-opacity: 1;
+ background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity, 1));
+}
+
+.bg-primary-600 {
+ --tw-bg-opacity: 1;
+ background-color: rgba(var(--color-primary-600), var(--tw-bg-opacity, 1));
+}
+
+.bg-transparent {
+ background-color: transparent;
+}
+
+.bg-gradient-to-b {
+ background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
+}
+
+.bg-gradient-to-r {
+ background-image: linear-gradient(to right, var(--tw-gradient-stops));
+}
+
+.bg-gradient-to-t {
+ background-image: linear-gradient(to top, var(--tw-gradient-stops));
+}
+
+.bg-none {
+ background-image: none;
+}
+
+.from-neutral {
+ --tw-gradient-from: rgba(var(--color-neutral), 1) var(--tw-gradient-from-position);
+ --tw-gradient-to: rgba(var(--color-neutral), 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
+.from-primary-500 {
+ --tw-gradient-from: rgba(var(--color-primary-500), 1) var(--tw-gradient-from-position);
+ --tw-gradient-to: rgba(var(--color-primary-500), 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
+.from-60\% {
+ --tw-gradient-from-position: 60%;
+}
+
+.to-neutral {
+ --tw-gradient-to: rgba(var(--color-neutral), 1) var(--tw-gradient-to-position);
+}
+
+.to-neutral-100 {
+ --tw-gradient-to: rgba(var(--color-neutral-100), 1) var(--tw-gradient-to-position);
+}
+
+.to-secondary-600 {
+ --tw-gradient-to: rgba(var(--color-secondary-600), 1) var(--tw-gradient-to-position);
+}
+
+.to-transparent {
+ --tw-gradient-to: transparent var(--tw-gradient-to-position);
+}
+
+.bg-clip-padding {
+ background-clip: padding-box;
+}
+
+.object-cover {
+ -o-object-fit: cover;
+ object-fit: cover;
+}
+
+.object-scale-down {
+ -o-object-fit: scale-down;
+ object-fit: scale-down;
+}
+
+.object-left {
+ -o-object-position: left;
+ object-position: left;
+}
+
+.\!p-0 {
+ padding: 0px !important;
+}
+
+.p-0 {
+ padding: 0px;
+}
+
+.p-1\.5 {
+ padding: 0.375rem;
+}
+
+.p-4 {
+ padding: 1rem;
+}
+
+.p-5 {
+ padding: 1.25rem;
+}
+
+.p-6 {
+ padding: 1.5rem;
+}
+
+.px-0 {
+ padding-left: 0px;
+ padding-right: 0px;
+}
+
+.px-1 {
+ padding-left: 0.25rem;
+ padding-right: 0.25rem;
+}
+
+.px-1\.5 {
+ padding-left: 0.375rem;
+ padding-right: 0.375rem;
+}
+
+.px-2 {
+ padding-left: 0.5rem;
+ padding-right: 0.5rem;
+}
+
+.px-3 {
+ padding-left: 0.75rem;
+ padding-right: 0.75rem;
+}
+
+.px-4 {
+ padding-left: 1rem;
+ padding-right: 1rem;
+}
+
+.px-6 {
+ padding-left: 1.5rem;
+ padding-right: 1.5rem;
+}
+
+.px-\[30px\] {
+ padding-left: 30px;
+ padding-right: 30px;
+}
+
+.py-1 {
+ padding-top: 0.25rem;
+ padding-bottom: 0.25rem;
+}
+
+.py-10 {
+ padding-top: 2.5rem;
+ padding-bottom: 2.5rem;
+}
+
+.py-16 {
+ padding-top: 4rem;
+ padding-bottom: 4rem;
+}
+
+.py-2 {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+}
+
+.py-3 {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+}
+
+.py-4 {
+ padding-top: 1rem;
+ padding-bottom: 1rem;
+}
+
+.py-6 {
+ padding-top: 1.5rem;
+ padding-bottom: 1.5rem;
+}
+
+.py-8 {
+ padding-top: 2rem;
+ padding-bottom: 2rem;
+}
+
+.py-\[1px\] {
+ padding-top: 1px;
+ padding-bottom: 1px;
+}
+
+.pb-2 {
+ padding-bottom: 0.5rem;
+}
+
+.pb-3 {
+ padding-bottom: 0.75rem;
+}
+
+.pb-32 {
+ padding-bottom: 8rem;
+}
+
+.pb-4 {
+ padding-bottom: 1rem;
+}
+
+.pl-2 {
+ padding-left: 0.5rem;
+}
+
+.pl-4 {
+ padding-left: 1rem;
+}
+
+.pl-\[24px\] {
+ padding-left: 24px;
+}
+
+.pr-4 {
+ padding-right: 1rem;
+}
+
+.pr-\[24px\] {
+ padding-right: 24px;
+}
+
+.pt-16 {
+ padding-top: 4rem;
+}
+
+.pt-2 {
+ padding-top: 0.5rem;
+}
+
+.pt-3 {
+ padding-top: 0.75rem;
+}
+
+.pt-4 {
+ padding-top: 1rem;
+}
+
+.pt-8 {
+ padding-top: 2rem;
+}
+
+.text-left {
+ text-align: left;
+}
+
+.text-center {
+ text-align: center;
+}
+
+.text-right {
+ text-align: right;
+}
+
+.-indent-\[999px\] {
+ text-indent: -999px;
+}
+
+.align-top {
+ vertical-align: top;
+}
+
+.align-middle {
+ vertical-align: middle;
+}
+
+.align-text-bottom {
+ vertical-align: text-bottom;
+}
+
+.text-2xl {
+ font-size: 1.5rem;
+ line-height: 2rem;
+}
+
+.text-4xl {
+ font-size: 2.25rem;
+ line-height: 2.5rem;
+}
+
+.text-\[0\.6rem\] {
+ font-size: 0.6rem;
+}
+
+.text-base {
+ font-size: 1rem;
+ line-height: 1.5rem;
+}
+
+.text-lg {
+ font-size: 1.125rem;
+ line-height: 1.75rem;
+}
+
+.text-sm {
+ font-size: 0.875rem;
+ line-height: 1.25rem;
+}
+
+.text-xl {
+ font-size: 1.25rem;
+ line-height: 1.75rem;
+}
+
+.text-xs {
+ font-size: 0.75rem;
+ line-height: 1rem;
+}
+
+.font-bold {
+ font-weight: 700;
+}
+
+.font-extrabold {
+ font-weight: 800;
+}
+
+.font-light {
+ font-weight: 300;
+}
+
+.font-medium {
+ font-weight: 500;
+}
+
+.font-normal {
+ font-weight: 400;
+}
+
+.font-semibold {
+ font-weight: 600;
+}
+
+.uppercase {
+ text-transform: uppercase;
+}
+
+.italic {
+ font-style: italic;
+}
+
+.leading-3 {
+ line-height: .75rem;
+}
+
+.leading-6 {
+ line-height: 1.5rem;
+}
+
+.leading-7 {
+ line-height: 1.75rem;
+}
+
+.\!text-neutral {
+ --tw-text-opacity: 1 !important;
+ color: rgba(var(--color-neutral), var(--tw-text-opacity, 1)) !important;
+}
+
+.text-neutral-200 {
+ --tw-text-opacity: 1;
+ color: rgba(var(--color-neutral-200), var(--tw-text-opacity, 1));
+}
+
+.text-neutral-300 {
+ --tw-text-opacity: 1;
+ color: rgba(var(--color-neutral-300), var(--tw-text-opacity, 1));
+}
+
+.text-neutral-400 {
+ --tw-text-opacity: 1;
+ color: rgba(var(--color-neutral-400), var(--tw-text-opacity, 1));
+}
+
+.text-neutral-50 {
+ --tw-text-opacity: 1;
+ color: rgba(var(--color-neutral-50), var(--tw-text-opacity, 1));
+}
+
+.text-neutral-500 {
+ --tw-text-opacity: 1;
+ color: rgba(var(--color-neutral-500), var(--tw-text-opacity, 1));
+}
+
+.text-neutral-700 {
+ --tw-text-opacity: 1;
+ color: rgba(var(--color-neutral-700), var(--tw-text-opacity, 1));
+}
+
+.text-neutral-800 {
+ --tw-text-opacity: 1;
+ color: rgba(var(--color-neutral-800), var(--tw-text-opacity, 1));
+}
+
+.text-neutral-900 {
+ --tw-text-opacity: 1;
+ color: rgba(var(--color-neutral-900), var(--tw-text-opacity, 1));
+}
+
+.text-primary-300 {
+ --tw-text-opacity: 1;
+ color: rgba(var(--color-primary-300), var(--tw-text-opacity, 1));
+}
+
+.text-primary-400 {
+ --tw-text-opacity: 1;
+ color: rgba(var(--color-primary-400), var(--tw-text-opacity, 1));
+}
+
+.text-primary-500 {
+ --tw-text-opacity: 1;
+ color: rgba(var(--color-primary-500), var(--tw-text-opacity, 1));
+}
+
+.text-primary-600 {
+ --tw-text-opacity: 1;
+ color: rgba(var(--color-primary-600), var(--tw-text-opacity, 1));
+}
+
+.text-primary-700 {
+ --tw-text-opacity: 1;
+ color: rgba(var(--color-primary-700), var(--tw-text-opacity, 1));
+}
+
+.text-primary-800 {
+ --tw-text-opacity: 1;
+ color: rgba(var(--color-primary-800), var(--tw-text-opacity, 1));
+}
+
+.text-transparent {
+ color: transparent;
+}
+
+.\!no-underline {
+ text-decoration-line: none !important;
+}
+
+.decoration-neutral-300 {
+ text-decoration-color: rgba(var(--color-neutral-300), 1);
+}
+
+.decoration-primary-500 {
+ text-decoration-color: rgba(var(--color-primary-500), 1);
+}
+
+.opacity-0 {
+ opacity: 0;
+}
+
+.opacity-30 {
+ opacity: 0.3;
+}
+
+.opacity-50 {
+ opacity: 0.5;
+}
+
+.opacity-60 {
+ opacity: 0.6;
+}
+
+.opacity-65 {
+ opacity: 0.65;
+}
+
+.mix-blend-normal {
+ mix-blend-mode: normal;
+}
+
+.mix-blend-multiply {
+ mix-blend-mode: multiply;
+}
+
+.shadow-2xl {
+ --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
+ --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-lg {
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-xl {
+ --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+ --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.outline {
+ outline-style: solid;
+}
+
+.backdrop-blur {
+ --tw-backdrop-blur: blur(8px);
+ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+ backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+}
+
+.backdrop-blur-2xl {
+ --tw-backdrop-blur: blur(40px);
+ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+ backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+}
+
+.backdrop-blur-sm {
+ --tw-backdrop-blur: blur(4px);
+ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+ backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+}
+
+.transition {
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ transition-duration: 150ms;
+}
+
+.transition-opacity {
+ transition-property: opacity;
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ transition-duration: 150ms;
+}
+
+.transition-transform {
+ transition-property: transform;
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ transition-duration: 150ms;
+}
+
+.duration-150 {
+ transition-duration: 150ms;
+}
+
+.duration-\[600ms\] {
+ transition-duration: 600ms;
+}
+
+.ease-\[cubic-bezier\(0\.25\2c 0\.1\2c 0\.25\2c 1\.0\)\] {
+ transition-timing-function: cubic-bezier(0.25,0.1,0.25,1.0);
+}
+
+.ease-in-out {
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.scrollbar-thin::-webkit-scrollbar-track {
+ background-color: var(--scrollbar-track);
+ border-radius: var(--scrollbar-track-radius);
+}
+
+.scrollbar-thin::-webkit-scrollbar-track:hover {
+ background-color: var(--scrollbar-track-hover, var(--scrollbar-track));
+}
+
+.scrollbar-thin::-webkit-scrollbar-track:active {
+ background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)));
+}
+
+.scrollbar-thin::-webkit-scrollbar-thumb {
+ background-color: var(--scrollbar-thumb);
+ border-radius: var(--scrollbar-thumb-radius);
+}
+
+.scrollbar-thin::-webkit-scrollbar-thumb:hover {
+ background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb));
+}
+
+.scrollbar-thin::-webkit-scrollbar-thumb:active {
+ background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)));
+}
+
+.scrollbar-thin::-webkit-scrollbar-corner {
+ background-color: var(--scrollbar-corner);
+ border-radius: var(--scrollbar-corner-radius);
+}
+
+.scrollbar-thin::-webkit-scrollbar-corner:hover {
+ background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner));
+}
+
+.scrollbar-thin::-webkit-scrollbar-corner:active {
+ background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)));
+}
+
+@supports (-moz-appearance:none) {
+ .scrollbar-thin {
+ scrollbar-width: thin;
+ scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
+ }
+}
+
+.scrollbar-thin::-webkit-scrollbar {
+ display: block;
+ width: 8px;
+ height: 8px;
+}
+
+.scrollbar-track-neutral-200 {
+ --scrollbar-track: rgba(var(--color-neutral-200), 1) !important;
+}
+
+.scrollbar-thumb-neutral-400 {
+ --scrollbar-thumb: rgba(var(--color-neutral-400), 1) !important;
+}
+
+.\!\[clip\:rect\(0\2c 0\2c 0\2c 0\)\] {
+ clip: rect(0,0,0,0) !important;
+}
+
+/* Your custom styles here */
+
+.dark\:prose-invert:is(.dark *) {
+ --tw-prose-body: var(--tw-prose-invert-body);
+ --tw-prose-headings: var(--tw-prose-invert-headings);
+ --tw-prose-lead: var(--tw-prose-invert-lead);
+ --tw-prose-links: var(--tw-prose-invert-links);
+ --tw-prose-bold: var(--tw-prose-invert-bold);
+ --tw-prose-counters: var(--tw-prose-invert-counters);
+ --tw-prose-bullets: var(--tw-prose-invert-bullets);
+ --tw-prose-hr: var(--tw-prose-invert-hr);
+ --tw-prose-quotes: var(--tw-prose-invert-quotes);
+ --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
+ --tw-prose-captions: var(--tw-prose-invert-captions);
+ --tw-prose-kbd: var(--tw-prose-invert-kbd);
+ --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
+ --tw-prose-code: var(--tw-prose-invert-code);
+ --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
+ --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
+ --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
+ --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
+}
+
+.dark\:prose-invert:is(.dark *) :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ text-decoration-color: rgba(var(--color-neutral-600), 1);
+}
+
+.dark\:prose-invert:is(.dark *) :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)):hover {
+ color: rgba(var(--color-primary-400), 1);
+}
+
+.dark\:prose-invert:is(.dark *) :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: rgba(var(--color-neutral-200), 1);
+ background-color: rgba(var(--color-neutral-700), 1);
+}
+
+.dark\:prose-invert:is(.dark *) :where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ background-color: rgba(var(--color-primary-400), 1);
+}
+
+.dark\:prose-invert:is(.dark *) :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ background-color: rgba(var(--color-neutral-700), 1);
+}
+
+.dark\:prose-invert:is(.dark *) :where(a.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ text-decoration-color: rgba(var(--color-primary-400), 1);
+}
+
+.dark\:prose-invert:is(.dark *) :where(p.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ text-decoration-color: rgba(var(--color-primary-400), 1);
+}
+
+.after\:clear-both::after {
+ content: var(--tw-content);
+ clear: both;
+}
+
+.after\:block::after {
+ content: var(--tw-content);
+ display: block;
+}
+
+.after\:content-\[\'\'\]::after {
+ --tw-content: '';
+ content: var(--tw-content);
+}
+
+.first\:mt-8:first-child {
+ margin-top: 2rem;
+}
+
+.group:hover .group-hover\:text-primary-300 {
+ --tw-text-opacity: 1;
+ color: rgba(var(--color-primary-300), var(--tw-text-opacity, 1));
+}
+
+.group:hover .group-hover\:text-primary-600 {
+ --tw-text-opacity: 1;
+ color: rgba(var(--color-primary-600), var(--tw-text-opacity, 1));
+}
+
+.group:hover .group-hover\:underline {
+ text-decoration-line: underline;
+}
+
+.group:hover .group-hover\:decoration-primary-500 {
+ text-decoration-color: rgba(var(--color-primary-500), 1);
+}
+
+.group:hover .group-hover\:opacity-100 {
+ opacity: 1;
+}
+
+.hover\:border-transparent:hover {
+ border-color: transparent;
+}
+
+.hover\:\!bg-primary-500:hover {
+ --tw-bg-opacity: 1 !important;
+ background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity, 1)) !important;
+}
+
+.hover\:bg-primary-100:hover {
+ --tw-bg-opacity: 1;
+ background-color: rgba(var(--color-primary-100), var(--tw-bg-opacity, 1));
+}
+
+.hover\:bg-primary-500:hover {
+ --tw-bg-opacity: 1;
+ background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity, 1));
+}
+
+.hover\:bg-primary-600:hover {
+ --tw-bg-opacity: 1;
+ background-color: rgba(var(--color-primary-600), var(--tw-bg-opacity, 1));
+}
+
+.hover\:text-neutral:hover {
+ --tw-text-opacity: 1;
+ color: rgba(var(--color-neutral), var(--tw-text-opacity, 1));
+}
+
+.hover\:text-primary-400:hover {
+ --tw-text-opacity: 1;
+ color: rgba(var(--color-primary-400), var(--tw-text-opacity, 1));
+}
+
+.hover\:text-primary-500:hover {
+ --tw-text-opacity: 1;
+ color: rgba(var(--color-primary-500), var(--tw-text-opacity, 1));
+}
+
+.hover\:text-primary-600:hover {
+ --tw-text-opacity: 1;
+ color: rgba(var(--color-primary-600), var(--tw-text-opacity, 1));
+}
+
+.hover\:text-primary-700:hover {
+ --tw-text-opacity: 1;
+ color: rgba(var(--color-primary-700), var(--tw-text-opacity, 1));
+}
+
+.hover\:underline:hover {
+ text-decoration-line: underline;
+}
+
+.hover\:no-underline:hover {
+ text-decoration-line: none;
+}
+
+.hover\:decoration-primary-400:hover {
+ text-decoration-color: rgba(var(--color-primary-400), 1);
+}
+
+.hover\:decoration-2:hover {
+ text-decoration-thickness: 2px;
+}
+
+.hover\:underline-offset-2:hover {
+ text-underline-offset: 2px;
+}
+
+.hover\:opacity-90:hover {
+ opacity: 0.9;
+}
+
+.hover\:outline-none:hover {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+}
+
+.focus\:translate-y-0:focus {
+ --tw-translate-y: 0px;
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.focus\:bg-primary-100:focus {
+ --tw-bg-opacity: 1;
+ background-color: rgba(var(--color-primary-100), var(--tw-bg-opacity, 1));
+}
+
+.focus\:no-underline:focus {
+ text-decoration-line: none;
+}
+
+.focus\:opacity-90:focus {
+ opacity: 0.9;
+}
+
+.focus\:outline-none:focus {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+}
+
+.focus\:outline-dotted:focus {
+ outline-style: dotted;
+}
+
+.focus\:outline-2:focus {
+ outline-width: 2px;
+}
+
+.focus\:outline-transparent:focus {
+ outline-color: transparent;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .motion-reduce\:transition-none {
+ transition-property: none;
+ }
+}
+
+.dark\:flex:is(.dark *) {
+ display: flex;
+}
+
+.dark\:hidden:is(.dark *) {
+ display: none;
+}
+
+.dark\:border-neutral-600:is(.dark *) {
+ --tw-border-opacity: 1;
+ border-color: rgba(var(--color-neutral-600), var(--tw-border-opacity, 1));
+}
+
+.dark\:border-neutral-700:is(.dark *) {
+ --tw-border-opacity: 1;
+ border-color: rgba(var(--color-neutral-700), var(--tw-border-opacity, 1));
+}
+
+.dark\:border-primary-300:is(.dark *) {
+ --tw-border-opacity: 1;
+ border-color: rgba(var(--color-primary-300), var(--tw-border-opacity, 1));
+}
+
+.dark\:border-primary-600:is(.dark *) {
+ --tw-border-opacity: 1;
+ border-color: rgba(var(--color-primary-600), var(--tw-border-opacity, 1));
+}
+
+.dark\:bg-neutral-400:is(.dark *) {
+ --tw-bg-opacity: 1;
+ background-color: rgba(var(--color-neutral-400), var(--tw-bg-opacity, 1));
+}
+
+.dark\:bg-neutral-600:is(.dark *) {
+ --tw-bg-opacity: 1;
+ background-color: rgba(var(--color-neutral-600), var(--tw-bg-opacity, 1));
+}
+
+.dark\:bg-neutral-700:is(.dark *) {
+ --tw-bg-opacity: 1;
+ background-color: rgba(var(--color-neutral-700), var(--tw-bg-opacity, 1));
+}
+
+.dark\:bg-neutral-800:is(.dark *) {
+ --tw-bg-opacity: 1;
+ background-color: rgba(var(--color-neutral-800), var(--tw-bg-opacity, 1));
+}
+
+.dark\:bg-neutral-800\/50:is(.dark *) {
+ background-color: rgba(var(--color-neutral-800), 0.5);
+}
+
+.dark\:bg-neutral-900\/50:is(.dark *) {
+ background-color: rgba(var(--color-neutral-900), 0.5);
+}
+
+.dark\:bg-primary-300:is(.dark *) {
+ --tw-bg-opacity: 1;
+ background-color: rgba(var(--color-primary-300), var(--tw-bg-opacity, 1));
+}
+
+.dark\:bg-primary-400:is(.dark *) {
+ --tw-bg-opacity: 1;
+ background-color: rgba(var(--color-primary-400), var(--tw-bg-opacity, 1));
+}
+
+.dark\:bg-primary-800:is(.dark *) {
+ --tw-bg-opacity: 1;
+ background-color: rgba(var(--color-primary-800), var(--tw-bg-opacity, 1));
+}
+
+.dark\:bg-primary-900:is(.dark *) {
+ --tw-bg-opacity: 1;
+ background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity, 1));
+}
+
+.dark\:from-neutral-800:is(.dark *) {
+ --tw-gradient-from: rgba(var(--color-neutral-800), 1) var(--tw-gradient-from-position);
+ --tw-gradient-to: rgba(var(--color-neutral-800), 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
+.dark\:from-primary-600:is(.dark *) {
+ --tw-gradient-from: rgba(var(--color-primary-600), 1) var(--tw-gradient-from-position);
+ --tw-gradient-to: rgba(var(--color-primary-600), 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
+.dark\:to-neutral-800:is(.dark *) {
+ --tw-gradient-to: rgba(var(--color-neutral-800), 1) var(--tw-gradient-to-position);
+}
+
+.dark\:to-secondary-800:is(.dark *) {
+ --tw-gradient-to: rgba(var(--color-secondary-800), 1) var(--tw-gradient-to-position);
+}
+
+.dark\:text-neutral:is(.dark *) {
+ --tw-text-opacity: 1;
+ color: rgba(var(--color-neutral), var(--tw-text-opacity, 1));
+}
+
+.dark\:text-neutral-100:is(.dark *) {
+ --tw-text-opacity: 1;
+ color: rgba(var(--color-neutral-100), var(--tw-text-opacity, 1));
+}
+
+.dark\:text-neutral-200:is(.dark *) {
+ --tw-text-opacity: 1;
+ color: rgba(var(--color-neutral-200), var(--tw-text-opacity, 1));
+}
+
+.dark\:text-neutral-300:is(.dark *) {
+ --tw-text-opacity: 1;
+ color: rgba(var(--color-neutral-300), var(--tw-text-opacity, 1));
+}
+
+.dark\:text-neutral-400:is(.dark *) {
+ --tw-text-opacity: 1;
+ color: rgba(var(--color-neutral-400), var(--tw-text-opacity, 1));
+}
+
+.dark\:text-neutral-500:is(.dark *) {
+ --tw-text-opacity: 1;
+ color: rgba(var(--color-neutral-500), var(--tw-text-opacity, 1));
+}
+
+.dark\:text-neutral-700:is(.dark *) {
+ --tw-text-opacity: 1;
+ color: rgba(var(--color-neutral-700), var(--tw-text-opacity, 1));
+}
+
+.dark\:text-neutral-800:is(.dark *) {
+ --tw-text-opacity: 1;
+ color: rgba(var(--color-neutral-800), var(--tw-text-opacity, 1));
+}
+
+.dark\:text-primary-200:is(.dark *) {
+ --tw-text-opacity: 1;
+ color: rgba(var(--color-primary-200), var(--tw-text-opacity, 1));
+}
+
+.dark\:text-primary-400:is(.dark *) {
+ --tw-text-opacity: 1;
+ color: rgba(var(--color-primary-400), var(--tw-text-opacity, 1));
+}
+
+.dark\:opacity-60:is(.dark *) {
+ opacity: 0.6;
+}
+
+.dark\:scrollbar-track-neutral-800:is(.dark *) {
+ --scrollbar-track: rgba(var(--color-neutral-800), 1) !important;
+}
+
+.dark\:scrollbar-thumb-neutral-600:is(.dark *) {
+ --scrollbar-thumb: rgba(var(--color-neutral-600), 1) !important;
+}
+
+.group:hover .dark\:group-hover\:text-neutral-700:is(.dark *) {
+ --tw-text-opacity: 1;
+ color: rgba(var(--color-neutral-700), var(--tw-text-opacity, 1));
+}
+
+.group:hover .dark\:group-hover\:text-primary-400:is(.dark *) {
+ --tw-text-opacity: 1;
+ color: rgba(var(--color-primary-400), var(--tw-text-opacity, 1));
+}
+
+.dark\:hover\:\!bg-primary-700:hover:is(.dark *) {
+ --tw-bg-opacity: 1 !important;
+ background-color: rgba(var(--color-primary-700), var(--tw-bg-opacity, 1)) !important;
+}
+
+.dark\:hover\:bg-primary-400:hover:is(.dark *) {
+ --tw-bg-opacity: 1;
+ background-color: rgba(var(--color-primary-400), var(--tw-bg-opacity, 1));
+}
+
+.dark\:hover\:bg-primary-900:hover:is(.dark *) {
+ --tw-bg-opacity: 1;
+ background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity, 1));
+}
+
+.dark\:hover\:text-neutral-800:hover:is(.dark *) {
+ --tw-text-opacity: 1;
+ color: rgba(var(--color-neutral-800), var(--tw-text-opacity, 1));
+}
+
+.dark\:hover\:text-primary-400:hover:is(.dark *) {
+ --tw-text-opacity: 1;
+ color: rgba(var(--color-primary-400), var(--tw-text-opacity, 1));
+}
+
+.dark\:focus\:bg-primary-900:focus:is(.dark *) {
+ --tw-bg-opacity: 1;
+ background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity, 1));
+}
+
+@media (min-width: 640px) {
+ .sm\:mb-0 {
+ margin-bottom: 0px;
+ }
+
+ .sm\:mt-16 {
+ margin-top: 4rem;
+ }
+
+ .sm\:w-1\/2 {
+ width: 50%;
+ }
+
+ .sm\:grid-cols-2 {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+
+ .sm\:flex-row {
+ flex-direction: row;
+ }
+
+ .sm\:overflow-hidden {
+ overflow: hidden;
+ }
+
+ .sm\:p-6 {
+ padding: 1.5rem;
+ }
+
+ .sm\:px-14 {
+ padding-left: 3.5rem;
+ padding-right: 3.5rem;
+ }
+
+ .sm\:px-6 {
+ padding-left: 1.5rem;
+ padding-right: 1.5rem;
+ }
+
+ .sm\:py-24 {
+ padding-top: 6rem;
+ padding-bottom: 6rem;
+ }
+
+ .sm\:text-lg {
+ font-size: 1.125rem;
+ line-height: 1.75rem;
+ }
+}
+
+@media (min-width: 853px) {
+ .md\:-mr-16 {
+ margin-right: -4rem;
+ }
+
+ .md\:ml-12 {
+ margin-left: 3rem;
+ }
+
+ .md\:mr-7 {
+ margin-right: 1.75rem;
+ }
+
+ .md\:mt-0 {
+ margin-top: 0px;
+ }
+
+ .md\:flex {
+ display: flex;
+ }
+
+ .md\:hidden {
+ display: none;
+ }
+
+ .md\:h-56 {
+ height: 14rem;
+ }
+
+ .md\:h-\[200px\] {
+ height: 200px;
+ }
+
+ .md\:w-1\/3 {
+ width: 33.333333%;
+ }
+
+ .md\:w-auto {
+ width: auto;
+ }
+
+ .md\:grid-cols-3 {
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ }
+
+ .md\:justify-start {
+ justify-content: flex-start;
+ }
+
+ .md\:p-\[10vh\] {
+ padding: 10vh;
+ }
+
+ .md\:px-24 {
+ padding-left: 6rem;
+ padding-right: 6rem;
+ }
+}
+
+@media (min-width: 1024px) {
+ .lg\:absolute {
+ position: absolute;
+ }
+
+ .lg\:relative {
+ position: relative;
+ }
+
+ .lg\:sticky {
+ position: sticky;
+ }
+
+ .lg\:left-0 {
+ left: 0px;
+ }
+
+ .lg\:top-10 {
+ top: 2.5rem;
+ }
+
+ .lg\:top-\[140px\] {
+ top: 140px;
+ }
+
+ .lg\:order-last {
+ order: 9999;
+ }
+
+ .lg\:m-0 {
+ margin: 0px;
+ }
+
+ .lg\:mx-0 {
+ margin-left: 0px;
+ margin-right: 0px;
+ }
+
+ .lg\:mx-auto {
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .lg\:ml-auto {
+ margin-left: auto;
+ }
+
+ .lg\:mt-0 {
+ margin-top: 0px;
+ }
+
+ .lg\:block {
+ display: block;
+ }
+
+ .lg\:grid {
+ display: grid;
+ }
+
+ .lg\:hidden {
+ display: none;
+ }
+
+ .lg\:h-72 {
+ height: 18rem;
+ }
+
+ .lg\:h-full {
+ height: 100%;
+ }
+
+ .lg\:w-1\/4 {
+ width: 25%;
+ }
+
+ .lg\:w-auto {
+ width: auto;
+ }
+
+ .lg\:max-w-7xl {
+ max-width: 80rem;
+ }
+
+ .lg\:max-w-none {
+ max-width: none;
+ }
+
+ .lg\:max-w-xs {
+ max-width: 20rem;
+ }
+
+ .lg\:grid-flow-col-dense {
+ grid-auto-flow: column dense;
+ }
+
+ .lg\:grid-cols-2 {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+
+ .lg\:flex-row {
+ flex-direction: row;
+ }
+
+ .lg\:gap-24 {
+ gap: 6rem;
+ }
+
+ .lg\:p-\[12vh\] {
+ padding: 12vh;
+ }
+
+ .lg\:px-0 {
+ padding-left: 0px;
+ padding-right: 0px;
+ }
+
+ .lg\:px-32 {
+ padding-left: 8rem;
+ padding-right: 8rem;
+ }
+
+ .lg\:px-8 {
+ padding-left: 2rem;
+ padding-right: 2rem;
+ }
+
+ .lg\:py-16 {
+ padding-top: 4rem;
+ padding-bottom: 4rem;
+ }
+
+ .lg\:py-32 {
+ padding-top: 8rem;
+ padding-bottom: 8rem;
+ }
+}
+
+@media (min-width: 1280px) {
+ .xl\:w-1\/4 {
+ width: 25%;
+ }
+
+ .xl\:grid-cols-4 {
+ grid-template-columns: repeat(4, minmax(0, 1fr));
+ }
+}
+
+@media (min-width: 1536px) {
+ .\32xl\:grid-cols-5 {
+ grid-template-columns: repeat(5, minmax(0, 1fr));
+ }
+}
+
+.ltr\:-left-6:where([dir="ltr"], [dir="ltr"] *) {
+ left: -1.5rem;
+}
+
+.ltr\:right-0:where([dir="ltr"], [dir="ltr"] *) {
+ right: 0px;
+}
+
+.ltr\:-ml-5:where([dir="ltr"], [dir="ltr"] *) {
+ margin-left: -1.25rem;
+}
+
+.ltr\:ml-2:where([dir="ltr"], [dir="ltr"] *) {
+ margin-left: 0.5rem;
+}
+
+.ltr\:mr-14:where([dir="ltr"], [dir="ltr"] *) {
+ margin-right: 3.5rem;
+}
+
+.ltr\:mr-4:where([dir="ltr"], [dir="ltr"] *) {
+ margin-right: 1rem;
+}
+
+.ltr\:block:where([dir="ltr"], [dir="ltr"] *) {
+ display: block;
+}
+
+.ltr\:inline:where([dir="ltr"], [dir="ltr"] *) {
+ display: inline;
+}
+
+.ltr\:hidden:where([dir="ltr"], [dir="ltr"] *) {
+ display: none;
+}
+
+.ltr\:border-l:where([dir="ltr"], [dir="ltr"] *) {
+ border-left-width: 1px;
+}
+
+.ltr\:pl-5:where([dir="ltr"], [dir="ltr"] *) {
+ padding-left: 1.25rem;
+}
+
+.ltr\:pr-2:where([dir="ltr"], [dir="ltr"] *) {
+ padding-right: 0.5rem;
+}
+
+.ltr\:pr-3:where([dir="ltr"], [dir="ltr"] *) {
+ padding-right: 0.75rem;
+}
+
+.ltr\:text-right:where([dir="ltr"], [dir="ltr"] *) {
+ text-align: right;
+}
+
+@media (min-width: 640px) {
+ .ltr\:sm\:mr-7:where([dir="ltr"], [dir="ltr"] *) {
+ margin-right: 1.75rem;
+ }
+
+ .ltr\:sm\:last\:mr-0:last-child:where([dir="ltr"], [dir="ltr"] *) {
+ margin-right: 0px;
+ }
+}
+
+@media (min-width: 1024px) {
+ .ltr\:lg\:pl-8:where([dir="ltr"], [dir="ltr"] *) {
+ padding-left: 2rem;
+ }
+}
+
+.rtl\:-right-6:where([dir="rtl"], [dir="rtl"] *) {
+ right: -1.5rem;
+}
+
+.rtl\:left-0:where([dir="rtl"], [dir="rtl"] *) {
+ left: 0px;
+}
+
+.rtl\:-mr-5:where([dir="rtl"], [dir="rtl"] *) {
+ margin-right: -1.25rem;
+}
+
+.rtl\:ml-14:where([dir="rtl"], [dir="rtl"] *) {
+ margin-left: 3.5rem;
+}
+
+.rtl\:ml-4:where([dir="rtl"], [dir="rtl"] *) {
+ margin-left: 1rem;
+}
+
+.rtl\:mr-2:where([dir="rtl"], [dir="rtl"] *) {
+ margin-right: 0.5rem;
+}
+
+.rtl\:block:where([dir="rtl"], [dir="rtl"] *) {
+ display: block;
+}
+
+.rtl\:inline:where([dir="rtl"], [dir="rtl"] *) {
+ display: inline;
+}
+
+.rtl\:hidden:where([dir="rtl"], [dir="rtl"] *) {
+ display: none;
+}
+
+.rtl\:border-r:where([dir="rtl"], [dir="rtl"] *) {
+ border-right-width: 1px;
+}
+
+.rtl\:pl-2:where([dir="rtl"], [dir="rtl"] *) {
+ padding-left: 0.5rem;
+}
+
+.rtl\:pl-3:where([dir="rtl"], [dir="rtl"] *) {
+ padding-left: 0.75rem;
+}
+
+.rtl\:pr-5:where([dir="rtl"], [dir="rtl"] *) {
+ padding-right: 1.25rem;
+}
+
+.rtl\:text-left:where([dir="rtl"], [dir="rtl"] *) {
+ text-align: left;
+}
+
+@media (min-width: 640px) {
+ .rtl\:sm\:ml-7:where([dir="rtl"], [dir="rtl"] *) {
+ margin-left: 1.75rem;
+ }
+
+ .rtl\:sm\:last\:ml-0:last-child:where([dir="rtl"], [dir="rtl"] *) {
+ margin-left: 0px;
+ }
+}
+
+@media (min-width: 1024px) {
+ .rtl\:lg\:pr-8:where([dir="rtl"], [dir="rtl"] *) {
+ padding-right: 2rem;
+ }
+}
+
+@media print {
+ .print\:hidden {
+ display: none;
+ }
+}
\ No newline at end of file
diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css
new file mode 100644
index 0000000..77e4d2a
--- /dev/null
+++ b/assets/css/tailwind.css
@@ -0,0 +1,6 @@
+@import "../../themes/blowfish/assets/css/main.css";
+
+/* Your custom Tailwind directives */
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
\ No newline at end of file
diff --git a/config/_default/params.yaml b/config/_default/params.yaml
index 62ed5e2..ec3ef09 100644
--- a/config/_default/params.yaml
+++ b/config/_default/params.yaml
@@ -23,7 +23,7 @@ mainSections:
# The real fix is to disable the optimisation only for SVGs and allow optimisation proceed
# for other image types
disableImageOptimization: true
-disableTextInHeader: false
+disableTextInHeader: true # We don't need the title as we already have an SVG logo
disableImageZoom: true
# defaultBackgroundImage: "IMAGE.jpg" # used as default for background images
@@ -57,7 +57,7 @@ homepage:
showRecentItems: 3 # Keep this ~<4, but adjust to make sure relevant articles are highlighted
showMoreLink: false
showMoreLinkDest: /posts
- cardView: false
+ cardView: true
cardViewScreenWidth: false
layoutBackgroundBlur: false # only used when layout equals background
diff --git a/content/_index.md b/content/_index.md
index 327c6b5..53e50ba 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -1,37 +1,44 @@
---
-title: European Virtual Institute for Research Software Excellence
+title:
description: Overview
identifier: home
draft: false
weight: 10
---
-{{< alert icon="bell" iconColor=#80539a cardColor="#3ea3dc" textColor="#e4e4e3" >}}
-**Latest:** *Participate to the Community Engagement Event on Thursday, 5 February 2026! [Register here](/news/2025-10-31-community-engagement/)*
-{{< /alert >}}
-
-## High Quality Research Software for the Communities by the Communities
+{{< hero-header
+ image="/images/misc/markus-spiske-Skf7HxARcoc-unsplash.jpg"
+ tag="EVERSE"
+ headline="European Virtual Institute for Research Software Excellence"
+ subhead="High Quality Research Software for the Communities by the Communities"
+>}}
-### *Software for the Communities by the Communities*
+{{< alert icon="bell" iconColor="#194158" cardColor="#d8edf8" textColor="#194158" >}}
+Latest: Participate to the Community Engagement Event on Thursday, 5 February 2026! [**Register here**](/news/2025-10-31-community-engagement/)
+{{< /alert >}}
-The **EVERSE** project aims to create a framework for research software and code excellence, collaboratively designed and championed by the research communities, in pursuit of building a **European network of Research Software Quality** and setting the foundations of a future **Virtual Institute for Research Software Excellence**.
+{{< flex-content >}}
+## Overview
-{{< figure src="/images/misc/markus-spiske-Skf7HxARcoc-unsplash.jpg" alt="Colorful software or web code on a computer monitor" >}}
+The **EVERSE** project aims to create a framework for research software and code excellence, collaboratively designed and championed by the research communities, in pursuit of building a European network of Research Software Quality and setting the foundations of a future Virtual Institute for Research Software Excellence.
+Funded under the Horizon Europe call [HORIZON-INFRA-2023-EOSC-01-02 (#101129744)](https://ec.europa.eu/info/funding-tenders/opportunities/portal/screen/opportunities/topic-details/horizon-infra-2023-eosc-01-02), **EVERSE** focuses on developing a collaborative and community-led structure to evaluate, verify, and improve the quality of research software and code. By leveraging existing tools, practices, and standards from the five EOSC Science Clusters, the project will build a sustainable ecosystem of stakeholders dedicated to ensuring software quality, reliability, and reproducibility in research. Moreover, **EVERSE** will contribute to recognition and career development frameworks for researchers and Research Software Engineers (RSEs) who implement best practices in software quality assurance.
+<--->
## Ambition
-
-EVERSE ultimate ambition is to contribute towards a cultural change where research software is recognized as a first-class citizen of the scientific process and the people that contribute to it are credited for their efforts.
+The ultimate ambition of **EVERSE** is to contribute towards a cultural change where research software is recognized as a first-class citizen of the scientific process and the people that contribute to it are credited for their efforts.
EVERSE is coordinated by the [Centre for Research and Technology hellas (CERTH)](https://www.certh.gr) and the [Barcelona Supercomputing Center (BSC)](https://www.bsc.es/). EVERSE will be interfacing with the [EOSC science clusters](https://science-clusters.eu) and their emerging use cases:
-{{< flex-content >}}
- [ENVRI Community](https://envri.eu): Essential Climate Variables
- [Life Science RI](https://lifescience-ri.eu/home.html): The Workflow Execution Service backend with RO-Crate
- [ESCAPE](https://projectescape.eu/): Particle physics and astrophysics in the Dark Matter Science Project
- [PaNOSC](https://www.panosc.eu/): Photon and neutron science through LEAPS/LENS
- [SSHOC](https://sshopencloud.eu/): UDPipe language processing suite
-<--->
-{{< figure src="/images/logos/science-clusters-logo.svg" alt="Science Cluster Organisation Logo" >}}
+
{{< /flex-content >}}
+{{< flex-content >}}
{{< figure src="images/logos/EOSCEverse_PosColour_full.svg" alt="EVERSE project full logo" >}}
+<--->
+{{< figure src="/images/logos/science-clusters-logo.svg" alt="Science Cluster Organisation Logo" >}}
+{{< /flex-content >}}
diff --git a/content/workpackages/02_Best_Practices/index.md b/content/workpackages/02_Best_Practices/index.md
index fe8246d..21a89ec 100644
--- a/content/workpackages/02_Best_Practices/index.md
+++ b/content/workpackages/02_Best_Practices/index.md
@@ -1,10 +1,11 @@
---
-title: "WP2: Community-led best practices for developing high-quality research software"
+title: "WP2: Community-led best practices for research software quality"
draft: false
display_in_summary: true
shorthand: WP2
weight: 900
---
+
Each research community has its own techniques for computing-based research. Work package 2 works towards assessing all these approaches and developing common grounds for best practices applicable to all developers. The Research Software Quality kit [(RSQkit)](/services/rsqkit/) will be a knowledge hub that collects existing expertise while ensuring improvement.
The curated best practices are gathered across four pillars: technical quality, FAIR principles, Openness and Software Sustainability. They are used to find a common framework and act as measurables for indicators of software quality. Woven into the RSQkit, these practices will be incorporated into the future Virtual Institute driven by WP1.
diff --git a/content/workpackages/_index.md b/content/workpackages/_index.md
index 7f30d2a..5608035 100644
--- a/content/workpackages/_index.md
+++ b/content/workpackages/_index.md
@@ -1,5 +1,5 @@
---
-title: "Workpackages"
+title: "Work Packages"
draft: false
weight: 100
showDate: false
diff --git a/layouts/partials/article-link/card.html b/layouts/partials/article-link/card.html
new file mode 100644
index 0000000..1127999
--- /dev/null
+++ b/layouts/partials/article-link/card.html
@@ -0,0 +1,77 @@
+{{ $disableImageOptimization := .Page.Site.Params.disableImageOptimization | default false }}
+{{ with .Params.externalUrl }}
+
+ {{ else }}
+
+ {{ end }}
+
+ {{ .Name | markdownify }} +
+ diff --git a/layouts/partials/home/page.html b/layouts/partials/home/page.html new file mode 100644 index 0000000..45b681d --- /dev/null +++ b/layouts/partials/home/page.html @@ -0,0 +1,11 @@ ++ {{ $subhead | markdownify }} +
+ {{ end }} +