diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css index 0bd5d2d1..e69de29b 100644 --- a/assets/css/compiled/main.css +++ b/assets/css/compiled/main.css @@ -1,8169 +0,0 @@ -/*! Blowfish | MIT License | https://github.com/nunocoracao/blowfish */ - -/*! tailwindcss v3.4.0 | 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 */ - 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, -[type='button'], -[type='reset'], -[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; -} - -*, ::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: ; -} - -::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: ; -} - -.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-left: 1.625em; -} - -.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - list-style-type: upper-alpha; -} - -.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - list-style-type: lower-alpha; -} - -.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - list-style-type: upper-alpha; -} - -.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - list-style-type: lower-alpha; -} - -.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - list-style-type: upper-roman; -} - -.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - list-style-type: lower-roman; -} - -.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - list-style-type: upper-roman; -} - -.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - list-style-type: lower-roman; -} - -.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - list-style-type: decimal; -} - -.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - list-style-type: disc; - margin-top: 1.25em; - margin-bottom: 1.25em; - padding-left: 1.625em; -} - -.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { - font-weight: 400; - color: var(--tw-prose-counters); -} - -.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { - color: var(--tw-prose-bullets); -} - -.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: var(--tw-prose-headings); - font-weight: 600; - margin-top: 1.25em; -} - -.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - border-color: var(--tw-prose-hr); - border-top-width: 1px; - margin-top: 3em; - margin-bottom: 3em; -} - -.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-weight: 500; - font-style: italic; - color: var(--tw-prose-quotes); - border-left-width: 0.25rem; - border-left-color: var(--tw-prose-quote-borders); - quotes: "\201C""\201D""\2018""\2019"; - margin-top: 1.6em; - margin-bottom: 1.6em; - padding-left: 1em; -} - -.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { - content: open-quote; -} - -.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { - content: close-quote; -} - -.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: var(--tw-prose-headings); - font-weight: 800; - font-size: 2.25em; - margin-top: 0; - margin-bottom: 0.8888889em; - line-height: 1.1111111; -} - -.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-weight: 900; - color: inherit; -} - -.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: var(--tw-prose-headings); - font-weight: 700; - font-size: 1.5em; - margin-top: 2em; - margin-bottom: 1em; - line-height: 1.3333333; -} - -.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-weight: 800; - color: inherit; -} - -.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: var(--tw-prose-headings); - font-weight: 600; - font-size: 1.25em; - margin-top: 1.6em; - margin-bottom: 0.6em; - line-height: 1.6; -} - -.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-weight: 700; - color: inherit; -} - -.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: var(--tw-prose-headings); - font-weight: 600; - margin-top: 1.5em; - margin-bottom: 0.5em; - line-height: 1.5; -} - -.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-weight: 700; - color: inherit; -} - -.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 2em; - margin-bottom: 2em; -} - -.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - display: block; - margin-top: 2em; - margin-bottom: 2em; -} - -.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-weight: 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-right: 0.375em; - padding-bottom: 0.1875em; - padding-left: 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-right: 1.1428571em; - padding-bottom: 0.8571429em; - padding-left: 1.1428571em; -} - -.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - background-color: transparent; - border-width: 0; - border-radius: 0; - padding: 0; - font-weight: inherit; - color: inherit; - font-size: inherit; - font-family: inherit; - line-height: inherit; -} - -.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { - content: none; -} - -.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { - content: none; -} - -.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - width: 100%; - table-layout: auto; - text-align: left; - margin-top: 2em; - margin-bottom: 2em; - font-size: 0.875em; - line-height: 1.7142857; -} - -.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - border-bottom-width: 1px; - border-bottom-color: var(--tw-prose-th-borders); -} - -.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: var(--tw-prose-headings); - font-weight: 600; - vertical-align: bottom; - padding-right: 0.5714286em; - padding-bottom: 0.5714286em; - padding-left: 0.5714286em; -} - -.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - border-bottom-width: 1px; - border-bottom-color: var(--tw-prose-td-borders); -} - -.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - border-bottom-width: 0; -} - -.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - vertical-align: baseline; -} - -.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - border-top-width: 1px; - border-top-color: var(--tw-prose-th-borders); -} - -.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - vertical-align: top; -} - -.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; - margin-bottom: 0; -} - -.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: var(--tw-prose-captions); - font-size: 0.875em; - line-height: 1.4285714; - margin-top: 0.8571429em; -} - -.prose { - --tw-prose-body: 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(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 2em; - margin-bottom: 2em; -} - -.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0.5em; - margin-bottom: 0.5em; -} - -.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-left: 0.375em; -} - -.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-left: 0.375em; -} - -.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0.75em; - margin-bottom: 0.75em; -} - -.prose :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.25em; -} - -.prose :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-bottom: 1.25em; -} - -.prose :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.25em; -} - -.prose :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-bottom: 1.25em; -} - -.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0.75em; - margin-bottom: 0.75em; -} - -.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.25em; - margin-bottom: 1.25em; -} - -.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0.5em; - padding-left: 1.625em; -} - -.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; -} - -.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; -} - -.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; -} - -.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; -} - -.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-left: 0; -} - -.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-right: 0; -} - -.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-top: 0.5714286em; - padding-right: 0.5714286em; - padding-bottom: 0.5714286em; - padding-left: 0.5714286em; -} - -.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-left: 0; -} - -.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-right: 0; -} - -.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 2em; - margin-bottom: 2em; -} - -.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; -} - -.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-bottom: 0; -} - -.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 :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 !important; -} - -.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-\[47px\] { - bottom: -47px; -} - -.-left-\[15px\] { - left: -15px; -} - -.-left-\[9999px\] { - left: -9999px; -} - -.-top-\[18px\] { - top: -18px; -} - -.-top-\[21px\] { - top: -21px; -} - -.-top-\[35px\] { - top: -35px; -} - -.bottom-0 { - bottom: 0px; -} - -.bottom-0\.5 { - bottom: 0.125rem; -} - -.bottom-1\/2 { - bottom: 50%; -} - -.left-0 { - left: 0px; -} - -.left-1\/2 { - left: 50%; -} - -.left-3 { - left: 0.75rem; -} - -.left-\[50\%\] { - left: 50%; -} - -.left-\[50px\] { - left: 50px; -} - -.left-\[calc\(50\%-1px\)\] { - left: calc(50% - 1px); -} - -.right-0 { - right: 0px; -} - -.right-0\.5 { - right: 0.125rem; -} - -.right-1 { - right: 0.25rem; -} - -.right-1\.5 { - right: 0.375rem; -} - -.right-3 { - right: 0.75rem; -} - -.right-9 { - right: 2.25rem; -} - -.top-0 { - top: 0px; -} - -.top-1 { - top: 0.25rem; -} - -.top-1\/2 { - top: 50%; -} - -.top-2 { - top: 0.5rem; -} - -.top-20 { - top: 5rem; -} - -.top-\[110vh\] { - top: 110vh; -} - -.top-\[11px\] { - top: 11px; -} - -.top-\[13px\] { - top: 13px; -} - -.top-\[50\%\] { - top: 50%; -} - -.top-\[50px\] { - top: 50px; -} - -.top-\[calc\(100vh-5\.5rem\)\] { - top: calc(100vh - 5.5rem); -} - -.top-full { - top: 100%; -} - -.\!z-40 { - z-index: 40 !important; -} - -.z-0 { - z-index: 0; -} - -.z-10 { - z-index: 10; -} - -.z-20 { - z-index: 20; -} - -.z-30 { - z-index: 30; -} - -.z-40 { - z-index: 40; -} - -.z-50 { - z-index: 50; -} - -.z-\[1035\] { - z-index: 1035; -} - -.z-\[1040\] { - z-index: 1040; -} - -.z-\[1065\] { - z-index: 1065; -} - -.z-\[1066\] { - z-index: 1066; -} - -.z-\[1070\] { - z-index: 1070; -} - -.z-\[1080\] { - z-index: 1080; -} - -.z-\[1100\] { - z-index: 1100; -} - -.z-\[1\] { - z-index: 1; -} - -.z-\[2\] { - z-index: 2; -} - -.z-\[999\] { - z-index: 999; -} - -.order-1 { - order: 1; -} - -.order-2 { - order: 2; -} - -.order-3 { - order: 3; -} - -.order-first { - order: -9999; -} - -.float-right { - float: right; -} - -.float-left { - float: left; -} - -.\!-m-px { - margin: -1px !important; -} - -.-m-px { - margin: -1px; -} - -.m-0 { - margin: 0px; -} - -.m-1 { - margin: 0.25rem; -} - -.m-2 { - margin: 0.5rem; -} - -.m-auto { - margin: auto; -} - -.\!my-0 { - margin-top: 0px !important; - margin-bottom: 0px !important; -} - -.-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-\[10px\] { - margin-left: 10px; - margin-right: 10px; -} - -.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; -} - -.my-4 { - margin-top: 1rem; - margin-bottom: 1rem; -} - -.my-\[5px\] { - margin-top: 5px; - margin-bottom: 5px; -} - -.\!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; -} - -.-ml-\[1\.5rem\] { - margin-left: -1.5rem; -} - -.-mr-2 { - margin-right: -0.5rem; -} - -.-mr-48 { - margin-right: -12rem; -} - -.-mr-\[100\%\] { - margin-right: -100%; -} - -.-mt-1 { - margin-top: -0.25rem; -} - -.-mt-3 { - margin-top: -0.75rem; -} - -.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-2\.5 { - margin-bottom: 0.625rem; -} - -.mb-20 { - margin-bottom: 5rem; -} - -.mb-3 { - margin-bottom: 0.75rem; -} - -.mb-5 { - margin-bottom: 1.25rem; -} - -.mb-6 { - margin-bottom: 1.5rem; -} - -.mb-8 { - margin-bottom: 2rem; -} - -.mb-\[0\.125rem\] { - margin-bottom: 0.125rem; -} - -.mb-\[10px\] { - margin-bottom: 10px; -} - -.mb-\[2px\] { - margin-bottom: 2px; -} - -.ml-2 { - margin-left: 0.5rem; -} - -.ml-3 { - margin-left: 0.75rem; -} - -.ml-6 { - margin-left: 1.5rem; -} - -.ml-\[30px\] { - margin-left: 30px; -} - -.ml-\[3px\] { - margin-left: 3px; -} - -.ml-auto { - margin-left: auto; -} - -.mr-1 { - margin-right: 0.25rem; -} - -.mr-2 { - margin-right: 0.5rem; -} - -.mr-3 { - margin-right: 0.75rem; -} - -.mr-4 { - margin-right: 1rem; -} - -.mr-5 { - margin-right: 1.25rem; -} - -.mr-6 { - margin-right: 1.5rem; -} - -.mr-\[6px\] { - margin-right: 6px; -} - -.mr-\[8px\] { - margin-right: 8px; -} - -.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-2\.5 { - margin-top: 0.625rem; -} - -.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\.15rem\] { - margin-top: 0.15rem; -} - -.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-0 { - height: 0px !important; -} - -.\!h-px { - height: 1px !important; -} - -.h-0 { - height: 0px; -} - -.h-1 { - height: 0.25rem; -} - -.h-1\.5 { - height: 0.375rem; -} - -.h-1\/2 { - height: 50%; -} - -.h-10 { - height: 2.5rem; -} - -.h-12 { - height: 3rem; -} - -.h-14 { - height: 3.5rem; -} - -.h-2\/5 { - height: 40%; -} - -.h-24 { - height: 6rem; -} - -.h-3 { - height: 0.75rem; -} - -.h-36 { - height: 9rem; -} - -.h-4 { - height: 1rem; -} - -.h-48 { - height: 12rem; -} - -.h-5 { - height: 1.25rem; -} - -.h-6 { - height: 1.5rem; -} - -.h-7 { - height: 1.75rem; -} - -.h-8 { - height: 2rem; -} - -.h-9 { - height: 2.25rem; -} - -.h-\[0\.9375rem\] { - height: 0.9375rem; -} - -.h-\[1\.125rem\] { - height: 1.125rem; -} - -.h-\[1\.4rem\] { - height: 1.4rem; -} - -.h-\[1000px\] { - height: 1000px; -} - -.h-\[100px\] { - height: 100px; -} - -.h-\[10px\] { - height: 10px; -} - -.h-\[120px\] { - height: 120px; -} - -.h-\[150px\] { - height: 150px; -} - -.h-\[160px\] { - height: 160px; -} - -.h-\[260px\] { - height: 260px; -} - -.h-\[2px\] { - height: 2px; -} - -.h-\[30px\] { - height: 30px; -} - -.h-\[32px\] { - height: 32px; -} - -.h-\[380px\] { - height: 380px; -} - -.h-\[3px\] { - height: 3px; -} - -.h-\[40px\] { - height: 40px; -} - -.h-\[42px\] { - height: 42px; -} - -.h-\[48px\] { - height: 48px; -} - -.h-\[4px\] { - height: 4px; -} - -.h-\[50px\] { - height: 50px; -} - -.h-\[512px\] { - height: 512px; -} - -.h-\[56px\] { - height: 56px; -} - -.h-\[6px\] { - height: 6px; -} - -.h-\[72px\] { - height: 72px; -} - -.h-\[800px\] { - height: 800px; -} - -.h-\[calc\(100\%-100px\)\] { - height: calc(100% - 100px); -} - -.h-auto { - height: auto; -} - -.h-full { - height: 100%; -} - -.h-px { - height: 1px; -} - -.h-screen { - height: 100vh; -} - -.max-h-3 { - max-height: 0.75rem; -} - -.max-h-\[5rem\] { - max-height: 5rem; -} - -.max-h-\[calc\(100\%-64px\)\] { - max-height: calc(100% - 64px); -} - -.max-h-full { - max-height: 100%; -} - -.min-h-0 { - min-height: 0px; -} - -.min-h-\[1\.5rem\] { - min-height: 1.5rem; -} - -.min-h-\[148px\] { - min-height: 148px; -} - -.min-h-\[305px\] { - min-height: 305px; -} - -.min-h-\[325px\] { - min-height: 325px; -} - -.min-h-\[40px\] { - min-height: 40px; -} - -.min-h-\[auto\] { - min-height: auto; -} - -.min-h-full { - min-height: 100%; -} - -.\!w-px { - width: 1px !important; -} - -.w-0 { - width: 0px; -} - -.w-1 { - width: 0.25rem; -} - -.w-1\.5 { - width: 0.375rem; -} - -.w-1\/2 { - width: 50%; -} - -.w-10 { - width: 2.5rem; -} - -.w-12 { - width: 3rem; -} - -.w-2 { - width: 0.5rem; -} - -.w-24 { - width: 6rem; -} - -.w-3 { - width: 0.75rem; -} - -.w-36 { - width: 9rem; -} - -.w-4 { - width: 1rem; -} - -.w-5 { - width: 1.25rem; -} - -.w-6 { - width: 1.5rem; -} - -.w-7 { - width: 1.75rem; -} - -.w-8 { - width: 2rem; -} - -.w-9 { - width: 2.25rem; -} - -.w-\[0\.9375rem\] { - width: 0.9375rem; -} - -.w-\[1\.125rem\] { - width: 1.125rem; -} - -.w-\[1\.4rem\] { - width: 1.4rem; -} - -.w-\[15\%\] { - width: 15%; -} - -.w-\[150px\] { - width: 150px; -} - -.w-\[15px\] { - width: 15px; -} - -.w-\[160px\] { - width: 160px; -} - -.w-\[260px\] { - width: 260px; -} - -.w-\[2px\] { - width: 2px; -} - -.w-\[300px\] { - width: 300px; -} - -.w-\[304px\] { - width: 304px; -} - -.w-\[30px\] { - width: 30px; -} - -.w-\[328px\] { - width: 328px; -} - -.w-\[32px\] { - width: 32px; -} - -.w-\[45\%\] { - width: 45%; -} - -.w-\[4px\] { - width: 4px; -} - -.w-\[50px\] { - width: 50px; -} - -.w-\[6px\] { - width: 6px; -} - -.w-\[70px\] { - width: 70px; -} - -.w-\[72px\] { - width: 72px; -} - -.w-\[76px\] { - width: 76px; -} - -.w-\[calc\(100\%-100px\)\] { - width: calc(100% - 100px); -} - -.w-auto { - width: auto; -} - -.w-full { - width: 100%; -} - -.w-px { - width: 1px; -} - -.w-screen { - width: 100vw; -} - -.min-w-0 { - min-width: 0px; -} - -.min-w-\[1\.8rem\] { - min-width: 1.8rem; -} - -.min-w-\[100px\] { - min-width: 100px; -} - -.min-w-\[220px\] { - min-width: 220px; -} - -.min-w-\[30px\] { - min-width: 30px; -} - -.min-w-\[310px\] { - min-width: 310px; -} - -.min-w-\[48px\] { - min-width: 48px; -} - -.min-w-\[64px\] { - min-width: 64px; -} - -.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-\[325px\] { - max-width: 325px; -} - -.max-w-\[5rem\] { - max-width: 5rem; -} - -.max-w-\[64rem\] { - max-width: 64rem; -} - -.max-w-\[90\%\] { - max-width: 90%; -} - -.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; -} - -.origin-\[0_0\] { - transform-origin: 0 0; -} - -.origin-\[50\%_50\%\] { - transform-origin: 50% 50%; -} - -.origin-\[center_bottom_0\] { - transform-origin: center bottom 0; -} - -.origin-bottom { - transform-origin: bottom; -} - -.-translate-x-1\/2 { - --tw-translate-x: -50%; - 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-\[50\%\] { - --tw-translate-x: -50%; - 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-\[6px\] { - --tw-translate-x: -6px; - 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)); -} - -.-translate-y-1\/2 { - --tw-translate-y: -50%; - 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-y-\[50\%\] { - --tw-translate-y: -50%; - 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-\[150\%\] { - --tw-translate-x: 150%; - 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)); -} - -.translate-y-\[6px\] { - --tw-translate-y: 6px; - 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)); -} - -.-rotate-45 { - --tw-rotate: -45deg; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - -.rotate-180 { - --tw-rotate: 180deg; - 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)); -} - -.rotate-45 { - --tw-rotate: 45deg; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - -.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-\[0\.25\] { - --tw-scale-x: 0.25; - --tw-scale-y: 0.25; - 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)); -} - -.scale-y-\[0\.8\] { - --tw-scale-y: 0.8; - 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; -} - -.animate-\[fade-in_0\.15s_both\] { - animation: fade-in 0.15s both; -} - -.animate-\[fade-in_0\.3s_both\] { - animation: fade-in 0.3s both; -} - -.animate-\[fade-in_350ms_ease-in-out\] { - animation: fade-in 350ms ease-in-out; -} - -.animate-\[fade-out_0\.15s_both\] { - animation: fade-out 0.15s both; -} - -.animate-\[fade-out_0\.3s_both\] { - animation: fade-out 0.3s both; -} - -.animate-\[fade-out_350ms_ease-in-out\] { - animation: fade-out 350ms ease-in-out; -} - -.animate-\[progress_3s_ease-in-out_infinite\] { - animation: progress 3s ease-in-out infinite; -} - -.animate-\[show-up-clock_350ms_linear\] { - animation: show-up-clock 350ms linear; -} - -.animate-\[slide-in-left_0\.8s_both\] { - animation: slide-in-left 0.8s both; -} - -.animate-\[slide-in-right_0\.8s_both\] { - animation: slide-in-right 0.8s both; -} - -.animate-\[slide-out-left_0\.8s_both\] { - animation: slide-out-left 0.8s both; -} - -.animate-\[slide-out-right_0\.8s_both\] { - animation: slide-out-right 0.8s both; -} - -.animate-\[spinner-grow_0\.75s_linear_infinite\] { - animation: spinner-grow 0.75s linear infinite; -} - -@keyframes pulse { - 50% { - opacity: .5; - } -} - -.animate-pulse { - animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; -} - -@keyframes spin { - to { - transform: rotate(360deg); - } -} - -.animate-spin { - animation: spin 1s linear infinite; -} - -.cursor-default { - cursor: default; -} - -.cursor-none { - cursor: none; -} - -.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); -} - -.select-none { - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; -} - -.select-all { - -webkit-user-select: all; - -moz-user-select: all; - user-select: all; -} - -.resize { - resize: both; -} - -.list-none { - list-style-type: none; -} - -.appearance-none { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} - -.\!flex-row { - flex-direction: row !important; -} - -.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-end { - justify-content: flex-end; -} - -.justify-center { - justify-content: center; -} - -.justify-between { - justify-content: space-between; -} - -.justify-around { - justify-content: space-around; -} - -.justify-evenly { - justify-content: space-evenly; -} - -.gap-4 { - gap: 1rem; -} - -.space-x-2 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0.5rem * var(--tw-space-x-reverse)); - margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); -} - -.space-x-3 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0.75rem * var(--tw-space-x-reverse)); - margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); -} - -.space-x-4 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(1rem * var(--tw-space-x-reverse)); - margin-left: calc(1rem * 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-auto { - overflow-y: auto; -} - -.overflow-x-hidden { - overflow-x: hidden; -} - -.overflow-y-hidden { - overflow-y: hidden; -} - -.scroll-smooth { - scroll-behavior: smooth; -} - -.truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.text-ellipsis { - text-overflow: ellipsis; -} - -.text-clip { - text-overflow: clip; -} - -.whitespace-normal { - white-space: normal; -} - -.\!whitespace-nowrap { - white-space: nowrap !important; -} - -.whitespace-nowrap { - white-space: nowrap; -} - -.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-\[0\.25rem\] { - border-radius: 0.25rem; -} - -.rounded-\[0\.5rem\] { - border-radius: 0.5rem; -} - -.rounded-\[0\.6rem\] { - border-radius: 0.6rem; -} - -.rounded-\[100\%\] { - border-radius: 100%; -} - -.rounded-\[10px\] { - border-radius: 10px; -} - -.rounded-\[16px\] { - border-radius: 16px; -} - -.rounded-\[50\%\] { - border-radius: 50%; -} - -.rounded-\[999px\] { - border-radius: 999px; -} - -.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-l-\[0\.25rem\] { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; -} - -.rounded-r-\[0\.25rem\] { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; -} - -.rounded-t-\[0\.6rem\] { - border-top-left-radius: 0.6rem; - border-top-right-radius: 0.6rem; -} - -.rounded-t-lg { - border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; -} - -.rounded-bl-none { - border-bottom-left-radius: 0px; -} - -.rounded-br-2xl { - border-bottom-right-radius: 1rem; -} - -.rounded-tl-2xl { - border-top-left-radius: 1rem; -} - -.rounded-tr-2xl { - border-top-right-radius: 1rem; -} - -.\!border-0 { - border-width: 0px !important; -} - -.\!border-\[3px\] { - border-width: 3px !important; -} - -.border { - border-width: 1px; -} - -.border-0 { - border-width: 0px; -} - -.border-2 { - border-width: 2px; -} - -.border-4 { - border-width: 4px; -} - -.border-\[\.125rem\] { - border-width: .125rem; -} - -.border-\[0\.125rem\] { - border-width: 0.125rem; -} - -.border-\[0\.15em\] { - border-width: 0.15em; -} - -.border-\[14px\] { - border-width: 14px; -} - -.border-\[1px\] { - border-width: 1px; -} - -.border-y-\[10px\] { - border-top-width: 10px; - border-bottom-width: 10px; -} - -.border-b { - border-bottom-width: 1px; -} - -.border-b-2 { - border-bottom-width: 2px; -} - -.border-l-0 { - border-left-width: 0px; -} - -.border-l-2 { - border-left-width: 2px; -} - -.border-l-\[0\.125rem\] { - border-left-width: 0.125rem; -} - -.border-r-0 { - border-right-width: 0px; -} - -.border-t { - border-top-width: 1px; -} - -.border-t-0 { - border-top-width: 0px; -} - -.\!border-solid { - border-style: solid !important; -} - -.border-solid { - border-style: solid; -} - -.border-dotted { - border-style: dotted; -} - -.border-none { - border-style: none; -} - -.\!border-\[\#14a44d\] { - --tw-border-opacity: 1 !important; - border-color: rgb(20 164 77 / var(--tw-border-opacity)) !important; -} - -.\!border-\[\#b2b3b4\] { - --tw-border-opacity: 1 !important; - border-color: rgb(178 179 180 / var(--tw-border-opacity)) !important; -} - -.\!border-\[\#dc4c64\] { - --tw-border-opacity: 1 !important; - border-color: rgb(220 76 100 / var(--tw-border-opacity)) !important; -} - -.border-\[\#14a44d\] { - --tw-border-opacity: 1; - border-color: rgb(20 164 77 / var(--tw-border-opacity)); -} - -.border-\[\#3b71ca\] { - --tw-border-opacity: 1; - border-color: rgb(59 113 202 / var(--tw-border-opacity)); -} - -.border-\[\#dc4c64\] { - --tw-border-opacity: 1; - border-color: rgb(220 76 100 / var(--tw-border-opacity)); -} - -.border-\[\#eee\] { - --tw-border-opacity: 1; - border-color: rgb(238 238 238 / var(--tw-border-opacity)); -} - -.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-transparent { - border-color: transparent; -} - -.border-r-transparent { - border-right-color: transparent; -} - -.border-t-transparent { - border-top-color: transparent; -} - -.\!bg-\[\#858585\] { - --tw-bg-opacity: 1 !important; - background-color: rgb(133 133 133 / var(--tw-bg-opacity)) !important; -} - -.\!bg-neutral-100 { - --tw-bg-opacity: 1 !important; - background-color: rgba(var(--color-neutral-100), var(--tw-bg-opacity)) !important; -} - -.\!bg-primary-100 { - --tw-bg-opacity: 1 !important; - background-color: rgba(var(--color-primary-100), var(--tw-bg-opacity)) !important; -} - -.bg-\[\#00000012\] { - background-color: #00000012; -} - -.bg-\[\#00000066\] { - background-color: #00000066; -} - -.bg-\[\#000000e6\] { - background-color: #000000e6; -} - -.bg-\[\#3b71ca\] { - --tw-bg-opacity: 1; - background-color: rgb(59 113 202 / var(--tw-bg-opacity)); -} - -.bg-\[\#6d6d6d\] { - --tw-bg-opacity: 1; - background-color: rgb(109 109 109 / var(--tw-bg-opacity)); -} - -.bg-\[\#aaa\] { - --tw-bg-opacity: 1; - background-color: rgb(170 170 170 / var(--tw-bg-opacity)); -} - -.bg-\[\#eceff1\] { - --tw-bg-opacity: 1; - background-color: rgb(236 239 241 / var(--tw-bg-opacity)); -} - -.bg-\[\#eee\] { - --tw-bg-opacity: 1; - background-color: rgb(238 238 238 / var(--tw-bg-opacity)); -} - -.bg-\[rgba\(0\2c 0\2c 0\2c 0\.4\)\] { - background-color: rgba(0,0,0,0.4); -} - -.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-600 { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-neutral-600), var(--tw-bg-opacity)); -} - -.bg-neutral-700 { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-neutral-700), var(--tw-bg-opacity)); -} - -.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-400 { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-primary-400), 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); -} - -.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-700 { - --tw-gradient-to: rgba(var(--color-secondary-700), 1) var(--tw-gradient-to-position); -} - -.to-transparent { - --tw-gradient-to: transparent var(--tw-gradient-to-position); -} - -.bg-clip-padding { - background-clip: padding-box; -} - -.fill-\[\#afafaf\] { - fill: #afafaf; -} - -.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-2 { - padding: 0.5rem; -} - -.p-2\.5 { - padding: 0.625rem; -} - -.p-4 { - padding: 1rem; -} - -.p-5 { - padding: 1.25rem; -} - -.p-6 { - padding: 1.5rem; -} - -.p-\[1rem\] { - padding: 1rem; -} - -.p-\[5px\] { - padding: 5px; -} - -.p-\[auto\] { - padding: auto; -} - -.\!py-0 { - padding-top: 0px !important; - padding-bottom: 0px !important; -} - -.\!py-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; -} - -.px-0 { - padding-left: 0px; - padding-right: 0px; -} - -.px-0\.5 { - padding-left: 0.125rem; - padding-right: 0.125rem; -} - -.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-2\.5 { - padding-left: 0.625rem; - padding-right: 0.625rem; -} - -.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-8 { - padding-left: 2rem; - padding-right: 2rem; -} - -.px-\[0\.4rem\] { - padding-left: 0.4rem; - padding-right: 0.4rem; -} - -.px-\[1\.4rem\] { - padding-left: 1.4rem; - padding-right: 1.4rem; -} - -.px-\[10px\] { - padding-left: 10px; - padding-right: 10px; -} - -.px-\[12px\] { - padding-left: 12px; - padding-right: 12px; -} - -.px-\[30px\] { - padding-left: 30px; - padding-right: 30px; -} - -.px-\[auto\] { - padding-left: auto; - padding-right: auto; -} - -.py-0 { - padding-top: 0px; - padding-bottom: 0px; -} - -.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\.32rem\] { - padding-top: 0.32rem; - padding-bottom: 0.32rem; -} - -.py-\[0\.33rem\] { - padding-top: 0.33rem; - padding-bottom: 0.33rem; -} - -.py-\[0\.4375rem\] { - padding-top: 0.4375rem; - padding-bottom: 0.4375rem; -} - -.py-\[0\.4rem\] { - padding-top: 0.4rem; - padding-bottom: 0.4rem; -} - -.py-\[10px\] { - padding-top: 10px; - padding-bottom: 10px; -} - -.py-\[1px\] { - padding-top: 1px; - padding-bottom: 1px; -} - -.py-\[5px\] { - padding-top: 5px; - padding-bottom: 5px; -} - -.pb-0 { - padding-bottom: 0px; -} - -.pb-2 { - padding-bottom: 0.5rem; -} - -.pb-3 { - padding-bottom: 0.75rem; -} - -.pb-32 { - padding-bottom: 8rem; -} - -.pb-4 { - padding-bottom: 1rem; -} - -.pb-\[5px\] { - padding-bottom: 5px; -} - -.pl-1 { - padding-left: 0.25rem; -} - -.pl-2 { - padding-left: 0.5rem; -} - -.pl-\[1\.5rem\] { - padding-left: 1.5rem; -} - -.pl-\[18px\] { - padding-left: 18px; -} - -.pl-\[24px\] { - padding-left: 24px; -} - -.pl-\[50px\] { - padding-left: 50px; -} - -.pl-\[8px\] { - padding-left: 8px; -} - -.pr-2 { - padding-right: 0.5rem; -} - -.pr-\[24px\] { - padding-right: 24px; -} - -.pt-16 { - padding-top: 4rem; -} - -.pt-2 { - padding-top: 0.5rem; -} - -.pt-2\.5 { - padding-top: 0.625rem; -} - -.pt-3 { - padding-top: 0.75rem; -} - -.pt-4 { - padding-top: 1rem; -} - -.pt-8 { - padding-top: 2rem; -} - -.pt-\[0\.37rem\] { - padding-top: 0.37rem; -} - -.pt-\[6px\] { - padding-top: 6px; -} - -.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; -} - -.align-\[-0\.125em\] { - vertical-align: -0.125em; -} - -.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-\[0\.8rem\] { - font-size: 0.8rem; -} - -.text-\[0\.9rem\] { - font-size: 0.9rem; -} - -.text-\[1\.1rem\] { - font-size: 1.1rem; -} - -.text-\[10px\] { - font-size: 10px; -} - -.text-\[12px\] { - font-size: 12px; -} - -.text-\[13px\] { - font-size: 13px; -} - -.text-\[16px\] { - font-size: 16px; -} - -.text-\[18px\] { - font-size: 18px; -} - -.text-\[2\.5rem\] { - font-size: 2.5rem; -} - -.text-\[3\.75rem\] { - font-size: 3.75rem; -} - -.text-\[34px\] { - font-size: 34px; -} - -.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-black { - font-weight: 900; -} - -.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-10 { - line-height: 2.5rem; -} - -.leading-3 { - line-height: .75rem; -} - -.leading-6 { - line-height: 1.5rem; -} - -.leading-7 { - line-height: 1.75rem; -} - -.leading-9 { - line-height: 2.25rem; -} - -.leading-\[1\.2\] { - line-height: 1.2; -} - -.leading-\[1\.5\] { - line-height: 1.5; -} - -.leading-\[1\.6\] { - line-height: 1.6; -} - -.leading-\[2\.15\] { - line-height: 2.15; -} - -.leading-\[40px\] { - line-height: 40px; -} - -.leading-loose { - line-height: 2; -} - -.leading-normal { - line-height: 1.5; -} - -.tracking-\[-0\.00833em\] { - letter-spacing: -0.00833em; -} - -.tracking-\[\.1rem\] { - letter-spacing: .1rem; -} - -.tracking-\[0\.1rem\] { - letter-spacing: 0.1rem; -} - -.tracking-\[1\.7px\] { - letter-spacing: 1.7px; -} - -.tracking-normal { - letter-spacing: 0em; -} - -.\!text-\[\#14a44d\] { - --tw-text-opacity: 1 !important; - color: rgb(20 164 77 / var(--tw-text-opacity)) !important; -} - -.\!text-\[\#dc4c64\] { - --tw-text-opacity: 1 !important; - color: rgb(220 76 100 / var(--tw-text-opacity)) !important; -} - -.\!text-neutral { - --tw-text-opacity: 1 !important; - color: rgba(var(--color-neutral), var(--tw-text-opacity)) !important; -} - -.\!text-primary-700 { - --tw-text-opacity: 1 !important; - color: rgba(var(--color-primary-700), var(--tw-text-opacity)) !important; -} - -.text-\[\#14a44d\] { - --tw-text-opacity: 1; - color: rgb(20 164 77 / var(--tw-text-opacity)); -} - -.text-\[\#212529\] { - --tw-text-opacity: 1; - color: rgb(33 37 41 / var(--tw-text-opacity)); -} - -.text-\[\#3b71ca\] { - --tw-text-opacity: 1; - color: rgb(59 113 202 / var(--tw-text-opacity)); -} - -.text-\[\#4f4f4f\] { - --tw-text-opacity: 1; - color: rgb(79 79 79 / var(--tw-text-opacity)); -} - -.text-\[\#b3afaf\] { - --tw-text-opacity: 1; - color: rgb(179 175 175 / var(--tw-text-opacity)); -} - -.text-\[\#b3b3b3\] { - --tw-text-opacity: 1; - color: rgb(179 179 179 / var(--tw-text-opacity)); -} - -.text-\[\#dc4c64\] { - --tw-text-opacity: 1; - color: rgb(220 76 100 / var(--tw-text-opacity)); -} - -.text-\[\#ffffff8a\] { - color: #ffffff8a; -} - -.text-\[rgb\(220\2c 76\2c 100\)\] { - --tw-text-opacity: 1; - color: rgb(220 76 100 / var(--tw-text-opacity)); -} - -.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-600 { - --tw-text-opacity: 1; - color: rgba(var(--color-neutral-600), 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-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; -} - -.underline { - text-decoration-line: underline; -} - -.\!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-\[\.53\] { - opacity: .53; -} - -.opacity-\[\.54\] { - opacity: .54; -} - -.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-\[0_0px_3px_0_rgba\(0\2c 0\2c 0\2c 0\.07\)\2c 0_2px_2px_0_rgba\(0\2c 0\2c 0\2c 0\.04\)\] { - --tw-shadow: 0 0px 3px 0 rgba(0,0,0,0.07),0 2px 2px 0 rgba(0,0,0,0.04); - --tw-shadow-colored: 0 0px 3px 0 var(--tw-shadow-color), 0 2px 2px 0 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-\[0_10px_15px_-3px_rgba\(0\2c 0\2c 0\2c 0\.07\)\2c 0_4px_6px_-2px_rgba\(0\2c 0\2c 0\2c 0\.05\)\] { - --tw-shadow: 0 10px 15px -3px rgba(0,0,0,0.07),0 4px 6px -2px rgba(0,0,0,0.05); - --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -2px 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-\[0_2px_5px_0_rgba\(0\2c 0\2c 0\2c 0\.16\)\2c _0_2px_10px_0_rgba\(0\2c 0\2c 0\2c 0\.12\)\] { - --tw-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); - --tw-shadow-colored: 0 2px 5px 0 var(--tw-shadow-color), 0 2px 10px 0 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-\[0_4px_9px_-4px_\#3b71ca\] { - --tw-shadow: 0 4px 9px -4px #3b71ca; - --tw-shadow-colored: 0 4px 9px -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-\[0px_2px_15px_-3px_rgba\(0\2c 0\2c 0\2c \.07\)\2c _0px_10px_20px_-2px_rgba\(0\2c 0\2c 0\2c \.04\)\] { - --tw-shadow: 0px 2px 15px -3px rgba(0,0,0,.07), 0px 10px 20px -2px rgba(0,0,0,.04); - --tw-shadow-colored: 0px 2px 15px -3px var(--tw-shadow-color), 0px 10px 20px -2px 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-none { - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.shadow-sm { - --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); - --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.shadow-xl { - --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.outline-none { - outline: 2px solid transparent; - outline-offset: 2px; -} - -.outline { - outline-style: solid; -} - -.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 { - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; -} - -.transition-\[background-color\2c _opacity\] { - transition-property: background-color, opacity; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; -} - -.transition-\[background-color\2c box-shadow\2c border\] { - transition-property: background-color,box-shadow,border; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; -} - -.transition-\[height\] { - transition-property: height; - 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\2c _opacity\] { - transition-property: transform, opacity; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; -} - -.transition-\[transform\2c height\] { - transition-property: transform,height; - 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-colors { - 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; -} - -.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; -} - -.delay-\[0ms\] { - transition-delay: 0ms; -} - -.duration-150 { - transition-duration: 150ms; -} - -.duration-200 { - transition-duration: 200ms; -} - -.duration-300 { - transition-duration: 300ms; -} - -.duration-\[1000ms\] { - transition-duration: 1000ms; -} - -.duration-\[150ms\] { - transition-duration: 150ms; -} - -.duration-\[200ms\] { - transition-duration: 200ms; -} - -.duration-\[250ms\] { - transition-duration: 250ms; -} - -.duration-\[350ms\] { - transition-duration: 350ms; -} - -.duration-\[400ms\] { - transition-duration: 400ms; -} - -.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\)\] { - transition-timing-function: cubic-bezier(0.25,0.1,0.25,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-\[cubic-bezier\(0\.4\2c 0\2c 0\.2\2c 1\)\] { - transition-timing-function: cubic-bezier(0.4,0,0.2,1); -} - -.ease-\[ease\] { - transition-timing-function: ease; -} - -.ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -} - -.ease-linear { - transition-timing-function: linear; -} - -.ease-out { - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); -} - -.will-change-transform { - will-change: transform; -} - -.\!\[clip\:rect\(0\2c 0\2c 0\2c 0\)\] { - clip: rect(0,0,0,0) !important; -} - -.\[clip\:rect\(0\2c 0\2c 0\2c 0\)\] { - clip: rect(0,0,0,0); -} - -.\[direction\:ltr\] { - direction: ltr; -} - -.\[overflow-anchor\:none\] { - overflow-anchor: none; -} - -.\[transition\:background-color_\.2s_linear\2c _height_\.2s_ease-in-out\] { - transition: background-color .2s linear, height .2s ease-in-out; -} - -.\[transition\:background-color_\.2s_linear\2c _width_\.2s_ease-in-out\2c _opacity\] { - transition: background-color .2s linear, width .2s ease-in-out, opacity; -} - -.\[transition\:background-color_250ms_cubic-bezier\(0\.4\2c 0\2c 0\.2\2c 1\)_0ms\2c box-shadow_250ms_cubic-bezier\(0\.4\2c 0\2c 0\.2\2c 1\)_0ms\2c border_250ms_cubic-bezier\(0\.4\2c 0\2c 0\.2\2c 1\)_0ms\] { - transition: background-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms,box-shadow 250ms cubic-bezier(0.4,0,0.2,1) 0ms,border 250ms cubic-bezier(0.4,0,0.2,1) 0ms; -} - -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 */ - -:is(:where([dir="rtl"]) .prose blockquote) { - border-left-width: 0px; - border-right-width: 4px; - padding-right: 1rem; -} - -:is(:where([dir="rtl"]) .prose ul>li),:is(:where([dir="rtl"]) -.prose ol>li) { - margin-right: 1.75rem; - padding-left: 0px; - padding-right: 0.5rem; -} - -:is(:where([dir="rtl"]) .prose ol>li):before,:is(:where([dir="rtl"]) -.prose ul>li):before { - left: auto; - right: 0.25rem; -} - -:is(:where([dir="rtl"]) .prose thead td:first-child),:is(:where([dir="rtl"]) -.prose thead th:first-child) { - padding-right: 0px; -} - -:is(:where([dir="rtl"]) .prose thead td:last-child),:is(:where([dir="rtl"]) -.prose thead th:last-child) { - 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; -} - -:is(:where([dir="ltr"]) .toc ul ul) { - padding-left: 1rem; -} - -:is(:where([dir="rtl"]) .toc ul ul) { - padding-right: 1rem; -} - -.toc a { - font-weight: 400; - --tw-text-opacity: 1; - color: rgba(var(--color-neutral-700), var(--tw-text-opacity)); -} - -:is(:where(.dark) .toc a) { - --tw-text-opacity: 1; - color: rgba(var(--color-neutral-400), var(--tw-text-opacity)); -} - -:is(:where([dir="rtl"]) .toc ul>li) { - 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; -} - -:is(:where(.dark) .copy-button) { - --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)); -} - -:is(:where(.dark) .copy-button:hover),:is(:where(.dark) -.copy-button:focus),:is(:where(.dark) -.copy-button:active),:is(:where(.dark) -.copy-button:active:hover) { - --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)); -} - -:is(:where(.dark) .prose .chroma) { - --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; -} - -:is(:where(.dark) .chroma .hl) { - --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)); -} - -:is(:where(.dark) .chroma .lnt),:is(:where(.dark) -.chroma .ln) { - --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)); -} - -:is(:where(.dark) .chroma .k),:is(:where(.dark) -.chroma .kd),:is(:where(.dark) -.chroma .kn),:is(:where(.dark) -.chroma .kp),:is(:where(.dark) -.chroma .kr),:is(:where(.dark) -.chroma .nc),:is(:where(.dark) -.chroma .fm),:is(:where(.dark) -.chroma .nn),:is(:where(.dark) -.chroma .vc),:is(:where(.dark) -.chroma .o) { - --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)); -} - -:is(:where(.dark) .chroma .kc) { - --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)); -} - -:is(:where(.dark) .chroma .kt),:is(:where(.dark) -.chroma .nv),:is(:where(.dark) -.chroma .vi),:is(:where(.dark) -.chroma .vm),:is(:where(.dark) -.chroma .m),:is(:where(.dark) -.chroma .mb),:is(:where(.dark) -.chroma .mf),:is(:where(.dark) -.chroma .mh),:is(:where(.dark) -.chroma .mi),:is(:where(.dark) -.chroma .il),:is(:where(.dark) -.chroma .mo) { - --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)); -} - -:is(:where(.dark) .chroma .n),:is(:where(.dark) -.chroma .nd),:is(:where(.dark) -.chroma .ni),:is(:where(.dark) -.chroma .nl) { - --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)); -} - -:is(:where(.dark) .chroma .na),:is(:where(.dark) -.chroma .nb),:is(:where(.dark) -.chroma .bp),:is(:where(.dark) -.chroma .nx),:is(:where(.dark) -.chroma .py),:is(:where(.dark) -.chroma .nt) { - --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)); -} - -:is(:where(.dark) .chroma .no),:is(:where(.dark) -.chroma .ne),:is(:where(.dark) -.chroma .vg) { - --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)); -} - -:is(:where(.dark) .chroma .nf) { - --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)); -} - -:is(:where(.dark) .chroma .l),:is(:where(.dark) -.chroma .ld),:is(:where(.dark) -.chroma .s),:is(:where(.dark) -.chroma .sa),:is(:where(.dark) -.chroma .sb),:is(:where(.dark) -.chroma .sc),:is(:where(.dark) -.chroma .dl),:is(:where(.dark) -.chroma .sd),:is(:where(.dark) -.chroma .s2),:is(:where(.dark) -.chroma .sh),:is(:where(.dark) -.chroma .si),:is(:where(.dark) -.chroma .sx),:is(:where(.dark) -.chroma .s1),:is(:where(.dark) -.chroma .gi),:is(:where(.dark) -.chroma .go),:is(:where(.dark) -.chroma .gp) { - --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)); -} - -:is(:where(.dark) .chroma .se) { - --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)); -} - -:is(:where(.dark) .chroma .sr),:is(:where(.dark) -.chroma .ss) { - --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)); -} - -:is(:where(.dark) .chroma .ow) { - --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)); -} - -:is(:where(.dark) .chroma .c),:is(:where(.dark) -.chroma .cm),:is(:where(.dark) -.chroma .c1),:is(:where(.dark) -.chroma .cs),:is(:where(.dark) -.chroma .cp),:is(:where(.dark) -.chroma .cpf) { - --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)); -} - -:is(:where(.dark) .chroma .ch) { - --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 */ -} - -:is(:where(.dark) .dark\: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); -} - -:is(:where(.dark) .dark\:prose-invert) :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - text-decoration-color: rgba(var(--color-neutral-600), 1); -} - -:is(:where(.dark) .dark\:prose-invert) :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)):hover { - color: rgba(var(--color-primary-400), 1); -} - -:is(:where(.dark) .dark\: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); -} - -:is(:where(.dark) .dark\:prose-invert) :where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - background-color: rgba(var(--color-primary-400), 1); -} - -:is(:where(.dark) .dark\:prose-invert) :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - background-color: rgba(var(--color-neutral-700), 1); -} - -:is(:where(.dark) .dark\:prose-invert) :where(a.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - text-decoration-color: rgba(var(--color-primary-400), 1); -} - -:is(:where(.dark) .dark\:prose-invert) :where(p.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - text-decoration-color: rgba(var(--color-primary-400), 1); -} - -.selection\:bg-transparent *::-moz-selection { - background-color: transparent; -} - -.selection\:bg-transparent *::selection { - background-color: transparent; -} - -.selection\:bg-transparent::-moz-selection { - background-color: transparent; -} - -.selection\:bg-transparent::selection { - background-color: transparent; -} - -.before\:pointer-events-none::before { - content: var(--tw-content); - pointer-events: none; -} - -.before\:absolute::before { - content: var(--tw-content); - position: absolute; -} - -.before\:h-\[0\.875rem\]::before { - content: var(--tw-content); - height: 0.875rem; -} - -.before\:w-\[0\.875rem\]::before { - content: var(--tw-content); - width: 0.875rem; -} - -.before\:scale-0::before { - content: var(--tw-content); - --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)); -} - -.before\:rounded-full::before { - content: var(--tw-content); - border-radius: 9999px; -} - -.before\:bg-transparent::before { - content: var(--tw-content); - background-color: transparent; -} - -.before\:opacity-0::before { - content: var(--tw-content); - opacity: 0; -} - -.before\:shadow-\[0px_0px_0px_13px_transparent\]::before { - content: var(--tw-content); - --tw-shadow: 0px 0px 0px 13px transparent; - --tw-shadow-colored: 0px 0px 0px 13px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.before\:content-\[\'\'\]::before { - --tw-content: ''; - content: var(--tw-content); -} - -.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; -} - -.checked\:\!border-\[\#14a44d\]:checked { - --tw-border-opacity: 1 !important; - border-color: rgb(20 164 77 / var(--tw-border-opacity)) !important; -} - -.checked\:\!border-\[\#dc4c64\]:checked { - --tw-border-opacity: 1 !important; - border-color: rgb(220 76 100 / var(--tw-border-opacity)) !important; -} - -.checked\:\!bg-\[\#14a44d\]:checked { - --tw-bg-opacity: 1 !important; - background-color: rgb(20 164 77 / var(--tw-bg-opacity)) !important; -} - -.checked\:\!bg-\[\#dc4c64\]:checked { - --tw-bg-opacity: 1 !important; - background-color: rgb(220 76 100 / var(--tw-bg-opacity)) !important; -} - -.checked\:before\:opacity-\[0\.16\]:checked::before { - content: var(--tw-content); - opacity: 0.16; -} - -.checked\:after\:absolute:checked::after { - content: var(--tw-content); - position: absolute; -} - -.checked\:after\:-mt-px:checked::after { - content: var(--tw-content); - margin-top: -1px; -} - -.checked\:after\:ml-\[0\.25rem\]:checked::after { - content: var(--tw-content); - margin-left: 0.25rem; -} - -.checked\:after\:block:checked::after { - content: var(--tw-content); - display: block; -} - -.checked\:after\:h-\[0\.8125rem\]:checked::after { - content: var(--tw-content); - height: 0.8125rem; -} - -.checked\:after\:w-\[0\.375rem\]:checked::after { - content: var(--tw-content); - width: 0.375rem; -} - -.checked\:after\:rotate-45:checked::after { - content: var(--tw-content); - --tw-rotate: 45deg; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - -.checked\:after\:border-\[0\.125rem\]:checked::after { - content: var(--tw-content); - border-width: 0.125rem; -} - -.checked\:after\:border-l-0:checked::after { - content: var(--tw-content); - border-left-width: 0px; -} - -.checked\:after\:border-t-0:checked::after { - content: var(--tw-content); - border-top-width: 0px; -} - -.checked\:after\:border-solid:checked::after { - content: var(--tw-content); - border-style: solid; -} - -.checked\:after\:\!bg-\[\#14a44d\]:checked::after { - content: var(--tw-content); - --tw-bg-opacity: 1 !important; - background-color: rgb(20 164 77 / var(--tw-bg-opacity)) !important; -} - -.checked\:after\:\!bg-\[\#dc4c64\]:checked::after { - content: var(--tw-content); - --tw-bg-opacity: 1 !important; - background-color: rgb(220 76 100 / var(--tw-bg-opacity)) !important; -} - -.checked\:after\:bg-transparent:checked::after { - content: var(--tw-content); - background-color: transparent; -} - -.checked\:after\:content-\[\'\'\]:checked::after { - --tw-content: ''; - content: var(--tw-content); -} - -.empty\:hidden:empty { - display: none; -} - -.hover\:cursor-pointer:hover { - cursor: pointer; -} - -.hover\:rounded-\[50\%\]:hover { - border-radius: 50%; -} - -.hover\:border-transparent:hover { - border-color: transparent; -} - -.hover\:\!bg-\[\#eee\]:hover { - --tw-bg-opacity: 1 !important; - background-color: rgb(238 238 238 / var(--tw-bg-opacity)) !important; -} - -.hover\:\!bg-primary-500:hover { - --tw-bg-opacity: 1 !important; - background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity)) !important; -} - -.hover\:bg-\[\#00000014\]:hover { - background-color: #00000014; -} - -.hover\:bg-\[\#00000026\]:hover { - background-color: #00000026; -} - -.hover\:bg-\[unset\]:hover { - background-color: unset; -} - -.hover\:bg-neutral-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-neutral-100), var(--tw-bg-opacity)); -} - -.hover\:bg-neutral-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-neutral-200), var(--tw-bg-opacity)); -} - -.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\:fill-\[\#8b8b8b\]:hover { - fill: #8b8b8b; -} - -.hover\:text-\[\#3b71ca\]:hover { - --tw-text-opacity: 1; - color: rgb(59 113 202 / var(--tw-text-opacity)); -} - -.hover\:text-\[\#8b8b8b\]:hover { - --tw-text-opacity: 1; - color: rgb(139 139 139 / var(--tw-text-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 !important; -} - -.hover\:opacity-100:hover { - opacity: 1; -} - -.hover\:opacity-90:hover { - opacity: 0.9; -} - -.hover\:\!shadow-none:hover { - --tw-shadow: 0 0 #0000 !important; - --tw-shadow-colored: 0 0 #0000 !important; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; -} - -.hover\:shadow-\[0_8px_9px_-4px_rgba\(59\2c 113\2c 202\2c 0\.3\)\2c 0_4px_18px_0_rgba\(59\2c 113\2c 202\2c 0\.2\)\]:hover { - --tw-shadow: 0 8px 9px -4px rgba(59,113,202,0.3),0 4px 18px 0 rgba(59,113,202,0.2); - --tw-shadow-colored: 0 8px 9px -4px var(--tw-shadow-color), 0 4px 18px 0 var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.hover\:outline-none:hover { - outline: 2px solid transparent; - outline-offset: 2px; -} - -.hover\:ease-in-out:hover { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -} - -.hover\:before\:opacity-\[0\.04\]:hover::before { - content: var(--tw-content); - opacity: 0.04; -} - -.hover\:before\:shadow-\[0px_0px_0px_13px_rgba\(0\2c 0\2c 0\2c 0\.6\)\]:hover::before { - content: var(--tw-content); - --tw-shadow: 0px 0px 0px 13px rgba(0,0,0,0.6); - --tw-shadow-colored: 0px 0px 0px 13px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.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\:rounded-\[50\%\]:focus { - border-radius: 50%; -} - -.focus\:\!border-\[\#14a44d\]:focus { - --tw-border-opacity: 1 !important; - border-color: rgb(20 164 77 / var(--tw-border-opacity)) !important; -} - -.focus\:\!border-\[\#dc4c64\]:focus { - --tw-border-opacity: 1 !important; - border-color: rgb(220 76 100 / var(--tw-border-opacity)) !important; -} - -.focus\:\!bg-\[\#eee\]:focus { - --tw-bg-opacity: 1 !important; - background-color: rgb(238 238 238 / var(--tw-bg-opacity)) !important; -} - -.focus\:bg-\[\#00000014\]:focus { - background-color: #00000014; -} - -.focus\:bg-\[\#00000026\]:focus { - background-color: #00000026; -} - -.focus\:bg-neutral-200:focus { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-neutral-200), var(--tw-bg-opacity)); -} - -.focus\:bg-primary-100:focus { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-primary-100), var(--tw-bg-opacity)); -} - -.focus\:bg-primary-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-primary-600), var(--tw-bg-opacity)); -} - -.focus\:text-\[\#3b71ca\]:focus { - --tw-text-opacity: 1; - color: rgb(59 113 202 / var(--tw-text-opacity)); -} - -.focus\:text-primary-600:focus { - --tw-text-opacity: 1; - color: rgba(var(--color-primary-600), var(--tw-text-opacity)); -} - -.focus\:no-underline:focus { - text-decoration-line: none; -} - -.focus\:\!opacity-90:focus { - opacity: 0.9 !important; -} - -.focus\:opacity-90:focus { - opacity: 0.9; -} - -.focus\:\!shadow-\[inset_0_0_0_1px_\#14a44d\]:focus { - --tw-shadow: inset 0 0 0 1px #14a44d !important; - --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color) !important; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; -} - -.focus\:\!shadow-\[inset_0_0_0_1px_\#dc4c64\]:focus { - --tw-shadow: inset 0 0 0 1px #dc4c64 !important; - --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color) !important; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; -} - -.focus\:shadow-\[0_8px_9px_-4px_rgba\(59\2c 113\2c 202\2c 0\.3\)\2c 0_4px_18px_0_rgba\(59\2c 113\2c 202\2c 0\.2\)\]:focus { - --tw-shadow: 0 8px 9px -4px rgba(59,113,202,0.3),0 4px 18px 0 rgba(59,113,202,0.2); - --tw-shadow-colored: 0 8px 9px -4px var(--tw-shadow-color), 0 4px 18px 0 var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.focus\:shadow-none:focus { - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.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; -} - -.focus\:ring-0:focus { - --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); -} - -.focus\:transition-\[border-color_0\.2s\]:focus { - transition-property: border-color 0.2s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; -} - -.focus\:placeholder\:opacity-100:focus::-moz-placeholder { - opacity: 1; -} - -.focus\:placeholder\:opacity-100:focus::placeholder { - opacity: 1; -} - -.focus\:before\:scale-100:focus::before { - content: var(--tw-content); - --tw-scale-x: 1; - --tw-scale-y: 1; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - -.focus\:before\:opacity-\[0\.12\]:focus::before { - content: var(--tw-content); - opacity: 0.12; -} - -.focus\:before\:shadow-\[0px_0px_0px_13px_rgba\(0\2c 0\2c 0\2c 0\.6\)\]:focus::before { - content: var(--tw-content); - --tw-shadow: 0px 0px 0px 13px rgba(0,0,0,0.6); - --tw-shadow-colored: 0px 0px 0px 13px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.focus\:before\:transition-\[box-shadow_0\.2s\2c transform_0\.2s\]:focus::before { - content: var(--tw-content); - transition-property: box-shadow 0.2s,transform 0.2s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; -} - -.focus\:after\:absolute:focus::after { - content: var(--tw-content); - position: absolute; -} - -.focus\:after\:z-\[1\]:focus::after { - content: var(--tw-content); - z-index: 1; -} - -.focus\:after\:block:focus::after { - content: var(--tw-content); - display: block; -} - -.focus\:after\:h-\[0\.875rem\]:focus::after { - content: var(--tw-content); - height: 0.875rem; -} - -.focus\:after\:w-\[0\.875rem\]:focus::after { - content: var(--tw-content); - width: 0.875rem; -} - -.focus\:after\:rounded-\[0\.125rem\]:focus::after { - content: var(--tw-content); - border-radius: 0.125rem; -} - -.focus\:after\:content-\[\'\'\]:focus::after { - --tw-content: ''; - content: var(--tw-content); -} - -.checked\:focus\:before\:scale-100:focus:checked::before { - content: var(--tw-content); - --tw-scale-x: 1; - --tw-scale-y: 1; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - -.checked\:focus\:before\:shadow-\[0px_0px_0px_13px_\#3b71ca\]:focus:checked::before { - content: var(--tw-content); - --tw-shadow: 0px 0px 0px 13px #3b71ca; - --tw-shadow-colored: 0px 0px 0px 13px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.checked\:focus\:before\:transition-\[box-shadow_0\.2s\2c transform_0\.2s\]:focus:checked::before { - content: var(--tw-content); - transition-property: box-shadow 0.2s,transform 0.2s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; -} - -.checked\:focus\:after\:-mt-px:focus:checked::after { - content: var(--tw-content); - margin-top: -1px; -} - -.checked\:focus\:after\:ml-\[0\.25rem\]:focus:checked::after { - content: var(--tw-content); - margin-left: 0.25rem; -} - -.checked\:focus\:after\:h-\[0\.8125rem\]:focus:checked::after { - content: var(--tw-content); - height: 0.8125rem; -} - -.checked\:focus\:after\:w-\[0\.375rem\]:focus:checked::after { - content: var(--tw-content); - width: 0.375rem; -} - -.checked\:focus\:after\:rotate-45:focus:checked::after { - content: var(--tw-content); - --tw-rotate: 45deg; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - -.checked\:focus\:after\:rounded-none:focus:checked::after { - content: var(--tw-content); - border-radius: 0px; -} - -.checked\:focus\:after\:border-\[0\.125rem\]:focus:checked::after { - content: var(--tw-content); - border-width: 0.125rem; -} - -.checked\:focus\:after\:border-l-0:focus:checked::after { - content: var(--tw-content); - border-left-width: 0px; -} - -.checked\:focus\:after\:border-t-0:focus:checked::after { - content: var(--tw-content); - border-top-width: 0px; -} - -.checked\:focus\:after\:border-solid:focus:checked::after { - content: var(--tw-content); - border-style: solid; -} - -.checked\:focus\:after\:bg-transparent:focus:checked::after { - content: var(--tw-content); - background-color: transparent; -} - -.active\:bg-\[\#c4d4ef\]:active { - --tw-bg-opacity: 1; - background-color: rgb(196 212 239 / var(--tw-bg-opacity)); -} - -.active\:bg-\[\#cacfd1\]:active { - --tw-bg-opacity: 1; - background-color: rgb(202 207 209 / var(--tw-bg-opacity)); -} - -.active\:bg-primary-700:active { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-primary-700), var(--tw-bg-opacity)); -} - -.active\:text-primary-700:active { - --tw-text-opacity: 1; - color: rgba(var(--color-primary-700), var(--tw-text-opacity)); -} - -.active\:shadow-\[0_8px_9px_-4px_rgba\(59\2c 113\2c 202\2c 0\.3\)\2c 0_4px_18px_0_rgba\(59\2c 113\2c 202\2c 0\.2\)\]:active { - --tw-shadow: 0 8px 9px -4px rgba(59,113,202,0.3),0 4px 18px 0 rgba(59,113,202,0.2); - --tw-shadow-colored: 0 8px 9px -4px var(--tw-shadow-color), 0 4px 18px 0 var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.disabled\:hover\:bg-transparent:hover:disabled { - background-color: transparent; -} - -.group\/x:hover .group-hover\/x\:h-\[11px\] { - height: 11px; -} - -.group\/y:hover .group-hover\/y\:w-\[11px\] { - width: 11px; -} - -.group\/x:hover .group-hover\/x\:bg-\[\#999\] { - --tw-bg-opacity: 1; - background-color: rgb(153 153 153 / var(--tw-bg-opacity)); -} - -.group\/y:hover .group-hover\/y\:bg-\[\#999\] { - --tw-bg-opacity: 1; - background-color: rgb(153 153 153 / var(--tw-bg-opacity)); -} - -.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\/ps:hover .group-hover\/ps\:opacity-60 { - opacity: 0.6; -} - -.group:hover .group-hover\:opacity-100 { - opacity: 1; -} - -.group\/x:focus .group-focus\/x\:h-\[0\.6875rem\] { - height: 0.6875rem; -} - -.group\/y:focus .group-focus\/y\:w-\[0\.6875rem\] { - width: 0.6875rem; -} - -.group\/x:focus .group-focus\/x\:bg-\[\#999\] { - --tw-bg-opacity: 1; - background-color: rgb(153 153 153 / var(--tw-bg-opacity)); -} - -.group\/y:focus .group-focus\/y\:bg-\[\#999\] { - --tw-bg-opacity: 1; - background-color: rgb(153 153 153 / var(--tw-bg-opacity)); -} - -.group\/ps:focus .group-focus\/ps\:opacity-100 { - opacity: 1; -} - -.group\/ps:focus .group-focus\/ps\:opacity-60 { - opacity: 0.6; -} - -.group\/ps:active .group-active\/ps\:opacity-100 { - opacity: 1; -} - -.group\/ps.ps--active-x .group-\[\&\.ps--active-x\]\/ps\:block { - display: block; -} - -.group\/ps.ps--active-y .group-\[\&\.ps--active-y\]\/ps\:block { - display: block; -} - -.group\/x.ps--clicking .group-\[\&\.ps--clicking\]\/x\:h-\[11px\] { - height: 11px; -} - -.group\/y.ps--clicking .group-\[\&\.ps--clicking\]\/y\:w-\[11px\] { - width: 11px; -} - -.group[data-te-datepicker-cell-current] .group-\[\[data-te-datepicker-cell-current\]\]\:border { - border-width: 1px; -} - -.group[data-te-datepicker-cell-current] .group-\[\[data-te-datepicker-cell-current\]\]\:border-solid { - border-style: solid; -} - -.group\/ps.ps--active-x .group-\[\&\.ps--active-x\]\/ps\:bg-transparent { - background-color: transparent; -} - -.group\/ps.ps--active-y .group-\[\&\.ps--active-y\]\/ps\:bg-transparent { - background-color: transparent; -} - -.group\/x.ps--clicking .group-\[\&\.ps--clicking\]\/x\:bg-\[\#999\] { - --tw-bg-opacity: 1; - background-color: rgb(153 153 153 / var(--tw-bg-opacity)); -} - -.group\/y.ps--clicking .group-\[\&\.ps--clicking\]\/y\:bg-\[\#999\] { - --tw-bg-opacity: 1; - background-color: rgb(153 153 153 / var(--tw-bg-opacity)); -} - -.group:not([data-te-datepicker-cell-disabled]):not([data-te-datepicker-cell-selected]):hover .group-\[\:not\(\[data-te-datepicker-cell-disabled\]\)\:not\(\[data-te-datepicker-cell-selected\]\)\:hover\]\:bg-neutral-300 { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-neutral-300), var(--tw-bg-opacity)); -} - -.group:not([data-te-datepicker-cell-selected])[data-te-datepicker-cell-focused] .group-\[\:not\(\[data-te-datepicker-cell-selected\]\)\[data-te-datepicker-cell-focused\]\]\:bg-neutral-100 { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-neutral-100), var(--tw-bg-opacity)); -} - -.group\/ps.ps--scrolling-x .group-\[\&\.ps--scrolling-x\]\/ps\:opacity-60 { - opacity: 0.6; -} - -.group\/ps.ps--scrolling-y .group-\[\&\.ps--scrolling-y\]\/ps\:opacity-60 { - opacity: 0.6; -} - -.peer:focus ~ .peer-focus\:-translate-y-\[0\.75rem\] { - --tw-translate-y: -0.75rem; - 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)); -} - -.peer:focus ~ .peer-focus\:-translate-y-\[0\.9rem\] { - --tw-translate-y: -0.9rem; - 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)); -} - -.peer:focus ~ .peer-focus\:-translate-y-\[1\.15rem\] { - --tw-translate-y: -1.15rem; - 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)); -} - -.peer:focus ~ .peer-focus\:scale-\[0\.8\] { - --tw-scale-x: 0.8; - --tw-scale-y: 0.8; - 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)); -} - -.data-\[te-datepicker-cell-disabled\]\:pointer-events-none[data-te-datepicker-cell-disabled] { - pointer-events: none; -} - -.data-\[te-active\]\:-top-\[38px\][data-te-active] { - top: -38px; -} - -.data-\[te-carousel-fade\]\:z-0[data-te-carousel-fade] { - z-index: 0; -} - -.data-\[te-carousel-fade\]\:z-\[1\][data-te-carousel-fade] { - z-index: 1; -} - -.data-\[te-input-state-active\]\:block[data-te-input-state-active] { - display: block; -} - -.data-\[popper-reference-hidden\]\:hidden[data-popper-reference-hidden] { - display: none; -} - -.data-\[te-input-state-active\]\:-translate-y-\[0\.75rem\][data-te-input-state-active] { - --tw-translate-y: -0.75rem; - 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)); -} - -.data-\[te-input-state-active\]\:-translate-y-\[0\.9rem\][data-te-input-state-active] { - --tw-translate-y: -0.9rem; - 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)); -} - -.data-\[te-input-state-active\]\:-translate-y-\[1\.15rem\][data-te-input-state-active] { - --tw-translate-y: -1.15rem; - 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)); -} - -.data-\[te-active\]\:scale-100[data-te-active] { - --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)); -} - -.data-\[te-input-state-active\]\:scale-\[0\.8\][data-te-input-state-active] { - --tw-scale-x: 0.8; - --tw-scale-y: 0.8; - 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)); -} - -.data-\[te-select-open\]\:scale-100[data-te-select-open] { - --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)); -} - -.data-\[te-autocomplete-state-open\]\:scale-y-100[data-te-autocomplete-state-open] { - --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)); -} - -.data-\[data-te-autocomplete-option-disabled\]\:cursor-default[data-data-te-autocomplete-option-disabled] { - cursor: default; -} - -.data-\[te-datepicker-cell-disabled\]\:cursor-default[data-te-datepicker-cell-disabled] { - cursor: default; -} - -.data-\[te-input-disabled\]\:cursor-default[data-te-input-disabled] { - cursor: default; -} - -.data-\[te-select-option-disabled\]\:cursor-default[data-te-select-option-disabled] { - cursor: default; -} - -.data-\[te-select-selected\]\:data-\[te-select-option-disabled\]\:cursor-default[data-te-select-option-disabled][data-te-select-selected] { - cursor: default; -} - -.data-\[te-input-disabled\]\:bg-\[\#e9ecef\][data-te-input-disabled] { - --tw-bg-opacity: 1; - background-color: rgb(233 236 239 / var(--tw-bg-opacity)); -} - -.data-\[te-select-selected\]\:data-\[te-select-option-disabled\]\:bg-transparent[data-te-select-option-disabled][data-te-select-selected] { - background-color: transparent; -} - -.data-\[te-datepicker-cell-disabled\]\:text-neutral-300[data-te-datepicker-cell-disabled] { - --tw-text-opacity: 1; - color: rgba(var(--color-neutral-300), var(--tw-text-opacity)); -} - -.data-\[te-autocomplete-state-open\]\:opacity-100[data-te-autocomplete-state-open] { - opacity: 1; -} - -.data-\[te-carousel-fade\]\:opacity-0[data-te-carousel-fade] { - opacity: 0; -} - -.data-\[te-carousel-fade\]\:opacity-100[data-te-carousel-fade] { - opacity: 1; -} - -.data-\[te-select-open\]\:opacity-100[data-te-select-open] { - opacity: 1; -} - -.data-\[te-carousel-fade\]\:duration-\[600ms\][data-te-carousel-fade] { - transition-duration: 600ms; -} - -.data-\[te-input-state-active\]\:placeholder\:opacity-100[data-te-input-state-active]::-moz-placeholder { - opacity: 1; -} - -.data-\[te-input-state-active\]\:placeholder\:opacity-100[data-te-input-state-active]::placeholder { - opacity: 1; -} - -.data-\[te-datepicker-cell-disabled\]\:hover\:cursor-default:hover[data-te-datepicker-cell-disabled] { - cursor: default; -} - -.group\/validation[data-te-was-validated] .group-data-\[te-was-validated\]\/validation\:mb-4 { - margin-bottom: 1rem; -} - -.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-x-0 { - border-left-width: 0px; - border-right-width: 0px; -} - -.group[data-te-input-state-active] .group-data-\[te-input-state-active\]\:border-x-0 { - border-left-width: 0px; - border-right-width: 0px; -} - -.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-l-0 { - border-left-width: 0px; -} - -.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-r-0 { - border-right-width: 0px; -} - -.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-t { - border-top-width: 1px; -} - -.group[data-te-input-state-active] .group-data-\[te-input-state-active\]\:border-l-0 { - border-left-width: 0px; -} - -.group[data-te-input-state-active] .group-data-\[te-input-state-active\]\:border-r-0 { - border-right-width: 0px; -} - -.group[data-te-input-state-active] .group-data-\[te-input-state-active\]\:border-t { - border-top-width: 1px; -} - -.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-solid { - border-style: solid; -} - -.group[data-te-input-state-active] .group-data-\[te-input-state-active\]\:border-solid { - border-style: solid; -} - -.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-\[\#14a44d\] { - --tw-border-opacity: 1; - border-color: rgb(20 164 77 / var(--tw-border-opacity)); -} - -.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-\[\#dc4c64\] { - --tw-border-opacity: 1; - border-color: rgb(220 76 100 / var(--tw-border-opacity)); -} - -.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-t-transparent { - border-top-color: transparent; -} - -.group[data-te-input-state-active] .group-data-\[te-input-state-active\]\:border-t-transparent { - border-top-color: transparent; -} - -.group\/opt[data-te-select-option-group-ref] .group-data-\[te-select-option-group-ref\]\/opt\:pl-7 { - padding-left: 1.75rem; -} - -.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[-1px_0_0_\#14a44d\2c _0_1px_0_0_\#14a44d\2c _0_-1px_0_0_\#14a44d\] { - --tw-shadow: -1px 0 0 #14a44d, 0 1px 0 0 #14a44d, 0 -1px 0 0 #14a44d; - --tw-shadow-colored: -1px 0 0 var(--tw-shadow-color), 0 1px 0 0 var(--tw-shadow-color), 0 -1px 0 0 var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[-1px_0_0_\#3b71ca\2c _0_1px_0_0_\#3b71ca\2c _0_-1px_0_0_\#3b71ca\] { - --tw-shadow: -1px 0 0 #3b71ca, 0 1px 0 0 #3b71ca, 0 -1px 0 0 #3b71ca; - --tw-shadow-colored: -1px 0 0 var(--tw-shadow-color), 0 1px 0 0 var(--tw-shadow-color), 0 -1px 0 0 var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[-1px_0_0_\#dc4c64\2c _0_1px_0_0_\#dc4c64\2c _0_-1px_0_0_\#dc4c64\] { - --tw-shadow: -1px 0 0 #dc4c64, 0 1px 0 0 #dc4c64, 0 -1px 0 0 #dc4c64; - --tw-shadow-colored: -1px 0 0 var(--tw-shadow-color), 0 1px 0 0 var(--tw-shadow-color), 0 -1px 0 0 var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[-1px_0_0_\#ffffff\2c _0_1px_0_0_\#ffffff\2c _0_-1px_0_0_\#ffffff\] { - --tw-shadow: -1px 0 0 #ffffff, 0 1px 0 0 #ffffff, 0 -1px 0 0 #ffffff; - --tw-shadow-colored: -1px 0 0 var(--tw-shadow-color), 0 1px 0 0 var(--tw-shadow-color), 0 -1px 0 0 var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[0_1px_0_0_\#14a44d\] { - --tw-shadow: 0 1px 0 0 #14a44d; - --tw-shadow-colored: 0 1px 0 0 var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[0_1px_0_0_\#3b71ca\] { - --tw-shadow: 0 1px 0 0 #3b71ca; - --tw-shadow-colored: 0 1px 0 0 var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[0_1px_0_0_\#dc4c64\] { - --tw-shadow: 0 1px 0 0 #dc4c64; - --tw-shadow-colored: 0 1px 0 0 var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[0_1px_0_0_\#ffffff\] { - --tw-shadow: 0 1px 0 0 #ffffff; - --tw-shadow-colored: 0 1px 0 0 var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[1px_0_0_\#14a44d\2c _0_-1px_0_0_\#14a44d\2c _0_1px_0_0_\#14a44d\] { - --tw-shadow: 1px 0 0 #14a44d, 0 -1px 0 0 #14a44d, 0 1px 0 0 #14a44d; - --tw-shadow-colored: 1px 0 0 var(--tw-shadow-color), 0 -1px 0 0 var(--tw-shadow-color), 0 1px 0 0 var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[1px_0_0_\#3b71ca\2c _0_-1px_0_0_\#3b71ca\2c _0_1px_0_0_\#3b71ca\] { - --tw-shadow: 1px 0 0 #3b71ca, 0 -1px 0 0 #3b71ca, 0 1px 0 0 #3b71ca; - --tw-shadow-colored: 1px 0 0 var(--tw-shadow-color), 0 -1px 0 0 var(--tw-shadow-color), 0 1px 0 0 var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[1px_0_0_\#dc4c64\2c _0_-1px_0_0_\#dc4c64\2c _0_1px_0_0_\#dc4c64\] { - --tw-shadow: 1px 0 0 #dc4c64, 0 -1px 0 0 #dc4c64, 0 1px 0 0 #dc4c64; - --tw-shadow-colored: 1px 0 0 var(--tw-shadow-color), 0 -1px 0 0 var(--tw-shadow-color), 0 1px 0 0 var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[1px_0_0_\#ffffff\2c _0_-1px_0_0_\#ffffff\2c _0_1px_0_0_\#ffffff\] { - --tw-shadow: 1px 0 0 #ffffff, 0 -1px 0 0 #ffffff, 0 1px 0 0 #ffffff; - --tw-shadow-colored: 1px 0 0 var(--tw-shadow-color), 0 -1px 0 0 var(--tw-shadow-color), 0 1px 0 0 var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.group\/validation[data-te-was-validated] .peer:valid ~ .group-data-\[te-was-validated\]\/validation\:peer-valid\:block { - display: block; -} - -.group\/validation[data-te-was-validated] .peer:invalid ~ .group-data-\[te-was-validated\]\/validation\:peer-invalid\:block { - display: block; -} - -.group\/validation[data-te-was-validated] .peer:invalid ~ .group-data-\[te-was-validated\]\/validation\:peer-invalid\:text-\[rgb\(220\2c 76\2c 100\)\] { - --tw-text-opacity: 1; - color: rgb(220 76 100 / var(--tw-text-opacity)); -} - -.peer[data-te-input-state-active] ~ .peer-data-\[te-input-state-active\]\:-translate-y-\[0\.75rem\] { - --tw-translate-y: -0.75rem; - 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)); -} - -.peer[data-te-input-state-active] ~ .peer-data-\[te-input-state-active\]\:-translate-y-\[0\.9rem\] { - --tw-translate-y: -0.9rem; - 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)); -} - -.peer[data-te-input-state-active] ~ .peer-data-\[te-input-state-active\]\:-translate-y-\[1\.15rem\] { - --tw-translate-y: -1.15rem; - 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)); -} - -.peer[data-te-input-state-active] ~ .peer-data-\[te-input-state-active\]\:scale-\[0\.8\] { - --tw-scale-x: 0.8; - --tw-scale-y: 0.8; - 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)); -} - -@media (prefers-reduced-motion: reduce) { - .motion-reduce\:transform-none { - transform: none; - } - - @keyframes spin { - to { - transform: rotate(360deg); - } - } - - .motion-reduce\:animate-\[spin_1\.5s_linear_infinite\] { - animation: spin 1.5s linear infinite; - } - - .motion-reduce\:animate-\[spinner-grow_1\.5s_linear_infinite\] { - animation: spinner-grow 1.5s linear infinite; - } - - .motion-reduce\:animate-none { - animation: none; - } - - .motion-reduce\:transition-none { - transition-property: none; - } -} - -@media print { - .print\:hidden { - display: none; - } -} - -@media (min-width: 640px) { - .sm\:mb-0 { - margin-bottom: 0px; - } - - .sm\:mt-16 { - margin-top: 4rem; - } - - .sm\:w-1\/2 { - width: 50%; - } - - .sm\:max-w-prose { - max-width: 65ch; - } - - .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\:order-none { - order: 0; - } - - .md\:my-0 { - margin-top: 0px; - margin-bottom: 0px; - } - - .md\:-mr-16 { - margin-right: -4rem; - } - - .md\:mb-0 { - margin-bottom: 0px; - } - - .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\:flex-row { - flex-direction: row; - } - - .md\:justify-start { - justify-content: flex-start; - } - - .md\:p-\[10vh\] { - padding: 10vh; - } - - .md\:px-24 { - padding-left: 6rem; - padding-right: 6rem; - } - - .md\:pr-1 { - padding-right: 0.25rem; - } - - .md\:pr-\[17px\] { - padding-right: 17px; - } -} - -@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)); - } -} - -@media (min-width: 320px) { - @media (max-width: 825px) { - @media (orientation: landscape) { - .min-\[320px\]\:max-\[825px\]\:landscape\:h-auto { - height: auto; - } - - .min-\[320px\]\:max-\[825px\]\:landscape\:min-h-\[305px\] { - min-height: 305px; - } - - .min-\[320px\]\:max-\[825px\]\:landscape\:min-h-\[auto\] { - min-height: auto; - } - - .min-\[320px\]\:max-\[825px\]\:landscape\:min-w-\[auto\] { - min-width: auto; - } - - .min-\[320px\]\:max-\[825px\]\:landscape\:\!flex-row { - flex-direction: row !important; - } - - .min-\[320px\]\:max-\[825px\]\:landscape\:flex-col { - flex-direction: column; - } - - .min-\[320px\]\:max-\[825px\]\:landscape\:\!justify-around { - justify-content: space-around !important; - } - - .min-\[320px\]\:max-\[825px\]\:landscape\:overflow-y-auto { - overflow-y: auto; - } - - .min-\[320px\]\:max-\[825px\]\:landscape\:rounded-lg { - border-radius: 0.5rem; - } - - .min-\[320px\]\:max-\[825px\]\:landscape\:rounded-bl-lg { - border-bottom-left-radius: 0.5rem; - } - - .min-\[320px\]\:max-\[825px\]\:landscape\:rounded-bl-none { - border-bottom-left-radius: 0px; - } - - .min-\[320px\]\:max-\[825px\]\:landscape\:rounded-tr-none { - border-top-right-radius: 0px; - } - - .min-\[320px\]\:max-\[825px\]\:landscape\:p-\[10px\] { - padding: 10px; - } - - .min-\[320px\]\:max-\[825px\]\:landscape\:pr-\[10px\] { - padding-right: 10px; - } - - .min-\[320px\]\:max-\[825px\]\:landscape\:text-5xl { - font-size: 3rem; - line-height: 1; - } - - .min-\[320px\]\:max-\[825px\]\:landscape\:text-\[3rem\] { - font-size: 3rem; - } - - .min-\[320px\]\:max-\[825px\]\:landscape\:font-normal { - font-weight: 400; - } - } - } -} - -:is(:where([dir="ltr"]) .ltr\:-left-6) { - left: -1.5rem; -} - -:is(:where([dir="ltr"]) .ltr\:right-0) { - right: 0px; -} - -:is(:where([dir="ltr"]) .ltr\:-ml-5) { - margin-left: -1.25rem; -} - -:is(:where([dir="ltr"]) .ltr\:ml-2) { - margin-left: 0.5rem; -} - -:is(:where([dir="ltr"]) .ltr\:mr-14) { - margin-right: 3.5rem; -} - -:is(:where([dir="ltr"]) .ltr\:mr-4) { - margin-right: 1rem; -} - -:is(:where([dir="ltr"]) .ltr\:block) { - display: block; -} - -:is(:where([dir="ltr"]) .ltr\:inline) { - display: inline; -} - -:is(:where([dir="ltr"]) .ltr\:hidden) { - display: none; -} - -:is(:where([dir="ltr"]) .ltr\:border-l) { - border-left-width: 1px; -} - -:is(:where([dir="ltr"]) .ltr\:pl-5) { - padding-left: 1.25rem; -} - -:is(:where([dir="ltr"]) .ltr\:pr-2) { - padding-right: 0.5rem; -} - -:is(:where([dir="ltr"]) .ltr\:pr-3) { - padding-right: 0.75rem; -} - -:is(:where([dir="ltr"]) .ltr\:text-right) { - text-align: right; -} - -@media (min-width: 640px) { - :is(:where([dir="ltr"]) .ltr\:sm\:mr-7) { - margin-right: 1.75rem; - } - - :is(:where([dir="ltr"]) .ltr\:sm\:last\:mr-0:last-child) { - margin-right: 0px; - } -} - -@media (min-width: 1024px) { - :is(:where([dir="ltr"]) .ltr\:lg\:pl-8) { - padding-left: 2rem; - } -} - -:is(:where([dir="rtl"]) .rtl\:\!left-auto) { - left: auto !important; -} - -:is(:where([dir="rtl"]) .rtl\:-right-6) { - right: -1.5rem; -} - -:is(:where([dir="rtl"]) .rtl\:left-0) { - left: 0px; -} - -:is(:where([dir="rtl"]) .rtl\:-mr-5) { - margin-right: -1.25rem; -} - -:is(:where([dir="rtl"]) .rtl\:ml-14) { - margin-left: 3.5rem; -} - -:is(:where([dir="rtl"]) .rtl\:ml-4) { - margin-left: 1rem; -} - -:is(:where([dir="rtl"]) .rtl\:mr-2) { - margin-right: 0.5rem; -} - -:is(:where([dir="rtl"]) .rtl\:block) { - display: block; -} - -:is(:where([dir="rtl"]) .rtl\:inline) { - display: inline; -} - -:is(:where([dir="rtl"]) .rtl\:hidden) { - display: none; -} - -:is(:where([dir="rtl"]) .rtl\:\!origin-\[50\%_50\%_0\]) { - transform-origin: 50% 50% 0 !important; -} - -:is(:where([dir="rtl"]) .rtl\:border-r) { - border-right-width: 1px; -} - -:is(:where([dir="rtl"]) .rtl\:pl-2) { - padding-left: 0.5rem; -} - -:is(:where([dir="rtl"]) .rtl\:pl-3) { - padding-left: 0.75rem; -} - -:is(:where([dir="rtl"]) .rtl\:pr-5) { - padding-right: 1.25rem; -} - -:is(:where([dir="rtl"]) .rtl\:text-left) { - text-align: left; -} - -:is(:where([dir="rtl"]) .rtl\:\[direction\:rtl\]) { - direction: rtl; -} - -@media (min-width: 640px) { - :is(:where([dir="rtl"]) .rtl\:sm\:ml-7) { - margin-left: 1.75rem; - } - - :is(:where([dir="rtl"]) .rtl\:sm\:last\:ml-0:last-child) { - margin-left: 0px; - } -} - -@media (min-width: 1024px) { - :is(:where([dir="rtl"]) .rtl\:lg\:pr-8) { - padding-right: 2rem; - } -} - -:is(:where(.dark) .dark\:flex) { - display: flex; -} - -:is(:where(.dark) .dark\:hidden) { - display: none; -} - -:is(:where(.dark) .dark\:border-0) { - border-width: 0px; -} - -:is(:where(.dark) .dark\:border-\[\#14a44d\]) { - --tw-border-opacity: 1; - border-color: rgb(20 164 77 / var(--tw-border-opacity)); -} - -:is(:where(.dark) .dark\:border-\[\#4f4f4f\]) { - --tw-border-opacity: 1; - border-color: rgb(79 79 79 / var(--tw-border-opacity)); -} - -:is(:where(.dark) .dark\:border-\[\#dc4c64\]) { - --tw-border-opacity: 1; - border-color: rgb(220 76 100 / var(--tw-border-opacity)); -} - -:is(:where(.dark) .dark\:border-neutral-400) { - --tw-border-opacity: 1; - border-color: rgba(var(--color-neutral-400), var(--tw-border-opacity)); -} - -:is(:where(.dark) .dark\:border-neutral-500) { - --tw-border-opacity: 1; - border-color: rgba(var(--color-neutral-500), var(--tw-border-opacity)); -} - -:is(:where(.dark) .dark\:border-neutral-600) { - --tw-border-opacity: 1; - border-color: rgba(var(--color-neutral-600), var(--tw-border-opacity)); -} - -:is(:where(.dark) .dark\:border-neutral-700) { - --tw-border-opacity: 1; - border-color: rgba(var(--color-neutral-700), var(--tw-border-opacity)); -} - -:is(:where(.dark) .dark\:border-primary-300) { - --tw-border-opacity: 1; - border-color: rgba(var(--color-primary-300), var(--tw-border-opacity)); -} - -:is(:where(.dark) .dark\:border-primary-400) { - --tw-border-opacity: 1; - border-color: rgba(var(--color-primary-400), var(--tw-border-opacity)); -} - -:is(:where(.dark) .dark\:border-primary-600) { - --tw-border-opacity: 1; - border-color: rgba(var(--color-primary-600), var(--tw-border-opacity)); -} - -:is(:where(.dark) .dark\:\!bg-neutral-600) { - --tw-bg-opacity: 1 !important; - background-color: rgba(var(--color-neutral-600), var(--tw-bg-opacity)) !important; -} - -:is(:where(.dark) .dark\:bg-\[\#4f4f4f\]) { - --tw-bg-opacity: 1; - background-color: rgb(79 79 79 / var(--tw-bg-opacity)); -} - -:is(:where(.dark) .dark\:bg-neutral-400) { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-neutral-400), var(--tw-bg-opacity)); -} - -:is(:where(.dark) .dark\:bg-neutral-600) { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-neutral-600), var(--tw-bg-opacity)); -} - -:is(:where(.dark) .dark\:bg-neutral-700) { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-neutral-700), var(--tw-bg-opacity)); -} - -:is(:where(.dark) .dark\:bg-neutral-800) { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-neutral-800), var(--tw-bg-opacity)); -} - -:is(:where(.dark) .dark\:bg-neutral-800\/50) { - background-color: rgba(var(--color-neutral-800), 0.5); -} - -:is(:where(.dark) .dark\:bg-neutral-900\/50) { - background-color: rgba(var(--color-neutral-900), 0.5); -} - -:is(:where(.dark) .dark\:bg-primary-300) { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-primary-300), var(--tw-bg-opacity)); -} - -:is(:where(.dark) .dark\:bg-primary-400) { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-primary-400), var(--tw-bg-opacity)); -} - -:is(:where(.dark) .dark\:bg-primary-600) { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-primary-600), var(--tw-bg-opacity)); -} - -:is(:where(.dark) .dark\:bg-primary-800) { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-primary-800), var(--tw-bg-opacity)); -} - -:is(:where(.dark) .dark\:bg-primary-900) { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity)); -} - -:is(:where(.dark) .dark\:bg-transparent) { - background-color: transparent; -} - -:is(:where(.dark) .dark\:from-neutral-800) { - --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); -} - -:is(:where(.dark) .dark\:from-primary-600) { - --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); -} - -:is(:where(.dark) .dark\:to-neutral-800) { - --tw-gradient-to: rgba(var(--color-neutral-800), 1) var(--tw-gradient-to-position); -} - -:is(:where(.dark) .dark\:to-secondary-800) { - --tw-gradient-to: rgba(var(--color-secondary-800), 1) var(--tw-gradient-to-position); -} - -:is(:where(.dark) .dark\:\!text-primary-400) { - --tw-text-opacity: 1 !important; - color: rgba(var(--color-primary-400), var(--tw-text-opacity)) !important; -} - -:is(:where(.dark) .dark\:text-neutral) { - --tw-text-opacity: 1; - color: rgba(var(--color-neutral), var(--tw-text-opacity)); -} - -:is(:where(.dark) .dark\:text-neutral-100) { - --tw-text-opacity: 1; - color: rgba(var(--color-neutral-100), var(--tw-text-opacity)); -} - -:is(:where(.dark) .dark\:text-neutral-200) { - --tw-text-opacity: 1; - color: rgba(var(--color-neutral-200), var(--tw-text-opacity)); -} - -:is(:where(.dark) .dark\:text-neutral-300) { - --tw-text-opacity: 1; - color: rgba(var(--color-neutral-300), var(--tw-text-opacity)); -} - -:is(:where(.dark) .dark\:text-neutral-400) { - --tw-text-opacity: 1; - color: rgba(var(--color-neutral-400), var(--tw-text-opacity)); -} - -:is(:where(.dark) .dark\:text-neutral-500) { - --tw-text-opacity: 1; - color: rgba(var(--color-neutral-500), var(--tw-text-opacity)); -} - -:is(:where(.dark) .dark\:text-neutral-700) { - --tw-text-opacity: 1; - color: rgba(var(--color-neutral-700), var(--tw-text-opacity)); -} - -:is(:where(.dark) .dark\:text-neutral-800) { - --tw-text-opacity: 1; - color: rgba(var(--color-neutral-800), var(--tw-text-opacity)); -} - -:is(:where(.dark) .dark\:text-primary-200) { - --tw-text-opacity: 1; - color: rgba(var(--color-primary-200), var(--tw-text-opacity)); -} - -:is(:where(.dark) .dark\:text-primary-400) { - --tw-text-opacity: 1; - color: rgba(var(--color-primary-400), var(--tw-text-opacity)); -} - -:is(:where(.dark) .dark\:opacity-60) { - opacity: 0.6; -} - -:is(:where(.dark) .dark\:shadow-\[0_4px_9px_-4px_rgba\(59\2c 113\2c 202\2c 0\.5\)\]) { - --tw-shadow: 0 4px 9px -4px rgba(59,113,202,0.5); - --tw-shadow-colored: 0 4px 9px -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); -} - -:is(:where(.dark) .dark\:hover\:\!bg-\[\#555\]:hover) { - --tw-bg-opacity: 1 !important; - background-color: rgb(85 85 85 / var(--tw-bg-opacity)) !important; -} - -:is(:where(.dark) .dark\:hover\:\!bg-primary-700:hover) { - --tw-bg-opacity: 1 !important; - background-color: rgba(var(--color-primary-700), var(--tw-bg-opacity)) !important; -} - -:is(:where(.dark) .dark\:hover\:bg-neutral-500:hover) { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-neutral-500), var(--tw-bg-opacity)); -} - -:is(:where(.dark) .dark\:hover\:bg-neutral-600:hover) { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-neutral-600), var(--tw-bg-opacity)); -} - -:is(:where(.dark) .dark\:hover\:bg-neutral-700:hover) { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-neutral-700), var(--tw-bg-opacity)); -} - -:is(:where(.dark) .dark\:hover\:bg-primary-400:hover) { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-primary-400), var(--tw-bg-opacity)); -} - -:is(:where(.dark) .dark\:hover\:bg-primary-900:hover) { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity)); -} - -:is(:where(.dark) .dark\:hover\:text-\[\#3b71ca\]:hover) { - --tw-text-opacity: 1; - color: rgb(59 113 202 / var(--tw-text-opacity)); -} - -:is(:where(.dark) .dark\:hover\:text-neutral-800:hover) { - --tw-text-opacity: 1; - color: rgba(var(--color-neutral-800), var(--tw-text-opacity)); -} - -:is(:where(.dark) .dark\:hover\:text-primary-400:hover) { - --tw-text-opacity: 1; - color: rgba(var(--color-primary-400), var(--tw-text-opacity)); -} - -:is(:where(.dark) .dark\:hover\:shadow-\[0_8px_9px_-4px_rgba\(59\2c 113\2c 202\2c 0\.2\)\2c 0_4px_18px_0_rgba\(59\2c 113\2c 202\2c 0\.1\)\]:hover) { - --tw-shadow: 0 8px 9px -4px rgba(59,113,202,0.2),0 4px 18px 0 rgba(59,113,202,0.1); - --tw-shadow-colored: 0 8px 9px -4px var(--tw-shadow-color), 0 4px 18px 0 var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -:is(:where(.dark) .dark\:focus\:\!bg-\[\#555\]:focus) { - --tw-bg-opacity: 1 !important; - background-color: rgb(85 85 85 / var(--tw-bg-opacity)) !important; -} - -:is(:where(.dark) .dark\:focus\:bg-primary-900:focus) { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity)); -} - -:is(:where(.dark) .dark\:focus\:text-\[\#3b71ca\]:focus) { - --tw-text-opacity: 1; - color: rgb(59 113 202 / var(--tw-text-opacity)); -} - -:is(:where(.dark) .dark\:focus\:text-primary-400:focus) { - --tw-text-opacity: 1; - color: rgba(var(--color-primary-400), var(--tw-text-opacity)); -} - -:is(:where(.dark) .dark\:focus\:shadow-\[0_8px_9px_-4px_rgba\(59\2c 113\2c 202\2c 0\.2\)\2c 0_4px_18px_0_rgba\(59\2c 113\2c 202\2c 0\.1\)\]:focus) { - --tw-shadow: 0 8px 9px -4px rgba(59,113,202,0.2),0 4px 18px 0 rgba(59,113,202,0.1); - --tw-shadow-colored: 0 8px 9px -4px var(--tw-shadow-color), 0 4px 18px 0 var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -:is(:where(.dark) .dark\:focus\:before\:shadow-\[0px_0px_0px_13px_rgba\(255\2c 255\2c 255\2c 0\.4\)\]:focus)::before { - content: var(--tw-content); - --tw-shadow: 0px 0px 0px 13px rgba(255,255,255,0.4); - --tw-shadow-colored: 0px 0px 0px 13px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -:is(:where(.dark) .dark\:checked\:focus\:before\:shadow-\[0px_0px_0px_13px_\#3b71ca\]:focus:checked)::before { - content: var(--tw-content); - --tw-shadow: 0px 0px 0px 13px #3b71ca; - --tw-shadow-colored: 0px 0px 0px 13px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -:is(:where(.dark) .dark\:active\:shadow-\[0_8px_9px_-4px_rgba\(59\2c 113\2c 202\2c 0\.2\)\2c 0_4px_18px_0_rgba\(59\2c 113\2c 202\2c 0\.1\)\]:active) { - --tw-shadow: 0 8px 9px -4px rgba(59,113,202,0.2),0 4px 18px 0 rgba(59,113,202,0.1); - --tw-shadow-colored: 0 8px 9px -4px var(--tw-shadow-color), 0 4px 18px 0 var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -:is(:where(.dark) .dark\:disabled\:text-neutral-600:disabled) { - --tw-text-opacity: 1; - color: rgba(var(--color-neutral-600), var(--tw-text-opacity)); -} - -:is(:where(.dark) .dark\:disabled\:hover\:bg-transparent:hover:disabled) { - background-color: transparent; -} - -:is(:where(.dark) .group:hover .dark\:group-hover\:text-neutral-700) { - --tw-text-opacity: 1; - color: rgba(var(--color-neutral-700), var(--tw-text-opacity)); -} - -:is(:where(.dark) .group:hover .dark\:group-hover\:text-primary-400) { - --tw-text-opacity: 1; - color: rgba(var(--color-primary-400), var(--tw-text-opacity)); -} - -:is(:where(.dark) .group[data-te-datepicker-cell-disabled] .dark\:group-\[\[data-te-datepicker-cell-disabled\]\]\:text-neutral-500) { - --tw-text-opacity: 1; - color: rgba(var(--color-neutral-500), var(--tw-text-opacity)); -} - -.\[\&\.ps--clicking\]\:\!bg-\[\#eee\].ps--clicking { - --tw-bg-opacity: 1 !important; - background-color: rgb(238 238 238 / var(--tw-bg-opacity)) !important; -} - -.\[\&\.ps--clicking\]\:\!opacity-90.ps--clicking { - opacity: 0.9 !important; -} - -:is(:where(.dark) .dark\:\[\&\.ps--clicking\]\:\!bg-\[\#555\].ps--clicking) { - --tw-bg-opacity: 1 !important; - background-color: rgb(85 85 85 / var(--tw-bg-opacity)) !important; -} - -.\[\&\:\:-webkit-scrollbar-button\]\:block::-webkit-scrollbar-button { - display: block; -} - -.\[\&\:\:-webkit-scrollbar-button\]\:h-0::-webkit-scrollbar-button { - height: 0px; -} - -.\[\&\:\:-webkit-scrollbar-button\]\:bg-transparent::-webkit-scrollbar-button { - background-color: transparent; -} - -.\[\&\:\:-webkit-scrollbar-thumb\]\:h-\[50px\]::-webkit-scrollbar-thumb { - height: 50px; -} - -.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded::-webkit-scrollbar-thumb { - border-radius: 0.25rem; -} - -.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-\[\#999\]::-webkit-scrollbar-thumb { - --tw-bg-opacity: 1; - background-color: rgb(153 153 153 / var(--tw-bg-opacity)); -} - -.\[\&\:\:-webkit-scrollbar-track-piece\]\:rounded-none::-webkit-scrollbar-track-piece { - border-radius: 0px; -} - -.\[\&\:\:-webkit-scrollbar-track-piece\]\:rounded-l::-webkit-scrollbar-track-piece { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; -} - -.\[\&\:\:-webkit-scrollbar-track-piece\]\:bg-transparent::-webkit-scrollbar-track-piece { - background-color: transparent; -} - -.\[\&\:\:-webkit-scrollbar\]\:h-1::-webkit-scrollbar { - height: 0.25rem; -} - -.\[\&\:\:-webkit-scrollbar\]\:w-1::-webkit-scrollbar { - width: 0.25rem; -} - -.\[\&\:not\(\[data-te-input-placeholder-active\]\)\]\:placeholder\:opacity-0:not([data-te-input-placeholder-active])::-moz-placeholder { - opacity: 0; -} - -.\[\&\:not\(\[data-te-input-placeholder-active\]\)\]\:placeholder\:opacity-0:not([data-te-input-placeholder-active])::placeholder { - opacity: 0; -} - -.\[\&\:nth-child\(odd\)\]\:bg-neutral-50:nth-child(odd) { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-neutral-50), var(--tw-bg-opacity)); -} - -:is(:where(.dark) .\[\&\:nth-child\(odd\)\]\:dark\:bg-neutral-700):nth-child(odd) { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-neutral-700), var(--tw-bg-opacity)); -} - -.\[\&\>svg\]\:pointer-events-none>svg { - pointer-events: none; -} - -.\[\&\>svg\]\:mx-auto>svg { - margin-left: auto; - margin-right: auto; -} - -.\[\&\>svg\]\:h-4>svg { - height: 1rem; -} - -.\[\&\>svg\]\:h-5>svg { - height: 1.25rem; -} - -.\[\&\>svg\]\:h-6>svg { - height: 1.5rem; -} - -.\[\&\>svg\]\:w-4>svg { - width: 1rem; -} - -.\[\&\>svg\]\:w-5>svg { - width: 1.25rem; -} - -.\[\&\>svg\]\:w-6>svg { - width: 1.5rem; -} - -.\[\&\>svg\]\:rotate-180>svg { - --tw-rotate: 180deg; - 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)); -} - -.\[\&\>svg\]\:fill-neutral-500>svg { - fill: rgba(var(--color-neutral-500), 1); -} \ No newline at end of file diff --git a/assets/css/components/zen-mode.css b/assets/css/components/zen-mode.css new file mode 100644 index 00000000..bf0c31cb --- /dev/null +++ b/assets/css/components/zen-mode.css @@ -0,0 +1,16 @@ +#zen-mode-button { + cursor:pointer +} + +.zen-mode { + position: relative; +} + +body.zen-mode-enable { + #bmc-wbtn, .author { + display:none !important; + } +} + + + diff --git a/assets/css/main.css b/assets/css/main.css index 8c102897..7f46d01e 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -1,5 +1,7 @@ /*! Blowfish | MIT License | https://github.com/nunocoracao/blowfish */ +@import 'components/zen-mode.css'; + @tailwind base; @tailwind components; @tailwind utilities; diff --git a/assets/icons/edit.svg b/assets/icons/edit.svg index 82a60358..50be4d24 100644 --- a/assets/icons/edit.svg +++ b/assets/icons/edit.svg @@ -1 +1 @@ - + \ No newline at end of file diff --git a/assets/icons/expand.svg b/assets/icons/expand.svg new file mode 100644 index 00000000..c307f42e --- /dev/null +++ b/assets/icons/expand.svg @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/assets/js/zen-mode.js b/assets/js/zen-mode.js new file mode 100644 index 00000000..9d6d4a82 --- /dev/null +++ b/assets/js/zen-mode.js @@ -0,0 +1,65 @@ +function _toogleZenMode(zendModeButton) { + // Nodes selection + const body = document.querySelector('body'); + const tocRight = document.querySelector('.toc-right'); + const tocInside = document.querySelector('.toc-inside'); + const articleContent = document.querySelector('.article-content'); + const header = document.querySelector('#single_header'); + + + // Add semantic class into body tag + body.classList.toggle('zen-mode-enable'); + + // Show/Hide 'toc right' and 'toc inside' + tocRight.classList.toggle('lg:block'); + tocInside.classList.toggle('lg:hidden'); + + // Change width of article content + articleContent.classList.toggle('max-w-fit'); + articleContent.classList.toggle('max-w-prose'); + + // Read i18n title from data-attributes + const titleI18nDisable = zendModeButton.getAttribute('data-title-i18n-disable'); + const titleI18nEnable = zendModeButton.getAttribute('data-title-i18n-enable'); + + if (body.classList.contains('zen-mode-enable')) { + // Persist configuration + localStorage.setItem('blowfish-zen-mode-enabled', 'true'); + // Change title to enable + zendModeButton.setAttribute('title', titleI18nEnable) + // Auto-scroll to title article + window.scrollTo(window.scrollX, header.getBoundingClientRect().top - 90); + } else { + localStorage.setItem('blowfish-zen-mode-enabled', 'false'); + zendModeButton.setAttribute('title', titleI18nDisable); + document.querySelector('body').scrollIntoView(); + } +} + +function _registerZendModeButtonClick(zendModeButton) { + zendModeButton.addEventListener('click', function (event) { + event.preventDefault(); + + // Toggle zen-mode + _toogleZenMode(zendModeButton); + }); +} + +(function init() { + window.addEventListener("DOMContentLoaded", (event) => { + console.debug('[DEBUG] Zen-mode feature enable'); + + // Register click on 'zen-mode-button' node element + const zendModeButton = document.getElementById('zen-mode-button'); + if(zendModeButton !== null && zendModeButton !== undefined) { + _registerZendModeButtonClick(zendModeButton); + } + + // Initialize localstorage option 'blowfish-zen-mode-enabled' to false, if it does not exist, otherwise enable it. + if (localStorage.getItem('blowfish-zen-mode-enabled') === null) { + localStorage.setItem('blowfish-zen-mode-enabled', 'false'); + } else if (localStorage.getItem('blowfish-zen-mode-enabled') === 'true') { + _toogleZenMode(zendModeButton) + } + }); +})(); \ No newline at end of file diff --git a/config/_default/params.toml b/config/_default/params.toml index 7ddfd3b5..cd20b1e4 100644 --- a/config/_default/params.toml +++ b/config/_default/params.toml @@ -73,6 +73,7 @@ disableTextInHeader = false showAuthorsBadges = false showWordCount = true # sharingLinks = [ "linkedin", "twitter", "reddit", "pinterest", "facebook", "email", "whatsapp", "telegram"] + showZenMode = true [list] showHero = false diff --git a/exampleSite/config/_default/params.toml b/exampleSite/config/_default/params.toml index ccdbb1c4..11319d68 100644 --- a/exampleSite/config/_default/params.toml +++ b/exampleSite/config/_default/params.toml @@ -72,6 +72,7 @@ smartTOCHideUnfocusedChildren = false showAuthorsBadges = true showWordCount = false sharingLinks = [ "linkedin", "twitter", "reddit", "whatsapp", "telegram", "pinterest", "facebook", "email"] + showZenMode = true [list] showHero = true diff --git a/i18n/en.yaml b/i18n/en.yaml index b8156bdd..a387b85d 100644 --- a/i18n/en.yaml +++ b/i18n/en.yaml @@ -25,6 +25,9 @@ article: part: "Part" this_article: "This Article" related_articles: "Related" + zen_mode_title: + enable: "Enable zen mode" + disable: "Disable zen mode" author: byline_title: "Author" diff --git a/i18n/fr.yaml b/i18n/fr.yaml index 2a601ae3..21c5e0ef 100644 --- a/i18n/fr.yaml +++ b/i18n/fr.yaml @@ -19,6 +19,9 @@ article: part: "Partie" this_article: "Cet article" related_articles: "Articles connexes" + zen_mode_title: + enable: "Activer le mode zen" + disable: "Désactiver le mode zen" author: byline_title: "Auteur" diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 248f15aa..026954c7 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -31,8 +31,8 @@ {{ $showAuthor := 0 }} {{ if .Params.showAuthor | default (.Site.Params.article.showAuthor | default true) }} - {{ $showAuthor = 1 }} - {{ partial "author.html" . }} + {{ $showAuthor = 1 }} + {{ partial "author.html" . }} {{ end }} {{ if not (strings.HasSuffix $baseURL "/") }} @@ -63,7 +63,7 @@ {{ if or (and (.Params.showTableOfContents | default (.Site.Params.article.showTableOfContents | default false)) (in .TableOfContents "