Created
April 27, 2024 19:29
-
-
Save unlocomqx/e6581e3d2f4e5db356d2c8181f89e0ee to your computer and use it in GitHub Desktop.
This file contains 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
/** | |
* Tailwind's Preflight Style Reset | |
* https://tailwindcss.com/docs/preflight | |
* | |
* Why is this here? | |
* 1. Tailwind doesn't publish their style reset (which is | |
* derived from modern-normalize). | |
* 2. TailwindCSS's version of this doesn't work with third-party | |
* DOM elements that it can't extract. | |
*/ | |
/*! tailwindcss v2.2.16 | MIT License | https://tailwindcss.com */ | |
/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */ | |
/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */ | |
/* | |
Document | |
======== | |
*/ | |
/** | |
Use a better box model (opinionated). | |
*/ | |
*, | |
::before, | |
::after { | |
box-sizing: border-box; | |
} | |
/** | |
Use a more readable tab size (opinionated). | |
*/ | |
html { | |
-moz-tab-size: 4; | |
-o-tab-size: 4; | |
tab-size: 4; | |
} | |
/** | |
1. Correct the line height in all browsers. | |
2. Prevent adjustments of font size after orientation changes in iOS. | |
*/ | |
html { | |
line-height: 1.15; /* 1 */ | |
-webkit-text-size-adjust: 100%; /* 2 */ | |
} | |
/* | |
Sections | |
======== | |
*/ | |
/** | |
Remove the margin in all browsers. | |
*/ | |
body { | |
margin: 0; | |
} | |
/** | |
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) | |
*/ | |
body { | |
font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; | |
} | |
/* | |
Grouping content | |
================ | |
*/ | |
/** | |
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) | |
*/ | |
hr { | |
height: 0; /* 1 */ | |
color: inherit; /* 2 */ | |
} | |
/* | |
Text-level semantics | |
==================== | |
*/ | |
/** | |
Add the correct text decoration in Chrome, Edge, and Safari. | |
*/ | |
abbr[title] { | |
-webkit-text-decoration: underline dotted; | |
text-decoration: underline dotted; | |
} | |
/** | |
Add the correct font weight in Edge and Safari. | |
*/ | |
b, | |
strong { | |
font-weight: bolder; | |
} | |
/** | |
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) | |
2. Correct the odd 'em' font sizing in all browsers. | |
*/ | |
code, | |
kbd, | |
samp, | |
pre { | |
font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, 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; | |
} | |
/* | |
Tabular data | |
============ | |
*/ | |
/** | |
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) | |
*/ | |
table { | |
text-indent: 0; /* 1 */ | |
border-color: inherit; /* 2 */ | |
} | |
/* | |
Forms | |
===== | |
*/ | |
/** | |
1. Change the font styles in all browsers. | |
2. Remove the margin in Firefox and Safari. | |
*/ | |
button, | |
input, | |
optgroup, | |
select, | |
textarea { | |
font-family: inherit; /* 1 */ | |
font-size: 100%; /* 1 */ | |
line-height: 1.15; /* 1 */ | |
margin: 0; /* 2 */ | |
} | |
/** | |
Remove the inheritance of text transform in Edge and Firefox. | |
1. Remove the inheritance of text transform in Firefox. | |
*/ | |
button, | |
select { /* 1 */ | |
text-transform: none; | |
} | |
/** | |
Correct the inability to style clickable types in iOS and Safari. | |
*/ | |
button, | |
[type=button], | |
[type=reset], | |
[type=submit] { | |
-webkit-appearance: button; | |
} | |
/** | |
Remove the inner border and padding in Firefox. | |
*/ | |
::-moz-focus-inner { | |
border-style: none; | |
padding: 0; | |
} | |
/** | |
Restore the focus styles unset by the previous rule. | |
*/ | |
:-moz-focusring { | |
outline: 1px dotted ButtonText; | |
} | |
/** | |
Remove the additional ':invalid' styles in Firefox. | |
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737 | |
*/ | |
:-moz-ui-invalid { | |
box-shadow: none; | |
} | |
/** | |
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers. | |
*/ | |
legend { | |
padding: 0; | |
} | |
/** | |
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 */ | |
} | |
/* | |
Interactive | |
=========== | |
*/ | |
/* | |
Add the correct display in Chrome and Safari. | |
*/ | |
summary { | |
display: list-item; | |
} | |
/* | |
Document | |
======== | |
*/ | |
/** | |
Use a better box model (opinionated). | |
*/ | |
*, | |
::before, | |
::after { | |
box-sizing: border-box; | |
} | |
/** | |
Use a more readable tab size (opinionated). | |
*/ | |
html { | |
-moz-tab-size: 4; | |
-o-tab-size: 4; | |
tab-size: 4; | |
} | |
/** | |
1. Correct the line height in all browsers. | |
2. Prevent adjustments of font size after orientation changes in iOS. | |
*/ | |
html { | |
line-height: 1.15; /* 1 */ | |
-webkit-text-size-adjust: 100%; /* 2 */ | |
} | |
/* | |
Sections | |
======== | |
*/ | |
/** | |
Remove the margin in all browsers. | |
*/ | |
body { | |
margin: 0; | |
} | |
/** | |
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) | |
*/ | |
body { | |
font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; | |
} | |
/* | |
Grouping content | |
================ | |
*/ | |
/** | |
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) | |
*/ | |
hr { | |
height: 0; /* 1 */ | |
color: inherit; /* 2 */ | |
} | |
/* | |
Text-level semantics | |
==================== | |
*/ | |
/** | |
Add the correct text decoration in Chrome, Edge, and Safari. | |
*/ | |
abbr[title] { | |
-webkit-text-decoration: underline dotted; | |
text-decoration: underline dotted; | |
} | |
/** | |
Add the correct font weight in Edge and Safari. | |
*/ | |
b, | |
strong { | |
font-weight: bolder; | |
} | |
/** | |
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) | |
2. Correct the odd 'em' font sizing in all browsers. | |
*/ | |
code, | |
kbd, | |
samp, | |
pre { | |
font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, 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; | |
} | |
/* | |
Tabular data | |
============ | |
*/ | |
/** | |
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) | |
*/ | |
table { | |
text-indent: 0; /* 1 */ | |
border-color: inherit; /* 2 */ | |
} | |
/* | |
Forms | |
===== | |
*/ | |
/** | |
1. Change the font styles in all browsers. | |
2. Remove the margin in Firefox and Safari. | |
*/ | |
button, | |
input, | |
optgroup, | |
select, | |
textarea { | |
font-family: inherit; /* 1 */ | |
font-size: 100%; /* 1 */ | |
line-height: 1.15; /* 1 */ | |
margin: 0; /* 2 */ | |
} | |
/** | |
Remove the inheritance of text transform in Edge and Firefox. | |
1. Remove the inheritance of text transform in Firefox. | |
*/ | |
button, | |
select { /* 1 */ | |
text-transform: none; | |
} | |
/** | |
Correct the inability to style clickable types in iOS and Safari. | |
*/ | |
button, | |
[type=button], | |
[type=reset], | |
[type=submit] { | |
-webkit-appearance: button; | |
} | |
/** | |
Remove the inner border and padding in Firefox. | |
*/ | |
::-moz-focus-inner { | |
border-style: none; | |
padding: 0; | |
} | |
/** | |
Restore the focus styles unset by the previous rule. | |
*/ | |
:-moz-focusring { | |
outline: 1px dotted ButtonText; | |
} | |
/** | |
Remove the additional ':invalid' styles in Firefox. | |
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737 | |
*/ | |
:-moz-ui-invalid { | |
box-shadow: none; | |
} | |
/** | |
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers. | |
*/ | |
legend { | |
padding: 0; | |
} | |
/** | |
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 */ | |
} | |
/* | |
Interactive | |
=========== | |
*/ | |
/* | |
Add the correct display in Chrome and Safari. | |
*/ | |
summary { | |
display: list-item; | |
} | |
/** | |
* Manually forked from SUIT CSS Base: https://github.com/suitcss/base | |
* A thin layer on top of normalize.css that provides a starting point more | |
* suitable for web applications. | |
*/ | |
/** | |
* Removes the default spacing and border for appropriate elements. | |
*/ | |
blockquote, | |
dl, | |
dd, | |
h1, | |
h2, | |
h3, | |
h4, | |
h5, | |
h6, | |
hr, | |
figure, | |
p, | |
pre { | |
margin: 0; | |
} | |
button { | |
background-color: transparent; | |
background-image: none; | |
} | |
fieldset { | |
margin: 0; | |
padding: 0; | |
} | |
ol, | |
ul { | |
list-style: none; | |
margin: 0; | |
padding: 0; | |
} | |
/** | |
* Tailwind custom reset styles | |
*/ | |
/** | |
* 1. Use the user's configured `sans` font-family (with Tailwind's default | |
* sans-serif font stack as a fallback) as a sane default. | |
* 2. Use Tailwind's default "normal" line-height so the user isn't forced | |
* to override it to ensure consistency even when using the default theme. | |
*/ | |
html { | |
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */ | |
line-height: 1.5; /* 2 */ | |
} | |
/** | |
* Inherit font-family and line-height from `html` so users can set them as | |
* a class directly on the `html` element. | |
*/ | |
body { | |
font-family: inherit; | |
line-height: inherit; | |
} | |
/** | |
* 1. Prevent padding and border from affecting element width. | |
* | |
* We used to set this in the html element and inherit from | |
* the parent element for everything else. This caused issues | |
* in shadow-dom-enhanced elements like <details> where the content | |
* is wrapped by a div with box-sizing set to `content-box`. | |
* | |
* https://github.com/mozdevs/cssremedy/issues/4 | |
* | |
* | |
* 2. Allow adding a border to an element by just adding a border-width. | |
* | |
* By default, the way the browser specifies that an element should have no | |
* border is by setting it's border-style to `none` in the user-agent | |
* stylesheet. | |
* | |
* In order to easily add borders to elements by just setting the `border-width` | |
* property, we change the default border-style for all elements to `solid`, and | |
* use border-width to hide them instead. This way our `border` utilities only | |
* need to set the `border-width` property instead of the entire `border` | |
* shorthand, making our border utilities much more straightforward to compose. | |
* | |
* 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 */ | |
} | |
/* | |
* Ensure horizontal rules are visible by default | |
*/ | |
hr { | |
border-top-width: 1px; | |
} | |
/** | |
* Undo the `border-style: none` reset that Normalize applies to images so that | |
* our `border-{width}` utilities have the expected effect. | |
* | |
* The Normalize reset is unnecessary for us since we default the border-width | |
* to 0 on all elements. | |
* | |
* https://github.com/tailwindcss/tailwindcss/issues/362 | |
*/ | |
img { | |
border-style: solid; | |
} | |
textarea { | |
resize: vertical; | |
} | |
input::-moz-placeholder, textarea::-moz-placeholder { | |
opacity: 1; | |
color: #9ca3af; | |
} | |
input::placeholder, | |
textarea::placeholder { | |
opacity: 1; | |
color: #9ca3af; | |
} | |
button, | |
[role=button] { | |
cursor: pointer; | |
} | |
/** | |
* Override legacy focus reset from Normalize with modern Firefox focus styles. | |
* | |
* This is actually an improvement over the new defaults in Firefox in our testing, | |
* as it triggers the better focus styles even for links, which still use a dotted | |
* outline in Firefox by default. | |
*/ | |
:-moz-focusring { | |
outline: auto; | |
} | |
table { | |
border-collapse: collapse; | |
} | |
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; | |
} | |
/** | |
* Reset form element properties that are easy to forget to | |
* style explicitly so you don't inadvertently introduce | |
* styles that deviate from your design system. These styles | |
* supplement a partial reset that is already applied by | |
* normalize.css. | |
*/ | |
button, | |
input, | |
optgroup, | |
select, | |
textarea { | |
padding: 0; | |
line-height: inherit; | |
color: inherit; | |
} | |
/** | |
* Use the configured 'mono' font family for elements that | |
* are expected to be rendered with a monospace font, falling | |
* back to the system monospace stack if there is no configured | |
* 'mono' font family. | |
*/ | |
pre, | |
code, | |
kbd, | |
samp { | |
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; | |
} | |
/** | |
* 1. Make replaced elements `display: block` by default as that's | |
* the behavior you want almost all of the time. Inspired by | |
* CSS Remedy, with `svg` added as well. | |
* | |
* https://github.com/mozdevs/cssremedy/issues/14 | |
* | |
* 2. Add `vertical-align: middle` to align replaced elements more | |
* sensibly by default when overriding `display` by adding a | |
* utility like `inline`. | |
* | |
* This can trigger a poorly considered linting error in some | |
* tools but is included by design. | |
* | |
* https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210 | |
*/ | |
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; | |
} | |
/** | |
* Ensure the default browser behavior of the `hidden` attribute. | |
*/ | |
[hidden] { | |
display: none; | |
} | |
*, ::before, ::after { | |
--tw-border-opacity: 1; | |
border-color: rgba(229, 231, 235, var(--tw-border-opacity)); | |
} | |
/* | |
* Global Resets | |
* ------------------------- | |
*/ | |
[multiple], | |
[type=date], | |
[type=datetime-local], | |
[type=email], | |
[type=month], | |
[type=number], | |
[type=password], | |
[type=search], | |
[type=tel], | |
[type=text], | |
[type=time], | |
[type=url], | |
[type=week], | |
select, | |
textarea { | |
-webkit-appearance: none; | |
-moz-appearance: none; | |
appearance: none; | |
background-color: #fff; | |
border-color: #6b7280; | |
border-width: 1px; | |
border-radius: 0; | |
padding-top: 0.35rem; | |
padding-bottom: 0.35rem; | |
padding-left: 0.5rem; | |
padding-right: 0.5rem; | |
font-size: 1rem; | |
line-height: 1.25rem; | |
} | |
[multiple]:focus, | |
[type=date]:focus, | |
[type=datetime-local]:focus, | |
[type=email]:focus, | |
[type=month]:focus, | |
[type=number]:focus, | |
[type=password]:focus, | |
[type=search]:focus, | |
[type=tel]:focus, | |
[type=text]:focus, | |
[type=time]:focus, | |
[type=url]:focus, | |
[type=week]:focus, | |
select:focus, | |
textarea: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); | |
border-color: #2563eb; | |
} | |
input::-moz-placeholder, | |
textarea::-moz-placeholder { | |
color: #6b7280; | |
opacity: 1; | |
} | |
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; | |
} | |
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; | |
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; | |
color-adjust: unset; | |
} | |
[type=checkbox], | |
[type=radio] { | |
-webkit-appearance: none; | |
-moz-appearance: none; | |
appearance: none; | |
padding: 0; | |
-webkit-print-color-adjust: exact; | |
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; | |
} | |
[type=checkbox] { | |
border-radius: 0; | |
} | |
[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); | |
} | |
[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:focus, | |
[type=checkbox]:checked:hover, | |
[type=radio]:checked:focus, | |
[type=radio]:checked:hover { | |
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:focus, | |
[type=checkbox]:indeterminate:hover { | |
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 auto -webkit-focus-ring-color; | |
} | |
input[type=search].dark { | |
background: #222; | |
color: #fff; | |
} | |
input[type=search].light { | |
background: #fff; | |
color: #222; | |
} | |
input[type=search].suffix::-webkit-search-cancel-button { | |
padding-right: 3.25em; | |
} | |
input[type=search]::-webkit-search-cancel-button { | |
-webkit-appearance: none; | |
margin: 1em; | |
height: 1em; | |
width: 1em; | |
border-radius: 50em; | |
background: url(https://pro.fontawesome.com/releases/v5.10.0/svgs/solid/times-circle.svg) no-repeat 50% 50%; | |
background-size: contain; | |
opacity: 0; | |
pointer-events: none; | |
} | |
input[type=search]:focus::-webkit-search-cancel-button { | |
opacity: 0.3; | |
pointer-events: all; | |
} | |
input[type=search].dark::-webkit-search-cancel-button { | |
filter: invert(1); | |
} | |
/* Define the "system" font family */ | |
@font-face { | |
font-family: system; | |
font-style: normal; | |
font-weight: 300; | |
src: local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Ubuntu Light"), local("Segoe UI Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma"); | |
} | |
@supports (font-variation-settings: normal) { | |
@font-face { | |
font-family: "Fira Code"; | |
src: url("../fonts/FiraCode-VF.woff2") format("woff2 supports variations"), url("../fonts/FiraCode-VF.woff2") format("woff2-variations"); | |
font-weight: 100 1000; | |
font-stretch: 25% 151%; | |
} | |
} | |
html, body { | |
--tw-bg-opacity: 1 !important; | |
background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; | |
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; | |
-webkit-font-smoothing: antialiased !important; | |
-moz-osx-font-smoothing: grayscale !important; | |
} | |
body { | |
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif; | |
} | |
/** | |
* Utilities | |
* ------------------------- | |
*/ | |
.hide-scrollbar { | |
scrollbar-width: 0; | |
} | |
.hide-scrollbar::-webkit-scrollbar { | |
width: 0; | |
height: 0; | |
} | |
.force-dark { | |
color-scheme: dark; | |
} | |
.force-light { | |
color-scheme: light; | |
} | |
/** | |
* Common theming | |
* ------------------------- | |
*/ | |
::-moz-selection { | |
background-color: rgb(208 210 224 / var(--tw-bg-opacity)); | |
--tw-bg-opacity: 0.3; | |
} | |
::selection { | |
background-color: rgb(208 210 224 / var(--tw-bg-opacity)); | |
--tw-bg-opacity: 0.3; | |
} | |
/** | |
* Global Resets | |
* ------------------------- | |
*/ | |
[multiple], | |
[type=date], | |
[type=datetime-local], | |
[type=email], | |
[type=month], | |
[type=number], | |
[type=password], | |
[type=search], | |
[type=tel], | |
[type=text], | |
[type=time], | |
[type=url], | |
[type=week], | |
select, | |
textarea { | |
-webkit-appearance: none; | |
-moz-appearance: none; | |
appearance: none; | |
background-color: #fff; | |
border-color: #6b7280; | |
border-width: 1px; | |
border-radius: 0; | |
padding-top: 0.35rem; | |
padding-bottom: 0.35rem; | |
padding-left: 0.5rem; | |
padding-right: 0.5rem; | |
font-size: 1rem; | |
line-height: 1.25rem; | |
} | |
[multiple]:focus, | |
[type=date]:focus, | |
[type=datetime-local]:focus, | |
[type=email]:focus, | |
[type=month]:focus, | |
[type=number]:focus, | |
[type=password]:focus, | |
[type=search]:focus, | |
[type=tel]:focus, | |
[type=text]:focus, | |
[type=time]:focus, | |
[type=url]:focus, | |
[type=week]:focus, | |
select:focus, | |
textarea: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); | |
border-color: #2563eb; | |
} | |
input::-moz-placeholder, | |
textarea::-moz-placeholder { | |
color: #6b7280; | |
opacity: 1; | |
} | |
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; | |
} | |
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; | |
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; | |
color-adjust: unset; | |
} | |
[type=checkbox], | |
[type=radio] { | |
-webkit-appearance: none; | |
-moz-appearance: none; | |
appearance: none; | |
padding: 0; | |
-webkit-print-color-adjust: exact; | |
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; | |
} | |
[type=checkbox] { | |
border-radius: 0; | |
} | |
[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); | |
} | |
[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:focus, | |
[type=checkbox]:checked:hover, | |
[type=radio]:checked:focus, | |
[type=radio]:checked:hover { | |
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:focus, | |
[type=checkbox]:indeterminate:hover { | |
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 auto -webkit-focus-ring-color; | |
} | |
input[type=search].dark { | |
background: #222; | |
color: #fff; | |
} | |
input[type=search].light { | |
background: #fff; | |
color: #222; | |
} | |
input[type=search].suffix::-webkit-search-cancel-button { | |
padding-right: 3.25em; | |
} | |
input[type=search]::-webkit-search-cancel-button { | |
-webkit-appearance: none; | |
margin: 1em; | |
height: 1em; | |
width: 1em; | |
border-radius: 50em; | |
background: url(https://pro.fontawesome.com/releases/v5.10.0/svgs/solid/times-circle.svg) no-repeat 50% 50%; | |
background-size: contain; | |
opacity: 0; | |
pointer-events: none; | |
} | |
input[type=search]:focus::-webkit-search-cancel-button { | |
opacity: 0.3; | |
pointer-events: all; | |
} | |
input[type=search].dark::-webkit-search-cancel-button { | |
filter: invert(1); | |
} | |
html { | |
height: 100vh; | |
overflow: hidden; | |
} | |
.fade-enter-active, | |
.fade-leave-active { | |
transition: opacity 0.15s ease; | |
} | |
.fade-enter-from, | |
.fade-leave-to { | |
opacity: 0; | |
} | |
/** | |
* Utilities | |
* ------------------------- | |
*/ | |
.hide-scrollbar { | |
scrollbar-width: 0; | |
} | |
.hide-scrollbar::-webkit-scrollbar { | |
width: 0; | |
height: 0; | |
} | |
iframe.spec-bridge-iframe { | |
border: none; | |
height: 100%; | |
position: fixed; | |
visibility: hidden; | |
width: 100%; | |
top: 0; | |
left: 0; | |
}/* | |
! tailwindcss v3.3.3 | 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: #D0D2E0; /* 2 */ | |
} | |
::before, | |
::after { | |
--tw-content: ''; | |
} | |
/* | |
1. Use a consistent sensible line-height in all browsers. | |
2. Prevent adjustments of font size after orientation changes in iOS. | |
3. Use a more readable tab size. | |
4. Use the user's configured `sans` font-family by default. | |
5. Use the user's configured `sans` font-feature-settings by default. | |
6. Use the user's configured `sans` font-variation-settings by default. | |
*/ | |
html { | |
line-height: 1.5; /* 1 */ | |
-webkit-text-size-adjust: 100%; /* 2 */ /* 3 */ | |
tab-size: 4; /* 3 */ | |
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ | |
font-feature-settings: normal; /* 5 */ | |
font-variation-settings: normal; /* 6 */ | |
} | |
/* | |
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: "Fira Code", 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-feature-settings: inherit; /* 1 */ | |
font-variation-settings: inherit; /* 1 */ | |
font-size: 100%; /* 1 */ | |
font-weight: inherit; /* 1 */ | |
line-height: inherit; /* 1 */ | |
color: inherit; /* 1 */ | |
margin: 0; /* 2 */ | |
padding: 0; /* 3 */ | |
} | |
/* | |
Remove the inheritance of text transform in Edge and Firefox. | |
*/ | |
button, | |
select { | |
text-transform: none; | |
} | |
/* | |
1. Correct the inability to style clickable types in iOS and Safari. | |
2. Remove default button styles. | |
*/ | |
button, | |
[type='button'], | |
[type='reset'], | |
[type='submit'] { | |
-webkit-appearance: button; /* 1 */ | |
background-color: transparent; /* 2 */ | |
background-image: none; /* 2 */ | |
} | |
/* | |
Use the modern Firefox focus style for all focusable elements. | |
*/ | |
:-moz-focusring { | |
outline: auto; | |
} | |
/* | |
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) | |
*/ | |
:-moz-ui-invalid { | |
box-shadow: none; | |
} | |
/* | |
Add the correct vertical alignment in Chrome and Firefox. | |
*/ | |
progress { | |
vertical-align: baseline; | |
} | |
/* | |
Correct the cursor style of increment and decrement buttons in Safari. | |
*/ | |
::-webkit-inner-spin-button, | |
::-webkit-outer-spin-button { | |
height: auto; | |
} | |
/* | |
1. Correct the odd appearance in Chrome and Safari. | |
2. Correct the outline style in Safari. | |
*/ | |
[type='search'] { | |
-webkit-appearance: textfield; /* 1 */ | |
outline-offset: -2px; /* 2 */ | |
} | |
/* | |
Remove the inner padding in Chrome and Safari on macOS. | |
*/ | |
::-webkit-search-decoration { | |
-webkit-appearance: none; | |
} | |
/* | |
1. Correct the inability to style clickable types in iOS and Safari. | |
2. Change font properties to `inherit` in Safari. | |
*/ | |
::-webkit-file-upload-button { | |
-webkit-appearance: button; /* 1 */ | |
font: inherit; /* 2 */ | |
} | |
/* | |
Add the correct display in Chrome and Safari. | |
*/ | |
summary { | |
display: list-item; | |
} | |
/* | |
Removes the default spacing and border for appropriate elements. | |
*/ | |
blockquote, | |
dl, | |
dd, | |
h1, | |
h2, | |
h3, | |
h4, | |
h5, | |
h6, | |
hr, | |
figure, | |
p, | |
pre { | |
margin: 0; | |
} | |
fieldset { | |
margin: 0; | |
padding: 0; | |
} | |
legend { | |
padding: 0; | |
} | |
ol, | |
ul, | |
menu { | |
list-style: none; | |
margin: 0; | |
padding: 0; | |
} | |
/* | |
Reset default styling for dialogs. | |
*/ | |
dialog { | |
padding: 0; | |
} | |
/* | |
Prevent resizing textareas horizontally by default. | |
*/ | |
textarea { | |
resize: vertical; | |
} | |
/* | |
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) | |
2. Set the default placeholder color to the user's configured gray 400 color. | |
*/ | |
input::placeholder, | |
textarea::placeholder { | |
opacity: 1; /* 1 */ | |
color: #AFB3C7; /* 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; | |
} | |
*, ::before, ::after { | |
--tw-border-spacing-x: 0; | |
--tw-border-spacing-y: 0; | |
--tw-translate-x: 0; | |
--tw-translate-y: 0; | |
--tw-rotate: 0; | |
--tw-skew-x: 0; | |
--tw-skew-y: 0; | |
--tw-scale-x: 1; | |
--tw-scale-y: 1; | |
--tw-pan-x: ; | |
--tw-pan-y: ; | |
--tw-pinch-zoom: ; | |
--tw-scroll-snap-strictness: proximity; | |
--tw-gradient-from-position: ; | |
--tw-gradient-via-position: ; | |
--tw-gradient-to-position: ; | |
--tw-ordinal: ; | |
--tw-slashed-zero: ; | |
--tw-numeric-figure: ; | |
--tw-numeric-spacing: ; | |
--tw-numeric-fraction: ; | |
--tw-ring-inset: ; | |
--tw-ring-offset-width: 0px; | |
--tw-ring-offset-color: #fff; | |
--tw-ring-color: rgb(59 130 246 / 0.5); | |
--tw-ring-offset-shadow: 0 0 #0000; | |
--tw-ring-shadow: 0 0 #0000; | |
--tw-shadow: 0 0 #0000; | |
--tw-shadow-colored: 0 0 #0000; | |
--tw-blur: ; | |
--tw-brightness: ; | |
--tw-contrast: ; | |
--tw-grayscale: ; | |
--tw-hue-rotate: ; | |
--tw-invert: ; | |
--tw-saturate: ; | |
--tw-sepia: ; | |
--tw-drop-shadow: ; | |
--tw-backdrop-blur: ; | |
--tw-backdrop-brightness: ; | |
--tw-backdrop-contrast: ; | |
--tw-backdrop-grayscale: ; | |
--tw-backdrop-hue-rotate: ; | |
--tw-backdrop-invert: ; | |
--tw-backdrop-opacity: ; | |
--tw-backdrop-saturate: ; | |
--tw-backdrop-sepia: ; | |
} | |
::backdrop { | |
--tw-border-spacing-x: 0; | |
--tw-border-spacing-y: 0; | |
--tw-translate-x: 0; | |
--tw-translate-y: 0; | |
--tw-rotate: 0; | |
--tw-skew-x: 0; | |
--tw-skew-y: 0; | |
--tw-scale-x: 1; | |
--tw-scale-y: 1; | |
--tw-pan-x: ; | |
--tw-pan-y: ; | |
--tw-pinch-zoom: ; | |
--tw-scroll-snap-strictness: proximity; | |
--tw-gradient-from-position: ; | |
--tw-gradient-via-position: ; | |
--tw-gradient-to-position: ; | |
--tw-ordinal: ; | |
--tw-slashed-zero: ; | |
--tw-numeric-figure: ; | |
--tw-numeric-spacing: ; | |
--tw-numeric-fraction: ; | |
--tw-ring-inset: ; | |
--tw-ring-offset-width: 0px; | |
--tw-ring-offset-color: #fff; | |
--tw-ring-color: rgb(59 130 246 / 0.5); | |
--tw-ring-offset-shadow: 0 0 #0000; | |
--tw-ring-shadow: 0 0 #0000; | |
--tw-shadow: 0 0 #0000; | |
--tw-shadow-colored: 0 0 #0000; | |
--tw-blur: ; | |
--tw-brightness: ; | |
--tw-contrast: ; | |
--tw-grayscale: ; | |
--tw-hue-rotate: ; | |
--tw-invert: ; | |
--tw-saturate: ; | |
--tw-sepia: ; | |
--tw-drop-shadow: ; | |
--tw-backdrop-blur: ; | |
--tw-backdrop-brightness: ; | |
--tw-backdrop-contrast: ; | |
--tw-backdrop-grayscale: ; | |
--tw-backdrop-hue-rotate: ; | |
--tw-backdrop-invert: ; | |
--tw-backdrop-opacity: ; | |
--tw-backdrop-saturate: ; | |
--tw-backdrop-sepia: ; | |
} | |
.container { | |
width: 100%; | |
} | |
@media (min-width: 640px) { | |
.container { | |
max-width: 640px; | |
} | |
} | |
@media (min-width: 768px) { | |
.container { | |
max-width: 768px; | |
} | |
} | |
@media (min-width: 1024px) { | |
.container { | |
max-width: 1024px; | |
} | |
} | |
@media (min-width: 1280px) { | |
.container { | |
max-width: 1280px; | |
} | |
} | |
@media (min-width: 1536px) { | |
.container { | |
max-width: 1536px; | |
} | |
} | |
.card { | |
background: white; | |
border-width: 1px; | |
border-style: solid; | |
border-color: #E1E3ED; | |
border-radius: 4px; | |
cursor: pointer; | |
display: block; | |
width: 100%; | |
outline: none; | |
transition: all 150ms ease-in-out; | |
} | |
.card:hover,.card:focus { | |
border-width: 1px; | |
border-color: #9AA2FC; | |
box-shadow: 0 0 0 2px #DADDFE; | |
transition: all 150ms ease-in-out; | |
outline: 2px solid transparent; | |
} | |
.card:hover:disabled, .card:focus:disabled { | |
box-shadow: none; | |
border-color: transparent; | |
} | |
.default-ring { | |
border-width: 1px; | |
border-color: #9AA2FC; | |
box-shadow: 0 0 0 2px #DADDFE; | |
transition: all 150ms ease-in-out; | |
outline: 2px solid transparent; | |
} | |
.default-ring:disabled { | |
box-shadow: none; | |
border-color: transparent; | |
} | |
.hocus-default { | |
outline: none; | |
transition: all 150ms ease-in-out; | |
} | |
.hocus-default:hover,.hocus-default:focus { | |
border-width: 1px; | |
border-color: #9AA2FC; | |
box-shadow: 0 0 0 2px #DADDFE; | |
transition: all 150ms ease-in-out; | |
outline: 2px solid transparent; | |
} | |
.hocus-default:hover:disabled, .hocus-default:focus:disabled { | |
box-shadow: none; | |
border-color: transparent; | |
} | |
.focus-within-default { | |
outline: none; | |
transition: all 150ms ease-in-out; | |
} | |
.focus-within-default:focus-within { | |
border-width: 1px; | |
border-color: #9AA2FC; | |
box-shadow: 0 0 0 2px #DADDFE; | |
transition: all 150ms ease-in-out; | |
outline: 2px solid transparent; | |
} | |
.focus-within-default:focus-within:disabled { | |
box-shadow: none; | |
border-color: transparent; | |
} | |
.hocus-link-default:focus { | |
outline: transparent; | |
text-decoration: underline; | |
} | |
.hocus-link-default:hover { | |
text-decoration: underline; | |
} | |
.hocus-error { | |
outline: none; | |
transition: all 150ms ease-in-out; | |
} | |
.hocus-error:hover,.hocus-error:focus { | |
border-width: 1px; | |
border-color: #F59AA9; | |
box-shadow: 0 0 0 2px #FAD9DF; | |
transition: all 150ms ease-in-out; | |
outline: 2px solid transparent; | |
} | |
.hocus-error:hover:disabled, .hocus-error:focus:disabled { | |
box-shadow: none; | |
border-color: transparent; | |
} | |
.hocus-secondary { | |
outline: none; | |
transition: all 150ms ease-in-out; | |
} | |
.hocus-secondary:hover,.hocus-secondary:focus { | |
border-width: 1px; | |
border-color: #69D3A7; | |
box-shadow: 0 0 0 2px #C2F1DE; | |
transition: all 150ms ease-in-out; | |
outline: 2px solid transparent; | |
} | |
.hocus-secondary:hover:disabled, .hocus-secondary:focus:disabled { | |
box-shadow: none; | |
border-color: transparent; | |
} | |
.icon-light-error-50 > *[fill].icon-light { | |
fill: #FBEFF1; | |
} | |
.icon-light-error-50 > *[stroke].icon-light { | |
stroke: #FBEFF1; | |
} | |
.icon-light-error-50 > *[stroke][fill].icon-light-fill { | |
fill: #FBEFF1; | |
} | |
.icon-light-error-50 > *[stroke][fill].icon-light-stroke { | |
stroke: #FBEFF1; | |
} | |
.icon-light-gray-100 > *[fill].icon-light { | |
fill: #E1E3ED; | |
} | |
.icon-light-gray-100 > *[stroke].icon-light { | |
stroke: #E1E3ED; | |
} | |
.icon-light-gray-100 > *[stroke][fill].icon-light-fill { | |
fill: #E1E3ED; | |
} | |
.icon-light-gray-100 > *[stroke][fill].icon-light-stroke { | |
stroke: #E1E3ED; | |
} | |
.icon-light-gray-1000 > *[fill].icon-light { | |
fill: #1B1E2E; | |
} | |
.icon-light-gray-1000 > *[stroke].icon-light { | |
stroke: #1B1E2E; | |
} | |
.icon-light-gray-1000 > *[stroke][fill].icon-light-fill { | |
fill: #1B1E2E; | |
} | |
.icon-light-gray-1000 > *[stroke][fill].icon-light-stroke { | |
stroke: #1B1E2E; | |
} | |
.icon-light-gray-200 > *[fill].icon-light { | |
fill: #D0D2E0; | |
} | |
.icon-light-gray-200 > *[stroke].icon-light { | |
stroke: #D0D2E0; | |
} | |
.icon-light-gray-200 > *[stroke][fill].icon-light-fill { | |
fill: #D0D2E0; | |
} | |
.icon-light-gray-200 > *[stroke][fill].icon-light-stroke { | |
stroke: #D0D2E0; | |
} | |
.icon-light-gray-300 > *[fill].icon-light { | |
fill: #BFC2D4; | |
} | |
.icon-light-gray-300 > *[stroke].icon-light { | |
stroke: #BFC2D4; | |
} | |
.icon-light-gray-300 > *[stroke][fill].icon-light-fill { | |
fill: #BFC2D4; | |
} | |
.icon-light-gray-300 > *[stroke][fill].icon-light-stroke { | |
stroke: #BFC2D4; | |
} | |
.icon-light-gray-400 > *[fill].icon-light { | |
fill: #AFB3C7; | |
} | |
.icon-light-gray-400 > *[stroke].icon-light { | |
stroke: #AFB3C7; | |
} | |
.icon-light-gray-400 > *[stroke][fill].icon-light-fill { | |
fill: #AFB3C7; | |
} | |
.icon-light-gray-400 > *[stroke][fill].icon-light-stroke { | |
stroke: #AFB3C7; | |
} | |
.icon-light-gray-50 > *[fill].icon-light { | |
fill: #F3F4FA; | |
} | |
.icon-light-gray-50 > *[stroke].icon-light { | |
stroke: #F3F4FA; | |
} | |
.icon-light-gray-50 > *[stroke][fill].icon-light-fill { | |
fill: #F3F4FA; | |
} | |
.icon-light-gray-50 > *[stroke][fill].icon-light-stroke { | |
stroke: #F3F4FA; | |
} | |
.icon-light-gray-500 > *[fill].icon-light { | |
fill: #9095AD; | |
} | |
.icon-light-gray-500 > *[stroke].icon-light { | |
stroke: #9095AD; | |
} | |
.icon-light-gray-500 > *[stroke][fill].icon-light-fill { | |
fill: #9095AD; | |
} | |
.icon-light-gray-500 > *[stroke][fill].icon-light-stroke { | |
stroke: #9095AD; | |
} | |
.icon-light-gray-900 > *[fill].icon-light { | |
fill: #2E3247; | |
} | |
.icon-light-gray-900 > *[stroke].icon-light { | |
stroke: #2E3247; | |
} | |
.icon-light-gray-900 > *[stroke][fill].icon-light-fill { | |
fill: #2E3247; | |
} | |
.icon-light-gray-900 > *[stroke][fill].icon-light-stroke { | |
stroke: #2E3247; | |
} | |
.icon-light-green-400 > *[fill].icon-light { | |
fill: #849706; | |
} | |
.icon-light-green-400 > *[stroke].icon-light { | |
stroke: #849706; | |
} | |
.icon-light-green-400 > *[stroke][fill].icon-light-fill { | |
fill: #849706; | |
} | |
.icon-light-green-400 > *[stroke][fill].icon-light-stroke { | |
stroke: #849706; | |
} | |
.icon-light-indigo-100 > *[fill].icon-light { | |
fill: #DADDFE; | |
} | |
.icon-light-indigo-100 > *[stroke].icon-light { | |
stroke: #DADDFE; | |
} | |
.icon-light-indigo-100 > *[stroke][fill].icon-light-fill { | |
fill: #DADDFE; | |
} | |
.icon-light-indigo-100 > *[stroke][fill].icon-light-stroke { | |
stroke: #DADDFE; | |
} | |
.icon-light-indigo-200 > *[fill].icon-light { | |
fill: #C5C9FD; | |
} | |
.icon-light-indigo-200 > *[stroke].icon-light { | |
stroke: #C5C9FD; | |
} | |
.icon-light-indigo-200 > *[stroke][fill].icon-light-fill { | |
fill: #C5C9FD; | |
} | |
.icon-light-indigo-200 > *[stroke][fill].icon-light-stroke { | |
stroke: #C5C9FD; | |
} | |
.icon-light-indigo-300 > *[fill].icon-light { | |
fill: #9AA2FC; | |
} | |
.icon-light-indigo-300 > *[stroke].icon-light { | |
stroke: #9AA2FC; | |
} | |
.icon-light-indigo-300 > *[stroke][fill].icon-light-fill { | |
fill: #9AA2FC; | |
} | |
.icon-light-indigo-300 > *[stroke][fill].icon-light-stroke { | |
stroke: #9AA2FC; | |
} | |
.icon-light-indigo-400 > *[fill].icon-light { | |
fill: #6470F3; | |
} | |
.icon-light-indigo-400 > *[stroke].icon-light { | |
stroke: #6470F3; | |
} | |
.icon-light-indigo-400 > *[stroke][fill].icon-light-fill { | |
fill: #6470F3; | |
} | |
.icon-light-indigo-400 > *[stroke][fill].icon-light-stroke { | |
stroke: #6470F3; | |
} | |
.icon-light-indigo-50 > *[fill].icon-light { | |
fill: #F0F1FF; | |
} | |
.icon-light-indigo-50 > *[stroke].icon-light { | |
stroke: #F0F1FF; | |
} | |
.icon-light-indigo-50 > *[stroke][fill].icon-light-fill { | |
fill: #F0F1FF; | |
} | |
.icon-light-indigo-50 > *[stroke][fill].icon-light-stroke { | |
stroke: #F0F1FF; | |
} | |
.icon-light-indigo-500 > *[fill].icon-light { | |
fill: #4956E3; | |
} | |
.icon-light-indigo-500 > *[stroke].icon-light { | |
stroke: #4956E3; | |
} | |
.icon-light-indigo-500 > *[stroke][fill].icon-light-fill { | |
fill: #4956E3; | |
} | |
.icon-light-indigo-500 > *[stroke][fill].icon-light-stroke { | |
stroke: #4956E3; | |
} | |
.icon-light-indigo-600 > *[fill].icon-light { | |
fill: #3A46CC; | |
} | |
.icon-light-indigo-600 > *[stroke].icon-light { | |
stroke: #3A46CC; | |
} | |
.icon-light-indigo-600 > *[stroke][fill].icon-light-fill { | |
fill: #3A46CC; | |
} | |
.icon-light-indigo-600 > *[stroke][fill].icon-light-stroke { | |
stroke: #3A46CC; | |
} | |
.icon-light-indigo-700 > *[fill].icon-light { | |
fill: #2F3AB0; | |
} | |
.icon-light-indigo-700 > *[stroke].icon-light { | |
stroke: #2F3AB0; | |
} | |
.icon-light-indigo-700 > *[stroke][fill].icon-light-fill { | |
fill: #2F3AB0; | |
} | |
.icon-light-indigo-700 > *[stroke][fill].icon-light-stroke { | |
stroke: #2F3AB0; | |
} | |
.icon-light-jade-100 > *[fill].icon-light { | |
fill: #C2F1DE; | |
} | |
.icon-light-jade-100 > *[stroke].icon-light { | |
stroke: #C2F1DE; | |
} | |
.icon-light-jade-100 > *[stroke][fill].icon-light-fill { | |
fill: #C2F1DE; | |
} | |
.icon-light-jade-100 > *[stroke][fill].icon-light-stroke { | |
stroke: #C2F1DE; | |
} | |
.icon-light-jade-200 > *[fill].icon-light { | |
fill: #A3E7CB; | |
} | |
.icon-light-jade-200 > *[stroke].icon-light { | |
stroke: #A3E7CB; | |
} | |
.icon-light-jade-200 > *[stroke][fill].icon-light-fill { | |
fill: #A3E7CB; | |
} | |
.icon-light-jade-200 > *[stroke][fill].icon-light-stroke { | |
stroke: #A3E7CB; | |
} | |
.icon-light-jade-300 > *[fill].icon-light { | |
fill: #69D3A7; | |
} | |
.icon-light-jade-300 > *[stroke].icon-light { | |
stroke: #69D3A7; | |
} | |
.icon-light-jade-300 > *[stroke][fill].icon-light-fill { | |
fill: #69D3A7; | |
} | |
.icon-light-jade-300 > *[stroke][fill].icon-light-stroke { | |
stroke: #69D3A7; | |
} | |
.icon-light-jade-400 > *[fill].icon-light { | |
fill: #1FA971; | |
} | |
.icon-light-jade-400 > *[stroke].icon-light { | |
stroke: #1FA971; | |
} | |
.icon-light-jade-400 > *[stroke][fill].icon-light-fill { | |
fill: #1FA971; | |
} | |
.icon-light-jade-400 > *[stroke][fill].icon-light-stroke { | |
stroke: #1FA971; | |
} | |
.icon-light-jade-50 > *[fill].icon-light { | |
fill: #E4FBF2; | |
} | |
.icon-light-jade-50 > *[stroke].icon-light { | |
stroke: #E4FBF2; | |
} | |
.icon-light-jade-50 > *[stroke][fill].icon-light-fill { | |
fill: #E4FBF2; | |
} | |
.icon-light-jade-50 > *[stroke][fill].icon-light-stroke { | |
stroke: #E4FBF2; | |
} | |
.icon-light-jade-500 > *[fill].icon-light { | |
fill: #00814D; | |
} | |
.icon-light-jade-500 > *[stroke].icon-light { | |
stroke: #00814D; | |
} | |
.icon-light-jade-500 > *[stroke][fill].icon-light-fill { | |
fill: #00814D; | |
} | |
.icon-light-jade-500 > *[stroke][fill].icon-light-stroke { | |
stroke: #00814D; | |
} | |
.icon-light-orange-400 > *[fill].icon-light { | |
fill: #DB7903; | |
} | |
.icon-light-orange-400 > *[stroke].icon-light { | |
stroke: #DB7903; | |
} | |
.icon-light-orange-400 > *[stroke][fill].icon-light-fill { | |
fill: #DB7903; | |
} | |
.icon-light-orange-400 > *[stroke][fill].icon-light-stroke { | |
stroke: #DB7903; | |
} | |
.icon-light-orange-50 > *[fill].icon-light { | |
fill: #F5F4D7; | |
} | |
.icon-light-orange-50 > *[stroke].icon-light { | |
stroke: #F5F4D7; | |
} | |
.icon-light-orange-50 > *[stroke][fill].icon-light-fill { | |
fill: #F5F4D7; | |
} | |
.icon-light-orange-50 > *[stroke][fill].icon-light-stroke { | |
stroke: #F5F4D7; | |
} | |
.icon-light-purple-800 > *[fill].icon-light { | |
fill: #3B1268; | |
} | |
.icon-light-purple-800 > *[stroke].icon-light { | |
stroke: #3B1268; | |
} | |
.icon-light-purple-800 > *[stroke][fill].icon-light-fill { | |
fill: #3B1268; | |
} | |
.icon-light-purple-800 > *[stroke][fill].icon-light-stroke { | |
stroke: #3B1268; | |
} | |
.icon-light-red-400 > *[fill].icon-light { | |
fill: #E45770; | |
} | |
.icon-light-red-400 > *[stroke].icon-light { | |
stroke: #E45770; | |
} | |
.icon-light-red-400 > *[stroke][fill].icon-light-fill { | |
fill: #E45770; | |
} | |
.icon-light-red-400 > *[stroke][fill].icon-light-stroke { | |
stroke: #E45770; | |
} | |
.icon-light-red-500 > *[fill].icon-light { | |
fill: #C62B49; | |
} | |
.icon-light-red-500 > *[stroke].icon-light { | |
stroke: #C62B49; | |
} | |
.icon-light-red-500 > *[stroke][fill].icon-light-fill { | |
fill: #C62B49; | |
} | |
.icon-light-red-500 > *[stroke][fill].icon-light-stroke { | |
stroke: #C62B49; | |
} | |
.icon-light-secondary > *[fill].icon-light { | |
fill: #F0F1FF; | |
} | |
.icon-light-secondary > *[stroke].icon-light { | |
stroke: #F0F1FF; | |
} | |
.icon-light-secondary > *[stroke][fill].icon-light-fill { | |
fill: #F0F1FF; | |
} | |
.icon-light-secondary > *[stroke][fill].icon-light-stroke { | |
stroke: #F0F1FF; | |
} | |
.icon-light-transparent > *[fill].icon-light { | |
fill: transparent; | |
} | |
.icon-light-transparent > *[stroke].icon-light { | |
stroke: transparent; | |
} | |
.icon-light-transparent > *[stroke][fill].icon-light-fill { | |
fill: transparent; | |
} | |
.icon-light-transparent > *[stroke][fill].icon-light-stroke { | |
stroke: transparent; | |
} | |
.icon-light-warning-500 > *[fill].icon-light { | |
fill: #BD5800; | |
} | |
.icon-light-warning-500 > *[stroke].icon-light { | |
stroke: #BD5800; | |
} | |
.icon-light-warning-500 > *[stroke][fill].icon-light-fill { | |
fill: #BD5800; | |
} | |
.icon-light-warning-500 > *[stroke][fill].icon-light-stroke { | |
stroke: #BD5800; | |
} | |
.icon-light-white > *[fill].icon-light { | |
fill: #fff; | |
} | |
.icon-light-white > *[stroke].icon-light { | |
stroke: #fff; | |
} | |
.icon-light-white > *[stroke][fill].icon-light-fill { | |
fill: #fff; | |
} | |
.icon-light-white > *[stroke][fill].icon-light-stroke { | |
stroke: #fff; | |
} | |
.icon-dark-current > *[fill].icon-dark { | |
fill: currentColor; | |
} | |
.icon-dark-current > *[stroke].icon-dark { | |
stroke: currentColor; | |
} | |
.icon-dark-current > *[stroke][fill].icon-dark-fill { | |
fill: currentColor; | |
} | |
.icon-dark-current > *[stroke][fill].icon-dark-stroke { | |
stroke: currentColor; | |
} | |
.icon-dark-error-400 > *[fill].icon-dark { | |
fill: #E45770; | |
} | |
.icon-dark-error-400 > *[stroke].icon-dark { | |
stroke: #E45770; | |
} | |
.icon-dark-error-400 > *[stroke][fill].icon-dark-fill { | |
fill: #E45770; | |
} | |
.icon-dark-error-400 > *[stroke][fill].icon-dark-stroke { | |
stroke: #E45770; | |
} | |
.icon-dark-error-500 > *[fill].icon-dark { | |
fill: #C62B49; | |
} | |
.icon-dark-error-500 > *[stroke].icon-dark { | |
stroke: #C62B49; | |
} | |
.icon-dark-error-500 > *[stroke][fill].icon-dark-fill { | |
fill: #C62B49; | |
} | |
.icon-dark-error-500 > *[stroke][fill].icon-dark-stroke { | |
stroke: #C62B49; | |
} | |
.icon-dark-error-600 > *[fill].icon-dark { | |
fill: #9F1331; | |
} | |
.icon-dark-error-600 > *[stroke].icon-dark { | |
stroke: #9F1331; | |
} | |
.icon-dark-error-600 > *[stroke][fill].icon-dark-fill { | |
fill: #9F1331; | |
} | |
.icon-dark-error-600 > *[stroke][fill].icon-dark-stroke { | |
stroke: #9F1331; | |
} | |
.icon-dark-gray-100 > *[fill].icon-dark { | |
fill: #E1E3ED; | |
} | |
.icon-dark-gray-100 > *[stroke].icon-dark { | |
stroke: #E1E3ED; | |
} | |
.icon-dark-gray-100 > *[stroke][fill].icon-dark-fill { | |
fill: #E1E3ED; | |
} | |
.icon-dark-gray-100 > *[stroke][fill].icon-dark-stroke { | |
stroke: #E1E3ED; | |
} | |
.icon-dark-gray-200 > *[fill].icon-dark { | |
fill: #D0D2E0; | |
} | |
.icon-dark-gray-200 > *[stroke].icon-dark { | |
stroke: #D0D2E0; | |
} | |
.icon-dark-gray-200 > *[stroke][fill].icon-dark-fill { | |
fill: #D0D2E0; | |
} | |
.icon-dark-gray-200 > *[stroke][fill].icon-dark-stroke { | |
stroke: #D0D2E0; | |
} | |
.icon-dark-gray-300 > *[fill].icon-dark { | |
fill: #BFC2D4; | |
} | |
.icon-dark-gray-300 > *[stroke].icon-dark { | |
stroke: #BFC2D4; | |
} | |
.icon-dark-gray-300 > *[stroke][fill].icon-dark-fill { | |
fill: #BFC2D4; | |
} | |
.icon-dark-gray-300 > *[stroke][fill].icon-dark-stroke { | |
stroke: #BFC2D4; | |
} | |
.icon-dark-gray-400 > *[fill].icon-dark { | |
fill: #AFB3C7; | |
} | |
.icon-dark-gray-400 > *[stroke].icon-dark { | |
stroke: #AFB3C7; | |
} | |
.icon-dark-gray-400 > *[stroke][fill].icon-dark-fill { | |
fill: #AFB3C7; | |
} | |
.icon-dark-gray-400 > *[stroke][fill].icon-dark-stroke { | |
stroke: #AFB3C7; | |
} | |
.icon-dark-gray-50 > *[fill].icon-dark { | |
fill: #F3F4FA; | |
} | |
.icon-dark-gray-50 > *[stroke].icon-dark { | |
stroke: #F3F4FA; | |
} | |
.icon-dark-gray-50 > *[stroke][fill].icon-dark-fill { | |
fill: #F3F4FA; | |
} | |
.icon-dark-gray-50 > *[stroke][fill].icon-dark-stroke { | |
stroke: #F3F4FA; | |
} | |
.icon-dark-gray-500 > *[fill].icon-dark { | |
fill: #9095AD; | |
} | |
.icon-dark-gray-500 > *[stroke].icon-dark { | |
stroke: #9095AD; | |
} | |
.icon-dark-gray-500 > *[stroke][fill].icon-dark-fill { | |
fill: #9095AD; | |
} | |
.icon-dark-gray-500 > *[stroke][fill].icon-dark-stroke { | |
stroke: #9095AD; | |
} | |
.icon-dark-gray-600 > *[fill].icon-dark { | |
fill: #747994; | |
} | |
.icon-dark-gray-600 > *[stroke].icon-dark { | |
stroke: #747994; | |
} | |
.icon-dark-gray-600 > *[stroke][fill].icon-dark-fill { | |
fill: #747994; | |
} | |
.icon-dark-gray-600 > *[stroke][fill].icon-dark-stroke { | |
stroke: #747994; | |
} | |
.icon-dark-gray-700 > *[fill].icon-dark { | |
fill: #5A5F7A; | |
} | |
.icon-dark-gray-700 > *[stroke].icon-dark { | |
stroke: #5A5F7A; | |
} | |
.icon-dark-gray-700 > *[stroke][fill].icon-dark-fill { | |
fill: #5A5F7A; | |
} | |
.icon-dark-gray-700 > *[stroke][fill].icon-dark-stroke { | |
stroke: #5A5F7A; | |
} | |
.icon-dark-gray-800 > *[fill].icon-dark { | |
fill: #434861; | |
} | |
.icon-dark-gray-800 > *[stroke].icon-dark { | |
stroke: #434861; | |
} | |
.icon-dark-gray-800 > *[stroke][fill].icon-dark-fill { | |
fill: #434861; | |
} | |
.icon-dark-gray-800 > *[stroke][fill].icon-dark-stroke { | |
stroke: #434861; | |
} | |
.icon-dark-green-400 > *[fill].icon-dark { | |
fill: #849706; | |
} | |
.icon-dark-green-400 > *[stroke].icon-dark { | |
stroke: #849706; | |
} | |
.icon-dark-green-400 > *[stroke][fill].icon-dark-fill { | |
fill: #849706; | |
} | |
.icon-dark-green-400 > *[stroke][fill].icon-dark-stroke { | |
stroke: #849706; | |
} | |
.icon-dark-indigo-300 > *[fill].icon-dark { | |
fill: #9AA2FC; | |
} | |
.icon-dark-indigo-300 > *[stroke].icon-dark { | |
stroke: #9AA2FC; | |
} | |
.icon-dark-indigo-300 > *[stroke][fill].icon-dark-fill { | |
fill: #9AA2FC; | |
} | |
.icon-dark-indigo-300 > *[stroke][fill].icon-dark-stroke { | |
stroke: #9AA2FC; | |
} | |
.icon-dark-indigo-400 > *[fill].icon-dark { | |
fill: #6470F3; | |
} | |
.icon-dark-indigo-400 > *[stroke].icon-dark { | |
stroke: #6470F3; | |
} | |
.icon-dark-indigo-400 > *[stroke][fill].icon-dark-fill { | |
fill: #6470F3; | |
} | |
.icon-dark-indigo-400 > *[stroke][fill].icon-dark-stroke { | |
stroke: #6470F3; | |
} | |
.icon-dark-indigo-500 > *[fill].icon-dark { | |
fill: #4956E3; | |
} | |
.icon-dark-indigo-500 > *[stroke].icon-dark { | |
stroke: #4956E3; | |
} | |
.icon-dark-indigo-500 > *[stroke][fill].icon-dark-fill { | |
fill: #4956E3; | |
} | |
.icon-dark-indigo-500 > *[stroke][fill].icon-dark-stroke { | |
stroke: #4956E3; | |
} | |
.icon-dark-indigo-600 > *[fill].icon-dark { | |
fill: #3A46CC; | |
} | |
.icon-dark-indigo-600 > *[stroke].icon-dark { | |
stroke: #3A46CC; | |
} | |
.icon-dark-indigo-600 > *[stroke][fill].icon-dark-fill { | |
fill: #3A46CC; | |
} | |
.icon-dark-indigo-600 > *[stroke][fill].icon-dark-stroke { | |
stroke: #3A46CC; | |
} | |
.icon-dark-indigo-700 > *[fill].icon-dark { | |
fill: #2F3AB0; | |
} | |
.icon-dark-indigo-700 > *[stroke].icon-dark { | |
stroke: #2F3AB0; | |
} | |
.icon-dark-indigo-700 > *[stroke][fill].icon-dark-fill { | |
fill: #2F3AB0; | |
} | |
.icon-dark-indigo-700 > *[stroke][fill].icon-dark-stroke { | |
stroke: #2F3AB0; | |
} | |
.icon-dark-info-500 > *[fill].icon-dark { | |
fill: #4956E3; | |
} | |
.icon-dark-info-500 > *[stroke].icon-dark { | |
stroke: #4956E3; | |
} | |
.icon-dark-info-500 > *[stroke][fill].icon-dark-fill { | |
fill: #4956E3; | |
} | |
.icon-dark-info-500 > *[stroke][fill].icon-dark-stroke { | |
stroke: #4956E3; | |
} | |
.icon-dark-jade-100 > *[fill].icon-dark { | |
fill: #C2F1DE; | |
} | |
.icon-dark-jade-100 > *[stroke].icon-dark { | |
stroke: #C2F1DE; | |
} | |
.icon-dark-jade-100 > *[stroke][fill].icon-dark-fill { | |
fill: #C2F1DE; | |
} | |
.icon-dark-jade-100 > *[stroke][fill].icon-dark-stroke { | |
stroke: #C2F1DE; | |
} | |
.icon-dark-jade-400 > *[fill].icon-dark { | |
fill: #1FA971; | |
} | |
.icon-dark-jade-400 > *[stroke].icon-dark { | |
stroke: #1FA971; | |
} | |
.icon-dark-jade-400 > *[stroke][fill].icon-dark-fill { | |
fill: #1FA971; | |
} | |
.icon-dark-jade-400 > *[stroke][fill].icon-dark-stroke { | |
stroke: #1FA971; | |
} | |
.icon-dark-jade-500 > *[fill].icon-dark { | |
fill: #00814D; | |
} | |
.icon-dark-jade-500 > *[stroke].icon-dark { | |
stroke: #00814D; | |
} | |
.icon-dark-jade-500 > *[stroke][fill].icon-dark-fill { | |
fill: #00814D; | |
} | |
.icon-dark-jade-500 > *[stroke][fill].icon-dark-stroke { | |
stroke: #00814D; | |
} | |
.icon-dark-jade-600 > *[fill].icon-dark { | |
fill: #005F39; | |
} | |
.icon-dark-jade-600 > *[stroke].icon-dark { | |
stroke: #005F39; | |
} | |
.icon-dark-jade-600 > *[stroke][fill].icon-dark-fill { | |
fill: #005F39; | |
} | |
.icon-dark-jade-600 > *[stroke][fill].icon-dark-stroke { | |
stroke: #005F39; | |
} | |
.icon-dark-orange-400 > *[fill].icon-dark { | |
fill: #DB7903; | |
} | |
.icon-dark-orange-400 > *[stroke].icon-dark { | |
stroke: #DB7903; | |
} | |
.icon-dark-orange-400 > *[stroke][fill].icon-dark-fill { | |
fill: #DB7903; | |
} | |
.icon-dark-orange-400 > *[stroke][fill].icon-dark-stroke { | |
stroke: #DB7903; | |
} | |
.icon-dark-purple-400 > *[fill].icon-dark { | |
fill: #A06CE4; | |
} | |
.icon-dark-purple-400 > *[stroke].icon-dark { | |
stroke: #A06CE4; | |
} | |
.icon-dark-purple-400 > *[stroke][fill].icon-dark-fill { | |
fill: #A06CE4; | |
} | |
.icon-dark-purple-400 > *[stroke][fill].icon-dark-stroke { | |
stroke: #A06CE4; | |
} | |
.icon-dark-red-400 > *[fill].icon-dark { | |
fill: #E45770; | |
} | |
.icon-dark-red-400 > *[stroke].icon-dark { | |
stroke: #E45770; | |
} | |
.icon-dark-red-400 > *[stroke][fill].icon-dark-fill { | |
fill: #E45770; | |
} | |
.icon-dark-red-400 > *[stroke][fill].icon-dark-stroke { | |
stroke: #E45770; | |
} | |
.icon-dark-red-500 > *[fill].icon-dark { | |
fill: #C62B49; | |
} | |
.icon-dark-red-500 > *[stroke].icon-dark { | |
stroke: #C62B49; | |
} | |
.icon-dark-red-500 > *[stroke][fill].icon-dark-fill { | |
fill: #C62B49; | |
} | |
.icon-dark-red-500 > *[stroke][fill].icon-dark-stroke { | |
stroke: #C62B49; | |
} | |
.icon-dark-secondary > *[fill].icon-dark { | |
fill: #F0F1FF; | |
} | |
.icon-dark-secondary > *[stroke].icon-dark { | |
stroke: #F0F1FF; | |
} | |
.icon-dark-secondary > *[stroke][fill].icon-dark-fill { | |
fill: #F0F1FF; | |
} | |
.icon-dark-secondary > *[stroke][fill].icon-dark-stroke { | |
stroke: #F0F1FF; | |
} | |
.icon-dark-success-500 > *[fill].icon-dark { | |
fill: #00814D; | |
} | |
.icon-dark-success-500 > *[stroke].icon-dark { | |
stroke: #00814D; | |
} | |
.icon-dark-success-500 > *[stroke][fill].icon-dark-fill { | |
fill: #00814D; | |
} | |
.icon-dark-success-500 > *[stroke][fill].icon-dark-stroke { | |
stroke: #00814D; | |
} | |
.icon-dark-warning-500 > *[fill].icon-dark { | |
fill: #BD5800; | |
} | |
.icon-dark-warning-500 > *[stroke].icon-dark { | |
stroke: #BD5800; | |
} | |
.icon-dark-warning-500 > *[stroke][fill].icon-dark-fill { | |
fill: #BD5800; | |
} | |
.icon-dark-warning-500 > *[stroke][fill].icon-dark-stroke { | |
stroke: #BD5800; | |
} | |
.icon-dark-warning-600 > *[fill].icon-dark { | |
fill: #963F00; | |
} | |
.icon-dark-warning-600 > *[stroke].icon-dark { | |
stroke: #963F00; | |
} | |
.icon-dark-warning-600 > *[stroke][fill].icon-dark-fill { | |
fill: #963F00; | |
} | |
.icon-dark-warning-600 > *[stroke][fill].icon-dark-stroke { | |
stroke: #963F00; | |
} | |
.icon-dark-white > *[fill].icon-dark { | |
fill: #fff; | |
} | |
.icon-dark-white > *[stroke].icon-dark { | |
stroke: #fff; | |
} | |
.icon-dark-white > *[stroke][fill].icon-dark-fill { | |
fill: #fff; | |
} | |
.icon-dark-white > *[stroke][fill].icon-dark-stroke { | |
stroke: #fff; | |
} | |
.icon-light-secondary-gray-300 > *[fill].icon-light-secondary { | |
fill: #BFC2D4; | |
} | |
.icon-light-secondary-gray-300 > *[stroke].icon-light-secondary { | |
stroke: #BFC2D4; | |
} | |
.icon-light-secondary-gray-300 > *[stroke][fill].icon-light-secondary-fill { | |
fill: #BFC2D4; | |
} | |
.icon-light-secondary-gray-300 > *[stroke][fill].icon-light-secondary-stroke { | |
stroke: #BFC2D4; | |
} | |
.icon-light-secondary-jade-200 > *[fill].icon-light-secondary { | |
fill: #A3E7CB; | |
} | |
.icon-light-secondary-jade-200 > *[stroke].icon-light-secondary { | |
stroke: #A3E7CB; | |
} | |
.icon-light-secondary-jade-200 > *[stroke][fill].icon-light-secondary-fill { | |
fill: #A3E7CB; | |
} | |
.icon-light-secondary-jade-200 > *[stroke][fill].icon-light-secondary-stroke { | |
stroke: #A3E7CB; | |
} | |
.icon-light-secondary-orange-200 > *[fill].icon-light-secondary { | |
fill: #F1E08F; | |
} | |
.icon-light-secondary-orange-200 > *[stroke].icon-light-secondary { | |
stroke: #F1E08F; | |
} | |
.icon-light-secondary-orange-200 > *[stroke][fill].icon-light-secondary-fill { | |
fill: #F1E08F; | |
} | |
.icon-light-secondary-orange-200 > *[stroke][fill].icon-light-secondary-stroke { | |
stroke: #F1E08F; | |
} | |
.icon-light-secondary-red-300 > *[fill].icon-light-secondary { | |
fill: #F59AA9; | |
} | |
.icon-light-secondary-red-300 > *[stroke].icon-light-secondary { | |
stroke: #F59AA9; | |
} | |
.icon-light-secondary-red-300 > *[stroke][fill].icon-light-secondary-fill { | |
fill: #F59AA9; | |
} | |
.icon-light-secondary-red-300 > *[stroke][fill].icon-light-secondary-stroke { | |
stroke: #F59AA9; | |
} | |
.icon-dark-secondary-gray-600 > *[fill].icon-dark-secondary { | |
fill: #747994; | |
} | |
.icon-dark-secondary-gray-600 > *[stroke].icon-dark-secondary { | |
stroke: #747994; | |
} | |
.icon-dark-secondary-gray-600 > *[stroke][fill].icon-dark-secondary-fill { | |
fill: #747994; | |
} | |
.icon-dark-secondary-gray-600 > *[stroke][fill].icon-dark-secondary-stroke { | |
stroke: #747994; | |
} | |
.icon-dark-secondary-jade-400 > *[fill].icon-dark-secondary { | |
fill: #1FA971; | |
} | |
.icon-dark-secondary-jade-400 > *[stroke].icon-dark-secondary { | |
stroke: #1FA971; | |
} | |
.icon-dark-secondary-jade-400 > *[stroke][fill].icon-dark-secondary-fill { | |
fill: #1FA971; | |
} | |
.icon-dark-secondary-jade-400 > *[stroke][fill].icon-dark-secondary-stroke { | |
stroke: #1FA971; | |
} | |
.icon-dark-secondary-orange-400 > *[fill].icon-dark-secondary { | |
fill: #DB7903; | |
} | |
.icon-dark-secondary-orange-400 > *[stroke].icon-dark-secondary { | |
stroke: #DB7903; | |
} | |
.icon-dark-secondary-orange-400 > *[stroke][fill].icon-dark-secondary-fill { | |
fill: #DB7903; | |
} | |
.icon-dark-secondary-orange-400 > *[stroke][fill].icon-dark-secondary-stroke { | |
stroke: #DB7903; | |
} | |
.icon-dark-secondary-red-500 > *[fill].icon-dark-secondary { | |
fill: #C62B49; | |
} | |
.icon-dark-secondary-red-500 > *[stroke].icon-dark-secondary { | |
stroke: #C62B49; | |
} | |
.icon-dark-secondary-red-500 > *[stroke][fill].icon-dark-secondary-fill { | |
fill: #C62B49; | |
} | |
.icon-dark-secondary-red-500 > *[stroke][fill].icon-dark-secondary-stroke { | |
stroke: #C62B49; | |
} | |
.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; | |
} | |
.visible { | |
visibility: visible; | |
} | |
.invisible { | |
visibility: hidden; | |
} | |
.collapse { | |
visibility: collapse; | |
} | |
.static { | |
position: static; | |
} | |
.fixed { | |
position: fixed; | |
} | |
.absolute { | |
position: absolute; | |
} | |
.relative { | |
position: relative; | |
} | |
.sticky { | |
position: sticky; | |
} | |
.inset-0 { | |
inset: 0px; | |
} | |
.inset-x-0 { | |
left: 0px; | |
right: 0px; | |
} | |
.inset-y-0 { | |
top: 0px; | |
bottom: 0px; | |
} | |
.-top-\[16px\] { | |
top: -16px; | |
} | |
.-top-\[2px\] { | |
top: -2px; | |
} | |
.bottom-0 { | |
bottom: 0px; | |
} | |
.bottom-24 { | |
bottom: 6rem; | |
} | |
.bottom-\[-2\.5px\] { | |
bottom: -2.5px; | |
} | |
.bottom-\[-6\.5px\] { | |
bottom: -6.5px; | |
} | |
.bottom-\[12px\] { | |
bottom: 12px; | |
} | |
.bottom-\[4px\] { | |
bottom: 4px; | |
} | |
.bottom-\[5px\] { | |
bottom: 5px; | |
} | |
.bottom-\[8px\] { | |
bottom: 8px; | |
} | |
.left-0 { | |
left: 0px; | |
} | |
.left-16 { | |
left: 4rem; | |
} | |
.left-\[12px\] { | |
left: 12px; | |
} | |
.left-\[24px\] { | |
left: 24px; | |
} | |
.left-\[36px\] { | |
left: 36px; | |
} | |
.left-full { | |
left: 100%; | |
} | |
.right-0 { | |
right: 0px; | |
} | |
.right-4 { | |
right: 1rem; | |
} | |
.right-\[-6px\] { | |
right: -6px; | |
} | |
.right-\[-8px\] { | |
right: -8px; | |
} | |
.right-\[20px\] { | |
right: 20px; | |
} | |
.right-\[24px\] { | |
right: 24px; | |
} | |
.right-\[3px\] { | |
right: 3px; | |
} | |
.right-\[4px\] { | |
right: 4px; | |
} | |
.right-\[5px\] { | |
right: 5px; | |
} | |
.right-\[8px\] { | |
right: 8px; | |
} | |
.top-0 { | |
top: 0px; | |
} | |
.top-16 { | |
top: 4rem; | |
} | |
.top-4 { | |
top: 1rem; | |
} | |
.top-\[0px\] { | |
top: 0px; | |
} | |
.top-\[15px\] { | |
top: 15px; | |
} | |
.top-\[18px\] { | |
top: 18px; | |
} | |
.top-\[24px\] { | |
top: 24px; | |
} | |
.top-\[34px\] { | |
top: 34px; | |
} | |
.top-\[36px\] { | |
top: 36px; | |
} | |
.top-\[4px\] { | |
top: 4px; | |
} | |
.top-\[64px\] { | |
top: 64px; | |
} | |
.isolate { | |
isolation: isolate; | |
} | |
.-z-10 { | |
z-index: -10; | |
} | |
.z-1 { | |
z-index: 1; | |
} | |
.z-10 { | |
z-index: 10; | |
} | |
.z-20 { | |
z-index: 20; | |
} | |
.z-30 { | |
z-index: 30; | |
} | |
.z-40 { | |
z-index: 40; | |
} | |
.z-50 { | |
z-index: 50; | |
} | |
.z-51 { | |
z-index: 51; | |
} | |
.col-start-2 { | |
grid-column-start: 2; | |
} | |
.col-end-auto { | |
grid-column-end: auto; | |
} | |
.row-span-full { | |
grid-row: 1 / -1; | |
} | |
.row-start-1 { | |
grid-row-start: 1; | |
} | |
.row-end-3 { | |
grid-row-end: 3; | |
} | |
.row-end-\[span_2\] { | |
grid-row-end: span 2; | |
} | |
.m-0 { | |
margin: 0px; | |
} | |
.m-1 { | |
margin: 0.25rem; | |
} | |
.m-10 { | |
margin: 2.5rem; | |
} | |
.m-12 { | |
margin: 3rem; | |
} | |
.m-2 { | |
margin: 0.5rem; | |
} | |
.m-20 { | |
margin: 5rem; | |
} | |
.m-\[-5px\] { | |
margin: -5px; | |
} | |
.m-\[100px\] { | |
margin: 100px; | |
} | |
.m-\[12px\] { | |
margin: 12px; | |
} | |
.m-\[16px\] { | |
margin: 16px; | |
} | |
.m-\[24px\] { | |
margin: 24px; | |
} | |
.m-\[2px\] { | |
margin: 2px; | |
} | |
.m-\[32px\] { | |
margin: 32px; | |
} | |
.m-\[4px\] { | |
margin: 4px; | |
} | |
.m-\[8px\] { | |
margin: 8px; | |
} | |
.m-auto { | |
margin: auto; | |
} | |
.-mx-\[16px\] { | |
margin-left: -16px; | |
margin-right: -16px; | |
} | |
.-my-\[8px\] { | |
margin-top: -8px; | |
margin-bottom: -8px; | |
} | |
.mx-1 { | |
margin-left: 0.25rem; | |
margin-right: 0.25rem; | |
} | |
.mx-2 { | |
margin-left: 0.5rem; | |
margin-right: 0.5rem; | |
} | |
.mx-3 { | |
margin-left: 0.75rem; | |
margin-right: 0.75rem; | |
} | |
.mx-\[10px\] { | |
margin-left: 10px; | |
margin-right: 10px; | |
} | |
.mx-\[12px\] { | |
margin-left: 12px; | |
margin-right: 12px; | |
} | |
.mx-\[16px\] { | |
margin-left: 16px; | |
margin-right: 16px; | |
} | |
.mx-\[24px\] { | |
margin-left: 24px; | |
margin-right: 24px; | |
} | |
.mx-\[2px\] { | |
margin-left: 2px; | |
margin-right: 2px; | |
} | |
.mx-\[4px\] { | |
margin-left: 4px; | |
margin-right: 4px; | |
} | |
.mx-\[8px\] { | |
margin-left: 8px; | |
margin-right: 8px; | |
} | |
.mx-auto { | |
margin-left: auto; | |
margin-right: auto; | |
} | |
.mx-px { | |
margin-left: 1px; | |
margin-right: 1px; | |
} | |
.my-1 { | |
margin-top: 0.25rem; | |
margin-bottom: 0.25rem; | |
} | |
.my-2 { | |
margin-top: 0.5rem; | |
margin-bottom: 0.5rem; | |
} | |
.my-3 { | |
margin-top: 0.75rem; | |
margin-bottom: 0.75rem; | |
} | |
.my-4 { | |
margin-top: 1rem; | |
margin-bottom: 1rem; | |
} | |
.my-6 { | |
margin-top: 1.5rem; | |
margin-bottom: 1.5rem; | |
} | |
.my-\[10px\] { | |
margin-top: 10px; | |
margin-bottom: 10px; | |
} | |
.my-\[12px\] { | |
margin-top: 12px; | |
margin-bottom: 12px; | |
} | |
.my-\[16px\] { | |
margin-top: 16px; | |
margin-bottom: 16px; | |
} | |
.my-\[2px\] { | |
margin-top: 2px; | |
margin-bottom: 2px; | |
} | |
.my-\[32px\] { | |
margin-top: 32px; | |
margin-bottom: 32px; | |
} | |
.my-\[45px\] { | |
margin-top: 45px; | |
margin-bottom: 45px; | |
} | |
.my-\[4px\] { | |
margin-top: 4px; | |
margin-bottom: 4px; | |
} | |
.my-\[6px\] { | |
margin-top: 6px; | |
margin-bottom: 6px; | |
} | |
.my-\[8px\] { | |
margin-top: 8px; | |
margin-bottom: 8px; | |
} | |
.-mb-\[8px\] { | |
margin-bottom: -8px; | |
} | |
.mb-0 { | |
margin-bottom: 0px; | |
} | |
.mb-1 { | |
margin-bottom: 0.25rem; | |
} | |
.mb-2 { | |
margin-bottom: 0.5rem; | |
} | |
.mb-3 { | |
margin-bottom: 0.75rem; | |
} | |
.mb-4 { | |
margin-bottom: 1rem; | |
} | |
.mb-5 { | |
margin-bottom: 1.25rem; | |
} | |
.mb-6 { | |
margin-bottom: 1.5rem; | |
} | |
.mb-\[-24px\] { | |
margin-bottom: -24px; | |
} | |
.mb-\[10px\] { | |
margin-bottom: 10px; | |
} | |
.mb-\[12px\] { | |
margin-bottom: 12px; | |
} | |
.mb-\[16px\] { | |
margin-bottom: 16px; | |
} | |
.mb-\[20px\] { | |
margin-bottom: 20px; | |
} | |
.mb-\[24px\] { | |
margin-bottom: 24px; | |
} | |
.mb-\[32px\] { | |
margin-bottom: 32px; | |
} | |
.mb-\[4px\] { | |
margin-bottom: 4px; | |
} | |
.mb-\[8px\] { | |
margin-bottom: 8px; | |
} | |
.ml-1 { | |
margin-left: 0.25rem; | |
} | |
.ml-2 { | |
margin-left: 0.5rem; | |
} | |
.ml-3 { | |
margin-left: 0.75rem; | |
} | |
.ml-4 { | |
margin-left: 1rem; | |
} | |
.ml-\[-1px\] { | |
margin-left: -1px; | |
} | |
.ml-\[-20px\] { | |
margin-left: -20px; | |
} | |
.ml-\[-6px\] { | |
margin-left: -6px; | |
} | |
.ml-\[-8px\] { | |
margin-left: -8px; | |
} | |
.ml-\[10px\] { | |
margin-left: 10px; | |
} | |
.ml-\[12px\] { | |
margin-left: 12px; | |
} | |
.ml-\[16px\] { | |
margin-left: 16px; | |
} | |
.ml-\[1px\] { | |
margin-left: 1px; | |
} | |
.ml-\[20px\] { | |
margin-left: 20px; | |
} | |
.ml-\[24px\] { | |
margin-left: 24px; | |
} | |
.ml-\[25px\] { | |
margin-left: 25px; | |
} | |
.ml-\[2px\] { | |
margin-left: 2px; | |
} | |
.ml-\[4px\] { | |
margin-left: 4px; | |
} | |
.ml-\[5px\] { | |
margin-left: 5px; | |
} | |
.ml-\[64px\] { | |
margin-left: 64px; | |
} | |
.ml-\[6px\] { | |
margin-left: 6px; | |
} | |
.ml-\[8px\] { | |
margin-left: 8px; | |
} | |
.ml-auto { | |
margin-left: auto; | |
} | |
.mr-1 { | |
margin-right: 0.25rem; | |
} | |
.mr-2 { | |
margin-right: 0.5rem; | |
} | |
.mr-\[-0\.75rem\] { | |
margin-right: -0.75rem; | |
} | |
.mr-\[-1px\] { | |
margin-right: -1px; | |
} | |
.mr-\[-40px\] { | |
margin-right: -40px; | |
} | |
.mr-\[-6px\] { | |
margin-right: -6px; | |
} | |
.mr-\[10px\] { | |
margin-right: 10px; | |
} | |
.mr-\[12px\] { | |
margin-right: 12px; | |
} | |
.mr-\[16px\] { | |
margin-right: 16px; | |
} | |
.mr-\[18px\] { | |
margin-right: 18px; | |
} | |
.mr-\[1px\] { | |
margin-right: 1px; | |
} | |
.mr-\[20px\] { | |
margin-right: 20px; | |
} | |
.mr-\[2px\] { | |
margin-right: 2px; | |
} | |
.mr-\[4px\] { | |
margin-right: 4px; | |
} | |
.mr-\[7px\] { | |
margin-right: 7px; | |
} | |
.mr-\[8px\] { | |
margin-right: 8px; | |
} | |
.mt-0 { | |
margin-top: 0px; | |
} | |
.mt-1 { | |
margin-top: 0.25rem; | |
} | |
.mt-20 { | |
margin-top: 5rem; | |
} | |
.mt-4 { | |
margin-top: 1rem; | |
} | |
.mt-\[-20px\] { | |
margin-top: -20px; | |
} | |
.mt-\[-32px\] { | |
margin-top: -32px; | |
} | |
.mt-\[-8px\] { | |
margin-top: -8px; | |
} | |
.mt-\[10px\] { | |
margin-top: 10px; | |
} | |
.mt-\[12px\] { | |
margin-top: 12px; | |
} | |
.mt-\[15px\] { | |
margin-top: 15px; | |
} | |
.mt-\[16px\] { | |
margin-top: 16px; | |
} | |
.mt-\[20px\] { | |
margin-top: 20px; | |
} | |
.mt-\[24px\] { | |
margin-top: 24px; | |
} | |
.mt-\[25px\] { | |
margin-top: 25px; | |
} | |
.mt-\[32px\] { | |
margin-top: 32px; | |
} | |
.mt-\[3px\] { | |
margin-top: 3px; | |
} | |
.mt-\[40px\] { | |
margin-top: 40px; | |
} | |
.mt-\[48px\] { | |
margin-top: 48px; | |
} | |
.mt-\[4px\] { | |
margin-top: 4px; | |
} | |
.mt-\[56px\] { | |
margin-top: 56px; | |
} | |
.mt-\[5px\] { | |
margin-top: 5px; | |
} | |
.mt-\[8px\] { | |
margin-top: 8px; | |
} | |
.mt-px { | |
margin-top: 1px; | |
} | |
.box-border { | |
box-sizing: border-box; | |
} | |
.block { | |
display: block; | |
} | |
.inline-block { | |
display: inline-block; | |
} | |
.inline { | |
display: inline; | |
} | |
.flex { | |
display: flex; | |
} | |
.inline-flex { | |
display: inline-flex; | |
} | |
.table { | |
display: table; | |
} | |
.grid { | |
display: grid; | |
} | |
.inline-grid { | |
display: inline-grid; | |
} | |
.contents { | |
display: contents; | |
} | |
.\!hidden { | |
display: none !important; | |
} | |
.hidden { | |
display: none; | |
} | |
.h-0 { | |
height: 0px; | |
} | |
.h-10 { | |
height: 2.5rem; | |
} | |
.h-12 { | |
height: 3rem; | |
} | |
.h-4 { | |
height: 1rem; | |
} | |
.h-5 { | |
height: 1.25rem; | |
} | |
.h-6 { | |
height: 1.5rem; | |
} | |
.h-\[10px\] { | |
height: 10px; | |
} | |
.h-\[12px\] { | |
height: 12px; | |
} | |
.h-\[15px\] { | |
height: 15px; | |
} | |
.h-\[16px\] { | |
height: 16px; | |
} | |
.h-\[20px\] { | |
height: 20px; | |
} | |
.h-\[24px\] { | |
height: 24px; | |
} | |
.h-\[2px\] { | |
height: 2px; | |
} | |
.h-\[310px\] { | |
height: 310px; | |
} | |
.h-\[320px\] { | |
height: 320px; | |
} | |
.h-\[32px\] { | |
height: 32px; | |
} | |
.h-\[38px\] { | |
height: 38px; | |
} | |
.h-\[3px\] { | |
height: 3px; | |
} | |
.h-\[40px\] { | |
height: 40px; | |
} | |
.h-\[444px\] { | |
height: 444px; | |
} | |
.h-\[48px\] { | |
height: 48px; | |
} | |
.h-\[4px\] { | |
height: 4px; | |
} | |
.h-\[500px\] { | |
height: 500px; | |
} | |
.h-\[50px\] { | |
height: 50px; | |
} | |
.h-\[56px\] { | |
height: 56px; | |
} | |
.h-\[64px\] { | |
height: 64px; | |
} | |
.h-\[6px\] { | |
height: 6px; | |
} | |
.h-\[700px\] { | |
height: 700px; | |
} | |
.h-\[72px\] { | |
height: 72px; | |
} | |
.h-\[850px\] { | |
height: 850px; | |
} | |
.h-\[8px\] { | |
height: 8px; | |
} | |
.h-\[900px\] { | |
height: 900px; | |
} | |
.h-\[calc\(100vh-\[64px\]\)\] { | |
height: calc(100vh - [64px]); | |
} | |
.h-\[calc\] { | |
height: calc; | |
} | |
.h-auto { | |
height: auto; | |
} | |
.h-fit { | |
height: -moz-fit-content; | |
height: fit-content; | |
} | |
.h-full { | |
height: 100%; | |
} | |
.h-screen { | |
height: 100vh; | |
} | |
.max-h-60 { | |
max-height: 15rem; | |
} | |
.max-h-\[30vh\] { | |
max-height: 30vh; | |
} | |
.max-h-\[350px\] { | |
max-height: 350px; | |
} | |
.max-h-\[40px\] { | |
max-height: 40px; | |
} | |
.max-h-\[50vh\] { | |
max-height: 50vh; | |
} | |
.max-h-\[60px\] { | |
max-height: 60px; | |
} | |
.min-h-\[16px\] { | |
min-height: 16px; | |
} | |
.min-h-\[216px\] { | |
min-height: 216px; | |
} | |
.min-h-\[24px\] { | |
min-height: 24px; | |
} | |
.min-h-\[280px\] { | |
min-height: 280px; | |
} | |
.min-h-\[40px\] { | |
min-height: 40px; | |
} | |
.min-h-\[56px\] { | |
min-height: 56px; | |
} | |
.min-h-\[64px\] { | |
min-height: 64px; | |
} | |
.min-h-\[8px\] { | |
min-height: 8px; | |
} | |
.min-h-screen { | |
min-height: 100vh; | |
} | |
.\!w-\[210px\] { | |
width: 210px !important; | |
} | |
.\!w-full { | |
width: 100% !important; | |
} | |
.w-0 { | |
width: 0px; | |
} | |
.w-4 { | |
width: 1rem; | |
} | |
.w-5 { | |
width: 1.25rem; | |
} | |
.w-\[100px\] { | |
width: 100px; | |
} | |
.w-\[10px\] { | |
width: 10px; | |
} | |
.w-\[120px\] { | |
width: 120px; | |
} | |
.w-\[12px\] { | |
width: 12px; | |
} | |
.w-\[150px\] { | |
width: 150px; | |
} | |
.w-\[160px\] { | |
width: 160px; | |
} | |
.w-\[16px\] { | |
width: 16px; | |
} | |
.w-\[180px\] { | |
width: 180px; | |
} | |
.w-\[1px\] { | |
width: 1px; | |
} | |
.w-\[200px\] { | |
width: 200px; | |
} | |
.w-\[20px\] { | |
width: 20px; | |
} | |
.w-\[240px\] { | |
width: 240px; | |
} | |
.w-\[248px\] { | |
width: 248px; | |
} | |
.w-\[24px\] { | |
width: 24px; | |
} | |
.w-\[256px\] { | |
width: 256px; | |
} | |
.w-\[26px\] { | |
width: 26px; | |
} | |
.w-\[280px\] { | |
width: 280px; | |
} | |
.w-\[28px\] { | |
width: 28px; | |
} | |
.w-\[2px\] { | |
width: 2px; | |
} | |
.w-\[300px\] { | |
width: 300px; | |
} | |
.w-\[32px\] { | |
width: 32px; | |
} | |
.w-\[336px\] { | |
width: 336px; | |
} | |
.w-\[344px\] { | |
width: 344px; | |
} | |
.w-\[346px\] { | |
width: 346px; | |
} | |
.w-\[364px\] { | |
width: 364px; | |
} | |
.w-\[384px\] { | |
width: 384px; | |
} | |
.w-\[3px\] { | |
width: 3px; | |
} | |
.w-\[400px\] { | |
width: 400px; | |
} | |
.w-\[40px\] { | |
width: 40px; | |
} | |
.w-\[46px\] { | |
width: 46px; | |
} | |
.w-\[484px\] { | |
width: 484px; | |
} | |
.w-\[486px\] { | |
width: 486px; | |
} | |
.w-\[48px\] { | |
width: 48px; | |
} | |
.w-\[50\%\] { | |
width: 50%; | |
} | |
.w-\[50px\] { | |
width: 50px; | |
} | |
.w-\[592px\] { | |
width: 592px; | |
} | |
.w-\[640px\] { | |
width: 640px; | |
} | |
.w-\[64px\] { | |
width: 64px; | |
} | |
.w-\[672px\] { | |
width: 672px; | |
} | |
.w-\[680px\] { | |
width: 680px; | |
} | |
.w-\[6px\] { | |
width: 6px; | |
} | |
.w-\[720px\] { | |
width: 720px; | |
} | |
.w-\[72px\] { | |
width: 72px; | |
} | |
.w-\[80px\] { | |
width: 80px; | |
} | |
.w-\[8px\] { | |
width: 8px; | |
} | |
.w-\[99px\] { | |
width: 99px; | |
} | |
.w-\[calc\(100\%-24px\)\] { | |
width: calc(100% - 24px); | |
} | |
.w-\[calc\(100\%-2px\)\] { | |
width: calc(100% - 2px); | |
} | |
.w-fit { | |
width: -moz-fit-content; | |
width: fit-content; | |
} | |
.w-full { | |
width: 100%; | |
} | |
.w-min { | |
width: min-content; | |
} | |
.w-px { | |
width: 1px; | |
} | |
.min-w-0 { | |
min-width: 0px; | |
} | |
.min-w-\[100px\] { | |
min-width: 100px; | |
} | |
.min-w-\[125px\] { | |
min-width: 125px; | |
} | |
.min-w-\[127px\] { | |
min-width: 127px; | |
} | |
.min-w-\[164px\] { | |
min-width: 164px; | |
} | |
.min-w-\[16px\] { | |
min-width: 16px; | |
} | |
.min-w-\[200px\] { | |
min-width: 200px; | |
} | |
.min-w-\[240px\] { | |
min-width: 240px; | |
} | |
.min-w-\[248px\] { | |
min-width: 248px; | |
} | |
.min-w-\[26px\] { | |
min-width: 26px; | |
} | |
.min-w-\[278px\] { | |
min-width: 278px; | |
} | |
.min-w-\[280px\] { | |
min-width: 280px; | |
} | |
.min-w-\[300px\] { | |
min-width: 300px; | |
} | |
.min-w-\[40px\] { | |
min-width: 40px; | |
} | |
.min-w-\[476px\] { | |
min-width: 476px; | |
} | |
.min-w-\[480px\] { | |
min-width: 480px; | |
} | |
.min-w-\[728px\] { | |
min-width: 728px; | |
} | |
.min-w-\[8px\] { | |
min-width: 8px; | |
} | |
.min-w-max { | |
min-width: max-content; | |
} | |
.min-w-min { | |
min-width: min-content; | |
} | |
.max-w-2xl { | |
max-width: 42rem; | |
} | |
.max-w-\[100px\] { | |
max-width: 100px; | |
} | |
.max-w-\[120px\] { | |
max-width: 120px; | |
} | |
.max-w-\[15rem\] { | |
max-width: 15rem; | |
} | |
.max-w-\[160px\] { | |
max-width: 160px; | |
} | |
.max-w-\[16px\] { | |
max-width: 16px; | |
} | |
.max-w-\[200px\] { | |
max-width: 200px; | |
} | |
.max-w-\[240px\] { | |
max-width: 240px; | |
} | |
.max-w-\[300px\] { | |
max-width: 300px; | |
} | |
.max-w-\[350px\] { | |
max-width: 350px; | |
} | |
.max-w-\[400px\] { | |
max-width: 400px; | |
} | |
.max-w-\[43\.75rem\] { | |
max-width: 43.75rem; | |
} | |
.max-w-\[440px\] { | |
max-width: 440px; | |
} | |
.max-w-\[46px\] { | |
max-width: 46px; | |
} | |
.max-w-\[500px\] { | |
max-width: 500px; | |
} | |
.max-w-\[600px\] { | |
max-width: 600px; | |
} | |
.max-w-\[640px\] { | |
max-width: 640px; | |
} | |
.max-w-\[642px\] { | |
max-width: 642px; | |
} | |
.max-w-\[680px\] { | |
max-width: 680px; | |
} | |
.max-w-\[800px\] { | |
max-width: 800px; | |
} | |
.max-w-\[80px\] { | |
max-width: 80px; | |
} | |
.max-w-\[848px\] { | |
max-width: 848px; | |
} | |
.max-w-\[900px\] { | |
max-width: 900px; | |
} | |
.max-w-full { | |
max-width: 100%; | |
} | |
.max-w-max { | |
max-width: max-content; | |
} | |
.max-w-sm { | |
max-width: 24rem; | |
} | |
.flex-1 { | |
flex: 1 1 0%; | |
} | |
.flex-none { | |
flex: none; | |
} | |
.flex-shrink { | |
flex-shrink: 1; | |
} | |
.shrink { | |
flex-shrink: 1; | |
} | |
.shrink-0 { | |
flex-shrink: 0; | |
} | |
.flex-grow { | |
flex-grow: 1; | |
} | |
.grow { | |
flex-grow: 1; | |
} | |
.border-collapse { | |
border-collapse: collapse; | |
} | |
.origin-bottom { | |
transform-origin: bottom; | |
} | |
.origin-left { | |
transform-origin: left; | |
} | |
.origin-right { | |
transform-origin: right; | |
} | |
.origin-top { | |
transform-origin: top; | |
} | |
.translate-x-\[12px\] { | |
--tw-translate-x: 12px; | |
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
} | |
.translate-x-\[14px\] { | |
--tw-translate-x: 14px; | |
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
} | |
.translate-x-\[24px\] { | |
--tw-translate-x: 24px; | |
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
} | |
.translate-x-\[6px\] { | |
--tw-translate-x: 6px; | |
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
} | |
.translate-y-0 { | |
--tw-translate-y: 0px; | |
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
} | |
.translate-y-1 { | |
--tw-translate-y: 0.25rem; | |
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
} | |
.translate-y-\[-48px\] { | |
--tw-translate-y: -48px; | |
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
} | |
.rotate-0 { | |
--tw-rotate: 0deg; | |
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
} | |
.rotate-180 { | |
--tw-rotate: 180deg; | |
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
} | |
.rotate-270 { | |
--tw-rotate: 270deg; | |
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
} | |
.rotate-90 { | |
--tw-rotate: 90deg; | |
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
} | |
.scale-0 { | |
--tw-scale-x: 0; | |
--tw-scale-y: 0; | |
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
} | |
.scale-100 { | |
--tw-scale-x: 1; | |
--tw-scale-y: 1; | |
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
} | |
.scale-x-0 { | |
--tw-scale-x: 0; | |
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
} | |
.scale-y-50 { | |
--tw-scale-y: .5; | |
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
} | |
.transform { | |
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
} | |
@keyframes pulse { | |
50% { | |
opacity: .5; | |
} | |
} | |
.animate-pulse { | |
animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; | |
} | |
@keyframes spin { | |
to { | |
transform: rotate(360deg); | |
} | |
} | |
.animate-spin { | |
animation: spin 1s linear infinite; | |
} | |
.cursor-auto { | |
cursor: auto; | |
} | |
.cursor-default { | |
cursor: default; | |
} | |
.cursor-ew-resize { | |
cursor: ew-resize; | |
} | |
.cursor-not-allowed { | |
cursor: not-allowed; | |
} | |
.cursor-pointer { | |
cursor: pointer; | |
} | |
.cursor-text { | |
cursor: text; | |
} | |
.select-none { | |
-webkit-user-select: none; | |
user-select: none; | |
} | |
.resize-x { | |
resize: horizontal; | |
} | |
.resize { | |
resize: both; | |
} | |
.list-decimal { | |
list-style-type: decimal; | |
} | |
.list-disc { | |
list-style-type: disc; | |
} | |
.auto-cols-max { | |
grid-auto-columns: max-content; | |
} | |
.grid-flow-row { | |
grid-auto-flow: row; | |
} | |
.grid-flow-col { | |
grid-auto-flow: column; | |
} | |
.grid-cols-1 { | |
grid-template-columns: repeat(1, minmax(0, 1fr)); | |
} | |
.grid-cols-\[14px\2c 16px\2c auto\] { | |
grid-template-columns: 14px 16px auto; | |
} | |
.grid-cols-\[16px\2c auto\2c auto\] { | |
grid-template-columns: 16px auto auto; | |
} | |
.grid-cols-\[16px\2c auto\] { | |
grid-template-columns: 16px auto; | |
} | |
.grid-cols-\[1fr\2c 135px\2c 130px\] { | |
grid-template-columns: 1fr 135px 130px; | |
} | |
.grid-cols-\[1fr\2c 1fr\] { | |
grid-template-columns: 1fr 1fr; | |
} | |
.grid-cols-\[1fr\] { | |
grid-template-columns: 1fr; | |
} | |
.grid-cols-\[40px\2c 1fr\2c auto\] { | |
grid-template-columns: 40px 1fr auto; | |
} | |
.grid-cols-\[480px\] { | |
grid-template-columns: 480px; | |
} | |
.grid-cols-\[auto\2c 1fr\] { | |
grid-template-columns: auto 1fr; | |
} | |
.grid-cols-\[minmax\(0\2c 1fr\)\] { | |
grid-template-columns: minmax(0,1fr); | |
} | |
.grid-rows-1 { | |
grid-template-rows: repeat(1, minmax(0, 1fr)); | |
} | |
.grid-rows-\[auto\2c 1fr\] { | |
grid-template-rows: auto 1fr; | |
} | |
.grid-rows-\[auto\2c minmax\(0\2c 1fr\)\] { | |
grid-template-rows: auto minmax(0,1fr); | |
} | |
.flex-row { | |
flex-direction: row; | |
} | |
.flex-col { | |
flex-direction: column; | |
} | |
.flex-wrap { | |
flex-wrap: wrap; | |
} | |
.place-content-center { | |
place-content: center; | |
} | |
.items-start { | |
align-items: flex-start; | |
} | |
.items-end { | |
align-items: flex-end; | |
} | |
.items-center { | |
align-items: center; | |
} | |
.items-baseline { | |
align-items: baseline; | |
} | |
.justify-start { | |
justify-content: flex-start; | |
} | |
.justify-end { | |
justify-content: flex-end; | |
} | |
.justify-center { | |
justify-content: center; | |
} | |
.justify-between { | |
justify-content: space-between; | |
} | |
.justify-around { | |
justify-content: space-around; | |
} | |
.justify-evenly { | |
justify-content: space-evenly; | |
} | |
.justify-items-end { | |
justify-items: end; | |
} | |
.justify-items-center { | |
justify-items: center; | |
} | |
.gap-0 { | |
gap: 0px; | |
} | |
.gap-1 { | |
gap: 0.25rem; | |
} | |
.gap-2 { | |
gap: 0.5rem; | |
} | |
.gap-3 { | |
gap: 0.75rem; | |
} | |
.gap-4 { | |
gap: 1rem; | |
} | |
.gap-6 { | |
gap: 1.5rem; | |
} | |
.gap-\[10px\] { | |
gap: 10px; | |
} | |
.gap-\[12px\] { | |
gap: 12px; | |
} | |
.gap-\[160px\] { | |
gap: 160px; | |
} | |
.gap-\[16px\] { | |
gap: 16px; | |
} | |
.gap-\[1rem\] { | |
gap: 1rem; | |
} | |
.gap-\[24px\] { | |
gap: 24px; | |
} | |
.gap-\[32px\] { | |
gap: 32px; | |
} | |
.gap-\[4px\] { | |
gap: 4px; | |
} | |
.gap-\[5px\] { | |
gap: 5px; | |
} | |
.gap-\[8px\] { | |
gap: 8px; | |
} | |
.gap-\[9px\] { | |
gap: 9px; | |
} | |
.gap-x-1 { | |
column-gap: 0.25rem; | |
} | |
.gap-x-2 { | |
column-gap: 0.5rem; | |
} | |
.gap-x-2\.5 { | |
column-gap: 0.625rem; | |
} | |
.gap-x-3 { | |
column-gap: 0.75rem; | |
} | |
.gap-x-\[100px\] { | |
column-gap: 100px; | |
} | |
.gap-x-\[10px\] { | |
column-gap: 10px; | |
} | |
.gap-y-2 { | |
row-gap: 0.5rem; | |
} | |
.gap-y-\[16px\] { | |
row-gap: 16px; | |
} | |
.gap-y-\[8px\] { | |
row-gap: 8px; | |
} | |
.space-x-2 > :not([hidden]) ~ :not([hidden]) { | |
--tw-space-x-reverse: 0; | |
margin-right: calc(0.5rem * var(--tw-space-x-reverse)); | |
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); | |
} | |
.space-x-4 > :not([hidden]) ~ :not([hidden]) { | |
--tw-space-x-reverse: 0; | |
margin-right: calc(1rem * var(--tw-space-x-reverse)); | |
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); | |
} | |
.space-y-1 > :not([hidden]) ~ :not([hidden]) { | |
--tw-space-y-reverse: 0; | |
margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); | |
margin-bottom: calc(0.25rem * 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-4 > :not([hidden]) ~ :not([hidden]) { | |
--tw-space-y-reverse: 0; | |
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); | |
margin-bottom: calc(1rem * var(--tw-space-y-reverse)); | |
} | |
.space-y-\[24px\] > :not([hidden]) ~ :not([hidden]) { | |
--tw-space-y-reverse: 0; | |
margin-top: calc(24px * calc(1 - var(--tw-space-y-reverse))); | |
margin-bottom: calc(24px * var(--tw-space-y-reverse)); | |
} | |
.space-y-\[32px\] > :not([hidden]) ~ :not([hidden]) { | |
--tw-space-y-reverse: 0; | |
margin-top: calc(32px * calc(1 - var(--tw-space-y-reverse))); | |
margin-bottom: calc(32px * var(--tw-space-y-reverse)); | |
} | |
.divide-y > :not([hidden]) ~ :not([hidden]) { | |
--tw-divide-y-reverse: 0; | |
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); | |
border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); | |
} | |
.divide-gray-100 > :not([hidden]) ~ :not([hidden]) { | |
--tw-divide-opacity: 1; | |
border-color: rgb(225 227 237 / var(--tw-divide-opacity)); | |
} | |
.divide-gray-200 > :not([hidden]) ~ :not([hidden]) { | |
--tw-divide-opacity: 1; | |
border-color: rgb(208 210 224 / var(--tw-divide-opacity)); | |
} | |
.divide-gray-50 > :not([hidden]) ~ :not([hidden]) { | |
--tw-divide-opacity: 1; | |
border-color: rgb(243 244 250 / var(--tw-divide-opacity)); | |
} | |
.self-start { | |
align-self: flex-start; | |
} | |
.self-end { | |
align-self: flex-end; | |
} | |
.self-center { | |
align-self: center; | |
} | |
.self-stretch { | |
align-self: stretch; | |
} | |
.justify-self-start { | |
justify-self: start; | |
} | |
.justify-self-end { | |
justify-self: end; | |
} | |
.overflow-auto { | |
overflow: auto; | |
} | |
.overflow-hidden { | |
overflow: hidden; | |
} | |
.overflow-scroll { | |
overflow: scroll; | |
} | |
.overflow-y-auto { | |
overflow-y: auto; | |
} | |
.overflow-y-scroll { | |
overflow-y: scroll; | |
} | |
.truncate { | |
overflow: hidden; | |
text-overflow: ellipsis; | |
white-space: nowrap; | |
} | |
.overflow-ellipsis { | |
text-overflow: ellipsis; | |
} | |
.whitespace-normal { | |
white-space: normal; | |
} | |
.whitespace-nowrap { | |
white-space: nowrap; | |
} | |
.whitespace-pre { | |
white-space: pre; | |
} | |
.whitespace-pre-wrap { | |
white-space: pre-wrap; | |
} | |
.break-words { | |
overflow-wrap: break-word; | |
} | |
.break-all { | |
word-break: break-all; | |
} | |
.rounded { | |
border-radius: 4px; | |
} | |
.rounded-\[20px\] { | |
border-radius: 20px; | |
} | |
.rounded-\[4px\] { | |
border-radius: 4px; | |
} | |
.rounded-\[50px\] { | |
border-radius: 50px; | |
} | |
.rounded-full { | |
border-radius: 9999px; | |
} | |
.rounded-lg { | |
border-radius: 0.5rem; | |
} | |
.rounded-md { | |
border-radius: 4px; | |
} | |
.rounded-none { | |
border-radius: 0px; | |
} | |
.rounded-sm { | |
border-radius: 0.125rem; | |
} | |
.rounded-b { | |
border-bottom-right-radius: 4px; | |
border-bottom-left-radius: 4px; | |
} | |
.rounded-b-none { | |
border-bottom-right-radius: 0px; | |
border-bottom-left-radius: 0px; | |
} | |
.rounded-l { | |
border-top-left-radius: 4px; | |
border-bottom-left-radius: 4px; | |
} | |
.rounded-l-md { | |
border-top-left-radius: 4px; | |
border-bottom-left-radius: 4px; | |
} | |
.rounded-l-none { | |
border-top-left-radius: 0px; | |
border-bottom-left-radius: 0px; | |
} | |
.rounded-r { | |
border-top-right-radius: 4px; | |
border-bottom-right-radius: 4px; | |
} | |
.rounded-r-md { | |
border-top-right-radius: 4px; | |
border-bottom-right-radius: 4px; | |
} | |
.rounded-t { | |
border-top-left-radius: 4px; | |
border-top-right-radius: 4px; | |
} | |
.rounded-t-\[8px\] { | |
border-top-left-radius: 8px; | |
border-top-right-radius: 8px; | |
} | |
.rounded-t-md { | |
border-top-left-radius: 4px; | |
border-top-right-radius: 4px; | |
} | |
.rounded-t-none { | |
border-top-left-radius: 0px; | |
border-top-right-radius: 0px; | |
} | |
.rounded-bl-md { | |
border-bottom-left-radius: 4px; | |
} | |
.rounded-br-md { | |
border-bottom-right-radius: 4px; | |
} | |
.rounded-tl-md { | |
border-top-left-radius: 4px; | |
} | |
.rounded-tr-md { | |
border-top-right-radius: 4px; | |
} | |
.border { | |
border-width: 1px; | |
} | |
.border-0 { | |
border-width: 0px; | |
} | |
.border-\[1px\] { | |
border-width: 1px; | |
} | |
.border-x-\[1px\] { | |
border-left-width: 1px; | |
border-right-width: 1px; | |
} | |
.border-y { | |
border-top-width: 1px; | |
border-bottom-width: 1px; | |
} | |
.border-b { | |
border-bottom-width: 1px; | |
} | |
.border-b-0 { | |
border-bottom-width: 0px; | |
} | |
.border-b-\[1px\] { | |
border-bottom-width: 1px; | |
} | |
.border-l { | |
border-left-width: 1px; | |
} | |
.border-l-0 { | |
border-left-width: 0px; | |
} | |
.border-l-\[1px\] { | |
border-left-width: 1px; | |
} | |
.border-r { | |
border-right-width: 1px; | |
} | |
.border-r-0 { | |
border-right-width: 0px; | |
} | |
.border-r-\[10px\] { | |
border-right-width: 10px; | |
} | |
.border-r-\[1px\] { | |
border-right-width: 1px; | |
} | |
.border-t { | |
border-top-width: 1px; | |
} | |
.border-t-\[1px\] { | |
border-top-width: 1px; | |
} | |
.border-t-\[4px\] { | |
border-top-width: 4px; | |
} | |
.border-solid { | |
border-style: solid; | |
} | |
.border-dashed { | |
border-style: dashed; | |
} | |
.border-none { | |
border-style: none; | |
} | |
.border-current { | |
border-color: currentColor; | |
} | |
.border-error-300 { | |
--tw-border-opacity: 1; | |
border-color: rgb(245 154 169 / var(--tw-border-opacity)); | |
} | |
.border-gray-100 { | |
--tw-border-opacity: 1; | |
border-color: rgb(225 227 237 / var(--tw-border-opacity)); | |
} | |
.border-gray-1000 { | |
--tw-border-opacity: 1; | |
border-color: rgb(27 30 46 / var(--tw-border-opacity)); | |
} | |
.border-gray-200 { | |
--tw-border-opacity: 1; | |
border-color: rgb(208 210 224 / var(--tw-border-opacity)); | |
} | |
.border-gray-50 { | |
--tw-border-opacity: 1; | |
border-color: rgb(243 244 250 / var(--tw-border-opacity)); | |
} | |
.border-gray-500 { | |
--tw-border-opacity: 1; | |
border-color: rgb(144 149 173 / var(--tw-border-opacity)); | |
} | |
.border-gray-800 { | |
--tw-border-opacity: 1; | |
border-color: rgb(67 72 97 / var(--tw-border-opacity)); | |
} | |
.border-gray-900 { | |
--tw-border-opacity: 1; | |
border-color: rgb(46 50 71 / var(--tw-border-opacity)); | |
} | |
.border-indigo-100 { | |
--tw-border-opacity: 1; | |
border-color: rgb(218 221 254 / var(--tw-border-opacity)); | |
} | |
.border-indigo-300 { | |
--tw-border-opacity: 1; | |
border-color: rgb(154 162 252 / var(--tw-border-opacity)); | |
} | |
.border-indigo-50 { | |
--tw-border-opacity: 1; | |
border-color: rgb(240 241 255 / var(--tw-border-opacity)); | |
} | |
.border-indigo-500 { | |
--tw-border-opacity: 1; | |
border-color: rgb(73 86 227 / var(--tw-border-opacity)); | |
} | |
.border-indigo-600 { | |
--tw-border-opacity: 1; | |
border-color: rgb(58 70 204 / var(--tw-border-opacity)); | |
} | |
.border-jade-500 { | |
--tw-border-opacity: 1; | |
border-color: rgb(0 129 77 / var(--tw-border-opacity)); | |
} | |
.border-orange-200 { | |
--tw-border-opacity: 1; | |
border-color: rgb(241 224 143 / var(--tw-border-opacity)); | |
} | |
.border-purple-500 { | |
--tw-border-opacity: 1; | |
border-color: rgb(127 67 201 / var(--tw-border-opacity)); | |
} | |
.border-red-100 { | |
--tw-border-opacity: 1; | |
border-color: rgb(250 217 223 / var(--tw-border-opacity)); | |
} | |
.border-red-200 { | |
--tw-border-opacity: 1; | |
border-color: rgb(248 196 205 / var(--tw-border-opacity)); | |
} | |
.border-red-500 { | |
--tw-border-opacity: 1; | |
border-color: rgb(198 43 73 / var(--tw-border-opacity)); | |
} | |
.border-teal-500 { | |
--tw-border-opacity: 1; | |
border-color: rgb(0 119 128 / var(--tw-border-opacity)); | |
} | |
.border-transparent { | |
border-color: transparent; | |
} | |
.border-white\/20 { | |
border-color: rgb(255 255 255 / 0.2); | |
} | |
.border-b-gray-100 { | |
--tw-border-opacity: 1; | |
border-bottom-color: rgb(225 227 237 / var(--tw-border-opacity)); | |
} | |
.border-b-gray-50 { | |
--tw-border-opacity: 1; | |
border-bottom-color: rgb(243 244 250 / var(--tw-border-opacity)); | |
} | |
.border-b-gray-800 { | |
--tw-border-opacity: 1; | |
border-bottom-color: rgb(67 72 97 / var(--tw-border-opacity)); | |
} | |
.border-b-indigo-100 { | |
--tw-border-opacity: 1; | |
border-bottom-color: rgb(218 221 254 / var(--tw-border-opacity)); | |
} | |
.border-b-red-100 { | |
--tw-border-opacity: 1; | |
border-bottom-color: rgb(250 217 223 / var(--tw-border-opacity)); | |
} | |
.border-l-gray-200 { | |
--tw-border-opacity: 1; | |
border-left-color: rgb(208 210 224 / var(--tw-border-opacity)); | |
} | |
.border-l-gray-600 { | |
--tw-border-opacity: 1; | |
border-left-color: rgb(116 121 148 / var(--tw-border-opacity)); | |
} | |
.border-l-jade-500 { | |
--tw-border-opacity: 1; | |
border-left-color: rgb(0 129 77 / var(--tw-border-opacity)); | |
} | |
.border-r-gray-100 { | |
--tw-border-opacity: 1; | |
border-right-color: rgb(225 227 237 / var(--tw-border-opacity)); | |
} | |
.border-r-indigo-300 { | |
--tw-border-opacity: 1; | |
border-right-color: rgb(154 162 252 / var(--tw-border-opacity)); | |
} | |
.border-r-transparent { | |
border-right-color: transparent; | |
} | |
.border-t-gray-100 { | |
--tw-border-opacity: 1; | |
border-top-color: rgb(225 227 237 / var(--tw-border-opacity)); | |
} | |
.border-t-orange-400 { | |
--tw-border-opacity: 1; | |
border-top-color: rgb(219 121 3 / var(--tw-border-opacity)); | |
} | |
.border-t-orange-500 { | |
--tw-border-opacity: 1; | |
border-top-color: rgb(189 88 0 / var(--tw-border-opacity)); | |
} | |
.border-t-orange-600 { | |
--tw-border-opacity: 1; | |
border-top-color: rgb(150 63 0 / var(--tw-border-opacity)); | |
} | |
.border-opacity-50 { | |
--tw-border-opacity: 0.5; | |
} | |
.bg-black { | |
--tw-bg-opacity: 1; | |
background-color: rgb(0 0 0 / var(--tw-bg-opacity)); | |
} | |
.bg-emerald-100 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(209 250 229 / var(--tw-bg-opacity)); | |
} | |
.bg-error-100 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(250 217 223 / var(--tw-bg-opacity)); | |
} | |
.bg-error-200 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(248 196 205 / var(--tw-bg-opacity)); | |
} | |
.bg-error-50 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(251 239 241 / var(--tw-bg-opacity)); | |
} | |
.bg-error-500 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(198 43 73 / var(--tw-bg-opacity)); | |
} | |
.bg-fuchsia-100 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(247 218 249 / var(--tw-bg-opacity)); | |
} | |
.bg-gray-100 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(225 227 237 / var(--tw-bg-opacity)); | |
} | |
.bg-gray-1000 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(27 30 46 / var(--tw-bg-opacity)); | |
} | |
.bg-gray-200 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(208 210 224 / var(--tw-bg-opacity)); | |
} | |
.bg-gray-300 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(191 194 212 / var(--tw-bg-opacity)); | |
} | |
.bg-gray-50 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(243 244 250 / var(--tw-bg-opacity)); | |
} | |
.bg-gray-500 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(144 149 173 / var(--tw-bg-opacity)); | |
} | |
.bg-gray-700 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(90 95 122 / var(--tw-bg-opacity)); | |
} | |
.bg-gray-800 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(67 72 97 / var(--tw-bg-opacity)); | |
} | |
.bg-gray-900 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(46 50 71 / var(--tw-bg-opacity)); | |
} | |
.bg-green-500 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(91 113 0 / var(--tw-bg-opacity)); | |
} | |
.bg-green-600 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(64 85 0 / var(--tw-bg-opacity)); | |
} | |
.bg-indigo-100 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(218 221 254 / var(--tw-bg-opacity)); | |
} | |
.bg-indigo-300\/20 { | |
background-color: rgb(154 162 252 / 0.2); | |
} | |
.bg-indigo-400 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(100 112 243 / var(--tw-bg-opacity)); | |
} | |
.bg-indigo-50 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(240 241 255 / var(--tw-bg-opacity)); | |
} | |
.bg-indigo-500 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(73 86 227 / var(--tw-bg-opacity)); | |
} | |
.bg-indigo-600 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(58 70 204 / var(--tw-bg-opacity)); | |
} | |
.bg-info-100 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(218 221 254 / var(--tw-bg-opacity)); | |
} | |
.bg-info-50 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(240 241 255 / var(--tw-bg-opacity)); | |
} | |
.bg-jade-100 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(194 241 222 / var(--tw-bg-opacity)); | |
} | |
.bg-jade-200 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(163 231 203 / var(--tw-bg-opacity)); | |
} | |
.bg-jade-400 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(31 169 113 / var(--tw-bg-opacity)); | |
} | |
.bg-jade-50 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(228 251 242 / var(--tw-bg-opacity)); | |
} | |
.bg-jade-500 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(0 129 77 / var(--tw-bg-opacity)); | |
} | |
.bg-jade-600 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(0 95 57 / var(--tw-bg-opacity)); | |
} | |
.bg-orange-100 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(243 236 179 / var(--tw-bg-opacity)); | |
} | |
.bg-orange-50 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(245 244 215 / var(--tw-bg-opacity)); | |
} | |
.bg-orange-500 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(189 88 0 / var(--tw-bg-opacity)); | |
} | |
.bg-pink-100 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(252 231 243 / var(--tw-bg-opacity)); | |
} | |
.bg-pink-200 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(251 207 232 / var(--tw-bg-opacity)); | |
} | |
.bg-pink-50 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(253 242 248 / var(--tw-bg-opacity)); | |
} | |
.bg-purple-100 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(233 221 250 / var(--tw-bg-opacity)); | |
} | |
.bg-purple-300 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(200 167 245 / var(--tw-bg-opacity)); | |
} | |
.bg-purple-50 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(245 240 251 / var(--tw-bg-opacity)); | |
} | |
.bg-purple-500 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(127 67 201 / var(--tw-bg-opacity)); | |
} | |
.bg-red-100 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(250 217 223 / var(--tw-bg-opacity)); | |
} | |
.bg-red-200 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(248 196 205 / var(--tw-bg-opacity)); | |
} | |
.bg-red-50 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(251 239 241 / var(--tw-bg-opacity)); | |
} | |
.bg-red-500 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(198 43 73 / var(--tw-bg-opacity)); | |
} | |
.bg-rose-100 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(255 228 230 / var(--tw-bg-opacity)); | |
} | |
.bg-success-100 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(194 241 222 / var(--tw-bg-opacity)); | |
} | |
.bg-success-50 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(228 251 242 / var(--tw-bg-opacity)); | |
} | |
.bg-teal-100 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(183 231 240 / var(--tw-bg-opacity)); | |
} | |
.bg-teal-50 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(224 246 250 / var(--tw-bg-opacity)); | |
} | |
.bg-teal-500 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(0 119 128 / var(--tw-bg-opacity)); | |
} | |
.bg-transparent { | |
background-color: transparent; | |
} | |
.bg-warning-100 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(243 236 179 / var(--tw-bg-opacity)); | |
} | |
.bg-warning-200 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(241 224 143 / var(--tw-bg-opacity)); | |
} | |
.bg-warning-50 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(245 244 215 / var(--tw-bg-opacity)); | |
} | |
.bg-warning-500 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(189 88 0 / var(--tw-bg-opacity)); | |
} | |
.bg-white { | |
--tw-bg-opacity: 1; | |
background-color: rgb(255 255 255 / var(--tw-bg-opacity)); | |
} | |
.bg-gradient-to-b { | |
background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); | |
} | |
.from-gray-1000 { | |
--tw-gradient-from: #1B1E2E var(--tw-gradient-from-position); | |
--tw-gradient-to: rgb(27 30 46 / 0) var(--tw-gradient-to-position); | |
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
} | |
.from-transparent { | |
--tw-gradient-from: transparent var(--tw-gradient-from-position); | |
--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); | |
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
} | |
.to-gray-1000 { | |
--tw-gradient-to: #1B1E2E var(--tw-gradient-to-position); | |
} | |
.to-transparent { | |
--tw-gradient-to: transparent var(--tw-gradient-to-position); | |
} | |
.bg-cover { | |
background-size: cover; | |
} | |
.fill-gray-200 { | |
fill: #D0D2E0; | |
} | |
.fill-gray-50 { | |
fill: #F3F4FA; | |
} | |
.fill-purple-300 { | |
fill: #C8A7F5; | |
} | |
.fill-white { | |
fill: #fff; | |
} | |
.stroke-gray-1000 { | |
stroke: #1B1E2E; | |
} | |
.stroke-gray-300 { | |
stroke: #BFC2D4; | |
} | |
.stroke-purple-300 { | |
stroke: #C8A7F5; | |
} | |
.p-0 { | |
padding: 0px; | |
} | |
.p-12 { | |
padding: 3rem; | |
} | |
.p-2 { | |
padding: 0.5rem; | |
} | |
.p-3 { | |
padding: 0.75rem; | |
} | |
.p-4 { | |
padding: 1rem; | |
} | |
.p-6 { | |
padding: 1.5rem; | |
} | |
.p-\[1\.5rem\] { | |
padding: 1.5rem; | |
} | |
.p-\[10px\] { | |
padding: 10px; | |
} | |
.p-\[12px\] { | |
padding: 12px; | |
} | |
.p-\[14px\] { | |
padding: 14px; | |
} | |
.p-\[16px\] { | |
padding: 16px; | |
} | |
.p-\[20px\] { | |
padding: 20px; | |
} | |
.p-\[24px\] { | |
padding: 24px; | |
} | |
.p-\[2px\] { | |
padding: 2px; | |
} | |
.p-\[30px\] { | |
padding: 30px; | |
} | |
.p-\[32px\] { | |
padding: 32px; | |
} | |
.p-\[40px\] { | |
padding: 40px; | |
} | |
.p-\[4px\] { | |
padding: 4px; | |
} | |
.p-\[5px\] { | |
padding: 5px; | |
} | |
.p-\[7px\] { | |
padding: 7px; | |
} | |
.p-\[8px\] { | |
padding: 8px; | |
} | |
.px-1 { | |
padding-left: 0.25rem; | |
padding-right: 0.25rem; | |
} | |
.px-2 { | |
padding-left: 0.5rem; | |
padding-right: 0.5rem; | |
} | |
.px-2\.5 { | |
padding-left: 0.625rem; | |
padding-right: 0.625rem; | |
} | |
.px-3 { | |
padding-left: 0.75rem; | |
padding-right: 0.75rem; | |
} | |
.px-4 { | |
padding-left: 1rem; | |
padding-right: 1rem; | |
} | |
.px-5 { | |
padding-left: 1.25rem; | |
padding-right: 1.25rem; | |
} | |
.px-6 { | |
padding-left: 1.5rem; | |
padding-right: 1.5rem; | |
} | |
.px-8 { | |
padding-left: 2rem; | |
padding-right: 2rem; | |
} | |
.px-\[0px\] { | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
.px-\[12px\] { | |
padding-left: 12px; | |
padding-right: 12px; | |
} | |
.px-\[16px\] { | |
padding-left: 16px; | |
padding-right: 16px; | |
} | |
.px-\[18px\] { | |
padding-left: 18px; | |
padding-right: 18px; | |
} | |
.px-\[20px\] { | |
padding-left: 20px; | |
padding-right: 20px; | |
} | |
.px-\[22px\] { | |
padding-left: 22px; | |
padding-right: 22px; | |
} | |
.px-\[24px\] { | |
padding-left: 24px; | |
padding-right: 24px; | |
} | |
.px-\[2px\] { | |
padding-left: 2px; | |
padding-right: 2px; | |
} | |
.px-\[32px\] { | |
padding-left: 32px; | |
padding-right: 32px; | |
} | |
.px-\[3px\] { | |
padding-left: 3px; | |
padding-right: 3px; | |
} | |
.px-\[40px\] { | |
padding-left: 40px; | |
padding-right: 40px; | |
} | |
.px-\[4px\] { | |
padding-left: 4px; | |
padding-right: 4px; | |
} | |
.px-\[6px\] { | |
padding-left: 6px; | |
padding-right: 6px; | |
} | |
.px-\[8px\] { | |
padding-left: 8px; | |
padding-right: 8px; | |
} | |
.py-0 { | |
padding-top: 0px; | |
padding-bottom: 0px; | |
} | |
.py-1 { | |
padding-top: 0.25rem; | |
padding-bottom: 0.25rem; | |
} | |
.py-1\.5 { | |
padding-top: 0.375rem; | |
padding-bottom: 0.375rem; | |
} | |
.py-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-5 { | |
padding-top: 1.25rem; | |
padding-bottom: 1.25rem; | |
} | |
.py-7 { | |
padding-top: 1.75rem; | |
padding-bottom: 1.75rem; | |
} | |
.py-\[10px\] { | |
padding-top: 10px; | |
padding-bottom: 10px; | |
} | |
.py-\[11px\] { | |
padding-top: 11px; | |
padding-bottom: 11px; | |
} | |
.py-\[12px\] { | |
padding-top: 12px; | |
padding-bottom: 12px; | |
} | |
.py-\[14px\] { | |
padding-top: 14px; | |
padding-bottom: 14px; | |
} | |
.py-\[15px\] { | |
padding-top: 15px; | |
padding-bottom: 15px; | |
} | |
.py-\[16px\] { | |
padding-top: 16px; | |
padding-bottom: 16px; | |
} | |
.py-\[18px\] { | |
padding-top: 18px; | |
padding-bottom: 18px; | |
} | |
.py-\[24px\] { | |
padding-top: 24px; | |
padding-bottom: 24px; | |
} | |
.py-\[28px\] { | |
padding-top: 28px; | |
padding-bottom: 28px; | |
} | |
.py-\[2px\] { | |
padding-top: 2px; | |
padding-bottom: 2px; | |
} | |
.py-\[40px\] { | |
padding-top: 40px; | |
padding-bottom: 40px; | |
} | |
.py-\[4px\] { | |
padding-top: 4px; | |
padding-bottom: 4px; | |
} | |
.py-\[64px\] { | |
padding-top: 64px; | |
padding-bottom: 64px; | |
} | |
.py-\[6px\] { | |
padding-top: 6px; | |
padding-bottom: 6px; | |
} | |
.py-\[8px\] { | |
padding-top: 8px; | |
padding-bottom: 8px; | |
} | |
.py-\[9px\] { | |
padding-top: 9px; | |
padding-bottom: 9px; | |
} | |
.pb-0 { | |
padding-bottom: 0px; | |
} | |
.pb-2 { | |
padding-bottom: 0.5rem; | |
} | |
.pb-4 { | |
padding-bottom: 1rem; | |
} | |
.pb-\[12px\] { | |
padding-bottom: 12px; | |
} | |
.pb-\[16px\] { | |
padding-bottom: 16px; | |
} | |
.pb-\[24px\] { | |
padding-bottom: 24px; | |
} | |
.pb-\[32px\] { | |
padding-bottom: 32px; | |
} | |
.pb-\[36px\] { | |
padding-bottom: 36px; | |
} | |
.pb-\[4px\] { | |
padding-bottom: 4px; | |
} | |
.pb-\[7px\] { | |
padding-bottom: 7px; | |
} | |
.pb-\[8px\] { | |
padding-bottom: 8px; | |
} | |
.pl-0 { | |
padding-left: 0px; | |
} | |
.pl-1 { | |
padding-left: 0.25rem; | |
} | |
.pl-2 { | |
padding-left: 0.5rem; | |
} | |
.pl-2\.5 { | |
padding-left: 0.625rem; | |
} | |
.pl-4 { | |
padding-left: 1rem; | |
} | |
.pl-5 { | |
padding-left: 1.25rem; | |
} | |
.pl-6 { | |
padding-left: 1.5rem; | |
} | |
.pl-8 { | |
padding-left: 2rem; | |
} | |
.pl-\[12px\] { | |
padding-left: 12px; | |
} | |
.pl-\[16px\] { | |
padding-left: 16px; | |
} | |
.pl-\[20px\] { | |
padding-left: 20px; | |
} | |
.pl-\[22px\] { | |
padding-left: 22px; | |
} | |
.pl-\[24px\] { | |
padding-left: 24px; | |
} | |
.pl-\[32px\] { | |
padding-left: 32px; | |
} | |
.pl-\[35px\] { | |
padding-left: 35px; | |
} | |
.pl-\[56px\] { | |
padding-left: 56px; | |
} | |
.pl-\[8px\] { | |
padding-left: 8px; | |
} | |
.pr-1 { | |
padding-right: 0.25rem; | |
} | |
.pr-3 { | |
padding-right: 0.75rem; | |
} | |
.pr-5 { | |
padding-right: 1.25rem; | |
} | |
.pr-6 { | |
padding-right: 1.5rem; | |
} | |
.pr-8 { | |
padding-right: 2rem; | |
} | |
.pr-\[16px\] { | |
padding-right: 16px; | |
} | |
.pr-\[20px\] { | |
padding-right: 20px; | |
} | |
.pr-\[24px\] { | |
padding-right: 24px; | |
} | |
.pr-\[2px\] { | |
padding-right: 2px; | |
} | |
.pr-\[3\.25em\] { | |
padding-right: 3.25em; | |
} | |
.pr-\[3px\] { | |
padding-right: 3px; | |
} | |
.pr-\[4px\] { | |
padding-right: 4px; | |
} | |
.pr-\[8px\] { | |
padding-right: 8px; | |
} | |
.pt-0 { | |
padding-top: 0px; | |
} | |
.pt-1 { | |
padding-top: 0.25rem; | |
} | |
.pt-5 { | |
padding-top: 1.25rem; | |
} | |
.pt-\[100px\] { | |
padding-top: 100px; | |
} | |
.pt-\[12px\] { | |
padding-top: 12px; | |
} | |
.pt-\[15px\] { | |
padding-top: 15px; | |
} | |
.pt-\[16px\] { | |
padding-top: 16px; | |
} | |
.pt-\[20px\] { | |
padding-top: 20px; | |
} | |
.pt-\[24px\] { | |
padding-top: 24px; | |
} | |
.pt-\[2px\] { | |
padding-top: 2px; | |
} | |
.pt-\[32px\] { | |
padding-top: 32px; | |
} | |
.pt-\[36px\] { | |
padding-top: 36px; | |
} | |
.pt-\[5px\] { | |
padding-top: 5px; | |
} | |
.pt-\[8px\] { | |
padding-top: 8px; | |
} | |
.pt-\[9px\] { | |
padding-top: 9px; | |
} | |
.text-left { | |
text-align: left; | |
} | |
.text-center { | |
text-align: center; | |
} | |
.text-right { | |
text-align: right; | |
} | |
.align-top { | |
vertical-align: top; | |
} | |
.align-middle { | |
vertical-align: middle; | |
} | |
.align-text-bottom { | |
vertical-align: text-bottom; | |
} | |
.font-mono { | |
font-family: "Fira Code", monospace; | |
} | |
.font-sans { | |
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; | |
} | |
.text-2xl { | |
font-size: 1.5rem; | |
line-height: 2rem; | |
} | |
.text-3xl { | |
font-size: 1.875rem; | |
line-height: 2.25rem; | |
} | |
.text-4xl { | |
font-size: 2.25rem; | |
line-height: 2.5rem; | |
} | |
.text-6xl { | |
font-size: 3.75rem; | |
line-height: 1; | |
} | |
.text-\[12px\] { | |
font-size: 12px; | |
} | |
.text-\[14px\] { | |
font-size: 14px; | |
} | |
.text-\[16px\] { | |
font-size: 16px; | |
} | |
.text-\[18px\] { | |
font-size: 18px; | |
} | |
.text-\[32px\] { | |
font-size: 32px; | |
} | |
.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-light { | |
font-weight: 300; | |
} | |
.font-medium { | |
font-weight: 500; | |
} | |
.font-normal { | |
font-weight: 400; | |
} | |
.font-semibold { | |
font-weight: 600; | |
} | |
.font-thin { | |
font-weight: 100; | |
} | |
.uppercase { | |
text-transform: uppercase; | |
} | |
.lowercase { | |
text-transform: lowercase; | |
} | |
.capitalize { | |
text-transform: capitalize; | |
} | |
.italic { | |
font-style: italic; | |
} | |
.leading-3 { | |
line-height: .75rem; | |
} | |
.leading-5 { | |
line-height: 1.25rem; | |
} | |
.leading-\[16px\] { | |
line-height: 16px; | |
} | |
.leading-\[20px\] { | |
line-height: 20px; | |
} | |
.leading-\[22px\] { | |
line-height: 22px; | |
} | |
.leading-\[24px\] { | |
line-height: 24px; | |
} | |
.leading-\[40px\] { | |
line-height: 40px; | |
} | |
.leading-normal { | |
line-height: 1.5; | |
} | |
.leading-relaxed { | |
line-height: 1.625; | |
} | |
.leading-snug { | |
line-height: 1.375; | |
} | |
.leading-tight { | |
line-height: 1.25; | |
} | |
.tracking-tight { | |
letter-spacing: -0.025em; | |
} | |
.\!text-white { | |
--tw-text-opacity: 1 !important; | |
color: rgb(255 255 255 / var(--tw-text-opacity)) !important; | |
} | |
.text-amber-800 { | |
--tw-text-opacity: 1; | |
color: rgb(146 64 14 / var(--tw-text-opacity)); | |
} | |
.text-black { | |
--tw-text-opacity: 1; | |
color: rgb(0 0 0 / var(--tw-text-opacity)); | |
} | |
.text-blue-500 { | |
--tw-text-opacity: 1; | |
color: rgb(59 130 246 / var(--tw-text-opacity)); | |
} | |
.text-error-400 { | |
--tw-text-opacity: 1; | |
color: rgb(228 87 112 / var(--tw-text-opacity)); | |
} | |
.text-error-500 { | |
--tw-text-opacity: 1; | |
color: rgb(198 43 73 / var(--tw-text-opacity)); | |
} | |
.text-error-600 { | |
--tw-text-opacity: 1; | |
color: rgb(159 19 49 / var(--tw-text-opacity)); | |
} | |
.text-fuchsia-600 { | |
--tw-text-opacity: 1; | |
color: rgb(144 28 162 / var(--tw-text-opacity)); | |
} | |
.text-gray-1000 { | |
--tw-text-opacity: 1; | |
color: rgb(27 30 46 / var(--tw-text-opacity)); | |
} | |
.text-gray-200 { | |
--tw-text-opacity: 1; | |
color: rgb(208 210 224 / var(--tw-text-opacity)); | |
} | |
.text-gray-300 { | |
--tw-text-opacity: 1; | |
color: rgb(191 194 212 / var(--tw-text-opacity)); | |
} | |
.text-gray-400 { | |
--tw-text-opacity: 1; | |
color: rgb(175 179 199 / var(--tw-text-opacity)); | |
} | |
.text-gray-50 { | |
--tw-text-opacity: 1; | |
color: rgb(243 244 250 / var(--tw-text-opacity)); | |
} | |
.text-gray-500 { | |
--tw-text-opacity: 1; | |
color: rgb(144 149 173 / var(--tw-text-opacity)); | |
} | |
.text-gray-600 { | |
--tw-text-opacity: 1; | |
color: rgb(116 121 148 / var(--tw-text-opacity)); | |
} | |
.text-gray-700 { | |
--tw-text-opacity: 1; | |
color: rgb(90 95 122 / var(--tw-text-opacity)); | |
} | |
.text-gray-800 { | |
--tw-text-opacity: 1; | |
color: rgb(67 72 97 / var(--tw-text-opacity)); | |
} | |
.text-gray-900 { | |
--tw-text-opacity: 1; | |
color: rgb(46 50 71 / var(--tw-text-opacity)); | |
} | |
.text-indigo-300 { | |
--tw-text-opacity: 1; | |
color: rgb(154 162 252 / var(--tw-text-opacity)); | |
} | |
.text-indigo-400 { | |
--tw-text-opacity: 1; | |
color: rgb(100 112 243 / var(--tw-text-opacity)); | |
} | |
.text-indigo-500 { | |
--tw-text-opacity: 1; | |
color: rgb(73 86 227 / var(--tw-text-opacity)); | |
} | |
.text-indigo-600 { | |
--tw-text-opacity: 1; | |
color: rgb(58 70 204 / var(--tw-text-opacity)); | |
} | |
.text-indigo-700 { | |
--tw-text-opacity: 1; | |
color: rgb(47 58 176 / var(--tw-text-opacity)); | |
} | |
.text-info-500 { | |
--tw-text-opacity: 1; | |
color: rgb(73 86 227 / var(--tw-text-opacity)); | |
} | |
.text-info-700 { | |
--tw-text-opacity: 1; | |
color: rgb(47 58 176 / var(--tw-text-opacity)); | |
} | |
.text-jade-400 { | |
--tw-text-opacity: 1; | |
color: rgb(31 169 113 / var(--tw-text-opacity)); | |
} | |
.text-jade-500 { | |
--tw-text-opacity: 1; | |
color: rgb(0 129 77 / var(--tw-text-opacity)); | |
} | |
.text-jade-600 { | |
--tw-text-opacity: 1; | |
color: rgb(0 95 57 / var(--tw-text-opacity)); | |
} | |
.text-jade-700 { | |
--tw-text-opacity: 1; | |
color: rgb(0 68 42 / var(--tw-text-opacity)); | |
} | |
.text-orange-300 { | |
--tw-text-opacity: 1; | |
color: rgb(237 187 74 / var(--tw-text-opacity)); | |
} | |
.text-orange-400 { | |
--tw-text-opacity: 1; | |
color: rgb(219 121 3 / var(--tw-text-opacity)); | |
} | |
.text-orange-500 { | |
--tw-text-opacity: 1; | |
color: rgb(189 88 0 / var(--tw-text-opacity)); | |
} | |
.text-orange-600 { | |
--tw-text-opacity: 1; | |
color: rgb(150 63 0 / var(--tw-text-opacity)); | |
} | |
.text-orange-700 { | |
--tw-text-opacity: 1; | |
color: rgb(112 44 0 / var(--tw-text-opacity)); | |
} | |
.text-pink-400 { | |
--tw-text-opacity: 1; | |
color: rgb(244 114 182 / var(--tw-text-opacity)); | |
} | |
.text-pink-500 { | |
--tw-text-opacity: 1; | |
color: rgb(236 72 153 / var(--tw-text-opacity)); | |
} | |
.text-pink-600 { | |
--tw-text-opacity: 1; | |
color: rgb(219 39 119 / var(--tw-text-opacity)); | |
} | |
.text-purple-400 { | |
--tw-text-opacity: 1; | |
color: rgb(160 108 228 / var(--tw-text-opacity)); | |
} | |
.text-purple-500 { | |
--tw-text-opacity: 1; | |
color: rgb(127 67 201 / var(--tw-text-opacity)); | |
} | |
.text-purple-600 { | |
--tw-text-opacity: 1; | |
color: rgb(99 42 166 / var(--tw-text-opacity)); | |
} | |
.text-purple-700 { | |
--tw-text-opacity: 1; | |
color: rgb(75 26 131 / var(--tw-text-opacity)); | |
} | |
.text-red-400 { | |
--tw-text-opacity: 1; | |
color: rgb(228 87 112 / var(--tw-text-opacity)); | |
} | |
.text-red-500 { | |
--tw-text-opacity: 1; | |
color: rgb(198 43 73 / var(--tw-text-opacity)); | |
} | |
.text-red-600 { | |
--tw-text-opacity: 1; | |
color: rgb(159 19 49 / var(--tw-text-opacity)); | |
} | |
.text-red-700 { | |
--tw-text-opacity: 1; | |
color: rgb(122 7 35 / var(--tw-text-opacity)); | |
} | |
.text-rose-600 { | |
--tw-text-opacity: 1; | |
color: rgb(225 29 72 / var(--tw-text-opacity)); | |
} | |
.text-success-500 { | |
--tw-text-opacity: 1; | |
color: rgb(0 129 77 / var(--tw-text-opacity)); | |
} | |
.text-success-600 { | |
--tw-text-opacity: 1; | |
color: rgb(0 95 57 / var(--tw-text-opacity)); | |
} | |
.text-teal-500 { | |
--tw-text-opacity: 1; | |
color: rgb(0 119 128 / var(--tw-text-opacity)); | |
} | |
.text-teal-600 { | |
--tw-text-opacity: 1; | |
color: rgb(0 89 93 / var(--tw-text-opacity)); | |
} | |
.text-teal-700 { | |
--tw-text-opacity: 1; | |
color: rgb(0 65 67 / var(--tw-text-opacity)); | |
} | |
.text-warning-500 { | |
--tw-text-opacity: 1; | |
color: rgb(189 88 0 / var(--tw-text-opacity)); | |
} | |
.text-warning-600 { | |
--tw-text-opacity: 1; | |
color: rgb(150 63 0 / var(--tw-text-opacity)); | |
} | |
.text-warning-700 { | |
--tw-text-opacity: 1; | |
color: rgb(112 44 0 / var(--tw-text-opacity)); | |
} | |
.text-white { | |
--tw-text-opacity: 1; | |
color: rgb(255 255 255 / var(--tw-text-opacity)); | |
} | |
.text-opacity-40 { | |
--tw-text-opacity: 0.4; | |
} | |
.underline { | |
-webkit-text-decoration-line: underline; | |
text-decoration-line: underline; | |
} | |
.decoration-current { | |
-webkit-text-decoration-color: currentColor; | |
text-decoration-color: currentColor; | |
} | |
.decoration-gray-300 { | |
-webkit-text-decoration-color: #BFC2D4; | |
text-decoration-color: #BFC2D4; | |
} | |
.decoration-indigo-700 { | |
-webkit-text-decoration-color: #2F3AB0; | |
text-decoration-color: #2F3AB0; | |
} | |
.decoration-purple-500 { | |
-webkit-text-decoration-color: #7F43C9; | |
text-decoration-color: #7F43C9; | |
} | |
.decoration-dotted { | |
-webkit-text-decoration-style: dotted; | |
text-decoration-style: dotted; | |
} | |
.decoration-2 { | |
text-decoration-thickness: 2px; | |
} | |
.underline-offset-1 { | |
text-underline-offset: 1px; | |
} | |
.underline-offset-4 { | |
text-underline-offset: 4px; | |
} | |
.antialiased { | |
-webkit-font-smoothing: antialiased; | |
-moz-osx-font-smoothing: grayscale; | |
} | |
.placeholder-gray-400::placeholder { | |
--tw-placeholder-opacity: 1; | |
color: rgb(175 179 199 / var(--tw-placeholder-opacity)); | |
} | |
.placeholder-gray-700::placeholder { | |
--tw-placeholder-opacity: 1; | |
color: rgb(90 95 122 / var(--tw-placeholder-opacity)); | |
} | |
.opacity-0 { | |
opacity: 0; | |
} | |
.opacity-100 { | |
opacity: 1; | |
} | |
.opacity-50 { | |
opacity: 0.5; | |
} | |
.opacity-70 { | |
opacity: 0.7; | |
} | |
.opacity-90 { | |
opacity: 0.9; | |
} | |
.opacity-\[\.35\] { | |
opacity: .35; | |
} | |
.opacity-\[0\.97\] { | |
opacity: 0.97; | |
} | |
.mix-blend-overlay { | |
mix-blend-mode: overlay; | |
} | |
.mix-blend-difference { | |
mix-blend-mode: difference; | |
} | |
.shadow { | |
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); | |
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); | |
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); | |
} | |
.shadow-\[0_0_20px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] { | |
--tw-shadow: 0 0 20px rgba(0,0,0,0.08); | |
--tw-shadow-colored: 0 0 20px 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-dropdown { | |
--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); | |
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color); | |
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); | |
} | |
.shadow-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); | |
} | |
.outline-none { | |
outline: 2px solid transparent; | |
outline-offset: 2px; | |
} | |
.outline { | |
outline-style: solid; | |
} | |
.outline-\[2px\] { | |
outline-width: 2px; | |
} | |
.outline-gray-1000 { | |
outline-color: #1B1E2E; | |
} | |
.outline-transparent { | |
outline-color: transparent; | |
} | |
.ring { | |
--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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); | |
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); | |
} | |
.ring-0 { | |
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); | |
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); | |
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); | |
} | |
.ring-1 { | |
--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, 0 0 #0000); | |
} | |
.ring-2 { | |
--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, 0 0 #0000); | |
} | |
.ring-4 { | |
--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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); | |
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); | |
} | |
.ring-inset { | |
--tw-ring-inset: inset; | |
} | |
.ring-\[\#9095AD40\] { | |
--tw-ring-color: #9095AD40; | |
} | |
.ring-black { | |
--tw-ring-opacity: 1; | |
--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)); | |
} | |
.ring-error-100 { | |
--tw-ring-opacity: 1; | |
--tw-ring-color: rgb(250 217 223 / var(--tw-ring-opacity)); | |
} | |
.ring-gray-1000 { | |
--tw-ring-opacity: 1; | |
--tw-ring-color: rgb(27 30 46 / var(--tw-ring-opacity)); | |
} | |
.ring-gray-200 { | |
--tw-ring-opacity: 1; | |
--tw-ring-color: rgb(208 210 224 / var(--tw-ring-opacity)); | |
} | |
.ring-indigo-600 { | |
--tw-ring-opacity: 1; | |
--tw-ring-color: rgb(58 70 204 / var(--tw-ring-opacity)); | |
} | |
.ring-purple-600 { | |
--tw-ring-opacity: 1; | |
--tw-ring-color: rgb(99 42 166 / var(--tw-ring-opacity)); | |
} | |
.ring-transparent { | |
--tw-ring-color: transparent; | |
} | |
.ring-opacity-5 { | |
--tw-ring-opacity: 0.05; | |
} | |
.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); | |
} | |
.brightness-200 { | |
--tw-brightness: brightness(2); | |
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); | |
} | |
.drop-shadow { | |
--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)); | |
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); | |
} | |
.grayscale { | |
--tw-grayscale: grayscale(100%); | |
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); | |
} | |
.grayscale-0 { | |
--tw-grayscale: grayscale(0); | |
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); | |
} | |
.hue-rotate-180 { | |
--tw-hue-rotate: hue-rotate(180deg); | |
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); | |
} | |
.invert { | |
--tw-invert: invert(100%); | |
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); | |
} | |
.saturate-150 { | |
--tw-saturate: saturate(1.5); | |
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); | |
} | |
.transition { | |
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter; | |
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; | |
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter; | |
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
transition-duration: 150ms; | |
} | |
.transition-all { | |
transition-property: all; | |
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
transition-duration: 150ms; | |
} | |
.transition-colors { | |
transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; | |
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; | |
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; | |
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
transition-duration: 150ms; | |
} | |
.transition-opacity { | |
transition-property: opacity; | |
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
transition-duration: 150ms; | |
} | |
.transition-transform { | |
transition-property: transform; | |
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
transition-duration: 150ms; | |
} | |
.duration-100 { | |
transition-duration: 100ms; | |
} | |
.duration-150 { | |
transition-duration: 150ms; | |
} | |
.duration-200 { | |
transition-duration: 200ms; | |
} | |
.duration-300 { | |
transition-duration: 300ms; | |
} | |
.duration-500 { | |
transition-duration: 500ms; | |
} | |
.ease-in { | |
transition-timing-function: cubic-bezier(0.4, 0, 1, 1); | |
} | |
.ease-in-out { | |
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
} | |
.ease-out { | |
transition-timing-function: cubic-bezier(0, 0, 0.2, 1); | |
} | |
.group:focus-within .group-focus-within\:icon-light-indigo-50 > *[fill].icon-light { | |
fill: #F0F1FF; | |
} | |
.group:focus-within .group-focus-within\:icon-light-indigo-50 > *[stroke].icon-light { | |
stroke: #F0F1FF; | |
} | |
.group:focus-within .group-focus-within\:icon-light-indigo-50 > *[stroke][fill].icon-light-fill { | |
fill: #F0F1FF; | |
} | |
.group:focus-within .group-focus-within\:icon-light-indigo-50 > *[stroke][fill].icon-light-stroke { | |
stroke: #F0F1FF; | |
} | |
.group:focus-within .group-focus-within\:icon-dark-indigo-400 > *[fill].icon-dark { | |
fill: #6470F3; | |
} | |
.group:focus-within .group-focus-within\:icon-dark-indigo-400 > *[stroke].icon-dark { | |
stroke: #6470F3; | |
} | |
.group:focus-within .group-focus-within\:icon-dark-indigo-400 > *[stroke][fill].icon-dark-fill { | |
fill: #6470F3; | |
} | |
.group:focus-within .group-focus-within\:icon-dark-indigo-400 > *[stroke][fill].icon-dark-stroke { | |
stroke: #6470F3; | |
} | |
.group:hover .group-hover\:icon-light-gray-800 > *[fill].icon-light { | |
fill: #434861; | |
} | |
.group:hover .group-hover\:icon-light-gray-800 > *[stroke].icon-light { | |
stroke: #434861; | |
} | |
.group:hover .group-hover\:icon-light-gray-800 > *[stroke][fill].icon-light-fill { | |
fill: #434861; | |
} | |
.group:hover .group-hover\:icon-light-gray-800 > *[stroke][fill].icon-light-stroke { | |
stroke: #434861; | |
} | |
.group:hover .group-hover\:icon-dark-gray-300 > *[fill].icon-dark { | |
fill: #BFC2D4; | |
} | |
.group:hover .group-hover\:icon-dark-gray-300 > *[stroke].icon-dark { | |
stroke: #BFC2D4; | |
} | |
.group:hover .group-hover\:icon-dark-gray-300 > *[stroke][fill].icon-dark-fill { | |
fill: #BFC2D4; | |
} | |
.group:hover .group-hover\:icon-dark-gray-300 > *[stroke][fill].icon-dark-stroke { | |
stroke: #BFC2D4; | |
} | |
.group:focus .group-focus\:icon-light-gray-800 > *[fill].icon-light { | |
fill: #434861; | |
} | |
.group:focus .group-focus\:icon-light-gray-800 > *[stroke].icon-light { | |
stroke: #434861; | |
} | |
.group:focus .group-focus\:icon-light-gray-800 > *[stroke][fill].icon-light-fill { | |
fill: #434861; | |
} | |
.group:focus .group-focus\:icon-light-gray-800 > *[stroke][fill].icon-light-stroke { | |
stroke: #434861; | |
} | |
.group:focus .group-focus\:icon-dark-gray-300 > *[fill].icon-dark { | |
fill: #BFC2D4; | |
} | |
.group:focus .group-focus\:icon-dark-gray-300 > *[stroke].icon-dark { | |
stroke: #BFC2D4; | |
} | |
.group:focus .group-focus\:icon-dark-gray-300 > *[stroke][fill].icon-dark-fill { | |
fill: #BFC2D4; | |
} | |
.group:focus .group-focus\:icon-dark-gray-300 > *[stroke][fill].icon-dark-stroke { | |
stroke: #BFC2D4; | |
} | |
.icon-hover\:icon-light-gray-800:hover > *[fill].icon-light { | |
fill: #434861; | |
} | |
.icon-hover\:icon-light-gray-800:hover > *[stroke].icon-light { | |
stroke: #434861; | |
} | |
.icon-hover\:icon-light-gray-800:hover > *[stroke][fill].icon-light-fill { | |
fill: #434861; | |
} | |
.icon-hover\:icon-light-gray-800:hover > *[stroke][fill].icon-light-stroke { | |
stroke: #434861; | |
} | |
.icon-hover\:icon-dark-gray-300:hover > *[fill].icon-dark { | |
fill: #BFC2D4; | |
} | |
.icon-hover\:icon-dark-gray-300:hover > *[stroke].icon-dark { | |
stroke: #BFC2D4; | |
} | |
.icon-hover\:icon-dark-gray-300:hover > *[stroke][fill].icon-dark-fill { | |
fill: #BFC2D4; | |
} | |
.icon-hover\:icon-dark-gray-300:hover > *[stroke][fill].icon-dark-stroke { | |
stroke: #BFC2D4; | |
} | |
.icon-focus\:icon-light-gray-800:focus > *[fill].icon-light { | |
fill: #434861; | |
} | |
.icon-focus\:icon-light-gray-800:focus > *[stroke].icon-light { | |
stroke: #434861; | |
} | |
.icon-focus\:icon-light-gray-800:focus > *[stroke][fill].icon-light-fill { | |
fill: #434861; | |
} | |
.icon-focus\:icon-light-gray-800:focus > *[stroke][fill].icon-light-stroke { | |
stroke: #434861; | |
} | |
.icon-focus\:icon-dark-gray-300:focus > *[fill].icon-dark { | |
fill: #BFC2D4; | |
} | |
.icon-focus\:icon-dark-gray-300:focus > *[stroke].icon-dark { | |
stroke: #BFC2D4; | |
} | |
.icon-focus\:icon-dark-gray-300:focus > *[stroke][fill].icon-dark-fill { | |
fill: #BFC2D4; | |
} | |
.icon-focus\:icon-dark-gray-300:focus > *[stroke][fill].icon-dark-stroke { | |
stroke: #BFC2D4; | |
} | |
.icon-hocus\:icon-light-indigo-100:focus > *[fill].icon-light { | |
fill: #DADDFE; | |
} | |
.icon-hocus\:icon-light-indigo-100:focus > *[stroke].icon-light { | |
stroke: #DADDFE; | |
} | |
.icon-hocus\:icon-light-indigo-100:focus > *[stroke][fill].icon-light-fill { | |
fill: #DADDFE; | |
} | |
.icon-hocus\:icon-light-indigo-100:focus > *[stroke][fill].icon-light-stroke { | |
stroke: #DADDFE; | |
} | |
.icon-hocus\:icon-light-indigo-200:focus > *[fill].icon-light { | |
fill: #C5C9FD; | |
} | |
.icon-hocus\:icon-light-indigo-200:focus > *[stroke].icon-light { | |
stroke: #C5C9FD; | |
} | |
.icon-hocus\:icon-light-indigo-200:focus > *[stroke][fill].icon-light-fill { | |
fill: #C5C9FD; | |
} | |
.icon-hocus\:icon-light-indigo-200:focus > *[stroke][fill].icon-light-stroke { | |
stroke: #C5C9FD; | |
} | |
.icon-hocus\:icon-dark-indigo-400:focus > *[fill].icon-dark { | |
fill: #6470F3; | |
} | |
.icon-hocus\:icon-dark-indigo-400:focus > *[stroke].icon-dark { | |
stroke: #6470F3; | |
} | |
.icon-hocus\:icon-dark-indigo-400:focus > *[stroke][fill].icon-dark-fill { | |
fill: #6470F3; | |
} | |
.icon-hocus\:icon-dark-indigo-400:focus > *[stroke][fill].icon-dark-stroke { | |
stroke: #6470F3; | |
} | |
.icon-hocus\:icon-dark-indigo-500:focus > *[fill].icon-dark { | |
fill: #4956E3; | |
} | |
.icon-hocus\:icon-dark-indigo-500:focus > *[stroke].icon-dark { | |
stroke: #4956E3; | |
} | |
.icon-hocus\:icon-dark-indigo-500:focus > *[stroke][fill].icon-dark-fill { | |
fill: #4956E3; | |
} | |
.icon-hocus\:icon-dark-indigo-500:focus > *[stroke][fill].icon-dark-stroke { | |
stroke: #4956E3; | |
} | |
.icon-hocus\:icon-light-indigo-100:hover > *[fill].icon-light { | |
fill: #DADDFE; | |
} | |
.icon-hocus\:icon-light-indigo-100:hover > *[stroke].icon-light { | |
stroke: #DADDFE; | |
} | |
.icon-hocus\:icon-light-indigo-100:hover > *[stroke][fill].icon-light-fill { | |
fill: #DADDFE; | |
} | |
.icon-hocus\:icon-light-indigo-100:hover > *[stroke][fill].icon-light-stroke { | |
stroke: #DADDFE; | |
} | |
.icon-hocus\:icon-light-indigo-200:hover > *[fill].icon-light { | |
fill: #C5C9FD; | |
} | |
.icon-hocus\:icon-light-indigo-200:hover > *[stroke].icon-light { | |
stroke: #C5C9FD; | |
} | |
.icon-hocus\:icon-light-indigo-200:hover > *[stroke][fill].icon-light-fill { | |
fill: #C5C9FD; | |
} | |
.icon-hocus\:icon-light-indigo-200:hover > *[stroke][fill].icon-light-stroke { | |
stroke: #C5C9FD; | |
} | |
.icon-hocus\:icon-dark-indigo-400:hover > *[fill].icon-dark { | |
fill: #6470F3; | |
} | |
.icon-hocus\:icon-dark-indigo-400:hover > *[stroke].icon-dark { | |
stroke: #6470F3; | |
} | |
.icon-hocus\:icon-dark-indigo-400:hover > *[stroke][fill].icon-dark-fill { | |
fill: #6470F3; | |
} | |
.icon-hocus\:icon-dark-indigo-400:hover > *[stroke][fill].icon-dark-stroke { | |
stroke: #6470F3; | |
} | |
.icon-hocus\:icon-dark-indigo-500:hover > *[fill].icon-dark { | |
fill: #4956E3; | |
} | |
.icon-hocus\:icon-dark-indigo-500:hover > *[stroke].icon-dark { | |
stroke: #4956E3; | |
} | |
.icon-hocus\:icon-dark-indigo-500:hover > *[stroke][fill].icon-dark-fill { | |
fill: #4956E3; | |
} | |
.icon-hocus\:icon-dark-indigo-500:hover > *[stroke][fill].icon-dark-stroke { | |
stroke: #4956E3; | |
} | |
.group:focus .group-hocus\:icon-light-indigo-100 > *[fill].icon-light { | |
fill: #DADDFE; | |
} | |
.group:focus .group-hocus\:icon-light-indigo-100 > *[stroke].icon-light { | |
stroke: #DADDFE; | |
} | |
.group:focus .group-hocus\:icon-light-indigo-100 > *[stroke][fill].icon-light-fill { | |
fill: #DADDFE; | |
} | |
.group:focus .group-hocus\:icon-light-indigo-100 > *[stroke][fill].icon-light-stroke { | |
stroke: #DADDFE; | |
} | |
.group:focus .group-hocus\:icon-light-indigo-200 > *[fill].icon-light { | |
fill: #C5C9FD; | |
} | |
.group:focus .group-hocus\:icon-light-indigo-200 > *[stroke].icon-light { | |
stroke: #C5C9FD; | |
} | |
.group:focus .group-hocus\:icon-light-indigo-200 > *[stroke][fill].icon-light-fill { | |
fill: #C5C9FD; | |
} | |
.group:focus .group-hocus\:icon-light-indigo-200 > *[stroke][fill].icon-light-stroke { | |
stroke: #C5C9FD; | |
} | |
.group:focus .group-hocus\:icon-light-indigo-300 > *[fill].icon-light { | |
fill: #9AA2FC; | |
} | |
.group:focus .group-hocus\:icon-light-indigo-300 > *[stroke].icon-light { | |
stroke: #9AA2FC; | |
} | |
.group:focus .group-hocus\:icon-light-indigo-300 > *[stroke][fill].icon-light-fill { | |
fill: #9AA2FC; | |
} | |
.group:focus .group-hocus\:icon-light-indigo-300 > *[stroke][fill].icon-light-stroke { | |
stroke: #9AA2FC; | |
} | |
.group:focus .group-hocus\:icon-light-indigo-50 > *[fill].icon-light { | |
fill: #F0F1FF; | |
} | |
.group:focus .group-hocus\:icon-light-indigo-50 > *[stroke].icon-light { | |
stroke: #F0F1FF; | |
} | |
.group:focus .group-hocus\:icon-light-indigo-50 > *[stroke][fill].icon-light-fill { | |
fill: #F0F1FF; | |
} | |
.group:focus .group-hocus\:icon-light-indigo-50 > *[stroke][fill].icon-light-stroke { | |
stroke: #F0F1FF; | |
} | |
.group:focus .group-hocus\:icon-light-indigo-600 > *[fill].icon-light { | |
fill: #3A46CC; | |
} | |
.group:focus .group-hocus\:icon-light-indigo-600 > *[stroke].icon-light { | |
stroke: #3A46CC; | |
} | |
.group:focus .group-hocus\:icon-light-indigo-600 > *[stroke][fill].icon-light-fill { | |
fill: #3A46CC; | |
} | |
.group:focus .group-hocus\:icon-light-indigo-600 > *[stroke][fill].icon-light-stroke { | |
stroke: #3A46CC; | |
} | |
.group:focus .group-hocus\:icon-dark-gray-700 > *[fill].icon-dark { | |
fill: #5A5F7A; | |
} | |
.group:focus .group-hocus\:icon-dark-gray-700 > *[stroke].icon-dark { | |
stroke: #5A5F7A; | |
} | |
.group:focus .group-hocus\:icon-dark-gray-700 > *[stroke][fill].icon-dark-fill { | |
fill: #5A5F7A; | |
} | |
.group:focus .group-hocus\:icon-dark-gray-700 > *[stroke][fill].icon-dark-stroke { | |
stroke: #5A5F7A; | |
} | |
.group:focus .group-hocus\:icon-dark-indigo-300 > *[fill].icon-dark { | |
fill: #9AA2FC; | |
} | |
.group:focus .group-hocus\:icon-dark-indigo-300 > *[stroke].icon-dark { | |
stroke: #9AA2FC; | |
} | |
.group:focus .group-hocus\:icon-dark-indigo-300 > *[stroke][fill].icon-dark-fill { | |
fill: #9AA2FC; | |
} | |
.group:focus .group-hocus\:icon-dark-indigo-300 > *[stroke][fill].icon-dark-stroke { | |
stroke: #9AA2FC; | |
} | |
.group:focus .group-hocus\:icon-dark-indigo-400 > *[fill].icon-dark { | |
fill: #6470F3; | |
} | |
.group:focus .group-hocus\:icon-dark-indigo-400 > *[stroke].icon-dark { | |
stroke: #6470F3; | |
} | |
.group:focus .group-hocus\:icon-dark-indigo-400 > *[stroke][fill].icon-dark-fill { | |
fill: #6470F3; | |
} | |
.group:focus .group-hocus\:icon-dark-indigo-400 > *[stroke][fill].icon-dark-stroke { | |
stroke: #6470F3; | |
} | |
.group:focus .group-hocus\:icon-dark-indigo-500 > *[fill].icon-dark { | |
fill: #4956E3; | |
} | |
.group:focus .group-hocus\:icon-dark-indigo-500 > *[stroke].icon-dark { | |
stroke: #4956E3; | |
} | |
.group:focus .group-hocus\:icon-dark-indigo-500 > *[stroke][fill].icon-dark-fill { | |
fill: #4956E3; | |
} | |
.group:focus .group-hocus\:icon-dark-indigo-500 > *[stroke][fill].icon-dark-stroke { | |
stroke: #4956E3; | |
} | |
.group:focus .group-hocus\:icon-dark-indigo-600 > *[fill].icon-dark { | |
fill: #3A46CC; | |
} | |
.group:focus .group-hocus\:icon-dark-indigo-600 > *[stroke].icon-dark { | |
stroke: #3A46CC; | |
} | |
.group:focus .group-hocus\:icon-dark-indigo-600 > *[stroke][fill].icon-dark-fill { | |
fill: #3A46CC; | |
} | |
.group:focus .group-hocus\:icon-dark-indigo-600 > *[stroke][fill].icon-dark-stroke { | |
stroke: #3A46CC; | |
} | |
.group:hover .group-hocus\:icon-light-indigo-100 > *[fill].icon-light { | |
fill: #DADDFE; | |
} | |
.group:hover .group-hocus\:icon-light-indigo-100 > *[stroke].icon-light { | |
stroke: #DADDFE; | |
} | |
.group:hover .group-hocus\:icon-light-indigo-100 > *[stroke][fill].icon-light-fill { | |
fill: #DADDFE; | |
} | |
.group:hover .group-hocus\:icon-light-indigo-100 > *[stroke][fill].icon-light-stroke { | |
stroke: #DADDFE; | |
} | |
.group:hover .group-hocus\:icon-light-indigo-200 > *[fill].icon-light { | |
fill: #C5C9FD; | |
} | |
.group:hover .group-hocus\:icon-light-indigo-200 > *[stroke].icon-light { | |
stroke: #C5C9FD; | |
} | |
.group:hover .group-hocus\:icon-light-indigo-200 > *[stroke][fill].icon-light-fill { | |
fill: #C5C9FD; | |
} | |
.group:hover .group-hocus\:icon-light-indigo-200 > *[stroke][fill].icon-light-stroke { | |
stroke: #C5C9FD; | |
} | |
.group:hover .group-hocus\:icon-light-indigo-300 > *[fill].icon-light { | |
fill: #9AA2FC; | |
} | |
.group:hover .group-hocus\:icon-light-indigo-300 > *[stroke].icon-light { | |
stroke: #9AA2FC; | |
} | |
.group:hover .group-hocus\:icon-light-indigo-300 > *[stroke][fill].icon-light-fill { | |
fill: #9AA2FC; | |
} | |
.group:hover .group-hocus\:icon-light-indigo-300 > *[stroke][fill].icon-light-stroke { | |
stroke: #9AA2FC; | |
} | |
.group:hover .group-hocus\:icon-light-indigo-50 > *[fill].icon-light { | |
fill: #F0F1FF; | |
} | |
.group:hover .group-hocus\:icon-light-indigo-50 > *[stroke].icon-light { | |
stroke: #F0F1FF; | |
} | |
.group:hover .group-hocus\:icon-light-indigo-50 > *[stroke][fill].icon-light-fill { | |
fill: #F0F1FF; | |
} | |
.group:hover .group-hocus\:icon-light-indigo-50 > *[stroke][fill].icon-light-stroke { | |
stroke: #F0F1FF; | |
} | |
.group:hover .group-hocus\:icon-light-indigo-600 > *[fill].icon-light { | |
fill: #3A46CC; | |
} | |
.group:hover .group-hocus\:icon-light-indigo-600 > *[stroke].icon-light { | |
stroke: #3A46CC; | |
} | |
.group:hover .group-hocus\:icon-light-indigo-600 > *[stroke][fill].icon-light-fill { | |
fill: #3A46CC; | |
} | |
.group:hover .group-hocus\:icon-light-indigo-600 > *[stroke][fill].icon-light-stroke { | |
stroke: #3A46CC; | |
} | |
.group:hover .group-hocus\:icon-dark-gray-700 > *[fill].icon-dark { | |
fill: #5A5F7A; | |
} | |
.group:hover .group-hocus\:icon-dark-gray-700 > *[stroke].icon-dark { | |
stroke: #5A5F7A; | |
} | |
.group:hover .group-hocus\:icon-dark-gray-700 > *[stroke][fill].icon-dark-fill { | |
fill: #5A5F7A; | |
} | |
.group:hover .group-hocus\:icon-dark-gray-700 > *[stroke][fill].icon-dark-stroke { | |
stroke: #5A5F7A; | |
} | |
.group:hover .group-hocus\:icon-dark-indigo-300 > *[fill].icon-dark { | |
fill: #9AA2FC; | |
} | |
.group:hover .group-hocus\:icon-dark-indigo-300 > *[stroke].icon-dark { | |
stroke: #9AA2FC; | |
} | |
.group:hover .group-hocus\:icon-dark-indigo-300 > *[stroke][fill].icon-dark-fill { | |
fill: #9AA2FC; | |
} | |
.group:hover .group-hocus\:icon-dark-indigo-300 > *[stroke][fill].icon-dark-stroke { | |
stroke: #9AA2FC; | |
} | |
.group:hover .group-hocus\:icon-dark-indigo-400 > *[fill].icon-dark { | |
fill: #6470F3; | |
} | |
.group:hover .group-hocus\:icon-dark-indigo-400 > *[stroke].icon-dark { | |
stroke: #6470F3; | |
} | |
.group:hover .group-hocus\:icon-dark-indigo-400 > *[stroke][fill].icon-dark-fill { | |
fill: #6470F3; | |
} | |
.group:hover .group-hocus\:icon-dark-indigo-400 > *[stroke][fill].icon-dark-stroke { | |
stroke: #6470F3; | |
} | |
.group:hover .group-hocus\:icon-dark-indigo-500 > *[fill].icon-dark { | |
fill: #4956E3; | |
} | |
.group:hover .group-hocus\:icon-dark-indigo-500 > *[stroke].icon-dark { | |
stroke: #4956E3; | |
} | |
.group:hover .group-hocus\:icon-dark-indigo-500 > *[stroke][fill].icon-dark-fill { | |
fill: #4956E3; | |
} | |
.group:hover .group-hocus\:icon-dark-indigo-500 > *[stroke][fill].icon-dark-stroke { | |
stroke: #4956E3; | |
} | |
.group:hover .group-hocus\:icon-dark-indigo-600 > *[fill].icon-dark { | |
fill: #3A46CC; | |
} | |
.group:hover .group-hocus\:icon-dark-indigo-600 > *[stroke].icon-dark { | |
stroke: #3A46CC; | |
} | |
.group:hover .group-hocus\:icon-dark-indigo-600 > *[stroke][fill].icon-dark-fill { | |
fill: #3A46CC; | |
} | |
.group:hover .group-hocus\:icon-dark-indigo-600 > *[stroke][fill].icon-dark-stroke { | |
stroke: #3A46CC; | |
} | |
.before\:absolute::before { | |
content: var(--tw-content); | |
position: absolute; | |
} | |
.before\:bottom-\[-6\.5px\]::before { | |
content: var(--tw-content); | |
bottom: -6.5px; | |
} | |
.before\:bottom-\[10px\]::before { | |
content: var(--tw-content); | |
bottom: 10px; | |
} | |
.before\:left-0::before { | |
content: var(--tw-content); | |
left: 0px; | |
} | |
.before\:left-\[-4px\]::before { | |
content: var(--tw-content); | |
left: -4px; | |
} | |
.before\:left-\[19px\]::before { | |
content: var(--tw-content); | |
left: 19px; | |
} | |
.before\:left-\[7px\]::before { | |
content: var(--tw-content); | |
left: 7px; | |
} | |
.before\:right-0::before { | |
content: var(--tw-content); | |
right: 0px; | |
} | |
.before\:top-\[20px\]::before { | |
content: var(--tw-content); | |
top: 20px; | |
} | |
.before\:mr-\[4px\]::before { | |
content: var(--tw-content); | |
margin-right: 4px; | |
} | |
.before\:h-\[28px\]::before { | |
content: var(--tw-content); | |
height: 28px; | |
} | |
.before\:h-\[40px\]::before { | |
content: var(--tw-content); | |
height: 40px; | |
} | |
.before\:h-\[4px\]::before { | |
content: var(--tw-content); | |
height: 4px; | |
} | |
.before\:w-\[2px\]::before { | |
content: var(--tw-content); | |
width: 2px; | |
} | |
.before\:w-\[4px\]::before { | |
content: var(--tw-content); | |
width: 4px; | |
} | |
.before\:w-\[5px\]::before { | |
content: var(--tw-content); | |
width: 5px; | |
} | |
.before\:w-\[8px\]::before { | |
content: var(--tw-content); | |
width: 8px; | |
} | |
.before\:shrink-0::before { | |
content: var(--tw-content); | |
flex-shrink: 0; | |
} | |
.before\:origin-left::before { | |
content: var(--tw-content); | |
transform-origin: left; | |
} | |
.before\:scale-x-0::before { | |
content: var(--tw-content); | |
--tw-scale-x: 0; | |
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
} | |
.before\:scale-x-100::before { | |
content: var(--tw-content); | |
--tw-scale-x: 1; | |
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
} | |
.before\:transform::before { | |
content: var(--tw-content); | |
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
} | |
.before\:rounded-full::before { | |
content: var(--tw-content); | |
border-radius: 9999px; | |
} | |
.before\:rounded-r-\[4px\]::before { | |
content: var(--tw-content); | |
border-top-right-radius: 4px; | |
border-bottom-right-radius: 4px; | |
} | |
.before\:rounded-r-md::before { | |
content: var(--tw-content); | |
border-top-right-radius: 4px; | |
border-bottom-right-radius: 4px; | |
} | |
.before\:border-2::before { | |
content: var(--tw-content); | |
border-width: 2px; | |
} | |
.before\:border-y-0::before { | |
content: var(--tw-content); | |
border-top-width: 0px; | |
border-bottom-width: 0px; | |
} | |
.before\:border-l-0::before { | |
content: var(--tw-content); | |
border-left-width: 0px; | |
} | |
.before\:border-r-4::before { | |
content: var(--tw-content); | |
border-right-width: 4px; | |
} | |
.before\:border-dashed::before { | |
content: var(--tw-content); | |
border-style: dashed; | |
} | |
.before\:border-transparent::before { | |
content: var(--tw-content); | |
border-color: transparent; | |
} | |
.before\:border-r-gray-100::before { | |
content: var(--tw-content); | |
--tw-border-opacity: 1; | |
border-right-color: rgb(225 227 237 / var(--tw-border-opacity)); | |
} | |
.before\:border-r-indigo-300::before { | |
content: var(--tw-content); | |
--tw-border-opacity: 1; | |
border-right-color: rgb(154 162 252 / var(--tw-border-opacity)); | |
} | |
.before\:bg-gray-300::before { | |
content: var(--tw-content); | |
--tw-bg-opacity: 1; | |
background-color: rgb(191 194 212 / var(--tw-bg-opacity)); | |
} | |
.before\:bg-indigo-300::before { | |
content: var(--tw-content); | |
--tw-bg-opacity: 1; | |
background-color: rgb(154 162 252 / var(--tw-bg-opacity)); | |
} | |
.before\:text-transparent::before { | |
content: var(--tw-content); | |
color: transparent; | |
} | |
.before\:transition-colors::before { | |
content: var(--tw-content); | |
transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; | |
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; | |
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; | |
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
transition-duration: 150ms; | |
} | |
.before\:transition-transform::before { | |
content: var(--tw-content); | |
transition-property: transform; | |
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
transition-duration: 150ms; | |
} | |
.before\:duration-300::before { | |
content: var(--tw-content); | |
transition-duration: 300ms; | |
} | |
.before\:content-\[\'\'\]::before { | |
--tw-content: ''; | |
content: var(--tw-content); | |
} | |
.first\:mt-0:first-child { | |
margin-top: 0px; | |
} | |
.first\:border-0:first-child { | |
border-width: 0px; | |
} | |
.first\:border-t-0:first-child { | |
border-top-width: 0px; | |
} | |
.first\:first\:pt-0:first-child:first-child { | |
padding-top: 0px; | |
} | |
.last\:h-\[64px\]:last-child { | |
height: 64px; | |
} | |
.last\:items-start:last-child { | |
align-items: flex-start; | |
} | |
.last\:rounded-b-md:last-child { | |
border-bottom-right-radius: 4px; | |
border-bottom-left-radius: 4px; | |
} | |
.last\:border-b:last-child { | |
border-bottom-width: 1px; | |
} | |
.last\:border-none:last-child { | |
border-style: none; | |
} | |
.last\:py-0:last-child { | |
padding-top: 0px; | |
padding-bottom: 0px; | |
} | |
.checked\:border-indigo-500:checked { | |
--tw-border-opacity: 1; | |
border-color: rgb(73 86 227 / var(--tw-border-opacity)); | |
} | |
.checked\:border-jade-300:checked { | |
--tw-border-opacity: 1; | |
border-color: rgb(105 211 167 / var(--tw-border-opacity)); | |
} | |
.checked\:border-red-300:checked { | |
--tw-border-opacity: 1; | |
border-color: rgb(245 154 169 / var(--tw-border-opacity)); | |
} | |
.checked\:bg-indigo-400:checked { | |
--tw-bg-opacity: 1; | |
background-color: rgb(100 112 243 / var(--tw-bg-opacity)); | |
} | |
.checked\:bg-indigo-500:checked { | |
--tw-bg-opacity: 1; | |
background-color: rgb(73 86 227 / var(--tw-bg-opacity)); | |
} | |
.checked\:bg-jade-600:checked { | |
--tw-bg-opacity: 1; | |
background-color: rgb(0 95 57 / var(--tw-bg-opacity)); | |
} | |
.checked\:bg-red-600:checked { | |
--tw-bg-opacity: 1; | |
background-color: rgb(159 19 49 / var(--tw-bg-opacity)); | |
} | |
.checked\:bg-transparent:checked { | |
background-color: transparent; | |
} | |
.checked\:text-indigo-400:checked { | |
--tw-text-opacity: 1; | |
color: rgb(100 112 243 / var(--tw-text-opacity)); | |
} | |
.checked\:text-jade-600:checked { | |
--tw-text-opacity: 1; | |
color: rgb(0 95 57 / var(--tw-text-opacity)); | |
} | |
.checked\:text-red-600:checked { | |
--tw-text-opacity: 1; | |
color: rgb(159 19 49 / var(--tw-text-opacity)); | |
} | |
.placeholder-shown\:truncate:placeholder-shown { | |
overflow: hidden; | |
text-overflow: ellipsis; | |
white-space: nowrap; | |
} | |
.placeholder-shown\:overflow-ellipsis:placeholder-shown { | |
text-overflow: ellipsis; | |
} | |
.focus-within\:bg-gray-50:focus-within { | |
--tw-bg-opacity: 1; | |
background-color: rgb(243 244 250 / var(--tw-bg-opacity)); | |
} | |
.focus-within\:bg-indigo-50:focus-within { | |
--tw-bg-opacity: 1; | |
background-color: rgb(240 241 255 / var(--tw-bg-opacity)); | |
} | |
.focus-within\:ring-1:focus-within { | |
--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, 0 0 #0000); | |
} | |
.focus-within\:ring-indigo-300:focus-within { | |
--tw-ring-opacity: 1; | |
--tw-ring-color: rgb(154 162 252 / var(--tw-ring-opacity)); | |
} | |
.hover\:border-gray-200:hover { | |
--tw-border-opacity: 1; | |
border-color: rgb(208 210 224 / var(--tw-border-opacity)); | |
} | |
.hover\:border-gray-500:hover { | |
--tw-border-opacity: 1; | |
border-color: rgb(144 149 173 / var(--tw-border-opacity)); | |
} | |
.hover\:border-indigo-200:hover { | |
--tw-border-opacity: 1; | |
border-color: rgb(197 201 253 / var(--tw-border-opacity)); | |
} | |
.hover\:border-indigo-300:hover { | |
--tw-border-opacity: 1; | |
border-color: rgb(154 162 252 / var(--tw-border-opacity)); | |
} | |
.hover\:bg-gray-50:hover { | |
--tw-bg-opacity: 1; | |
background-color: rgb(243 244 250 / var(--tw-bg-opacity)); | |
} | |
.hover\:bg-gray-900:hover { | |
--tw-bg-opacity: 1; | |
background-color: rgb(46 50 71 / var(--tw-bg-opacity)); | |
} | |
.hover\:bg-indigo-400:hover { | |
--tw-bg-opacity: 1; | |
background-color: rgb(100 112 243 / var(--tw-bg-opacity)); | |
} | |
.hover\:bg-indigo-50:hover { | |
--tw-bg-opacity: 1; | |
background-color: rgb(240 241 255 / var(--tw-bg-opacity)); | |
} | |
.hover\:bg-white:hover { | |
--tw-bg-opacity: 1; | |
background-color: rgb(255 255 255 / var(--tw-bg-opacity)); | |
} | |
.hover\:text-indigo-500:hover { | |
--tw-text-opacity: 1; | |
color: rgb(73 86 227 / var(--tw-text-opacity)); | |
} | |
.hover\:underline:hover { | |
-webkit-text-decoration-line: underline; | |
text-decoration-line: underline; | |
} | |
.hover\:no-underline:hover { | |
-webkit-text-decoration-line: none; | |
text-decoration-line: none; | |
} | |
.hover\:decoration-indigo-500:hover { | |
-webkit-text-decoration-color: #4956E3; | |
text-decoration-color: #4956E3; | |
} | |
.hover\:shadow-ring-hover:hover { | |
--tw-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2); | |
--tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color); | |
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); | |
} | |
.hover\:before\:scale-x-100:hover::before { | |
content: var(--tw-content); | |
--tw-scale-x: 1; | |
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
} | |
.before\:hover\:border-r-indigo-300:hover::before { | |
content: var(--tw-content); | |
--tw-border-opacity: 1; | |
border-right-color: rgb(154 162 252 / var(--tw-border-opacity)); | |
} | |
.hover\:before\:bg-gray-200:hover::before { | |
content: var(--tw-content); | |
--tw-bg-opacity: 1; | |
background-color: rgb(208 210 224 / var(--tw-bg-opacity)); | |
} | |
.focus\:border-gray-900:focus { | |
--tw-border-opacity: 1; | |
border-color: rgb(46 50 71 / var(--tw-border-opacity)); | |
} | |
.focus\:border-indigo-600:focus { | |
--tw-border-opacity: 1; | |
border-color: rgb(58 70 204 / var(--tw-border-opacity)); | |
} | |
.focus\:border-jade-600:focus { | |
--tw-border-opacity: 1; | |
border-color: rgb(0 95 57 / var(--tw-border-opacity)); | |
} | |
.focus\:border-purple-600:focus { | |
--tw-border-opacity: 1; | |
border-color: rgb(99 42 166 / var(--tw-border-opacity)); | |
} | |
.focus\:border-red-600:focus { | |
--tw-border-opacity: 1; | |
border-color: rgb(159 19 49 / var(--tw-border-opacity)); | |
} | |
.focus\:border-teal-600:focus { | |
--tw-border-opacity: 1; | |
border-color: rgb(0 89 93 / var(--tw-border-opacity)); | |
} | |
.focus\:bg-gray-900:focus { | |
--tw-bg-opacity: 1; | |
background-color: rgb(46 50 71 / var(--tw-bg-opacity)); | |
} | |
.focus\:bg-indigo-600:focus { | |
--tw-bg-opacity: 1; | |
background-color: rgb(58 70 204 / var(--tw-bg-opacity)); | |
} | |
.focus\:bg-jade-600:focus { | |
--tw-bg-opacity: 1; | |
background-color: rgb(0 95 57 / var(--tw-bg-opacity)); | |
} | |
.focus\:bg-purple-600:focus { | |
--tw-bg-opacity: 1; | |
background-color: rgb(99 42 166 / var(--tw-bg-opacity)); | |
} | |
.focus\:bg-red-600:focus { | |
--tw-bg-opacity: 1; | |
background-color: rgb(159 19 49 / var(--tw-bg-opacity)); | |
} | |
.focus\:bg-teal-600:focus { | |
--tw-bg-opacity: 1; | |
background-color: rgb(0 89 93 / var(--tw-bg-opacity)); | |
} | |
.focus\:bg-white:focus { | |
--tw-bg-opacity: 1; | |
background-color: rgb(255 255 255 / var(--tw-bg-opacity)); | |
} | |
.focus\:shadow-ring-focus:focus { | |
--tw-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2); | |
--tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color); | |
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); | |
} | |
.focus\:outline-none:focus { | |
outline: 2px solid transparent; | |
outline-offset: 2px; | |
} | |
.focus\:outline:focus { | |
outline-style: solid; | |
} | |
.focus\:outline-indigo-500:focus { | |
outline-color: #4956E3; | |
} | |
.focus\:outline-transparent:focus { | |
outline-color: transparent; | |
} | |
.focus\:ring-0:focus { | |
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); | |
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); | |
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); | |
} | |
.focus\:ring-gray-1000:focus { | |
--tw-ring-opacity: 1; | |
--tw-ring-color: rgb(27 30 46 / var(--tw-ring-opacity)); | |
} | |
.focus\:ring-gray-200:focus { | |
--tw-ring-opacity: 1; | |
--tw-ring-color: rgb(208 210 224 / var(--tw-ring-opacity)); | |
} | |
.focus\:ring-indigo-600:focus { | |
--tw-ring-opacity: 1; | |
--tw-ring-color: rgb(58 70 204 / var(--tw-ring-opacity)); | |
} | |
.focus\:ring-purple-600:focus { | |
--tw-ring-opacity: 1; | |
--tw-ring-color: rgb(99 42 166 / var(--tw-ring-opacity)); | |
} | |
.focus\:ring-transparent:focus { | |
--tw-ring-color: transparent; | |
} | |
.before\:focus\:border-r-indigo-300:focus::before { | |
content: var(--tw-content); | |
--tw-border-opacity: 1; | |
border-right-color: rgb(154 162 252 / var(--tw-border-opacity)); | |
} | |
.focus-visible\:bg-gray-900:focus-visible { | |
--tw-bg-opacity: 1; | |
background-color: rgb(46 50 71 / var(--tw-bg-opacity)); | |
} | |
.focus-visible\:underline:focus-visible { | |
-webkit-text-decoration-line: underline; | |
text-decoration-line: underline; | |
} | |
.focus-visible\:outline-none:focus-visible { | |
outline: 2px solid transparent; | |
outline-offset: 2px; | |
} | |
.focus-visible\:ring-1:focus-visible { | |
--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, 0 0 #0000); | |
} | |
.focus-visible\:ring-gray-100:focus-visible { | |
--tw-ring-opacity: 1; | |
--tw-ring-color: rgb(225 227 237 / var(--tw-ring-opacity)); | |
} | |
.focus-visible\:ring-offset-0:focus-visible { | |
--tw-ring-offset-width: 0px; | |
} | |
.before\:focus-visible\:border-r-transparent:focus-visible::before { | |
content: var(--tw-content); | |
border-right-color: transparent; | |
} | |
.active\:bg-white:active { | |
--tw-bg-opacity: 1; | |
background-color: rgb(255 255 255 / var(--tw-bg-opacity)); | |
} | |
.active\:shadow-ring-focus:active { | |
--tw-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2); | |
--tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color); | |
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); | |
} | |
.disabled\:pointer-events-none:disabled { | |
pointer-events: none; | |
} | |
.disabled\:cursor-not-allowed:disabled { | |
cursor: not-allowed; | |
} | |
.disabled\:border-gray-100:disabled { | |
--tw-border-opacity: 1; | |
border-color: rgb(225 227 237 / var(--tw-border-opacity)); | |
} | |
.disabled\:border-white\/20:disabled { | |
border-color: rgb(255 255 255 / 0.2); | |
} | |
.disabled\:bg-gray-100:disabled { | |
--tw-bg-opacity: 1; | |
background-color: rgb(225 227 237 / var(--tw-bg-opacity)); | |
} | |
.disabled\:stroke-gray-400:disabled { | |
stroke: #AFB3C7; | |
} | |
.disabled\:text-gray-400:disabled { | |
--tw-text-opacity: 1; | |
color: rgb(175 179 199 / var(--tw-text-opacity)); | |
} | |
.disabled\:text-gray-500:disabled { | |
--tw-text-opacity: 1; | |
color: rgb(144 149 173 / var(--tw-text-opacity)); | |
} | |
.disabled\:text-white\/50:disabled { | |
color: rgb(255 255 255 / 0.5); | |
} | |
.disabled\:no-underline:disabled { | |
-webkit-text-decoration-line: none; | |
text-decoration-line: none; | |
} | |
.disabled\:opacity-50:disabled { | |
opacity: 0.5; | |
} | |
.disabled\:outline-0:disabled { | |
outline-width: 0px; | |
} | |
.disabled\:ring-0:disabled { | |
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); | |
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); | |
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); | |
} | |
.disabled\:hover\:border-white\/20:hover:disabled { | |
border-color: rgb(255 255 255 / 0.2); | |
} | |
.hover\:disabled\:bg-gray-100:disabled:hover { | |
--tw-bg-opacity: 1; | |
background-color: rgb(225 227 237 / var(--tw-bg-opacity)); | |
} | |
.group:focus-within .group-focus-within\:mix-blend-luminosity { | |
mix-blend-mode: luminosity; | |
} | |
.group:hover .group-hover\:border-gray-500 { | |
--tw-border-opacity: 1; | |
border-color: rgb(144 149 173 / var(--tw-border-opacity)); | |
} | |
.group:hover .group-hover\:border-indigo-500 { | |
--tw-border-opacity: 1; | |
border-color: rgb(73 86 227 / var(--tw-border-opacity)); | |
} | |
.group:hover .group-hover\:border-jade-400 { | |
--tw-border-opacity: 1; | |
border-color: rgb(31 169 113 / var(--tw-border-opacity)); | |
} | |
.group:hover .group-hover\:border-orange-400 { | |
--tw-border-opacity: 1; | |
border-color: rgb(219 121 3 / var(--tw-border-opacity)); | |
} | |
.group:hover .group-hover\:border-red-400 { | |
--tw-border-opacity: 1; | |
border-color: rgb(228 87 112 / var(--tw-border-opacity)); | |
} | |
.group:hover .group-hover\:text-indigo-300 { | |
--tw-text-opacity: 1; | |
color: rgb(154 162 252 / var(--tw-text-opacity)); | |
} | |
.group:hover .group-hover\:text-indigo-700 { | |
--tw-text-opacity: 1; | |
color: rgb(47 58 176 / var(--tw-text-opacity)); | |
} | |
.group:hover .group-hover\:opacity-0 { | |
opacity: 0; | |
} | |
.group:hover .group-hover\:opacity-100 { | |
opacity: 1; | |
} | |
.group:hover .group-hover\:mix-blend-luminosity { | |
mix-blend-mode: luminosity; | |
} | |
.group:hover .group-hover\:outline { | |
outline-style: solid; | |
} | |
.group:hover .group-hover\:outline-indigo-100 { | |
outline-color: #DADDFE; | |
} | |
.group:focus .group-focus\:text-indigo-300 { | |
--tw-text-opacity: 1; | |
color: rgb(154 162 252 / var(--tw-text-opacity)); | |
} | |
.group:focus .group-focus\:opacity-100 { | |
opacity: 1; | |
} | |
.group:focus-visible .group-focus-visible\:border-gray-500 { | |
--tw-border-opacity: 1; | |
border-color: rgb(144 149 173 / var(--tw-border-opacity)); | |
} | |
.group:focus-visible .group-focus-visible\:border-indigo-500 { | |
--tw-border-opacity: 1; | |
border-color: rgb(73 86 227 / var(--tw-border-opacity)); | |
} | |
.group:focus-visible .group-focus-visible\:border-jade-400 { | |
--tw-border-opacity: 1; | |
border-color: rgb(31 169 113 / var(--tw-border-opacity)); | |
} | |
.group:focus-visible .group-focus-visible\:border-orange-400 { | |
--tw-border-opacity: 1; | |
border-color: rgb(219 121 3 / var(--tw-border-opacity)); | |
} | |
.group:focus-visible .group-focus-visible\:border-red-400 { | |
--tw-border-opacity: 1; | |
border-color: rgb(228 87 112 / var(--tw-border-opacity)); | |
} | |
.group:focus-visible .group-focus-visible\:outline { | |
outline-style: solid; | |
} | |
.group:focus-visible .group-focus-visible\:outline-gray-500 { | |
outline-color: #9095AD; | |
} | |
.group:focus-visible .group-focus-visible\:outline-indigo-500 { | |
outline-color: #4956E3; | |
} | |
.group:focus-visible .group-focus-visible\:outline-jade-400 { | |
outline-color: #1FA971; | |
} | |
.group:focus-visible .group-focus-visible\:outline-orange-400 { | |
outline-color: #DB7903; | |
} | |
.group:focus-visible .group-focus-visible\:outline-red-400 { | |
outline-color: #E45770; | |
} | |
.hocus\:rounded-md:focus { | |
border-radius: 4px; | |
} | |
.hocus\:border-\[1px\]:focus { | |
border-width: 1px; | |
} | |
.hocus\:border-error-300:focus { | |
--tw-border-opacity: 1; | |
border-color: rgb(245 154 169 / var(--tw-border-opacity)); | |
} | |
.hocus\:border-gray-100:focus { | |
--tw-border-opacity: 1; | |
border-color: rgb(225 227 237 / var(--tw-border-opacity)); | |
} | |
.hocus\:border-gray-200:focus { | |
--tw-border-opacity: 1; | |
border-color: rgb(208 210 224 / var(--tw-border-opacity)); | |
} | |
.hocus\:border-gray-300:focus { | |
--tw-border-opacity: 1; | |
border-color: rgb(191 194 212 / var(--tw-border-opacity)); | |
} | |
.hocus\:border-indigo-200:focus { | |
--tw-border-opacity: 1; | |
border-color: rgb(197 201 253 / var(--tw-border-opacity)); | |
} | |
.hocus\:border-indigo-300:focus { | |
--tw-border-opacity: 1; | |
border-color: rgb(154 162 252 / var(--tw-border-opacity)); | |
} | |
.hocus\:border-indigo-500:focus { | |
--tw-border-opacity: 1; | |
border-color: rgb(73 86 227 / var(--tw-border-opacity)); | |
} | |
.hocus\:border-info-300:focus { | |
--tw-border-opacity: 1; | |
border-color: rgb(154 162 252 / var(--tw-border-opacity)); | |
} | |
.hocus\:border-jade-300:focus { | |
--tw-border-opacity: 1; | |
border-color: rgb(105 211 167 / var(--tw-border-opacity)); | |
} | |
.hocus\:border-purple-300:focus { | |
--tw-border-opacity: 1; | |
border-color: rgb(200 167 245 / var(--tw-border-opacity)); | |
} | |
.hocus\:border-success-300:focus { | |
--tw-border-opacity: 1; | |
border-color: rgb(105 211 167 / var(--tw-border-opacity)); | |
} | |
.hocus\:border-transparent:focus { | |
border-color: transparent; | |
} | |
.hocus\:border-warning-300:focus { | |
--tw-border-opacity: 1; | |
border-color: rgb(237 187 74 / var(--tw-border-opacity)); | |
} | |
.hocus\:border-white\/60:focus { | |
border-color: rgb(255 255 255 / 0.6); | |
} | |
.hocus\:border-r-indigo-300:focus { | |
--tw-border-opacity: 1; | |
border-right-color: rgb(154 162 252 / var(--tw-border-opacity)); | |
} | |
.hocus\:bg-indigo-50:focus { | |
--tw-bg-opacity: 1; | |
background-color: rgb(240 241 255 / var(--tw-bg-opacity)); | |
} | |
.hocus\:text-indigo-500:focus { | |
--tw-text-opacity: 1; | |
color: rgb(73 86 227 / var(--tw-text-opacity)); | |
} | |
.hocus\:text-indigo-700:focus { | |
--tw-text-opacity: 1; | |
color: rgb(47 58 176 / var(--tw-text-opacity)); | |
} | |
.hocus\:underline:focus { | |
-webkit-text-decoration-line: underline; | |
text-decoration-line: underline; | |
} | |
.hocus\:no-underline:focus { | |
-webkit-text-decoration-line: none; | |
text-decoration-line: none; | |
} | |
.hocus\:shadow-gray-100:focus { | |
--tw-shadow-color: #E1E3ED; | |
--tw-shadow: var(--tw-shadow-colored); | |
} | |
.hocus\:shadow-gray-50:focus { | |
--tw-shadow-color: #F3F4FA; | |
--tw-shadow: var(--tw-shadow-colored); | |
} | |
.hocus\:shadow-indigo-100:focus { | |
--tw-shadow-color: #DADDFE; | |
--tw-shadow: var(--tw-shadow-colored); | |
} | |
.hocus\:shadow-indigo-300\/\[\.35\]:focus { | |
--tw-shadow-color: rgb(154 162 252 / .35); | |
--tw-shadow: var(--tw-shadow-colored); | |
} | |
.hocus\:shadow-indigo-50:focus { | |
--tw-shadow-color: #F0F1FF; | |
--tw-shadow: var(--tw-shadow-colored); | |
} | |
.hocus\:shadow-jade-100:focus { | |
--tw-shadow-color: #C2F1DE; | |
--tw-shadow: var(--tw-shadow-colored); | |
} | |
.hocus\:shadow-jade-50:focus { | |
--tw-shadow-color: #E4FBF2; | |
--tw-shadow: var(--tw-shadow-colored); | |
} | |
.hocus\:shadow-purple-100:focus { | |
--tw-shadow-color: #E9DDFA; | |
--tw-shadow: var(--tw-shadow-colored); | |
} | |
.hocus\:shadow-red-100:focus { | |
--tw-shadow-color: #FAD9DF; | |
--tw-shadow: var(--tw-shadow-colored); | |
} | |
.hocus\:shadow-teal-100:focus { | |
--tw-shadow-color: #B7E7F0; | |
--tw-shadow: var(--tw-shadow-colored); | |
} | |
.hocus\:shadow-transparent:focus { | |
--tw-shadow-color: transparent; | |
--tw-shadow: var(--tw-shadow-colored); | |
} | |
.hocus\:shadow-white\/20:focus { | |
--tw-shadow-color: rgb(255 255 255 / 0.2); | |
--tw-shadow: var(--tw-shadow-colored); | |
} | |
.hocus\:outline-0:focus { | |
outline-width: 0px; | |
} | |
.hocus\:outline-transparent:focus { | |
outline-color: transparent; | |
} | |
.hocus\:ring-0:focus { | |
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); | |
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); | |
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); | |
} | |
.hocus\:ring-1:focus { | |
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); | |
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); | |
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); | |
} | |
.hocus\:ring-current:focus { | |
--tw-ring-color: currentColor; | |
} | |
.hocus\:ring-error-200:focus { | |
--tw-ring-opacity: 1; | |
--tw-ring-color: rgb(248 196 205 / var(--tw-ring-opacity)); | |
} | |
.hocus\:ring-gray-100:focus { | |
--tw-ring-opacity: 1; | |
--tw-ring-color: rgb(225 227 237 / var(--tw-ring-opacity)); | |
} | |
.hocus\:ring-gray-200:focus { | |
--tw-ring-opacity: 1; | |
--tw-ring-color: rgb(208 210 224 / var(--tw-ring-opacity)); | |
} | |
.hocus\:ring-gray-50:focus { | |
--tw-ring-opacity: 1; | |
--tw-ring-color: rgb(243 244 250 / var(--tw-ring-opacity)); | |
} | |
.hocus\:ring-info-200:focus { | |
--tw-ring-opacity: 1; | |
--tw-ring-color: rgb(197 201 253 / var(--tw-ring-opacity)); | |
} | |
.hocus\:ring-success-200:focus { | |
--tw-ring-opacity: 1; | |
--tw-ring-color: rgb(163 231 203 / var(--tw-ring-opacity)); | |
} | |
.hocus\:ring-warning-200:focus { | |
--tw-ring-opacity: 1; | |
--tw-ring-color: rgb(241 224 143 / var(--tw-ring-opacity)); | |
} | |
.checked\:hocus\:border-indigo-500:focus:checked { | |
--tw-border-opacity: 1; | |
border-color: rgb(73 86 227 / var(--tw-border-opacity)); | |
} | |
.checked\:hocus\:bg-transparent:focus:checked { | |
background-color: transparent; | |
} | |
.disabled\:hocus\:shadow-none:focus:disabled { | |
--tw-shadow: 0 0 #0000; | |
--tw-shadow-colored: 0 0 #0000; | |
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); | |
} | |
.hocus\:rounded-md:hover { | |
border-radius: 4px; | |
} | |
.hocus\:border-\[1px\]:hover { | |
border-width: 1px; | |
} | |
.hocus\:border-error-300:hover { | |
--tw-border-opacity: 1; | |
border-color: rgb(245 154 169 / var(--tw-border-opacity)); | |
} | |
.hocus\:border-gray-100:hover { | |
--tw-border-opacity: 1; | |
border-color: rgb(225 227 237 / var(--tw-border-opacity)); | |
} | |
.hocus\:border-gray-200:hover { | |
--tw-border-opacity: 1; | |
border-color: rgb(208 210 224 / var(--tw-border-opacity)); | |
} | |
.hocus\:border-gray-300:hover { | |
--tw-border-opacity: 1; | |
border-color: rgb(191 194 212 / var(--tw-border-opacity)); | |
} | |
.hocus\:border-indigo-200:hover { | |
--tw-border-opacity: 1; | |
border-color: rgb(197 201 253 / var(--tw-border-opacity)); | |
} | |
.hocus\:border-indigo-300:hover { | |
--tw-border-opacity: 1; | |
border-color: rgb(154 162 252 / var(--tw-border-opacity)); | |
} | |
.hocus\:border-indigo-500:hover { | |
--tw-border-opacity: 1; | |
border-color: rgb(73 86 227 / var(--tw-border-opacity)); | |
} | |
.hocus\:border-info-300:hover { | |
--tw-border-opacity: 1; | |
border-color: rgb(154 162 252 / var(--tw-border-opacity)); | |
} | |
.hocus\:border-jade-300:hover { | |
--tw-border-opacity: 1; | |
border-color: rgb(105 211 167 / var(--tw-border-opacity)); | |
} | |
.hocus\:border-purple-300:hover { | |
--tw-border-opacity: 1; | |
border-color: rgb(200 167 245 / var(--tw-border-opacity)); | |
} | |
.hocus\:border-success-300:hover { | |
--tw-border-opacity: 1; | |
border-color: rgb(105 211 167 / var(--tw-border-opacity)); | |
} | |
.hocus\:border-transparent:hover { | |
border-color: transparent; | |
} | |
.hocus\:border-warning-300:hover { | |
--tw-border-opacity: 1; | |
border-color: rgb(237 187 74 / var(--tw-border-opacity)); | |
} | |
.hocus\:border-white\/60:hover { | |
border-color: rgb(255 255 255 / 0.6); | |
} | |
.hocus\:border-r-indigo-300:hover { | |
--tw-border-opacity: 1; | |
border-right-color: rgb(154 162 252 / var(--tw-border-opacity)); | |
} | |
.hocus\:bg-indigo-50:hover { | |
--tw-bg-opacity: 1; | |
background-color: rgb(240 241 255 / var(--tw-bg-opacity)); | |
} | |
.hocus\:text-indigo-500:hover { | |
--tw-text-opacity: 1; | |
color: rgb(73 86 227 / var(--tw-text-opacity)); | |
} | |
.hocus\:text-indigo-700:hover { | |
--tw-text-opacity: 1; | |
color: rgb(47 58 176 / var(--tw-text-opacity)); | |
} | |
.hocus\:underline:hover { | |
-webkit-text-decoration-line: underline; | |
text-decoration-line: underline; | |
} | |
.hocus\:no-underline:hover { | |
-webkit-text-decoration-line: none; | |
text-decoration-line: none; | |
} | |
.hocus\:shadow-gray-100:hover { | |
--tw-shadow-color: #E1E3ED; | |
--tw-shadow: var(--tw-shadow-colored); | |
} | |
.hocus\:shadow-gray-50:hover { | |
--tw-shadow-color: #F3F4FA; | |
--tw-shadow: var(--tw-shadow-colored); | |
} | |
.hocus\:shadow-indigo-100:hover { | |
--tw-shadow-color: #DADDFE; | |
--tw-shadow: var(--tw-shadow-colored); | |
} | |
.hocus\:shadow-indigo-300\/\[\.35\]:hover { | |
--tw-shadow-color: rgb(154 162 252 / .35); | |
--tw-shadow: var(--tw-shadow-colored); | |
} | |
.hocus\:shadow-indigo-50:hover { | |
--tw-shadow-color: #F0F1FF; | |
--tw-shadow: var(--tw-shadow-colored); | |
} | |
.hocus\:shadow-jade-100:hover { | |
--tw-shadow-color: #C2F1DE; | |
--tw-shadow: var(--tw-shadow-colored); | |
} | |
.hocus\:shadow-jade-50:hover { | |
--tw-shadow-color: #E4FBF2; | |
--tw-shadow: var(--tw-shadow-colored); | |
} | |
.hocus\:shadow-purple-100:hover { | |
--tw-shadow-color: #E9DDFA; | |
--tw-shadow: var(--tw-shadow-colored); | |
} | |
.hocus\:shadow-red-100:hover { | |
--tw-shadow-color: #FAD9DF; | |
--tw-shadow: var(--tw-shadow-colored); | |
} | |
.hocus\:shadow-teal-100:hover { | |
--tw-shadow-color: #B7E7F0; | |
--tw-shadow: var(--tw-shadow-colored); | |
} | |
.hocus\:shadow-transparent:hover { | |
--tw-shadow-color: transparent; | |
--tw-shadow: var(--tw-shadow-colored); | |
} | |
.hocus\:shadow-white\/20:hover { | |
--tw-shadow-color: rgb(255 255 255 / 0.2); | |
--tw-shadow: var(--tw-shadow-colored); | |
} | |
.hocus\:outline-0:hover { | |
outline-width: 0px; | |
} | |
.hocus\:outline-transparent:hover { | |
outline-color: transparent; | |
} | |
.hocus\:ring-0:hover { | |
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); | |
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); | |
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); | |
} | |
.hocus\:ring-1:hover { | |
--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, 0 0 #0000); | |
} | |
.hocus\:ring-current:hover { | |
--tw-ring-color: currentColor; | |
} | |
.hocus\:ring-error-200:hover { | |
--tw-ring-opacity: 1; | |
--tw-ring-color: rgb(248 196 205 / var(--tw-ring-opacity)); | |
} | |
.hocus\:ring-gray-100:hover { | |
--tw-ring-opacity: 1; | |
--tw-ring-color: rgb(225 227 237 / var(--tw-ring-opacity)); | |
} | |
.hocus\:ring-gray-200:hover { | |
--tw-ring-opacity: 1; | |
--tw-ring-color: rgb(208 210 224 / var(--tw-ring-opacity)); | |
} | |
.hocus\:ring-gray-50:hover { | |
--tw-ring-opacity: 1; | |
--tw-ring-color: rgb(243 244 250 / var(--tw-ring-opacity)); | |
} | |
.hocus\:ring-info-200:hover { | |
--tw-ring-opacity: 1; | |
--tw-ring-color: rgb(197 201 253 / var(--tw-ring-opacity)); | |
} | |
.hocus\:ring-success-200:hover { | |
--tw-ring-opacity: 1; | |
--tw-ring-color: rgb(163 231 203 / var(--tw-ring-opacity)); | |
} | |
.hocus\:ring-warning-200:hover { | |
--tw-ring-opacity: 1; | |
--tw-ring-color: rgb(241 224 143 / var(--tw-ring-opacity)); | |
} | |
.checked\:hocus\:border-indigo-500:hover:checked { | |
--tw-border-opacity: 1; | |
border-color: rgb(73 86 227 / var(--tw-border-opacity)); | |
} | |
.checked\:hocus\:bg-transparent:hover:checked { | |
background-color: transparent; | |
} | |
.disabled\:hocus\:shadow-none:hover:disabled { | |
--tw-shadow: 0 0 #0000; | |
--tw-shadow-colored: 0 0 #0000; | |
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); | |
} | |
.group:focus .group-hocus\:translate-x-\[2px\] { | |
--tw-translate-x: 2px; | |
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
} | |
.group:focus .group-hocus\:scale-x-100 { | |
--tw-scale-x: 1; | |
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
} | |
.group:focus .group-hocus\:bg-indigo-50 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(240 241 255 / var(--tw-bg-opacity)); | |
} | |
.group:focus .group-hocus\:fill-indigo-50 { | |
fill: #F0F1FF; | |
} | |
.group:focus .group-hocus\:stroke-indigo-500 { | |
stroke: #4956E3; | |
} | |
.group:focus .group-hocus\:text-gray-300 { | |
--tw-text-opacity: 1; | |
color: rgb(191 194 212 / var(--tw-text-opacity)); | |
} | |
.group:focus .group-hocus\:text-gray-400 { | |
--tw-text-opacity: 1; | |
color: rgb(175 179 199 / var(--tw-text-opacity)); | |
} | |
.group:focus .group-hocus\:text-indigo-500 { | |
--tw-text-opacity: 1; | |
color: rgb(73 86 227 / var(--tw-text-opacity)); | |
} | |
.group:focus .group-hocus\:text-indigo-600 { | |
--tw-text-opacity: 1; | |
color: rgb(58 70 204 / var(--tw-text-opacity)); | |
} | |
.group:focus .group-hocus\:text-indigo-700 { | |
--tw-text-opacity: 1; | |
color: rgb(47 58 176 / var(--tw-text-opacity)); | |
} | |
.group:focus .group-hocus\:underline { | |
-webkit-text-decoration-line: underline; | |
text-decoration-line: underline; | |
} | |
.group:focus .group-hocus\:opacity-60 { | |
opacity: 0.6; | |
} | |
.group:focus .group-hocus\:grayscale-0 { | |
--tw-grayscale: grayscale(0); | |
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); | |
} | |
.group:hover .group-hocus\:translate-x-\[2px\] { | |
--tw-translate-x: 2px; | |
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
} | |
.group:hover .group-hocus\:scale-x-100 { | |
--tw-scale-x: 1; | |
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
} | |
.group:hover .group-hocus\:bg-indigo-50 { | |
--tw-bg-opacity: 1; | |
background-color: rgb(240 241 255 / var(--tw-bg-opacity)); | |
} | |
.group:hover .group-hocus\:fill-indigo-50 { | |
fill: #F0F1FF; | |
} | |
.group:hover .group-hocus\:stroke-indigo-500 { | |
stroke: #4956E3; | |
} | |
.group:hover .group-hocus\:text-gray-300 { | |
--tw-text-opacity: 1; | |
color: rgb(191 194 212 / var(--tw-text-opacity)); | |
} | |
.group:hover .group-hocus\:text-gray-400 { | |
--tw-text-opacity: 1; | |
color: rgb(175 179 199 / var(--tw-text-opacity)); | |
} | |
.group:hover .group-hocus\:text-indigo-500 { | |
--tw-text-opacity: 1; | |
color: rgb(73 86 227 / var(--tw-text-opacity)); | |
} | |
.group:hover .group-hocus\:text-indigo-600 { | |
--tw-text-opacity: 1; | |
color: rgb(58 70 204 / var(--tw-text-opacity)); | |
} | |
.group:hover .group-hocus\:text-indigo-700 { | |
--tw-text-opacity: 1; | |
color: rgb(47 58 176 / var(--tw-text-opacity)); | |
} | |
.group:hover .group-hocus\:underline { | |
-webkit-text-decoration-line: underline; | |
text-decoration-line: underline; | |
} | |
.group:hover .group-hocus\:opacity-60 { | |
opacity: 0.6; | |
} | |
.group:hover .group-hocus\:grayscale-0 { | |
--tw-grayscale: grayscale(0); | |
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); | |
} | |
.children\:mx-auto > * { | |
margin-left: auto; | |
margin-right: auto; | |
} | |
.children\:mb-\[18px\] > * { | |
margin-bottom: 18px; | |
} | |
.children\:flex > * { | |
display: flex; | |
} | |
.children\:h-\[14px\] > * { | |
height: 14px; | |
} | |
.children\:h-\[26px\] > * { | |
height: 26px; | |
} | |
.children\:h-\[30px\] > * { | |
height: 30px; | |
} | |
.children\:h-\[40px\] > * { | |
height: 40px; | |
} | |
.children\:cursor-pointer > * { | |
cursor: pointer; | |
} | |
.children\:items-center > * { | |
align-items: center; | |
} | |
.children\:gap-\[8px\] > * { | |
gap: 8px; | |
} | |
.children\:overflow-hidden > * { | |
overflow: hidden; | |
} | |
.children\:truncate > * { | |
overflow: hidden; | |
text-overflow: ellipsis; | |
white-space: nowrap; | |
} | |
.children\:hyphens-manual > * { | |
-webkit-hyphens: manual; | |
hyphens: manual; | |
} | |
.children\:rounded-lg > * { | |
border-radius: 0.5rem; | |
} | |
.children\:border-gray-50 > * { | |
--tw-border-opacity: 1; | |
border-color: rgb(243 244 250 / var(--tw-border-opacity)); | |
} | |
.children\:bg-gray-50 > * { | |
--tw-bg-opacity: 1; | |
background-color: rgb(243 244 250 / var(--tw-bg-opacity)); | |
} | |
.children\:py-\[24px\] > * { | |
padding-top: 24px; | |
padding-bottom: 24px; | |
} | |
.children\:py-\[8px\] > * { | |
padding-top: 8px; | |
padding-bottom: 8px; | |
} | |
.children\:pb-4 > * { | |
padding-bottom: 1rem; | |
} | |
.children\:pt-\[24px\] > * { | |
padding-top: 24px; | |
} | |
.children\:text-sm > * { | |
font-size: 0.875rem; | |
line-height: 1.25rem; | |
} | |
.children\:font-medium > * { | |
font-weight: 500; | |
} | |
.children\:leading-\[20px\] > * { | |
line-height: 20px; | |
} | |
.children\:leading-\[24px\] > * { | |
line-height: 24px; | |
} | |
.children\:text-gray-800 > * { | |
--tw-text-opacity: 1; | |
color: rgb(67 72 97 / var(--tw-text-opacity)); | |
} | |
.children\:transition > * { | |
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter; | |
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; | |
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter; | |
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
transition-duration: 150ms; | |
} | |
.children\:transition-all > * { | |
transition-property: all; | |
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
transition-duration: 150ms; | |
} | |
.children\:duration-300 > * { | |
transition-duration: 300ms; | |
} | |
.group:hover .group-hover\:children\:transition-all > * { | |
transition-property: all; | |
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
transition-duration: 150ms; | |
} | |
.group:hover .group-hover\:children\:ease-in-out > * { | |
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
} | |
@media (prefers-color-scheme: dark) { | |
.dark\:text-gray-400 { | |
--tw-text-opacity: 1; | |
color: rgb(175 179 199 / var(--tw-text-opacity)); | |
} | |
.dark\:text-white { | |
--tw-text-opacity: 1; | |
color: rgb(255 255 255 / var(--tw-text-opacity)); | |
} | |
} | |
@media (min-width: 640px) { | |
.sm\:inset-0 { | |
inset: 0px; | |
} | |
.sm\:min-w-\[640px\] { | |
min-width: 640px; | |
} | |
.sm\:text-sm { | |
font-size: 0.875rem; | |
line-height: 1.25rem; | |
} | |
} | |
@media (min-width: 768px) { | |
.md\:mt-0 { | |
margin-top: 0px; | |
} | |
.md\:block { | |
display: block; | |
} | |
.md\:flex { | |
display: flex; | |
} | |
.md\:grid-cols-\[1fr\2c 135px\2c 130px\2c 130px\] { | |
grid-template-columns: 1fr 135px 130px 130px; | |
} | |
.md\:flex-row { | |
flex-direction: row; | |
} | |
.md\:items-center { | |
align-items: center; | |
} | |
} | |
@media (min-width: 1024px) { | |
.lg\:ml-\[248px\] { | |
margin-left: 248px; | |
} | |
.lg\:block { | |
display: block; | |
} | |
.lg\:flex { | |
display: flex; | |
} | |
.lg\:hidden { | |
display: none; | |
} | |
.lg\:w-auto { | |
width: auto; | |
} | |
.lg\:max-w-\[160px\] { | |
max-width: 160px; | |
} | |
.lg\:grid-cols-\[1fr\2c 160px\2c 160px\2c 180px\] { | |
grid-template-columns: 1fr 160px 160px 180px; | |
} | |
} | |
@media (min-width: 1280px) { | |
.xl\:col-start-2 { | |
grid-column-start: 2; | |
} | |
.xl\:flex { | |
display: flex; | |
} | |
.xl\:inline-flex { | |
display: inline-flex; | |
} | |
.xl\:hidden { | |
display: none; | |
} | |
.xl\:h-\[305px\] { | |
height: 305px; | |
} | |
.xl\:max-w-\[160px\] { | |
max-width: 160px; | |
} | |
.xl\:grid-cols-\[300px_470px\] { | |
grid-template-columns: 300px 470px; | |
} | |
.xl\:grid-cols-\[744px\] { | |
grid-template-columns: 744px; | |
} | |
.xl\:flex-row { | |
flex-direction: row; | |
} | |
.xl\:items-center { | |
align-items: center; | |
} | |
} | |
@media (min-width: 1536px) { | |
.\32xl\:block { | |
display: block; | |
} | |
.\32xl\:inline-block { | |
display: inline-block; | |
} | |
.\32xl\:inline-flex { | |
display: inline-flex; | |
} | |
.\32xl\:hidden { | |
display: none; | |
} | |
.\32xl\:w-\[200px\] { | |
width: 200px; | |
} | |
.\32xl\:max-w-none { | |
max-width: none; | |
} | |
.\32xl\:gap-4 { | |
gap: 1rem; | |
} | |
} | |
.\[\&\:not\(\:last-child\)\]\:border-b:not(:last-child) { | |
border-bottom-width: 1px; | |
} | |
.\[\&\>\*\:last-child\]\:mr-\[8px\]>*:last-child { | |
margin-right: 8px; | |
} | |
.opacity-gradient[data-v-18d56591] { | |
background: linear-gradient(to right, rgba(255, 255, 255, 0.3) 0%, rgb(243, 244, 250) 25%, rgb(243, 244, 250) 100%); | |
} | |
[data-v-71ed09a1]::-webkit-search-cancel-button{ | |
display: none; | |
} | |
.radio[data-v-8872dbd3]::before { | |
content: ""; | |
margin: 4px; | |
display: block; | |
height: 6px; | |
width: 6px; | |
--tw-scale-x: 0; | |
--tw-scale-y: 0; | |
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
border-radius: 9999px; | |
--tw-bg-opacity: 1; | |
background-color: rgb(73 86 227 / var(--tw-bg-opacity)); | |
transition-property: transform; | |
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
transition-duration: 150ms; | |
} | |
.radio[data-v-8872dbd3]:checked::before { | |
--tw-scale-x: 1; | |
--tw-scale-y: 1; | |
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
}.shiki-wrapper[data-v-52636ce2] .shiki { | |
min-width: -moz-max-content; | |
min-width: max-content; | |
border-right-width: 10px; | |
border-right-color: transparent; | |
} | |
.shiki-wrapper.wrap[data-v-52636ce2] .line { | |
white-space: pre-wrap; | |
} | |
.shiki-wrapper.line-numbers[data-v-52636ce2] .shiki { | |
padding-top: 8px; | |
padding-bottom: 8px; | |
} | |
.shiki-wrapper.line-numbers[data-v-52636ce2] .shiki code { | |
counter-reset: step; | |
counter-increment: step calc(var(--74c38bf0) - 1); | |
} | |
.shiki-wrapper.line-numbers[data-v-52636ce2] .shiki code .line::before, | |
.shiki-wrapper.line-numbers[data-v-52636ce2] .shiki code .line:first-child::before { | |
position: sticky; | |
margin-right: 16px; | |
display: inline-block; | |
min-width: 40px; | |
--tw-bg-opacity: 1; | |
background-color: rgb(243 244 250 / var(--tw-bg-opacity)); | |
padding-left: 8px; | |
padding-right: 8px; | |
text-align: right; | |
--tw-text-opacity: 1; | |
color: rgb(144 149 173 / var(--tw-text-opacity)); | |
left: 0px !important; | |
content: counter(step); | |
counter-increment: step; | |
} | |
.shiki-wrapper.line-numbers[data-v-52636ce2] .shiki code :not(.line:only-child):first-child:before { | |
box-shadow: 0 -1.1em #F3F4FA !important; | |
} | |
.shiki-wrapper.line-numbers[data-v-52636ce2] .shiki code :not(.line:only-child):last-child::before { | |
box-shadow: 0 1.1em #F3F4FA !important; | |
} | |
.shiki-wrapper.line-numbers[data-v-52636ce2] .shiki code .line:only-child::before { | |
box-shadow: -1.1em 0 0 1.1em #F3F4FA !important; | |
}.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.no-arrow .v-popper__arrow-container{display:none}.cypress-v-tooltip-dark .v-popper__inner{border-width:0px;--tw-bg-opacity:1;background-color:rgb(46 50 71 / var(--tw-bg-opacity));padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1rem;padding-right:1rem;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.cypress-v-tooltip-dark .v-popper__arrow-outer { | |
border-color: #2e3247; | |
}.cypress-v-tooltip-dark .v-popper__arrow-inner { | |
visibility: hidden; | |
}.cypress-v-tooltip-dark[data-popper-placement=top] .v-popper__wrapper { | |
transform: scaleY(0); | |
transform-origin:bottom; | |
transition-property:transform; | |
transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1); | |
transition-duration:150ms; | |
}.cypress-v-tooltip-dark[data-popper-placement=top].v-popper__popper.v-popper__popper--show-to .v-popper__wrapper { | |
transform: scaleY(1); | |
}.cypress-v-tooltip-dark[data-popper-placement=right] .v-popper__wrapper { | |
transform: scaleX(0); | |
transform-origin:left; | |
transition-property:transform; | |
transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1); | |
transition-duration:150ms; | |
}.cypress-v-tooltip-dark[data-popper-placement=right].v-popper__popper.v-popper__popper--show-to .v-popper__wrapper { | |
transform: scaleX(1); | |
}.cypress-v-tooltip-dark[data-popper-placement=bottom] .v-popper__wrapper { | |
transform: scaleY(0); | |
transform-origin:top; | |
transition-property:transform; | |
transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1); | |
transition-duration:150ms; | |
}.cypress-v-tooltip-dark[data-popper-placement=bottom].v-popper__popper.v-popper__popper--show-to .v-popper__wrapper { | |
transform: scaleY(1); | |
}.cypress-v-tooltip-dark[data-popper-placement=left] .v-popper__wrapper { | |
transform: scaleX(0); | |
transform-origin:right; | |
transition-property:transform; | |
transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1); | |
transition-duration:150ms; | |
}.cypress-v-tooltip-dark[data-popper-placement=left].v-popper__popper.v-popper__popper--show-to .v-popper__wrapper { | |
transform: scaleX(1); | |
}.cypress-v-tooltip-light .v-popper__inner{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity)); | |
border-color: transparent; | |
border-radius: 4px !important; | |
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15); | |
padding: 0}.cypress-v-tooltip-light .v-popper__arrow-outer { | |
border-color: white; | |
}.cypress-v-tooltip-light[data-popper-placement=top] .v-popper__arrow-outer { | |
filter: drop-shadow(0 1px 1px #e1e3ed); | |
}.cypress-v-tooltip-light[data-popper-placement=bottom] .v-popper__arrow-outer { | |
filter: drop-shadow(0 -1px 1px #e1e3ed); | |
}.cypress-v-tooltip-light[data-popper-placement=left] .v-popper__arrow-outer { | |
filter: drop-shadow(1px 0px 1px #e1e3ed); | |
}.cypress-v-tooltip-light[data-popper-placement=right] .v-popper__arrow-outer { | |
filter: drop-shadow(-1px 0px 1px #e1e3ed); | |
} | |
.spinner circle[data-v-16f1736f] { | |
stroke-dasharray: 30 115; | |
stroke-dashoffset: 145; | |
animation: dash-16f1736f linear 1s infinite; | |
stroke: #69D3A7; | |
} | |
.spinner > path[data-v-16f1736f], | |
.spinner > rect[data-v-16f1736f] { | |
fill: #1B1E2E; | |
} | |
@keyframes dash-16f1736f { | |
20% { | |
stroke-dasharray: 45 100; | |
} | |
67% { | |
stroke-dasharray: 10 135; | |
stroke-dashoffset: 50; | |
} | |
to { | |
stroke-dashoffset: 0; | |
stroke-dasharray: 30 115; | |
} | |
} | |
.ribbon[data-v-b9303bc9] { | |
/* https://css-tricks.com/the-shapes-of-css/#aa-trapezoid-shape */ | |
transform: rotate(45deg); | |
border-bottom: 25px solid #C2F1DE; /* Primary/Jade/100 */ | |
border-left: 25px solid transparent; | |
border-right: 25px solid transparent; | |
height: 10px; | |
width: 100px; | |
top: 14px !important; | |
right: -24px !important; | |
} | |
.Vue-Toastification__container { | |
z-index: 9999; | |
position: fixed; | |
padding: 4px; | |
width: 600px; | |
box-sizing: border-box; | |
display: flex; | |
min-height: 100%; | |
color: #fff; | |
flex-direction: column; | |
pointer-events: none; | |
} | |
@media only screen and (min-width : 600px) { | |
.Vue-Toastification__container.top-left, .Vue-Toastification__container.top-right, .Vue-Toastification__container.top-center { | |
top: 1em; | |
} | |
.Vue-Toastification__container.bottom-left, .Vue-Toastification__container.bottom-right, .Vue-Toastification__container.bottom-center { | |
bottom: 1em; | |
flex-direction: column-reverse; | |
} | |
.Vue-Toastification__container.top-left, .Vue-Toastification__container.bottom-left { | |
left: 1em; | |
} | |
.Vue-Toastification__container.top-left .Vue-Toastification__toast, .Vue-Toastification__container.bottom-left .Vue-Toastification__toast { | |
margin-right: auto; | |
} | |
.Vue-Toastification__container.top-left .Vue-Toastification__toast--rtl, .Vue-Toastification__container.bottom-left .Vue-Toastification__toast--rtl { | |
margin-right: unset; | |
margin-left: auto; | |
} | |
.Vue-Toastification__container.top-right, .Vue-Toastification__container.bottom-right { | |
right: 1em; | |
} | |
.Vue-Toastification__container.top-right .Vue-Toastification__toast, .Vue-Toastification__container.bottom-right .Vue-Toastification__toast { | |
margin-left: auto; | |
} | |
.Vue-Toastification__container.top-right .Vue-Toastification__toast--rtl, .Vue-Toastification__container.bottom-right .Vue-Toastification__toast--rtl { | |
margin-left: unset; | |
margin-right: auto; | |
} | |
.Vue-Toastification__container.top-center, .Vue-Toastification__container.bottom-center { | |
left: 50%; | |
margin-left: -300px; | |
} | |
.Vue-Toastification__container.top-center .Vue-Toastification__toast, .Vue-Toastification__container.bottom-center .Vue-Toastification__toast { | |
margin-left: auto; | |
margin-right: auto; | |
} | |
} | |
@media only screen and (max-width : 600px) { | |
.Vue-Toastification__container { | |
width: 100vw; | |
padding: 0; | |
left: 0; | |
margin: 0; | |
} | |
.Vue-Toastification__container .Vue-Toastification__toast { | |
width: 100%; | |
} | |
.Vue-Toastification__container.top-left, .Vue-Toastification__container.top-right, .Vue-Toastification__container.top-center { | |
top: 0; | |
} | |
.Vue-Toastification__container.bottom-left, .Vue-Toastification__container.bottom-right, .Vue-Toastification__container.bottom-center { | |
bottom: 0; | |
flex-direction: column-reverse; | |
} | |
} | |
.Vue-Toastification__toast { | |
display: inline-flex; | |
position: relative; | |
max-height: 800px; | |
min-height: 64px; | |
box-sizing: border-box; | |
margin-bottom: 1rem; | |
padding: 22px 24px; | |
border-radius: 8px; | |
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05); | |
justify-content: space-between; | |
font-family: "Lato", Helvetica, "Roboto", Arial, sans-serif; | |
max-width: 600px; | |
min-width: 326px; | |
pointer-events: auto; | |
overflow: hidden; | |
transform: translateZ(0); | |
direction: ltr; | |
} | |
.Vue-Toastification__toast--rtl { | |
direction: rtl; | |
} | |
.Vue-Toastification__toast--default { | |
background-color: #1976d2; | |
color: #fff; | |
} | |
.Vue-Toastification__toast--info { | |
background-color: #2196f3; | |
color: #fff; | |
} | |
.Vue-Toastification__toast--success { | |
background-color: #4caf50; | |
color: #fff; | |
} | |
.Vue-Toastification__toast--error { | |
background-color: #ff5252; | |
color: #fff; | |
} | |
.Vue-Toastification__toast--warning { | |
background-color: #ffc107; | |
color: #fff; | |
} | |
@media only screen and (max-width : 600px) { | |
.Vue-Toastification__toast { | |
border-radius: 0px; | |
margin-bottom: 0.5rem; | |
} | |
} | |
.Vue-Toastification__toast-body { | |
flex: 1; | |
line-height: 24px; | |
font-size: 16px; | |
word-break: break-word; | |
white-space: pre-wrap; | |
} | |
.Vue-Toastification__toast-component-body { | |
flex: 1; | |
} | |
.Vue-Toastification__toast.disable-transition { | |
animation: none !important; | |
} | |
.Vue-Toastification__close-button { | |
font-weight: bold; | |
font-size: 24px; | |
line-height: 24px; | |
background: transparent; | |
outline: none; | |
border: none; | |
padding: 0; | |
padding-left: 10px; | |
cursor: pointer; | |
transition: 0.3s ease; | |
align-items: center; | |
color: #fff; | |
opacity: 0.3; | |
transition: visibility 0s, opacity 0.2s linear; | |
} | |
.Vue-Toastification__close-button:hover, .Vue-Toastification__close-button:focus { | |
opacity: 1; | |
} | |
.Vue-Toastification__toast:not(:hover) .Vue-Toastification__close-button.show-on-hover { | |
opacity: 0; | |
} | |
.Vue-Toastification__toast--rtl .Vue-Toastification__close-button { | |
padding-left: unset; | |
padding-right: 10px; | |
} | |
@keyframes scale-x-frames { | |
0% { | |
transform: scaleX(1); | |
} | |
100% { | |
transform: scaleX(0); | |
} | |
} | |
.Vue-Toastification__progress-bar { | |
position: absolute; | |
bottom: 0; | |
left: 0; | |
width: 100%; | |
height: 5px; | |
z-index: 10000; | |
background-color: rgba(255, 255, 255, 0.7); | |
transform-origin: left; | |
animation: scale-x-frames linear 1 forwards; | |
} | |
.Vue-Toastification__toast--rtl .Vue-Toastification__progress-bar { | |
right: 0; | |
left: unset; | |
transform-origin: right; | |
} | |
.Vue-Toastification__icon { | |
margin: auto 18px auto 0px; | |
background: transparent; | |
outline: none; | |
border: none; | |
padding: 0; | |
transition: 0.3s ease; | |
align-items: center; | |
width: 20px; | |
height: 100%; | |
} | |
.Vue-Toastification__toast--rtl .Vue-Toastification__icon { | |
margin: auto 0px auto 18px; | |
} | |
@keyframes bounceInRight { | |
from, 60%, 75%, 90%, to { | |
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); | |
} | |
from { | |
opacity: 0; | |
transform: translate3d(3000px, 0, 0); | |
} | |
60% { | |
opacity: 1; | |
transform: translate3d(-25px, 0, 0); | |
} | |
75% { | |
transform: translate3d(10px, 0, 0); | |
} | |
90% { | |
transform: translate3d(-5px, 0, 0); | |
} | |
to { | |
transform: none; | |
} | |
} | |
@keyframes bounceOutRight { | |
40% { | |
opacity: 1; | |
transform: translate3d(-20px, 0, 0); | |
} | |
to { | |
opacity: 0; | |
transform: translate3d(1000px, 0, 0); | |
} | |
} | |
@keyframes bounceInLeft { | |
from, 60%, 75%, 90%, to { | |
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); | |
} | |
0% { | |
opacity: 0; | |
transform: translate3d(-3000px, 0, 0); | |
} | |
60% { | |
opacity: 1; | |
transform: translate3d(25px, 0, 0); | |
} | |
75% { | |
transform: translate3d(-10px, 0, 0); | |
} | |
90% { | |
transform: translate3d(5px, 0, 0); | |
} | |
to { | |
transform: none; | |
} | |
} | |
@keyframes bounceOutLeft { | |
20% { | |
opacity: 1; | |
transform: translate3d(20px, 0, 0); | |
} | |
to { | |
opacity: 0; | |
transform: translate3d(-2000px, 0, 0); | |
} | |
} | |
@keyframes bounceInUp { | |
from, 60%, 75%, 90%, to { | |
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); | |
} | |
from { | |
opacity: 0; | |
transform: translate3d(0, 3000px, 0); | |
} | |
60% { | |
opacity: 1; | |
transform: translate3d(0, -20px, 0); | |
} | |
75% { | |
transform: translate3d(0, 10px, 0); | |
} | |
90% { | |
transform: translate3d(0, -5px, 0); | |
} | |
to { | |
transform: translate3d(0, 0, 0); | |
} | |
} | |
@keyframes bounceOutUp { | |
20% { | |
transform: translate3d(0, -10px, 0); | |
} | |
40%, 45% { | |
opacity: 1; | |
transform: translate3d(0, 20px, 0); | |
} | |
to { | |
opacity: 0; | |
transform: translate3d(0, -2000px, 0); | |
} | |
} | |
@keyframes bounceInDown { | |
from, 60%, 75%, 90%, to { | |
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); | |
} | |
0% { | |
opacity: 0; | |
transform: translate3d(0, -3000px, 0); | |
} | |
60% { | |
opacity: 1; | |
transform: translate3d(0, 25px, 0); | |
} | |
75% { | |
transform: translate3d(0, -10px, 0); | |
} | |
90% { | |
transform: translate3d(0, 5px, 0); | |
} | |
to { | |
transform: none; | |
} | |
} | |
@keyframes bounceOutDown { | |
20% { | |
transform: translate3d(0, 10px, 0); | |
} | |
40%, 45% { | |
opacity: 1; | |
transform: translate3d(0, -20px, 0); | |
} | |
to { | |
opacity: 0; | |
transform: translate3d(0, 2000px, 0); | |
} | |
20% { | |
transform: translate3d(0, 10px, 0); | |
} | |
40%, 45% { | |
opacity: 1; | |
transform: translate3d(0, -20px, 0); | |
} | |
to { | |
opacity: 0; | |
transform: translate3d(0, 2000px, 0); | |
} | |
} | |
.Vue-Toastification__bounce-enter-active.top-left, .Vue-Toastification__bounce-enter-active.bottom-left { | |
animation-name: bounceInLeft; | |
} | |
.Vue-Toastification__bounce-enter-active.top-right, .Vue-Toastification__bounce-enter-active.bottom-right { | |
animation-name: bounceInRight; | |
} | |
.Vue-Toastification__bounce-enter-active.top-center { | |
animation-name: bounceInDown; | |
} | |
.Vue-Toastification__bounce-enter-active.bottom-center { | |
animation-name: bounceInUp; | |
} | |
.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-left, .Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-left { | |
animation-name: bounceOutLeft; | |
} | |
.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-right, .Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-right { | |
animation-name: bounceOutRight; | |
} | |
.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-center { | |
animation-name: bounceOutUp; | |
} | |
.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-center { | |
animation-name: bounceOutDown; | |
} | |
.Vue-Toastification__bounce-leave-active, | |
.Vue-Toastification__bounce-enter-active { | |
animation-duration: 750ms; | |
animation-fill-mode: both; | |
} | |
.Vue-Toastification__bounce-move { | |
transition-timing-function: ease-in-out; | |
transition-property: all; | |
transition-duration: 400ms; | |
} | |
/* ---------------------------------------------- | |
* Modified version from Animista | |
* Animista is Licensed under FreeBSD License. | |
* See http://animista.net/license for more info. | |
* w: http://animista.net, t: @cssanimista | |
* ---------------------------------------------- */ | |
@keyframes fadeOutTop { | |
0% { | |
transform: translateY(0); | |
opacity: 1; | |
} | |
100% { | |
transform: translateY(-50px); | |
opacity: 0; | |
} | |
} | |
@keyframes fadeOutLeft { | |
0% { | |
transform: translateX(0); | |
opacity: 1; | |
} | |
100% { | |
transform: translateX(-50px); | |
opacity: 0; | |
} | |
} | |
@keyframes fadeOutBottom { | |
0% { | |
transform: translateY(0); | |
opacity: 1; | |
} | |
100% { | |
transform: translateY(50px); | |
opacity: 0; | |
} | |
} | |
@keyframes fadeOutRight { | |
0% { | |
transform: translateX(0); | |
opacity: 1; | |
} | |
100% { | |
transform: translateX(50px); | |
opacity: 0; | |
} | |
} | |
@keyframes fadeInLeft { | |
0% { | |
transform: translateX(-50px); | |
opacity: 0; | |
} | |
100% { | |
transform: translateX(0); | |
opacity: 1; | |
} | |
} | |
@keyframes fadeInRight { | |
0% { | |
transform: translateX(50px); | |
opacity: 0; | |
} | |
100% { | |
transform: translateX(0); | |
opacity: 1; | |
} | |
} | |
@keyframes fadeInTop { | |
0% { | |
transform: translateY(-50px); | |
opacity: 0; | |
} | |
100% { | |
transform: translateY(0); | |
opacity: 1; | |
} | |
} | |
@keyframes fadeInBottom { | |
0% { | |
transform: translateY(50px); | |
opacity: 0; | |
} | |
100% { | |
transform: translateY(0); | |
opacity: 1; | |
} | |
} | |
.Vue-Toastification__fade-enter-active.top-left, .Vue-Toastification__fade-enter-active.bottom-left { | |
animation-name: fadeInLeft; | |
} | |
.Vue-Toastification__fade-enter-active.top-right, .Vue-Toastification__fade-enter-active.bottom-right { | |
animation-name: fadeInRight; | |
} | |
.Vue-Toastification__fade-enter-active.top-center { | |
animation-name: fadeInTop; | |
} | |
.Vue-Toastification__fade-enter-active.bottom-center { | |
animation-name: fadeInBottom; | |
} | |
.Vue-Toastification__fade-leave-active:not(.disable-transition).top-left, .Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-left { | |
animation-name: fadeOutLeft; | |
} | |
.Vue-Toastification__fade-leave-active:not(.disable-transition).top-right, .Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-right { | |
animation-name: fadeOutRight; | |
} | |
.Vue-Toastification__fade-leave-active:not(.disable-transition).top-center { | |
animation-name: fadeOutTop; | |
} | |
.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-center { | |
animation-name: fadeOutBottom; | |
} | |
.Vue-Toastification__fade-leave-active, | |
.Vue-Toastification__fade-enter-active { | |
animation-duration: 750ms; | |
animation-fill-mode: both; | |
} | |
.Vue-Toastification__fade-move { | |
transition-timing-function: ease-in-out; | |
transition-property: all; | |
transition-duration: 400ms; | |
} | |
/* ---------------------------------------------- | |
* Modified version from Animista | |
* Animista is Licensed under FreeBSD License. | |
* See http://animista.net/license for more info. | |
* w: http://animista.net, t: @cssanimista | |
* ---------------------------------------------- */ | |
@keyframes slideInBlurredLeft { | |
0% { | |
transform: translateX(-1000px) scaleX(2.5) scaleY(0.2); | |
transform-origin: 100% 50%; | |
filter: blur(40px); | |
opacity: 0; | |
} | |
100% { | |
transform: translateX(0) scaleY(1) scaleX(1); | |
transform-origin: 50% 50%; | |
filter: blur(0); | |
opacity: 1; | |
} | |
} | |
@keyframes slideInBlurredTop { | |
0% { | |
transform: translateY(-1000px) scaleY(2.5) scaleX(0.2); | |
transform-origin: 50% 0%; | |
filter: blur(240px); | |
opacity: 0; | |
} | |
100% { | |
transform: translateY(0) scaleY(1) scaleX(1); | |
transform-origin: 50% 50%; | |
filter: blur(0); | |
opacity: 1; | |
} | |
} | |
@keyframes slideInBlurredRight { | |
0% { | |
transform: translateX(1000px) scaleX(2.5) scaleY(0.2); | |
transform-origin: 0% 50%; | |
filter: blur(40px); | |
opacity: 0; | |
} | |
100% { | |
transform: translateX(0) scaleY(1) scaleX(1); | |
transform-origin: 50% 50%; | |
filter: blur(0); | |
opacity: 1; | |
} | |
} | |
@keyframes slideInBlurredBottom { | |
0% { | |
transform: translateY(1000px) scaleY(2.5) scaleX(0.2); | |
transform-origin: 50% 100%; | |
filter: blur(240px); | |
opacity: 0; | |
} | |
100% { | |
transform: translateY(0) scaleY(1) scaleX(1); | |
transform-origin: 50% 50%; | |
filter: blur(0); | |
opacity: 1; | |
} | |
} | |
@keyframes slideOutBlurredTop { | |
0% { | |
transform: translateY(0) scaleY(1) scaleX(1); | |
transform-origin: 50% 0%; | |
filter: blur(0); | |
opacity: 1; | |
} | |
100% { | |
transform: translateY(-1000px) scaleY(2) scaleX(0.2); | |
transform-origin: 50% 0%; | |
filter: blur(240px); | |
opacity: 0; | |
} | |
} | |
@keyframes slideOutBlurredBottom { | |
0% { | |
transform: translateY(0) scaleY(1) scaleX(1); | |
transform-origin: 50% 50%; | |
filter: blur(0); | |
opacity: 1; | |
} | |
100% { | |
transform: translateY(1000px) scaleY(2) scaleX(0.2); | |
transform-origin: 50% 100%; | |
filter: blur(240px); | |
opacity: 0; | |
} | |
} | |
@keyframes slideOutBlurredLeft { | |
0% { | |
transform: translateX(0) scaleY(1) scaleX(1); | |
transform-origin: 50% 50%; | |
filter: blur(0); | |
opacity: 1; | |
} | |
100% { | |
transform: translateX(-1000px) scaleX(2) scaleY(0.2); | |
transform-origin: 100% 50%; | |
filter: blur(40px); | |
opacity: 0; | |
} | |
} | |
@keyframes slideOutBlurredRight { | |
0% { | |
transform: translateX(0) scaleY(1) scaleX(1); | |
transform-origin: 50% 50%; | |
filter: blur(0); | |
opacity: 1; | |
} | |
100% { | |
transform: translateX(1000px) scaleX(2) scaleY(0.2); | |
transform-origin: 0% 50%; | |
filter: blur(40px); | |
opacity: 0; | |
} | |
} | |
.Vue-Toastification__slideBlurred-enter-active.top-left, .Vue-Toastification__slideBlurred-enter-active.bottom-left { | |
animation-name: slideInBlurredLeft; | |
} | |
.Vue-Toastification__slideBlurred-enter-active.top-right, .Vue-Toastification__slideBlurred-enter-active.bottom-right { | |
animation-name: slideInBlurredRight; | |
} | |
.Vue-Toastification__slideBlurred-enter-active.top-center { | |
animation-name: slideInBlurredTop; | |
} | |
.Vue-Toastification__slideBlurred-enter-active.bottom-center { | |
animation-name: slideInBlurredBottom; | |
} | |
.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-left, .Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-left { | |
animation-name: slideOutBlurredLeft; | |
} | |
.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-right, .Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-right { | |
animation-name: slideOutBlurredRight; | |
} | |
.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-center { | |
animation-name: slideOutBlurredTop; | |
} | |
.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-center { | |
animation-name: slideOutBlurredBottom; | |
} | |
.Vue-Toastification__slideBlurred-leave-active, | |
.Vue-Toastification__slideBlurred-enter-active { | |
animation-duration: 750ms; | |
animation-fill-mode: both; | |
} | |
.Vue-Toastification__slideBlurred-move { | |
transition-timing-function: ease-in-out; | |
transition-property: all; | |
transition-duration: 400ms; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment