Created
March 15, 2023 03:11
-
-
Save JVimes/cdbc012a91b3cf29c2cadbfd654ce23b to your computer and use it in GitHub Desktop.
generated/main.css for Blowfish to work around color scheme issue for now
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*! Blowfish | MIT License | https://github.com/nunocoracao/blowfish */ | |
| /*! tailwindcss v3.2.7 | 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. | |
| */ | |
| html { | |
| 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: Inter, sans-serif; | |
| /* 4 */ | |
| font-feature-settings: normal; | |
| /* 5 */ | |
| } | |
| /* | |
| 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. Correct the odd `em` font sizing in all browsers. | |
| */ | |
| code, | |
| kbd, | |
| samp, | |
| pre { | |
| font-family: ui-monospace, monospace; | |
| /* 1 */ | |
| font-size: 1em; | |
| /* 2 */ | |
| } | |
| /* | |
| 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-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; | |
| } | |
| /* | |
| 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'],[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, [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; | |
| } | |
| ::-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] { | |
| 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"); | |
| } | |
| [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"); | |
| } | |
| [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; | |
| } | |
| [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-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-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"] *)) { | |
| margin-top: 1.25em; | |
| margin-bottom: 1.25em; | |
| } | |
| .prose :where([class~="lead"]):not(:where([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"] *)) { | |
| 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"] *)):hover { | |
| color: rgba(var(--color-neutral), 1); | |
| text-decoration: none; | |
| background-color: rgba(var(--color-primary-600), 1); | |
| border-radius: 0.09rem; | |
| } | |
| .prose :where(strong):not(:where([class~="not-prose"] *)) { | |
| color: var(--tw-prose-bold); | |
| font-weight: 600; | |
| } | |
| .prose :where(a strong):not(:where([class~="not-prose"] *)) { | |
| color: inherit; | |
| } | |
| .prose :where(blockquote strong):not(:where([class~="not-prose"] *)) { | |
| color: inherit; | |
| } | |
| .prose :where(thead th strong):not(:where([class~="not-prose"] *)) { | |
| color: inherit; | |
| } | |
| .prose :where(ol):not(:where([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"] *)) { | |
| list-style-type: upper-alpha; | |
| } | |
| .prose :where(ol[type="a"]):not(:where([class~="not-prose"] *)) { | |
| list-style-type: lower-alpha; | |
| } | |
| .prose :where(ol[type="A" s]):not(:where([class~="not-prose"] *)) { | |
| list-style-type: upper-alpha; | |
| } | |
| .prose :where(ol[type="a" s]):not(:where([class~="not-prose"] *)) { | |
| list-style-type: lower-alpha; | |
| } | |
| .prose :where(ol[type="I"]):not(:where([class~="not-prose"] *)) { | |
| list-style-type: upper-roman; | |
| } | |
| .prose :where(ol[type="i"]):not(:where([class~="not-prose"] *)) { | |
| list-style-type: lower-roman; | |
| } | |
| .prose :where(ol[type="I" s]):not(:where([class~="not-prose"] *)) { | |
| list-style-type: upper-roman; | |
| } | |
| .prose :where(ol[type="i" s]):not(:where([class~="not-prose"] *)) { | |
| list-style-type: lower-roman; | |
| } | |
| .prose :where(ol[type="1"]):not(:where([class~="not-prose"] *)) { | |
| list-style-type: decimal; | |
| } | |
| .prose :where(ul):not(:where([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"] *))::marker { | |
| font-weight: 400; | |
| color: var(--tw-prose-counters); | |
| } | |
| .prose :where(ul > li):not(:where([class~="not-prose"] *))::marker { | |
| color: var(--tw-prose-bullets); | |
| } | |
| .prose :where(hr):not(:where([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"] *)) { | |
| 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"] *))::before { | |
| content: open-quote; | |
| } | |
| .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"] *))::after { | |
| content: close-quote; | |
| } | |
| .prose :where(h1):not(:where([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"] *)) { | |
| font-weight: 900; | |
| color: inherit; | |
| } | |
| .prose :where(h2):not(:where([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"] *)) { | |
| font-weight: 800; | |
| color: inherit; | |
| } | |
| .prose :where(h3):not(:where([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"] *)) { | |
| font-weight: 700; | |
| color: inherit; | |
| } | |
| .prose :where(h4):not(:where([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"] *)) { | |
| font-weight: 700; | |
| color: inherit; | |
| } | |
| .prose :where(img):not(:where([class~="not-prose"] *)) { | |
| margin-top: 2em; | |
| margin-bottom: 2em; | |
| } | |
| .prose :where(figure > *):not(:where([class~="not-prose"] *)) { | |
| margin-top: 0; | |
| margin-bottom: 0; | |
| } | |
| .prose :where(figcaption):not(:where([class~="not-prose"] *)) { | |
| color: var(--tw-prose-captions); | |
| font-size: 0.875em; | |
| line-height: 1.4285714; | |
| margin-top: 0.8571429em; | |
| } | |
| .prose :where(code):not(:where([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"] *))::before { | |
| content: "`"; | |
| display: none; | |
| } | |
| .prose :where(code):not(:where([class~="not-prose"] *))::after { | |
| content: "`"; | |
| display: none; | |
| } | |
| .prose :where(a code):not(:where([class~="not-prose"] *)) { | |
| color: var(--tw-prose-code); | |
| } | |
| .prose :where(h1 code):not(:where([class~="not-prose"] *)) { | |
| color: inherit; | |
| } | |
| .prose :where(h2 code):not(:where([class~="not-prose"] *)) { | |
| color: inherit; | |
| font-size: 0.875em; | |
| } | |
| .prose :where(h3 code):not(:where([class~="not-prose"] *)) { | |
| color: inherit; | |
| font-size: 0.9em; | |
| } | |
| .prose :where(h4 code):not(:where([class~="not-prose"] *)) { | |
| color: inherit; | |
| } | |
| .prose :where(blockquote code):not(:where([class~="not-prose"] *)) { | |
| color: inherit; | |
| } | |
| .prose :where(thead th code):not(:where([class~="not-prose"] *)) { | |
| color: inherit; | |
| } | |
| .prose :where(pre):not(:where([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"] *)) { | |
| 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"] *))::before { | |
| content: none; | |
| } | |
| .prose :where(pre code):not(:where([class~="not-prose"] *))::after { | |
| content: none; | |
| } | |
| .prose :where(table):not(:where([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"] *)) { | |
| border-bottom-width: 1px; | |
| border-bottom-color: var(--tw-prose-th-borders); | |
| } | |
| .prose :where(thead th):not(:where([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"] *)) { | |
| border-bottom-width: 1px; | |
| border-bottom-color: var(--tw-prose-td-borders); | |
| } | |
| .prose :where(tbody tr:last-child):not(:where([class~="not-prose"] *)) { | |
| border-bottom-width: 0; | |
| } | |
| .prose :where(tbody td):not(:where([class~="not-prose"] *)) { | |
| vertical-align: baseline; | |
| } | |
| .prose :where(tfoot):not(:where([class~="not-prose"] *)) { | |
| border-top-width: 1px; | |
| border-top-color: var(--tw-prose-th-borders); | |
| } | |
| .prose :where(tfoot td):not(:where([class~="not-prose"] *)) { | |
| vertical-align: top; | |
| } | |
| .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-700), 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-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-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(video):not(:where([class~="not-prose"] *)) { | |
| margin-top: 2em; | |
| margin-bottom: 2em; | |
| } | |
| .prose :where(figure):not(:where([class~="not-prose"] *)) { | |
| margin-top: 2em; | |
| margin-bottom: 2em; | |
| } | |
| .prose :where(li):not(:where([class~="not-prose"] *)) { | |
| margin-top: 0.5em; | |
| margin-bottom: 0.5em; | |
| } | |
| .prose :where(ol > li):not(:where([class~="not-prose"] *)) { | |
| padding-left: 0.375em; | |
| } | |
| .prose :where(ul > li):not(:where([class~="not-prose"] *)) { | |
| padding-left: 0.375em; | |
| } | |
| .prose :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) { | |
| margin-top: 0.75em; | |
| margin-bottom: 0.75em; | |
| } | |
| .prose :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) { | |
| margin-top: 1.25em; | |
| } | |
| .prose :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) { | |
| margin-bottom: 1.25em; | |
| } | |
| .prose :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) { | |
| margin-top: 1.25em; | |
| } | |
| .prose :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) { | |
| margin-bottom: 1.25em; | |
| } | |
| .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) { | |
| margin-top: 0.75em; | |
| margin-bottom: 0.75em; | |
| } | |
| .prose :where(hr + *):not(:where([class~="not-prose"] *)) { | |
| margin-top: 0; | |
| } | |
| .prose :where(h2 + *):not(:where([class~="not-prose"] *)) { | |
| margin-top: 0; | |
| } | |
| .prose :where(h3 + *):not(:where([class~="not-prose"] *)) { | |
| margin-top: 0; | |
| } | |
| .prose :where(h4 + *):not(:where([class~="not-prose"] *)) { | |
| margin-top: 0; | |
| } | |
| .prose :where(thead th:first-child):not(:where([class~="not-prose"] *)) { | |
| padding-left: 0; | |
| } | |
| .prose :where(thead th:last-child):not(:where([class~="not-prose"] *)) { | |
| padding-right: 0; | |
| } | |
| .prose :where(tbody td, tfoot td):not(:where([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"] *)) { | |
| padding-left: 0; | |
| } | |
| .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) { | |
| padding-right: 0; | |
| } | |
| .prose :where(.prose > :first-child):not(:where([class~="not-prose"] *)) { | |
| margin-top: 0; | |
| } | |
| .prose :where(.prose > :last-child):not(:where([class~="not-prose"] *)) { | |
| margin-bottom: 0; | |
| } | |
| .prose :where(kbd):not(:where([class~="not-prose"] *)) { | |
| background-color: rgba(var(--color-neutral-200), 1); | |
| padding: 0.1rem 0.4rem; | |
| border-radius: 0.25rem; | |
| font-size: 0.9rem; | |
| font-weight: 600; | |
| } | |
| .prose :where(mark):not(:where([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"] *))::before { | |
| display: none; | |
| } | |
| .prose :where(p):not(:where([class~="not-prose"] *))::after { | |
| display: none; | |
| } | |
| .prose :where(a.active):not(:where([class~="not-prose"] *)) { | |
| text-decoration-color: rgba(var(--color-primary-600), 1); | |
| } | |
| .prose :where(p.active):not(:where([class~="not-prose"] *)) { | |
| text-decoration-color: rgba(var(--color-primary-600), 1); | |
| } | |
| .prose-invert :where(a.active):not(:where([class~="not-prose"] *)) { | |
| text-decoration-color: rgba(var(--color-primary-400), 1); | |
| } | |
| .prose-invert :where(p.active):not(:where([class~="not-prose"] *)) { | |
| text-decoration-color: rgba(var(--color-primary-400), 1); | |
| } | |
| :root { | |
| --bs-blue: #0d6efd; | |
| --bs-indigo: #6610f2; | |
| --bs-purple: #6f42c1; | |
| --bs-pink: #d63384; | |
| --bs-red: #dc3545; | |
| --bs-orange: #fd7e14; | |
| --bs-yellow: #ffc107; | |
| --bs-green: #198754; | |
| --bs-teal: #20c997; | |
| --bs-cyan: #0dcaf0; | |
| --bs-white: #fff; | |
| --bs-gray: #6c757d; | |
| --bs-gray-dark: #343a40; | |
| --bs-gray-100: #f8f9fa; | |
| --bs-gray-200: #e9ecef; | |
| --bs-gray-300: #dee2e6; | |
| --bs-gray-400: #ced4da; | |
| --bs-gray-500: #adb5bd; | |
| --bs-gray-600: #6c757d; | |
| --bs-gray-700: #495057; | |
| --bs-gray-800: #343a40; | |
| --bs-gray-900: #212529; | |
| --bs-primary: #0d6efd; | |
| --bs-secondary: #6c757d; | |
| --bs-success: #198754; | |
| --bs-info: #0dcaf0; | |
| --bs-warning: #ffc107; | |
| --bs-danger: #dc3545; | |
| --bs-light: #f8f9fa; | |
| --bs-dark: #212529; | |
| --bs-primary-rgb: 13, 110, 253; | |
| --bs-secondary-rgb: 108, 117, 125; | |
| --bs-success-rgb: 25, 135, 84; | |
| --bs-info-rgb: 13, 202, 240; | |
| --bs-warning-rgb: 255, 193, 7; | |
| --bs-danger-rgb: 220, 53, 69; | |
| --bs-light-rgb: 248, 249, 250; | |
| --bs-dark-rgb: 33, 37, 41; | |
| --bs-white-rgb: 255, 255, 255; | |
| --bs-black-rgb: 0, 0, 0; | |
| --bs-body-color-rgb: 33, 37, 41; | |
| --bs-body-bg-rgb: 255, 255, 255; | |
| --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; | |
| --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; | |
| --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); | |
| --bs-body-font-family: var(--bs-font-sans-serif); | |
| --bs-body-font-size: 1rem; | |
| --bs-body-font-weight: 400; | |
| --bs-body-line-height: 1.5; | |
| --bs-body-color: #212529; | |
| --bs-body-bg: #fff; | |
| } | |
| .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) { | |
| border-top-right-radius: 0; | |
| border-bottom-right-radius: 0; | |
| } | |
| .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) { | |
| border-top-right-radius: 0; | |
| border-bottom-right-radius: 0; | |
| } | |
| .is-invalid ~ .invalid-feedback { | |
| display: block; | |
| } | |
| .is-invalid ~ .invalid-tooltip { | |
| display: block; | |
| } | |
| .form-control.is-invalid { | |
| border-color: #dc3545; | |
| padding-right: calc(1.5em + 0.75rem); | |
| background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); | |
| background-repeat: no-repeat; | |
| background-position: right calc(0.375em + 0.1875rem) center; | |
| background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); | |
| } | |
| .form-control.is-invalid:focus { | |
| border-color: #dc3545; | |
| box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); | |
| } | |
| textarea.form-control.is-invalid { | |
| padding-right: calc(1.5em + 0.75rem); | |
| background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); | |
| } | |
| .form-select.is-invalid { | |
| border-color: #dc3545; | |
| } | |
| .form-select.is-invalid:not([multiple]):not([size]) { | |
| padding-right: 4.125rem; | |
| background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); | |
| background-position: right 0.75rem center, center right 2.25rem; | |
| background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); | |
| } | |
| .form-select.is-invalid:not([multiple])[size="1"] { | |
| padding-right: 4.125rem; | |
| background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); | |
| background-position: right 0.75rem center, center right 2.25rem; | |
| background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); | |
| } | |
| .form-select.is-invalid:focus { | |
| border-color: #dc3545; | |
| box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); | |
| } | |
| .form-check-input.is-invalid { | |
| border-color: #dc3545; | |
| } | |
| .form-check-input.is-invalid:checked { | |
| background-color: #dc3545; | |
| } | |
| .form-check-input.is-invalid:focus { | |
| box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); | |
| } | |
| .form-check-input.is-invalid ~ .form-check-label { | |
| color: #dc3545; | |
| } | |
| .input-group .form-control.is-invalid { | |
| z-index: 2; | |
| } | |
| .input-group .form-select.is-invalid { | |
| z-index: 2; | |
| } | |
| .input-group .form-control.is-invalid:focus { | |
| z-index: 3; | |
| } | |
| .input-group .form-select.is-invalid:focus { | |
| z-index: 3; | |
| } | |
| .btn.active { | |
| box-shadow: none; | |
| } | |
| .btn.active:focus { | |
| box-shadow: none; | |
| } | |
| .fade { | |
| transition: opacity 0.15s linear; | |
| } | |
| .fade:not(.show) { | |
| opacity: 0; | |
| } | |
| .collapse:not(.show) { | |
| display: none; | |
| } | |
| .collapsing { | |
| height: 0; | |
| overflow: hidden; | |
| transition: height 0.35s ease; | |
| } | |
| .collapsing.collapse-horizontal { | |
| width: 0; | |
| height: auto; | |
| transition: width 0.35s ease; | |
| } | |
| .dropdown-menu { | |
| z-index: 1000; | |
| } | |
| .dropdown-item.active { | |
| color: rgb(31, 41, 55); | |
| -webkit-text-decoration: none; | |
| text-decoration: none; | |
| background-color: #0d6efd; | |
| } | |
| .dropdown-item:active { | |
| color: rgb(31, 41, 55); | |
| -webkit-text-decoration: none; | |
| text-decoration: none; | |
| background-color: #0d6efd; | |
| } | |
| .dropdown-item:disabled { | |
| color: #adb5bd; | |
| pointer-events: none; | |
| background-color: transparent; | |
| } | |
| .dropdown-menu.show { | |
| display: block; | |
| } | |
| .dropdown-menu-dark .dropdown-item.active { | |
| color: #fff; | |
| background-color: #0d6efd; | |
| } | |
| .dropdown-menu-dark .dropdown-item:active { | |
| color: #fff; | |
| background-color: #0d6efd; | |
| } | |
| .dropdown-menu-dark .dropdown-item.disabled { | |
| color: #adb5bd; | |
| } | |
| .dropdown-menu-dark .dropdown-item:disabled { | |
| color: #adb5bd; | |
| } | |
| .nav-tabs .nav-link { | |
| color: rgb(75, 85, 99); | |
| } | |
| .nav-tabs .nav-link:hover { | |
| isolation: isolate; | |
| } | |
| .nav-tabs .nav-link:focus { | |
| isolation: isolate; | |
| } | |
| .nav-tabs .nav-link.disabled { | |
| color: rgb(156, 163, 175); | |
| background-color: transparent; | |
| border-color: transparent; | |
| } | |
| .nav-tabs .nav-link.active { | |
| color: rgb(37, 99, 235); | |
| border-color: rgb(37, 99, 235); | |
| } | |
| .nav-tabs .nav-item.show .nav-link { | |
| color: rgb(37, 99, 235); | |
| border-color: rgb(37, 99, 235); | |
| } | |
| .nav-tabs .dropdown-menu { | |
| margin-top: -1px; | |
| border-top-left-radius: 0; | |
| border-top-right-radius: 0; | |
| } | |
| .nav-pills .nav-link { | |
| background: rgb(243, 244, 246); | |
| color: rgb(75, 85, 99); | |
| box-shadow: none; | |
| } | |
| .nav-pills .nav-link.active { | |
| background: rgb(37, 99, 235); | |
| color: #fff; | |
| box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); | |
| } | |
| .nav-pills .show > .nav-link { | |
| background: rgb(37, 99, 235); | |
| color: #fff; | |
| box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); | |
| } | |
| .nav-pills .disabled { | |
| color: rgb(156, 163, 175); | |
| background-color: rgba(243, 244, 246, 0.5); | |
| } | |
| .nav-pills.menu-sidebar .nav-link { | |
| background-color: transparent; | |
| box-shadow: none; | |
| padding: 0 5px; | |
| border-radius: 0; | |
| } | |
| .nav-pills.menu-sidebar .nav-link.active { | |
| color: #1266f1; | |
| font-weight: 600; | |
| border-left: 0.125rem solid #1266f1; | |
| } | |
| .nav-justified > .nav-link { | |
| -ms-flex-basis: 0; | |
| flex-basis: 0; | |
| } | |
| .nav-justified .nav-item { | |
| -ms-flex-basis: 0; | |
| flex-basis: 0; | |
| } | |
| .tab-content > .active { | |
| display: block; | |
| } | |
| .navbar-expand .navbar-nav { | |
| flex-direction: row; | |
| } | |
| .navbar-expand .navbar-nav .dropdown-menu { | |
| position: absolute; | |
| } | |
| .navbar-expand .navbar-nav .nav-link { | |
| padding-right: 0.5rem; | |
| padding-left: 0.5rem; | |
| } | |
| .navbar-expand .offcanvas { | |
| position: inherit; | |
| bottom: 0; | |
| z-index: 1000; | |
| -ms-flex-grow: 1; | |
| flex-grow: 1; | |
| visibility: visible !important; | |
| background-color: transparent; | |
| border-right: 0; | |
| border-left: 0; | |
| transition: none; | |
| transform: none; | |
| } | |
| .navbar-light .navbar-nav .nav-link.disabled { | |
| color: rgba(0, 0, 0, 0.3); | |
| } | |
| .navbar-light .navbar-nav .show > .nav-link { | |
| color: rgba(0, 0, 0, 0.9); | |
| } | |
| .navbar-light .navbar-nav .nav-link.active { | |
| color: rgba(0, 0, 0, 0.9); | |
| } | |
| .navbar-dark .navbar-nav .nav-link.disabled { | |
| color: rgba(255, 255, 255, 0.25); | |
| } | |
| .navbar-dark .navbar-nav .show > .nav-link { | |
| color: #fff; | |
| } | |
| .navbar-dark .navbar-nav .nav-link.active { | |
| color: #fff; | |
| } | |
| .accordion-item:last-of-type .accordion-button.collapsed { | |
| border-bottom-right-radius: calc(0.5rem - 1px); | |
| border-bottom-left-radius: calc(0.5rem - 1px); | |
| } | |
| .btn-close.disabled { | |
| pointer-events: none; | |
| -webkit-user-select: none; | |
| -moz-user-select: none; | |
| user-select: none; | |
| opacity: 0.25; | |
| } | |
| .modal { | |
| z-index: 1055; | |
| } | |
| .modal-dialog { | |
| margin: 0.5rem; | |
| } | |
| .modal.fade .modal-dialog { | |
| transition: transform 0.3s ease-out; | |
| transform: translate(0, -50px); | |
| } | |
| .modal.show .modal-dialog { | |
| transform: none; | |
| } | |
| .modal.modal-static .modal-dialog { | |
| transform: scale(1.02); | |
| } | |
| .modal-dialog-scrollable .modal-body { | |
| overflow-y: auto; | |
| } | |
| .modal-backdrop { | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| z-index: 1050; | |
| width: 100vw; | |
| height: 100vh; | |
| background-color: #000; | |
| } | |
| .modal-backdrop.fade { | |
| opacity: 0; | |
| } | |
| .modal-backdrop.show { | |
| opacity: 0.5; | |
| } | |
| .modal-body { | |
| flex: 1 1 auto; | |
| } | |
| .modal-fullscreen .modal-body { | |
| overflow-y: auto; | |
| } | |
| .tooltip { | |
| position: absolute; | |
| z-index: 1080; | |
| display: block; | |
| margin: 0; | |
| font-family: var(--bs-font-sans-serif); | |
| font-style: normal; | |
| font-weight: 400; | |
| line-height: 1.5; | |
| -webkit-text-align: start; | |
| text-align: start; | |
| -webkit-text-decoration: none; | |
| text-decoration: none; | |
| -webkit-text-shadow: none; | |
| text-shadow: none; | |
| -webkit-text-transform: none; | |
| text-transform: none; | |
| letter-spacing: normal; | |
| word-break: normal; | |
| word-spacing: normal; | |
| white-space: normal; | |
| line-break: auto; | |
| font-size: 0.875rem; | |
| word-wrap: break-word; | |
| opacity: 0; | |
| } | |
| .tooltip.show { | |
| opacity: 1; | |
| } | |
| .bs-tooltip-top .tooltip-arrow { | |
| bottom: 0; | |
| } | |
| .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { | |
| bottom: 0; | |
| } | |
| .bs-tooltip-top .tooltip-arrow::before { | |
| top: -1px; | |
| border-width: 0.4rem 0.4rem 0; | |
| border-top-color: #000; | |
| } | |
| .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { | |
| top: -1px; | |
| border-width: 0.4rem 0.4rem 0; | |
| border-top-color: #000; | |
| } | |
| .bs-tooltip-end .tooltip-arrow { | |
| left: 0; | |
| width: 0.4rem; | |
| height: 0.8rem; | |
| } | |
| .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { | |
| left: 0; | |
| width: 0.4rem; | |
| height: 0.8rem; | |
| } | |
| .bs-tooltip-end .tooltip-arrow::before { | |
| right: -1px; | |
| border-width: 0.4rem 0.4rem 0.4rem 0; | |
| border-right-color: #000; | |
| } | |
| .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { | |
| right: -1px; | |
| border-width: 0.4rem 0.4rem 0.4rem 0; | |
| border-right-color: #000; | |
| } | |
| .bs-tooltip-bottom .tooltip-arrow { | |
| top: 0; | |
| } | |
| .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { | |
| top: 0; | |
| } | |
| .bs-tooltip-bottom .tooltip-arrow::before { | |
| bottom: -1px; | |
| border-width: 0 0.4rem 0.4rem; | |
| border-bottom-color: #000; | |
| } | |
| .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { | |
| bottom: -1px; | |
| border-width: 0 0.4rem 0.4rem; | |
| border-bottom-color: #000; | |
| } | |
| .bs-tooltip-start .tooltip-arrow { | |
| right: 0; | |
| width: 0.4rem; | |
| height: 0.8rem; | |
| } | |
| .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { | |
| right: 0; | |
| width: 0.4rem; | |
| height: 0.8rem; | |
| } | |
| .bs-tooltip-start .tooltip-arrow::before { | |
| left: -1px; | |
| border-width: 0.4rem 0 0.4rem 0.4rem; | |
| border-left-color: #000; | |
| } | |
| .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { | |
| left: -1px; | |
| border-width: 0.4rem 0 0.4rem 0.4rem; | |
| border-left-color: #000; | |
| } | |
| .tooltip-inner { | |
| max-width: 200px; | |
| font-size: 14px; | |
| padding: 6px 16px; | |
| color: #fff; | |
| -webkit-text-align: center; | |
| text-align: center; | |
| background-color: #6d6d6d; | |
| border-radius: 0.25rem; | |
| } | |
| .popover { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| z-index: 1070; | |
| display: block; | |
| max-width: 276px; | |
| font-family: var(--bs-font-sans-serif); | |
| font-style: normal; | |
| font-weight: 400; | |
| line-height: 1.5; | |
| -webkit-text-align: start; | |
| text-align: start; | |
| -webkit-text-decoration: none; | |
| text-decoration: none; | |
| -webkit-text-shadow: none; | |
| text-shadow: none; | |
| -webkit-text-transform: none; | |
| text-transform: none; | |
| letter-spacing: normal; | |
| word-break: normal; | |
| word-spacing: normal; | |
| white-space: normal; | |
| line-break: auto; | |
| font-size: 0.875rem; | |
| word-wrap: break-word; | |
| background-color: #fff; | |
| background-clip: padding-box; | |
| border: 0; | |
| border-radius: 0.5rem; | |
| box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); | |
| } | |
| .bs-popover-top > .popover-arrow { | |
| bottom: calc(-0.5rem - 1px); | |
| } | |
| .bs-popover-auto[data-popper-placement^=top] > .popover-arrow { | |
| bottom: calc(-0.5rem - 1px); | |
| } | |
| .bs-popover-top > .popover-arrow::before { | |
| bottom: 0; | |
| border-width: 0.5rem 0.5rem 0; | |
| border-top-color: rgba(0, 0, 0, 0.25); | |
| } | |
| .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { | |
| bottom: 0; | |
| border-width: 0.5rem 0.5rem 0; | |
| border-top-color: rgba(0, 0, 0, 0.25); | |
| } | |
| .bs-popover-top > .popover-arrow::after { | |
| bottom: 1px; | |
| border-width: 0.5rem 0.5rem 0; | |
| border-top-color: #fff; | |
| } | |
| .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { | |
| bottom: 1px; | |
| border-width: 0.5rem 0.5rem 0; | |
| border-top-color: #fff; | |
| } | |
| .bs-popover-end > .popover-arrow { | |
| left: calc(-0.5rem - 1px); | |
| width: 0.5rem; | |
| height: 1rem; | |
| } | |
| .bs-popover-auto[data-popper-placement^=right] > .popover-arrow { | |
| left: calc(-0.5rem - 1px); | |
| width: 0.5rem; | |
| height: 1rem; | |
| } | |
| .bs-popover-end > .popover-arrow::before { | |
| left: 0; | |
| border-width: 0.5rem 0.5rem 0.5rem 0; | |
| border-right-color: rgba(0, 0, 0, 0.25); | |
| } | |
| .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { | |
| left: 0; | |
| border-width: 0.5rem 0.5rem 0.5rem 0; | |
| border-right-color: rgba(0, 0, 0, 0.25); | |
| } | |
| .bs-popover-end > .popover-arrow::after { | |
| left: 1px; | |
| border-width: 0.5rem 0.5rem 0.5rem 0; | |
| border-right-color: #fff; | |
| } | |
| .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { | |
| left: 1px; | |
| border-width: 0.5rem 0.5rem 0.5rem 0; | |
| border-right-color: #fff; | |
| } | |
| .bs-popover-bottom > .popover-arrow { | |
| top: calc(-0.5rem - 1px); | |
| } | |
| .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow { | |
| top: calc(-0.5rem - 1px); | |
| } | |
| .bs-popover-bottom > .popover-arrow::before { | |
| top: 0; | |
| border-width: 0 0.5rem 0.5rem 0.5rem; | |
| border-bottom-color: rgba(0, 0, 0, 0.25); | |
| } | |
| .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before { | |
| top: 0; | |
| border-width: 0 0.5rem 0.5rem 0.5rem; | |
| border-bottom-color: rgba(0, 0, 0, 0.25); | |
| } | |
| .bs-popover-bottom > .popover-arrow::after { | |
| top: 1px; | |
| border-width: 0 0.5rem 0.5rem 0.5rem; | |
| border-bottom-color: #fff; | |
| } | |
| .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { | |
| top: 1px; | |
| border-width: 0 0.5rem 0.5rem 0.5rem; | |
| border-bottom-color: #fff; | |
| } | |
| .bs-popover-bottom .popover-header::before { | |
| position: absolute; | |
| top: 0; | |
| left: 50%; | |
| display: block; | |
| width: 1rem; | |
| margin-left: -0.5rem; | |
| content: ""; | |
| border-bottom: 1px solid #f0f0f0; | |
| } | |
| .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { | |
| position: absolute; | |
| top: 0; | |
| left: 50%; | |
| display: block; | |
| width: 1rem; | |
| margin-left: -0.5rem; | |
| content: ""; | |
| border-bottom: 1px solid #f0f0f0; | |
| } | |
| .bs-popover-start > .popover-arrow { | |
| right: calc(-0.5rem - 1px); | |
| width: 0.5rem; | |
| height: 1rem; | |
| } | |
| .bs-popover-auto[data-popper-placement^=left] > .popover-arrow { | |
| right: calc(-0.5rem - 1px); | |
| width: 0.5rem; | |
| height: 1rem; | |
| } | |
| .bs-popover-start > .popover-arrow::before { | |
| right: 0; | |
| border-width: 0.5rem 0 0.5rem 0.5rem; | |
| border-left-color: rgba(0, 0, 0, 0.25); | |
| } | |
| .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { | |
| right: 0; | |
| border-width: 0.5rem 0 0.5rem 0.5rem; | |
| border-left-color: rgba(0, 0, 0, 0.25); | |
| } | |
| .bs-popover-start > .popover-arrow::after { | |
| right: 1px; | |
| border-width: 0.5rem 0 0.5rem 0.5rem; | |
| border-left-color: #fff; | |
| } | |
| .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { | |
| right: 1px; | |
| border-width: 0.5rem 0 0.5rem 0.5rem; | |
| border-left-color: #fff; | |
| } | |
| .popover-header { | |
| padding: 0.5rem 1rem; | |
| margin-bottom: 0; | |
| font-size: 1rem; | |
| background-color: #fff; | |
| border-bottom: 1px solid rgba(0, 0, 0, 0.2); | |
| border-top-left-radius: 0.5rem; | |
| border-top-right-radius: 0.5rem; | |
| font-weight: 500; | |
| } | |
| .popover-header:empty { | |
| display: none; | |
| } | |
| .popover-body { | |
| padding: 1rem 1rem; | |
| color: #212529; | |
| } | |
| .carousel.pointer-event { | |
| touch-action: pan-y; | |
| } | |
| .carousel-item { | |
| display: none; | |
| margin-right: -100%; | |
| -webkit-backface-visibility: hidden; | |
| backface-visibility: hidden; | |
| transition: transform 0.6s ease-in-out; | |
| } | |
| .carousel-item.active { | |
| display: block; | |
| } | |
| .carousel-item-next { | |
| display: block; | |
| } | |
| .carousel-item-prev { | |
| display: block; | |
| } | |
| .carousel-item-next:not(.carousel-item-start) { | |
| transform: translateX(100%); | |
| } | |
| .active.carousel-item-end { | |
| transform: translateX(100%); | |
| } | |
| .carousel-item-prev:not(.carousel-item-end) { | |
| transform: translateX(-100%); | |
| } | |
| .active.carousel-item-start { | |
| transform: translateX(-100%); | |
| } | |
| .carousel-fade .carousel-item { | |
| opacity: 0; | |
| transition-property: opacity; | |
| transform: none; | |
| } | |
| .carousel-fade .carousel-item.active { | |
| z-index: 1; | |
| opacity: 1; | |
| } | |
| .carousel-fade .carousel-item-next.carousel-item-start { | |
| z-index: 1; | |
| opacity: 1; | |
| } | |
| .carousel-fade .carousel-item-prev.carousel-item-end { | |
| z-index: 1; | |
| opacity: 1; | |
| } | |
| .carousel-fade .active.carousel-item-start { | |
| z-index: 0; | |
| opacity: 0; | |
| transition: opacity 0s 0.6s; | |
| } | |
| .carousel-fade .active.carousel-item-end { | |
| z-index: 0; | |
| opacity: 0; | |
| transition: opacity 0s 0.6s; | |
| } | |
| .carousel-indicators { | |
| z-index: 2; | |
| margin-right: 15%; | |
| margin-left: 15%; | |
| list-style: none; | |
| } | |
| .carousel-indicators [data-bs-target] { | |
| box-sizing: content-box; | |
| flex: 0 1 auto; | |
| width: 30px; | |
| height: 3px; | |
| padding: 0; | |
| margin-right: 3px; | |
| margin-left: 3px; | |
| -webkit-text-indent: -999px; | |
| text-indent: -999px; | |
| cursor: pointer; | |
| background-color: #fff; | |
| background-clip: padding-box; | |
| border: 0; | |
| border-top: 10px solid transparent; | |
| border-bottom: 10px solid transparent; | |
| opacity: 0.5; | |
| transition: opacity 0.6s ease; | |
| } | |
| .carousel-indicators .active { | |
| opacity: 1; | |
| } | |
| .carousel-dark .carousel-indicators [data-bs-target] { | |
| background-color: #000; | |
| } | |
| .offcanvas { | |
| z-index: 1045; | |
| } | |
| .offcanvas-backdrop { | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| z-index: 1040; | |
| width: 100vw; | |
| height: 100vh; | |
| background-color: #000; | |
| } | |
| .offcanvas-backdrop.fade { | |
| opacity: 0; | |
| } | |
| .offcanvas-backdrop.show { | |
| opacity: 0.5; | |
| } | |
| .offcanvas.show { | |
| transform: none; | |
| } | |
| .sticky-top { | |
| position: sticky; | |
| top: 0; | |
| z-index: 1020; | |
| } | |
| .vr { | |
| display: inline-block; | |
| align-self: stretch; | |
| width: 1px; | |
| min-height: 1em; | |
| background-color: currentColor; | |
| opacity: 0.25; | |
| } | |
| .animation { | |
| animation-duration: 1s; | |
| animation-fill-mode: both; | |
| padding: auto; | |
| } | |
| .fade-in { | |
| animation-name: _fade-in; | |
| } | |
| .fade-out { | |
| animation-name: _fade-out; | |
| } | |
| .animation.infinite { | |
| animation-iteration-count: infinite; | |
| } | |
| .animation.delay-1s { | |
| animation-delay: 1s; | |
| } | |
| .animation.delay-2s { | |
| animation-delay: 2s; | |
| } | |
| .animation.delay-3s { | |
| animation-delay: 3s; | |
| } | |
| .animation.delay-4s { | |
| animation-delay: 4s; | |
| } | |
| .animation.delay-5s { | |
| animation-delay: 5s; | |
| } | |
| .animation.fast { | |
| animation-duration: 800ms; | |
| } | |
| .animation.faster { | |
| animation-duration: 500ms; | |
| } | |
| .animation.slow { | |
| animation-duration: 2s; | |
| } | |
| .animation.slower { | |
| animation-duration: 3s; | |
| } | |
| .slide-in-left { | |
| animation-name: _slide-in-left; | |
| } | |
| .slide-in-right { | |
| animation-name: _slide-in-right; | |
| } | |
| .slide-out-left { | |
| animation-name: _slide-out-left; | |
| } | |
| .slide-out-right { | |
| animation-name: _slide-out-right; | |
| } | |
| .ripple-surface { | |
| position: relative; | |
| overflow: hidden; | |
| display: inline-block; | |
| vertical-align: bottom; | |
| } | |
| .ripple-surface-unbound { | |
| overflow: visible; | |
| } | |
| .ripple-wave { | |
| background-image: radial-gradient(circle, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, transparent 70%); | |
| border-radius: 50%; | |
| opacity: 0.5; | |
| pointer-events: none; | |
| position: absolute; | |
| touch-action: none; | |
| transform: scale(0); | |
| transition-property: transform, opacity; | |
| transition-timing-function: cubic-bezier(0, 0, 0.15, 1), cubic-bezier(0, 0, 0.15, 1); | |
| z-index: 999; | |
| } | |
| .ripple-wave.active { | |
| transform: scale(1); | |
| opacity: 0; | |
| } | |
| .btn .ripple-wave { | |
| background-image: radial-gradient(circle, hsla(0deg, 0%, 100%, 0.2) 0, hsla(0deg, 0%, 100%, 0.3) 40%, hsla(0deg, 0%, 100%, 0.4) 50%, hsla(0deg, 0%, 100%, 0.5) 60%, hsla(0deg, 0%, 100%, 0) 70%); | |
| } | |
| .ripple-surface-primary .ripple-wave { | |
| background-image: radial-gradient(circle, rgba(18, 102, 241, 0.2) 0, rgba(18, 102, 241, 0.3) 40%, rgba(18, 102, 241, 0.4) 50%, rgba(18, 102, 241, 0.5) 60%, rgba(18, 102, 241, 0) 70%); | |
| } | |
| .ripple-surface-secondary .ripple-wave { | |
| background-image: radial-gradient(circle, rgba(178, 60, 253, 0.2) 0, rgba(178, 60, 253, 0.3) 40%, rgba(178, 60, 253, 0.4) 50%, rgba(178, 60, 253, 0.5) 60%, rgba(178, 60, 253, 0) 70%); | |
| } | |
| .ripple-surface-success .ripple-wave { | |
| background-image: radial-gradient(circle, rgba(0, 183, 74, 0.2) 0, rgba(0, 183, 74, 0.3) 40%, rgba(0, 183, 74, 0.4) 50%, rgba(0, 183, 74, 0.5) 60%, rgba(0, 183, 74, 0) 70%); | |
| } | |
| .ripple-surface-info .ripple-wave { | |
| background-image: radial-gradient(circle, rgba(57, 192, 237, 0.2) 0, rgba(57, 192, 237, 0.3) 40%, rgba(57, 192, 237, 0.4) 50%, rgba(57, 192, 237, 0.5) 60%, rgba(57, 192, 237, 0) 70%); | |
| } | |
| .ripple-surface-warning .ripple-wave { | |
| background-image: radial-gradient(circle, rgba(255, 169, 0, 0.2) 0, rgba(255, 169, 0, 0.3) 40%, rgba(255, 169, 0, 0.4) 50%, rgba(255, 169, 0, 0.5) 60%, rgba(255, 169, 0, 0) 70%); | |
| } | |
| .ripple-surface-danger .ripple-wave { | |
| background-image: radial-gradient(circle, rgba(249, 49, 84, 0.2) 0, rgba(249, 49, 84, 0.3) 40%, rgba(249, 49, 84, 0.4) 50%, rgba(249, 49, 84, 0.5) 60%, rgba(249, 49, 84, 0) 70%); | |
| } | |
| .ripple-surface-light .ripple-wave { | |
| background-image: radial-gradient(circle, hsla(0deg, 0%, 98.4%, 0.2) 0, hsla(0deg, 0%, 98.4%, 0.3) 40%, hsla(0deg, 0%, 98.4%, 0.4) 50%, hsla(0deg, 0%, 98.4%, 0.5) 60%, hsla(0deg, 0%, 98.4%, 0) 70%); | |
| } | |
| .ripple-surface-dark .ripple-wave { | |
| background-image: radial-gradient(circle, rgba(38, 38, 38, 0.2) 0, rgba(38, 38, 38, 0.3) 40%, rgba(38, 38, 38, 0.4) 50%, rgba(38, 38, 38, 0.5) 60%, rgba(38, 38, 38, 0) 70%); | |
| } | |
| .ripple-surface-white .ripple-wave { | |
| background-image: radial-gradient(circle, hsla(0deg, 0%, 100%, 0.2) 0, hsla(0deg, 0%, 100%, 0.3) 40%, hsla(0deg, 0%, 100%, 0.4) 50%, hsla(0deg, 0%, 100%, 0.5) 60%, hsla(0deg, 0%, 100%, 0) 70%); | |
| } | |
| .ripple-surface-black .ripple-wave { | |
| background-image: radial-gradient(circle, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, transparent 70%); | |
| } | |
| .datepicker-toggle-button { | |
| position: absolute; | |
| outline: none; | |
| border: none; | |
| background-color: transparent; | |
| right: 10px; | |
| top: 50%; | |
| transform: translate(-50%, -50%); | |
| } | |
| .datepicker-toggle-button:focus { | |
| color: #2979ff; | |
| } | |
| .datepicker-toggle-button:hover { | |
| color: #2979ff; | |
| } | |
| .datepicker-backdrop { | |
| width: 100%; | |
| height: 100%; | |
| position: fixed; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| background-color: rgba(0, 0, 0, 0.4); | |
| z-index: 1065; | |
| } | |
| .datepicker-dropdown-container { | |
| width: 328px; | |
| height: 380px; | |
| background-color: #fff; | |
| border-radius: 0.5rem; | |
| box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.07), 0 4px 6px -2px rgba(0, 0, 0, 0.05); | |
| z-index: 1066; | |
| } | |
| .datepicker-modal-container { | |
| display: flex; | |
| flex-direction: column; | |
| position: fixed; | |
| top: 50%; | |
| left: 50%; | |
| transform: translate(-50%, -50%); | |
| width: 328px; | |
| height: 512px; | |
| background-color: #fff; | |
| border-radius: 0.6rem 0.6rem 0.5rem 0.5rem; | |
| box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.07), 0 4px 6px -2px rgba(0, 0, 0, 0.05); | |
| z-index: 1066; | |
| } | |
| .datepicker-header { | |
| height: 120px; | |
| padding-right: 24px; | |
| padding-left: 24px; | |
| background-color: #2979ff; | |
| display: flex; | |
| flex-direction: column; | |
| border-radius: 0.5rem 0.5rem 0 0; | |
| } | |
| .datepicker-title { | |
| height: 32px; | |
| display: flex; | |
| flex-direction: column; | |
| justify-content: flex-end; | |
| } | |
| .datepicker-title-text { | |
| font-size: 10px; | |
| font-weight: 400; | |
| -webkit-text-transform: uppercase; | |
| text-transform: uppercase; | |
| letter-spacing: 1.7px; | |
| color: #fff; | |
| } | |
| .datepicker-date { | |
| height: 72px; | |
| display: flex; | |
| flex-direction: column; | |
| justify-content: flex-end; | |
| } | |
| .datepicker-date-text { | |
| font-size: 34px; | |
| font-weight: 400; | |
| color: #fff; | |
| } | |
| .datepicker-main { | |
| position: relative; | |
| height: 100%; | |
| } | |
| .datepicker-date-controls { | |
| padding: 10px 12px 0 12px; | |
| display: flex; | |
| justify-content: space-between; | |
| color: rgba(0, 0, 0, 0.64); | |
| } | |
| .datepicker-view-change-button { | |
| padding: 10px; | |
| color: #666; | |
| font-weight: 500; | |
| font-size: 0.9rem; | |
| border-radius: 10px; | |
| box-shadow: none; | |
| background-color: transparent; | |
| margin: 0; | |
| border: none; | |
| } | |
| .datepicker-view-change-button:hover { | |
| background-color: #eee; | |
| } | |
| .datepicker-view-change-button:focus { | |
| background-color: #eee; | |
| } | |
| .datepicker-view-change-button:after { | |
| content: ""; | |
| display: inline-block; | |
| width: 0; | |
| height: 0; | |
| border-left: 5px solid transparent; | |
| border-right: 5px solid transparent; | |
| border-top-width: 5px; | |
| border-top-style: solid; | |
| margin: 0 0 0 5px; | |
| vertical-align: middle; | |
| } | |
| .datepicker-arrow-controls { | |
| margin-top: 10px; | |
| } | |
| .datepicker-previous-button { | |
| position: relative; | |
| padding: 0; | |
| width: 40px; | |
| height: 40px; | |
| line-height: 40px; | |
| border: none; | |
| outline: none; | |
| margin: 0; | |
| color: rgba(0, 0, 0, 0.64); | |
| background-color: transparent; | |
| margin-right: 24px; | |
| } | |
| .datepicker-previous-button:hover { | |
| background-color: #eee; | |
| border-radius: 50%; | |
| } | |
| .datepicker-previous-button:focus { | |
| background-color: #eee; | |
| border-radius: 50%; | |
| } | |
| .datepicker-previous-button::after { | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| position: absolute; | |
| content: ""; | |
| margin: 15.5px; | |
| border: 0 solid currentColor; | |
| border-top-width: 2px; | |
| border-left-width: 2px; | |
| transform: translateX(2px) rotate(-45deg); | |
| } | |
| .datepicker-next-button { | |
| position: relative; | |
| padding: 0; | |
| width: 40px; | |
| height: 40px; | |
| line-height: 40px; | |
| border: none; | |
| outline: none; | |
| margin: 0; | |
| color: rgba(0, 0, 0, 0.64); | |
| background-color: transparent; | |
| } | |
| .datepicker-next-button:hover { | |
| background-color: #eee; | |
| border-radius: 50%; | |
| } | |
| .datepicker-next-button:focus { | |
| background-color: #eee; | |
| border-radius: 50%; | |
| } | |
| .datepicker-next-button::after { | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| position: absolute; | |
| content: ""; | |
| margin: 15.5px; | |
| border: 0 solid currentColor; | |
| border-top-width: 2px; | |
| border-right-width: 2px; | |
| transform: translateX(-2px) rotate(45deg); | |
| } | |
| .datepicker-view { | |
| padding-left: 12px; | |
| padding-right: 12px; | |
| outline: none; | |
| } | |
| .datepicker-table { | |
| margin-right: auto; | |
| margin-left: auto; | |
| width: 304px; | |
| } | |
| .datepicker-day-heading { | |
| width: 40px; | |
| height: 40px; | |
| -webkit-text-align: center; | |
| text-align: center; | |
| font-size: 12px; | |
| font-weight: 400; | |
| } | |
| .datepicker-cell { | |
| -webkit-text-align: center; | |
| text-align: center; | |
| } | |
| .datepicker-cell.disabled { | |
| color: #ccc; | |
| cursor: default; | |
| pointer-events: none; | |
| } | |
| .datepicker-cell.disabled:hover { | |
| cursor: default; | |
| } | |
| .datepicker-cell:hover { | |
| cursor: pointer; | |
| } | |
| .datepicker-cell:not(.disabled):not(.selected):hover .datepicker-cell-content { | |
| background-color: #d3d3d3; | |
| } | |
| .datepicker-cell.selected .datepicker-cell-content { | |
| background-color: #2979ff; | |
| color: #fff; | |
| } | |
| .datepicker-cell:not(.selected).focused .datepicker-cell-content { | |
| background-color: #eee; | |
| } | |
| .datepicker-cell.focused .datepicker-cell-content.selected { | |
| background-color: #2979ff; | |
| } | |
| .datepicker-cell.current .datepicker-cell-content { | |
| border: 1px solid #000; | |
| } | |
| .datepicker-small-cell { | |
| width: 40px; | |
| height: 40px; | |
| } | |
| .datepicker-small-cell-content { | |
| width: 36px; | |
| height: 36px; | |
| line-height: 36px; | |
| border-radius: 50%; | |
| font-size: 13px; | |
| } | |
| .datepicker-large-cell { | |
| width: 76px; | |
| height: 42px; | |
| } | |
| .datepicker-large-cell-content { | |
| width: 72px; | |
| height: 40px; | |
| line-height: 40px; | |
| padding: 1px 2px; | |
| border-radius: 999px; | |
| } | |
| .datepicker-footer { | |
| height: 56px; | |
| display: flex; | |
| position: absolute; | |
| width: 100%; | |
| bottom: 0; | |
| justify-content: flex-end; | |
| align-items: center; | |
| padding-left: 12px; | |
| padding-right: 12px; | |
| } | |
| .datepicker-footer-btn { | |
| background-color: #fff; | |
| color: #2979ff; | |
| border: none; | |
| cursor: pointer; | |
| padding: 0 10px; | |
| -webkit-text-transform: uppercase; | |
| text-transform: uppercase; | |
| font-size: 0.8rem; | |
| font-weight: 500; | |
| height: 40px; | |
| line-height: 40px; | |
| letter-spacing: 0.1rem; | |
| border-radius: 10px; | |
| margin-bottom: 10px; | |
| } | |
| .datepicker-footer-btn:hover { | |
| background-color: #eee; | |
| } | |
| .datepicker-footer-btn:focus { | |
| background-color: #eee; | |
| } | |
| .datepicker-clear-btn { | |
| margin-right: auto; | |
| } | |
| .timepicker-wrapper { | |
| touch-action: none; | |
| z-index: 1065; | |
| opacity: 0; | |
| right: 0; | |
| bottom: 0; | |
| top: 0; | |
| left: 0; | |
| background-color: rgba(0, 0, 0, 0.4); | |
| } | |
| .timepicker-elements { | |
| min-width: 310px; | |
| min-height: 325px; | |
| background: #fff; | |
| border-top-right-radius: 0.6rem; | |
| border-top-left-radius: 0.6rem; | |
| } | |
| .timepicker-head { | |
| background-color: #2979ff; | |
| height: 100px; | |
| border-top-right-radius: 0.5rem; | |
| border-top-left-radius: 0.5rem; | |
| padding: 10px 24px 10px 50px; | |
| } | |
| .timepicker-button { | |
| font-size: 0.8rem; | |
| min-width: 64px; | |
| box-sizing: border-box; | |
| font-weight: 500; | |
| line-height: 40px; | |
| border-radius: 10px; | |
| letter-spacing: 0.1rem; | |
| -webkit-text-transform: uppercase; | |
| text-transform: uppercase; | |
| color: #2979ff; | |
| border: none; | |
| background-color: transparent; | |
| 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; | |
| outline: none; | |
| padding: 0 10px; | |
| height: 40px; | |
| margin-bottom: 10px; | |
| } | |
| .timepicker-button:hover { | |
| background-color: rgba(0, 0, 0, 0.08); | |
| } | |
| .timepicker-button:focus { | |
| outline: none; | |
| background-color: rgba(0, 0, 0, 0.08); | |
| } | |
| .timepicker-current { | |
| font-size: 3.75rem; | |
| font-weight: 300; | |
| line-height: 1.2; | |
| letter-spacing: -0.00833em; | |
| color: #fff; | |
| opacity: 0.54; | |
| border: none; | |
| background: transparent; | |
| padding: 0; | |
| } | |
| .timepicker-current.active { | |
| opacity: 1; | |
| } | |
| .timepicker-current-wrapper { | |
| direction: ltr; | |
| } | |
| .timepicker-mode-wrapper { | |
| margin-left: 20px; | |
| font-size: 18px; | |
| color: rgba(255, 255, 255, 0.54); | |
| } | |
| .timepicker-mode-wrapper.active { | |
| opacity: 1; | |
| } | |
| .timepicker-clock-wrapper { | |
| min-width: 310px; | |
| max-width: 325px; | |
| min-height: 305px; | |
| overflow-x: hidden; | |
| height: 100%; | |
| } | |
| .timepicker-clock { | |
| position: relative; | |
| border-radius: 100%; | |
| width: 260px; | |
| height: 260px; | |
| cursor: default; | |
| margin: 0 auto; | |
| background-color: rgba(0, 0, 0, 0.07); | |
| } | |
| .timepicker-time-tips-minutes.active { | |
| color: #fff; | |
| background-color: #2979ff; | |
| font-weight: 400; | |
| } | |
| .timepicker-time-tips-inner.active { | |
| color: #fff; | |
| background-color: #2979ff; | |
| font-weight: 400; | |
| } | |
| .timepicker-time-tips-hours.active { | |
| color: #fff; | |
| background-color: #2979ff; | |
| font-weight: 400; | |
| } | |
| .timepicker-time-tips-minutes.disabled { | |
| color: #b3afaf; | |
| pointer-events: none; | |
| background-color: transparent; | |
| } | |
| .timepicker-time-tips-inner.disabled { | |
| color: #b3afaf; | |
| pointer-events: none; | |
| background-color: transparent; | |
| } | |
| .timepicker-time-tips-hours.disabled { | |
| color: #b3afaf; | |
| pointer-events: none; | |
| background-color: transparent; | |
| } | |
| .timepicker-dot { | |
| font-weight: 300; | |
| line-height: 1.2; | |
| letter-spacing: -0.00833em; | |
| color: #fff; | |
| font-size: 3.75rem; | |
| opacity: 0.54; | |
| border: none; | |
| background: transparent; | |
| padding: 0; | |
| } | |
| .timepicker-middle-dot { | |
| top: 50%; | |
| left: 50%; | |
| width: 6px; | |
| height: 6px; | |
| transform: translate(-50%, -50%); | |
| border-radius: 50%; | |
| background-color: #2979ff; | |
| } | |
| .timepicker-hand-pointer { | |
| background-color: #2979ff; | |
| bottom: 50%; | |
| height: 40%; | |
| left: calc(50% - 1px); | |
| transform-origin: center bottom 0; | |
| width: 2px; | |
| } | |
| .timepicker-time-tips.active { | |
| color: #fff; | |
| } | |
| .timepicker-circle { | |
| top: -21px; | |
| left: -15px; | |
| width: 4px; | |
| border: 14px solid #2979ff; | |
| height: 4px; | |
| box-sizing: content-box; | |
| border-radius: 100%; | |
| } | |
| .timepicker-hour-mode { | |
| padding: 0; | |
| background-color: transparent; | |
| border: none; | |
| color: #fff; | |
| opacity: 0.54; | |
| cursor: pointer; | |
| } | |
| .timepicker-hour { | |
| cursor: pointer; | |
| } | |
| .timepicker-minute { | |
| cursor: pointer; | |
| } | |
| .timepicker-hour-mode:hover { | |
| background-color: rgba(0, 0, 0, 0.15); | |
| outline: none; | |
| } | |
| .timepicker-hour-mode:focus { | |
| background-color: rgba(0, 0, 0, 0.15); | |
| outline: none; | |
| } | |
| .timepicker-hour:hover { | |
| background-color: rgba(0, 0, 0, 0.15); | |
| outline: none; | |
| } | |
| .timepicker-hour:focus { | |
| background-color: rgba(0, 0, 0, 0.15); | |
| outline: none; | |
| } | |
| .timepicker-minute:hover { | |
| background-color: rgba(0, 0, 0, 0.15); | |
| outline: none; | |
| } | |
| .timepicker-minute:focus { | |
| background-color: rgba(0, 0, 0, 0.15); | |
| outline: none; | |
| } | |
| .timepicker-hour-mode.active { | |
| color: #fff; | |
| opacity: 1; | |
| } | |
| .timepicker-hour.active { | |
| color: #fff; | |
| opacity: 1; | |
| } | |
| .timepicker-minute.active { | |
| color: #fff; | |
| opacity: 1; | |
| } | |
| .timepicker-footer { | |
| border-bottom-left-radius: 0.5rem; | |
| border-bottom-right-radius: 0.5rem; | |
| display: flex; | |
| justify-content: space-between; | |
| align-items: center; | |
| width: 100%; | |
| height: 56px; | |
| padding-left: 12px; | |
| padding-right: 12px; | |
| background-color: #fff; | |
| } | |
| .timepicker-container { | |
| max-height: calc(100% - 64px); | |
| overflow-y: auto; | |
| box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.07), 0 4px 6px -2px rgba(0, 0, 0, 0.05); | |
| } | |
| .timepicker-icon-up.active { | |
| opacity: 1; | |
| } | |
| .timepicker-icon-down.active { | |
| opacity: 1; | |
| } | |
| .timepicker-toggle-button { | |
| position: absolute; | |
| outline: none; | |
| border: none; | |
| background-color: transparent; | |
| right: 10px; | |
| top: 50%; | |
| transform: translate(-50%, -50%); | |
| transition: all 0.3s ease; | |
| cursor: pointer; | |
| } | |
| .timepicker-toggle-button:hover { | |
| color: #2979ff; | |
| } | |
| .timepicker-toggle-button:focus { | |
| color: #2979ff; | |
| } | |
| .timepicker-input:focus + .timepicker-toggle-button { | |
| color: #2979ff; | |
| } | |
| .timepicker-input:focus + .timepicker-toggle-button i { | |
| color: #2979ff; | |
| } | |
| .timepicker a.timepicker-toggle-button { | |
| right: 1px; | |
| } | |
| .timepicker-toggle-button.timepicker-icon { | |
| right: 1px; | |
| } | |
| .timepicker-modal .fade.show { | |
| opacity: 1; | |
| } | |
| .stepper { | |
| position: relative; | |
| padding: 0; | |
| margin: 0; | |
| width: 100%; | |
| list-style: none; | |
| overflow: hidden; | |
| transition: height 0.2s ease-in-out; | |
| } | |
| .stepper:not(.stepper-vertical) { | |
| display: flex; | |
| justify-content: space-between; | |
| } | |
| .stepper:not(.stepper-vertical) .stepper-content { | |
| position: absolute; | |
| width: 100%; | |
| padding: 1rem; | |
| } | |
| .stepper:not(.stepper-vertical) .stepper-step { | |
| flex: auto; | |
| height: 4.5rem; | |
| } | |
| .stepper:not(.stepper-vertical) .stepper-step:first-child .stepper-head { | |
| padding-left: 1.5rem; | |
| } | |
| .stepper:not(.stepper-vertical) .stepper-step:last-child .stepper-head { | |
| padding-right: 1.5rem; | |
| } | |
| .stepper:not(.stepper-vertical) .stepper-step:not(:first-child) .stepper-head:before { | |
| flex: 1; | |
| height: 1px; | |
| width: 100%; | |
| margin-right: 0.5rem; | |
| content: ""; | |
| background-color: rgba(0, 0, 0, 0.1); | |
| } | |
| .stepper:not(.stepper-vertical) .stepper-step:not(:last-child) .stepper-head:after { | |
| flex: 1; | |
| height: 1px; | |
| width: 100%; | |
| margin-left: 0.5rem; | |
| content: ""; | |
| background-color: rgba(0, 0, 0, 0.1); | |
| } | |
| .stepper:not(.stepper-vertical) .stepper-head-icon { | |
| margin: 1.5rem 0.5rem 1.5rem 0; | |
| } | |
| .stepper.stepper-mobile { | |
| justify-content: center; | |
| align-items: flex-end; | |
| } | |
| .stepper.stepper-mobile.stepper-progress-bar .stepper-head-icon { | |
| display: none; | |
| } | |
| .stepper.stepper-mobile .stepper-step { | |
| flex: unset; | |
| height: -moz-fit-content; | |
| height: fit-content; | |
| margin: 1rem 0 1rem 0; | |
| } | |
| .stepper.stepper-mobile .stepper-step:not(:last-child) .stepper-head:after { | |
| margin-left: 0; | |
| } | |
| .stepper.stepper-mobile .stepper-step:not(:first-child) .stepper-head:before { | |
| margin-right: 0; | |
| } | |
| .stepper.stepper-mobile .stepper-step:not(:last-child):not(:first-child) .stepper-head { | |
| padding-left: 0.25rem; | |
| padding-right: 0.25rem; | |
| } | |
| .stepper.stepper-mobile .stepper-head-icon { | |
| font-size: 0; | |
| margin: 0; | |
| height: 0.5rem; | |
| width: 0.5rem; | |
| z-index: 1; | |
| } | |
| .stepper.stepper-mobile .stepper-head-text { | |
| display: none; | |
| } | |
| .stepper.stepper-mobile .stepper-content { | |
| top: 2.56rem; | |
| } | |
| .collapse { | |
| visibility: visible !important; | |
| } | |
| @media (prefers-reduced-motion: reduce) { | |
| .form-control::file-selector-button { | |
| transition: none; | |
| } | |
| .form-control::-webkit-file-upload-button { | |
| -webkit-transition: none; | |
| transition: none; | |
| } | |
| .form-switch .form-check-input { | |
| transition: none; | |
| } | |
| .form-range::-webkit-slider-thumb { | |
| -webkit-transition: none; | |
| transition: none; | |
| } | |
| .form-range::-moz-range-thumb { | |
| -moz-transition: none; | |
| transition: none; | |
| } | |
| .form-floating > label { | |
| transition: none; | |
| } | |
| .fade { | |
| transition: none; | |
| } | |
| .collapsing { | |
| transition: none; | |
| } | |
| .collapsing.collapse-horizontal { | |
| transition: none; | |
| } | |
| .accordion-button::after { | |
| transition: none; | |
| } | |
| .modal.fade .modal-dialog { | |
| transition: none; | |
| } | |
| .carousel-item { | |
| transition: none; | |
| } | |
| .carousel-fade .active.carousel-item-start { | |
| transition: none; | |
| } | |
| .carousel-fade .active.carousel-item-end { | |
| transition: none; | |
| } | |
| .carousel-control-prev { | |
| transition: none; | |
| } | |
| .carousel-control-next { | |
| transition: none; | |
| } | |
| .carousel-indicators [data-bs-target] { | |
| transition: none; | |
| } | |
| .spinner-border { | |
| animation-duration: 1.5s; | |
| } | |
| .spinner-grow { | |
| animation-duration: 1.5s; | |
| } | |
| } | |
| @media (min-width: 576px) { | |
| .navbar-expand-sm { | |
| flex-wrap: nowrap; | |
| justify-content: flex-start; | |
| } | |
| .navbar-expand-sm .navbar-nav { | |
| flex-direction: row; | |
| } | |
| .navbar-expand-sm .navbar-nav .dropdown-menu { | |
| position: absolute; | |
| } | |
| .navbar-expand-sm .navbar-nav .nav-link { | |
| padding-right: 0.5rem; | |
| padding-left: 0.5rem; | |
| } | |
| .navbar-expand-sm .navbar-nav-scroll { | |
| overflow: visible; | |
| } | |
| .navbar-expand-sm .navbar-collapse { | |
| display: flex !important; | |
| -ms-flex-basis: auto; | |
| flex-basis: auto; | |
| } | |
| .navbar-expand-sm .navbar-toggler { | |
| display: none; | |
| } | |
| .navbar-expand-sm .offcanvas-header { | |
| display: none; | |
| } | |
| .navbar-expand-sm .offcanvas { | |
| position: inherit; | |
| bottom: 0; | |
| z-index: 1000; | |
| -ms-flex-grow: 1; | |
| flex-grow: 1; | |
| visibility: visible !important; | |
| background-color: transparent; | |
| border-right: 0; | |
| border-left: 0; | |
| transition: none; | |
| transform: none; | |
| } | |
| .navbar-expand-sm .offcanvas-top { | |
| height: auto; | |
| border-top: 0; | |
| border-bottom: 0; | |
| } | |
| .navbar-expand-sm .offcanvas-bottom { | |
| height: auto; | |
| border-top: 0; | |
| border-bottom: 0; | |
| } | |
| .navbar-expand-sm .offcanvas-body { | |
| display: flex; | |
| -ms-flex-grow: 0; | |
| flex-grow: 0; | |
| padding: 0; | |
| overflow-y: visible; | |
| } | |
| .modal-dialog { | |
| max-width: 500px; | |
| margin: 1.75rem auto; | |
| } | |
| .modal-dialog-scrollable { | |
| height: calc(100% - 3.5rem); | |
| } | |
| .modal-dialog-centered { | |
| min-height: calc(100% - 3.5rem); | |
| } | |
| .modal-sm { | |
| max-width: 300px; | |
| } | |
| .sticky-sm-top { | |
| position: sticky; | |
| top: 0; | |
| z-index: 1020; | |
| } | |
| } | |
| @media (min-width: 768px) { | |
| .navbar-expand-md { | |
| flex-wrap: nowrap; | |
| justify-content: flex-start; | |
| } | |
| .navbar-expand-md .navbar-nav { | |
| flex-direction: row; | |
| } | |
| .navbar-expand-md .navbar-nav .dropdown-menu { | |
| position: absolute; | |
| } | |
| .navbar-expand-md .navbar-nav .nav-link { | |
| padding-right: 0.5rem; | |
| padding-left: 0.5rem; | |
| } | |
| .navbar-expand-md .navbar-nav-scroll { | |
| overflow: visible; | |
| } | |
| .navbar-expand-md .navbar-collapse { | |
| display: flex !important; | |
| -ms-flex-basis: auto; | |
| flex-basis: auto; | |
| } | |
| .navbar-expand-md .navbar-toggler { | |
| display: none; | |
| } | |
| .navbar-expand-md .offcanvas-header { | |
| display: none; | |
| } | |
| .navbar-expand-md .offcanvas { | |
| position: inherit; | |
| bottom: 0; | |
| z-index: 1000; | |
| -ms-flex-grow: 1; | |
| flex-grow: 1; | |
| visibility: visible !important; | |
| background-color: transparent; | |
| border-right: 0; | |
| border-left: 0; | |
| transition: none; | |
| transform: none; | |
| } | |
| .navbar-expand-md .offcanvas-top { | |
| height: auto; | |
| border-top: 0; | |
| border-bottom: 0; | |
| } | |
| .navbar-expand-md .offcanvas-bottom { | |
| height: auto; | |
| border-top: 0; | |
| border-bottom: 0; | |
| } | |
| .navbar-expand-md .offcanvas-body { | |
| display: flex; | |
| -ms-flex-grow: 0; | |
| flex-grow: 0; | |
| padding: 0; | |
| overflow-y: visible; | |
| } | |
| .sticky-md-top { | |
| position: sticky; | |
| top: 0; | |
| z-index: 1020; | |
| } | |
| } | |
| @media (min-width: 992px) { | |
| .navbar-expand-lg { | |
| flex-wrap: nowrap; | |
| justify-content: flex-start; | |
| } | |
| .navbar-expand-lg .navbar-nav { | |
| flex-direction: row; | |
| } | |
| .navbar-expand-lg .navbar-nav .dropdown-menu { | |
| position: absolute; | |
| } | |
| .navbar-expand-lg .navbar-nav .nav-link { | |
| padding-right: 0.5rem; | |
| padding-left: 0.5rem; | |
| } | |
| .navbar-expand-lg .navbar-nav-scroll { | |
| overflow: visible; | |
| } | |
| .navbar-expand-lg .navbar-collapse { | |
| display: flex !important; | |
| -ms-flex-basis: auto; | |
| flex-basis: auto; | |
| } | |
| .navbar-expand-lg .navbar-toggler { | |
| display: none; | |
| } | |
| .navbar-expand-lg .offcanvas-header { | |
| display: none; | |
| } | |
| .navbar-expand-lg .offcanvas { | |
| position: inherit; | |
| bottom: 0; | |
| z-index: 1000; | |
| -ms-flex-grow: 1; | |
| flex-grow: 1; | |
| visibility: visible !important; | |
| background-color: transparent; | |
| border-right: 0; | |
| border-left: 0; | |
| transition: none; | |
| transform: none; | |
| } | |
| .navbar-expand-lg .offcanvas-top { | |
| height: auto; | |
| border-top: 0; | |
| border-bottom: 0; | |
| } | |
| .navbar-expand-lg .offcanvas-bottom { | |
| height: auto; | |
| border-top: 0; | |
| border-bottom: 0; | |
| } | |
| .navbar-expand-lg .offcanvas-body { | |
| display: flex; | |
| -ms-flex-grow: 0; | |
| flex-grow: 0; | |
| padding: 0; | |
| overflow-y: visible; | |
| } | |
| .modal-lg { | |
| max-width: 800px; | |
| } | |
| .modal-xl { | |
| max-width: 800px; | |
| } | |
| .sticky-lg-top { | |
| position: sticky; | |
| top: 0; | |
| z-index: 1020; | |
| } | |
| } | |
| @media (min-width: 1200px) { | |
| .navbar-expand-xl { | |
| flex-wrap: nowrap; | |
| justify-content: flex-start; | |
| } | |
| .navbar-expand-xl .navbar-nav { | |
| flex-direction: row; | |
| } | |
| .navbar-expand-xl .navbar-nav .dropdown-menu { | |
| position: absolute; | |
| } | |
| .navbar-expand-xl .navbar-nav .nav-link { | |
| padding-right: 0.5rem; | |
| padding-left: 0.5rem; | |
| } | |
| .navbar-expand-xl .navbar-nav-scroll { | |
| overflow: visible; | |
| } | |
| .navbar-expand-xl .navbar-collapse { | |
| display: flex !important; | |
| -ms-flex-basis: auto; | |
| flex-basis: auto; | |
| } | |
| .navbar-expand-xl .navbar-toggler { | |
| display: none; | |
| } | |
| .navbar-expand-xl .offcanvas-header { | |
| display: none; | |
| } | |
| .navbar-expand-xl .offcanvas { | |
| position: inherit; | |
| bottom: 0; | |
| z-index: 1000; | |
| -ms-flex-grow: 1; | |
| flex-grow: 1; | |
| visibility: visible !important; | |
| background-color: transparent; | |
| border-right: 0; | |
| border-left: 0; | |
| transition: none; | |
| transform: none; | |
| } | |
| .navbar-expand-xl .offcanvas-top { | |
| height: auto; | |
| border-top: 0; | |
| border-bottom: 0; | |
| } | |
| .navbar-expand-xl .offcanvas-bottom { | |
| height: auto; | |
| border-top: 0; | |
| border-bottom: 0; | |
| } | |
| .navbar-expand-xl .offcanvas-body { | |
| display: flex; | |
| -ms-flex-grow: 0; | |
| flex-grow: 0; | |
| padding: 0; | |
| overflow-y: visible; | |
| } | |
| .modal-xl { | |
| max-width: 1140px; | |
| } | |
| .sticky-xl-top { | |
| position: sticky; | |
| top: 0; | |
| z-index: 1020; | |
| } | |
| } | |
| @media (min-width: 1400px) { | |
| .navbar-expand-xxl { | |
| flex-wrap: nowrap; | |
| justify-content: flex-start; | |
| } | |
| .navbar-expand-xxl .navbar-nav { | |
| flex-direction: row; | |
| } | |
| .navbar-expand-xxl .navbar-nav .dropdown-menu { | |
| position: absolute; | |
| } | |
| .navbar-expand-xxl .navbar-nav .nav-link { | |
| padding-right: 0.5rem; | |
| padding-left: 0.5rem; | |
| } | |
| .navbar-expand-xxl .navbar-nav-scroll { | |
| overflow: visible; | |
| } | |
| .navbar-expand-xxl .navbar-collapse { | |
| display: flex !important; | |
| -ms-flex-basis: auto; | |
| flex-basis: auto; | |
| } | |
| .navbar-expand-xxl .navbar-toggler { | |
| display: none; | |
| } | |
| .navbar-expand-xxl .offcanvas-header { | |
| display: none; | |
| } | |
| .navbar-expand-xxl .offcanvas { | |
| position: inherit; | |
| bottom: 0; | |
| z-index: 1000; | |
| -ms-flex-grow: 1; | |
| flex-grow: 1; | |
| visibility: visible !important; | |
| background-color: transparent; | |
| border-right: 0; | |
| border-left: 0; | |
| transition: none; | |
| transform: none; | |
| } | |
| .navbar-expand-xxl .offcanvas-top { | |
| height: auto; | |
| border-top: 0; | |
| border-bottom: 0; | |
| } | |
| .navbar-expand-xxl .offcanvas-bottom { | |
| height: auto; | |
| border-top: 0; | |
| border-bottom: 0; | |
| } | |
| .navbar-expand-xxl .offcanvas-body { | |
| display: flex; | |
| -ms-flex-grow: 0; | |
| flex-grow: 0; | |
| padding: 0; | |
| overflow-y: visible; | |
| } | |
| .sticky-xxl-top { | |
| position: sticky; | |
| top: 0; | |
| z-index: 1020; | |
| } | |
| } | |
| @media (max-width: 575.98px) { | |
| .modal-fullscreen-sm-down { | |
| width: 100vw; | |
| max-width: none; | |
| height: 100%; | |
| margin: 0; | |
| } | |
| .modal-fullscreen-sm-down .modal-content { | |
| height: 100%; | |
| border: 0; | |
| border-radius: 0; | |
| } | |
| .modal-fullscreen-sm-down .modal-header { | |
| border-radius: 0; | |
| } | |
| .modal-fullscreen-sm-down .modal-body { | |
| overflow-y: auto; | |
| } | |
| .modal-fullscreen-sm-down .modal-footer { | |
| border-radius: 0; | |
| } | |
| } | |
| @media (max-width: 767.98px) { | |
| .modal-fullscreen-md-down { | |
| width: 100vw; | |
| max-width: none; | |
| height: 100%; | |
| margin: 0; | |
| } | |
| .modal-fullscreen-md-down .modal-content { | |
| height: 100%; | |
| border: 0; | |
| border-radius: 0; | |
| } | |
| .modal-fullscreen-md-down .modal-header { | |
| border-radius: 0; | |
| } | |
| .modal-fullscreen-md-down .modal-body { | |
| overflow-y: auto; | |
| } | |
| .modal-fullscreen-md-down .modal-footer { | |
| border-radius: 0; | |
| } | |
| } | |
| @media (max-width: 991.98px) { | |
| .modal-fullscreen-lg-down { | |
| width: 100vw; | |
| max-width: none; | |
| height: 100%; | |
| margin: 0; | |
| } | |
| .modal-fullscreen-lg-down .modal-content { | |
| height: 100%; | |
| border: 0; | |
| border-radius: 0; | |
| } | |
| .modal-fullscreen-lg-down .modal-header { | |
| border-radius: 0; | |
| } | |
| .modal-fullscreen-lg-down .modal-body { | |
| overflow-y: auto; | |
| } | |
| .modal-fullscreen-lg-down .modal-footer { | |
| border-radius: 0; | |
| } | |
| } | |
| @media (max-width: 1199.98px) { | |
| .modal-fullscreen-xl-down { | |
| width: 100vw; | |
| max-width: none; | |
| height: 100%; | |
| margin: 0; | |
| } | |
| .modal-fullscreen-xl-down .modal-content { | |
| height: 100%; | |
| border: 0; | |
| border-radius: 0; | |
| } | |
| .modal-fullscreen-xl-down .modal-header { | |
| border-radius: 0; | |
| } | |
| .modal-fullscreen-xl-down .modal-body { | |
| overflow-y: auto; | |
| } | |
| .modal-fullscreen-xl-down .modal-footer { | |
| border-radius: 0; | |
| } | |
| } | |
| @media (max-width: 1399.98px) { | |
| .modal-fullscreen-xxl-down { | |
| width: 100vw; | |
| max-width: none; | |
| height: 100%; | |
| margin: 0; | |
| } | |
| .modal-fullscreen-xxl-down .modal-content { | |
| height: 100%; | |
| border: 0; | |
| border-radius: 0; | |
| } | |
| .modal-fullscreen-xxl-down .modal-header { | |
| border-radius: 0; | |
| } | |
| .modal-fullscreen-xxl-down .modal-body { | |
| overflow-y: auto; | |
| } | |
| .modal-fullscreen-xxl-down .modal-footer { | |
| border-radius: 0; | |
| } | |
| } | |
| @media (prefers-reduced-motion) { | |
| .animation { | |
| transition: none !important; | |
| animation: unset !important; | |
| } | |
| } | |
| @media screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) { | |
| .datepicker-modal-container .datepicker-header { | |
| height: 100%; | |
| } | |
| .datepicker-modal-container .datepicker-date { | |
| margin-top: 100px; | |
| } | |
| .datepicker-modal-container .datepicker-day-cell { | |
| width: 32x; | |
| height: 32x; | |
| } | |
| .datepicker-modal-container { | |
| flex-direction: row; | |
| width: 475px; | |
| height: 360px; | |
| } | |
| .datepicker-modal-container.datepicker-day-cell { | |
| width: 36px; | |
| height: 36px; | |
| } | |
| } | |
| @media screen and (min-width: 320px) and (max-width: 825px) and (orientation: landscape) { | |
| .timepicker-elements { | |
| flex-direction: row !important; | |
| border-bottom-left-radius: 0.5rem; | |
| min-width: auto; | |
| min-height: auto; | |
| overflow-y: auto; | |
| } | |
| .timepicker-head { | |
| border-top-right-radius: 0; | |
| border-bottom-left-radius: 0; | |
| padding: 10px; | |
| padding-right: 10px !important; | |
| height: auto; | |
| min-height: 305px; | |
| } | |
| .timepicker-head-content { | |
| flex-direction: column; | |
| } | |
| .timepicker-mode-wrapper { | |
| justify-content: space-around !important; | |
| flex-direction: row !important; | |
| } | |
| .timepicker-current { | |
| font-size: 3rem; | |
| font-weight: 400; | |
| } | |
| .timepicker-dot { | |
| font-size: 3rem; | |
| font-weight: 400; | |
| } | |
| } | |
| @keyframes _spinner-grow { | |
| 0% { | |
| transform: scale(0); | |
| } | |
| 50% { | |
| opacity: 1; | |
| transform: none; | |
| } | |
| } | |
| @keyframes _fade-in { | |
| from { | |
| opacity: 0; | |
| } | |
| to { | |
| opacity: 1; | |
| } | |
| } | |
| @keyframes _fade-out { | |
| from { | |
| opacity: 1; | |
| } | |
| to { | |
| opacity: 0; | |
| } | |
| } | |
| @keyframes _fade-in-down { | |
| from { | |
| opacity: 0; | |
| transform: translate3d(0, -100%, 0); | |
| } | |
| to { | |
| opacity: 1; | |
| transform: translate3d(0, 0, 0); | |
| } | |
| } | |
| @keyframes _fade-in-left { | |
| from { | |
| opacity: 0; | |
| transform: translate3d(-100%, 0, 0); | |
| } | |
| to { | |
| opacity: 1; | |
| transform: translate3d(0, 0, 0); | |
| } | |
| } | |
| @keyframes _fade-in-right { | |
| from { | |
| opacity: 0; | |
| transform: translate3d(100%, 0, 0); | |
| } | |
| to { | |
| opacity: 1; | |
| transform: translate3d(0, 0, 0); | |
| } | |
| } | |
| @keyframes _fade-in-up { | |
| from { | |
| opacity: 0; | |
| transform: translate3d(0, 100%, 0); | |
| } | |
| to { | |
| opacity: 1; | |
| transform: translate3d(0, 0, 0); | |
| } | |
| } | |
| @keyframes _fade-out-down { | |
| from { | |
| opacity: 1; | |
| } | |
| to { | |
| opacity: 0; | |
| transform: translate3d(0, 100%, 0); | |
| } | |
| } | |
| @keyframes _fade-out-left { | |
| from { | |
| opacity: 1; | |
| } | |
| to { | |
| opacity: 0; | |
| transform: translate3d(-100%, 0, 0); | |
| } | |
| } | |
| @keyframes _fade-out-right { | |
| from { | |
| opacity: 1; | |
| } | |
| to { | |
| opacity: 0; | |
| transform: translate3d(100%, 0, 0); | |
| } | |
| } | |
| @keyframes _fade-out-up { | |
| from { | |
| opacity: 1; | |
| } | |
| to { | |
| opacity: 0; | |
| transform: translate3d(0, -100%, 0); | |
| } | |
| } | |
| @keyframes _slide-in-down { | |
| from { | |
| visibility: visible; | |
| transform: translate3d(0, -100%, 0); | |
| } | |
| to { | |
| transform: translate3d(0, 0, 0); | |
| } | |
| } | |
| @keyframes _slide-in-left { | |
| from { | |
| visibility: visible; | |
| transform: translate3d(-100%, 0, 0); | |
| } | |
| to { | |
| transform: translate3d(0, 0, 0); | |
| } | |
| } | |
| @keyframes _slide-in-right { | |
| from { | |
| visibility: visible; | |
| transform: translate3d(100%, 0, 0); | |
| } | |
| to { | |
| transform: translate3d(0, 0, 0); | |
| } | |
| } | |
| @keyframes _slide-in-up { | |
| from { | |
| visibility: visible; | |
| transform: translate3d(0, 100%, 0); | |
| } | |
| to { | |
| transform: translate3d(0, 0, 0); | |
| } | |
| } | |
| @keyframes _slide-out-down { | |
| from { | |
| transform: translate3d(0, 0, 0); | |
| } | |
| to { | |
| visibility: hidden; | |
| transform: translate3d(0, 100%, 0); | |
| } | |
| } | |
| @keyframes _slide-out-left { | |
| from { | |
| transform: translate3d(0, 0, 0); | |
| } | |
| to { | |
| visibility: hidden; | |
| transform: translate3d(-100%, 0, 0); | |
| } | |
| } | |
| @keyframes _slide-out-right { | |
| from { | |
| transform: translate3d(0, 0, 0); | |
| } | |
| to { | |
| visibility: hidden; | |
| transform: translate3d(100%, 0, 0); | |
| } | |
| } | |
| @keyframes _slide-out-up { | |
| from { | |
| transform: translate3d(0, 0, 0); | |
| } | |
| to { | |
| visibility: hidden; | |
| transform: translate3d(0, -100%, 0); | |
| } | |
| } | |
| @keyframes _slide-down { | |
| from { | |
| transform: translate3d(0, 0, 0); | |
| } | |
| to { | |
| transform: translate3d(0, 100%, 0); | |
| } | |
| } | |
| @keyframes _slide-left { | |
| from { | |
| transform: translate3d(0, 0, 0); | |
| } | |
| to { | |
| transform: translate3d(-100%, 0, 0); | |
| } | |
| } | |
| @keyframes _slide-right { | |
| from { | |
| transform: translate3d(0, 0, 0); | |
| } | |
| to { | |
| transform: translate3d(100%, 0, 0); | |
| } | |
| } | |
| @keyframes _slide-up { | |
| from { | |
| transform: translate3d(0, 0, 0); | |
| } | |
| to { | |
| transform: translate3d(0, -100%, 0); | |
| } | |
| } | |
| @keyframes _zoom-in { | |
| from { | |
| opacity: 0; | |
| transform: scale3d(0.3, 0.3, 0.3); | |
| } | |
| 50% { | |
| opacity: 1; | |
| } | |
| } | |
| @keyframes _zoom-out { | |
| from { | |
| opacity: 1; | |
| } | |
| 50% { | |
| opacity: 0; | |
| transform: scale3d(0.3, 0.3, 0.3); | |
| } | |
| to { | |
| opacity: 0; | |
| } | |
| } | |
| @keyframes _tada { | |
| from { | |
| transform: scale3d(1, 1, 1); | |
| } | |
| 10% { | |
| transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); | |
| } | |
| 20% { | |
| transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); | |
| } | |
| 30% { | |
| transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); | |
| } | |
| 50% { | |
| transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); | |
| } | |
| 70% { | |
| transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); | |
| } | |
| 90% { | |
| transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); | |
| } | |
| 40% { | |
| transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); | |
| } | |
| 60% { | |
| transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); | |
| } | |
| 80% { | |
| transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); | |
| } | |
| to { | |
| transform: scale3d(1, 1, 1); | |
| } | |
| } | |
| @keyframes _pulse { | |
| from { | |
| transform: scale3d(1, 1, 1); | |
| } | |
| 50% { | |
| transform: scale3d(1.05, 1.05, 1.05); | |
| } | |
| to { | |
| transform: scale3d(1, 1, 1); | |
| } | |
| } | |
| @keyframes _show-up-clock { | |
| 0% { | |
| opacity: 0; | |
| transform: scale(0.7); | |
| } | |
| to { | |
| opacity: 1; | |
| transform: scale(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; | |
| } | |
| .invisible { | |
| visibility: hidden; | |
| } | |
| .collapse { | |
| visibility: collapse; | |
| } | |
| .static { | |
| position: static; | |
| } | |
| .fixed { | |
| position: fixed; | |
| } | |
| .\!absolute { | |
| position: absolute !important; | |
| } | |
| .absolute { | |
| position: absolute; | |
| } | |
| .relative { | |
| position: relative; | |
| } | |
| .sticky { | |
| position: sticky; | |
| } | |
| .inset-0 { | |
| top: 0px; | |
| right: 0px; | |
| bottom: 0px; | |
| left: 0px; | |
| } | |
| .inset-x-0 { | |
| left: 0px; | |
| right: 0px; | |
| } | |
| .bottom-0 { | |
| bottom: 0px; | |
| } | |
| .left-0 { | |
| left: 0px; | |
| } | |
| .right-0 { | |
| right: 0px; | |
| } | |
| .top-0 { | |
| top: 0px; | |
| } | |
| .top-20 { | |
| top: 5rem; | |
| } | |
| .top-\[100vh\] { | |
| top: 100vh; | |
| } | |
| .top-\[calc\(100vh-5\.5rem\)\] { | |
| top: calc(100vh - 5.5rem); | |
| } | |
| .z-10 { | |
| z-index: 10; | |
| } | |
| .z-30 { | |
| z-index: 30; | |
| } | |
| .z-\[1\] { | |
| z-index: 1; | |
| } | |
| .z-\[2\] { | |
| z-index: 2; | |
| } | |
| .order-first { | |
| order: -9999; | |
| } | |
| .float-left { | |
| float: left; | |
| } | |
| .\!-m-px { | |
| margin: -1px !important; | |
| } | |
| .m-0 { | |
| margin: 0px; | |
| } | |
| .m-1 { | |
| margin: 0.25rem; | |
| } | |
| .m-2 { | |
| margin: 0.5rem; | |
| } | |
| .m-auto { | |
| margin: auto; | |
| } | |
| .-mx-2 { | |
| margin-left: -0.5rem; | |
| margin-right: -0.5rem; | |
| } | |
| .-my-2 { | |
| margin-top: -0.5rem; | |
| margin-bottom: -0.5rem; | |
| } | |
| .mx-1 { | |
| margin-left: 0.25rem; | |
| margin-right: 0.25rem; | |
| } | |
| .mx-\[15\%\] { | |
| margin-left: 15%; | |
| margin-right: 15%; | |
| } | |
| .mx-\[3px\] { | |
| margin-left: 3px; | |
| margin-right: 3px; | |
| } | |
| .mx-auto { | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| .my-0 { | |
| margin-top: 0px; | |
| margin-bottom: 0px; | |
| } | |
| .my-3 { | |
| margin-top: 0.75rem; | |
| margin-bottom: 0.75rem; | |
| } | |
| .\!mb-0 { | |
| margin-bottom: 0px !important; | |
| } | |
| .\!mb-9 { | |
| margin-bottom: 2.25rem !important; | |
| } | |
| .\!mt-0 { | |
| margin-top: 0px !important; | |
| } | |
| .-mb-1 { | |
| margin-bottom: -0.25rem; | |
| } | |
| .-ml-12 { | |
| margin-left: -3rem; | |
| } | |
| .-mr-2 { | |
| margin-right: -0.5rem; | |
| } | |
| .-mr-48 { | |
| margin-right: -12rem; | |
| } | |
| .-mr-\[100\%\] { | |
| margin-right: -100%; | |
| } | |
| .mb-0 { | |
| margin-bottom: 0px; | |
| } | |
| .mb-1 { | |
| margin-bottom: 0.25rem; | |
| } | |
| .mb-10 { | |
| margin-bottom: 2.5rem; | |
| } | |
| .mb-12 { | |
| margin-bottom: 3rem; | |
| } | |
| .mb-16 { | |
| margin-bottom: 4rem; | |
| } | |
| .mb-2 { | |
| margin-bottom: 0.5rem; | |
| } | |
| .mb-3 { | |
| margin-bottom: 0.75rem; | |
| } | |
| .mb-5 { | |
| margin-bottom: 1.25rem; | |
| } | |
| .mb-6 { | |
| margin-bottom: 1.5rem; | |
| } | |
| .mb-\[2px\] { | |
| margin-bottom: 2px; | |
| } | |
| .ml-2 { | |
| margin-left: 0.5rem; | |
| } | |
| .ml-3 { | |
| margin-left: 0.75rem; | |
| } | |
| .ml-6 { | |
| margin-left: 1.5rem; | |
| } | |
| .ml-auto { | |
| margin-left: auto; | |
| } | |
| .mr-1 { | |
| margin-right: 0.25rem; | |
| } | |
| .mr-2 { | |
| margin-right: 0.5rem; | |
| } | |
| .mr-3 { | |
| margin-right: 0.75rem; | |
| } | |
| .mr-5 { | |
| margin-right: 1.25rem; | |
| } | |
| .mr-auto { | |
| margin-right: auto; | |
| } | |
| .mt-0 { | |
| margin-top: 0px; | |
| } | |
| .mt-1 { | |
| margin-top: 0.25rem; | |
| } | |
| .mt-10 { | |
| margin-top: 2.5rem; | |
| } | |
| .mt-12 { | |
| margin-top: 3rem; | |
| } | |
| .mt-2 { | |
| margin-top: 0.5rem; | |
| } | |
| .mt-20 { | |
| margin-top: 5rem; | |
| } | |
| .mt-3 { | |
| margin-top: 0.75rem; | |
| } | |
| .mt-4 { | |
| margin-top: 1rem; | |
| } | |
| .mt-5 { | |
| margin-top: 1.25rem; | |
| } | |
| .mt-6 { | |
| margin-top: 1.5rem; | |
| } | |
| .mt-8 { | |
| margin-top: 2rem; | |
| } | |
| .mt-\[0\.1rem\] { | |
| margin-top: 0.1rem; | |
| } | |
| .box-content { | |
| box-sizing: content-box; | |
| } | |
| .block { | |
| display: block; | |
| } | |
| .inline-block { | |
| display: inline-block; | |
| } | |
| .inline { | |
| display: inline; | |
| } | |
| .flex { | |
| display: flex; | |
| } | |
| .table { | |
| display: table; | |
| } | |
| .grid { | |
| display: grid; | |
| } | |
| .hidden { | |
| display: none; | |
| } | |
| .\!h-px { | |
| height: 1px !important; | |
| } | |
| .h-1\/2 { | |
| height: 50%; | |
| } | |
| .h-12 { | |
| height: 3rem; | |
| } | |
| .h-24 { | |
| height: 6rem; | |
| } | |
| .h-3 { | |
| height: 0.75rem; | |
| } | |
| .h-36 { | |
| height: 9rem; | |
| } | |
| .h-48 { | |
| height: 12rem; | |
| } | |
| .h-6 { | |
| height: 1.5rem; | |
| } | |
| .h-8 { | |
| height: 2rem; | |
| } | |
| .h-\[1000px\] { | |
| height: 1000px; | |
| } | |
| .h-\[150px\] { | |
| height: 150px; | |
| } | |
| .h-\[3px\] { | |
| height: 3px; | |
| } | |
| .h-\[800px\] { | |
| height: 800px; | |
| } | |
| .h-full { | |
| height: 100%; | |
| } | |
| .h-screen { | |
| height: 100vh; | |
| } | |
| .max-h-\[5rem\] { | |
| max-height: 5rem; | |
| } | |
| .min-h-0 { | |
| min-height: 0px; | |
| } | |
| .min-h-\[148px\] { | |
| min-height: 148px; | |
| } | |
| .\!w-px { | |
| width: 1px !important; | |
| } | |
| .w-12 { | |
| width: 3rem; | |
| } | |
| .w-24 { | |
| width: 6rem; | |
| } | |
| .w-3 { | |
| width: 0.75rem; | |
| } | |
| .w-36 { | |
| width: 9rem; | |
| } | |
| .w-6 { | |
| width: 1.5rem; | |
| } | |
| .w-8 { | |
| width: 2rem; | |
| } | |
| .w-\[15\%\] { | |
| width: 15%; | |
| } | |
| .w-\[30px\] { | |
| width: 30px; | |
| } | |
| .w-full { | |
| width: 100%; | |
| } | |
| .w-screen { | |
| width: 100vw; | |
| } | |
| .min-w-0 { | |
| min-width: 0px; | |
| } | |
| .min-w-\[1\.8rem\] { | |
| min-width: 1.8rem; | |
| } | |
| .min-w-\[220px\] { | |
| min-width: 220px; | |
| } | |
| .min-w-\[30px\] { | |
| min-width: 30px; | |
| } | |
| .min-w-full { | |
| min-width: 100%; | |
| } | |
| .max-w-3xl { | |
| max-width: 48rem; | |
| } | |
| .max-w-7xl { | |
| max-width: 80rem; | |
| } | |
| .max-w-\[1600px\] { | |
| max-width: 1600px; | |
| } | |
| .max-w-\[5rem\] { | |
| max-width: 5rem; | |
| } | |
| .max-w-\[64rem\] { | |
| max-width: 64rem; | |
| } | |
| .max-w-fit { | |
| max-width: -moz-fit-content; | |
| max-width: fit-content; | |
| } | |
| .max-w-full { | |
| max-width: 100%; | |
| } | |
| .max-w-prose { | |
| max-width: 65ch; | |
| } | |
| .max-w-xl { | |
| max-width: 36rem; | |
| } | |
| .flex-1 { | |
| flex: 1 1 0%; | |
| } | |
| .flex-auto { | |
| flex: 1 1 auto; | |
| } | |
| .flex-initial { | |
| flex: 0 1 auto; | |
| } | |
| .flex-none { | |
| flex: none; | |
| } | |
| .grow { | |
| flex-grow: 1; | |
| } | |
| .-translate-y-8 { | |
| --tw-translate-y: -2rem; | |
| transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
| } | |
| .transform { | |
| transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
| } | |
| .cursor-default { | |
| cursor: default; | |
| } | |
| .cursor-pointer { | |
| cursor: pointer; | |
| } | |
| .resize { | |
| resize: both; | |
| } | |
| .list-none { | |
| list-style-type: none; | |
| } | |
| .appearance-none { | |
| -webkit-appearance: none; | |
| -moz-appearance: none; | |
| appearance: none; | |
| } | |
| .flex-row { | |
| flex-direction: row; | |
| } | |
| .flex-col { | |
| flex-direction: column; | |
| } | |
| .flex-wrap { | |
| flex-wrap: wrap; | |
| } | |
| .items-end { | |
| align-items: flex-end; | |
| } | |
| .items-center { | |
| align-items: center; | |
| } | |
| .justify-center { | |
| justify-content: center; | |
| } | |
| .justify-between { | |
| justify-content: space-between; | |
| } | |
| .justify-around { | |
| justify-content: space-around; | |
| } | |
| .justify-evenly { | |
| justify-content: space-evenly; | |
| } | |
| .gap-4 { | |
| gap: 1rem; | |
| } | |
| .space-x-3 > :not([hidden]) ~ :not([hidden]) { | |
| --tw-space-x-reverse: 0; | |
| margin-right: calc(0.75rem * var(--tw-space-x-reverse)); | |
| margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); | |
| } | |
| .space-x-5 > :not([hidden]) ~ :not([hidden]) { | |
| --tw-space-x-reverse: 0; | |
| margin-right: calc(1.25rem * var(--tw-space-x-reverse)); | |
| margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))); | |
| } | |
| .space-y-10 > :not([hidden]) ~ :not([hidden]) { | |
| --tw-space-y-reverse: 0; | |
| margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse))); | |
| margin-bottom: calc(2.5rem * var(--tw-space-y-reverse)); | |
| } | |
| .space-y-2 > :not([hidden]) ~ :not([hidden]) { | |
| --tw-space-y-reverse: 0; | |
| margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); | |
| margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); | |
| } | |
| .space-y-3 > :not([hidden]) ~ :not([hidden]) { | |
| --tw-space-y-reverse: 0; | |
| margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); | |
| margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); | |
| } | |
| .place-self-center { | |
| place-self: center; | |
| } | |
| .self-center { | |
| align-self: center; | |
| } | |
| .overflow-auto { | |
| overflow: auto; | |
| } | |
| .\!overflow-hidden { | |
| overflow: hidden !important; | |
| } | |
| .overflow-hidden { | |
| overflow: hidden; | |
| } | |
| .overflow-visible { | |
| overflow: visible; | |
| } | |
| .scroll-smooth { | |
| scroll-behavior: smooth; | |
| } | |
| .\!whitespace-nowrap { | |
| white-space: nowrap !important; | |
| } | |
| .\!rounded-md { | |
| border-radius: 0.375rem !important; | |
| } | |
| .rounded { | |
| border-radius: 0.25rem; | |
| } | |
| .rounded-2xl { | |
| border-radius: 1rem; | |
| } | |
| .rounded-full { | |
| border-radius: 9999px; | |
| } | |
| .rounded-lg { | |
| border-radius: 0.5rem; | |
| } | |
| .rounded-md { | |
| border-radius: 0.375rem; | |
| } | |
| .rounded-xl { | |
| border-radius: 0.75rem; | |
| } | |
| .rounded-b-lg { | |
| border-bottom-right-radius: 0.5rem; | |
| border-bottom-left-radius: 0.5rem; | |
| } | |
| .\!border-0 { | |
| border-width: 0px !important; | |
| } | |
| .border { | |
| border-width: 1px; | |
| } | |
| .border-0 { | |
| border-width: 0px; | |
| } | |
| .border-2 { | |
| border-width: 2px; | |
| } | |
| .border-y-\[10px\] { | |
| border-top-width: 10px; | |
| border-bottom-width: 10px; | |
| } | |
| .border-l-2 { | |
| border-left-width: 2px; | |
| } | |
| .border-t { | |
| border-top-width: 1px; | |
| } | |
| .border-solid { | |
| border-style: solid; | |
| } | |
| .border-dotted { | |
| border-style: dotted; | |
| } | |
| .border-neutral-200 { | |
| --tw-border-opacity: 1; | |
| border-color: rgba(var(--color-neutral-200), var(--tw-border-opacity)); | |
| } | |
| .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; | |
| } | |
| .bg-neutral { | |
| --tw-bg-opacity: 1; | |
| background-color: rgba(var(--color-neutral), var(--tw-bg-opacity)); | |
| } | |
| .bg-neutral-100 { | |
| --tw-bg-opacity: 1; | |
| background-color: rgba(var(--color-neutral-100), var(--tw-bg-opacity)); | |
| } | |
| .bg-neutral-100\/50 { | |
| background-color: rgba(var(--color-neutral-100), 0.5); | |
| } | |
| .bg-neutral-300 { | |
| --tw-bg-opacity: 1; | |
| background-color: rgba(var(--color-neutral-300), var(--tw-bg-opacity)); | |
| } | |
| .bg-neutral-500\/50 { | |
| background-color: rgba(var(--color-neutral-500), 0.5); | |
| } | |
| .bg-neutral\/50 { | |
| background-color: rgba(var(--color-neutral), 0.5); | |
| } | |
| .bg-primary-100 { | |
| --tw-bg-opacity: 1; | |
| background-color: rgba(var(--color-primary-100), var(--tw-bg-opacity)); | |
| } | |
| .bg-primary-200 { | |
| --tw-bg-opacity: 1; | |
| background-color: rgba(var(--color-primary-200), var(--tw-bg-opacity)); | |
| } | |
| .bg-primary-500 { | |
| --tw-bg-opacity: 1; | |
| background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity)); | |
| } | |
| .bg-primary-600 { | |
| --tw-bg-opacity: 1; | |
| background-color: rgba(var(--color-primary-600), var(--tw-bg-opacity)); | |
| } | |
| .bg-transparent { | |
| background-color: transparent; | |
| } | |
| .bg-gradient-to-b { | |
| background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); | |
| } | |
| .bg-gradient-to-r { | |
| background-image: linear-gradient(to right, var(--tw-gradient-stops)); | |
| } | |
| .bg-gradient-to-t { | |
| background-image: linear-gradient(to top, var(--tw-gradient-stops)); | |
| } | |
| .bg-none { | |
| background-image: none; | |
| } | |
| .from-neutral { | |
| --tw-gradient-from: rgba(var(--color-neutral), 1); | |
| --tw-gradient-to: rgba(var(--color-neutral), 0); | |
| --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
| } | |
| .from-primary-500 { | |
| --tw-gradient-from: rgba(var(--color-primary-500), 1); | |
| --tw-gradient-to: rgba(var(--color-primary-500), 0); | |
| --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
| } | |
| .to-neutral { | |
| --tw-gradient-to: rgba(var(--color-neutral), 1); | |
| } | |
| .to-neutral-100 { | |
| --tw-gradient-to: rgba(var(--color-neutral-100), 1); | |
| } | |
| .to-secondary-700 { | |
| --tw-gradient-to: rgba(var(--color-secondary-700), 1); | |
| } | |
| .to-transparent { | |
| --tw-gradient-to: transparent; | |
| } | |
| .bg-clip-padding { | |
| background-clip: padding-box; | |
| } | |
| .object-cover { | |
| -o-object-fit: cover; | |
| object-fit: cover; | |
| } | |
| .object-scale-down { | |
| -o-object-fit: scale-down; | |
| object-fit: scale-down; | |
| } | |
| .object-left { | |
| -o-object-position: left; | |
| object-position: left; | |
| } | |
| .\!p-0 { | |
| padding: 0px !important; | |
| } | |
| .p-0 { | |
| padding: 0px; | |
| } | |
| .p-1 { | |
| padding: 0.25rem; | |
| } | |
| .p-1\.5 { | |
| padding: 0.375rem; | |
| } | |
| .p-4 { | |
| padding: 1rem; | |
| } | |
| .p-5 { | |
| padding: 1.25rem; | |
| } | |
| .p-6 { | |
| padding: 1.5rem; | |
| } | |
| .px-0 { | |
| padding-left: 0px; | |
| padding-right: 0px; | |
| } | |
| .px-1 { | |
| padding-left: 0.25rem; | |
| padding-right: 0.25rem; | |
| } | |
| .px-2 { | |
| padding-left: 0.5rem; | |
| padding-right: 0.5rem; | |
| } | |
| .px-3 { | |
| padding-left: 0.75rem; | |
| padding-right: 0.75rem; | |
| } | |
| .px-4 { | |
| padding-left: 1rem; | |
| padding-right: 1rem; | |
| } | |
| .px-6 { | |
| padding-left: 1.5rem; | |
| padding-right: 1.5rem; | |
| } | |
| .px-\[30px\] { | |
| padding-left: 30px; | |
| padding-right: 30px; | |
| } | |
| .py-1 { | |
| padding-top: 0.25rem; | |
| padding-bottom: 0.25rem; | |
| } | |
| .py-10 { | |
| padding-top: 2.5rem; | |
| padding-bottom: 2.5rem; | |
| } | |
| .py-16 { | |
| padding-top: 4rem; | |
| padding-bottom: 4rem; | |
| } | |
| .py-2 { | |
| padding-top: 0.5rem; | |
| padding-bottom: 0.5rem; | |
| } | |
| .py-3 { | |
| padding-top: 0.75rem; | |
| padding-bottom: 0.75rem; | |
| } | |
| .py-4 { | |
| padding-top: 1rem; | |
| padding-bottom: 1rem; | |
| } | |
| .py-6 { | |
| padding-top: 1.5rem; | |
| padding-bottom: 1.5rem; | |
| } | |
| .py-8 { | |
| padding-top: 2rem; | |
| padding-bottom: 2rem; | |
| } | |
| .py-\[1px\] { | |
| padding-top: 1px; | |
| padding-bottom: 1px; | |
| } | |
| .pb-2 { | |
| padding-bottom: 0.5rem; | |
| } | |
| .pb-3 { | |
| padding-bottom: 0.75rem; | |
| } | |
| .pb-32 { | |
| padding-bottom: 8rem; | |
| } | |
| .pb-4 { | |
| padding-bottom: 1rem; | |
| } | |
| .pl-2 { | |
| padding-left: 0.5rem; | |
| } | |
| .pl-\[24px\] { | |
| padding-left: 24px; | |
| } | |
| .pr-\[24px\] { | |
| padding-right: 24px; | |
| } | |
| .pt-16 { | |
| padding-top: 4rem; | |
| } | |
| .pt-2 { | |
| padding-top: 0.5rem; | |
| } | |
| .pt-3 { | |
| padding-top: 0.75rem; | |
| } | |
| .pt-4 { | |
| padding-top: 1rem; | |
| } | |
| .pt-8 { | |
| padding-top: 2rem; | |
| } | |
| .text-center { | |
| text-align: center; | |
| } | |
| .text-right { | |
| text-align: right; | |
| } | |
| .-indent-\[999px\] { | |
| text-indent: -999px; | |
| } | |
| .align-top { | |
| vertical-align: top; | |
| } | |
| .align-text-bottom { | |
| vertical-align: text-bottom; | |
| } | |
| .text-2xl { | |
| font-size: 1.5rem; | |
| line-height: 2rem; | |
| } | |
| .text-4xl { | |
| font-size: 2.25rem; | |
| line-height: 2.5rem; | |
| } | |
| .text-\[0\.6rem\] { | |
| font-size: 0.6rem; | |
| } | |
| .text-base { | |
| font-size: 1rem; | |
| line-height: 1.5rem; | |
| } | |
| .text-lg { | |
| font-size: 1.125rem; | |
| line-height: 1.75rem; | |
| } | |
| .text-sm { | |
| font-size: 0.875rem; | |
| line-height: 1.25rem; | |
| } | |
| .text-xl { | |
| font-size: 1.25rem; | |
| line-height: 1.75rem; | |
| } | |
| .text-xs { | |
| font-size: 0.75rem; | |
| line-height: 1rem; | |
| } | |
| .font-bold { | |
| font-weight: 700; | |
| } | |
| .font-extrabold { | |
| font-weight: 800; | |
| } | |
| .font-light { | |
| font-weight: 300; | |
| } | |
| .font-medium { | |
| font-weight: 500; | |
| } | |
| .font-normal { | |
| font-weight: 400; | |
| } | |
| .font-semibold { | |
| font-weight: 600; | |
| } | |
| .uppercase { | |
| text-transform: uppercase; | |
| } | |
| .italic { | |
| font-style: italic; | |
| } | |
| .leading-3 { | |
| line-height: .75rem; | |
| } | |
| .leading-6 { | |
| line-height: 1.5rem; | |
| } | |
| .leading-7 { | |
| line-height: 1.75rem; | |
| } | |
| .\!text-neutral { | |
| --tw-text-opacity: 1 !important; | |
| color: rgba(var(--color-neutral), var(--tw-text-opacity)) !important; | |
| } | |
| .text-neutral-200 { | |
| --tw-text-opacity: 1; | |
| color: rgba(var(--color-neutral-200), var(--tw-text-opacity)); | |
| } | |
| .text-neutral-300 { | |
| --tw-text-opacity: 1; | |
| color: rgba(var(--color-neutral-300), var(--tw-text-opacity)); | |
| } | |
| .text-neutral-400 { | |
| --tw-text-opacity: 1; | |
| color: rgba(var(--color-neutral-400), var(--tw-text-opacity)); | |
| } | |
| .text-neutral-50 { | |
| --tw-text-opacity: 1; | |
| color: rgba(var(--color-neutral-50), var(--tw-text-opacity)); | |
| } | |
| .text-neutral-500 { | |
| --tw-text-opacity: 1; | |
| color: rgba(var(--color-neutral-500), var(--tw-text-opacity)); | |
| } | |
| .text-neutral-700 { | |
| --tw-text-opacity: 1; | |
| color: rgba(var(--color-neutral-700), var(--tw-text-opacity)); | |
| } | |
| .text-neutral-800 { | |
| --tw-text-opacity: 1; | |
| color: rgba(var(--color-neutral-800), var(--tw-text-opacity)); | |
| } | |
| .text-neutral-900 { | |
| --tw-text-opacity: 1; | |
| color: rgba(var(--color-neutral-900), var(--tw-text-opacity)); | |
| } | |
| .text-primary-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)); | |
| } | |
| .\!no-underline { | |
| text-decoration-line: none !important; | |
| } | |
| .decoration-neutral-300 { | |
| text-decoration-color: rgba(var(--color-neutral-300), 1); | |
| } | |
| .decoration-primary-500 { | |
| text-decoration-color: rgba(var(--color-primary-500), 1); | |
| } | |
| .opacity-0 { | |
| opacity: 0; | |
| } | |
| .opacity-30 { | |
| opacity: 0.3; | |
| } | |
| .opacity-50 { | |
| opacity: 0.5; | |
| } | |
| .opacity-60 { | |
| opacity: 0.6; | |
| } | |
| .mix-blend-normal { | |
| mix-blend-mode: normal; | |
| } | |
| .mix-blend-multiply { | |
| mix-blend-mode: multiply; | |
| } | |
| .shadow-2xl { | |
| --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); | |
| --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); | |
| box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); | |
| } | |
| .shadow-lg { | |
| --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); | |
| --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); | |
| box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); | |
| } | |
| .shadow-xl { | |
| --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); | |
| --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); | |
| box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); | |
| } | |
| .outline { | |
| outline-style: solid; | |
| } | |
| .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-opacity { | |
| transition-property: opacity; | |
| transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
| transition-duration: 150ms; | |
| } | |
| .transition-transform { | |
| transition-property: transform; | |
| transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
| transition-duration: 150ms; | |
| } | |
| .duration-150 { | |
| transition-duration: 150ms; | |
| } | |
| .duration-\[600ms\] { | |
| transition-duration: 600ms; | |
| } | |
| .ease-\[cubic-bezier\(0\.25\2c 0\.1\2c 0\.25\2c 1\.0\)\] { | |
| transition-timing-function: cubic-bezier(0.25,0.1,0.25,1.0); | |
| } | |
| .ease-in-out { | |
| transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
| } | |
| .\!\[clip\:rect\(0\2c 0\2c 0\2c 0\)\] { | |
| clip: rect(0,0,0,0) !important; | |
| } | |
| body a, | |
| body button { | |
| transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; | |
| transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
| transition-duration: 150ms; | |
| } | |
| /* Scale SVG icons to text size */ | |
| .icon svg { | |
| height: 1em; | |
| width: 1em; | |
| } | |
| /* Search */ | |
| #search-query::-webkit-search-cancel-button, | |
| #search-query::-webkit-search-decoration, | |
| #search-query::-webkit-search-results-button, | |
| #search-query::-webkit-search-results-decoration { | |
| display: none; | |
| } | |
| /* Hamburger menu */ | |
| body:has(#menu-controller:checked) { | |
| overflow-y: hidden; | |
| } | |
| #menu-button:has(#menu-controller:checked) { | |
| visibility: hidden; | |
| } | |
| #menu-controller:checked~#menu-wrapper { | |
| visibility: visible; | |
| opacity: 1; | |
| } | |
| /* RTL support */ | |
| [dir="rtl"] .prose blockquote { | |
| border-left-width: 0px; | |
| border-right-width: 4px; | |
| padding-right: 1rem; | |
| } | |
| [dir="rtl"] .prose ul>li,[dir="rtl"] | |
| .prose ol>li { | |
| margin-right: 1.75rem; | |
| padding-left: 0px; | |
| padding-right: 0.5rem; | |
| } | |
| [dir="rtl"] .prose ol>li:before,[dir="rtl"] | |
| .prose ul>li:before { | |
| left: auto; | |
| right: 0.25rem; | |
| } | |
| [dir="rtl"] .prose thead td:first-child,[dir="rtl"] | |
| .prose thead th:first-child { | |
| padding-right: 0px; | |
| } | |
| [dir="rtl"] .prose thead td:last-child,[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; | |
| } | |
| [dir="ltr"] .toc ul ul { | |
| padding-left: 1rem; | |
| } | |
| [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)); | |
| } | |
| .dark .toc a { | |
| --tw-text-opacity: 1; | |
| color: rgba(var(--color-neutral-400), var(--tw-text-opacity)); | |
| } | |
| [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, 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; | |
| } | |
| .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)); | |
| } | |
| .dark .copy-button:hover,.dark | |
| .copy-button:focus,.dark | |
| .copy-button:active,.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; | |
| } | |
| /* -- 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)); | |
| } | |
| .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; | |
| } | |
| .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)); | |
| } | |
| .dark .chroma .lnt,.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)); | |
| } | |
| .dark .chroma .k,.dark | |
| .chroma .kd,.dark | |
| .chroma .kn,.dark | |
| .chroma .kp,.dark | |
| .chroma .kr,.dark | |
| .chroma .nc,.dark | |
| .chroma .fm,.dark | |
| .chroma .nn,.dark | |
| .chroma .vc,.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)); | |
| } | |
| .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)); | |
| } | |
| .dark .chroma .kt,.dark | |
| .chroma .nv,.dark | |
| .chroma .vi,.dark | |
| .chroma .vm,.dark | |
| .chroma .m,.dark | |
| .chroma .mb,.dark | |
| .chroma .mf,.dark | |
| .chroma .mh,.dark | |
| .chroma .mi,.dark | |
| .chroma .il,.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)); | |
| } | |
| .dark .chroma .n,.dark | |
| .chroma .nd,.dark | |
| .chroma .ni,.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)); | |
| } | |
| .dark .chroma .na,.dark | |
| .chroma .nb,.dark | |
| .chroma .bp,.dark | |
| .chroma .nx,.dark | |
| .chroma .py,.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)); | |
| } | |
| .dark .chroma .no,.dark | |
| .chroma .ne,.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)); | |
| } | |
| .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)); | |
| } | |
| .dark .chroma .l,.dark | |
| .chroma .ld,.dark | |
| .chroma .s,.dark | |
| .chroma .sa,.dark | |
| .chroma .sb,.dark | |
| .chroma .sc,.dark | |
| .chroma .dl,.dark | |
| .chroma .sd,.dark | |
| .chroma .s2,.dark | |
| .chroma .sh,.dark | |
| .chroma .si,.dark | |
| .chroma .sx,.dark | |
| .chroma .s1,.dark | |
| .chroma .gi,.dark | |
| .chroma .go,.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)); | |
| } | |
| .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)); | |
| } | |
| .dark .chroma .sr,.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)); | |
| } | |
| .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)); | |
| } | |
| .dark .chroma .c,.dark | |
| .chroma .cm,.dark | |
| .chroma .c1,.dark | |
| .chroma .cs,.dark | |
| .chroma .cp,.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)); | |
| } | |
| .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 */ | |
| .thumbnail { | |
| min-width: 300px; | |
| height: 180px; | |
| background-repeat:no-repeat; | |
| background-size:cover; | |
| background-position:center; | |
| } | |
| .thumbnail_card { | |
| height: 250px; | |
| 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: -100px; | |
| height: 0px; | |
| visibility: hidden; | |
| } | |
| @media (min-width: 640px) { | |
| .thumbnail { | |
| min-width: 100%; | |
| height: 180px; | |
| } | |
| .article { | |
| flex-wrap: wrap; | |
| } | |
| } | |
| @media (min-width: 853px) { | |
| .thumbnail { | |
| min-width: 300px; | |
| min-height: 180px; | |
| height: auto; | |
| } | |
| .article { | |
| flex-wrap: nowrap; | |
| } | |
| } | |
| .medium-zoom-image--opened { | |
| z-index: 100; | |
| } | |
| .nested-menu:hover + .menuhide { | |
| visibility: visible; | |
| opacity: 1; | |
| transition: visibility 0.3s, opacity 0.3s ease-in-out ; | |
| } | |
| .menuhide:hover { | |
| visibility: visible; | |
| opacity: 1; | |
| transition: visibility 0.3s, opacity 0.3s ease-in-out ; | |
| } | |
| .menuhide { | |
| visibility: hidden; | |
| opacity: 0; | |
| transition: visibility 0.3s, opacity 0.3s ease-in-out ; | |
| z-index: 1000; | |
| } | |
| .active { | |
| text-decoration-line: underline; | |
| text-decoration-thickness: 3px; | |
| text-underline-offset: 4px; | |
| } | |
| /* Gallery Specific Styles */ | |
| .grid-w10 { | |
| width: calc(10% - 5px); | |
| margin: 0px !important; | |
| } | |
| .grid-w15 { | |
| width: calc(15% - 5px); | |
| margin: 0px !important; | |
| } | |
| .grid-w20 { | |
| width: calc(20% - 5px); | |
| margin: 0px !important; | |
| } | |
| .grid-w25 { | |
| width: calc(25% - 5px); | |
| margin: 0px !important; | |
| } | |
| .grid-w30 { | |
| width: calc(30% - 5px); | |
| margin: 0px !important; | |
| } | |
| .grid-w33 { | |
| width: calc(33% - 5px); | |
| margin: 0px !important; | |
| } | |
| .grid-w35 { | |
| width: calc(35% - 5px); | |
| margin: 0px !important; | |
| } | |
| .grid-w40 { | |
| width: calc(40% - 5px); | |
| margin: 0px !important; | |
| } | |
| .grid-w45 { | |
| width: calc(45% - 5px); | |
| margin: 0px !important; | |
| } | |
| .grid-w50 { | |
| width: calc(50% - 5px); | |
| margin: 0px !important; | |
| } | |
| .grid-w55 { | |
| width: calc(55% - 5px); | |
| margin: 0px !important; | |
| } | |
| .grid-w60 { | |
| width: calc(60% - 5px); | |
| margin: 0px !important; | |
| } | |
| .grid-w65 { | |
| width: calc(65% - 5px); | |
| margin: 0px !important; | |
| } | |
| .grid-w66 { | |
| width: calc(66% - 5px); | |
| margin: 0px !important; | |
| } | |
| .grid-w70 { | |
| width: calc(70% - 5px); | |
| margin: 0px !important; | |
| } | |
| .grid-w75 { | |
| width: calc(75% - 5px); | |
| margin: 0px !important; | |
| } | |
| .grid-w80 { | |
| width: calc(80% - 5px); | |
| margin: 0px !important; | |
| } | |
| .grid-w85 { | |
| width: calc(85% - 5px); | |
| margin: 0px !important; | |
| } | |
| .grid-w90 { | |
| width: calc(90% - 5px); | |
| margin: 0px !important; | |
| } | |
| .grid-w95 { | |
| width: calc(95% - 5px); | |
| margin: 0px !important; | |
| } | |
| .grid-w100 { | |
| width: calc(100% - 5px); | |
| margin: 0px !important; | |
| } | |
| @media (min-width: 640px) { | |
| .sm\:grid-w10 { | |
| width: calc(10% - 5px); | |
| margin: 0px !important; | |
| } | |
| .sm\:grid-w15 { | |
| width: calc(15% - 5px); | |
| margin: 0px !important; | |
| } | |
| .sm\:grid-w20 { | |
| width: calc(20% - 5px); | |
| margin: 0px !important; | |
| } | |
| .sm\:grid-w25 { | |
| width: calc(25% - 5px); | |
| margin: 0px !important; | |
| } | |
| .sm\:grid-w30 { | |
| width: calc(30% - 5px); | |
| margin: 0px !important; | |
| } | |
| .sm\:grid-w33 { | |
| width: calc(33% - 5px); | |
| margin: 0px !important; | |
| } | |
| .sm\:grid-w35 { | |
| width: calc(35% - 5px); | |
| margin: 0px !important; | |
| } | |
| .sm\:grid-w40 { | |
| width: calc(40% - 5px); | |
| margin: 0px !important; | |
| } | |
| .sm\:grid-w45 { | |
| width: calc(45% - 5px); | |
| margin: 0px !important; | |
| } | |
| .sm\:grid-w50 { | |
| width: calc(50% - 5px); | |
| margin: 0px !important; | |
| } | |
| .sm\:grid-w55 { | |
| width: calc(55% - 5px); | |
| margin: 0px !important; | |
| } | |
| .sm\:grid-w60 { | |
| width: calc(60% - 5px); | |
| margin: 0px !important; | |
| } | |
| .sm\:grid-w65 { | |
| width: calc(65% - 5px); | |
| margin: 0px !important; | |
| } | |
| .sm\:grid-w66 { | |
| width: calc(66% - 5px); | |
| margin: 0px !important; | |
| } | |
| .sm\:grid-w70 { | |
| width: calc(70% - 5px); | |
| margin: 0px !important; | |
| } | |
| .sm\:grid-w75 { | |
| width: calc(75% - 5px); | |
| margin: 0px !important; | |
| } | |
| .sm\:grid-w80 { | |
| width: calc(80% - 5px); | |
| margin: 0px !important; | |
| } | |
| .sm\:grid-w85 { | |
| width: calc(85% - 5px); | |
| margin: 0px !important; | |
| } | |
| .sm\:grid-w90 { | |
| width: calc(90% - 5px); | |
| margin: 0px !important; | |
| } | |
| .sm\:grid-w95 { | |
| width: calc(95% - 5px); | |
| margin: 0px !important; | |
| } | |
| .sm\:grid-w100 { | |
| width: calc(100% - 5px); | |
| margin: 0px !important; | |
| } | |
| } | |
| @media (min-width: 853px) { | |
| .md\:grid-w10 { | |
| width: calc(10% - 5px); | |
| margin: 0px !important; | |
| } | |
| .md\:grid-w15 { | |
| width: calc(15% - 5px); | |
| margin: 0px !important; | |
| } | |
| .md\:grid-w20 { | |
| width: calc(20% - 5px); | |
| margin: 0px !important; | |
| } | |
| .md\:grid-w25 { | |
| width: calc(25% - 5px); | |
| margin: 0px !important; | |
| } | |
| .md\:grid-w30 { | |
| width: calc(30% - 5px); | |
| margin: 0px !important; | |
| } | |
| .md\:grid-w33 { | |
| width: calc(33% - 5px); | |
| margin: 0px !important; | |
| } | |
| .md\:grid-w35 { | |
| width: calc(35% - 5px); | |
| margin: 0px !important; | |
| } | |
| .md\:grid-w40 { | |
| width: calc(40% - 5px); | |
| margin: 0px !important; | |
| } | |
| .md\:grid-w45 { | |
| width: calc(45% - 5px); | |
| margin: 0px !important; | |
| } | |
| .md\:grid-w50 { | |
| width: calc(50% - 5px); | |
| margin: 0px !important; | |
| } | |
| .md\:grid-w55 { | |
| width: calc(55% - 5px); | |
| margin: 0px !important; | |
| } | |
| .md\:grid-w60 { | |
| width: calc(60% - 5px); | |
| margin: 0px !important; | |
| } | |
| .md\:grid-w65 { | |
| width: calc(65% - 5px); | |
| margin: 0px !important; | |
| } | |
| .md\:grid-w66 { | |
| width: calc(66% - 5px); | |
| margin: 0px !important; | |
| } | |
| .md\:grid-w70 { | |
| width: calc(70% - 5px); | |
| margin: 0px !important; | |
| } | |
| .md\:grid-w75 { | |
| width: calc(75% - 5px); | |
| margin: 0px !important; | |
| } | |
| .md\:grid-w80 { | |
| width: calc(80% - 5px); | |
| margin: 0px !important; | |
| } | |
| .md\:grid-w85 { | |
| width: calc(85% - 5px); | |
| margin: 0px !important; | |
| } | |
| .md\:grid-w90 { | |
| width: calc(90% - 5px); | |
| margin: 0px !important; | |
| } | |
| .md\:grid-w95 { | |
| width: calc(95% - 5px); | |
| margin: 0px !important; | |
| } | |
| .md\:grid-w100 { | |
| width: calc(100% - 5px); | |
| margin: 0px !important; | |
| } | |
| } | |
| @media (min-width: 1024px) { | |
| .lg\:grid-w10 { | |
| width: calc(10% - 5px); | |
| margin: 0px !important; | |
| } | |
| .lg\:grid-w15 { | |
| width: calc(15% - 5px); | |
| margin: 0px !important; | |
| } | |
| .lg\:grid-w20 { | |
| width: calc(20% - 5px); | |
| margin: 0px !important; | |
| } | |
| .lg\:grid-w25 { | |
| width: calc(25% - 5px); | |
| margin: 0px !important; | |
| } | |
| .lg\:grid-w30 { | |
| width: calc(30% - 5px); | |
| margin: 0px !important; | |
| } | |
| .lg\:grid-w33 { | |
| width: calc(33% - 5px); | |
| margin: 0px !important; | |
| } | |
| .lg\:grid-w35 { | |
| width: calc(35% - 5px); | |
| margin: 0px !important; | |
| } | |
| .lg\:grid-w40 { | |
| width: calc(40% - 5px); | |
| margin: 0px !important; | |
| } | |
| .lg\:grid-w45 { | |
| width: calc(45% - 5px); | |
| margin: 0px !important; | |
| } | |
| .lg\:grid-w50 { | |
| width: calc(50% - 5px); | |
| margin: 0px !important; | |
| } | |
| .lg\:grid-w55 { | |
| width: calc(55% - 5px); | |
| margin: 0px !important; | |
| } | |
| .lg\:grid-w60 { | |
| width: calc(60% - 5px); | |
| margin: 0px !important; | |
| } | |
| .lg\:grid-w65 { | |
| width: calc(65% - 5px); | |
| margin: 0px !important; | |
| } | |
| .lg\:grid-w66 { | |
| width: calc(66% - 5px); | |
| margin: 0px !important; | |
| } | |
| .lg\:grid-w70 { | |
| width: calc(70% - 5px); | |
| margin: 0px !important; | |
| } | |
| .lg\:grid-w75 { | |
| width: calc(75% - 5px); | |
| margin: 0px !important; | |
| } | |
| .lg\:grid-w80 { | |
| width: calc(80% - 5px); | |
| margin: 0px !important; | |
| } | |
| .lg\:grid-w85 { | |
| width: calc(85% - 5px); | |
| margin: 0px !important; | |
| } | |
| .lg\:grid-w90 { | |
| width: calc(90% - 5px); | |
| margin: 0px !important; | |
| } | |
| .lg\:grid-w95 { | |
| width: calc(95% - 5px); | |
| margin: 0px !important; | |
| } | |
| .lg\:grid-w100 { | |
| width: calc(100% - 5px); | |
| margin: 0px !important; | |
| } | |
| } | |
| @media (min-width: 1280px) { | |
| .xl\:grid-w10 { | |
| width: calc(10% - 5px); | |
| margin: 0px !important; | |
| } | |
| .xl\:grid-w15 { | |
| width: calc(15% - 5px); | |
| margin: 0px !important; | |
| } | |
| .xl\:grid-w20 { | |
| width: calc(20% - 5px); | |
| margin: 0px !important; | |
| } | |
| .xl\:grid-w25 { | |
| width: calc(25% - 5px); | |
| margin: 0px !important; | |
| } | |
| .xl\:grid-w30 { | |
| width: calc(30% - 5px); | |
| margin: 0px !important; | |
| } | |
| .xl\:grid-w33 { | |
| width: calc(33% - 5px); | |
| margin: 0px !important; | |
| } | |
| .xl\:grid-w35 { | |
| width: calc(35% - 5px); | |
| margin: 0px !important; | |
| } | |
| .xl\:grid-w40 { | |
| width: calc(40% - 5px); | |
| margin: 0px !important; | |
| } | |
| .xl\:grid-w45 { | |
| width: calc(45% - 5px); | |
| margin: 0px !important; | |
| } | |
| .xl\:grid-w50 { | |
| width: calc(50% - 5px); | |
| margin: 0px !important; | |
| } | |
| .xl\:grid-w55 { | |
| width: calc(55% - 5px); | |
| margin: 0px !important; | |
| } | |
| .xl\:grid-w60 { | |
| width: calc(60% - 5px); | |
| margin: 0px !important; | |
| } | |
| .xl\:grid-w65 { | |
| width: calc(65% - 5px); | |
| margin: 0px !important; | |
| } | |
| .xl\:grid-w66 { | |
| width: calc(66% - 5px); | |
| margin: 0px !important; | |
| } | |
| .xl\:grid-w70 { | |
| width: calc(70% - 5px); | |
| margin: 0px !important; | |
| } | |
| .xl\:grid-w75 { | |
| width: calc(75% - 5px); | |
| margin: 0px !important; | |
| } | |
| .xl\:grid-w80 { | |
| width: calc(80% - 5px); | |
| margin: 0px !important; | |
| } | |
| .xl\:grid-w85 { | |
| width: calc(85% - 5px); | |
| margin: 0px !important; | |
| } | |
| .xl\:grid-w90 { | |
| width: calc(90% - 5px); | |
| margin: 0px !important; | |
| } | |
| .xl\:grid-w95 { | |
| width: calc(95% - 5px); | |
| margin: 0px !important; | |
| } | |
| .xl\:grid-w100 { | |
| width: calc(100% - 5px); | |
| margin: 0px !important; | |
| } | |
| } | |
| @media (min-width: 1536px) { | |
| .2xl\:grid-w10 { | |
| width: calc(10% - 5px); | |
| margin: 0px !important; | |
| } | |
| .2xl\:grid-w15 { | |
| width: calc(15% - 5px); | |
| margin: 0px !important; | |
| } | |
| .2xl\:grid-w20 { | |
| width: calc(20% - 5px); | |
| margin: 0px !important; | |
| } | |
| .2xl\:grid-w25 { | |
| width: calc(25% - 5px); | |
| margin: 0px !important; | |
| } | |
| .2xl\:grid-w30 { | |
| width: calc(30% - 5px); | |
| margin: 0px !important; | |
| } | |
| .2xl\:grid-w33 { | |
| width: calc(33% - 5px); | |
| margin: 0px !important; | |
| } | |
| .2xl\:grid-w35 { | |
| width: calc(35% - 5px); | |
| margin: 0px !important; | |
| } | |
| .2xl\:grid-w40 { | |
| width: calc(40% - 5px); | |
| margin: 0px !important; | |
| } | |
| .2xl\:grid-w45 { | |
| width: calc(45% - 5px); | |
| margin: 0px !important; | |
| } | |
| .2xl\:grid-w50 { | |
| width: calc(50% - 5px); | |
| margin: 0px !important; | |
| } | |
| .2xl\:grid-w55 { | |
| width: calc(55% - 5px); | |
| margin: 0px !important; | |
| } | |
| .2xl\:grid-w60 { | |
| width: calc(60% - 5px); | |
| margin: 0px !important; | |
| } | |
| .2xl\:grid-w65 { | |
| width: calc(65% - 5px); | |
| margin: 0px !important; | |
| } | |
| .2xl\:grid-w66 { | |
| width: calc(66% - 5px); | |
| margin: 0px !important; | |
| } | |
| .2xl\:grid-w70 { | |
| width: calc(70% - 5px); | |
| margin: 0px !important; | |
| } | |
| .2xl\:grid-w75 { | |
| width: calc(75% - 5px); | |
| margin: 0px !important; | |
| } | |
| .2xl\:grid-w80 { | |
| width: calc(80% - 5px); | |
| margin: 0px !important; | |
| } | |
| .2xl\:grid-w85 { | |
| width: calc(85% - 5px); | |
| margin: 0px !important; | |
| } | |
| .2xl\:grid-w90 { | |
| width: calc(90% - 5px); | |
| margin: 0px !important; | |
| } | |
| .2xl\:grid-w95 { | |
| width: calc(95% - 5px); | |
| margin: 0px !important; | |
| } | |
| .2xl\:grid-w100 { | |
| width: calc(100% - 5px); | |
| margin: 0px !important; | |
| } | |
| } | |
| /* Carousel Specific Styles */ | |
| .ratio-16-9 { | |
| padding-top: 56.25%; | |
| } | |
| /* 16:9 Aspect Ratio */ | |
| .ratio-21-9 { | |
| padding-top: 42.85%; | |
| } | |
| /* 21:9 Aspect Ratio */ | |
| .ratio-32-9 { | |
| padding-top: 28.125%; | |
| } | |
| /* 32:9 Aspect Ratio */ | |
| @media (min-width: 640px) { | |
| .sm\:ratio-16-9 { | |
| padding-top: 56.25%; | |
| } | |
| /* 16:9 Aspect Ratio */ | |
| .sm\:ratio-21-9 { | |
| padding-top: 42.85%; | |
| } | |
| /* 21:9 Aspect Ratio */ | |
| .sm\:ratio-32-9 { | |
| padding-top: 28.125%; | |
| } | |
| /* 32:9 Aspect Ratio */ | |
| } | |
| @media (min-width: 853px) { | |
| .md\:ratio-16-9 { | |
| padding-top: 56.25%; | |
| } | |
| /* 16:9 Aspect Ratio */ | |
| .md\:ratio-21-9 { | |
| padding-top: 42.85%; | |
| } | |
| /* 21:9 Aspect Ratio */ | |
| .md\:ratio-32-9 { | |
| padding-top: 28.125%; | |
| } | |
| /* 32:9 Aspect Ratio */ | |
| } | |
| @media (min-width: 1024px) { | |
| .lg\:ratio-16-9 { | |
| padding-top: 56.25%; | |
| } | |
| /* 16:9 Aspect Ratio */ | |
| .lg\:ratio-21-9 { | |
| padding-top: 42.85%; | |
| } | |
| /* 21:9 Aspect Ratio */ | |
| .lg\:ratio-32-9 { | |
| padding-top: 28.125%; | |
| } | |
| /* 32:9 Aspect Ratio */ | |
| } | |
| @media (min-width: 1280px) { | |
| .xl\:ratio-16-9 { | |
| padding-top: 56.25%; | |
| } | |
| /* 16:9 Aspect Ratio */ | |
| .xl\:ratio-21-9 { | |
| padding-top: 42.85%; | |
| } | |
| /* 21:9 Aspect Ratio */ | |
| .xl\:ratio-32-9 { | |
| padding-top: 28.125%; | |
| } | |
| /* 32:9 Aspect Ratio */ | |
| } | |
| @media (min-width: 1536px) { | |
| .2xl\:ratio-16-9 { | |
| padding-top: 56.25%; | |
| } | |
| /* 16:9 Aspect Ratio */ | |
| .2xl\:ratio-21-9 { | |
| padding-top: 42.85%; | |
| } | |
| /* 21:9 Aspect Ratio */ | |
| .2xl\:ratio-32-9 { | |
| padding-top: 28.125%; | |
| } | |
| /* 32:9 Aspect Ratio */ | |
| } | |
| .dark .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-code: var(--tw-prose-invert-code); | |
| --tw-prose-pre-code: var(--tw-prose-invert-pre-code); | |
| --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg); | |
| --tw-prose-th-borders: var(--tw-prose-invert-th-borders); | |
| --tw-prose-td-borders: var(--tw-prose-invert-td-borders); | |
| } | |
| .dark .dark\:prose-invert :where(a):not(:where([class~="not-prose"] *)) { | |
| text-decoration-color: rgba(var(--color-neutral-600), 1); | |
| } | |
| .dark .dark\:prose-invert :where(kbd):not(:where([class~="not-prose"] *)) { | |
| color: rgba(var(--color-neutral-200), 1); | |
| background-color: rgba(var(--color-neutral-700), 1); | |
| } | |
| .dark .dark\:prose-invert :where(mark):not(:where([class~="not-prose"] *)) { | |
| background-color: rgba(var(--color-primary-400), 1); | |
| } | |
| .dark .dark\:prose-invert :where(code):not(:where([class~="not-prose"] *)) { | |
| background-color: rgba(var(--color-neutral-700), 1); | |
| } | |
| .dark .dark\:prose-invert :where(a.active):not(:where([class~="not-prose"] *)) { | |
| text-decoration-color: rgba(var(--color-primary-400), 1); | |
| } | |
| .dark .dark\:prose-invert :where(p.active):not(:where([class~="not-prose"] *)) { | |
| text-decoration-color: rgba(var(--color-primary-400), 1); | |
| } | |
| .after\:clear-both::after { | |
| content: var(--tw-content); | |
| clear: both; | |
| } | |
| .after\:block::after { | |
| content: var(--tw-content); | |
| display: block; | |
| } | |
| .after\:content-\[\'\'\]::after { | |
| --tw-content: ''; | |
| content: var(--tw-content); | |
| } | |
| .first\:mt-8:first-child { | |
| margin-top: 2rem; | |
| } | |
| .hover\:border-transparent:hover { | |
| border-color: transparent; | |
| } | |
| .hover\:\!bg-primary-500:hover { | |
| --tw-bg-opacity: 1 !important; | |
| background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity)) !important; | |
| } | |
| .hover\:bg-primary-100:hover { | |
| --tw-bg-opacity: 1; | |
| background-color: rgba(var(--color-primary-100), var(--tw-bg-opacity)); | |
| } | |
| .hover\:bg-primary-500:hover { | |
| --tw-bg-opacity: 1; | |
| background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity)); | |
| } | |
| .hover\:bg-primary-600:hover { | |
| --tw-bg-opacity: 1; | |
| background-color: rgba(var(--color-primary-600), var(--tw-bg-opacity)); | |
| } | |
| .hover\:text-neutral:hover { | |
| --tw-text-opacity: 1; | |
| color: rgba(var(--color-neutral), var(--tw-text-opacity)); | |
| } | |
| .hover\:text-primary-400:hover { | |
| --tw-text-opacity: 1; | |
| color: rgba(var(--color-primary-400), var(--tw-text-opacity)); | |
| } | |
| .hover\:text-primary-500:hover { | |
| --tw-text-opacity: 1; | |
| color: rgba(var(--color-primary-500), var(--tw-text-opacity)); | |
| } | |
| .hover\:text-primary-600:hover { | |
| --tw-text-opacity: 1; | |
| color: rgba(var(--color-primary-600), var(--tw-text-opacity)); | |
| } | |
| .hover\:text-primary-700:hover { | |
| --tw-text-opacity: 1; | |
| color: rgba(var(--color-primary-700), var(--tw-text-opacity)); | |
| } | |
| .hover\:underline:hover { | |
| text-decoration-line: underline; | |
| } | |
| .hover\:no-underline:hover { | |
| text-decoration-line: none; | |
| } | |
| .hover\:decoration-primary-400:hover { | |
| text-decoration-color: rgba(var(--color-primary-400), 1); | |
| } | |
| .hover\:decoration-2:hover { | |
| text-decoration-thickness: 2px; | |
| } | |
| .hover\:underline-offset-2:hover { | |
| text-underline-offset: 2px; | |
| } | |
| .hover\:opacity-90:hover { | |
| opacity: 0.9; | |
| } | |
| .hover\:outline-none:hover { | |
| outline: 2px solid transparent; | |
| outline-offset: 2px; | |
| } | |
| .focus\:translate-y-0:focus { | |
| --tw-translate-y: 0px; | |
| transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
| } | |
| .focus\:bg-primary-100:focus { | |
| --tw-bg-opacity: 1; | |
| background-color: rgba(var(--color-primary-100), var(--tw-bg-opacity)); | |
| } | |
| .focus\:no-underline:focus { | |
| text-decoration-line: none; | |
| } | |
| .focus\:opacity-90:focus { | |
| opacity: 0.9; | |
| } | |
| .focus\:outline-none:focus { | |
| outline: 2px solid transparent; | |
| outline-offset: 2px; | |
| } | |
| .focus\:outline-dotted:focus { | |
| outline-style: dotted; | |
| } | |
| .focus\:outline-2:focus { | |
| outline-width: 2px; | |
| } | |
| .focus\:outline-transparent:focus { | |
| outline-color: transparent; | |
| } | |
| .group:hover .group-hover\:text-primary-300 { | |
| --tw-text-opacity: 1; | |
| color: rgba(var(--color-primary-300), var(--tw-text-opacity)); | |
| } | |
| .group:hover .group-hover\:text-primary-600 { | |
| --tw-text-opacity: 1; | |
| color: rgba(var(--color-primary-600), var(--tw-text-opacity)); | |
| } | |
| .group:hover .group-hover\:underline { | |
| text-decoration-line: underline; | |
| } | |
| .group:hover .group-hover\:decoration-primary-500 { | |
| text-decoration-color: rgba(var(--color-primary-500), 1); | |
| } | |
| .group:hover .group-hover\:opacity-100 { | |
| opacity: 1; | |
| } | |
| [dir="ltr"] .ltr\:-left-6 { | |
| left: -1.5rem; | |
| } | |
| [dir="ltr"] .ltr\:right-0 { | |
| right: 0px; | |
| } | |
| [dir="ltr"] .ltr\:-ml-5 { | |
| margin-left: -1.25rem; | |
| } | |
| [dir="ltr"] .ltr\:ml-2 { | |
| margin-left: 0.5rem; | |
| } | |
| [dir="ltr"] .ltr\:mr-14 { | |
| margin-right: 3.5rem; | |
| } | |
| [dir="ltr"] .ltr\:mr-4 { | |
| margin-right: 1rem; | |
| } | |
| [dir="ltr"] .ltr\:block { | |
| display: block; | |
| } | |
| [dir="ltr"] .ltr\:inline { | |
| display: inline; | |
| } | |
| [dir="ltr"] .ltr\:hidden { | |
| display: none; | |
| } | |
| [dir="ltr"] .ltr\:border-l { | |
| border-left-width: 1px; | |
| } | |
| [dir="ltr"] .ltr\:pl-5 { | |
| padding-left: 1.25rem; | |
| } | |
| [dir="ltr"] .ltr\:pr-2 { | |
| padding-right: 0.5rem; | |
| } | |
| [dir="ltr"] .ltr\:pr-3 { | |
| padding-right: 0.75rem; | |
| } | |
| [dir="ltr"] .ltr\:text-right { | |
| text-align: right; | |
| } | |
| [dir="rtl"] .rtl\:-right-6 { | |
| right: -1.5rem; | |
| } | |
| [dir="rtl"] .rtl\:left-0 { | |
| left: 0px; | |
| } | |
| [dir="rtl"] .rtl\:-mr-5 { | |
| margin-right: -1.25rem; | |
| } | |
| [dir="rtl"] .rtl\:ml-14 { | |
| margin-left: 3.5rem; | |
| } | |
| [dir="rtl"] .rtl\:ml-4 { | |
| margin-left: 1rem; | |
| } | |
| [dir="rtl"] .rtl\:mr-2 { | |
| margin-right: 0.5rem; | |
| } | |
| [dir="rtl"] .rtl\:block { | |
| display: block; | |
| } | |
| [dir="rtl"] .rtl\:inline { | |
| display: inline; | |
| } | |
| [dir="rtl"] .rtl\:hidden { | |
| display: none; | |
| } | |
| [dir="rtl"] .rtl\:border-r { | |
| border-right-width: 1px; | |
| } | |
| [dir="rtl"] .rtl\:pl-2 { | |
| padding-left: 0.5rem; | |
| } | |
| [dir="rtl"] .rtl\:pl-3 { | |
| padding-left: 0.75rem; | |
| } | |
| [dir="rtl"] .rtl\:pr-5 { | |
| padding-right: 1.25rem; | |
| } | |
| [dir="rtl"] .rtl\:text-left { | |
| text-align: left; | |
| } | |
| @media (prefers-reduced-motion: reduce) { | |
| .motion-reduce\:transition-none { | |
| transition-property: none; | |
| } | |
| } | |
| .dark .dark\:flex { | |
| display: flex; | |
| } | |
| .dark .dark\:hidden { | |
| display: none; | |
| } | |
| .dark .dark\:border-neutral-600 { | |
| --tw-border-opacity: 1; | |
| border-color: rgba(var(--color-neutral-600), var(--tw-border-opacity)); | |
| } | |
| .dark .dark\:border-neutral-700 { | |
| --tw-border-opacity: 1; | |
| border-color: rgba(var(--color-neutral-700), var(--tw-border-opacity)); | |
| } | |
| .dark .dark\:border-primary-300 { | |
| --tw-border-opacity: 1; | |
| border-color: rgba(var(--color-primary-300), var(--tw-border-opacity)); | |
| } | |
| .dark .dark\:border-primary-600 { | |
| --tw-border-opacity: 1; | |
| border-color: rgba(var(--color-primary-600), var(--tw-border-opacity)); | |
| } | |
| .dark .dark\:bg-neutral-600 { | |
| --tw-bg-opacity: 1; | |
| background-color: rgba(var(--color-neutral-600), var(--tw-bg-opacity)); | |
| } | |
| .dark .dark\:bg-neutral-700 { | |
| --tw-bg-opacity: 1; | |
| background-color: rgba(var(--color-neutral-700), var(--tw-bg-opacity)); | |
| } | |
| .dark .dark\:bg-neutral-800 { | |
| --tw-bg-opacity: 1; | |
| background-color: rgba(var(--color-neutral-800), var(--tw-bg-opacity)); | |
| } | |
| .dark .dark\:bg-neutral-800\/50 { | |
| background-color: rgba(var(--color-neutral-800), 0.5); | |
| } | |
| .dark .dark\:bg-neutral-900\/50 { | |
| background-color: rgba(var(--color-neutral-900), 0.5); | |
| } | |
| .dark .dark\:bg-primary-300 { | |
| --tw-bg-opacity: 1; | |
| background-color: rgba(var(--color-primary-300), var(--tw-bg-opacity)); | |
| } | |
| .dark .dark\:bg-primary-400 { | |
| --tw-bg-opacity: 1; | |
| background-color: rgba(var(--color-primary-400), var(--tw-bg-opacity)); | |
| } | |
| .dark .dark\:bg-primary-800 { | |
| --tw-bg-opacity: 1; | |
| background-color: rgba(var(--color-primary-800), var(--tw-bg-opacity)); | |
| } | |
| .dark .dark\:bg-primary-900 { | |
| --tw-bg-opacity: 1; | |
| background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity)); | |
| } | |
| .dark .dark\:from-neutral-800 { | |
| --tw-gradient-from: rgba(var(--color-neutral-800), 1); | |
| --tw-gradient-to: rgba(var(--color-neutral-800), 0); | |
| --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
| } | |
| .dark .dark\:from-primary-600 { | |
| --tw-gradient-from: rgba(var(--color-primary-600), 1); | |
| --tw-gradient-to: rgba(var(--color-primary-600), 0); | |
| --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
| } | |
| .dark .dark\:to-neutral-800 { | |
| --tw-gradient-to: rgba(var(--color-neutral-800), 1); | |
| } | |
| .dark .dark\:to-secondary-800 { | |
| --tw-gradient-to: rgba(var(--color-secondary-800), 1); | |
| } | |
| .dark .dark\:text-neutral { | |
| --tw-text-opacity: 1; | |
| color: rgba(var(--color-neutral), var(--tw-text-opacity)); | |
| } | |
| .dark .dark\:text-neutral-100 { | |
| --tw-text-opacity: 1; | |
| color: rgba(var(--color-neutral-100), var(--tw-text-opacity)); | |
| } | |
| .dark .dark\:text-neutral-200 { | |
| --tw-text-opacity: 1; | |
| color: rgba(var(--color-neutral-200), var(--tw-text-opacity)); | |
| } | |
| .dark .dark\:text-neutral-300 { | |
| --tw-text-opacity: 1; | |
| color: rgba(var(--color-neutral-300), var(--tw-text-opacity)); | |
| } | |
| .dark .dark\:text-neutral-400 { | |
| --tw-text-opacity: 1; | |
| color: rgba(var(--color-neutral-400), var(--tw-text-opacity)); | |
| } | |
| .dark .dark\:text-neutral-500 { | |
| --tw-text-opacity: 1; | |
| color: rgba(var(--color-neutral-500), var(--tw-text-opacity)); | |
| } | |
| .dark .dark\:text-neutral-700 { | |
| --tw-text-opacity: 1; | |
| color: rgba(var(--color-neutral-700), var(--tw-text-opacity)); | |
| } | |
| .dark .dark\:text-neutral-800 { | |
| --tw-text-opacity: 1; | |
| color: rgba(var(--color-neutral-800), var(--tw-text-opacity)); | |
| } | |
| .dark .dark\:text-primary-200 { | |
| --tw-text-opacity: 1; | |
| color: rgba(var(--color-primary-200), var(--tw-text-opacity)); | |
| } | |
| .dark .dark\:text-primary-400 { | |
| --tw-text-opacity: 1; | |
| color: rgba(var(--color-primary-400), var(--tw-text-opacity)); | |
| } | |
| .dark .dark\:opacity-60 { | |
| opacity: 0.6; | |
| } | |
| .dark .dark\:hover\:\!bg-primary-700:hover { | |
| --tw-bg-opacity: 1 !important; | |
| background-color: rgba(var(--color-primary-700), var(--tw-bg-opacity)) !important; | |
| } | |
| .dark .dark\:hover\:bg-primary-400:hover { | |
| --tw-bg-opacity: 1; | |
| background-color: rgba(var(--color-primary-400), var(--tw-bg-opacity)); | |
| } | |
| .dark .dark\:hover\:bg-primary-900:hover { | |
| --tw-bg-opacity: 1; | |
| background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity)); | |
| } | |
| .dark .dark\:hover\:text-neutral-800:hover { | |
| --tw-text-opacity: 1; | |
| color: rgba(var(--color-neutral-800), var(--tw-text-opacity)); | |
| } | |
| .dark .dark\:hover\:text-primary-400:hover { | |
| --tw-text-opacity: 1; | |
| color: rgba(var(--color-primary-400), var(--tw-text-opacity)); | |
| } | |
| .dark .dark\:focus\:bg-primary-900:focus { | |
| --tw-bg-opacity: 1; | |
| background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity)); | |
| } | |
| .dark .group:hover .dark\:group-hover\:text-neutral-700 { | |
| --tw-text-opacity: 1; | |
| color: rgba(var(--color-neutral-700), var(--tw-text-opacity)); | |
| } | |
| .dark .group:hover .dark\:group-hover\:text-primary-400 { | |
| --tw-text-opacity: 1; | |
| color: rgba(var(--color-primary-400), var(--tw-text-opacity)); | |
| } | |
| @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; | |
| } | |
| [dir="ltr"] .ltr\:sm\:mr-7 { | |
| margin-right: 1.75rem; | |
| } | |
| [dir="ltr"] .ltr\:sm\:last\:mr-0:last-child { | |
| margin-right: 0px; | |
| } | |
| [dir="rtl"] .rtl\:sm\:ml-7 { | |
| margin-left: 1.75rem; | |
| } | |
| [dir="rtl"] .rtl\:sm\:last\:ml-0:last-child { | |
| margin-left: 0px; | |
| } | |
| } | |
| @media (min-width: 853px) { | |
| .md\:-mr-16 { | |
| margin-right: -4rem; | |
| } | |
| .md\:ml-12 { | |
| margin-left: 3rem; | |
| } | |
| .md\:mr-7 { | |
| margin-right: 1.75rem; | |
| } | |
| .md\:mt-0 { | |
| margin-top: 0px; | |
| } | |
| .md\:flex { | |
| display: flex; | |
| } | |
| .md\:hidden { | |
| display: none; | |
| } | |
| .md\:h-56 { | |
| height: 14rem; | |
| } | |
| .md\:h-\[200px\] { | |
| height: 200px; | |
| } | |
| .md\:w-1\/3 { | |
| width: 33.333333%; | |
| } | |
| .md\:w-auto { | |
| width: auto; | |
| } | |
| .md\:grid-cols-3 { | |
| grid-template-columns: repeat(3, minmax(0, 1fr)); | |
| } | |
| .md\:justify-start { | |
| justify-content: flex-start; | |
| } | |
| .md\:p-\[10vh\] { | |
| padding: 10vh; | |
| } | |
| .md\:px-24 { | |
| padding-left: 6rem; | |
| padding-right: 6rem; | |
| } | |
| } | |
| @media (min-width: 1024px) { | |
| .lg\:absolute { | |
| position: absolute; | |
| } | |
| .lg\:relative { | |
| position: relative; | |
| } | |
| .lg\:sticky { | |
| position: sticky; | |
| } | |
| .lg\:left-0 { | |
| left: 0px; | |
| } | |
| .lg\:top-10 { | |
| top: 2.5rem; | |
| } | |
| .lg\:top-\[140px\] { | |
| top: 140px; | |
| } | |
| .lg\:order-last { | |
| order: 9999; | |
| } | |
| .lg\:m-0 { | |
| margin: 0px; | |
| } | |
| .lg\:mx-0 { | |
| margin-left: 0px; | |
| margin-right: 0px; | |
| } | |
| .lg\:mx-auto { | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| .lg\:ml-auto { | |
| margin-left: auto; | |
| } | |
| .lg\:mt-0 { | |
| margin-top: 0px; | |
| } | |
| .lg\:block { | |
| display: block; | |
| } | |
| .lg\:grid { | |
| display: grid; | |
| } | |
| .lg\:hidden { | |
| display: none; | |
| } | |
| .lg\:h-72 { | |
| height: 18rem; | |
| } | |
| .lg\:h-full { | |
| height: 100%; | |
| } | |
| .lg\:w-1\/4 { | |
| width: 25%; | |
| } | |
| .lg\:w-auto { | |
| width: auto; | |
| } | |
| .lg\:max-w-7xl { | |
| max-width: 80rem; | |
| } | |
| .lg\:max-w-none { | |
| max-width: none; | |
| } | |
| .lg\:max-w-xs { | |
| max-width: 20rem; | |
| } | |
| .lg\:grid-flow-col-dense { | |
| grid-auto-flow: column dense; | |
| } | |
| .lg\:grid-cols-2 { | |
| grid-template-columns: repeat(2, minmax(0, 1fr)); | |
| } | |
| .lg\:flex-row { | |
| flex-direction: row; | |
| } | |
| .lg\:gap-24 { | |
| gap: 6rem; | |
| } | |
| .lg\:p-\[12vh\] { | |
| padding: 12vh; | |
| } | |
| .lg\:px-0 { | |
| padding-left: 0px; | |
| padding-right: 0px; | |
| } | |
| .lg\:px-32 { | |
| padding-left: 8rem; | |
| padding-right: 8rem; | |
| } | |
| .lg\:px-8 { | |
| padding-left: 2rem; | |
| padding-right: 2rem; | |
| } | |
| .lg\:py-16 { | |
| padding-top: 4rem; | |
| padding-bottom: 4rem; | |
| } | |
| .lg\:py-32 { | |
| padding-top: 8rem; | |
| padding-bottom: 8rem; | |
| } | |
| [dir="ltr"] .ltr\:lg\:pl-8 { | |
| padding-left: 2rem; | |
| } | |
| [dir="rtl"] .rtl\:lg\:pr-8 { | |
| padding-right: 2rem; | |
| } | |
| } | |
| @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)); | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment