<style class="wpcode-css-snippet">/* ! tailwindcss v3.1.6 | MIT License | https://tailwindcss.com */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, pre, samp { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; margin: 0; padding: 0; } button, select { text-transform: none; } [type="button"], [type="reset"], [type="submit"], button { -webkit-appearance: button; background-color: transparent; background-image: none; } :-moz-focusring { outline: auto; } :-moz-ui-invalid { box-shadow: none; } progress { vertical-align: baseline; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } summary { display: list-item; } blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre { margin: 0; } fieldset { margin: 0; } fieldset, legend { padding: 0; } menu, ol, ul { list-style: none; margin: 0; padding: 0; } textarea { resize: vertical; } input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; color: #9ca3af; } input::placeholder, textarea::placeholder { opacity: 1; color: #9ca3af; } [role="button"], button { cursor: pointer; } :disabled { cursor: default; } audio, canvas, embed, iframe, img, object, svg, video { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } :root, [data-theme] { background-color: hsla(var(--b1) / var(--tw-bg-opacity, 1)); color: hsla(var(--bc) / var(--tw-text-opacity, 1)); } html { -webkit-tap-highlight-color: transparent; } :root { color-scheme: dark; --pf: 0 1.9608% 16%; --sf: 0 1.9608% 16%; --af: 0 1.9608% 16%; --bc: 0 0% 80%; --pc: 0 5.3922% 84%; --sc: 0 5.3922% 84%; --ac: 0 5.3922% 84%; --nc: 0 2.5404% 83.02%; --inc: 240 100% 90%; --suc: 120 100% 85.02%; --wac: 60 100% 10%; --erc: 0 100% 90%; --border-btn: 1px; --tab-border: 1px; --p: 0 1.9608% 20%; --s: 0 1.9608% 20%; --a: 0 1.9608% 20%; --b1: 0 0% 0%; --b2: 0 0% 5.098%; --b3: 0 1.9608% 10%; --n: 0 1.2987% 15.098%; --nf: 0 1.9608% 20%; --in: 240 100% 50%; --su: 120 100% 25.098%; --wa: 60 100% 50%; --er: 0 100% 50%; --rounded-box: 0; --rounded-btn: 0; --rounded-badge: 0; --animation-btn: 0; --animation-input: 0; --btn-text-case: lowercase; --btn-focus-scale: 1; --tab-radius: 0; } *, :after, :before { --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-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: rgba(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: ; } ::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-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: rgba(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: ; } .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: underline; font-weight: 500; } .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-left: 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-left: 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-left-width: 0.25rem; border-left-color: var(--tw-prose-quote-borders); quotes: "\201C""\201D""\2018""\2019"; margin-top: 1.6em; margin-bottom: 1.6em; padding-left: 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(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-weight: 500; 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.875em; border-radius: 0.3125rem; padding: 0.1875em 0.375em; } .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-code); font-weight: 600; font-size: 0.875em; } .prose :where(code):not( :where([class~="not-prose"], [class~="not-prose"] *) ):before { content: "`"; } .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after { content: "`"; } .prose :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } .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: 0.8571429em 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; text-align: left; 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-right: 0.5714286em; padding-bottom: 0.5714286em; padding-left: 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(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: #374151; --tw-prose-headings: #111827; --tw-prose-lead: #4b5563; --tw-prose-links: #111827; --tw-prose-bold: #111827; --tw-prose-counters: #6b7280; --tw-prose-bullets: #d1d5db; --tw-prose-hr: #e5e7eb; --tw-prose-quotes: #111827; --tw-prose-quote-borders: #e5e7eb; --tw-prose-captions: #6b7280; --tw-prose-kbd: #111827; --tw-prose-kbd-shadows: 17 24 39; --tw-prose-code: #111827; --tw-prose-pre-code: #e5e7eb; --tw-prose-pre-bg: #1f2937; --tw-prose-th-borders: #d1d5db; --tw-prose-td-borders: #e5e7eb; --tw-prose-invert-body: #d1d5db; --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: #9ca3af; --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: #9ca3af; --tw-prose-invert-bullets: #4b5563; --tw-prose-invert-hr: #374151; --tw-prose-invert-quotes: #f3f4f6; --tw-prose-invert-quote-borders: #374151; --tw-prose-invert-captions: #9ca3af; --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: 255 255 255; --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: #d1d5db; --tw-prose-invert-pre-bg: rgba(0, 0, 0, 0.5); --tw-prose-invert-th-borders: #4b5563; --tw-prose-invert-td-borders: #374151; 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(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .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-left: 0.375em; } .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-left: 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 > :first-child):not( :where([class~="not-prose"], [class~="not-prose"] *) ) { margin-top: 1.25em; } .prose :where(.prose > ul > li > :last-child):not( :where([class~="not-prose"], [class~="not-prose"] *) ) { margin-bottom: 1.25em; } .prose :where(.prose > ol > li > :first-child):not( :where([class~="not-prose"], [class~="not-prose"] *) ) { margin-top: 1.25em; } .prose :where(.prose > ol > li > :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-left: 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-left: 0; } .prose :where(thead th:last-child):not( :where([class~="not-prose"], [class~="not-prose"] *) ) { padding-right: 0; } .prose :where(tbody td, tfoot td):not( :where([class~="not-prose"], [class~="not-prose"] *) ) { padding: 0.5714286em; } .prose :where(tbody td:first-child, tfoot td:first-child):not( :where([class~="not-prose"], [class~="not-prose"] *) ) { padding-left: 0; } .prose :where(tbody td:last-child, tfoot td:last-child):not( :where([class~="not-prose"], [class~="not-prose"] *) ) { padding-right: 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; } .breadcrumbs { max-width: 100%; overflow-x: auto; padding-top: 0.5rem; padding-bottom: 0.5rem; } .breadcrumbs > ol, .breadcrumbs > ul { display: flex; align-items: center; white-space: nowrap; min-height: -moz-min-content; min-height: min-content; } .breadcrumbs > ol > li, .breadcrumbs > ul > li { display: flex; align-items: center; } .breadcrumbs > ol > li > a, .breadcrumbs > ul > li > a { display: flex; cursor: pointer; align-items: center; } .breadcrumbs > ol > li > a:hover, .breadcrumbs > ul > li > a:hover { -webkit-text-decoration-line: underline; text-decoration-line: underline; } .btn { display: inline-flex; flex-shrink: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; flex-wrap: wrap; align-items: center; justify-content: center; border-color: transparent; border-color: hsl(var(--n) / var(--tw-border-opacity)); text-align: center; transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -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-text-decoration-color, -webkit-backdrop-filter; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); border-radius: var(--rounded-btn, 0.5rem); height: 3rem; padding-left: 1rem; padding-right: 1rem; font-size: 0.875rem; line-height: 1.25rem; line-height: 1em; min-height: 3rem; font-weight: 600; text-transform: uppercase; text-transform: var(--btn-text-case, uppercase); -webkit-text-decoration-line: none; text-decoration-line: none; border-width: var(--border-btn, 1px); animation: button-pop var(--animation-btn, 0.25s) ease-out; --tw-border-opacity: 1; --tw-bg-opacity: 1; background-color: hsl(var(--n) / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: hsl(var(--nc) / var(--tw-text-opacity)); } .btn-disabled, .btn[disabled] { pointer-events: none; } .btn-circle { height: 3rem; width: 3rem; border-radius: 9999px; padding: 0; } .btn.loading, .btn.loading:hover { pointer-events: none; } .btn.loading:before { margin-right: 0.5rem; height: 1rem; width: 1rem; border-radius: 9999px; border-width: 2px; animation: spin 2s linear infinite; content: ""; border-color: transparent currentColor currentColor transparent; } @media (prefers-reduced-motion: reduce) { .btn.loading:before { animation: spin 10s linear infinite; } } @keyframes spin { 0% { transform: rotate(0deg); } to { transform: rotate(1turn); } } .btn-group > input[type="radio"].btn { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .btn-group > input[type="radio"].btn:before { content: attr(data-title); } .carousel { display: flex; overflow-x: scroll; scroll-snap-type: x mandatory; scroll-behavior: smooth; -ms-overflow-style: none; scrollbar-width: none; } .carousel-item { box-sizing: content-box; display: flex; flex: none; scroll-snap-align: start; } .carousel-center .carousel-item { scroll-snap-align: center; } .carousel-end .carousel-item { scroll-snap-align: end; } .dropdown { position: relative; display: inline-block; } .dropdown > :focus { outline: 2px solid transparent; outline-offset: 2px; } .dropdown .dropdown-content { visibility: hidden; position: absolute; z-index: 50; opacity: 0; transform-origin: top; --tw-scale-x: 0.95; --tw-scale-y: 0.95; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -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-text-decoration-color, -webkit-backdrop-filter; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .dropdown-end .dropdown-content { right: 0; } .dropdown-left .dropdown-content { top: 0; right: 100%; bottom: auto; transform-origin: right; } .dropdown-right .dropdown-content { left: 100%; top: 0; bottom: auto; transform-origin: left; } .dropdown-bottom .dropdown-content { bottom: auto; top: 100%; transform-origin: top; } .dropdown-top .dropdown-content { bottom: 100%; top: auto; transform-origin: bottom; } .dropdown-end.dropdown-left .dropdown-content, .dropdown-end.dropdown-right .dropdown-content { bottom: 0; top: auto; } .dropdown.dropdown-hover:hover .dropdown-content, .dropdown.dropdown-open .dropdown-content, .dropdown:not(.dropdown-hover):focus .dropdown-content, .dropdown:not(.dropdown-hover):focus-within .dropdown-content { visibility: visible; opacity: 1; } .footer { width: 100%; grid-auto-flow: row; row-gap: 2.5rem; -moz-column-gap: 1rem; column-gap: 1rem; font-size: 0.875rem; line-height: 1.25rem; } .footer, .footer > * { display: grid; place-items: start; } .footer > * { gap: 0.5rem; } .footer-center { text-align: center; } .footer-center, .footer-center > * { place-items: center; } @media (min-width: 48rem) { .footer { grid-auto-flow: column; } .footer-center { grid-auto-flow: row dense; } } .label { display: flex; -webkit-user-select: none; -moz-user-select: none; user-select: none; align-items: center; justify-content: space-between; padding: 0.5rem 0.25rem; } .hero { display: grid; width: 100%; place-items: center; background-size: cover; background-position: 50%; } .hero > * { grid-column-start: 1; grid-row-start: 1; } .hero-content { z-index: 0; display: flex; align-items: center; justify-content: center; max-width: 80rem; gap: 1rem; padding: 1rem; } .link { cursor: pointer; -webkit-text-decoration-line: underline; text-decoration-line: underline; } .menu { display: flex; flex-direction: column; flex-wrap: wrap; } .menu.horizontal { display: inline-flex; flex-direction: row; } .menu.horizontal :where(li) { flex-direction: row; } :where(.menu li) { position: relative; display: flex; flex-shrink: 0; flex-direction: column; flex-wrap: wrap; align-items: stretch; } .menu :where(li:not(.menu-title)) > :where(:not(ul)) { display: flex; } .menu :where(li:not(.disabled):not(.menu-title)) > :where(:not(ul)) { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; align-items: center; outline: 2px solid transparent; outline-offset: 2px; } .menu > :where(li > :not(ul):focus) { outline: 2px solid transparent; outline-offset: 2px; } .menu > :where(li.disabled > :not(ul):focus) { cursor: auto; } .menu > :where(li) :where(ul) { display: flex; flex-direction: column; align-items: stretch; } .menu > :where(li) > :where(ul) { position: absolute; display: none; top: auto; left: 100%; border-top-left-radius: inherit; border-top-right-radius: inherit; border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .menu > :where(li:hover) > :where(ul) { display: flex; } .menu > :where(li:focus) > :where(ul) { display: flex; } .rating { position: relative; display: inline-flex; } .rating :where(input) { cursor: pointer; border-radius: 0; animation: rating-pop var(--animation-input, 0.25s) ease-out; height: 1.5rem; width: 1.5rem; background-color: hsl(var(--bc) / var(--tw-bg-opacity)); --tw-bg-opacity: 1; } .table { position: relative; text-align: left; } .table th:first-child { position: sticky; position: -webkit-sticky; left: 0; z-index: 11; } .btm-nav > * .label { font-size: 1rem; line-height: 1.5rem; } .breadcrumbs > ol > li > a:focus, .breadcrumbs > ul > li > a:focus { outline: 2px solid transparent; outline-offset: 2px; } .breadcrumbs > ol > li > a:focus-visible, .breadcrumbs > ul > li > a:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; } .breadcrumbs > ol > li + :before, .breadcrumbs > ul > li + :before { content: ""; margin-left: 0.5rem; margin-right: 0.75rem; display: block; height: 0.375rem; width: 0.375rem; --tw-rotate: 45deg; 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)); opacity: 0.4; border-top: 1px solid; border-right: 1px solid; background-color: transparent; } [dir="rtl"] .breadcrumbs > ol > li + :before, [dir="rtl"] .breadcrumbs > ul > li + :before { --tw-rotate: -135deg; } .btn:active:focus, .btn:active:hover { animation: none; transform: scale(var(--btn-focus-scale, 0.95)); } .btn-active, .btn:hover { --tw-border-opacity: 1; border-color: hsl(var(--nf, var(--n)) / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: hsl(var(--nf, var(--n)) / var(--tw-bg-opacity)); } .btn:focus-visible { outline: 2px solid hsl(var(--nf)); outline-offset: 2px; } .btn.glass.btn-active, .btn.glass:hover { --glass-opacity: 25%; --glass-border-opacity: 15%; } .btn.glass:focus-visible { outline: 2px solid currentColor; } .btn-disabled, .btn-disabled:hover, .btn[disabled], .btn[disabled]:hover { --tw-border-opacity: 0; background-color: hsl(var(--n) / var(--tw-bg-opacity)); --tw-bg-opacity: 0.2; color: hsl(var(--bc) / var(--tw-text-opacity)); --tw-text-opacity: 0.2; } .btn.loading.btn-circle:before, .btn.loading.btn-square:before { margin-right: 0; } .btn.loading.btn-lg:before, .btn.loading.btn-xl:before { height: 1.25rem; width: 1.25rem; } .btn.loading.btn-sm:before, .btn.loading.btn-xs:before { height: 0.75rem; width: 0.75rem; } .btn-group > .btn-active, .btn-group > input[type="radio"]:checked.btn { --tw-border-opacity: 1; border-color: hsl(var(--p) / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: hsl(var(--p) / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: hsl(var(--pc) / var(--tw-text-opacity)); } .btn-group > .btn-active:focus-visible, .btn-group > input[type="radio"]:checked.btn:focus-visible { outline: 2px solid hsl(var(--p)); } @keyframes button-pop { 0% { transform: scale(var(--btn-focus-scale, 0.95)); } 40% { transform: scale(1.02); } to { transform: scale(1); } } .carousel::-webkit-scrollbar { display: none; } @keyframes checkmark { 0% { background-position-y: 5px; } 50% { background-position-y: -2px; } to { background-position-y: 0; } } .dropdown.dropdown-hover:hover .dropdown-content, .dropdown.dropdown-open .dropdown-content, .dropdown:focus .dropdown-content, .dropdown:focus-within .dropdown-content { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .label a:hover { --tw-text-opacity: 1; color: hsl(var(--bc) / var(--tw-text-opacity)); } .link:focus { outline: 2px solid transparent; outline-offset: 2px; } .link:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; } .menu.horizontal > li.bordered > a, .menu.horizontal > li.bordered > button, .menu.horizontal > li.bordered > span { border-left-width: 0; border-bottom-width: 4px; --tw-border-opacity: 1; border-color: hsl(var(--p) / var(--tw-border-opacity)); } .menu[class*=" p-"]:not(.menu[class*=" p-0"]) li > *, .menu[class*=" px-"]:not(.menu[class*=" px-0"]) li > *, .menu[class^="p-"]:not(.menu[class^="p-0"]) li > *, .menu[class^="px-"]:not(.menu[class^="px-0"]) li > * { border-radius: var(--rounded-btn, 0.5rem); } .menu :where(li.bordered > *) { border-left-width: 4px; --tw-border-opacity: 1; border-color: hsl(var(--p) / var(--tw-border-opacity)); } .menu :where(li) > :where(:not(ul)) { gap: 0.75rem; padding: 0.75rem 1rem; color: currentColor; } .menu :where(li:not(.menu-title):not(:empty)) > :where(:not(ul):focus), .menu :where(li:not(.menu-title):not(:empty)) > :where(:not(ul):hover) { background-color: hsl(var(--bc) / var(--tw-bg-opacity)); --tw-bg-opacity: 0.1; } .menu :where(li:not(.menu-title):not(:empty)) > :where(:not(ul).active), .menu :where(li:not(.menu-title):not(:empty)) > :where(:not(ul):active) { --tw-bg-opacity: 1; background-color: hsl(var(--p) / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: hsl(var(--pc) / var(--tw-text-opacity)); } .menu :where(li:empty) { margin: 0.5rem 1rem; height: 1px; background-color: hsl(var(--bc) / var(--tw-bg-opacity)); --tw-bg-opacity: 0.1; } .menu li.disabled > * { -webkit-user-select: none; -moz-user-select: none; user-select: none; color: hsl(var(--bc) / var(--tw-text-opacity)); --tw-text-opacity: 0.2; } .menu li.disabled > :hover { background-color: transparent; } .menu li.hover-bordered a { border-left-width: 4px; border-color: transparent; } .menu li.hover-bordered a:hover { --tw-border-opacity: 1; border-color: hsl(var(--p) / var(--tw-border-opacity)); } .menu.compact li > a, .menu.compact li > span { padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; } .menu .menu-title { font-size: 0.75rem; line-height: 1rem; font-weight: 700; opacity: 0.4; } .menu .menu-title > * { padding-top: 0.25rem; padding-bottom: 0.25rem; } .menu :where(li:not(.disabled)) > :where(:not(ul)) { outline: 2px solid transparent; outline-offset: 2px; transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -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-text-decoration-color, -webkit-backdrop-filter; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .menu > :where(li:first-child) { border-top-left-radius: inherit; border-top-right-radius: inherit; border-bottom-right-radius: unset; border-bottom-left-radius: unset; } .menu > :where(li:first-child) > :where(:not(ul)) { border-top-left-radius: inherit; border-top-right-radius: inherit; border-bottom-right-radius: unset; border-bottom-left-radius: unset; } .menu > :where(li:last-child) { border-top-left-radius: unset; border-top-right-radius: unset; border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .menu > :where(li:last-child) > :where(:not(ul)) { border-top-left-radius: unset; border-top-right-radius: unset; border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .menu > :where(li) > :where(ul) :where(li) { width: 100%; white-space: nowrap; } .menu > :where(li) > :where(ul) :where(li) :where(ul) { padding-left: 1rem; } .menu > :where(li) > :where(ul) :where(li) > :where(:not(ul)) { width: 100%; white-space: nowrap; } .menu > :where(li) > :where(ul) > :where(li:first-child) { border-top-left-radius: inherit; border-top-right-radius: inherit; border-bottom-right-radius: unset; border-bottom-left-radius: unset; } .menu > :where(li) > :where(ul) > :where(li:first-child) > :where(:not(ul)) { border-top-left-radius: inherit; border-top-right-radius: inherit; border-bottom-right-radius: unset; border-bottom-left-radius: unset; } .menu > :where(li) > :where(ul) > :where(li:last-child) { border-top-left-radius: unset; border-top-right-radius: unset; border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .menu > :where(li) > :where(ul) > :where(li:last-child) > :where(:not(ul)) { border-top-left-radius: unset; border-top-right-radius: unset; border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .mockup-phone .display { overflow: hidden; border-radius: 40px; margin-top: -25px; } @keyframes progress-loading { 50% { left: 107%; } } @keyframes radiomark { 0% { box-shadow: 0 0 0 12px hsl(var(--b1)) inset, 0 0 0 12px hsl(var(--b1)) inset; } 50% { box-shadow: 0 0 0 3px hsl(var(--b1)) inset, 0 0 0 3px hsl(var(--b1)) inset; } to { box-shadow: 0 0 0 4px hsl(var(--b1)) inset, 0 0 0 4px hsl(var(--b1)) inset; } } .rating input { -moz-appearance: none; appearance: none; -webkit-appearance: none; } .rating .rating-hidden { width: 0.5rem; background-color: transparent; } .rating input:checked ~ input, .rating input[aria-checked="true"] ~ input { --tw-bg-opacity: 0.2; } .rating input:focus-visible { transition-property: transform; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transform: translateY(-0.125em); } .rating input:active:focus { animation: none; transform: translateY(-0.125em); } @keyframes rating-pop { 0% { transform: translateY(-0.125em); } 40% { transform: translateY(-0.125em); } to { transform: translateY(0); } } .table :where(th, td) { white-space: nowrap; padding: 1rem; vertical-align: middle; } .table tr.active td, .table tr.active th, .table tr.active:nth-child(2n) td, .table tr.active:nth-child(2n) th, .table tr.hover:hover td, .table tr.hover:hover th, .table tr.hover:nth-child(2n):hover td, .table tr.hover:nth-child(2n):hover th { --tw-bg-opacity: 1; background-color: hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity)); } .table:where(:not(.table-zebra)) :where(thead, tbody, tfoot) :where(tr:not(:last-child) :where(th, td)) { border-bottom-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity)); } .table :where(thead, tfoot) :where(th, td) { --tw-bg-opacity: 1; background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity)); font-size: 0.75rem; line-height: 1rem; font-weight: 700; text-transform: uppercase; } .table :where(tbody th, tbody td) { --tw-bg-opacity: 1; background-color: hsl(var(--b1) / var(--tw-bg-opacity)); } :where(.table :first-child) :where(:first-child) :where(th, td):first-child { border-top-left-radius: 0.5rem; } :where(.table :first-child) :where(:first-child) :where(th, td):last-child { border-top-right-radius: 0.5rem; } :where(.table :last-child) :where(:last-child) :where(th, td):first-child { border-bottom-left-radius: 0.5rem; } :where(.table :last-child) :where(:last-child) :where(th, td):last-child { border-bottom-right-radius: 0.5rem; } @keyframes toast-pop { 0% { transform: scale(0.9); opacity: 0; } to { transform: scale(1); opacity: 1; } } :root .prose { --tw-prose-body: hsla(var(--bc) / 0.8); --tw-prose-headings: hsl(var(--bc)); --tw-prose-lead: hsl(var(--bc)); --tw-prose-links: hsl(var(--bc)); --tw-prose-bold: hsl(var(--bc)); --tw-prose-counters: hsl(var(--bc)); --tw-prose-bullets: hsla(var(--bc) / 0.5); --tw-prose-hr: hsla(var(--bc) / 0.2); --tw-prose-quotes: hsl(var(--bc)); --tw-prose-quote-borders: hsla(var(--bc) / 0.2); --tw-prose-captions: hsla(var(--bc) / 0.5); --tw-prose-code: hsl(var(--bc)); --tw-prose-pre-code: hsl(var(--nc)); --tw-prose-pre-bg: hsl(var(--n)); --tw-prose-th-borders: hsla(var(--bc) / 0.5); --tw-prose-td-borders: hsla(var(--bc) / 0.2); } .prose :where(code):not(:where([class~="not-prose"] *)) { padding: 2px 8px; border-radius: var(--rounded-badge); } .prose code:after, .prose code:before { content: none; } .prose pre code { border-radius: 0; padding: 0; } .prose :where(tbody tr, thead):not(:where([class~="not-prose"] *)) { border-bottom-color: hsl(var(--bc) / 20%); } .btn-sm { height: 2rem; padding-left: 0.75rem; padding-right: 0.75rem; min-height: 2rem; font-size: 0.875rem; } .btn-square:where(.btn-sm) { height: 2rem; width: 2rem; padding: 0; } .btn-circle:where(.btn-xs) { height: 1.5rem; width: 1.5rem; border-radius: 9999px; padding: 0; } .btn-circle:where(.btn-sm) { height: 2rem; width: 2rem; border-radius: 9999px; padding: 0; } .btn-circle:where(.btn-md) { height: 3rem; width: 3rem; border-radius: 9999px; padding: 0; } .btn-circle:where(.btn-lg) { height: 4rem; width: 4rem; border-radius: 9999px; padding: 0; } .btn-group .btn:not(:first-child):not(:last-child), .btn-group.btn-group-horizontal .btn:not(:first-child):not(:last-child) { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .btn-group .btn:first-child:not(:last-child), .btn-group.btn-group-horizontal .btn:first-child:not(:last-child) { margin-left: -1px; margin-top: 0; border-top-left-radius: var(--rounded-btn, 0.5rem); border-top-right-radius: 0; border-bottom-left-radius: var(--rounded-btn, 0.5rem); border-bottom-right-radius: 0; } .btn-group .btn:last-child:not(:first-child), .btn-group.btn-group-horizontal .btn:last-child:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: var(--rounded-btn, 0.5rem); border-bottom-left-radius: 0; border-bottom-right-radius: var(--rounded-btn, 0.5rem); } .btn-group.btn-group-vertical .btn:first-child:not(:last-child) { margin-left: 0; margin-top: -1px; border-top-left-radius: var(--rounded-btn, 0.5rem); border-top-right-radius: var(--rounded-btn, 0.5rem); border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .btn-group.btn-group-vertical .btn:last-child:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: var(--rounded-btn, 0.5rem); border-bottom-right-radius: var(--rounded-btn, 0.5rem); } .articles { line-height: 1.78; } .articles h2 { font-size: 20px; font-weight: 600; margin-bottom: 16px; } .articles p { font-size: 16px; } .articles p + h2, .articles ul + h2 { padding-top: 48px; } .articles p + p { margin-top: 8px; } .articles ul { list-style: disc; padding-left: 16px; } .fixed { position: fixed; } .absolute { position: absolute; } .relative { position: relative; } .top-0 { top: 0; } .left-0 { left: 0; } .right-0 { right: 0; } .bottom-0 { bottom: 0; } .right-4 { right: 1rem; } .top-4 { top: 1rem; } .left-5 { left: 1.25rem; } .right-5 { right: 1.25rem; } .top-1\/2 { top: 50%; } .z-50 { z-index: 50; } .z-\[1\] { z-index: 1; } .m-auto { margin: auto; } .mx-auto { margin-left: auto; margin-right: auto; } .my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .mt-4 { margin-top: 1rem; } .mb-\[60px\] { margin-bottom: 60px; } .mb-10 { margin-bottom: 2.5rem; } .mb-4 { margin-bottom: 1rem; } .block { display: block; } .inline-block { display: inline-block; } .flex { display: flex; } .inline-flex { display: inline-flex; } .table { display: table; } .hidden { display: none; } .h-full { height: 100%; } .h-12 { height: 3rem; } .h-\[31px\] { height: 31px; } .h-9 { height: 2.25rem; } .h-\[60vw\] { height: 60vw; } .h-10 { height: 2.5rem; } .h-\[74px\] { height: 74px; } .max-h-\[300px\] { max-height: 300px; } .w-full { width: 100%; } .w-\[100px\] { width: 100px; } .w-0 { width: 0; } .w-\[160px\] { width: 160px; } .max-w-\[92\%\] { max-width: 92%; } .max-w-full { max-width: 100%; } .flex-1 { flex: 1 1 0%; } .-translate-y-1\/2 { --tw-translate-y: -50%; } .-translate-y-1\/2, .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)); } .cursor-pointer { cursor: pointer; } .select-none { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .list-none { list-style-type: none; } .flex-col { flex-direction: column; } .items-center { align-items: center; } .justify-end { justify-content: flex-end; } .justify-between { justify-content: space-between; } .gap-4 { gap: 1rem; } .gap-\[60px\] { gap: 60px; } .gap-0\.5 { gap: 0.125rem; } .gap-0 { gap: 0; } .gap-2 { gap: 0.5rem; } .whitespace-normal { white-space: normal; } .break-words { overflow-wrap: break-word; } .rounded-full { border-radius: 9999px; } .rounded-2xl { border-radius: 1rem; } .rounded-xl { border-radius: 0.75rem; } .rounded-tl-xl { border-top-left-radius: 0.75rem; } .rounded-tr-xl { border-top-right-radius: 0.75rem; } .border { border-width: 1px; } .border-solid { border-style: solid; } .border-\[\#212121\] { --tw-border-opacity: 1; border-color: rgb(33 33 33 / var(--tw-border-opacity)); } .border-primary { --tw-border-opacity: 1; border-color: rgb(255 167 2 / var(--tw-border-opacity)); } .bg-black-88 { background-color: rgba(0, 0, 0, 0.88); } .bg-white-12 { background-color: hsla(0, 0%, 100%, 0.12); } .bg-white-08 { background-color: hsla(0, 0%, 100%, 0.08); } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .bg-black-08 { background-color: rgba(0, 0, 0, 0.08); } .bg-\[\#151515\] { --tw-bg-opacity: 1; background-color: rgb(21 21 21 / var(--tw-bg-opacity)); } .bg-slogen_bg { --tw-bg-opacity: 1; background-color: rgb(255 167 2 / var(--tw-bg-opacity)); } .object-contain { -o-object-fit: contain; object-fit: contain; } .object-center { -o-object-position: center; object-position: center; } .p-2 { padding: 0.5rem; } .p-4 { padding: 1rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .py-8 { padding-top: 2rem; padding-bottom: 2rem; } .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .pb-4 { padding-bottom: 1rem; } .pt-12 { padding-top: 3rem; } .pt-3 { padding-top: 0.75rem; } .pb-6 { padding-bottom: 1.5rem; } .pt-\[88px\] { padding-top: 88px; } .pb-3 { padding-bottom: 0.75rem; } .pb-8 { padding-bottom: 2rem; } .text-center { text-align: center; } .text-right { text-align: right; } .text-sm { font-size: 0.875rem; line-height: 1.25rem; } .text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .text-base { font-size: 1rem; line-height: 1.5rem; } .text-2xl { font-size: 1.5rem; line-height: 2rem; } .text-lg { font-size: 1.125rem; line-height: 1.75rem; } .text-xs { font-size: 0.75rem; line-height: 1rem; } .font-bold { font-weight: 700; } .leading-9 { line-height: 2.25rem; } .leading-10 { line-height: 2.5rem; } .text-primary { --tw-text-opacity: 1; color: rgb(255 167 2 / var(--tw-text-opacity)); } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .text-white-88 { color: hsla(0, 0%, 100%, 0.88); } .text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .text-black-88 { color: rgba(0, 0, 0, 0.88); } .underline { -webkit-text-decoration-line: underline; text-decoration-line: underline; } .shadow { --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); } .shadow, .shadow-card { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-card { --tw-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px; --tw-shadow-colored: 0px 6px 16px var(--tw-shadow-color); } .blur { --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .backdrop-blur-\[10px\] { --tw-backdrop-blur: blur(10px); -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); } .active\:opacity-75:active { opacity: 0.75; } .active\:opacity-70:active { opacity: 0.7; } @media (min-width: 1280px) { .xl\:sticky { position: sticky; } .xl\:top-\[72px\] { top: 72px; } .xl\:flex { display: flex; } .xl\:table-cell { display: table-cell; } .xl\:hidden { display: none; } .xl\:h-\[72px\] { height: 72px; } .xl\:h-\[41px\] { height: 41px; } .xl\:h-24 { height: 6rem; } .xl\:h-10 { height: 2.5rem; } .xl\:h-\[440px\] { height: 440px; } .xl\:h-0 { height: 0; } .xl\:h-14 { height: 3.5rem; } .xl\:w-\[134px\] { width: 134px; } .xl\:w-\[58\%\] { width: 58%; } .xl\:w-\[33\%\] { width: 33%; } .xl\:max-w-\[1000px\] { max-width: 1000px; } .xl\:max-w-\[40\%\] { max-width: 40%; } .xl\:max-w-\[1280px\] { max-width: 1280px; } .xl\:max-w-\[1400px\] { max-width: 1400px; } .xl\:gap-\[80px\] { gap: 80px; } .xl\:rounded-xl { border-radius: 0.75rem; } .xl\:p-6 { padding: 1.5rem; } .xl\:py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .xl\:py-\[140px\] { padding-top: 140px; padding-bottom: 140px; } .xl\:py-20 { padding-top: 5rem; padding-bottom: 5rem; } .xl\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .xl\:pb-6 { padding-bottom: 1.5rem; } .xl\:pt-\[72px\] { padding-top: 72px; } .xl\:pt-5 { padding-top: 1.25rem; } .xl\:pb-10 { padding-bottom: 2.5rem; } .xl\:pt-\[212px\] { padding-top: 212px; } .xl\:text-5xl { font-size: 3rem; line-height: 1; } .xl\:text-base { font-size: 1rem; line-height: 1.5rem; } .xl\:text-xl { font-size: 1.25rem; line-height: 1.75rem; } .xl\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .xl\:text-lg { font-size: 1.125rem; line-height: 1.75rem; } .xl\:leading-10 { line-height: 2.5rem; } .xl\:leading-\[56px\] { line-height: 56px; } } </style>JanitorAI: Best AI NSFW chat bots for anime lovers

JanitorAI: Best AI NSFW chat bots for anime lovers

❮❯ Janitor AI is an anime-style character chat robot website. Users need to use the API of Open AI or Kobold AI to chat, while Janitor AI is also developing its own JanitorLLM. Janitor AI supports NSFW roles, whose AI sexting capability is very attractive to certain groups of users. ⭐ Pricing: 8 Janitor AI … Continue reading JanitorAI: Best AI NSFW chat bots for anime lovers