/*! Blowfish | MIT License | https://github.com/nunocoracao/blowfish */ #zen-mode-button { cursor:pointer } .zen-mode { position: relative; } body.zen-mode-enable { #bmc-wbtn, .author { display:none !important; } } /*! tailwindcss v3.4.4 | 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] { 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 } } *, ::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: } .container { width:100% } @media (min-width: 640px) { .container { max-width:640px } } @media (min-width: 853px) { .container { max-width:853px } } @media (min-width: 1024px) { .container { max-width:1024px } } @media (min-width: 1280px) { .container { max-width:1280px } } @media (min-width: 1536px) { .container { max-width:1536px } } .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 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 } .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; text-align:start; 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(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: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 } .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 } .\!visible { visibility:visible !important } .visible { visibility:visible } .invisible { visibility:hidden } .collapse { visibility:collapse } .static { position:static } .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-\[1040\] { z-index:1040 } .z-\[1070\] { z-index:1070 } .z-\[1080\] { z-index:1080 } .z-\[1\] { z-index:1 } .z-\[2\] { z-index:2 } .z-\[999\] { z-index:999 } .order-first { order:-9999 } .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-border { box-sizing:border-box } .box-content { box-sizing:content-box } .\!block { display:block !important } .block { display:block } .inline-block { display:inline-block } .inline { display:inline } .flex { display:flex } .table { display:table } .grid { display:grid } .hidden { display:none } .\!h-px { height:1px !important } .h-0 { height:0px } .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-auto { height:auto } .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-0 { width:0px } .w-12 { width:3rem } .w-2 { width:0.5rem } .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-\[30px\] { width:30px } .w-auto { width:auto } .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-\[200px\] { max-width:200px } .max-w-\[267px\] { max-width:267px } .max-w-\[5rem\] { max-width:5rem } .max-w-\[64rem\] { max-width:64rem } .max-w-\[calc\(100\%-1rem\)\] { max-width:calc(100% - 1rem) } .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 } .shrink-0 { flex-shrink:0 } .grow { flex-grow:1 } .grow-0 { flex-grow:0 } .basis-auto { flex-basis:auto } .-translate-x-full { --tw-translate-x:-100%; transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .-translate-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)) } .translate-x-full { --tw-translate-x:100%; transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .scale-0 { --tw-scale-x:0; --tw-scale-y:0; transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .scale-100 { --tw-scale-x:1; --tw-scale-y:1; transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .scale-\[1\.02\] { --tw-scale-x:1.02; --tw-scale-y:1.02; 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)) } .transform-none { transform:none } @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 } .touch-none { touch-action:none } .touch-pan-y { --tw-pan-y:pan-y; touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom) } .resize { resize:both } .list-none { list-style-type:none } .appearance-none { -webkit-appearance:none; -moz-appearance:none; appearance:none } .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 } .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-normal { white-space:normal } .\!whitespace-nowrap { white-space:nowrap !important } .break-normal { overflow-wrap:normal; word-break:normal } .break-words { overflow-wrap:break-word } .\!rounded-md { border-radius:0.375rem !important } .rounded { border-radius:0.25rem } .rounded-2xl { border-radius:1rem } .rounded-\[50\%\] { border-radius:50% } .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 } .rounded-e-\[0\.25rem\] { border-start-end-radius:0.25rem; border-end-end-radius:0.25rem } .rounded-s-\[0\.25rem\] { border-start-start-radius:0.25rem; border-end-start-radius:0.25rem } .rounded-t-lg { border-top-left-radius:0.5rem; border-top-right-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-b-2 { border-bottom-width:2px } .border-e-0 { border-inline-end-width:0px } .border-l-2 { border-left-width:2px } .border-s-0 { border-inline-start-width:0px } .border-s-\[0\.125rem\] { border-inline-start-width:0.125rem } .border-t { border-top-width:1px } .border-solid { border-style:solid } .border-dotted { border-style:dotted } .border-neutral-100 { --tw-border-opacity:1; border-color:rgba(var(--color-neutral-100), var(--tw-border-opacity)) } .border-neutral-200 { --tw-border-opacity:1; border-color:rgba(var(--color-neutral-200), var(--tw-border-opacity)) } .border-neutral-300 { --tw-border-opacity:1; border-color:rgba(var(--color-neutral-300), var(--tw-border-opacity)) } .border-primary-400 { --tw-border-opacity:1; border-color:rgba(var(--color-primary-400), var(--tw-border-opacity)) } .border-primary-500 { --tw-border-opacity:1; border-color:rgba(var(--color-primary-500), var(--tw-border-opacity)) } .border-secondary-500 { --tw-border-opacity:1; border-color:rgba(var(--color-secondary-500), var(--tw-border-opacity)) } .border-transparent { border-color:transparent } .border-t-transparent { border-top-color:transparent } .bg-\[\#6d6d6d\] { --tw-bg-opacity:1; background-color:rgb(109 109 109 / var(--tw-bg-opacity)) } .bg-neutral { --tw-bg-opacity:1; background-color:rgba(var(--color-neutral), var(--tw-bg-opacity)) } .bg-neutral-100 { --tw-bg-opacity:1; background-color:rgba(var(--color-neutral-100), var(--tw-bg-opacity)) } .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)) } .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)) } .bg-primary-200 { --tw-bg-opacity:1; background-color:rgba(var(--color-primary-200), var(--tw-bg-opacity)) } .bg-primary-500 { --tw-bg-opacity:1; background-color:rgba(var(--color-primary-500), var(--tw-bg-opacity)) } .bg-primary-600 { --tw-bg-opacity:1; background-color:rgba(var(--color-primary-600), var(--tw-bg-opacity)) } .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 { padding:0.25rem } .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-\[0\.4rem\] { padding-left:0.4rem; padding-right:0.4rem } .px-\[30px\] { padding-left:30px; padding-right:30px } .py-1 { padding-top:0.25rem; padding-bottom:0.25rem } .py-1\.5 { padding-top:0.375rem; padding-bottom:0.375rem } .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-\[0\.4rem\] { padding-top:0.4rem; padding-bottom:0.4rem } .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-\[24px\] { padding-left:24px } .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-bottom { vertical-align:bottom } .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 } .normal-case { text-transform:none } .italic { font-style:italic } .not-italic { font-style:normal } .leading-3 { line-height:.75rem } .leading-6 { line-height:1.5rem } .leading-7 { line-height:1.75rem } .leading-\[1\.6\] { line-height:1.6 } .tracking-normal { letter-spacing:0em } .\!text-neutral { --tw-text-opacity:1 !important; color:rgba(var(--color-neutral), var(--tw-text-opacity)) !important } .text-neutral-200 { --tw-text-opacity:1; color:rgba(var(--color-neutral-200), var(--tw-text-opacity)) } .text-neutral-300 { --tw-text-opacity:1; color:rgba(var(--color-neutral-300), var(--tw-text-opacity)) } .text-neutral-400 { --tw-text-opacity:1; color:rgba(var(--color-neutral-400), var(--tw-text-opacity)) } .text-neutral-50 { --tw-text-opacity:1; color:rgba(var(--color-neutral-50), var(--tw-text-opacity)) } .text-neutral-500 { --tw-text-opacity:1; color:rgba(var(--color-neutral-500), var(--tw-text-opacity)) } .text-neutral-700 { --tw-text-opacity:1; color:rgba(var(--color-neutral-700), var(--tw-text-opacity)) } .text-neutral-800 { --tw-text-opacity:1; color:rgba(var(--color-neutral-800), var(--tw-text-opacity)) } .text-neutral-900 { --tw-text-opacity:1; color:rgba(var(--color-neutral-900), var(--tw-text-opacity)) } .text-primary-100 { --tw-text-opacity:1; color:rgba(var(--color-primary-100), var(--tw-text-opacity)) } .text-primary-300 { --tw-text-opacity:1; color:rgba(var(--color-primary-300), var(--tw-text-opacity)) } .text-primary-400 { --tw-text-opacity:1; color:rgba(var(--color-primary-400), var(--tw-text-opacity)) } .text-primary-500 { --tw-text-opacity:1; color:rgba(var(--color-primary-500), var(--tw-text-opacity)) } .text-primary-600 { --tw-text-opacity:1; color:rgba(var(--color-primary-600), var(--tw-text-opacity)) } .text-primary-700 { --tw-text-opacity:1; color:rgba(var(--color-primary-700), var(--tw-text-opacity)) } .text-primary-800 { --tw-text-opacity:1; color:rgba(var(--color-primary-800), var(--tw-text-opacity)) } .text-transparent { color:transparent } .\!no-underline { text-decoration-line:none !important } .no-underline { text-decoration-line:none } .decoration-neutral-300 { text-decoration-color:rgba(var(--color-neutral-300), 1) } .decoration-primary-500 { text-decoration-color:rgba(var(--color-primary-500), 1) } .underline-offset-auto { text-underline-offset:auto } .\!opacity-0 { opacity:0 !important } .\!opacity-100 { opacity:1 !important } .opacity-0 { opacity:0 } .opacity-100 { opacity:1 } .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 { --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) } .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) } .blur { --tw-blur:blur(8px); filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) } .filter { filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) } .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-\[height\] { transition-property:height; transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1); transition-duration:150ms } .transition-\[transform\2c _opacity\] { transition-property:transform, opacity; transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1); transition-duration:150ms } .transition-\[width\] { transition-property:width; transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1); transition-duration:150ms } .transition-all { transition-property:all; transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1); transition-duration:150ms } .transition-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-200 { transition-duration:200ms } .duration-300 { transition-duration:300ms } .duration-\[350ms\] { transition-duration:350ms } .duration-\[600ms\] { transition-duration:600ms } .ease-\[cubic-bezier\(0\2c 0\2c 0\.15\2c 1\)\2c _cubic-bezier\(0\2c 0\2c 0\.15\2c 1\)\] { transition-timing-function:cubic-bezier(0,0,0.15,1), cubic-bezier(0,0,0.15,1) } .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) } .ease-linear { transition-timing-function:linear } .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 } 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 } /* Scale SVG icons to text size */ .icon svg { height:1em; width:1em } /* 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 } /* Hamburger menu */ body:has(#menu-controller:checked) { overflow-y:hidden } #menu-button:has(#menu-controller:checked) { visibility:hidden } #menu-controller:checked~#menu-wrapper { visibility:visible; opacity:1 } /* RTL support */ .prose blockquote:where([dir="rtl"], [dir="rtl"] *) { border-left-width:0px; border-right-width:4px; padding-right:1rem } .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 } .prose ol>li:where([dir="rtl"], [dir="rtl"] *):before, .prose ul>li:where([dir="rtl"], [dir="rtl"] *):before { left:auto; right:0.25rem } .prose thead td:first-child:where([dir="rtl"], [dir="rtl"] *), .prose thead th:first-child:where([dir="rtl"], [dir="rtl"] *) { padding-right:0px } .prose thead td:last-child:where([dir="rtl"], [dir="rtl"] *), .prose thead th:last-child:where([dir="rtl"], [dir="rtl"] *) { padding-left:0px } /* Adjust first child within prose */ .prose div.min-w-0.max-w-prose>*:first-child { margin-top:0.75rem } /* Table of Contents */ .toc ul, .toc li { list-style-type:none; padding-left:0px; padding-right:0px; line-height:1.375 } .toc ul ul:where([dir="ltr"], [dir="ltr"] *) { padding-left:1rem } .toc ul ul:where([dir="rtl"], [dir="rtl"] *) { padding-right:1rem } .toc a { font-weight:400; --tw-text-opacity:1; color:rgba(var(--color-neutral-700), var(--tw-text-opacity)) } .toc a:is(.dark *) { --tw-text-opacity:1; color:rgba(var(--color-neutral-400), var(--tw-text-opacity)) } .toc ul>li:where([dir="rtl"], [dir="rtl"] *) { margin-right:0px } /* Code Copy */ .highlight-wrapper { display:block } .highlight { position:relative; z-index:0 } .highlight:hover>.copy-button { visibility:visible } .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 } .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)) } .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)) } .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)) } .copy-textarea { position:absolute; z-index:-10; opacity:0.05 } /* Fix long KaTeX equations on mobile (see https://katex.org/docs/issues.html#css-customization) */ .katex-display { overflow: auto hidden } /* Fix long tables breaking out of article on mobile */ table { display: block; overflow: auto; } /* Fix long inline code sections breaking out of article on mobile */ code { word-wrap: break-word; /* All browsers since IE 5.5+ */ overflow-wrap: break-word; /* Renamed property in CSS3 draft spec */ } /* -- Chroma Highlight -- */ /* Background */ .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)) } .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)) } /* LineTableTD */ .chroma .lntd, .chroma .lntd pre { margin:0px; border-style:none; padding:0px; vertical-align:top } /* LineTable */ .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 } /* 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)); padding-left:1rem; padding-right:1rem } .chroma .hl:is(.dark *) { --tw-bg-opacity:1; background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity)) } .chroma .lntd .hl { margin:0px; padding:0px } /* LineNumbersTable */ /* LineNumbers */ .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)) } .chroma .lnt:is(.dark *), .chroma .ln:is(.dark *) { --tw-text-opacity:1; color:rgba(var(--color-neutral-300), var(--tw-text-opacity)) } /* Keyword */ /* KeywordDeclaration */ /* KeywordNamespace */ /* KeywordPseudo */ /* KeywordReserved */ /* NameClass */ /* NameFunctionMagic */ /* NameNamespace */ /* NameVariableClass */ /* Operator */ .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)) } .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)) } /* KeywordConstant */ .chroma .kc { font-weight:600; --tw-text-opacity:1; color:rgba(var(--color-secondary-400), var(--tw-text-opacity)) } .chroma .kc:is(.dark *) { --tw-text-opacity:1; color:rgba(var(--color-secondary-500), var(--tw-text-opacity)) } /* KeywordType */ /* NameVariable */ /* NameVariableInstance */ /* NameVariableMagic */ /* LiteralNumber */ /* LiteralNumberBin */ /* LiteralNumberFloat */ /* LiteralNumberHex */ /* LiteralNumberInteger */ /* LiteralNumberIntegerLong */ /* LiteralNumberOct */ .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)) } .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)) } /* Name */ /* NameDecorator */ /* NameEntity */ /* NameLabel */ .chroma .n, .chroma .nd, .chroma .ni, .chroma .nl { --tw-text-opacity:1; color:rgba(var(--color-secondary-900), var(--tw-text-opacity)) } .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)) } /* NameAttribute */ /* NameBuiltin */ /* NameBuiltinPseudo */ /* NameOther */ /* NameProperty */ /* NameTag */ .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)) } .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)) } /* NameConstant */ /* NameException */ /* NameVariableGlobal */ .chroma .no, .chroma .ne, .chroma .vg { font-weight:600; --tw-text-opacity:1; color:rgba(var(--color-secondary-400), var(--tw-text-opacity)) } .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)) } /* NameFunction */ .chroma .nf { --tw-text-opacity:1; color:rgba(var(--color-secondary-600), var(--tw-text-opacity)) } .chroma .nf:is(.dark *) { --tw-text-opacity:1; color:rgba(var(--color-secondary-500), var(--tw-text-opacity)) } /* Literal */ /* LiteralDate */ /* LiteralString */ /* LiteralStringAffix */ /* LiteralStringBacktick */ /* LiteralStringChar */ /* LiteralStringDelimiter */ /* LiteralStringDoc */ /* LiteralStringDouble */ /* LiteralStringHeredoc */ /* LiteralStringInterpol */ /* LiteralStringOther */ /* LiteralStringSingle */ /* GenericInserted */ /* GenericOutput */ /* GenericPrompt */ .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)) } .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)) } /* LiteralStringEscape */ .chroma .se { font-weight:600; --tw-text-opacity:1; color:rgba(var(--color-secondary-400), var(--tw-text-opacity)) } .chroma .se:is(.dark *) { --tw-text-opacity:1; color:rgba(var(--color-secondary-500), var(--tw-text-opacity)) } /* LiteralStringRegex */ /* LiteralStringSymbol */ .chroma .sr, .chroma .ss { font-weight:600; --tw-text-opacity:1; color:rgba(var(--color-primary-800), var(--tw-text-opacity)) } .chroma .sr:is(.dark *), .chroma .ss:is(.dark *) { --tw-text-opacity:1; color:rgba(var(--color-primary-400), var(--tw-text-opacity)) } /* OperatorWord */ .chroma .ow { font-weight:600; --tw-text-opacity:1; color:rgba(var(--color-primary-400), var(--tw-text-opacity)) } .chroma .ow:is(.dark *) { --tw-text-opacity:1; color:rgba(var(--color-primary-600), var(--tw-text-opacity)) } /* Comment */ /* 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)) } .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)) } /* CommentHashbang */ .chroma .ch { font-weight:600; font-style:italic; --tw-text-opacity:1; color:rgba(var(--color-neutral-500), var(--tw-text-opacity)) } .chroma .ch:is(.dark *) { --tw-text-opacity:1; color:rgba(var(--color-neutral-400), var(--tw-text-opacity)) } /* GenericEmph */ .chroma .ge { font-style:italic } /* GenericHeading */ .chroma .gh { font-weight:600; --tw-text-opacity:1; color:rgba(var(--color-neutral-500), var(--tw-text-opacity)) } /* GenericStrong */ .chroma .gs { font-weight:600 } /* GenericSubheading */ /* GenericTraceback */ .chroma .gu, .chroma .gt { --tw-text-opacity:1; color:rgba(var(--color-neutral-500), var(--tw-text-opacity)) } /* GenericUnderline */ .chroma .gl { text-decoration-line:underline } /* Custom */ pre { text-align: left; } .thumbnail { min-width: 300px; height: 180px; background-repeat:no-repeat; background-size:cover; background-position:center; } .thumbnail_card { height: 200px; background-repeat:no-repeat; background-size:cover; background-position:center; } .thumbnail_card_related { height: 150px; background-repeat:no-repeat; background-size:cover; background-position:center; } .thumbnail_card_term { height: 150px; background-repeat:no-repeat; background-size:cover; background-position:center; } .single_hero_basic { background-repeat:no-repeat; background-size:cover; background-position:center; } .single_hero_round { max-height: 50vh; -o-object-fit: cover; object-fit: cover; } .single_hero_background { background-repeat:no-repeat; background-size:cover; background-position:center; width: calc(100% + 40px); z-index: -10; margin-left: -20px; } .hero_gradient { width: 100%; height: 100%; } .thumbnailshadow { box-shadow: 5px 5px 20px 1px rgba(0, 0, 0, 0.3); } .anchor { display: block; position: relative; top: -150px; height: 0px; visibility: hidden; } @media (min-width: 640px) { .thumbnail { min-width: 100%; height: 180px; } .article { flex-wrap: wrap; } } @media (min-width: 853px) { .thumbnail { min-width: 300px; min-height: 180px; height: auto; } .article { flex-wrap: nowrap; } } .medium-zoom-image--opened { z-index: 100; } .nested-menu:hover + .menuhide { visibility: visible; opacity: 1; transition: visibility 0.3s, opacity 0.3s ease-in-out ; } .menuhide:hover { visibility: visible; opacity: 1; transition: visibility 0.3s, opacity 0.3s ease-in-out ; } .menuhide { visibility: hidden; opacity: 0; transition: visibility 0.3s, opacity 0.3s ease-in-out ; z-index: 1000; } .active { text-decoration-line: underline; text-decoration-thickness: 3px; text-underline-offset: 4px; } /* Gallery Specific Styles */ .grid-w10 { width: calc(10% - 5px); margin: 0px !important; } .grid-w15 { width: calc(15% - 5px); margin: 0px !important; } .grid-w20 { width: calc(20% - 5px); margin: 0px !important; } .grid-w25 { width: calc(25% - 5px); margin: 0px !important; } .grid-w30 { width: calc(30% - 5px); margin: 0px !important; } .grid-w33 { width: calc(33% - 5px); margin: 0px !important; } .grid-w35 { width: calc(35% - 5px); margin: 0px !important; } .grid-w40 { width: calc(40% - 5px); margin: 0px !important; } .grid-w45 { width: calc(45% - 5px); margin: 0px !important; } .grid-w50 { width: calc(50% - 5px); margin: 0px !important; } .grid-w55 { width: calc(55% - 5px); margin: 0px !important; } .grid-w60 { width: calc(60% - 5px); margin: 0px !important; } .grid-w65 { width: calc(65% - 5px); margin: 0px !important; } .grid-w66 { width: calc(66% - 5px); margin: 0px !important; } .grid-w70 { width: calc(70% - 5px); margin: 0px !important; } .grid-w75 { width: calc(75% - 5px); margin: 0px !important; } .grid-w80 { width: calc(80% - 5px); margin: 0px !important; } .grid-w85 { width: calc(85% - 5px); margin: 0px !important; } .grid-w90 { width: calc(90% - 5px); margin: 0px !important; } .grid-w95 { width: calc(95% - 5px); margin: 0px !important; } .grid-w100 { width: calc(100% - 5px); margin: 0px !important; } @media (min-width: 640px) { .sm\:grid-w10 { width: calc(10% - 5px); margin: 0px !important; } .sm\:grid-w15 { width: calc(15% - 5px); margin: 0px !important; } .sm\:grid-w20 { width: calc(20% - 5px); margin: 0px !important; } .sm\:grid-w25 { width: calc(25% - 5px); margin: 0px !important; } .sm\:grid-w30 { width: calc(30% - 5px); margin: 0px !important; } .sm\:grid-w33 { width: calc(33% - 5px); margin: 0px !important; } .sm\:grid-w35 { width: calc(35% - 5px); margin: 0px !important; } .sm\:grid-w40 { width: calc(40% - 5px); margin: 0px !important; } .sm\:grid-w45 { width: calc(45% - 5px); margin: 0px !important; } .sm\:grid-w50 { width: calc(50% - 5px); margin: 0px !important; } .sm\:grid-w55 { width: calc(55% - 5px); margin: 0px !important; } .sm\:grid-w60 { width: calc(60% - 5px); margin: 0px !important; } .sm\:grid-w65 { width: calc(65% - 5px); margin: 0px !important; } .sm\:grid-w66 { width: calc(66% - 5px); margin: 0px !important; } .sm\:grid-w70 { width: calc(70% - 5px); margin: 0px !important; } .sm\:grid-w75 { width: calc(75% - 5px); margin: 0px !important; } .sm\:grid-w80 { width: calc(80% - 5px); margin: 0px !important; } .sm\:grid-w85 { width: calc(85% - 5px); margin: 0px !important; } .sm\:grid-w90 { width: calc(90% - 5px); margin: 0px !important; } .sm\:grid-w95 { width: calc(95% - 5px); margin: 0px !important; } .sm\:grid-w100 { width: calc(100% - 5px); margin: 0px !important; } } @media (min-width: 853px) { .md\:grid-w10 { width: calc(10% - 5px); margin: 0px !important; } .md\:grid-w15 { width: calc(15% - 5px); margin: 0px !important; } .md\:grid-w20 { width: calc(20% - 5px); margin: 0px !important; } .md\:grid-w25 { width: calc(25% - 5px); margin: 0px !important; } .md\:grid-w30 { width: calc(30% - 5px); margin: 0px !important; } .md\:grid-w33 { width: calc(33% - 5px); margin: 0px !important; } .md\:grid-w35 { width: calc(35% - 5px); margin: 0px !important; } .md\:grid-w40 { width: calc(40% - 5px); margin: 0px !important; } .md\:grid-w45 { width: calc(45% - 5px); margin: 0px !important; } .md\:grid-w50 { width: calc(50% - 5px); margin: 0px !important; } .md\:grid-w55 { width: calc(55% - 5px); margin: 0px !important; } .md\:grid-w60 { width: calc(60% - 5px); margin: 0px !important; } .md\:grid-w65 { width: calc(65% - 5px); margin: 0px !important; } .md\:grid-w66 { width: calc(66% - 5px); margin: 0px !important; } .md\:grid-w70 { width: calc(70% - 5px); margin: 0px !important; } .md\:grid-w75 { width: calc(75% - 5px); margin: 0px !important; } .md\:grid-w80 { width: calc(80% - 5px); margin: 0px !important; } .md\:grid-w85 { width: calc(85% - 5px); margin: 0px !important; } .md\:grid-w90 { width: calc(90% - 5px); margin: 0px !important; } .md\:grid-w95 { width: calc(95% - 5px); margin: 0px !important; } .md\:grid-w100 { width: calc(100% - 5px); margin: 0px !important; } } @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; } } @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; } .xl\:grid-w85 { width: calc(85% - 5px); margin: 0px !important; } .xl\:grid-w90 { width: calc(90% - 5px); margin: 0px !important; } .xl\:grid-w95 { width: calc(95% - 5px); margin: 0px !important; } .xl\:grid-w100 { width: calc(100% - 5px); margin: 0px !important; } } @media (min-width: 1536px) { .2xl\:grid-w10 { width: calc(10% - 5px); margin: 0px !important; } .2xl\:grid-w15 { width: calc(15% - 5px); margin: 0px !important; } .2xl\:grid-w20 { width: calc(20% - 5px); margin: 0px !important; } .2xl\:grid-w25 { width: calc(25% - 5px); margin: 0px !important; } .2xl\:grid-w30 { width: calc(30% - 5px); margin: 0px !important; } .2xl\:grid-w33 { width: calc(33% - 5px); margin: 0px !important; } .2xl\:grid-w35 { width: calc(35% - 5px); margin: 0px !important; } .2xl\:grid-w40 { width: calc(40% - 5px); margin: 0px !important; } .2xl\:grid-w45 { width: calc(45% - 5px); margin: 0px !important; } .2xl\:grid-w50 { width: calc(50% - 5px); margin: 0px !important; } .2xl\:grid-w55 { width: calc(55% - 5px); margin: 0px !important; } .2xl\:grid-w60 { width: calc(60% - 5px); margin: 0px !important; } .2xl\:grid-w65 { width: calc(65% - 5px); margin: 0px !important; } .2xl\:grid-w66 { width: calc(66% - 5px); margin: 0px !important; } .2xl\:grid-w70 { width: calc(70% - 5px); margin: 0px !important; } .2xl\:grid-w75 { width: calc(75% - 5px); margin: 0px !important; } .2xl\:grid-w80 { width: calc(80% - 5px); margin: 0px !important; } .2xl\:grid-w85 { width: calc(85% - 5px); margin: 0px !important; } .2xl\:grid-w90 { width: calc(90% - 5px); margin: 0px !important; } .2xl\:grid-w95 { width: calc(95% - 5px); margin: 0px !important; } .2xl\:grid-w100 { width: calc(100% - 5px); margin: 0px !important; } } /* Carousel Specific Styles */ .ratio-16-9 { padding-top: 56.25%; } /* 16:9 Aspect Ratio */ .ratio-21-9 { padding-top: 42.85%; } /* 21:9 Aspect Ratio */ .ratio-32-9 { padding-top: 28.125%; } /* 32:9 Aspect Ratio */ @media (min-width: 640px) { .sm\:ratio-16-9 { padding-top: 56.25%; } /* 16:9 Aspect Ratio */ .sm\:ratio-21-9 { padding-top: 42.85%; } /* 21:9 Aspect Ratio */ .sm\:ratio-32-9 { padding-top: 28.125%; } /* 32:9 Aspect Ratio */ } @media (min-width: 853px) { .md\:ratio-16-9 { padding-top: 56.25%; } /* 16:9 Aspect Ratio */ .md\:ratio-21-9 { padding-top: 42.85%; } /* 21:9 Aspect Ratio */ .md\:ratio-32-9 { padding-top: 28.125%; } /* 32:9 Aspect Ratio */ } @media (min-width: 1024px) { .lg\:ratio-16-9 { padding-top: 56.25%; } /* 16:9 Aspect Ratio */ .lg\:ratio-21-9 { padding-top: 42.85%; } /* 21:9 Aspect Ratio */ .lg\:ratio-32-9 { padding-top: 28.125%; } /* 32:9 Aspect Ratio */ } @media (min-width: 1280px) { .xl\:ratio-16-9 { padding-top: 56.25%; } /* 16:9 Aspect Ratio */ .xl\:ratio-21-9 { padding-top: 42.85%; } /* 21:9 Aspect Ratio */ .xl\:ratio-32-9 { padding-top: 28.125%; } /* 32:9 Aspect Ratio */ } @media (min-width: 1536px) { .2xl\:ratio-16-9 { padding-top: 56.25%; } /* 16:9 Aspect Ratio */ .2xl\:ratio-21-9 { padding-top: 42.85%; } /* 21:9 Aspect Ratio */ .2xl\:ratio-32-9 { padding-top: 28.125%; } /* 32:9 Aspect Ratio */ } .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 } .empty\:hidden:empty { display:none } .group:hover .group-hover\:text-primary-300 { --tw-text-opacity:1; color:rgba(var(--color-primary-300), var(--tw-text-opacity)) } .group:hover .group-hover\:text-primary-600 { --tw-text-opacity:1; color:rgba(var(--color-primary-600), var(--tw-text-opacity)) } .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 } .data-\[twe-carousel-fade\]\:z-0[data-twe-carousel-fade] { z-index:0 } .data-\[twe-carousel-fade\]\:z-\[1\][data-twe-carousel-fade] { z-index:1 } .data-\[popper-reference-hidden\]\:hidden[data-popper-reference-hidden] { display:none } .data-\[twe-carousel-fade\]\:opacity-0[data-twe-carousel-fade] { opacity:0 } .data-\[twe-carousel-fade\]\:opacity-100[data-twe-carousel-fade] { opacity:1 } .data-\[twe-carousel-fade\]\:duration-\[600ms\][data-twe-carousel-fade] { transition-duration:600ms } .group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-x-0 { border-left-width:0px; border-right-width:0px } .group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-x-0 { border-left-width:0px; border-right-width:0px } .group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-e-0 { border-inline-end-width:0px } .group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-s-0 { border-inline-start-width:0px } .group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-t { border-top-width:1px } .group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-e-0 { border-inline-end-width:0px } .group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-s-0 { border-inline-start-width:0px } .group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-t { border-top-width:1px } .group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-solid { border-style:solid } .group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-solid { border-style:solid } .group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-t-transparent { border-top-color:transparent } .group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-t-transparent { border-top-color:transparent } .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 } .hover\:bg-primary-100:hover { --tw-bg-opacity:1; background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity)) } .hover\:bg-primary-500:hover { --tw-bg-opacity:1; background-color:rgba(var(--color-primary-500), var(--tw-bg-opacity)) } .hover\:bg-primary-600:hover { --tw-bg-opacity:1; background-color:rgba(var(--color-primary-600), var(--tw-bg-opacity)) } .hover\:text-neutral:hover { --tw-text-opacity:1; color:rgba(var(--color-neutral), var(--tw-text-opacity)) } .hover\:text-primary-400:hover { --tw-text-opacity:1; color:rgba(var(--color-primary-400), var(--tw-text-opacity)) } .hover\:text-primary-500:hover { --tw-text-opacity:1; color:rgba(var(--color-primary-500), var(--tw-text-opacity)) } .hover\:text-primary-600:hover { --tw-text-opacity:1; color:rgba(var(--color-primary-600), var(--tw-text-opacity)) } .hover\:text-primary-700:hover { --tw-text-opacity:1; color:rgba(var(--color-primary-700), var(--tw-text-opacity)) } .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)) } .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-400:is(.dark *) { --tw-border-opacity:1; border-color:rgba(var(--color-neutral-400), var(--tw-border-opacity)) } .dark\:border-neutral-600:is(.dark *) { --tw-border-opacity:1; border-color:rgba(var(--color-neutral-600), var(--tw-border-opacity)) } .dark\:border-neutral-700:is(.dark *) { --tw-border-opacity:1; border-color:rgba(var(--color-neutral-700), var(--tw-border-opacity)) } .dark\:border-primary-300:is(.dark *) { --tw-border-opacity:1; border-color:rgba(var(--color-primary-300), var(--tw-border-opacity)) } .dark\:border-primary-600:is(.dark *) { --tw-border-opacity:1; border-color:rgba(var(--color-primary-600), var(--tw-border-opacity)) } .dark\:bg-neutral-400:is(.dark *) { --tw-bg-opacity:1; background-color:rgba(var(--color-neutral-400), var(--tw-bg-opacity)) } .dark\:bg-neutral-600:is(.dark *) { --tw-bg-opacity:1; background-color:rgba(var(--color-neutral-600), var(--tw-bg-opacity)) } .dark\:bg-neutral-700:is(.dark *) { --tw-bg-opacity:1; background-color:rgba(var(--color-neutral-700), var(--tw-bg-opacity)) } .dark\:bg-neutral-800:is(.dark *) { --tw-bg-opacity:1; background-color:rgba(var(--color-neutral-800), var(--tw-bg-opacity)) } .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)) } .dark\:bg-primary-400:is(.dark *) { --tw-bg-opacity:1; background-color:rgba(var(--color-primary-400), var(--tw-bg-opacity)) } .dark\:bg-primary-800:is(.dark *) { --tw-bg-opacity:1; background-color:rgba(var(--color-primary-800), var(--tw-bg-opacity)) } .dark\:bg-primary-900:is(.dark *) { --tw-bg-opacity:1; background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity)) } .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)) } .dark\:text-neutral-100:is(.dark *) { --tw-text-opacity:1; color:rgba(var(--color-neutral-100), var(--tw-text-opacity)) } .dark\:text-neutral-200:is(.dark *) { --tw-text-opacity:1; color:rgba(var(--color-neutral-200), var(--tw-text-opacity)) } .dark\:text-neutral-300:is(.dark *) { --tw-text-opacity:1; color:rgba(var(--color-neutral-300), var(--tw-text-opacity)) } .dark\:text-neutral-400:is(.dark *) { --tw-text-opacity:1; color:rgba(var(--color-neutral-400), var(--tw-text-opacity)) } .dark\:text-neutral-500:is(.dark *) { --tw-text-opacity:1; color:rgba(var(--color-neutral-500), var(--tw-text-opacity)) } .dark\:text-neutral-700:is(.dark *) { --tw-text-opacity:1; color:rgba(var(--color-neutral-700), var(--tw-text-opacity)) } .dark\:text-neutral-800:is(.dark *) { --tw-text-opacity:1; color:rgba(var(--color-neutral-800), var(--tw-text-opacity)) } .dark\:text-primary-200:is(.dark *) { --tw-text-opacity:1; color:rgba(var(--color-primary-200), var(--tw-text-opacity)) } .dark\:text-primary-400:is(.dark *) { --tw-text-opacity:1; color:rgba(var(--color-primary-400), var(--tw-text-opacity)) } .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)) } .group:hover .dark\:group-hover\:text-primary-400:is(.dark *) { --tw-text-opacity:1; color:rgba(var(--color-primary-400), var(--tw-text-opacity)) } .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 } .dark\:hover\:bg-primary-400:hover:is(.dark *) { --tw-bg-opacity:1; background-color:rgba(var(--color-primary-400), var(--tw-bg-opacity)) } .dark\:hover\:bg-primary-900:hover:is(.dark *) { --tw-bg-opacity:1; background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity)) } .dark\:hover\:text-neutral-800:hover:is(.dark *) { --tw-text-opacity:1; color:rgba(var(--color-neutral-800), var(--tw-text-opacity)) } .dark\:hover\:text-primary-400:hover:is(.dark *) { --tw-text-opacity:1; color:rgba(var(--color-primary-400), var(--tw-text-opacity)) } .dark\:focus\:bg-primary-900:focus:is(.dark *) { --tw-bg-opacity:1; background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity)) } @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 } }